body {
	text-align:center;
	color: #ffffff;
	padding-top: 0;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.42857143;
}

/* Farben */
body, #container {background:#1E3063;}
#header, #footer, .main_nav {background-color:#04102B;}
h1,h2,h3,h4 {color:#D13E53;}
p {color:#fff;}
/* Farben Ende */

/* Abstände definieren */
.margin_top_10 {margin-top:10px;}
.margin_top_20 {margin-top:20px;}
.margin_top_30 {margin-top:30px;}
.margin_top_40 {margin-top:40px;}
.margin_top_50 {margin-top:50px;}
.margin_top_100 {margin-top:100px;}

.margin_bottom_10 {margin-bottom:10px;}
.margin_bottom_20 {margin-bottom:20px;}
.margin_bottom_30 {margin-bottom:30px;}
.margin_bottom_40 {margin-bottom:40px;}
.margin_bottom_50 {margin-bottom:50px;}
.margin_bottom_100 {margin-bottom:100px;}

.mit_balken { position: relative;  overflow:visible;}
.mit_balken::after {
  content: ""; /* Fügt den Balken als Pseudo-Element ein */
  position: absolute; /* Erlaubt die präzise Positionierung des Balkens */
  bottom: -30px; /* Platzierung am unteren Rand des Textfeldes */
  width: 100px; /* Breite des Balkens */
  height: 6px; /* Höhe des Balkens */
  background-color: #D13E53; /* Farbe des Balkens */
}
h2, .h2 {font-size:2.8rem;margin-bottom:2rem;}
h3, .h3 {font-size: 2rem;}

#article-107 .ce_gallery {height:calc(100vw/3.17)!important;}
.custom {line-height:0;}
#main {padding-top:50px;}
#main > .inside {padding:20px 15px 30px 15px;}
.startseite #main > .inside {padding:20px 15px 0px 15px;}
.ausstellung_360 #main > .inside {padding:0;min-height:0;}
#left .inside {padding-left:40px;}
mark {color: #fff;background: #24427C;}

.mod_search form button {border:none;background:none;padding: 4px 15px 4px 5px;}
.mod_search button.submit {font-size:2.75rem;color:#F8485E;margin-top:-7px}
.mod_search a {color:#F8485E;text-decoration:underline;}
.mod_search {padding-top:15px;float:right;}
.mod_search .widget-text, .mod_search .widget-submit, .radio_container span input[type="radio"], .radio_container span label {display:inline-block;}
.mod_search .widget-text input.text {
    all: unset; /* Setzt alle Standard-Stile zurück */
    display: block;
    width: 150px; /* Volle Breite des Containers */
    border-bottom: 1px solid #1E2336; /* Dünne Linie unter dem Input */
    padding: 5px 0; /* Abstand nach oben/unten für bessere Lesbarkeit */
}
/* Effekt bei Fokus */
.mod_search .widget-text input.text:focus {border-bottom: 1px solid #fff; /* Dunklere Linie bei Fokus */}
.myheader {border-bottom:0px solid #002366;}
#header .hotline {color:#fff;padding-top:15px;font-weight:normal;font-size:1.5rem;}
#header .hotline a {color:#F8485E;}
#header .logoleiste {padding:10px 20px;}
#header hr {
    width: 100vw; /* Volle Bildschirmbreite */
    margin: 10px 0; /* Abstand nach oben und unten */
    border: none; /* Standard-Border entfernen */
    height: 1px; /* Dicke der Linie */
    background-color: #1E2336; /* Graue Farbe */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.radio_container span {margin-right:30px;}
.radio_container span label {padding-top:10px;}

input[type="search"] {max-width:200px;border:1px solid #24427C;background-color:#04102B;}
input[type="search"]:focus {background-color:#04102B;}

ul {margin:0;padding:0;}
#wrapper {text-align:left;margin:0 auto;}
#header > .inside, #container, #footer > .inside {max-width:1470px;margin: 0 auto;float:none;}

.main_nav {margin-top:20px;}
.main_nav li {display:inline-block;padding:10px 20px;color:#fff;}
.main_nav a {color:#fff;text-decoration:none;font-weight:normal;text-transform:uppercase;font-size:1.5rem;}
.main_nav a:hover, .main_nav li strong {color:#F8485E;text-transform:uppercase;font-weight:normal;font-size:1.5rem;}
#footer {padding:50px;min-height:200px;color:#fff;}
#footer p {color:#fff;font-size:1.5rem;}
#footer a, #main a {color: #F8485E;font-weight:normal;}
#footer h3 {
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
    position: relative;
    display: inline-block; /* Damit sich die Linie nur auf den Text bezieht */
    margin-bottom:2rem;
}
/* Der Unterstrich */
#footer h3::after {
    content: "";
    display: block;
    width: 30px; /* Breite der Linie */
    height: 1px; /* Dicke der Linie */
    background-color: #909090; /* Farbe der Linie */
    position: absolute;
    left: 0; /* Startet links */
    bottom: -5px; /* Abstand nach unten (kann angepasst werden) */
}
#footer .mod_customnav li, #footer .mod_navigation li {
  margin: 5px 0 0;
  padding: 0 0 5px;
  font-size: 1em;
  line-height: 1.4;
}
.subfooter {text-align:left;padding:40px 20px 20px 20px;font-size:1.4rem;}
.ce_youtube { position: relative; padding-bottom: 56.25%; width: 100%; height: auto;}
.ce_youtube iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important;}
.picture img {
  max-height: 359px !important;
  display: inline;
  border-radius: 10px;
  -moz-box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
}
#main .mod_search {  float: left;}
.ce_accordion {border: 1px solid #BEBEBE;padding:10px;margin-bottom:20px;border-radius: 10px;}
.toggler:before { content: "➤ ";}
.toggler.active:before { content: "▼ ";}
.toggler {font-size:28px;}
.toggler:hover {cursor:pointer;}


.caroufredsel_navi a {margin-top:-165px!important;}
.caroufredsel_controls {position:relative!important;}
.m_bottom_10 {margin-bottom:10px}
.m_bottom_20 {margin-bottom:20px}
.m_bottom_30 {margin-bottom:30px}
.m_bottom_40 {margin-bottom:40px}
.m_bottom_50 {margin-bottom:50px}
.caroufredsel > div {
  border-radius: 0px!important;
  box-shadow: none!important;
}
.caroufredsel_wrapper img {
	border-radius: 10px;
	-moz-box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
}
.topslider .caroufredsel_wrapper img {border-radius:0;}
#caroufredsel_skin_3 .caroufredsel_wrapper img {border-radius:0px;box-shadow:none;}
.caroufredsel_thumbnails > div {
  background-color: #24427C!important;
  margin: 2.5px!important;
    margin-right: 2.5px!important;
  padding: 2px!important;
  border-radius: 3px!important;
  box-shadow: 0 0 1.5px rgba(0,0,0,.3);
}
.caroufredsel_thumbnails > div  img {border-radius: 2px;}
.caroufredsel_thumbnails {inset: 0px auto auto 0px!important;}

#mobile_menu_button {position:absolute; left:15px; top:20px;z-index:999;width:30px; height:28px;background:url('../layout/menue.gif') no-repeat left top;display:none;}
#mobile_menu_button a {display:block;width:30px; height:28px;}

.mm-title {font-size:1rem;text-align:left;}
.mm-listview > li > a, .mm-listview > li > strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}
.pagination {
  clear: both;
  border-top: 1px solid #e1dad6;
  padding-top: 5px;
  margin-top: 10px;
}
.pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination li {
  float: left;
}
.pagination a, .pagination span {
  font-size: 1.4em;
  border: 1px solid #e1dad6;
  border-bottom-color: rgb(225, 218, 214);
  border-bottom-color: #d4cbc5;
  display: block;
  padding: 5px;
  color: #7f7266;
  text-decoration: none;
  background: #f4f2f0;
  background: -moz-linear-gradient(top, #f4f2f0 0%, #eee9e7 3%, #e1dad6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f0), color-stop(3%,#eee9e7), color-stop(100%,#e1dad6));
  background: -webkit-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%);
  background: -o-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%);
  background: -ms-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%);
  background: linear-gradient(to bottom, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f0', endColorstr='#e1dad6',GradientType=0 );
  margin-right: 2px;
}
.pagination strong {
  border: 1px solid #e1dad6;
    border-bottom-color: rgb(225, 218, 214);
  border-bottom-color: #d4cbc5;
  background: #1899ae;
  background: -moz-linear-gradient(top, #1899ae 0%, #6ac4cf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1899ae), color-stop(100%,#6ac4cf));
  background: -webkit-linear-gradient(top, #1899ae 0%, #6ac4cf 100%);
  background: -o-linear-gradient(top, #1899ae 0%, #6ac4cf 100%);
  background: -ms-linear-gradient(top, #1899ae 0%, #6ac4cf 100%);
  background: linear-gradient(to bottom, #1899ae 0%, #6ac4cf 100%);
  color: #fff;
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1899ae', endColorstr='#6ac4cf',GradientType=0 );
  font-size: 1.4em;
  margin-right: 2px;
  padding: 5px;
}
.nav-left {  border: 1px solid #e1dad6!important;}
.nav-left a, .nav-left strong.active, .nav-left strong.trail, .nav-left a.trail {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e1dad6;
}
.nav-left a, .nav-left strong.active, .nav-left strong.trail, .nav-left a.trail {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e1dad6;
  display: block;
  padding: 10px;
  color: #7f7266;
  text-decoration: none;
  background: url("../../../files/isotope-demo/theme/img/icons/icon_arrow-right-grey.png") no-repeat 95% 50% #f4f2f0;
  font-size: 1.6em;
}
.standard_leser figure img, .mod_iso_productlist .image_container img {  border-radius: 10px;
  -moz-box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
}
.standard_leser figure {float:left;margin-right:15px;}
.standard_leser figure:first-of-type {float:none;margin-bottom:30px;}
.standard_leser .sku {clear:both;padding-top:30px;}
.mod_iso_productlist .image_container {float: left;height: 265px;width: 265px;padding:5px 10px 10px 5px;}
.mod_iso_rangefilter .formbody {width: 76%;margin: 0 auto;margin-top:50px;}
.mod_iso_rangefilter .formbody .submit_container {margin-top: 20px; text-align: center;}
    .swiper {width: 100%; height: 100%;}
    .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .swiper {margin-left: auto;margin-right: auto;}

.mit_balken.center:after {
  left: 50%;
  transform: translateX(-50%);
}
.ce_gallery {height:inherit!important;}
.caroufredsel > div {background-color: inherit!important;}
.volle_breite {
    width: 100vw; /* Volle Breite des Viewports */
    max-width: 100vw; /* Sicherstellen, dass es nicht begrenzt wird */
    margin-left: calc(-50vw + 50%); /* Zentriert das Element über die gesamte Breite */
}
.volle_breite figure img {
    max-width: 100%; /* Falls das Bild eine kleinere native Größe hat */
    object-fit: cover; /* Stellt sicher, dass das Bild den Container ausfüllt */
        width: 100%;  /* Lässt das Bild die volle Breite des Containers nutzen */
    height: auto; /* Beibehaltung des Seitenverhältnisses */
    display: block; /* Vermeidung von unerwünschtem Whitespace unterhalb des Bildes */
}
#article-108 {overflow:inherit;}

.price {
	font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
/* News PopUp */
#srl_layer {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	overflow-y: auto;
	margin-left: inherit;
	margin-top: inherit;	
	z-index: 9999;
	/* Standardgröße für größere Bildschirme */
	width: 800px;
	max-width: 90%;
	max-height: 100vh;
	height: auto;
}
#srl_layer p {color:#000;}

.mod_iso_productreader h2 {  color: #fff;}
.mod_iso_productreader li {margin-left:20px;padding-right:5px;list-style-type:disc;}

#srl_layer p {color:#000;}

/* 2 Spalten für die Detailinformationen auf der Produktseite */
.details_container {
    display: flex;
    flex-wrap: wrap;  /* Sorgt für Umbruch bei kleinen Bildschirmen */
    gap: 20px;        /* Abstand zwischen den Spalten */
}
.details_container > .details_spalte {
    flex: 1;         /* Beide Spalten gleich groß */
    min-width: 300px; /* Mindestbreite der Spalten */
}
.show_rahmen {
	width: fit-content;
    border-radius: 10px; /* Abgerundete Ecken */
    padding: 20px; /* Innenabstand für mehr Luft */
    /* Schatten-Effekt */
    -moz-box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.5);
}
.standard_leser .sku {
  padding-top: 0px;
}

/* Start Media Queries */
@media only screen and (max-width: 1024px)  {
	#header .hotline {padding-top:20px;}
	.main_nav li {  padding: 10px 5px;}
}
@media only screen and (max-width: 960px)  {	
    .mod_iso_productlist .product {  width: 100%;}		
}
@media only screen and (max-width: 767px)  {	
	.details_container {flex-direction: column; /* Spalten untereinander anordnen */ }	
	#mobile_menu_button {display:block;}
	.mm-panels {text-align:left;}
	.main_nav {display:none;}
	.myheader {text-align:center;} 
	.ce_text img {width:20%;}
	.myheader .mod_search {float:none;padding-top:0;}
	#header .hotline {padding-top:0;}
	.myfooter {display:none;}
	.details_spalte {width:100%;}

}