* {
    margin: 0;
    padding: 0;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.sidr {
    display: none;
}

p {
    margin: 0;
    padding: 0;
}

img {
    vertical-align: top;
}

div {
    text-align: left;
}

.tr:hover {
    background-color: #5f3700;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'roboto', sans-serif;
    line-height: 1.5;
    font-weight: 400;
    font-size: 16px;
    font-synthesis: none;
    color: #000;
}

input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #382100;
    color: #fff;
}

.chbx[type="checkbox"],
#abo[type="checkbox"] {
    display: none;
}

.chbx[type="checkbox"] + label::before,
#abo[type="checkbox"] + label::before {
    width: 20px;
    height: 16px;
    background-image: url("../img/unchecked.png");
    display: block;
    content: "";
    float: left;
    margin-right: 3px;
}

.chbx[type="checkbox"]:checked + label::before,
#abo[type="checkbox"]:checked + label::before {
    background-image: url("../img/checked.png");
}

.chbx[type="checkbox"].label,
#abo[type="checkbox"].label {
    color: #000000;
    font-size: 90%;
}

div#wrapper {
display: flex;
    flex-direction: column;
    min-height: 100vh; /* Nutzt mindestens die gesamte Bildschirmhöhe */
    position: relative;
    margin: 0 auto;
    width: 100%;
}
main, 
div#rowContainer {
    flex: 1 0 auto; /* Nimmt den verbleibenden Platz ein */
}

header {
    position: relative;
    height: 300px;
    width: 100%;
    z-index: 1052;
      pointer-events: none;
   
}
.home header {
    position: relative;
  height: 100vh !important;
    width: 100%;
    z-index: 1052;
     pointer-events: none;
}
header a,
header button,
header .headerlogo,
header #mobile-header,
header input,
header select,
header textarea {
  pointer-events: auto!important;
}

header[data-theme="oeff"] {
    position: relative;
}

#stickyheader.stickydiv {
    top: 0;
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: rgba(56, 33, 0, 0.9) !important;
    background-blend-mode: darken !important;
    box-shadow: 2px 0 5px #000000 inset;
    z-index: 10000;
}

div#topNavi {
    height: 25px;
    background: #fff;
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
}

/* ==========================================================================
   FLEXIBLE ROW-CONTAINER (Ersetzt Floats & verhindert 0px-Kollaps)
   ========================================================================== */

div#rowContainer,
div#rowContainer90,
div#rowContainer_line,
div#rowInnerContainer,
div#rowInnerContainer_hg,
div#rowContainervh,
.grid-row,
div#row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
}

div#rowContainer {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    text-align: left;
}

div#rowContainer_farb {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 30px;
    background: url(../img/mainbg.jpg);
    border-bottom: #b8b8b8 1px solid;
    box-shadow: 0 2px 5px #b8b8b8 inset;
    z-index: 10000;
}

div#rowContainervh {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    min-height: 88vh;
    height: auto !important;
    text-align: left;
}

div#rowContainer90 {
    position: relative;
    margin: 0 auto;
    max-width: 95%;
    min-height: 100%;
    height: auto !important;
    text-align: left;
}

div#rowContainer_line {
    position: relative;
    margin: 0 auto;
    max-width: 90%;
    min-height: 100%;
    height: auto !important;
    text-align: left;
    border: #382100 solid 1px;
    background: url(../img/trans_weiss.png);
    margin-top: 1%;
    margin-bottom: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div#rowInnerContainer {
    position: relative;
    margin: 0 auto;
width: 90% !important;
  max-width: 100% !important;
    height: auto !important;
    text-align: left;
    
}

div#rowInnerContainer_hg {
    position: relative;
    margin: 0 auto;
    max-width: 90%;
    min-height: 100%;
    height: auto !important;
    text-align: left;
    background: #ffffff;
}

div#abstand {
    width: 100%;
}

div#row_neu {
    width: 17px;
    background: red;
    margin-bottom: 8px;
}

/* ==========================================================================
   SPALTENBREITEN (Exakte Aufteilung & Ausrichtung)
   ========================================================================== */

/* 1/2 Spalten */
div#Col12,
.Col12,
.div_12,
div#Col12Padd_Left,
div#Col12Padd_Right {
    width: 50%;
}

div#Col12Padd_Left {
    padding-left: 2%;
    padding-right: 1%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

div#Col12Padd_Right {
    padding-right: 2%;
    padding-left: 1%;
}

/* 1/3 & 2/3 Spalten */
div#Col13,
div#Col13_right,
.div_13,
div#Col131,
div#Col132,
div#Col133 {
    width: 33.333%;
}

div#Col13 {
    padding:1%;
}
div#Col13_right {
    text-align: right;
}

div#Col23 {
    width: 66.666%;
}

div#Col131 {
    padding-right: 1%;
}

div#Col132 {
    padding-left: 0.5%;
    padding-right: 0.5%;
}

div#Col133 {
    padding-left: 1%;
}

/* 1/4 & 3/4 Spalten */
div#Col14,
div#Col14_right,
div#Col14Padd_Left,
div#Col14Padd_Right,
div#Col14Padd_Left12,
div#Col14Padd_Right12,
div#Col14_footer,
div#Col14_footer_Left,
div#Col14_footer_Right {
    width: 25%;
}

div#Col14_right {
    text-align: right;
}

div#Col14Padd_Left {
    padding-left: 2%;
}

div#Col14Padd_Right {
    padding-right: 2%;
}

div#Col14Padd_Left12 {
    padding-left: 1%;
    margin-right: 1%;
    width: 24%;
}

div#Col14Padd_Right12 {
    padding-right: 1%;
    margin-left: 1%;
    width: 24%;
}

div#Col34 {
    width: 75%;
    padding-right: 3%;
}

/* Spezifische Unterteilungen */
div#Col15 {
    width: 20%;
    padding-left: 0.5%;
    margin-right: 0.5%;
}

div#Col16 {
    width: 16.666%;
    min-width: 165px;
    border-right: 1px solid #000;
}

div#Col56 {
    width: 83.333%;
}

div#Col17 {
    width: 14.285%;
    margin: 0.4%;
}

div#Col18 { width: 12.5%; }
div#Col19 { width: 11.111%; }
div#Col110 { width: 10%; }
div#Col112 { width: 8.333%; }

div#Colrow {
    width: 100%;
}

/* Footer Spalten */
div#Col1_footer {
    width: 100%;
    font-size: 75%;
    text-align: center;
}

div#Col12_footer {
    position: relative;
    width: 50%;
    min-height: 20px;
    text-align: right;
}

div#Col14_footer {
    text-align: left;
    min-height: 170px;
    border-right: 1px solid #5f3700;
    padding-right: 1%;
    border-left: 1px solid #5f3700;
    padding-left: 2%;
}

div#Col14_footer_Left {
    text-align: center; 
    min-height: 170px; 
    padding-left: 5%;
    padding-right: 5%;
    border-left: 1px solid #5f3700;
}

div#Col14_footer_Right {
   display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    min-height: 150px; 
    padding-left: 2%;
    padding-right: 1%;
    border-right: 1px solid #5f3700;
}
.ColSp2pic {
    width: 45%;
    z-index: 90;
}

.ColSp2txt {
    width: 55%;
    z-index: 90;
}
/* ==========================================================================
   KOMPONENTEN & SEITEN-ELEMENTE
   ========================================================================== */



footer {
position: relative; /* Nicht mehr position: absolute */
    width: 100% !important;
    height: auto !important;
    text-align: center;
    background-color: rgba(56, 33, 0) !important;
    background-blend-mode: darken !important;
    border-top: #5f3700 2px solid;
    color: #ffffff;
    padding-top: 10px;
     margin-top: 10px;
    padding-bottom: 20px;
    z-index: 50;
}

div#footer {
    clear: both;
}

#lang {
    position: absolute;
    z-index: 40;
    font-size: 12px;
    display: none;
    width: 100px;
    left: -100px;
    height: auto;
    background-color: #fff;
    padding: 6px 6px 10px 10px;
    border: 1px solid #E7F3FB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.headerline {
    display: none;
    position: absolute;
    width: 100%;
    height: 29px;
    z-index: 100;
    background: #382100;
    border-bottom: #382100 1px solid;
    box-shadow: 0px 10px 5px 0 #1da4cb inset;
}

.headerline.stickydiv {
    display: none; 
}

.headerlogo,
.headerlogo_oeff {
    position: absolute;
    height: 60px;
    width: 388px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/logo_wth.webp);
    -moz-background-size: 388px 60px;
    -webkit-background-size: 388px 60px;
    background-size: 388px 60px;
    background-repeat: no-repeat;
    z-index: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
@media (orientation: portrait) {
    .headerlogo,
.headerlogo_oeff {
    top: 90px!important;
}
}
.headerlogo.stickydiv {
    height: 40px;
    width: 259px;
    top: 10px!important;
    left: 0px;
    transform: none;
    -moz-background-size: 259px 40px;
    -webkit-background-size: 259px 40px;
    background-size: 259px 40px;
}

.headerlogo_oeff.stickydiv {
    height: 40px;
    width: 259px;
    top: 10px;
    left: 100px;
    -moz-background-size: 259px 40px;
    -webkit-background-size: 259px 40px;
    background-size: 259px 40px;
}

#seitenbild_div {
    margin-top: -300px;
    max-height: 400px;
    text-align: center;
    height: auto;
    width: 100%;
    z-index: 0;
}

#seitenbild {
    position: relative;
    margin: 0 auto;
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
    display: block;
    background-size: 100% 300px !important;
     border-bottom: 2px solid #5f3700;
}

.seitenbild_img {  position: relative !important;
  
    margin: 0 auto;
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    animation: einblenden 2.5s;
    -moz-animation: einblenden 2.5s;
    -webkit-animation: einblenden 2.5s;
    -o-animation: einblenden 2.5s;
    background-color: rgba(56, 33, 0, 0.5) !important;
    background-blend-mode: darken !important;
    border-bottom: 2px solid #5f3700;
}

.seitenbild_cont {
    margin: 0 auto;
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    animation: einblenden 2.5s;
    -moz-animation: einblenden 2.5s;
    -webkit-animation: einblenden 2.5s;
    -o-animation: einblenden 2.5s;
}

#seitenbild_ramen1 {
    position: relative;
    margin: 0 auto;
    float: left;
    background: url(../img/trans_weiss.png);
    border: solid 0px #000000;
    width: 10%;
    height: 300px;
    z-index: 1;
}

#seitenbild_ramen2 {
    position: relative;
    margin: 0 auto;
    float: right;
    background: url(../img/trans_weiss.png);
    border: solid 0px #000000;
    width: 10%;
    height: 300px;
    z-index: 1;
}

.sp_bild_cont_l { padding-left: 30px; }
.sp_bild_cont_r { padding-right: 30px; }

