/* Angebot einholen */
.Tx-Formhandler .tabset li.active a .span {
background: url(/typo3conf/ext/unitedcoding/Resources/Public/Images/tabsetArrowHover.jpg) right center no-repeat #002d44;
}
.Tx-Formhandler .tabset li.active a .number {
border-color: #007e9e;
}

.req-btn {
    display: none;
}


/* Desktop */
@media (min-width: 1024px) {
   div#c2681 {display: none !important;} 
   div#c2704 {display: none;}
   div#c2712 {display: none;} 
   div#c2722 {display: none;}
}


/* ipad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px)  { 
  
.col-lg-3.col-md-3.col-sm-6.col-xs-6 { padding-right: 15px;}
.app-box {margin-left: 30% !important;}
#content .bannerCont h3 {font-size: 16px;}
#content .bannerCont h2 {font-size: 23px;}
div#c2681 { display: none;}  
div#c13 {  display: none !important;}
div#c2722 img.image-embed-item {background: #f3f3f5;}
div#c2722 {margin-bottom: -50px;}
.position-image-left.image-bottom.image-size-zoom { display: none; }
.textimageequalheight.col-xs-12.col-sm-7.col-lg-7 {width: 100%;}
.textimageequalheight.image.col-sm-5.col-xs-12 {display: none;}

/* App-Entwickler-buchen */
.uc-button-app { width: 99.5% !important;}
.app-box { margin-left: 30%;}

}

 /* ipad pro */
    @media only screen and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
  
.col-lg-3.col-md-3.col-sm-6.col-xs-6 {padding-right: 15px;}
.app-box { margin-left: 30% !important;}
#content .bannerCont h3 {font-size: 16px;}
#content .bannerCont h2 {font-size: 23px;}
.text-image-main .position-image-right.image-size-zoom {margin-top: -150px;}
.text-image-main .position-image-left.image-bottom {top: 390px;}
.icon-content {padding: 0px !important;}
.app-banner-wrapper .container {padding: 50px 0px 50px 0px !important;}
  
}



@media (min-width: 1200px) {
.text-image-main .position-image-left.image-bottom {
    bottom: 0px;
    top: 230px;
 }
}

#header .topRow {
    background: #002d43;
    background-image: none;
}

#header .topRow .leftCol {
    padding-bottom: 5px;
}

.service-box-outer .services-box .row_custom {
    border-bottom: 0px;
}

.text-image-main .col-sm-7 ul li {min-height: 0px; }

.panel-group .panel-default .panel-title {
    font-size: 16px;
 }


#content .blogRow .blogBox .btn {
    float: none;
    width: 100%;
    margin-right: 0px;
    padding: 0px;
    height: 50px;
    line-height: 50px;
}

.service-box-outer .services-box .box .icon-wrapper img {
    width: 100% !important;
 }

.service-box-outer .services-box .box {
    padding: 0px;
}

#content .blogRow .blogBox {
    padding-bottom: 0px;
}

.col-lg-3.col-md-3.col-sm-6.col-xs-6 {
    padding-right: 0px;
}

