body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* neu_browserhacks.css */

/* farben_neu_start.css */
.news_kurz_start{margin-top:80px}#startBerichtFeld_2018 a{font-size:20px;text-decoration:none;color:#A2A2A2}#socialMedia2018{width:350px;height:40px;position:absolute;margin-top:60px}#start-rechts-2018 a{width:260px;padding-bottom:10px;font-size:20px;text-decoration:none;color:#A2A2A2}#start-rechts-2018{width:265px;margin-top:55px;margin-left:-55px;text-align:right}#startBerichtFeld_2018{width:250px;height:29px;top:-11px;position:absolute;margin-bottom:4px;text-align:right;font-size:20px;text-decoration:none;color:#A2A2A2}#startDiv2018 #startDivGymNeu,#startDiv2018 #startDivHandNeu,#startDiv2018 #startDivInternatNeu{margin-top:20px;margin-right:17px}#termineBox_2018 li a,#termineBox_2018 a{font-size:18px;text-decoration:none;color:#A2A2A2}#termineBox_2018{text-align:right}#termineBox_2018 #mehr_link{padding-right:14px}#termineBox_2018 ul li{list-style-type:none}#termineBox_2018 ul{margin-bottom:10px;padding-right:14px;text-align:right}#termineBox_2018{width:285px;height:320px;right:0;top:155px;position:absolute;font-size:22px;text-decoration:none}#berichtBox2018{width:265px;height:157px;right:0;top:500px;position:absolute;padding-top:20px}#startDiv2018{width:580px;height:176px;left:50px;top:500px;position:absolute}#bild-gross-2018{width:580px;height:320px;left:50px;top:155px;position:absolute;-webkit-box-shadow:6px 6px 5px #ccc;box-shadow:6px 6px 5px #ccc}#shareButtons a{margin-right:5px}#header{margin-bottom:25px}#bild-gross{width:580px;height:290px;left:50px;top:155px;position:absolute}#bild-gross-2016{width:580px;height:290px;left:50px;top:335px;position:absolute}#leiste2016,#leiste2018{text-align:right}#leiste2016 a:hover,#leiste2018 a:hover{color:#333333}#leiste2016 a,#leiste2018 a{float:left;margin-bottom:10px;white-space:nowrap;font-size:16px;text-decoration:none;color:#0A75A1}#leiste2016{width:915px;top:50px;position:absolute}#spruchBox{width:285px;height:290px;right:0;top:155px;position:absolute;background-color:#0A75A1}#termineBox ul{margin-bottom:25px}#termineBox ul li{list-style-image:url("../../files/images/icons/pfeil.png")}#termineBox li a{font-size:16px;text-decoration:none;color:#fff}#berichtBox{width:285px;height:155px;right:0;top:155px;position:absolute;background-color:#0A75A1}#berichtBox2016{width:285px;height:180px;right:0;top:155px;position:absolute;background-color:#eff0f1}#spruchText{margin-top:80px;margin-right:20px;margin-left:26px;font-size:20px;line-height:32px;color:#fff}#start-rechts-2016{float:left;margin-left:-60px;text-align:right}#start-rechts-2016 a{width:260px;float:left;padding-bottom:10px;font-size:16px;text-decoration:none;color:#0A75A1}#start-rechts-2016 a:hover,#start-rechts-2018 a:hover{color:#333333}#start-rechts-2016 a.first,#start-rechts-2018 a.first{padding-top:0}#start-rechts{float:left;margin-left:-50px}#start-rechts a{width:260px;float:left;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #0A75A1;font-size:14px;text-decoration:none;color:#0A75A1}#start-rechts a:hover{color:#333333}#start-rechts a.first{padding-top:0}.start-table{background-color:#eff0f1}.startbilder{width:155px;height:155px}.start-table p{float:left;margin:0;padding-bottom:6px;font-size:13px;font-weight:bold;text-decoration:none;color:#0A75A1}#startDiv{width:580px;height:260px;background-color:#eff0f1}#startDivNeu{width:580px;height:220px;background-color:#eff0f1}#startDiv2016{width:580px;height:180px;left:50px;top:155px;position:absolute;background-color:#eff0f1}#startDiv2016 #startDivGymNeu,#startDiv2016 #startDivHandNeu,#startDiv2016 #startDivInternatNeu{margin-right:17px}#startDiv2016 a,#startDiv2018 a{text-decoration:none}#startBerichtFeld{width:255px;height:29px;left:20px;top:124px;position:absolute;margin-top:-4px;padding-top:6px;padding-left:10px;background-color:rgba(162,162,162,.8)}#startNewsFeld{width:242px;height:29px;left:20px;top:5px;position:absolute;margin-top:-4px;padding-top:9px;padding-right:14px;padding-left:10px;text-align:right;background-color:rgba(10,117,161,.8)}#startBerichtFeld a,#startNewsFeld{text-align:right;font-size:20px;text-decoration:none;color:#fff}#startDiv p,#startDiv a{margin:0;padding-bottom:6px;font-size:13px;text-decoration:none;color:#0A75A1}#startDivInternat,#startDivHand,#startDivGym{width:176px;height:260px;float:left}#startDivInternatNeu,#startDivHandNeu,#startDivGymNeu{width:176px;height:156px;float:left}#startDivHand,#startDivGym{margin-right:26px}#startDivHandNeu,#startDivGymNeu{margin-right:26px}#startSpruch{height:50px;overflow:hidden;margin-top:15px;background-color:#0A75A1}#startSpruch section{position:relative}#startSpruch h2{text-align:center;font-weight:normal}#startSpruch h2 a{height:50px;font-size:18px;color:#FFF}#startDiv p.startText{height:57px;padding-top:40px;padding-left:4px;text-align:center;font-size:15px}#startGymFeld,#startHandFeld,#startHeimFeld{height:29px;position:relative;display:block;margin-top:-4px;padding-top:6px;padding-left:10px;font-size:16px;color:#fff}#startGymFeld{padding-right:5px;text-align:right;background:#25AAE1 url("../../files/images/logi/2019/hirn-icon.png") left center no-repeat}#startHandFeld{padding-right:5px;text-align:right;background:#F27172 url("../../files/images/logi/2019/hand-icon.png") left center no-repeat}#startHeimFeld{padding-right:5px;text-align:right;background:#93CC82 url("../../files/images/logi/2019/herz-icon.png") left center no-repeat}#main .block{overflow:hidden}#suchDiv{top:20px;position:relative;float:right;text-align:right}#socialMedia{height:40px;margin-bottom:10px}#socialMedia2016{width:350px;height:40px;position:absolute;margin-top:24px}#partner{margin-top:15px;padding-top:10px;padding-left:2px}.partnerDiv{height:64px;float:left;padding-top:2px}.partnerLogo{width:123px;margin-right:10px;margin-left:10px}
/* farben_neu.css */
#klassenfotos .caption{width:240px}body{overflow:scroll;background-image:url("../../files/images/logi/2019/bg_farbe_neu.jpg");background-position:left top;background-repeat:repeat-x;font-family:'Roboto',sans-serif}.block{overflow:visible}#main{margin-left:50px}#main *{font-size:14px}#main a{text-decoration:none}#menuTop{right:0;position:absolute}#menuTop ul{position:relative;margin:0;padding:0;white-space:nowrap}#menuTop .level_1 li{float:left;display:block;list-style-type:none}#menuTop .level_1 li.last{padding-right:0}#menuTop .level_1 a{display:block;padding:13px 10px 10px;font-size:18px;line-height:27px;text-decoration:none;color:#fff}#menuTop .level_1 > li > a:hover.gym,#menuTop .level_1 > li > a.active.gym,#menuTop .level_1 > li > a.trail.gym{background-color:#25AAE1}#menuTop .level_1 > li > a:hover.hand,#menuTop .level_1 > li > a.active.hand,#menuTop .level_1 > li > a.trail.hand{background-color:#F27172}#menuTop .level_1 > li > a:hover.heim,#menuTop .level_1 > li > a.active.heim,#menuTop .level_1 > li > a.trail.heim{background-color:#93CC82}#menuTop .level_1 > li > a:hover.ueber,#menuTop .level_1 > li > a.active.ueber,#menuTop .level_1 > li > a.trail.ueber{background-color:#FBAE3D}#menuTop .level_1 > li > a:hover.kontakt,#menuTop .level_1 > li > a.active.kontakt,#menuTop .level_1 > li > a.trail.kontakt{background-color:#59B7A1}#menuTop .level_1 > li > a:hover.startlink,#menuTop .level_1 > li > a.active.startlink,#menuTop .level_1 > li > a.trail.startlink{background-color:#888}#menuTop ul ul{position:absolute;display:none;margin:0;padding:0;z-index:9999}#menuTop ul li:hover > ul{display:block}#menuTop .level_2 li{float:none;-webkit-box-shadow:8px 8px 10px rgba(0,0,0,.4);box-shadow:8px 8px 10px rgba(0,0,0,.4);list-style-type:none}#menuTop .level_2 a{position:relative;display:block;padding:7px 15px 7px 12px;background-color:rgba(239,240,241,.95);border-bottom:1px solid #333333;font-size:14px;line-height:19px;font-weight:normal;text-decoration:none;color:#333333;z-index: 99999}#menuTop li.gym .level_2 a:hover,#menuTop li.gym .level_2 a.active,#menuTop li.gym .level_2 a.trail{color:#25AAE1}#menuTop li.hand .level_2 a:hover,#menuTop li.hand .level_2 a.active,#menuTop li.hand .level_2 a.trail{color:#F27172}#menuTop li.heim .level_2 a:hover,#menuTop li.heim .level_2 a.active,#menuTop li.heim .level_2 a.trail{color:#93CC82}#menuTop li.ueber .level_2 a:hover,#menuTop li.ueber .level_2 a.active,#menuTop li.ueber .level_2 a.trail{color:#FBAE3D}#menuTop li.kontakt .level_2 a:hover,#menuTop li.kontakt .level_2 a.active,#menuTop li.kontakt .level_2 a.trail{color:#59B7A1}#menuTop li.gym .level_2 > .submenu > a:hover,#menuTop li.gym .level_2 > .submenu > a.active,#menuTop li.gym .level_2 > .submenu > a.trail{background:rgba(239,240,241,.95) url("../../files/images/icons/cPfeil-gym.png") right center no-repeat}#menuTop li.hand .level_2 > .submenu > a:hover{background:rgba(239,240,241,.95) url("../../files/images/icons/cPfeil-hand.png") right center no-repeat}#menuTop li.heim .level_2 > .submenu > a:hover{background:rgba(239,240,241,.95) url("../../files/images/icons/cPfeil-heim.png") right center no-repeat}#menuTop li.ueber .level_2 > .submenu > a:hover{background:rgba(239,240,241,.95) url("../../files/images/icons/cPfeil-ueber.png") right center no-repeat}#menuTop li.kontakt .level_2 > .submenu > a:hover{background:rgba(239,240,241,.95) url("../../files/images/icons/cPfeil-kontakt.png") right center no-repeat}#menuTop li.gym > ul.level_3,#menuTop li.hand > ul.level_3,#menuTop li.heim > ul.level_3,#menuTop li.ueber > ul.level_3{left:100%;position:absolute}#menuTop li.kontakt > ul.level_3{right:100%;position:absolute}#menuTop .level_3 li{top:-34px;position:relative;-webkit-box-shadow:8px 8px 10px 0 rgba(0,0,0,.4);box-shadow:8px 8px 10px 0 rgba(0,0,0,.4);list-style-type:none}#menuTop .level_3 li a{background-color:rgba(227,228,230,.95);border-bottom:1px solid #9f9f9f;border-left:1px solid #9f9f9f}#menuTop .level_3 li a.kontakt{border-right:1px solid #9f9f9f;border-bottom:1px solid #9f9f9f}#menuTop .level_2 li a.submenu{background:rgba(239,240,241,.95) url("../../files/images/icons/cPfeil-3.png") right center no-repeat}#menuTop .level_2 li.kontakt a.submenu{background:rgba(239,240,241,.95) url("../../files/images/icons/cPfeil-kontakt.png") right center no-repeat}#leisteTop{width:915px;top:50px;position:absolute}#logo{left:50px;top:20px;position:absolute}.links-top{right:13px;top:35px;position:absolute;color:#616775}.links-top-left{width:auto;right:140px;top:0;position:absolute}.links-top-right{right:0;top:0;position:absolute}#leisteTop a{float:left;margin-bottom:10px;white-space:nowrap;font-size:14px;text-decoration:none;color:#616775}#leisteTop a:hover{color:#0A75A1}.personen{margin-bottom:20px}#suchDiv{height:25px;float:right;margin-top:15px;text-align:right}#suchFeld{width:180px;height:20px;background-color:#e3e4e6;border-style:hidden}#suchSubmit{background-color:#fff;border-style:hidden;font-size:16px;color:#616775;cursor:pointer}#facebookLink{float:right;margin-top:15px}#facebookMedia{float:right}.image_container{margin:0}#cboxContent,#mbCenter{background-color:#e8e1e1}#cboxOverlay,#mbOverlay{background-color:#e8e1e1}#cboxLoadedContent,#mbMedia{border-color:#a6a6a6;border-radius:5px}#mbCloseLink big,#mbTitle{color:#064668}#footer{margin-top:15px;padding-left:50px;font-size:11px;color:#fff}#footerText{padding:8px 6px;background-color:#b1b2b2}#footerText a{text-decoration:none;color:#fff}.cText{margin-bottom:30px;padding-top:10px;padding-bottom:10px;padding-left:10px;text-align:left;background:#eff0f1 url("../../files/images/icons/cPfeil-2.png") right center no-repeat}.meinClear{clear:both}.fb-follow{float:right;margin-top:30px;margin-bottom:0}.ce_downloads li{margin-bottom:10px;margin-left:-15px;list-style-type:none}.ce_downloads li .size{visibility: hidden; display: none}
/*responsive changes from ncm*/


