/* LAYOUT ***********************************************************************************************************************************************************************************************/

/* wrapper */
.wrapper {position:relative;margin:0 auto;text-align:left;}
.wrapper.keintitelbild {margin:0;}

/* header */
header {position:absolute;}
.logo {left:0;width:15%;max-width:150px;padding:1em;}
.logo a {width:100%;}

/* Suche */
a.lupe {width:100%;height:auto;font-size:1.125em;padding:1.5em 0;}
a.lupe .fa-search {display:block;font-family:FontAwesome;font-size:1em;line-height:normal;}
.suche_outer {position:absolute;top:9em;left:50%;width:80%;z-index:52;margin-left:-40%;}
.suche form input {height:40px;font-size:1.25em;}

/* Hauptnavigation */
.navbuttons {width:50px;}
a.hamburger {display:none;}
.hauptnavigation {display:block;float:right;width:80%;padding:0;margin:0;}
.hauptnavigation.hide {display:none;}
.hauptnavigation ul.nlv_1 {display:block;list-style:none;width:100%;height:100%;text-align:right;padding:0;margin:0;}
.hauptnavigation .nlv_1 > li {display:inline-block;position:relative;font-size:1em;color:#fff;outline:0;padding:0;margin:0;}
.hauptnavigation .nlv_1 > li > a {display:block;position:relative;font-size:1em;font-weight:600;text-transform:uppercase;text-decoration:none;color:#fff;padding:1.5em 0.5em;}
.hauptnavigation .nlv_1 > li:hover > a, .hauptnavigation .nlv_1 > li:focus > a, .hauptnavigation .nlv_1 > li.dropit-open > a, .hauptnavigation .nlv_1 > li.npt_on > a {display:block;position:relative;color:#e6a400;text-decoration:none;cursor:pointer;}

.hauptnavigation .nlv_1 > li.dropit-open > span {color:#fff;}
.hauptnavigation .nlv_1 > li:hover, .hauptnavigation .nlv_1 > li:active, .hauptnavigation .nlv_1 > li:focus, .hauptnavigation .nlv_1 > li.dropit-open {display:inline-block;color:#fff;outline:0;}
.hauptnavigation .nlv_1 > li.npt_on > span {display:block;color:#fff;text-decoration:none;}
.hauptnavigation .nlv_1 > li.npt_on, .hauptnavigation .nlv_1 > li.npt_on:focus {display:inline-block;color:#e6a400;outline:0;text-decoration:none;cursor:pointer;}
.hauptnavigation .nlv_1 > li.npt_on:hover, .hauptnavigation .nlv_1 > li.npt_on:active, .hauptnavigation .nlv_1 > li.npt_on.dropit-open {display:inline-block;color:#fff;outline:0;text-decoration:none;cursor:pointer;}

.dropit {list-style:none;padding:0;margin:0;}
.dropit .dropit-trigger {}
.dropit .dropit-submenu {list-style:none;position:absolute;top:100%;left:0.5em;z-index:1000;width:295px;height:0;visibility:hidden;opacity:0;font-size:1em;background:#fff;padding:0.625em;margin:0;transition:visibility 0s linear 0s,opacity 0s linear;-webkit-transition:visibility 0s linear 0s,opacity 0s linear;-moz-transition:visibility 0s linear 0s,opacity 0s linear;-o-transition:visibility 0s linear 0s,opacity 0s linear;}
.dropit .dropit-submenu:after {bottom:100%;left:17px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-bottom-color:#ffffff;border-width:7px;margin-left:-7px;}
#nlt_2517_8 .dropit-submenu {left:auto;right:0.5em;}
#nlt_2517_8 .dropit-submenu:after {left:auto;right:17px;margin-left:0;margin-right:-7px;}
.hauptnavigation .nlv_1.dropit .dropit-open .dropit-submenu {visibility:visible;opacity:1;/*display:block;*/height:auto;transition:visibility 0s linear 0.15s,opacity 0.15s linear;-webkit-transition:visibility 0s linear 0.15s,opacity 0.15s linear;-moz-transition:visibility 0s linear 0.15s,opacity 0.15s linear;-o-transition:visibility 0s linear 0.15s,opacity 0.15s linear;transition-delay:0.15s;-webkit-transition-delay:0.15s;-moz-transition-delay:0.15s;-o-transition-delay:0.15s;}

.hauptnavigation .nlv_2 li {list-style:none;text-transform:none;border-bottom:1px solid #e4e4e4;padding:0;margin:0;}
.hauptnavigation .nlv_2 li, .hauptnavigation .nlv_2 li:hover, .hauptnavigation .nlv_2 li:focus, .hauptnavigation .nlv_2 li.npt_on {width:100%;display:block;position:relative;padding:0;margin:0;font-size:1.125em;font-weight:400;text-align:left;color:#222426;}
.hauptnavigation .nlv_2 li.npt_last, .hauptnavigation .nlv_2 li.npt_on.npt_last {margin:0;}

.hauptnavigation .nlv_1 > li:hover > .nlv_2 > li > a, .hauptnavigation .nlv_1 > li.dropit-open > .nlv_2 > li > a {display:block;font-weight:400;color:#222426;padding:2% 0 2% 0;margin:0;}

.hauptnavigation .nlv_2 li a, .hauptnavigation .nlv_2 li a:hover {width:auto !important;font-size:1em;text-decoration:none;color:#222426;padding:2% 0 2% 0;margin:0;}
.hauptnavigation .nlv_2 li a, .hauptnavigation .nlv_2 li a:visited {display:block;font-size:1em;text-align:left;text-decoration:none;color:#222426;padding:2% 0 2% 0;margin:0;}
.hauptnavigation .nlv_2 li a:hover, .hauptnavigation .nlv_2 li a:active {display:block;font-size:1em;text-decoration:underline;text-align:left;color:#e6a400;padding:2% 0 2% 0;margin:0;}


/* Icons */
.randicons {display:block;position:absolute;top:120px;right:0;width:40px;z-index:2;}
.randicons a, .randicons a:visited {display:block;float:right;width:40px;height:40px;font-size:0.875em;font-weight:300;line-height:40px;text-align:center;text-decoration:none;color:#fff;background:#e6a400;margin:0 0 5px 0;-webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.25);overflow:hidden;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.randicons a:hover, .randicons a:focus, .randicons a:active {display:block;float:right;width:40px;height:40px;font-size:0.875em;font-weight:300;line-height:40px;text-align:center;text-decoration:none;color:#fff;background:#e6a400;margin:0 0 5px 0;-webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.25);overflow:hidden;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.randicons a i, .randicons a:hover i, .randicons a:focus i, .randicons a:active i, .randicons a:visited i {font-family:FontAwesome;font-size:1.5em;font-style:normal;}

.randicons .kontakt span {display:none;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.randicons .kontakt:hover, .randicons .kontakt:focus {width:110px;text-align:right;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.randicons .kontakt:hover span, .randicons .kontakt:focus span {display:inline-block;line-height:40px;float:left;padding:0 0 0 10px;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.randicons .kontakt:hover i, .randicons .kontakt:focus i {margin:0 12px;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.randicons .oeffnungszeiten span {display:none;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.randicons .oeffnungszeiten:hover, .randicons .oeffnungszeiten:focus {width:150px;text-align:right;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.randicons .oeffnungszeiten:hover span, .randicons .oeffnungszeiten:focus span {display:inline-block;line-height:40px;float:left;padding:0 0 0 10px;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.randicons .oeffnungszeiten:hover i, .randicons .oeffnungszeiten:focus i {margin:0 13px 0 13px;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}

/* Breadcrumb */
.breadcrumb {display:block;width:100%;font-size:0.875em;font-weight:400;color:#aaabac;background:#f4f6f8;padding:0.875em 0;margin:0 auto 4em auto;}
.breadcrumb.keintitelbild {margin:12em 0 4em 0;}
.breadcrumb .fa-map-marker {font-size:1.286em;margin:0 0.75% 0 0;}
.breadcrumb ul, .breadcrumb li {display:inline;margin:0;padding:0;list-style-type:none;}
.breadcrumb span {color:#fff;}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {display:inline;padding:0 1px;text-decoration:none;color:#aaabac;}
.breadcrumb a:hover, .breadcrumb a:active{display:inline;text-decoration:underline;color:#aaabac;}
.breadcrumb a.npt_first {padding:0 1px 0 0;}
.breadcrumb a.npt_last {text-decoration:none;padding:0 0 0 1px;color:#666b6e;}

/* submenu */
.submenu {float:left;display:block;position:relative;width:30%;padding:0;margin:0 4% 0 0;}
.submenu ul {display:block;margin:0;padding:0;list-style-type:none;}
.submenu ul ul {margin:0;}
.submenu li {position:relative;padding:0;margin:0;list-style-type:none;border-bottom:1px solid #e4e4e4;}
.submenu .nlv_2 > li.npt_on:before {content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#6991b9;}
.submenu li a, .submenu li a:link, .submenu li a:hover, .submenu li a:active, .submenu li a:visited {display:block;text-decoration:none;}
.submenu li li {position:relative;padding:0;margin:0;border:none;}

/* Level 1 */
.submenu ul.nlv_1 ul {margin:0;padding:0;border:0;background:none;}
.submenu ul.nlv_1 li {display:block;margin:0;padding:0;}
.submenu ul.nlv_1 li.npt_on a,
.submenu ul.nlv_1 li.npt_on a:link,
.submenu ul.nlv_1 li.npt_on a:hover,
.submenu ul.nlv_1 li.npt_on a:active
.submenu ul.nlv_1 li.npt_on a:visited {display:none;}

/* Level 2 */
.submenu ul.nlv_2 {font-size:1em;}
.submenu ul.nlv_2 > li.npt_off a,
.submenu ul.nlv_2 > li.npt_off a:link,
.submenu ul.nlv_2 > li.npt_off a:visited {display:block;margin:0;padding:0.5em 0 0.5em 0.5em;font-size:1em;font-weight:400;text-decoration:none;color:#252c2f;overflow:hidden;text-overflow:ellipsis;}
.submenu ul.nlv_2 > li.npt_off a:hover,
.submenu ul.nlv_2 > li.npt_off a:active {display:block;margin:0;padding:0.5em 0 0.5em 0.5em;font-size:1em;font-weight:400;text-decoration:underline;color:#6991b9;overflow:hidden;text-overflow:ellipsis;}
.submenu ul.nlv_2 > li.npt_on a,
.submenu ul.nlv_2 > li.npt_on a:link,
.submenu ul.nlv_2 > li.npt_on a:hover,
.submenu ul.nlv_2 > li.npt_on a:active,
.submenu ul.nlv_2 > li.npt_on a:visited {display:block;margin:0;padding:0.5em 0 0.5em 0.5em;font-size:1em;font-weight:400;text-decoration:none;color:#fff;background:#6991b9;overflow:hidden;text-overflow:ellipsis;}

/* Level 3 */
.submenu ul.nlv_3 {font-size:1em;background:#f4f6f8;padding:0 0.75em 0.75em 0.75em;}
.submenu ul.nlv_3 li.npt_off a,
.submenu ul.nlv_3 li.npt_off a:link,
.submenu ul.nlv_3 li.npt_off a:visited {display:block;font-size:1em;font-weight:400;color:#252c2f;background:none;border-bottom:1px solid #e4e4e4;padding:0.5em 0;margin:0;text-decoration:none;font-size:1em;overflow:hidden;text-overflow:ellipsis;}
.submenu ul.nlv_3 li.npt_off a:hover,
.submenu ul.nlv_3 li.npt_off a:active {display:block;font-size:1em;font-weight:400;color:#6991b9;background:none;border-bottom:1px solid #e4e4e4;padding:0.5em 0;margin:0;text-decoration:underline;font-size:1em;overflow:hidden;text-overflow:ellipsis;}
.submenu ul.nlv_3 li.npt_on a,
.submenu ul.nlv_3 li.npt_on a:link,
.submenu ul.nlv_3 li.npt_on a:hover,
.submenu ul.nlv_3 li.npt_on a:active,
.submenu ul.nlv_3 li.npt_on a:visited {display:block;font-size:1em;font-weight:400;color:#6991b9;background:none;border-bottom:1px solid #e4e4e4;padding:0.5em 0;margin:0;text-decoration:underline;font-size:1em;overflow:hidden;text-overflow:ellipsis;}

/* Level 4 */
.submenu ul.nlv_4 {font-size:0.875em;margin:0 0 10px 0;}
.submenu ul.nlv_4 li.npt_off a,
.submenu ul.nlv_4 li.npt_off a:link,
.submenu ul.nlv_4 li.npt_off a:visited {margin:0;padding:0.5em 0 0.5em 1.5em;background:none;border:none;text-decoration:none;font-size:1em;color:#aaabac;overflow:hidden;text-overflow:ellipsis;}
.submenu ul.nlv_4 li.npt_off a:hover,
.submenu ul.nlv_4 li.npt_off a:active,
.submenu ul.nlv_4 li.npt_on a,
.submenu ul.nlv_4 li.npt_on a:link,
.submenu ul.nlv_4 li.npt_on a:hover,
.submenu ul.nlv_4 li.npt_on a:active,
.submenu ul.nlv_4 li.npt_on a:visited {margin:0;padding:0.5em 0 0.5em 1.5em;background:none;border:none;text-decoration:underline;font-size:1em;color:#6991b9;overflow:hidden;text-overflow:ellipsis;}

/* Level 5 */
.submenu ul.nlv_5 {font-size:0.875em;margin:0 0 10px 0;}
.submenu ul.nlv_5 li.npt_off a,
.submenu ul.nlv_5 li.npt_off a:link,
.submenu ul.nlv_5 li.npt_off a:visited {margin:0;padding:2% 0 2% 20%;background:none;text-decoration:none;font-size:1em;color:#252c2f;overflow:hidden;text-overflow:ellipsis;}
.submenu ul.nlv_5 li.npt_off a:hover,
.submenu ul.nlv_5 li.npt_off a:active,
.submenu ul.nlv_5 li.npt_on a,
.submenu ul.nlv_5 li.npt_on a:link,
.submenu ul.nlv_5 li.npt_on a:hover,
.submenu ul.nlv_5 li.npt_on a:active,
.submenu ul.nlv_5 li.npt_on a:visited {margin:0;padding:2% 0 2% 20%;text-decoration:underline;font-size:1em;color:#6991b9;overflow:hidden;text-overflow:ellipsis;}


/* Inhalt */
.inhalt {position:relative;float:left;width:60%;padding:0;margin:0;}
.inhalt_ganzseitig {position:relative;float:left;width:60%;padding:0;margin:0;}

/* OFF CANVAS */
a.toggle-sidebar {display:block;position:absolute;top:0;right:-2%;width:50px;text-align:center;text-decoration:none;color:#fff;background:#6991b9;cursor:pointer;z-index:2;}
a.toggle-sidebar i {display:block;font-size:1.75em;padding:0.25em 0;}
.randspalte a.toggle-sidebar {position:static;}


/**************************************************************************************************/

/* randspalte */
.randspalte {float:right;position:relative;width:21%;border-top:none;padding:0;margin:0;}
/* OFF CANVAS */
.randspalte {height:100%;position:absolute;top:0;right:-26%;z-index:3;}
.randspalte.show-sidebar {width:35%;right:-2%;background:#fff;padding:0;overflow:auto;-webkit-box-shadow:-5px 0px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:-5px 0px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:-5px 0px 5px 0px rgba(0, 0, 0, 0.2);}
.randspalte.show-sidebar a.toggle-sidebar {width:100%;text-align:left;padding:3% 0 3% 4%;}
.randspalte.show-sidebar a.toggle-sidebar i {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}



/**************************************************************************************************/
.randspalte .trenner {display:block;}
.randspalte_box {border:1px solid #e5e5e5;margin:0 0 10% 0;}
.randspalte.show-sidebar .randspalte_box {margin:4% 4% 10% 4%;}
.randspalte.show-sidebar .meinung {width:96%;margin:4% 0 10% 4%;}
.randspalte_box.bilder {background:#f0f1f2;padding:1.5%;}
.randspalte_box .mt_ac {float:none !important;margin:0 !important;}
.randspalte_box .inner img {max-width:100%;height:auto;}
.randspalte_box h1, .randspalte_box h2 {margin:0;}

/* footer */
#seitenanfang a {display:block;}
#seitenanfang {position:fixed;bottom:30px;right:10px;z-index:400;padding:0;margin:0;}
#seitenanfang a {width:39px;display:block;text-align:center;font:11px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;color:#fff;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#seitenanfang a:hover {color:#fff;}

#seitenanfang span {width:40px;height:40px;display:block;margin-bottom:7px;background:#6991b9 url(media/seitenanfang.png) no-repeat center center;background-size:40px 40px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#seitenanfang a:hover span {background-color:#252d2f;}

.schnellnavigation {text-align:right;padding:0 2%;}
.schnellnavigation ul {display:inline-block;}   /*Ergänzung wg. Social-Media-Buttons: krz - MB - 22.11.2019 */
.schnellnavigation .social-media {margin:0 0 0 2em;padding-left:2em;border-left:2px solid #000;display: inline-block;}

footer .footer-adressen {float:left;width:46.5%;margin:0;}
footer .footer-oeffnungszeiten {float:right;width:46.5%;border:none;padding:0;margin:0;}
footer .footer-oeffnungszeiten p {display:block;}
footer .footer-feedback {clear:both;width:100%;border-top:1px solid #fff;padding:1em 0 0 0;margin:1em 0 0 0;}


/* STARTSEITE TEMPLATES */

/* Themenboxen */
.themenbox {float:left;width:48%;margin:0 4% 2em 0;}
.themenbox, #id2.themenbox, #id4.themenbox, #id6.themenbox {margin:0 0 2em 0;}
.themenbox.last, #id2.themenbox.last, #id4.themenbox.last, #id6.themenbox.last {margin:0 0 2em 0;}
#id2.themenbox, #id4.themenbox {float:right;}
.tb-link {display:block;}
.tb-link.nr3, #id3.themenbox {clear:both;}
.themenbox.box2 {width:49%;}
.themenbox.box3 {width:32%;}
.themenbox.box4 {width:46%;}

/* Der Buergermeister informiert */
.start-buergermeister {float:left;width:30%;margin:0 5% 0 0;}

/* Kurzmitteilungen */
.start-kurzmitteilungen {float:left;width:30%;margin:0;}

/* Termine */
.start-termine {float:right;width:30%;margin:0;}

.start-bildergalerie {margin:6em -2%;}




/* BITV Sprungziele (nicht sichtbar bei aktiviertem CSS)  */
.input_container {float:left;width:45%;margin:0 2% 0 0;}
.input_container.rechts {float:right;margin:0;}
#absenden input, #absenden input:hover, input.absenden, input.absenden:hover, .spalte_rechts input.absenden, input.btn, button.btn, a.btn, input.btn:hover, button.btn:hover, a.btn:hover {width:160px;}

/* MTP Listen */
.adressen .liste_bild {width:25%;}
.adressen .liste_text {width:73%;}
.adressen_links {float:left;width:45%;margin:0;}
.adressen_rechts {float:right;width:52%;margin:0;}

/* Google Maps */
#map {height:90%;}
#map_adr {top:3em;}
#map_adr_on {top:0.65em;right:0.625em;}
#map_adr_off {display:block;}

.gm_kategorie {float:left;width:27%;margin:0 1% 0 0;}
.gm_kategorie select {width:100%;}
.gm_strassenverzeichnis {float:left;width:27%;margin:0 1% 0 0;}
.gm_name {float:left;width:27%;margin:0;}