/*************************************************************/
/*   Design:   SPIELGRUPPEN-WEBSEITEN.CH			 	 	 */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Reto Bühler, www.traumwerk.ch	                 */
/*   Datum:   Juli 2019					                     */
/*   Site: 	  wwww.spielgruppen-webseiten.ch		         */
/*************************************************************/

/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

/*  GLOBAL													 */
/*************************************************************/
html, body {height:100%; width:100%;  font: 62.5% 'roboto_condensedregular', Arial, Verdana, Helvetica, sans-serif; color:#363636; letter-spacing:0.01em;}
body {font-size:16px; font-size:1.6rem; background:#f4f4f4;}

#wrapper {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; font-size: 1.9rem; line-height: 2.8rem; text-align:left;}
* html #wrapper {height:100%;}
.mm-page {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none;}
* html .mm-page {height:100%;}

.centered {text-align:center;}

#header {height:110px; width:100%; position:relative; z-index:1200; padding:0; margin:0; float:left; overflow:visible; border-bottom:none; text-align:left;}
#header .inside {height:110px; width:100%; background:#fff;
-webkit-box-shadow: 0px 5px 8px -2px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 5px 8px -2px rgba(0,0,0,0.55);
box-shadow: 0px 5px 8px -2px rgba(0,0,0,0.55);}

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+92 */
#header .inside .content {height:110px; width:100%;}
#header .inside .content .mod_article {position:relative; height:110px; width:1180px; padding:0 20px; margin:0 auto;}






/*  SLIDER                                                   */
/*************************************************************/
#sliderart {position:relative;}
.slick-slider {overflow: hidden;}

.home #sliderart .slick-container {max-height:580px; overflow:hidden;}
.referenz #sliderart .slick-container {max-height:580px; overflow:hidden;}
#sliderart .slick-container {overflow:hidden; width: 1180px; margin: 30px auto 0 auto; padding: 0 0 50px 0; height: auto; z-index: 500;}

.slick-list {width: 940px; margin: 0 auto !important;}
#main .slick-list {width: 100%; margin: 0 auto !important;}


.slick-container .ce_text {width: 940px; margin: 0 auto; color:#fff;}
.slick-container .image_container {width: 450px; margin:0; padding:0 40px 0 0; height:auto; float:left;}
#container .slick-container .image_container {width: 100%; margin:16px 0 8px 0; padding:0; height:auto; float:left;}
.slick-container .image_container img {width: 100%; height: auto;}
.slick-container .ce_image {width: 100%; height: auto;}



.custom {width:100%; height:430px; float:left; width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005a44+0,008363+100 */
background: #004836; /* Old browsers */
background: -moz-linear-gradient(top,  #004836 0%, #278064 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #004836 0%,#278064 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #004836 0%,#278064 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004836', endColorstr='#278064',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 5px 8px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 8px -2px rgba(0,0,0,0.75);
box-shadow: 0px 5px 8px -2px rgba(0,0,0,0.75);
}
.custom .ce_slick-slider {width:100%; height:auto;}

.slick-container .slick-slide {width: 100%; height: auto; line-height: 0;}
.slick-container .slick-slide p {font-size:2.9rem; line-height:3.8rem;}

.slick-container .slidercontent {padding:140px 0 0 0; width: 450px; float: left; position:relative;}

.slick-container .slick-prev {position:absolute; top:35%; left:0; background: url(../graphics/btn-slide-prev.png) center left no-repeat; width:20px; height:40px; background-size:14px auto; cursor:pointer; transition: background 0.3s ease; border:none;}
.slick-container .slick-prev:hover {background: url(../graphics/btn-slide-prev.png) center left no-repeat; background-size:14px auto;}
.slick-container .slick-next {position:absolute; top:35%; right:0; background: url(../graphics/btn-slide-next.png) center right no-repeat; width:20px; height:40px; background-size:14px auto; cursor:pointer; transition: background 0.3s ease; border:none;}
.slick-container .slick-next:hover {background: url(../graphics/btn-slide-next.png) center right no-repeat; background-size:14px auto;}

.slick-container ul.slick-dots {position:absolute; bottom:10px; padding:0; margin:0 auto; width:100%; text-align: center;}
.slick-container ul.slick-dots li {margin:0; padding:0; display:inline-block;}

.slick-container .slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    background: url(../graphics/btn-slide-dot-inactive.png) center no-repeat;
	background-size:10px auto;
    transition: background 0.3s ease;}

.slick-container .slick-dots li.slick-active {background: url(../graphics/btn-slide-dot-active.png) center no-repeat; background-size:10px auto;}

.slick-container .slick-dots li button {
    display: none;
}

.slick-container .ce_hyperlink {
position: absolute;
    left: 490px;
    bottom: 62px;
	font-size: 2.0rem; line-height: 2.9rem;
	}
.slick-container .ce_hyperlink a {
	color:#fff;
	background-color:rgba(66,158,136,1);
	text-decoration:none;
	padding:5px 16px 4px 16px;
	transition: all ease 0.1s;
	}
.slick-container .ce_hyperlink a:hover {
	color:#008362;
	background-color:rgba(255,255,255,1);
	}



#footer .inside .content .mod_article .ce_text.desktop {display:block; padding:16px 0 0 0; margin:0;}
#footer .inside .content .mod_article .ce_text.mobile {display:none; padding:16px 0 0 0; margin:0;}






#footer {width:100%; height:330px; padding:0; position:relative; z-index:1200; margin-top: -330px; margin-left:auto; margin-right:auto; font-size:1.7rem; line-height:2.4rem; display:block; clear:both; z-index:600;}
#footer .inside {position:relative; width:100%; height:330px; display:block; margin:0; padding:0; float:left; clear:both;}
#footer .inside .top {position:relative; width:100%; height:280px; display:block; margin:0; padding:0; float:left; clear:both; background:#008362; text-align:center;
-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}
#footer .inside .top .mod_article {width:1180px; margin:0 auto; display:inline-block; color:#fff; text-align:left;}

#footer .inside .bottom {position:relative; width:100%; height:50px; display:block; margin:0; padding:0; float:left; clear:both; background:#fff; text-align:center;}
#footer .inside .bottom .mod_article {width:1180px; margin:0 auto; padding:10px 0 0 0; display:inline-block; text-align:left;}

.endcontent {height:320px; width:100%; display:block; position:relative; z-index:300;}








#cboxCurrent {display:none !important;}



#logo {position:relative; top:24px; left:0; z-index:1800; float:left; margin:0 0 0 0; padding:0;}
#logo .image_container {height:auto !important; width:275px !important;}
#logo .image_container img {height:auto !important; width:100% !important;}

#logo.mobile {display:none;}
#logo.tablet {display:none;}



#footer .inside .top .ce_text.left {position:relative; float:left; z-index:500; width:360px; margin:0 20px 0 0; padding:0;}
#footer .inside .top .ce_text.right {position:relative; float:left; text-align:left; z-index:500; width:240px; margin:0 0 0 40px; padding:0;}
#footer .inside .top .ce_text.center {position:relative; float:left; text-align:left; z-index:500; width:500px; margin:0 20px 0 0; padding:0;}

#footer .inside .bottom .ce_text.left {position:relative; float:left; z-index:500; width:30%;}
#footer .inside .bottom .ce_text.right {position:relative; float:right; text-align:right; z-index:500; width:30%;}

/*  CONTAINER (INCLUDING LEFT/MAIN/RIGHT					 */
/*************************************************************/
#container {position:relative; width:100%; margin:0 auto; padding:0; display:inline-block; z-index:500; min-height:30px; text-align:left; float:left;}
* html #container {height:30px;}
#main {position:relative; margin:0 auto; padding:0 20px; width:1180px !important; display:block;}
#main .inside {display:block; margin:0; padding:0 0 80px 0; width:100%; float:left;}




strong, bold {font-family:'roboto_condensedbold' !important; font-weight:normal !important;}
em {font-family: 'antoniolight' !important; font-style:normal;}

bold em, strong em, em bold, em strong {font-family: 'roboto_condensedbold' !important; font-style:normal !important;}

.ce_ytvideo {padding:0 0 40px 0; float:left;}

/*************************************************************/
/*  NAVIGATION												 */
/*************************************************************/

#header .navigation {position:absolute; left:0; bottom:0; float:left; text-align:center; width:100%; padding:0 0 0 0; margin:0; z-index:1500; overflow:visible;}
#header .navigation ul {position:relative; padding:0; margin:0 auto; width:489px; display:block; font-size:2.2rem; line-height:3.0rem; font-family: 'roboto_condensedbold'; font-weight:normal; letter-spacing:0.02em;}
#header .navigation li {display:inline-block; float:left; padding:0; margin:0 0 0 3px; position:relative; text-align:left; z-index:1;}
#header .navigation li.first {margin:0 0 0 0;}
#header .navigation li:hover {z-index:2;}

#header .navigation li a {color:#424242; float:left; text-align:center; margin:0; padding:60px 0 20px 0; width:120px; text-decoration:none; overflow:hidden; transition: all ease 0.1s; background-color:rgba(229,229,229,1);}
#header .navigation li a:hover,
#header .navigation li a.active,
#header .navigation li a.trail,
#header .navigation li:hover a {color:#fff; text-decoration:none; padding:60px 0 20px 0; width:120px; background-color:rgba(39,128,100,1);}

#header .navigation li:hover .level_2 {display:block; visibility:visible; opacity:1; left: 50%; margin-left: -130px;}
#header .navigation li .level_2 {display: block; visibility:hidden; opacity:0; left: 50%; margin-left: -130px;}

#header .navigation li ul {
	position:absolute; 
	top:110px;
	background:url(../../../files/data/graphics/nav-main-flyout.png) center top no-repeat #fff;
	height:auto;
	width:260px;
	margin:0;
	padding:20px 0 28px 0;
	list-style:none;
	font-size:1.8rem;
	line-height:2.5rem;
	font-family:'roboto_condensedregular';
	letter-spacing:0em;
	}
#header .navigation li:hover li,
#header .navigation li.active li {width:260px; padding:0; margin:0; height:auto;}

#header .navigation li.last ul {background:url(../../../files/data/graphics/bg-nav-flyout.png) center top no-repeat;}
#header .navigation li li {margin:0; padding:0 !important; background:url(../../../files/data/graphics/nav-sub-divider.png) center bottom no-repeat;}
#header .navigation li li.last {background:none;}

#header .navigation li li a,
#header .navigation li:hover li a,
#header .navigation li.active li a {color:#424242; background-color:rgba(39,128,100,0); width:220px; height:auto; padding:7px 20px 10px 20px; margin:0 0 0 0; text-indent:0; font-weight:normal; transition: none; text-align:center;}
#header .navigation li:hover li a:hover,
#header .navigation li.active li a:hover,
#header .navigation li ul li a.active,
#header .navigation li ul li a.trail {color: #fff; background-color:rgba(39,128,100,1); width:220px; text-decoration:none; padding:7px 20px 10px 20px; margin:0 0 0 0;}
#header .navigation li li.last a {}

