@charset "utf-8";
/* CSS Document */

/** {border: 1px solid red;}*/
body {text-align:center; margin:0px; padding:0px; color:#5d5e60; overflow-y:scroll;font-family:"MuseoSans-500", Arial, Helvetica, sans-serif;}
p.h1sim,h1,h2,h3,h4,h5.h6 {font-family:"MuseoSans-500", Arial, Helvetica, sans-serif;}
#body_wrapper {display: block; position:relative;width:auto;}
#body {width:926px; margin:0px auto; text-align:left;}

#content div.contentitem div.text p.sale_btn {
	float: right;
	margin-right: -337px;
	margin-left: 106px;
	margin-top: -9px;
}

#header {text-align:right; margin:20px 0px; margin-bottom: 0; z-index:1000;}
#header img.slogan { float:left; position:relative; left:7px; top:30px;}
#header a img {border:none; /*margin-right:10px;*/}

#mainmenu,
#submenu  {height:24px;}

#mainmenu {border-bottom:1px solid #d4d4d5;}
#submenu2 ul,
#submenu ul,
#mainmenu ul {margin:0px; padding:0px; list-style:none;}
#submenu2 ul,
#submenu ul {margin-left: 62px;}
#submenu2 li,
#submenu li,
#mainmenu li {margin:0px; padding:0px; display:inline-block;}
#submenu2 li,
#submenu li {line-height:24px; font-size:12px;}
#mainmenu li {line-height:24px; font-size:16px; border-left: 1px solid #d4d4d5;}
#mainmenu li.first {border:none;}
#submenu2 li a,
#submenu2 li span,
#submenu li a,
#submenu li span,
#mainmenu li a,
#mainmenu li span { display:inline-block; padding:0px 7px;}
#mainmenu li a,
#mainmenu li span { display:inline-block; padding:0px 8px;}
#submenu2 li span a,
#submenu li span a,
#mainmenu li span a {display:inline; padding:0px;}
#submenu2 li a,
#submenu li a,
#mainmenu li a {color: #5c5d5f; text-decoration:none;}
#submenu2 li a:hover,
#submenu li a:hover,
#mainmenu li a:hover {color: #001e49;}
#submenu2 li span a,
#submenu li span a,
#mainmenu li span a,
#submenu2 li span,
#submenu li span,
#mainmenu li span {color: #001e49; text-decoration:none; font-weight:bold;}

#footer {background-color:#001e49; font-size:12px; line-height:17px; color:#ffffff; height:18px; line-height:18px; text-align:center; margin-bottom:20px;}
#footer a {color: #ffffff; text-decoration:none;}

#content {min-height:200px;}
#content { font-family:"MuseoSans-500", Arial, Helvetica, sans-serif;}

div.clear {clear:both;}

