body {text-align:left;width:100%;margin:0 auto;padding:0;background:#fbfaf8;font-family:'Istok Web', Tahoma, Helvetica, sans-serif;font-size:1em;color:#454545;}

.date-print {
    display: none;
}
/* START selectable classes */
.btn {}
/* END selectable classes */

/*
.ikiss-field-radio input[type='radio'], .ikiss-field-checkbox input[type='checkbox'] {
display: none;
}


.ikiss-field-checkbox input[type='checkbox']:checked + label::before,
.ikiss-field-checkbox input[type='checkbox']:not(:checked) + label::before,
.ikiss-field-radio input[type='radio']:checked + label::before,
.ikiss-field-radio input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 1em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.ikiss-field-radio input[type=radio]:checked + label::before,
.ikiss-field-radio input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

.ikiss-field-checkbox input[type='checkbox']:hover  + label::before,
.ikiss-field-radio input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

.ikiss-field-checkbox input[type='checkbox']:checked  + label::before,
.ikiss-field-radio input[type='radio']:checked  + label::before {
  background:black;
  box-shadow: inset 0 0 0 2px white;
}
*/


/*Notfalltext*/
.notfall-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
}
.notfall {
    z-index:1100;
    background-color:#fff;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding:30px;
    width:70%;
    margin-top:30px;
}
.notfall h1 {
    text-align:left;
}
.notfall-wrapper {
    position:absolute;
    left:0;
    right:0;
    top:30px;
    display:none;
}
.notfall-wrapper.show {
    display:block;
}
.notfall-logo {
    text-align:right;
}
.back-to-start {
    text-align:center;
}
.back-to-start a:before {
    content:"\f00d";
    font-family:"fontAwesome";
    display:inline-block;
    margin-right:5px;
}
.notfall .btn {
    color:#fff;
    background-color:#999;
    padding:10px;
    display:inline-block;
}