/*IE*/
#header .navigation li li a:hover,
#header .navigation li li a:hover {color: #fff; text-decoration: none;}
/**/


#container .mod_navigation {
    text-align: center;
    float: left;
    width: 100%;
    margin: 12px 0 0 0;
    padding: 0;}
#container .mod_navigation ul {
    text-align: center;
    float: left;
    width: 100%;}	
#container .mod_navigation ul li {
    padding: 0;
    display: inline-block;
    margin: 0 3px 0 0;
	float:left;}
#container .mod_navigation ul li a {
    background-color:rgba(229,229,229,1);
    color: #424242;
	font-family:'roboto_condensedbold';
    margin: 0;
    padding: 5px 10px;
    display: inline-block;
    transition: all 0.1s ease-in 0.0s;
	text-decoration:none !important;}	
#container .mod_navigation ul li a:hover, #container .mod_navigation ul li a.active, #container .mod_navigation ul li a.trail {
    background-color:rgba(39,128,100,1);
    color: #fff;
    margin: 0;
    padding: 5px 10px;
    display: inline-block;
    transition: all 0.1s ease-in 0.0s;
	text-decoration:none !important;}		


/*  SERVICE													 */
/*************************************************************/
#header .mod_nav_service {position:relative; padding:16px 0 0 0; margin:0; z-index:1800; float:right;}
#header .mod_nav_service ul {padding:0; margin:0; float:left; text-transform: none; font-size:1.6rem; line-height:2.3rem;}
#header .mod_nav_service ul li {display:block; float:left; padding:0 0 0 14px; margin:0 0 0 13px;}
#header .mod_nav_service ul li.first {padding:0; margin:0; background:none;}
#header .mod_nav_service ul li a, #header .mod_nav_service ul li a:link, #header .mod_nav_service ul li a:visited {color:#707070; float: left; padding:0; text-decoration:none;}
#header .mod_nav_service ul li a:hover, #header .mod_nav_service ul li a.active, #header .mod_nav_service ul li a.forward {text-decoration: none; color:#000;}

#header .mod_nav_service ul li.hidetop {display:none;}

#footer .mod_nav_service {float:right; text-align:left; padding:0 0 0 0; margin:0 0 0 0; width:auto;}
#footer .mod_nav_service ul {padding:0; margin:0; float:none; display:inline-block; text-transform: none; font-size: 1.6rem; line-height: 2.3rem;}
#footer .mod_nav_service ul li {display:block; float:left; padding:0 0 0 14px; margin:0 0 0 13px;}
#footer .mod_nav_service ul li.first {padding:0; margin:0; background:none;}
#footer .mod_nav_service ul li a, #footer .mod_nav_service ul li a:link, #footer .mod_nav_service ul li a:visited {color:#707070; float: left; padding:0; text-decoration:none;}
#footer .mod_nav_service ul li a:hover, #footer .mod_nav_service ul li a.active, #footer .mod_nav_service ul li a.forward {text-decoration: none; color:#000;}

#footer .mod_nav_service ul li.hidebottom {display:none;}



/*************************************************************/
/*  CONTENT												  	 */
/*************************************************************/
#header p {padding:0; margin:0; display:block;}
.custom p {padding:0; margin:0; display:block;}
#container p {padding:12px 0 12px 0; margin:0; display:block;}
#container .teaser p {padding:0 0 0 0; margin:0; display:block;}
#container p.more {padding:0 0 0 0; margin:0; display:block;}
#container .infobox p.more {padding:0 20px; margin:0; display:block;}


#footer .bottom p {padding:0 0 0 0; margin:0;}
h1 {padding:40px 0 0 0; margin:0 0 24px 0; font-size:4.5rem; line-height:5.3rem; color:#008362; font-family:'roboto_condensedbold'; letter-spacing:0em; text-transform:none; display:inline-block;}


#main h2 {padding: 24px 0 0 0; margin: 24px 0 0 0; font-size:3.4rem; line-height:4.3rem; text-transform:none; border-top:1px dotted #008362; font-family:'roboto_condensedbold'; color:#424242; display:block; width:100%; display:inline-block;}

#main .small h2,
#main h2.small {padding: 24px 0 0 0; margin: 24px 120px 0 120px; width:940px; font-size:3.4rem; line-height:4.3rem; text-transform:none; border-top:1px dotted #008362; font-family:'roboto_condensedbold'; color:#424242; display:block; display:inline-block;}

#footer h2 {padding:32px 0 12px 0; margin:0; font-size:2.8rem; line-height:3.7rem; text-transform:none; font-family:'roboto_condensedbold'; text-transform: none; color:#fff;}

#main .box-head h2 {padding:16px 20px; margin:0; font-size:2.2rem; line-height:3.1rem; text-transform:none; font-family:'roboto_condensedbold'; background:#008363; color:#fff; display:block; width:328px; float:left;}
#main h3 {padding:24px 0 0 0; margin:0; font-size:2.0rem; line-height:2.7rem; text-transform:none; font-family:'roboto_condensedbold'; display:inline-block; width:100%;}
#main .box-head h3 {padding:8px 0 0 0; margin:0; color:#fff; font-size:2.4rem; line-height:3.1rem; text-transform:none; font-family:'roboto_condensedbold'; display:inline-block; width:100%;}

h4 {padding:12px 0 0 0; margin:0; font-size:1.8rem; line-height:2.5rem; text-transform:none; font-family:'roboto_condensedbold'; display:inline-block; width:100%;}


#container .ce_text, #container .ce_image {clear:both; float:left; width:100%;}
#container .ce_text.small {clear:both; float:left; width:940px; margin:0 120px; padding:0;}
#container .ce_text.lead {text-align:center; clear:both; float:left; width:940px; margin:0 120px; padding:0; font-size:2.8rem; line-height:3.8rem; font-family: 'roboto_condensedlight';}
#container .ce_text.faq {clear:both; float:left; width:740px; margin:0 120px; padding:0;}

#container a, #container a:link, #container a:visited {color:#278064; text-decoration:underline;}
#container a:hover, #container a:active {color:#278064; text-decoration:underline;}
#container .bubble-answer a, #container .bubble-answer a:link, #container .bubble-answer a:visited {color:#fff; text-decoration:underline;}
#container .bubble-answer a:hover, #container .bubble-answer a:active {color:#fff; text-decoration:underline;}
#header a, #header a:link, #header a:visited {color:#0e71b8; text-decoration:none;}
#header a:hover, #header a:active {color:#fff; text-decoration:underline;}
#footer .top a, #footer .top a:link, #footer .top a:visited {color:#fff; text-decoration:none;}
#footer .top a:hover, #footer .top a:active {color:#fff; text-decoration:underline;}
#footer .bottom a, #footer .bottom a:link, #footer .bottom a:visited {color:#0e71b8; text-decoration:none;}
#footer .bottom a:hover, #footer .bottom a:active {color:#000; text-decoration:none;}


#container h3 a, #container h3 a:link, #container h3 a:visited {color:#008362; text-decoration:none;}
#container h3 a:hover, #container h3 a:active {color:#008362; text-decoration:none;}

#header .ce_text {float:left;}
#main .ce_text {position:relative;}


img {vertical-align:bottom;}
table {border-collapse:collapse;}



/* CE DOWNLOADS */
.ce_download, .ce_downloads {position:relative; float:left; width:100%; margin:0; padding:0; text-align:left;}
.ce_download ul, .ce_downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;}
#container .ce_download h3, #container .ce_downloads h3 {padding:12px 0 9px 0;}
.ce_download ul li, .ce_downloads ul li, .enclosure {position:relative; width:100%; padding:0 0 0 0; margin:0 0 8px 0; background:#efefef;}
.ce_download.first ul li, .ce_downloads.first ul li, .enclosure.first {margin:18px 0 12px 0;}

.ce_download img, .ce_downloads img, .enclosure img {position:absolute; left:5px; top:5px; z-index:1000;}
#container .ce_download ul a, #container .ce_download ul a:visited, #container .ce_download ul a:link {
	position:relative;
	z-index:300;
	display:block;
	padding:8px 10px 10px 58px;
	margin:0 0 0 0;
	color:#6e6e6e;
	text-decoration:none;
	}	
#container .ce_download ul li:hover a {color:#fff !important;}


#container .ce_download ul.ext-pdf a, #container .ce_download ul.ext-pdf a:visited, #container .ce_download ul.ext-pdf a:link {
	background:url(../../../files/data/graphics/icon-pdf.png) 10px 5px no-repeat; background-size:auto 36px;}	
#container .ce_download ul.ext-pdf li:hover a {background:url(../../../files/data/graphics/icon-pdf-active.png) 10px 5px no-repeat #278064; background-size:auto 36px; color:#fff !important;}

#container .ce_download ul.ext-doc a, #container .ce_download ul.ext-doc a:visited, #container .ce_download ul.ext-doc a:link {
	background:url(../../../files/data/graphics/icon-doc.png) 10px 5px no-repeat; background-size:auto 36px;}	
#container .ce_download ul.ext-doc li:hover a {background:url(../../../files/data/graphics/icon-doc-active.png) 10px 5px no-repeat #278064; background-size:auto 36px; color:#fff !important;}

#container .ce_download ul.ext-docx a, #container .ce_download ul.ext-docx a:visited, #container .ce_download ul.ext-docx a:link {
	background:url(../../../files/data/graphics/icon-doc.png) 10px 5px no-repeat; background-size:auto 36px;}	
#container .ce_download ul.ext-docx li:hover a {background:url(../../../files/data/graphics/icon-doc-active.png) 10px 5px no-repeat #278064; background-size:auto 36px; color:#fff !important;}

#container .ce_download ul.ext-jpg a, #container .ce_download ul.ext-jpg a:visited, #container .ce_download ul.ext-jpg a:link {
	background:url(../../../files/data/graphics/icon-image.png) 10px 5px no-repeat; background-size:auto 36px;}	
#container .ce_download ul.ext-jpg li:hover a {background:url(../../../files/data/graphics/icon-image-active.png) 10px 5px no-repeat #278064; background-size:auto 36px; color:#fff !important;}

#container .ce_download ul.ext-png a, #container .ce_download ul.ext-png a:visited, #container .ce_download ul.ext-png a:link {
	background:url(../../../files/data/graphics/icon-image.png) 10px 5px no-repeat; background-size:auto 36px;}	
#container .ce_download ul.ext-png li:hover a {background:url(../../../files/data/graphics/icon-image-active.png) 10px 5px no-repeat #278064; background-size:auto 36px; color:#fff !important;}

.ce_download img {display:none;}

/* TEXT - CE */
#main .ce_text .image_container {padding:8px 0 10px 0; float:left;}
#main .ce_text .image_container.float_left {width:48% !important; height:auto !important; padding:16px 4% 10px 0 !important;}
#main .ce_text .image_container.float_right {width:48% !important; height:auto !important; padding:16px 0 10px 4% !important; float:right;}
#main .ce_text .image_container.float_below {padding:32px 0 0 0; float:left; width:100% !important; height:auto !important;}
#main .ce_text .image_container.float_above {padding:14px 0 10px 0; float:left; width:100% !important; height:auto !important;}
#main .ce_text .image_container img {width:100% !important; height:auto !important; float:left;}