div.cols_3 div.colitem {width:293px; float:left; border:1px solid #d4d4d5; margin-left:20px; min-height:120px; margin-bottom:20px; display:inline-block;}
div.cols_3 div.first {margin-left:0px; clear:both; width:294px;}

div.cols_2_cf {border:1px solid #d2d2d3; margin-bottom:20px;}

div.cols_2_cf div.colitem {width:425px; float:left; margin-left:24px; margin-bottom:20px;}
div.cols_2_cf div.first {margin-left:0px; clear:both;}

div.cols_2_cf {padding:15px 25px 0px 25px;}

.swiper-container {border:1px solid #d2d2d3; height:auto; min-height:600px; width:894px; padding:15px;}

.startcontainer .swiper-container {
	border: 1px solid #d2d2d3;
	max-height: 469px;
	min-height: 0;
	width: 894px;
    max-width: calc(100% - 30px);
	padding: 15px;
	overflow: hidden;
}

.startpage .swiper-slide .wrapper img {
    width: 894px;
    max-width: 100%
}
.contentitem.bigslider .swiper-container {height:600px;}
#contentslider {}

.swiper-wrapper {
	height: 600px;
	width: 894px;
}

.swiper-slide {background-repeat:no-repeat;}

.swiper-slide div.wrapper {
	position: relative;
	width: 894px;
	height: 600px;
}

#content .swiper-slide p.slider_caption {
	font-size: 22px !important;
	background-color: rgba(1, 24, 74, 1.0);
	color: rgba(255, 255, 255, 1.0);
	width: auto;
	min-width: 371px;
	max-width: 600px;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	right: 0;
	display: inline-block;
	/*height: 41px;*/
	bottom: 18px;
	line-height: 41px;
	overflow: hidden;
}

/*.swiper-slide p.slider_caption.aestheten {
	bottom: 22px;
}*/

/*#fssList * {border:1px solid red;}*/
div.breadcrumb {height:20px; color:#001e49; font-weight:bold; line-height:20px; font-size:12px; line-height:16px; margin-left:5px; text-transform:uppercase;}
.sliderNav { float: right; height:20px;}
.sliderNav {margin:0px; padding:0px; list-style:none;}
.sliderNav  a {display:inline-block; height:10px; width:10px; overflow:hidden; text-indent:15px; background-image:url(../images/btn.png);margin:5px;}
.sliderNav  a.activeSlide {background-image:url(../images/btnsel.png);}

#content div.colitem h3 { font-size:13px; line-height:16px;}
#content div.colitem h2 {font-size:14px; line-height:17px;}
#content div.colitem p {font-size:12px; line-height:17px;}
#content div.colitem p.h1sim, #content p.h1sim,
#content h2.h1sim,
#content div.colitem h1, #content h1 {font-size:16px; line-height:19px;}
#content div.colitem h2, #content h2 {color:#001e49;}
#content div.colitem h3 {color:#5d5e60;}

#content div.contentitem.paddingborder {padding:15px; border:1px solid #d2d2d3;}


div.contentitem_frame {border:1px solid #d4d4d5; margin-bottom:20px;}

img.left {margin-right:15px; float:left}
img.right {margin-left:15px; float:right}

div.right {text-align:right;}

/*div.img_text .text {padding:15px;}*/
div.text {padding:15px 25px;}
div.cols_2_cf div.text {padding:0px;}
div.cols_3 div.text {padding:15px 25px;}

#content a {color:#001e49; text-decoration:none;}
#content a:hover {text-decoration:underline;}

#content p.h1sim,
#content h1, #content h2,#content h3,
#content p {margin:0px;}
#content h3, #content h2:not(.h1sim) {font-weight:normal;}
#content h4 {font-size:12px; line-height:17px; font-weight:bold; margin-top:15px; margin-bottom:0px; font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;}
#content h3 {font-size:14px; line-height:17px;}
#content h2 {font-size:16px; line-height:19px;}
#content p,
#content li  {font-size:12px; line-height:17px;}
#content ul li::-moz-list-bullet {
   font-size:8px
}

#content ul.nolist {margin:0px; padding:0px; list-style:none;}
#content ul.nolist li {margin:0px; padding:0px;}
#content ul.nolist li span {display:inline-block; vertical-align:text-top;}
#content ul.nolist li span:first-child {width:139px;}

#content h1, #content p.h1sim {font-size:16px; line-height:19px;}
#content p.h1sim, #content h1, #content h3 {margin-bottom: 15px; color:#000000;}
#content p.h1sim,
#content h1 {color: #001e49;}
#content h3 {margin-bottom:2px;}
#content h3.data {margin-top:15px;}

#content p {margin-bottom:15px;}

#content div.colitem h2,
#content div.colitem h3,
#content div.colitem:not(.margin) p {margin:0px;}

#content div.colitem h2 {margin-bottom:15px;}

#content div.colitem div.contentitem.h2margin h2 {margin-bottom:0px; margin-top:15px;}

#content div.colitem div.contentitem.googlemaps {min-height:480px;}
#content div.colitem div.contentitem.h2margin {min-height:510px;}

/*#content div.colitem div.contentitem.googlemaps {padding:15px 25px;}*/
#content div.colitem div.contentitem.googlemaps h2 {font-size:16px; font-weight:bold; line-height:19px;}
#content div.colitem div.contentitem.googlemaps p {text-align:center;}

#content div.cols_2_cf div.colitem h2 {margin-bottom:0px;}
#content div.cols_2_cf div.colitem p {margin-bottom:15px;}

#content div.cols_2_cf div.colitem {margin-bottom:5px;}

#content div.contentitem iframe {width:100%; border:none; height:700px; padding:0px; margin:0px;}
#content div.contentitem iframe.googlemaps {width:100%; height:276px;}
#content div.contentitem.googlemaps p {margin:0px; margin-top:5px;}
#content div.contentitem.googlemaps form {margin:0px; margin-top: 0px; text-align:center;}
#content div.contentitem.googlemaps form input {font-size:12px; line-height:16px; margin-top:5px;}

#content div.contentitem div.img_html iframe {width:780px;}
#content div.contentitem.products div.img_html div.img {padding-top:19px;}
#content div.contentitem div.img_html div.img img {float:none;}
#content div.contentitem div.img_html div.img.left {float:left; padding-left:15px;}
#content div.contentitem div.img_html div.img.right {float:right; padding-right:15px;}

#content div.contentitem form {margin-top:15px; margin-bottom:15px;}
/*#content div.contentitem form {margin-bottom:15px;}*/
#content div.contentitem form h2 {margin:15px 0px;}
#content div.contentitem form .button {margin-top:15px;}
#content div.contentitem form div.formleft {width:425px; float:left;}
#content div.contentitem form div.formright {width:425px; margin-left:449px;}


#content div.cols_2_cf div.colitem form p,
#content div.contentitem form p {margin:2px 0px;}
#content div.contentitem form p.error input {background-color:#ff0000;}
#content div.contentitem form p.error span.radiotext {color:#ff0000;}
/*#content div.contentitem div.contentform {padding:15px 25px;}*/
#content div.contentitem form p span {display:inline-block; width:70px;}


#content h2 a {font-weight: bold;}

 a img {border:none;}
#content p.h1sim a:hover,
#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover {text-decoration:none;}

#content .specialpadding .text {padding:15px;}

#topbar {position:fixed; top:0; left:0; display:none}
#topbar a {display: inline-block; height:30px; text-decoration:none; position:absolute;}
#topbar a.newsletter {background-image: url(../images/newsletter_mobile.png); width:130px; left:80px; background-size: contain; background-repeat: no-repeat;}
#topbar a:hover.newsletter {background-image:url(../images/newsletter_mobile_active.png);}
#topbar a.facebook {background-image:url(../images/facebook.png); width: 40px; left:36px; background-size: contain; background-repeat: no-repeat;}
#topbar a:hover.facebook {background-image:url(../images/facebook_active.png);}

#sitebar {position:fixed; right:0px; overflow:hidden; width:37px; top:165px; z-index:20;}
#sitebar a {display:block; width:37px; text-decoration:none; position:relative; right:-3px; margin-top:12px; vertical-align:top;}
#sitebar a:first-child {margin-top:0px;}
#sitebar a:hover {right:0px;}
#sitebar a.newsletter { background-image:url(../images/newsletter.png); height:139px;display:none;}
#sitebar a:hover.newsletter { background-image:url(../images/newsletter_active.png);}
#sitebar a.facebook { background-image:url(../images/facebook.png); height:34px;}
#sitebar a:hover.facebook { background-image:url(../images/facebook_active.png);}



#content div.contentitem.newsletter {
	overflow:hidden;
	height:735px;
}
#content div.contentitem.newsletter iframe {
	width:1232px;
	height:980px;
	      -ms-zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;
}

#content div.heltenGallery {border:1px solid #d4d4d5; padding:5px 25px 15px 25px; margin-bottom:20px;}
#content div.heltenGallery img {}
#content div.heltenGallery a {margin-left:14px; margin-top:10px; display:inline-block; text-decoration:none; color:#5d5e60; vertical-align:top; width:208px;}
#content div.heltenGallery a div {display:inline-block; width:208px; height:208px; background-repeat:no-repeat; background-position:center;}
#content div.heltenGallery a img {display:none;}
#content div.heltenGallery span,
#content div.heltenGallery a span { font-size:12px; line-height:17px; display:block; text-align:center; margin-top:2px;}
#content div.heltenGallery a:nth-child(8n+1) {margin-left:0px;}

div.cols_3_int { padding:0px 25px 0px 25px;}
div.cols_3_int div.colitem {width:278px; margin-left:20px; margin-bottom:20px; display:inline-block; vertical-align:top;}
div.cols_3_int div.colitem.wide {width:536px;}
div.cols_3_int div.colitem.wide + div.colitem {margin-left:60px;}
div.cols_3_int div.colitem.margin {margin-bottom:5px;}
div.cols_3_int div.colitem:nth-child(3n+1) {margin-left:0px;}
div.cols_3_int div.text {padding:0px;}

div.paddingtop {padding-top:15px;}
div.nopaddingbottom {padding-bottom:0px;}
div#content .nomarginbottom {margin-bottom:0px;}
div#content .margintop {margin-top:15px;}
.subline {font-weight:bold;}

div#footer ul {
	padding-left: 0;
}

