@charset "UTF-8";
/* Umsetzung - Markus Schindler - CodeSache.de */
*,
*::before,
*::after{
box-sizing:border-box; }

html{
font-family:sans-serif;
line-height:1.15;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-ms-overflow-style:scrollbar;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

@-ms-viewport{
width:device-width;
}
*:focus{
outline:none;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{
display:block; }

body{
margin:0;
font-size:1.1rem;
font-family:"Roboto", "Helvetica Neue", Arial, sans-serif;
font-weight:400;
line-height:1.5;
color:#333333;
text-align:left;
background-color:#fff; }


#wrapper{z-index:60;}


[tabindex="-1"]:focus{
outline:0 !important; }

hr{
box-sizing:content-box;
height:0;
overflow:visible; }

p{
margin-top:0;
margin-bottom:1rem; }

abbr[title],
abbr[data-original-title]{
text-decoration:underline;
text-decoration:underline dotted;
cursor:help;
border-bottom:0; }

address{
margin-bottom:1rem;
font-style:normal;
line-height:inherit; }

ol,
ul,
dl{
margin-top:0;
margin-bottom:1rem; }

ol ol,
ul ul,
ol ul,
ul ol{
margin-bottom:0; }

dt{
font-weight:700; }

dd{
margin-bottom:.5rem;
margin-left:0; }

blockquote{
margin:0 0 1rem; }

dfn{
font-style:italic; }

b,
strong{
font-weight:bolder; }

small{
font-size:80%; }

sub,
sup{
position:relative;
font-size:75%;
line-height:0;
vertical-align:baseline; }

sub{
bottom:-.25em; }

sup{
top:-.5em; }

a{
color:var(--color10);
text-decoration:none;
background-color:transparent;
-webkit-text-decoration-skip:objects; }

a:hover{
color:var(--color1);
text-decoration:underline; }

a:not([href]):not([tabindex]){
color:inherit;
text-decoration:none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus{
color:inherit;
text-decoration:none; }
a:not([href]):not([tabindex]):focus{
outline:0; }


#main .content-text ul a,
#main .content-text ol a{position: relative;}

#main .content-text p > a{border-bottom:1px solid var(--bgcolor4);padding-bottom:1px;position: relative;}
#main .content-text p > a:hover{border-bottom:1px solid var(--bgcolor2);text-decoration:none;}

#main .content-text p > a:after,
#main .content-text ul a:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
bottom: -1px;
left: 0;
background-color: var(--bgcolor7);
transform: scaleX(0);
transform-origin: bottom right;
transition: transform 1s;
}
#main .content-text p > a:hover:after,
#main ul a:hover:after {
transform-origin: bottom left;
transform: scaleX(1);
}


#main .content-text p > a[target="_blank"],a.target-link{color:var(--color10);}
#main .content-text p > a[target="_blank"]:after,a.target-link:after{
background:url(../../files/theme/icons/links_k.svg) no-repeat top left;
content:" ";
height:1.3em;
width:1.2em;
display:inline-block;
vertical-align:middle;
margin-left:.3em;
font-size:0.8em;
margin-right:.1em;
position: initial;
transform: initial;
transform-origin: initial;
transition: none;
}


pre,
code,
kbd,
samp{
font-family:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size:1em; }

pre{
margin-top:0;
margin-bottom:1rem;
overflow:auto;
-ms-overflow-style:scrollbar; }

figure img{width:100%;}

figure{
margin:0;
line-height:0; }

figure{position:relative;}
.media--left figure{margin:.4em 1em .6em 0;float:left;display:inline-block;}
.media--right figure{margin:.4em 0 .6em 1em;float:right;display:inline-block;}
figure figcaption,
.heroboxbox .heroboxinner .caption,
.parallax .caption{
background:rgba(255, 255, 255, 0.7);
padding:.5em .8em .5em .5em;
font-size:.7em;
color:var(--color10);
position:absolute;
bottom:0;
left:0;
line-height:initial;
border-radius: 0 8px 0 0;
z-index: 20;
}


img{
vertical-align:middle;
border-style:none;
max-width:100%;
height:auto; }

svg{
overflow:hidden;
vertical-align:middle; }

table{
border-collapse:collapse; }

caption{
padding-top:0.75rem;
padding-bottom:0.75rem;
color:#6c757d;
text-align:left;
caption-side:bottom; }

th{
text-align:inherit; }

label{display:inline-block;}

button{border-radius:0; outline:none; }

button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color; }

button,
input{overflow:visible; }

button,
select{text-transform:none; }

button,
html [type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance:button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{padding:0;border-style:none; }

input[type="radio"],
input[type="checkbox"]{box-sizing:border-box;padding:0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"]{-webkit-appearance:listbox; }




progress{vertical-align:baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height:auto; }

[type="search"]{outline-offset:-2px;-webkit-appearance:none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance:none; }

::-webkit-file-upload-button{font:inherit;-webkit-appearance:button; }


input,
button,
select,
optgroup,
textarea{
margin:0;
font-size:inherit;
line-height:inherit;
}


output{
display:inline-block; }

summary{
display:list-item;
cursor:pointer; }

template{
display:none; }

[hidden]{
display:none !important; }
.hidden-false, .hidden-true{display:none;}


.block{}

.content-description-list dl {}

.content-text ul, .content-list ul, .ce_textarea ul, .content-text ol, .content-list ol, .ce_textarea ol, #footer ul{
margin-bottom:15px;
padding-left:20px; }

.content-text ul li, .content-list ul li, .ce_textarea ul li,.content-description-list dl dt{
list-style-position:outside;
list-style-type:disc; }

.content-text li, .content-list li, .ce_textarea li, .content-text ol, .content-list ol, .ce_textarea ol{
line-height:1.8em; }

.content-text ol, .content-list ol, .ce_textarea ol{
list-style:outside none decimal;
padding-left:25px; }

ul.checked, ul.canceled, ul.plus, ul.minus, .content-list.plus ul, .content-list.minus ul, .content-list.checked ul, .content-list.canceled ul,.mod_faqlist.plus ul{padding-left:0;}
ul.checked li, ul.canceled li, ul.plus li, ul.minus li, .content-list.plus li, .content-list.minus li, .content-list.checked li, .content-list.canceled li{list-style-type:none;padding-left:2.0em;position:relative;margin-bottom:.6em;}
ul.checked li:before, ul.canceled li:before, ul.plus li:before, ul.minus li:before, .content-list.plus li:before, .content-list.minus li:before, .content-list.checked li:before, .content-list.canceled li:before,.mod_faqlist.plus ul li a:before{
content:" ";
height:1.4em;
width:1.4em;
display:inline-block;
vertical-align:middle;
font-size:1em;
margin-right:.1em;
position:absolute;
top:4px;
left:0;
}

.mod_faqlist.plus ul li {list-style-type:none;margin-bottom:.6em;}
.mod_faqlist.plus ul li a{position:relative;padding-left:1.6em;padding-top: 3px;display: block;}
.mod_faqlist.plus ul li a:before{height: 1.1em;width: 1.1em;}


ul.checked li:before,.content-list.checked li:before{background:url(../../files/theme/icons/checked-gruen.svg) no-repeat top left;}
ul.canceled li:before,.content-list.canceled li:before{background:url(../../files/theme/icons/cancel-red.svg) no-repeat top left;}
ul.plus li:before, .content-list.plus li:before,.mod_faqlist.plus li a:before {background:url(../../files/theme/icons/plus-blue.svg) no-repeat top left;}
ul.minus li:before, .content-list.minus li:before{background:url(../../files/theme/icons/minus-red.svg) no-repeat top left;}

.amazonbutton{display:table;}
.amazonbutton .innen{background:url(../../files/theme/icons/amazon-button.svg) no-repeat 4px 3px, -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f6dd9f), color-stop(1, #f0c24d));color:#222;border:1px solid #c5a65a;border-radius:4px;padding:.3em .3em .3em .3em;}
.amazonbutton a{padding:.3em .3em .3em 2em;color:#4A4A49;}


/* Trennlinien */
.divider
{
position: relative;
margin-bottom:2em;
height: 1px;
border: none;
}

.div-transparent:before
{
content: "";
position: absolute;
top: 0;
left: 5%;
right: 5%;
width: 90%;
height: 1px;
background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-arrow-down:after
{
content: "";
position: absolute;
z-index: 1;
top: -7px;
left: calc(50% - 7px);
width: 14px;
height: 14px;
transform: rotate(45deg);
background-color: white;
border-bottom: 1px solid rgb(48,49,51);
border-right: 1px solid rgb(48,49,51);
}
.div-dot:after
{
content: "";
position: absolute;
z-index: 1;
top: -9px;
left: calc(50% - 9px);
width: 18px;
height: 18px;
background-color: var(--bgcolor2);
border: 1px solid rgb(48,49,51);
border-radius: 50%;
box-shadow: inset 0 0 0 2px white,
0 0 0 4px white;
}

/* dividerkreis */
.dividerkreis{margin-bottom:25px;margin-top:15px;display:block;text-align:center;}
.dividerkreis:after,.dividerkreis:before{background-color:var(--bgcolor2);display:inline-block !important;vertical-align:middle;content:"";width:120px;height:1px;margin-top:-6px;}
.divider-first{border:3px solid var(--bgcolor2);}
.divider-first{display:inline-block;width:14px;height:14px;margin:0 3px;border:3px solid var(--bgcolor2);border-radius:7px;}
.divider-second{background-color:var(--bgcolor2);width:4px;height:4px;margin-top:2px;margin-left:2px;border-radius:4px;}

svg#svgpfeil {
pointer-events: none;
background-color:transparent;
height: 80px;
}

#svgpfeil path {
fill:var(--bgcolor1);
}

@media (max-width:1024px){
svg#svgpfeil {height: 50px;}
}
@media (max-width:480px){
svg#svgpfeil {height: 30px;}
}

/* end Trennlinien */



#main p:only-of-type{
margin-bottom:0; }

#main p.last{
margin-bottom:1px; }

#main p:last-child{
margin-bottom:1px; }

p::selection{
background:var(--bgcolor3);
color:#ffffff; }

p::-moz-selection{
background:var(--bgcolor3);
color:#ffffff; }

.content-text.max640{
max-width:640px; }

.farbwerte span{
display:block;
padding:0.4em;
}

.teilen{text-align: right;font-size: .7em;}
.teilen a{padding-right: 0;margin-left: .6em;padding-top: 2em;}

.mod_article{position:relative;}

.mod_article .inside{max-width:1050px;margin:0 auto;}

#container{ margin:0 auto 0 auto; clear:both; min-height:35vh;}

#main .block{

}

body.full #main .mod_article{
padding-left:0 !important;
padding-right:0 !important;
max-width:1280px;
}

#main .mod_article.full,
#main .mod_article.articlefull{
padding-left:0;
padding-right:0;
width:100%;
max-width:100%;
}

#main .mod_article.full .inside,
#main .mod_article.articlefull .inside{
max-width:inherit;
width:100%;
padding-left:0;
padding-right:0;
}


#footer{color:#ffffff;margin-top: 2em;}

#footer .inside{
margin:0 auto;
padding:0;
}


#footer .schicht2 .innen{max-width:1110px;margin:0 auto;padding:3em 1em;}
#footer .schicht2 .innen > span{padding-bottom:2em; display:block;}

#footer ul{ padding:0; margin:0; }
#footer ul li{list-style:none; display:block; margin:0 .4em .4em 0;}
#footer a, #footer ul span{ color:#ffffff; font-size:16px; cursor:pointer; }
#footer h3, #footer h4{color:#ffffff; }
#footer h3{font-weight:600; }

#footer .socialmedia {
margin: 1em 0;
}
#footer .socialmedia ul li {
position: relative;
display:inline-block;
}


#footer a.icon{padding-left: 30px;font-size: 0;}
#footer a.icon::before{
background-position:bottom center; background-repeat:no-repeat;
width:26px;
height:26px;
content:'';
display:inline-block;
position:absolute;
left: 0;
top: 0;
}

#footer a.xing::before{background-image:url(../../files/theme/icons/xing-icon.svg);}
#footer a.facebook::before{background-image:url(../../files/theme/icons/facebook-icon.svg);}
#footer a.instagram::before{background-image:url(../../files/theme/icons/instagram-icon.svg);}
#footer a.linkedin::before{background-image:url(../../files/theme/icons/linkedin-icon.svg);}

#totop{
display:none;
position:fixed;
text-indent:-99999px;
background:url(../../files/theme/icons/totop.svg) no-repeat bottom left;
height:40px;
width:40px;
line-height:0;
font-size:0;
right:30px;
bottom:30px;
cursor:pointer;
z-index:100;
}


.content-hyperlink a, .buttonlink a, .buttonlink span, .download-element a, .mehrbutton a, .buttontextbox a, .teaserhorizontal .buttontextbox span, .teaservertikal .buttontextbox span, .mod_cookiebarOpener a, .ce_form button, .mod_faqreader p.back a{padding:8px 34px 8px 16px;display:inline-block;background:var(--bgcolor2);border-radius:8px;position:relative;color:#fff; text-decoration:none;font-weight:600;line-height: initial;border: none; cursor:pointer;

-webkit-transition:background .5s linear;
-moz-transition:background .5s  linear;
transition:background .5s linear;
}

.content-hyperlink a::after, .buttonlink a::after, a.buttonlink ::after, .download-element a::after, .mehrbutton a::after, .teaserhorizontal .buttontextbox span::after, .teaservertikal .buttontextbox span::after,
.mod_cookiebarOpener a::after,
.ce_form button::after,
.mod_faqreader p.back a::after{
background-image:url(../../files/theme/icons/pfeil-weiss.svg);
background-position:bottom center; background-repeat:no-repeat;
width:20px;
height:20px;
content:'';
display:inline-block;
position:absolute;
right:6px;
top:9px;
}
.content-hyperlink a:hover::after, .buttonlink a:hover::after, a.buttonlink ::after, .mehrbutton a:hover::after, .teaserhorizontal .buttontextbox:hover span::after, .teaservertikal:hover .buttontextbox span::after,
.mod_cookiebarOpener:hover a::after,
.ce_form button:hover::after,
.mod_faqreader p.back a:hover::after{
background-image:url(../../files/theme/icons/pfeil-sw.svg);}


.content-hyperlink a:hover, .buttonlink a:hover, .buttonlink span:hover, .download-element:hover a, .mehrbutton a:hover, .buttontextbox a:hover, .teaserhorizontal:hover .buttontextbox span, .teaservertikal:hover .buttontextbox span,.ce_form button:hover,.mod_faqreader p.back a:hover{
background:var(--bgcolor3);
color:var(--color10);
}