#main .ce_image {padding:0 0 0 0; width:100%; float:left; clear:both;}
#main .ce_image .image_container {padding:16px 0 8px 0;}
#main .ce_image .image_container img {width:100% !important; height:auto !important;}


#footer .ce_text .image_container {padding:12px 0 0 0; float:left; width:auto; height:auto !important;}
#footer .ce_text .image_container img {width:100%; height:auto;}

.fusszeile-sslv {width:250px; float:right;}

.rs-columns {width:100%; display:inline-block; margin: 0; padding: 0 0 12px 0;}

.rs-columns .rs-column.-large-col-3-1 {width:368px; margin:0 38px 0 0; float:left; text-align:left;}
.rs-columns .rs-column.-large-col-3-1.-large-last {width:368px; margin:0 0 0 0;}


/* GALLERY - CE */
#main .ce_gallery {padding:0 0 0 0; clear:both; width:100%; float:left;}
#main .ce_gallery ul {padding:0; margin:20px 0 8px 0; float:left; width:100%;}
#main .ce_gallery ul li {padding:0 3.125% 3.125% 0; margin:0; float:left; width:31.25%;}
#main .ce_gallery .col_last {padding:0 0 3.125% 0;}
#main .ce_gallery .image_container {padding:0 !important; margin:0 !important; width:100% !important; height:auto !important;}
#main .ce_gallery .image_container img {float:left; width:100% !important; height:auto !important;
-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}

.ce_gallery .image_container a {}
.caption {font-size:1.8rem; line-height:2.5rem; padding-top:3px; float:left; width:100%; text-align:left;}


#container .ce_text ul {list-style-type:none; margin:0; padding:12px 0 12px 0;}
#container .ce_text ul li {margin:0 0 0 0; padding:0 0 0 18px; display:block; background:url(../../../files/data/graphics/icon-list.png) 3px 10px no-repeat;}

#container .description ul {list-style-type:none; margin:0; padding:0 0 24px 0; font-size:1.7rem; line-height:2.6rem;}
#container .description ul li {margin:0 0 0 0; padding:0 0 0 18px; display:block; background:url(../../../files/data/graphics/icon-list.png) 3px 10px no-repeat;}


#container .box .ce_text ul {list-style-type:none; margin:0; padding:12px 0 12px 0;}
#container .box .ce_text ul li {margin:0 0 8px 0; padding:0 0 0 20px; display:block; background:url(../../../files/data/graphics/icon-list-hook.png) left 6px no-repeat; background-size:14px auto;}

#container ol {margin:0 0 0 0; padding:0;}
#container ol li {margin:0 0 0 16px; padding:16px 0 0 8px; display: list-item;}

#container .ce_text ul,
#container .ce_text ol {width:100%; margin:0; float:none;}

#container p.back {padding: 16px 0 12px 0; margin: 0; display: block; float:right;}
#container p.back a {background-color: rgba(39,128,100,1) !important; padding:5px 16px; display:inline-block; color:#fff; text-decoration:none; transition: all 0.1s ease-in 0.0s;}
#container p.back a:hover {background-color: rgba(229,229,229,1) !important; padding:5px 16px; display:inline-block; color:#424242; text-decoration:none;}


#footer ul {list-style-type:none; margin:0 0 24px 0; padding:0;}
#footer ul li {margin:0; padding:0; display:block;}

#footer .top li {margin:0; padding:0; display:block;}
#footer .top li a {margin:0; padding:0 0 0 14px; display:block; background:url(../../../files/data/graphics/icon-arrow-grey.png) 2px 6px no-repeat; color:#707070 !important;}
#footer .top li a:hover {background:url(../../../files/data/graphics/icon-arrow-green.png) 2px 6px no-repeat; color:#878509 !important; text-decoration:none !important;}

#footer .bottom .ce_text {float:left;}

/* PAGINATION */
#main .pagination {width:100%; float:left; display:block; padding:9px 0 0 0;}
#main .pagination p {width:30%; float:right; display:block; padding:0; text-align:right;}
#main .pagination ul {width:70%; float:left; display:block; list-style-type:none; padding:0 0 0 0;}
#main .pagination ul li {float:left !important; display:inline; background:none; margin:0 12px 0 0 !important; padding:0 !important;}
#main .pagination .current {color:#636363;}

.ce_dlh_googlemaps {margin:0; padding:0; float:left; width:100%;}
/* .dlh_googlemap {width:100%; height:500px; float:left; display:block; z-index:1200;}*/
.dlh_googlemap {margin:20px 0 12px;}


.rs-columns {width:100%; display:inline-block; margin: 0; padding: 0 0 12px 0;}

.rs-columns .rs-column.-large-col-2-1 {width:570px; margin:0 40px 0 0; float:left; text-align:left;}
.rs-columns .rs-column.-large-col-2-1.-large-last {width:570px; margin:0 0 0 0;}

.rs-columns .rs-column.-large-col-2-1.abstand {margin-bottom:40px;}

.rs-columns.small {width:940px; display:inline-block; margin: 0; padding: 0 120px 12px 120px;}
.rs-columns.small .rs-column.-large-col-2-1 {width:450px; margin:0 40px 0 0; float:left; text-align:left;}
.rs-columns.small .rs-column.-large-col-2-1.-large-last {width:450px; margin:0 0 0 0;}

#footer .rs-columns {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 0;
}

.rs-columns.ablauf {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 16px 0 42px 0;
}

.rs-columns.datenanlieferung h3 {padding:20px;}
#container .rs-columns.datenanlieferung p {padding-left:20px; padding-right:20px;}
#container .rs-columns.datenanlieferung ul {padding-left:20px; padding-right:20px; width:530px;}

#container .arrow_box {
	position: relative;
	background: #fff;
	height: 140px;
	width:278px;
	padding-left:20px;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}
#container .arrow_box:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 70px;
	margin-top: -70px;
}

#container .arrow_box p {font-size: 3.2rem; margin: 0; padding: 12px 0 8px 0; font-family: 'roboto_condensedbold';}
#container .arrow_box h3 {margin-top: 0; padding-top: 0; color: #424242;}

#main .infobox {background:#fff; background-color: rgba(255,255,255,1); padding-bottom: 20px; height:auto; -webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55); -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55); box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);}
#main .infobox.ablauf {height:780px;}

#main .infobox h3 {background-color: rgba(39,128,100,1); margin-bottom: 10px; width: 530px; color: #fff; padding: 20px; font-size: 2.8rem; line-height:3.5rem;}
#main .infobox p {}




.bubble 
{
position: relative;
width: 580px;
height: 80px;
padding: 10px 20px;
margin: 0 0 20px 0;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 35px;
}

.bubble-answer
{
    position: relative;
    width: 580px;
    height: 80px;
    padding: 10px 20px;
	margin: 0 0 40px 0;
    background: #429e88;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: right;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);	
	color:#fff;
}

.bubble-answer:after 
{
	content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #429e88;
    display: block;
    width: 0;
    z-index: 1;
    right: -15px;
    top: 35px;
}

.bubble .faq-icon, .bubble-answer .faq-icon {width: 20px; float: left;}
.bubble .faq-text, .bubble-answer .faq-text {width: 90%; float: left;}

#main .box {background:#fff; float:left; height: 850px; position:relative; font-size: 1.7rem; line-height: 2.6rem;
-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
width: 100%;}
#main .box .box-head {background:#e5e5e5; padding:0 0 16px 0; margin:0 0 16px 0;}

#main .box .box-head .box-head-left {float: left; padding: 10px 0 10px 20px; width: 160px;}
#main .box .box-head .box-head-left h3 {color: #424242; font-size: 3.6rem; line-height:4.5rem; padding: 24px 0 0 0;}

#main .box .box-head .box-head-right {float: right; padding: 12px 0 0 24px; margin:0 0 0 0; height:78px; width: 164px; background: url(../graphics/angebot-preis.png) left top no-repeat;}
#main .box .box-head .box-head-right h3 {padding:8px 0 0 0; margin:0 10px 0 0; float:right; font-size:2.6rem; line-height:3.3rem; text-transform:none; font-family:'roboto_condensedbold'; display:inline-block; width:auto; text-align:right;}
#main .box .box-head .box-head-right p {font-size: 1.5rem; line-height: 2.4rem; text-align:right; font-family: 'roboto_condensedregular'; color: #fff; padding: 0; margin: 0 10px 0 0;}

#main .box .box-content {width: 328px; padding: 0 20px; background: #fff;}

#main .box .hosting {position:absolute !important; bottom:80px; padding:0 20px;}

#main .button-rund {width: 100%; margin: 16px 0 -90px 0; top:-90px;}
#main .button-rund p {width: 100%; text-align: center;}
#main .button-rund p a {background: #008362; color: #fff; width: 120px; height: 80px; margin: 0 auto; padding: 20px 0; display: inline-block; font-family:'roboto_condensedbold'; font-size: 1.9rem; line-height: 2.5rem; transition: all ease 0.1s; text-decoration:none;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px solid #008362;
-webkit-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
}
#main .button-rund p a:hover {background: #e5e5e5; color: #707070; text-decoration:none;}


#main .angebot-uebersicht {width: 550px; display: inline-block; clear: both;
    position: relative;
    min-width: 80px;
    padding: 10px;
    text-align: left;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 16px 0 0 0;
    -webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);}
#main .angebot-uebersicht .preis {width:362px; float:left; font-family: 'roboto_condensedbold';}
#main .angebot-uebersicht .preis h3 {color: #424242; float:left; font-size: 3.6rem; line-height: 4.5rem; font-family: 'roboto_condensedbold'; padding: 5px 0 0 0;}
#main .angebot-uebersicht .preis p {padding-bottom:0;}
#main .angebot-uebersicht .preis-sslv {float:right; padding: 4px 0 0 12px; margin:0; height:78px; width:134px; background: url(../graphics/angebot-preis.png) left top no-repeat;}
#main .angebot-uebersicht .preis-sslv p {
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-family: 'roboto_condensedregular';
    color: #fff;
    padding: 0;
    margin: 0 10px 0 0;
    text-align: right;}
#main .angebot-uebersicht .preis-sslv h3 {
    padding: 0 0 0 0;
    margin: 0 10px 0 0;
    float: right;
    font-size: 2.2rem;
    line-height: 2.8rem;
    text-transform: none;
    font-family: 'roboto_condensedbold';
    display: inline-block;
    width: auto;
    text-align: right;
	color:#fff;}


#container p.btn {margin:12px 0 0 0; padding:0; clear: both;}
#container p.btn a {font-family:'roboto_condensedbold';
	background-color:rgba(39,128,100,1);
    color: #fff;
    margin: 0;
    padding: 5px 10px;
    display: inline-block;
    transition: all 0.1s ease-in 0.0s;
	text-decoration:none;}
#container p.btn a:hover {background-color:rgba(229,229,229,1);
    color: #424242;
	text-decoration:none;
    transition: all 0.1s ease-in 0.0s;}

#container p.btn.angebotsuebersicht a {width:328px;}