div#c3801 p {
transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c3800 p {
transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c3800 p {
transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c3799 p {
transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c3798 p {
transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}



div#c2501 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}


div#c2502 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2503 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2615 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2718 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2717 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2716 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2715 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2882 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2881 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2880 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

div#c2879 p {
    transition: all .3s ease-in-out !important;
    list-style-type: none !important;
    padding: 7px 5px 0px 5px !important;
    margin-bottom: 0px !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e8e8e8 !important;
    font-size: 14px;
}

li.referenzen {
    min-height: 0px !important;
}

.divider hr {
    width: 150px;
    height: 5px;
}


.icon-content {
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 20px 10px;
}

.sf-menu>li>a:active {
  color: #007e9e;
}

.sf-menu>li>a:hover {
  color: #007e9e;
}

.sf-menu>li.sfHover>a {
  color: #007e9e;
}

.text-image-main .line-tag {
    width: 150px;
    height: 5px;
    margin-bottom: 15px;
}


.service-box-outer .services-box .row_custom .col-lg-3:nth-child(1) .box {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
}

.service-box-outer .services-box .row_custom .col-lg-3:nth-child(4) .box {
  border-color: rgba(0, 0, 0, 0.08);  
  border-width: 1px;
}

.service-box-outer .services-box .box {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.08);
}

a {
    color: #000;
}

a:focus {
    color: #000;
}

.btn.btn-request a:hover {
  color: #fff;
  }

.uc-button {
    font-color: #ffffff;
    display: inline-block;
    padding: 15px 30px 15px 30px;
    background: #002d44;
    border-radius: 0;
    margin-right: 14px;
    font-size: 14px;
    letter-spacing: 0px;
}

.uc-button-app {
    display: inline-block;
    padding: 15px 30px 15px 30px;
    background: #175d6a;
    border-radius: 0;
    margin-right: 14px;
    font-size: 14px;
    letter-spacing: 0px;
    width: 99.9%;
    text-align: center;
}


.uc-button:hover {
    background: #7a1831;
    color: #fff !important;
}

.uc-button-app:hover {
    background: #7a1831;
    color: #fff !important;
}


.uc-button a {
      color: #fff;
  }

.uc-button-app a {
      color: #fff;
  }

body {
  color: #363136;
  }

.h2-start a {
  color: #fff;
 }

.h2-start a:hover {
    color: #7a1831;
 }


.frame-type-header .subheader {
    color: #007892;
  }

.service-box-outer .services-box .box .icon-content h4 {
    line-height: 25px;
}

#footer p {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #7a1831;
}

.app-box {
    background-color: rgba(31, 39, 50, 0.90);
    padding: 25px;
    margin-left: 60%;
}

.app-margin {
    margin: 10%;
}

.text-image-main .position-image-left.image-bottom {
    top: 320px;
}

.bwhite {
  margin-top: -5px;
  background-color: rgb(0, 45, 67, 0.9);
  width: 670px;
  padding: 10px;
}

.bwhite h5 {
    margin-left: 15px;
}

.app-banner-wrapper .container {
    padding: 150px 0px 0px 0px;
}

.bannervideo .sliderTextWrapper .sliderText h2 {
    line-height: 1.3;
}

.appbanner h1 {
    font-size: 42px;
}

.call-header h2 { font-weight: 100 !important; }

/*iphone 5*/
@media only screen and (max-device-width: 480px) {

/* Startseite */
.col-lg-3.col-md-3.col-sm-6.col-xs-6 {
    padding-right: 15px;
}

.service-box-outer .services-box .box .icon-wrapper img {
    width: 100% !important;
 }

.bwhite {
  margin-top: -5px;
  background-color: rgb(0, 45, 67, 0.9);
  width: 290px;
  padding: 10px;
}

.bwhite li {
    font-size: 14px !important;
}
.app-box {
    margin-left: 0%;
}
#content .bannerCont h3 {
    font-size: 16px;
}
#content .bannerCont h2 {
    font-size: 23px;
}

.position-image-left.visible-xs.image-size-zoom {
    display: none !important;
}
div#c2681 {
    margin-bottom: -30px;
}

.col-sm-4.post.text-center {
    margin-left: 15px;
    margin-right: 15px;
}

.box {margin-bottom: 10px;}

div#c13 {display: none;}

div#c2722 img.image-embed-item {background: #f3f3f5;}
div#c2722 {margin-bottom: -50px;}
.position-image-left.image-bottom.image-size-zoom { display: none; }
.text-image-main {padding: 0px;}

/* App-Entwickler-buchen */

.uc-button-app {
    margin-top: -10px;
    margin-bottom: 10px;
}
.appbanner {letter-spacing: 0px;}
.appbanner h1 { line-height: 40px; font-size: 30px;}
.app-banner-wrapper .container { padding: 50px 0px 0px 0px;}
.app-banner-wrapper .btn-blue { margin-bottom: 10px;}
img#powermail_captchaimage { margin-top: 5px;}

}


/* iPhone 6, 7, & 8 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
  
/*Referenzen */
  
  
  
/* Startseite */   
  .col-lg-3.col-md-3.col-sm-6.col-xs-6 {
    padding-right: 15px;
}

.service-box-outer .services-box .box .icon-wrapper img {
    width: 100% !important;
 }

.bwhite {
  margin-top: -5px;
  background-color: rgb(0, 45, 67, 0.9);
  width: 345px;
  padding: 10px;
}
.app-box {
    margin-left: 0%;
}
#content .bannerCont h3 {
    font-size: 16px;
}
#content .bannerCont h2 {
    font-size: 23px;
}