/*Leonberg-Styles*/
#leeren input, #leeren input:hover, input.leeren, input.leeren:hover, .spalte_rechts input.leeren {float:left;width:auto;margin:15px 15px 0 0;padding:3px;border:1px solid #666;background:#666;color:#fff;cursor:pointer;}
#export input, #export input:hover, input.export, input.export:hover, .spalte_rechts input.export {float:left;width:auto;margin:0 0 0 0;padding:3px;border:1px solid #666;background:#666;color:#fff;cursor:pointer;}
.highslide_gallery_altes_format {float:left;width:15%;margin:2%;padding:0;}
/*.readspeaker {float:left;margin:0 0 5% 0; font-size:80%; background:#eae9e7;}*/
.readspeaker {margin:0 0 20px 0;font-size:80%;}
.vkal_spalte_links {float:left;width:20%;}
.vkal_spalte_rechts {float:left;width:70%;}
.vkal_datum_ort {display: inline-block;padding: 0 0 10px 0;font-size: .8em;color: #454545}
.vkal_galerie {float:left;width:28%; height: 250px; padding:10px;margin:5px;border:1px dotted #454545;text-align:center;overflow:hidden;}
#ris input, #ris input:hover, input.ris, input.ris:hover, .spalte_rechts input.ris {float:left;width:auto;margin:15px 15px 0 0;padding:3px;border:1px solid #666;background:#666;color:#fff;cursor:pointer;}
.toggler_titel_klein {font-size:1em;padding:0.25% 0.25% 0.25% 1.5em;}
/*Ende Leonberg-Styles*/

/* Tracking Box */
.tracking-box-wrap {display:none;position:fixed !important;bottom:0;left:0;right:0;z-index:999999;color:#111111;background:#f2f2f2;padding:15px;-webkit-box-shadow:5px 0px 5px 0px rgba(32,32,32,0.5);-moz-box-shadow:5px 0px 5px 0px rgba(32,32,32,0.5);box-shadow:5px 0px 5px 0px rgba(32,32,32,0.5);}
.tracking-box-text {float:left;width:90%; font-size:.75em;}
.tracking-box-buttons {float:right;width:10%;text-align:center;}
.tracking-box-buttons button.btn {margin:0;font-weight:700;}
.clearfix:after {content:'.';clear:both;display:block;visibility:hidden;height:0px;}
button.btn {display:inline-block;position:relative;overflow:hidden;height:auto;padding:10px 25px 12px 25px;color:#fff;background-color:#342e28;border:none;border-radius:0px;font-weight:700;box-shadow:none;margin:10px 10px 0 0;text-decoration:none;cursor:pointer;-webkit-appearance:none;}

@media screen and (max-width: 680px) {
.tracking-box-text {width:80%;}
.tracking-box-buttons {width:20%;}
}

i {font-family: FontAwesome; font-style:normal;}
table, tr, td {font-size:100%;}
table {border-collapse:collapse;}
td {border:1px solid #eaeaea;padding:1%;}
.alphanav td {border:0;padding:0;}

a img {border:none;}
img {max-width:100%;}

a, a:link, a:visited {text-decoration:underline;color:#454545;}
a:hover, a:active {text-decoration:none;color:#000;}
.inhalt a:hover, .inhalt a:active, .inhalt_ganzseitig a:hover, .inhalt_ganzseitig a:active {background-color:#EAE9E7;}
.startseite .inhalt a:hover, .startseite .inhalt a:active, .startseite .inhalt_ganzseitig a:hover, .startseite .inhalt_ganzseitig a:active {background-color:transparent;}
a.datelink {position:absolute;left:0; right:0; text-decoration:none;top:0;bottom:0;font-size:1em;}
.wrapper, .wrapper *, .inhalt, .wrapper_white {transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;}
.highslide-container, .highslide-container * {transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.highslide-container {z-index:9999 !important;}
.toggle_container {transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
#ikiss_map, #ikiss_map * {transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}
.readspeaker, .readspeaker * {transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}

.ntrsitn, .ntrsitn:before, .ntrsitn:after {transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}

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

form {clear:both;margin:15px 0 0 0;padding:0;}
fieldset {width:90%;margin:0 0 25px 0;padding:15px 10px 0 10px;border:1px solid #454545;font-family:'Istok Web', Tahoma, Helvetica, sans-serif;}
legend {padding:0 5px 5px;font-family:'Istok Web', Tahoma, Helvetica, sans-serif;font-size:1.25em;color:#454545;}
label {display:block;color:#454545;}
input, textarea, select, radio {width:100%;margin:0 0 15px 0;padding:3px;border:0;border:1px solid background:rgba(64,59,56,.09);background:rgba(64,59,56,.09);font-family:'Istok Web', Tahoma, Helvetica, sans-serif;font-size:1em;color:#454545;}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus, input:visited, select:visited, textarea:visited {margin:0 0 15px 0;padding:3px;border:0;border:1px solid background:rgba(64,59,56,.09);font-family:'Istok Web', Tahoma, Helvetica, sans-serif;color:#454545;}
input[readonly] {background:#fff;}
input[type="radio"] {display:inline;width:auto;border:none;padding:0;margin:0;-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;}
input[type="checkbox"] {display:inline;width:auto;border:none;padding:0;margin:0;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;}
input[type=submit], input[type=button] {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:visited {background:#e9e8e7;}
input[type="text"], input[type="submit"], input[type="button"], select {border-radius:0px;}
.suchm_abstand {margin-bottom:10px;}

::-webkit-input-placeholder {color:#454545;opacity:1;}
:-moz-placeholder {color:#454545;opacity:1;}
::-moz-placeholder {color:#454545;opacity:1;}
:-ms-input-placeholder {color:#454545;opacity:1;}

h1 {clear:both;margin:25px 0 25px 0;padding:0 0 10px 0;line-height:1em;text-transform:none;font-weight:normal;font-size:1.75em;color:#454545;}
.startseite h1 {border-bottom:1px solid #eaeaea;}
h2 {margin:13px 0 5px 0;text-transform:uppercase;font-weight:normal;font-size:1em;color:#454545;}
h2.toggler_titel {text-transform:none; font-size:1.2em;} h2.toggler_titel_klein {text-transform:none; font-size:1em;}
h2.trigger {cursor:pointer;}
h3, h3.accordion-title span {clear:both;margin:20px 0 10px 0;padding:0 0 2px 0;line-height:1.15em;font-weight:bold; font-size: 1.15em; color:#454545;}
h4, h4.accordion-title span {margin:10px 0 5px 0;font-weight:bold;font-size:0.875em;color:#454545;}
h5, h5.accordion-title span {margin:10px 0 5px 0;font-weight:bold;font-size:0.875em;color:#454545;}
h6, h6.accordion-title span {margin:10px 0 5px 0;font-weight:bold;font-size:0.875em;color:#454545;}

h1 a, h1 a:link, h1 a:hover, h1 a:active, h1 a:visited,
h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited,
h3 a, h3 a:link, h3 a:hover, h3 a:active, h3 a:visited,
h5 a, h4 a:link, h4 a:hover, h4 a:active, h4 a:visited,
h6 a, h5 a:link, h5 a:hover, h5 a:active, h5 a:visited,
h7 a, h6 a:link, h6 a:hover, h6 a:active, h6 a:visited {text-decoration:none;}

.cb {clear:both;overflow:hidden;height:0px;margin:0;padding:0;line-height:1px;}
.clearfix:after {content:'.';clear:both;display:block;visibility:hidden;height:0px;}
.abstand {clear:both;height:2em;margin:0;padding:0;}
.abstand_klein {clear:both;height:1em;margin:0;padding:0;}
.trenner, hr {clear:both;margin:15px 0 25px 0;padding:0 0 0 0;border-top:1px solid #454545;overflow:hidden;}
.randspalte .trenner, .randspalte hr {border-top:3px solid #fbfaf8;margin:15px 0;}
.klein, .ikiss-mailform-infolabel {font-size:0.8em;}
.date {display:inline-block;color:#454545; margin-bottom:2%;}
.link {clear:both;margin:15px 0 0 0;}
.link a, .link a:link, .link a:active, .link a:visited {padding:5px;background:#eaeaea;text-decoration:none;color:#454545;}
.link a:hover {color:#fff;background:#454545;}
.textblock_links {float:left;width:47.5%;}
.textblock_rechts {float:right;width:47.5%;}
.spalte_links {float: left; width:30%;margin:0;}
.spalte_links img {width:100%;height:auto;}
.spalte_links label {display:inline;}
.spalte_rechts {float: right; width:65%;}
.spalte_rechts input {width:95%;}
.spalte_rechts textarea {width:95%;}
.spalte_rechts select {width:95%;}
.spalte_rechts input.checkbox {width:10px;}

.einleitung {font-size:1.15em;}

/* BITV */
.sprungziel {position:absolute;z-index:9999;top:-5000px;left:-5000px;}
.sprungziel a:hover, .sprungziel a:focus, .sprungziel a:active {display:block;position:absolute;top:5000px;left:5000px;padding:5px;background:#770000;text-decoration:none;font-weight:bold;color:#fff;white-space:nowrap;}

/* SUCHMASKEN */
.input_container {float:left;width:45%;margin:0 2% 0 0;}
#absenden input, #absenden input:hover, input.absenden, input.absenden:hover, .spalte_rechts input.absenden {float:left;width:auto;margin:15px 15px 0 0;padding:3px;border:1px solid #666;background:#666;color:#fff;cursor:pointer;}

.abc_container {width:100%;font-size:1em;}
.abc_container a, .abc_container a:link, .abc_container a:visited {text-decoration:none;color:#a3b40e;}
.abc_container a:hover {text-decoration:underline;color:#454545;}

/* LISTEN */
.mitteilungen {margin:0 0 2% 0;}
.veranstaltungen {position:relative;margin:0 0 2% 0;}
.adressen {margin:0 0 2% 0;}
.bis {margin:0 0 2% 0;}
.foren {margin:0 0 2% 0;}
.wirtschaft {margin:0 0 2% 0;}
.tourismus {margin:0 0 2% 0;}
.kleinanzeigen {margin:0 0 2% 0;}
.newsletter {margin:0 0 2% 0;}
.bewerten {margin:0 0 2% 0;}
.liste_titel {margin:0 0 1% 0;font-size:1.25em;color:#454545;}
.liste_titel a, .liste_titel a:link,.liste_titel a:visited {display:block;text-decoration:none;color:#454545;}
.randspalte .adressen .liste_titel a, .randspalte .adressen .liste_titel a:link, .randspalte .adressen .liste_titel a:visited {text-decoration:underline;}
.randspalte .adressen .liste_titel a:hover, .randspalte .adressen .liste_titel a:active {text-decoration:none;color:#000;}
.liste_bild {float:left;width:30%;margin:0 2% 3% 0;}
.liste_bild img {display:block;width:98%;padding:1px;}
#bildoben {display:block;float:left;width:30%;margin:0 2% 3% 0;}
#bildoben img {display:block;width:98%;height:auto;padding:1px;}
.dokumente .liste_text {margin:0 0 1% 0;font-size:1.1em;color:#454545;}
.liste_text {float:left;width:68%;margin:0 0 2% 0;/*color:#454545;*/}
.liste_text p {margin:0;}
.seitenzaehler {text-align:right;margin:35px 0 0 0;padding:10px 0 10px 25px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;color:#454545;}
.liste_titel_dokument {margin:0 0 1% 0;font-size:1em;color:#454545;}
.liste_text_dokument {margin:0 0 1% 0;font-size:0.8em;color:#454545;}
.liste_beschr_dokument {float: right; width: 73%;}
.liste_bild_dokument {float: left; width: 25%;}
.detail_bild_dokument {border:3px solid #eae9e7;}

/* MODUL FORMULARE */
/* Bestehende Definitionen zuruecksetzen */
fieldset.ikiss-form-fieldset, legend.ikiss-form-legend, .ikiss-form-element label, .ikiss-form-element input, .ikiss-form-element select, .ikiss-form-element textarea {margin:0;padding:0;font-size:100%;text-align:left;vertical-align:baseline;width:auto;float:none;}
fieldset.ikiss-form-fieldset p:after, fieldset.ikiss-form-fieldset div:after {content:'';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
/* Alle Span-Tags die Felder umgeben */
span.ikiss-form-element {display:inline-table;width:64%;float:none;}
span.ikiss-field-button {display:inline;/*vertical-align: top;*/}
/* Alle Felder innerhalb der Span-Tags */
span.ikiss-form-element input, span.ikiss-form-element select, span.ikiss-form-element textarea, span.ikiss-form-element label {display:inline-block;}
span.ikiss-field-radio label {display:inline;}
span.ikiss-field-checkbox label {display:inline;}
.spalte_rechts.cb_news input {float:left; width: 25px;}

/* Fieldset */
fieldset.ikiss-form-fieldset {padding:3% 1%;}
/* Legend */
legend.ikiss-form-legend {font-weight:bold;padding:0 1%;}
/* Allgemeine Feldlabel */
span.ikiss-field-label { width:30%; float:left; margin-right:6%; }
span.ikiss-field-label label {}
/* Textfeld einzeilig */
span.ikiss-field-textfield input { width:100%; padding:1%; }
/* Textfeld mehrzeilig*/
span.ikiss-field-textarea textarea { width:100%; padding:1%; }
/* Auswahlfelder (einfach/mehrfach) */
span.ikiss-field-select select {width:100%;}
/* Checkboxen */
span.ikiss-field-checkbox input { margin-right:2%; }
span.ikiss-field-checkbox label { padding-right:3%; }
/* Radios */
span.ikiss-field-radio input { margin-right:2%; }
span.ikiss-field-radio label { padding-right:3%; }
/* Dateiupload */
span.ikiss-field-file input { width:100%; }
/* Buttons Absenden/Zuruecksetzen */
span.ikiss-field-button input { float:left;width:auto;margin:0 15px 0 0;padding:3px;cursor:pointer;border:1px solid #999;/*background:#999;*/color:#fff; }
/* Infolabel */
.ikiss-mailform-infolabel {width: 100% !important; padding: 10px 0;/*line-height: 15px !important;*/}

 .ikiss-mailform-button-print {
     display: none;
 }
 
 .ikiss-mailform-button-change {
    background: #eee!important;
}
.ikiss-mailform-bpanel input, .ikiss-mailform-overview legend {
background-image: none !important;
margin: 10px 0!important;
}

.ikiss-mailform-fieldset legend {
    padding: 3px 6px!important;
    margin-bottom: 10px;
}

.ikiss-mailform-fieldset {
    width: none !important;
}

.ikiss-field-button input:checked {
    background: #999;
}
.ikiss-field-button input[type="reset"]  {
    -webkit-appearance: none;
}
.ikiss-field-button input[type="reset"] {
    border-radius: 0;
}

.ikiss-form-element input[type="radio"]{
	-webkit-appearance: radio;
}

@media only screen and (max-width:700px) {
    .overview td {
        display: block!important;
        border: 0!important;
        width: 100%!important;
        padding: 5px 0!important;
    }
    
    .overview tr {
        border: 0;
    }
    
    .inhalt {
        margin: 0px!important;
    }
    
    .ikiss-mailform-overview-box {
        margin-top: 10px;
    }
}


/* MODUL ADRESSEN */
.adressen_links {float:left;width:45%;margin:0;}
.adressen_rechts {float:right;width:45%;margin:0;}

/* MODUL MITTEILUNGEN */
.mitteilungen_detail .date {display:inline-block;margin:0 0 5px 0;padding:1px 3px;background:#eaeaea;font-size:.8em;color:#454545;}

/* MODUL DIENSTLEISTUNGEN */
/* Detailansicht Zusatztexte */
.bis_zusatztexte_aufklapper {display:block;}
.bis_zusatztexte_aufklapper h1 {clear:both;margin:20px 0 10px 0;padding:0 0 2px 0;border-bottom:1px solid #eaeaea;line-height:1.15em;font-weight:normal;font-size:1.2em;color:#454545;}
.bis_zusatztexte_aufklapper h2 {clear:both;margin:20px 0 10px 0;padding:0 0 0 0;border-bottom:0;line-height:1.15em;font-weight:normal;font-size:1.2em;color:#454545;}
.bis_zusatztexte_aufklapper .einleitung {margin:0 0 5% 0;line-height:1.3em;color:#454545;}

/* MODUL FORUM */
.foren .liste_titel {margin:1% 0;}
.foren .liste_text {width:100%;margin:2% 0;}
.foren .fob_quote {position:relative;background:#eaeaea;padding:1%;margin:15px 2%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.foren .fob_quote:before {position:absolute;border-style:inset solid;border-width:10px 15px;left:-30px;top:10px;border-color:transparent #eaeaea transparent transparent;content:"";display:block;}

/* MODUL BEWERTUNG UND KOMMENTARE */
.bewerten_header {padding:0 0 10px 0;font-size:.7em;color:#999;}
.bewerten_header img, .bewerten_box img {display:inline;margin:0 5px -1px 0;}
.bewerten_header img.icon_abstand {display:inline;margin:0 5px -1px 15px}
.bewerten_box {float:left;width:48%;margin:0 2% 2% 0;}
.bewerten_box_content {min-height:7em;padding:10px;background:#eee;font-size:.9em;}
.bewerten_pro, .bewerten_pro_detail {display:inline;margin:0 5px 0 5px;padding:0 2px;background:#669900;line-height:1em;color:#fff;}
.bewerten_contra, .bewerten_contra_detail {display:inline;padding:0 2px;background:#ad1e16;line-height:1em;color:#fff;}
.bewerten_pro_detail, .bewerten_contra_detail {display:inline-block;margin:10px 0 0 0;padding:5px;}
.bewerten_pro a, .bewerten_pro a:link, .bewerten_pro a:hover, .bewerten_pro a:active, .bewerten_pro a:visited,
.bewerten_pro_detail a, .bewerten_pro_detail a:link, .bewerten_pro_detail a:hover, .bewerten_pro_detail a:active, .bewerten_pro_detail a:visited,
.bewerten_contra a, .bewerten_contra a:link, .bewerten_contra a:hover, .bewerten_contra a:active, .bewerten_contra a:visited,
.bewerten_contra_detail a, .bewerten_contra_detail a:link, .bewerten_contra_detail a:hover, .bewerten_contra_detail a:active, .bewerten_contra_detail a:visited {color:#fff;}
.bewerten_anlagen {margin:15px 0 0 0;}
.bewerten_anlagen p {margin:0;}
.bewertung {font-size: 0.8em}
.bewertung a {text-decoration:none;}

/* MODUL TOURISMUS */
#opt_container {padding:5px;background:#999;color:#fff;}
.tourismus_opt_on {text-decoration:underline;}
.tourismus_opt img {clear:both;float:left;margin:0 5px 5px 0;}

/* MODUL NEEWSLETTER */
.newsletter .liste_titel {margin:0 0 1% 0;}
.newsletter .liste_text {width:100%;margin:0 0 2% 0;}
.newsletter .liste_text .anhang {margin:1% 0 0 0;}
.newsletter-error {
	color:#B00000;
	font-weight: bold;
}
.newsletter-categories {
	padding: 0 0 11px 0;
}
.newsletter-categories label {
	display: block;
}

/* VOLLTEXTSUCHE */
a.vt_anchor {text-decoration:none;}
.vt_anchor {display:block;margin:0 0 10px 0;}
.suchergebnis_filter {clear:both;margin:10px 0;}
.suchergebnis_header {clear:both;width:745px;margin:35px 0;padding:10px;border-top:1px dotted #a1ae9d;border-bottom:1px dotted #a1ae9d;color:#4c4c4c;}
.liste_zeile_ueberschrift {width:100%;margin:25px 0 10px 0;padding:2px;background:#eaeaea;font-size:1em;color:#454545;}
.liste_zeile_bild {float:left;width:20%;padding:2px;}
.liste_zeile_bild img {width:100%;}
.liste_zeile_titel {float:left;width:60%;padding:2px;}
.liste_zeile_titel a, .liste_zeile_titel a:link, .liste_zeile_titel a:hover, .liste_zeile_titel a:active, .liste_zeile_titel a:visited {display:block;}
.liste_zeile_datum {float:left;width:15%;padding:2px;}
.liste_zeile_datum a, .liste_zeile_datum a:link, .liste_zeile_datum a:hover, .liste_zeile_datum a:active, .liste_zeile_datum a:visited {display:block;}
.liste_zeile {width:100%;margin:0;padding:5px;border-bottom:1px solid #eaeaea;}
.suchergebnis_anzahl {float:left;width:40%;margin:10px 0 0 0;}
.suchergebnis_anzahl a, .suchergebnis_anzahl a:link, .suchergebnis_anzahl a:visited {padding:2px;text-decoration:none;}
.suchergebnis_anzahl a:hover, .suchergebnis_anzahl a.aktiv {padding:2px;background:#eaeaea;text-decoration:none;color:#454545;}
.suchergebnis_pagenav {float:right;margin:10px 0 0 0;}
.suchergebnis_pagenav img {display:inline;margin:0 0 -6px 0;}
.suchergebnis_pagenav a, .suchergebnis_pagenav a:link, .suchergebnis_pagenav a:visited {padding:2px;text-decoration:none;}
.suchergebnis_pagenav a:hover {padding:2px;background:#eaeaea;text-decoration:none;color:#454545;}
.suchergebnis_pagenav .pn_active {padding:2px 4px;background:#eaeaea;text-decoration:none;color:#454545;}

/*SOLR-Volltextsuche*/
.vhs_ueber {width:100% !important;background:#e0e0e0;margin-top:30px;}
.vhs_bild {float:left;width:90px;padding-left:10px;}
.vhs_titel {float:left;padding-left:10px;width:305px !important;}
.vhs_schrift {margin:0px;padding:5px;}
.vt_ueber {float:left; width:90%;background:#666;padding:5px;margin-bottom:2%;color:#fff;}
.vt_ueber a, .vt_ueber a:link, .vt_ueber a:focus, .vt_ueber a:visited, .vt_ueber a:hover {color:#fff;background-color:transparent;}
.vt_bild {float:left;width:20%;padding-left:5px;}
.vt_titel {float:left;width:60%;padding-left:10px;}
.vt_datum {float:left;width:15%;padding-left:10px;}
.vt_schrift {margin:0px;padding:5px 0;}
.vhs_eingabebox {float:left;width:42%;margin-right:2em;}
.vhs_eingabebox_rechts {float:left;width:40%;text-align:right;margin-right:2em;}
.trenner_line { clear:both;}


/* SITEMAP */
.sitemap {}
.sitemap ul, .sitemap li {margin:0;padding:0;list-style:square;}
.sitemap ul.nlv_2 {margin:0 0 0 15px;}
.sitemap ul.nlv_3 {margin:0 0 0 30px;}
.sitemap ul.nlv_4{margin:0 0 0 45px;}
.sitemap ul.nlv_5{margin:0 0 0 60px;}

/* KALENDERELEMENT */
table.cal_outer {width:100%;margin:0;padding:0;background:#eaeaea;font-size:.9em;}
table.cal_head  {margin:0;padding:0;}
table.cal_inner {margin:0;padding:0;}
a.cal_head_tx:link, a.cal_head_tx:hover, a.cal_head_tx:active, a.cal_head_tx:visited,
a.cal_month_tx:link, a.cal_month_tx:hover, a.cal_month_tx:active, a.cal_month_tx:visited,
a.cal_week_tx:link, a.cal_week_tx:hover, a.cal_week_tx:active, a.cal_week_tx:visited {text-decoration:none;font-size:1em;color:#454545;}
a.cal_day_tx:link, a.cal_day_tx:hover, a.cal_day_tx:active, a.cal_day_tx:visited {text-decoration:none;font-size:1em;color:#454545;}
.cal_wena, .cal_kwna, .cal_wdna, .cal_kwnr {font-size:1em;color:#454545;}
.cal_actday {padding:1px 2px 2px 2px;background:#fff;color:#770000;}
.cal_wenr {font-weight:bold;font-size:1em;color:#454545;}
.ui-datepicker {width:100%;height:auto;font-size:1em;color:#454545;background:#e9e8e7;}
.ui-datepicker a {display:block;text-decoration:none !important;color:#454545;}
.ui-datepicker table a {padding:4px 0;margin:0 5px;}
.ui-datepicker table {width:100%;padding:0 0 2% 0;}
.ui-datepicker-header {border-bottom:1px solid #fff;}
.ui-datepicker-title {height:50px;text-align:center;line-height:50px;}
.ui-datepicker-prev, .ui-datepicker-next {cursor:pointer;margin:0 4% !important;height:50px;line-height:50px;}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {background:none !important;}
.ui-datepicker-prev {float:left;}
.ui-datepicker-prev:before {content:'\f104'; font-family:"FontAwesome"; font-size:1.3em;}
.ui-datepicker-next {float:right;}
.ui-datepicker-next:after {content:'\f105'; font-family:"FontAwesome"; font-size:1.3em;}
.ui-datepicker-today {font-size:1em;}
.ui-datepicker thead, .ui-datepicker tbody {text-align:center;}
.ui-datepicker td {padding:0;}
/*.ui-datepicker-week-col {display:none;}*/
.ui-datepicker-week-col {color:#999;}
.ui-datepicker-other-month a {color:#999;}
.ui-state-highlight {background:#fff;}
.ui-datepicker-other-month .ui-state-highlight {background:none;}
.ui-datepicker .ui-state-active {color:#fff;background:#999;}
.ui-datepicker .ui-state-hover {color:#454545;background:#fff;}
.ui-datepicker-week-end a {font-weight:bold;}
select.ui-datepicker-month, select.ui-datepicker-year{-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width:70px;
  background-image:url(media/arrow-down.png);
  background-position: right;
  background-repeat: no-repeat;
}
select.ui-datepicker-month {margin-right:5px;}

/* hide browser-styling (arrow) in IE10 */
select.ui-datepicker-month::-ms-expand, select.ui-datepicker-year::-ms-expand {
  display:none;
}
<!--[if lte IE 10]>
select.ui-datepicker-month, select.ui-datepicker-year{
    background-image: none;
}
<!-->

/* LINKS */
a.csslink_oben {display:inline;padding:0 0 0 0;}
a.csslink_zurueck {display:inline;padding:0 0 0 0;}
a.csslink_schliessen {display:inline;padding:0 0 0 0;}
a.csslink_anker {display:inline;padding:0 0 0 0;}
a.csslink_anker:before{content:"\f0c1"; font-family:FontAwesome; display:inline-block; margin-right:5px;} 
a.csslink_synonym {display:inline;padding:0 0 0 0;}
a.csslink_email {display:inline;padding:0 0 0 0;}
a.csslink_druck {display:inline;padding:0 0 0 0;}
a.csslink_intern {display:inline;padding:0 0 0 0;}
a.csslink_extern {display:inline;padding:0 0 0 0;}
a.csslink_grafik {display:inline;padding:0 0 0 0;}
a.csslink_PNG {display:inline;padding:0 0 0 0;}
a.csslink_JPG {display:inline;padding:0 0 0 0;}
a.csslink_GIF {display:inline;padding:0 0 0 0;}
a.csslink_PDF, a.csslink_PDF_einb {display:inline;padding:0 0 0 0;}
a.csslink_DOC, a.csslink_DOC_einb {display:inline;padding:0 0 0 0;}
a.csslink_XLS {display:inline;padding:0 0 0 0;}
a.csslink_ZIP {display:inline;padding:0 0 0 0;}
a.csslink_rss {display:inline;padding:0 0 0 0;}
a.csslink_HTML {display:inline;padding:0 0 0 0;}
a.csslink_JAR {display:inline;padding:0 0 0 0;}
a.csslink_multimedia,
a.csslink_RM,
a.csslink_AVI,
a.csslink_MOV,
a.csslink_MP3,
a.csslink_WAV,
a.csslink_SWF,
a.csslink_WMV {display:inline;padding:0 0 0 0;}
a.csslink_dokument,
a.csslink_TXT,
a.csslink_RTF,
a.csslink_XANIA,
a.csslink_PPT,
a.csslink_PPS,
a.csslink_DXF,
a.csslink_DWF,
a.csslink_SXC,
a.csslink_SXD,
a.csslink_SXG,
a.csslink_SXI,
a.csslink_SXM,
a.csslink_SXW,
a.csslink_LIT,
a.csslink_DOT {display:inline;padding:0 0 0 0;}
a.csslink_sonstige,
a.csslink_DWG,
a.csslink_P7C,
a.csslink_P7B,
a.csslink_CER,
a.csslink_DER,
a.csslink_EXE,
a.csslink_ASC,
a.csslink_EPS,
a.csslink_EXT {display:inline;padding:0 0 0 0;}

/*Linkicons, css-Klassen können im Backend gesetzt werden*/
.linkicon_edit:before {content:"\f044"; font-family:'FontAwesome'; display:inline-block; margin-right:5px;}
.linkicon_pdf:before {content:"\f1c1"; font-family:'FontAwesome'; display:inline-block; margin-right:5px;}

/* NICHT FREIGESCHALTET */
.ikiss_norel {padding:0;border:0;color:#cc0000 !important;}
a.ikiss_norel, .ikiss_norel a {padding:0;border:0;color:#cc0000 !important;}
.ikiss_norel h1, .ikiss_norel h2, .ikiss_norel h3 {color:#cc0000 !important;}

/* HIGHSLIDE */
.highslide-container div {font-family:'Istok Web', Tahoma, Helvetica, sans-serif !important;font-size:1em !important;}
.highslide_gallery a {cursor: url(/output/js/highslide/graphics/zoomin.cur), pointer !important;margin:0;padding:0;}
.highslide_gallery_first a {cursor: url(/output/js/highslide/graphics/zoomin.cur), pointer !important;margin:0;padding:0;}
.highslide_gallery_single a {cursor: url(/output/js/highslide/graphics/zoomin.cur), pointer !important;margin:0;padding:0;}
.highslide_gallery {float:left;width:25%;margin:0;padding:0;}
.highslide_gallery_first {float:left;width:25%;margin:0;padding:0;}
.highslide_gallery_single {margin:0;padding:0;}
.randspalte_box .highslide_gallery {float:left;width:50%;margin:0;padding:0;}
.randspalte_box .highslide_gallery_first {float:left;width:50%;margin:0;padding:0;}
.randspalte_box .highslide_gallery_single {width:100%;margin:0;padding:0;}
.highslide_gallery img {border: 3px solid #eae9e7;width:100%;margin:0;padding:0;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.highslide_gallery img:hover {border-color:#ccc;}
.highslide_gallery_first img {border:2px solid #eaeaea;width:100%;margin:0;padding:0;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.highslide_gallery_first img:hover {border-color:#ccc;}
.highslide_gallery_single img {border:2px solid #eaeaea;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.highslide_gallery_single img:hover {border-color:#ccc;}
.randspalte_box .highslide_gallery_single img {border:2px solid #eaeaea;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:0;display:block;}
.randspalte_box .highslide_gallery_single img:hover {border-color:#ccc;}

/* BILDEINBINDUNG */
.mt_ac {}
.mc1_ac {}
.mc2_ac {
    line-height:1.2em;
    font-size:.8em;
  
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.mt_left {float:left;margin:0 2% 0 0;}
.mt_right {float:right;margin:0 0 0 2%;}
.mt_middle {clear:both;margin:0;text-align:center;max-width:100%;}
.mt_noalign {margin:0;}

/* SYSTEMTEXTE */
.ikiss_sysmsg tr, .ikiss_sysmsg td {text-align:left;}

/* BLÄTTERFUNKTION */
.pagebreak {display:inline-block;width:100%;border-top:1px solid #eaeaea;margin:2% 0;}
.pagebreak_listnav {float:left;margin-top:30px;width:82%;}
.pagebreak_listnav .active {text-decoration:none;}
.pagebreak_pagenav {float:right;margin-top:30px;width:18%;display:block;text-align:right;}
.pagebreak_pagenav img {vertical-align:bottom;}
.pagebreak .spalte_links {width:20%;margin-bottom:1%;}
.pagebreak .spalte_rechts {width:80%;margin-bottom:1%;}
.ikiss_pagestart {}
.ikiss_pagebreak {}
.ikiss_pageend {}

/* TOGGLER */
.toggler_titel, .toggler_titel_klein {position:relative;cursor:pointer; padding: 0.75% 0.75% 0.75% 2em; margin:0 0 0 0; background-color:rgba(64,59,56,.09);}
h2.toggler_titel:before, h3.toggler_titel:before, h4.toggler_titel:before, h5.toggler_titel:before, h6.toggler_titel:before, .toggler_titel_klein:before {content:'\203A';position:absolute;left:10px;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);font-size: 2em;line-height: 0.5em;}
h2.toggler_titel.active:before, h3.toggler_titel.active:before, h4.toggler_titel.active:before, h5.toggler_titel.active:before, h6.toggler_titel.active:before, .toggler_titel_klein.active:before {-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
.toggler_container {transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
.toggler_titel.toggler_titel_klein:before {
    font-size: 1.5em;line-height: 0.85em;
}

/* THEMENBOXEN */
.themenbox {display:inline-block; vertical-align:top;width:200px;margin:0 20px 20px 0;}
.themenbox img {width:200px;height:auto;}

/* VERANSTALTUNGS- UND TERMINBUCHUNG */
.veranstaltung_frei {display:inline-block;font-size:0.75em;color:#fff;background:#afc411;padding:0.167em 0.417em;}
.veranstaltung_knapp {display:inline-block;font-size:0.75em;color:#fff;background:#f0a000;padding:0.167em 0.417em;}
.veranstaltung_gebucht {display:inline-block;font-size:0.75em;color:#fff;background:#cc0000;padding:0.167em 0.417em;}
.buchungsprozess {padding:1em;}
.buchungsprozess input[type=submit], .buchungsprozess input[type=button] {float:left;width:auto;font-family:'Istok Web', Tahoma, Helvetica, sans-serif;color:#fff;background:#999;border:1px solid #999;padding:0.313em;margin:15px 15px 0 0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.buchungsprozess input[type=submit]:hover, .buchungsprozess input[type=button]:hover, .buchungsprozess input[type=submit]:focus, .buchungsprozess input[type=button]:focus, .buchungsprozess input[type=submit]:visited, .buchungsprozess input[type=button]:visited {float:left;width:auto;font-family:'Istok Web', Tahoma, Helvetica, sans-serif;color:#fff;background:#999;border:1px solid #999;padding:0.313em;margin:15px 15px 0 0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/*Google Sprache*/
.sprachen {/*float:left;*/display:inline-block;}
.sprachen .tooltip-target {position:relative;width:auto;cursor:pointer !important; font-size: 0.75em; color: #fff; line-height: 2.1em;display:block;}
.sprachen .tooltip-target:hover {}
.sprachen .tooltip-content {position:absolute;top:0;width: 100%;}
.sprachen .tooltip-content p {margin:0;}
.sprachen .goog-te-gadget-simple {width:auto;height:auto;background:none !important;border:none !important;padding:0 !important;}
/*.sprachen .goog-te-gadget-icon, .sprachen .goog-te-menu-value {display:none !important;}*/
.sprachen .tooltip-content p img {position:relative;margin:0 0 -1px 0;}
.sprachen .sprache {display:inline-block;width:18px;height:auto;margin:0 0 0 10px;}
.sprachen .sprache img {display:block;width:100%;height:auto;}

.square {height: 0.75em; width: auto;}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*******************************************************************************************************************/
/* SMARTPHONE */
/*******************************************************************************************************************/

h1 {margin:2% 0;}

.wrapper_white {background:transparent;overflow:hidden;}
.folgeseite .wrapper_white {background: #fbfaf8;}
.wrapper {text-align:left;width:98%;margin:0 1%;font-size:1em; position:relative;}
.sec_cover .wrapper {margin:0;width:100%;}
header {background:#fbfaf8; position:relative; overflow:visible; z-index:1000;}
.wrapper_header {width: 100%; height: auto; position:relative;}
a.datelink {font-size:1.4em;}
.slider_description {display:none;}
/*Logo*/
.logo {text-align:center;margin:0 auto;}
.logo a {display:block;}
.logo a:hover, .logo a:active {background-color:transparent;}
.logo img {display:block;width:50%;height:auto;padding:3% 0 2% 0;margin:0 auto;}
/*Quickmenu*/
.quickmenu {text-align:left;margin:0 auto; width: 100%; background: #807c73; position:relative; overflow:visible;}
.quickmenu a#anker_quickmenu {border-left:none;}
.quickmenu ul {/*float:right;*/display:inline;margin:0;padding:0;list-style-type:none;}
.quickmenu li {/*float:left;*/display:inline-block;margin:0;padding:0;list-style-type:none;}
.quickmenu ul a, .quickmenu ul a:link, .quickmenu ul a:visited {display:inline-block;line-height: 1em;padding:0 0.5em;margin:0;text-decoration:none;font-size:0.75em;color:#fff; border-left: 1px solid #fff;}
.quickmenu ul a:hover, .quickmenu ul a:active {color:#fff;}

/*Suche*/
.suche {width:100%;padding:0; background:#fff;}
.suche.desktop {display:none;}
.suche.mobil {width:auto;float:right;background:none;font-size:1.5em;}
.suche.mobil a, .suche.mobil a:link, .suche.mobil a:focus, .suche.mobil a:visited {text-decoration:none;}
.suche.mobil span {height:40px;display:table-cell; vertical-align:middle}
.suche form {position:relative;margin:0;padding:0;}
.suche form input {border:none;width:80%;margin:0;padding:1% 2%;color:#454545; background:#fff; font-size: 0.85em; height: 40px;}
.suche button {
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #666;
    line-height: 0.8;
    background-color: transparent;
    color: #333;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
.suche button .fa-fw {
    width: 1.75em;
}
.suche button [class*="fa-"] {
    margin-right: 0;
}

.suche input.lupe {float:right;width: 20%; margin:0;padding:0;border:0;background:none;cursor:pointer;font-family:FontAwesome;font-size:1.5em;}
.suche_control {display:none;}
/*Hauptnavigation*/
.menu {width:100%;margin:0 0 2% 0;background:#807c73;}
.flexnav {overflow:hidden;position:relative;width:100%;max-height:0;margin:0 auto;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;}
.menu-button {position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;cursor:pointer;}
.menu-button .touch-button {z-index:10;top:-3px;right:10px;display:inline-block;text-align:center;width:30px;height:40px; display:table-cell; vertical-align:middle;}
.touch-button .fa-bars {font-size:1.5em;}
.touch-button .fa-bars::before {vertical-align:bottom;}
#nav .touch-button .fa-bars::before {content:none;}
.menu-button .touch-button.active {position:absolute;z-index:10;top:-3px;right:10px;display:inline-block;text-align:center;width:30px;height:30px;background-image:url(media/menu-black.png);background-position:0 10px;background-repeat:no-repeat;background-size:100%;}
.flexnav .touch-button {position:absolute;z-index:100000; width:30px;height:30px; display:inline-block;text-align:center;background-image:url(media/menu_pfeil_down.png);background-position:0 -4px;background-repeat:no-repeat;background-size:100%;padding:10px 10px; right:5px; top:5px; bottom:0;}
.flexnav > ul.nlv_1 > li > span.touch-button {width:100%; background-position:right 10px top 1em;height:60px;left:0;top:0;bottom:0;background-size:30px;}
.flexnav .touch-button.active {position:absolute;z-index:100000;display:inline-block;text-align:center;width:30px;height:30px;background-image:url(media/menu_pfeil_up.png);background-position:0 -4px;background-repeat:no-repeat;background-size:100%;padding:10px 10px; right:5px; top:5px; bottom:0;}
.flexnav > ul.nlv_1 > li > span.touch-button.active  {width:100%; background-position:right 10px top 1em;height:60px;left:0;top:0;bottom:0;background-size:30px;}
.touch-button .navicon {position:relative;font-style:normal !important;font-size:1em;color:#454545;}
.touch-button .navicon i {font-style:normal !important;}
.flexnav.opacity {opacity:0;}
.flexnav.show {max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.flexnav ul {width:100%;margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.flexnav li {position:relative;overflow:hidden;margin:0;padding:0;border-top:1px solid #fff;font-size:100%;}
.flexnav li a, .flexnav li span {overflow:hidden;position:relative;z-index:2;display:inline-block;padding:2%;text-decoration:none;font-size:1em;color:#fff;}
.flexnav li ul {width:100%;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.flexnav li ul li {overflow:hidden;position:relative;border-top:0px;font-size:100%; background:#918d83;}
.flexnav li ul.show li {overflow:visible;}
.flexnav li li a,
.flexnav li li span,
.flexnav li li a:link,
.flexnav li li a:visited {display:block;position:relative;padding:7px 25px;text-transform:none;width: 90%;}
.flexnav li li a:hover,
.flexnav li li a:active {display:block;background:#fff;color:#454545;}
.flexnav li li a.npt_on {display:block;text-decoration:underline;}
.flexnav li ul li ul li {background:#a5a095;}
.flexnav li li li a,
.flexnav li li li span,
.flexnav li li li a:link,
.flexnav li li li a:visited {padding:7px 40px;text-transform:none;}
.flexnav li li li a:hover,
.flexnav li li li a:active {background:#fff;color:#454545;}
.flexnav li li li a.npt_on {text-decoration:underline;}
.flexnav li li li li a,
.flexnav li li li li span,
.flexnav li li li li a:link,
.flexnav li li li li a:visited {padding:7px 60px;text-transform:none;}
.flexnav li li li li a:hover,
.flexnav li li li li a:active {background:#fff;color:#454545;}
.flexnav li li li li a.npt_on {text-decoration:underline;}
.flexnav li ul li ul li ul li {background:#b4afa2;}

/*Titelbild / Foto-Slider*/
.titelbild {position:relative;margin:0;padding:0;transition:none 0s ease 0s  !important;}
.startseite .titelbild {background-position: center top; background-repeat:no-repeat;background-size:100% auto;}
.titelbild img {display:block;width:100%;height:auto;}
.slides {display:block;position:relative;z-index:100;margin:0;padding:0;list-style:none;}
.flex-control-nav, .flex-direction-nav {display:inline-block;min-width:10%; position:relative;z-index:100;margin:0;padding:0;list-style:none;}
.flex-control-nav li {display:inline-block;}
.flexslider {display:block;float:left;width:100%;height:auto;margin:0;padding:0;}
.flexslider .slides > li {display:none;}
.flexslider .slides img {display:block;width:100%;height:auto;}
.slides:after {content: ".";   display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}
.flexslider {position:relative;zoom:1;font-size:.8em;color:#999;}
.flexslider .slides {zoom:1;}

.flex-direction-nav {position:absolute;top:35%;z-index:200;width:100%;}
.flex-direction-nav a {outline:none;position:absolute;text-decoration:none;line-height:.5em;font-size:4em;color:#fff;cursor:pointer;}
.flex-direction-nav a.flex-prev {left:0px;margin:0 0 0 1%;}
.flex-direction-nav a.flex-next {right:0px;margin:0 1% 0 0;}

.suche_control {background:#978f83; width: 100%; padding: 0.5em 0;}
.suche_control .wrapper {display:block;}
.slider_control > * {display:table-cell; vertical-align:baseline;}
.bildtitel_slider, .slider_control {display:none;padding:0;color: #fff;}
.bildtitel_slider {font-size: 0.8em; line-height: 1em; margin:20px 40px 10px 10px;}
.folgeseite .bildtitel_slider {margin-top: 0; margin-bottom: 0;}
.suche_control .wrapper {line-height: 0;} 
.slider_control a {color:#fff; width: 15px; height: 15px; margin-right: 10px; text-indent: -9999px; background: #fff; display:block;}
.slider_control a.flex-active {background: #c1c1c1;}

/*Breadcrumb*/
    .breadcrumb {display:block;padding:1% 0;margin:0 0 1em 0;}
    .breadcrumb ul, .breadcrumb li {float:left;display:inline;margin:0;padding:0;list-style-type:none;}
    .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {padding:0 5px 0 0;text-decoration:none;font-size:.9em;color:#454545;}
    .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a.nlk_on {text-decoration:none;color:#454545;}
/*Subnavigation*/
.submenu {display:none;}
/*Randspalte*/
.randspalte {margin:5% 0 0 0;}
.randspalte_ganzseitig {display:none;}
.randspalte_box {width:100%;margin:0 0 5% 0;padding:2%;background:rgba(64,59,56,.09);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.randspalte_box h2 {margin:0 0 3% 0;font-weight:700;font-size:1em;}
.randspalte_box.z-texte h2 {display:inline-block;width:100%;}
.randspalte_box.z-texte h2:before {content:""; width:.75em; height:.75em; margin-right:.5em; background-color:#454545; display:inline-block;}

.randspalte_box .liste_titel {margin:0;font-size:1em;}
.randspalte_box .links p {margin:0 0 2% 0;}
.randspalte_box input:not([type="submit"]):not([type="button"]), .randspalte_box select, .randspalte_box textarea {background:#fff;}
.randspalte_box .adressen a {text-decoration:none; text-decoration:underline; color:#000;}

.seitennavigation {background:#b9b0a1;margin-top:5%;}
.seitennavigation .wrapper {text-align:right;}
.seitennavigation a {color:#fff; text-decoration:none;}
a.seitennavigation_nonephone, a.seitennavigation_nonephone:link, a.seitennavigation_nonephone:hover, a.seitennavigation_nonephone:active, a.seitennavigation_nonephone:visited {text-align:right;display:inline-block;text-decoration:none;color:#fff;}
.seitennavigation a.seitennavigation_nonephone {display:none;}
#seitenanfang {bottom: 30px;margin: 0;position: fixed;right: 0px;z-index: 400; text-decoration:none;}
#pfeil {background-image: url(media/nachoben_icon.png); display:block; width: 5em; height: 5em;transform:scale(0.5, 0.5)}
footer {background:#403b38;}
.fusszeile {font-size:0.875em;padding:3% 0;}
.lagekarte {position:absolute;width: 30%; height: auto; top:3%; right: 2%;}

/* TEMPLATES  *********************************************************************************************************************************************************************************************************************************************/
.input_container {float:left;width:95%;margin:0 0 0 0;}
.spalte_links {width:100%;margin:0;}
.spalte_rechts {width:100%;}
.textblock_links {float:left;width:100%;}
.textblock_rechts {float:right;width:100%;}
.shariff {float:left;width: 100%; text-align:left;}
.shariff .orientation-horizontal li {margin-bottom: 0 !important;}
footer {position:relative;}
footer .textblock_rechts {float:left; color: #fff;}
footer a {color:#fff !important;}
footer *{color:#fff;}
footer h1, footer h2 {border-bottom:none; text-align:left;}
footer h1 {margin-bottom: 5px;}
.startseite footer h1, .startseite footer h2, footer h1, footer h2 {border-bottom:none;text-align:left;padding: 0 0 10px 0;line-height: 1em;text-transform: none;font-weight: normal;font-size: 1.75em;}
/*
.mt_left {float:left;width:48%;height:auto;margin:0 4% 2% 0;}
.mt_right {float:right;width:48%;height:auto;margin:0 0 2% 4%;}
*/
.suchergebnis_titel {float:left;width:50%;padding:.5% 2%;}
.suchergebnis_datum {float:right;width:25%;padding:.5% 0;}
.tourismus_opt {clear:both;width:100%;}

/* Themenboxen */
.themenbox {display:inline-block;vertical-align:top;width:49%;background:#fff;margin:0 1em 1em 0; padding:0; position:relative; border:3px solid #403b38;}
.themenboxen a {text-decoration:none;}
.folgeseite .themenbox {border:5px solid #66625f;}
.themenbox:hover {border-color:#716964;}
.themenbox img {display:block;width:100%;height:auto;}
.themenbox h2 {border:none;padding: 3%; bottom: 0;margin:0;background:#66625f;color: #fff; width: 100%;text-transform:none;}
.themenbox2 .themenbox h2 {position:absolute; min-height: 3.5em;}
.themenbox2 {padding: 5% 5% 0 5%;}
.themenbox.even {margin:0 1em 1em 0;}
.themenbox.box4.even {margin:0 0 1em 0;}
.themenbox.last {margin:0 0 1em 0;} 
.themenbox.box1 {width:100%;}
.themenbox.box2 {width:100%;}
.themenbox.box3 {width:29%;}
.themenbox.box4 {width:100%;}
.themenbox.box5 {width:100%;}

.leofuer .themenbox {background:#888176;color: #fff; border:none; padding: 1%; width:47%;}
.leofuer .themenbox h2 {color:#facf32;padding:0; margin:10px 0 0 0; background:none; position:relative;line-height:1em;}
.leofuer .themenbox:hover {background:#403b38;}

@media only screen and (max-width: 500px) and (orientation: portrait) {
    .themenbox.box2 {width:46%;}
    .themenbox.box3 {width:46%;}
    .themenbox.box4 {width:46%;}
    .themenbox.box4.even, .themenbox.box4.last, .themenbox.box4 {margin:0 0 1em 0;}
    .themenbox.box5 {width:46%;}
    .themenbox.box3.even, .themenbox.box3.last, .themenbox.box3 {margin:0 0 1em 0;}
    .themenboxen a:nth-child(odd) .themenbox.box3{margin:0 1em 1em 0;}
}

/*Mediathek*/
.responsive-video, .flowplayer {position:relative;padding-bottom:55%;padding-top:15px;height:0;overflow:hidden;border:1px solid #ccc;background-color:#000;}
.responsive-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.multimedia .liste_bild {width:100%;margin:0;}
.multimedia .liste_text {width:100%;margin:0;}


/* Google Maps */
#ikiss_map {position:relative;width:100%;height:600px;margin:0px;border:none;font-size:1em;}
#map {position:relative;width:100%;height:65%;margin:0px;border:none;}
#map_adr {position:absolute;top:16.2em;right:0px;z-index:100;text-align:left;width:180px;height:50%;padding:0px;color:#454545;}
#map_adr a, #map_adr a:link, #map_adr a:hover, #map_adr a:active, #map_adr a:visited {margin:0 0 5px 0;color:#454545;}
#map_adr_on {position:absolute;top:14.4em;right:0px;z-index:99;text-align:left;width:auto;padding:5px 5px 5px 5px;font-size:1em;color:#454545;background:#eaeaea;cursor:pointer;}
#map_adr_off {position:absolute;top:-1.6em;right:0px;text-align:center;width:15px;height:23px;color:#454545;background:#eaeaea;cursor:pointer;}
#map_sm {background:#eaeaea;}
#map_sm_div {text-align:left;padding:5px;}
#map_sm_div label {color:#454545;}
#map_sm_div button {font-size:1em;color:#454545;background:#fff;border:none;padding:4px;vertical-align:top;cursor:pointer;}
#igm_adr {overflow:auto;text-align:left;max-height:100%;padding:5px;background:#eaeaea;font-size:.8em;}
#igm_iw_info {text-align:left;}
#igm_iw_info img {width:100%;height:auto;}
#gm_smf input, #gm_smf select, #gm_smf textarea {border:1px solid #fff;background:#fff;font-family:'Istok Web', Tahoma, Helvetica, sans-serif;font-size:1em;color:#454545;}
.gm_kategorie {width:100%;}
.gm_kategorie select {width:100%;}
.gm_name {width:100%;}
.gm_name input {width:90%;}
.gm_strassenverzeichnis {width:100%;}
.gm_strassenverzeichnis input {width:90%;}
.gm_strassenverzeichnis input, .gm_strassenverzeichnis select, .gm_strassenverzeichnis textarea {border:1px solid #fff;background:#fff;font-family:'Istok Web', Tahoma, Helvetica, sans-serif;font-size:1em;color:#454545;}


/* Startseitentemplates*/
.startseite h1 {text-align:center;}
.start_mitteilungen, .start_veranstaltungen {width: 90%; }
.start_mitteilungen, .start_veranstaltungen {margin: 0 5% 5% 5%; padding:0;}
.start_mitteilungen .mitteilungen {background: #facf32; width: 100%; margin-bottom: 4%; position: relative;height: 400px;overflow:hidden;}
.start_mitteilungen .wrapper_titel {height: 27%; margin:0; padding:3.5% 2% 0 5%; position:relative; z-index: 100; background:#facf32;}
.start_mitteilungen .liste_titel a {font-size: 0.80em; line-height: 1em;}
.start_mitteilungen .wrapper_titel .date {background:none; padding:0; font-size: 0.65em; position:absolute; bottom: 6px;}
.start_mitteilungen .mitteilungen.alle {text-align: center;}
.start_mitteilungen .mitteilungen .button {position:absolute; top: 50%; left:50%; width: 10em; height: 3em; margin-left: -5em; margin-top: -1.3em;color: #fff;}
.start_mitteilungen .mitteilungen .button .button-icon {border:1px solid #fff; padding: 5%; width: 200px; height: 200px;-moz-border-radius: 100px;
border-radius: 100px; }
.start_mitteilungen .liste_bild {width: 100%; height: auto; bottom:0; padding:1px; margin:0;float:none; position:absolute; }
.start_mitteilungen .liste_bild img {padding:0;width: 100%;}
.start_mitteilungen .liste_text {width: 100%; font-size: 0.8em; line-height: 1.3em; height: 0%; position:absolute;float:none; top:0; padding: 10% 5% 5% 5%; margin:0; background:#facf32; filter: alpha(opacity = 0);opacity:0; transitions: opacity 0.2s ease 0s;}
.start_mitteilungen .mitteilungen_wrapper {width: 100%; height:73%; position:relative;}
.alleanzeigen {float:right;width:100%; height: 100px; text-align: center; position:relative;transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;}
.alleanzeigen a, .alleanzeigen a:hover, .alleanzeigen a:active, .alleanzeigen a:visited {color: #fff; position:relative;top:65px; text-decoration:none;}
a.mlink:after {content:url("./media/pfeil.png"); position:absolute; bottom: 0em;left:0; right:0; width: 100%;transform: scale(0.5,0.5);}
.start_veranstaltungen .veranstaltungen .vorne, .start_veranstaltungen .veranstaltungen .hinten {
    width: 100%;
    height: 250px;
}
.start_veranstaltungen .alleanzeigen{background:#978f83;}
.start_mitteilungen .alleanzeigen{background:#facf32;}
.start_veranstaltungen .titel-pm-overlay {position:absolute; display:block; bottom: 0; width: 100%; background: #978f83; height:auto; padding: 15px;}
.start_veranstaltungen .titel-pm-overlay a {color: #fff; text-decoration:none;}
.date_start {text-align:center;position:absolute; bottom:0; width: 100%;height:60%;}
.date_start .d {font-size: 2.5em;}
.date_start .m {font-size: 1.5em;line-height: 1em;}
.date_start .y {font-size: 1.5em; line-height: 1em;}

body, .inhalt, .inhalt_ganzseitig, .submenu, .randspalte {	
    -ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.startseite .inhalt {width:75%;margin:5% 0 5% 0;}
.inhalt {width:100%;margin:20px 2% 5% 2%;}
.startseite .inhalt_ganzseitig {width:100%;margin:5px 0 5% 0;}
.inhalt_ganzseitig {float:left;width:100%;margin:20px 0 3% 0;}
.inhalt.event-custom {width:100%;}
.start_veranstaltungen .liste_titel a {padding:10% 10% 0 10%; font-size: 1em; line-height: 1.2em;}
.start_veranstaltungen .liste_text {width: 100%;}
.start_veranstaltungen .veranstaltungen {width:100%;height:250px;margin:0 0 4% 0;}
.start_veranstaltungen .veranstaltungen.nr2 {float:right;}
.start_veranstaltungen .veranstaltungen.nr3 {clear:both;}
.start_veranstaltungen .veranstaltungen .vorne .mlink {height:250px;background:#fff;}
.start_adresslisten {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.start_adresslisten .adresslisten.nr1 {width:100%;margin-bottom:15px;}
.start_adresslisten .adresslisten.nr3, .start_adresslisten .adresslisten.nr2, .start_adresslisten .adresslisten.nr4 {width:48.5%;margin-right:1.5%; margin-bottom:15px;}
.start_adresslisten .adresslisten {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.start_adresslisten .adresslisten h2 {padding:0; margin:0;border-bottom:none;color:#fff;text-transform:none;}
.start_adresslisten .vorne .titel-pm-overlay {width:100%;background-color:#66625f;display:table-cell; height:3em; vertical-align:middle;padding:0 10px;}
.start_veranstaltungen .veranstaltungen .vorne, .start_veranstaltungen .veranstaltungen .hinten {width:100%;height:250px;}
.start_adresslisten .adresslisten .vorne, .start_adresslisten .adresslisten .hinten {width:100%;padding:3px 3px 0 3px;background-color:#66625f !important;height:100%;}
.start_adresslisten .adresslisten a {color:#fff;}
.start_adresslisten .adresslisten a:hover {background-color:transparent;}
.start_adresslisten .adresslisten .hinten {padding:20px;}
.start_veranstaltungen .veranstaltungen .vorne {background:#eae3d2;}
.start_veranstaltungen .veranstaltungen .hinten, .start_adresslisten .adresslisten .hinten {display:none;}
.start_veranstaltungen .veranstaltungen, .start_adresslisten .adresslisten {-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;}
.start_veranstaltungen .liste_bild {margin:0; padding: 0; width: 100%; height: 340px; overflow:hidden;}
.start_veranstaltungen img, .start_adresslisten img  {width: 100%; height: auto;}
.start_adresslisten img {display:block;}
.start_adresslisten p {margin: 0 0 0.75em 0}

.parallax-window, .parallax-window2 {display:none;}
.stadt, .icons {padding: 5% 0; position:relative; margin: 0 5%;}
.headline-stadt, .headline-themen {visibility:hidden;}
.icons {margin: 10% 5% 0 5%;}
.icons .icon_rathaus,.icons .icon_baeder, .icons .icon_buecherei, .icons .icon_musik, .icons .icon_stadthalle, .icons .icon_volkshochschule {width: 16.666%; }
.icons a {display:block; width: 33%; float:left; text-align:center; text-decoration:none; position:relative;font-size:0.75em;}
.icons .icon_musik a, .icons .icon_volkshochschule a, .icons .icon_stadthalle a {margin-top: 6em;}
.icons a:after{ position:absolute; bottom: 1em;left:0; right:0; width: 100%; transform: scale(1,1);}
.icons .icon_rathaus a:after {content:url("./media/icon_rathaus_klein.png");}
.icons .icon_rathaus a:hover:after {transform: scale(1.1,1.1);}


.icons .icon_musik a:after {content:url("./media/icon_musik_klein.png");}
.icons .icon_musik a:hover:after {transform: scale(1.1,1.1);}
.icons .icon_stadthalle a:after {content:url("./media/icon_stadthalle_klein.png");}
.icons .icon_stadthalle a:hover:after {transform: scale(1.1,1.1);}
.icons .icon_volkshochschule a:after {content:url("./media/icon_volkshochschule_klein.png");}
.icons .icon_volkshochschule a:hover:after {transform: scale(1.1,1.1);}
.icons .icon_buecherei a:after {content:url("./media/icon_bibliothek_klein.png");}
.icons .icon_buecherei a:hover:after {transform: scale(1.1,1.1);}
.icons .icon_bad a:after {content:url("./media/icon_schwimmen_klein.png");}
.icons .icon_bad a:hover:after {transform: scale(1.1,1.1);}
.sec_cover {background:#fbfaf8;}

/*Seitenflaggen*/
.flaggen_desk {display:none;}
.flaggen_mobil {display:none;}
i.font-1:before {content:"\f09a";}
i.font-2:before {content:"\f1ea";}
i.font-3:before {content:"\f040";}
i.font-4:before {content:"\f0fa";}
i.font-5:before {content:"\f006";}

.floating-icons {position:relative;top:0px;right:0px;z-index:900;font-size:0.875em;font-weight:400;vertical-align:middle; text-align:right;}
.floating-icons i {font-size: 1.5em;line-height:1.5em;}

.floating-icons a {display:block;width: 100%; text-decoration:none;}
.floating-icons span {display:block; width: 100%;}
.floating-icons div.symbol-1, .floating-icons div.symbol-2, .floating-icons div.symbol-3, .floating-icons div.symbol-4, .floating-icons div.symbol-5 {text-align: center;width: 2em; display:inline-block; text-decoration:none;}


.floating-icons div:hover, .floating-icons div:focus {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
div.symbol-1 {top: 0px;}
.floating-icons .icon-2{top: 50px;}
.floating-icons .icon-3{top: 120px;}
.floating-icons .icon-4{top: 175px;}
.floating-icons .icon-5{top: 230px;}
.close-btn {display:block; position: fixed; bottom: 5px; right: 10px; font-size: 1em;}
.close-icons .fa-close {font-size:1em; padding:0 20px;}

/* Favoriten */
.favoriten.desktop {display:none;}
.favoriten.mobil {margin:0 1%;}
.favoriten {margin-bottom: 10px;}
.favoriten .ikiss-favoriten-link, .fav-uebersicht .ikiss-favoriten-link {font-size: 1.5em !important;}
.favoriten h2 {background: #facf32; color: #403b38; padding: 4% 5% 4% 2.5em; font-size: 1em; line-height: 1.5em;font-weight: normal;margin-top: 0;}
.favoriten h2:before {content:"\f006"; font-family:"fontAwesome"; margin-right: 0.8em; font-size:26px; line-height:1em;transform:none;}
.favoriten h2.toggler_titel.active:before {transform:none;}
.favoriten h2:after {content:"\f107"; font-family:"fontAwesome"; font-size:1.5em; position:absolute; right:20px;}
.favoriten h2.active:after {-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.ikiss-favoriten-add {display:block; text-decoration:none; padding: 5% 2% 5% 10px; font-size: 0.9em !important;border-top: 1px solid #fff; line-height: 1em;}
.ikiss-favoriten-del-all {display:block; text-decoration:none; padding: 5% 2% 5% 10px; font-size: 0.9em !important;line-height: 1em;}
.ikiss-favoriten li {background:none !important; border:none !important;}
.ikiss-favoriten img {float:left !important; margin-right: 5px; margin-left: 0px !important;}
.ikiss-favoriten img:hover {cursor:pointer;}

.seitennavigation {padding:1% 0;}

.g-recaptcha {
    height:70px;
    display:block;
    position:relative;
    width:100%;
    overflow:hidden;
    margin:0 5px;
}
.grecaptcha-badge {
    position:absolute !important;
    bottom:10px !important;
}

/*3d-Bilderslider*/
.carousel-3d-container figure {
  margin: 0;
}

.carousel-3d-container figcaption {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  bottom: 0;
  position: absolute;
  bottom: 0;
  padding: 15px;
  font-size: 12px;
  min-width: 100%;
  box-sizing: border-box;
}
.carousel-3d-slide {
	border-color:#fff !important;
}
.carousel-3d-slide img {
	display:block;
}
.carousel-3d-caption {
	position:absolute;
	z-index:2000;
	bottom:0;
	width:100%;
	background-color:rgba(0,0,0,.5);
}
.carousel-3d-caption p {
	padding:0 0 10px 0;
	margin:0;
}
.carousel-3d-caption {
	padding:10px
}
.carousel-3d-caption .carousel-3d-title {
	font-weight:bold;
}
.carousel-3d-caption a.prev, .carousel-3d-caption a.next {
	background-color:transparent !important;
}
.carousel-3d-controls a.prev, .carousel-3d-controls a.next {
	background-color:transparent !important;
	color:#facf32;
	text-shadow:0px 0px 4px #000;
}
.carousel-3d-caption a.prev, .carousel-3d-caption a.next {
    
}

/*Toggler in mobiler Ansicht für Aktuelles und Nachrichten auf Startseite*/
@media only screen and (max-width:700px){
    .start_mitteilungen, .start_veranstaltungen {display:none;}
    .aktuelles h1 {margin:0; padding: 15px 15px 10px 15px; border:none; background-color:#facf32; color:#fff;}
    .aktuelles h1.mobile-toggler-event {background-color:#eae3d2;margin-top:5px; text-align:left;font-size:1.4em;color:#454545;}
    .aktuelles h1.mobile-toggler {text-align:left;font-size:1.4em;color:#454545;}
    .start_mitteilungen.active, .start_veranstaltungen.active {display:block;}
    .start_veranstaltungen, .start_mitteilungen {padding-top:20px;}
    .mobile-toggler:after, .mobile-toggler-event:after {content:"\f107"; font-family:"FontAwesome"; margin-left:5px;position:absolute;}
    .mobile-toggler.active:after, .mobile-toggler-event.active:after {transform: rotate(180deg); -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
      -ms-transform: rotate(180deg);}
    .npt_active {font-weight:700;}
}

/*Anpassung für kundeneigenes Inhaltstemplate 2691.197*/
.inhalt.custom-tpl, .aside.custom-tpl {
    width:100%;
    margin:0px;
}
/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*******************************************************************************************************************/
/* TABLET */
/*******************************************************************************************************************/

@media only screen and (min-width:700px) {
    /*Anpassung für kundeneigenes Inhaltstemplate 2691.197*/
    .inhalt.custom-tpl {
        width:70%;
    }
    .aside.custom-tpl {
        width:25%;
    }
    .sec_cover .wrapper {width:98%;margin:0 1%;}
    h1 {margin:0 0 25px 0;}
    h1.mobile-toggler-event {display:none;}
    /*Logo*/
    .logo {text-align:center;float:left;width:100%;}
    .logo img {width:200px;}
    
    /*.sprachen {float:left;display:block;}*/
    
    /*Quickmenu*/
    /*.quickmenu {text-align:left;}*/
    /*.quickmenu ul {float:right;display:block;margin:0 0 0 .675em;}*/
    /*.quickmenu li {float:left;display:block;}*/
    /*.quickmenu a, .quickmenu a:link, .quickmenu a:visited {display:inline-block;line-height: 1em;padding:0 1em 0 1em;margin:0;text-decoration:none;font-size:0.75em;color:#fff; border-left: 1px solid #fff;}*/
    /*Suche*/
    .suche {width:30%;padding:0;}
    .suche.desktop {display:inline-block;}
    .suche.mobil {display:none;}
    .suche_control {display:block;}
    .suche_control .wrapper {line-height: 0;} 
    
    /*Hauptnavigation*/
    .menu {position:relative;z-index:1000;width:100%;padding:0;font-size:1.2em; background:none;}
    
    .inhalt {float:left;width:50%;margin:0px 2% 3% 2%;}
    .inhalt_ganzseitig {width:75.5%;margin:0 0 0 2%;}
    .inhalt.event-custom {width:70%;}
    .startseite .inhalt_ganzseitig {margin-top:5%;}
    /*Suche*/
    .flexnav {margin-top:0;}
    .menu-button {display:none;}
    .flexnav .touch-button {display:none;}
    .flexnav {overflow:visible;}
    .flexnav.opacity {opacity:1;}
    .flexnav ul {margin:0 auto;padding:0;border-top:none;position: relative;}
    .flexnav>ul>li {border-right:1px solid #333;}
    .flexnav ul li.npt_last {border-right: none;}
    .flexnav li {overflow:visible;position:static;z-index:1000;float:left;width:25%;margin:0;padding:0;border-top:0px;list-style:none; text-align:center;}
    .flexnav li:hover {margin:0;padding:0;}
    .flexnav li a, .flexnav li span {overflow:visible;margin-right:0%;font-size:0.875em; line-height: 1.2em;padding:0.2em 0.75em;border-top:0px;background:none;color:#454545; text-align:left;}
    .flexnav li:hover ul {padding:0;}
    .flexnav li ul {position:absolute;top:auto;left:0;margin:0;}
    .flexnav li > ul li {border:none !important;}
    
    .flexnav ul.nlv_2 li a, .flexnav ul.nlv_2 li span {color: #fff;}
    .flexnav ul ul.nlv_2 {background: #454545;padding: 4% 2% 2% 2%; height: auto;}
    .flexnav > ul.nlv_1 > li.npt_on > a, .flexnav > ul.nlv_1 > li.npt_on > span {font-weight:bold;}
    .flexnav ul.nlv_2 li {display:block; float:left; width: 25%;position:relative; padding: 0 2%;}
    .flexnav ul.nlv_2 ul {height: auto !important; opacity: 1 !important;}
    .flexnav>ul>li>ul>li>a, .flexnav>ul>li>ul>li>span {border-bottom: 1px solid #fff;}
    .flexnav ul.nlv_3 {display:block !important; opacity:1;position:relative;}
    .flexnav ul.nlv_3 li { padding: 0;}
    .flexnav li ul li ul.nlv_3 li, .flexnav li ul li ul.nlv_3 li:hover {display:block; float:none; position:relative; width:100%;}
    .flexnav li ul li {position:relative; background:none;}
    .flexnav li ul {border-right:0;}
    .flexnav li ul.open {opacity:1;visibility:visible;z-index:1;display:block;}
    .flexnav li ul.open li {overflow:visible;/*max-height:100px;*/}
    .flexnav li ul.open ul.open {top:0;}
    .flexnav li li {left:0px;width:auto;}
    .flexnav li li a,
    .flexnav li li span,
    .flexnav li li a:link,
    .flexnav li li a:visited {padding: 7px 25px 7px 0; width: 100%;}
    .flexnav li li a:hover, .flexnav li li span:hover, .flexnav li li a:active {font-size:1em;background:none;padding: 7px 25px 7px 0;}
    .flexnav li li li a,
    .flexnav li li li span,
    .flexnav li li li a:link,
    .flexnav li li li a:visited {padding:0.438em 0.75em 0.438em 0em; background:none; color: #fff;}
    .flexnav li li li a:hover, .flexnav li li li span:hover, .flexnav li li li a:active {padding:0.438em 0.75em 0.438em 0em; background:none; color: #fff;}
    .flexnav li li li li a,
    .flexnav li li li li span,
    .flexnav li li li li a:link,
    .flexnav li li li li a:visited {padding:0.438em 0.75em 0.438em 0em;}
    .flexnav li ul li, .flexnav li ul li ul li, .flexnav li ul li ul li ul li {background:none;}
    .flexnav ul.nlv_4 {display:none !important;}
    /*Titelbild / Foto-Slider*/
    .flex-direction-nav {top:55%;}
    .flex-direction-nav a {font-size:5em;}
    .bildtitel_slider {display:none; margin-bottom: 0; line-height:0;}
    /*Favoriten*/
    .favoriten.mobil {display:none;}
    .favoriten.desktop {display:block;}
    .sub_left {float:left;width:22.5%;}
    /*Subnavigation*/
    .submenu {display:block;margin:0;padding:0;background:#f5efe6;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
    .submenu ul, .submenu li {margin:0;padding:0;list-style-type:none;font-size:1em;}
    .submenu ul li a, .submenu ul li span {display:block; width: 95%; border-bottom: 2px solid #facf32;}
    .submenu ul li a:hover, .submenu ul li a:active {background-color:transparent;}
    .submenu>ul.nlv_1 {background:#403b38;}
    .submenu>ul.nlv_1>li>a, .submenu>ul.nlv_1>li>span {color: #fff !important; border-bottom: none;}
    .submenu>ul.nlv_1>li>ul {padding-top: 5%;}
    /*.submenu>ul>li>ul.nlv_2>li>a.npt_last {border:none;}*/
    .submenu ul li ul {background:#fbfaf8;}
    .submenu ul li.npt_off a,
    .submenu ul li.npt_off a:link,
    .submenu ul li.npt_off a:visited {margin:0 0 5% 0;text-decoration:none;color:#454545;}
    .submenu ul li.npt_off a:hover,
    .submenu ul li.npt_off a:active,
    .submenu ul li.npt_on a,
    .submenu ul li.npt_on span,
    .submenu ul li.npt_on a:link,
    .submenu ul li.npt_on a:visited,
    .submenu ul li.npt_on a:hover,
    .submenu ul li.npt_on a:active {margin:0 0 0 0;padding:4% 5%;text-decoration:none;color:#454545;}
    .submenu ul ul li.npt_off a,
    .submenu ul ul li.npt_off span,
    .submenu ul ul li.npt_off a:link,
    .submenu ul ul li.npt_off a:visited {margin:5% 2.5% 3% 2.5%;padding:0;font-weight:bold;color:#454545;}
    .submenu ul ul li.npt_off a:hover,
    .submenu ul ul li.npt_off a:active,
    .submenu ul ul li.npt_on a,
    .submenu ul ul li.npt_on span,
    .submenu ul ul li.npt_on a:link,
    .submenu ul ul li.npt_on a:visited,
    .submenu ul ul li.npt_on a:hover {margin:5% 2.5% 3% 2.5%;padding:0;color:#454545;font-weight:bold;}
    
    .submenu ul ul ul li.npt_on a:active, 
    .submenu ul ul ul li.npt_off a,
    .submenu ul ul ul li.npt_off a:link,
    .submenu ul ul ul li.npt_off a:visited {margin:0 0 0 2%;text-transform:none;padding:0 2%;background:none;color:#454545; border-bottom: none;font-weight:normal;}
    .submenu ul ul ul li.npt_off a:hover,
    .submenu ul ul ul li.npt_off a:active {margin:0 0 0 2%;padding:0 2%;text-transform:none;background:none;color:#454545; border-bottom: none;font-weight:normal;}
    .submenu ul ul ul li.npt_on a,
    .submenu ul ul ul li.npt_on a:link,
    .submenu ul ul ul li.npt_on a:visited,
    .submenu ul ul ul li.npt_on a:hover,
    .submenu ul ul ul li.npt_on a:active {margin:0 0 0 2%;padding:0 2%;text-transform:none;border-bottom: none;font-weight:normal;}
    .submenu ul ul ul ul li.npt_off a,
    .submenu ul ul ul ul li.npt_off a:link,
    .submenu ul ul ul ul li.npt_off a:visited {padding:0 2% 0 33px;text-decoration:none;}
    .submenu ul ul ul ul li.npt_off a:hover,
    .submenu ul ul ul ul li.npt_off a:active,
    .submenu ul ul ul ul li.npt_on a,
    .submenu ul ul ul ul li.npt_on a:link,
    .submenu ul ul ul ul li.npt_on a:visited,
    .submenu ul ul ul ul li.npt_on a:hover,
    .submenu ul ul ul ul li.npt_on a:active {padding:0 2% 0 33px;}
    .submenu ul ul ul ul ul li.npt_off a,
    .submenu ul ul ul ul ul li.npt_off a:link,
    .submenu ul ul ul ul ul li.npt_off a:visited {padding:0 2% 0 55px;text-decoration:none;}
    .submenu ul ul ul ul ul li.npt_off a:hover,
    .submenu ul ul ul ul ul li.npt_off a:active,
    .submenu ul ul ul ul ul li.npt_on a,
    .submenu ul ul ul ul ul li.npt_on a:link,
    .submenu ul ul ul ul ul li.npt_on a:visited,
    .submenu ul ul ul ul ul li.npt_on a:hover,
    .submenu ul ul ul ul ul li.npt_on a:active {padding:0 2% 0 55px;}
    .submenu ul ul ul li a.aktiv:before {content:""; width: 0.75em; height:0.75em; margin-right:.5em; background-color:#facf32;display:inline-block;}
    .submenu ul ul ul ul {margin: 0 0 10px 0;}
    
    /*Randspalte*/
    .randspalte {float:right;width:22.5%;margin:0 0 5% 0;padding:0;}
    .randspalte_box {float:none;width:100%;margin:0 0 10% 0;padding:3%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
    .randspalte_box:nth-child(even) {width:100%;margin:0 0 10% 0;}
    .randspalte .links p {margin:0 0 15px 0;}
    
    .seitennavigation {padding:0.5% 0;margin-top:3%;}
    a.seitennavigation_nonephone, a.seitennavigation_nonephone:link, a.seitennavigation_nonephone:hover, a.seitennavigation_nonephone:active, a.seitennavigation_nonephone:visited {color:#fff;}
    .seitennavigation a.seitennavigation_nonephone {display:inline-block;}
    .seitennavigation_nonephone i {font-size:25px;}
    
    
    
    /* TEMPLATES  ************************************************************************************************************************************************************************************************************************/
    .input_container {float:left;width:45%;margin:0 2% 0 0;}
    .liste_bild {display:block;float:left;width:25%;}
    .liste_bild img {display:block;width:100%;}
    #bildoben {display:block;float:left;width:25%;}
    #bildoben img {display:block;width:100%;height:auto;}
    .liste_text {float:right;width:73%;}
    .spalte_links {float:left;width:33%;margin:0;}
    .spalte_rechts {float: right; width:65%;}
    
    .textblock_links {float:left;width:48%;}
    .textblock_rechts {float:right;width:48%;}
    footer .textblock_links, footer .textblock_rechts {width: 30%; margin-right: 5%;}
    .adressen_links {float:left;width:45%;margin:0 0 2% 0;}
    .adressen_rechts {float:right;width:45%;margin:0 0 2% 0;}
    .tourismus_opt {clear:none;float:left;width:50%;}
    
    /* Themenboxen */
    .themenbox {margin:0 2em 2em 0;}
    .themenbox.even, .themenbox.box4.even {margin:0 2em 2em 0;}
    .themenbox.last, .themenbox.box4.even.last {margin:0 0 2em 0;}
    .themenbox.box1 {width:100%;}
    .themenbox.box2 {width:47%;}
    .themenbox.box3 {width:28.5%;}
    .folgeseite .themenbox.box3 {width:27%;}
    .themenbox.box4 {width:20.5%;}
    .themenbox.box5 {width:16%;}
    .leofuer .themenbox h2 {margin: 10px 0 3px 0;}
    
    /*Mediathek*/
    .multimedia .liste_bild {width:50%;}
    .multimedia .liste_text {width:48%;}
    
    /* Google Maps */
    #map {height:90%;}
    #map_adr {top:8.9em;}
    #map_adr_on {top:7em;}
    #map_adr_off {display:block;}
    .gm_kategorie {float:left;width:30%;margin:0 5% 0 0;}
    .gm_kategorie select {width:100%;}
    .gm_name {float:left;width:30%;}
    .gm_name input {width:82%;}
    .gm_strassenverzeichnis {float:right;width:30%;}
    .gm_strassenverzeichnis input {width:82%;}
    
    /*Veranstaltungen Mitteilungen*/
    .start_mitteilungen, .start_veranstaltungen {width: 100%;}
    .start_mitteilungen .block_1, .start_mitteilungen .block_3 {float: left;}
    .start_mitteilungen .block_2, .start_mitteilungen .block_4 {float: right;}
    .start_mitteilungen .mitteilungen {width: 48%;}
    .start_mitteilungen {margin: 0 10% 0 0;}
    
    .alleanzeigen {width:48%;height: 400px;}
    .alleanzeigen a, .alleanzeigen a:hover, .alleanzeigen a:active, .alleanzeigen a:visited {top:230px;}
    .start_veranstaltungen {margin:0;}
    .start_veranstaltungen .liste_text {width: 100%;}
    .start_veranstaltungen .veranstaltungen {height:400px;}
    .start_veranstaltungen .veranstaltungen {float:left;width:48%;}
    
    .start_veranstaltungen .veranstaltungen .vorne .mlink {height:400px;}
    .start_veranstaltungen .veranstaltungen .vorne, .start_veranstaltungen .veranstaltungen .hinten {height:400px;}
    a.mlink:after {content:url("./media/pfeil.png"); position:absolute; bottom: 2em;left:0; right:0; width: 100%;transform: scale(1,1);}
    a.mlink:hover:after {transform: scale(1.1,1.1);}
    
    .stadt {margin:0 0 0 0; text-align:center;}
    .headline-stadt, .headline-themen {visibility:visible;}
    .icons {margin:3% 0 5% 0;}
    .icons a {width: 16.666%;font-size:1em;}
    .icons .icon_musik a, .icons .icon_volkshochschule a, .icons .icon_stadthalle a {margin-top: 0em;}
    .icons a:after{bottom: 2.5em;}
    .themenbox2 {padding: 5% 0 0 0;text-align:center;}
    .lagekarte {position:relative;float:right; width: 20%; height: auto; text-align: right;}
    .shariff {width: 80%;}
    
    #pfeil {transform:scale(1, 1)}
    
    .flaggen_mobil {display:block; width:70%; float:right;}
    .flaggen_mobil .floating-icons span {display:none;}
    .floating-icons a {color:#fff; display:inline-block; width:auto;}
    
    #seitenanfang {right: 10px;}

}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*******************************************************************************************************************/
/* DESKTOP */
/*******************************************************************************************************************/

@media only screen and (min-width:1080px) {
    .suche input.lupe {
        width:10%;
    }
    .suche form input {
        width:90%;
    }
    .bildtitel_slider, .slider_control {display:inline-block;}
    .wrapper {text-align:left;max-width:95%; margin:0 auto;}
    .sec_cover .wrapper {max-width:95%; margin:0 auto;}
    .menu {width: 85%; margin-left: auto; margin-right: auto;}
    /*.seitennavigation {padding:0;}*/
    .tourismus_opt {width:30%;}
    .flexnav li a, .flexnav li span {font-size:1em;padding:0.438em 0.875em;}
    .flexnav li li li a, .flexnav li li li span, .flexnav li li li a:link, .flexnav li li li a:visited {padding:0.438em 0.875em 0.438em 0em;}
    .flexnav li li li li a, .flexnav li li li li span, .flexnav li li li li a:link, .flexnav li li li li a:visited {padding:0.438em 0.875em 0.438em 0em;}
    
    .stadt {margin:0;}
    .icons {margin:0 0 0 0;}
    .start_mitteilungen, .start_veranstaltungen {width: 48%;float:left;}
    .start_mitteilungen .mitteilungen, .alleanzeigen {height: 340px;}
    .alleanzeigen a, .alleanzeigen a:hover, .alleanzeigen a:active, .alleanzeigen a:visited {top:200px;}
    .start_mitteilungen {margin: 0 4% 0 0;}
    .start_mitteilungen .mitteilungen:hover .liste_text {filter: alpha(opacity = 100);opacity:1;height:100%;}
    .start_mitteilungen .wrapper_titel {padding:2% 2% 0 5%;}
    .start_mitteilungen .wrapper_titel .date {bottom: 3px;}
    
    .start_veranstaltungen .veranstaltungen .hinten, .start_adresslisten .adresslisten .hinten {display:block;}
    .start_veranstaltungen .veranstaltungen {height:340px;}
    .start_veranstaltungen .veranstaltungen .vorne .mlink {height:340px;}
    .start_veranstaltungen .veranstaltungen .vorne, .start_veranstaltungen .veranstaltungen .hinten {height:340px;}
    .start_veranstaltungen .veranstaltungen .hinten .beschreibung {display:block;width:100%;font-size:0.875em;color:#fff;padding:5%;}
    .start_veranstaltungen .veranstaltungen:hover .hinten, .start_adresslisten .adresslisten:hover .hinten {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);}
    .start_veranstaltungen .veranstaltungen:hover .vorne, .start_adresslisten .adresslisten:hover .vorne {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
    .start_veranstaltungen .veranstaltungen .flip {-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;}
    .start_veranstaltungen .veranstaltungen .vorne, .start_veranstaltungen .veranstaltungen .hinten, .start_adresslisten .adresslisten .vorne, .start_adresslisten .adresslisten .hinten {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-webkit-transform: rotateY(0deg);-moz-transition:0.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:0.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:0.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:0.6s;transform-style:preserve-3d;transform:rotateY(0deg);position:absolute;top:0;left:0;}
    .start_adresslisten .adresslisten .vorne {position:relative;}
    .start_veranstaltungen .veranstaltungen .vorne, .start_adresslisten .adresslisten .vorne {-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);z-index:2;}
    .start_veranstaltungen .veranstaltungen .hinten, .start_adresslisten .adresslisten .hinten {color:#fff;background:#978f83;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);}
    .start_adresslisten .adresslisten.nr3 {width:31.8%;font-size:.85em;}
    .start_adresslisten .adresslisten.nr3 .hinten {font-size:.85em;}
    
    .date_start {height:auto;bottom:7%;}
    a.datelink {position:relative;font-size:1em;}
    
    /*Themenbox*/
    .themenbox2 .themenbox h2 {font-size: 0.85em;}
    .themenbox2 {padding: 3% 0 0 0;}
    
    /*Icons*/
    .icons .icon_rathaus a:after {content:url("./media/icon_rathaus.png"); position:absolute; bottom: 2.5em;left:0; right:0; width: 100%;}
    .icons .icon_musik a:after {content:url("./media/icon_musik.png"); position:absolute; bottom: 2.5em;left:0; right:0; width: 100%;}
    .icons .icon_stadthalle a:after {content:url("./media/icon_stadthalle.png"); position:absolute; bottom: 2.5em;left:0; right:0; width: 100%;}
    .icons .icon_volkshochschule a:after {content:url("./media/icon_volkshochschule.png"); position:absolute; bottom: 2.5em;left:0; right:0; width: 100%;}
    .icons .icon_buecherei a:after {content:url("./media/icon_bibliothek.png"); position:absolute; bottom: 2.5em;left:0; right:0; width: 100%;}
    .icons .icon_bad a:after {content:url("./media/icon_schwimmen.png"); position:absolute; bottom: 2.5em;left:0; right:0; width: 100%;}
    
    /*Seitenflaggen*/
    .floating-icons {top:20px;}
    .floating-icons span {display:inline; width: auto;}
    .floating-icons i {font-size:1.750em;margin:0 8px 0 0; width: 1.15em; height: 1em; line-height: 1em; display: inline-block; text-align: center;}
    .floating-icons div.symbol-1, .floating-icons div.symbol-2, .floating-icons div.symbol-3, .floating-icons div.symbol-4, .floating-icons div.symbol-5 {
    padding: 1em 0.5em; 
    height: 50px;
    text-align:left;
    white-space:nowrap; 
    position:absolute;
    float:none;
    width:180px;
    right: -135px;
    transform:initial;
    background:rgba(51, 51, 51, 0.5);
    box-shadow:0px 0px 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.25);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    }
    .floating-icons div.symbol-4 {padding-top: 0.75em;}
    div.symbol-1 {top: 0px;}
    .close {position:absolute; right:0; top:-2em; }
    #close {background:grey; display:block; margin-top: 5em;}
    #close:target {background:yellow;}
    .floating-icons .icon-2{top: 55px;}
    .floating-icons .icon-3{top: 110px;}
    .floating-icons .icon-4{top: 165px;}
    .floating-icons .icon-5{top: 220px;}
    .floating-icons div.symbol-1:hover{right: 0px;}
    .floating-icons div.symbol-2:hover{right: 0px;}
    .floating-icons div.symbol-3:hover{right: 0px;}
    .floating-icons div.symbol-4:hover{right: 0px;}
    .floating-icons div.symbol-5:hover{right: 0px;}
    .floating-icons div.symbol-1:target .close {display:block;}
    .floating-icons div.symbol-2:target {right: 0px;}
    .floating-icons div.symbol-3:target {right: 0px;}
    .floating-icons div.symbol-4:target {right: 0px;}
    .floating-icons div.symbol-5:target {right: 0px;}
    #close:target {background:#fff;}
    .flaggen_desk {display:block;}
    .flaggen_mobil {display:none;}
    .floating-icons div.symbol-1, .floating-icons div.symbol-2, .floating-icons div.symbol-3, .floating-icons div.symbol-4, .floating-icons div.symbol-5 {background:rgb(51, 51, 51); width:180px; transform:initial;}
    .floating-icons div.symbol-1:hover{right: 0px;}
    .floating-icons div.symbol-2:hover{right: 0px;}
    .floating-icons div.symbol-3:hover{right: 0px;}
    .floating-icons div.symbol-4:hover{right: 0px;}
    .floating-icons div.symbol-5:hover{right: 0px;}
    
    /*parallax-Effekt*/
    .parallax_1 img {width: 100%;}
    .parallax_1 {background-repeat: no-repeat; background-size: 100% auto;transition:none;background-position:center top; position:relative; margin-top: 3%;}
    .parallax-window, .parallax-window2 {background: transparent;width:100%;min-height: 400px; display:block;}
    .parallax-mirror, .parallax-mirror * {transition:initial;}
    .parallax-slider, .parallax-slider * {transition:initial;}
    .parallax-window, .parallax-window *,.parallax-window2, .parallax-window2 * {transition:initial;}
    
    select.ui-datepicker-month, select.ui-datepicker-year {width:110px;}
}

@media only screen and (min-width:1350px) {
.vkal_galerie {height:300px;}
.start_adresslisten .adresslisten.nr4 {width:23.5%;margin-right:1.5%; margin-bottom:15px;}
.start_adresslisten .adresslisten.nr4 .hinten {font-size:.85em;}
.start_adresslisten .adresslisten.nr3 .hinten {font-size:1em;}

}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*******************************************************************************************************************/
/* TV */
/*******************************************************************************************************************/

@media only screen and (min-width:1600px) {
    .wrapper {font-size:1.3em;}
    .vkal_galerie {height:350px;}
    .logo img {min-width:250px;width:15%;height:auto;}
    .suche input.lupe, .suche button  {font-size: 1.3em;}
    .start_mitteilungen, .start_veranstaltungen {width: 45%;}
    .start_mitteilungen {margin: 0 10% 0 0;}
    /*.floating-icons {top:50%;}*/
    .google-translate-placeholder .goog-te-menu-value {font-size:16px !important;}
}
@media only screen and (min-width:1920px) {
    .wrapper, .sec_cover .wrapper  {width:1920px;}
    .vkal_galerie {height:370px;}
}

/* Cookie- bzw. Datenschutzhinweis - Start */
.cookie-message, .tracking-box, .assi-box{
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    width: 100%;
    background-color: #f0f0f0;
    padding: 25px;
	-webkit-box-shadow: 0 5px 15px #000;
    box-shadow: 0 5px 15px #000;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    font-size: 1em;
}
.cookie-message p, .tracking-box p, .assi-box p{
    margin-top:0;
    text-align: left;
}
.cookie-message .btn, .tracking-box .btn, .assi-box .btn{
    margin: 0 10px 0 0;
}
.cookie-message .pull-right .btn, .tracking-box .pull-right .btn, .assi-box .pull-right .btn{
    margin: 0 0 0 10px;
}
.cookie-message.bottom-left{
    position: fixed;
    bottom: 30px;
    left: 30px;
    max-width: 500px;
    z-index: 10000;
}
.cookie-message.bottom-right{
    position: fixed;
    bottom: 30px;
    right: 30px;
    max-width: 500px;
    z-index: 10000;
}
.cookie-message.bottom{
    position: fixed;
    bottom: 0;
    z-index: 10000;
}
.cookie-message button, .tracking-box button, .assi-box button{
	display: inline-block;
	padding: 7px 30px;
	background-color: #666;
	color: #fff;
	font-weight: normal;
	font-size: 1em;
	font-family:'Dosis', Tahoma, Helvetica, sans-serif; /* Font evtl. ersetzen! */
	position: relative;
	overflow: hidden;
	border: none !important;
	margin: 10px 10px 0 0;
	cursor: pointer;
	-webkit-appearance: none;
	/*border-radius:3px;
	box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);*/	
}
.cookie-message button:hover, .tracking-box button:hover, .assi-box button:hover{
    background-color: #777;
}
.cookie-message .pull-left{
	float: left;
}
.cookie-message .pull-right{
	float: right;
}
#cookie-message{
    display: none;
}
@media screen and (max-width: 960px){
	 .cookie-message.bottom-left, .cookie-message.bottom-right, .cookie-message.bottom{
        padding:15px;
        font-size: 1em;	        
	}
}

@media screen and (max-width: 680px){
    .cookie-message.bottom-left, .cookie-message.bottom-right, .cookie-message.bottom{
        bottom: 0;
        left: 0;
        right: 0;
        max-width: none;
    	-webkit-box-shadow: 0 0 15px #000;
        box-shadow: 0 0 15px #000;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25);
        box-shadow: 0 0 15px rgba(0,0,0,0.25); 
    }
}


/* 2-Klick-Lösung für Iframes */
.is-ios * {
    cursor: pointer;
}
.iframe-autowidth {
	position: relative;
	height: 0;
}
.iframe-autowidth .iframe-preview, .iframe-autowidth .iframe-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.iframe-preview {
    position: relative;
	background: center center/cover no-repeat;
}
.iframe-wrap, .iframe-preview, .iframe-frame {
    max-width: 100%;
}
.iframe-wrap[data-iframe-autowidth="1"] > .iframe-preview {
    max-width:none;
}
.iframe-preview .mc2_ac {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    padding: 2px 5px;
    background-color: #eee;
    background-color: rgba(255,255,255,0.75);
    max-width: 66.666%;
    text-align: left;
}
.iframe-message {
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
    width: calc(100% - 50px);
    max-width: 500px;
    padding: 25px;
    margin: 25px;
    background-color: #f0f0f0;    
    -webkit-box-shadow: 0 5px 15px #000;
    box-shadow: 0 5px 15px #000;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}
.iframe-message.top-left {
    top: 25px;
    left: 25px;
    margin: 0;
    max-width: 500px;
}
.iframe-message.top-right {
    top: 25px;
    right: 25px;
    margin: 0;
    max-width: 500px;
}
.iframe-message.top {
    top: 25px;
    left: 25px;
    right: 25px;
    margin: 0;
    max-width:none;
}
.iframe-message.dark {
    background-color: #333;    
    background-color: rgba(0,0,0,0.75);
    color: #fff;
}
.iframe-message a {
    font-weight: bold;
}
.iframe-message.dark a {
    color: #fff;
}
.iframe-message .btn {
    margin: 0;
}
@media screen and (max-width: 960px) {
	.iframe-message {
        max-width: 500px;
	    width: calc(100% - 30px);
        padding: 15px;
        margin: 15px;
        font-size: 0.8em;	        
	}
    .iframe-message.top-left {
        top: 15px;
        left: 15px;
    }
    .iframe-message.top-right {
        top: 15px;
        right: 15px;
    }
    .iframe-message.top {
        top: 15px;
        left: 15px;
        right: 15px;
    }    
}


 /* Cookie- bzw. Datenschutzhinweis - Ende */
 
 /*Google Translator */
 
 .google-translate-placeholder {
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
}
	
.google-translate-placeholder .goog-te-gadget-simple {cursor:pointer;}

.google-translate-placeholder .goog-te-menu-value {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
	margin-right: 6px;
}

.goog-te-gadget-simple .goog-te-menu-value {color:#fff !important;text-decoration:none !important;}
	
.google-translate-placeholder .goog-te-gadget-simple .goog-te-menu-value span {
	text-decoration: none;
}

.google-translate-message {
    display: none; 
    position: absolute; 
    color: #fff;
    background: #807c73; 
    width: 310px;
    z-index: 10; 
    text-align: left; 
    font-size: 0.75em; 
    padding: 5px;
}


/*Error hervorheben by Arik auf Kundenwunsch*/
.error {color: darkred;}


/* Mängelmelder */
	/* Google Maps - Info-Window */
	.gm-style-iw div.adr {
		float:left;
		margin:5px;
	}
	.gm-style-iw img {
		float:right;
		margin:5px;
		width:150px;
	}	
	.mwl_label {
		background:#eee;
		border:1px solid black;
		width:24px;
		font-size:10px;
		text-align:center;
	}
	.gmc_adrlist_link {
		cursor:pointer;
		padding: 1em 0 1em 0;
		border-bottom:1px dotted #ddd;
	}

@media screen and (max-width: 1024px){
	.liste-bild.column-3 small, .liste-bild.column-3 .mc2_ac{
		font-size: 0.55em;
	}
}
@media screen and (max-width: 680px){
	.liste-bild.column-3 small, .liste-bild.column-3 .mc2_ac{
		position: static;
		background: transparent;
		width: auto;
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}
	span.ikiss-field-label, span.ikiss-form-element{
	    width: 100%;
	}
}


/* Kartenmodul */
.gmc_control .fancytree-plain span.fancytree-node:hover span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-node:focus span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded span.fancytree-title {color:#fff;background-color:transparent;border:1px solid transparent;border-color:transparent;}
.gmc_control .fancytree-plain span.fancytree-active.fancytree-partsel span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-selected.fancytree-partsel span.fancytree-title {font-weight:700;color:#202020;background-color:transparent;border:1px solid transparent;border-color:transparent;}
.gmc_control .fancytree-plain span.fancytree-node.fancytree-partsel:hover span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-node.fancytree-partsel:focus span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded.fancytree-partsel span.fancytree-title {color:#fff;}
.gmc_control .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title, .gmc_control .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {background-color:transparent;border-color:transparent;}
.gmc_control .fancytree-plain span.fancytree-active span.fancytree-expander, .gmc_control .fancytree-plain span.fancytree-selected span.fancytree-expander {color:#202020;}
.gmc_control .fancytree-plain span.fancytree-node:hover span.fancytree-expander, .gmc_control .fancytree-plain span.fancytree-node:focus span.fancytree-expander, .gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded span.fancytree-expander {color:#fff;}

#div_gmc_pos {float:right;}
#div_gmc_pos input {width:5em;}
	
.gmc_cmdbar {width:100%;}
.gmc_cmdbar input {width:auto;margin:3px;padding:0 0.5em !important;font-size:16px;}	
.gmc_cmdbar input[type=button] {margin-left:0px;border:none;color:#fff;border-radius:3px;background-color:#3d3d3d;font-weight:bold;padding:5px 0.5em !important;}
.gmc_cmdbar .btn {min-width:0;margin:0;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.gmc_cmdbar .btn > i {margin-right:0;}
.gmc_cmdbar .btn:hover, .gmc_cmdbar .btn:focus {color:#fff;background-color:#202020;}
.gmc_cmdbar .btn.active > i:before {content:'\f0c9';}
	
.gmc_map {float:none;width:100%;height:100%;padding:0;margin:0;}
.gmc_map .gmc_input {z-index:10;float:left;width:250px;left:200px;top:10px;position:relative;}
	
/* Google Maps - Info-Window */
.gm-style-iw .adr {float:left;margin:5px;}
.gm-style-iw .gm-footer {margin:5px 0;padding:4px;background:#f0f0f0;}
.gm-style-iw img {float:right;margin:5px;width:150px;}

/* GMC-Tooltip */
.gmc_tooltip {min-width:150px;max-width:200px;}

.mwl_label {background:#eee;border:1px solid #19252f;width:24px;font-size:10px;text-align:center;}
	
.gmc_adrlist_link {cursor:pointer;padding:1em 15px 1em 15px;border:none;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.gmc_adrlist_link:hover, .gmc_adrlist_link:focus {background-color:#f0f0f0;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.gmc_adrlist_link a, .gmc_adrlist_link a:link, .gmc_adrlist_link a:visited {display:block;min-height:120px;color:#202020;text-decoration:none !important;border-bottom:1px solid #ccc;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.gmc_adrlist_link a:hover, .gmc_adrlist_link a:focus {display:block;min-height:120px;color:#202020;text-decoration:none !important;border-bottom:1px solid #202020;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.gmc_adrlist_link a small {opacity:0.5;}
.gmc_adrlist_link a small i.fa {vertical-align:baseline;}

#ikiss_gmc_tree_wrapper {clear:both;height:100%;height:calc(100% - 75px);padding-top:25px;overflow:auto;}
.ikiss_cattree ul li {padding:0;margin:0;}
.ikiss_cattree ul {list-style:none;padding:0;margin:0;}
.ikiss_cattree input {display:none;}
.ikiss_cattree span label img {display:inline;vertical-align:middle;margin-right:10px;}  /* PNG-icons */
.ikiss_cattree span label i {display:inline;vertical-align:middle;margin-right:10px;font-size:20px;} /* font-awesome icons */
.ikiss_cattree span label {padding:10px;background-color:#e7e8eb;border-bottom:1px solid #fff;margin:0;display:block;cursor:pointer;position:relative;}
.ikiss_cattree span label:hover, .ikiss_cattree span label:focus, #ikiss_gmc_tree_wrapper ul li.active span label {background-color:#f0f0f0;}
.ikiss_cattree ul li.active span label:after {content:"\f00c";font-family:'Font Awesome 5 Pro';font-weight:900;position:absolute;display:inline-block;right:10px;top:50%;transform:translateY(-50%);}

img.fancytree-icon {width:25px !important;height:29px !important;margin-top:0 !important;margin-left:0 !important;vertical-align:middle !important;}

@media screen and (min-width: 960px){
	
	div.gmc_control {width:33.33333%;}
	.gmc_adrlist_link:nth-child(3n+1) {clear:both;}

}

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

	div.gmc_control {width:50%;}
	.gmc_adrlist_link:nth-child(2n+1) {clear:both;}
	
}

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

	div.gmc_page {height:925px;}
	div.gmc_control {width:100% !important;height:auto;}
	div.gmc_header {position:relative;top:auto;right:auto;width:100%;}
	div.gmc_control {position:relative;top:auto;bottom:auto;width:100%;}
	div.gmc_map {height:400px;}

}

	/* Programmübersicht 
	https://ikiss.intra.leonberg.de/Kultur-Sport-Tourismus/Kultur/Stadthalle-Leonberg/Veranstaltungsprogramm
	*/
	.va_item {
		padding: 10px;
		border: 1px dotted #454545;
		text-align: center;
		height: 100%;
		font-size: 80%;
	}
	.va_item a {
	    text-decoration: none!important;
	    display: block;
	}
	.va_item:hover {
	    background-color: #EAE9E7;
	}
	.va_img {
	    position: relative;
	}
	/* Flexbox-Grid */
.flex-row{
	list-style: none;
    padding: 0;
    margin: 0 -15px -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
	flex-direction:row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-col-1, .flex-col-2, .flex-col-3, .flex-col-4, .flex-col-5, .flex-col-6{
	padding: 0;
	margin: 0 15px 30px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow-wrap: break-word;
}
.flex-col-1 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
}
.flex-col-2 {
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
    width: calc(50% - 30px);
}
.flex-col-3 {
    -ms-flex-preferred-size: calc(33.333% - 30px);
    flex-basis: calc(33.333% - 30px);
    width: calc(33.333% - 30px);
}
.flex-col-4 {
    -ms-flex-preferred-size: calc(25% - 30px);
    flex-basis: calc(25% - 30px);
    width: calc(25% - 30px);
}
.flex-col-5 {
    -ms-flex-preferred-size: calc(20% - 30px);
    flex-basis: calc(20% - 30px);
    width: calc(20% - 30px);
}
.flex-col-6 {
    -ms-flex-preferred-size: calc(16.66% - 30px);
    flex-basis: calc(16.66% - 30px);
    width: calc(16.66% - 30px);
}
@media only screen and (max-width: 960px) {
	.flex-col-4 {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
        width: calc(50% - 30px);
	}
	.flex-col-6 {
        -ms-flex-preferred-size: calc(33.333% - 30px);
        flex-basis: calc(33.333% - 30px);
        width: calc(33.333% - 30px);
	}
	.flex-col-md-3{
		-ms-flex-preferred-size: calc(33.333% - 30px);
		flex-basis: calc(33.333% - 30px);
		width: calc(33.333% - 30px);
	}	
	.flex-col-md-2{
		-ms-flex-preferred-size: calc(50% - 30px);
		flex-basis: calc(50% - 30px);
		width: calc(50% - 30px);
	}
	.flex-col-md-1{
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
	}
}
@media only screen and (max-width: 680px) {
	.flex-col-1,
	.flex-col-2,
	/*.flex-col-3,*/
	.flex-col-4,
	.flex-col-5,
	.flex-col-6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
	}
}

/* CS 14.03.2020 */
/* Zusatzfunktion: Wichtige Mitteilung in einem modalen Fenster */
.modal-window,
.modal-window *,
.modal-window *::before,
.modal-window *::after {
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.modal-window {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 2000;
    display: none;
    justify-content: center;
    align-items: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.modal-window-overlay {
    background-color: #fff;
    overflow-y: auto;
    height: 100%;
    opacity: 0;
    animation-name: modal-window-open;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
@keyframes modal-window-open {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@media screen and (min-width: 681px) {
    .modal-window-overlay {
        max-width: 960px;
        height: calc(100% - 30px);
        width: calc(100% - 30px);
    }
}
@media screen and (min-width: 681px) and (min-height: 431px) {
    .modal-window-overlay {
        height: auto;
        max-height: 400px;
    }
}
@media screen and (min-width: 681px) and (min-height: 631px) {
    .modal-window-overlay {
        max-height: 600px;
    }
}
@media screen and (min-width: 681px) and (min-height: 831px) {
    .modal-window-overlay {
        max-height: 800px;
    }
}
.modal-window-content {
    padding: 30px;
}
.modal-window h1 {
    text-align: left;
}
.modal-window-content div[style="display:inline"]:last-of-type > :last-child { /* Designtemplate-Felder */
    margin-bottom: 0;
}
.frontend .modal-window-hide-btn {
    vertical-align: bottom;
    margin-top: 30px;
}
.modal-window-hide-btn {
    display: inline-block;
	padding: 7px 15px 10px;
	background-color: #0091c9;
	color: #fff;
	font-weight: 600;
	font-size: 1em;
	position: relative;
	overflow: hidden;
	border: none !important;
	margin: 30px 10px 0 0;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
    vertical-align: bottom;
}
.modal-window-hide-btn i {margin-right:5px;}
.modal-window-hide-x {
    cursor: pointer;
    background-color: transparent;
    float: right;
    color: #202020;
    margin: -20px -20px 30px 30px;
    line-height: 1;
    border:none;
}
.modal-window-hide-x i[class^=fa] {
    margin-right: 0;
}
.modal-window-hide-x .fa-fw {
    height:1.25em;
}
html.noscroll {
    overflow: hidden;
}
.modal-window.flex {
    display: flex !important;
}
.webcal {float: right; width: auto; padding: 3px; border: 1px solid #999; background: #999; color: #fff; cursor: pointer;}
.webcal a{text-decoration:none;color:#fff;}
.webcal a:hover{text-decoration:none;background-color: transparent;color:#fff;}
.accordion .list-img {
    position: relative;
    overflow: hidden;
}
/* Zusatzfunktion: Aufklapp-Effekt */
.accordion {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
}
.accordion-title button:focus, .toggler-title:focus {
	outline: 0;
}
.accordion-title button::-moz-focus-inner {
	border: 0;
}
.accordion-tab-focus,
.accordion-tab-focus:focus {
	outline: 1px solid currentColor;
}
.accordion-title {
	text-align: left;
	background-color: rgba(64,59,56,.09);
	padding: 0.75% 0.75% 0.75% 0;
	margin: 0 0 25px;
	cursor: pointer;
}
h2.accordion-title span, h3.accordion-title span, h4.accordion-title span, h5.accordion-title span, h6.accordion-title span {font-size: 1em;padding-left: 2em;}
.accordion-title span {
    padding-left: 2em;
}
.accordion-title.smaller-title{
    font-size: 1.125rem;
}
.accordion-title.bigger-title{
    font-size: 1.5rem;
}
.accordion-title button {
	position: relative;
	width: 100%;
	font-size: inherit;
	font-weight: inherit;
	text-align: left;
	background: transparent;
	margin: 0;
	cursor: inherit;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
.accordion-title button::after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
}
.accordion-title span {
	display: inline-block;
	text-align: left;
	line-height: 1.33;
	margin-right: 20px;
}
.accordion-title,
.accordion-title span {
	color: #454545;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	font-size: 1.2em;
	font-weight: 600;
}
.accordion-title i {
	position: absolute;
	top: 50%;
	left: 7px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #454545;
	margin-right: 0 !important;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.accordion-title i.flip-x {
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	transform-origin: 25% 25%;
}
.accordion-container {
	padding: 0;
	margin-bottom: 10px;
	overflow: hidden;
}
.accordion-container p {
    margin-top: 0;
}