.sprechblase {
	position: relative;
	width: 348px; /* Prozentweite der Sprechblase */
	min-width: 80px;
	padding: 10px;
	text-align: center;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* Positionierung zB. 2 nebeneinander */
	float: left;
	margin: 50px 0 0 0;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);	
}
 
/* Dreieck: weisse Innenfläche */
.sprechblase:after {
	content: "";
	position: absolute;
	z-index: 1;
	display: block;
	width: 0;
	top: -15px;
	left: -15px; /* Hälfe der Dreiecksweite minus Hälfte der Sprechblase */
	margin-left: 50%; /* Hälfte der Sprechblase */
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #fff transparent;
}
 
/* Dreieck: schwarzer Rahmen */
.sprechblase:before {
	content: "";
	position: absolute;
	z-index: 0;
	display: block;
	width: 0;
	top: -20px;
	left: -17px; /* Hälfe der Dreiecksweite minus Hälfte der Sprechblase */
	margin-left: 50%; /* Hälfte der Sprechblase */
}

#main .sprechblase h3 {padding: 0 0 16px 0;}
#container .sprechblase p.btn a {width: 100%; padding: 5px 0;}
#main .sprechblase .box-head {background:#e5e5e5; padding:0 0 16px 0; margin:0 0 16px 0; float: left;}

#main .sprechblase .box-head .box-head-left {float: left; padding:10px 0 10px 10px; width:150px;}
#main .sprechblase .box-head .box-head-left h3 {color:#424242; padding:24px 0 0 0; text-align:left; font-size: 3.6rem; line-height: 4.5rem;}

#main .sprechblase .box-head .box-head-right {background:#ff9600; float:right; padding: 12px 0 0 24px; margin:0 0 0 0; height:78px; width: 164px; background: url(../graphics/angebot-preis.png) right top no-repeat;}
#main .sprechblase .box-head .box-head-right h3 {padding:8px 0 0 0; margin:0 10px 0 0; float:right; font-size:2.6rem; line-height:3.3rem; text-transform:none; font-family:'roboto_condensedbold'; display:inline-block; width:130px; text-align:right;}
#main .sprechblase .box-head .box-head-right p {font-size: 1.5rem; line-height: 2.4rem; font-family: 'roboto_condensedregular'; color: #fff; padding: 0; margin: 0 10px 0 0; text-align: right;}




.sprechblase-breit {
	position: relative;
	width: 1160px; /* Prozentweite der Sprechblase */
	min-width: 80px;
	padding: 10px 10px;
	text-align: center;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* Positionierung zB. 2 nebeneinander */
	float: left;
	margin: 50px 0 0 0;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);	
}

.nahtlos .sprechblase-breit {margin: 20px 0 0 0;}

#main .sprechblase-breit h2 {border-top: none; margin-top: 0; padding-bottom: 24px; background: #e5e5e5;}
#main .sprechblase-breit .left {text-align: left; padding-left: 0; margin-bottom: 20px; padding-right: 40px; float: left; width: 550px;}
#main .sprechblase-breit .right {text-align: left; padding-left: 0; margin-bottom: 20px; float: left; width: 550px;}



/*  FORMULARE (STANDARD/KOMMENTARE						  	 */
/*************************************************************/
#main .ce_form {width:100%; margin:0 auto; padding: 8px 0 30px 0 !important; clear: both; float: left;}
#main .rs-columns .ce_form {width:100%; margin:0 auto; padding:0 0 0 0 !important; clear:both;}

#main .formbody {padding:16px 0 0 0; float:left; width: 100%;}
#main .formbody label {float:left; display:block; width:100%; padding:0 0 0 0; margin:3px 0 3px 0; text-align:left;}
#main .formbody label.error {float:left; display:block; width:100%; padding:0 0 0 0; margin:3px 0 0 0; text-align:left;}

#main .rs-columns .ce_form label {text-align:left;}

#main .formbody input {float:left; width:95%; height:34px; border:none; color:#008362; margin:0 0 8px 0; padding:2px 2.5%; background:#fff;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);	}
#main .formbody input.error {background:#fff; margin:2px 0 8px 0;}
#main .formbody input:focus {background:#fff;}

#main textarea {float:right; width:95%; height: 140px; border:none; margin:0 0 12px 0; color:#008362; resize: none; padding:8px 2.5%; background:#fff; font-family:'roboto_condensedregular', Arial, Verdana, Helvetica, sans-serif;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);	
}
#main textarea.error {margin:0 0 8px 0;}
#main .formbody textarea.error {background:#fff;}
#main .formbody textarea:focus {background:#fff;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #008362;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #008362;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #008362;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #008362;
}

#main .formbody .submit {color:#fff; text-align:left; background-color: rgba(39,128,100,1) !important; border:none; cursor:pointer; height:38px; margin:16px 0 8px 0; padding:3px 2.5% 5px 2.5%; float:left; width:100%; font-weight:normal; transition: all 0.1s ease-in 0.0s;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);	
}
#main .formbody .submit:hover {color:#424242; text-align:left; background-color: rgba(229,229,229,1) !important; border:none; cursor:pointer; height:38px; margin:16px 0 8px 0; padding:3px 2.5% 5px 2.5%; float:left; width:100%; font-weight:normal;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);	
}

#main .formbody p.error {color:#fff; background:#ee0000; float:left; width:98%; padding:5px 0 4px 2% !important; margin:0 0 8px 0;}
#main .formbody legend {float:left; display:block; width:100%; padding:0 0 0 0; margin:12px 0 12px 0; text-align:left;}
#main .formbody .radio_container.last legend {float:left; display:block; width:100%; padding:0 0 0 0; margin:0 0 12px 0; text-align:left;}
#main .ce_form .captcha_text {float:right; display:block; width:67.3%; padding:0 0 0 0; margin:2px 0 8px 0; text-align:left;}
#main select {float:left; width:100%; height: 38px; border:none; color:#282a2a; margin:0 0 8px 0; padding:2px 2%; background: #fff; font-size:1.9rem; line-height:2.8rem;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}
#main .formbody br, #main .formbody div {clear:both; margin:0; padding:0; width:100%; display:block; float:left;}

option {background:#d9d9d9; font-size:1.9rem; line-height:2.8rem;}

.checkbox_container {width:100%; display:block; float:left;	padding:0 0 12px 0; position:relative; line-height:2.1rem;}
.checkbox_container label {width:auto !important; float:left; margin:0 !important; padding:0 !important;}
.checkbox_container span {position:relative; width:100%; display:block; float:left; padding:0; margin:0 0 12px 0;}
.checkbox_container span.mandatory {width:10px; display:inline; float:none;}

.radio_container {width:100%; display:block; float:left;	padding:0 0 12px 0; position:relative; line-height:2.1rem;}
.radio_container label {width:auto !important; float:left; margin:0 !important; padding:0 !important;}
.radio_container span {position:relative; width:100%; display:block; float:left; padding:0; margin:0 0 12px 0;}
.radio_container span.mandatory {width:10px; display:inline; float:none;}

.checkbox, .radio {opacity: 0 !important; position: absolute !important;}

.checkbox, .checkbox_container label, .radio, .radio_container label {
    display: inline-block !important;
	height:auto !important;
	padding:0 !important;
	margin:0 !important;
    cursor: pointer !important;
}

label, .radio-custom-label {
    position: relative !important;
}

.checkbox + label:before, .radio + .radio-custom-label:before {
    content: '' !important;
    background: #fff !important;
    border: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    margin-right: 10px !important;
	margin-top:0 !important;
	margin-bottom:8px !important;
    text-align: left !important;
	float:left;
	-webkit-box-shadow: 0px 3px 10px -3px rgba(0,0,0,1);
    -moz-box-shadow: 0px 3px 10px -3px rgba(0,0,0,1);
    box-shadow: 0px 3px 10px -3px rgba(0,0,0,1);	
}

.checkbox:checked + label:before {
	content: '' !important;
    background-color:#008362 !important;
	background-image:url(../../../files/data/graphics/icon-checkbox.png) !important; 
	background-size:auto !important; 
	background-repeat:no-repeat !important; 
	background-position:2px 4px !important;
    color: #fff !important;
	
}

.radio + label:before {
    content: '' !important;
    background: #fff !important;
    border: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    margin-right: 10px !important;
	margin-top:0 !important;
    text-align: left !important;	
    border-radius: 50% !important;
	-webkit-box-shadow: 0px 3px 10px -3px rgba(0,0,0,1);
    -moz-box-shadow: 0px 3px 10px -3px rgba(0,0,0,1);
	box-shadow: 0px 3px 10px -3px rgba(0,0,0,1);	
}

.radio:checked + label:before {
	content: '' !important;
    background-color:#008362 !important;

	background-size:auto !important; 
	background-repeat:no-repeat !important; 
	background-position:2px 4px !important;
    color: #fff !important;
}

.radio_container span {width: auto; margin: 0 16px 12px 0;}
.radio + label:before {margin-top: 1px !important; margin-right: 6px !important;}


#main .formbody legend {font-family: 'roboto_condensedbold';}
#main .formbody .radio_container legend {font-family: 'roboto_condensedbold';}

/*  SHOP PRODUKTLISTE / PRODUKTUEBERSICH				  	 */
/*************************************************************/

#main .mod_iso_productlist .product {width:368px; padding:0 38px 16px 0; float:left;}
#main .mod_iso_productlist .product_2 {padding:0 0 16px 0;}
#main .mod_iso_productlist .product_5 {padding:0 0 16px 0;}

#main .mod_iso_productlist .formbody {width:100%; padding:0;}
#main .mod_iso_productlist .formbody .submit_container {display:none;}
#main .mod_iso_productlist .formbody .image_container {width:100% !important; padding: 12px 0 12px 0;}
#main .mod_iso_productlist .formbody .image_container img {width:100% !important; height:auto !important;
    -webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);}
#main .mod_iso_productlist .formbody .sku {display:none;}

#main .mod_iso_productlist .formbody .details {display:inline-block; margin:16px 0 0 0;}
#container #main .mod_iso_productlist .formbody .details a {font-family: 'roboto_condensedbold';
    background-color: rgba(39,128,100,1);
    color: #fff;
    margin: 0;
    padding: 5px 10px;
    display: inline-block;
    transition: all 0.1s ease-in 0.0s;
    text-decoration: none;}
#container #main .mod_iso_productlist .formbody .details a:hover {background-color: rgba(229,229,229,1);
    color: #424242;
    text-decoration: none;
    transition: all 0.1s ease-in 0.0s;}
	
	
	
	
	

/*  SHOP PRODUKTLESER / PRODUKTDETAIL					  	 */
/*************************************************************/

#main .mod_iso_productreader {float:left; width:100%;}
#main .mod_iso_productreader .formbody .image_container {float:left; padding:16px 0 0 0;}
#main .mod_iso_productreader .formbody .image_container img {width:100% !important; height:auto !important;
    -webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}
#main .mod_iso_productreader .formbody .options,
#main .mod_iso_productreader .formbody .sku,
#main .mod_iso_productreader .formbody .description,
#main .mod_iso_productreader .formbody .offer {width:100%; float:left; clear:none; padding:0 0 0 0;}

