.flexbox { 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	  	  
	  }

.flex-center {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
		-webkit-justify-content:center;
          justify-content:center;
}

.nowrap { 
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
	/*breite flexibel passt sich ein - standard*/ 
	  }	

.wrap { 
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	/*breite fix passt sich nicht ein*/
	  }
	  
.space-between { 	    
-webkit-box-pack:justify;
      -ms-flex-pack:justify;
		-webkit-justify-content:space-between;
          justify-content:space-between;
}

.horizontal-mitte {
-webkit-box-flex:1;
      -ms-flex:1 auto;
          flex:1 auto; 
		  display:flex;  
		  -webkit-box-align:center;  
		  -ms-flex-align:center;  
		  align-items:center; 
		  
		  /*-webkit-box-pack:center; 
		  -ms-flex-pack:center; 
		  justify-content:center;*/
		   
		  -ms-flex-item-align:stretch; 
		  align-self:stretch; 
}


.blue {color:#0059a3;}
.blue-light {color:#307bba;}
.blue-dark  {color:#003d70;}


.cc-container {position: relative;}


.cc-labeledLink {letter-spacing: 0.5px;}

.cc-heroSliderCaption::after {
  display: block;
  content: '';
  position: absolute;
  top: 17px;
  width: 10px;
  background-color: rgb(131 200 182 / var(--tw-border-opacity));
  height: calc(100% - 26px);
  left: -6px;
}

.cc-heroSliderCaption--right::after {left:100%;}

@media (min-width: 420px) {
  .cc-heroSliderCaption::after {
    top: 6px;
    height: calc(100% - 10px);  
  }
}

@media (min-width: 576px) {
  .cc-heroSliderCaption::after {
    top: 7px;
    height: calc(100% - 12px);  
  }
}

@media (min-width: 768px) {
  .cc-heroSliderCaption::after {
    top: 10px;
    height: calc(100% - 17px);  
  }
}

@media (min-width: 1200px) {
  .cc-heroSliderCaption::after {
    top: 17px;
    height: calc(100% - 26px);  
  }
}

.cc-heroSliderCaption {border-color:transparent; padding-left: 1.5rem;}

.cc-heroSliderCaption {
  top:    43%;
}


.start-2-spalten-box a {display: inline-block; margin:0 10px;}

@media (min-width: 764px) {
    .start-2-spalten-box {min-height: 102px;}
}

@media (max-width: 420px) {
    .start-2-spalten-box a {margin:0 4px;}
}

.cc-container--large {
  max-width:    85.625rem;
}


@media (min-width: 768px) {
  .cc-narrowerContent {
    width:    68%;
  }
}

@media (min-width: 992px) {
  .cc-narrowerContent {
    width:    58%;
  }
}

.cc-blueBox ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:    0;
  margin-top:    calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:    calc(0.75rem * var(--tw-space-y-reverse));
}

.cc-contentBox ol {
  counter-reset: section;
}

.cc-contentBox ol > li {
  position:    relative;
  padding-left:    1.4em;
}

.cc-contentBox ol > li::before {
  counter-increment: section;
  content: counter(section);
  position:    absolute;
  top:    .3em;
  left:    0px;
  display:    inline-block;
  text-align:    center;
  font-size:    .6em;
  line-height:    1em;
  height:    1.8em;
  width:    1.8em;
  padding:    .15em;
  border-radius:    9999px;
  border-width:    2px;
  --tw-border-opacity:    1;
  border-color:    rgb(0 89 163 / var(--tw-border-opacity));
}


.cc-contentBox > p:last-child {
  margin-bottom: var(--text-margin-vertical);
}


.cc-contentBox ul.cc-accordion > li {
    padding-left:0px;
    
}

.cc-contentBox ul.cc-accordion .uk-accordion-title {
    text-decoration: none;
    
}

.cc-branches .cc-contentBox {
    padding: 0 4%;
}

.tw-mb-5 {
  margin-bottom:    1.25rem;
}


.subprodukt .cc-dlDefault {display: block;}
.cc-contentBox p.ergaenzendes_produkt {margin-top:3em;}

@media (max-width: 562px) {
    .tw-col-span-4 {grid-column: span 7 / span 7;}
}

.cc-subNav .abstand_links {padding-left:35px;}

/* Pagination */

.pagination {text-align: center; margin-top: 35px;}
.pagination li {display: inline-block; color:#c1c1c1; padding:0 5px;}
.pagination .first {
  --tw-text-opacity:    1;
  color:    rgb(124 124 123 / var(--tw-text-opacity));
}

.pagination .prev {
      --tw-text-opacity:    1;
  color:    rgb(124 124 123 / var(--tw-text-opacity));
}
.pagination .current {
      --tw-text-opacity:    1;
  color:    rgb(124 124 123 / var(--tw-text-opacity));
}
.pagination .next {
      --tw-text-opacity:    1;
  color:    rgb(124 124 123 / var(--tw-text-opacity));
}
.pagination .last {
      --tw-text-opacity:    1;
  color:    rgb(124 124 123 / var(--tw-text-opacity));
}
.pagination .disabled {display: none;}


/* Referenzen Sidbar - alle referenzen */

.cc-alle-referenzen {
  padding-left:    1.5rem;
  padding-bottom:    1.5rem;
    margin-top: 15px !important;
}

@media (min-width: 992px) {
  .cc-alle-referenzen {
    padding-left:    2.75rem;
  }
}


.play_button_abs {position: relative;}
.play_button {position: absolute; top:0px; left:0px;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.cc-fixedNav-icon:hover, .cc-fixedNav-icon.cc-active {background-color: rgb(115 223 192 / var(--tw-bg-opacity));}

.cc-textBoxImageSlider-imageCol {
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(0 89 163 / var(--tw-border-opacity));
}

/* Accordion */
.accordion {}
@media (max-width: 769px) {
    .accordion_bild_breit.tw-flex img {margin-bottom: 12px;}
    .accordion_bild_breit.tw-flex {display: block;}
}

.produkte_infos_box {
margin-bottom:    var(--text-margin-vertical);
}    

.produkte_infos_headline {
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(0 89 163 / var(--tw-text-opacity));
}

/* 
--------- Lightbox ------------ 
*/

.uk-lightbox .uk-close {max-width: 30px;}

/* 
--------- Y-FORM ------------ 
*/

.alert ul {display:none;}

.alert, .has-error {
    color: #ee443c;
    
	
	}


.yform .has-error input, .yform .has-error textarea, .yform .has-error select {
	border: 1px solid #ee443c;
}
.yform .has-error select {background-color: #ee443c;}

.yform label {display:none;}
.yform .checkbox label {display: block;}


.yform input,
.yform textarea {
    width: 100%;
    box-sizing: border-box; 
	padding:2px 0.8em 0 0.8em;
	line-height:1.6;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #c8c8c7;
	}


.yform textarea {
	height: 110px;
}

.yform #yform-yform_kontakt-anrede select {
	background-color: white;
    border: 1px solid #c8c8c7;
    line-height: 1.6;
    margin-bottom: 0.4em;
    padding: 0 0.8em;
    height:30px;
	}

.yform .checkbox input {
	width: auto;
}

.yform .form-captcha {margin-top: 5px;}

.yform .form-captcha label {
	display: block;
      text-align: left;
	  border:none;
	
}

.yform .form-captcha img {
	margin-bottom: 5px;
	display: inline-block;
}

.yform button[type=submit] {
	display: inline-block; background-color:rgb(0,89,163); color:#fff; padding: 4px 12px 6px 12px; margin: 5px 0px 8px 0px; border:none;
	
}

.yform button[type=submit]:hover {color:#fff;}

.yform #yform-yform_kontakt-anfragedatum {display: none;}

.yform_kontakt_flex_1 {display:flex; flex-wrap: wrap; }
.yform #yform-yform_kontakt-titel {width:94px; margin-left: 15px;}
.yform .select_maxwidth_150 {max-width: 275px; margin-bottom: 20px;}
.yform .form_text_datenschutz a {color: rgb(0,89,163);}
.yform .form_text_datenschutz a:hover {text-decoration: underline;}
.yform .pflichtfelder_text {padding:2px 0.8em 0 0.8em; margin-bottom: 10px;}
.yform #yform-yform_kontakt-datenschutz {margin-bottom: 15px;}

/* ### SPECIAL ###################################################################### */

#offline-404-frontend-msg {
    background: darkred none repeat scroll 0 0;
    border: 1px solid #fff;
    color: white;
    font-family: Arial,sans-serif;
    font-size: 13px;
    left: 0;
    padding: 4px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10000;
}