.position-image-left.visible-xs.image-size-zoom {
    display: none !important;
}
div#c2681 {
    margin-bottom: -30px;
}

.col-sm-4.post.text-center {
    margin-left: 15px;
    margin-right: 15px;
}
.box {margin-bottom: 10px;}

div#c13 {display: none;}

div#c2722 img.image-embed-item {background: #f3f3f5;}
div#c2722 {margin-bottom: -50px;}
.position-image-left.image-bottom.image-size-zoom { display: none; }
.text-image-main {padding: 0px;}

/* App-Entwickler-buchen */

.uc-button-app {
    margin-top: -10px;
    margin-bottom: 10px;
}
.appbanner {letter-spacing: 0px;}
.appbanner h1 { line-height: 40px;}
.app-banner-wrapper .container { padding: 50px 0px 0px 0px;}
.app-banner-wrapper .btn-blue { margin-bottom: 10px;}
img#powermail_captchaimage { margin-top: 5px;}

}

/* Förderprogramm */

.ce-above .ce-gallery {
    margin-bottom: 0px;
}

/* iPhone 6, 7, & 8 Plus */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 
  
  /*Referenzen */
  
  
/* Startseite */    
  .col-lg-3.col-md-3.col-sm-6.col-xs-6 {
    padding-right: 15px;
}

.service-box-outer .services-box .box .icon-wrapper img {
    width: 100% !important;
 }

.bwhite {
  margin-top: -5px;
  background-color: rgb(0, 45, 67, 0.9);
  width: 384px !important;
  padding: 10px;
}
.app-box {
    margin-left: 0%;
}
#content .bannerCont h3 {
    font-size: 16px;
}
#content .bannerCont h2 {
    font-size: 23px;
}

.position-image-left.visible-xs.image-size-zoom {
    display: none !important;
}
div#c2681 {
    margin-bottom: -30px;
}

.col-sm-4.post.text-center {
    margin-left: 15px;
    margin-right: 15px;
}
.box {margin-bottom: 10px;}

div#c13 {display: none;}

div#c2722 img.image-embed-item {background: #f3f3f5;}
div#c2722 {margin-bottom: -50px;}
.position-image-left.image-bottom.image-size-zoom { display: none; }
.text-image-main {padding: 0px;}

/* App-Entwickler-buchen */

.uc-button-app {
    margin-top: -10px;
    margin-bottom: 10px;
}
.appbanner {letter-spacing: 0px;}
.appbanner h1 { line-height: 40px;}
.app-banner-wrapper .container { padding: 50px 0px 0px 0px;}
.app-banner-wrapper .btn-blue { margin-bottom: 10px;}
img#powermail_captchaimage { margin-top: 5px;}

}

/* iPhone X */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 
  
/* Startseite */  
  .col-lg-3.col-md-3.col-sm-6.col-xs-6 {padding-right: 15px;}

.service-box-outer .services-box .box .icon-wrapper img {width: 100% !important; }

.frame-caption-text-style .image .image-caption .image-content .verticle-middle {
    font-size: 12px !important;
    line-height: 1.0;
  }

.bwhite {
  margin-top: -5px;
  background-color: rgb(0, 45, 67, 0.9);
  width: 345px;
  padding: 10px;
}
.app-box {margin-left: 0%;}
#content .bannerCont h3 {font-size: 16px;}
#content .bannerCont h2 { font-size: 23px;}

.position-image-left.visible-xs.image-size-zoom {display: none !important;}
div#c2681 {margin-bottom: -30px;}

.col-sm-4.post.text-center {
    margin-left: 15px;
    margin-right: 15px;
}
.box {margin-bottom: 10px;}

div#c13 {display: none;}

div#c2722 img.image-embed-item {background: #f3f3f5;}
div#c2722 {margin-bottom: -50px;}
.position-image-left.image-bottom.image-size-zoom { display: none; }
.text-image-main {padding: 0px;}

/* App-Entwickler-buchen */

.uc-button-app {
    margin-top: -10px;
    margin-bottom: 10px;
}
.appbanner {letter-spacing: 0px;}
.appbanner h1 { line-height: 40px;}
.app-banner-wrapper .container { padding: 50px 0px 0px 0px;}
.app-banner-wrapper .btn-blue { margin-bottom: 10px;}
img#powermail_captchaimage { margin-top: 5px;}