/*Mobile*/
@media only screen and (max-width: 991px) {
    body {
        background-image: none;
    }

    body #wrapper {
        width: 100%;
        overflow: hidden;
    }

    body #wrapper #menuTop {
        position: relative;
        z-index: 9999;
        right: initial;
        padding-top: 50px;
        height: 100vh;
        max-height: 100vh;
        background-color: #0a75a1;
        transition: max-height 0.5s ease-in-out;
        padding-bottom: 20px;
        overflow: hidden;
    }

    body #wrapper #menuTop.closed {
        max-height: 0px;
    }

    body #wrapper #menuTop #menuIcon {
        position: absolute;
        width: 38px;
        top: 10px;
        right: 10px;
        padding: 0 4px;
    }

    body #wrapper #menuTop #homeIcon {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 20px;
        left: 20px;
        background-image: url("../../files/images/icons/home-icon.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    body #wrapper #menuTop #menuIcon .menuIconLine {
        display: block;
        height: 2px;
        width: 100%;
        background-color: #fff;
        margin-top: 10px;
        margin-bottom: 10px;
        transition: all 0.5s ease-in-out;
    }

    body #wrapper #menuTop.closed #menuIcon #line1,
    body #wrapper #menuTop.closed #menuIcon #line2,
    body #wrapper #menuTop.closed #menuIcon #line3 {
        transform: initial;
        opacity: 1;
    }

    body #wrapper #menuTop #menuIcon #line1 {
        transform: rotate(45deg) translate(9px, 8px);
    }

    body #wrapper #menuTop #menuIcon #line2 {
        transform: translate(-100px);
        opacity: 0;
    }

    body #wrapper #menuTop #menuIcon #line3 {
        transform: rotate(-45deg) translate(9px, -8px);
    }

    body #wrapper #menuTop ul {
        margin-top: 20px;
    }

    body #wrapper #menuTop ul.level_1 {
        height: 100%;
        overflow: auto;
    }

    body #wrapper #menuTop .level_1 li {
        padding-left: 10px;
        float: none;
        width: calc(100% - 20px);
        position: relative;
    }

    body #wrapper #menuTop .level_1 > li::after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 16px;
        right: 20px;
        background-image: url(../../files/images/icons/plus-icon.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    body #wrapper #menuTop ul li:hover > ul.level_2 {
        display: block;
        position: relative;
        padding-bottom: 50px;
    }

    body #wrapper #menuTop .level_2 li {
        box-shadow: none;
    }

    body #wrapper #menuTop ul li:hover ul.level_2 li > ul.level_3 {
        display: block;
        position: relative;
        left: 10px;
        margin-top: 34px;
    }

    body #wrapper #leisteTop {
        top: 70px;
    }

    body #wrapper #leisteTop #logo {
        left: 20px;
    }

    body #wrapper #leiste {
        top: 204px;
        left: 20px;
        width: calc(100% - 40px);
        text-align: center;
    }

    body #wrapper #leiste #leiste-text {
        width: 100%;
        bottom: 14px;
    }

    body #wrapper #container {
        margin-top: 100px;
        padding: initial;
    }

    body #wrapper #container #main {
        margin-left: 20px;
        width: calc(100% - 40px);
    }

    body #wrapper #container #main video,
    body #wrapper #container #main img,
    body #wrapper #container #main iframe {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: initial !important;
        padding: initial !important;
    }

    body #wrapper #container #main .ce_text a {
        word-break: break-all;
    }

    body #wrapper #container #main .ce_text.table {
        overflow: scroll;
    }

    body #wrapper #container #main .ce_text.ce_accordion table {
        width: 100% !important;
    }

    body #wrapper #container #main .ce_text table {
        width: calc(100% - 20px) !important;
    }

    body #wrapper #container #main .ce_form fieldset,
    body #wrapper #container #main .ce_form input.text,
    body #wrapper #container #main .ce_form textarea {
        position: relative;
        left: initial;
        display: block;
        width: calc(100% - 40px);
        margin: 6px 0 16px 0;
    }

    body #wrapper #container #main .ce_form input.text {
        height: 26px;
    }

    body #wrapper #container #main .ce_form hr {
        margin: 40px 0;
    }

    body #wrapper #container #right {
        margin-right: initial;
        float: right;
        width: 100%;
        min-height: initial;
        margin-bottom: 50px;
        position: static;
        padding-top: 40px;
    }
    body #wrapper #container #right .inside {
        position: static;
    }

    body #wrapper #container #right #menuRechts a {
        width: 100%;
        float: none;
        display: block;
    }

    body #wrapper #container #right .meinBacklink,
    body #wrapper #container #right #suchDiv,
    body #wrapper #container #right #facebookLink {
        float: none;
        text-align: left;
    }

    body #wrapper #container #right #suchDiv {
        /*padding-left: 14px;*/
        position: absolute;
        top: -48px;
        left: 20px;
    }

    body #wrapper #container #right #suchDiv #suchFeld {
        height: 32px;
    }

    body #wrapper #container #right .meinBacklink a {
        display: block;
        width: 100%;
    }

    body #wrapper #container #right #facebookLink {
        padding-left: 20px;
    }

    #footer {
        padding-left: 0px;
    }

    #footer .partnerDiv {
        width: 50%;
        text-align: center;
    }
}

