body {text-align:left;width:100%;margin:0 auto;padding:0;background:#fff;font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1em;font-weight:300;color:#263238;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} table, tr, td {font-size:100%;} table {border-collapse:collapse;} td {/*border:1px solid #e9eaeb;*/padding:3px;} .alphanav td {border:0;padding:0;} a img {border:none;} img {display:block;max-width:100%;/*width:100%;*/height:auto;} b, strong {font-weight:bold;} p:empty, a:empty, .bis a:empty {display:none;} i {font-family:FontAwesome;font-style:normal;margin: 0 5px 0 0;} a, a:link, a:visited {text-decoration:underline;color:#c62828;} a:hover, a:active {text-decoration:underline;color:#c62828;} .transition, .transition * {transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;} * {-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 #263238;font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;} legend {padding:0 5px 5px;font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1.25em;color:#263238;} label {display:block;color:#263238;} input, textarea, select, radio {width:100%;margin:0 0 15px 0;padding:0.313em 0.313em 0.313em 0.313em;border:0;border:1px solid #d1d1d1;background:#fff;font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1em;color:#263238;} input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus, input:visited, select:visited, textarea:visited {margin:0 0 15px 0;padding:0.313em 0.313em 0.313em 0.313em;border:0;border:1px solid #d1d1d1;background:#fff;font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;color:#263238;} select, select:hover, select:focus, select:visited {-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d1d1d1;border-radius:0;font-size:1em;width:100%;padding:0.313em 0.313em 0.313em 0.313em;background-color:#fff;background-image:url(media/select-pfeil.png);background-position:right center;background-size:contain;background-repeat:no-repeat;} select:hover, select:focus {background-color:#fff;} select::-ms-expand {display:none;} select#datum_von_bis_1, select#datum_von_bis_2, select#datum_von_bis_3, select#datum_von_bis_4, select#datum_von_bis_5, select#datum_von_bis_6, select#datum_von_bis_7 {width:30%;} 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;} ::-webkit-input-placeholder {color:#263238;opacity:1;} :-moz-placeholder {color:#263238;opacity:1;} ::-moz-placeholder {color:#263238;opacity:1;} :-ms-input-placeholder {color:#263238;opacity:1;} h1 {margin:0 0 25px 0;font-family:'Merriweather', serif;font-weight:700;line-height:1.125em;font-size:1.5em;} .startseite .main h1 {text-align:center;margin:30px 0;} h2 {margin:20px 0 10px 0;font-family:'Merriweather', serif;font-weight:700;line-height:1.15em;font-size:1.375em;} h2.trigger {cursor:pointer;} h3 {margin:13px 0 5px 0;font-weight:600;font-size:1em;color:#263238;} h4 {margin:10px 0 5px 0;font-weight:600;font-size:0.875em;color:#263238;} h5 {margin:10px 0 5px 0;font-weight:600;font-size:0.875em;color:#263238;} h6 {margin:10px 0 5px 0;font-weight:600;font-size:0.875em;color:#263238;} 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;padding:0;border:none;border-top:1px solid #e6e9eb;overflow:hidden;} .inhalt .trenner, .inhalt hr {margin:15px 0;} .inhalt .trenner.small {margin:8px 0;} .klein, .ikiss-mailform-infolabel {font-size:0.75em;} .date {display:inline-block;padding:2px 0;font-size:0.75em;color:#c62828;} .link {clear:both;margin:15px 0 0 0;} .link a, .link a:link, .link a:active, .link a:visited {padding:5px;background:#003d90;text-decoration:none;color:#fff;} .link a:hover {color:#fff;background:#003d90;} .textblock_links {width:100%;} .textblock_rechts {width:100%;} .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;} span.fa-phone, span.fa-map-marker {display:inline-block;font-family:FontAwesome;font-style:normal;padding:0 0 0 15px;text-indent:-9999px;} span.fa-phone:before, span.fa-map-marker:before {display:inline-block;float:left;text-indent:-15px;} .button_transparent {display:block;text-align:center;margin:0 auto;} .button_transparent a, .button_transparent a:visited {display:inline-block;text-align:center;text-decoration:none;font-weight:600;color:#263238;background:#fff;border:1px solid #263238;padding:0.75em;margin:0;transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;} .button_transparent a:hover, .button_transparent a:active {display:inline-block;text-align:center;text-decoration:none;font-weight:600;color:#fff;background:#263238;border:1px solid #263238;padding:0.75em;margin:0;transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;} .button_transparent a:before {display:none !important;} .startseite .button_transparent a, .startseite .button_transparent a:hover, .startseite .button_transparent a:active, .startseite .button_transparent a:visited {min-width:30.5%;margin:0 auto;} /* 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:5px;border:1px solid #263238;background:#263238;color:#fff;cursor:pointer;} .ikiss_alphanav {width:100%;font-size:1em;} .ikiss_alphanav a, .ikiss_alphanav a:link, .ikiss_alphanav a:visited {text-decoration:none;color:#c62828;} .ikiss_alphanav a:hover {text-decoration:underline;color:#263238;} /* LISTEN */ .mitteilungen {margin:0 0 2% 0;} .veranstaltungen {margin:0 0 2% 0;} .adressen {margin:0 0 2% 0;} .bis {margin:0 0 0 0;} .bis a {display:block;} .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 {font-size:1.375em;font-weight:400;color:#263238;margin:0 0 1% 0;} .liste_titel a, .liste_titel a:link,.liste_titel a:visited {display:block;text-decoration:none;color:#263238;} .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:#263238;} .liste_bild {float:right;width:30%;margin:0 0 0 2%;;border: 1px solid #f0f0f0;} .liste_bild img {display:block;width:100%;height:auto;padding:0;} .liste_text {float:left;width:68%;margin:0 0 0 0;/*color:#263238;*/} .liste_text p {margin:0;} .seitenzaehler {font-size:0.875em;text-align:right;margin:35px 0 0 0;padding:10px 0 10px 0;border-top:1px solid #e9eaeb;border-bottom:1px solid #e9eaeb;color:#263238;} .seitenzaehler .pn_active {display:inline-block;min-width:24px;text-align:center;color:#263238;border:1px solid #f2f4f5;} .seitenzaehler .pn_step {display:inline-block;min-width:24px;text-align:center;text-decoration:none;color:#263238;background:#f2f4f5;padding:0 0;} .seitenzaehler .pn_step:hover {color:#fff;background:#263238;} /* DETAILANSICHTEN */ .zusatztext {display:block;} .zusatztext h1 {clear:both;margin:20px 0 10px 0;padding:0 0 2px 0;border-bottom:1px solid #e9eaeb;line-height:1.15em;font-weight:normal;font-size:1.2em;color:#263238;} /* 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;} /* 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;} /* 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 #263238;background:#263238;color:#fff; } /* Infolabel */ .ikiss-mailform-infolabel {} /* MODUL ADRESSEN */ .adressen_links {width:100%;margin:0 0 1em 0;} .adressen_rechts {width:100%;margin:0;} /* MODUL MITTEILUNGEN */ .mitteilungen_detail .date {display:inline-block;margin:0 0 5px 0;padding:1px 3px;background:#e9eaeb;font-size:.8em;color:#263238;} /* MODUL FORUM */ .foren .liste_titel {margin:1% 0;} .foren .liste_text {width:100%;margin:2% 0;} .foren .fob_quote {position:relative;background:#e9eaeb;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 #e9eaeb transparent transparent;content:"";display:block;} /* MODUL BEWERTUNG UND KOMMENTARE */ .bewerten_header {padding:0 0 10px 0;font-size:.7em;color:#263238;} .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:#263238;color:#fff;} .tourismus_opt_on {text-decoration:underline;} .tourismus_opt img {clear:both;float:left;margin:0 5px 5px 0;} /* MODUL NEWSLETTER */ .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;} /* VOLLTEXTSUCHE */ a.vt_anchor {text-decoration:none;} .vt_anchor {display:block;margin:0 0 10px 0;} .suchergebnis_filter {clear:both;margin:10px 0;} .liste_zeile_ueberschrift {width:100%;margin:25px 0 10px 0;padding:2px;background:#e9eaeb;font-size:1em;color:#263238;} .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 #e9eaeb;} .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:#e9eaeb;text-decoration:none;color:#263238;} .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:#e9eaeb;text-decoration:none;color:#263238;} .suchergebnis_pagenav .pn_active {padding:2px 4px;background:#e9eaeb;text-decoration:none;color:#263238;} /* 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:#e9eaeb;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:#263238;} 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:#263238;} .cal_wena, .cal_kwna, .cal_wdna, .cal_kwnr {font-size:1em;color:#263238;} .cal_actday {padding:1px 2px 2px 2px;background:#fff;color:#770000;} .cal_wenr {font-weight:bold;font-size:1em;color:#263238;} .ui-datepicker {width:100%;height:auto;font-size:1em;color:#263238;background:#e9eaeb;} .ui-datepicker a {display:block;text-decoration:none !important;color:#263238;} .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;font-weight:700;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:'« '}*/ .ui-datepicker-next {float:right;} /*.ui-datepicker-next:after {content:' »'}*/ .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:#263238;} .ui-datepicker-other-month a {color:#263238;} .ui-state-highlight {background:#fff;} .ui-datepicker-other-month .ui-state-highlight {background:none;} .ui-datepicker .ui-state-active {color:#fff;background:#003e59;} .ui-datepicker .ui-state-hover {color:#003e59;background:#fff;} .ui-datepicker-week-end a {font-weight:bold;} /* 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_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_grafik {display:inline;padding:0 0 0 0;} a.css_intern_img img, a.css_extern_img img {width:auto;max-width:100%;} .css_linkimg {width:auto;max-width:100%;} 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;} a.csslink_extern:before {content:'\f08e';display:inline-block;font-family:FontAwesome;font-style:normal;margin:0 5px 0 0;} a.csslink_intern:before, a.csslink_anker:before {content:'\f0c1';font-family:FontAwesome;font-size:0.75em;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;margin:0 5px 0 0;} a.csslink_PDF:before, a.csslink_PDF_einb:before {content:'\f1c1';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;margin:0 5px 0 0;} a.csslink_DOCX:before, a.csslink_DOCX_einb:before {content:'\f1c2';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;margin:0 5px 0 0;} a.csslink_DOC:before, a.csslink_DOC_einb:before {content:'\f1c2';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;margin:0 5px 0 0;} a.csslink_XLSX:before {content:'\f1c3';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;margin:0 5px 0 0;} a.csslink_grafik:before, a.csslink_JPG:before, a.csslink_PNG:before {content:'\f1c5';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;margin:0 5px 0 0;} .inhalt ul li a.csslink_extern:before, .inhalt ul li a.csslink_intern:before, .inhalt ul li a.csslink_anker:before, .inhalt ul li a.csslink_PDF:before, .inhalt ul li a.csslink_PDF_einb:before, .inhalt ul li a.csslink_DOCX:before, .inhalt ul li a.csslink_DOCX_einb:before, .inhalt ul li a.csslink_XLSX:before, .inhalt ul li a.csslink_grafik:before, .inhalt ul li a.csslink_JPG:before, .inhalt ul li a.csslink_PNG:before {display:none;} /* NICHT FREIGESCHALTET */ .ikiss_norel, .ikiss_norel .liste_titel {padding:0;border:0;color:#282dc8 !important;} a.ikiss_norel, .ikiss_norel a {padding:0;border:0;color:#282dc8 !important;} .ikiss_norel h1, .ikiss_norel h2, .ikiss_norel h3 {/*border-bottom:1px solid #282dc8;*/color:#282dc8 !important;} /* HIGHSLIDE */ .highslide-container div {font-family:'Source Sans Pro',Arial, 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_first.last_single {width:auto;} .highslide_gallery_single {margin:0;padding:0;} .randspalte_box .highslide_gallery {position:relative;float:left;width:33.33333%;margin:0;padding:0;} .randspalte_box .highslide_gallery_first {width:100%;margin:0;padding:0;} .randspalte_box .highslide_gallery_single {width:100%;margin:0;padding:0;} .highslide_gallery img {border:2px solid #e6e9eb;width:100%;margin:0;padding:0;display:block;} .randspalte_box .highslide_gallery img, .randspalte_box .highslide_gallery_single img {border:none;border-right:1px solid #fff;} .randspalte_box .highslide_gallery_first img {border:none;border-bottom:1px solid #fff;} .randspalte_box .highslide_gallery.last img, .randspalte_box .highslide_gallery_first.last img, .randspalte_box .highslide_gallery_single.last img {border:none;} .highslide_gallery img:hover {border-color:#263238;} .highslide_gallery_first img {/*width:100%;*/width:auto;max-width:100%;margin:0;padding:0;display:block;} .highslide_gallery_first img:hover {} .highslide_gallery_single img {border:none;margin:0;padding:0;} /*.highslide_gallery_single img:hover {border-color:#e6e9eb;}*/ .randspalte_box .highslide_gallery_single img {border:none;/*width:100%;*/margin:0;padding:0;display:block;} /*.randspalte_box .highslide_gallery_single img:hover {border-color:#e6e9eb;}*/ .randspalte_box .highslide_gallery .mc2_ac, .randspalte_box .highslide_gallery_first .mc2_ac, .randspalte_box .highslide_gallery_single .mc2_ac {display:none;position:absolute;bottom:0;background:000;background:rgba(0,0,0,0.75);color:#fff;font-size:0.769em;} /* BILDEINBINDUNG */ .mt_ac {} .mc1_ac {} .mc2_ac {line-height:1.2em;font-size:0.75em;} .mt_left {float:left;margin:0 1em 0 0;} .mt_right {float:right;margin:0 0 0 1em;} .mt_middle {clear:both;margin:0;text-align:center;max-width:100%;} .mt_noalign {float:none;margin:0;} /* SYSTEMTEXTE */ .ikiss_sysmsg tr, .ikiss_sysmsg td {text-align:left;} /* BLÄTTERFUNKTION */ .pagebreak {display:inline-block;width:100%;border-top:1px solid #e9eaeb;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 {position:relative;font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1.125em;font-weight:600;color:#263238;background:#e6e9eb;padding:0.455em;margin:0 0 5px 0;cursor:pointer;} /*.toggler_titel.active {color:#fff;background:#c62828;}*/ .toggler_titel:after {content:'\f0ab';position:absolute;right:0.455em;font-family:FontAwesome;font-size:1.222em;font-style:normal;} #tinymce .toggler_titel:after {position:relative;content:' \f0ab';} .toggler_titel.active:after {content:'\f0aa';opacity:0.5;} .toggler_container {padding:0 0 1.25em 0;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;} /* NAVIGATIONSLISTE */ .navigationsliste {padding:0;margin:0;} .navigationsliste, .inhalt ul.navigationsliste {display:block;text-indent:0;margin:0;padding:0;list-style:none;} .navigationsliste li {display:block;border-bottom:1px solid #b2bec7;margin:0;padding:0;list-style-type:none;} .inhalt ul.navigationsliste li:before {display:none;} .navigationsliste li a, .navigationsliste li a:link, .navigationsliste li a:visited {display:block;margin:0;padding:0;text-decoration:none;padding:0.25em 0;} .navigationsliste li a:hover, .navigationsliste li a:active {display:block;margin:0;padding:0;text-decoration:none;padding:0.25em 0;} .navigationsliste li a.csslink_extern:before, .navigationsliste li a.csslink_intern:before, .navigationsliste li a.csslink_anker:before {content:'\f105';} .randspalte .randspalte_box .navigationsliste {} .randspalte .randspalte_box .navigationsliste li a, .randspalte .randspalte_box .navigationsliste li a:link, .randspalte .randspalte_box .navigationsliste li a:visited {font-weight:700;color:#fff;background:#11334f;padding:0.417em;} .randspalte .randspalte_box .navigationsliste li a:hover, .randspalte .randspalte_box .navigationsliste li a:active {font-weight:700;color:#fff;background:#7592a8;padding:0.417em;} /* THEMENBOXEN */ .themenbox {float:left;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:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;color:#fff;background:#263238;border:1px solid #263238;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:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;color:#fff;background:#263238;border:1px solid #263238;padding:0.313em;margin:15px 15px 0 0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;} /* Abfallkalender */ input#vtyp_0, input#vtyp_1, input#vtyp_2, input#abfart_0, input#abfart_1, input#abfart_2, input#abfart_3, input#abfart_4, input#abfart_5, input#abfart_6, input#abfart_7, input#abfart_8, input#abfart_9 {display:inline;width:20px;} table.abfallkalender_monat {width:98%;border:1px solid #ccc;border-collapse:collapse;page-break-inside:avoid;} .abfallkalender_monat caption {border:1px solid #ccc;background:#eee;height:30px;text-align:center;padding-top:8px;} .abfallkalender_monat th {border:1px solid #ccc;width:14%;height:20px;text-align:center;} .abfallkalender_monat td {border:1px solid #ccc;height:50px;text-align:left;vertical-align:top;} table.abfallkalender_jahr {width:96%; border:1px solid #ccc;border-collapse:collapse;page-break-inside:avoid;} .abfallkalender_jahr caption {border:1px solid #ccc;background:#eee;height:30px;text-align:center;padding-top:8px;} .abfallkalender_jahr th {border:1px solid #ccc;width:16%;text-align:center;} .abfallkalender_jahr td {border:1px solid #ccc;text-align:left;vertical-align:top;} .abfallkalender_weekend {float:left;width:40px;background:#fdd} table.abfallkalender_jahr div {/*float:left;*/} .abfallkalender_msg {font-size:110%;background:#fff;padding:5px;} .abfallkalender_legende table, .abfallkalender_legende td {border:4px solid #ff0000;height:auto;} .abfallart_1_1 {float:left;/*background:url(/media/output/abfall_hellgraue_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;/*margin-right:10px;*/display:block;font-size:0.75em;padding:2px 0;} .abfallart_1_2 {float:left;/*background:url(/media/output/abfall_gelbe_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;/*margin-right:10px;*/display:block;font-size:0.75em;padding:2px 0;} .abfallart_1_3 {float:left;/*background:url(/media/output/abfall_gruene_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;/*margin-right:10px;*/display:block;font-size:0.75em;padding:2px 0;} .abfallart_1_4 {float:left;/*background:url(/media/output/abfall_braune_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;display:block;padding:2px 0;} .abfallart_1_5 {float:left;/*background:url(/media/output/abfall_magenta_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;display:block;padding:2px 0;} .abfallart_1_6 {float:left;/*background:url(/media/output/abfall_lilablaue_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;display:block;padding:2px 0;} .abfallart_2389_1 {float:left;/*background:url(/media/output/abfall_blaue_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;display:block;padding:2px 0;} .abfallart_2389_2 {float:left;/*background:url(/media/output/abfall_graue_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;display:block;padding:2px 0;} .abfallart_2389_3 {float:left;/*background:url(/media/output/abfall_schwarze_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;display:block;padding:2px 0;} .abfallart_2389_4 {float:left;/*background:url(/media/output/abfall_dunkelgruene_tonne.png) no-repeat left;*/width:auto;height:32px;overflow:visible;display:block;padding:2px 0;} table.abfallkalender_jahr div.abfallart_1_1, table.abfallkalender_jahr div.abfallart_1_2, table.abfallkalender_jahr div.abfallart_1_3, table.abfallkalender_jahr div.abfallart_1_4, table.abfallkalender_jahr div.abfallart_1_5, table.abfallkalender_jahr div.abfallart_1_6 {float:right;margin:0;} .abfallart_1_1 img, .abfallart_1_2 img, .abfallart_1_3 img, .abfallart_1_4 img, .abfallart_1_5 img, .abfallart_19_1 img {display:block;} .abf_arten_img {margin:0 8px 0 0;border:none;display:block;float:left;} #mod_abf_search td {text-align:left !important;} table .sfm label {display:inline;} .Mod_BC1 {width:100% !important;} /*******************************************************************************************************************/ /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* SMARTPHONE */ /*******************************************************************************************************************/ .tablet {display:none;} .desktop {display:none;} .wrapper {position:relative;text-align:left;width:100%;margin:0 auto;} article, section {position:relative;width:100%;margin:0 auto;} .einleitung {display:block !important;font-style:italic;margin:0 0 1em 0;} /* HEADER */ header {position:relative;min-height:120px;z-index:1001;overflow:hidden;} header .wrapper {padding:0.625em;} .kopfbereich {background:#e6e9eb;padding:20px 0;} .folgeseite .kopfbereich {position:relative;padding:20px 0 0 0;z-index:2;} .kopfbereich .head-inner {background:#c62828;} /*Logo*/ .logo {width:100%;padding:0 95px 0 0;float: left;} .logo a {display:block;text-decoration:none;color:#fff;position: relative;float: left;} .logo span {display:block;text-align:left;font-family:'Merriweather', serif;font-size:1.125em;font-weight:700;line-height:31px;padding:0 55px 0 0;} .logo img {display:block;position:absolute;top:-10px;left:210px;width:50px;max-width:75px;height:auto;} /* Suche */ a.lupe {display:block;position:absolute;top:5px;right:60px;width:40px;height:40px;text-align:center;text-decoration:none;color:#fff;cursor:pointer;z-index:101;} a.lupe .fa-search {display:block;font-family:FontAwesome;font-size:2em;font-style:normal;text-transform:none;line-height:40px;} a.lupe.aktiv {color:rgba(255,255,255,0.5);} .suche {clear:both;width:100%;font-size:1em;background:#fff;border:1px solid #e6e9eb;padding:0;margin:0 auto 0 auto;} .suche form {margin:0;} .suche form input {float:left;width:calc(100% - 55px);height:55px;font-size:1.125em;font-weight:300;color:#263238;background:none;border:none;padding:0 0 0 0.625em;margin:0;transition-property:color, background, border;transition-duration:0.5s;} .suche form input:hover {transition-property:color, background, border;transition-duration:0.5s;} .suche form button {position:relative;float:right;width:55px;height:55px;font-size:1.5em;text-align:center;line-height:17px;color:#263238;background:#fff;border:none;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;} .suche form button:hover {color:#fff;background:#c62828;} .suche .schliessen {position:absolute;top:13px;right:31%;cursor:pointer;z-index:53;text-decoration:none;} .suche .fa-close {font-size:1.75em;color:#d4d8d8;} .suche .fa-close:hover {color:#252c2f;} .ac_results {width:96% !important;border:1px solid #e6e9eb !important;} .ac_results li {font-size:1em !important;line-height:1.125em !important;padding:5px !important;} .ac_over {color:#c62828 !important;background:none !important;} .ac_label {font-size:1.125em;font-weight:700;color:#263238;background:#e6e9eb;padding:10px;} .ac_odd {background-color:#f2f4f5 !important;} /*Quickmenu*/ .quickmenu {font-size:0.875em;text-align:center;padding:0;margin:0 auto;} .quickmenu ul, .quickmenu li {display:inline;margin:0;padding:0;list-style-type:none;} .quickmenu ul a, .quickmenu ul a:link, .quickmenu ul a:visited {display:inline-block;margin:0;padding:0;text-decoration:none;font-size:1em;color:#263238;padding:0.571em 0.714em;} .quickmenu ul a:hover, .quickmenu ul a:active {display:inline-block;margin:0;padding:0;text-decoration:underline;font-size:1em;color:#263238;padding:0.571em 0.714em;} .quickmenu ul li.npt_last a, .quickmenu ul li.npt_last a:hover, .quickmenu ul li.npt_last a:active, .quickmenu ul li.npt_last a:visited {padding:0.571em 0 0.571em 0.714em;} /*Sprache*/ .sprachen {position:relative;text-align:left;color:#263238;} .sprachen a {display:inline-block;margin:0 0 0 6px;} .sprachen img { display:inline-block; } .sprachen .tooltip-target {position:relative;width:100%;cursor:pointer !important;} .sprachen .tooltip-target:hover {text-decoration:underline;} .sprachen .tooltip-content {position:absolute;top:6px;left:0;} .sprachen .tooltip-content p {margin:0;} .sprachen .goog-te-gadget-simple {background:none !important;border:none !important;padding:0 !important;} .sprachen .goog-te-menu-value {text-decoration:none;} .sprachen .goog-te-gadget-icon {margin:0 !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;} .google-translate-placeholder { color: #666; white-space: nowrap; } .google-translate-placeholder .goog-te-gadget-simple { background-color: #fff; padding-top: 1px; padding-bottom: 2px; cursor: pointer; } .google-translate-placeholder .goog-te-menu-value { font-size: 1em; vertical-align:top; text-decoration: none; color: #666; white-space: nowrap; margin-left: 4px; margin-right: 4px; } .google-translate-placeholder .goog-te-gadget-simple .goog-te-menu-value span { text-decoration: none; margin-left:5px; } .google-translate-message { display: none; position: absolute; color: #fff; background: #5d5d5d; margin-left: -185px; z-index: 1000; text-align: left; padding: 15px; } /*Hauptnavigation*/ .navbutton {position:absolute;top:5px;right:10px;width:40px;font-size:2em;color:#fff;z-index:101;cursor:pointer;} .navbutton.aktiv {color:rgba(255,255,255,0.5);} .navbutton.aktiv .fa-navicon:before {content:'\f00d';} .navbutton .touch-button {display:none;} .menu {width:100%;background:none;margin:0;} .flexnav {overflow:hidden;position:relative;width:100%;max-height:0;margin:0 auto;-webkit-transform-style:preserve-3d;} .flexnav .touch-button {position:absolute;z-index:100000;top:0;right:0;display:inline-block;text-align:center;line-height:35px;width:44px;height:43px;color:#fff;cursor:pointer;} .flexnav .npt_on .touch-button, .flexnav .npt_on .touch-button.active {color:#263238;} /*.flexnav .touch-button.active .fa-sort-down {position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}*/ .flexnav .touch-button.active {position:absolute;z-index:100000;top:0;right:0;display:inline-block;text-align:center;width:44px;height:38px;cursor:pointer;} .touch-button .fa-chevron-down {position:relative;font-style:normal !important;font-size:1em;color:#263238;} .touch-button.active .fa-sort-down:before {content:'\f0de';} .flexnav .nlv_2 > li .touch-button, .flexnav .nlv_2 > li .touch-button.active {background:none;} .flexnav.opacity {opacity:0;} .flexnav.show {max-height:none;opacity:1;padding:30px 0 0 0;margin:0 auto;-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;} .flexnav ul.nlv_2 {font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;} .flexnav li {display:block;position:relative;overflow:hidden;margin:0;padding:0;border-bottom:1px solid #fff;font-size:100%;} .flexnav li.npt_last {border:none;} .flexnav li a {overflow:hidden;position:relative;z-index:2;display:block;padding:0.556em 2em 0.556em 0.556em;text-decoration:none;font-size:1.125em;font-weight:700;color:#fff;} .flexnav li a br {display:none;} .flexnav li.npt_on a, .flexnav li .nlk_on {color:#263238;background:#e6e9eb;} .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-bottom:1px solid #fff;font-size:100%;} .flexnav li ul.show li {overflow:visible;} /* Level 2 */ .flexnav .nlv_2 a, .flexnav .nlv_2 a:link, .flexnav .nlv_2 a:visited {display:block;position:relative;font-weight:400;color:#fff;padding:0.625em 4em 0.625em 1.250em;font-size:1em;} .flexnav .nlv_2 a:hover, .flexnav .nlv_2 a:active {display:block;color:#fff;} .flexnav .nlv_2 a.nlk_on {display:block;color:#263238;} .flexnav .nlv_2 a.npt_on {display:block;} .flexnav .npt_on .nlv_2 a, .flexnav .npt_on .nlv_2 a:link, .flexnav .npt_on .nlv_2 a:visited, .flexnav .npt_on .nlv_2 a:hover, .flexnav .npt_on .nlv_2 a:active {color:#263238;} /* Level 3 */ .flexnav .nlv_3 > li .touch-button, .flexnav .nlv_3 > li .touch-button.active {color:#263238;} .flexnav .nlv_3.show {background:#fff;} .flexnav li.npt_on .nlv_3.show a, .flexnav li .nlv_3.show .nlk_on {background:#fff;} .flexnav .nlv_3 li {border-bottom:1px solid #e6e9eb;} .flexnav .nlv_3 a, .flexnav .nlv_3 a:link, .flexnav .nlv_3 a:visited {font-size:0.875em;font-weight:300;color:#263238;padding:0.714em 2em 0.714em 2.143em;} .flexnav .nlv_3 a:hover, .flexnav .nlv_3 a:active {font-size:0.875em;font-weight:300;color:#263238;color:#263238;} .flexnav .nlv_3 a.npt_on {font-size:0.875em;font-weight:300;color:#263238;} /* Level 4 */ .flexnav .nlv_4 a, .flexnav .nlv_4 a:link, .flexnav .nlv_4 a:visited {font-size:0.75em;padding:0.833em 1.667em 0.833em 3.333em;} .flexnav .nlv_4 a:hover, .flexnav .nlv_4 a:active {font-size:0.75em;color:#263238;} .flexnav .nlv_4 a.npt_on {font-size:0.75em;} /* Titelbild */ .titelbild {position:relative;overflow:hidden;} .titelbild img {-moz-user-select:none;width:100%;max-width:none;} .foto-ausblenden {display:none;} .titelbild .bildinfo {display:none;} .folgeseite .titelbild {max-height:300px;overflow:hidden;} .slides, .flex-control-nav, .flex-direction-nav, .custom-direction-nav {display:block;position:relative;z-index:100;margin:0;padding:0;list-style:none;} .slides {text-indent:0 !important;padding:0 !important;margin:0 auto !important;} .inhalt ul.slides li:before, .inhalt ul.flex-direction-nav li:before {display:none;} .slides:after {content: "."; display:block;clear:both;visibility:hidden;line-height:0;height:0;} html[xmlns] .slides {display:block;} * html .slides {height:1%;} .flex-viewport {max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;} .loading .flex-viewport {max-height:300px;} .flex-direction-nav {position:absolute;top:50%;left:0;right:0;z-index:200;width:100%;max-width:1180px;margin:0 auto;} .flex-direction-nav {*height:0;} .flex-direction-nav a {text-align:center;text-decoration:none;line-height:72px;display:block;width:72px;height:72px;margin:-36px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:1;cursor:pointer;outline:none;color:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .flex-direction-nav a:before {display:block;font-family:FontAwesome;font-size:60px;content:'\f104';color:#fff;} .flex-direction-nav a.flex-next:before {content:'\f105';} .flex-direction-nav .flex-prev {left:0px;} .flex-direction-nav .flex-next {right:0px;text-align:center;} .flex-direction-nav .flex-disabled {opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1;} .custom-direction-nav {display:none;} .flex-control-nav {width:100%;position:absolute;bottom:0px;text-align:center;} .flex-control-nav li {margin:0 6px;display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a {width:11px;height:11px;display:block;background:#fff;background:rgba(255,255,255,0.25);border:2px solid #fff;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} .flex-control-paging li a:hover {background:#fff;} .flex-control-paging li a.flex-active {background:#fff;cursor:default;} /* Floating Icons */ .floating-icons {display:none;} /*Breadcrumb*/ .breadcrumb {width:100%;font-size:0.875em;font-style:italic;color:#263238;background:#e6e9eb;padding:0.385em 0;} .breadcrumb .wrapper {padding:0.313em 0.625em;} .breadcrumb ul, .breadcrumb li {display:inline;margin:0;padding:0;list-style-type:none;} .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {padding:0 5px 0 5px;text-decoration:none;color:#263238;} .breadcrumb a:hover, .breadcrumb a:active {padding:0 5px 0 5px;text-decoration:none;color:#263238;} .breadcrumb a.npt_first, .breadcrumb a.npt_first:hover, .breadcrumb a.npt_first:active, .breadcrumb a.npt_first:link, .breadcrumb a.npt_first:visited {padding:0 5px 0 0;} .breadcrumb a.npt_last, .breadcrumb a.npt_last:hover, .breadcrumb a.npt_last:active, .breadcrumb a.npt_last:link, .breadcrumb a.npt_last:visited {text-decoration:none;padding:0 0 0 5px;color:#868e92;} /* MAIN */ .main {background:#fff;padding:1.563em 0.625em 0.625em 0.625em;} .inhalt {line-height:1.5em;overflow:hidden;text-overflow:ellipsis;} /*.portal .inhalt {overflow:visible;}*/ .inhalt ul {list-style:none;text-indent:-1em;padding:0 0 0 1em;margin:0;} .inhalt ul li {list-style-type:none;} .inhalt ul li:before {content:'\2022';position:relative;top:0;color:#263238;padding:0 0.5em 0 0;} .inhalt .adressen h3 {color:#263238;margin:0;} .inhalt .adressen h3 a, .inhalt .adressen a:link, .inhalt .adressen h3 a:hover, .inhalt .adressen h3 a:active, .inhalt .adressen h3 a:visited {color:#c62828;} .inhalt .inhalt_optionen {clear:both;font-size:0.75em;color:#263238;border-top:1px solid #e6e9eb;margin:1.667em 0 0 0;} /*Subnavigation*/ .submenu {display:none;} /*Randspalte*/ .randspalte {padding:3.125em 0 0 0;} .randspalte_box {position:relative;width:100%;font-size:0.875em;background:#f2f4f5;padding:0.714em;margin:0 0 1.786em 0;} .randspalte_box.kontakt {background:#fff7d7;} .randspalte_box.bild {padding:0;} /*.randspalte_box.bild img {display:block;width:100%;height:auto;}*/ .randspalte_box a, .randspalte_box a:link, .randspalte_box a:hover, .randspalte_box a:active, .randspalte_box a:visited {color:#263238;} .randspalte_box h1 {font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1.286em;font-weight:600;color:#263238;padding:0;margin:0 0 1.111em 0;} .randspalte_box h2 {font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1.286em;font-weight:600;color:#263238;padding:0;margin:0 0 1.111em 0;} .randspalte_box h3 {font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;color:#263238;margin:0;} .randspalte_box h3 a, .randspalte_box a:link, .randspalte_box h3 a:hover, .randspalte_box h3 a:active, .randspalte_box h3 a:visited {color:#263238;} .randspalte_box .liste_titel {margin:0;font-size:1em;} .randspalte_box .liste_text {float:none;} .randspalte_box .links p {margin:0 0 1em 0;} .randspalte_box input:not([type="submit"]):not([type="button"]), .randspalte_box select, .randspalte_box textarea {background:#fff;} .randspalte_box .adressen {margin:0;} .randspalte_box .adressen i {display:inline-block;width:25px;} .randspalte_box .tc-cloud {padding:0 !important;} .randspalte_box .tc-item {display:inline-block;font-size:1em !important;font-weight:normal !important;margin:0 0 0.25em 0;} .randspalte_box .tc-link {display:inline-block;font-weight:normal !important;text-decoration:none;border:1px dotted #263238;padding:0.313em;} .randspalte_box .tc-link:hover {color:#fff;background:#263238;border:1px solid #263238;} .rs-karte {margin:2em 0 0 0;} /* Footer */ footer {position:relative;font-size:0.875em;color:#fff;background:#263238;padding:0.714em;} footer h1 {font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1.429em;font-weight:600;padding:0;margin:0;overflow:hidden;} footer h2 {font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1em;} footer a, footer a:hover, footer a:active, footer a:visited, footer a:link {color:#fff;} footer .wrapper {text-align:center;margin:0 auto;} footer .textblock_links, footer .textblock_mitte, footer .textblock_rechts {position:relative;border-bottom:1px solid #fff;padding:0 0 1em 0;margin:0 0 1em 0;} footer .textblock_links img {position:absolute;top:35px;right:0;width:30%;} footer .adressen i {display:inline-block;width:35px;} /* nach oben */ .seitenanfang {color:#fff;background:#263238;padding:0;margin:0;} .seitenanfang a {display:block;float:right;text-decoration:none;color:#fff;padding:0.313em 0;} .seitenanfang a {width:100%;display:block;text-align:center;text-decoration:none;color:#fff;} .seitenanfang a:hover {color:#fff;} .seitenanfang span {width:100%;height:25px;display:block;font-size:2em;line-height:20px;} /* TEMPLATES *********************************************************************************************************************************************************************************************************************************************/ .input_container {float:left;width:95%;margin:0 0 0 0;} /*.liste_text, .adressen_links, .adressen_rechts {width:100%;}*/ .spalte_links {width:100%;margin:0;} .spalte_rechts {width:100%;} .textblock_links {width:100%;} .textblock_rechts {width:100%;} /* .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 */ .themenboxen a, .themenboxen a:hover, .themenboxen a:active, .themenboxen a:visited, .themenboxen a:link {display:block;color:#263238;} .themenbox {position:relative;display:block;width:100%;background:#fff;border:1px solid #eaeaea;padding:5px;margin:0 0 2% 0;-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.05);-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.05);box-shadow:0px 0px 3px 0px rgba(0,0,0,0.05);} .themenbox:hover {-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.25);box-shadow:0px 0px 3px 0px rgba(0,0,0,0.25);} .themenbox img {display:block;width:100%;height:auto;margin:0 0 5px 0;} .themenbox h2 {font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1.125em;font-weight:700;color:#c62828;border:none;border-top:5px solid #c62828;padding:0.556em 0;margin:0;} .themenbox:hover h2 {color:#263238;border-top:5px solid #263238;} .themenbox .tb_beschreibung {display:block;font-size:0.875em;padding:0 0.357em 0.357em 0.357em;} .themenbox.last {margin:0 0 2% 0;} .themenbox.box1 {width:100%;} .themenbox.box2 {width:100%;} .themenbox.box3 {width:100%;} .themenbox.box4 {width:100%;} .themenbox.box5 {width:100%;} .themenbox.box6 {width:100%;} /*Mediathek*/ .responsive-video, .flowplayer {position:relative;padding-bottom:55%;padding-top:15px;height:0;overflow:hidden;border:1px solid #ccc;background-color:#263238;} .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;} /* Zusatztext */ .zusatztext {margin:1em 0 0 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:100%;height:50%;padding:0px;color:#263238;} #map_adr a, #map_adr a:link, #map_adr a:hover, #map_adr a:active, #map_adr a:visited {display:block;margin:0 0 5px 0;color:#263238;} #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:#fff;background:#263238;cursor:pointer;} #map_adr_off {position:absolute;top:-2.25em;right:0px;text-align:center;width:15px;height:23px;color:#fff;background:#263238;cursor:pointer;} #map_sm {background:#6b7579;} #map_sm_div {text-align:left;padding:5px;} #map_sm_div label {color:#fff;} #map_sm_div button {width:30px;font-size:1em;color:#263238;background:#fff;border:none;padding:4px;vertical-align:top;cursor:pointer;} #igm_adr {overflow:auto;text-align:left;max-height:100%;padding:5px;background:#fff;font-size:0.875em;} #igm_adr .igm_separator {font-size:1.143em;font-weight:500;} #igm_iw_info {text-align:left;} #igm_iw_info img {width:100%;height:auto;} #gm_smf input, #gm_smf select, #gm_smf textarea {float:left;border:none;background:#fff;font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1em;color:#263238;margin:0;} .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 {float:left;border:none;background:#fff;font-family:'Source Sans Pro',Arial, Tahoma, Helvetica, sans-serif;font-size:1em;color:#263238;margin:0;} .sm_optionen {margin:0 0 2em 0;} .sm_optionen label {color:#263238;padding:0 0 0 1.25em;} .sm_optionen .left {width:100%;margin:0 0 1em 0;} .sm_optionen .middle {width:100%;margin:0 0 1em 0;} .sm_optionen .right {width:100%;margin:0 0 1em 0;} .sm_optionen .input_container {width:100%;margin:0 0 1em 0;} .sm_optionen .gruen {display:block;background:#8cb739;padding:0.625em 1.25em;} .sm_optionen .gruen select, .sm_optionen .gruen select:hover, .sm_optionen .gruen select:focus, .sm_optionen .gruen input, .sm_optionen .gruen input:hover, .sm_optionen .gruen input:focus {background-color:#ebebeb;border:none;margin:0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} .sm_optionen .gruen input, .sm_optionen .gruen input:hover, .sm_optionen .gruen input:focus {margin:0 0 2px 0;} .sm_optionen .ikiss_alphanav {margin:1em 0 0 0;} /* Startseite */ /* Foto-Hauptnavigation */ .start_foto-hauptnavigation {} .start_foto-hauptnavigation .themenbox.box4 {clear:both;float:left;width:47.875%;} .start_foto-hauptnavigation .themenbox.box4.even {clear:none;float:right;} .start_foto-hauptnavigation .themenbox h2 {font-size:1em;} /* Aktuelle Meldungen */ .start_aktuelle-meldungen {} .start_aktuelle-meldungen a, .start_aktuelle-meldungen a:hover, .start_aktuelle-meldungen a:active, .start_aktuelle-meldungen a:visited {display:block;text-decoration:none;color:#263238;} .start_aktuelle-meldungen .meldung {width:100%;padding:0.625em 0;margin:0 0 1em 0;} .start_aktuelle-meldungen .meldung.topmeldung {background:#e6e9eb;} .start_aktuelle-meldungen .meldung .liste_bild {display:block;position:relative;float:left;width:25%;margin:0;} .start_aktuelle-meldungen .meldung:hover .liste_bild:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:5px solid #fdd835;transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;} .start_aktuelle-meldungen .meldung.topmeldung:hover .liste_bild {border:none;} .start_aktuelle-meldungen .meldung.topmeldung .liste_bild:after {content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:#c62828;} .start_aktuelle-meldungen .meldung.topmeldung:hover .liste_bild:after {content:'';position:absolute;top:0;bottom:auto;left:0;right:auto;width:5px;height:100%;background:#c62828;border:none;} .start_aktuelle-meldungen .meldung .liste_text {display:block;float:right;width:72%;} .start_aktuelle-meldungen .meldung .liste_text .date {display:inline-block;font-size:0.875em;font-weight:700;color:#263238;background:#e6e9eb;padding:0 0.357em;margin:0 0 5px 0;} .start_aktuelle-meldungen .meldung:hover .date {color:#263238;background:#fdd835;} .start_aktuelle-meldungen .meldung.topmeldung .date {color:#fff;background:#c62828;} .start_aktuelle-meldungen .meldung .liste_text h2 {font-size:1.125em;padding:0;margin:0;} .start_aktuelle-meldungen .meldung.topmeldung .liste_text h2 {color:#c62828;} /* Amtliche Bekanntmachungen */ .start_amtliche-bekanntmachungen {margin:0 0 1.563em 0;} .start_amtliche-bekanntmachungen a, .start_amtliche-bekanntmachungen a:hover, .start_amtliche-bekanntmachungen a:active, .start_amtliche-bekanntmachungen a:visited {display:block;text-decoration:none;color:#263238;} .start_amtliche-bekanntmachungen .bekanntmachung {border-bottom:1px solid #e6e9eb;padding:0 0 1em 0;margin:0 0 1em 0;} .start_amtliche-bekanntmachungen .bekanntmachung .date {display:inline-block;font-size:0.875em;font-weight:700;color:#263238;background:#e6e9eb;padding:0 0.357em;margin:0 0 5px 0;} .start_amtliche-bekanntmachungen .bekanntmachung:hover .date {background:#fdd835;} .start_amtliche-bekanntmachungen .bekanntmachung h2 {font-size:1.125em;padding:0;margin:0;} .start_amtliche-bekanntmachungen .bekanntmachung:hover h2 {text-decoration:underline;} /* Veranstaltungen */ .start_veranstaltungen {} .start_veranstaltungen a, .start_veranstaltungen a:hover, .start_veranstaltungen a:active, .start_veranstaltungen a:visited {display:block;text-decoration:none;color:#263238;} .start_veranstaltungen .veranstaltung {background:#f2f4f5;margin:0 0 0.625em 0;} .start_veranstaltungen .veranstaltung:hover {background:#e6e9eb;} .start_veranstaltungen .veranstaltung .date {display:block;position:relative;float:left;width:100px;min-height:100px;font-size:1.125em;font-weight:600;text-align:center;color:#263238;background:#fdd835;padding:0 0.357em;margin:0 0.556em 0 0;overflow:hidden;} .start_veranstaltungen .veranstaltung:hover .date {color:#fff;background:#263238;} .start_veranstaltungen .veranstaltung .date .date_inner{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .start_veranstaltungen .veranstaltung .date .date_inner span {display:block;font-size:2.222em;margin:0 0 0.25em 0;} .start_veranstaltungen .veranstaltung h3 {font-weight:600;padding:0;margin:0;} /* interessante Themen */ .start_interessante-themen {} .start_interessante-themen .themenbox {border:none;padding:0;margin:0 0 2% 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .start_interessante-themen .themenbox:hover {color:#c62828;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .start_interessante-themen .themenbox .tb-bild {display:block;position:relative;} .start_interessante-themen .themenbox:hover .tb-bild:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:5px solid #c62828;transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;} .start_interessante-themen .themenbox img {margin:0;} .start_interessante-themen .themenbox h2 {font-weight:600;color:#263238;border:none;padding:0.556em 0;margin:0;} .start_interessante-themen .themenbox:hover h2 {color:#c62828;border:none;} /*******************************************************************************************************************/ /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* TABLET */ /*******************************************************************************************************************/ @media only screen and (min-width:41.750em) { .mobile {display:none;} .tablet {display:block;} h1 {margin:0 0 15px 0;} .startseite .main h1 {position:relative;font-size:1.750em;line-height:50px;overflow:hidden;background:url(media/floral.png) no-repeat right;background-size:50px 50px;margin:80px 0 30px 0;} /*.startseite .main h1:nth-child(even) {background:url(media/floral.png) no-repeat left;background-size:50px 50px;}*/ .startseite .main .start_bekanntmachungen h1, .startseite .main .start_interessante-themen h1 {background:url(media/floral.png) no-repeat left;background-size:50px 50px;} .startseite .main h1:before {content:'';display:inline-block;width:100%;height:25px;vertical-align:bottom;border-top:1px solid #e6e9eb;border-top:1px solid rgba(38,50,56,0.15);margin-left:-100%;margin-right:20px;} .startseite .main h1:after {content:'';/*position:relative;z-index:-1;*/display:inline-block;width:100%;height:25px;vertical-align:bottom;border-top:1px solid #e6e9eb;border-top:1px solid rgba(38,50,56,0.15);margin-right:-100%;margin-left:20px;} .kopfbereich {padding:37px 0;} .folgeseite .kopfbereich {padding:37px 0 0 0;} .quickmenu {text-align:right;} .sprachen {display:inline-block;margin:0 0 0 1.428em;} /*Logo*/ .logo {width:100%;padding:0;} .logo span {display:block;text-align:left;font-size:1.5em;padding:0 95px 0 0;} .logo img {top:-20px;width:100%;left: 285px;} /* Titelbild */ .titelbild .bildinfo {display:block;position:absolute;bottom:35px;left:0;width:50%;color:#fff;background:#263238;background:rgba(38,50,56,0.75);padding:0.625em 0 3.125em 3.125em;} .titelbild .bildinfo .bild-titel {display:block;font-size:1.375em;font-weight:600;} .titelbild .bildinfo .bildbeschreibung {display:block;font-size:0.875em;line-height:1.714em;} .titelbild .bildinfo .bild-link {display:block;font-weight:600;} .titelbild .bildinfo .bild-link:before {content:'\f105';display:inline-block;font-family:FontAwesome;font-style:normal;margin:0 5px 0 0;} .titelbild .bildinfo .bild-link a {color:#fff;} .custom-direction-nav {display:block;position:absolute;bottom:58px;left:50%;left:calc(50% - 75px);z-index:200;width:75px;margin:0 auto;} .custom-direction-nav {*height:0;} .custom-direction-nav a {text-align:center;text-decoration:none;line-height:32px;display:block;width:36px;height:36px;margin:-18px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:1;cursor:pointer;outline:none;color:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .custom-direction-nav a:before {display:block;font-family:FontAwesome;font-size:40px;content:'\f104';color:#fff;} .custom-direction-nav a.flex-next:before {content:'\f105';} .custom-direction-nav .flex-prev {left:0px;} .custom-direction-nav .flex-next {right:0px;text-align:center;} .custom-direction-nav .flex-disabled {opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1;} /* Floating Icons */ .floating-icons {display:block;position:fixed;top:30%;right:0px;z-index:2500;font-size:1em;font-weight:600;vertical-align:middle;} .floating-icons a, .floating-icons a:link, .floating-icons a:visited {display:block;color:#fff;background:transparent;font-size:1em; text-decoration:none;} .floating-icons a:before {font-family:"FontAwesome";font-size:1.5em;font-weight:normal;text-align:center;margin:0 15px 0 0;width:1.250em;/*height:1em;*/line-height:1em;display:inline-block;} .floating-icons .ideen a:before {content:"\f0eb";} .floating-icons .oeffnungszeiten a:before {content:"\f017";} .floating-icons .uebernachtungen a:before {content:"\f236";} .floating-icons .linkverzeichnis a:before {content:"\f0c1";} .floating-icons .wetter a:before {content:"\f185";} .floating-icons .maengelmelder a:before {content:"\f848";font-family:"Font Awesome 5 Pro";} .floating-icons .ideen, .floating-icons .oeffnungszeiten, .floating-icons .uebernachtungen, .floating-icons .linkverzeichnis, .floating-icons .wetter, .floating-icons .maengelmelder {display:block;position:absolute;right:-160px;width:210px;height:50px;text-decoration:none;color:#fff;background:#263238;padding:10px;-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; white-space:nowrap;} .floating-icons a:hover, .floating-icons a:focus {right:0px;-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 .ideen {top:0px;} .floating-icons .oeffnungszeiten {top:51px;} .floating-icons .uebernachtungen {top:102px;} .floating-icons .linkverzeichnis {top:153px;} .floating-icons .wetter {top:204px;} .floating-icons .maengelmelder {top:255px;} .floating-icons .ideen:hover, .floating-icons .ideen:focus {right:0px;} .floating-icons .oeffnungszeiten:hover, .floating-icons .oeffnungszeiten:focus {right:0px;} .floating-icons .uebernachtungen:hover, .floating-icons .uebernachtungen:focus{right:0px;} .floating-icons .linkverzeichnis:hover, .floating-icons .linkverzeichnis:focus{right:0px;} .floating-icons .wetter:hover, .floating-icons .wetter:focus{right:0px;} .floating-icons .maengelmelder:hover, .floating-icons .maengelmelder:focus{right:0px;} .main {padding:3.125em 0.625em 1.563em 0.625em;} .inhalt {float:left;width:69.5%;margin:0;} .inhalt.ganzseitig {width:100%;} /*Randspalte*/ .randspalte {float:right;width:25%;padding:0;} .randspalte_box {position:relative;overflow:hidden;} .randspalte_box h2:before {content:'';display:block;position:absolute;top:5px;right:0;width:10px;height:20px;background:#f2f4f5;z-index:2;} .randspalte_box.kontakt h2:before {background:#fff7d7;} .randspalte_box h2:after {content:'';display:inline-block;width:100%;height:0.625em;vertical-align:bottom;border-top:1px solid #263238;margin-right:-100%;margin-left:20px;} .randspalte .links p {margin:0 0 1em 0;} /* Footer */ footer .wrapper {text-align:left;} footer .textblock_links {width:30.5%;border:none;padding:0;margin:0 4.25% 0 0;} footer .textblock_mitte {float:left;width:30.5%;border:none;padding:0;margin:0;} footer .textblock_rechts {width:30.5%;border:none;padding:0;margin:0;} /* TEMPLATES ************************************************************************************************************************************************************************************************************************/ .input_container {float:left;width:45%;margin:0 2% 0 0;} .liste_bild {display:block;float:right;width:20%;} .liste_bild img {display:block;width:100%;} .liste_text {float:left;width:78%;} .spalte_links {float:left;width:33%;margin:0;} .spalte_rechts {float: right; width:65%;} .textblock_links {float:left;width:47.5%;} .textblock_rechts {float:right;width:47.5%;} .tourismus_opt {clear:none;float:left;width:50%;} /*Mediathek*/ .multimedia .liste_bild {width:50%;} .multimedia .liste_text {width:48%;} /* MODUL ADRESSEN */ .adressen_links {float:left;width:47.5%;margin:0;} .adressen_rechts {float:right;width:47.5%;} /* Zusatztext */ .zusatztext {margin:0;} /* Google Maps */ #map {height:85%;} #map_adr {top:7.5em;} #map_adr_on {top:5em;} #map_adr_off {display:block;} .gm_kategorie {float:left;width:31.66666666666667%;margin:0 2.5% 0 0;} .gm_kategorie select {width:100%;} .gm_name {float:left;width:31.66666666666667%;} .gm_name input {width:82%;width:calc(100% - 30px);} .gm_strassenverzeichnis {float:right;width:31.66666666666667%;} .gm_strassenverzeichnis input {width:82%;width:calc(100% - 30px);} /* Suchmaske */ .sm_optionen .input_container {width:50%;margin:0;} .sm_optionen .left {float:left;width:33.33333%;margin:0;} .sm_optionen .middle {float:left;width:33.33333%;margin:0;} .sm_optionen .right {float:left;width:33.33333%;margin:0;} /* Themenboxen */ .themenbox {float:left;width:49%;margin:0 2% 2% 0;} .themenbox.box1 {width:100%;} .themenbox.box2 {width:49%;} .themenbox.box3 {width:32%;} .themenbox.box4 {width:23.5%;} .themenbox.box5 {width:18.4%;} .themenbox.box6 {width:15%;} /* Startseite */ /* Themenboxen */ .start_foto-hauptnavigation .themenbox.box4 {clear:none;float:left;width:23.5%;} .start_foto-hauptnavigation .themenbox.box4.even {clear:none;float:left;} .start_foto-hauptnavigation .themenbox h2 {font-size:1.125em;} /* Aktuelle Meldungen */ .start_aktuelle-meldungen .meldung .liste_bild {width:37%;border: 1px solid #f0f0f0;} .start_aktuelle-meldungen .meldung .liste_text {width:60%;} /* Veranstaltungen */ .start_veranstaltungen .veranstaltung {clear:both;float:left;width:47.875%;margin:0 0 4.25% 0;} .start_veranstaltungen .veranstaltung.even {clear:none;float:right;} /* interessante Themen */ .start_interessante-themen .themenbox.box3 {width:30.5%;margin:0 4.25% 0 0;} .start_interessante-themen .themenbox.box3.last {margin:0;} } /*******************************************************************************************************************/ /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* DESKTOP */ /*******************************************************************************************************************/ @media only screen and (min-width:1024px) { .desktop {display:block;} .folgeseite section {max-width:1180px;} .folgeseite section.main {position:relative;max-width:100%;padding:0 0.625em 0 0.625em;overflow:hidden;} .folgeseite section.main .wrapper {padding:0 0 1.563em 0;} .wrapper {text-align:left;max-width:1180px;margin:0 auto;} .seitennavigation {padding:0;} .tourismus_opt {width:30%;} h1, .startseite .main h1 {font-size:2.125em;} header {padding:0;} .startseite .kopfbereich {position:relative;} .startseite .kopfbereich .head-inner {position:relative;z-index:103;} /* Suche */ .suche {display:block !important;clear:none;float:left;width:42%;} a.lupe {display:none;} .ac_results {width:41% !important;} /*Quickmenu*/ .quickmenu {float:right;width:56%;text-align:right;padding:0;margin:13px 0 0 0;} /* Logo */ .logo {width:50%;} .logo span {padding:0 95px 0 0;/*padding:11px 95px 0 0;*/} /* Titelbild */ .foto-ausblenden {display:block;position:absolute;bottom:10px;left:10px;font-size:0.75em;font-weight:400;color:#263238;z-index:101;} .foto-ausblenden a {display:block;text-decoration:none;color:#263238;} .foto-ausblenden a:before {content:'\f01b';display:inline-block;font-family:FontAwesome;font-style:normal;margin:0 5px 0 0;} .foto-ausblenden.open a:after {content:' ausblenden';} .foto-ausblenden.closed a:after {content:' einblenden';} .titelbild .bildinfo {bottom:50px;width:32%;} .custom-direction-nav {bottom:78px;left:32%;left:calc(32% - 100px);width:100px;} .custom-direction-nav a {line-height:32px;width:36px;height:36px;margin:-18px 0 0;} .custom-direction-nav a:before {font-size:60px;} /*Subnavigation*/ .submenu {display:block;float:left;width:25%;padding:3.125em 0.625em 0 0;margin:0 5.5% 0 0;-webkit-box-shadow:5px 0px 5px 0px rgba(38,50,56,0.05);-moz-box-shadow:5px 0px 5px 0px rgba(38,50,56,0.05);box-shadow:5px 0px 5px 0px rgba(38,50,56,0.05);} .submenu:before {content:'';position:absolute;bottom:0;width:25%;height:200%;-webkit-box-shadow:5px 0px 5px 0px rgba(38,50,56,0.05);-moz-box-shadow:5px 0px 5px 0px rgba(38,50,56,0.05);box-shadow:5px 0px 5px 0px rgba(38,50,56,0.05);} .submenu ul, .submenu li {margin:0;padding:0;list-style-type:none;font-size:1em;} /* Level 2 */ .submenu .nlv_2 li {position:relative;border-bottom:1px solid #e6e9eb;} /*.submenu .nlv_2 li.npt_last {border:none;}*/ .submenu .nlv_2 li.npt_off a, .submenu .nlv_2 li.npt_off a:link, .submenu .nlv_2 li.npt_off a:visited {display:block;position:relative;font-size:1.125em;font-weight:600;text-decoration:none;color:#263238;padding:0.556em 0;} .submenu .nlv_2 li.npt_off a:before, .submenu .nlv_2 li.npt_off a:link:before, .submenu .nlv_2 li.npt_off a:visited:before {content:'\f107';position:absolute;right:0;font-family:FontAwesome;font-style:normal;} .submenu .nlv_2 li.npt_off a:hover, .submenu .nlv_2 li.npt_off a:active {display:block;font-size:1.125em;font-weight:600;text-decoration:none;color:#c62828;padding:0.556em 0;} .submenu .nlv_2 li.npt_on a, .submenu .nlv_2 li.npt_on a:link, .submenu .nlv_2 li.npt_on a:visited, .submenu .nlv_2 li.npt_on a:hover, .submenu .nlv_2 li.npt_on a:active {display:block;font-size:1.125em;font-weight:600;text-decoration:none;color:#c62828;padding:0.556em 0;} /* Level 3 */ .submenu .nlv_3 {padding:0.625em 0 1.25em 0;} .submenu .nlv_3 li {border-bottom:none;} .submenu .nlv_3 li.npt_off a, .submenu .nlv_3 li.npt_off a:link, .submenu .nlv_3 li.npt_off a:visited {display:block;position:relative;font-size:1em;font-weight:300;color:#263238;background:#fff;padding:0.313em 0 0.313em 1.563em;} .submenu .nlv_3 li.npt_off a:before, .submenu .nlv_3 li.npt_off a:link:before, .submenu .nlv_3 li.npt_off a:visited:before {content:'\f105';position:absolute;top:7px;right:auto;left:0;font-family:FontAwesome;font-style:normal;} .submenu .nlv_3 li.npt_off a:hover, .submenu .nlv_3 li.npt_off a:active {display:block;position:relative;font-size:1em;font-weight:300;text-decoration:underline;color:#c62828;padding:0.313em 0 0.313em 1.563em;} .submenu .nlv_3 li.npt_on a, .submenu .nlv_3 li.npt_on a:link, .submenu .nlv_3 li.npt_on a:visited, .submenu .nlv_3 li.npt_on a:hover, .submenu .nlv_3 li.npt_on a:active {display:block;position:relative;font-size:1em;font-weight:600;text-decoration:underline;color:#c62828;padding:0.313em 0 0.313em 1.563em;} .submenu .nlv_3 li.npt_off a:hover:before, .submenu .nlv_3 li.npt_off a:active:before {content:'\f105';position:absolute;top:7px;right:auto;left:0;font-family:FontAwesome;font-style:normal;} .submenu .nlv_3 li.npt_on a:before, .submenu .nlv_3 li.npt_on a:link:before, .submenu .nlv_3 li.npt_on a:visited:before, .submenu .nlv_3 li.npt_on a:hover:before, .submenu .nlv_3 li.npt_on a:active:before {content:'\f105';position:absolute;top:7px;right:auto;left:0;font-family:FontAwesome;font-style:normal;} /* Level 4 */ .submenu .nlv_4 {padding:0.625em 0 1em 0;} .submenu .nlv_4 li.npt_off a, .submenu .nlv_4 li.npt_off a:link, .submenu .nlv_4 li.npt_off a:visited {display:block;font-size:0.875em;font-weight:300;text-decoration:none;color:#263238;background:#fff;padding:0.333em 0 0.333em 3.167em;} .submenu .nlv_4 li.npt_off a:before, .submenu .nlv_4 li.npt_off a:link:before, .submenu .nlv_4 li.npt_off a:visited:before {display:none;} .submenu .nlv_4 li.npt_off a:hover, .submenu .nlv_4 li.npt_off a:active {display:block;font-size:0.875em;font-weight:300;text-decoration:underline;color:#c62828;background:#fff;padding:0.333em 0 0.333em 3.167em;} .submenu .nlv_4 li.npt_on a, .submenu .nlv_4 li.npt_on a:link, .submenu .nlv_4 li.npt_on a:visited, .submenu .nlv_4 li.npt_on a:hover, .submenu .nlv_4 li.npt_on a:active {display:block;font-size:0.875em;/*font-weight:600*/;text-decoration:none;color:#c62828;background:#fff;padding:0.333em 0 0.333em 3.167em;} .submenu .nlv_4 li.npt_off a:hover:before, .submenu .nlv_4 li.npt_off a:active:before, .submenu .nlv_4 li.npt_on a:before, .submenu .nlv_4 li.npt_on a:link:before, .submenu .nlv_4 li.npt_on a:visited:before, .submenu .nlv_4 li.npt_on a:hover:before, .submenu .nlv_4 li.npt_on a:active:before {content:'\f054';position:absolute;top:1em;left:2.333em;width:auto;height:auto;font-family:FontAwesome;font-size:0.75em;font-style:normal;background:none;} .submenu .nlv_5 li.npt_off a, .submenu .nlv_5 li.npt_off a:link, .submenu .nlv_5 li.npt_off a:visited {display:block;color:#263238;padding:3% 0 3% 3.875em;} .submenu .nlv_5 li.npt_off a:before, .submenu .nlv_5 li.npt_off a:link:before, .submenu .nlv_5 li.npt_off a:visited:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style:normal;} .submenu .nlv_5 li.npt_off a:hover, .submenu .nlv_5 li.npt_off a:active {display:block;text-decoration:underline;color:#0c6184;padding:3% 0 3% 3.875em;} .submenu .nlv_5 li.npt_on a, .submenu .nlv_5 li.npt_on a:link, .submenu .nlv_5 li.npt_on a:visited, .submenu .nlv_5 li.npt_on a:hover, .submenu .nlv_5 li.npt_on a:active {display:block;font-weight:500;text-decoration:none;color:#0c6184;padding:3% 0 3% 3.875em;} .submenu .nlv_5 li.npt_off a:hover:before, .submenu .nlv_5 li.npt_off a:active:before, .submenu .nlv_5 li.npt_on a:before, .submenu .nlv_5 li.npt_on a:link:before, .submenu .nlv_5 li.npt_on a:visited:before, .submenu .nlv_5 li.npt_on a:hover:before, .submenu .nlv_5 li.npt_on a:active:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style:normal;} .submenu .nlv_6 li.npt_off a, .submenu .nlv_6 li.npt_off a:link, .submenu .nlv_6 li.npt_off a:visited {display:block;font-size:1em;color:#263238;padding:3% 0 3% 4.875em;} .submenu .nlv_6 li.npt_off a:before, .submenu .nlv_6 li.npt_off a:link:before, .submenu .nlv_6 li.npt_off a:visited:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style:normal;} .submenu .nlv_6 li.npt_off a:hover, .submenu .nlv_6 li.npt_off a:active {display:block;font-size:1em;text-decoration:underline;color:#0c6184;padding:3% 0 3% 4.875em;} .submenu .nlv_6 li.npt_on a, .submenu .nlv_6 li.npt_on a:link, .submenu .nlv_6 li.npt_on a:visited, .submenu .nlv_6 li.npt_on a:hover, .submenu .nlv_6 li.npt_on a:active {display:block;font-size:1em;font-weight:500;text-decoration:none;color:#0c6184;padding:3% 0 3% 4.875em;} .submenu .nlv_6 li.npt_off a:hover:before, .submenu .nlv_6 li.npt_off a:active:before, .submenu .nlv_6 li.npt_on a:before, .submenu .nlv_6 li.npt_on a:link:before, .submenu .nlv_6 li.npt_on a:visited:before, .submenu .nlv_6 li.npt_on a:hover:before, .submenu .nlv_6 li.npt_on a:active:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style:normal;} .submenu .nlv_7 li.npt_off a, .submenu .nlv_7 li.npt_off a:link, .submenu .nlv_7 li.npt_off a:visited {display:block;font-size:1em;color:#263238;padding:3% 0 3% 5.875em;} .submenu .nlv_7 li.npt_off a:before, .submenu .nlv_7 li.npt_off a:link:before, .submenu .nlv_7 li.npt_off a:visited:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style:normal;} .submenu .nlv_7 li.npt_off a:hover, .submenu .nlv_7 li.npt_off a:active {display:block;font-size:1em;text-decoration:underline;color:#0c6184;padding:3% 0 3% 5.875em;} .submenu .nlv_7 li.npt_on a, .submenu .nlv_7 li.npt_on a:link, .submenu .nlv_7 li.npt_on a:visited, .submenu .nlv_7 li.npt_on a:hover, .submenu .nlv_7 li.npt_on a:active {display:block;font-size:1em;font-weight:500;text-decoration:none;color:#0c6184;padding:3% 0 3% 5.875em;} .submenu .nlv_7 li.npt_off a:hover:before, .submenu .nlv_7 li.npt_off a:active:before, .submenu .nlv_7 li.npt_on a:before, .submenu .nlv_7 li.npt_on a:link:before, .submenu .nlv_7 li.npt_on a:visited:before, .submenu .nlv_7 li.npt_on a:hover:before, .submenu .nlv_7 li.npt_on a:active:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style:normal;} .submenu .nlv_8 li.npt_off a, .submenu .nlv_8 li.npt_off a:link, .submenu .nlv_8 li.npt_off a:visited {display:block;font-size:1em;color:#263238;padding:3% 0 3% 6.875em;} .submenu .nlv_8 li.npt_off a:before, .submenu .nlv_8 li.npt_off a:link:before, .submenu .nlv_8 li.npt_off a:visited:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style:normal;} .submenu .nlv_8 li.npt_off a:hover, .submenu .nlv_8 li.npt_off a:active {display:block;font-size:1em;text-decoration:underline;color:#0c6184;padding:3% 0 3% 6.875em;} .submenu .nlv_8 li.npt_on a, .submenu .nlv_8 li.npt_on a:link, .submenu .nlv_8 li.npt_on a:visited, .submenu .nlv_8 li.npt_on a:hover, .submenu .nlv_8 li.npt_on a:active {display:block;font-size:1em;font-weight:500;text-decoration:none;color:#0c6184;padding:3% 0 3% 6.875em;} .submenu .nlv_8 li.npt_off a:hover:before, .submenu .nlv_8 li.npt_off a:active:before, .submenu .nlv_8 li.npt_on a:before, .submenu .nlv_8 li.npt_on a:link:before, .submenu .nlv_8 li.npt_on a:visited:before, .submenu .nlv_8 li.npt_on a:hover:before, .submenu .nlv_8 li.npt_on a:active:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style:normal;} .submenu .nlv_9 li.npt_off a, .submenu .nlv_9 li.npt_off a:link, .submenu .nlv_9 li.npt_off a:visited {display:block;font-size:1em;color:#263238;padding:3% 0 3% 7.875em;} .submenu .nlv_9 li.npt_off a:before, .submenu .nlv_9 li.npt_off a:link:before, .submenu .nlv_9 li.npt_off a:visited:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style:normal;} .submenu .nlv_9 li.npt_off a:hover, .submenu .nlv_9 li.npt_off a:active {display:block;font-size:1em;text-decoration:underline;color:#0c6184;padding:3% 0 3% 7.875em;} .submenu .nlv_9 li.npt_on a, .submenu .nlv_9 li.npt_on a:link, .submenu .nlv_9 li.npt_on a:visited, .submenu .nlv_9 li.npt_on a:hover, .submenu .nlv_9 li.npt_on a:active {display:block;font-size:1em;font-weight:500;text-decoration:none;color:#0c6184;padding:3% 0 3% 7.875em;} .submenu .nlv_9 li.npt_off a:hover:before, .submenu .nlv_9 li.npt_off a:active:before, .submenu .nlv_9 li.npt_on a:before, .submenu .nlv_9 li.npt_on a:link:before, .submenu .nlv_9 li.npt_on a:visited:before, .submenu .nlv_9 li.npt_on a:hover:before, .submenu .nlv_9 li.npt_on a:active:before {content:'\f054';position:absolute;top:0.875em;left:0.833em;font-family:FontAwesome;font-size:0.75em;font-style: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:2%;text-decoration:none;color:#263238;} .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:2%;text-decoration:underline;color:#263238;} /*.main {padding:0.625em;}*/ .inhalt {float:left;width:44.5%;padding:3.125em 0 0 0;} .inhalt.ganzseitig {width:69.5%;} .startseite .inhalt.ganzseitig {width:100%;} /* Randspalte */ .randspalte {width:18.65%;padding:3.125em 0 0 0;} /* Footer */ footer {padding:0;} footer h1:after {content:'';display:inline-block;width:100%;height:0.625em;vertical-align:bottom;border-top:1px solid #fff;margin-right:-100%;margin-left:20px;} footer .wrapper {padding:1.25em 0.625em;} /* Suchmaske */ form .suchmaske {width:65%;} form .suchmaske input {width:calc(100% - 80px);height:75px;font-size:1.5em;} form .suchmaske button {width:80px;height:75px;font-size:2.5em;} /* Aktuelle Meldungen */ .start_aktuelle-meldungen .meldung {clear:both;float:left;width:45.75%;margin:0 0 1em 0;} .start_aktuelle-meldungen .meldung:nth-child(even) {clear:none;float:right;width:45.75%;margin:0 0 1em 0;} /* Amtliche Bekanntmachungen */ .start_amtliche-bekanntmachungen .bekanntmachung {float:left;width:30.5%;border:none;padding:0;margin:0 4.25% 0 0;} .start_amtliche-bekanntmachungen .bekanntmachung.last {margin:0;} /* Veranstaltungen */ .start_veranstaltungen .veranstaltung {clear:none;float:left;width:30.5%;margin:0 4.25% 4.25% 0;} .start_veranstaltungen .veranstaltung.even {clear:none;float:left;} .start_veranstaltungen .veranstaltung.third {margin:0 0 4.25% 0;} } @media only screen and (min-width:1180px) { .wrapper {padding:0;} header .kopfbereich .wrapper {padding:0;} .logo {width:33%;} .logo span {padding:11px 95px 0 10px;} /*Hauptnavigation*/ .navbutton {display:none;} .menu {float:left;width:67%;background:none;padding:0;/*margin:0 0 0 18.75%;*/} .flexnav {float:left;width:100%;max-height:none;margin-top:0;} .menu-button {display:none;} .flexnav .touch-button {display:none;} .flexnav {position:static;overflow:visible;} .flexnav.opacity {opacity:1;} .flexnav ul {margin:0 auto;padding:0;border-bottom:none;} .flexnav li {display:block;float:left;width:auto;overflow:visible;position:static;z-index:1000;margin:0 0.556em 0 0;padding:0;border-bottom:none;list-style:none;} .flexnav li:hover {position:static;padding:0;margin:0 0.556em 0 0;} .flexnav li.npt_last, .flexnav li.npt_last:hover {margin:0;} .flexnav li a {position:relative;overflow:visible;margin-right:0%;padding:0.833em 0.556em;border-bottom:none;color:#fff;font-size:1.125em;font-weight:700;text-align:left;} .flexnav li a br {display:block;} .flexnav li.npt_on a, .flexnav li .nlk_on {color:#c62828;background:none;} .flexnav li:hover a, .flexnav li a.nlk_on, .flexnav li a.nlk_on:hover, .flexnav li a.nlk_on:active, .flexnav li a.nlk_on:visited, .flexnav li a.nlk_on:link {position:relative;padding:0.833em 0.556em;color:#263238;background:#f9f9fa;-webkit-box-shadow:0px 0px 10px 0px rgba(38,50,56,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(38,50,56,0.2);box-shadow:0px 0px 10px 0px rgba(38,50,56,0.2);} .flexnav .nlv_1 > li > ul {position:absolute;display:none;top:auto;left:0px;width:100%;text-align:left;background:#f9f9fa;padding:1.25em 1.25em 1.25em 1.25em;z-index:3;-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.15);box-shadow:0px 5px 5px 0px rgba(0,0,0,0.15);} .flexnav .nlv_1 > li:hover > ul.nlv_2 {height:auto !important;opacity:1 !important;overflow:visible !important;} .flexnav .nlv_1 li:hover ul.nlv_2.show .flex {display: flex; flex-wrap:wrap; align-content:space-between;width:100%;} .flexnav li > ul > .flex > li, .flexnav li > ul > .flex > li:hover {-ms-flex-preferred-size: calc(33.33%);flex-basis: calc(33.33%);width: calc(33.33%);display:block;border-bottom:none;padding:0 10px;margin:0 0 1.25em 0;} .flexnav li > ul li.npt_last, .flexnav li > ul li.npt_last:hover {margin:0;} .flexnav li > ul li:after, .flexnav li > ul li:hover:after {content:'.';clear:both;display:block;visibility:hidden;height:0px;} /*.flexnav li ul li > ul {position:static;padding:0;}*/ /*.flexnav li ul li > ul li, .flexnav li > ul li:hover > ul li {width:100%;padding:0;} .flexnav li ul li ul li ul li {float:none;width:100%;} .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;}*/ /* Level 2 */ .flexnav .nlv_2 {/*float:left;width:28.33333%;padding:0 2.5%;*/} /*.flexnav .nlv_2 > li, .flexnav .nlv_2 > li:hover {border-bottom:1px solid #cbcbcb;}*/ /*.flexnav .nlv_2 > li:last-child, .flexnav .nlv_2 > li:hover:last-child {border-bottom:none;}*/ .flexnav .nlv_2 li a:after {display:none;} .flexnav .nlv_2 a, .flexnav .nlv_2 a:link, .flexnav .nlv_2 a:visited {font-size:1em;font-weight:700;color:#263238;padding:0;margin:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .flexnav .nlv_2 li:hover a, .flexnav .nlv_2 li a.nlk_on, .flexnav .nlv_2 li a.nlk_on:hover, .flexnav .nlv_2 li a.nlk_on:active, .flexnav .nlv_2 li a.nlk_on:visited, .flexnav .nlv_2 li a.nlk_on:link {padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .flexnav .nlv_2 a:hover, .flexnav .nlv_2 a:active, .flexnav .nlv_2 a.npt_on {font-size:1em;font-weight:700;color:#263238;padding:0;margin:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .flexnav .nlv_2 li.childs a, .flexnav .nlv_2 li.childs a:link, .flexnav .nlv_2 li.childs a:visited, .flexnav .nlv_2 li.childs a:hover, .flexnav .nlv_2 li.childs a:active, .flexnav .nlv_2 li.childs a.npt_on {/*margin:0 0 0.5em 0;*/} /* Level 3 */ .flexnav li > ul > li > ul > li, .flexnav li > ul > li:hover > ul > li:hover {float:none;width:100%;margin:0;} .flexnav .nlv_3 {float:none;margin:1.25em 0 0 0;display:block !important;height:auto !important;opacity:1 !important;overflow:visible !important;} .flexnav .nlv_3.show {background:none;} .flexnav li.npt_on .nlv_3.show a, .flexnav li .nlv_3.show .nlk_on {background:none;} .flexnav .nlv_3 li {float:none;width:100%;border-bottom:none;padding:0;margin:0;} .flexnav .nlv_3 a, .flexnav .nlv_3 a:link, .flexnav .nlv_3 a:visited, .flexnav .nlv_2 li.childs .nlv_3 a, .flexnav .nlv_2 li.childs .nlv_3 a:link, .flexnav .nlv_2 li.childs .nlv_3 a:visited {font-size:0.875em;font-weight:400;color:#263238;padding:0.5em 0 0.5em 0;margin:0;} .flexnav .nlv_3 a:hover, .flexnav .nlv_3 a:active, .flexnav .nlv_2 li.childs .nlv_3 a:hover, .flexnav .nlv_2 li.childs .nlv_3 a:active, .flexnav .nlv_3 a.npt_on {font-size:0.875em;font-weight:400;text-decoration:underline;color:#c62828;padding:0.5em 0 0.5em 0;margin:0;} /* Level 4 */ .flexnav .nlv_4 {display:none !important;} .flexnav .nlv_4 a, .flexnav .nlv_4 a:link, .flexnav .nlv_4 a:visited {padding:0;margin:0;} .flexnav .nlv_4 a, .flexnav .nlv_4 a:hover, .flexnav .nlv_4 a:active, .flexnav .nlv_4 a:link, .flexnav .nlv_4 a:visited, .flexnav .nlv_3 li.childs .nlv_4 a, .flexnav .nlv_3 li.childs .nlv_4 a:hover, .flexnav .nlv_3 li.childs .nlv_4 a:active, .flexnav .nlv_3 li.childs .nlv_4 a:link, .flexnav .nlv_3 li.childs .nlv_4 a:visited {font-size:0.875em;font-weight:400;padding:0.5em 0 0.5em 0;margin:0;} /*.flexnav .nlv_2, .flexnav .nlv_3, .flexnav .nlv_4 {overflow:visible !important;} .flexnav .nlv_2:after {content:'.';clear:both;display:block;visibility:hidden;height:0px;} .flexnav .nlv_3 {padding:0 0 0.5em 0;} .flexnav .nlv_4 {}*/ /*.main {padding:0.625em 0;}*/ } /* Cookie-Hinweis */ .cookie-message{ -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .cookie-message, .tracking-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{ margin-top:0; text-align: left; } .cookie-message .btn, .tracking-box .btn{ margin: 0 10px 0 0; } .cookie-message .pull-right .btn, .tracking-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{ 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{ 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;} .sprachen {text-align:center;} .flexnav li a {font-size:1.5em;} .flexnav .touch-button {top:5px;font-size:24px;} .flexnav .touch-button > i {margin:0;} .flexnav .touch-button.active {top:15px;} .flexnav .nlv_2 a, .flexnav .nlv_2 a:hover, .flexnav .nlv_2 a:active, .flexnav .nlv_2 a:link, .flexnav .nlv_2 a:visited {font-size:1.25em;} /*.flexnav .nlv_2 > li .touch-button, .flexnav .nlv_2 > li .touch-button.active {top:0;}*/ .flexnav .nlv_3 a, .flexnav .nlv_3 a:hover, .flexnav .nlv_3 a:active, .flexnav .nlv_3 a:link, .flexnav .nlv_3 a:visited {padding:0.625em 4em 0.625em 1.250em;} .flexnav .nlv_4 a, .flexnav .nlv_4 a:hover, .flexnav .nlv_4 a:active, .flexnav .nlv_4 a:link, .flexnav .nlv_4 a:visited {font-size:1.125em;padding-left:2em;} } @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); } } /*css für Abstand Icon */ a i.fa, button i.fa { line-height: 1.33; vertical-align: top; margin-right: 5px; } /* Kartenmodul */ div.gmc_page {position:relative;width:100%;height:550px;margin:0;padding:0;} div.gmc_header {position:absolute;top:0;right:0;z-index:1999;width:auto;} div.gmc_control {float:none;position:absolute;top:0;bottom:0;min-width:200px;height:100%;background:#fff;background:rgba(255,255,255,0.75);padding:10px;margin:0;z-index:1999;} div.gmc_control .inputs.row .column-1 {position:relative;} div.gmc_control .gmc_input {margin-bottom:0;} div.gmc_control button.submit {font-size:16px;cursor:pointer;position:absolute;right:20px;top:0;bottom:0;color:#202020;background-color:transparent;line-height:0.8;border:none;padding:0 15px;} div.gmc_control ul.fancytree-container {font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1em;background-color:transparent;border-bottom:1px solid #ccc;padding:0;} div.gmc_control ul.fancytree-container {} div.gmc_control span.fancytree-node {display:block;position:relative;padding:4px 5px;} div.gmc_control span.fancytree-node:hover, div.gmc_control span.fancytree-node.fancytree-expanded {color:#fff;background-color:#202020;} div.gmc_control span.fancytree-checkbox {display:none;} div.gmc_control span.fancytree-icon {display:none;} div.gmc_control .fancytree-selected span.fancytree-icon {display:inline-block;background:none;} div.gmc_control .fancytree-selected span.fancytree-icon:before {content:'\f00c';font-family:'fontAwesome';font-size:14px;} div.gmc_control span.fancytree-custom-icon {width:25px;height:18px;font-size:18px;margin:0;vertical-align:middle;} div.gmc_control .fancytree-selected span.fancytree-custom-icon:before {content:'\f00c';/*color:#202020;*/} div.gmc_control span.fancytree-node:hover.fancytree-selected span.fancytree-custom-icon:before {color:#fff;} div.gmc_control span.fancytree-expander {display:block;position:absolute;top:0;bottom:0;right:0;width:30px;/*height:18px;*/height:100%;text-align:center;background:none;margin:0;z-index:2;} div.gmc_control span.fancytree-expander:after {content:'\f0d7';font-family:'fontAwesome';font-size:18px;line-height:30px;} div.gmc_control span.fancytree-node.fancytree-expanded .fancytree-expander:after {content:'\f0d8';opacity:0.5;line-height:30px;} .fancytree-exp-n span.fancytree-expander:after, .fancytree-exp-nl span.fancytree-expander:after {display:none;} div.gmc_control span.fancytree-title {vertical-align:middle;color:#202020;} div.gmc_control .fancytree-plain span.fancytree-node:hover span.fancytree-title, div.gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded span.fancytree-title {color:#fff;background-color:transparent;border:1px solid transparent;border-color:transparent;} div.gmc_control .fancytree-plain span.fancytree-active.fancytree-partsel span.fancytree-title, div.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;} div.gmc_control .fancytree-plain span.fancytree-node.fancytree-partsel:hover span.fancytree-title, div.gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded.fancytree-partsel span.fancytree-title {color:#fff;} div.gmc_control .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title, div.gmc_control .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {background-color:transparent;border-color:transparent;} div.gmc_control .fancytree-plain span.fancytree-active span.fancytree-expander, div.gmc_control .fancytree-plain span.fancytree-selected span.fancytree-expander {color:#202020;} div.gmc_control .fancytree-plain span.fancytree-node:hover span.fancytree-expander, div.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;} div.gmc_cmdbar {width:100%;} div.gmc_cmdbar input {width:auto;margin:3px;padding:0 0.5em !important;font-size:16px;} div.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;} div.gmc_cmdbar .btn {min-width:0;margin:0;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;} div.gmc_cmdbar .btn:hover {color:#fff;background-color:#202020;} div.gmc_cmdbar .btn.active .fa-close:before {content:'\f0c9';} div.gmc_map {float:none;width:100%;height:100%;padding:0;margin:0;} div.gmc_map .gmc_input {z-index:10;float:left;width:250px;left:200px;top:10px;position:relative;} /* Google Maps - Info-Window */ .gm-style-iw div.adr {float:left;margin:5px;} .gm-style-iw div.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;} /*#{itp:field _var:adrlist} {clear:both;width:100%;padding-top:1em;font-size:85%;}*/ .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 {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 {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:32px;} /* 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_gmc_tree_wrapper ul li.active span label {background-color:#f3f4f7; } .ikiss_cattree ul li.active span label:after {content:"\f00c";font-family:'fontAwesome';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;} div.gmc_page.inactive .gmc_control{ display: none; } #gmc_cookie_msg{ width: 100%; background-color: #f0f0f0; padding: 20px; } #gmc_cookie_msg input{ width: 100%; background-color: #c62828; color: #fff; margin-bottom: 0; cursor: pointer; border: none; } #gmc_cookie_msg input:hover{ width: 100%; background-color: #a60808; color: #fff; margin-bottom: 0; cursor: pointer; } #ikiss_gmc_tree_wrapper ul{ text-indent: 0; } #ikiss_gmc_tree_wrapper ul li:before{ display: none; } @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;} } /* CS 16.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: 1002; 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-content div[style="display:inline"]:last-of-type > :last-child { /* Designtemplate-Felder */ margin-bottom: 0; } .modal-window-hide-btn { display: inline-block; padding: 7px 15px 10px; background-color: #666; 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; } .modal-window .highslide_gallery_single img { width: 100%; } .highslide-container { z-index: 1005 !important; }