/* Vorschlag von Tabita für den Standard - generiert aber aktuell noch ein Leerzeichen zwischen Icon und Text: */
a.csslink_ZIP:before {content:'\f1c6';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_grafik:before {content:'\f1c5';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_JPG:before {content:'\f1c5';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_JPEG:before {content:'\f1c5';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_PNG:before {content:'\f1c5';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_PDF:before {content:'\f1c1';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_DOCX:before {content:'\f1c2';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_DOC:before {content:'\f1c2';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_XLSX:before {content:'\f1c3';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_XLS:before {content:'\f1c3';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_MP3:before {content:'\f1c7';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_PPT:before {content:'\f1c4';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_PPTX:before {content:'\f1c4';font-family:FontAwesome;font-size:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.csslink_extern:before {content:'\f08e';font-family:FontAwesome;font-stooize:14px;font-weight:400;margin-right:5px;display:inline-block;text-decoration:none;}
a.btn.csslink_extern:before, .btn a.csslink_extern:before{display:none;}
/*a.csslink_intern:before {content:'\f0c1';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}
a.csslink_extern:before {content:'\f08e';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}
a.csslink_media:before {content:'\f1c5';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}
a.csslink_text:before {content:'\f0f6';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}
a.csslink_adresse:before {content:'\f015';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}
a.csslink_bis:before {content:'\f046';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}
a.csslink_veranstaltung:before {content:'\f073';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}
a.csslink_beitrag:before {content:'\f044';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}
a.csslink_rss:before {content:'\f09e';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}
a.csslink_formular:before {content:'\f022';font-family:FontAwesome;font-size: 14px;font-weight: 400;margin-right: 5px;}*/

/**
**********************************************************
* CSS-Defintionen iKISS 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;
}
/* Feldefinitionen */
/* Alle Span-Tags die Felder umgeben */

span.ikiss-form-element {
    display: inline-table;
    float: none;
    width: 50%;
}
/* 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;
}
/* Fieldset */

fieldset.ikiss-form-fieldset {
    padding: 3% 1%;
    border: 1px solid #ccc;
}
/* Legend */

legend.ikiss-form-legend {
    font-weight: bold;
    padding: 0 1%;
}
/* Allgemeine Feldlabel */

span.ikiss-field-label {
    width: 25%;
    float: left;
    margin-right: 6%;
}
span.ikiss-field-label label {}
/* Textfeld einzeilig */

span.ikiss-field-textfield input {
    width: 98%;
    padding: 1%;
}
/* Textfeld mehrzeilig*/

span.ikiss-field-textarea textarea {
    width: 98%;
    padding: 1%;
}
/* Auswahlfelder (einfach/mehrfach) */

span.ikiss-field-select select {
    width: 98%;
    padding: 1%;
}
/* Checkboxen */

span.ikiss-field-checkbox {} span.ikiss-field-checkbox input {
    margin-right: 2%;
}
span.ikiss-field-checkbox label {
    padding-right: 3%;
}
/* Radios */

span.ikiss-field-radio {} span.ikiss-field-radio input {
    margin-right: 2%;
}
span.ikiss-field-radio label {
    padding-right: 3%;
}
/* Dateiupload */

span.ikiss-field-file input {
    width: 100%;
}

/* SOLR */
.solr-results em {background-color:#ff0;font-style:normal;padding:0 1px;}
/* Formulareditor */
span.ikiss-field-radio input {margin-right:5px;}
/* Toggler-Link */
.toggler-link {cursor:pointer;}
.toggler-link:after{margin-left:5px;/*opacity:0.7;*/font-family:FontAwesome;/*font-size:14px;*/font-weight:400;content:'\f078';}
/* Listen */
.adressen .liste-text :last-child, .mitteilungen .liste-text :last-child, .veranstaltungen .liste-text :last-child {margin-bottom:0;}
/* Veranstaltungs-Detailansicht */
.margin-right {margin-right:10px;}

/* Maengelmelder */
div.gmc_page {width:100%;height:30em;margin:0;padding:0;}
div.gmc_header {width:100%;clear:both;}
div.gmc_control {width:33%;float:left;margin:0;padding:0;}
#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_map {width:67%;height:100%;float:right;margin:0;padding:0;}
div.gmc_map .gmc_input {z-index:10;float:left;width:250px;left:200px;top:10px;position:relative;}
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 img {float:right;margin:5px;width:150px;}
.mwl_label {background:#eee;border:1px solid black;width:24px;font-size:10px;text-align:center;}
.gmc_adrlist_link {cursor:pointer;padding:1em 0 1em 0;border-bottom:1px dotted #ddd;}

.pagenav a {text-decoration:none;}


body {color:#222222;}

.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;}

a {text-decoration:underline;text-decoration-skip:ink;color:#3f8ebf;}
a:hover {text-decoration:none;text-decoration-skip:ink;color:#3f8ebf;}

.randspalte a, .randspalte a:visited {color:#222;}

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

strong, b{font-weight:600;}
hr{background-color:#eaeaea;}
h1, h2, h3, h4, h5, h6 {font-weight:700;margin:1em 0 0.75em;color:#222222;}
h1 {font-size:2.125em;}
.startseite h1.page-title {font-weight:400;}
.startseite h1.page-title .word1 {font-weight:700;}
h2 {font-size:1.375em;}
h3 {font-size:1.250em;}
h4 {font-size:1em;}
h5 {font-size:0.85em;}
h6 {font-size:0.75em;}

.page-title {
    font-size: 1.8em;
    line-height: 1.1em;
}

.einleitung {display:block !important;font-style:italic;}

.startseite .btn {text-align:center;}
a.btn, button.btn, input.btn, .btn a, span.ikiss-field-button input{height:auto;padding:10px 25px 12px 25px;color:#fff;background-color:#3f8ebf;border-radius:0px;font-weight:700;box-shadow:none;margin:10px 10px 0 0;text-decoration:none;}
a.btn:after, button.btn:after, input.btn:after, .btn a:after, span.ikiss-field-button input:after{background-color:rgba(0,0,0,0.0);}
a.btn:hover:after, button.btn:hover:after, input.btn:hover:after, .btn a:hover:after, span.ikiss-field-button input:hover:after{background-color:rgba(0,0,0,0.125);}

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

.top {color:#fff;background:#44b2a1;margin-bottom:5px;-webkit-transition:all 0.25s;transition:all 0.25s;}
.jumbotron.wrapper {position:relative;padding:0;}

.logo span.headerheight {line-height:1.25em;}
.logo span.headerheight .word2 {font-weight:700;}
.logo span.headerheight .word3 {display:block;font-size:0.720em;text-align:right;}

.suche {display:table-cell;vertical-align:middle;padding-right:15px;}

/* slicknav */
.slicknav_btn {display:none !important;font-size:1.5em;background-color:transparent;margin:0;z-index:10002;}
.slicknav_btn.slicknav_open {}
.slicknav_nav ul {background-color:#44b2a1;}
.slicknav_menu .slicknav_menutxt {float:right;}
.slicknav_menu .slicknav_icon {margin:0.188em 10px 0 0;}
.slicknav_nav .slicknav_arrow {top:15px;font-size:14px;margin:0;}
.slicknav_nav .slicknav_arrow i.fa {margin:0;}
.slicknav_nav > .slicknav_open > .slicknav_item > .slicknav_arrow i.fa {color:rgba(255,255,255,0.5);}
.slicknav_nav {display:block !important;width:100%;z-index:10001;}
.slicknav_nav .slicknav_row, .slicknav_nav a {font-size:1em;text-decoration:none;padding:12px 50px 12px 10px;margin:0;}
.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover, .slicknav_nav .slicknav_open > .slicknav_row {background:#44b2a1;}
.slicknav_nav .slicknav_open > .slicknav_row {border-bottom:1px solid #fff;}
/* Level 2 */
.slicknav_nav .nlv_2 .slicknav_row, .slicknav_nav .nlv_2 > li > a {padding:10px 50px 10px 20px;}
.slicknav_nav .nlv_2 .slicknav_row:hover, .slicknav_nav .nlv_2 a:hover, .slicknav_nav .nlv_2 .slicknav_open > .slicknav_row {color:#44b2a1;background:#fff;}
.slicknav_nav li {position:relative;border-bottom:1px solid rgba(255,255,255,1);}
.slicknav_nav > li {font-size:1.25em;font-weight:700;}
.slicknav_nav .slicknav_item a {}
.slicknav_nav li li {border-bottom:1px solid rgba(49,127,115,1);}
.slicknav_nav .nlv_2 li {font-size:0.9em;font-weight:400;}
.slicknav_nav li li.npt_last {border-bottom:none;}
.slicknav_nav .nlv_3 li {font-size:0.889em;font-weight:300;border-bottom:1px solid rgba(49,127,115,0.5);}
.slicknav_nav a br {display:none;}
.slicknav_nav .nlk_on {color:#fff;}
.slicknav_nav .slicknav_open .slicknav_item, .slicknav_nav .slicknav_open .slicknav_item a {color:#fff;}
.slicknav_nav .nlv_2 .slicknav_row:hover a, .slicknav_nav .nlv_2 .slicknav_item a:hover, .slicknav_nav .nlv_2 .slicknav_open .slicknav_item a {color:#44b2a1;}
.slicknav_nav .slicknav_open li.grid-nav ul.nlv_2 {display:block !important;margin:0;}
.slicknav_nav > .slicknav_open > .nlv_2 > .slicknav_item > a {color:#fff;}
.slicknav_nav .slicknav_open .nlv_2 .slicknav_item a.nlk_on {color:#fff;}
.slicknav_nav .slicknav_open .nlv_2 .slicknav_item .slicknav_arrow {top:12px;right:20px;font-size:16px;color:#fff;}
.slicknav_nav .slicknav_open .nlv_2 .slicknav_item .slicknav_arrow i.fa-chevron-down:before {content:'\f107';}
.slicknav_nav .slicknav_open .nlv_2 .slicknav_item .slicknav_arrow i.fa-chevron-up:before {content:'\f106';}
.slicknav_nav .nlv_2 .slicknav_row:hover .slicknav_arrow, .slicknav_nav .slicknav_open .nlv_2 .slicknav_item:hover .slicknav_arrow, .slicknav_nav .slicknav_open .nlv_2 .slicknav_open .slicknav_item .slicknav_arrow {color:#44b2a1;}
.slicknav_nav .slicknav_open .nlv_2 .slicknav_item .slicknav_arrow .fa-angle-up {color:#fff;}
/* Level 3 */
.slicknav_nav .nlv_2 .slicknav_open .nlv_3 .slicknav_item a {color:#fff;}
.slicknav_nav .nlv_3 .slicknav_row:hover a, .slicknav_nav .nlv_3 .slicknav_item a:hover, .slicknav_nav .nlv_3 .slicknav_open .slicknav_item a {color:#44b2a1 !important;background:transparent;}
.slicknav_nav .nlv_2 .slicknav_open .nlv_3 .slicknav_open .slicknav_item a {color:#44b2a1;background:transparent;}
.slicknav_nav .nlv_3 .slicknav_row, .slicknav_nav .nlv_3 > li > a {color:#fff;padding:10px 50px 10px 30px;}
.slicknav_nav .nlv_3 .slicknav_row:hover, .slicknav_nav .nlv_3 a:hover, .slicknav_nav .nlv_3 .slicknav_open > .slicknav_row {color:#44b2a1;background:rgba(255,255,255,0.75);}
.slicknav_nav .nlv_2 .slicknav_open .nlv_3 .slicknav_item .slicknav_arrow {color:#fff;}
.slicknav_nav .slicknav_open .nlv_3 .slicknav_open .slicknav_item .slicknav_arrow {color:#44b2a1;}
/* Level 4 */
.slicknav_nav .nlv_3 .slicknav_open .nlv_4 .slicknav_item a {color:#fff;}
.slicknav_nav .nlv_4 .slicknav_row:hover a, .slicknav_nav .nlv_4 .slicknav_item a:hover, .slicknav_nav .nlv_4 .slicknav_open .slicknav_item a {color:#44b2a1;}
.slicknav_nav .nlv_3 .slicknav_open .nlv_4 .slicknav_open .slicknav_item a {color:#44b2a1;}
.slicknav_nav .nlv_4 .slicknav_row, .slicknav_nav .nlv_4 > li > a {padding:10px 50px 10px 50px;}
.slicknav_nav .nlv_4 .slicknav_row:hover, .slicknav_nav .nlv_4 a:hover, .slicknav_nav .nlv_4 .slicknav_open > .slicknav_row {color:#44b2a1;background:rgba(255,255,255,0.5);}
.slicknav_nav .slicknav_open .nlv_3 .slicknav_open .nlv_4 .slicknav_item .slicknav_arrow {color:#fff;}
.slicknav_nav .slicknav_open .nlv_4 .slicknav_open .slicknav_item .slicknav_arrow {color:#44b2a1;}


.main-navigation {-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.main-navigation {width:45%;height:100%;position:fixed;right:-46%;z-index:99999;overflow-y:auto;background:#317f73;padding:0 50px;-webkit-box-shadow:-2px 0px 4px 0px rgba(0,0,0,0.75);-moz-box-shadow:-2px 0px 4px 0px rgba(0,0,0,0.75);box-shadow:-2px 0px 4px 0px rgba(0,0,0,0.75);}
.main-navigation nav {display:none;}
.menu-button {display:table;text-align:center;background:#317f73;border-left:5px solid #fff;padding:0;} 
.menu-button.close {text-align:right;border:none;padding:0;}
#openbtn, #closebtn {width:100%;height:100%;font-size:1.5em;text-decoration:none;font-weight:700;color:#fff;display:table-cell;vertical-align:middle;}
.folgeseite .top.wrapper.fixed #openbtn {color:#fff;}
#openbtn i.fa, #closebtn i.fa {vertical-align:top;line-height:1;color:#fff;}
.top.wrapper.fixed #openbtn {font-size:1.5em;padding:20px 0 0 0;}
#closebtn {display:none;}
#opennav:target .main-navigation {top:0;right:0;}
#opennav:target .site {opacity:0.25;}
#opennav:target #openbtn {display:none;}
#opennav:target #closebtn {display:table-cell;vertical-align:middle;color:rgba(255,255,255,0.5);}
html.frontend #opennav:target {background-color:#3b464c;overflow-y:hidden;}


.main-content-area {font-size:1.125em;line-height:1.556em;}
.startseite .main-content-area {font-size:1em;line-height:normal;}
.contact-title {font-weight:400;}

/* Footer */
.site-footer .wrapper {background-image:url(assets/img/wappen.png);background-repeat:no-repeat;background-position:right 15px top;background-size:83px 99px;}
.site-footer h4 {font-size:1em;font-weight:600;color:#fff;}
.site-footer .liste-text a {color:#fff;}
.site-footer .liste-text .liste-titel a {color:#fff;}

.quickmenu {padding:10px 15px;}
.site-footer .quickmenu {text-align:left;background:transparent;border-top:1px solid #fff;padding:10px 0 0 0;margin-top:25px;}
.quickmenu ul {display:inline-block;}
.site-footer .quickmenu ul {display:block;}
.site-footer .quickmenu li {display:inline-block;}
.site-footer .quickmenu ul a {color:#fff;}

#seitenanfang a {display:block;}
#seitenanfang {position:fixed;bottom:0;right:0;z-index:102;padding:0;margin:0;}
#seitenanfang a {width:50px;display:block;text-align:center;text-decoration:none;color:#fff;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#seitenanfang a:hover {color:#fff;}

#seitenanfang span {width:50px;height:50px;display:block;font-size:18px;line-height:45px;background:#3f8ebf;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#seitenanfang span i.fa {line-height:45px;margin:0;}

/* Templates */
.themenboxen .elem {color:#fff;}
.themenboxen .elem .content {padding:0;background-color:#44b2a1;box-shadow:none;box-shadow:none;}
.themenboxen .elem .content:hover {background-color:#3f8ebf;box-shadow:0 0 7px #3b464c;box-shadow:0 0 7px rgba(59,70,76,0.25);}
.themenboxen .elem .image {margin-bottom:0;}
.themenboxen .elem .image + .caption {font-size:1.125em;line-height:1.556em;border-top:none;padding:15px;}
.themenboxen .elem .content:hover .image + .caption {border-top:none;}
.themenboxen h2, .themenboxen h3, .themenboxen h4, .themenboxen h5, .themenboxen h6 {/*font-size:1.556em;*/font-weight:400;line-height:1.5;color:#fff;padding:0 0 10px 0;}
.themenboxen .elem .content:hover h2, .themenboxen .elem .content:hover h3, .themenboxen .elem .content:hover h4, .themenboxen .elem .content:hover h5, .themenboxen .elem .content:hover h6{color:#fff;}

.themenboxen h2 {font-size:1.375em;}
.themenboxen h3 {font-size:1.250em;}
.themenboxen h4 {font-size:1em;}
.themenboxen h5 {font-size:0.85em;}
.themenboxen h6 {font-size:0.75em;}

/* SOLR-Suche */
.ui-widget {font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-weight:300;}
.ui-widget.ui-widget-content {width:100% !important;max-width:416px;border:none !important;border-right:1px solid #e5e5e5 !important;color:#333 !important;background-color:#fff !important;margin:10px 0 0 -21px;-webkit-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);-moz-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);}
/*.ui-menu .ui-menu-item {border-bottom:1px solid #e5e5e5;}*/
.ui-menu .ui-menu-item:hover {background:#44b2a1 !important;border:none !important;/*border-bottom:1px solid #f0f0f0 !important;*/}
.ui-menu .ui-menu-item-wrapper {}
.ui-menu .ui-menu-item-wrapper:hover {background:#44b2a1 !important;border:none !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border:none !important;border-bottom:1px solid #e5e5e5 !important;background:#639c3d !important;font-weight:300 !important;}
.ui-state-focus, .ui-widget-content .ui-state-focus {border:none !important;}
.ui-menu .ui-state-focus {margin:0 !important;}


/*** GMC - Tooltip */
.gmc_tooltip { width:auto; min-width: 15em;}


/*** STARTSEITE ***/

.startseite hr {margin:50px 0;}
.startseite .site-content {padding-top:89px;}

/* Banner Tourismus */
.banner-tourismus {position:absolute;bottom:125px;right:-30px;font-size:0.875em;font-weight:700;text-align:center;color:#fff;transition:all 0.25s;}
.banner-tourismus:hover {right:-15px;transition:all 0.25s;}
.banner-tourismus a {display:block;position:relative;width:236px;height:118px;text-decoration:none;color:#fff;background-color:#f6a800;border:10px solid #fff;border-bottom:none;-webkit-border-top-left-radius:118px;-webkit-border-top-right-radius:118px;-moz-border-radius-topleft:118px;-moz-border-radius-topright:118px;border-top-left-radius:118px;border-top-right-radius:118px;}
.banner-tourismus a > span {display:block;}
.banner-tourismus a > span:before {content:'\f005';display:block;font-family:FontAwesome;font-size:50px;font-weight:normal;transition:all 0.25s;}
.banner-tourismus:hover a > span:before {-webkit-animation:spin 3s linear infinite;-moz-animation:spin 3s linear infinite;animation:spin 3s linear infinite;transition:all 0.25s;}
@-moz-keyframes spin { 100% {-moz-transform:rotate(360deg);} }
@-webkit-keyframes spin { 100% {-webkit-transform:rotate(360deg);} }
@keyframes spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} }
.banner-tourismus a span span {display:block;font-size:0.857em;font-weight:400;}

/* Iconliste */
.iconliste {position:absolute;bottom:0;width:100%;color:#fff;background-color:#3b464c;background-color:rgba(59,70,76,0.9);}
.iconliste .themenboxen .elem {color:#fff;border-right:1px solid #000;border-right:1px solid rgba(0,0,0,0.25);border-left:1px solid #fff;border-left:1px solid rgba(255,255,255,0.1);padding:0 5px;margin:0;transition:all 0.25s;}
.iconliste .themenboxen a:first-child .elem {border-left:none;}
.iconliste .themenboxen a:last-of-type .elem {border-right:none;}
.iconliste .themenboxen .elem:hover {color:#3f8ebf;background-color:#fff;box-shadow:0 0 7px #3b464c;box-shadow:0 0 7px rgba(59,70,76,0.25);transition:all 0.25s;}
.iconliste .themenboxen .elem .content {text-align:center;background-color:transparent;padding:0;box-shadow:none;}
.iconliste .themenboxen .icon {padding-top:22px;}
.iconliste .themenboxen .icon i.fa {font-size:32px;line-height:1;margin:0;transition:all 0.25s;}
.iconliste .themenboxen .elem:hover .icon i.fa {-webkit-transform:rotate(-10deg) scale(1.5);-moz-transform:rotate(-10deg) scale(1.5);-ms-transform:rotate(-10deg) scale(1.5);-o-transform:rotate(-10deg) scale(1.5);transform:rotate(-10deg) scale(1.5);transition:all 0.25s;}
.iconliste .themenboxen h2 {font-size:0.875em;font-weight:700;color:#fff;padding:25px 0;transition:all 0.25s;}
.iconliste .themenboxen .elem:hover h2 {color:#3f8ebf;transition:all 0.25s;}


/* Aktuelle Meldungen */
.start-aktuelles {padding-right:50px;}
.start-aktuelles .mitteilungen a {display:block;padding:20px 0;transition:all 0.25s;}
.start-aktuelles .mitteilungen a:hover {color:#fff;background-color:#3f8ebf;padding:20px 10px;transition:all 0.25s;}
.start-aktuelles .mitteilungen small.date {position:relative;display:block;font-size:0.875em;font-weight:300;text-transform:uppercase;color:#3b464c;margin:0;transition:all 0.25s;}
.start-aktuelles .mitteilungen a:hover small.date {color:#fff;transition:all 0.25s;}
.start-aktuelles .mitteilungen small.date:before {content:'';display:block;float:left;width:180px;height:5px;background-color:#3b464c;margin:8px 20px 0 0;opacity:1;transition:all 0.25s;}
.start-aktuelles .mitteilungen a:hover small.date:before {width:90px;background-color:#fff;transition:all 0.25s;}
.start-aktuelles .mitteilungen h4 {color:#3f8ebf;transition:all 0.25s;}
.start-aktuelles .mitteilungen a:hover h4 {color:#fff;transition:all 0.25s;}
.start-aktuelles .mitteilungen hr {background-color:transparent;margin:5px 0;}
.start-aktuelles .btn {margin:0;}
.start-aktuelles .btn a {min-width:40%;}


/* Veranstaltungen und Termine */
.start-veranstaltungen {padding-left:50px;}
.start-veranstaltungen .veranstaltungen a {display:block;padding:20px 0;transition:all 0.25s;}
.start-veranstaltungen .veranstaltungen a:hover {color:#fff;background-color:#3f8ebf;padding:20px 10px;transition:all 0.25s;}
.start-veranstaltungen .veranstaltungen .row {display:block;}
.start-veranstaltungen .veranstaltungen .column-3, .start-veranstaltungen .column-2x3 {display:block;height:130px;transition:all 0.25s;}
.start-veranstaltungen .veranstaltungen .column-3 {border-right:5px solid #3b464c;}
.start-veranstaltungen .veranstaltungen a:hover .column-3 {border-right:5px solid #fff;transition:all 0.25s;}
.start-veranstaltungen .veranstaltungen small.date {position:relative;display:block;font-size:1.625em;font-weight:300;line-height:1.769em;color:#3b464c;padding-top:9px;margin:0;transition:all 0.25s;}
.start-veranstaltungen .veranstaltungen small.date span {display:block;font-size:1.769em;font-weight:700;}
.start-veranstaltungen .veranstaltungen a:hover small.date {color:#fff;transition:all 0.25s;/*-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;*/}
.start-veranstaltungen .veranstaltungen small.date:before {display:none;}
.start-veranstaltungen .veranstaltungen h4 {color:#3f8ebf;transition:all 0.25s;}
.start-veranstaltungen .veranstaltungen a:hover h4 {color:#fff;transition:all 0.25s;}
.start-veranstaltungen .veranstaltungen hr {background-color:transparent;margin:5px 0;}


/* Themen der Stadt */
.start-themen {}
.start-themen h1.page-title {text-align:center;}
.start-themen .themenboxen .elem .image {max-height:160px;overflow:hidden;}
  
  
@media screen and (min-width: 960px){

	.top.fixed {position:fixed;top:0;left:0;right:0;height:0px;overflow:hidden;z-index:99999;-webkit-box-shadow:0px 5px 5px 0px rgba(17,17,17,0.25);-moz-box-shadow:0px 5px 5px 0px rgba(17,17,17,0.25);box-shadow:0px 5px 5px 0px rgba(17,17,17,0.25);-webkit-transition:all 0.5s;transition:all 0.5s;}
	.top.fixed.fadein {height:70px;-webkit-transition:all 0.5s;transition:all 0.5s;}
	.top.fixed .headerheight {height:70px;}
	.jumbotron.wrapper.fixed {margin-top:120px;}

}

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

	.main-navigation {width:55%;right:-56%;padding:0 25px;}
	body.startseite .titelbild .elem {height:450px;}
	.suche {padding-right:0;}
	
	.banner-tourismus {bottom:89px;}
	
	.iconliste .themenboxen .elem {padding:0;}
	.iconliste .themenboxen h2 {font-size:0.625em;padding:10px 0;}
	
	.site-content, .startseite .site-content {padding-top:15px;}
	
	.start-aktuelles {width:100%;padding-right:15px;margin-bottom:50px;}
	
	.start-veranstaltungen {width:100%;padding-left:15px;}
	.start-veranstaltungen .veranstaltungen:after {content:'.';clear:both;display:block;visibility:hidden;height:0px;}
	.start-veranstaltungen .veranstaltungen .elem {float:left;width:50%;margin:0;}
	.start-veranstaltungen .veranstaltungen .spacer {display:none;}
	.start-veranstaltungen .veranstaltungen .column-3, .start-veranstaltungen .column-2x3 {width:100%;height:auto;}
	.start-veranstaltungen .veranstaltungen .column-3 {border:none;}
	.start-veranstaltungen .veranstaltungen small.date {font-size:1.25em;padding:0;}
	.start-veranstaltungen .veranstaltungen small.date span {display:inline-block;font-size:1em;margin-right:5px;}	
	
	.themenboxen .elem .image + .caption {font-size:0.875em;}
	
	.suche input {font-size:0.875em;}

}

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

	.header-right {margin-bottom:5px;}
	
	.suche input {font-size:1em;}

	.banner-tourismus {bottom:auto;top:331px;right:0;left:0;}
	.banner-tourismus a {margin:auto;}
	.iconliste {position:static;}
	.iconliste .themenboxen .elem {width:50%;}
	.iconliste .themenboxen h2 {font-size:0.75em;}
	
	.start-aktuelles .mitteilungen a {padding:10px 0;}
	.start-aktuelles .mitteilungen a:hover {padding:10px 0;}
	.start-aktuelles .mitteilungen a p {display:none;font-size:0.875em;}
	.start-aktuelles .mitteilungen small.date:before, .start-aktuelles .mitteilungen a:hover small.date:before {width:75px;}
	
	.start-veranstaltungen .veranstaltungen a {padding:10px 0;}
	.start-veranstaltungen .veranstaltungen a:hover {padding:10px 0;}
	.start-veranstaltungen .veranstaltungen .elem {float:none;width:auto;margin:0 -15px;}
	.start-veranstaltungen .veranstaltungen .spacer {display:block;}
	
	.startseite h1.page-title {font-size:1.75em;}
	
	
	.main-navigation {right:-96%;width:95%;}
	.menu-button {height:50px;border-left:0;}
	.main-navigation .menu-button.close {height:50px;}
	
	body.startseite .titelbild .elem {height:250px;}
	.site-header .titelbild-slider {display:block;margin-bottom:1px;}

}