#main .mod_iso_productreader .formbody .sku {padding:12px 0 0 0; font-size: 1.7rem; line-height: 2.6rem;}
#main .mod_iso_productreader .formbody .offer {font-family: 'roboto_condensedbold'; font-size:3.6rem; line-height:4.5rem; padding:0 0 0 0;}

#main .mod_iso_productreader .formbody .offer .price {background: #fff;
    float: left;
    width: 212px;
    padding: 10px;
    margin: 8px 0 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 16px 0 0 0;
    -webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}
#main .mod_iso_productreader .formbody .offer .price .original_price {font-size:1.9rem; line-height:2.6rem; background:#e5e5e5; padding:8px; width: 196px;}
#main .mod_iso_productreader .formbody .offer .price .price {margin:0; padding:8px; background:#fa952b; color:#fff;
-webkit-border-top-right-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright: 0;
-moz-border-radius-topleft: 0;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0;
border-top-left-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	width: 196px;}

#main .mod_iso_productreader .formbody .widget-select label {font-family: 'roboto_condensedbold';}

#main .mod_iso_productreader .formbody .productdetail-left {float:left; width:440px; clear:none; padding:0 38px 0 0; position:relative;}
#main .mod_iso_productreader .formbody .productdetail-right {float:left; width:702px; clear:none; position:relative;}

#main .mod_iso_productreader h2 {margin: 0 0 0 0;}



/*  SHOP WARENKORB										  	 */
/*************************************************************/

#main .mod_iso_cart {padding:15px 0 0 0; float:left; width:100%;}


.mod_iso_cart {float:left; width:100%;}
.mod_iso_cart .image_container {float:left; width:100%;}
.mod_iso_cart .image_container img {width:100% !important; height:auto !important;
    -webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}
.mod_iso_cart td.col_0 {width:120px;}

.mod_iso_cart td.quantity input {display:none;}

#main .mod_iso_cart .formbody .cart-table-wrapper {width:100%; float:left;}

#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body {width:100%; float:left;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .image {width:160px; margin:0; padding:0 38px 0 0; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .name {width:482px; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .price.total {width:200px; clear:none; float:left; text-align:right;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions {width:300px; clear:none; float:left;}

#container #main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions .remove span {display:none;}
#container #main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions .remove {margin:0; padding:0; background: url(../graphics/btn-delete.png) left 4px no-repeat; background-size:20px auto; width:20px; height:30px; float:left;}
#container #main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions .edit span {display:none;}
#container #main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions .edit {margin:0 8px 0 20px; padding:0; background: url(../graphics/btn-edit.png) left 2px no-repeat; background-size:24px auto; width:24px; height:30px; float:left;}

#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot .name {width:560px; float:left; clear:none;}

#main .mod_iso_cart .formbody .cart-table-wrapper .cart-hiddenfields {display:none;}
#main .mod_iso_cart .cart-hiddenfields {display:none;}

#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot {width:982px; float:right; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot .name {width:482px; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot .price.total {width:200px; float:left; clear:none; margin:0 300px 0 0; padding:0;}

#main .mod_iso_cart .formbody .cart-table-wrapper .product {padding: 24px 0 0 0; margin:24px 0 0 0; border-top: 1px dotted #008362;}
#main .mod_iso_cart .formbody .cart-table-wrapper .product.row_0 {margin:0; padding:0; border-top:none;}

#container .name a, #container .name a:link, #container .name a:visited {font-family: 'roboto_condensedbold'; color: #278064; text-decoration: none;}
#container .name a:hover, #container .name a.active {color: #278064; text-decoration: none;}

#main .mod_iso_checkout .formbody .billingaddress .widget {float: left; width: 48%; clear: none; padding: 0 2% 0 0;}

#main .mod_iso_checkout .submit_container {float:left; width:100%; margin:16px 0 0 0;}



/*  SHOP KASSE											  	 */
/*************************************************************/

#container #main .mod_iso_checkout .submit_container .submit.next {font-family: 'roboto_condensedbold';
    background-color: rgba(39,128,100,1);
    color: #fff;
    margin: 0;
    padding: 5px 2%;
    display: inline-block;
	float:left;
	width:48%;
	text-align:left;
    transition: all 0.1s ease-in 0.0s;
    text-decoration: none;
	cursor:pointer;
	border:none;
    -webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);}	
#container #main .mod_iso_checkout .submit_container .submit.next:hover {background-color: rgba(229,229,229,1);
    color: #424242;
    text-decoration: none;
    transition: all 0.1s ease-in 0.0s;}


#container #main .mod_iso_checkout .billing_address a.btn-edit {font-family: 'roboto_condensedbold';
    background-color: rgba(39,128,100,1);
    color: #fff;
    margin: 16px 0 0 0;
    padding: 5px 2%;
    display: inline-block;
	float:left;
	text-align:left;
    transition: all 0.1s ease-in 0.0s;
    text-decoration: none;
	cursor:pointer;
	border:none;}
#container #main .mod_iso_checkout .billing_address a.btn-edit:hover {background-color: rgba(229,229,229,1);
    color: #424242;
    text-decoration: none;
    transition: all 0.1s ease-in 0.0s;}


.mod_iso_checkout .steps {display:none;}
#main .mod_iso_checkout .formbody .orderproducts {display:none;}
#main .mod_iso_checkout .empty.message {display:none;}
#main .mod_iso_checkout .orderproducts {display:none;}

#main .mod_iso_checkout {float:left; width:100%;}
#main .mod_iso_checkout .orderinfo {float:left; width:570px; padding:0 40px 0 0; clear:none;}
#main .mod_iso_checkout .orderconditions {float:left; width:570px; padding:0 0 0 0; clear:none;}


#main .mod_iso_checkout .info_container.payment_method.last {margin:0 0 24px 0;}


#main .mod_iso_checkout .formbody .submit_container {width:570px; float:right; clear:none; font-family: 'roboto_condensedbold';}
#main .mod_iso_checkout .formbody .submit.previous {display:none;}
#main .mod_iso_checkout .formbody .submit.confirm {}


/*  DATEIUPLOAD											  	 */
/*************************************************************/

#main .formbody .fineuploader-container {}
#main .formbody .fineuploader-container .upload_container {}

#main .formbody .fineuploader-container .qq-upload-list li.qq-upload-success {
    background-color: #fff;
    color: #000;
	float:left;
	width: 29.8%;
    text-align: center;
    margin: 1%;
	line-height: 2.0rem;
    font-size: 1.4rem;}
	
#main .formbody .fineuploader-container .qq-upload-list span.qq-upload-file {	
	white-space: nowrap;
    overflow: hidden !important;
    width: 100%;
	margin:0; padding:0;
    text-overflow: ellipsis;
    display: inline-block;
	float:left;}
	
#main .formbody .fineuploader-container .qq-thumbnail-wrapper {padding:10px 0;}

.qq-progress-bar {
    display: block;
    background: green;
    width: 0;
    height: 15px;
    border-radius: 0;
    margin-bottom: 3px;}

#main .formbody .fineuploader-container .qq-progress-bar-container-selector {display:none;}

#main .formbody .fineuploader-container .qq-edit-filename-selector {display:none;}

#main .formbody .fineuploader-container .qq-upload-cancel {display:block;}
#main .formbody .fineuploader-container .qq-upload-retry {display:block;}
#main .formbody .fineuploader-container .qq-upload-button {
    display: block;
    width: 95%;
	padding: 3px 2.5% 5px 2.5%;
    text-align: left;
    background: #008362;
    border-bottom: 1px solid #DDD;
    color: #FFF;
	cursor:pointer;}
#main .formbody .fineuploader-container .qq-upload-button-hover {cursor:pointer;}	

#main .formbody .fineuploader-container .qq-upload-button input {float:left;
	right:auto !important;
    top: 0 !important;
	left:0;
    font-family: Arial;
    font-size: 1rem !important;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    opacity: 0;
	width:100%;
    height: 100%;
	cursor:pointer;}

#main .formbody .fineuploader-container .qq-upload-list li {
    margin: 0;
    padding: 0;}	
#main .formbody .fineuploader-container .qq-upload-size {width: 100%; float: left; padding: 0; margin: 0;}
#main .formbody .fineuploader-container .qq-total-progress-bar-container {display:none;}


#main .formbody .fineuploader-container .qq-upload-cancel {
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: #000;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: left;
    align-items: flex-start;
    cursor: default;
    background-color: green;
    box-sizing: border-box;
    margin: 0em;
    font-family: 'roboto_condensedregular'; font-size: 1.7rem; line-height: 2.6rem;
	background: url(../graphics/btn-delete.png) left 6px no-repeat; background-size:14px auto;
    padding: 0 0 0 20px;
	margin:0 0 0 12px;
	float:left;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	border:none !important;
	cursor:pointer;
}
#main .formbody .fineuploader-container .qq-upload-retry {
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: #000;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: left;
    align-items: flex-start;
    cursor: default;
    background-color: green;
    box-sizing: border-box;
    margin: 0em;
    font-family: 'roboto_condensedregular'; font-size: 1.7rem; line-height: 2.6rem;
	background: url(../graphics/btn-reload.png) left 6px no-repeat; background-size:16px auto;
    padding: 0 0 0 20px;
	margin:0 0 0 12px;
	float:left;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	border:none !important;
	cursor:pointer;
}


.invisible {display:none !important;}


/* Desktop-Mobile Settings */
#header #mod_nav_mobile {display:none;}
#header a.mobilebtn {display:none;}

#container #main .desktop {display:block;}
#container #main .mobile {display:none;}

.desktop-invisible {display:none;}



@media (max-width:1260px){
#header .inside .content .mod_article {width: 92%; padding: 0 4%;}

#sliderart .slick-container {width: 92%; padding:0 4% 50px 4%; margin: 30px auto 0 auto; height:auto;}
.slick-container ul.slick-dots {width: 92%;}

#main {padding:0 4%; width:92% !important;}
#container .ce_text.lead {width:100%; margin:0;}

#container .ce_text.small {width:100%; margin:0;}
#container .ce_text.faq {
    clear: both;
    float: left;
    width: 740px;
    margin: 0;}


.sprechblase-breit {width: 98.30508474576271%; padding: 0.8474576271186441% 0.8474576271186441%;}
#main .sprechblase-breit .left {margin-bottom: 20px; padding-right: 3.448275862068966%; width: 47.41379310344828%;}
#main .sprechblase-breit .right {margin-bottom: 20px; width: 47.41379310344828%;}

.sprechblase {width: 94.56521739130435%; padding: 2.717391304347826%;}

#main .sprechblase .box-head {width: 100%;}
#main .sprechblase .box-head .box-head-left {width:130px;}
#main .sprechblase .box-head .box-head-right {
    padding: 12px 0 0 4.896551724137931%;
    margin: 0 0 0 0;
    width: 49.1264367816092%;
    background: url(../graphics/angebot-preis.png) left top no-repeat;
}

