:root {
  --cookiebar-background-primarycolor: #333;
  --cookiebar-primarycolor: #00acc1;
  
  --iframe-consent-wrapper-bg: #000;
  --iframe-consent-wrapper-border: 0px solid #ccc;
  --iframe-consent-wrapper-iframe-border: 0px solid transparent;
  --iframe-consent-poster-opacity: 0.65;
  --iframe-consent-icon-color: #fff;
  --iframe-consent-wrapper-mobile-bg: rgba(0,0,0,0.65);
  
  --iframe-consent-wrapper-radius:0;
  --iframe-consent-btn-bg:#00acc1;
  --iframe-consent-btn-border:#00acc1;
  --iframe-consent-btn-radius:10px;  
  --iframe-consent-btn-padding:4px 15px;
  --iframe-consent-btn-font-size:14px;
  --iframe-consent-btn-font-weight: 600; 
  --iframe-consent-btn-color: white;
  
}

p.text-dark{
  color: #fff !important;
  margin-bottom: 0.85rem;
}

a.iframe-consent-disclaimer{
  font-size: 0.85rem;
  color: #fff !important;
  text-decoration: underline;
}








.spacer{
position: relative;
  width:100%;
  height: 6rem;
  display: block;
}



.sr-main-content .sr-teaser-boxen {
    background: #00acc1;
}

.sr-main-content .sr-teaser-boxen .sr-teaser-boxen-item .sr-teaser-boxen-item-hl,
.sr-main-content .sr-teaser-boxen .sr-teaser-boxen-item .sr-teaser-boxen-link a{
    color: #fff;
  font-weight: 600;
}

.sr-main-content .sr-teaser-boxen .sr-teaser-boxen-item .sr-teaser-boxen-link a{
 padding-top: 15px;
}

.sr-main-content .sr-teaser-boxen .sr-teaser-boxen-item .sr-teaser-boxen-link a::before {
    width: 22px;
}






/*
.ce-ratio{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
}

.ratio-16_9{
padding-top: 33%;
}



.ratio-content{
position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

*/



.ce-embed-16-9{
  position: relative;
  width: 100%;
  border-radius: 12px;
  padding-bottom: 56.25%
}

.ce-embed-content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.embed-film{ 
  width: 100%;
  height: auto;
  padding: 0 0 65px 0;
}