div#footer ul li {
	display: inline;
	margin-right: 2px;
}

div#footer li::before {
	color: #ffffff;
	content: "· ";
}

div#footer li:first-child::before {
	display: none;
}

div#content div.cols_2_cf div.colitem p.h2sim.small {
	margin-bottom: -17px;
}

div#mobilemenu,
div#menu {
	display: none;
}

br.show {
	display: none;
}

span.show {
	display: inline;
}

div.slogan_mini {
	display: none;
}

#content div.heltenGallery div.desktop {
	display: inline-block;
	margin-left: 14px;
	width: 208px;
}

#content div.heltenGallery div.desktop:nth-child(8n+1) {
	margin-left: 0;
}

#content div.heltenGallery a.request {
	background-color: #001e49;
	border-radius: 2px;
	color: #ffffff;
	height: 30px;
	line-height: 28px;
	margin-top: -15px;
	width: 85px;
}

#content div.heltenGallery div.mobile,
#content div.heltenGallery a.mobile,
a.mobile,
img.mobile {
	display: none;
}

div#gallery_swiper {
	position: relative;
}

div#gallery_swiper,
div#gallery_swiper_wrapper {
	text-align: center;
}

div#gallery_swiper div.swiper-slide {
	width: auto !important;
	max-width: 330px;
	height: auto !important;
}

