/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

/* Google Fonts */
/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cabin'), local('Cabin-Regular'),
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-regular.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-500 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Cabin Medium'), local('Cabin-Medium'),
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-500.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-600 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Cabin SemiBold'), local('Cabin-SemiBold'),
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-600.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-700 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Cabin Bold'), local('Cabin-Bold'),
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_lp/tl_files/layout/fonts/cabin/cabin-v14-latin-700.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* Google Fonts Ende */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
#debug { position: fixed; top: 0px; right: 0; z-index: 999; background: #000; color: #fff; font-size: 10px; font-size: 0.625rem; 
  padding: 5px; opacity: 0.8; font-weight: bold; }

::-moz-selection { background: #E8811C; color: #000; text-shadow: none; }
::selection { background: #E8811C; color: #000; text-shadow: none; }

body { line-height: 1.5em; }

a { color: #88000E; text-decoration: none; }
a:visited { color: #88000E; }
a:hover { color: #333; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

p {  margin: 15px 0; }

#main .mod_article { overflow: visible; }

.light_green { background: #FCFBEA; border-top: 2px solid #BED4B5; border-bottom: 2px solid #BED4B5; padding: 30px 0; margin: 30px 0 0 0; }
.orange { background: #E8811C; }
.grey { background: #E0E0E0; border-bottom: 2px solid #ccc; }
.border-bottom { border-bottom: 2px solid #ccc; }
.no_margin { margin: 0; }
.right { float: right; }
.left { float: left; }
.text_right { float: right; margin: -35px 10px 0 0;}
.border-bottom.row { margin: 0; }
.grey_bottom { background: #E0E0E0; border-bottom: 2px solid #ccc; padding: 30px 0 0 0; min-height: 125px; }
.grey_bottom img { margin-right: 20px; max-width: 40% !important; }
.border { margin-top: 30px; border-bottom: 2px solid #ccc; }
.scale img { width: 100%; height: auto; } 

.logo img { max-width: 270px; min-width: 160px; }

.download { float: left; margin-top: 5px; }
.download a { color: #64B240; font-size: 138.5%; float: right; margin: 15px 10px 0 0px; }
.download a i { font-size: 160%; margin-right: 15px; }
.download a:hover { color: #000; }
.download img { border: 1px solid #ccc; }

.ie7 .product_wrapper { height: 320px; }
.ie7 p.download { width: 300px; }

.partner_logos { margin: 0 auto; max-width: 600px; min-width: 255px; }
.partner_logos img { margin-right: 20px; margin-bottom: 10px; }

#header .claim { font-family: 'Cabin', sans-serif; font-size: 138%; color: #666666; line-height: 1.6em; margin-top: 35px; }
#header .phone { padding: 0 0 0 20px; }
#header .callback, .title_box .callback { float: right; color: #fff; font-size: 180%; font-family: 'Cabin', sans-serif; font-weight: bold; padding-top: 15px; margin-top: 47px; }
i.icon-phone { background: #E8811C; padding: 6px 10px; color: #fff; margin: 0 12px; border-radius: 50px; -moz-border-radius: 50px; 
  -webkit-border-radius: 50px; behavior: url(tl_files/layout/other/pie/PIE.htc); font-size: 130%; }
.callback a { color: #000; }
.cta_box_responsive .callback { color: #000; }
.phone .callback { color: #000; }
#header .callback a { color: #fff; }

.ie7 #header .callback, .ie8 #header .callback  { font-size: 155%; margin-left: 10px; }  

.service_icons h2 { margin: 50px 0 35px; }  
.service_icons p { padding-left: 65px; margin: 0; } 
p.service_icons { font-size: 138%; font-weight: bold; margin: 20px 0 10px 0; }
p.service_icons i { background: #E8811C; color: #fff; margin: -8px 12px 0 -65px; border-radius: 50px; -moz-border-radius: 50px; 
  -webkit-border-radius: 50px; behavior: url(tl_files/layout/other/pie/PIE.htc); font-size: 150%; width: 45px; height: 45px; 
  display: block; float: left; padding: 9px 0 0 11px; }
.service_icons .callback { margin: 20px 0 10px -76px; font-size: 175%; font-weight: bold; } 
.service_icons .callback i { margin-right: 20px; }

.ie7 p.service_icons i { height: 35px; width: 35px; }

#header { max-height: 155px; background: #9d0010; /* Old browsers */
background: -moz-linear-gradient(top,  #9d0010 0%, #88000e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0010), color-stop(100%,#88000e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9d0010 0%,#88000e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9d0010 0%,#88000e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9d0010 0%,#88000e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9d0010 0%,#88000e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0010', endColorstr='#88000e',GradientType=0 ); /* IE6-9 */
 }
.win #wrapper, .win .product_wrapper { min-width: 970px; }
#container .article_inside, #header .inside, #footer .inside { margin: 0 auto; max-width: 960px; }
#main_content { padding: 0 5% 5% 0; }


h1, h2 { font-family: 'Cabin', sans-serif; line-height: 1.2em; }
h1 { font-size: 246%; margin: 27px 0 21px; vertical-align: middle; color: #fff; }
h2 { font-size: 246%; margin: 15px 0; color: #9D0010; }
h1 a, h2 a, h3 a { text-decoration: none; color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #000; }
h3 { font-size: 138%; margin: 15px 0; color: #000; }
h4 { font-size: 120.01%; font-weight: bold; }

h2 small { color: #666; font-size: 60%; }

#nav_main { max-width: 960px; margin: 0 auto; }
#nav_main ul { padding: 20px 0; margin: 0 auto; }
#nav_main li { font-size: 118.5%; color: #999; border-right: 1px solid #9F9F9F; float: left; padding: 0 10px; margin-bottom: 20px;  }
#nav_main li.last { border: none; }
#nav_main li span { color: #88000E; }
#nav_main a:visited, #nav_main a { color: #999; }
#nav_main a:hover { color: #88000E; }

.ie7 #nav_main ul { width: 550px; }
.ie8 #nav_main ul { width: 57%; } 

.ie7 .span_4, .ie8 .span_4 { width: 32%; } 
.ie7 .span_6, .ie8 .span_6 { width: 49%; }

.title_box { overflow: visible; border-bottom: 2px solid #fff; }
.title_box h1, .title_box .image_container { max-width: 940px; padding: 26px 0 22px; margin: 0 auto; } 
.title_box small { font-size: 50%; font-weight: normal; }
.title_box .image_container { position: relative; padding: 0; }
.title_box .image_container img { position: absolute; right: -10px; top: -20px;  width: 30%; max-width: 270px; min-width: 100px; }
.title_box .cta_box_responsive, .download .cta_box_responsive  { display: none; }

.slider_box.row { position: relative; max-width: 960px; margin: 0 auto; }
.slider_box .col { margin: 0; }
.flexslider { max-width: 470px; background: transparent; border: none; margin: 0; float: left; }
.slider_list { float: right;}
.slider_list img { margin: 15px 15px 0 0 ; }

.ie7 .ce_gallery.span_6 { height: 475px; }

.content_box, .price_box { max-width: 960px; margin: 0 auto;  padding: 0px 0px 0 10px; }
.ce_product_example, .ce_price_example { float: left; margin: 0 0 0 -10px !important; padding: 0px 10px 20px; width: 247px; min-height: 250px; }
.ce_product_example img, .ce_price_example img { margin: 5px 0 3px 0; }
.ce_product_example img:hover, .ce_price_example img:hover { -webkit-box-shadow:  2px 2px 10px 2px rgba(5, 5, 5, 0.3); box-shadow:  2px 2px 10px 2px rgba(5, 5, 5, 0.3); 
  -moz-box-shadow:  2px 2px 10px 2px rgba(5, 5, 5, 0.3); } 
.ce_product_example .image_preview img.first, .ce_price_example .image_preview img.first { margin-right: 5px; }
.ce_product_example h3, .ce_price_example h3 { margin: 20px 0 5px; font-weight: bold; }
.ce_product_example .popup { display: none; height: 300px; width: 800px; overflow: hidden; }
.product_wrapper.three { max-width: 720px; margin: 0 auto; } 
.product_wrapper.three .ce_product_example, .product_wrapper.three .ce_price_example { min-height: 450px; }
.popup img { float: left; }
.content_box .col { margin: 0; }
.grey_bottom .content_box { margin: 0 auto; }

.glasduschen .ce_product_example, .ce_price_example { height: 365px; } 

.ie7 .ce_product_example, .ie7 .ce_price_example { width: 230px; }
.ie7 .product_wrapper { min-height: 420px; }
.ie7 .three { min-height: 900px; }

/* Service-Pages */
.service_page .light_orange { background: url(../images/arrow_orange.png) no-repeat 80px 0 #FCFBEA; border: none; padding: 80px 30px 30px 175px; 
  max-width: 960px; margin: -2px auto 0; } 
.service_page .one_line h1 { padding: 44px 0 42px; }  
.service_page  #nav_main { border-top: 2px solid #ccc; }  
.dataprivacy { float: right; width: 200px; }
.dataprivacy h3, .dataprivacy p { margin: 0; }
.dataprivacy_mobil { display: none; }

/* Forms */
label, legend { display: block; width: 100% !important; font-size: 138.5%; font-family: 'Cabin', sans-serif; margin-right: 15px; font-weight: bold; line-height: 1.6em; vertical-align: middle; }
.input-wrapper input { height: 45px; border: 1px solid #666; max-width: 380px; width: 100%; background: #fff !important; margin-bottom: 10px; }
textarea { border: 1px solid #666; background: #fff !important; padding: 8px 5px; max-width: 380px; width: 100%; }
p.error { font-size: 80%; font-weight: bold; color: red; margin: 0; } 
input.submit { font-size: 138.5%; font-family: 'Cabin', sans-serif; font-weight: bold; color: #fff; padding: 15px 30px 15px 25px; border: 2px solid #B60000; 
  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(tl_files/layout/other/pie/PIE.htc); margin: 20px 0 20px 0px !important; width: auto;
  background: #e00000; /* Old browsers */
  background: -moz-linear-gradient(top,  #e00000 0%, #b30000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e00000), color-stop(100%,#b30000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e00000 0%,#b30000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e00000 0%,#b30000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e00000 0%,#b30000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e00000 0%,#b30000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000', endColorstr='#b30000',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow:  2px 2px 10px 2px rgba(5, 5, 5, 0.5); box-shadow:  2px 2px 10px 2px rgba(5, 5, 5, 0.5); -moz-box-shadow:  2px 2px 10px 2px rgba(5, 5, 5, 0.5); 
}
input.submit:hover  { background: #c70103; } 
.explanation { float: left; font-size: 138.5%; font-family: 'Cabin', sans-serif; color: #9D0010; margin: 15px 0 0 0; }
.radio_container { margin-left: 0 !important; }
.radio_container span { width: 100%; min-height: 25px; margin-top: 5px; }
.radio_container input { float: left; margin: 4px 8px; }
.radio_container label { font-size: 130%; font-weight: normal; width: 200px !important; float: left; }
.radio_container legend span.mandatory { display: none; }

.input-wrapper .transparent { background: transparent !important; border: none; height: 25px; padding: 0px 7px 0 0;
  margin: 2px 5px 5px 0px; }
.upload .explanation { margin: -15px 0 20px 0; font-size: 110%; float: none; }
.upload .explanation p { margin: 0; }
.upload .checkbox_container label { margin: -18px 0 0 25px; font-size: 110%; max-width: 500px; padding: 0 10% 0 0; }

/* Buttons */
p.btn_cta_red { margin: 0; }
p.btn_cta_red a, a.btn_cta_red { font-weight: bold; font-size: 138.5%; font-family: 'Cabin', sans-serif; color: #fff; display: inline-block; padding: 15px 5% 20px 0; border: 2px solid #B60000;
  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(tl_files/layout/other/pie/PIE.htc); margin: 0px 0 20px 88px;
  background: #e00000; /* Old browsers */
  background: -moz-linear-gradient(top,  #e00000 0%, #b30000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e00000), color-stop(100%,#b30000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e00000 0%,#b30000 100%); /* Chrome10+,Safari5.1+ */ 
  background: -o-linear-gradient(top,  #e00000 0%,#b30000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e00000 0%,#b30000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e00000 0%,#b30000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000', endColorstr='#b30000',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow:  2px 2px 10px 2px rgba(5, 5, 5, 0.5); box-shadow:  2px 2px 10px 2px rgba(5, 5, 5, 0.5); -moz-box-shadow:  2px 2px 10px 2px rgba(5, 5, 5, 0.5);
}
a.btn_cta_red { width: auto; font-size: 138.5%; }
p.btn_cta_red a:hover, a.btn_cta_red:hover { background: #c70103; }
p.btn_cta_red a i, a.btn_cta_red i { margin: 0 15px 0 30px; font-size: 130%; }

.ie8 p.btn_cta_red a, .ie8 a.btn_cta_red { font-size: 130%; }

/* Tables */
table { margin: 30px 0; width: 100%; border-collapse: separate; }
table caption { background: #C6BCB4; color: #000; font-weight: bold; padding: 5px; }
thead td, table th { font-weight: bold; vertical-align: top; border-bottom: 1px dotted #ccc; padding: 5px 20px 5px 0; }
table td { vertical-align: top; border-bottom: 1px dotted #ccc; padding: 10px 20px 10px;  }
table tr { border: none; }  

/* Lists */
ul, ol { margin: 0; padding: 0 0 0 20px; }
ul.icons { margin: 25px 45px 20px 0; text-indent: 0; width: 95%; }
ul.icons li { font-size: 138.5%; font-family: 'Cabin', sans-serif; border-bottom: 1px solid #333; 
padding: 10px 0 10px 0px; margin-left: 70px; line-height: 1.5em; }
ul.icons li i { color: #DC0000; font-size: 220%; margin: 0px 30px 0 -55px; line-height: 0.4em; }

.ie7 ul.icons { margin-top: 30px; }
.ie7 ul.icons li i { line-height: 0.8em; margin: -5px 20px 0 -55px; }
.ie8 ul.icons, .ie9 ul.icons { margin: 60px 45px 40px 35px; }
.ie9 ul.icons li i { line-height: 0.8em; margin: -5px 35px 0 -65px; }

.services { padding: 20px 0; }
.services h2, .service_icons h2 { color: #000; font-weight: bold;  }
.services ul { margin: 0 0 0 -15px; padding: 15px 0 0 0; }
.services ul li { float: left; width: 32%; padding: 0 0px 30px 75px; height: 170px;  }
.services ul h3 { margin: 0 0 0 -57px; font-weight: bold; }
.services i { background: #E8811C; padding: 10px 35px 10px 11px; color: #fff; border-radius: 50px; -moz-border-radius: 50px; 
  -webkit-border-radius: 50px; behavior: url(tl_files/layout/other/pie/PIE.htc); font-size: 140%; margin: 0 10px 0 0; }

.ie7 .services ul li { width: 25%;  }  
.ie7 .services i { margin: 10px 10px 0 0 ; padding: 10px 7px;  }

/*  Pagination */
.pagination ul { list-style: none; margin: 0; font-weight: bold; }
.pagination li { float: left; margin-right: 7px; padding-right: 7px; border-right: 1px solid #ccc; }
.pagination li.last { margin-right: 0; border: 0; }
	

#footer { background: #9d0010; /* Old browsers */
background: -moz-linear-gradient(top,  #9d0010 0%, #88000e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0010), color-stop(100%,#88000e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9d0010 0%,#88000e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9d0010 0%,#88000e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9d0010 0%,#88000e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9d0010 0%,#88000e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0010', endColorstr='#88000e',GradientType=0 ); /* IE6-9 */
 border-top: 2px solid #88000E; color: #fff; height: auto; padding-bottom: 20px; }
#footer .inside { max-width: 960px; margin: 0 auto; padding: 0 10px; }
#footer a { color: #fff; }
#footer a:hover { color: #000; }
#footer .text_right { color: #000; }

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (max-width: 950px) {
.logo { padding-left: 10px; } 
.title_box { padding: 0 10px; }
p.btn_cta_red a, a.btn_cta_red { padding: 15px 8% 20px 0; }
.beratungstermin textarea {  width: 65%; }
.title_box h1 { font-size: 215%; }
.grey_bottom p.btn_cta_red a, .slider_box p.btn_cta_red a { font-size: 115%; margin-left: 20px; }
}

@media only screen and (max-width: 870px) { p.partner { display: none; }}

@media only screen and (max-width: 800px) {
#fancybox-wrap { width: 400px !important; }
#fancybox-wrap img { max-width: 400px !important; }
#header .claim { width: 54%; margin: 0 15px 0 0; float: right; }
#header .phone { width: 54%; float: right; margin-top: -10px; line-height: 3em; }
#header .phone p { margin: 0; text-align: right; padding-right: 15px; }
.slider_list { width: 58%; }
.ce_gallery.span_6 { width: 42%; }
.services ul li { width: 50%; }
.service_icons h2 { margin: 25px 0 35px; }
ul.icons { width: 85%; }
.dataprivacy { float: none; margin: 0 0 20px 0; display: none; }
.dataprivacy_mobil { float: none; margin: 0 0 20px 0; display: block; width: 100%; }
.logo { width: 270px; }
#header .phone p { font-size: 1.25rem; margin-top: 40px; }
#header .claim p { font-size: 1.2rem; }
.grey_bottom p.btn_cta_red a { margin-left: 4%; }
.service_icons .callback { font-size: 165%; }
}

@media only screen and (max-width: 750px) { 
  body { font-size: 11px; }
  p, li  { font-size: 0.9rem; }
  .content_box { padding: 0px 0px 0 10px; }
  .slider_box p.btn_cta_red a, .grey_bottom p.btn_cta_red a { margin: 10px 0 15px 88px; padding: 5px 5% 9px 0; font-size: 100%; }
  .grey_bottom p.btn_cta_red a { margin-left: 4%; }
  #header .callback a { font-size: 1.05rem; }
  .service_icons .callback { font-size: 1.05rem; }
}

@media only screen and (max-width: 620px) { 
  .span_6 { width: 100%; }
  #header .claim { width: 45%; margin-top: 10px; }
  #header .claim p { font-size: 0.9rem; }
  #header .phone { width: 45%; padding-left: 0; } 
  #header .phone p { font-size: 155%; }
  .services ul li { width: 100%; height: 120px; }
  .mod_dlh_googlemaps { margin-top: 20px !important; }
  .text_right { float: left; margin: 0; }
  #footer .inside { padding: 0 10px; }
  #dlh_googlemap_1 { height: 180px !important; }
  .grey_bottom { min-height: 170px; }
  .grey_bottom p.btn_cta_red a { margin: 15px 0 15px; padding: 5px 5% 9px 0; font-size: 100%;  } 
  #nav_main { float: left; width: 480px; }
  #nav_main ul { width: 480px; }
  .service_page .light_orange { padding-left: 20px; }
  .slider_box .ce_gallery { margin: 20px 0 0 88px; }
  #dlh_googlemap_1 { height: 180px !important; width: 100% !important; }
  .cta_box_responsive, .cta_box_responsive .phone { display: block !important; }
  .cta_box_responsive p.btn_cta_red a, .grey_bottom p.btn_cta_red a { margin: 0; padding: 5px 5% 9px 0; font-size: 100%; }
  .cta_box_responsive .phone { background: #fff; margin: 20px -10px 0; position: relative; z-index: 1; }
  .cta_box_responsive .callback { margin: 0; line-height: 3rem; padding: 7px 0 0 10px; float: left; width: 100%; background: #fff; }
}

@media only screen and (max-width: 530px) { 
  .phone, .claim, .grey .btn_cta_red, .slider_list img, .download .cta_box_responsive, .download .cta_box_responsive img { display: none; }
  
  .slider_box .ce_gallery { margin: 20px 0 0 88px; }
  #nav_main { width: 100%; }
  #nav_main ul { width:100%; margin: 0; }
  .services ul li { width: 100%; height: 150px; }  
  .grey_bottom .span_7, .grey_bottom .span_5 { width: 100%; }
  .grey_bottom p.btn_cta_red a { margin: 10px 10px 10px 0; }
}

@media only screen and (max-width: 330px) { 
  #header { height: 120px !important; }
  .logo { min-width: 210px !important; max-width: 220px !important; }
  .download .cta_box_responsive { display: block; }
  .download .cta_box_responsive img { border: none; float: left; max-width: 150px !important; }
  .title_box .image_container img { display: none; }
  .title_box h1 { padding: 25px 0; }
  .grey_bottom p.btn_cta_red a { margin: 15px 0; padding: 5px 5% 9px 0; font-size: 100%;  } 
  .cta_box_responsive p.btn_cta_red a i { margin: 0 10px 0 15px; }
  
  ul.icons { margin: 10px 0 0 -15px; width: 100%; }
  .ce_gallery.span_6 { width: 100%; }
  .input-wrapper input, .beratungstermin textarea {  width: 100%; }
  .slider_box .ce_gallery { margin: 0; } 
  .slider_list { padding-bottom: 20px; }
  #fancybox-wrap { width: 300px !important; }
  #fancybox-wrap img { width: 300px !important; }
}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}