#main .sprechblase .box-head .box-head-left h3 {
    padding: 24px 0 0 0;
    text-align: left;
	font-size: 3.2rem;
    line-height: 4.2rem;
}
#main .sprechblase .box-head .box-head-right h3 {
    padding: 4px 0 0 0;
    font-size: 2.4rem;
    line-height: 3.0rem;}
	
.rs-columns .rs-column.-large-col-3-1 {
    width: 31.1864406779661%;
    margin: 0 3.220338983050847% 0 0;}
.rs-columns .rs-column.-large-col-3-1.-large-last {
    width: 31.1864406779661%;
    margin: 0 0 0 0;}	

#footer .inside .top .mod_article {width: 92%; padding:0 4%;}
#footer .inside .bottom .mod_article {width: 92%; padding:10px 4% 0 4%;}

.rs-columns .rs-column.-large-col-2-1 {
    width: 48.30508474576271%;
    margin: 0 3.389830508474576% 0 0;}
.rs-columns .rs-column.-large-col-2-1.-large-last {
    width: 48.30508474576271%;
    margin: 0 0 0 0;}
.rs-columns .rs-column.-large-col-2-1.abstand {margin-bottom:3.389830508474576%;}	


#main .box-head h2 {padding: 16px 2.717391304347826%; font-size: 2.2rem; line-height: 3.1rem; width: 94.56521739130435%;}
#main .box .box-head .box-head-left {
    float: left;
    padding: 10px 0 10px 10px;
    width: 130px;}

#main .box .box-head .box-head-right {
    float: right;
    padding: 12px 0 0 2.896551724137931%;
    margin: 0 0 0 0;
    height: 78px;
    width: 49.1264367816092%;}
	
#main .box .box-content {
    width: 94.56521739130435%;
    padding: 0 2.717391304347826%;
    background: #fff;
}
#main .box .hosting {
    position: absolute !important;
    bottom: 80px;
    padding: 0 2.717391304347826%;
    width: 94.56521739130435%;	
}

#main .box .box-head .box-head-left h3 {
    font-size: 3.2rem;
    line-height: 4.2rem;
    padding: 24px 0 0 0;}
	
#main .box .box-head .box-head-right h3 {padding: 4px 0 0 0; font-size: 2.4rem; line-height: 3.0rem;}


.rs-columns.ablauf {padding: 16px 0 42px 0;}
#main .infobox h3 {width: 92.98245614035088%; padding:20px 3.508771929824561%; font-size: 2.4rem; line-height: 3.1rem;}

.rs-columns.datenanlieferung h3 {padding:20px 3.508771929824561%;}
#container .rs-columns.datenanlieferung p {padding-left:3.508771929824561%; padding-right:3.508771929824561%;}
#container .rs-columns.datenanlieferung ul {padding-left:3.508771929824561%; padding-right:3.508771929824561%; width: 92.98245614035088%;}

#container .arrow_box {
	position: relative;
	background: #fff;
	height: 140px;
	width:75.54347826086957%;
	padding-left:5.434782608695652%;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}
#container .arrow_box:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 70px;
	margin-top: -70px;
}

#container .arrow_box p {font-size: 3.2rem; margin: 0; padding: 12px 0 8px 0; font-family: 'roboto_condensedbold';}
#container .arrow_box h3 {margin-top: 0; padding-top: 0; color: #424242;}

#main .infobox {background:#fff; background-color: rgba(255,255,255,1); padding-bottom: 20px; height:auto; -webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55); -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55); box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);}
#main .infobox.ablauf {height:780px;}

#main .angebot-uebersicht {width: 96.49122807017544%; display: inline-block; clear: both; background:#fff; padding:1.754385964912281%;}
#main .angebot-uebersicht .preis {width:62%; float:left; font-family: 'roboto_condensedbold';}



#main .mod_iso_productlist .product {width:31.1864406779661%; padding:0 3.220338983050847% 16px 0;}
#main .mod_iso_productlist .product_2 {padding:0 0 16px 0;}
#main .mod_iso_productlist .product_5 {padding:0 0 16px 0;}

#main .mod_iso_productreader .formbody .productdetail-left {float:left; width:37.28813559322034%; clear:none; padding:0 3.220338983050847% 0 0;}
#main .mod_iso_productreader .formbody .productdetail-right {float:left; width:59.49152542372881%; clear:none;}


#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .image {width:13.55932203389831%; margin:0; padding:0 3.220338983050847% 0 0; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .name {width:40.84745762711864%; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .price.total {width:16.94915254237288%; clear:none; float:left; text-align:right;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions {width:25.42372881355932%; clear:none; float:left;}

#container #main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions .remove {margin:0; padding:0; background: url(../graphics/btn-delete.png) left 4px no-repeat; background-size:20px auto; width:20px; height:30px; float:left;}
#container #main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions .edit {margin:0 8px 0 20px; padding:0; background: url(../graphics/btn-edit.png) left 2px no-repeat; background-size:24px auto; width:24px; height:30px; float:left;}

#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot {width:83.22033898305085%; float:right; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot .name {width:49.08350305498982%; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot .price.total {width:20.36659877800407%; float:left; clear:none; margin:0 30.54989816700611% 0 0; padding:0;}




#main .mod_iso_checkout .orderinfo {float:left; width:48.30508474576271%; padding:0 3.389830508474576% 0 0; clear:none;}
#main .mod_iso_checkout .orderconditions {float:left; width:48.30508474576271%; padding:0 0 0 0; clear:none;}


#main .mod_iso_checkout .formbody .submit_container {width:48.30508474576271%;}


}

@media (max-width:1199px){
#header {position:fixed;}
#header.up {height:80px;}

.custom {margin:110px 0 0 0;}
#container {margin:110px 0 0 0;}
body.home #container {margin:0;}
body.referenz #container {margin:0;}

#header .mod_nav_service {display:none;}

#header .navigation {display:none;}
}

@media (max-width:1150px){
#main .sprechblase .box-head .box-head-left {width: 110px;}	
#main .sprechblase .box-head .box-head-right {
    padding: 4px 0 0 2.896551724137931%;
    margin: 0 0 0 0;
    height: 86px;
    width: 51.1264367816092%;}
#main .sprechblase .box-head .box-head-right p {
    font-size: 1.5rem;
    line-height: 2.0rem;}
#main .sprechblase h3 {
font-size:1.9rem;
line-height:2.6rem;
}	
#main .sprechblase .box-head .box-head-left h3 {
    padding: 24px 0 0 0;
    text-align: left;
	font-size: 2.8rem;
    line-height: 3.8rem;
}
#main .sprechblase .box-head .box-head-right h3 {
    padding: 0 0 0 0;
    font-size: 2.2rem;
    line-height: 2.8rem;}


.custom {
    width: 100%;
    height: auto;}

.home #sliderart .slick-container {max-height:580px; overflow:hidden;}
.referenz #sliderart .slick-container {max-height:580px; overflow:hidden;}
#sliderart .slick-container {margin: 30px auto 0 auto; height: auto;}

.slick-list {width: 100%; margin: 0 auto !important;}

.slick-container .ce_text {width: 100%; margin: 0 auto; color:#fff;}
.slick-container .image_container {width: 43.87234042553191%; margin:0; padding:0 4.25531914893617% 0 4%; height:auto; float:left;}
#container .slick-container .image_container {width: 100%; margin:16px 0 8px 0; padding:0; height:auto; float:left;}

.slick-container .slidercontent {
    padding: 0 4% 0 0;
    width: 43.87234042553191%;}

.slick-container .ce_hyperlink {
    position: absolute;
    left: 52.12765957446809%;
    bottom: 18.07580174927114%;
	font-size: 1.8rem;
    line-height: 2.7rem;}

#main .box .box-head .box-head-left h3 {
    font-size: 2.8rem;
    line-height: 3.8rem;}
#main .box .box-head .box-head-right h3 {
    padding: 0 0 0 0;
    font-size: 2.2rem;
    line-height: 2.8rem;}

#main .box .box-head .box-head-right {	
    padding: 4px 0 0 2.896551724137931%;
    margin: 0 0 0 0;
    height: 86px;
    width: 51.1264367816092%;}

#main .box .box-head .box-head-left {
    float: left;
    padding: 10px 0 10px 10px;
    width: 110px;
}


#container .arrow_box h3 {font-size: 1.9rem; line-height: 2.6rem;}
#container .arrow_box {height: 180px; width: 66.54347826086957%;}
#container .arrow_box:after {border-width: 90px; margin-top: -90px;}

#main .infobox h3 {font-size: 2.1rem; line-height: 2.8rem;}
}
	

@media (max-width:1050px){
#header {position:fixed;}
#header.up {height:80px;}

.custom {margin:110px 0 0 0;}
#container {margin:110px 0 0 0;}
body.home #container {margin:0;}
body.referenz #container {margin:0;}

#header .mod_nav_service {display:none;}

#header .navigation {display:none;}

#main .sprechblase .box-head .box-head-left {width: 95px;}	
#main .sprechblase .box-head .box-head-right {
    padding: 4px 0 0 2.896551724137931%;
    margin: 0 0 0 0;
    height: 86px;
    width: 51.1264367816092%;}

#main .sprechblase .box-head .box-head-left h3 {
    padding: 24px 0 0 0;
    text-align: left;
	font-size: 2.4rem;
    line-height: 3.4rem;
}
#main .sprechblase .box-head .box-head-right p {
    font-size: 1.4rem;
    line-height: 1.9rem;
	margin: 0 6px 0 0;}
#main .sprechblase .box-head .box-head-right h3 {
    padding: 0 0 0 0;
    font-size: 1.6rem;
    line-height: 2.2rem;
	margin: 0 6px 0 0;}


.slick-container .slick-slide p {
    font-size: 2.4rem;
    line-height: 3.3rem;}



#main .box .box-head .box-head-right p {
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin: 0 6px 0 0;}
#main .box .box-head .box-head-right h3 {
    margin: 0 6px 0 0;
    font-size: 1.6rem;
    line-height: 2.2rem;}	
#main .box .box-head .box-head-left h3 {
    font-size: 2.4rem;
    line-height: 3.4rem;}
#main .box .box-head .box-head-left {
    float: left;
    padding: 10px 0 10px 10px;
    width: 95px;}	

#container .arrow_box h3 {font-size: 1.7rem; line-height: 2.4rem;}
#container .arrow_box {height: 140px; width: 86%; padding-left:4%; padding-right:2%;}
#container .arrow_box:after {border-width: 20px; margin-top: -20px;}

#main .angebot-uebersicht .preis-sslv {font-family: 'roboto_condensedregular'; font-size: 1.7rem; line-height: 2.6rem;}

#main .angebot-uebersicht .preis {
    width: 200px;
    float: left;
    font-family: 'roboto_condensedbold';
}




}