.headerlogotext {
    display: block;
    font-family: 'roboto', sans-serif, tahoma, verdana;
    position: absolute;
    height: 15px;
    width: 183px;
    top: 20px;
    right: 20px;
    z-index: 2;
    color: #ffffff !important; 
    text-align: right;
    font-size: 130%;
}

@media screen and (max-width: 1000px) {
    .headerlogotext { top: 5px; }
}

.headerlogotext.stickydiv { top: 15px; }

.logo-link {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    color: transparent;
    line-height: 0;
    overflow: hidden;
}
.logoicon {
  display: block;
  position:absolute;
  width: auto;             /* <-- Das hier hinzufügen! */
  box-sizing: border-box;
  left:0;
  top:20px!important; 
  font-family: 'roboto', sans-serif, tahoma, verdana;
  font-size: 130%;
}

.logoicon.stickydiv {
    top: 5px;
    right: 0px;
    font-size: 120%;
    -moz-background-size: 84px 38px;
    -webkit-background-size: 84px 38px;
    background-size: 84px 38px;
}
@media screen and (max-width: 1000px) {
    .logoicon { 
        top:5px!important; 

    }
}

.globalnav {
    position: absolute;
    height: 20px;
    width: auto;
    top: 5px;
    right: 0px;
    z-index: 10502;
    font-size: 85%;
    font-weight: 400;
}

.globalnav.stickydiv {
    font-family: 'roboto', sans-serif, tahoma, verdana;
    top: 4px;
}
.navigation {
  position: absolute;
  top: 82px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;          /* Verhindert den vorzeitigen Umbruch */
  max-width: 100vw;
  z-index: 500000;
  display: block;
  text-align: left;
  padding-left: 0;
  white-space: nowrap !important;
}

.navigation.stickydiv {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
}

.popupbox_head {
    padding: 5px 7px 5px 20px;
    margin: -10px -20px 0 -20px;
    font-size: 100%;
    font-weight: normal;
    color: #382100;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#popupbox_wrapper {
    position: absolute;
    visibility: hidden;
    margin: 0 auto;
    width: 100%;
    z-index: 1101;
    text-align: center;
    top: 0px;
    left: 0;
    -webkit-transition: 0.55s;
    transition: 0.55s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#popupbox,
#popupbox_site {
    visibility: hidden;
    position: relative;
    width: auto;
    margin: 0 auto;
    max-width: 85%;
    text-align: left;
    font-size: 100%;
    background-color: #fff;
    background: url(../img/mainbg.jpg) repeat;
    padding: 10px 20px 15px 20px;
    border: 1px solid #382100;
    height: auto;
    z-index: 1101;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    box-shadow: #000000 0 0 30px;
}

#popupbox { min-width: 85%; }
#popupbox_site { min-width: 65%; }

#popupbox_nav {
    visibility: hidden;
    position: relative;
    top: 5px;
    width: auto;
    margin: 0 auto;
    max-width: 85%;
    min-width: 85%;
    text-align: left;
    font-size: 100%;
    height: auto;
    z-index: 1102;
    display: inline-block;
}

#box_exit {
    position: absolute;
    top: -10px;
    right: -10px;
}

#overlayboxhead {
    background: #E7F3FB;
    color: #ffffff;
    text-align: left;
    font-size: 120%;
    padding: 6px;
    font-weight: 600;
    border: 1px solid #E7F3FB;
    border-bottom: 0;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: #000 0 0 20px;
}

#overlaybox {
    text-align: left;
    font-size: 100%;
    background-color: #fff;
    padding: 20px 20px 10px 20px;
    border: 1px solid #382100;
    border-top: 0;
    -moz-border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;
    -khtml-border-radius: 0px 0px 30px 30px;
    border-radius: 0px 0px 30px 30px;
    box-shadow: #000 0 0 20px;
    overflow: hidden;
}

.textpfeile { display: none; }

.editbox {
    display: none;
    position: absolute;
    right: 0;
    color: #FFFFFF;
    text-align: left;
    font-size: 80%;
    margin-top: -24px;
    padding: 4px 3px;
    border: 1px solid #382100;
    border-bottom: 0;
    border-right: 0;
    background: #382100;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px -5px 5px #ccc !important;
    z-index: 1000;
}

