/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

html, body {font-family: Helvetica, Arial, sans-serif; font-size:18px}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline, .headertext {font-family:'Roboto', Helvetica, Arial, sans-serif !important; font-weight: 900  !important;}

/* h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline, .headertext {font-family:'Reenie Beanie', Garamond, 'Times New Roman', Times, serif; font-weight: bolder; font-style:italic;text-transform:uppercase;} */

/* h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline, .headertext {font-family:'Amita', Garamond, 'Times New Roman', Times, serif; font-weight: 700;font-style:italic;} */

/* h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline, .headertext 
{font-family: Helvetica, Arial, sans-serif, sans-serif !important; font-weight: 700  !important; text-transform:uppercase} */


/* Headertext Slider Start ####################################################################################### */

.headertext, h2.headertext  {display:inline-block;padding: 5px 10px;line-height:1.2; background:rgba(0, 0, 0, 0.2);}
/* .headertext a  {display:inline-block;padding: 4px;text-shadow:none}
.inside.headertext {text-align: center;}
.headertext a.btn {font-size: 1.6rem; padding:5px; min-width:60px;display:inline-block;background: rgba(0,0,0,0.5);border:0; }
 .headertext h1, .headertext h2 {text-shadow:2px 2px 2px #666;background: rgba(0,0,0,0.15);display:inline-block;padding: 5px 10px;line-height: 1.2em; margin:0 auto} */



@media only screen and (min-width: 1441px) {
.headertext.font-size-m, .headertext.font-size-m p {font-size:3.333rem !important}
}

@media only screen and (max-width:767px){
.headertext span.font-size-xl, .headertext h1{font-size:24px; line-height:1.2;}
.headertext h2{font-size:24px; line-height:1.1;}
.headertext a.btn {font-size:1rem}
.headertext {font-size:0.9rem}
}
@media only screen and (min-width: 992px) and (max-width: 1440px) {
#slider .ce_bgimage, #slider .ce_bgimage-image, #slider .ce_bgimage.ce_bgimage-image {height:450px !important;}
h1.ce_headline.headertext, .headertext .font-size-m, .headertext .font-size-m p {font-size:2rem; line-height:1.2;}
}

@media only screen and (min-width: 580px) and (max-width: 991px) {
#slider .ce_bgimage, #slider .ce_bgimage-image, #slider .ce_bgimage.ce_bgimage-image {height:400px !important;}
h1.ce_headline.headertext{font-size:1.8rem; line-height:1.2;}
}
@media only screen and (max-width: 579px) {
h1.ce_headline.headertext{font-size:1.3rem; line-height:1.3;}
}


/* .headertext, .ce_revolutionslider_text, .ce_revolutionslider_text.bold {color:#fff}
 /* .headertext, .ce_revolutionslider_text, .ce_revolutionslider_text.bold 
 {font-family: Helvetica, Arial, sans-serif, sans-serif !important; font-weight: 700  !important; text-transform:uppercase; color:#fff} */
/* {font-family:'Reenie Beanie', Times, serif; font-weight: bold; font-style:italic;text-transform:uppercase;color:#fff} */
/* {font-family:'Amita', Times, serif; font-weight: 700;color:#fff;text-transform: none;} */



/* neu Headertext einblenden --------------------------- */
/* @keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { 
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { 
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { 
    from { opacity:0; }
    to { opacity:1; }
}
.headertext {
    animation: einblenden 5s;
    -moz-animation: einblenden 5s;
    -webkit-animation: einblenden 5s;
    -o-animation: einblenden 5s;
}
.headertext-b2 {
    animation: einblenden 20s;
    -moz-animation: einblenden 20s;
    -webkit-animation: einblenden 20s;
    -o-animation: einblenden 20s;
} */

/* .headertext .accent {color:#5caa45;} */
#container .headertext {background: none !important;}
/* end Headertext einblenden --------------------------- */

/* Headertext Slider End ####################################################################################### */