div#gallery_swiper div.swiper-slide img {
	width: auto;
	margin: 0 auto;
	height: auto;
}

div#gallery_swiper swiper-slide p.image_description {
	padding-top: 15px;
}

div#gallery-swiper p a.hidden_back_btn {
	display: none;
}

div#gallery_swiper p.image_description,
div#gallery_swiper p#swipe_info {
	margin-top: 10px;
}

div.my_formular {
	border: 1px solid rgba(210, 210, 211, 1.0);
	padding: 15px 25px 0 25px;
}

label.form_label {
	display: inline-block;
	width: 70px;
}

label.form_label.error, 
div.my_formular p.error {
	color: rgba(255, 0, 0, 1.0);
}

input.error {
	border: 2px solid rgba(255, 0, 0, 1.0);
}

form#myform input[type=submit] {
	margin-top: 10px;
}

span.price span.value {
	color: #d10019;
	display: inline !important;
	font-weight: bold;
}

div.contentitem.aktuelles_overview,
div.contentitem.favoriteBrands_overview {
	display: none;
}

div#consent {
	position: absolute;
	left: -449px;
	top: 60px;
	width: 425px;
}

div#consent.ci-magazin {
	top: 75px;
}

div#cookie_notice {
	position:fixed;
	bottom:0px;
	background-color:rgba(0, 0, 0, 0.95);
	display:none;
	font-size: 12px;
	width:100%;
	min-height:40px;
	color:rgba(255, 255, 255, 1.0);
	padding-left:20px;
	line-height:25px;
	z-index:3000;
}