.editbox a { color: #FFFFFF; }
.editbox a:hover { color: #FFFFFF; text-decoration: none; }

.mitabeiterdetail {
    width: 280px;
    padding-right: 3%;
}

.startbox {
    font-family: 'roboto', sans-serif, tahoma, verdana;
    text-align: left;
    background: url(../img/trans_green.png);
    border: 1px solid #382100;
    border-bottom: 0;
    padding-top: 10%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
}

.search_ico {
    background: url(../img/lupe.png) no-repeat #F9FFFA;
    border: 1px solid #382100;
    height: 26px;
    width: 26px;
    border-right: 0;
    border-top: 0;
    margin: 0 0 5px 0;
    vertical-align: middle;
    -moz-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -khtml-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}  

.search_ico:hover {
    background-image: url(../img/lupe_wth.png);
}

.search_inp {
    height: 25px;
    width: 50%;
    font-weight: 400;
    font-size: 100%;
    color: #000;
    background: #F9FFFA;
    border: 1px solid #382100;
    border-top: 0;
    border-left: 0;
    vertical-align: middle;
    padding-left: 5px;
    margin: 0 0 5px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -khtml-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.linktext {
    text-align: left;
    font-size: 100%;
    color: #382100;
    font-weight: normal;
}

a.linktext { text-decoration: underline; }
a.linktext:hover {
    color: #fff;
    background-color: #382100;
    border-color: #fff;
    text-decoration: none;
}

.startboxtext {
    font-family: 'roboto', sans-serif, tahoma, verdana;
    text-align: left;
    font-size: 100%;
    background-color: #E8E8E8;
    color: #fff;
}

a.startboxtext {
    font-family: 'roboto', sans-serif, tahoma, verdana;
    display: block;
    text-align: center;
    font-size: 100%;
    background-color: #E7F3FB;
    font-weight: 400;
    color: #fff;
    padding: 5px;
    text-decoration: none;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
}

a.startboxtext:link,
a.startboxtext:visited {
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}

a.startboxtext:hover,
a.startboxtext:active {
    color: #fff;
    background-color: #E7F3FB;
    border-color: #382100;
    text-decoration: none;
}

.start_news_box {
    text-align: left;
    background-color: #fff;
    border: 1px solid #E7F3FB;
    border-bottom: 0;
    margin: 4% 3% 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.start_news_text_box {
    text-align: left;
    font-size: 100%;
    background-color: #E8E8E8;
    color: #000;
}

a.start_news_text_box {
    display: block;
    font-size: 100%;
    background-color: #E8E8E8;
    font-weight: 700;
    color: #000;
    padding: 5px;
    border-bottom: 1px solid #E7F3FB;
    text-align: center;
    text-decoration: none;
}

a.start_news_text_box:link,
a.start_news_text_box:visited {
    color: #000;
    background-color: transparent;
    text-decoration: none;
}

a.start_news_text_box:hover {
    color: #fff;
    background-color: #E7F3FB;
    text-decoration: none;
    font-weight: 700;
}

a.start_news_text_box:active {
    color: #fff;
    background-color: #E7F3FB;
    text-decoration: none;
}

.tooltip_c {
    position: absolute;
    display: none;
    background-color: #EBF2FE;
    border: 0 solid #382100;
    padding: 2px;
    font-family: 'roboto', sans-serif, tahoma, verdana;
    font-size: 11px;
    color: #054585;
}

#mobile-header { display: none; }

#mobile-header2 {
    position: absolute;
    top: 10px;
    right: 0px;
    padding: 0px;
    display: block;
    height: 30px;
    width: 30px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 10000;
    background: url(../img/menu-icon.png);
    background-size: contain;
}

.woche {
    margin: 2px 1px 2px 0;
    padding: 0 auto;
    width: 14%;
    border: solid 1px #969696;
}

.wochentagauswahl {
    position: relative;
    background: #F9FFFA;
    text-align: center;
    padding: 4px;
    width: 100%;
    border: solid 0px #969696;
    display: block;
    cursor: pointer;
}

.wochentagauswahl:hover {
    background-color: #969696;
    border: solid 0px #F9FFFA;
}

.rightnavdiv {
    display: none;
    position: absolute;
    top: 30px;
    height: auto;
    z-index: 1099;
    right: 0;
    overflow: hidden;
    width: 270px;
    font-family: "roboto", tahoma, verdana, arial, sans-serif;
    color: #382100;
    padding: 0 0 40px 0;
}

.rightnav {
    position: relative;
    top: 20px;
    height: 100%;
    z-index: 1099;
    left: 30px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: "roboto", tahoma, verdana, arial, sans-serif;
    font-size: 90%;
    background: url(../img/trans_weiss.png) #f8f8f8;
    color: #382100;
    padding: 20px 35px 20px 15px;
    border: solid 1px #bbbbbb;
    -webkit-box-shadow: -7px 12px 14px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: -7px 12px 14px -8px rgba(0,0,0,0.75);
    box-shadow: -7px 12px 14px -8px #969696;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .rightnav {
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
    }
}

.rightnav ul {
    display: block;
    margin: 0;
    padding: 0 0 0 10px;
    border-top: 0;
    border-bottom: 0;
    color: #969696;
}

.rightnav ul li {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 16px;
    border-top: 0;
    border-bottom: 0;
}

.sidenav {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 1099;
    left: -20%;
    width: 20%;
    font-family: "roboto", tahoma, verdana, arial, sans-serif;
    font-size: 90%;
    background: url(../img/trans_weiss.png) #f8f8f8;
    color: #969696;
    padding: 0;
    box-shadow: 0 2px 5px 8px #DDE1E6 inset;
}

.sidenav .nav_header {
    position: relative;
    display: block;
    background: #eeeeee;
    color: #E7F3FB;
    height: 50px;
    width: 100%;
    margin: 0;
    border-bottom: #E7F3FB 0 solid;
}

.nav_titel {
    position: relative;
    display: block;
    text-align: center;
    height: 20px;
    width: 100%;
    padding: 18px 0 0 0;
    color: #382100;
    font-size: 100%;
}

.sidenav_on {
    background: #382100;
    box-shadow: 1px 0 1px 1px #969696;
    padding-left: 5px;
}

.sidenav_on a {
    color: #ffffff;
    margin-left: 5px;
}

.sidenav_on:hover > a { color: #ffffff; }

.icon { display: none; }

.imp_icon_log {
    background: url(../img/schloss.png) no-repeat 2px 3px;
    -moz-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.imp_icon_mail {
    background: url(../img/mail.png) no-repeat 2px 3px;
    -moz-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.imp_icon_mail_big {
    background: url(../img/mail.png) no-repeat 0px 1px;
    -moz-background-size: 45px 45px;
    -webkit-background-size: 45px 45px;
    background-size: 45px 45px;
}

.deselect ::selection {
    background: transparent;
    color: inherit;
}

.deselect ::-moz-selection {
    background: transparent;
    color: inherit;
}

.deselect {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cursor_hand { cursor: pointer; }

select:not([multiple]) {
    appearance: none;
    background-position: right 10%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: 0em 1.3em 0em 0em;
}

.select_all { border-radius: 0; }

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8nwYAAmoBZ0eMiB8AAAAASUVORK5CYII=) repeat;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-family: 'roboto', sans-serif;
    height: 22px;
    outline: none;
    padding-left: 10px;
    width: 100%;
}

select option { color: #666; }
select::-ms-expand { display: none; }
select:focus::-ms-value { background-color: transparent; }

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #ffffff;
    color: #382100;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    border: 1px solid #382100;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #382100 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    z-index: 10000000;
    display: inherit;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.auswahlfenster {
    display: none;
    position: absolute;
    border: solid 1px #333333;
    background: #ffffff;
    top: 0px;
    left: 1px;
    min-width: 240px;
    width: auto;
    height: auto; 
    z-index: 2000;
    -webkit-box-shadow: 17px 18px 53px 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 17px 18px 53px 8px rgba(0,0,0,0.5);
    box-shadow: 17px 18px 53px 8px rgba(0,0,0,0.5);
}

.auswahlinhalt {
    position: relative;
    display: block;
    padding: 10px 10px 10px 8px;
    font-size: 100%;
    min-width: 240px;
    width: auto;
    height: auto;
    z-index: 3000;
}

.ajax_tab,
.ajax_nav {
    width: 100%;
}

.search_ul {
    position: absolute;
    width: 250px;
    left: 25px;
    list-style: none;
    display: none;
    border: 0px #382100 solid;
    z-index: 1100;
}

.search_ul li:hover,
.selected {
    background-color: #382100 !important;
    color: #ffffff;
}

.search_ul li {
    cursor: pointer;
    display: block;
    width: 100%;
    background-color: #ffffff;
    color: #333333;
    margin-bottom: 0px;
    border-left: 1px solid #D8E6F0;
    border-right: 1px solid #D8E6F0;
    border-bottom: 1px solid #D8E6F0;
    padding: 4px;
    margin-left: 0px;
    margin-right: 5px;
}

.cal_schule {
    position: absolute;
    font-size: 100%;
    border: 1px solid #cccccc;
    padding: 0 5px;
    z-index: 3;
}

.cal_mieter {
    position: absolute;
    font-size: 100%;
    border: 1px solid #ccc;
    padding: 0 5px;
    background: #3BB0FF;
    z-index: 4;
}

.cal_reinigung {
    position: absolute;
    font-size: 100%;
    border: 1px solid #ccc;
    padding: 0 5px;
    background: #DF5EFF;
    z-index: 3;
}

.cal_titel {
    font-size: 90%;
    border: 1px solid #000000;
    border-left: 0;
    border-bottom: 0;
    width: 13.9%; 
}

.cal_ttime {
    border-bottom: 1px solid #000000;
    height: 45px;
    font-size: 70%;
}

.layer_top {
    position: absolute;
    display: none;
    border: 2px solid #000000;
    border-top: 0px;
    background-image: url(../img/glass_black.png);
    padding: 11px 0px 3px 25px;
    width: auto;
    top: -1px;
    z-index: 999999;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 10px 18px #333333;
}

.layer_cont {
    color: #ffffff;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.layer_aus {
    position: absolute;
    text-align: center;
    color: #cccccc;
    font-size: 120%;
    font-weight: bold;
    background: #cccccc;
    box-shadow: 0px 10px 5px 0 #000000 inset;
    bottom: -18px;
    left: 10%;
    width: 80%;
    height: 18px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    border: 2px solid #000000;
    border-top: 0;
} 

.layer_ico {
    margin: 5px 0 0 49%;
    border-right: 5px solid #ffffff; 
    border-bottom: 5px solid #ffffff;
    height: 14px;
    width: 14px;
    transform: rotate(-135deg);
    opacity: 0.7;
}

.layer_top_wth {
    position: absolute;
    margin-top: 0px;

    display: none;
    border: 2px solid #cccccc;
    border-top: 0px;
    background-image: url(../img/trans_weiss90.png);
    padding: 11px 0px 8px 25px;
    width: auto;
    top: -1px;
    z-index: 999999;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: #333333 0px 50px 100px -20px, #333333 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.home .layer_top_wth {
    position: absolute;
    margin-top: -95vh;

    display: none;
    border: 2px solid #cccccc;
    border-top: 0px;
    background-image: url(../img/trans_weiss90.png);
    padding: 11px 0px 8px 25px;
    width: auto;
    top: -1px;
    z-index: 999999;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: #333333 0px 50px 100px -20px, #333333 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.layer_cont_wth {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #000000;
    padding-bottom: 10px;
}
#stickyheader.stickydiv .layer_top_wth,
.layer_top_wth.stickydiv {
    position: fixed !important;    margin-top: 0;

    top: 60px !important; /* Hier die genaue Höhe deines Sticky-Headers eintragen */
    left: 0;
    right: 0;
    z-index: 9999999 !important; /* Höher als der Header selbst, falls nötig */
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}
.layer_aus_wth {
    position: absolute;
    text-align: center;
    color: #cccccc;
    font-size: 120%;
    font-weight: bold;
    background: #cccccc;
    box-shadow: 0px 10px 5px 0 #ffffff inset;
    bottom: -18px;
    left: 10%;
    width: 80%;
    height: 18px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    border: 2px solid #999999;
    border-top: 0;
} 

.layer_ico_wth {
    margin: 5px 0 0 49%;
    border-right: 5px solid #aaaaaa; 
    border-bottom: 5px solid #aaaaaa;
    height: 14px;
    width: 14px;
    transform: rotate(-135deg);
    opacity: 0.7;
}

.widgetbox {
    text-align: left;
    font-size: 100%;
    background-color: #fff;
    padding: 5px 10px 10px 10px;
    border: 1px solid #E7F3FB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 8px #333333;
}

.widget_aus {
    position: absolute; 
    height: 10px;
    width: 10px;
    left: 2px;
    top: 1px;
    background: #1da4cb;
    box-shadow: 2px 3px 2px 0 #382100 inset;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.widget_del {
    position: absolute; 
    height: 10px;
    width: 10px;
    right: 2px;
    top: 1px;
    background: #333333;
    box-shadow: 2px 3px 2px 0 #cccccc inset;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.boxhead {
    padding: 3px 0 6px 12px;
    font-size: 15px;
    font-weight: 400;
    background: #1da4cb;
    color: #ffffff;
    box-shadow: 0 7px 8px #333333, 0px 10px 5px 0 #382100 inset;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.boxhead_weiss {
    padding: 3px 0 6px 12px;
    font-size: 15px;
    font-weight: 400;
    background: #dddddd;
    border: 1px solid #cccccc;
    color: #1da4cb;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0 7px 8px #787878, 0px 11px 10px 0 #ffffff inset;
    -moz-box-shadow: 0 7px 8px #787878, 0px 11px 10px 0 #ffffff inset;
    -webkit-box-shadow: 0 7px 8px #787878, 0px 11px 10px 0 #ffffff inset;
}

.boxhead_weiss a {
    color: #1da4cb;
    text-decoration: none;
}

.box {
    text-align: left;
    font-size: 100%;
    background-color: #fff;
    padding: 6px 6px 10px 10px;
    border: 1px solid #E7F3FB;
    border-top: 1px solid #d2d2d2;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 0 8px #333333;
}

.boxlight {
    text-align: left;
    font-size: 100%;
    background-color: #ecf7fd;
    padding: 6px 6px 10px 10px;
    margin-bottom: 10px;
    border: 1px solid #1da4cb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;         
}

.boxlight_head {
    padding: 3px 0 6px 12px;
    font-size: 13px;
    font-weight: 100;
    background: #1da4cb;
    color: #ffffff;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.boxlight_cont {
    text-align: left;
    font-size: 100%;
    background-color: #ecf7fd;
    padding: 6px 6px 10px 10px;
    border: 1px solid #1da4cb;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;  
}

.boxlight_foot {
    padding: 3px 0 6px 12px;
    font-size: 11px;
    font-weight: 100;
    background: #1da4cb;
    color: #ffffff;
    margin-bottom: 10px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;  
}

#search_suggestion_holder {
    position: absolute;
    width: auto;
    left: 0px;
    list-style: none;
    display: none;
    border: 1px #382100 solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 8px #333333;
}

#search_suggestion_holder li:hover {
    background-color: #ffffff;
    color: #1da4cb;
}

#search_suggestion_holder li {
    cursor: pointer;
    display: block;
    background-color: #1da4cb;
    color: #ffffff;
    margin-bottom: 0px;
    border-left: 1px solid #382100;
    border-right: 1px solid #382100;
    border-bottom: 1px solid #382100;
    padding: 6px 10px;
}

#search_kat_holder {
    position: absolute;
    width: 80%;
    left: 10px;
    list-style: none;
    display: none;
    border: 0px #382100 solid;
    border-top: none;
}

#search_kat_holder li:hover {
    background-color: #FAFAFF;
    color: #000000;
}

#search_kat_holder li {
    cursor: pointer;
    display: block;
    background-color: #1da4cb;
    color: #ffffff;
    margin-bottom: 0px;
    border-left: 1px solid #382100;
    border-right: 1px solid #382100;
    border-bottom: 1px solid #382100;
    padding: 4px;
    margin-left: -20px;
    margin-right: 5px;
    text-shadow: 1px 1px 4px #fff;
    -webkit-text-shadow: 1px 1px 4px #fff;
    -moz-text-shadow: 1px 1px 4px #fff;
}

.hilfe_tree {
    width: 25%;
    margin-right: 1%;
}

.hilfe_cont {
    width: 75%;
}

.prozblk {
    background-color: #1da4cb;
    height: 30px; 
    font-weight: normal;
    font-size: 20px;
    padding-top: 5px;
    text-align: center;
    box-shadow: 0px 10px 5px 0 #382100 inset;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.tv-ticker-container {
    /* Am unteren Bildschirmrand fixieren */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999; /* Stellt sicher, dass das Laufband über allen anderen Elementen liegt */

    /* Dein bisheriges Styling */
    display: flex;
    align-items: center;
    background-color: #1b1000e6; /* Etwas dunkler für bessere Lesbarkeit über Seiteninhalten */
    color: #fff;
    font-family: 'roboto', sans-serif;
    height: 50px;
    overflow: hidden;
    border-top: 1px solid #5f3700;
    box-shadow: 0 -4px 12px rgba(85, 45, 0, 0.4); /* Schatten nach oben gerichtet */
}

    .tv-ticker-label {
        background-color: #5f3700;
        color: #fff;
        padding: 0 15px;
        height: 100%;
        display: flex;
        align-items: center;
        font-weight: bold;
        font-size: 120%;
        text-transform: uppercase;
        white-space: nowrap;
        z-index: 10;
    }

    .tv-ticker-wrapper {
        flex-grow: 1;
        overflow: hidden;
        position: relative;
        white-space: nowrap;
    }

    .tv-ticker-content {
        display: inline-block;
        white-space: nowrap;
        will-change: transform;
        animation: tv-scroll 15s linear infinite;
        animation-delay: 2s;
        padding-left: 20px;
    }

    /* Stoppt die Animation bei Mouseover */
    .tv-ticker-wrapper:hover .tv-ticker-content {
        animation-play-state: paused;
    }

    .tv-ticker-item {
        display: inline-block;
        font-size: 120%;
    }

    /* Trennpunkt und Abstand zwischen den News */
    .tv-ticker-item::after {
        content: " • ";
        color: #8c5200;
        margin: 0 30px;
    }

    /* Nahtlose Schleife */
    @keyframes tv-scroll {
        0% {
            transform: translate3d(0, 0, 0);
        }
        100% {
            transform: translate3d(-50%, 0, 0);
        }
    }