/* Quickmenue Start ####################################################################################### */
.mod_quickmenu.style3 {right: 15px;}
.mod_quickmenu li i {color: #038630;}
.mod_quickmenu li:hover i {color: #fff;}
.mod_quickmenu li a {background: #e5e5e5;}
.mod_quickmenu li a:hover {background: #333;}
/* .mod_quickmenu.style1 li a, .mod_quickmenu.style2 li a, .mod_quickmenu.style3 li a {width: 160px;} */
.mod_quickmenu li a i {text-align: center;font-size: 24px;vertical-align: middle;}
@media only screen and (max-width: 767px) {
.mod_quickmenu {display: block;}
.mod_quickmenu.style1 li a, .mod_quickmenu.style2 li a, .mod_quickmenu.style3 li a {width: 45px; line-height: 45px;border-radius: 45px;}
.mod_quickmenu.style1 li a i, .mod_quickmenu.style2 li a i, .mod_quickmenu.style3 li a i {width: 45px}

.mod_quickmenu li a i {text-align: center;font-size: 18px;vertical-align: middle;}
}
/* End Quickmenue ####################################################################################### */

#privacy_optout_link {display: none}
.header.original .mainmenu ul, .header.original .mainmenu ul li a {text-transform: uppercase;}
.bgcolor-2 {background: #f1ecda}
.bgcolor-3 {background: rgb(241, 236, 218)}
.bgcolor-4 {background: rgba(241, 236, 218, 0.25)}
/* .zitat {background: #038630;} */
.zitat {border-top: 1px solid #038630}
/* .zitat {background: #d8fee5}

/* .zitat {box-shadow: /*10px 20px 15px #e4e4e4, -10px -20px 15px rgb(245,245,245); } */


/* #slider {max-width:1160px; margin:0 auto;} */
 @media only screen and (max-width: 767px) {
.logo {width: 200px;height: 100px;}
 }

.ce_headline_extended[class*="mb-"] h1,
.ce_headline_extended[class*="mb-"] h2,
.ce_headline_extended[class*="mb-"] h3,
.ce_headline_extended[class*="mb-"] h4,
.ce_headline_extended[class*="mb-"] h5,
.ce_headline_extended[class*="mb-"] h6 {
	margin-bottom: 0.4em;
}
/* .ce_bgimage-outer {background: #f9f7f0;} */
.header.original .mainmenu {border-bottom: 0;}

#footer .inside a:hover {color: #038630;}
.column.footer-kontakt {border-right: 1px solid #038630;}
#footer .totop:before {display: none;}
#footer a.btn, #footer a.btn:hover {color: #fff;}
#footer h4 {font-size: 2.5em;}
/* #footer {border-left: 15px solid #038630;border-right: 15px solid #038630;} */
#footer a {text-decoration:none}

/* Hintergrund fullwidth */
#footer .inside {max-width:none; padding: 0}
#footer .container {max-width: 1160px; margin: 0 auto}
#footer .column {padding: 2.75em 0}
/* Ende Hintergrund fullwidth */

.frame {border:1px solid #038630}
.rounded {border:1px solid #fff;border-radius:20px}
/* .ce_iconbox {overflow: hidden !important} */
.ce_iconbox.border-radius .ce_iconbox_outside {border: 1px solid #038630;}


.ce_divider_extended.version3 {background: #038630;}
a.btn {text-decoration: none; border-radius:20px}

.mod_quickmenu.style3 li a {border-radius: 20px;}

#header {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.15);
}
a.bodycolor {color:#333}


.ce_bgimage.hintergrund-header.vertical_centered .ce_bgimage-inside {
  transform: translateY(-42%);
  -webkit-transform: translateY(-42%);
  position: relative;
  top: 42%;
}

.mod_privacy_optin .privacy_buttons input.submit.tech{background:#333}

#mmenu #mmenu_middle {padding: 20px 20px 20px 20px;}

@media only screen and (max-width: 767px) {
	.mod_article.article-pt-xxs > .container,
.mod_article.article-pt-xs > .container,
.mod_article.article-pt-s > .container,
.mod_article.article-pt-m > .container,
.mod_article.article-pt-l > .container,
.mod_article.article-pt-xl > .container,
.mod_article.article-pt-xxl > .container {
padding-top: 25px;}
}

/*neu ... */
body.fixed-header #top_link {
	 bottom: 125px;
 }
.mod_quickmenu.vis-mobile {bottom: 180px;}

.ce_iconbox {border-left: 7px solid #038630;}

.ce_accordion_v2.border, .ce_accordion.style2.border {border: 1px solid #038630;}

.ce_list.hasIcon.accent i {color: #038630;}

.link-not-accent a {color: #333; text-decoration:none}

hr {border:1px solid #333}
hr.accent {border:1px solid #038630;height:1px}
hr.accent.top {border:1px solid #038630;height:1px; margin-bottom:0.8em}

.frame-beispiele {border-left:5px solid #038630; background:rgb(247,247,247); padding:25px; }
li.beispiele {display:inline-block}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
	.ce_list.long-text ul li, .ce_list.long-text ul li strong {
    hyphens: auto; /* Automatisches Silbentrennen aktivieren */
    overflow-wrap: break-word; /* Wörter umbrechen, wenn sie zu lang sind */
}
}

.ce_list.hasIcon ol li, .ce_list.hasIcon ul li {display: block;/*height:140px;*/}
.ce_list.hasIcon ol li > span, .ce_list.hasIcon ul li > span {float:left; height: 100%;}
.ce_list.hasIcon ol li i,
.ce_list.hasIcon ul li i {margin-right: 0.5em;}
.aufzaehlungstext {display: flex;margin-left: 1.4em;}

.mod_quickmenu {bottom: 200px;}
.mod_quickmenu.collapse li {margin-top:0;}