/* wrapper */
.wrapper {width:99%;margin:0 0.5%;}
.trenner.l320 {display:none;}

/**************************************** HEADER ****************************************/
.sprache {display:block;position:relative;float:left;width:100px;font-size:0.75em;border-right:1px solid #b7bebe;padding:0;margin:5px 0 5px 0;}
.sprache:after {content:'';position:absolute;top:0;right:-2px;width:1px;height:100%;background:#fff;}

.tooltip-target {cursor:pointer !important;}
.tooltip-content {/*display:none;*/position:absolute;top:3px !important;left:0px !important;text-align:left;width:85px;height:22px;margin:0;padding:0;}
.tooltip-content p {margin:0;}
.goog-te-gadget-simple {width:85px;height:22px;background:none !important;border:none !important;padding:0 !important;}
.goog-te-gadget-icon, .goog-te-menu-value {display:none !important;}
.tooltip-content p img {position:relative;margin:0 0 -1px 0;}

.quicknavigation {float:left;width:400px;text-align:left;border-left:1px solid #b7bebe;padding:0;}
.quicknavigation:before {content:'';position:absolute;top:0;left:-2px;width:1px;height:100%;background:#fff;}
.quicknavigation li.npt_first {margin:0 0 0 7%;}

.suche {display:block !important;float:left;width:50%;margin:5% 0px 0px 0px;}
a.lupe {display:none;}

.logo {float:right;width:200px;/*height:120px;*/margin:0 2% 0 0;}

.titelfoto {display:block;position:relative;width:100%;overflow:hidden;}
.titelfoto img {display:block;width:100%;height:auto;}
.titelfoto img.mt_none {float:none;margin:0 !important;}


/* Navigation */
a.hamburger {display:none;}
.hauptnavigation {display:block;position:relative;width:100%;background:#7f8c8d;z-index:10;}

.hauptnavigation .nlv_1 {list-style:none;width:100%;padding:0;margin:0;}
.hauptnavigation .nlv_1 > li {float:left;display:block;padding:0px;}
.hauptnavigation .nlv_1 li a, .hauptnavigation .nlv_1 li a:visited {color:#fff;display:block;outline:0;text-decoration:none;}
.hauptnavigation .nlv_1 li a:hover, .hauptnavigation .nlv_1 li a:active {color:#1b5674;display:block;outline:0;text-decoration:none;}
.hauptnavigation .nlv_1 > li {font-size:1em;font-weight:300;color:#fff;display:block;outline:0;text-decoration:none;padding:5px 10px 13px 10px;margin:1% 3% 0 0;cursor:pointer;transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;}
.hauptnavigation .nlv_1 li:hover a, .hauptnavigation .nlv_1 li:hover a:hover, .hauptnavigation .nlv_1 li:hover a:active, .hauptnavigation .nlv_1 li:hover a:visited, .hauptnavigation .nlv_1 li.npt_on a, .hauptnavigation .nlv_1 li.npt_on a:hover, .hauptnavigation .nlv_1 li.npt_on a:active, .hauptnavigation .nlv_1 li.npt_on a:visited {color:#1b5674;display:block;outline:0;text-decoration:none;}
.hauptnavigation .nlv_1 > li:hover, .hauptnavigation .nlv_1 > li:active, .hauptnavigation .nlv_1 > li:focus {font-size:1em;font-weight:300;color:#1b5674;background:#fff;display:block;outline:0;text-decoration:none;padding:8px 10px 10px 10px;margin:1% 3% 0 0;cursor:pointer;transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;}
.hauptnavigation .nlv_1 > li.npt_first {margin:1% 3% 0 1.6%;}
.hauptnavigation .nlv_1 > li.npt_last {margin:1% 0 0 0;}

.hauptnavigation .nlv_1 > li.npt_on:hover, .hauptnavigation .nlv_1 > li.npt_on:active, .hauptnavigation .nlv_1 > li.npt_on:focus {font-size:1em;font-weight:300;color:#095395;background:#fff;display:block;outline:0;text-decoration:none;padding:8px 10px 10px 10px;cursor:pointer;}
.hauptnavigation .nlv_1 > li.npt_on {font-size:1em;font-weight:300;color:#095395;background:#fff;background:rgba(255,255,255,0.75);display:block;outline:0;text-decoration:none;padding:8px 10px 10px 10px;cursor:pointer;}

.hauptnavigation .dropdown {list-style:none;width:100%;margin:0px auto;float:left;position:absolute;left:-999em;text-align:left;padding:20px 20px 20px 20px;margin:0;background:#fff;z-index:220;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;cursor:auto;}
.hauptnavigation .nlv_1 li:hover .dropdown {left:0px;top:70px;opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;cursor:auto;}
.hauptnavigation .nlv_1 li.npt_last:hover .dropdown {left:auto;right:0px;cursor:auto;}

.hauptnavigation .nlv_2 li, .hauptnavigation .nlv_2 li:hover, .hauptnavigation .nlv_2 li:active, .hauptnavigation .nlv_2 li:focus, .hauptnavigation .nlv_2 li.npt_on, .hauptnavigation .nlv_2 li.npt_on:hover, .hauptnavigation .nlv_2 li.npt_on:active, .hauptnavigation .nlv_2 li.npt_on:focus {list-style:none;float:left;width:30%;display:block;position:relative;cursor:auto;font-size:1em;font-weight:600;text-align:left;color:#1b5674;padding:0;margin:0 5% 0 0;}
.hauptnavigation .nlv_2 li.npt_nolink {padding:2% 0;}
.hauptnavigation .nlv_2 li.npt_last {margin:0;}

.hauptnavigation .nlv_2 li a, .hauptnavigation .nlv_2 li a:hover {width:auto;font-size:1em;color:#1b5674;padding:0;}
.hauptnavigation .nlv_2 li a, .hauptnavigation .nlv_2 li a:visited {float:none;display:block;font-size:1em;text-align:left;color:#1b5674;background:none;padding:4% 0;margin:0;}
.hauptnavigation .nlv_2 li a:hover, .hauptnavigation .nlv_2 li a:active {float:none;display:block;font-size:1em;text-decoration:none;text-align:left;color:#1b5674;background:none;padding:4% 0;margin:0;}

.hauptnavigation .nlv_3 {list-style:none;padding:0;margin:0;}
.hauptnavigation .nlv_3 li, .hauptnavigation .nlv_3 li:hover, .hauptnavigation .nlv_3 li:active, .hauptnavigation .nlv_3 li:focus, .hauptnavigation .nlv_3 li.npt_on, .hauptnavigation .nlv_3 li.npt_on:hover, .hauptnavigation .nlv_3 li.npt_on:active, .hauptnavigation .nlv_3 li.npt_on:focus {list-style:none;clear:both;float:none;width:100%;display:block;position:relative;cursor:auto;font-size:0.889em;font-weight:300;text-align:left;color:#1b5674;padding:0;margin:0;}
.hauptnavigation .nlv_3 li.npt_nolink {padding:2% 0;}

.hauptnavigation .nlv_1 li:hover .nlv_3 li a, .hauptnavigation .nlv_1 li:hover .nlv_3 li a:visited {width:auto;float:none;display:block;font-size:1em;text-align:left;color:#333435;background:none;padding:2% 0;margin:0;}
.hauptnavigation .nlv_1 li:hover .nlv_3 li a:hover, .hauptnavigation .nlv_1 li:hover .nlv_3 li a:active {float:none;display:block;font-size:1em;text-decoration:underline;text-align:left;color:#1b5674;background:none;padding:2% 0;margin:0;}

/**************************************** SIDEBAR ***************************************/

aside.sidebar {display:block;float:left;position:relative;width:25%;background:#f0f0f0;margin:0 4% 0 0;}

.subnavigation {width:100%;}
.subnavigation ul {display:block;margin:0px;padding:0px;list-style-type:none;}
.subnavigation ul.nlv_2 {padding:0;}
.subnavigation ul.nlv_3 {padding:0 0 15px 0;}
.subnavigation ul.nlv_3 li.npt_on {position:relative;background:#fff;}
.subnavigation ul.nlv_3 li.npt_on:before {content:'';position:absolute;top:0px;left:0px;width:5px;height:100%;background:#1b5674;}
.subnavigation .npt_on ul.nlv_3 {}
.subnavigation ul.nlv_5 {padding:0 0 15px 0;}
.subnavigation li a, .subnavigation li a:link, .subnavigation li a:hover, .subnavigation li a:active, .subnavigation li a:visited {display:block;text-decoration:none;}

.subnavigation ul.nlv_1 ul {margin:0;padding:0;border:0;background:none;}
.subnavigation ul.nlv_1 li {display:block;margin:0;padding:0;}
.subnavigation ul.nlv_1 li.npt_on a,
.subnavigation ul.nlv_1 li.npt_on a:link,
.subnavigation ul.nlv_1 li.npt_on a:hover,
.subnavigation ul.nlv_1 li.npt_on a:active
.subnavigation ul.nlv_1 li.npt_on a:visited {display:none;}

/* Level 2 */
.subnavigation ul.nlv_2 li.npt_off a,
.subnavigation ul.nlv_2 li.npt_off a:link,
.subnavigation ul.nlv_2 li.npt_off a:visited {display:inline-block;font-size:1em;font-weight:600;text-decoration:none;color:#fff;background:#1b5775;padding:8px 40px 9px 10px;}
.subnavigation ul.nlv_2 li.npt_off a:hover,
.subnavigation ul.nlv_2 li.npt_off a:active,
.subnavigation ul.nlv_2 li.npt_on a,
.subnavigation ul.nlv_2 li.npt_on a:link,
.subnavigation ul.nlv_2 li.npt_on a:hover,
.subnavigation ul.nlv_2 li.npt_on a:active,
.subnavigation ul.nlv_2 li.npt_on a:visited {display:inline-block;font-size:1em;font-weight:600;text-decoration:none;color:#fff;background:#1b5775;padding:8px 40px 9px 10px;}

/* Level 3 */
.subnavigation ul.nlv_3 li.npt_off a,
.subnavigation ul.nlv_3 li.npt_off a:link,
.subnavigation ul.nlv_3 li.npt_off a:visited {display:block;font-size:0.875em;font-weight:400;text-decoration:none;color:#333435;background:none;padding:7px 0px 8px 20px;overflow:hidden;text-overflow:ellipsis;}
.subnavigation ul.nlv_3 li.npt_off a:hover,
.subnavigation ul.nlv_3 li.npt_off a:active,
.subnavigation ul.nlv_3 li.npt_on a,
.subnavigation ul.nlv_3 li.npt_on a:link,
.subnavigation ul.nlv_3 li.npt_on a:hover,
.subnavigation ul.nlv_3 li.npt_on a:active,
.subnavigation ul.nlv_3 li.npt_on a:visited {display:block;font-size:0.875em;font-weight:400;text-decoration:none;color:#1b5775;background:#fff;padding:7px 0px 8px 20px;overflow:hidden;text-overflow:ellipsis;}

.subnavigation ul.nlv_3 li.npt_on a,
.subnavigation ul.nlv_3 li.npt_on a:link,
.subnavigation ul.nlv_3 li.npt_on a:hover,
.subnavigation ul.nlv_3 li.npt_on a:active,
.subnavigation ul.nlv_3 li.npt_on a:visited {font-weight:600;}


/* Level 4 */
.subnavigation ul.nlv_4 li.npt_off a,
.subnavigation ul.nlv_4 li.npt_off a:link,
.subnavigation ul.nlv_4 li.npt_off a:visited {display:block;font-weight:400;text-decoration:none;color:#333435;padding:6px 0px 6px 40px;}
.subnavigation ul.nlv_4 li.npt_off a:hover,
.subnavigation ul.nlv_4 li.npt_off a:active,
.subnavigation ul.nlv_4 li.npt_on a,
.subnavigation ul.nlv_4 li.npt_on a:link,
.subnavigation ul.nlv_4 li.npt_on a:hover,
.subnavigation ul.nlv_4 li.npt_on a:active,
.subnavigation ul.nlv_4 li.npt_on a:visited {display:block;font-weight:400;text-decoration:none;color:#1b5775;padding:6px 0px 6px 40px;}

.subnavigation ul.nlv_4 li.npt_on a,
.subnavigation ul.nlv_4 li.npt_on a:link,
.subnavigation ul.nlv_4 li.npt_on a:hover,
.subnavigation ul.nlv_4 li.npt_on a:active,
.subnavigation ul.nlv_4 li.npt_on a:visited {font-weight:600;}


/* Level 5 */
.subnavigation ul.nlv_5 li.npt_off a,
.subnavigation ul.nlv_5 li.npt_off a:link,
.subnavigation ul.nlv_5 li.npt_off a:visited {display:block;font-size:0.75em;font-weight:normal;text-decoration:none;color:#333435;padding:6px 0px 6px 50px;}
.subnavigation ul.nlv_5 li.npt_off a:hover,
.subnavigation ul.nlv_5 li.npt_off a:active,
.subnavigation ul.nlv_5 li.npt_on a,
.subnavigation ul.nlv_5 li.npt_on a:link,
.subnavigation ul.nlv_5 li.npt_on a:hover,
.subnavigation ul.nlv_5 li.npt_on a:active,
.subnavigation ul.nlv_5 li.npt_on a:visited {display:block;font-size:0.75em;font-weight:normal;text-decoration:underline;color:#1b5775;padding:6px 0px 6px 50px;}


/* STARTSEITE  *********************************************************************************************************************************************************************************************************************************************/

.slider .liquid-slider-wrapper .liquid-slider .panel-wrapper .image {display:block;float:left;width:70%;overflow:hidden;}
.slider .liquid-slider-wrapper .liquid-slider .panel img {display:block;width:auto;height:350px;max-height:350px;}
.slider .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption {float:right;width:30%;height:350px;padding:10px;}
.slider .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption h3, .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption h3 a, .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption h3 a:link, .liquid-slider-wrapper .liquid-slider .panel-wrapper.caption h3 a:hover, .liquid-slider-wrapper .liquid-slider .panel-wrapper.caption h3 a:active, .liquid-slider-wrapper .liquid-slider .panel-wrapper.caption h3 a:visited {font-size:1.25em;}
.slider .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption p {font-size:1em;}
.slider .liquid-slider-wrapper .liquid-nav {width:34%;}
.slider .liquid-slider-wrapper .liquid-nav ul li a {padding:0.6% 2%;}

/* Foto-Slider */
.fotoslider {float:left;width:70%;height:350px;margin:0;}
.fotoslider .slick-slide img {width:auto;min-width:100%;max-width:100%;min-height:350px;}
.fotoslider .slick-dots {bottom:auto;top:320px;}

/* Aktuell-Slider */
.aktuellslider {float:right;width:30%;height:350px;padding:10px;margin:0;}
.aktuellslider .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption {/*float:right;*/width:100%;height:330px;padding:0;}
.aktuellslider .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption h3, .aktuellslider .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption h3 a, .aktuellslider .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption h3 a:link, .aktuellslider .liquid-slider-wrapper .liquid-slider .panel-wrapper.caption h3 a:hover, .aktuellslider .liquid-slider-wrapper .liquid-slider .panel-wrapper.caption h3 a:active, .aktuellslider .liquid-slider-wrapper .liquid-slider .panel-wrapper.caption h3 a:visited {font-size:1.25em;}
.aktuellslider .liquid-slider-wrapper .liquid-slider .panel-wrapper .caption p {font-size:1em;}
.aktuellslider .liquid-slider-wrapper .liquid-nav {width:100%;}
.aktuellslider .liquid-slider-wrapper .liquid-nav ul li a {padding:2px 7px;}



.main-optionen {}
.main-optionen .veranstaltungen {float:left;width:65%;}
.main-optionen .tagcloud {float:right;width:30%;}

.biberach-fuer .box {float:left;width:30%;margin:0;}
.biberach-fuer .box.first {margin:0 5% 0 0;}
.biberach-fuer .box.last {float:right;}

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

.breadcrumb {display:block;font-size:0.875em;text-align:left;color:#333435;background:#f0f0f0;padding:1%;}
.breadcrumb a, .breadcrumb a:visited {text-decoration:underline;color:#1b5674;}
.breadcrumb a:hover, .breadcrumb a:active {text-decoration:none;color:#1b5674;}
.breadcrumb a.npt_last, .breadcrumb a.npt_last:hover, .breadcrumb a.npt_last:active, .breadcrumb a.npt_last:visited {text-decoration:none;color:#333435;}
.breadcrumb .fa-map-marker {font-size:1.250em;}

.main-content {margin:30px 0 0 0;}

.content, .content.ganzseitig.bis {float:left;width:48%;}
.content.ganzseitig {width:65%;}
.content.keinrand {width:71%;}
aside.randspalte {float:right;width:20%;}

.content .mitteilungen.horizontal {float:left;width:30%;margin:0 5% 0 0;overflow:hidden;text-overflow:ellipsis;}
.content .mitteilungen.horizontal.last {margin:0;}
.content .mitteilungen.horizontal .liste_titel {margin:0 0 0.5em 0;}
.content .mitteilungen.horizontal .liste_bild {float:none;width:100%;margin:0 0 3% 0;}
.content .mitteilungen.horizontal .liste_text {float:none;width:100%;}

.footer-adresse {float:left;width:30%;border-bottom:none;padding:0;margin:0 5% 0 0;}
.footer-kontakt {float:left;width:30%;border-bottom:none;padding:0;margin:0 5% 0 0;}
.footer-lage {float:left;width:30%;}

#seitenanfang {position:fixed;bottom:30px;right:20px;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:#7f8c8d url(media/seitenanfang.png) no-repeat center center;background-size:40px 40px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#seitenanfang a:hover span {background-color:#333435;}


/* TEMPLATES  *********************************************************************************************************************************************************************************************************************************************/


/* BITV Sprungziele (nicht sichtbar bei aktiviertem CSS)  */

#absenden input, #absenden input:hover, input.absenden, input.absenden:hover, .spalte_rechts input.absenden {float:left;width:160px;margin:15px 15px 0 0;padding:3px;border:1px solid #1b5674;background:#1b5674;color:#fff;cursor:pointer;}

/* MTP Listen */
.adressen_links {float:left;width:49%;margin:0;}
.adressen_rechts {float:right;width:45%;margin:0;}

/* Tourismus */
.tourismus_opt {clear:none;float:left;width:30%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* Wirtschaftsinfosystem */
.wis-table {font-size:0.875em;}

/* Immobilienboerse */
.immo .input_container {float:left;width:48%;margin:0;}
.immo .input_container:nth-child(odd) {float:right;}


/* Google Maps */
#map {height:100%;}
#map_adr_off {display:block;}
#map_adr {top:132px;left:83px;width:25%;height:60%;}
#map_adr_on {top:109px;left:83px;}
#map_sm {left:83px;right:auto;width:80%;}

.gm_kategorie {float:left;width:30%;margin:0 5% 0 0;}
.gm_kategorie select {width:100%;font-size:0.875em;padding:5px 0 4px 0;margin:0;}
.gm_name {float:left;width:30%;margin:0 5% 0 0;}
.gm_name input {width:75%;}
.gm_strassenverzeichnis {float:left;width:30%;}
.gm_strassenverzeichnis input {width:75%;}


/* Autocomplete */
.ac_results {width:50% !important;}

/* Multimediathek */
.multimedia .liste_bild {width:50%;}
.multimedia .liste_text {width:48%;}

/* Themenboxen */
.themenbox.even {margin:0 5% 2em 0;}
.themenbox.last {margin:0 0 2em 0;}
.themenbox.box1 {width:100%;}
.themenbox.box2 {width:47.5%;}
.themenbox.box3 {width:30%;}
.themenbox.box4 {width:21.25%;}
.themenbox.box5 {width:16%;}