.btn_cont_full {
    position: absolute;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 80%;
    color: #000;
    z-index: 1051;
}

.btn_cont_full .full_btn {
    position: relative;
    display: inherit;
    box-shadow: 0 0 14px 3px #8a8a8a inset;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -khtml-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont_full .full_btn:hover {
    box-shadow: 0 0 14px 3px #157693 inset;
}

.btn_cont_full_none {
    position: absolute;
    display: none;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 80%;
    color: #000;
    z-index: 1051;
}

.btn_cont_full_none .full_btn {
    position: relative;
    display: inherit;
    box-shadow: 0 0 14px 3px #8a8a8a inset;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -khtml-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}
.btn_cont_full_none .full_btn:hover {
    box-shadow: 0 0 14px 3px #157693 inset;
}


.btn_cont {
    position: absolute;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 90%;
    color: #000;
    z-index: 1051;
}

.btn_cont .line_btn {
    position: relative;
    display: inherit;
    border: 1px solid #8a8a8a;
    border-top: 0;
    padding: 2px;
    background: none;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont .line_btn:hover {
    background: #ffffff;
}

.btn_cont .line_btn_oben {
    position: relative;
    background: none;
    display: inherit;
    border: 1px solid #8a8a8a;
    border-bottom: 0;
    padding: 2px;
    float: left;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -khtml-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont .line_btn_oben:hover {
    background: #ffffff;
}
.btn_cont .line_btn_unten {
    position: relative;
    background: none;
    display: inherit;
    border: 1px solid #8a8a8a;
    border-top: 0;
    padding: 2px;
    float: left;
    -moz-border-radius:  0px 0px 4px 4px;
    -webkit-border-radius:  0px 0px 4px 4px;
    -khtml-border-radius:  0px 0px 4px 4px;
    border-radius:  0px 0px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont .line_btn_unten:hover {
    background: #ffffff;
}
.btn_cont .line_btn_left {
    position: relative;
    background: none;
    display: inherit;
    border: 1px solid #8a8a8a;
    border-right: 0;
    padding: 2px;
    float: left;
    -moz-border-radius:  4px 0px 0px 4px;
    -webkit-border-radius:  4px 0px 0px 4px;
    -khtml-border-radius:  4px 0px 0px 4px;
    border-radius:  4px 0px 0px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont .line_btn_left:hover {
    background: #ffffff;
}
.btn_cont_tab {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 100%;
    color: #000;
    z-index: 1051;
}

.btn_cont_tab .tab_btn {
    position: relative;
    display: inherit;
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 20px 3px #ccc inset;
    padding: 2px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont_tab .tab_btn>a>img {
    width: 20px;
    height: 20px;
}

.btn_cont_tab .tab_btn:hover {
    box-shadow: 0 0 20px 3px #E7F3FB inset;
}

.btn_cont_tab_red {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 80%;
    color: #000;
    z-index: 1051;
}

.btn_cont_tab_red .tab_btn {
    position: relative;
    display: inherit;
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 20px 3px #ccc inset;
    padding: 2px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont_tab_red .tab_btn>a>img {
    width: 20px;
    height: 20px;
}

.btn_cont_tab_red .tab_btn:hover {
    box-shadow: 0 0 20px 3px #CC0000 inset;
}

.btn_cont_tab_blue {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 80%;
    color: #000;
    z-index: 1051;
}

.btn_cont_tab_blue .tab_btn {
    position: relative;
    display: inherit;
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 20px 3px #ccc inset;
    padding: 2px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont_tab_blue .tab_btn>a>img {
    width: 20px;
    height: 20px;
}

.btn_cont_tab_blue .tab_btn:hover {
    box-shadow: 0 0 20px 3px #8a8a8a inset;
}
/* Entfällt: .btn_global a (falscher Selektor) */
/* Richtig: direkt auf den Button zugreifen */

a.btn_global,
.btn_global {
  display: inline-flex; /* Wichtig für vertikale & horizontale Zentrierung des Texts */
  justify-content: center;
  align-items: center;
text-decoration: none !important;
  font: normal 120% 'roboto', sans-serif, tahoma, verdana !important; 
      background-color: rgba(56, 33, 0, 0.5) !important;
  color: #ffffff !important; 
  border: solid #5f3700 2px !important;
  box-sizing: border-box !important;
  text-decoration: none; 
  padding: 5px 8px !important; 
  border-radius: 8px;
  transition: all 0.2s ease; /* Macht den Hover-Effekt geschmeidig */
}

.btn_global.stickya {
display: none !important;

}

/* Hover-Effekt korrigiert (ohne > a) */
.btn_global:hover,
.btn_global:active {
  background: #4a2d00 !important; 
  border-color: #8c5200 !important; 
  transform: translateY(-2px); /* Minus-Wert hebt den Button an! */
  box-shadow: 0 4px 12px rgba(85, 45, 0, 0.4);
  text-decoration: none !important;
}

@media screen and (max-width: 750px) {
    a.btn_global,
.btn_global {   font: normal 110% 'roboto', sans-serif, tahoma, verdana !important;}
}




/* Style the buttons inside the tab */

div.tab_detail button {
    color:#157693;
    border: none;
    margin: 5px 2px 0 2px;
    background: #dddddd;
    height: 26px;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 5px 10px 2px 10px;
    transition: 0.3s;
    font-size: 90%;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #ffffff inset;
    -moz-box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #ffffff inset;
    -webkit-box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #ffffff inset;

}


/* Change background color of buttons on hover */

div.tab_detail button:hover {
    height: 30px;
    margin: 2px 2px 0 2px;
    background:#157693;
    color:#ffffff;
    box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #157693 inset;
    -moz-box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #157693 inset;
    -webkit-box-shadow: 0 -1px 3px #787878, 0px 8px 3px 0 #157693 inset;
    padding: 3px 10px 6px 10px;
}


/* Create an active/current tablink class */

div.tab_detail button.active {
    height: 30px;
    padding: 3px 10px 6px 10px;
    background:#157693;
    color:#ffffff;
    box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #157693 inset;
    -moz-box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #157693 inset;
    -webkit-box-shadow: 0 -1px 3px #787878, 0px 8px 3px 0 #157693 inset;

    margin: 2px 2px 0 2px;
}


/* Style the tab content */

.tabcontent_detail {
    position: relative;
    display: none;
    z-index: 1
}


/* Style the tab */

div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    border-bottom: 0;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}


/* Style the buttons inside the tab */

div.tab button {
    border: none;
    border-right: solid 1px #ccc;
    color: #157693;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}


/* Change background color of buttons on hover */

div.tab button:hover {
    color: #157693;
}


/* Create an active/current tablink class */

div.tab button.active {
    color: #ffffff;
    background: #157693;
    box-shadow: none;
}


/* Style the tab content */

.tabcontent {
    width: 100%;
    display: none;
    padding: 16px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background: #157693;
    color: #000000;
}

.tabcontent1 {
    width: 100%;
    display: none;
    padding: 16px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background: #157693;
    color: #ffffff;
}
/* Style the tab */

div.tab_detail {
    overflow: hidden;position:relative;left:2px;top:0px;z-index:3
}




.table_nav {
    position: relative;
    display: table;
    font-size: 90%;
    background: url(../img/trans_weiss.png);
    width: 100%;
    border: 0px solid #969696
;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #333333;
    padding: 5px;
}

.table_nav .tab_rows {
    display: table-row;
    width: 100%!important;
    padding: 0 5px 0 5px;
    cursor: pointer
}

.table_nav div div {
    display: table-cell;
    padding: 0 5px 0 5px;
    border: 0px solid #000000;
    border-bottom: 0;
}
.table_leer {
    position: relative;
    display: table;
    border-collapse: collapse;
    font-size: 90%;
    background: url(../img/trans_weiss.png);
    width: 100%;
    border: 0px solid #969696
;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    
}

.table_leer .tab_rows_leer {
    border-top: 1px solid #969696;
    display: table-row;
    width: 100%!important;
    padding:  5px;
    height:30px;
    vertical-align:middle;
    cursor: pointer
}

.table_leer div {
    display: table-cell;
    width: 30%;
    padding: 0 5px 0 5px;
    border: 0px solid #000000;
    vertical-align:middle;
    border-bottom: 0;
}
.table_allg {
    position: relative;
    display: table;
    font-size: 90%;
    background: url(../img/trans_weiss.png);
    width: 100%;
    border: 0px solid #969696
;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #333333;
    padding: 5px;
}
.table_allg .tab_rows_first {
    width: 100%;
    display: table-row;
    font-size:100%;

}
.table_allg .tab_rows {
    display: table-row;
    width: 100%!important;
    padding: 0 5px 0 5px;
    cursor: pointer
}

.table_allg div div {
    display: table-cell;
    padding: 0 5px 0 5px;
    border: 0px solid #000000;
    border-bottom: 0;
}
.table_allg .div_cell_100 {
    display: inline-table;
    position: absolute;
    width: 100%;
    padding: 0px;
}
.table_kachel {
    position: relative;
    display: table;
    background: url(../img/trans_weiss.png);
    min-width: 16%;
    height: 130px;
    border: 0px solid #969696;
    font-size: 95%;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 8px #333333;
    float: left;
    padding: 1px 0 1% 1%;
    margin: 0.5% 0.5% 0 0;
}

@media screen and (max-width: 1550px) {
    .table_kachel {
        min-width: 19.5%;
    }
}

@media screen and (max-width: 1350px) {
    .table_kachel {
        min-width: 24.5%;
    }
}

@media screen and (max-width: 1050px) {
    .table_kachel {
        min-width: 32%;
    }
}

.table_kachel .tab_row_title {
    display: table-row;
    font-size: 110%;
    color: #969696
}

.table_kachel .tab_rowss {
    display: table-row-group;
    width: 100%!important;
    cursor: pointer
}

.table_kachel div div {
    display: table-cell;
    padding: 3px;
    border: 0px solid #000000;
    border-bottom: 0;
}
.table_kachel_anlage {
    position: relative;
    display: table;
	background: url(../img/hallenbad.png);
	background-size: 60%;
	background-repeat:no-repeat;
	background-position: top center;
    min-width:90px;   
    min-height:64px;
    border: 0px solid #326496;
	color:#326496;
	font-size:100%;
	font-weight: 700;
	text-align: center;
    float:  left;
    padding: 40px 0 1% 0;
    margin: 0.5% 0.5% 0 0;
}



.table_kachel_anlage .tab_row_title {
    display: table-row;
    font-size: 110%;
    color: #CCCCCC
}

.table_kachel_anlage .tab_rowss {
    display: table-row-group;
    width: 100%!important;
    cursor: pointer
}

.table_kachel_anlage div div {
    display: table-cell;
    padding: 3px;
    border: 0px solid #000000;
    border-bottom: 0;
}

.table {
    position: relative;
    display: table;
    background: url(../img/trans_weiss.png);
    width: 100%;
    border: 0px solid #969696;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 8px #333333;
    padding: 0 0 10px 0;
}

.table .table_titel {
    display: table-row;
    width: 100%;
    font-size: 80%;
    height: 28px;
    color: #ffffff;
    box-shadow: 0 0 39px 3px #969696 inset;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.table .table_titel div {
    display: table-cell;
    padding: 5px 3px 5px 15px;
    border: 0px solid #000000;
    border-bottom: 0;
}

.table .table_titel a {
    border: 0px solid #000000;
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 0;
}

.table .tab_row_first {
    width: 100%;
    display: table-row;
    font-size:100%;

}

.table .tab_row {
    display: table-row;
    cursor: pointer;
}

.table .tab_row_cont {
    display: table;
    height: auto;
    width: 100%;
    padding: 0 1% 0 1%;
}

.tab_row:hover {
    visibility: visible;
    position: inherit;
    width: 100%;
    background: #c0c0c0!important;
    color: #ffffff !important;
    box-shadow: 0px 0px 10px #555!important;
}

.table div div {
    display: table-cell;
    padding: 3px;
}

.table .div_cell {
    display: table-cell;
    padding: 1px 3px 1px 5px;
    border: 0px solid #000000;
    border-bottom: 0;
}

.table .div_cell_100 {
    display: inline-table;
    position: absolute;
    width: 100%;
    padding: 0px;
}

.table .div_cell_platzhalter {
    display: none;
}

.table_kachel_neut {
    position: relative;
    display: table;
    height: auto;
    min-width: 28%;
    max-width: 28%;
    height: 220px;
    border: 0px solid #333333;
    float: left;
    margin: 1% 3% 3% 0;
}

.table_kachel_neut img {
    border: 0px solid #333333;
}

.table_kachel_neut table {
    width: 100%;
    border: 0px solid #333333;
    font-size: 95%
}

.table_kachel_neut td {
    padding-left: 2%
}

@media screen and (max-width: 450px) {
    .table_kachel_neut table {
        width: 100%;
        font-size: 85%
    }
    .table_kachel_neut td {
        padding-left: 2%
    }
}

@media screen and (max-width: 680px) {
    .table_kachel_neut {
        min-width: 100%;
        max-width: 100%;
        clear: left;
        margin: 0 0 2% 0;
    }
}

.table_kachel_neut .tab_krown {
    display: table-row;
    cursor: pointer;
    position: absolute;
    left: 0;
    height: 30px;
    bottom: 0;
    border-top: 1px solid #DD3942;
    text-align: center;
    background: #333;
    color: #FFFFFF;
    font-size: 120%;
    padding-top: 4px
}
    .tab_krow:hover {
        visibility: visible;
        width: 100%;
        border-top: 1px solid #333;
        background: none!important;
        color: #333!important;
        box-shadow: 0px 0px 10px #555!important;
    }
    





#sliderFrame {position:relative;width:100%;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
   
        
#slider {
    width:100%;height:366px;/* Make it the same size as your img */
	background:#fff url(/img/banner/loading.gif) no-repeat 16px 16px;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
}

#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}


/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	top:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	
}

div.mc-caption {
	font-family: 'montserrat-alternates Condensed',sans-serif,tahoma,verdana;
	font-style:italic;
	font-weight : bold;
	font-size : 44px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #000000, -1px -1px #cccccc;
	   filter: chroma(color=#cacbcf) progid:DXImageTransform.Microsoft.dropshadow(color=#60000000, offX=2, offY=2);
	z-index:4;
	padding:30px 10px 10px 50px;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:left;
}
div.mc-caption a {
	color:#ffffff;
	text-decoration:none;

}
div.mc-caption a:hover {
	color:#ffffff;
	}
.cap2 {
	font-family: 'montserrat-alternates Condensed',sans-serif,tahoma,verdana;
	font-style:italic;
	font-weight : normal;

	font-size : 30px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #000000, -1px -1px #cccccc;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:left;
}
.cap2 a {
	color:#ffffff;
	text-decoration:none;
}
.cap2 a:hover {
	color:#ffffff;

}

/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper  {
	top:320px;/* Its position is relative to the #slider */
	text-align:right;
	padding-right:5px;
	background:none;
	position:relative;
	z-index:5;
}
/* each bullet */
#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(/img/banner/bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}






.menu_global {width:100%; text-align:left; height:30px; position:relative; z-index:100; right:0;}
/* Menü-Bereich inklusive Untermenüs wieder durchgehend mausaktiv machen */
.menu_global,
.menu_global ul,
.menu_global li {
  pointer-events: auto !important;
}

.toggle {display:none;}
.menu_global ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menu_global ul {display:inline-block;} 
.menu_global ul {display:inline;}

.menu_global li {margin:0; padding:0; list-style:none;}
.menu_global li.close {display:none;}

.menu_global li {display:inline-block; display:inline;}
.menu_global ul ul {position:absolute; left:-9999px; border:0px solid #aaaaaa; border-top:0px;background:url(../img/trans_weiss90.png);box-shadow: 4px 4px 8px #737373;
-moz-border-radius: 0px 0px 0px 0px;;
-webkit-border-radius: 0px 0px 0px 0px;
-khtml-border-radius:0px 0px 0px 0px; /* Konqueror */
border-radius: 0px 0px 0px 0px;
}
.menu_global ul ul ul {position:absolute; left:-9999px; border:0px solid #157693;border-top:0;}
.menu_global > ul {margin:0 auto;}
.menu_global > ul > li {float:left; display:block; position:relative;}
.menu_global ul ul li a { line-height:25px;color:#157693; font-size:95%; text-decoration:none; border-bottom:solid 1px #157693;  padding:0px 7px 0 7px;}
.menu_global.stickyli ul ul li a { line-height:25px;color:#157693; font-size:95%; text-decoration:none; }


.menu_global > ul > li.has-sub > a {background-image:url(../img/pfeil_unten_wth.png); background-repeat: no-repeat; background-position: right center; padding-right:11px;}
.menu_global.stickyli > ul > li.has-sub > a {background-image:url(../img/pfeil_unten.png); background-repeat: no-repeat; background-position: right center; padding-right:11px;}
.menu_global ul ul > li.has-sub > a {background-image:url(../img/right.png); background-repeat: no-repeat; background-position: right center;}
.menu_global ul li.left ul > li.has-sub > a {background-image:url(../img/left.png); background-repeat: no-repeat; background-position:left center;  }


.menu_global ul li b {display:block; width:100%; height:25px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.1s;
transition: 0s 0.1s;
}
.menu_global ul ul li b {margin-top:-25px;}

.menu_global ul li b { display:none; }


.menu_global a {display:block; font:normal 95%  'roboto', sans-serif,tahoma,verdana;  line-height:15px; text-decoration:none; color:#ffffff; padding:0px 5px 0 5px;border-right:0px solid #aaaaaa; margin:3px 4px 30px 4px;}
.menu_global.stickyli a {display:block; font:normal 95%  'roboto', sans-serif,tahoma,verdana; color:#157693; line-height:5px; text-decoration:none; padding:0px 5px 0 5px;margin:10px 4px 30px 4px;}

.menu_global_on a {display:block; font:bold 95%  'roboto', sans-serif,tahoma,verdana; color:#ffffff; line-height:15px; text-decoration:none; padding:0px 5px 0 5px;}
.menu_global_on.stickyli a {display:block; font:bold 95%  'roboto', sans-serif,tahoma,verdana; color:#157693; line-height:5px; text-decoration:none; padding:0px 5px 0 5px;}

.menu_global_log a {display:block; font:normal 150%  'roboto', sans-serif,tahoma,verdana; background:#ffffffCC;color:#157693; border:solid #157693 1px; line-height:20px; text-decoration:none; margin-top:8px; padding:5px 5px 5px 35px;background-image:url(../img/schloss.png); 
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
-khtml-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;

-moz-background-size:25px 25px;
-webkit-background-size:25px 25px;
background-size:25px 25px;
background-repeat: no-repeat;
background-position: 2px 3px;}
.menu_global_log.stickyli a {display:block; font:normal 95%  'roboto', sans-serif,tahoma,verdana; color:#157693; line-height:15px;background:none; text-decoration:none; padding:0px 5px 0 15px;}

.menu_global > ul > li > a {float:left;}
.menu_global img {margin:0px -5px 0 -3px}
.menu_global.stickyli img {background:#157693;border:1px solid #157693;padding:4px 2px 4px 2px;margin:-8px -10px 0 -3px;
    -moz-border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    -khtml-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;}
    .menu_global.stickyli > ul > li > a {float:left;  font-size:95%;}

.menu_global > ul ul > li > a { font-weight:normal;}

.menu_global > ul ul > li.menu_global_on2 > a {display:block; font:normal 95%  'roboto', sans-serif,tahoma,verdana; color:#ffffff; font-weight:bold;line-height:25px; background:#157693; text-decoration:none; padding:0px 5px 0 10px; font-weight:normal;}


.menu_global ul li:hover > ul, element:active {visibility:visible; color:#ffffff; left:-1px; top:41px; opacity:1;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global.stickyli ul li:hover > ul, element:active {top:25px;}

.menu_global ul ul li:hover > ul, element:active {visibility:visible;color:#ffffff; left:100%; top:auto; margin-top:-11px;box-shadow: 0px 8px 11px #999999;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global ul ul li:hover > a, element:active {color:#ffffff; text-decoration:none;  font-weight:normal; background-color:#157693;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu_global ul ul ul li:hover > a, element:active {color:#ffffff; text-decoration:none;  font-weight:normal;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu_global li.left:hover > ul, element:active {visibility:visible; left:auto; right:-1px; top:28px;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none;}
.menu_global li.left ul li:hover > ul, element:active {visibility:visible; left:auto; right:100%; top:auto; margin-top:-24px;
box-shadow: 0px 8px 11px #999999;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global ul li:hover > b, element:active {width:0;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu_global li.left ul a {text-align:left; padding:0 10px 0 10px;border-right:0px; margin:0;}

.menu_global li ul a {margin:0;border-right:0px;}

.menu_global li:hover > a, element:active {color:#ffffff; text-decoration:none;  font-weight:bold;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global .menu_global_on:hover > a, element:active {color:#ffffff; text-decoration:none;  font-weight:bold;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global .menu_global_log:hover > a, element:active {color:#ffffff; background:#157693cc; background-image:url(../img/schloss_wth.png);-moz-background-size:25px 25px;
-webkit-background-size:25px 25px;
background-size:25px 25px;
background-repeat: no-repeat;
background-position: 2px 1px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
-khtml-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;

 text-decoration:none;  font-weight:normal;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}







.menu_footer {width:85px; text-align:left; position:relative; z-index:100; top:8px;}

.toggle {display:none;}
.menu_footer ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menu_footer ul {display:inline-block;} 
.menu_footer ul {*display:block;}

.menu_footer li {margin:0; padding:0; list-style:none;}
.menu_footer li.close {display:none;}

.menu_footer li {display:inline-block; display:block;}
.menu_footer ul ul {position:absolute; left:-9999px; border:0px solid #157693; border-top:0px;background:url(../img/trans_weiss.png);box-shadow: 4px 4px 8px #737373;
-moz-border-radius: 0px 0px 0px 0px;;
-webkit-border-radius: 0px 0px 0px 0px;
-khtml-border-radius:0px 0px 0px 0px; /* Konqueror */
border-radius: 0px 0px 0px 0px;
}
.menu_footer ul ul ul {position:absolute; left:-9999px; border:0px solid #157693;border-top:0;}
.menu_footer > ul {margin:0 auto;}
.menu_footer > ul > li { display:block; position:relative;}
.menu_footer ul ul li a { line-height:25px;color:#157693; font-size:100%; text-decoration:none; border-bottom:solid 1px #157693;  padding:0px 7px 0 7px;}
.menu_footer.stickyli ul ul li a { line-height:25px;color:#157693; font-size:10px; text-decoration:none; }

.menu_footer > ul > li.has-sub > a {background-image:url(../img/pfeil_unten.png); background-repeat: no-repeat; background-position: right center; padding-right:10px;}
.menu_footer ul ul > li.has-sub > a {background-image:url(../img/right.png); background-repeat: no-repeat; background-position: right center;}
.menu_footer ul li.left ul > li.has-sub > a {background-image:url(../img/left.png); background-repeat: no-repeat; background-position:left center;}

.menu_footer ul li b {display:block; width:100%; height:25px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.5s;
transition: 0s 0.5s;
}
.menu_footer ul ul li b {margin-top:-25px;}

.menu_footer ul li b {*display:none;}

.menu_footer a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#cccccc; line-height:8px; text-decoration:none; padding:0px 5px 0 0;border-right:0px solid #ffffff; margin:0px 4px 10px 0;}
.menu_footer.stickyli a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#cccccc; line-height:8px; text-decoration:none; padding:0px 5px 0 0;}

.menu_footer_on a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#157693; line-height:8px; text-decoration:none; padding:0px 5px 0 0;}
.menu_footer_on.stickyli a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#157693; line-height:8px; text-decoration:none; padding:0px 5px 0 0;}

.menu_footer > ul > li > a {float:left;  font-size:100%;padding:0 6px 0 0;}
.menu_footer.stickyli > ul > li > a {float:left; font-size:100%;padding:0 6px 0 0;}

.menu_footer_on2 a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#157693; line-height:25px; text-decoration:none; padding:0px 5px 0 0; font-weight:normal;}


.menu_footer ul li:hover > ul, element:active {visibility:visible; color:#157693; left:-1px; top:15px; opacity:1;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_footer.stickyli ul li:hover > ul, element:active {visibility:visible; color:#157693; left:-1px; top:100%; opacity:1;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer ul ul li:hover > ul, element:active {visibility:visible;color:#157693; left:100%; top:auto; margin-top:-100%;box-shadow: 0px 8px 11px #999999;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px; -webkit-user-select: none; -webkit-touch-callout: none}
.menu_footer ul ul li:hover > a, element:active {color:#157693; text-decoration:none;  font-weight:normal; background-color:#157693;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer ul ul ul li:hover > a, element:active {color:#157693; text-decoration:none;  font-weight:normal;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer li.left:hover > ul, element:active {visibility:visible; left:auto; right:-1px; top:85px;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_footer li.left ul li:hover > ul, element:active {visibility:visible; left:auto; right:100%; top:auto; margin-top:-100%;
box-shadow: 0px 8px 100% #999999;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_footer ul li:hover > b, element:active {width:0;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer li.left ul a {text-align:left; padding:0 10px 0 10px;border-right:0px; margin:0;}

.menu_footer li ul a {margin:0;border-right:0px;}

.menu_footer li:hover > a, element:active {color:#ffffff; text-decoration:underline; font-weight:normal;-webkit-user-select: none; -webkit-touch-callout: none}






#modalContainer {
	background-color:rgba(0, 0, 0, 0.4);
	position: fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1000000;
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:1px solid #157693;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:20px 30px;
		-moz-border-radius:5px 5px 0 0; /* Firefox */
	-webkit-border-radius:5px 5px 0 0; /* Chrome, Safari */
	-khtml-border-radius:5px 5px 0 0; /* Konqueror */
	border-radius:5px 5px 0 0; /* CSS3 */

}

#modalContainer > #alertBox {
	position:fixed;
	
}

#alertBox h1 {
	margin:0;
	font:400 16px 'montserrat-alternates', sans-serif;;
	background-color:#157693;
	color:#FFF;
	border-bottom:0px solid #157693;
	padding:2px 5px 2px 15px;
	-moz-border-radius:5px 5px 0 0;; /* Firefox */
	-webkit-border-radius:5px 5px 0 0;; /* Chrome, Safari */
	-khtml-border-radius:5px 5px 0 0;; /* Konqueror */
	border-radius:5px 5px 0 0;; /* CSS3 */
	background:#157693;
	color:#ffffff;
	box-shadow: 0px 10px 5px 0 #157693 inset;
}
	 @media screen and (max-width: 640px) {
	 #alertBox h1 {
	font:bold 22px 'montserrat-alternates', sans-serif;;
				}
}
#alertBox p {
	font:14px 'montserrat-alternates', sans-serif;;
	height:50px;
	padding-left:5px;
	margin-left:5px;
	margin-top:15px;
}
	 @media screen and (max-width: 640px) {
	 #alertBox p {
	font:20px 'montserrat-alternates', sans-serif;;
				}
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:70px;
	font:12px 'montserrat-alternates', sans-serif;;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#157693;
	border-radius: 3px;
	text-decoration:none;
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #157693;
	border-bottom:2px solid #157693;
	font:16px 'montserrat-alternates', sans-serif;;

}



code {
	font-size:16px;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:16px 'montserrat-alternates', sans-serif;;
	border-top:1px solid #157693;
	border-bottom:1px solid #157693;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #157693;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}






@media screen and (min-width: 767px) {
.menu {width:100%; text-align:left; height:25px; position:relative; z-index:100; left:0;}
/* Menü-Bereich inklusive Untermenüs wieder durchgehend mausaktiv machen */
.menu,
.menu ul,
.menu li {
  pointer-events: auto !important;
}
.toggle {display:none;}
.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menu ul {display:inline-block;} 
.menu ul {*display:inline;}

.menu li {margin:0; padding:0; list-style:none;}
.menu li.close {display:none;}

.menu li {display:inline-block; display:inline;}

.menu ul ul {position:absolute; left:-9999px;  background-color: #382100b3 !important; 
box-shadow: 0px 2px 3px #382100b3;
  border: solid #8c5200 1px !important;border-top:0px;
  box-sizing: border-box !important;
  text-decoration: none; 
  padding: 0px 0px !important; 
  border-radius: 8px;
}

.menu ul ul ul {position:absolute; left:-9999px; border:0px solid #ffffff;border-top:0;background:#ffffff}
.menu > ul {margin:0 auto;}
.menu > ul > li {float:left; display:block; position:relative;}


.menu ul ul li a { font:normal 100%  'roboto', sans-serif,tahoma,verdana;line-height:30px;color:#ffffff; text-decoration:none; border-bottom:solid 1px #382100;padding-right:20px; text-shadow:none;}
.menu.stickyli ul ul li a { line-height:35px;font-size:90%; text-decoration:none;}

.menu > ul > li.has-sub > a {background-image:url(../img/down.png); background-repeat: no-repeat; background-position: right center;}
.menu ul ul > li.has-sub > a {background-image:url(../img/right.png); background-repeat: no-repeat; background-position: right center;}

.menu .menu_on2 ul ul  > li.has-sub  > a {background-image:url(../img/right_wth.png); background-repeat: no-repeat; background-position: right center;}
.menu ul li.left ul > li.has-sub > a {background-image:url(../img/left.png); background-repeat: no-repeat; background-position:left center;}
.menu ul li.left ul > li.has-sub > a {background-image:url(../img/left_wth.png); background-repeat: no-repeat; background-position:left center;}

.menu ul li {border-right:1px solid #cccccc;top:7px;height:30px;}
.menu.stickyli ul li {top:0px;}
.menu ul li:last-child {color:#000000;border:0px;}
.menu ul ul li {border-right:0px solid #cccccc;}

.menu ul li b {display:block; width:100%; height:45px; background:transparent; position:relative; z-index:100000;
-webkit-transition: 0s 0.1s;
transition: 0s 0.1s;
}


.menu ul ul li b {margin-top:-20px;height:20px;}


.menu ul { height:auto;

}

.menu ul ul {height:auto;}

.menu a {display:block; font:normal 100% 'roboto', sans-serif,tahoma,verdana; color:#ffffff; line-height:32px; text-decoration:none; padding:0px 10px 0 10px;margin:0px 0px 0px 0px;
 }
.menu.stickyli a {display:block; font:normal 100% 'roboto', sans-serif,tahoma,verdana; color:#ffffff; line-height:20px; text-decoration:none; }

.menu_on > a {display:block; font:bold 100% 'roboto', sans-serif,tahoma,verdana; color:#ffffff;line-height:32px; text-decoration:none;text-shadow:1px -1px 1px #382100;
    border-radius:5px 5px 2px 2px;
-webkitborder-radius:5px 5px 2px 2px;
-khtmlborder-radius:5px 5px 2px 2px;
padding:0px 10px 0 10px; }

.menu_on.stickyli > a {display:block; font:normal 100% 'roboto', sans-serif,tahoma,verdana; color:#ffffff; line-height:20px; text-decoration:none; }

.menu > ul > li > a {float:left;}
.menu img {margin-top:-5px;}
.menu.stickyli img {width:30px; margin-top:-7px;}
.menu.stickyli > ul > li >  a {float:left; font-size:100%; margin-top:6px;padding:5px 10px 3px 10px;}

.menu li .menu_on2 > a {display:block; font:bold 100%  'roboto', sans-serif,tahoma,verdana;color:#ffffff; background-color:#382100; line-height:35px; text-decoration:none; padding:0px 10px 0 10px; font-weight:normal;}

.menu ul li:hover > ul, element:active {visibility:visible; color:#ffffff; left:5px; top:31px; opacity:1;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu ul ul li:hover > ul, element:active {visibility:visible;color:#ffffff; left:100%; top:auto; margin-top:-33px;box-shadow: 2px 0px 6px #737373;
border-radius:  0px 5px 5px 0px;
-webkitborder-radius: 0px 5px 5px 0px;
-khtmlborder-radius: 0px 5px 5px 0px; /* Konqueror */
border-radius:  0px 5px 5px 0px;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu ul ul li:hover > a, element:active {color:#ffffff; text-decoration:none;
 font-weight:normal; user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu ul ul ul li:hover > a , element:active{color:#ffffff; text-decoration:none;  font-weight:normal;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu li.left:hover > ul, element:active {visibility:visible; left:auto; right:-50px; top:33px;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}
.menu li.left ul li:hover > ul, element:active {visibility:visible; left:auto; right:100%; top:auto; margin-top:-23px;
box-shadow: 0px 8px 13px #999999;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}
.menu ul li:hover > b, element:active {width:0;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu li.left ul a {text-align:left; padding:0 10px 0 16px;border-right:0px; margin:0;}

.menu li ul a {margin:0;border-right:0px;}

.menu li:hover > a, element:active {color:#382100; text-decoration:none;  font-weight:normal;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;border-radius:5px 5px 2px 2px;-webkit-text-stroke: 2px #8a6024;
    paint-order: stroke fill; /* Schiebt die Umrandung hinter die Textfüllung */}

.menu .menu_on:hover > a, element:active {color:#ffffff; text-decoration:none; font-weight:bold;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;-webkit-text-stroke: 0}

.menu .menu_on2:hover > a, element:active {color:#ffffff; text-decoration:none; font-weight:normal;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}



}





@media screen and (max-width: 1170px) {

.menu_mobile {position:relative;width:100%; text-align:left; height:auto;   z-index:100; left:0;}

.toggle {display:none;}
.menu_mobile ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menu_mobile ul {display:inline-block;} 
.menu_mobile ul {display:inline }

.menu_mobile li {margin:0; padding:0; list-style:none;}
.menu_mobile li.close {display:none;}

.menu_mobile li {display:inline-block; display:inline;}
.menu_mobile ul ul {position:relative; left:0px; border:0px solid #382100; border-top:0px;}
.menu_mobile ul ul ul {position:relative; left:0px; border:0px solid #382100;border-top:0;}
.menu_mobile > ul {margin:0 auto;}
.menu_mobile > ul > li {display:block; position:relative;}
.menu_mobile ul ul li a { font:bold 100%  'roboto', sans-serif,tahoma,verdana;line-height:30px;color:#8a8a8a; text-decoration:none; border-bottom:solid 1px #cccccc; text-shadow:none;}

.menu_mobile > ul > li.has-sub > a {background-image:url(../img/down.png); background-repeat: no-repeat; background-position: right center;}
.menu_mobile ul ul > li.has-sub > a {background-image:url(../img/down.png); background-repeat: no-repeat; background-position: right center;border:0;}
.menu_mobile .menu_on2 ul ul  > li.has-sub  > a {background-image:url(../img/right_wth.png); background-repeat: no-repeat; background-position: right center;}
.menu_mobile ul li.left ul > li.has-sub > a {background-image:url(../img/left.png); background-repeat: no-repeat; background-position:left center;}
.menu_mobile ul li.left ul > li.has-sub > a {background-image:url(../img/left_wth.png); background-repeat: no-repeat; background-position:left center;}



.menu_mobile ul { height:auto;width:100%;}

.menu_mobile ul ul {height:auto;width:100%;}

.menu_mobile a {display:block; font:600 110% 'Montserrat Alternates', sans-serif,tahoma,verdana; color:#382100; line-height:30px; text-decoration:none;text-shadow:1px 1px 1px #ccc; padding:0px 10px 0 20px;border-bottom:1px solid #cccccc;margin:6px 0px 0px 0px;
 }

.menu_on > a {display:block; font:bold 110% 'Montserrat Alternates', sans-serif,tahoma,verdana; color:#ffffff; background:#382100;border:0;border-top:1px solid #382100;line-height:30px; text-decoration:none;
    border-radius:5px 5px 0px 0px;
-webkitborder-radius:5px 5px 0px 0px;
-khtmlborder-radius:5px 5px 0px 0px;
padding:0px 10px 0 20px; }


.menu_mobile > ul > li > a {display:block;}
.menu_mobile img {margin-top:-5px;}



.menu_mobile li .menu_on2 > a {display:block; font:bold 100%  'roboto', sans-serif,tahoma,verdana;color:#ffffff; background-color:#382100; line-height:30px; text-decoration:none; padding:0px 10px 0 40px; font-weight:bold;}

.menu_mobile ul ul li .menu_on2 > a {display:block; font:bold 100%  'roboto', sans-serif,tahoma,verdana;color:#ffffff; background-color:#382100; line-height:30px; text-decoration:none; padding:0px 10px 0 60px; font-weight:bold;}

.menu_mobile ul li:hover > ul, element:active {position:relative; visibility:visible; color:#ffffff;  opacity:1;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu_mobile ul ul li:hover > ul, element:active {position:relative;visibility:visible;color:#382100; top:auto; margin-top:0px;}

.menu_mobile ul ul ul  li > a, element:active { padding:0px 10px 0 60px;color:#000000; text-decoration:none; font-weight:bold; }

.menu_mobile ul ul li > a, element:active { padding:0px 10px 0 40px;color:#000000; text-decoration:none; font-weight:bold; }

.menu_mobile ul ul ul li:hover > a , element:active{color:#382100; text-decoration:none;  font-weight:bold;}
.menu_mobile ul ul li:hover > a , element:active{color:#382100; text-decoration:none;  font-weight:bold;}

.menu_mobile li.left:hover > ul, element:active {visibility:visible; left:auto; }
.menu_mobile li.left ul li:hover > ul, element:active {visibility:visible; left:auto; right:100%; top:auto;}

.menu_mobile li.left ul a {text-align:left; padding:0 10px 0 16px;border-right:0px; margin:0;}

.menu_mobile li ul a {margin:0;border-right:0px;}

.menu_mobile li:hover > a, element:active {color:#000000; text-decoration:none;  font-weight:bold;}

.menu_mobile .menu_on:hover > a, element:active {color:#ffffff; text-decoration:none; font-weight:bold;}

.menu_mobile .menu_on2:hover > a, element:active {color:#ffffff; text-decoration:none; font-weight:bold;}




}







@media screen and (max-width: 1000px) {

.woche
{
position: relative;
margin:2px 1% 2px 0;
padding:0 auto;
float:none;
clear:left;

width:100%;
border:solid 1px #157693;

}

.wochentagauswahl{
position: relative;
background:#F9FFFA;
text-align:center;
padding:4px;
float:left;
width:100%;
border: solid 1px #ccc;
display:block;
cursor:hand;
cursor:pointer;
}
.wochentagauswahl:hover{
position:relative;
background-color:#157693;
padding:4px;
float:left;
width:100%;
border: solid 1px #157693;
display:block
}

.wochentagauswahl:after{
clear:left;
}
.cal_ttime{
    writing-mode: vertical-lr;
    padding-top:3px;
    padding-left:2px;
    width:100%
    }
    .hilfe_tree{
        width:25%;float:left

    }
    .hilfe_cont{
        width:75%;float:left

    }
}






@media screen and (max-width: 1180px) {
html,
body {

  font-size: 17px;

}


.table_kachel {
	width:98% !important;
margin:0 1% 1% 0;
padding:1% 0 1% 2%; 
	font-size:100%;
clear:left;
}
.headerlogo,
.headerlogo_oeff {
  top: 60px;
}
.headerlogo.stickydiv {
left:50px;
}

/* Style the tab */
div.tab_detail button {display: none;
}
div.tab_detail button.active {display: block;    float: left;
}
div.tab_detail.responsive { background:#157693; height:auto; width:100%; z-index:2; position: absolute; border:solid 1px #000;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-khtml-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px; }
div.tablinks_detail.responsive{
    position: absolute;
    right: 0;
    top: 0;}
	
div.tab_detail.responsive button {
    float: none;
    font-size: 110%;
	height:50px;
	width:100%;
    display: block;
    text-align: left;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
border-radius:0;

  }

  div.tab_detail button.icon { 
    float: right;
    display: block;
		height:auto;
		width:30px;
		
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
			z-index:10000;
			background:url("../img/riter_icon.png");
			background-position:5px 4.5px;
			background-repeat:no-repeat;
}
  div.tab_detail.responsive button.icon  {
    float: right;
	width:auto;
    display: block;
    text-align: left;
	box-shadow: 0 0 0 0 #eee inset; 
	border:none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 90%;
	background:url("../img/riter_icon__aus_wth.png");
	background-position:0px 5px;
	background-repeat:no-repeat;
  }	


.btn_cont .line_btn_oben { 
height:25px !important;
width:25px;
top:-5px
}
.btn_cont .line_btn_oben img{ 
height:20px;
width:20px;
}
.btn_cont .line_btn { 
height:25px !important;
width:25px;
left:5px

}
.btn_cont .line_btn img{ 
height:20px;
width:20px;
}
.btn_cont_full .full_btn { 
height:28px;
width:28px;
	box-shadow: 0 0 28px 3px #382100 inset; 

}
.btn_cont_full .full_btn img{ 
height:20px;
width:20px;
}

.btn_cont_full_none .full_btn { 
height:28px;
width:28px;
	box-shadow: 0 0 28px 3px #382100 inset; 

}
.btn_cont_full_none .full_btn img{ 
height:20px;
width:20px;
}


div#rowContainer_line {
margin-top:12%;
}

div#Col14 {
width:50%;
float:left;
text-align:center; 
min-height:160px;  
border-right:0px;
}
div#Col14_footer {
width:50%;
float:left;
text-align:center; 
min-height:160px;  
border:0px;
}
div#Col14_footer_Left {
width:50%;
float:left;
text-align:center; 
min-height:160px;  
border:0px;
}
div#Col14_footer_Right {
width:50%;
float:left;
text-align:center; 
min-height:160px;  
border:0px;
}


.tab_row:hover, .tab_row:active {
visibility:visible;
background: #382100!important;
	box-shadow:none;
color:#FFFFFF!important;
-webkit-touch-callout: none
}





.textpfeile
{
display:none;
}
.editbox {
visibility:hidden;
}
.woche
{
position: relative;
margin:2px 1% 2px 0;
padding:0 auto;
float:none;
clear:left;

width:100%;
border:solid 1px #E7F3FB;

}

.wochentagauswahl{
position: relative;
background:#F9FFFA;
text-align:center;
padding:4px;
float:left;
width:100%;
border: solid 1px #ccc;
display:block;
cursor:hand;
cursor:pointer;
}
.wochentagauswahl:hover{
position:relative;
background-color:#E7F3FB;
padding:4px;
float:left;
width:100%;
border: solid 1px #E7F3FB;
display:block
}

.wochentagauswahl:after{
clear:left;
}

.search_ico{

    height:26px;
    width:5%;

}  

.search_inp {
    height:25px;
    width:93%;

    }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


	#mobile-header {
		position:absolute;

		top:-1px;
		left:0px;;
		padding:0px;
        display: block;
		height:30px;
		width:30px;
		
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
			z-index:10000;


    }
#mobile-header.stickydiv {
	top:11px;
	left:0px;;
	padding:0px;
	display: block;
	height:30px;
	width:30px;

    }
#navigation {
    display: none;
}
.cal_schule{

    font-size:90%;
}
.cal_mieter{

    font-size:90%;
}
.cal_reinigung{

    font-size:90%;
}
.cal_titel{
    font-size:80%;

}
.cal_ttime{
padding-left:0px;

width:100%

    }
    .widget_aus{
        display:none;
    } 
       .widget_del{
        display:none;
    }
    .wtgdrag{
        position:relative !important;
        top:0px !important;
        left:10px !important;
        width:95% !important;
        margin-bottom:10px;
            clear:left
        }
        /* Icon 1 */

#mob-icon {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  #mob-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #ffffff;
    border-radius: 7px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
      #mob-icon.stickydiv span  {

    background: #ffffff;

  }
  #mob-icon span:nth-child(1) {
    top: 3px;
  }
  
  #mob-icon span:nth-child(2) {
    top: 13px;
  }
  
  #mob-icon span:nth-child(3) {
    top: 24px;
  }
  
  #mob-icon.open span:nth-child(1) { 
    top: 13px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  
  #mob-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  
  #mob-icon.open span:nth-child(3) { 
    top: 13px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

 .logoicon {
  position: absolute;
 margin-top: 200px;
  display: flex;
  justify-content: center; /* Horizontal zentrieren */
 height: auto;
  width: 100%;             /* <-- Das hier hinzufügen! */
  font-family: 'roboto', sans-serif, tahoma, verdana;
  font-size: 130%;
}
.home .logoicon {
  position: static;
  top: auto;
   margin-top: 0;
  display: flex;
  justify-content: center; /* Horizontal zentrieren */
  align-items: center;     /* Vertikal zentrieren */
  min-height: 100dvh;
  height: auto;
  width: 100%;             /* <-- Das hier hinzufügen! */
  box-sizing: border-box;
z-index: 500;
  font-family: 'roboto', sans-serif, tahoma, verdana;
  font-size: 130%;
}
.home .logoicon.stickydiv {
  display:none
}
}





@media screen and (max-width: 767px) {
#slider {
    width:100%;height:250px;/* Make it the same size as your img */
	background:#fff url(/img/banner/loading.gif) no-repeat 16px 16px;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
   
}
/* Probably there are more classes, but I haven't discoverd them yet */
 #slider,
#slider .mcSlc, #slider .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size: 800px 250px !important;
 }
 div.mc-caption{
 font-size : 30px;
 }
 cap2{
 font-size : 20px;
 }
 #slider div.navBulletsWrapper  {
	top:220px;/* Its position is relative to the #slider */
	}
}






@media screen and (max-width: 520px) {
html,
body {

  font-size: 18px;

}
.headerlogotext.stickydiv {font-size: 100%; top:17px;}

div#Col12,div#Col13,div#Col131,div#Col132,div#Col133,div#Col23,div#Col14,div#Col14_right,div#Col34,div#Col15,div#Col56, div#Col16,div#Col17,div#Col18,div#Col19,div#Col110,div#Col111,div#Col112,div#Colrow,div#Col12Padd_Right,div#Col12Padd_Left,div#Col14Padd_Right,div#Col14Padd_Left,div#Col14Padd_Right12,div#Col14Padd_Left12,.Col12,.ColSp2txt,.ColSp2pic {
float:none;
position: relative;
width: 100%;
clear: both;
float:none;
height: auto;
padding-left:2%;
padding-right:2%;
}

div#Col17 {
display:none;

}

.table_kachel {
float:none;
position: relative;
width: 100%;
padding:1% 0.5% 1% 3%; 
clear: both;
float:none;
height: auto;
margin-bottom:2%;
}
.table {
    display:table;
	width:100%;
	border-bottom:1px solid #ccc;
}
.table .table_titel {
    display:none;
	font-size:80%;
	font-weight:bold;
	color:#999999
}
.table .tab_row {
    display: block;
	padding:5px;	
	border:1px solid #ccc;
	width:auto;
}
.table div div {
    display:block;
	width:auto;
	padding:3px;
	border:0px solid #000000; 
}

.table .div_cell {
    display:table-cell;
	width:auto;
	padding:3px;
	border:0;
}
.table .div_cell_platzhalter {
    display:table-row;
}
.btn_cont_full_none {
 display: inline-block;
 }
 .btn_cont_full_none .full_btn:hover{ 
	box-shadow: 0 0 0 0 #E7F3FB inset; 
		background:#326496;

}
div#rowContainer_line {
margin-top:16%;
margin-bottom:16%;
}

div#Col14 {
width:100%;
border-right:0px;
vertical-align:middle;
}
div#Col14_footer {
width:100%;
float:left;border:0px;
border-bottom:1px solid #5f3700;
margin-bottom:10px;
}
div#Col14_footer_Left {
width:100%;
float:left;
border:0px;
border-bottom:1px solid #5f3700;
margin-bottom:10px;

}
div#Col14_footer_Right {
width:100%;
float:left;
border:0px;
border-bottom:1px solid #5f3700;
margin-bottom:10px;

}


footer {
padding-top:60px;
}


.btn_cont .line_btn_oben { 
height:30px !important;
width:30px;
top:-10px
}
.btn_cont .line_btn_oben img{ 
height:25px;
width:25px;
}
.btn_cont .line_btn { 
height:30px !important;
width:30px;
left:10px

}
.btn_cont .line_btn img{ 
height:25px;
width:25px;
}
.btn_cont_full .full_btn { 
height:33px;
width:33px;
	box-shadow: 0 0 28px 3px #326496 inset; 

}
.btn_cont_full .full_btn img{ 
height:25px;
width:25px;
}
.search_inp {
    height:25px;
	width:315px;
}
.globalnav {
top:5px;
}

.globalnav.stickydiv {
top:5px;
}
.bildfenster{
width: auto !important;
}
.textpfeile
{
display:block;
text-align:center;
background-color:#003366;
background:url(../../../img/pfeil_unten_green.png);
background-repeat:no-repeat;
background-position:center;
width:100%;
height:50px;
}
.mitabeiterdetail{
clear:both;
}
.wtgdrag{
position:relative;
	left:0px;
	width:100%;
	clear:left
}
.hilfe_tree{
	width:100%;float:none;

}
.hilfe_cont{
	width:100%;float:none

}
.sp_bild_cont_l {
padding:0;  
padding-top:20px;     
}
.sp_bild_cont_r {
padding:0; 
}

}





@media screen and (max-width: 520px) {

#slider {
    width:100%;height:180px;/* Make it the same size as your img */
	background:#fff url(/img/banner/loading.gif) no-repeat 16px 16px;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
   
}
/* Probably there are more classes, but I haven't discoverd them yet */
 #slider,
#slider .mcSlc, #slider .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size: 480px 180px !important;
 }
 div.mc-caption{
 font-size : 30px;
 }
 cap2{
 font-size : 20px;
 }
 #slider div.navBulletsWrapper  {
	top:150px;/* Its position is relative to the #slider */
	}
}






@media screen and (max-width: 360px) {
.vorfooter {
padding-bottom:280px;
}
}








@media screen and (max-width: 360px) {

#slider {
    width:100%;height:88px;/* Make it the same size as your img */
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
   
}
/* Probably there are more classes, but I haven't discoverd them yet */
 #slider,
#slider .mcSlc, #slider .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size:  360px auto !important;
 background-position:center;
 
 }
 div.mc-caption{
 font-size : 25px;
 	padding:33px 10px 10px 20px;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
filter:alpha(opacity=80); /* IE */
-moz-opacity: 0.80; /* Mozilla */
opacity: 0.80; /* Opera */ }
.cap2 {
	font-family: 'Roboto Condensed',sans-serif,tahoma,verdana;
	font-style:italic;
	font-weight : normal;

	font-size : 20px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #000000, -1px -1px #cccccc;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:left;
}
.cap2 a {
	color:#ffffff;
	text-decoration:none;
}
.cap2 a:hover {
	color:#ffffff;

}
 #slider div.navBulletsWrapper  {
	top:65px;/* Its position is relative to the #slider */
	}
}





@media print {
body
{
size:210mm 297mm;
margin-top:0cm;
margin-bottom:1.5cm;
margin-left:-1.5cm;
margin-right:0cm;
font-family: "verdana", Times, serif;
}	
	
	#content   { 
background-color:transparent;
padding: 0;
margin: 0;
}
.headerlogo:after {
position:absolute;
height:86px;
width:200px;
top:5px;
left:0px;
content:url(../img/logo.png);
}

#sliderFrame, #seitenbild, #seitenbild_div,#seitenbild_ramen1,#seitenbild_ramen2, .globalnav, .navigation {
display:none;
	}
	
.logoicon {
	width:400px;

	font-size:200%
	}
	
a:linktext, a:linktext:after  { 
color: #000000;
background-color:transparent; 
content: " * Link " attr(href) "* ";
}
}



/* for iPhone, iPod Touch and iPad */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
@media only screen and (max-device-width:768px) 
{

.menu ul ul {display:none;}
.menu ul li:hover > ul {display:block;}
.menu ul li.hasSub:hover ~ li.close {display:block;}
}
#cookiehinweis a {color:#000; text-decoration:none;}

#cookiehinweis a:hover {text-decoration:underline;}

#cookiehinweis div {padding:10px; padding-right:40px;}

#cookiehinweis { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;
   display:none}

#cookiehinweisCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;

   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiehinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}
/* Works on Firefox */
* {
   scrollbar-width: thin;
   scrollbar-color: #5f3700 #382100;
 }
 
 /* Works on Chrome, Edge, and Safari */
 *::-webkit-scrollbar {
   width: 12px;
 }
 
 *::-webkit-scrollbar-track {
   background: #157693;
 }
 
 *::-webkit-scrollbar-thumb {
   background-color: #157693 ;
   border-radius: 20px;
   border: 3px solid #157693;
 }