/* Webfont: Lato-Bold */@font-face {
    font-family: 'LatoWebBold';
    src: url('../fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BoldItalic */@font-face {
    font-family: 'LatoWebBold';
    src: url('../fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Hairline */@font-face {
    font-family: 'LatoWebHairline';
    src: url('../fonts/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HairlineItalic */@font-face {
    font-family: 'LatoWebHairline';
    src: url('../fonts/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Heavy */@font-face {
    font-family: 'LatoWebHeavy';
    src: url('../fonts/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HeavyItalic */@font-face {
    font-family: 'LatoWebHeavy';
    src: url('../fonts/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Italic */@font-face {
    font-family: 'LatoWeb';
    src: url('../fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */@font-face {
    font-family: 'LatoWebLight';
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-LightItalic */@font-face {
    font-family: 'LatoWebLight';
    src: url('../fonts/Lato-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Medium */@font-face {
    font-family: 'LatoWebMedium';
    src: url('../fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-MediumItalic */@font-face {
    font-family: 'LatoWebMedium';
    src: url('../fonts/Lato-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */@font-face {
    font-family: 'LatoWebSemibold';
    src: url('../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-SemiboldItalic */@font-face {
    font-family: 'LatoWebSemibold';
    src: url('../fonts/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Thin */@font-face {
    font-family: 'LatoWebThin';
    src: url('../fonts/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Thin.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-ThinItalic */@font-face {
    font-family: 'LatoWebThin';
    src: url('../fonts/Lato-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
 


body{
     margin-top: 100px;
    font-family: 'LatoWeb','Lato', sans-serif;
    color: #000;
    font-weight:400;
    font-size: 18px;
    line-height: 25px;
}

.container{/*background-color: rgba(255,0,0,0.4)*/}
body[data-aos-duration='4000'] [data-aos], [data-aos][data-aos][data-aos-duration='4000']{
    -webkit-transition-duration: 4000ms;
    transition-duration: 4000ms;
}

body.modal-open{overflow: hidden}


.bgTeaser{position: absolute;opacity: 0.2;z-index: 1;pointer-events: none;right:30%}
.biggerText{font-size:24px; line-height: 32px;font-weight:300;font-family: 'LatoWebLight';}

.navbar{height:100px; -webkit-transition: background-color 1s; -webkit-transition: background-color 1s; transition: background-color 1s;padding: 0px; -webkit-box-shadow: 0px 0px 0px #ccc; box-shadow: 0px 0px 0px #ccc;}
.nav-shadow{ -webkit-box-shadow: 0px 0px 2px #ccc; box-shadow: 0px 0px 2px #ccc;}
section{padding: 0px 0px}
hr{margin: 15px 0px; display: block; visibility: hidden}
h1{font-size:28px; font-weight: 100; line-height:1.2;margin-bottom: 50px;font-family: 'LatoWebHairline';}

h4.ovTitle{
   font-size: 32px;font-weight:400;
}


h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 15px;
}
p{margin:15px 0px}
p + h4 { margin-top: 30px }

.subjectTitle{text-align: right; margin:10%;}

.socialmedia{width:47px;height:215px; position:fixed; right:0px;top:30%;padding:25px 0 0 4px;}
.socialmedia2 a {width:46px;height:46px;display: inline-block; font-size:24px; text-align: center;color:#fff;padding:10px 10px}


body .socialmedia{ background: url(../img/social-media.svg) no-repeat;}
body.page-start .socialmedia{ background: url(../img/social-media.svg) no-repeat;}
body.page-lesen .socialmedia{ background: url(../img/social-media-lesen.svg) no-repeat; }
body.page-schauen .socialmedia{ background: url(../img/social-media-schauen.svg) no-repeat;}
body.page-machen .socialmedia{ background: url(../img/social-media-machen.svg) no-repeat; }
body.page-spielen .socialmedia{ background: url(../img/social-media-spielen.svg) no-repeat;}

.mainContent a{ color:#67D2F0; margin-right:5px;white-space: nowrap; }
.mainContent h3 a {white-space: normal; }
.mainContent  a:not(.nlink):not(.btn-link):not(.filter-link):after{ content:url(../img/linkpfeil-start.svg); padding-left:5px;top: 1px;position: relative;  }
body .mainContent  a{color:#67D2F0}
body.page-start .mainContent  a{color:#67D2F0}
body.page-spielen .mainContent a{color:#ca89dd}
body.page-lesen .mainContent a{color:#329195}
body.page-schauen .mainContent a{color:#aabc22}
body.page-machen .mainContent a{color:rgb(124,124,131)}


/*
body .mainContent  a[target="_blank"]:after{ content:url(../img/linkpfeil-start-extern.svg)!important;}
*/



body .mainContent  a:not(.nlink):not(.btn-link):not(.filter-link):after{ content:url(../img/linkpfeil-start.svg);}
body.page-start .mainContent  a:not(.nlink):not(.btn-link):not(.filter-link):after{ content:url(../img/linkpfeil-start.svg);}
body.page-spielen .mainContent a:not(.nlink):not(.btn-link):after{ content:url(../img/linkpfeil-spielen.svg);}
body.page-lesen .mainContent a:not(.nlink):not(.btn-link):after{ content:url(../img/linkpfeil-lesen.svg);}
body.page-schauen .mainContent a:not(.nlink):not(.btn-link):after{ content:url(../img/linkpfeil-schauen.svg);}
body.page-machen .mainContent a:not(.nlink):not(.btn-link):after{ content:url(../img/linkpfeil-machen.svg);}

.themen-link{display: block;position: relative; font-size: 28px;line-height:1.2;font-weight: 300;font-family: 'LatoWebLight';margin-bottom:20px; margin-left:50px;white-space:normal!important;}
.themen-link.spielen:after{ content:url(../img/linkpfeil-spielen-big.svg)!important;}
.themen-link.lesen:after{ content:url(../img/linkpfeil-lesen-big.svg)!important;}
.themen-link.schauen:after{ content:url(../img/linkpfeil-schauen-big.svg)!important;}
.themen-link.machen:after{ content:url(../img/linkpfeil-machen-big.svg)!important;}

.socialmedia a {width:46px;height:46px;display: block; font-size:24px; text-align: center;color:#fff;padding:0px 2px}
.socialmedia a i {}
#logo{margin:3px 0px 0px 26px; font-size:13px; width:120px; line-height: 14px}
#logo a,
#logo a:hover,
footer a,
footer a:hover,
.socialmedia a:hover
{color:#000}

a, a:hover{text-decoration: none;}
.blocklink{display: block}

.subheadline a{color:#000;}
.subheadline a:hover{color:#67D2F0;}

#logo-icon img{height:60px}

.start{color:#67D2F0!important}
.spielen{color:#ca89dd!important}
.lesen{color:#329195!important}
.schauen{color:#aabc22!important}
.machen{color:rgb(124,124,131)!important}

.qtip-bootstrap {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    padding: 0px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}
.qtip-bootstrap .qtip-titlebar {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    color:#fff;
    background-color: #67D2F0;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.qtip-content p{margin: 10px 0px;}

.modal-full {
    min-width: 100%;
    margin: 0;
}

.modalWrap{position: relative;}

.modal-full .modal-content {
    min-height: 100vh;
    border-radius:0px;
    border:0px solid #fff;
    position:relative
}
.modal-open .modal {
    padding-right:0px !important
}

.modal-full .modal-body{font-size:18px;line-height:1.4;margin-top:17px;padding: 15px 0px;}
#navigation .modal-body{padding-left:50px}

.modal-full .modal-body > ul {padding:0px; margin:0px 0px 60px; list-style: none}
.modal-full .modal-body > ul > li {font-weight:700;margin:0px 0px 30px;font-family: 'LatoWebBold';}
.modal-full .modal-body > ul > li > a {font-weight:700;position: relative;font-family: 'LatoWebBold';}
.modal-full .modal-body > ul li ul { list-style: none;padding:0px;}
.metanavi li a,
.modal-full .modal-body > ul li ul li a{color:#c8c0c8; font-weight:300 !important;font-family: 'LatoWebLight';}

#closeModal {position: fixed;top:10px;right: calc(50% - 100px); z-index: 100; color:#000}

#closeModal span{font-family: 'Lato', sans-serif; font-weight: 100;font-size:54px;position: fixed;font-family: 'LatoWebHairline';}
.overviewLink{color:#000!important}
.modal-backdrop {
    background-color: #fff;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}


.nav-spielen::before,
.nav-lesen::before,
.nav-schauen::before,
.nav-machen::before{
    content: '';
    display: block;
    position: absolute;
    background-size: cover!important;
}

.nav-spielen::before{
    background: url(../img/spielen.svg); 
    width:40px;
    height:28px;
    left:-50px;
    top:-3px;
}
.nav-lesen::before{
    background: url(../img/lesen.svg);
    width:27.5px;
    height:28px;
    left:-42px;
    top:-3px;
}
.nav-schauen::before{
    background: url(../img/schauen.svg);
    width:39px;
    height:23px;
    left:-47px;
    top:0px;
}
.nav-machen::before{
    background: url(../img/machen.svg);
    width:26px;
    height:32px;
    left:-43px;
    top:-3px;
}



.nav-spielen-single::before,
.nav-lesen-single::before,
.nav-schauen-single::before,
.nav-machen-single::before{
    content: '';
    display: block;
    position: absolute;
    background-size: cover!important;
}

.nav-spielen-single::before{
    background: url(../img/spielen.svg); 
    width:40px;
    height:28px;
    left:-50px;
    top:4px;
}
.nav-lesen-single::before{
    background: url(../img/lesen.svg);
    width:27px;
    height:28px;
    left:-42px;
    top:0px;
}
.nav-schauen-single::before{
    background: url(../img/schauen.svg);
    width:39px;
    height:23px;
    left:-47px;
    top:3px;
}
.nav-machen-single::before{
    background: url(../img/machen.svg);
    width:25.8px;
    height:32px;
    left:-43px;
    top:0px;
}






footer{ font-size:14px;overflow:visible;  padding: 55px 0px;background-size:2000px auto!important; margin-top:50px}
footer ul{margin:0px;padding: 0px; list-style: none}
.footer-themen div {color:#fff; margin-bottom:30px}
.footer-link{display: inline-block;width:40px;height:37px; text-align: center}
.footer-link img{width:40px;height:37px;}

#extrafooter{ background: url(../img/footerbg.svg) no-repeat;  background-position: calc(50% - 0px) 111% !important ;background-size:615px  auto !important;padding-top:100px}
body.page-start #extrafooter{ background: url(../img/footerbg.svg) no-repeat;}
body.page-lesen #extrafooter{ background: url(../img/footerbg-lesen.svg) no-repeat;}
body.page-schauen #extrafooter{ background: url(../img/footerbg-schauen.svg) no-repeat;}
body.page-machen #extrafooter{ background: url(../img/footerbg-machen.svg) no-repeat;}
body.page-spielen #extrafooter{ background: url(../img/footerbg-spielen.svg) no-repeat;}
#up{ display: inline-block;text-align: center}
.footerblock{margin-bottom: 0px}
.footerblock p {color:#fff}

.footerblock li {margin-bottom:20px}
.footerTeaser{color: white;padding:30px 15px}

.download { display: inline-block;}

.link-button{border:0px solid #C8C0C8;background-color: #C8C0C8;  border-radius:11px;  padding:5px 10px; display: inline-block; margin:15px 15px 15px 0px; color:#000!important}
.download a{border:0px solid #C8C0C8;background-color: #C8C0C8;  border-radius:11px;  padding:5px 10px; display: inline-block; margin:0px 15px 15px 0px; color:#000!important}
.download input,#searchsubmit{border:0px solid #C8C0C8;background-color: #C8C0C8;  border-radius:11px;  padding:5px 10px; display: inline-block; margin:0px 15px 15px 0px; color:#000!important; cursor:pointer}
.openLexNav{border:0px solid #67D2F0;background-color: #67D2F0; font-size:14px; letter-spacing: 1.5px;  border-radius:11px;  padding:5px 10px; display: inline-block; margin:0px 15px 15px 0px; color:#fff!important}
#searchsubmit{margin:10px 0px 0px;font-size: 14px;}
#cn-accept-cookie,#cn-more-info{border:0px solid #67D2F0;background-color: #67D2F0; font-size:12px; letter-spacing: 1.5px;  border-radius:11px;  padding:5px 10px; display: inline-block; margin:0px 7.5px 0px 7.5px; color:#fff!important}

.searchinput {
    width: 114px !important;
    position: relative;
    top: -2px;
    font-size: 13px;
}

.modal .searchinput {
    width: 119px !important;
    position: relative;
    top: 4px;
    font-size: 13px;

}


.bmjv-icon {
    position: relative;
    left: -23px;
}

#start-carousel{padding-bottom:40px}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: auto;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding-left: 0;
    margin-right: 50px;
    margin-left: auto;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 6px;
    height: 6px;
    border-radius:50%;
    margin-right: 9px;
    margin-left: 9px;
    background-color: rgba(0,0,0,1);
    cursor: pointer;
}
.carousel-indicators .active {background-color: #67d2f0;}

.teaserText{height:133px;font-size:28px; font-weight: 100;font-family: 'LatoWebHairline'; line-height:1.2; margin:0px;display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}


.maintext-single{
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    font-family: 'LatoWebLight';
}

.subheadline{font-size:18px;}
.subheadline p{margin: 0px;}
 #start-carousel .subheadline{height:107px;text-align: right}
.subheadline span{border:1px solid #979797;border-radius:11px;  padding:5px 10px; display: inline-block;margin:20px 0px;text-align: left;}
.subheadline span i{color:#9013fe; font-style: normal}

.post-entry{margin-bottom:50px}
footer p{margin:0px 0px 15px}
footer{line-height: 1.6}
.footersubject a,.footersubject a:hover{color:#fff}
.chatItem p{margin:15px 0px }
.chatItem{margin-bottom: 30px}
.imageItem{margin-bottom: 30px}

.post-entry .links{ position: relative;left:-10px}
.post-entry .info{}
.btn-link{display: inline-block;text-align: center;width:50px;font-size:12px; margin-right:20px;}
.btn-link:hover{ text-decoration: none; }
.iconwrapper{ height: 45px;display: -webkit-box;display: -ms-flexbox;display: flex;}
h2{ font-size:40px; font-weight: 100;line-height: 1.2;font-family: 'LatoWebHairline';}
h3{ font-size:32px; font-weight: 100;line-height: 1.2;font-family: 'LatoWebHairline';}
h4{ font-size:22px; font-weight: 100;line-height: 1.2;font-family: 'LatoWebThin';}
.callapseHeader{ margin:30px 0px 15px;}
.callapseHeader a{font-size:32px; line-height: 1.2; font-weight: 100;font-family: 'LatoWebHairline';display: block;padding:5px 40px 5px 0px; white-space: normal!important;position: relative}
body .callapseHeader a{color:#000}
body.page-start .callapseHeader a{color:#67d2f0}
body.page-lesen .callapseHeader a{color:#329195}
body.page-schauen .callapseHeader a{color:#aabc22}
body.page-machen .callapseHeader a{color:rgb(124,124,131)}
body.page-spielen .callapseHeader a{color:#ca89dd}

.callapseHeader a i{width:39px;height:24px;position: absolute;right: 0px; top:14px;background-size: cover!important}
body .callapseHeader a[data-toggle="collapse"] i {    background: url("../img/einklapppfeil-start.svg");}
body.page-start .callapseHeader a[data-toggle="collapse"] i {    background: url("../img/einklapppfeil-start.svg");}
body.page-schauen .callapseHeader a[data-toggle="collapse"] i {    background: url("../img/einklapppfeil-schauen.svg");}
body.page-lesen .callapseHeader a[data-toggle="collapse"] i {    background: url("../img/einklapppfeil-lesen.svg");}
body.page-machen .callapseHeader a[data-toggle="collapse"] i {    background: url("../img/einklapppfeil-machen.svg");}
body.page-spielen .callapseHeader a[data-toggle="collapse"] i {    background: url("../img/einklapppfeil-spielen.svg");}

.callapseHeader a[data-toggle="collapse"].collapsed i { background: url("../img/ausklapppfeil.svg");}
body .callapseHeader a[data-toggle="collapse"].collapsed i { background: url("../img/ausklapppfeil-start.svg");}
body.page-start .callapseHeader a[data-toggle="collapse"].collapsed i { background: url("../img/ausklapppfeil-start.svg");}
body.page-schauen .callapseHeader a[data-toggle="collapse"].collapsed i { background: url("../img/ausklapppfeil-schauen.svg");}
body.page-lesen .callapseHeader a[data-toggle="collapse"].collapsed i { background: url("../img/ausklapppfeil-lesen.svg");}
body.page-machen .callapseHeader a[data-toggle="collapse"].collapsed i { background: url("../img/ausklapppfeil-machen.svg");}
body.page-spielen .callapseHeader a[data-toggle="collapse"].collapsed i { background: url("../img/ausklapppfeil-spielen.svg");}

.lexicon-letter{font-size: 32px; padding: 12px 0px;font-weight: 300;font-family: 'LatoWebLight';}
.lexiconItem p{margin:15px 0px }
.lexiconItem{margin-bottom: 30px}
.lexiconItemEntry{margin-bottom: 20px}
.lexiconItemEntry p{margin:0px;padding:0px}
.lexiconItem ul{margin: 10px 0px; padding: 0px 0px 0px 20px}
.anchorlink{font-size:0;height:0px}

.lexiconItem .subheadline span {

    margin: 20px 0px 10px;
}


.lexikon-navigation{position:fixed; left:0px;top:30%;padding:0px 0 0 0px;z-index: 100;}
.lexikon-navigation a#openLexNav{font-size:32px; font-weight: 300;font-family: 'LatoWebLight'; line-height: 1.2; background-color:#67D2F0;color:#fff;border-radius:0px 25px 25px 0px; padding:10px 7px;width:40px;height:140px;display: block;cursor: pointer }


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}




.thesearch{font-size: 20px; margin-top: 30px}
.search-entry h5{ margin-bottom:10px}
.search-entry p {
    margin: 10px 0px;
}
.searchcontainer{margin-top:10px}
.searchform #s{
    text-align: center;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;

}

.lex-nav-open {
    width: 100%;
    min-height: 86px;
    background-color: rgba(255,255,255,0.95);
    position: fixed;
    left: 0px;
    top: 100px;
    text-align: left;
    z-index: 1;
    border:0px solid grey
    
}
.lex-nav-open a{display: inline-block;font-size:32px;font-weight: 300;font-family: 'LatoWebLight'; margin: 5px; color:#000!important;cursor: pointer}
.lex-nav-open .container{padding: 15px 15px}

ul {
list-style-image: url('../img/icon-list.png');
}

.page-template-page-template-lexikon .search-container{display:none!important}

.dddr-item{border:none; margin-bottom:30px; background: none}
.dddr-item a{margin:0px} 
.dddr-item h3{font-size:36px;font-weight:700;font-family: 'LatoWebBold'; text-transform: uppercase; margin:0px}
.dddr-item-info{margin:15px 0px; line-height: 23px}
.dddr-item .card-body{ padding: 0px}
.img-wrapper{height:86px;margin-bottom: 8px;}

.videolink{position: relative}
.videolink::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f167";
    z-index: 1000;
    font-size: 85px !important;
    position: absolute;
    top:calc(50% - 10px);
    left:calc(50% - 50px);
    display: block;  
}

.encyclopedia-prefix-filters{margin:30px 0px}
.filter-level{}
.filter{}
a.filter-link{ font-size: 32px;font-weight: 100;color:#000!important;font-family: 'LatoWebHairline';}


.encyclopedia{position: relative}
.encyclopedia:hover::before {
    background: #333;
    background: rgb(103, 210, 240);
    border-radius: 5px;
    bottom: 26px;
    color: #000;
    content: attr(title)!important;
    left: 50%;
    padding: 15px !important;
    position: absolute;
    z-index: 98;
    width: 220px;
    font-size: 14px;
    line-height: 16px;
}

body footer{ background: url(../img/footerbg.svg) no-repeat;  background-position: calc(50% - 0px) 0px;  background-size:contain}
body.page-start{background-image: url(../img/headerillustration-start.svg) }
body.page-start footer{ background: url(../img/footerbg.svg) no-repeat;  background-position: calc(50% - 0px) 0px;  background-size:contain}

body.page-lesen:not(.single){background-image: url(../img/headerillustration-lesen.svg); }
body.page-lesen.single{background-image: url(../img/single-lesen.svg); }

body.page-schauen:not(.single){background-image: url(../img/headerillustration-schauen.svg) ; }
body.page-schauen.single{background-image: url(../img/single-schauen.svg); }

body.page-machen:not(.single){background-image: url(../img/headerillustration-machen.svg); }
body.page-machen.single{background-image: url(../img/single-machen.svg); }

body.page-spielen:not(.single){background-image: url(../img/headerillustration-spielen.svg);}
body.page-spielen.single{background-image: url(../img/single-spielen.svg); }

body.page-lesen footer{ background: url(../img/footerbg-lesen.svg) no-repeat;  background-position: calc(50% - 0px) 0px;  background-size:contain}
body.page-schauen footer{ background: url(../img/footerbg-schauen.svg) no-repeat;  background-position: calc(50% - 0px) 0px;  background-size:contain}
body.page-machen footer{ background: url(../img/footerbg-machen.svg) no-repeat;  background-position: calc(50% - 0px) 0px;  background-size:contain}
body.page-spielen footer{ background: url(../img/footerbg-spielen.svg) no-repeat;  background-position: calc(50% - 0px) 0px;  background-size:contain}

body.page-downloads{background-image: url(../img/page-downloads.svg); }
body.page-leichte-sprache{background-image: url(../img/page-leichtesprache.svg); }
body.page-datenschutzerklaerung{background-image: url(../img/page-datenschutz.svg); }
body.page-kontakt-und-impressum{background-image: url(../img/page-kontakt.svg); }
body.page-feedbackformular{background-image: url(../img/page-feedback.svg); }

body{ overflow:visible; background-size:400px auto;background-position: calc(50% - 100px) -64px ; background-repeat: no-repeat}
body.single,
body.page-downloads,
body.page-leichte-sprache,
body.page-datenschutzerklaerung,
body.page-kontakt-und-impressum,
body.page-feedbackformular
{ overflow:visible;  background-size:150px auto;background-position: calc(50% + 50px) -24px ; background-repeat: no-repeat}

body.page-lesen.single{background-image: url(../img/single-lesen.svg); }

  

@media (max-width: 575px) {
    body {
        font-size: 16px;
        line-height: 1.4;
    }
    
    .maintext-single {
        font-size: 18px;
       line-height: 1.4;
        font-weight: 300;
        font-family: 'LatoWebLight';
    }
    
    .callapseHeader a {
        font-size: 20px;
        line-height: 1.4;
    }
    .callapseHeader a i{width: 23px;height: 13px;}
    
    .themen-link {
        font-size: 18px;
        line-height: 1.4;
    }
    .subheadline {
        font-size: 16px;
        line-height: 1.4;
    }
    
    
    h1,h2,h3,h4,.callapseHeader a,.teaserText,a.filter-link{ font-weight: 300;font-family: 'LatoWebLight';}
   
}


@media (min-width: 440px) {
    .teaserText{font-size:41px;height:196px}
    h1{font-size:41px;}
    footer{ background-size:700px auto!important}
    #logo{font-size:18px; width:auto}
}

@media (min-width: 576px) {
    .teaserText{font-size:52px;height:250px}
    .lex-nav-open a{font-size:32px;line-height:76px;}
    .lex-nav-open{top:30%; min-height:140px;}
    .lex-nav-open .container{padding:0px 15px}
    h1{font-size:52px;}
    body{ background-position: calc(50% - 200px) -64px ;background-size:600px auto}
    body.single,
    body.page-downloads,
    body.page-leichte-sprache,
    body.page-datenschutzerklaerung,
    body.page-kontakt-und-impressum,
    body.page-feedbackformular
    {  background-size:150px auto;background-position: calc(50% + 50px) -24px ; background-repeat: no-repeat}

    footer{ background-size:2150px auto!important;background-position: calc(50% + 10px) 0px; 
    -webkit-hyphens: auto; 
    -ms-hyphens: auto; 
    hyphens: auto;
    }
    #extrafooter{   background-position: calc(50% - 0px) 106% !important ;background-size:915px  auto !important;padding-top:100px}
     #logo-icon img{height:80px}
   .footerTeaser{color: white;padding:0px 15px}
    .dddr-item-info{height:92px}
    #closeModal {top:30px; right: calc(50% - 200px);}
    #logo{}
    
    .nav-spielen-single::before{
        top:4px;
    }
    .nav-lesen-single::before{
        top:5px;
    }
    .nav-schauen-single::before{
        top:6px;
    }
    .nav-machen-single::before{
        top:0px;
    }
    
    
}

@media (max-width: 992px) {
    #up{position:fixed;text-align: center; bottom:10px; right:10px; background-color: rgba(255,255,255,0.7);padding:5px}
}


@media (min-width: 768px) {
    .teaserText{font-size:70px;height:336px}
    h1{font-size:70px;}
    
    
    
    hr{margin: 30px 0px;}
    
    h1, h2, h3, h4, h5, h6 {
        margin-top: 0;
        margin-bottom: 30px;
    }
    p{margin:30px 0px}
    p + h4 { margin-top: 60px }
    
    body{ background-position: calc(50% - 300px) -64px ;background-size:800px auto}
    body.single,
    body.page-downloads,
    body.page-leichte-sprache,
    body.page-datenschutzerklaerung,
    body.page-kontakt-und-impressum,
    body.page-feedbackformular
    {  background-size:300px auto;background-position: calc(50% + 100px) -70px ; background-repeat: no-repeat}
    
    .modal-full .modal-body{font-size:36px;padding: 15px 0px;}
    #navigation .modal-body{padding-left:80px}
    .nav-spielen::before{
        width:70px;
        height:49px;
        left:-87px;
    }
    .nav-lesen::before{
        width:51px;
        height:52px;
        left:-77px;
    }
    .nav-schauen::before{
        width:64px;
        height:38px;
        left:-82px;
        top:3px;
    }
    .nav-machen::before{
        width:48px;
        height:60px;
        left:-77px;
    }
    .dddr-item-info{height:72px}
    
    #closeModal {top:30px; right: calc(50% - 300px);}
    #extrafooter{   background-position: calc(50% - 0px) 104% !important ;background-size:1215px  auto !important;padding-top:100px}
}

#gameDiv {
	position: absolute;
	top:0px;
	left:0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

@media (min-width: 992px) {
    .teaserText{font-size:88px;height:423px}
    .subheadline{font-size:18px;}
    #start-carousel .subheadline{height:106px}
    h1{font-size:88px;}
    
    body{ background-position: calc(50% - 363px) -164px ;background-size:800px auto}
    body.single,
    body.page-downloads,
    body.page-leichte-sprache,
    body.page-datenschutzerklaerung,
    body.page-kontakt-und-impressum,
    body.page-feedbackformular
    {  background-size:300px auto;background-position: calc(50% + 100px) -70px ; background-repeat: no-repeat}
    footer{ background-size:1900px auto!important;background-position: calc(50% + 102px) 0px!important;}
    body footer{ background: url(../img/footer-start.svg) no-repeat; }
    body.page-start footer{ background: url(../img/footer-start.svg) no-repeat; }
    body.page-lesen footer{ background: url(../img/footer-lesen.svg) no-repeat; }
    body.page-schauen footer{ background: url(../img/footer-schauen.svg) no-repeat; }
    body.page-machen footer{ background: url(../img/footer-machen.svg) no-repeat; }
    body.page-spielen footer{ background: url(../img/footer-spielen.svg) no-repeat; }
    footer{background: url(../img/footer-start.svg) no-repeat;  background-size:2120px auto!important; padding: 140px 0px; background-position: calc(50% + 147px) 0px !important;}
    .footer-link{display: inline-block;width:27px;height:25px; text-align: center}
    .footer-link img{width:27px;height:25px;}
    .callapseHeader a,h3{font-size:48px;}
    .callapseHeader{ margin:60px 0px 30px;}
     h2{font-size:60px;}
    h4{font-size:32px;}
    .dddr-item-info{height:120px}
    #closeModal {top:30px; right: calc(50% - 415px);}
    .fLink img{width:auto}
    a.link-lesen img,a.link-schauen img{width:auto;}
    h4.ovTitle{font-size: 48px}
    .bmjv-icon {top: -100px;}
}

@media (min-width: 1200px) {
    .teaserText{font-size:110px;height:528px}
    .subheadline{font-size:18px;}
    body{ background-position: calc(50% - 674px) -64px ;background-size:908px auto}
	body.page-machen{ background-position: calc(50% - 785px) -64px ;background-size:908px auto}
	body.page-spielen{ background-position: calc(50% - 767px) -64px ;background-size:908px auto}
    footer{ background-size:1882px auto!important; background-position: calc(50% - 0px) 0px !important;}
    .dddr-item-info{height:96px}
    #closeModal {top:39px; right: calc(50% - 510px);}
    h4.ovTitle{font-size: 48px}
}

#cn-notice-text a{ color:#67D2F0}