.download-element a{color:#ffffff;text-decoration:none;display: block;}
.download-element a::after{
background-image:url(../../files/theme/icons/icon_download.svg);
background-position:bottom center; background-repeat:no-repeat;
width:20px;
height:20px;
content:'';
display:inline-block;
position:absolute;
right:10px;
top:9px;
}
.content-downloads ul {padding:0; margin: 0;}
.content-downloads .download-element{display: block; margin-bottom: .6em;}

/* Button secondary */
.content-hyperlink.btn--secondary a{
padding:.3em 2.4em;display:inline-block;background:var(--bgcolor8);position:relative;color:var(--color1); text-decoration:none;border:1px solid #cccccc;
overflow:hidden;z-index:1;
-webkit-transition:background .5s linear;
-moz-transition:background .5s  linear;
transition:background .5s linear;
}
.content-hyperlink.btn--secondary a:hover{
border:1px solid #eeeeee;
color:var(--color2);
background-color:var(--bgcolor2);
}
.content-hyperlink.btn--secondary a::after{
display: none;
}


/* end Button secondary */


.btn {
border: 3px solid #A8DF3B;
border-radius:5px;
color: #A8DF3B;
overflow: hidden;
font-family: inherit;
font-size: inherit;
background: none;
cursor: pointer;
padding: 12px 34px;
line-height: normal;
display: inline-block;
margin: 0;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0;
font-weight: 700;
outline: none;
position: relative;
transition: all 0.3s;
z-index: 1;
}

.btn:after{
content: '';
position: absolute;
z-index: -1;
transition: all 0.3s;
}
.btn:after{
width:100%;
height:0;
top:50%;
left:50%;
background:#A8DF3B;
opacity:0;
-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn:hover {
color: #ffffff; }

.btn:hover::after {
height: 360%;
opacity: 1; }



#gmap{width:100%;
background-image:url(../../files/theme/img/gmap-bg.jpg);
background-position:bottom center; background-repeat:no-repeat;
}





/* 1400 ---------------------------------------------------------------------------------- */
@media (max-width:1400px){
#main .mod_article .inside{max-width:inherit;padding-left:10px;padding-right:10px;}

#footer .footer-bottom .innen, #footer .inside{max-width:inherit;}

#footer ul{padding:0}
}
/* end 1400 ---------------------------------------------------------------------------------- */


/* 1200 ---------------------------------------------------------------------------------- */
@media (max-width:1200px){

}
/* end 1200 ---------------------------------------------------------------------------------- */


/* 1024 ---------------------------------------------------------------------------------- */
@media (max-width:1024px){
.image_container .caption, .image_container figcaption, .heroboxbox .heroboxinner .caption, .parallax .caption {padding: .2em .5em .2em .5em;}
}
/* end 1024 ---------------------------------------------------------------------------------- */


/* 768px ---------------------------------------------------------------------------------- */
@media (max-width:768px){
#container{margin:60px auto 0 auto;}
#main .content-text p:last-child {margin-bottom: 1rem;}

#main .ce_bs_gridSeparator:last-child .content-text p:last-child {margin-bottom: 0;}

.mod_article .inside{}

.image_container.float-left, .image_container.float-right{margin:0 0 1em 0;float:inherit;width:100%;}


.ce_form .widget-select label,.ce_form .widget-text label,.ce_form .widget-email label,.ce_form .widget-checkbox > label,.ce_form .widget-radio > label{width:100%;padding:0 0 .1em 0;}
.ce_form .custom-controls-stacked{display:block;width:100%;}
.ce_form .zweispalter,.ce_form .dreispalter,.ce_form .vierspalter{display:block;}
.ce_form .widget input {width:100%;}
.ce_form .widget select{width:100%;}



}
/* end 768px ---------------------------------------------------------------------------------- */


/* 480 ---------------------------------------------------------------------------------- */
@media (max-width:480px){

.content-text li, .content-list li, .ce_textarea li, .content-text ol, .content-list ol, .ce_textarea ol {
line-height: 1.4em;
}
ul.checked li, ul.canceled li, ul.plus li, ul.minus li, .content-list.plus li, .content-list.minus li, .content-list.checked li, .content-list.canceled li{padding-left:1.6em;}

ul.checked li:before, ul.canceled li:before, ul.plus li:before, ul.minus li:before, .content-list.plus li:before, .content-list.minus li:before, .content-list.checked li:before, .content-list.canceled li:before{
height:1.2em;
width:1.2em;
top:2px;
}



}
/* end 480 ---------------------------------------------------------------------------------- */


#main .mod_article.last .inside{}

.mod_search.searchresults .input-group input{
display:inline-block;
max-width:68%;
box-shadow:none;
border-color:#8a8a88; }

.mod_search.searchresults .input-group .widget-submit{
display:inline-block;
max-width:18%;
vertical-align:top;
text-align:right;
margin-left:.2em; }

#main .mod_search{display:block; }
#main .mod_search .header{margin-bottom:2em;}
#main .mod_search .formbody{display: flex;justify-content: space-between;}
#main .mod_search span.filesize{display:none;}

#main .mod_search .widget-radio{margin-bottom:0em;}
#main .mod_search .widget-radio input{float:left; width:initial; display:inline-block;margin:.4em 1em .5em 0;}
#main .mod_search .widget-radio label{float:left; width:initial; display:inline-block;}
#main .mod_search .widget-text{display:inline-block;width:90%;margin-right:1em;}
#main .mod_search .widget-text input{float:none; margin-left:0;width:100%;}
#main .mod_search .widget-submit{display:inline-block;width:inherit;text-align:left;margin:0;}

#main .search_default{border-bottom: 1px solid #ddd; margin-bottom: 1rem; padding-bottom: 1rem;}
#main .mod_search mark.highlight {background:#c9d3da;padding:0 4px;}


.pagination{
display: grid;
grid-column:
1 / -1;
margin-top: 2rem;
text-align: center;
line-height: 1;
}
@media screen and (min-width: 34.375em) {
.pagination p {
justify-self: start;
}
.pagination p + ul {
justify-self: end;
}

}
.pagination ul{
list-style-type:none;
padding:0;
text-align:center;
}
.pagination li{
display:inline-block;
margin:0 0.3em;
}
.pagination li a{
text-decoration:none;
}
.pagination li:hover a{
text-decoration:underline;
}
.pagination li[class] a{

}

.pagination li .active{

}


code{
font-size:87.5%;
color:#e83e8c;
word-break:break-word; }
a > code{
color:inherit; }

kbd{
padding:0.2rem 0.4rem;
font-size:87.5%;
color:#fff;
background-color:#212529;
border-radius:0.2rem; }
kbd kbd{
padding:0;
font-size:100%;
font-weight:700; }

pre{
display:block;
font-size:87.5%;
color:#212529; }
pre code{
font-size:inherit;
color:inherit;
word-break:normal; }

.pre-scrollable{
max-height:340px;
overflow-y:scroll; }


/* ---------------------------------------------------------------------------------------- */
/* --- Umsetzung Markus Schindler - CodeSache.de --- */




@charset "UTF-8";

/* ab hier Bootstrap 4 */


.row{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px; }

.no-gutters{
margin-right:0;
margin-left:0; }
.no-gutters > .col,
.no-gutters > [class*="col-"]{
padding-right:0;
padding-left:0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto{
position:relative;
width:100%;
min-height:1px;
padding-right:15px;
padding-left:15px; }

.col{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%; }

.col-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none; }

.col-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%; }

.col-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%; }

.col-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%; }

.col-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%; }

.col-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%; }

.col-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%; }

.col-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%; }

.col-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%; }

.col-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%; }

.col-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%; }

.col-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%; }

.col-12{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%; }

.order-first{
-ms-flex-order:-1;
order:-1; }

.order-last{
-ms-flex-order:13;
order:13; }

.order-0{
-ms-flex-order:0;
order:0; }

.order-1{
-ms-flex-order:1;
order:1; }

.order-2{
-ms-flex-order:2;
order:2; }

.order-3{
-ms-flex-order:3;
order:3; }

.order-4{
-ms-flex-order:4;
order:4; }

.order-5{
-ms-flex-order:5;
order:5; }

.order-6{
-ms-flex-order:6;
order:6; }

.order-7{
-ms-flex-order:7;
order:7; }

.order-8{
-ms-flex-order:8;
order:8; }

.order-9{
-ms-flex-order:9;
order:9; }

.order-10{
-ms-flex-order:10;
order:10; }

.order-11{
-ms-flex-order:11;
order:11; }

.order-12{
-ms-flex-order:12;
order:12; }

.offset-1{
margin-left:8.33333%; }

.offset-2{
margin-left:16.66667%; }

.offset-3{
margin-left:25%; }

.offset-4{
margin-left:33.33333%; }

.offset-5{
margin-left:41.66667%; }

.offset-6{
margin-left:50%; }

.offset-7{
margin-left:58.33333%; }

.offset-8{
margin-left:66.66667%; }

.offset-9{
margin-left:75%; }

.offset-10{
margin-left:83.33333%; }

.offset-11{
margin-left:91.66667%; }

@media (min-width:576px){
.col-sm{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%; }

.col-sm-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none; }

.col-sm-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%; }

.col-sm-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%; }

.col-sm-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%; }

.col-sm-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%; }

.col-sm-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%; }

.col-sm-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%; }

.col-sm-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%; }

.col-sm-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%; }

.col-sm-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%; }

.col-sm-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%; }

.col-sm-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%; }

.col-sm-12{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%; }

.order-sm-first{
-ms-flex-order:-1;
order:-1; }

.order-sm-last{
-ms-flex-order:13;
order:13; }

.order-sm-0{
-ms-flex-order:0;
order:0; }

.order-sm-1{
-ms-flex-order:1;
order:1; }

.order-sm-2{
-ms-flex-order:2;
order:2; }

.order-sm-3{
-ms-flex-order:3;
order:3; }

.order-sm-4{
-ms-flex-order:4;
order:4; }

.order-sm-5{
-ms-flex-order:5;
order:5; }

.order-sm-6{
-ms-flex-order:6;
order:6; }

.order-sm-7{
-ms-flex-order:7;
order:7; }

.order-sm-8{
-ms-flex-order:8;
order:8; }

.order-sm-9{
-ms-flex-order:9;
order:9; }

.order-sm-10{
-ms-flex-order:10;
order:10; }

.order-sm-11{
-ms-flex-order:11;
order:11; }

.order-sm-12{
-ms-flex-order:12;
order:12; }

.offset-sm-0{
margin-left:0; }

.offset-sm-1{
margin-left:8.33333%; }

.offset-sm-2{
margin-left:16.66667%; }

.offset-sm-3{
margin-left:25%; }

.offset-sm-4{
margin-left:33.33333%; }

.offset-sm-5{
margin-left:41.66667%; }

.offset-sm-6{
margin-left:50%; }

.offset-sm-7{
margin-left:58.33333%; }

.offset-sm-8{
margin-left:66.66667%; }

.offset-sm-9{
margin-left:75%; }

.offset-sm-10{
margin-left:83.33333%; }

.offset-sm-11{
margin-left:91.66667%; }
}

@media (min-width:768px){
.col-md{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%;
}

.col-md-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none; }

.col-md-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%; }

.col-md-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%; }

.col-md-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%; }

.col-md-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%; }

.col-md-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%; }

.col-md-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%; }

.col-md-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%; }

.col-md-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%; }

.col-md-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%; }

.col-md-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%; }

.col-md-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%; }

.col-md-12{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%; }

.order-md-first{
-ms-flex-order:-1;
order:-1; }

.order-md-last{
-ms-flex-order:13;
order:13; }

.order-md-0{
-ms-flex-order:0;
order:0; }

.order-md-1{
-ms-flex-order:1;
order:1; }

.order-md-2{
-ms-flex-order:2;
order:2; }

.order-md-3{
-ms-flex-order:3;
order:3; }

.order-md-4{
-ms-flex-order:4;
order:4; }

.order-md-5{
-ms-flex-order:5;
order:5; }

.order-md-6{
-ms-flex-order:6;
order:6; }

.order-md-7{
-ms-flex-order:7;
order:7; }

.order-md-8{
-ms-flex-order:8;
order:8; }

.order-md-9{
-ms-flex-order:9;
order:9; }

.order-md-10{
-ms-flex-order:10;
order:10; }

.order-md-11{
-ms-flex-order:11;
order:11; }

.order-md-12{
-ms-flex-order:12;
order:12; }

.offset-md-0{
margin-left:0; }

.offset-md-1{
margin-left:8.33333%; }

.offset-md-2{
margin-left:16.66667%; }

.offset-md-3{
margin-left:25%; }

.offset-md-4{
margin-left:33.33333%; }

.offset-md-5{
margin-left:41.66667%; }

.offset-md-6{
margin-left:50%; }

.offset-md-7{
margin-left:58.33333%; }

.offset-md-8{
margin-left:66.66667%; }

.offset-md-9{
margin-left:75%; }

.offset-md-10{
margin-left:83.33333%; }

.offset-md-11{
margin-left:91.66667%; }
}

@media (min-width:992px){
.col-lg{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%; }

.col-lg-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none; }

.col-lg-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%; }

.col-lg-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%; }

.col-lg-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%; }

.col-lg-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%; }

.col-lg-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%; }

.col-lg-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%; }

.col-lg-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%; }

.col-lg-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%; }

.col-lg-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%; }

.col-lg-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%; }

.col-lg-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%; }

.col-lg-12{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%; }

.order-lg-first{
-ms-flex-order:-1;
order:-1; }

.order-lg-last{
-ms-flex-order:13;
order:13; }

.order-lg-0{
-ms-flex-order:0;
order:0; }

.order-lg-1{
-ms-flex-order:1;
order:1; }

.order-lg-2{
-ms-flex-order:2;
order:2; }

.order-lg-3{
-ms-flex-order:3;
order:3; }

.order-lg-4{
-ms-flex-order:4;
order:4; }

.order-lg-5{
-ms-flex-order:5;
order:5; }

.order-lg-6{
-ms-flex-order:6;
order:6; }

.order-lg-7{
-ms-flex-order:7;
order:7; }

.order-lg-8{
-ms-flex-order:8;
order:8; }

.order-lg-9{
-ms-flex-order:9;
order:9; }

.order-lg-10{
-ms-flex-order:10;
order:10; }

.order-lg-11{
-ms-flex-order:11;
order:11; }

.order-lg-12{
-ms-flex-order:12;
order:12; }

.offset-lg-0{
margin-left:0; }

.offset-lg-1{
margin-left:8.33333%; }

.offset-lg-2{
margin-left:16.66667%; }

.offset-lg-3{
margin-left:25%; }

.offset-lg-4{
margin-left:33.33333%; }

.offset-lg-5{
margin-left:41.66667%; }

.offset-lg-6{
margin-left:50%; }

.offset-lg-7{
margin-left:58.33333%; }

.offset-lg-8{
margin-left:66.66667%; }

.offset-lg-9{
margin-left:75%; }

.offset-lg-10{
margin-left:83.33333%; }

.offset-lg-11{
margin-left:91.66667%; }
}

@media (min-width:1200px){
.col-xl{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%; }

.col-xl-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none; }

.col-xl-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%; }

.col-xl-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%; }

.col-xl-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%; }

.col-xl-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%; }

.col-xl-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%; }

.col-xl-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%; }

.col-xl-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%; }

.col-xl-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%; }

.col-xl-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%; }

.col-xl-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%; }

.col-xl-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%; }

.col-xl-12{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%; }

.order-xl-first{
-ms-flex-order:-1;
order:-1; }

.order-xl-last{
-ms-flex-order:13;
order:13; }

.order-xl-0{
-ms-flex-order:0;
order:0; }

.order-xl-1{
-ms-flex-order:1;
order:1; }

.order-xl-2{
-ms-flex-order:2;
order:2; }

.order-xl-3{
-ms-flex-order:3;
order:3; }

.order-xl-4{
-ms-flex-order:4;
order:4; }

.order-xl-5{
-ms-flex-order:5;
order:5; }

.order-xl-6{
-ms-flex-order:6;
order:6; }

.order-xl-7{
-ms-flex-order:7;
order:7; }

.order-xl-8{
-ms-flex-order:8;
order:8; }

.order-xl-9{
-ms-flex-order:9;
order:9; }

.order-xl-10{
-ms-flex-order:10;
order:10; }

.order-xl-11{
-ms-flex-order:11;
order:11; }

.order-xl-12{
-ms-flex-order:12;
order:12; }

.offset-xl-0{
margin-left:0; }

.offset-xl-1{
margin-left:8.33333%; }

.offset-xl-2{
margin-left:16.66667%; }

.offset-xl-3{
margin-left:25%; }

.offset-xl-4{
margin-left:33.33333%; }

.offset-xl-5{
margin-left:41.66667%; }

.offset-xl-6{
margin-left:50%; }

.offset-xl-7{
margin-left:58.33333%; }

.offset-xl-8{
margin-left:66.66667%; }

.offset-xl-9{
margin-left:75%; }

.offset-xl-10{
margin-left:83.33333%; }

.offset-xl-11{
margin-left:91.66667%; }
}


.flex-row{
-ms-flex-direction:row !important;
flex-direction:row !important; }

.flex-column{
-ms-flex-direction:column !important;
flex-direction:column !important; }

.flex-row-reverse{
-ms-flex-direction:row-reverse !important;
flex-direction:row-reverse !important; }

.flex-column-reverse{
-ms-flex-direction:column-reverse !important;
flex-direction:column-reverse !important; }

.flex-wrap{
-ms-flex-wrap:wrap !important;
flex-wrap:wrap !important; }

.flex-nowrap{
-ms-flex-wrap:nowrap !important;
flex-wrap:nowrap !important; }

.flex-wrap-reverse{
-ms-flex-wrap:wrap-reverse !important;
flex-wrap:wrap-reverse !important; }

.flex-fill{
-ms-flex:1 1 auto !important;
flex:1 1 auto !important; }

.flex-grow-0{
-ms-flex-positive:0 !important;
flex-grow:0 !important; }

.flex-grow-1{
-ms-flex-positive:1 !important;
flex-grow:1 !important; }

.flex-shrink-0{
-ms-flex-negative:0 !important;
flex-shrink:0 !important; }

.flex-shrink-1{
-ms-flex-negative:1 !important;
flex-shrink:1 !important; }

.justify-content-start{
-ms-flex-pack:start !important;
justify-content:flex-start !important; }

.justify-content-end{
-ms-flex-pack:end !important;
justify-content:flex-end !important; }

.justify-content-center{
-ms-flex-pack:center !important;
justify-content:center !important; }

.justify-content-between{
-ms-flex-pack:justify !important;
justify-content:space-between !important; }

.justify-content-around{
-ms-flex-pack:distribute !important;
justify-content:space-around !important; }

.align-items-start{
-ms-flex-align:start !important;
align-items:flex-start !important; }

.align-items-end{
-ms-flex-align:end !important;
align-items:flex-end !important; }

.align-items-center{
-ms-flex-align:center !important;
align-items:center !important; }

.align-items-baseline{
-ms-flex-align:baseline !important;
align-items:baseline !important; }

.align-items-stretch{
-ms-flex-align:stretch !important;
align-items:stretch !important; }

.align-content-start{
-ms-flex-line-pack:start !important;
align-content:flex-start !important; }

.align-content-end{
-ms-flex-line-pack:end !important;
align-content:flex-end !important; }

.align-content-center{
-ms-flex-line-pack:center !important;
align-content:center !important; }

.align-content-between{
-ms-flex-line-pack:justify !important;
align-content:space-between !important; }

.align-content-around{
-ms-flex-line-pack:distribute !important;
align-content:space-around !important; }

.align-content-stretch{
-ms-flex-line-pack:stretch !important;
align-content:stretch !important; }

.align-self-auto{
-ms-flex-item-align:auto !important;
-ms-grid-row-align: auto !important;
align-self:auto !important; }