@media (max-width:970px){	

#main .box {height: 1020px;}


#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .image {width:13.55932203389831%; margin:0; padding:0 3.220338983050847% 0 0; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .name {width:53.55932203389831%; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .price.total {width:16.94915254237288%; clear:none; float:left; text-align:right;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions {width:12.71186440677966%; clear:none; float:left; display:inline-block; text-align:right;}

#container #main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions .remove {margin:0; padding:0; background: url(../graphics/btn-delete.png) left 4px no-repeat; background-size:20px auto; width:20px; height:30px; float:none; display:inline-block;}
#container #main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions .edit {margin:0 8px 0 20px; padding:0; background: url(../graphics/btn-edit.png) left 2px no-repeat; background-size:24px auto; width:24px; height:30px; float:none; display:inline-block;}

#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot {width:83.22033898305085%; float:right; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot .name {width:64.35845213849287%; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot .price.total {width:20.36659877800407%; float:left; clear:none; margin:0 15.27494908350305% 0 0; padding:0;}


}

 
@media (max-width:899px){	

#footer .rs-columns .rs-column.-large-col-3-1 {
    width: 32.1864406779661%;
    margin: 0 3.220338983050847% 0 0;}
#footer .rs-columns .rs-column.-large-col-3-1.-large-first {
    width: 31.1864406779661%;
    margin: 0 0 0 0;}	
#footer .rs-columns .rs-column.-large-col-3-1.-large-last {
    width: 30.1864406779661%;
    margin: 0 0 0 0;}
.fusszeile-sslv {
    width: 100%;
    float: right;
}		


 }

@media (max-width:880px){
#wrapper {font-size: 1.7rem; line-height: 2.6rem;}	
#footer {font-size: 1.6rem; line-height: 2.3rem;}

h1 {
    padding: 40px 0 0 0;
    margin: 0 0 12px 0;
    font-size: 4.0rem;
    line-height: 4.8rem;}
#main h2 {
    margin: 0 0 0 0;
    font-size: 3.0rem;
    line-height: 3.9rem;}
#main h3 {
    padding: 16px 0 0 0;
    font-size: 1.9rem;
    line-height: 2.6rem;}

	
#container .ce_text.lead {font-size: 2.4rem; line-height: 3.4rem;}

.sprechblase-breit {margin: 30px 0 0 0;}
	
#main .sprechblase h3 {font-size: 1.7rem; line-height: 2.4rem;}
	
#main .sprechblase .box-head .box-head-left {width: 85px; padding: 10px 0 10px 4px;}
#main .sprechblase .box-head .box-head-left h3 {
    padding: 26px 0 0 0;
    text-align: left;
	font-size: 2.1rem;
    line-height: 3.1rem;}

#main .sprechblase .box-head .box-head-right {
    padding: 4px 0 0 6.896551724137931%;
    width: 47.1264367816092%;}
	
#main .box .box-head .box-head-left h3 {
    padding: 26px 0 0 0;
    font-size: 2.1rem;
    line-height: 3.1rem;}	
#main .box .box-head .box-head-left {
    float: left;
    padding: 10px 0 10px 4px;
    width: 85px;}
	
#main .angebot-uebersicht .preis {width: 156px;}
#main .angebot-uebersicht .preis h3 {
    color: #424242;
    float: left;
    font-size: 3.6rem;
    line-height: 4.5rem;
    font-family: 'roboto_condensedbold';
    padding: 0 0 0 0;
}

 }

@media (max-width:820px){ 
#container .ce_text.faq {width: 100%;} 

 }

@media (max-width:740px){
#header .mod_nav_service {display:none;}

#footer {height:620px; padding:0; position:relative; z-index:1200; margin-top: -830px;}
#footer .inside {height:620px;}
#footer .inside .top {height:540px;
-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
}
#footer .inside .top .mod_article {}

#footer .inside .bottom {height:80px;}
#footer .inside .bottom .mod_article {}

.endcontent {height:620px;}

.fusszeile-sslv {
    width: 100%;
    float: left;
}
.fusszeile-sslv p {text-align:left !important;}

.rs-columns .rs-column.-large-col-3-1 {width: 100%; margin: 0 0 0 0;}
.rs-columns .rs-column.-large-col-3-1.-large-last {width: 100%; margin: 0 0 0 0;}

.sprechblase-breit {width: 97%; padding: 1.5%;}
.sprechblase {
	position: relative;
	width: 97%; /* Prozentweite der Sprechblase */
	min-width: 80px;
	padding: 1.5%;
	text-align: center;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* Positionierung zB. 2 nebeneinander */
	float: left;
	margin: 50px 0 0 0;
	-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);	
}
 
#main .sprechblase h3 {padding: 0 0 16px 0;}
#main .sprechblase h3 {font-size: 1.9rem; line-height: 2.6rem;}

#container .sprechblase p.btn a {width: 100%; padding: 5px 0;}
#main .sprechblase .box-head {float: left;}

#main .sprechblase .box-head .box-head-left {padding: 10px 0 10px 10px; width: 150px;}
#main .sprechblase .box-head .box-head-left h3 {padding: 24px 0 0 0; text-align: left; font-size: 3.6rem; line-height: 4.5rem;}

#main .sprechblase .box-head .box-head-right {padding: 12px 0 0 24px; margin: 0 0 0 0; width: 164px; background: url(../graphics/angebot-preis.png) right top no-repeat;}
#main .sprechblase .box-head .box-head-right h3 {padding:8px 0 0 0; margin:0 10px 0 0; float: right; font-size: 2.6rem; line-height: 3.3rem; text-transform: none; font-family: 'roboto_condensedbold'; display: inline-block; width: 130px; text-align: right;}
#main .sprechblase .box-head .box-head-right p {font-size: 1.5rem; line-height: 2.4rem; font-family: 'roboto_condensedregular'; color: #fff; padding: 0; margin: 0 10px 0 0; text-align: right;}

#main .sprechblase .box-head .box-head-left h3 {color: #424242; padding: 24px 0 0 0; text-align: left; font-size: 3.6rem; line-height: 4.5rem;}

.slick-container .slidercontent {
    padding: 0 0 0 0;
    width: 47.87234042553191%;}
.slick-container .slick-slide p {
    font-size: 2.0rem;
    line-height: 2.9rem;}	

#footer .rs-columns .rs-column.-large-col-3-1 {
    width: 48.30508474576271%;
    margin: 0 0 0 0;}
#footer .rs-columns .rs-column.-large-col-3-1.-large-first {
    width: 48.30508474576271%;
    margin: 0 3.389830508474576% 0 0;}	
#footer .rs-columns .rs-column.-large-col-3-1.-large-last {
    width: 100%;
    margin: 0 0 0 0;}

#footer .rs-columns .rs-column.-large-col-2-1 {
    width: 100%;
    margin: 0 0 0 0;
	text-align:left;}

#footer .rs-columns .rs-column.-large-col-2-1.-large-last {
    width: 100%;
    margin: 0 0 0 0;
	text-align:left;}

#footer .bottom .ce_text {
    float: none;
    padding: 4px 0 0 0;
    text-align: left;}

#footer .mod_nav_service {
    float: none;
    text-align: left;
    padding: 8px 0 0 0;
    margin: 0 0 0 0;
    display: inline-block;}

#main .box {
    height: auto;
    font-size: 1.7rem;
    line-height: 2.6rem;
    padding-bottom: 150px;}
#main .button-rund {padding: 0 0 50px 0;}
#main .button-rund.last {padding-bottom:0;}
#main .button-rund.last p {padding-bottom:0;}

#main .box-head h2 {padding: 16px 5.434782608695652%; font-size: 2.2rem; line-height: 3.1rem; width: 89.1304347826087%;}
#main .box .box-content {
    width: 89.1304347826087%;
    padding: 0 5.434782608695652%;
    background: #fff;
}
#main .box .hosting {
    position: absolute !important;
    bottom: 80px;
    padding: 0 5.434782608695652%;
    width: 89.1304347826087%;}
	
#main .box .box-head .box-head-right {
    float: right;
    padding: 12px 0 0 24px;
    margin: 0 0 0 0;
    height: 78px;
    width: 164px;
    background: url(../graphics/angebot-preis.png) left top no-repeat;}	
	
#main .box .box-head .box-head-right {
    float: right;
    padding: 12px 0 0 24px;
    margin: 0 0 0 0;
    height: 78px;
    width: 164px;
    background: url(../graphics/angebot-preis.png) left top no-repeat;}
	
#main .box .box-head .box-head-right p {
    font-size: 1.5rem;
    line-height: 2.4rem;
    text-align: right;
    font-family: 'roboto_condensedregular';
    color: #fff;
    padding: 0;
    margin: 0 10px 0 0;}
#main .box .box-head .box-head-right h3 {
    padding: 8px 0 0 0;
    margin: 0 10px 0 0;
    font-size: 2.6rem;
    line-height: 3.3rem;}
#main .box .box-head .box-head-left h3 {
    color: #424242;
    font-size: 3.6rem;
    line-height: 4.5rem;
    padding: 24px 0 0 0;}	
#main .box .box-head .box-head-left {
    float: left;
    padding: 10px 0 10px 20px;
    width: 142px;}
	
.rs-columns .rs-column.-large-col-2-1 {
    width: 100%;
    margin: 0 0 0 0;}
.rs-columns .rs-column.-large-col-2-1.-large-last {
    width: 100%;
    margin: 0 0 0 0;}
.rs-columns .rs-column.-large-col-2-1.abstand {
    margin-bottom: 0;
}		

#container .rs-columns .rs-column.-large-col-2-1 .ce_text.nahtlos ul {
    padding: 12px 0 0 0;
}
#container .rs-columns .rs-column.-large-col-2-1.-large-last .ce_text.nahtlos ul {
    padding: 0 0 12px 0;
}

#container .arrow_box {
    height: 120px;
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 40px;}
	
#container .arrow_box.last {margin-bottom:0;}

#container .arrow_box:after {
    left: 50%;
    top: 100%;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: transparent;
    border-top-color: #fff;
    border-width: 30px;
    margin-top: 0;
    margin-left: -30px;}
#main .infobox {margin-bottom: 30px;}
#main .infobox.last {margin-bottom:0;}

#container .mod_navigation ul li {margin: 0 5px 5px 0;}

#main .angebot-uebersicht .preis {width: 65%;}


.bubble {width: 320px; height: 120px; margin:0 0 20px 4%;}
.bubble-answer {width: 320px; height: 120px; margin:0 4% 40px 0;}

#container p.btn.angebotsuebersicht a {width:97%;}

}

@media (max-width:699px){
.slick-container .slidercontent {
    padding: 0 0 0 0;
    width: 47.87234042553191%;}
.slick-container .slick-slide p {
    font-size: 1.8rem;
    line-height: 2.7rem;}
.slick-container .ce_hyperlink {
    position: absolute;
    left: 52.12765957446809%;
    bottom: 18.07580174927114%;
    font-size: 1.7rem;
    line-height: 2.6rem;
}	

#container #main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions .edit {margin:0 8px 0 0; padding:0; background: url(../graphics/btn-edit.png) left 2px no-repeat; background-size:24px auto; width:24px; height:30px; float:none; display:inline-block;}
}

