@font-face{font-family:MainFont;font-style:normal;src:url(/fonts/Prompt-Light.c357d8d5.otf) format("opentype");font-display:swap}@font-face{font-family:MainFont-Bold;font-style:normal;src:url(/fonts/Prompt-Medium.55de5c2f.otf) format("opentype");font-display:swap}@font-face{font-family:Handwrite;font-style:normal;src:url(/fonts/Bond_Story.b61ae60d.otf) format("opentype");font-display:swap}body{height:auto}#app,body{width:100%;margin:0;padding:0}#app{font-family:MainFont,Arial;position:relative}#app h1{font-size:calc(1.6rem + .59077vw - 4.43077px);color:#2c4062}#app h2{font-size:calc(1.4rem + .51692vw - 3.87692px);color:#2c4062}#app h3{font-size:calc(1.2rem + .44308vw - 3.32308px)}#app p{font-size:calc(1rem + .36923vw - 2.76923px)}#app .bold,#app b{font-family:MainFont-Bold}#app .blue{color:#2c4062}#app .nowrap{white-space:nowrap}#app ul:not(.hooper-track):not(.marquee__content){list-style:none}#app ul:not(.hooper-track):not(.marquee__content) li{padding-left:1.8rem;background:url(https://cms.berchenschule-konstanz.de/uploads/Bullet_77499f9351.svg);background-size:.8rem;background-position:1rem left;background-repeat:no-repeat;margin-bottom:.4rem;font-size:calc(1rem + .36923vw - 2.76923px);opacity:.8}#app ul:not(.hooper-track):not(.marquee__content) li span{color:#1a1a1a}#app button{-webkit-clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);padding:.25rem 1rem;transition:transform .4s;margin-right:.5rem}#app button:hover{transform:scale(1.1)}#app button.btnBlue{background-color:#2c4062;color:#fff;border:1px solid #2c4062}#app button.btnYellow{background-color:#f4ae45;color:#fff;border:1px solid #f4ae45}#app main{position:relative;width:100%;min-height:50vh;margin-top:200px;display:block}@media(max-width:992px){#app main{margin-top:120px}}#app main section{margin:5vh auto auto auto;padding-bottom:2rem;display:block}#app main section.bgPixels{padding:0;margin-bottom:1rem!important;background-position:0 0}@media(max-width:992px){#app main section.bgPixels{background-size:25vw auto}}#app main section.bgPixels .contentBox{background-color:hsla(0,0%,100%,.9)!important;border:none!important;margin:-1rem 5% 0 5%!important;padding:0;width:auto}#app main section.bgPixels .contentBox a{text-decoration:none;color:#2c4062;font-weight:300;border-bottom:3px solid;-o-border-image:linear-gradient(90deg,#2c4062,#3093a2) 1;border-image:linear-gradient(90deg,#2c4062,#3093a2) 1;transition:.6s}#app main section.bgPixels .contentBox a:hover{cursor:pointer;-o-border-image:linear-gradient(270deg,#2c4062,#3093a2) 1;border-image:linear-gradient(270deg,#2c4062,#3093a2) 1}#app main section.bgPixels .contentBox .imageBox{width:35vw;border-radius:.5rem;background-repeat:no-repeat;background-size:cover;background-position:50%;height:25vw;float:right;margin:0 1rem 2rem 1rem;opacity:.9}#app main section.bgPixels .contentBox .imageBox:after{content:"";display:table;clear:both}@media(max-width:992px){#app main section.bgPixels .contentBox .imageBox{margin:0 0 1rem 0;height:50vw;float:none;width:100%}}#app main section.bgPixels .contentBox .imageBox img{flex-grow:1;-webkit-clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);-o-object-fit:cover;object-fit:cover}#app main section.yellowBG{background-image:linear-gradient(#f4ae45,#f4ae45);color:#fff;padding:2rem 0}#app main section.yellowBG h2{color:#fff}#app main .toggleMain-enter-active,#app main .toggleMain-leave{transition:opacity .5s;transition-delay:.4s}#app main .toggleMain-enter,#app main .toggleMain-leave-active{opacity:0;transition:opacity .8s}#app main .infoLine{font-size:calc(.6rem + .22154vw - 1.66154px)!important;color:#2c4062;margin-bottom:.2rem}#app main .fileBox{margin-top:1rem;display:block;width:100%}#app main .fileBox .file{text-align:center;display:inline-block;width:100%;max-width:200px;margin:0 1rem 2rem 0‚;cursor:pointer;vertical-align:top}#app main .fileBox .file svg{font-size:calc(2.5rem + .92308vw - 6.92308px);color:#2c4062;margin-bottom:.5rem}#app main .fileBox .file p{color:#2c4062;font-size:calc(.8rem + .29538vw - 2.21538px)!important}#app main .newsCard{margin:1rem;padding:0;background-color:#fff;border:1px solid #e1e1e1;height:auto;min-height:300px;cursor:pointer;border-radius:.5rem;box-shadow:2px 2px 8px 3px #ddd}#app main .newsCard h3{color:#2c4062;font-size:calc(.95rem + .35077vw - 2.63077px)}#app main .newsCard p{font-size:calc(.8rem + .29538vw - 2.21538px)}#app main .newsCard .imageBox{width:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 95%,0 100%);background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:.5rem .5rem 0 0;height:12rem}#app main .newsCard .innerBox{margin:1rem 1.5rem 2rem 1.5rem;height:auto}#app main .newsCard img{float:right;width:40%;height:auto;max-height:11rem;overflow:hidden;-webkit-clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);clip-path:polygon(0 5%,100% 0,100% 100%,0 95%)}