div#cookie_notice p#notice_content {
	background-image:none;
	color:rgba(255, 255, 255, 1.0);
	margin-bottom: 15px;
	margin-top: 20px;
	padding-bottom: 0;
	padding-right:20px;
	text-align: left;
}

div#cookie_notice a#more_information,
div#cookie_notice a#notice_btn {
	display:inline-block;
}

div#cookie_notice a#more_information {
	color:rgba(255, 255, 255, 1.0);
	text-decoration:none;
	margin-left:5px;
}

div#cookie_notice a#notice_btn {
	background-color:rgba(0, 30, 73, 1.0);
	color: rgba(255, 255, 255, 1.0);
	float:right;
	width:135px;
	height:30px;
	border-radius:5px;
	text-align:center;
	text-decoration: none;
	line-height:30px;
	margin-top:-3px;
	margin-left:15px;
	margin-right:25px;
}

div#cookie_notice a#more_information:hover,
div#cookie_notice  a#more_information:focus {
	color:rgba(0, 30, 73, 1.0);
	cursor:pointer;
}

div#cookie_notice a#notice_btn:hover,
div#cookie_notice a#notice_btn:focus {
	background-color:rgba(255, 255, 255, 1.0);
	color:rgba(0, 30, 73, 1.0);
	cursor:pointer;
}

/** Google Street View **/
#content div.contentitem div.contentslider iframe {
	height: 600px;
}

iframe.sliderIFrame {
	pointer-events: none;
	cursor: pointer;
}

@media screen and(min-width:760px) and (max-width:1000px) {
	div#cookie_notice a#notice_btn,
	div #cookie_notice a#more_information {
		margin-right: 0;
	}
}

@media screen and (max-width:700px) {
	div#cookie_notice {
		font-size: 17px;
	}
}

@media screen and (min-width:0px) and (max-width:380px) {
	div#cookie_notice a#notice_btn {
		margin-top: 5px;
	}
}

@media screen and (min-width:0px) and (max-width:368px) {
	div#cookie_notice a#notice_btn {
		margin-bottom:10px;
	}
}

#content div.contentitem.newsletter-wrapper iframe {
	height: 3650px !important;
}

.red-newsletter-link div.text {
	padding: 0;
}

#content .red-newsletter-link p{
	border: 1px solid #da0019;
	background-color: #da0019;
	margin-bottom: 10px;
	color: white;
	padding: 15px 15px;
	font-size: 20px !important;
	line-height: 9px !important;
	height: auto !important;
	text-align: center;
}

#content .red-newsletter-link p a {
	color: white;
}

#content .red-newsletter-link p a:hover {
	text-decoration: none;
}

.aktuelles-height {
	height: 501px !important;
	overflow: hidden;
	border-bottom: 1px solid #d4d4d5;
}

@media screen and (min-width : 701px) and (max-width : 1000px){
	.aktuelles-height {
		height: 411px !important;
	}
}
@media screen and (min-width : 381px) and (max-width : 700px){
	.aktuelles-height {
		height: 201px !important;
	}
}

.img_text img {
    max-width: 100%;
    margin-top: 15px;
}

@media screen and (max-width: 700px) {
	div#footer ul {
		list-style: none;
	}
	div#footer ul li:before {
		content: none;
	}
	div#footer ul li {
		display: block;
	}
}