@media (max-width:599px){
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .image {width:30%; margin:0; padding:0 4% 0 0; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .name {width:66%; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .price.total {display:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-body .actions {width:100%; clear:none; float:left; display:inline-block; text-align:right;}

#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot {width:100%; float:right; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot .name {width:70%; float:left; clear:none;}
#main .mod_iso_cart .formbody .cart-table-wrapper .cart-table-foot .price.total {display: inline-block; width:30%; float:left; clear:none; margin:0 0 0 0; padding:0; text-align:right;}

#main .mod_iso_checkout .formbody .submit_container {width:100%; float:left; clear:none;}
}


@media (max-width:499px){
#logo {position:relative; top:12px; left:0; z-index:1800; float:left; margin:0 0 0 0; padding:0;}
#logo .image_container {height:auto !important; width:220px !important;}

#header {height:80px;}
#header .inside {height:80px;}
#header .inside .content {height:80px;}

.custom {margin:80px 0 0 0;}
#container {margin:80px 0 0 0;}
body.home #container {margin:0;}
body.referenz #container {margin:0;}

h1 {
    padding: 30px 0 0 0;
    margin: 0 0 8px 0;
    font-size: 3.0rem;
    line-height: 3.8rem;
}
#container .ce_text.lead {
    font-size: 2.2rem;
    line-height: 3.2rem;
}
#main h2 {
    font-size: 2.4rem;
    line-height: 3.3rem;
}	
	
.slick-container .image_container {width:92%; margin: 0; padding: 0 4%;}
.slick-container .slidercontent {padding: 0 0 0 0; width: 100%;}
.slick-container .ce_hyperlink {
    position: absolute;
    left: 0;
    bottom: 0;
	width:100%;
	text-align:center;
    font-size: 1.7rem;
    line-height: 2.6rem;
}
.slick-container .slick-slide p {text-align: center;}
.slick-container .slidercontainer {padding:0 0 42px 0;}


#footer {height:820px; padding:0; position:relative; z-index:1200; margin-top: -830px;}
#footer .inside {height:820px;}
#footer .inside .top {height:740px;
-webkit-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);
box-shadow: 0px 4px 13px -7px rgba(0,0,0,0.55);}
#footer .inside .bottom {height:80px;}

.endcontent {height:820px;}

#footer .rs-columns .rs-column.-large-col-3-1 {
    width: 100%;
    margin: 0 0 0 0;}
#footer .rs-columns .rs-column.-large-col-3-1.-large-first {
    width: 100%;
    margin: 0 0 0 0;}	
#footer .rs-columns .rs-column.-large-col-3-1.-large-last {
    width: 100%;
    margin: 0 0 0 0;}

#footer .rs-columns .rs-column.-large-col-2-1 {
    width: 100%;
    margin: 0 0 0 0;
	text-align:left;}

#footer .rs-columns .rs-column.-large-col-2-1.-large-last {
    width: 100%;
    margin: 0 0 0 0;
	text-align:left;}

#footer .bottom .ce_text {
    float: none;
    padding: 4px 0 0 0;
    text-align: left;}

#footer .mod_nav_service {
    float: none;
    text-align: left;
    padding: 8px 0 0 0;
    margin: 0 0 0 0;
    display: inline-block;}

#footer .fusszeile-sslv h2 {padding: 0 0 8px 0;}

#main .angebot-uebersicht .preis {width: 156px;}

.bubble, .bubble-answer {
    width: 280px;
    padding: 0 4% 10px 4%;
    height: 120px;}

#main .formbody .fineuploader-container .qq-upload-list li.qq-upload-success {
    width: 48%;
    margin: 10px 1%;
}





#main .mod_iso_productlist .product {width:100%; padding:0 0 20px 0;}
#main .mod_iso_productlist .product_2 {padding:0 0 30px 0;}
#main .mod_iso_productlist .product {width:48.30508474576271%; padding:0 3.389830508474576% 20px 0;}
#main .mod_iso_productlist .product_2 {padding:0 3.389830508474576% 20px 0;}
#main .mod_iso_productlist .product_1 {padding:0 0 20px 0;}
#main .mod_iso_productlist .product_3 {padding:0 0 20px 0;}
#main .mod_iso_productlist .product_5 {padding:0 0 20px 0;}

#main .mod_iso_productreader .formbody .productdetail-left {float:left; width:100%; clear:none; padding:0 0 0 0;}
#main .mod_iso_productreader .formbody .productdetail-right {float:left; width:100%; clear:none;}


#main .mod_iso_productreader .formbody .options .widget-radio {position:absolute; top:0; left:0;}
#main .mod_iso_productreader .formbody .sku {margin-top: 90px;}

.radio_container span {width: auto; margin: 0 16px 12px 0;}
.radio + label:before {margin-top: 2px !important; margin-right: 6px !important;}

#main .mod_iso_checkout .orderinfo {width: 100%; padding: 0;}
#main .mod_iso_checkout .orderconditions {width: 100%; padding: 0;}

#main .mod_iso_checkout .formbody .billingaddress .widget {width: 100%; padding: 0;}

#main h3 {
    padding: 12px 0 0 0;
    font-size: 1.7rem;
    line-height: 2.4rem;}

}


@media (max-width:420px){
#wrapper {font-size: 1.7rem; line-height: 2.4rem;}	
.sprechblase {width: 96%; padding: 2%; margin: 30px 0 0 0;}

    
#main .sprechblase .box-head {width: 100%;}
#main .sprechblase .box-head .box-head-left {width:125px;}
#main .sprechblase .box-head .box-head-right {
    padding: 12px 0 0 1.896551724137931%;
    margin: 0 0 0 0;
    width: 51.1264367816092%;
    background: url(../graphics/angebot-preis.png) left top no-repeat;
}

#main .sprechblase .box-head .box-head-left h3 {
    padding: 24px 0 0 0;
    text-align: left;
	font-size: 3.2rem;
    line-height: 4.2rem;
}
#main .sprechblase .box-head .box-head-right h3 {
    padding: 4px 0 0 0;
    font-size: 2.4rem;
    line-height: 3.0rem;}


#main .sprechblase-breit .left {
    margin-bottom: 0;
    padding-right: 0;
    width: 100%;}

#container .ce_text .sprechblase-breit .left ul {padding: 12px 0 0 0;}	
	
#main .sprechblase-breit .right {
    margin-bottom: 20px;
    width: 100%;}
#container .ce_text .sprechblase-breit .right ul {padding: 0 0 12px 0;}		

#main .box .box-head .box-head-right {
    float: right;
    padding: 12px 0 0 10px;
    margin: 0 0 0 0;
    height: 78px;
    width: 154px;
    background: url(../graphics/angebot-preis.png) left top no-repeat;
}
#main .box .box-head .box-head-left h3 {
    color: #424242;
    font-size: 3.2rem;
    line-height: 4.2rem;
    padding: 24px 0 0 0;
}
#main .box .box-head .box-head-right h3 {
    padding: 4px 0 0 0;
    margin: 0 10px 0 0;
    font-size: 2.4rem;
    line-height: 3.0rem;
}
#main .box .box-head .box-head-left {
    float: left;
    padding: 10px 0 10px 20px;
    width: 125px;
}
#main .infobox h3 {font-size: 1.9rem; line-height: 2.6rem;}

.bubble, .bubble-answer {
    width: 240px;
    padding: 0 4% 10px 4%;
    height: 150px;}


#footer .mod_nav_service ul li {
    display: block;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 16px;
}

 }	

@media (max-width:359px){

#main .box .box-head .box-head-left h3 {
    font-size: 2.8rem;
    line-height: 3.8rem;
}
#main .box .box-head .box-head-right h3 {
    padding: 0 0 0 0;
    font-size: 2.2rem;
    line-height: 2.8rem;
}
#main .box .box-head .box-head-left {
    float: left;
    padding: 10px 0 10px 20px;
    width: 110px;
}

#main .sprechblase .box-head .box-head-left {width: 110px;}
#main .sprechblase .box-head .box-head-left h3 {
    padding: 24px 0 0 0;
    text-align: left;
    font-size: 2.8rem;
    line-height: 3.8rem;}
#main .sprechblase .box-head .box-head-right h3 {
    padding: 0 0 0 0;
    font-size: 2.2rem;
    line-height: 2.8rem;}	
#main .sprechblase .box-head .box-head-right {
    padding: 12px 0 0 1.896551724137931%;
    margin: 0 0 0 0;
    width: 53.1264367816092%;
    background: url(../graphics/angebot-preis.png) left top no-repeat;
}

#main .angebot-uebersicht .preis {width: 150px;}
#main .angebot-uebersicht .preis-sslv {
    float: right;
    padding: 4px 0 0 12px;
    margin: 0;
    height: 78px;
    width: 102px;
    background: url(../graphics/angebot-preis.png) left top no-repeat;
}
#main .angebot-uebersicht .preis-sslv h3 {
    margin: 0 4px 0 0;
	font-size: 1.9rem;
    line-height: 2.5rem;}
#main .angebot-uebersicht .preis-sslv p {margin: 0 4px 0 0;}	

.bubble, .bubble-answer {
    width: 220px;
    padding: 0 2% 10px 2%;
    height: 165px;}

}

@media (max-width:340px){

#main .box .box-head .box-head-left h3 {
    font-size: 2.8rem;
    line-height: 3.8rem;
}
#main .box .box-head .box-head-right h3 {
    padding: 0 0 0 0;
    font-size: 2.2rem;
    line-height: 2.8rem;
}
#main .box .box-head .box-head-left {
    float: left;
    padding: 10px 0 10px 20px;
    width: 110px;
}
#main .box .box-head .box-head-right {
    float: right;
    padding: 4px 0 0 10px;
    margin: 0 0 0 0;
    height: 78px;
    width: 134px;}
#main .box .box-head .box-head-right p {}	

#main .sprechblase .box-head .box-head-right {
    padding: 4px 0 0 6.896551724137931%;
    width: 47.1264367816092%;
}

}


/*  FIXES  													 */
/*************************************************************/
.cleaner {clear:both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { display:none;}




/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 14, 2019 */

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('robotocondensed-light-webfont.eot');
    src: url('robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-light-webfont.woff2') format('woff2'),
         url('robotocondensed-light-webfont.woff') format('woff'),
         url('robotocondensed-light-webfont.ttf') format('truetype'),
         url('robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('robotocondensed-regular-webfont.eot');
    src: url('robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-regular-webfont.woff2') format('woff2'),
         url('robotocondensed-regular-webfont.woff') format('woff'),
         url('robotocondensed-regular-webfont.ttf') format('truetype'),
         url('robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('robotocondensed-bold-webfont.eot');
    src: url('robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-bold-webfont.woff2') format('woff2'),
         url('robotocondensed-bold-webfont.woff') format('woff'),
         url('robotocondensed-bold-webfont.ttf') format('truetype'),
         url('robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('robotocondensed-italic-webfont.eot');
    src: url('robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-italic-webfont.woff2') format('woff2'),
         url('robotocondensed-italic-webfont.woff') format('woff'),
         url('robotocondensed-italic-webfont.ttf') format('truetype'),
         url('robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('robotocondensed-lightitalic-webfont.eot');
    src: url('robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('robotocondensed-bolditalic-webfont.eot');
    src: url('robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}