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


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

#main .mod_article.articlefull .inside {max-width: inherit;width: 100%;padding-left: 0;padding-right: 0;}
.farbwerte span {
display: block;
padding: 0.4em;
}
/* 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;}

/* 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-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;display: initial;}

.imgfullwidth{width: 100%}

.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-w600 {max-width: 600px;}
.max-w900 {max-width: 900px;}

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

.headline-underline{
position: relative;
margin: 0 auto;
text-align: center;
}
.headline-underline .ce_headline{
display: inline-block;
border-bottom: 1px solid var(--color1);
text-align: center;
}



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

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

.video_container a {display: block;}

.video_container > div a {position: absolute;
width: 100%;
height: 100%;}

.video_container .responsive a:before {
background: url(../../../files/theme/img/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;
}

.video_container > div a:hover:before {background: url(../../../files/theme/img/youtube_h.svg) no-repeat center center;}

.video_container a img {display: block;width: 100%;}

.video_container iframe {position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* end nativer Video Player */






/* 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: 15px !important;
padding-right: 15px !important; }

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

/* ---------------------------------------------------------------------------------------- */
}

/* 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 */