/*
	
Theme Name: SGVSO
Theme URI: http://ibl.ch
Description: based on the Wordpress Demo based on the Starkers Theme.
Version: 1.0
Author: Andris Linz @ ibl und partner ag
Author URI: http://ibl.ch

*/


/* ------------------------- RESET ------------------------- */


body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, fieldset { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }


/* ------------------------- UTILITIES ------------------------- */


.clear { clear:both; height:0;}

.floatLeft { float:left; }

.floatRight { float:right; }

.inner {width:1024px; margin:0 auto;}

.grau {color:#838382;}

.blau {color:#2581c4;}

.hidden {display:none;}


/* ------------------------- MAIN-STYLES ------------------------- */


body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing:.08em; color:/*#9b9b9a*/#838382; background:#fff;}


/* BUTTON */


.button {padding:8px !important; background:#2581c4 !important; text-transform:uppercase !important; font-size:11px !important; color:#fff; border:#2581c4 2px solid !important; font-weight:normal !important;}

.button:hover {cursor:pointer !important; background:#fff !important; color:#2581c4 !important; border:#2581c4 2px solid !important; border-radius:0 !important;}

.button:hover span {color:#2581c4 !important;}

.button-weiss {padding:8px !important; background:#fff !important; text-transform:uppercase !important; font-size:11px !important; color:#2581c4 !important; border:#fff 2px solid !important; font-weight:normal !important;}

.button-weiss:hover {cursor:pointer !important; background:#fff !important; color:#2581c4 !important; border:#2581c4 2px solid !important;}

.sliderButton {padding:8px; background:#2581c4; text-transform:uppercase; font-size:11px; color:#fff; border:#2581c4 2px solid; font-weight:normal;}

.sliderButton:hover {cursor:pointer; background:#fff; color:#2581c4; border:#2581c4 2px solid;}

p a.sliderButton:after {padding-left:0; content: ""; color:#fff; transition: all ease 1s; opacity:1; } 

.homeButton {padding:8px !important; background:#2581c4 !important; text-transform:uppercase !important; font-size:11px !important; color:#fff; border:#2581c4 2px solid !important; font-weight:normal !important;}

.homeButton:hover {cursor:pointer !important; background:#f5f5f5 !important; color:#2581c4 !important; border:#2581c4 2px solid !important;}

.homeButton:after {content: ""; padding-left:0;}

.blaueBox .homeButton {background:#fff !important; text-transform:uppercase !important; font-size:11px !important; color:#2581c4; border:#fff 2px solid !important;}

.blaueBox .homeButton:hover {background:#2581c4 !important; color:#fff !important;}

/* ------------------------- TYPO ------------------------- */


h1	{font-size:48px; font-weight:700; line-height:58px; margin:0 0 40px 0;}

h2 	{font-size:40px; font-weight:700; line-height:45px; margin:0 0 20px 0; color:#2581c4;}

h3 	{font-size:18px; font-weight:400; line-height:24px; margin:0 0 10px 0; color:#2581c4;}

h3.accordionTitel {font-size:15px; font-weight:700; line-height:21px; margin:0 0 20px 0; color:#838382;}

h4 	{font-size:15px; font-weight:400; line-height:21px; margin:0; color:#2581c4;}

h5 	{font-size:18px; font-weight:400; line-height:28px; margin:0 0 20px 0;}

h6 	{font-size:18px; font-weight:400; line-height:24px; margin:0 0 10px 0; hyphens:auto;}

p 	{font-size:15px; line-height:21px; margin:0 0 20px 0; letter-spacing:.06em; font-weight:300;}

a 	{text-decoration:none; color:#838382; transition: all ease 0.3s; padding-left:0;}

a:hover {text-decoration:none; color:#2581c4; transition: all ease 0.3s;}

hr {border:none; border-bottom:#706066 1px dotted; height:1px; background:transparent; margin:0 0 24px 0;}

ul {margin:0 0 26px 15px;}

ul li {list-style:none; padding:0 0 0 15px; margin:0 0 10px 0; font-size:15px; letter-spacing:.06em; font-weight:300; hyphens:auto; position:relative;}

p a:after, .panel_content ul li a:after, .aktuell-archiv ul li a:after {font-family:sans-serif; padding-left:10px; content: "→"; color:#c20e19; transition: all ease 1s; opacity:1; } 

.teaser-home p a:after, p a.noArrow:after, .teaser-boxen p a:after {content: "";}

.breadcrumb {font-size:11px; font-weight:bold; margin:0 0 104px 0;}

.breadcrumb a {font-weight:normal; padding:0 10px 0 0;}

table tr td {font-size:15px; line-height:21px; letter-spacing:.06em; font-weight:300;}

table.buchstaben {margin:0 0 15px 0;}

table.wettbewerb tr td {font-size:13px;}

table.buchstaben tr td {padding:0 15px 0 0;}

table.buchstaben tr td:last-child {padding:0;}

table.buchstaben tr td input {text-align:center; font-weight:bold; font-size:20px;}

/* LISTE */

.panel_content ul {margin:0 0 26px 0;}

.panel_content ul li {display:block;}

.panel_content ul li:before {content: "•"; color:#2581c4; margin:0 0 0 0; position:absolute; left:0;}

#main ul {margin:0 0 26px 0;}

#main ul li {display:block;}

#main ul li:before {content: "•"; color:#2581c4; margin:0 0 0 0; position:absolute; left:0;}

#main ol {margin:0 0 26px 15px; text-indent: 0px;}

#main ol li {list-style:decimal; font-size:15px; letter-spacing:.06em; font-weight:300; hyphens:auto; }

/* SUCHRESULTAT */

ul.suchresultat {margin:26px 0;}

ul.suchresultat li {display:block;}

ul.suchresultat li:before {content: "•"; color:#2581c4; margin:0 0 0 0; position:absolute; left:0;}


/* ------------------------- HEADER ------------------------- */


header {background:#fff; border-bottom:#f5f5f5 1px solid; padding:0 0 4px 0;}

header .inner {width:1024px; margin:0 auto;}


/* LOGO AREA */


#logo-area {float:left; width:200px; }

#logo-area img {height:50px; width:auto;}

#logo-area .widget-container {margin:0; padding:20px 0;}


/* TOP NAVIGATION */

#top-navigation {float:right; text-align:right; width:500px;}

#top-navigation .widget_sow-button {display:inline-block; line-height:12px; font-size:10px; padding:0 0 0 10px; margin:0;}

.suche-box {display:none; position:relative; height:52px; width:100%; padding:26px 0;}

.suche-box form input[type="text"] {padding:10px; line-height:18px; border:0; background:#2581c4; color:#fff; margin:0 0 0 0; width:calc(100% - 20px);}


/* ------------------------- NAVIGATION ------------------------- */


#menu-area {height:65px; text-align:right; width:824px; float:right; border-bottom:#dadada 1px solid;}

nav {background:#fff !important;}

nav ul li {list-style:none;}

#menu-area nav ul li.ubermenu-item-level-0 a {line-height:63px; }

#menu-area nav ul li.ubermenu-item-level-0:hover a {border:0 !important; ;}

#menu-area nav ul li.ubermenu-item-level-0.ubermenu-current-page-ancestor a, #menu-area nav ul li.ubermenu-item-level-0:hover a {border-bottom:5px #2581c4 solid !important; line-height:50px; }

#menu-area nav ul li.ubermenu-item-level-0 ul.ubermenu-submenu li a {border-top:#f0f0ef 1px solid !important; border-bottom:0 !important; line-height:25px; padding:10px 5px 12px 5px;}

#menu-area nav ul li.ubermenu-item-level-0 ul.ubermenu-submenu li a:hover {color:#2581c4; }

#menu-area nav ul li.ubermenu-item-level-0 ul.ubermenu-submenu {min-width:250px; padding:8px 10px 0 8px;}

#menu-area nav ul li.ubermenu-item-level-0 ul.ubermenu-submenu li.ubermenu-current-menu-item a {color:#2581c4;}




/* ------------------------- MAIN ------------------------- */


#main {width:1024px; padding:0 0 60px 0; margin:0 auto; }

#main.ohneSlider {padding:60px 0;}

#main.suche {padding:52px 0;}

#main.single {padding:52px 0;}


/* ------------------------- HOME ------------------------- */

/* Teaser Home */

.teaser-home .panel-grid-cell {border:#f0f0ef 11px solid; text-align:center; padding:26px 26px 52px 26px; color:#2581c4; transition: all ease 0.3s;}

/*.teaser-home .panel-grid-cell:nth-child(2) {border:#c20e19 11px solid;}

.teaser-home .panel-grid-cell:nth-child(2) h3 a {color:#c20e19;}

.teaser-home .panel-grid-cell:nth-child(2):hover {background:#f0f0ef; border:#c20e19 11px solid !important;}*/

.teaser-home .panel-grid-cell:hover {border:#2581c4 11px solid !important; transition: all ease 0.3s;}

.teaser-home h3 a {font-size:15px; color:#2581c4; hyphens:auto;}




/* Teaser Boxen */

.teaser-boxen .panel-grid-cell {border:#f0f0ef 11px solid; text-align:center; padding:26px 26px 52px 26px; color:#2581c4; transition: all ease 0.3s;}

.teaser-boxen .panel-grid-cell:hover {border:#2581c4 11px solid !important; transition: all ease 0.3s;}

.teaser-boxen h3 {line-height:20px !important;}

.teaser-boxen h3 a {font-size:15px; color:#2581c4; hyphens:auto;}



/* Home Prävention */

.home-praevention h2 {color:#9b9b9a;}

.home-praevention h3 {color:#2581c4; margin:0 0 10px 0;}

/* Home Wetter Alarm */

.home-wetter-alarm {text-align:center; color:#fff;}

.slide {height:550px; width:100%; position:relative;}

.slider-left {float:left; width:calc(100% - 600px); height:550px; display:block;}

.slider-right {width:496px; padding:52px; float:right; background:url(images/sgvso-slider-blau.png); background-size:cover; min-height:446px; position:relative;}

.slider-right-title {height:152px; width:468px; display:table;} 

.slider-right h2 {color:#fff; display:table-cell; vertical-align:bottom;}

.slider-content-box {background:#fff; height:156px; width:416px; margin:0 0 0 -104px; padding:52px; position:absolute; bottom:52px;}

.slider-content-box h1	{font-size:15px; line-height:21px; margin:0 0 20px 0; letter-spacing:.06em; font-weight:300; color:#2581c4;}

.slider-content-box p {font-size:18px; font-weight:400; line-height:24px; margin:0 0 15px 0;}



/* ------------------------- VERSICHERUNG ------------------------- */

.main-content {float:left; width:calc(66% - 52px); margin:0 52px 0 0;}

.sidebar {float:right; width:34%;}

.ansprechpartner {width:calc(100% - 52px); padding:26px; background:#f5f5f5; margin:0 0 26px 0;}

.ansprechpartner img {width:100%; height:auto; margin:0 0 26px 0;}

.ansprechpartner h3 {color:#2581c4; font-size:20px; line-height:25px; margin:0;}

.versicherung-content {margin:0 0 52px 0;}

.gesetze {padding:26px; background:#f5f5f5; margin:0 0 26px 0; display:table;}

.gesetze-bild {display:table-cell; width:30%; padding:0 52px 0 0; vertical-align:middle;}

.gesetze-bild img {width:100%; height:auto;}

.gesetze-inhalt {display:table-cell; }



/* ------------------------- FORMULAR ------------------------- */

form input[type="text"], form input[type="email"] {padding:15px; line-height:18px; border:none; background:#f5f5f5; color:#838382; margin:0 0 15px 0; width:calc(100% - 30px);}

form textarea {border:none; background:#f5f5f5; color:#838382; padding:15px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; margin:0 0 15px 0;  width:calc(100% - 30px);}

form label {color:#222; padding:0 5px; margin:0 0 10px 0; font-weight:400; display:block;}

form input[type="submit"] {padding:15px; background:#2581c4; text-transform:uppercase; font-size:11px; color:#fff; border:#2581c4 2px solid; font-weight:normal; display:block; margin:0 0 52px 0;}

form input[type="submit"]:hover {cursor:pointer !important; background:#fff !important; color:#2581c4 !important; border:#2581c4 2px solid !important;}

form input[type="submit"]:after {font-family:sans-serif !important; padding-left:10px !important; content: "→" !important; color:#c20e19 !important; transition: all ease 1s; opacity:1; } 

span.Anrede {margin:0 !important; display:block;}


/* ------------------------- PAGE ------------------------- */

.main-header {height:550px; width:100%; margin:0 0 26px 0; position:relative; overflow:hidden;}

.header-left {float:left; width:calc(100% - 600px); height:550px; display:block; background-size:cover; background-position:center center;}

.header-right {width:496px; padding:52px; float:right; background:url(images/sgvso-slider-blau.png); background-size:cover; min-height:446px; position:relative;}

.header-right-title {height:152px; width:468px; display:table;} 

.header-right h2 {color:#fff; display:table-cell; vertical-align:bottom;}

.header-content-box {background:#fff; height:156px; width:416px; margin:0 0 0 -104px; padding:52px; position:absolute; bottom:52px;}

.header-content-box h1	{font-size:15px; line-height:21px; margin:0 0 20px 0; letter-spacing:.06em; font-weight:300; color:#2581c4;}

.header-content-box p {font-size:18px; font-weight:400; line-height:24px; margin:0;}

.icon-separator {background: url(images/linie.gif) no-repeat center 26px; text-align: center; }

.icon-separator img {padding: 0 26px; background: #fff; display: inline-block; margin: 0 auto; margin-top: 0px; width:auto; position: relative; height:52px !important;}


.separator {background: url(images/linie.gif) no-repeat center 26px; text-align: center; }

.separator h3 {padding: 0 26px; background: #fff; color:#838382; display: inline-block; margin: 0 auto; margin-top: 0px; width:auto; position: relative; line-height:52px; height:52px !important; font-size:20px;}


/* ------------------------- TABS ------------------------- */

#main ul#tabNavigation {margin:0 0 52px 0;}

#main #tabNavigation li {display:inline-block; list-style:none; height:52px; margin:0 26px 0 0;}

#main #tabNavigation li a {line-height:52px; padding-bottom:13px; font-weight:bold;}

#main #tabNavigation li a.currentTab {border-bottom:#2581c4 3px solid; color:#2581c4;}

#main ul#tabNavigation li:before {content: "";}

#tabContainer {width:100%; margin:0 0 104px 0;}

.tab {width:100%;}

.tabLeft {width:calc(66% - 104px); margin:0 104px 0 0; float:left;}

.tabHeader {margin:0 0 26px 0; }

.tabHeaderLeft {width:40%; float:left; text-align:center;}

.tabHeaderLeft img {max-height:88px; width:auto;}

.tabHeaderRight {width:60%; float:right;}

.tabHeader h3 {font-size:40px; font-weight:700; line-height:45px; margin:0 0 20px 0; color:#2581c4;}

.tabHeader h4 {font-size:18px; font-weight:400; line-height:24px; margin:0 0 10px 0; color:#2581c4;}

.tabRight {width:34%; float:right;}

.kontaktBox {background:#f5f5f5; padding:26px 26px 16px 26px; margin:0 0 52px 0;}

.kontaktBox img, .graueBox img, .blaueBox img {width:100%; margin:0 0 26px 0;}

.graueBox {background:#f5f5f5; padding:26px 26px 16px 26px; margin:0; /*min-height: 350px;*/}

.blaueBox {background:#2581c4; color:#fff !important; padding:26px 26px 16px 26px; margin:0; min-height: 350px;}

.blaueBox h3 {color:#fff !important;}

#tabAccordion {display:none;}


/* ------------------------- ACCORDION ------------------------- */

.panel {margin:0;}

.panel:last-child {border-bottom:#dadada/*838382*/ 1px solid;}

.panel_titel {display:block; border-top:#dadada 1px solid; padding:26px 10px; color:#2581c4; font-size:18px; hyphens:auto;}

.panel_titel:last-child {border-bottom:#dadada 1px solid;}

.panel_titel:hover {cursor:pointer;}

.panel_titel:hover button {color:#2581c4; border:#2581c4 1px solid; transition: all ease 0.3s;}

.panel_titel.current {}

.panel_content {padding:10px;}

.panel_content img {width:calc(100% - 20px); height:auto;}

.panel_titel button {float:right; border:#dadada 1px solid; border-radius:50%; width:26px; height:26px; line-height:20px; text-align:center; background:none; color:#dadada; font-size:15px;  transition: all ease 0.3s;}


/* ------------------------- SEITE MIT ACCORDION UND SIDEBAR ------------------------- */

.linkeSpalte {width:calc(66% - 104px); margin:0 104px 0 0; float:left;}

.contentLinkeSpalte {margin:0 0 52px 0;}

.rechteSpalte {width:34%; float:right;}


.rechteSpalte .schadenButton {padding:15px; background:#2581c4; text-transform:uppercase; font-size:11px; color:#fff; border:#2581c4 2px solid; font-weight:normal; display:block; margin:0 0 52px 0;}

.rechteSpalte .schadenButton:hover {cursor:pointer; background:#fff; color:#2581c4; border:#2581c4 2px solid;}

.fullwidthButton {padding:15px; background:#2581c4; text-transform:uppercase; font-size:11px; color:#fff; border:#2581c4 2px solid; font-weight:normal; display:block; /*margin:0 0 26px 0;*/}

.fullwidthButton:hover {cursor:pointer; background:#fff; color:#2581c4; border:#2581c4 2px solid;}


/* ------------------------- SCHADENFROMULAR ------------------------- */



.inhalt-unter-accordion {padding:52px 0;}

iframe#schadenformular {width:100%; border:none; overflow: auto; height:auto; min-height:300px; padding-bottom:52px;}



/* ------------------------- AKTUELL ------------------------- */

.aktuell-container {width:100%;}

.aktuell {width:calc(33.3333% - ( 0.66666666666667 * 52px ) ); float:left; border-right:#b0b0b1 1px solid; margin:0 25px 52px 0; padding:0 26px 26px 0; height:250px;}

.aktuell:nth-child(3n) {margin:0 0 0 0; border-right:0; padding:0 0 26px 0;}

.aktuell h2 {line-height:25px;}

.aktuell h2 a {font-size:20px; font-weight:400; margin:0 0 10px 0; color:#2581c4;} {}

.aktuell p.aktuell-datum {margin:0; font-size:12px;}

.aktuell-archiv {margin:104px 0;}


/* ------------------------- GALLERY ------------------------- */

.gallery .gallery-caption {display:none;}

.gallery dt {float:left; margin:0 10px 10px 0;}



/* ------------------------- KUNDENCENTER ------------------------- */


.teaserBoxen {width:100%;}


.teaserBox {display:block; float:left; width:calc(25% - 100px); margin:13px; padding:52px 26px 26px 26px; border:#f5f5f5 11px solid; text-align:center; min-height:180px; transition: all ease 0.3s;}

.teaserBox:hover {border:#2581c4 11px solid; transition: all ease 0.3s;}

.teaserBox a {display:block;}

.teaserBox img {margin:0 0 26px 0;}

.teaserBox h3 {font-size:15px;}


.spalteBrandschutz, .spalteElementarschutz, .spalteStrassenverzeichnis {float:left; display:inline-block; width:calc(33% - 52px); margin:26px;}

.spalteAccordionLinks, .spalteAccordionRechts {float:left; display:inline-block; width:calc(50% - 52px); margin:26px;}

.spalteBrandschutz h4, .spalteElementarschutz h4, .spalteStrassenverzeichnis h4, .spalteAccordionLinks h4, .spalteAccordionRechts h4 {font-size:15px; color:#838382; margin:0 0 10px 0;}

.spalteBrandschutz .panel_titel, .spalteElementarschutz .panel_titel, .spalteStrassenverzeichnis .panel_titel, .spalteAccordionLinks .panel_titel, .spalteAccordionRechts .panel_titel {font-size:16px;}



/* ------------------------- MUSTERSÄTZE ------------------------- */

.wpDataTable thead th:first-child {
	width:120px;
}

.wpDataTable thead th:last-child {
	width:220px;
}

.wpDataTableFilterBox .button {
	color:#fff;
}

.wpDataTablesWrapper table.wpDataTable tbody tr td {vertical-align:top; padding:15px 10px;}

.wpDataTables button.btn.wdt-checkbox-filter {background:#2581c4 !important; text-transform:uppercase !important; font-size:11px !important; color:#fff; border:#2581c4 2px solid !important; font-weight:normal !important;}

.wpDataTables button.btn.wdt-checkbox-filter:hover {cursor:pointer !important; background:#fff !important; color:#2581c4 !important; border:#2581c4 2px solid !important;}

.wpDataTables button.btn.wdt-checkbox-filter:before {color:#fff; opacity:1;}

.wpDataTables button.btn.wdt-checkbox-filter:hover:before {color:#2581c4; opacity:1;}

.wpDataTableFilterBox .wpDataTableFilterSection label {display:none;}

.wdt-checkbox-label {font-size:13px; white-space:normal;}

.wpDataTablesWrapper a.DTTT_button {background:#2581c4 !important; padding:10px !important; border:#2581c4 1px solid !important; font-size:13px !important; margin-left:15px; opacity:1 !important;}

.wpDataTablesWrapper a.DTTT_button:hover {background:#fff !important;}

.wpDataTablesWrapper a.DTTT_button:before, .wpDataTablesWrapper a.DTTT_button span  {color:#fff !important;}

.wpDataTablesWrapper a.DTTT_button:hover:before, .wpDataTablesWrapper a.DTTT_button:hover span  {color:#2581c4 !important;}

.wpDataTableFilterSection {min-height:auto !important;}

.wpDataTablesFilter .wpDataTableFilterSection#wdt-clear-filters-button-block {padding-top:0 !important;}

button.wdt-clear-filters-button::before {margin-right:10px; font-size:13px !important;}

.wpDataTables .wdt-checkbox-filter.btn, .wpdt-c .wpDataTablesWrapper .filter_column button {border-radius:0 !important; height:38px !important;}

#main ul.dropdown-menu li:before {content:" "; color:#2581c4; margin:0 0 0 0; position:absolute; left:0;}

button.export_rows {
	padding:10px !important;
	margin-left:15px !important;
	border-radius:0 !important;
}

/* ------------------------- Mustersatz-Tool ------------------------- */

.filterbox {margin-bottom:30px; background:#f5f5f5; padding:15px;}

.filterbox h4 {margin-bottom:15px;}

/* Anwender Filter */

.anwender-filter {margin:0 0 30px 0; position:relative;}

.anwender-filter select {background:#fff; color:#838382; border:none; padding:10px; }


/* Kategorie Filter */

.BS-filter, .TBS-filter, .FW-filter, .BZ-filter, .SNG-filter {margin:30px 0; position:relative; width:100%; display:none;}

.BS-filter.active, .TBS-filter.active, .FW-filter.active, .BZ-filter.active, .SNG-filter.active {display:block;}

.BS-filter.inactive, .TBS-filter.inactive, .FW-filter.inactive, .BZ-filter.inactive, .SNG-filter.inactive {display:none;}

.BS-filter .filter, .TBS-filter .filter, .FW-filter .filter, .BZ-filter .filter, .SNG-filter .filter {float:left; width:calc(33% - 15px); margin:0 15px 0 0; position:relative;}

.BS-filter .filter:nth-child(3) {width:33%; margin:0;}

.BS-filter .filter select, .TBS-filter .filter select, .FW-filter .filter select, .BZ-filter .filter select, .SNG-filter .filter select {max-width:100%; background:#fff; color:#838382; border:none; padding:10px; }

.BS-filter .filter select option, .TBS-filter .filter select option, .FW-filter .filter select option, .BZ-filter .filter select option, .SNG-filter .filter select option {hyphens:auto;}

/* Mustersatz */

.mustersatz {display:none;}

.mustersatz.active {display:table-row;}

#mustersatzliste div.mustersatz {padding:30px; margin-bottom:15px;}

#mustersatzliste div.mustersatz.active {display:block;}

#mustersatzliste div:nth-child(even) {background:#eee;}

#mustersatzliste div:nth-child(odd) {background:#fafafa;}

#mustersatzliste div h3, #mustersatzliste div h4, #mustersatzliste div h5 {margin-bottom:10px; text-transform:none;}

#mustersatzliste div h5 {font-size:14px; font-weight:700;}

#mustersatzliste .mustersatz p:last-child {
    margin-bottom: 0;
}

#mustersatzliste .mustersatz.nopostsfound {
    color: #721c24;
    background-color: #f8d7da;
}

.mustersatz p span.square {font-size:22px;}


/* Mustersatz NEU*/

#mustersatzliste ol li.mustersatz {padding:30px; margin-bottom:15px; background:#fafafa;}

#mustersatzliste ol li.mustersatz.active {display:block;}

/*
#mustersatzliste ol li:nth-child(even) {background:#eee;}

#mustersatzliste ol li:nth-child(odd) {background:#fafafa;}
*/

#mustersatzliste ol li h3, #mustersatzliste ol li h4, #mustersatzliste ol li h5 {margin-bottom:10px; text-transform:none;}

#mustersatzliste ol li h5 {font-size:14px; font-weight:700;}

#mustersatzliste .mustersatz p:last-child {
    margin-bottom: 0;
}

#mustersatzliste .mustersatz.nopostsfound {
    color: #721c24;
    background-color: #f8d7da;
}

.mustersatz p span.square {font-size:22px;}

#main .mustersatz ol li {list-style: none;}

#main .mustersatz ol li ol li {list-style:lower-alpha;}


/* Clipboard */

#btn-clipboard {padding:8px !important; background:#2581c4 !important; text-transform:uppercase !important; font-size:11px !important; color:#fff; border:#2581c4 2px solid !important; font-weight:normal !important;}

#btn-clipboard:hover {cursor:pointer !important; background:#fff !important; color:#2581c4 !important; border:#2581c4 2px solid !important;}

#btn-clipboard {
    position: relative;
}
#btn-clipboard::before,
#btn-clipboard::after {
    text-transform: none;
    font-size: .95em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
#btn-clipboard::before {
    content: '';
    border: 6px solid transparent;
    z-index: 1001;
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 6px);
    transform: translate(.5em, -50%);
}
#btn-clipboard::after {
    content: "Kopiert";
    text-align: center;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 7px 10px;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000;
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}
#btn-clipboard.tooltipped::before,
#btn-clipboard.tooltipped::after {
    display: block;
    opacity: 1;
}

/* ------------------------- Feuerwehr FAQ ------------------------- */

.faq-header {margin-bottom:60px;}

.btn_back {margin-bottom:30px; padding:10px; background:#007cba; color:#fff; display:inline-block; font-size:12px;}

.btn_back:hover {color:#fff; background:#b0b0b1;}

.comment-author, .comment-awaiting-moderation, .comment-meta, .reply {margin-bottom:15px;}

.comment-meta {font-size:14px;}

img.avatar {display:none;}

.comment {background:#efefef; margin-bottom:30px; padding:30px;}


.depth-2 {margin-bottom:0; padding:30px; background:#fafafa;}

.depth-3 {margin-bottom:0; padding:30px; background:#ededed;}

#portfolio-nav {margin:0;}

#portfolio-nav ul {position:relative; margin:30px 0; width:100%; list-style:none;} 

#portfolio-nav ul li {display:inline-block; list-style:none; text-align:center; width:calc(20% - 30px); margin:0 15px 15px 15px; padding:0; height:auto; overflow:hidden;}

#main #portfolio-nav ul li::before {content:"";}

#portfolio-nav ul li a {padding:10px; color:#fff; background:#b0b0b1; display:inline-block; font-size:12px; width:calc(100% - 20px); display:block;}

#portfolio-nav ul li a:hover, #portfolio-nav ul li a.current {cursor:pointer; background:#007cba; color:#fff;}

.faq-container .grid-sizer, .faq {width:calc(33.3% - 30px);}

.faq h2 {line-height:22px;}

.faq h2 a {hyphens:auto; font-size:22px;}

/* ------------------------- FOOTER ------------------------- */

.top-footer {margin:52px 0 0 0;}

footer {background:#f5f5f5 url("images/sgvso-footer-bg.gif") no-repeat 50% 50%; background-size:cover; min-height:300px; padding:52px 0 0 0; margin:0; width:100%;}

#first-footer-widget-area {width:100%; margin:0;}

.widget-container {}

footer p {font-size:14px;}

.dock {background:#b0b0b1; padding:26px 0;}

.dock p {color:#fff; margin:0;}

.dock p a {color:#fff;}

.dock p a:after {content: "";}

footer p a:after img {content: "";}
 
footer h3 {color:#838382; margin:0 0 26px 0;}


/* ----- RESPONSIVE TABLET STYLES ----- */


@media screen and (max-width: 1023px) { 
	
	header .inner {width:calc(100% - 80px); margin:0 40px;}
	
	#main {width:calc(100% - 80px); padding:0 40px 60px 40px; margin:0 auto;}
	
	.inner {width:calc(100% - 80px);}
	
	#ubermenu-main-2 {height:auto;}
	
	#menu-area {width:calc(100% - 200px); margin:0 auto; border-bottom:0;}
	
	.ubermenu-responsive-toggle {height:50px !important; line-height:50px !important; }
	
	/*h1.tp-caption {font-size:24px !important; font-weight:700 !important; line-height:32px !important; }*/

	.main-content {clear:both; width:100%; margin:0 0 52px 0;}

	.sidebar {clear:both; width:100%; margin:0;}


	/*
	
	.tabHeaderLeft {width:40%;}

	.tabHeaderLeft img {}*/


	/* HEADER */

	.main-header, .slide {height:350px; width:100%; margin:0 0 26px 0; position:relative; overflow:hidden;}
	
	.header-left, .slider-left {float:left; width:calc(100% - 400px); height:350px; display:block;}
	
	.header-right, .slider-right {width:296px; padding:26px 52px; float:right; background:url(images/sgvso-slider-blau.png); background-size:cover; min-height:350px; position:relative;}
	
	.header-right-title, .slider-right-title  {height:78px; width:270px; display:table;} 
	
	.header-right h2, .slider-right h2 {color:#fff; display:table-cell; vertical-align:bottom; font-size:20px; line-height:28px;}
	
	.header-content-box, .slider-content-box {background:#fff; height:104px; width:296px; margin:0 0 0 -104px; padding:52px; position:absolute; bottom:78px;}
	
	.header-content-box h1, .slider-content-box h1	{font-size:15px; line-height:21px; margin:0 0 20px 0; letter-spacing:.06em; font-weight:300; color:#2581c4;}
	
	.header-content-box p, .slider-content-box p {font-size:14px; font-weight:400; line-height:20px; margin:0;}

	
	/* KUNDENCENTER */
	
	.teaserBox {width:calc(50% - 104px);}
	
	.teaserBox:nth-child(2n+1) {clear:both;}

	.spalteBrandschutz, .spalteElementarschutz, .spalteStrassenverzeichnis {clear:both; width:calc(100% - 104px);}



	.aktuell, .aktuell:nth-child(3n) {width:calc(50% - 52px); float:left; border-right:#b0b0b1 1px solid; margin:0 25px 52px 0; padding:0 26px 26px 0; height:300px;}	
	.aktuell:nth-child(2n) {border-right:0;}
	
	
	.faq-container .grid-sizer, .faq {width:calc(50% - 30px);}
	
	#portfolio-nav ul li {width:calc(50% - 30px);}
	

}


/* ----- RESPONSIVE MOBILE STYLES ----- */


@media screen and (max-width: 687px) { 
	
	
	
	.inner {width:calc(100% - 40px); margin:0 auto;}
	
	#logo-area {display:inline-block; position:relative;}
	
	#logo-area img {height:34px; width:auto; }
	
	#menu-area {width:calc(100% - 170px); margin:0 auto; border-bottom:0;}
	
	.ubermenu-responsive-toggle {height:65px !important; line-height:34px !important; font-size:14px; padding:20px !important;}
	
	.breadcrumb {display:none;}
	
		
	#main {width:calc(100% - 40px); padding:0 20px 60px 20px; margin:0 auto; }
	
	h1 {font-size:24px; font-weight:700; line-height:32px; margin:0 0 30px 0; hyphens:auto;}
	
	h2 	{font-size:24px; font-weight:700; line-height:32px; margin:0 0 20px 0; color:#2581c4; hyphens:auto;}
		
	h3, .tabHeader h3 {font-size:18px; font-weight:400; line-height:22px; margin:0 0 24px 0;}

	h4 {font-size:16px; font-weight:400; line-height:20px; margin:0 0 24px 0; text-transform:uppercase;}

	p {font-size:14px; line-height:22px; margin:0 0 22px 0; letter-spacing:.06em;}
	
	
	.separator {background: url(images/linie.gif) no-repeat center 26px; text-align: center; }

	.separator h3 {padding: 0 26px; background: #fff; color:#838382; display: inline-block; margin: 0 auto; margin-top: 0px; width:auto; position: relative; line-height:52px; height:52px !important; font-size:16px;}
	
	
	/* HEADER */

	.main-header, .slide {height:500px; width:100%; margin:0 0 26px 0; position:relative; overflow:hidden;}
	
	.header-left, .slider-left {clear:both; width:100%; height:200px; display:block;}
	
	.header-right, .slider-right {height:248px; clear:both; width:calc(100% - 52px); padding:26px; background:url(images/sgvso-slider-blau.png); background-size:cover; position:relative;}
	
	.header-right-title, .slider-right-title {width:calc(100% - 52px); height:78px;} 
	
	.header-right h2, .slider-right h2 {font-size:20px; line-height:28px;}
	
	.header-content-box, .slider-content-box {height:104px; width:calc(100% - 86px); margin:0 0 0 0; padding:18px; bottom:130px;}	
	
	.header-content-box h1, .slider-content-box h1, h1.tp-caption {font-size:15px; line-height:21px; margin:0 0 0 0; letter-spacing:.06em; font-weight:300; color:#2581c4;}
	
	.header-content-box p, .slider-content-box p  {font-size:14px; font-weight:400; line-height:20px; margin:0;}

	#top-navigation {display:none;}
	
	
	/* ------------------------- NAVIGATION ------------------------- */


	#menu-area {height:65px; text-align:right; width:100%; border-bottom:0; margin-top:-75px;}
	
	#menu-area nav ul#ubermenu-nav-main-2 {position:absolute; top:65px !important; left:0; border-bottom:#f5f5f5 1px solid;}
	
	nav {background:#fff !important;}
	
	nav ul li {list-style:none;}
	
	#menu-area nav ul li.ubermenu-item-level-0 a {line-height:63px; }
	
	#menu-area nav ul li.ubermenu-item-level-0:hover a {border:0 !important; ;}
	
	#menu-area nav ul li.ubermenu-item-level-0.ubermenu-current-page-ancestor a, #menu-area nav ul li.ubermenu-item-level-0:hover a {border-bottom:1px #2581c4 solid !important; line-height:50px; }
	
	#menu-area nav ul li.ubermenu-item-level-0 ul.ubermenu-submenu li a {border-top:#f0f0ef 1px solid !important; border-bottom:0 !important; line-height:25px; padding:10px 5px 12px 5px; }
	
	#menu-area nav ul li.ubermenu-item-level-0 ul.ubermenu-submenu li a:hover {color:#2581c4; }
	
	#menu-area nav ul li.ubermenu-item-level-0 ul.ubermenu-submenu {min-width:250px; padding:8px 10px 0 8px;}
	
	#menu-area nav ul li.ubermenu-item-level-0 ul.ubermenu-submenu li.ubermenu-current-menu-item a {color:#2581c4;}
	
	
	
	
	.teaser-home .panel-grid-cell {padding:26px !important; transition: all ease 0.3s;}
	
	
	
	
	.main-content {clear:both; width:100%; margin:0 0 52px 0;}

	.sidebar {clear:both; width:100%; margin:0;}
	
	
			
	.aktuell-bild {width:100%; clear:both; margin:0 0 30px 0;}
	
	.aktuell-titel {width:100%; clear:both;}
	
	/*h1.tp-caption {font-size:18px !important; font-weight:700 !important; line-height:24px !important; }*/
	
	
	/**/
	
	.tabLeft, .tabRight, .linkeSpalte, .rechteSpalte {clear:both; width:100%;}
	
	.tabHeaderLeft, .tabHeaderRight {clear:both; width:100%;}
		
	.tabHeaderLeft img {width:auto; margin:0 0 26px 0;}
	
	
	#tabNavigation {display:none;}
	
	.accordionPanel {display:block;}
	
	.tab {display:none;}
	
	
	/* ACCORDION */
	
	#tabContainer {display:none;}
	
	#tabAccordion {display:block; margin:0 0 52px 0;}
	
	.accordion {margin:0 0 52px 0;}
	
	.tabAccordionPanel {margin:0;}

	.tabAccordionPanel:last-child {border-bottom:#dadada 1px solid;}

	.tabAccordionPanel {display:block; border-top:#dadada 1px solid; padding:26px 10px; font-size:18px;}

	.tabAccordionPanel:last-child {border-bottom:#dadada 1px solid;}

	.tabAccordionPanel:hover {cursor:pointer;}

	.tabAccordionPanel:hover button {color:#2581c4; border:#2581c4 1px solid; transition: all ease 0.3s;}

	.tabAccordionPanel .tab {padding:10px;}

	.tabAccordionPanel .tab img {width:calc(100% - 20px); height:auto;}

	.tabAccordionPanel button {float:right; border:#dadada 1px solid; border-radius:50%; width:26px; height:26px; line-height:20px; text-align:center; background:none; color:#dadada; font-size:15px; transition: all ease 0.3s; padding:0 8px 2px 8px;}
	
	.tabHeader {margin:52px 0 0 0;}
	
	.tabAccordionPanel_titel {color:#2581c4;}
	
	.tabAccordionPanel_content {padding:0 26px;}
	
	.kontaktBox img {display:none;}
	
	
	.panel_titel button {float:right; border:#dadada 1px solid; border-radius:50%; width:26px; height:26px; line-height:20px; text-align:center; background:none; color:#dadada; font-size:15px;  transition: all ease 0.3s; padding:0 8px 2px 8px;}
	
	/* AKTUELL */
	
	.aktuell, .aktuell:nth-child(3n) {width:100%; clear:both; border-right:0; margin:0 0 26px 0; padding:0 0 26px 0; border-bottom:#b0b0b1 1px solid; height:250px;}

	/*.aktuell:nth-child(3) {margin:0 0 0 0; border-right:0; padding:0 0 26px 0;}*/



	/* KUNDENCENTER */
	
	.teaserBox {width:calc(100% - 104px); clear:both;}

	.spalteBrandschutz, .spalteElementarschutz, .spalteStrassenverzeichnis {clear:both; width:calc(100% - 52px);}
	
	.spalteAccordionLinks, .spalteAccordionRechts {clear:both; width:calc(100% - 52px);}
	
	/* Mustersatz-Tool */
	
	.BS-filter .filter, .TBS-filter .filter, .FW-filter .filter, .BZ-filter .filter, .SNG-filter .filter {clear:both; width:100%; margin:0 0 15px 0; position:relative;}

	.BS-filter .filter:nth-child(3) {width:100%; margin:0;}
	
	
	.faq-container .grid-sizer, .faq {width:calc(100% - 30px);}
	
	#portfolio-nav ul li {width:calc(100% - 30px);}
			
}

/* KUNDENFEEDBACK */

form.wpcf7-form label {
	color:#838382;
	font-weight:300;
}

select.wpcf7-form-control {
	background:#f5f5f5; 
	color:#838382; 
	border:none; 
	padding:10px; 
	}



@media screen and (min-width: 1440px) { 
	.main-header {
		width:1440px; 
		margin:0 auto 26px auto; 
		}
		
/*
	.home-slider {
		max-width:1440px !important; 
		width:1440px !important; 
		margin:0 auto 26px auto !important; 
		}
*/
}