@import "../../modules/law/css/frontend.css";
@font-face {font-family: 'open_sansregular';src: url('fonts/OpenSans-Regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sanssemibold';src: url('fonts/OpenSans-Semibold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
*{margin:0;padding:0;box-sizing:border-box;}
#mobheader, #mobile-sticky-header {display: none;}
body{background:#fff;}
body,input{font-size:15px;line-height:20px;color:#111;font-family:'open_sansregular',sans-serif;font-weight:normal;}
b, strong {font-family:'open_sanssemibold',sans-serif;font-weight:normal;}
a, input, img, button {-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
a:link, a:visited {color:#111;text-decoration:underline;outline:none;}
a.schulgesetz, a.schulgesetz:visited{color:#fff !important;background:#629100;padding:0.2em 0.4em;border-radius:10px;text-decoration:none;}
a.schulgesetz:hover{color:#fff;background:#73aa00;padding:0.1em 0.3em;border-radius:10px;text-decoration:none;}
a:focus, a:hover, a:active {color:#608e00;}
a.phone:link, a.phone:visited{color:#111;font-family:'open_sanssemibold', sans-serif;font-weight:normal;text-decoration:none;cursor:text;}
a.phone:focus, a.phone:hover, a.phone:active{color:#111;font-family:'open_sanssemibold', sans-serif;font-weight:normal;text-decoration:none;}
h1{color:#fff;background:#777;font-size:18px;line-height:24px;text-align:center;padding:8px;margin:0 0 6px 0;font-family:'open_sanssemibold', sans-serif;font-weight:normal;}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
h4{font-size:1em;}
img{border:solid 0px #fff;margin-right:1em;border-radius:10px;}
#menu, .slicknav_menu, #mobfooter{display:none;}
#reiterbox{background:transparent;float:left;padding:0em 0.1em 0 0;}
#reiterbox ul{float:left;}
#reiterbox li{list-style:none;padding:0.4em 0em 0.6em 0;border-radius:0 0 10px 10px;margin:0 1em 0 0em;}
#reiterbox a{color:#fff;text-decoration:none;padding:0.6em 1em;border-radius:0 0 10px 10px;margin-right:0;}
ul#reiterbox li a{color:#fff;text-decoration:none;display:block;}
#reiter1 li{background:#eee;}
#reiter1 a{color:#888;}
#reiter2 li{background:#eee;}
#reiter2 li a{color:#888;}
#reiter3 li{background:#629100;}
#reiter3 li a{color:#fff;}
#reiter4 li{background:#eee;}
#reiter4 a{color:#888;}
#reiter1 li:hover{background:#999}
#reiter1 li:hover a{color:#fff;}
#reiter2 li:hover{background:#629100;}
#reiter2 li:hover a{color:#fff;}
#reiter3 li:hover{background:#73aa00;}
#topnavbox{background:transparent;padding:0 0.4em 0.4em 0.4em;width:1600px;margin:0 auto;}
#logoboxwrapper{background:transparent;width:1600px;margin:3.3em auto 0.4em auto;padding:0.5em 0;}
#logobox{background:#73aa00 url('images/logobg-schulgesetz.png') repeat-x;height:125px;margin-bottom:2px;border-top:1px solid #858585;/*border-radius:10px;*/}
#logobox h1{font-family:'open_sanssemibold', sans-serif;font-weight:normal;}
#logorwrapper{float:right;width:300px;height:112px;}
#logor{background:transparent;border-left:solid 2px #fff;}
#logor-text{margin:1.1em 20% 0 10%;}
#logor-text a{outline:0px;}
#logor-text img {width: 180px;height: 96px;}
#logol{float:left;background:transparent;height:112px;margin-bottom:2px;}
#logol-text{padding:2.2em 2.0em 0 1.7em;}
#logol-text h1{font-family:'open_sanssemibold', sans-serif;font-weight:normal;color:#fff;font-size:36px;line-height:36px;background:transparent;padding:1px 0 0 0;}
#logol-text h1 a{color:#fff;text-decoration:none;display:block;;}
#logol-text h2{font-size:15px;line-height:14px;font-weight:normal;color:#fff;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~ Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#seitentitel{text-align:center;background:transparent;margin-top:0.8em;}
#seitentitel h1{color:#333;background:transparent;font-size:1.5em;font-family:'open_sanssemibold', sans-serif;}
#hauptcontainer{background:transparent;width:1600px;margin:0 auto;padding-top:0.5em;}
#nav{float:left;background:transparent;margin:0 40px 10px 0;padding:0;border-right:0px solid #aaa;width:360px;}
#ulwrapper{background:transparent;padding:0;}
ul#nav{padding:0em;background:transparent;border:0px solid transparent;border-top:0px solid transparent;}
ul#nav li{list-style:none;background:#eee;}
ul#nav a{display:block;color:#333;text-decoration:none;text-align:left;font-size:15px;line-height:18px;padding:15px 30px;border-bottom:1px solid #ccc;}
ul#nav a:hover{color:#fff;background:#333;}
ul#nav a.menu-0{color:#333;font-size:15px;line-height:18px;font-family:'open_sanssemibold', sans-serif;font-weight:normal;padding:15px;border-bottom:1px solid #ccc;padding:15px;}
ul#nav a.menu-0:hover{color:#fff;background:#629100;}
ul#nav a.menu-current{color:#fff;background:#629100;}
h1.schulgesetz{background:#629100;color:#fff;font-size:1em;line-height:1.2em;text-align:center;padding:4px 6px;margin-bottom:6px;font-family:'open_sanssemibold', sans-serif;font-weight:normal;}
#inhalt{background:transparent;margin:0 0 15px 0;padding:0 0 30px 0;width:1200px;float:left;}
#inhalt h1{}
#inhalt h1.zeile1{margin:0 0 0 0;font-family:'open_sanssemibold', sans-serif;font-weight:normal;}
.content_page h1.zeile1{margin-top: 0px !important;}
#inhalt h1.sek-i-vo{margin:0 0 1.5em 0;font-family:'open_sanssemibold', sans-serif;font-weight:normal;}
#inhalt h1.gesetzestitel{color:#608e00;font-size:1.6em;line-height:1.1em;text-align:center;padding:4px 0px;margin:12px 0;background:transparent;font-family:'open_sanssemibold', sans-serif;font-weight:normal;}
#inhalt h2{color:#608e00;font-size:1.6em;line-height:1.1em;text-align:center;padding:4px 0px;margin:12px 0;font-family:'open_sanssemibold', sans-serif;font-weight:normal;}
#inhalt h2.teil{color:#608e00;font-size:1.6em;line-height:1.1em;text-align:center;padding:4px 0px;margin:12px 0;}
#inhalt h2.abschnitt{color:#608e00;font-size:1.3em;line-height:1.1em;text-align:center;padding:4px 0px;margin:12px 0;}
#inhalt h2.kap{color:#608e00;font-size:1.3em;line-height:1.1em;text-align:center;padding:4px 0px;margin:12px 0;}
#inhalt h3{color:#333;font-size:1em;margin-bottom:0.6em;font-family:'open_sanssemibold', sans-serif;font-weight:normal;}
#inhalt blockquote{padding:1em 1.5em;font-style:italic;border-radius:6px;}
#inhalt ul{background-color:#efefef;list-style-type:none;list-style-position:inside;padding:20px 20px 0px 20px;}
#inhalt ul li{line-height:1.5em;text-align:left;padding:0 0 20px 0;}
#inhalt ol{background-color:#efefef;list-style-position:outside;padding:0 0 20px 20px;}
#inhalt ol li{line-height:1.5em;text-align:justify;padding:0 0 20px 0;}
#inhalt ul li .menu-1{font-family:'open_sanssemibold', sans-serif;font-weight:normal;color:#608e00;font-size:15px;}
#inhalt ul li .menu-3{line-height:1.3em;}
#inhalt p{margin:0 0 0 0 !important;}
#inhalt span{padding:0.3em;}
#inhalt table {width:100%;border:1px solid #777;border-collapse:collapse;}
#inhalt td {border:1px solid #777;padding:10px;}
#inhalt p.na{margin-top:1.5em !important;text-indent:0px;}
#inhalt p.ol{margin:0.7em 1.2em 0.7em 1.2em;text-indent:0px;}
#inhalt a.hinweis{position:relative;text-decoration:none;background:transparent;}
#inhalt a.hinweis span{display:none;}
#inhalt a.hinweis1{position:relative;text-decoration:none;color:#fff;text-decoration:underline;}
#inhalt a.hinweis1 span{display:none;}
#inhalt a.hinweis1:hover span{position:absolute;display:block;top:-6em;left:0px;border:1px solid black;min-width:400px;background-color:#fff;color:#4c4c4c;#517800;padding:0.2em;font-family:verdana, arial, courier, courier new, serif;font-size:0.9em;font-weight:normal;font-size:11px;line-height:10px;z-index:1;}

#inhalt p.satz{margin-bottom:0.8em !important;margin-top:0.5em !important;}

#footer{clear:both;margin:3em 0 0 0;padding:0.8em;color:#fff;background:#777;/*border-radius:5px;*/}
#footer-mitte{margin:0;background:#777;padding:0.5em;text-align:center;}
#footer a {color: white; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

p.druckfooter{display:none;}
p.druckleerzeile{display:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NACH OBEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position: fixed;bottom: 50px;right: 40px;z-index: 3;display: none;z-index:1000;}
.move-up button {background:#aaa;border:none;color:#fff;padding:19px 15px 6px 15px;border-radius:30px;opacity:0.8}
.move-up button:hover,.move-up button:active {opacity:1;}
.move-up i {border: solid #fff;border-width: 0 2px 2px 0;display:inline-block;padding:10px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width:1620px){
#topnavbox{width:100%;margin:0;}
#logoboxwrapper{width:100%;margin:3.3em 0 0.4em;padding:0.5em 0;}
#logobox{border-radius:0;}
#hauptcontainer{width:100%;margin:0;}
#nav{margin:0 20px 10px 0;width:240px;}
#inhalt{width:calc(100% - 260px);}
}

/* ============================================================
   NEUES MOBILE-LAYOUT & HEADER (Ab 1100px Breite)
   ============================================================ */

@media only screen and (max-width: 1100px) {
    
    /* 1. Desktop-Elemente komplett ausblenden */
    #mobheader, 
    #logoboxwrapper, 
    #topnavbox, 
    #nav,
    #ulwrapper,
    #logorwrapper,
    #reiterbox { 
        display: none !important; 
    }

    /* 2. Der neue fixierte Header-Balken */
    #mobile-sticky-header {
        display: flex !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        z-index: 1000;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    .mobile-header-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0 15px;
    }

    /* Burger-Bereich links */
    .mobile-burger {
        flex: 0 0 45px;
    }
    .mobile-burger img {
        width: 32px; /* Tablet-Größe */
        height: auto;
        cursor: pointer;
        display: block;
        border-radius: 0 !important;
        background: none !important;
    }

    /* Website-Titel mittig */
    .mobile-site-title {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 5px;
    }

    .mobile-site-title a {
        font-family: 'open_sanssemibold', sans-serif;
        font-size: 22px; /* Tablet-Größe: Schön präsent */
        line-height: 1.05;
        color: #73aa00;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-align: center;
        display: block;
        white-space: normal !important; 
        word-wrap: break-word;
        max-width: 220px;
        margin: 0 auto;
    }

    /* Kanzlei-Logo rechts */
    .mobile-firm-logo {
        flex: 0 0 110px;
        text-align: right;
    }
    .mobile-firm-logo img {
        height: 38px; /* Tablet-Größe */
        width: auto;
        display: inline-block;
        vertical-align: middle;
        border-radius: 0 !important;
    }

    /* 3. Inhaltsbereich & Struktur für Mobile */
    #main {
        padding-top: 75px !important;
        margin: 0 !important;
        width: 100% !important;
        display: block !important;
    }

    #hauptcontainer {
        display: block !important;
        width: 100% !important;
        padding: 0 15px !important;
        margin: 0 !important;
    }

    #inhalt {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .breadcrumb-container {
        margin: 0 0 15px 0 !important;
        font-size: 12px !important;
        padding: 8px 10px !important;
        background: #f9f9f9;
        border-radius: 5px;
    }

    #footer, #mobfooter {
        width: 100% !important;
        margin: 20px 0 0 0 !important;
        padding: 20px 10px !important;
        border-radius: 0 !important;
        float: none !important;
    }

    /* 4. VERFEINERUNG SPEZIELL FÜR SMARTPHONES (unter 600px) */
    @media (max-width: 600px) {
        .mobile-burger img {
            width: 28px; /* Burger wird am Handy etwas zierlicher */
        }
        .mobile-site-title a {
            font-size: 19px; /* Kräftigerer Titel am Handy */
            max-width: 170px;
        }
        .mobile-firm-logo img {
            height: 32px; /* Logo harmonisch zum 19px Titel */
        }
        .mobile-firm-logo {
            flex: 0 0 90px;
        }
    }

    /* 5. FÜR GANZ SCHMALE GERÄTE (unter 350px, z.B. iPhone SE) */
    @media (max-width: 350px) {
        .mobile-site-title a {
            font-size: 17px;
            max-width: 140px;
        }
        .mobile-firm-logo img {
            height: 28px;
        }
        .mobile-firm-logo {
            flex: 0 0 80px;
        }
    }
}

/* --- Spezial-Logik für die Einzelparagraphen-Ansicht --- */

/* 1. Das Gesetz (die obere Ebene) soll grün leuchten */
body.is-paragraph #nav li.menu-parent > a {
    background: #629100 !important;
    color: #fff !important;
}

/* 2. Das Inhaltsverzeichnis (die aktuelle Unterseite) wird neutralisiert */
body.is-paragraph #nav ul.menu-1 li.menu-current > a {
    background: transparent !important;
    color: #333 !important;
    font-family: 'open_sansregular', sans-serif !important; /* Nimmt das Fettgedruckte weg */
}

/* 3. Hover-Effekt im Untermenü trotzdem erhalten */
body.is-paragraph #nav ul.menu-1 li.menu-current > a:hover {
    background: #73aa00 !important;
    color: #fff !important;
}

/* --- Spezial-Style für Breadcrumbs --- */
.breadcrumb-container {
    background: #fdfdfd;
    border: 1px solid #eee;
    border-left: 4px solid #73aa00;
    padding: 8px 15px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #666;
    border-radius: 3px;
}
.bc-root { font-weight: bold; color: #73aa00; }
.bc-sep { margin: 0 8px; color: #bbb; font-weight: bold; }
.bc-step { color: #888; }
.bc-active { color: #333; font-weight: bold; }