/*Tablet*/
@media only screen and (max-width: 992px) {
    /*not yet*/
}
/*responsive changes from ncm for startseite only*/


/*Mobile*/
@media only screen and (max-width: 991px) {

    body #wrapper #container #main {
        min-height: 520px;
    }

    body #wrapper #leiste2016 {
        width: 100%;
        top: 70px;
        left: 20px;
    }

    body #wrapper #leiste2016 #logo {
        left: 0;
    }

    body #wrapper #berichtBox2018 {
        right: initial;
        left: 20px;
        top: 900px;
        width: calc(100% - 40px);
        text-align: center;
    }

    body #wrapper #berichtBox2018 #startBerichtFeld_2018 {
        width: 100%;
        text-align: center;
    }

    body #wrapper #berichtBox2018 img {
        width: 100%;
        max-width: 400px;
        height: auto;
    }

    body #wrapper #container #right {
        margin: initial;
    }

    body #wrapper #container #start-rechts-2018 {
        margin: 20px;
    }

    body #wrapper #startDiv2018 {
        left: 20px;
        top: 720px;
        width: calc(100% - 40px);
        height: 140px;
        text-align: center;
    }

    body #wrapper #startDiv2018 #startDivInternatNeu, 
    body #wrapper #startDiv2018 #startDivHandNeu, 
    body #wrapper #startDiv2018 #startDivGymNeu {
        width: 33%;
        height: 100px;
        margin: 0;
        text-align: center;
    }

    body #wrapper #startDiv2018 .startbilder {
        width: 100%;
        max-width: 130px;
        height: auto;
    }

    body #wrapper #termineBox_2018 {
        right: initial;
        left: 20px;
        top: 440px;
        width: calc(100% - 40px);
        text-align: left;
    }

    body #wrapper #termineBox_2018 #startNewsFeld {
        left: 0px;
        text-align: left;
        width: calc(100% - 22px);
    }

    body #wrapper #termineBox_2018 #mehr_link {
        display: block;
        margin-top: 30px;
        padding-left: 20px;
    }

    body #wrapper #termineBox_2018 .mod_newslist ul {
        text-align: left;
        padding-left: 20px;
    }

    body #wrapper #bild-gross-2018 { 
        top: 200px;
        left: 20px;
        width: calc(100% - 40px);
        height: initial;
    }

    body #wrapper #bild-gross-2018 #vid { 
        width: 100%;
        height: auto;
        max-height: 220px;
    }

    /* This fixes the links on the startpage not being clickable on mobile.
    The elements were being covered by the main element.
    Making the main click-through causes problems on other pages. */
    div#termineBox_2018 a,
    div#startDiv2018 a,
    div#berichtBox2018 a,
    div#leiste2016 a {
        position: relative;
        display: block;
        z-index: 100;
    }
}

/*Tablet only*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

    body #wrapper #container #main {
        min-height: 1100px;
    }

    body #wrapper #leiste2016 {
        top: 80px;
        left: 50px;
    }

    body #wrapper #leiste2016 #logo {
        left: 0;
    }

    body #wrapper #startDiv2018 .startbilder {
        max-width: 200px;
    }

    body #wrapper #berichtBox2018 {
        top: 1250px;
        width: calc(100% - 100px);
        left: 50px;
    }

    body #wrapper #berichtBox2018 #startBerichtFeld_2018 {
        top: -20px;
    }

    body #wrapper #berichtBox2018 img {
        max-width: 700px;
    }

    body #wrapper #container #start-rechts-2018 {
       margin-left: 50px;
    }

    body #wrapper #startDiv2018 {
        left: 50px;
        top: 950px;
        width: calc(100% - 100px);
    }

    body #wrapper #termineBox_2018 {
        top: 650px;
        left: 50px;
        width: calc(100% - 100px);
    }

    body #wrapper #bild-gross-2018 { 
        top: 220px;
        left: 50px;
        width: calc(100% - 100px);
    }

    body #wrapper #bild-gross-2018 #vid { 
        max-height: 400px;
    }

}