.align-self-start{
-ms-flex-item-align:start !important;
align-self:flex-start !important; }

.align-self-end{
-ms-flex-item-align:end !important;
align-self:flex-end !important; }

.align-self-center{
-ms-flex-item-align:center !important;
-ms-grid-row-align:center !important;
align-self:center !important; }

.align-self-baseline{
-ms-flex-item-align:baseline !important;
align-self:baseline !important; }

.align-self-stretch{
-ms-flex-item-align:stretch !important;
-ms-grid-row-align:stretch !important;
align-self:stretch !important; }

@media (min-width:576px){
.flex-sm-row{
-ms-flex-direction:row !important;
flex-direction:row !important; }

.flex-sm-column{
-ms-flex-direction:column !important;
flex-direction:column !important; }

.flex-sm-row-reverse{
-ms-flex-direction:row-reverse !important;
flex-direction:row-reverse !important; }

.flex-sm-column-reverse{
-ms-flex-direction:column-reverse !important;
flex-direction:column-reverse !important; }

.flex-sm-wrap{
-ms-flex-wrap:wrap !important;
flex-wrap:wrap !important; }

.flex-sm-nowrap{
-ms-flex-wrap:nowrap !important;
flex-wrap:nowrap !important; }

.flex-sm-wrap-reverse{
-ms-flex-wrap:wrap-reverse !important;
flex-wrap:wrap-reverse !important; }

.flex-sm-fill{
-ms-flex:1 1 auto !important;
flex:1 1 auto !important; }

.flex-sm-grow-0{
-ms-flex-positive:0 !important;
flex-grow:0 !important; }

.flex-sm-grow-1{
-ms-flex-positive:1 !important;
flex-grow:1 !important; }

.flex-sm-shrink-0{
-ms-flex-negative:0 !important;
flex-shrink:0 !important; }

.flex-sm-shrink-1{
-ms-flex-negative:1 !important;
flex-shrink:1 !important; }

.justify-content-sm-start{
-ms-flex-pack:start !important;
justify-content:flex-start !important; }

.justify-content-sm-end{
-ms-flex-pack:end !important;
justify-content:flex-end !important; }

.justify-content-sm-center{
-ms-flex-pack:center !important;
justify-content:center !important; }

.justify-content-sm-between{
-ms-flex-pack:justify !important;
justify-content:space-between !important; }

.justify-content-sm-around{
-ms-flex-pack:distribute !important;
justify-content:space-around !important; }

.align-items-sm-start{
-ms-flex-align:start !important;
align-items:flex-start !important; }

.align-items-sm-end{
-ms-flex-align:end !important;
align-items:flex-end !important; }

.align-items-sm-center{
-ms-flex-align:center !important;
align-items:center !important; }

.align-items-sm-baseline{
-ms-flex-align:baseline !important;
align-items:baseline !important; }

.align-items-sm-stretch{
-ms-flex-align:stretch !important;
align-items:stretch !important; }

.align-content-sm-start{
-ms-flex-line-pack:start !important;
align-content:flex-start !important; }

.align-content-sm-end{
-ms-flex-line-pack:end !important;
align-content:flex-end !important; }

.align-content-sm-center{
-ms-flex-line-pack:center !important;
align-content:center !important; }

.align-content-sm-between{
-ms-flex-line-pack:justify !important;
align-content:space-between !important; }

.align-content-sm-around{
-ms-flex-line-pack:distribute !important;
align-content:space-around !important; }

.align-content-sm-stretch{
-ms-flex-line-pack:stretch !important;
align-content:stretch !important; }

.align-self-sm-auto{
-ms-flex-item-align:auto !important;
-ms-grid-row-align:auto !important;
align-self:auto !important; }

.align-self-sm-start{
-ms-flex-item-align:start !important;
align-self:flex-start !important; }

.align-self-sm-end{
-ms-flex-item-align:end !important;
align-self:flex-end !important; }

.align-self-sm-center{
-ms-flex-item-align:center !important;
-ms-grid-row-align:center !important;
align-self:center !important; }

.align-self-sm-baseline{
-ms-flex-item-align:baseline !important;
align-self:baseline !important; }

.align-self-sm-stretch{
-ms-flex-item-align:stretch !important;
-ms-grid-row-align:stretch !important;
align-self:stretch !important; }
}

@media (min-width:768px){
.flex-md-row{
-ms-flex-direction:row !important;
flex-direction:row !important; }

.flex-md-column{
-ms-flex-direction:column !important;
flex-direction:column !important; }

.flex-md-row-reverse{
-ms-flex-direction:row-reverse !important;
flex-direction:row-reverse !important; }

.flex-md-column-reverse{
-ms-flex-direction:column-reverse !important;
flex-direction:column-reverse !important; }

.flex-md-wrap{
-ms-flex-wrap:wrap !important;
flex-wrap:wrap !important; }

.flex-md-nowrap{
-ms-flex-wrap:nowrap !important;
flex-wrap:nowrap !important; }

.flex-md-wrap-reverse{
-ms-flex-wrap:wrap-reverse !important;
flex-wrap:wrap-reverse !important; }

.flex-md-fill{
-ms-flex:1 1 auto !important;
flex:1 1 auto !important; }

.flex-md-grow-0{
-ms-flex-positive:0 !important;
flex-grow:0 !important; }

.flex-md-grow-1{
-ms-flex-positive:1 !important;
flex-grow:1 !important; }

.flex-md-shrink-0{
-ms-flex-negative:0 !important;
flex-shrink:0 !important; }

.flex-md-shrink-1{
-ms-flex-negative:1 !important;
flex-shrink:1 !important; }

.justify-content-md-start{
-ms-flex-pack:start !important;
justify-content:flex-start !important; }

.justify-content-md-end{
-ms-flex-pack:end !important;
justify-content:flex-end !important; }

.justify-content-md-center{
-ms-flex-pack:center !important;
justify-content:center !important; }

.justify-content-md-between{
-ms-flex-pack:justify !important;
justify-content:space-between !important; }

.justify-content-md-around{
-ms-flex-pack:distribute !important;
justify-content:space-around !important; }

.align-items-md-start{
-ms-flex-align:start !important;
align-items:flex-start !important; }

.align-items-md-end{
-ms-flex-align:end !important;
align-items:flex-end !important; }

.align-items-md-center{
-ms-flex-align:center !important;
align-items:center !important; }

.align-items-md-baseline{
-ms-flex-align:baseline !important;
align-items:baseline !important; }

.align-items-md-stretch{
-ms-flex-align:stretch !important;
align-items:stretch !important; }

.align-content-md-start{
-ms-flex-line-pack:start !important;
align-content:flex-start !important; }

.align-content-md-end{
-ms-flex-line-pack:end !important;
align-content:flex-end !important; }

.align-content-md-center{
-ms-flex-line-pack:center !important;
align-content:center !important; }

.align-content-md-between{
-ms-flex-line-pack:justify !important;
align-content:space-between !important; }

.align-content-md-around{
-ms-flex-line-pack:distribute !important;
align-content:space-around !important; }

.align-content-md-stretch{
-ms-flex-line-pack:stretch !important;
align-content:stretch !important; }

.align-self-md-auto{
-ms-flex-item-align:auto !important;
-ms-grid-row-align:auto !important;
align-self:auto !important; }

.align-self-md-start{
-ms-flex-item-align:start !important;
align-self:flex-start !important; }

.align-self-md-end{
-ms-flex-item-align:end !important;
align-self:flex-end !important; }

.align-self-md-center{
-ms-flex-item-align:center !important;
-ms-grid-row-align:center !important;
align-self:center !important; }

.align-self-md-baseline{
-ms-flex-item-align:baseline !important;
align-self:baseline !important; }

.align-self-md-stretch{
-ms-flex-item-align:stretch !important;
-ms-grid-row-align:stretch !important;
align-self:stretch !important; }
}

@media (min-width:992px){
.flex-lg-row{
-ms-flex-direction:row !important;
flex-direction:row !important; }

.flex-lg-column{
-ms-flex-direction:column !important;
flex-direction:column !important; }

.flex-lg-row-reverse{
-ms-flex-direction:row-reverse !important;
flex-direction:row-reverse !important; }

.flex-lg-column-reverse{
-ms-flex-direction:column-reverse !important;
flex-direction:column-reverse !important; }

.flex-lg-wrap{
-ms-flex-wrap:wrap !important;
flex-wrap:wrap !important; }

.flex-lg-nowrap{
-ms-flex-wrap:nowrap !important;
flex-wrap:nowrap !important; }

.flex-lg-wrap-reverse{
-ms-flex-wrap:wrap-reverse !important;
flex-wrap:wrap-reverse !important; }

.flex-lg-fill{
-ms-flex:1 1 auto !important;
flex:1 1 auto !important; }

.flex-lg-grow-0{
-ms-flex-positive:0 !important;
flex-grow:0 !important; }

.flex-lg-grow-1{
-ms-flex-positive:1 !important;
flex-grow:1 !important; }

.flex-lg-shrink-0{
-ms-flex-negative:0 !important;
flex-shrink:0 !important; }

.flex-lg-shrink-1{
-ms-flex-negative:1 !important;
flex-shrink:1 !important; }

.justify-content-lg-start{
-ms-flex-pack:start !important;
justify-content:flex-start !important; }

.justify-content-lg-end{
-ms-flex-pack:end !important;
justify-content:flex-end !important; }

.justify-content-lg-center{
-ms-flex-pack:center !important;
justify-content:center !important; }

.justify-content-lg-between{
-ms-flex-pack:justify !important;
justify-content:space-between !important; }

.justify-content-lg-around{
-ms-flex-pack:distribute !important;
justify-content:space-around !important; }

.align-items-lg-start{
-ms-flex-align:start !important;
align-items:flex-start !important; }

.align-items-lg-end{
-ms-flex-align:end !important;
align-items:flex-end !important; }

.align-items-lg-center{
-ms-flex-align:center !important;
align-items:center !important; }

.align-items-lg-baseline{
-ms-flex-align:baseline !important;
align-items:baseline !important; }

.align-items-lg-stretch{
-ms-flex-align:stretch !important;
align-items:stretch !important; }

.align-content-lg-start{
-ms-flex-line-pack:start !important;
align-content:flex-start !important; }

.align-content-lg-end{
-ms-flex-line-pack:end !important;
align-content:flex-end !important; }

.align-content-lg-center{
-ms-flex-line-pack:center !important;
align-content:center !important; }

.align-content-lg-between{
-ms-flex-line-pack:justify !important;
align-content:space-between !important; }

.align-content-lg-around{
-ms-flex-line-pack:distribute !important;
align-content:space-around !important; }

.align-content-lg-stretch{
-ms-flex-line-pack:stretch !important;
align-content:stretch !important; }

.align-self-lg-auto{
-ms-flex-item-align:auto !important;
-ms-grid-row-align:auto !important;
align-self:auto !important; }

.align-self-lg-start{
-ms-flex-item-align:start !important;
align-self:flex-start !important; }

.align-self-lg-end{
-ms-flex-item-align:end !important;
align-self:flex-end !important; }

.align-self-lg-center{
-ms-flex-item-align:center !important;
-ms-grid-row-align:center !important;
align-self:center !important; }

.align-self-lg-baseline{
-ms-flex-item-align:baseline !important;
align-self:baseline !important; }

.align-self-lg-stretch{
-ms-flex-item-align:stretch !important;
-ms-grid-row-align:stretch !important;
align-self:stretch !important; }
}

@media (min-width:1200px){
.flex-xl-row{
-ms-flex-direction:row !important;
flex-direction:row !important; }

.flex-xl-column{
-ms-flex-direction:column !important;
flex-direction:column !important; }

.flex-xl-row-reverse{
-ms-flex-direction:row-reverse !important;
flex-direction:row-reverse !important; }

.flex-xl-column-reverse{
-ms-flex-direction:column-reverse !important;
flex-direction:column-reverse !important; }

.flex-xl-wrap{
-ms-flex-wrap:wrap !important;
flex-wrap:wrap !important; }

.flex-xl-nowrap{
-ms-flex-wrap:nowrap !important;
flex-wrap:nowrap !important; }

.flex-xl-wrap-reverse{
-ms-flex-wrap:wrap-reverse !important;
flex-wrap:wrap-reverse !important; }

.flex-xl-fill{
-ms-flex:1 1 auto !important;
flex:1 1 auto !important; }

.flex-xl-grow-0{
-ms-flex-positive:0 !important;
flex-grow:0 !important; }

.flex-xl-grow-1{
-ms-flex-positive:1 !important;
flex-grow:1 !important; }

.flex-xl-shrink-0{
-ms-flex-negative:0 !important;
flex-shrink:0 !important; }

.flex-xl-shrink-1{
-ms-flex-negative:1 !important;
flex-shrink:1 !important; }

.justify-content-xl-start{
-ms-flex-pack:start !important;
justify-content:flex-start !important; }

.justify-content-xl-end{
-ms-flex-pack:end !important;
justify-content:flex-end !important; }

.justify-content-xl-center{
-ms-flex-pack:center !important;
justify-content:center !important; }

.justify-content-xl-between{
-ms-flex-pack:justify !important;
justify-content:space-between !important; }

.justify-content-xl-around{
-ms-flex-pack:distribute !important;
justify-content:space-around !important; }

.align-items-xl-start{
-ms-flex-align:start !important;
align-items:flex-start !important; }

.align-items-xl-end{
-ms-flex-align:end !important;
align-items:flex-end !important; }

.align-items-xl-center{
-ms-flex-align:center !important;
align-items:center !important; }

.align-items-xl-baseline{
-ms-flex-align:baseline !important;
align-items:baseline !important; }

.align-items-xl-stretch{
-ms-flex-align:stretch !important;
align-items:stretch !important; }

.align-content-xl-start{
-ms-flex-line-pack:start !important;
align-content:flex-start !important; }

.align-content-xl-end{
-ms-flex-line-pack:end !important;
align-content:flex-end !important; }

.align-content-xl-center{
-ms-flex-line-pack:center !important;
align-content:center !important; }

.align-content-xl-between{
-ms-flex-line-pack:justify !important;
align-content:space-between !important; }

.align-content-xl-around{
-ms-flex-line-pack:distribute !important;
align-content:space-around !important; }

.align-content-xl-stretch{
-ms-flex-line-pack:stretch !important;
align-content:stretch !important; }

.align-self-xl-auto{
-ms-flex-item-align:auto !important;
-ms-grid-row-align:auto !important;
align-self:auto !important; }

.align-self-xl-start{
-ms-flex-item-align:start !important;
align-self:flex-start !important; }

.align-self-xl-end{
-ms-flex-item-align:end !important;
align-self:flex-end !important; }

.align-self-xl-center{
-ms-flex-item-align:center !important;
-ms-grid-row-align:center !important;
align-self:center !important; }

.align-self-xl-baseline{
-ms-flex-item-align:baseline !important;
align-self:baseline !important; }

.align-self-xl-stretch{
-ms-flex-item-align:stretch !important;
-ms-grid-row-align:stretch !important;
align-self:stretch !important; }
}

.float-left{
float:left !important; }

.float-right{
float:right !important; }

.float-none{
float:none !important; }

@media (min-width:576px){
.float-sm-left{
float:left !important; }

.float-sm-right{
float:right !important; }

.float-sm-none{
float:none !important; }
}

@media (min-width:768px){
.float-md-left{
float:left !important; }

.float-md-right{
float:right !important; }

.float-md-none{
float:none !important; }
}

@media (min-width:992px){
.float-lg-left{
float:left !important; }

.float-lg-right{
float:right !important; }

.float-lg-none{
float:none !important; }
}

@media (min-width:1200px){
.float-xl-left{
float:left !important; }

.float-xl-right{
float:right !important; }

.float-xl-none{
float:none !important; }
}

.shadow-none{
box-shadow:none !important; }

.w-25{
width:25% !important; }

.w-50{
width:50% !important; }

.w-75{
width:75% !important; }

.w-100{
width:100% !important; }

.w-auto{
width:auto !important; }

.h-25{
height:25% !important; }

.h-50{
height:50% !important; }

.h-75{
height:75% !important; }

.h-100{
height:100% !important; }

.h-auto{
height:auto !important; }

.mw-100{
max-width:100% !important; }

.mh-100{
max-height:100% !important; }

.visible{
visibility:visible !important; }

.invisible{
visibility:hidden !important; }



.m-auto {
margin: auto !important;
}

.mt-auto,
.my-auto {
margin-top: auto !important;
}

.mr-auto,
.mx-auto {
margin-right: auto !important;
}

.mb-auto,
.my-auto {
margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
margin-left: auto !important;
}
.text-justify {
text-align: justify !important;
}

.text-nowrap {
white-space: nowrap !important;
}

.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.text-left {
text-align: left !important;
}

.text-right {
text-align: right !important;
}

.text-center {
text-align: center !important;
}


.text-lowercase {
text-transform: lowercase !important;
}

.text-uppercase {
text-transform: uppercase !important;
}

.text-capitalize {
text-transform: capitalize !important;
}

.font-weight-light {
font-weight: 300 !important;
}

.font-weight-normal {
font-weight: 400 !important;
}

.font-weight-bold {
font-weight: 700 !important;
}

.font-italic {
font-style: italic !important;
}

/* ---------------------------------------------------------------------------------------- */
/* --- Umsetzung Markus Schindler - CodeSache.de --- */