@media screen and (min-width: 991px){

.sr-two-column-content:nth-child(1) .sr-content-container .row{
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sr-two-column-content:nth-child(1) .sr-content-container .row .col-md-6{
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

}




.sr-hidden-content .show {
  margin-top: 5rem;
  margin-bottom: 8rem;
}

.sr-hidden-content .show .sr-btn {
  padding: 9px 25px;
  font-size: 20px;
}

.sr-text-slider{
  margin-bottom: 5rem;
}



.sr-main-content {
  padding-top: 70px;
}


.sr-main-content .sr-two-column-content {
  margin-bottom: 35px;
}



/*  Menüausbau */

.sr-fixednav .right-menu ul.social {
  list-style: none;
  margin: -6px 0 0 10px;
  padding: 0;
}

.fixednav-wrapper .meta-menu .border-menu {
  font-size: 14px;
}

.sr-fixednav .fixednav-wrapper {
  padding-left: 80px;
}


.sr-top-nav .bottom-menu ul.border-menu > li {
  font-size: 30px;
}

ul.border-menu > li:not(:last-child):after {
  height: 2em;
  margin: 0 0.5em;
}

.dropdown-menu {
  font-size: 17px;
  padding: 10px 5px;
  margin: 2px 0 ;
}

.sr-top-nav .bottom-menu {
  margin: 50px 0 20px;
  padding-top: 25px;
  border-top: 1px solid #E0E0E0;
}

.sr-top-nav .bottom-menu .border-menu{
  margin-top: -50px;
  background: #fff;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}





@media screen and (min-width: 768px) and (max-width: 1024px){
.sr-top-nav .contact-menu {
  
  float: right;
  position: relative;
  z-index: 10;
  margin-right: 155px;
  
}


.sr-top-nav .social-menu {
  
  position: absolute;
  right: 10px;
  left: auto;
  width: auto;
  text-align: center;
  
}


}



.sr-footer{
  background: #11808e;
  color: #fff;
  padding-bottom: 3rem !important;
}

.sr-footer .sr-footer-data {
  padding-top: 3rem;
  padding-bottom: 6rem;
}

.sr-footer  .sr-footer-dataul li,
.sr-footer  .sr-footer-dataul li a,
.sr-footer  .sr-footer-data a{
  color: #fff !important;
}


.sr-footer .sr-footer-data .sr-footer-data-column{
display: flex;
  float: none;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
}

.sr-footer .sr-footer-data .sr-footer-data-column ul{
  padding: 0 30px 0 0;
  min-height: 250px;
}

@media screen and (max-width: 1024px){

.sr-footer .sr-footer-data .sr-footer-data-column{
display: flex;
  float: none;
  justify-content: left;
  flex-wrap: wrap;
  width: 100%;
}


.sr-footer .sr-footer-data .sr-footer-data-column ul{
  padding: 0 30px 30px 0;
  min-height: auto;
  min-width: 50%;
}

}


.sr-footer .sr-footer-data .sr-footer-data-column ul li{
  padding: 2px 0;
}
span.span-row{
  display: inline-block;
}
span.row-first{
  display: inline-block;
min-width: 100px;
  padding-right: 5px;
}







.metamenu-footer li a{
  margin-right: 5px;
}






h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 135%;
}



h1, .h1 {
  font-size: 25px;
}


h2, .h2 {
  font-size: 22px;
}


h3, .h3 {
  font-size: 19px;
}

body{
  font-size: 16px;
  line-height: 145%;
}

.sr-footer{
  font-size: 14px;
}




.addon-padding{
  padding: 15%; 
}


.sr-main-content .sr-contentimg {
  margin-top: 15px !important;
  margin-bottom: 30px !important;
}



ul, ol {
  margin-left: 0;
  padding-left: 15px;
}


/*
OnPage Menu Landingpage
*/


.fixed_onpage_navi_landing{
  position: fixed;
  text-align: center;
  width: 100%;
  top: 0;
  background: #fff;
  padding: 10px;
}



.onpagemenu{
  list-style-type: none;
  text-align: center;
  position: relative;
}

.onpagemenu li{
  text-align: center;
  display: inline-block;
  padding: 0 10px;
}


@media screen and (max-width: 640px){
.fixed_onpage_navi_landing{
  display: none;  
}

}






.submit{
  width: 100%;
}
.Tx-Formhandler{
  width: 75%;
  margin-top: 0 !important;
}





.img_responsive_100{
  width: 100% !important;
  height: auto !important;
}

.img_responsive_80{
  padding: 0 10%;
  width: 80% !important;
  height: auto !important;
}

.img_responsive_60{
  padding: 0 20%;
  width: 60% !important;
  height: auto !important;
}

/* TYPO3 BILDER GRÖSSEN + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */

.csc-textpic{
  overflow: hidden;
}
.wrapper-t3-img{
  width:100% !important;
}


.wrapper-t3-img img{
  width:100% !important;
  height: auto !important;
}


.wrapper-t3-img .csc-textpic-imagewrap,
.wrapper-t3-img .csc-textpic-imagerow,
.wrapper-t3-img ul,
.wrapper-t3-img dt{
  width: 100% !important;  
  float: left;
}

.wrapper-t3-img .csc-textpic-imagerow{
  margin: 2.5% 0;
}  




.wrapper-img-cols1 ul li,
.wrapper-img-cols1 dl{
  width: 100% !important;
  margin: 0 !important;
  float: left;
}
.wrapper-img-cols2 ul li,
.wrapper-img-cols2 dl{
  width: 47.5% !important;
  margin: 0 2.5% !important;
  float: left;
}
.wrapper-img-cols3 ul li,
.wrapper-img-cols3 dl{
  width: 30%   !important;
  margin: 0 2.5% !important;
  float: left;
}
.wrapper-img-cols4 ul li,
.wrapper-img-cols4 dl{
  width: 21.25% !important;
  margin: 0 2.5% !important;
  float: left;
}
.wrapper-img-cols5 ul li,
.wrapper-img-cols5 dl{
  width: 16% !important;
  margin: 0 2.5% !important;
  float: left;
}
.wrapper-img-cols6 ul li,
.wrapper-img-cols6 dl{
  width: 12.5% !important;
  margin: 0 2.5% !important;
  float: left;
}
.wrapper-img-cols7 ul li,
.wrapper-img-cols7 dl{
  width: 10% !important;
  margin: 0 2.5% !important;
  float: left;
}
.wrapper-img-cols8 ul li,
.wrapper-img-cols8 dl{
  width: 8.125% !important;
  margin: 0 2.5% !important;
  float: left;
}





/* ALLGEMEIN */

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;;
}


h3, .h3 {
  font-size: 24px;
  font-weight: 400 !important;
}




.sr-main-content .sr-doc-list .sr-doc-first .sr-doc-pic:after, 
.sr-main-content .sr-doc-list .sr-doc-second .sr-doc-pic:after {
  display: none!important;
  position: absolute;
}


/* DR FLEX BUTTON */

.wrapper-footer-fixed{
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 100%;
  margin: 0;
  padding:5px;
  position: fixed;
  bottom: 0;
  background: rgba(255,255,255,0.75);
  z-index: 150;
  transition: all ease-in-out 0.2s;
}

.wrapper-footer-fixed:hover{
padding:15px 5px 35px 5px;
  background: rgba(255,255,255,1);

}


.wrapper-drflex a,
.wrapper-telefon a,
.wrapper-email a{

  background-color: #1BACBF;

  color: #fff;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 115%;
  padding: 8px;
  margin: 0 3px;
  border-radius: 0px;
  
}
.wrapper-drflex,
.wrapper-telefon,
.wrapper-email{
  position: relative;
  
  
  flex-grow: 1;
  max-width: 320px;
  
  
}

@media screen and (max-width: 560px){



.wrapper-drflex a,
.wrapper-telefon a,
.wrapper-email a{
  font-size: 70%;
  line-height: 110%;
}


}










.align-center{
  display: block;
  text-align: center;
}



h1.LP-headline{
  font-size: 40px;
  color: #00acc1;
  font-weight: 600;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}

p.LP-absatz_bigger{
  font-size: 22px;
  margin-bottom: 30px;
  line-height: 27px;
}

a.LP-ctabox{
  border: 3px solid #00acc1;
  color: #00acc1 !important;
  padding: 10px;
  background: #fff;
  transition: all ease-in-out 0.25s;
  display: block;
}

a.LP-ctabox:hover{
  border: 3px solid #00acc1;
  padding: 10px;
  background: #00acc1;
  color: #fff !important;
  transition: all ease-in-out 0.25s;
}




.yt-btn::before {
  
  content: '';
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/btn_yt.png) 0 0 no-repeat;
  background-position: 0px 0px;
  background-size: contain;
  width: 16px;
  height: 15px;
}


.yt-insta::before {
  
  content: '';
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/instagram.png) 0 0 no-repeat;
  background-position: 0px 0px;
  background-size: contain;
  width: 16px;
  height: 15px;
}





.sr-fixednav-list ul li:not(:last-child)::after, .sr-mainnav-subtop .main-menu ul li:not(:last-child)::after, .sr-mainnav-top ul li:not(:last-child)::after {
  right: 0px !important;
}



@media screen and (min-width: 768px) and (max-width: 860px){


.sr-fixednav-list ul li:not(:last-child)::after, .sr-mainnav-subtop .main-menu ul li:not(:last-child)::after, .sr-mainnav-top ul li:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0px !important;
  top: 0px;
  height: 30px;
  width: 1px;
  background: #ccc;
}

.sr-fixednav-list ul li a, .sr-mainnav-subtop .main-menu ul li a, .sr-mainnav-top ul li a {
  font-size: 12px !important;
}


.menu{
  width: 100%;
}

.sr-fixednav-list ul li, .sr-mainnav-subtop .main-menu ul li, .sr-mainnav-top ul li {
  padding: 2px 1.0% !important;
}



}