@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

body { background-image:url("/images/elements/background_gradient.jpg"); background-repeat:repeat-x; background-position:top; background-attachment:fixed; font-family:'Ruda', sans-serif;}

h1 { font-size:22px; margin-top:5px; margin-bottom:15px; font-family:'Ruda', sans-serif; border-bottom:1px solid #ccc; line-height:28px; }
h2 { font-size:18px; margin-top:30px; font-family:'Ruda', sans-serif; }
h3 { font-size:16px; font-weight:bold; font-family:'Ruda', sans-serif; }
h4 { font-family:'Ruda', sans-serif; }
h5 { font-family:'Ruda', sans-serif; }
h6 { font-family:'Ruda', sans-serif; }
p { font-size:14px; line-height:18px; font-family:'Ruda', sans-serif; margin:0px 0px 7px 0px; }
a { word-wrap:break-word; }
ul { font-size:14px; font-family:'Ruda', sans-serif;}

div.stage { background-color:#fff; }
div.header { padding:20px 0px; background-color:#fff; position:relative; }
.cookiebanner { background-color:#9a9a9a; color:#fff; font-size:11px; text-align:center; padding:18px; width:100%; z-index:999; position:fixed; bottom:0; }
.cookiebanner a { color:#fff; text-decoration:underline; }
.cookiebanner-close { margin-right:40px; margin-top:8px; }

/* Navigation */
.nav,.navbar-inner { 
	background-color:#fdfdfd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,94,94,1)), color-stop(0%,rgba(255,255,255,1)), color-stop(99%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(255,255,255,1) 0%,rgba(238,238,238,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(255,255,255,1) 0%,rgba(238,238,238,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(255,255,255,1) 0%,rgba(238,238,238,1) 99%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(94,94,94,1) 0%,rgba(255,255,255,1) 0%,rgba(238,238,238,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */
}
li.nav_left_head { margin-top:10px; }
.nav>li>a {padding: 8px 8px!important; }
li.nav_left_head:first-child { margin-top:0px; }
.nav > li > a { color:#444; padding-top: 12px; }
    
.navbar-inner {	text-align: center;	height:43px; }
.nav { float: none;	display:inline-block; }
.dropdown-menu { text-align:left; }
/* Dropdown bei Hover aktivieren */
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; margin-top:0px; }

div.carousel { padding-right:0px; float:right; }
/* Winter Special right down 
div.carousel-caption { height:110px; text-align: left; right: 0%; left: 0%; bottom:0%; background-color:#fff; background-color:rgba(255, 255, 255, 0.7); padding-left:30px; padding-right: 30px; left: 50%; box-shadow: 0px 0px 25px 10px rgba(255, 255, 255, 0.9); }
div.carousel h3 { color:#5C6E94; font-size:18px; font-weight:bold; margin-top:-10px; }*/
div.carousel-caption { height:110px; text-align: left; right: 0%; left: 0%; bottom:0%; background-color:#fff; background-color:rgba(255, 255, 255, 0.7); padding-left:30px; } 
div.carousel h3 { color:#5C6E94; font-size:26px; font-weight:bold; margin-top:5px; } 
div.carousel p { color:#777;}
div.slider { margin-top:-10px; margin-bottom:-16px; }

/* Carousel mit Überblendungen */
.carousel .item { left: 0 !important; }
.carousel .active.left{ opacity:0; z-index:1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }
.carousel .next{ opacity:1; z-index:0;}

div.content { background-color:#fff; }
div.nav_left { }
ul.nav_left { margin-left:-15px; margin-top:25px; list-style-type:none; }
ul.nav_left a { text-decoration:none; color:#333; }
li.nav_left_head { }
a.nav_left_head { font-size:15px; }
li.nav_left_first_line { margin-top:5px; padding-top:5px; border-top:2px #aaa solid; }
a.nav_left_active { font-weight:bold; }
a.nav_left_item:hover { font-weight:bold; }
img.nav_left_image { margin: 50px 55px; }
.ex_logo_nav { display:inline; width:20px; height:18px; vertical-align:middle; }
div.anwendungen { margin-top:10px; }

div.content_center_right { margin:7px 0px 20px 15px; padding-top:12px; background-color:rgba(255, 255, 255, 0); min-height:630px; }

/* product list*/
div.productlist-category { margin-bottom:20px; }
div.productlist-category h1 { margin:0px; border-bottom:1px solid #ccc; }
div.productslist-category-box { border-bottom:1px solid #CCC; padding-bottom:5px; }
div.productlist-item { border-bottom:1px solid #ccc; margin:0 0 20px 0; display:table; width:697px; height:125px; padding-bottom:10px; }
div.productlist-image { display:table; float:left; width:140px; height:115px; background-color:#fff; padding:10px; }
div.productlist-image a { display:table-cell; vertical-align:middle; }
div.productlist-image img { width:auto; max-height:95px; display:block; margin:0 auto; }
div.productlist-info { float:left; margin:5px 0px 0px 30px; height:120px; max-width:381px; }
div.productlist-button { margin-top:25px; }
div.productlist-temperature { float:right; max-width:140px; text-align:right; padding-top:3px; }
div.productlist-temperature p { color:#f00; font-weight:bold; }
p.productlist-name1 { font-size:14px; line-height:14px; font-weight:bold; margin:0 0 5px 0; }
p.productlist-name2 { font-size:16px; line-height:18px; font-weight:900; }

/* product details */
.btn-back { margin:0 0 20px 0;}
.product-temperature { float:right; color:#f00; font-weight:bold; }
.product-images-1 { width:697px; height:200px; margin:20px 0; }
.product-images-1 .preview { display:table; float:left; width:190px; height:199px; background-color:#fff; padding:5px; margin-right:30px; }
.product-images-1 .preview:last-child { margin-right:0; }
.product-images-1 .preview a { display:table-cell; vertical-align:middle; }
.product-images-1 .preview img { width:auto; max-height:189px; }
.product-images-2 .preview { margin-bottom:10px; }
.product-images-3 { margin-top:25px; margin-bottom:25px; }
.product-images-3 .preview { float:left; margin-right:20px; }
.product-images-3 .preview:last-child { float:none; }
.product-text { line-height:18px; margin-top:10px; }
.lv_slider { box-sizing:content-box; }
.lv_side { box-sizing:content-box; }

a.nav_products_mobile { font-size:15px; line-height:26px; }
a.button_back_mobile { float:left; margin-right:8px; height:31px; width:31px; }

div.news { display:table; clear:both; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc; }
div.news:last-child { border-bottom:0px solid #ccc; }
span.news_image_text { font-size:11px; }

div.anwendungen_ueberschrift { margin-bottom:-15px; }

/* Direktbuttons */
.directbuttons { position:absolute; top:10px; left:10px; width:50px; display:none; }
.directbutton { width:50px; height:50px; border-radius:7px 0 0 7px; background-image:url('/images/elements/background_directbutton.png'); background-position:center; margin-bottom:10px; text-align:center; cursor:pointer;  position:relative; }
.directbutton .glyphicon { color:#fff; font-size:26px; padding-top:11px; }

/* Footer */
div.footer { margin-bottom:60px; clear:both; font-size:10px; }
div.footer a { color:#333; text-decoration:none; }
a.footer_link { margin-left:10px; }
span.footer_left { padding-left:0; border-top: 1px solid #666; padding-top:6px; }
span.footer_right { text-align:right; padding-right:0; border-top: 1px solid #666; padding-top:6px; }
div.footer_mobile { margin-top:10px; }
/* img.lang_mobile_country_logo { float:left; margin-right:5px; margin-top:-2px; } */
a.lang { border-color: #666; border-style: solid; text-align:center; height:30px; padding-top:5px; font-size:12px; }
a.lang_active { border-width: 0px 1px 1px; }
a.lang_notactive { border-width: 1px 0px 0px; }
/* div.lang_mobile { font-size:9px; margin-bottom:5px; vertical-align:center; }
div.lang_mobile_active {  }
div.lang_mobile_notactive { }*/
a.lang_mobile { width:43%; text-align:center; display:inline-block; font-size:10px; margin-bottom:10px;}
img.lang_mobile_country_logo { margin-right:5px; margin-top:-2px; display:inline; }
span.lang_mobile_space { display:inline-block; width:9%; }

/* Newsletter */
.formbox { max-width:100%; }
.cr_ipe_item input { background-color:#fff !important; }
.cr_ipe_item select { background-color:#fff !important; }
.cr_button { color:#333 !important; background-color:#fff !important; border:1px solid #ccc !important; }
.cr_button:hover { color:#333 !important; background-color:#e6e6e6 !important; border-color:#adadad !important; }

img.icon { margin:0 5px 0 0; } 

.img-responsive img { display:block; height:auto; max-width:100% }

/* Ausblendung WE Hinweis */
body > div > a[href="https://www.webEdition.org"] { color:#fff; font-size:1px; display:none!important; }

/* Smartphones */
@media (max-width:767px)
	{
body { background-image:none; background-color:white; }
table { table-layout:fixed; word-wrap:break-word; }
.col-xs-12 { padding-left:11px; padding-right:11px; }
h1 { font-size:18px; border-bottom:0px; }
div.header { padding:15px 0; }
.container{	padding-right:0px; padding-left:0px; }
a.mobile_button { width:48%; margin-bottom:12px; font-size:12px; height:38px; padding-top:9px; color:#333; background-color:#eee; border-color:#ddd; background: linear-gradient(to top, #eee, #fff);}
ul.nav { margin-bottom:15px; }
.nav-tabs li:first-of-type { margin-left:-10px; }
   
div.news { display:block; }

div.anwendungen_ueberschrift { margin-bottom:0px; }

img { display:block; height:auto; max-width:100%; }
img.icon { display:inline; }

div.content_center_right { margin-left:0px; margin-top:0px; min-height:0px; }
div.content_center_right iframe { width:290px; height:218px; }

div.footer_mobile_extra { width:100%; text-align:center; padding:10px; border-top: 1px solid #ddd; margin-top:30px; font-size:0.9rem; }

.popover { max-width:180px; }
		
div.productlist-item { width:137px; height:225px; border:1px solid #ddd; float:left; margin-right:10px; }
div.productlist-info_mobile { background-color:#ddd; min-height:60px; max-height:90px; text-align:center; }
div.productlist-info_mobile p.productlist-name1 { font-size:10px; }
div.productlist-info_mobile p.productlist-name2 { font-size:12px; }
div.productlist-image { width:137px; height:100px; }
div.productlist-image img { max-height:100px; max-width:100px; }
div.productlist-info { width:255px; margin-left:10px; }
div.productlist-info p { width:300px; max-width:300px; }
div.productlist-temperature { width:140px; text-align:center; float:left; }
div.productlist-temperature p { width:140px; text-align:center; margin:0; margin-bottom:-11px; }
		
.product-images-1 { float:left; width:100%; height:auto; }
.product-images-1 .preview { height:200px; }
.product-images-1 .preview a { float:left; }
.product-image-3 { width:100%; height:300px; clear:both; }
.product-images-3 img { width:100%; height:auto; clear:both; }
}

/* Tablets (klein) */
@media (min-width: 768px) and (max-width: 991px)
	{
.carousel-inner { width:719px; }
.nav > li > a { padding-left:8px; padding-right:8px; }
.nav_left { margin-top:48px; }
div.product_info { width:225px; }
div.content_center_right iframe { width:400px; height:300px; }
a.footer_link { margin-left:5px; }
.product-images-1 { float:left; width:100%; height:auto; }
.product-images-1 .preview { height:200px; }
.product-images-1 .preview a { float:left; }
.product-images-1 .preview a img { max-width:184px; height:auto; }
.product_preview_image { margin-right:0px; }
.product_table2 { margin-left:0px; margin-top:20px; }
.product_additional_image1 { width:100%; height:auto; }
.product-images-3 img { width:100%; height:auto; }
div.productlist-item { width:490px; height:155px; }
div.productlist-image { width:100px; height:100px; padding-left:5px; padding-right:0px; }
div.productlist-image img { max-height:85px; max-width:90px; }
div.productlist-info { width:255px; margin-left:10px; }
div.productlist-info p { width:300px; max-width:300px; }
div.productlist-temperature { width:80px; margin-right:25px; }

}

/* Desktop (klein) */
@media (min-width: 992px) and (max-width: 1199px)
	{
.carousel-inner { width:939px; }
.nav_left { width:227px; }
}

/* Desktops (gross) */
@media (min-width:1200px)
	{
div.container { width:1000px; }
div.product_info { width:460px; }
}

@media print {
  a[href]:after {
    content: "";
  }
}