/* --- Umsetzung CodeSache.de - Markus Schindler --- */

:root{
--color1:#0067b1;
--color2:#ffffff;
--color3:#89bff0;
--color4:#ffffff;
--color5:#3297df;
--color6:#3297df;
--color7:#f1f1f1;
--color8:#ffffff;
--color9:#C4185D;
--color10:#333333;

--bgcolor1:#F3F3F3;
--bgcolor2:#006ab3;
--bgcolor3:#89bff0;
--bgcolor4:#a0a0a0;
--bgcolor5:#a0a0a0;
--bgcolor6:#cccccc;
--bgcolor7:#cccccc;
}

.color1{color:#0067b1 !important; }
.color2{color:#ffffff !important; }
.color3{color:#89bff0 !important; }
.color4{color:#ffffff !important; }
.color5{color:#3297df !important; }
.color6{color:#3297df !important; }
.color7{color:#f1f1f1 !important; }
.color8{color:#ffffff !important; }
.color9{color:#C4185D !important; }
.color10{color:#333333 !important; }

.bgcolor1{background-color:#F3F3F3 !important; }
.bgcolor2{background-color:#006ab3 !important; }
.bgcolor3{background-color:#3297df !important; }
.bgcolor4{background-color:#a0a0a0 !important; }
.bgcolor5{background-color:#a0a0a0 !important; }
.bgcolor6{background-color:#cccccc !important; }

.verlauf1{
background:#f3f3f3;
background:-moz-linear-gradient(left, #f3f3f3 0%, #d7e8f2 100%);
background:-webkit-linear-gradient(left, #f3f3f3 0%, #d7e8f2 100%);
background:linear-gradient(to right, #f3f3f3 0%, #d7e8f2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#d7e8f2', GradientType=1);
}

.verlauf2{
background: rgb(244,249,255);
background: -moz-linear-gradient(left,  rgba(244,249,255,1) 0%, rgba(239,244,247,1) 100%);
background: -webkit-linear-gradient(left,  rgba(244,249,255,1) 0%,rgba(239,244,247,1) 100%);
background: linear-gradient(to right,  rgba(244,249,255,1) 0%,rgba(239,244,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9ff', endColorstr='#eff4f7',GradientType=1 );

}

body.full #main .mod_article{padding-left:0 !important;padding-right:0 !important;max-width:100% !important;}
#main .mod_article.full,
#main .mod_article.articlefull{padding-left:0;padding-right:0;width:100%;max-width:100%;}

#main .mod_article.full .inside,
#main .mod_article.articlefull .inside{max-width:inherit;width:100%;padding-left:0;padding-right:0;}

/* Abstände innen */
.p-0{
padding:0; }

.p-10{
padding:10px; }

.p-20{
padding:20px; }

.p-30{
padding:30px; }

.p-40{
padding:40px; }

.p-60{
padding:60px; }

.p-100{
padding:100px; }

#main .mod_article.full.paddingbox-s .inside, #main .mod_article.paddingbox-s .inside{padding:2em;}
#main .mod_article.full.paddingbox-m .inside, #main .mod_article.paddingbox-m .inside{padding:3em;}
#main .mod_article.full.paddingbox-l .inside, #main .mod_article.paddingbox-l .inside{padding:4em;}
#main .mod_article.full.paddingbox-xl .inside, #main .mod_article.paddingbox-xl .inside{padding:6em;}

#main .mod_article.paddingbox-s .inside{max-width:1120px;}
#main .mod_article.paddingbox-m .inside{max-width:1150px;}
#main .mod_article.paddingbox-l .inside{max-width:1170px;}
#main .mod_article.paddingbox-xl .inside{max-width:1260px;}



.r-t-b-20{
padding-top:20px;
padding-bottom:20px; }

.r-t-b-40{
padding-top:40px;
padding-bottom:40px; }

.r-t-b-60{
padding-top:60px;
padding-bottom:60px; }

.r-l-r-10{
padding-left:10px;
padding-right:10px; }

.r-l-r-20{
padding-left:20px;
padding-right:20px; }

/* Abstände aussen */
.m-b-0{
margin-bottom:0 !important; }

.m-b-10{
margin-bottom:10px !important; }

.m-b-20{
margin-bottom:20px !important; }

.m-b-25{
margin-bottom:25px !important; }

.m-b-30{
margin-bottom:30px !important; }

.m-b-40{
margin-bottom:40px !important; }

.m-b-50{
margin-bottom:50px !important; }

.m-b-60{
margin-bottom:60px !important; }

.m-b-80{
margin-bottom:80px !important; }

.m-b-120{
margin-bottom:120px !important; }

.m-t-0{
margin-top:0 !important; }

.m-t-10{
margin-top:10px !important; }

.m-t-20{
margin-top:20px !important; }

.m-t-25{
margin-top:25px !important; }

.m-t-30{
margin-top:30px !important; }

.m-t-40{
margin-top:40px !important; }

.m-t-50{
margin-top:50px !important; }

.m-t-60{
margin-top:60px !important; }

.m-t-80{
margin-top:80px !important; }

.m-t-120{
margin-top:120px !important; }

/* Abstände innen */
.p-b-0{
padding-bottom:0 !important; }

.p-b-10{
padding-bottom:10px !important; }

.p-b-20{
padding-bottom:20px !important; }

.p-b-25{
padding-bottom:25px !important; }

.p-b-30{
padding-bottom:30px !important; }

.p-b-40{
padding-bottom:40px !important; }

.p-b-50{
padding-bottom:50px !important; }

.p-b-60{
padding-bottom:60px !important; }

.p-b-80{
padding-bottom:80px !important; }

.p-b-120{
padding-bottom:120px !important; }

.p-t-0{
padding-top:0 !important; }

.p-t-10{
padding-top:10px !important; }

.p-t-20{
padding-top:20px !important; }

.p-t-25{
padding-top:25px !important; }

.p-t-30{
padding-top:30px !important; }

.p-t-40{
padding-top:40px !important; }

.p-t-50{
padding-top:50px !important; }

.p-t-60{
padding-top:60px !important; }

.p-t-80{
padding-top:80px !important; }

.p-t-120{
padding-top:120px !important; }

.p-t-b-20{
padding-top:20px !important;
padding-bottom:20px !important; }

.p-t-b-40{
padding-top:40px !important;
padding-bottom:40px !important; }

.p-t-b-60{
padding-top:60px !important;
padding-bottom:60px !important; }

.p-l-r-10{
padding-left:10px !important;
padding-right:10px !important; }

.p-l-r-15{
padding-left:15px !important;
padding-right:15px !important; }

.p-l-r-20{
padding-left:20px !important;
padding-right:20px !important; }

.p-l-r-30{
padding-left:30px !important;
padding-right:30px !important; }

.p-l-r-40{
padding-left:40px !important;
padding-right:40px !important; }


/* Wrapper  */
.wrapper400{
max-width:400px !important;
margin:0 auto; }

.wrapper600{
max-width:600px !important;
margin:0 auto; }

.wrapper700{
max-width:700px !important;
margin:0 auto; }

.wrapper800{
max-width:800px !important;
margin:0 auto; }

.wrapper900{
max-width:900px !important;
margin:0 auto; }

.wrapper1000{
max-width:1000px !important;
margin:0 auto; }
.wrapper1050{max-width:1050px !important;margin:0 auto; }
.wrapper1100{max-width:1100px !important;margin:0 auto; }

.wrapper1280{
max-width:1280px !important;
margin:0 auto; }

.fullwidth{width:100% !important;max-width:100% !important;}
.widthinherit img{width:inherit;max-width:inherit;}
.rund{border-radius:50%;display:inline-block;}
.center{text-align:center;margin:0 auto;}
.centered{display:block !important;margin-left:auto !important;margin-right:auto !important;}
.textalign_center{text-align:center;}
.textalign_left{text-align:left;}
.textalign_right{text-align:right;}
figure.float_left{float:left;margin: .4em .6em .6em 0;}
figure.float_right{float:right;margin: .4em 0 .6em .6em;}
.hide{display:none;}
.h100{height:100%;}
.w50{max-width:50%;}
.max-w50{max-width:50%;}
.max-w700{max-width:700px;}
.max-w800{max-width:800px;}
.max-w900{max-width:900px;}
.trenner{border-bottom:1px solid #ccc;width:100%;}
.mob-on{display:none;}
.mob-home-logo{display:none;}
#topnavi ul.level_1 > li.mobon{display:none;}

.vertical-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}

.flex-end{display: flex;
justify-content: flex-end;
flex-flow: column;}

.move-left{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0);opacity:0;}
.move-right{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:0;}
.move-top{-webkit-transform:translate(0, -100%);-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-o-transform:translate(0, -100%);transform:translate(0, -100%);opacity:0;}
.move-bottom{-webkit-transform:translate(0, 100%);-moz-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-o-transform:translate(0, 100%);transform:translate(0, 100%);opacity:0;}

.in-view .move-right,
.in-view .move-left,
.in-view .move-top,
.in-view .move-bottom{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 0.9s linear,-webkit-transform 0.9s ease-out;-moz-transition:opacity 0.9s linear,-moz-transform 0.9s ease-out;-o-transition:opacity 0.9s linear,-o-transform 0.9s ease-out;transition:opacity 0.9s linear,transform 0.9s ease-out}

/* Zoom Bilder */
.zoom1 figure img,
.zoom1 img {-webkit-transition:opacity 1s, transform 0.5s;transition:opacity 1s, transform 0.5s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}

.zoom1 figure,
.zoom1.image_container,
.zoom1{overflow:hidden;}

.zoom1 img:hover,
.zoom1 figure:hover img,
.zoom1 a:hover figure img{-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}


.farbwerte span{display:block;padding:0.4em;}
.invisible, .sr-only{display:none;}
.invisible, .sr-only{visibility:hidden !important;}
.widthinherit img{width:inherit;}


/* 880px --------------------------------------------------------------------------------- */
@media screen and (max-width:880px){
/* Abstände aussen */
.m-b-0{
margin-bottom:0 !important; }

.m-b-10{
margin-bottom:10px !important; }

.m-b-20{
margin-bottom:15px !important; }

.m-b-25{
margin-bottom:15px !important; }

.m-b-30{
margin-bottom:20px !important; }

.m-b-40{
margin-bottom:20px !important; }

.m-b-50{
margin-bottom:30px !important; }

.m-b-60{
margin-bottom:40px !important; }

.m-b-80{
margin-bottom:40px !important; }

.m-b-120{
margin-bottom:60px !important; }

.m-t-0{
margin-top:0 !important; }

.m-t-10{
margin-top:10px !important; }

.m-t-20{
margin-top:15px !important; }

.m-t-25{
margin-top:15px !important; }

.m-t-30{
margin-top:20px !important; }

.m-t-40{
margin-top:20px !important; }

.m-t-50{
margin-top:30px !important; }

.m-t-60{
margin-top:30px !important; }

.m-t-80{
margin-top:40px !important; }

.m-t-120{
margin-top:60px !important; }

/* Abstände innen */
.p-10{
padding:10px; }

.p-20{
padding:10px; }

.p-30{
padding:20px; }

.p-40{
padding:20px; }

.p-60{
padding:30px; }

.p-100{
padding:50px; }

#main .mod_article.full.paddingbox-s .inside, #main .mod_article.paddingbox-s .inside{padding:1.5em;}
#main .mod_article.full.paddingbox-m .inside, #main .mod_article.paddingbox-m .inside{padding:1.5em;}
#main .mod_article.full.paddingbox-l .inside, #main .mod_article.paddingbox-l .inside{padding:1.5em;}
#main .mod_article.full.paddingbox-xl .inside, #main .mod_article.paddingbox-xl .inside{padding:1.5em;}


.p-b-0{
padding-bottom:0 !important; }

.p-b-10{
padding-bottom:10px !important; }

.p-b-20{
padding-bottom:15px !important; }

.p-b-25{
padding-bottom:15px !important; }

.p-b-30{
padding-bottom:20px !important; }

.p-b-40{
padding-bottom:20px !important; }

.p-b-50{
padding-bottom:20px !important; }

.p-b-60{
padding-bottom:30px !important; }

.p-b-80{
padding-bottom:40px !important; }

.p-b-120{
padding-bottom:60px !important; }

.p-t-0{
padding-top:0 !important; }

.p-t-10{
padding-top:10px !important; }

.p-t-20{
padding-top:15px !important; }

.p-t-25{
padding-top:15px !important; }

.p-t-30{
padding-top:20px !important; }

.p-t-40{
padding-top:20px !important; }

.p-t-50{
padding-top:20px !important; }

.p-t-60{
padding-top:30px !important; }

.p-t-80{
padding-top:40px !important; }

.p-t-120{
padding-top:60px !important; }

.p-t-b-20{
padding-top:10px !important;
padding-bottom:10px !important; }

.p-t-b-40{
padding-top:20px !important;
padding-bottom:20px !important; }

.p-t-b-60{
padding-top:30px !important;
padding-bottom:30px !important; }

.p-l-r-10{
padding-left:10px !important;
padding-right:10px !important; }

.p-l-r-20{
padding-left:10px !important;
padding-right:10px !important; }

.p-l-r-30{
padding-left:20px !important;
padding-right:20px !important; }

.p-l-r-40{
padding-left:20px !important;
padding-right:20px !important; }

.mob-none{
display:none; }

.mob-on{
display:block; }

/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 880px */



/* 480px --------------------------------------------------------------------------------- */
@media screen and (max-width:480px){
#main .mod_article.full.paddingbox-s .inside, #main .mod_article.paddingbox-s .inside{padding:.9em;}
#main .mod_article.full.paddingbox-m .inside, #main .mod_article.paddingbox-m .inside{padding:.9em;}
#main .mod_article.full.paddingbox-l .inside, #main .mod_article.paddingbox-l .inside{padding:.9em;}
#main .mod_article.full.paddingbox-xl .inside, #main .mod_article.paddingbox-xl .inside{padding:.9em;}


/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 480px */


.invisible, .sr-only{
display:none; }
.invisible, .sr-only{
visibility:hidden !important;
}

.widthinherit img{width:inherit;}

/* Newsliste --- */
.mod_newslist.newshome .newsbox {margin-bottom: 1em;padding: 1em;}

.mod_newslist.newshome .inner {
border-radius: 6px;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .3);
overflow: hidden;
position: relative;
height: 100%;
}

.mod_newslist.newshome img {width: 100%}

.mod_newslist.newshome .teasernewsbox {padding: .8em;}

.mod_newslist.newshome a {font-size: 0.9em;font-weight: 600;color: var(--color1);}

.mod_newslist p {color: initial;}

.newsteaserliste .layout_latest {
margin-top: 1em;
padding-top: 1em;
display: -ms-flexbox;
display: flex;
width: 100%; }

.newsteaserliste .info {
/*! font-size:14px; */
/*! display:inline-block; */ }

.newsteaserliste h2 {
display: inline-block; }

.newsteaserliste h2 a {
/*! font-size: 13px; */
text-decoration: none; }

.newsteaserliste .newsimg {
margin: 6px 2% 0 0;
width: 20%; }

.newsteaserliste .image_container img {
width: 100%; }

.newsteaserliste .ue-text {
width: 80%; }

.newsteaserliste p.more a {
display: block;
text-decoration: underline;
padding: 1em 0 0 0; }

@media only screen and (max-width: 768px) {
.newsteaserliste .layout_latest {
display: block; }

.newsteaserliste .newsimg {
margin: 0;
width: 100%; }

.newsteaserliste .ue-text {
width: 100%; }

.newsteaserliste .image_container img {
width: inherit; }
}

/* end Newsliste --- */

/* Technik Blog details --- */

.mod_newsreader.technikblog .ce_text, .mod_newsreader.technikblog .ce_headline,
.mod_newsreader.technikblog .back, .mod_newsreader.technikblog .ce_gallery, .mod_newsreader.technikblog .teilen {max-width: 1000px; margin: 0 auto;}

.mod_newsreader.technikblog .ce_bs_gridStart {max-width: 1030px; margin: 0 auto;}

.mod_newsreader.technikblog .back {padding: .6em 0;text-align: right;border-top: 1px solid rgb(29, 112, 183, .2);margin-top: 1em;}

#main .mod_newsreader .layout_full {overflow: visible;}
.mod_newsreader .info {
text-align: right;
}

.news-grid {
display: grid;
grid-gap: 1.875rem;
margin-bottom: 1rem; }

@media screen and (min-width: 34.375em) {
.news-grid {
grid-template-columns: repeat(2, 1fr); }
}

@media screen and (min-width: 48em) {
.news-grid {
grid-template-columns: repeat(2, 1fr); }
}

@media screen and (min-width: 58.75em) {
.news-grid {
grid-template-columns: repeat(3, 1fr); }
}

@media screen and (min-width: 68.75em) {
.news-grid {
grid-template-columns: repeat(3, 1fr); }
}

.news-grid > h1, .news-grid > h2, .news-grid > h3, .news-grid > h4, .news-grid > h5, .news-grid > h6 {
grid-column: 1 / -1; }

.news-grid .layout_latest {
border: 1px solid #ccc;
border-radius: 6px;
padding: .8em; }

.news-grid .layout_latest > a, .news-grid .download-element .layout_latest > a,
.news-grid .content-download .layout_latest > a,
.news-grid .content-downloads .layout_latest > a,
.news-grid .enclosure .layout_latest > a {
height: 100%;
display: flex;
flex-flow: column;
justify-content: space-between; }

.news-grid .layout_latest > a:hover{text-decoration: none;}

.card{
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
}


.card:hover {
-webkit-box-shadow: 0 10px 40px 0 rgba(50, 50, 50, 0.25);
box-shadow: 0 10px 40px 0 rgba(50, 50, 50, 0.25);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}

.news-grid .layout_latest .image_container {
margin-bottom: 1.2em;
position: relative; }

.news-grid .layout_latest img {
border-radius: 6px; }

.news-grid .layout_latest .contentbox {
height: 100%;
display: flex;
flex-flow: column;
justify-content: space-between; }

.news-grid .layout_latest .info {
text-align: right; }

.news-grid .layout_simple time {
display: block; }


.mod_newscategories ul{
display: flex;flex-wrap: wrap;
padding: 0;
}
.mod_newscategories ul li {
display: inline-block;
margin: 0 1rem 1rem 0
}

.mod_newscategories ul li a,.mod_newscategories ul li strong{
padding:8px 16px;
display:inline-block;
background:var(--bgcolor8);
color:var(--color10);
border-radius:8px;
position:relative;

text-decoration:none;
font-weight:400;
line-height: initial;
border: 1px solid #cccccc;
cursor:pointer;

-webkit-transition:background .5s linear;
-moz-transition:background .5s  linear;
transition:background .5s linear;
}

.mod_newscategories ul li a:hover,
.mod_newscategories ul li.active strong,
.mod_newscategories ul li.reset.active:hover strong{
background:var(--bgcolor2);
color:var(--color2);
}
.mod_newscategories ul li.reset.active strong{
background:var(--bgcolor8);
color:var(--color10);
}


.mod_article > .inside .sharebuttons {
display: flex;
flex-flow: row;
justify-content: end;
margin-bottom: 30px;
}

.mod_newsreader .back.bottom {margin-top: 2rem;text-align: right;}

.sharebuttons {
overflow: hidden;
}

.sharebuttons > ul {
list-style-type: none;
margin: -4px;
padding: 0;
display: flex;
flex-flow: row;
}

.sharebuttons > ul:after {
content: "";
display: block;
clear: both;
}

.sharebuttons > ul > li {

}

.sharebuttons > ul > li > a {
margin: 4px;
display: block;
white-space: nowrap;
overflow: hidden;
text-indent: 101%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.sharebuttons > ul > li > a {
width: 32px;
height: 32px;
background-image: url('../../files/theme/img/sprites-64.png');
}

.sharebuttons > ul > li > a.facebook {
background-position: -40px 0;
}

.sharebuttons > ul > li > a.twitter {
background-position: -80px 0;
}

.sharebuttons > ul > li > a.twitter2 {
background-position: -160px 0;
}

.sharebuttons > ul > li > a.gplus {
background-position: -80px 0;
}

.sharebuttons > ul > li > a.linkedin {
background-position: -120px 0;
}

.sharebuttons > ul > li > a.xing {
background-position: -240px 0;
}

.sharebuttons > ul > li > a.mail {
background-position: 0 0;
}

.sharebuttons > ul > li > a.tumblr {
background-position: -280px 0;
}

.sharebuttons > ul > li > a.pinterest {
background-position: -320px 0;
}

.sharebuttons > ul > li > a.reddit {
background-position: -360px 0;
}

.sharebuttons > ul > li > a.whatsapp {
background-position: -400px 0;
}

.sharebuttons > ul > li > a.print {
background-position: -360px 0;
}







.ce_player .mejs__container, .ce_player .mejs__overlay-play {
height: 100% !important;
width: 100% !important; }

.ce_player .mejs__container {
padding-bottom: 50%; }

.ce_player .mejs__poster {
height: 100% !important;
width: 100% !important; }

.ce_player .mejs__inner video {
height: 100% !important;
width: 100% !important; }

.ce_youtube-wrapper {
position: relative;
margin: 0 0 1.6em 0;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.homeVideoThumbnail {
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
cursor: pointer;
}

.ce_youtube-wrapper embed, .ce_youtube-wrapper iframe, .ce_youtube-wrapper object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.playbutton {
background: url(../../files/theme/icons/youtube.svg) no-repeat center center;
height: 60px;
width: 60px;
line-height: 0;
font-size: 0;
left: 50%;
margin: -33px 0 0 -31px;
position: absolute;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
top: 50%;
cursor: pointer;
}

.playbutton:hover {
background: url(../../files/theme/icons/youtube_h.svg) no-repeat center center;
}

.dsgvotext {
color: #000;
font-size: 16px;
left: 0%;
right: 0%;
width: 80%;
margin: 0 auto;
padding: 2em;
position: absolute;
background-color: rgba(255, 255, 255, .5);
top: 5%;
}

.youtube-container .dsgvotext:hover {background-color: rgba(255, 255, 255, .9);}

/* nativer Video Player */
video {
width: 100%;
}

.content-youtube figure {position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;}

.content-youtube figure a {display: block;}

.content-youtube figure button {
position: absolute;
width: 100%;
height: 100%;
border:none;
background: none;
}

.content-youtube figure button:before {
background: url(../../files/theme/icons/youtube.svg) no-repeat center center;
height: 15%;
width: 15%;
line-height: 0;
font-size: 0;
left: 50%;
margin: -10% 0 0 -10%;
position: absolute;
content: " ";
top: 55%;
cursor: pointer;
display: block;
z-index: 1;
}

.content-youtube figure button:hover:before {background: url(../../files/theme/icons/youtube_h.svg) no-repeat center center;}

.content-youtube figure button img {display: block;width: 100%;}

.content-youtube figure iframe {position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* end nativer Video Player */

/* thementeaser */
.teaserbildtext {margin: 0; padding: 0; background: var(--bgcolor1);}

.teaserbildtext > .innen {display: flex;padding: 0;flex-flow: row nowrap;}

.teaserbildtext .bildbox {padding: 0; flex: 1 0 50%;}

.teaserbildtext.rechts > .innen {flex-flow: row-reverse nowrap;}

.teaserbildtext .image_container {height: 100%;}

.teaserbildtext .bildbox img {width: 100%;height: 100%;object-fit: cover;}

.teaserbildtext .textbox {padding: 1.2em; flex: 1 0 50%;}

.teaserbildtext .textbox p { }

.teaserbildtext .textbox .innen {height: 100%;}

.teaserbildtext .bildbox a {}

.teaserbildtext h3 {margin-bottom: 12px;}

.teaserbildtext h4 {margin-bottom: 22px;}

.mehrinfobox {text-align: right;}

.mehrbutton {text-align: right;padding-top: 1em;}

.mehrbutton a {}

.mehrinfobox a {line-height: initial;}

.teaserbildtext.bgcolor2 h3,
.teaserbildtext.bgcolor2 h4,
.teaserbildtext.bgcolor2 p{color: #fff;}

.teaserbildtext.bgcolor2 .mehrbutton a{color: #fff;border: 1px solid #fff;transition: all 1s;}
.teaserbildtext.bgcolor2 .mehrbutton a:hover{border: 1px solid #ccc; color:#000;}
/* end thementeaser */



/* homeslider */
.homeslider {position: relative;overflow: hidden;}

.homeslider .ce_rsce_imagewithtext, .homeslider .ce_youtubewithtext {display: flex;}

.homeslider .text {width: 30%;padding: 2em 1em 0 2em;box-sizing: border-box;}

.homeslider .media {width: 70%;}

.homeslider h3 { /*font-family: 'Helvetica Neue Bold';*/font-size: 2.0em; display: block;}

.homeslider p { /*font-family: 'Helvetica Neue Medium'*/}

.homeslider .home-pagination-pfeile {position: absolute;min-width: 210px;right: 20px;bottom: 1px;left: initial;z-index: 100; min-height: 20px;}

.homeslider .home-pagination-pfeile .innen { position: relative; vertical-align: top;}

.homeslider .home-pagination.swiper-pagination-bullets {display: inline-block;margin: 0 auto;text-align: center;height: 20px;min-width: 160px;}

.homeslider .swiper-button-prev, .home-pagination .swiper-button-next {line-height: 0; font-size: 0;}

.homeslider .swiper-button-prev {background: url(../../files/theme/icons/pfeil-grau.svg) no-repeat bottom center;width: 20px; height: 20px;top: 0;position: initial;display: inline-block;transform: rotate(180deg);}

.homeslider .swiper-button-next {background: url(../../files/theme/icons/pfeil-grau.svg) no-repeat bottom center;width: 20px; height: 20px;top: 0;position: initial;display: inline-block;}

.homeslider .swiper-pagination-bullet {border-radius: inherit;height: 14px;width: 14px;margin: 2px 6px;background: #ccc;opacity: 1;}

.homeslider .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--bgcolor2);}

.homeslider .swiper-notification {display: none;}

/* end homeslider */

/* headerslider */
.headerslider {position: relative;}

.headerslider img {width: 100%;}

.headerslider .swiper-button-prev, .headerslider .swiper-button-next {line-height: 0; font-size: 0;}

.headerslider .swiper-button-prev {background: url(../../files/theme/icons/pfeil-grau.svg) no-repeat bottom center;width: 40px; height: 40px;display: inline-block;transform: rotate(180deg);}

.headerslider .swiper-button-next {background: url(../../files/theme/icons/pfeil-grau.svg) no-repeat bottom center;width: 40px; height: 40px;display: inline-block;}

.headerslider .swiper-pagination-bullet {border-radius: inherit;height: 14px;width: 14px;margin: 2px 6px;background: var(--bgcolor6);opacity: 1;}

.headerslider .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--bgcolor2)}

/* end headerslider */

/* slider3col / slider3colnogap */
.slider3col, .slider4colnogap {position: relative;}

.slider3col img, .slider3colnogap img {width: 100%;}

.slider3col .swiper-button-prev, .slider3col .swiper-button-next, .slider4colnogap .swiper-button-prev, .slider4colnogap .swiper-button-next {line-height: 0; font-size: 0;}

.slider3col .swiper-button-prev, .slider4colnogap .swiper-button-prev {background: url(../../files/theme/icons/pfeil-grau.svg) no-repeat bottom center;width: 40px; height: 40px;display: inline-block;transform: rotate(180deg);}

.slider3col .swiper-button-next, .slider4colnogap .swiper-button-next {background: url(../../files/theme/icons/pfeil-grau.svg) no-repeat bottom center;width: 40px; height: 40px;display: inline-block;}

.slider3col .swiper-pagination-bullet, .slider4colnogap .swiper-pagination-bullet {border-radius: inherit;height: 14px;width: 14px;margin: 2px 6px;background: var(--bgcolor6);opacity: 1;}

.slider3col .swiper-pagination-bullet.swiper-pagination-bullet-active, .slider4colnogap .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--bgcolor2);}

/* end slider3col / slider3colnogap */

.slider4colnogap .swiper-wrapper {margin-left: -15%;}

.ce_gallery.anschitt .swiper-slide {
-webkit-clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
}

/* IconBox für Download und Verlinkungen --- */
.icontextbox {margin: 0 0 2em 0;}

.icontextbox .innen {}

.icontextbox .innen a {display: flex;text-decoration: none;}

.icontextbox .image_container {width: 60px;margin-right: .5em;}

.Xicontextbox .image_container img {
width: 100%;height: auto;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.5s ease;
}

.Xicontextbox:hover .image_container img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
}

.icontextbox img {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

.icontextbox img.imghover {
opacity: 0;
}

.icontextbox.transparent img.imghover {
opacity: 1;
}

.icontextbox.transparent img.imgnormal {
opacity: 0;
}

.icontextbox .text {position: relative;padding-bottom: 4px;min-height: 60px;}

.icontextbox .text:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
bottom: 0px;
left: 0;
background-color: var(--bgcolor2);
transform: scaleX(0);
transform-origin: bottom right;
transition: transform 1.3s;
}

.icontextbox:hover .text:after {
transform-origin: bottom left;
transform: scaleX(1);
}

/* end IconBox für Download und Verlinkungen --- */

.infobox-1, .infobox-2,.infobox-3, .infobox-4  {
position: relative;
display: block;
overflow: hidden;
padding: 1em 1em 1em 5em;
border: 2px solid #dcdcdc;
border-radius: .5em;
}

.infobox-1:before, .infobox-2:before,.infobox-3:before, .infobox-4:before {
width: 3em;
height: 3em;
display: inline-block;
content: '';
position: absolute;
top: .8em;
left: .8em;
margin: 0;
text-align: center;
}

.infobox-1:before {
background: url(../../files/theme/icons/information.svg) no-repeat center center;
}

.infobox-2:before {
background: url(../../files/theme/icons/warning.svg) no-repeat center center;
}
.infobox-3:before {
background: url(../../files/theme/icons/frage.svg) no-repeat center center;
}
.infobox-4:before {
background: url(../../files/theme/icons/signpost.svg) no-repeat center center;
}

.mod_faqreader .ce_text{
margin-bottom: 1.6rem;
}
.mod_faqreader p.back{
margin-bottom: .6rem;
text-align: right;
}
.mod_faqreader p.info{
font-size: .8rem;
}

/* Akkordion */
/* V1 */
.ce_accordion .toggler { padding: 10px 40px 10px 15px; font-size: 1em; /*! font-weight: 700; */background-color: var(--bgcolor1); color: var(--color1); position: relative; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}

.ce_accordion .toggler span { display: none; }

.ce_accordion .ui-accordion-content .ce_text:first-child h3 { display: none; }

.ce_accordion { margin: 0 0 18px 0; }

.accordion { padding: 15px 15px 1px 15px;}

.ce_accordion .accordion h2, .ce_accordion .toggler { cursor: pointer; }

.ce_accordion .toggler:focus { outline: none; }

.ce_accordion .toggler:hover, .ce_accordion .toggler.active { background-color: var(--bgcolor2); color: var(--color2); }

.ce_accordion .toggler:after {content: " "; background: url(../../files/theme/icons/akkordion.svg) no-repeat 0 100%; position: absolute; bottom: 15px; right: 15px; display: block; width: 20px; height: 20px; border: 0; /*! color:#67B42A; */ text-align: center; transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; }

.ce_accordion .toggler.ui-state-active:after {content: " "; background: url(../../files/theme/icons/akkordion_h.svg) no-repeat 0 100%; transform: rotate(60deg); -webkit-transform: rotate(60deg); }

.ce_accordion:last-child .toggler, .ce_accordion .toggler.ui-state-active { }

/* Breadcrumb / Navigationspfad */
.mod_breadcrumb ul {
margin: 0 0 1em 0;
padding: 0;
font-size: .7em;
list-style-type: none;
}

.mod_breadcrumb .first {
padding-left: 0;
}

.mod_breadcrumb li {
display: inline-block;
}

.mod_breadcrumb li::before {
content: " \A0 / \A0 ";
}

.mod_breadcrumb li.first::before {
content: none;
}

.mod_breadcrumb a {}


.mod_recommendationlist {
--rec-gap: 20px;
display: grid;
gap: var(--rec-gap);
margin-left: auto;
margin-right: auto;
grid-template-columns: repeat(3, calc(33% - 20px * 3 / 6));
}


.mod_recommendationlist .layout_full{
background-color: var(--bgcolor1);
border-radius: 0.25em;
padding: 1.25rem;
}
.mod_recommendationlist .layout_full .bild-text{display: flex;  flex-wrap: wrap;width: 100%;}
.mod_recommendationlist .layout_full .bild-text .image_container{width:15%;display: block; padding-right: 5%;}
.mod_recommendationlist .layout_full .bild-text .text-info{width:100%;}
.mod_recommendationlist .layout_full .info{width:100%;display: flex;  justify-content: space-between;}

.mod_recommendationlist .layout_full .info .author-datum{}
.mod_recommendationlist .layout_full .info .author-datum .author{width: 100%; display: block; font-weight: 600; }
.mod_recommendationlist .layout_full .info .ratingsterne span{}
.mod_recommendationlist .layout_full .info .ratingsterne .star{color: #fcc100;font-size: 22px !important;line-height: 0;}

.mod_recommendationlist .text {
height: 230px;
overflow: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

.googlerating-link{margin-top: .8em;}


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

.mod_recommendationlist .text {height:inherit;}
.mod_recommendationlist {grid-template-columns:initial;}

}

.mod_faqpage article section{margin-bottom: 1.4rem;}

.bewertungenbox {}
.bewertungenbox a{text-decoration: none;}
.bewertungenbox h4{margin: 0;padding-bottom: .4rem;}
.bewertungenbox .rating{padding-left: .6rem;}
.bewertungenbox .ratingsterne .star{color: #fcc100;font-size: 22px !important;line-height: 0;}
.bewertungenbox .ratingsterne:hover .star{color: #fff;}


/* 1200 */
@media only screen and (max-width: 1200px) {
.homeslider .text {width: 50%;padding: .3em 1em 0 1em;box-sizing: border-box;}
.homeslider .media {width: 50%;}
.homeslider h3 {font-size: 1.4em;}
}
/* end 1200 */

/* 1024 */
@media only screen and (max-width: 1024px) {
.mod_newsreader.technikblog {padding: 0 15px;}
.mod_newsreader.technikblog .ce_bs_gridStart {margin: 0 -15px;}
}
/* end 1024 */

/* 960 */
@media only screen and (max-width: 960px) {

}
/* end 960 */

/* 768 */
@media only screen and (max-width: 768px) {
#main .mod_article.last .inside { /*! padding-bottom:3em; */ }
.home-intro, .home-intro p {padding-left: 0;width: 100%;}
.teaserbildtext {margin-bottom: 2em}
.teaserbildtext .contenbox {margin-bottom: 0}
.homeslider .ce_rsce_imagewithtext, .homeslider .ce_youtubewithtext, .ce_rsce_youtubevideo, .ce_rsce_video {display: block;}
.homeslider .text {width: 100%;padding: 1em;}
.homeslider .media {width: 100%;}
.homeslider h3 {font-size: 1.4em;}
.homeslider .home-pagination-pfeile {margin: 0 auto;right: 0;left: 0;text-align: center;}
.headerslider .swiper-button-prev, .headerslider .swiper-button-next {display: none;}
.teaserbildtext .textbox {padding: .8em;}
.teaserbildtext > .innen {
display: block;
flex-flow: inherit;
}
.teaserbildtext .bildbox {
flex: inherit;
}
.teaserhorizontal, .teaservertikal {margin-bottom: 1em;}
.teaservertikal .bildbox {overflow: hidden;}
.teaservertikal .bildbox picture {max-height: 300px; display: block;width: 100%;}

.dsgvotext {width: 94%;padding: 1em;top: 10px;bottom: 10px;line-height: 100%;z-index: 10;background-color: rgba(255, 255, 255, .9);}
.playbutton {top: inherit;bottom: 10px;}
.slider4colnogap .swiper-wrapper {margin-left: 0;}
.ce_gallery.anschitt .swiper-slide {-webkit-clip-path: none;clip-path: none;}
}
/* end 768 */

/* 480 */
@media only screen and (max-width: 480px) {
.teaserhorizontal .headlineteaser, .teaservertikal .headlineteaser {padding: 0;}
.teaservertikal .headlines, .teaserhorizontal .headlines {font-size: 90%;}
}

/* end 480 */


/* Für die Validierung über das parsley Plugin muss das Template form_wrapper_validate.html5  am Formular eingestellt werden.
Die Pfade für die JS Lib müssen angepasst werden */

/* Der Range Slider benötigt noch ein eigenes Template form_range.html5 und das jQuery Snippet

// Range-Slider im Formular
$('.input-range').on('input', function() {
    $(this).next('.range-value').html(this.value);
});
// end Range-Slider im Formular

*/


.ce_form textarea{
overflow:auto;
resize:vertical;
font-family: inherit;
}

.ce_form fieldset{
min-width:0;
margin:0 0 2em 0;
padding:.5em .5em;
border: 1px solid #ced4da;
border-radius: 10px;
}
.ce_form .widget fieldset legend{
padding: 0;
}

.ce_form .widget fieldset{
margin: 0;
padding: 0;
border: none;
}

.ce_form fieldset legend{
display:block;
max-width:100%;
padding: 0 .8em;
margin-bottom:0;
line-height:inherit;
color:inherit;
white-space:normal;
}

.ce_form label{width:100%;padding:0 0 .1em 0;}

.ce_form .widget {margin-bottom: 18px;}
.ce_form .widget > label, legend{font-weight: 600;}


.ce_form .widget.widget-textarea label{}
.ce_form .widget-checkbox {}
.ce_form .widget-checkbox label{
position: relative;
}

/* default volle Breite */
.ce_form .widget-select label,
.ce_form .widget-text label,
.ce_form .widget-email label,
.ce_form .widget-checkbox > label,
.ce_form .widget-radio > label,
.ce_form .widget-range > label,
.ce_form .widget.widget-textarea > label {width:100%;padding: 0 1em .1em 0;}
.ce_form .widget textarea,
.ce_form .widget input,
.ce_form .widget select,
.ce_form .widget-range .range-box{width:100%;}

/* Lable vor Eingabe/Select/Radio/Textarea */
.ce_form.label-before .widget-select label,
.ce_form.label-before .widget-text label,
.ce_form.label-before .widget-email label,
.ce_form.label-before .widget-checkbox > label,
.ce_form.label-before .widget-radio > label,
.ce_form.label-before .widget-range > label,
.ce_form.label-before .widget.widget-textarea > label,
.ce_form.label-before fieldset .legend-box {width: 33%;padding: 0 1em .1em 0;}

.ce_form.label-before .widget textarea,
.ce_form.label-before .widget input,
.ce_form.label-before .widget select,
.ce_form.label-before .widget-range .range-box,
.ce_form.label-before fieldset .options-box{width: 66%;}

.ce_form.label-before .widget {display:flex; flex-flow: row; justify-content: space-between;margin-bottom: 18px;}

.ce_form.label-before .widget-radio fieldset,
.ce_form.label-before .widget-checkbox fieldset{width: 100%;display: flex;flex-flow: row;justify-content: space-between;}
.ce_form.label-before .options-box{display:flex; flex-wrap: wrap; }
.ce_form.label-before .options-box > div{margin-right: 1em;}



.ce_form div.widget.widget-explanation {display: block;}

.ce_form fieldset .widget-explanation {margin: 0;}
.ce_form fieldset .widget-explanation p{padding:0 .8em;margin: 0;}



.ce_form .custom-controls-stacked{
display: inline-block;
vertical-align: top;
width: 66%;
}


.ce_form .widget.widget-text input {
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: var(--color5);
border: 1px solid #ced4da;
border-radius: 5px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ce_form .widget.widget-text input:focus {
color: var(--color1);
background-color: #fff;
border-color:  var(--bgcolor3);
outline: 0;
}


.ce_form .widget select{
height: calc(2.25rem + 2px);
padding: 0.1rem 0.5rem 0.3rem 0.5rem;
font-size: 1rem;
line-height: 1.5;
color: var(--color10);
border: 1px solid #ced4da;
border-radius: 5px;
background: inherit;
}

.ce_form .widget select:focus {
color: var(--color10);
background-color: #fff;
border-color:  var(--bgcolor3);
outline: 0;
}

.ce_form .widget textarea{
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: var(--color10);
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 5px;
}
.ce_form .widget textarea:focus {
color: var(--color10);
background-color: #fff;
border-color:  var(--bgcolor3);
outline: 0;
}



.ce_form .widget-checkbox.datenschutz label{
display: block;
margin: 0;
padding-left: 22px;
}
.ce_form .widget-checkbox.datenschutz .custom-controls-stacked a{text-decoration:underline;}

.ce_form .widget-checkbox label {
padding-left: 1.5em;
margin: 0;
}

.ce_form .widget-checkbox input[type="checkbox"]{display:none;}
.ce_form .widget-checkbox input[type="checkbox"] + label::before {
width: 14px;
height: 14px;
border-radius: 3px;
border: 2px solid var(--bgcolor2);
background-color: #ffffff;
display: block;
content: "";
float: left;
margin-right: 5px;
margin-bottom: 2px;
margin-top: 0px;
position: absolute;
top: 6px;
left: 0px;
}
.ce_form .widget-checkbox input[type="checkbox"]:checked+label::before {
border: 2px solid var(--bgcolor2);
background-color: var(--bgcolor3);
}

.ce_form .widget-radio {
/*position: relative;
padding: 0;
margin:0;*/
}
.ce_form .widget-radio input[type='radio'] {display: none; }



.ce_form .widget-radio label {font-weight: normal; position: relative;padding-left: 30px; }
.ce_form .widget-radio label:before {
content: " ";
display: inline-block;
margin: 0 5px 0 0;
width: 15px;
height: 15px;
border-radius: 50%;
border: 2px solid var(--bgcolor2);
background-color: transparent;
position: absolute;
top: 6px;
left: 0;
}

.ce_form .widget-radio input[type=radio]:checked + label:after {
border-radius: 50%;
width: 11px;
height: 11px;
position: absolute;
top: 8px;
left: 2px;
content: " ";
display: block;
background: var(--bgcolor3);
}

.ce_form .widget-radio {display:block;}
.ce_form .widget-range {}
.ce_form .widget-range .range-box {display: flex;flex-flow: row; justify-content: space-between;}
.ce_form .widget-range .input-range {min-width: 90%;}
.ce_form .widget-range output{width: 10%;text-align: right;}


.ce_form span.mandatory{color: var(--color9) }


.ce_form .widget.widget-submit{justify-content: right;display: flex;}




/* parsley Plugin */
.ce_form .widget input.parsley-error {
color: #ba062f;border: 1px solid var(--color9) !important;
}

.parsley-errors-list {
color: var(--color9);
padding: 0 10px 0 0;
text-align:right;
font-size: .8em;
list-style: none;
position: absolute;
top: 4px;
left: 180px;
}
.ce_form .label-top .parsley-errors-list {padding: 0;text-align:left;}
.ce_form .widget-checkbox .parsley-errors-list{padding-left: 22px;text-align: left;}
.ce_form .widget-radio .custom-controls-stacked .parsley-errors-list{float:right;}
input.parsley-success{border: 1px solid var(--bgcolor3) !important;}

/* end parsley Plugin */

.ergebniss {margin: 0 0 2em 0;padding: .5em 1.5em;border: 5px solid var(--bgcolor3);border-radius: 10px;}

/* 960 */

@media (max-width:768px){
.ce_form.label-before .widget,
.ce_form.label-before .widget-radio fieldset,
.ce_form.label-before .widget-checkbox fieldset {display:block; }

.ce_form.label-before .widget-select label,
.ce_form.label-before .widget-text label,
.ce_form.label-before .widget-email label,
.ce_form.label-before .widget-checkbox > label,
.ce_form.label-before .widget-radio > label,
.ce_form.label-before .widget-range > label,
.ce_form.label-before .widget.widget-textarea > label,
.ce_form.label-before fieldset .legend-box {width: 100%;padding: 0 1em .1em 0;}

.ce_form.label-before .widget textarea,
.ce_form.label-before .widget input,
.ce_form.label-before .widget select,
.ce_form.label-before .widget-range .range-box,
.ce_form.label-before fieldset .options-box{width: 100%;}

} /* end 960 */


/* --- Umsetzung CodeSache.de - Markus Schindler 07/2019 --- */

/* HEADER */
#header{ margin:0 auto; width:100%;  padding:0; z-index:100; position:absolute;top:0;

line-height:0;

opacity:1;
-webkit-transition:opacity 1.0s;
-moz-transition:opacity 1.0s;
transition:opacity 1.0s;
}


#header .inside{ margin:0 auto; z-index:20;width:100%; position:fixed; padding:16px 26px 36px 26px;text-align:center;display: flex;}
#header .inside{
background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 70%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0) 100%);

}/**/

#logo{width:160px;display:block;margin:0 auto; text-align:center;}
#moblogo{display:none;}
#logo img, #moblogo img{display:block;width:auto;}
#logoklein, #mobil-menu, #mobil-sufu{display:none;}


body.slideUp #header{
position:absolute;
top:0;
left:auto;
right:auto;
z-index:300;
width:100%;
}

#topnavi ul.level_1 li.navilogo a{transform:scale(1);
-webkit-transition:transform 1.0s ease-in-out;
-moz-transition:transform 1.0s ease-in-out;
transition:transform 1.0s ease-in-out;
}


body.shrink #header > .inside{
padding:0 0 26px 0;
-webkit-transition:padding 1.0s ease-in-out;
-moz-transition:padding 1.0s ease-in-out;
transition:padding 1.0s ease-in-out;
background:rgba(255, 255, 255, 1);
border-bottom:2px solid #F3F3F3;
-webkit-box-shadow:0 4px 10px 0px #7a7a79;
box-shadow:0px 2px 8px 0px #d6d6d399;
}

body.shrink #header #topnavi ul.level_1 li.navilogo a{
transform:scale(0.6);
}

body.slideDown #header{opacity:0;display: none;}

body.slideUp #header #logo, body.slideDown #header #logo{width:260px;}


#topsufu.mod_search{display:block;width:240px;position:absolute; bottom:70%; right:10px;overflow:visible;}
#topsufu.mod_search input{border:1px solid #ccc;width:176px; padding:4px 10px; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease; -ms-transition:All 0.3s ease; transition:All 0.3s ease; /*! height: 40px; *//*! font-weight: 700; *//*! font-size: 1.3em; *//*! font-family:'Comfortaa'; */line-height:normal;vertical-align:unset;display:inline-block;margin-right:4px;}
#topsufu.mod_search:hover input{border:1px solid #7abc15;}
#topsufu.mod_search button{
padding:0;
background:url(../../files/theme/icons/suche-icon.svg) no-repeat center center;
content:'';
/*! margin:0 4px; */
border:none;
cursor:pointer;
width:30px;
height:30px;
text-indent:-99999px;
display:inline-block;
}
#topsufu.mod_search button:hover{background:url(../../files/theme/icons/suche-icon_hover.svg) no-repeat center center;}

#topsufu.mod_search.text{height:26px;}

#topsufu .formbody{width:100%;}
#topsufu .sufuinnen{position:relative;width:100%;}


#topsufu.mod_search .form-top{text-align:right;position:absolute; right:0;top:35px;width:100%;display:none;}
#topsufu.active.mod_search .form-top{display:block; padding:.8em .4em;border-radius:8px;}

body.shrink #topsufu.mod_search .form-top{background:#fff;}

body.shrink #topsufu.active .buttonlupe{background:#fff;}

#topsufu .buttonlupe{ padding:10px;border-radius:8px;position:absolute;
top:0;
right:0px; display:inline-block;}

#topsufu .buttonlupe .buttonicon{
background:url(../../files/theme/icons/suche-icon.svg) no-repeat top right;
content:' ';
border:none;
cursor:pointer;
width:25px;
height:25px;

}
#topsufu.active .buttonlupe .buttonicon{
background:url(../../files/theme/icons/close-icon.svg) no-repeat top right;
}


#topsufu .formbody{}
#topsufu.active .formbody{opacity:1;}

#topsufu .search-text{ /*! width:60px; */ display:inline-block;height:50px;line-height:50px;font-size:1.3em;}
#topsufu.active .search-text{display:none;}

.sprachumschalter-login{
display:flex;
position: absolute;
right: 20px;
line-height: initial;
padding: 10px;
background: #fff;
border-radius: 8px;
}

.sprachumschalter-login .login{border-right:1px solid var(--bgcolor2);padding-right: 6px;
margin-right: 4px;color:var(--color1);text-decoration:none;
}
.sprachumschalter-login .login a{color:var(--color1);text-decoration:none;}

.mod_changelanguage{

}

.mod_changelanguage ul{
margin:0;padding: 0;
}

.mod_changelanguage li{
display:inline-block;
margin: 0 .2em;
}

.mod_changelanguage li:first-child{}

.mod_changelanguage a,
.mod_changelanguage strong{
color:var(--color1);
text-decoration:none;
display: inline-block;
}

.mod_changelanguage a:hover{
color:var(--color3);
}



.nav-toggle{ display:flex; height:40px;float:right;cursor:pointer;margin-top:1.2em;margin-right:1.2em;}
.nav-text{display:inline-block;padding-right:15px; font-family:'Open Sans'; line-height:1.6em;font-size:1.4em;font-weight:600;}
.nav-toggle:hover .nav-text{color:#4A4A49}
.nav-icon-wrapper{display:inline-block;padding-top:5px; }
.nav-toggle .nav-icon span{display:block;height:3px;width:40px;margin:0 0 8px 0;background-color:#f18800;border-radius:1px}
.nav-toggle:hover .nav-icon span{background-color:#4A4A49;}


#mobnavi{display:none;}


@media (max-width:1400px){
body.shrink #header #topnavi ul.level_1 li.navilogo a{transform:scale(0.9);}
body.slideUp #header > .inside, body.slideDown #header > .inside{padding:10px 0 6px 20px;}

}
/* end 1400px */

/* 1200 */
@media only screen and (max-width:1200px){
body.shrink #header #topnavi ul.level_1 li.navilogo a{transform:scale(0.9);}
#header > .inside{max-width:inherit;min-height: 60px;text-align: left;}
body.slideUp #header > .inside, body.slideDown #header > .inside{padding:10px 0 6px 20px;}
}
/* end 1200 */

/* 1024 */
@media only screen and (max-width:1024px){
.sprachumschalter-login{right: 100px;top: 10px;position: fixed;}
}
/* end 1024 */


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

#mobil-sufu a{ /*! display:none; */font-size:0;}

#mobil-sufu{width:40px;float:right; margin-right:6px;}
/*.sprachumschalter-login .login {display:none;}*/

}
/* end 480 */












#topnavi {
    /*! bottom: 20px; */
    /*! left: 0%; */
    /*! right: 0%; */
    /*! position: absolute; */
    overflow: visible;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

#topnavi .menu-collapser{position:absolute;width:100px;height:40px;padding:0;color:var(--color1);font-size:18px;line-height:40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;top: 17px;right: 10px;}
#topnavi .collapse-button{position:absolute;right:8px;top:50%;color:var(--color10);font-size:14px;text-align:center;border-radius:2px;cursor:pointer;transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

#topnavi .menu-text{float:left;line-height: 200%;padding: 0px 10px;}
#topnavi .menu-collapser:hover .menu-text{color:var(--color1);}
#topnavi .collapse-button .innen{display:inline-block;}

#topnavi .collapse-button .icon-bar{display:block;height:3px;width:25px;margin:6px 0;background-color:var(--bgcolor4);border-radius:1px}
#topnavi .collapse-button:hover .icon-bar{background-color:var(--bgcolor2)}

#topnavi ul.level_1 {width:100%;margin:0;padding:0;list-style-type:none;display: inline-block;}
#topnavi ul.level_1 :before,
#topnavi ul.level_1 :after{/*! content:''; *//*! display:inline */}
#topnavi ul.level_1 :after{clear:both}
#topnavi ul.level_1.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#topnavi ul.level_1.collapsed li>ul{position:static;display:none}
#topnavi ul.level_1.collapsed li a,#topnavi ul.level_1.collapsed li strong.active,#topnavi ul.level_1.collapsed li strong.trail{display:block;border-bottom:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 1em;}
#topnavi ul.level_1 li strong.sub-toggle{display:none;}
#topnavi ul.level_1.collapsed li strong.sub-toggle{height:36px;display: inline;}
#topnavi ul.level_1 li{position:relative;display:inline-block;padding:0 2.6em 0 0;vertical-align: middle;}
#topnavi ul.level_1 li ul{margin:0;list-style-type:none}
#topnavi ul.level_1 > li:last-child{padding: 0}
#topnavi ul.level_1 > li.van-suche{padding: 0}

#topnavi ul.level_1 li.navilogo{padding: 0 3em;margin-top: -1em;margin-bottom: -1em;/*! font-size: inherit; */}
#topnavi ul.level_1 li.navilogo a{text-indent: -999999px;}
#topnavi ul.level_1 li.navilogo a,#moblogo a {background:url(../../files/theme/img/ecl24-logo.svg) no-repeat center left; width: 12em;height: 6em;display: inline-block;padding: 0;font-size: 1em;}
#topnavi ul.level_1 li.navilogo span, a.navilogo span{display: none;}
#moblogo a{display:none;}
#topnavi ul.level_1 li ul li{color:var(--color1);}
#topnavi ul.level_1 li>ul{position:absolute;left:0px;top:100%;z-index:999;background:var(--bgcolor1); padding:0;}
#topnavi ul.level_1 li:last-child > ul{left:-100%;}
#topnavi ul.level_1 li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;display:none;width:100%}
#topnavi ul.level_1 li a,#topnavi ul.level_1 li strong{display:block;padding:12px 10px;color:var(--color1);line-height: 20px;font-size:1.1em;font-weight:600;text-decoration:none;
transition:color 0.6s ease-out;-o-transition:color 0.6s ease-out;-moz-transition:color 0.6s ease-out;-webkit-transition:color 0.6s ease-out;text-align: left;}


body.shrink #topnavi ul.level_1 li a,
body.shrink #topnavi ul.level_1 li strong
{color:var(--color1)}

#topnavi ul.level_1 > li.has-submenu:hover{background:#fff;border-radius:8px 8px 0 0;}

#topnavi ul.level_1 > li.has-submenu:hover a,#topnavi ul.level_1 > li.has-submenu:hover strong{color:var(--color1);}
#topnavi ul.level_1 li a:hover,#topnavi ul.level_1 li strong:hover{color:var(--color10);}
#topnavi ul.level_1 > li.navilogo:hover{background:inherit;}

#topnavi ul.level_1 li a span{display: inline;width: 100%;}

body.shrink #topnavi ul.level_1 li a:hover,body.shrink .topnavi ul.level_1 li a.trail{/**/color:var(--color10);}
#topnavi ul.level_1 > li:first-child strong{}
#topnavi ul.level_1 li .sub-toggle{position:absolute;right:28px;top:0;z-index:999;width:45px;height:45px;text-align:right;cursor:pointer;display: none;}
#topnavi ul.level_1 li .sub-toggle:before{display:inline-block;height:100%;vertical-align:middle}
#topnavi ul.level_1 li .sub-toggle>i{display:inline-block;vertical-align:middle;background:url(../../files/theme/icons/pfeil-grau.svg) no-repeat 16px center;height: 30px;width: 30px;transform: rotate(90deg);}

#topnavi ul.level_1.collapsed li .sub-toggle.expanded>i { background:url(../../files/theme/icons/pfeil-grau.svg) no-repeat 2px center;height: 30px;width: 30px;transform: rotate(-90deg);}



#topnavi ul.level_2{
    min-width: 140px;
    width: auto;
    display: inline-block;
}
#topnavi ul.level_2 > li{
    width:100%;border-bottom: 1px solid var(--bgcolor2);min-width: 180px;
    padding: 0;
}
#topnavi ul.level_2 li:last-child > ul{left:100%;}
#topnavi ul.level_2 li a,#topnavi ul.level_2 li strong.active,#topnavi ul.level_2 li strong.trail,
#topnavi ul.level_2 > li.forward strong{text-transform: uppercase;padding: .6em .8em;font-weight: normal;font-size: 1em;color:var(--color1)}

#topnavi ul.level_2 li a:before,#topnavi ul.level_2 li strong.active:before,#topnavi ul.level_2 li strong.trail:before{content:"";margin: 0;width: inherit;height: inherit;}

#topnavi ul.level_2 li:hover,#topnavi ul.level_2 li.active{background-color:#fff;}
#topnavi ul.level_2 li:hover a,
#topnavi ul.level_2 li:hover strong,
#topnavi ul.level_2 li strong.active,
#topnavi ul.level_2 li strong.trail,
body.slideUp #topnavi ul.level_2 li a
{color:var(--color1);font-size: 1em;}



#topnavi ul.level_3 > li a,
#topnavi ul.level_3 > li strong.active,
#topnavi ul.level_3 > li strong.trail{text-transform: uppercase; min-width:220px;background-color:var(--bgcolor1);}
#topnavi ul.level_3 > li{padding:0}


/* 1400px ---------------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
#topnavi {margin: 0}
#topnavi ul.level_1 li.navilogo a {width: 8em; height: 4em;}
    

body.shrink #topnavi ul.level_1 li > ul {top: 51px;}
    
    #topnavi ul.level_1 li {padding: 0 1.6em 0 0;}


/* ---------------------------------------------------------------------------------------- */
} /* end max-width: 1400px */
/* ---------------------------------------------------------------------------------------- */


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

#header > .inside{position:relative;}
body.shrink #header > .inside{padding: inherit}

#header{-webkit-box-shadow:none;box-shadow:none;}

#topnavi ul.level_1 li.navilogo{display: none;}

#moblogo {position: fixed;left:0;right:0;top:0;display: block;width: 100%;padding: .4em;/*border-bottom: 1px solid #ccc;*/}
#moblogo a.navilogo{display:table-cell;height: 2.6em;width: 11em;vertical-align: middle;text-indent: -999999px;}
#topnavi .menu-collapser {position: fixed;}
body.slideDown #header {display: none}

#topnavi ul.level_1 li.navilogo a,#moblogo a {background:url(../../files/theme/img/ecl24-logo-mobil.svg) no-repeat center left; }



#topnavi ul.level_1 li.navilogo span,
a.navilogo span{display: block;line-height: initial;font-size: 1.6em;}


#topnavi ul.level_1 {top: 60px;position: absolute;left: 0;}
#topnavi ul.level_1 li,#topnavi ul.level_1 li:hover {padding: 0; background: #fff;border-radius:0;}

#topnavi ul.level_1 li a, #topnavi ul.level_1 li strong{color:var(--color1);}
#topnavi ul.level_1 > li.has-submenu:hover {border-radius:0;}
#topnavi ul.level_1 li a,#topnavi ul.level_1 li strong.active,#topnavi ul.level_1 li strong.trail,#topnavi ul.level_2 > li.forward strong{padding:10px 10px 10px 15px;}
#topnavi ul.level_2 li a,#topnavi ul.level_2 li strong.active,#topnavi ul.level_2 li strong.trail,#topnavi ul.level_2 > li.forward strong{padding:10px 10px 10px 30px; }
#topnavi ul.level_2 > li{border-bottom:0;}	
	
    #topnavi ul.level_1 li .sub-toggle{display: block;} 
    

/* ---------------------------------------------------------------------------------------- */
} /* end max-width: 1024px */
/* ---------------------------------------------------------------------------------------- */

@media (max-width:880px){
#topnavi ul.level_1 li.navilogo {padding: 0 1em;}
    #moblogo a.navilogo{height: 2.6em;width: 7em;}

} /* end 880px */
/* --- Umsetzung CodeSache.de - Markus Schindler 09/2023 --- */

@font-face {
font-family: 'Tex Gyre Adventor';
src: url('../../files/theme/fonts/texgyreadventor-regular-webfont.eot');
src: url('../../files/theme/fonts/texgyreadventor-regular-webfont.eot?iefix') format('eot'),
url('../../files/theme/fonts/texgyreadventor-regular-webfont.woff') format('woff'),
url('../../files/theme/fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
url('../../files/theme/fonts/texgyreadventor-regular-webfont.svg#webfont') format('svg');
}

/* roboto-300 - 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: 300;
src: url('../../files/theme/fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* 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('../../files/theme/fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - 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: 500;
src: url('../../files/theme/fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* 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('../../files/theme/fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


h1,h2,h3,h4,h5,h6{color: var(--color10);}

h1,.h1{
font-size:2.2em;
font-family:"Roboto";
font-weight:700;
line-height:1.2;
margin-top:0;
margin-bottom:0.5em;
}

h2,.h2{
font-size:1.6em;
font-family:"Roboto";
font-weight:700;
line-height:1.2;
margin-top:0;
margin-bottom:0.5em;
position:relative;
}

h3,.h3{
font-size:1.35em;
font-weight:600;
line-height:1.2;
margin-top:0;
margin-bottom:0.5em;
}

h4,.h4{
font-size:1.2em;
font-weight:400;
line-height:1.2;
margin-top:0;
margin-bottom:0.5em;
}

h5{
font-size:1.15em;
font-weight:300;
line-height:1.2;
margin-top:0;
margin-bottom:0.5em;
}

h6{
font-size:1em;
font-weight:300;
line-height:1.2;
margin-top:0;
margin-bottom:0.5em;
}

.italic{font-style:italic;}

.color2 h1, .color2 h2, .color2 h3{color:#ffffff;}
.color2 h3{color:#ffffff;}

.ce_headline.underline{text-align:center;}
.ce_headline.underline::after{
content:"";
display:block;
width:20%;
height:2px;
margin:.5em auto;
background:#ffffff;
background:-moz-linear-gradient(left, #ffffff 0%, #006ab3 20%, #006ab3 80%, #ffffff 100%);
background:-webkit-linear-gradient(left, #ffffff 0%, #006ab3 20%, #006ab3 80%, #ffffff 100%);
background:linear-gradient(to right, #ffffff 0%, #006ab3 20%, #006ab3 80%, #ffffff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}


input::-moz-placeholder,
textarea::-moz-placeholder{
font-style:normal;
}

#topsufu.mod_search input, #topsufu.mod_search placeholder{
color:#333333;
}

#topsufu.mod_search input::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
color:#333333;opacity:1;
}
#topsufu.mod_search input:-moz-placeholder{ /* Firefox 18- */
color:#333333 !important;
}
#topsufu.mod_search input::-moz-placeholder{ /* Firefox 19+ */
color:#333333 !important;
}
#topsufu.mod_search input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#333333;
}
#topsufu.mod_search input::placeholder{
color:#333333;opacity:1;
}

#topsufu.mod_search select::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
color:#333333;opacity:1;
}
#topsufu.mod_search select:-moz-placeholder{ /* Firefox 18- */
color:#333333 !important;
}
#topsufu.mod_search select::-moz-placeholder{ /* Firefox 19+ */
color:#333333 !important;
}
#topsufu.mod_search select:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#333333;
}
#topsufu.mod_search select::placeholder{
color:#333333;opacity:1;
}

textarea::-webkit-input-placeholder{
color:#000000 !important;opacity:1;
}

textarea:-moz-placeholder{ /* Firefox 18- */
color:#000000 !important;opacity:1;
}

textarea::-moz-placeholder{ /* Firefox 19+ */
color:#000000 !important;opacity:1;
}

textarea:-ms-input-placeholder{
color:#000000 !important;opacity:1;
}




/* 1200 ---------------------------------------------------------------------------------- */
@media (max-width:1200px){

}/* end 1200 ---------------------------------------------------------------------------------- */


/* 1024 ---------------------------------------------------------------------------------- */
@media (max-width:1024px){

}/* end 1024 ---------------------------------------------------------------------------------- */


/* 768px ---------------------------------------------------------------------------------- */
@media (max-width:768px){
h1{font-size:1.6em;line-height:1.2;}
h2{font-size:1.5em;line-height:1.2;}
h3{font-size:1.3em;line-height:1.2;}
h4{font-size:1.2em;line-height:1.2;}




.ce_headline.underline::after{width:40%;}

}/* end 768px ---------------------------------------------------------------------------------- */


/* 480px ---------------------------------------------------------------------------------- */
@media (max-width:480px){
h1{font-size:1.5em;line-height:1.2;}
h2{font-size:1.4em;line-height:1.2;}
h3{font-size:1.2em;line-height:1.2;}
h4{font-size:1.1em;line-height:1.2;}



}/* end 480px ---------------------------------------------------------------------------------- */






.content-gallery ul {
display:grid;
grid-template-columns:repeat(12, 1fr);
grid-gap:1.5rem;
list-style:none;
margin:0;
padding:0
}

@media only screen and (min-width: 40rem) {
.content-gallery ul {
grid-gap:2rem
}
}

.content-gallery li {
grid-column:span 12;
}


.content-gallery figure {
transition:border-color .2s ease-in-out;
padding:.25rem;
background:#fff;
}
.content-gallery figure:hover,
.content-gallery figure:focus {

}
.content-gallery figure img{
border-radius: 6px;
overflow: hidden;
}



.content-gallery--cols-4 li {
grid-column:span 6
}

.content-gallery--cols-6 li {
grid-column:span 6
}



@media only screen and (min-width: 8rem) {
.content-gallery--cols-3 li {
grid-column:span 12
}
.content-gallery--cols-4 li {
grid-column:span 12
}
}

@media only screen and (min-width: 34rem) {
.content-gallery--cols-3 li {
grid-column:span 4
}
.content-gallery--cols-4 li {
grid-column:span 4
}
}

@media only screen and (min-width: 64rem) {
.content-gallery--cols-3 li {
grid-column:span 4
}
.content-gallery--cols-4 li {
grid-column:span 3
}
}


.heroboxbox .heroboxinner{
position:relative
}

.heroboxbox .image_container {
position: absolute;
width: 100%;
overflow: hidden;
display: flex;
height: 100%;
flex-flow: column;
justify-content: center;
}

.heroboxbox .image_container img{
-o-object-fit: cover;
object-fit: cover;
}

.herowrapper{max-width:1100px; margin:0 auto;position:relative;height:100%;width:100%;}

.heroboxbox .bgvideo{position:absolute;top:0;left:0;right:0;width:100%;}

.heroboxbox .headline-teasertext{
padding:2em;border-radius:10px;
}

.heroboxbox .bgbox1{
background:rgba(0, 0, 0, 0.5);
}
.heroboxbox .bgbox2{
background:rgba(255, 255, 255, 0.6);
}


.heroboxbox .headline-teasertext .headline,
.heroboxbox .headline-teasertext .headline h1{

}
.heroboxbox .headline-teasertext .teasertext{
font-size:1.2em;
line-height:125%;
}

.heroboxbox .height-small{height:20em;}
.heroboxbox .height-medium{height:40em;}
.heroboxbox .height-large{height:50em;}
.heroboxbox .viewport-height{height:calc(100vh - 145px)}

/*
.heroboxinner{
background:50% 50% no-repeat;
background-size:cover;
}
*/

.heroboxbox .herocontent{
position:absolute;
width:60%;
}

.heroboxbox .ausrichtung_1{ bottom:12%; left:3%;}
.heroboxbox .ausrichtung_2{ bottom:12%; right:3%;}
.heroboxbox .ausrichtung_3{ bottom:12%; left:0;right:0; margin:0 auto;}


@media only screen and (max-width:1400px){
.heroboxbox .height-small{height:20em;}
.heroboxbox .height-medium{height:32em;}
.heroboxbox .height-large{height:40em;}
.heroboxbox .viewport-height{height:40em;}
.heroboxbox .herocontent{width:80%}

}/* end 1400 */

@media only screen and (max-width:1200px){
.heroboxbox .herocontent{width:90%;}
.heroboxbox .height-small{height:18em;}
.heroboxbox .height-medium{height:28em;}
.heroboxbox .height-large{height:36em;}
.heroboxbox .viewport-height{height:36em;}
}/* end 1200 */

@media only screen and (max-width:1000px){
.heroboxbox .herocontent{width:auto;}
.heroboxbox .ausrichtung_1{ right:1.5em;left:1.5em;bottom:2.5em;}
.heroboxbox .ausrichtung_2{ right:1.5em;left:1.5em;bottom:2.5em;}
.heroboxbox .ausrichtung_3{ bottom:2.5em; left:1.5em;right:1.5em; margin:0 auto;}
.heroboxbox .height-small{height:14em;}
.heroboxbox .height-medium{height:22em;}
.heroboxbox .height-large{height:30em;}
.heroboxbox .viewport-height{height:30em;}
.heroboxbox .headline-teasertext{padding:.8em;border-radius:6px;}
.heroboxbox .headline-teasertext .headline h1{font-size:1.1rem;}
.heroboxbox .headline-teasertext .teasertext{font-size:1.1rem;line-height:1.1;margin-bottom:0;}

}/* end 1000 */

@media only screen and (max-width:768px){
.heroboxbox .height-small{height:12em;}
.heroboxbox .height-medium{height:14em;}
.heroboxbox .height-large{height:16em;}
.heroboxbox .viewport-height{height:16em;}
}/* end 768 */

@media only screen and (max-width:480px){
.heroboxbox .height-small{height:12em;}
.heroboxbox .height-medium{height:14em;}
.heroboxbox .height-large{height:14em;}
.heroboxbox .viewport-height{height:14em;}
.heroboxbox .image_container {justify-content: start;}
}/* end 480 */
/* Parallax Header */

.parallax.height-small{ height:20em; }
.parallax.height-small .parallaxbg{ height:250%; }

.parallax.height-medium{ height:40em; }
.parallax.height-medium .parallaxbg{ height:100%; }

.parallax.height-large{ height:50em; }
.parallax.height-large .parallaxbg{ height:150%; }

.parallax.viewport-height, .parallax.viewport-height .parallaxbg{ height:100vh; }
.parallax{ position:relative; overflow:hidden; }
.parallaxbg{ background-size:cover; background-position:50% 50%; height:120%; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; z-index:-1; }

.mod_newsreader .parallax{margin:0 -15px 2.5em -15px;}

.parallaxnewsheader{}
.parallaxnewsimg img{width:100%;object-fit: cover;height: 100%;-o-object-fit: cover;}
.parallaxnewsimg picture{width:100%;height: 100%;}

.parallax{display: flex;flex-direction: column;justify-content: space-around;}
.parallax.ausrichtung_1{display: flex;flex-direction: column;justify-content: end;}
.parallax.ausrichtung_2{display: flex;flex-direction: column;justify-content: center;}

.parallax-wrapper{max-width: 1050px;margin:0 auto 2em auto; }
.parallax-wrapper-content{max-width:690px;text-align: left;padding: 2em;border-radius: 10px;}

.parallax-wrapper.overlay_1 .parallax-wrapper-content{background: rgba(255, 255, 255, 0.6);}
.parallax-wrapper.overlay_2 .parallax-wrapper-content{background: rgba(0, 0, 0, 0.3);}



@media only screen and (max-width:1400px) {
.parallax.height-small{ height:20em; }
.parallax.height-medium{ height:30em; }
.parallax.height-large{ height:40em; }
.parallaxbginner{padding-right: 15px;padding-left: 15px;}
} /* end 1400 */

@media only screen and (max-width:1200px) {
.parallax.height-small{ height:18em; }
.parallax.height-medium{ height:25em; }
.parallax.height-large{ height:36em; }
} /* end 1200 */


@media only screen and (max-width:1000px) {
.parallax.height-small{ height:18em; }
.parallax.height-medium{ height:25em; }
.parallax.height-large{ height:32em; }
} /* end 1000 */


@media only screen and (max-width:768px) {
.parallax.height-small{ height:16em; }
.parallax.height-medium{ height:18em; }
.parallax.height-large{ height:24em; }
} /* end 768 */


/* end Parallax Header */
/**
 * Swiper 4.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 14, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0, 0, 0)}
#cboxWrapper{max-width:none}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
#cboxOverlay{background:#fff;opacity:.9;filter:alpha(opacity=90)}
#colorbox{outline:0}
#cboxContent{margin-top:27px;background:#fff}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{border:1px solid #ccc;background:#fff;padding:3.5em 2.2em 2em 2.2em;}
#cboxTitle{position:absolute;top:-27px;left:0;color:#000; }
#cboxCurrent{position:absolute;top:-26px;right:0;color:#000}
#cboxLoadingGraphic{background:url(../../files/theme/icons/loading.gif) no-repeat center center}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border-radius: 5px;border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0;outline: 0;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0}
#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}
#cboxPrevious{position:absolute;top:50%;left:1px;margin-top:-32px;width:34px;height:65px;text-indent:-9999px; background:#fff;}
#cboxPrevious:after{background:url(../../files/theme/icons/navpfeil-l.svg) no-repeat center center;content:' ';display:block;position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
#cboxNext{position:absolute;top:50%;right:1px;margin-top:-32px;width:34px;height:65px;text-indent:-9999px;background:#fff;}
#cboxNext:after{background:url(../../files/theme/icons/navpfeil-r.svg) no-repeat center center ;content:' ';display:block;position:absolute;top: 0;right: -2px;width: 100%;height: 100%;}
#cboxNext:hover,#cboxPrevious:hover{background: rgba(255,255,255, 0.3);}
#cboxClose{position:absolute;top:10px;right:10px;display:block;width:40px;height:40px;text-indent:-9999px;background: rgba(255,255,255, 0.3);}
#cboxClose:after{background:url(../../files/theme/icons/close.svg) no-repeat center center; content:' ';display:block;position:absolute;top: 10%;right: 10%;width: 80%;height: 80%;}

/* Slider auf Basis Swiper mit Text-Pagination aus dem Sepsiswissen Projekt */


.symptome-container  .swiper-slide{opacity:0 !important;}
.symptome-container  .swiper-slide-active{opacity:1 !important;}




.symptome-pagination .swiper-pagination-bullet {
width:inherit;
height:inherit;
display:inherit;
border-radius:inherit;
background:inherit;
opacity:inherit;
}
.symptombg {

padding-bottom: 1em;
}

.symptome{margin-bottom:.4em; }

.symptomehg{border-radius:2em; display:inline-block;position:relative;padding:.4em .8em .4em 2.2em; }
.symptome:hover .symptomehg, .symptome.swiper-pagination-bullet-active .symptomehg{background:#173A55 !important; }

.symptome span{font-family: "Open Sans";font-style: normal;font-weight: 300; font-size:1.3em; color:#173A55;}


.symptomehg::before {
content: "•";
font-size:44px;
color:#173A55;
position: absolute;
left: 10px;
top: 8px;
line-height: 26px;
}
.symptomehg:hover::before, .symptome:hover span, .symptome.swiper-pagination-bullet-active span, .symptome.swiper-pagination-bullet-active .symptomehg::before {color:#fff;}
.symptominfo{max-width:50%;}

/* Slider 1 */
.kundenreferenzen {max-width: 1044px;overflow: hidden;position: relative;margin: 0 auto;}
.kundenreferenzen .swiper-wrapper{max-width: 1044px;position: relative;}
.kundenreferenzen .swiper-slide{padding: 3em;}
.kundenreferenzen .swiper-slide .ce_text{max-width: 600px;margin: 0 auto;}
.kundenreferenzen .swiper-button-prev {background: url(../../files/theme/icons/pfeil-grau.svg) no-repeat bottom center;width: 40px; height: 40px;display: inline-block;transform: rotate(180deg);}
.kundenreferenzen .swiper-button-prev:hover {background: url(../../files/theme/icons/pfeil-grau_h.svg) no-repeat bottom center;transform: rotate(180deg);}
.kundenreferenzen .swiper-button-next {background: url(../../files/theme/icons/pfeil-grau.svg) no-repeat bottom center;width: 40px; height: 40px;display: inline-block;}
.kundenreferenzen .swiper-button-next:hover {background: url(../../files/theme/icons/pfeil-grau_h.svg) no-repeat bottom center;}
.kundenreferenzen .swiper-pagination-bullet {border-radius: inherit;height: 14px;width: 14px;margin: 2px 6px;background: var(--bgcolor6);opacity: 1;}
.kundenreferenzen .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--bgcolor2)}

/* teaser-h-bild-text */
.teaser-h-bild-text {line-height: 0;}
.teaser-h-bild-text .innen{position:relative;}
.teaser-h-bild-text .headlineteaser{position:absolute; bottom:0; left:0;line-height:initial;width: 100%;z-index: 20;}
.teaser-h-bild-text .headlines{padding:1.4em 2em;min-height: 100px;max-width:70%;}
.teaser-h-bild-text .headlines h3{font-weight: 600;color:#fff; margin: 0;}
.teaser-h-bild-text .bildbox img{width:100%}


/* 768px ---------------------------------------------------------------------------------- */
@media (max-width:768px){
.teaser-h-bild-text {margin-bottom: 1em;}
}
/* end 768px ---------------------------------------------------------------------------------- */

/* end teaser-h-bild-text */
.mod_plenta_jobs_basic_offer_list .layout_default{
margin-bottom: 1em;
padding: 1em;
}

.mod_plenta_jobs_basic_offer_list .layout_default .innen {
border-radius: 6px;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .3);
overflow: hidden;
position: relative;
height: 100%;
}

.mod_plenta_jobs_basic_offer_list .layout_default .innen .teasernewsbox {padding: .8em;}

.mod_plenta_jobs_basic_offer_list .layout_default .innen .teasernewsbox h2 {
font-size: 1.4em;
font-weight: 600;
}

/* teaservertikal */
.teaservertikal {}

.teaservertikal > .innen {position: relative;}

.teaservertikal .headlineteaser {position: absolute; bottom: 0; left: 0;line-height: initial;width: 100%;z-index: 20;}


.teaservertikal .headlines {padding:1em;}

.teaservertikal .headlines h3 {font-weight: 600;}

.teaservertikal .headlines * {transition: all 0.15s linear 0.15s;}

.teaservertikal.textfarbe_2 .headlines *,
.teaservertikal.overlay_3:hover .headlines * {color: #fff;}

.teaservertikal.textfarbe_1 .headlines *,
.teaservertikal.overlay_1:hover .headlines *,
.teaservertikal.overlay_2:hover .headlines *,
.teaservertikal.overlay_6:hover .headlines * {color: #000;}

.teaservertikal .buttontextbox {text-align: right;padding: 0 1em 1em 1em; margin-top: 1em;}

.teaservertikal .buttontextbox span {color: #fff; display: inline-block;}

.teaservertikal .bildbox img {width: 100%}

.teaservertikal .bildbox::before {transition: all 0.6s ease 0s;}

.teaservertikal.overlay_1 .bildbox::before,
.teaservertikal.overlay_2 .bildbox::before,
.teaservertikal.overlay_3 .bildbox::before,
.teaservertikal.overlay_4 .bildbox::before,
.teaservertikal.overlay_5 .bildbox::before,
.teaservertikal.overlay_6 .bildbox::before {width: 100%;height: 100%;content: ' '; display: block; position: absolute;z-index: 10;}

.teaservertikal.overlay_1 .bildbox::before {background: rgba(0, 0, 0, 0.1);}

.teaservertikal.overlay_2 .bildbox::before {background: rgba(0, 0, 0, 0.2);}

.teaservertikal.overlay_X .bildbox::before {background: rgba(0, 0, 0, 0.5);}

.teaservertikal.overlay_4 .bildbox::before {background: rgba(255, 255, 255, 0.1);}

.teaservertikal.overlay_5 .bildbox::before {background: rgba(255, 255, 255, 0.2);}

.teaservertikal.overlay_X .bildbox::before {background: rgba(255, 255, 255, 0.5);}

.teaservertikal.overlay_1:hover .bildbox::before {background: rgba(255, 255, 255, 0.1);}

.teaservertikal.overlay_2:hover .bildbox::before {background: rgba(255, 255, 255, 0.2);}

.teaservertikal.overlay_3:hover .bildbox::before {background: rgba(0, 0, 0, 0.5);}

.teaservertikal.overlay_4:hover .bildbox::before {background: rgba(0, 0, 0, 0.1);}

.teaservertikal.overlay_5:hover .bildbox::before {background: rgba(0, 0, 0, 0.2);}

.teaservertikal.overlay_6:hover .bildbox::before {background: rgba(255, 255, 255, 0.5);}

.teaservertikal.texthintergrundfarbe_1 .headlines{background: rgba(0, 0, 0, 0.3)}
.teaservertikal.texthintergrundfarbe_2 .headlines{background: rgba(255, 255, 255, 0.5)}
.teaservertikal:hover .headlines{background:none;}


/* 1200 */
@media only screen and (max-width: 1200px) {
.teaservertikal.imgcaption .headlineteaser {bottom:30px;}
}
/* end 1200 */

/* 1024 */
@media only screen and (max-width: 1024px) {
.teaservertikal .headlines, .teaserhorizontal .headlines {padding: 1em 1em 1em 1em;}
.teaserhorizontal .buttontextbox, .teaservertikal .buttontextbox {display: none;}
}
/* end 1024 */



/* end teaservertikal */

/* teaserhorizontal */
.teaserhorizontal {}

.teaserhorizontal .innen {position: relative;}

.teaserhorizontal a {line-height: 0;}

.teaserhorizontal .headlineteaser {position: absolute; bottom: 0; left: 0;line-height: initial;width: 100%;z-index: 20;}

.teaserhorizontal .headlines {padding: 1em 30% 1em 1em;}

.teaserhorizontal .headlines h3 {font-weight: 600;}

.teaserhorizontal .headlines * {transition: all 0.15s linear 0.15s;}

.teaserhorizontal.textfarbe_2 .headlines *,
.teaserhorizontal.overlay_3:hover .headlines * {color: #fff;}

.teaserhorizontal.textfarbe_1 .headlines *,
.teaserhorizontal.overlay_1:hover .headlines *,
.teaserhorizontal.overlay_2:hover .headlines *,
.teaserhorizontal.overlay_6:hover .headlines * {color: #000;}

.teaserhorizontal .buttontextbox {text-align: right;padding:0 1em 1em 1em;margin-top: 1em;}

.teaserhorizontal .buttontextbox span {color: #fff; display: inline-block;}

.teaserhorizontal .bildbox img {width: 100%}

.teaserhorizontal .bildbox::before {transition: all 0.6s ease 0s;}

.teaserhorizontal.overlay_1 .bildbox::before,
.teaserhorizontal.overlay_2 .bildbox::before,
.teaserhorizontal.overlay_3 .bildbox::before,
.teaserhorizontal.overlay_4 .bildbox::before,
.teaserhorizontal.overlay_5 .bildbox::before,
.teaserhorizontal.overlay_6 .bildbox::before {width: 100%;height: 100%;content: ' '; display: block; position: absolute;z-index: 10;}

.teaserhorizontal.overlay_1 .bildbox::before {background: rgba(0, 0, 0, 0.1);}

.teaserhorizontal.overlay_2 .bildbox::before {background: rgba(0, 0, 0, 0.2);}

.teaserhorizontal.overlay_X .bildbox::before {background: rgba(0, 0, 0, 0.5);}

.teaserhorizontal.overlay_4 .bildbox::before {background: rgba(255, 255, 255, 0.1);}

.teaserhorizontal.overlay_5 .bildbox::before {background: rgba(255, 255, 255, 0.2);}

.teaserhorizontal.overlay_X .bildbox::before {background: rgba(255, 255, 255, 0.5);}

.teaserhorizontal.overlay_1:hover .bildbox::before {background: rgba(255, 255, 255, 0.1);}

.teaserhorizontal.overlay_2:hover .bildbox::before {background: rgba(255, 255, 255, 0.2);}

.teaserhorizontal.overlay_3:hover .bildbox::before {background: rgba(0, 0, 0, 0.5);}

.teaserhorizontal.overlay_4:hover .bildbox::before {background: rgba(0, 0, 0, 0.1);}

.teaserhorizontal.overlay_5:hover .bildbox::before {background: rgba(0, 0, 0, 0.2);}

.teaserhorizontal.overlay_6:hover .bildbox::before {background: rgba(255, 255, 255, 0.5);}

.teaserhorizontal.texthintergrundfarbe_1 .headlines{background: rgba(0, 0, 0, 0.3)}
.teaserhorizontal.texthintergrundfarbe_2 .headlines{background: rgba(255, 255, 255, 0.5)}
.teaserhorizontal:hover .headlines{background:none;}

/* 1200 */
@media only screen and (max-width: 1200px) {
.teaserhorizontal.imgcaption .headlineteaser {bottom:30px;}
}
/* end 1200 */

/* 1024 */
@media only screen and (max-width: 1024px) {
.teaserhorizontal .buttontextbox, .teaservertikal .buttontextbox {display: none;}
}
/* end 1024 */

/* end teaserhorizontal */

.teambox {margin: 0 0 1.4em 0;}
.teambox .preview{position: relative;width: 100%;}
.teambox .preview img{width: 100%;}
.teambox .preview .previewimage{z-index: 10;width: 100%;}
.teambox .preview .hoverimage{position: absolute;top:0;z-index: 5;width: 100%;}

.teambox .preview .personpreviewinfo{position: absolute;bottom:0;z-index: 15;padding: 15px;background: rgba(255, 255, 255, 0.8);width: 100%;min-height: 100px;}

.teambox .personinfo{position: absolute;top:0;z-index: 10;width: 100%;height: 100%;padding: 25px;opacity: 0; background: #fff;transition: all 0.6s ease 0s;}
.teambox:hover .personinfo{display:block;opacity: .9;}


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

.teambox .preview .personpreviewinfo{position: unset;background:#ddd;min-height:inherit;}
}
/* end 480 */