.trenner320 {clear:both;margin:40px 0;padding:0;border-bottom:1px solid #ddd;}

.wrapper {position:relative;width:100%;margin:0;}

.header_left .logo {text-align:center;margin:15px 0;}
.header_left .logo img {width:80%;max-width:268px;height:auto;}
.quickmenu {text-align:center;margin:10px 0 0 0;padding:0;}
.quickmenu ul, .quickmenu li {display:inline-block;margin:0;padding:0;list-style-type:none;}
.quickmenu li  {display:inline-block;margin:5px 0 0 0;}
.quickmenu a, .quickmenu a:link, .quickmenu a:visited {margin:0 5px 0 0;text-decoration:none;text-transform:uppercase;color:#515151;}
.quickmenu a:hover {color:#48b4d7;}
.wetter a {display:inline;margin:0 20px 0 0 !important;}
.wetter img {display:inline;width:22px;height:22px;margin:0 2px -5px 0;}
.english {text-align:center;margin:0 0 0 5px;}
.english img {display:inline;width:16px;height:auto;margin:0 5px -1px 0;}
.suche {margin:0;}
.suche form {position:relative;margin:0;}
.suche input {width:100%;margin:0;padding:10px;border:1px solid #dfdfdf;background:#dfdfdf;font-weight:bold;font-size:1em;color:#515151;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.suche input.los {position:absolute;top:0px;right:0px;width:50px;height:40px;margin:0;padding:10px;border:1px solid #d3d3d3;background:#d3d3d3;font-weight:bold;color:#515151;}

.menu {text-align:left;overflow:hidden;padding:10px 10px 0 10px;background:#48b4d8;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.flexnav {position:relative;width:100%;max-height:0;margin:0 auto;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;}
.flexnav.opacity {opacity:0;}
.flexnav.show {max-height:2000px;opacity:1;transition:all 0.5s ease-in-out 0s;}
.menu-button {position:relative;display:block;margin:0;padding:0;color:#fff;cursor:pointer;}
.menu-button .touch-button {position:absolute;z-index:10;top:5px;right:10px;display:inline-block;text-align:center;width:20%;height:25px;background-image:url(media/icon_menu_unten.png);background-position:right 0;background-repeat:no-repeat;}
.menu-button .touch-button.active {position:absolute;z-index:10;top:5px;right:10px;display:inline-block;text-align:center;width:20%;height:25px;background-image:url(media/icon_menu_oben.png);background-position:right  0;background-repeat:no-repeat;}
.flexnav .touch-button {position:absolute;z-index:100000;top:15px;right:10px;display:inline-block;text-align:center;width:20%;height:25px;background-image:url(media/icon_menu_unten.png);background-position:right  0;background-repeat:no-repeat;}
.flexnav .touch-button.active {position:absolute;z-index:100000;top:15px;right:10px;display:inline-block;text-align:center;width:20%;height:25px;background-image:url(media/icon_menu_oben.png);background-position:right  0;background-repeat:no-repeat;}
.touch-button .navicon {position:relative;font-style:normal !important;font-size:1em;color:#fff;}
.touch-button .navicon i {font-style:normal !important;}
.flexnav.opacity {opacity:0;}
.flexnav.show {max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.flexnav ul {width:100%;margin:10px 0 0 0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.flexnav li {overflow:hidden;display:block;margin:0;padding:0;border-top:1px solid #fff;font-size:100%;}
.flexnav li#nlt_2455_2 {display:none;}
.flexnav li a {overflow:hidden;position:relative;z-index:2;display:block;margin:0 25% 0 0;padding:10px 0;text-decoration:none;font-size:1em;color:#fff;}
.flexnav li a.nlk_on {text-decoration:underline !important;}
.flexnav li ul {width:100%;margin:0 0 0 0;-moz-transition:none;-o-transition:none;transition:none;}
.flexnav li ul li {overflow:hidden;position:relative;font-size:100%;}
.flexnav li ul.show li {overflow:visible;}
.flexnav li ul li a,
.flexnav li ul li a:link,
.flexnav li ul li a:visited {display:block;padding:10px 0 10px 25px;text-transform:none;}
.flexnav li ul li a:hover,
.flexnav li ul li a:active {}
.flexnav li ul li a.nlk_on {text-decoration:underline !important;}
.flexnav li ul li ul li a,
.flexnav li ul li ul li a:link,
.flexnav li ul li ul li a:visited {display:block;padding:10px 0 10px 40px;text-transform:none;}
.flexnav li ul li ul li a:hover,
.flexnav li ul li ul li a:active {}
.flexnav li ul li ul li a.nlk_on {text-decoration:underline !important;}

.titelgrafik {display:none;}

.breadcrumb {display:none;}

.content {background:#eee;}

.submenu {display:none;}

.inhalt {margin:0 0 5% 0;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.inhalt_ganzseitig {margin:0 0 5% 0;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.inhalt ul, .inhalt_ganzseitig ul {margin:0;padding:0;}
.inhalt ul li, .inhalt_ganzseitig ul li {margin:0;padding:5px 0 10px 5px;}
.inhalt ul li, .inhalt_ganzseitig ul li {list-style-type:none;background:url(media/liste.png) top left no-repeat;padding:5px 0 10px 15px;}
.inhalt ol, .inhalt_ganzseitig ol {padding: 0 0 0 1em;}

h2.toggler_titel, h2.bis-toggler-titel {display:block;margin:0;padding:10px 25px 10px 10px;border-top:1px solid #515151;background:url(media/toggler_unten.png) right 15px no-repeat;text-transform:uppercase;font-family:"Asap",Arial,Verdana,Helvetica,sans-serif;font-weight:bold;font-size:1em;color:#515151;cursor:pointer;}
h2.toggler_titel.active {background:#fff url(media/toggler_oben.png) right 15px  no-repeat;}
h2.bis-toggler-titel {padding:0;}
h2.bis-toggler-titel a {display:block;padding:10px 25px 10px 10px;}
.toggler_container, .bis-toggler-container {padding:10px;background:#fff;}
/*.toggler_container:last-of-type {border-bottom:1px solid #515151;}*/
.toggler_container p {margin-top:0;}
.randspalte_box {margin:0 0 5% 0;margin:0;padding:10px;background:url(media/background_kalender.png) top left repeat;}
.randspalte_box h2 {margin:0 0 15px 0;text-transform:uppercase;font-family:'Asap', Arial, Verdana, Helvetica, sans-serif;font-weight:700;font-size:.9em;color:#515151;}
.randspalte_box .liste_titel {margin:0;font-size:1em;}
.randspalte_box.links p {margin:0 0 10px 0;}
.randspalte_box.links ul {margin:5px 0;padding:0;}
.randspalte_box.links li {margin:0;padding:5px 0 5px 15px;background:url(media/liste.png) top left no-repeat;list-style-type:none;overflow:hidden; text-overflow:ellipsis;}

.seitenmenu {clear:both;width:100%;padding:10px 0 5px 0;text-align:right;}
.seitenmenu a, .seitenmenu a:link, .seitenmenu a:visited {display:inline;margin:0 0 0 10px;padding:5px;background:#48b4d7;text-decoration:none;font-size:1em;color:#fff;}
.seitenmenu a.seitenmenu_nonephone {display:none;}
i.fa-print, i.fa-arrow-up {display:none;} 

.footer {padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.footer h1 {margin:35px 0 15px 0;font-weight:normal;color:#515151;}
.footer .spalte_links {float:left;width:35%;}
.footer .spalte_rechts {float:right;width:60%;}
.footer .trenner {clear:both;margin:0 0 15px 0;padding:10px 0 0 0;}
.footer .quickmenu ul:before, .footer .quickmenu ul:after {content:" ";margin:0;}
.footer .quickmenu a {font-size:.9em;}

.nachoben {clear:both;position:fixed;bottom:0px;right:0px;text-align:right;padding:25px 0;}
.nachoben a {padding:5px 15px;background:#48b4d8;text-decoration:none;line-height:1em;font-family:'Asap', Arial, Verdana, Helvetica, sans-serif;font-weight:700;font-size:2em;color:#fff;}

/* STARTSEITE */
.titelgrafik.startseite {display:none;}

.content.startseite {padding:10px;background:#eee;}
.content.startseite ul {margin:25px 0;padding:0;}
.content.startseite li {margin:0;padding:5px 0 5px 20px;border-bottom:1px solid #ddd;background:url(media/liste.png) top left no-repeat;list-style-type:none;}

.box_blue h1 {margin:10px 0 15px 0;}
.tc-cloud {padding:0 !important;}
a.tc-link {text-decoration:none !important;}
.kalender, .kalender_liste {margin:0 0 30px 0;padding:10px 10px 20px 10px;background:url(media/background_kalender.png) top left repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.kalender_liste {margin:0 0 0 0;}
.startseite_engagiert img.mt_right {display:block;width:100%;height:auto;margin:0 0 10px 0;}

/* WETTER */
.wetter_wrapper {padding:15px;border-bottom:1px solid #ddd;background:url(media/background_kalender.png) top left repeat;}
.wetter_datum {margin:0 0 10px 0;text-transform:uppercase;font-size:1.5em;}
.wetter_morgens {float:left;text-align:center;width:33%;margin:0 auto;font-size:.8em;}
.wetter_mittags {float:left;text-align:center;width:33%;margin:0 auto;font-size:.8em;}
.wetter_abends {float:left;text-align:center;width:33%;margin:0 auto;font-size:.8em;}
.wetter_morgens img, .wetter_mittags img, .wetter_abends img {display:inline-block;}
.wetter_temperatur {clear:both;float:left;width:100%;margin:25px 0 0 0;}
.wetter_temperatur_min {float:left;text-align:center;width:33%;margin:0 auto;}
.wetter_temperatur_max {float:left;text-align:center;width:33%;margin:0 auto;}
.wetter_wind {clear:both;text-align:center;width:33%;margin:15px 0 0 0;padding:10px 0 0 0;font-size:.8em;}

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

#seitenanfang span {width:40px;height:40px;display:block;margin-bottom:7px;background:url(media/Zum_Seitenanfang.svg) no-repeat center center;background-size:40px 40px;}
#seitenanfang a:hover span {background:url(media/Zum_Seitenanfang_aktiv.svg) no-repeat center center;background-size:40px 40px;}

/* 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 {float:left;width:100%;}
.textblock_rechts {float:right;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%;}
*/
.tc2_ac {font-size:0.8em;}
.suchergebnis_titel {float:left;width:50%;padding:.5% 2%;}
.suchergebnis_datum {float:right;width:25%;padding:.5% 0;}

.tourismus_opt {clear:both;width:100%;}

/* Portalseite */
.portal {clear:both;margin:5% 0;}
.portal_box {position:relative;float:left;display:block;width:100%;margin:0 0 3% 0;padding:0;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.portal_box a {display:block;text-decoration:none;padding:4% 2%;}
.portal_box img {display:none;}
.portal_box:hover, .portal_box:focus {background:#48b4d7;cursor:pointer;}
.portal_box:hover a, .portal_box:focus a {color:#fff;}

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

/*Topmeldung*/
.top-msg span {
    font-family: 'Sanchez', Times New Roman, Times, serif;
}
.top-msg span:before {
    content:"\f08d";
    font-family:'fontAwesome';
    display:inline-block;
    color:#48b4d7;
    margin-right:5px;
}

/*Quicmenu unten*/
.quicklink-bottom {
    background-color:#48b4d7;
    padding:15px 0;
}
.quicklink-bottom .quickmenu {
    width:100%;
    margin:0;
    float:none;
    text-align:center;
}
.quicklink-bottom .quickmenu a, .quicklink-bottom .quickmenu a:link, .quicklink-bottom .quickmenu a:visited {
    color:#fff;
    margin-right:10px;
}

.footer .hafenheimat-box {
    text-align:center;
}
.footer .hafenheimat-box img {
    margin-top:35px;
    border:none;
}
.footer {
    margin-bottom:30px;
}