@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	float:none!important;
}


body {
	font: 16px/28px Arial, Helvetica, sans-serif;
	color:#333;
	background: url("../images/body-bg.gif") repeat scroll left top transparent;
}

p,
ul,
ol,
dl { padding: 0 0 10px 0; }

ul { list-style:none; }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0 0 10px;
	color:#D02626;
}
h1{
	font-size:20px;}

h2 { font-size: 19px;  
	border-top: 1px dotted #333333;
    color: #333333;
    font-weight: normal;
    line-height: 120%;
    padding: 0.4em 0 ; }

h3 { font-size: 17px;   }

h4 {
	font-size: 15px;
	font-weight: bold;
}

h5 {
	font-size: 15px;
	font-weight: bold;
}

h6 {
	font-size: 15px;
	font-weight: bold;
}

img {
	max-width: 95%;
	height:auto;
}

.vcard img { border:0 }

img.image,
img.img,
.image img,
.img img,
.images img,
#images img,
img.cms-image,
img.cms-img {
	border:4px solid #D02626;
	margin:0 15px 15px 0;
}

address { display:block!important }

a,
span.tel {
	color:#3E3D3F;
	text-decoration:underline;
}
a{
	word-break: break-word;
}
span.tel,
#googlemaps-address-link,
a.escape {
	background:#D02626;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	display:inline-block;
	text-align:center;
	margin:10px 0;
}

span.tel a {
	color:#fff;
	padding:5px 10px;
	text-decoration:none!important;
	display:block;
}

#googlemaps-address-link,
a.escape {
	display:inline-block;
	padding:5px 10px;
	margin:0 0 20px;
}

#googlemaps-address {
	z-index:99999!important;
	position:relative!important;
	border:5px solid #D02626;
	border-radius:10px;
	max-height:300px!important;
	margin:20px 0;
}

table {
	width:100%;
	margin:0 0 20px;
	font-size:12px;
}

table td {
	padding:10px;
	background:#dedede;
	margin:1px;
	word-break:break-all;
}

.clear { clear:both; }
br.clear { display:none }
hr {
	height:0;
	overflow:hidden;
	border:0;
	border-bottom:1px solid #D02626;
	margin:0 0 15px;
}

a#branding{ background: url(../images/mobile/branding.png) repeat-x 0 0 #fff; 
	background-size: 100% 100%; }

a#branding {
	display:block;
	padding:20px 0;
	position: relative;
	text-align:center;
}

a#branding span{ display:none; }

a#branding img {
	border: none;
	max-width:90%;
	height:auto;
}

ul#navi ,
ul#mobilegation,
ul#naviAdd,
ul#metanavi {
	list-style:none!important;
	clear: both;
	padding:0!important;
}

ul#navi li,
ul#mobilegation li,
ul#naviAdd li,
ul#metanavi li {
	list-style:none!important;
	width: 100%;
}

#mobile-lang li {
	list-style:none!important;
	width: 50%;
	float:left;
}

ul#navi li a,
ul#mobilegation li a,
ul#naviAdd li a,
ul#metanavi li a,
#mobile-lang li a,
a.toggle-link {
	overflow:hidden;
	text-decoration: none;
	font-size: 15px;
	display: block;
	padding: 10px 30px 10px 15px;
	color: #fff;
	background: #3d3d3f url(../images/mobile/rarr.png) 96% center no-repeat;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
}


ul#navi li a.active,
ul#mobilegation li a.active,
ul#naviAdd li a.active,
ul#metanavi li a.active,
ul#navi li.active a,
ul#mobilegation li.active a,
ul#naviAdd li.active a,
ul#metanavi li.active a {
	color: #fff;
	background: #656565 url(../images/mobile/rarr-a.png) 96% center no-repeat;
}

ul#navi li ul,
ul#mobilegation li ul,
ul#naviAdd li ul,
ul#metanavi li ul { padding:0; }

ul#navi li ul li,
ul#mobilegation li ul li,
ul#naviAdd li ul li,
ul#metanavi li ul li { border-top:0; }

#content,
#content-main { padding:15px; background:#fff; margin:10px;    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}

.desktop-link {
	background: #3d3d3f;
	border-top:1px solid #ddd;
	border-bottom:2px solid #fcfcfc;
}

.btn-desktop {
	display: block;
	margin: 0 auto;
	background:transparent url(../images/mobile/icon-desktop.png) no-repeat 8% center;
	text-decoration: none;
	font-size: 13px;
	padding: 30px 0;
	text-transform: uppercase;
	font-weight:bold;
	text-align:center;
	color: #fff;
}

#mobile-link { display:none!important }


dl dt{
	margin-top:10px;
	}


.infoBox {
    border-left: 8px solid #D8D8D8;
    padding: 0 0 0 13px;
	margin-bottom:10px;
}


section.container_16 ul li {
    background: none repeat scroll 0 0 #F8EBEB;
    border-left: 8px solid #D02626;
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 10px 0 0.4em 13px;
}

section.container_16 ul li a:before {
    content: "» ";
	padding-bottom:10px;
}
section.container_16 ul li a {
    text-decoration: none;
}

.externLink:before {
    content: "» ";
}
.externLink {
    margin: 0.4em 0;
}

//Popup container
.popup-row {
	position: fixed;
	z-index: 100000;
	max-width: 100%;
	margin: auto;
	height: 100%;
	right: 0;
	width: 100%;
	justify-content: center;
	align-items: center;
	top: 0;
	background: rgba(56, 55, 54, 0.8);
	}
  
  
/* The actual popup (appears on top) */
.popup-row {
	position: fixed;
	z-index: 100000;
	max-width: 100%;
	margin: auto;
	height: 100%;
	right: 0;
	width: 100%;
	justify-content: center;
	align-items: center;
	top: 0;
	background: rgba(56, 55, 54, 0.8);
	overflow-y: scroll;
}
.popup {
	background-color: #f1f9df;
    text-align: center;
    width: auto;
    height: auto;
    position: relative;
    top: 18px;
    margin: 0px;
    padding: 18px 18px 0 18px;
    border-style: solid;
    border-image: initial;
    border-width: 1rem;
	border-color:#9acd27 ;
	overflow-y: scroll;
}
.kunden{
	border-top:none;
}
.sommer{
	position: relative;
    width: 100%;
    max-width: none;
    right: -18px;
    bottom: -9px;
}
.textpop{
	font-size: 15px;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.5;
    margin-top: 2rem;
}
.btn{
	top: 0;
	left: calc(100% - 38px);
	position: absolute;
	padding: 8px 12px;
	background-color: unset;
	border: unset;
	font-size: 27px;
	color: #9acd27;
}