@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* Import von weiteren CSS-Dateien */
@import url("default-settings.css");
@import url("redaxo_responsive_menu.css");
@import url("yform.css");

* { font-family: 'Open Sans', Verdana, Geneva, sans-serif; }

html, body {
font-family: 'Open Sans', Verdana, Geneva, sans-serif; 
font-size: 14px; line-height: 20px;
color: #000;
/* Woerter in die naechste Zeile umbrechen, wenn sie ansonsten das umschliessende Element verlassen wuerden. */
word-wrap:break-word;
height: 100%;
}
html { overflow: scroll; overflow-x: auto; 
background-color: #CCC;
}

/* ----------------------------------------------------------------------------------
   Schriften + Generelle CSS-Anpassungen fuer diese Webseite
---------------------------------------------------------------------------------- */ 
a { text-decoration: underline; color:#000; }
a:hover { text-decoration: none; color:#223671; }
a:active, a:focus { outline: 0; }
a:hover img { opacity: 0.8; }

ul li { list-style-type: disc; list-style-position: outside; margin: 0 0 10px 18px; padding: 0; }
ul ul { padding: 10px 0 0 0; }
#content ul li { list-style-type: none; margin: 0 0 10px 0; padding: 0 0 0 18px; background-image: url(listpoint.png); background-position: left top; background-repeat: no-repeat; }


h1, h2, h3, h4, h5, h6,
.like_h1, .like_h2, .like_h3, .like_h4, .like_h5, .like_h6 { font-weight: normal; font-style: normal; font-size: 14px; line-height: 20px; margin: 0 0 20px 0; color: #4b4b4b; }
h1, .like_h1,
h2, .like_h2 { font-size: 50px; line-height: 56px; font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; font-weight: 300; text-transform: uppercase; word-spacing: 6px; } 
h2, .like_h2 { font-size: 40px; line-height: 46px; } 
h3, .like_h3 { font-size: 20px; line-height: 26px; } 
h4, .like_h4 { font-size: 18px;  } 
h5, .like_h5 { font-size: 14px; } 
h6, .like_h6 { font-size: 12px; } 

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.like_h1 strong, .like_h2 strong, .like_h3 strong, .like_h4 strong, .like_h5 strong, .like_h6 strong { color: #04b68f; font-weight: normal; }

h1 strong, .like_h1 strong,
h2 strong, .like_h2 strong { font-size: 42px; line-height: 48px; text-transform: none; font-weight: 300; font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; }
h2 strong, .like_h2 strong { font-size: 32px; line-height: 38px; }

.headline_special h2, .headline_special .like_h2 { font-size: 30px; line-height: 36px; } 
.headline_special h2 strong, .headline_special .like_h2 strong { font-size: 22px; line-height: 28px; }

p { margin: 0 0 20px 0; padding: 0;}


hr { clear: both; height: 1px; width: 100%; margin: 0 0 20px 0; border: none; background-color: #888; } 
.small  { display: block; font-size: 13px; line-height: 16px; color: #333; font-style: italic; padding-top: 5px; } /* Bildunterschriften */

table { width: 100%; margin: 0 0 20px 0; }
th, td { padding: 10px 5px; text-align: left; vertical-align: top; }
table tr:nth-child(odd)	{ background-color:#FFF; }
table tr:nth-child(even) { background-color:#EEE; }
table th { background-color:#0069b4; color: #FFF; }
table td.headline { font-weight: bold; color: #5591bc; }
 

/* ----------------------------------------------------------------------------------
   CSS-Einstellungen fuer das Addon Modulhelper (bzw. bw_modulhelper)
---------------------------------------------------------------------------------- */ 
/* ------------ Outer Box ------------ */
/* Ausgangswerte: (Seitenbreite: 1440px | Abstand: 40px) */
.outer_box { clear: both; display: block; float: left; width: 94.44%; margin: 0 0 20px 2.78%; padding: 0; }

.box_width_full { width: 100%; margin: 0 0 20px 0; }
.box_width_1_2 { clear: none; width: 45.83%; }
.box_width_1_3 { clear: none; width: 29.63%; }
.box_width_2_3 { clear: none; width: 62.04%; }
.box_width_1_4 { clear: none; width: 21.53%; } 

.section_full,
.section_1600,
.section_1200,
.section_980 { clear: both; display: block; width: 100%; height: auto; margin: 0; padding: 0; }
.section_1600 { width: 1600px; margin: 0 auto; }
.section_1200 { width: 1200px; margin: 0 auto; }
.section_980 { width: 980px; margin: 0 auto; }

#content .section_1600 { width: auto; max-width: 1600px; } 
#content .section_1200 { width: auto; max-width: 1200px; } 
#content .section_980 { width: auto; max-width: 980px; } 

@media all and (max-width:1600px) { .section_1600 { width: auto; margin: 0; } }
@media all and (max-width:1200px) { .section_1200 { width: auto; margin: 0; } }
@media all and (max-width:980px) { .section_980 { width: auto; margin: 0; } }


.section_bg_none,
.section_bg_blue,
.section_bg_gray,
.section_bg_darkgray { clear: both; display: block; width: 100%; height: auto; margin: 0; padding: 30px 0 10px 0; background-color: #FFF; }

.section_bg_none { background-color: transparent; background-color: #FFF; }
.section_bg_blue { background-color: #1476bd; }
.section_bg_gray { background-color: #E9E9E9; }
.section_bg_darkgray { background-color: #373d41; }

.no_padding_bottom { padding: 30px 0 0 0; }

.section_bg_darkgray, .section_bg_darkgray p, .section_bg_darkgray a, .section_bg_darkgray h1, .section_bg_darkgray h2, .section_bg_darkgray h3, .section_bg_darkgray h4, .section_bg_darkgray h5, .section_bg_darkgray h6 { color: #FFF; }

.section_border_top_bottom { border-top: 1px solid #888; border-bottom: 1px solid #888; }

.section_bg_image,
.section_bg_paroller {
    display: block;
    position: static;
    width: 100%;
    min-height: 400px;
    background-color: #fff;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
}
.section_bg_paroller { background-color: transparent; }

/* ALT */ hr.section_trennlinie { clear: both; height: 1px; width: 100%; margin: 0; padding: 0 0 20px 0; border: none; border-top: 1px solid #888; background-color: #FFF; } 
/* NEU */ .section_trennlinie { clear: both; display: block; width: 100%; height: 20px; margin: 0; padding: 0; border-top: 1px solid #888; background-color: #FFF; }

.section_abstand_1,
.section_abstand_2 { clear: both; display: block; width: 100%; margin: 0; padding: 0; background-color: transparent; }
.section_abstand_1 { height: 20px; }
.section_abstand_2 { height: 40px; }

/*
#wrapper li { background-image: url(listpoint.png); background-position: top left; background-repeat: no-repeat; }
#wrapper .section_bg_darkgray li { background-image: url(listpoint_hell.png); }
*/


/* ----------------------------------------------------------------------------------
 Clearfix, um das Floating innerhalb der Container aufzuheben fuer Firefox, IE8, Opera, Safari, etc.
---------------------------------------------------------------------------------- */ 
.outer_box_inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html .outer_box_inner { display: inline-block; } /* fuer IE7 */
* html .outer_box_inner { height: 1%; } /* fuer IE6 */


.outer_box .image { margin: 0 0 15px 0; text-align: center; }
.outer_box .image a { text-decoration: none !important; }
.outer_box .image a:hover { opacity: 0.8; }


/* ------------ Moduleinstellungen ------------ */
.text_bild .flLeft { float: left; display: block; width: auto; max-width: 63.89%; margin: 0 15px 0 0; overflow: hidden; }
.text_bild .flRight { float: right; display: block; width: auto; max-width: 63.89%; margin: 0 0 0 15px; overflow: hidden; }
.text_bild .image span.small { display: block; }



.zweispalter { background-image: url(bg_zweispalter.png); background-repeat: repeat-y; background-position: center top;  }
.zweispalter .flLeft { float: left; display: block; width: 47.69%; margin: 0; overflow: hidden; }
.zweispalter .flRight { float: right; display: block; width: 47.69%; margin: 0; overflow: hidden; }

.box_bg_white { background-color: #FFF; }
.outer_box_inner { padding: 15px 15px 1px 15px; }



/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
---------------------------------------------------------------------------------- */ 
#page_bg { position: relative; top: 0; left: 0; width: 1800px; height: auto; margin: 0 auto; padding: 0; z-index: 1; background-color: transparent; background-color: #FFF;
box-shadow: 0 0 10px 0 #999;  }

/* Relative Bloecke innerhalb von "page" */
#page, #header_bg, #header, #logo, #sprachwechsler, #navigation_not_responsive, #header_image, #wrapper_full, #wrapper, #sidebar, #content, #content_full, #footer_bg, #footer, #footer_bottom_bg, #footer_bottom {
display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }

#page { overflow: hidden; /* background-color: #F0F0F0; */ background-color: #FFF; }

#header_bg { position: absolute; z-index: 100; }
#header { width: 1400px; margin: 0 auto; padding: 20px 0 10px 0; background-color: #FFF; background-color: rgba(255,255,255,0.8); }

/* Suche */
#suchbox { display: block; position: absolute; top: 20px; left: auto; right: 30px; width: 202px; height: 32px; margin: 0; padding: 0; font-size: 14px; line-height: 18px; color: #000; text-align: left; z-index: 200; }
.search_it_form { display: block; position: relative; top: 0; left: 0; width: 200px; height: 30px; margin: 0; padding: 0; background-color: #FFF; border: 1px solid #999; }
.search_it_form input.search_it_text { display: block; width: 150px; height: auto; margin: 0; padding: 5px 40px 5px 10px; color: #555; font-size: 14px; line-height: 20px; background-color: transparent; border: none; }
.search_it_form input.hidden { display: none; }
.search_it_form input.search_it_button { position: absolute; top: 0; right: 0; width: 30px; height: 30px; margin: 0; padding: 0; z-index: 10;  border: none; color: #000; background-color: #FFF; background-image:url(pic_search.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; text-indent: -99999px; overflow: hidden; }
.search_it_form input.search_it_button:hover { background-color: #999; }

.search_highlighter { background-color: #FFC; }

#logo { position: absolute; top: 20px; left: 30px; width: 200px; height: auto; z-index: 200; }
#logo a:hover { opacity: 0.8; }

#sprachwechsler { position: absolute; top: auto; bottom: 30px; left: auto; right: 30px; width: 60px; height: auto; z-index: 1000; text-align: right; line-height: 24px; }
#sprachwechsler a { color: #4b4b4b; text-decoration: none; }
#sprachwechsler a:hover { color: #04b68f; text-decoration: underline; }
#sprachwechsler a.active { color: #04b68f; text-decoration: none; }

#header_image { min-height: 200px; background-color: #CCC; }

#navigation_not_responsive { width: auto; padding: 62px 0 10px 0; margin: 0 90px 0 260px; z-index: 100; }

#wrapper_full { width: 100%; min-height: 400px; }
#content_full { }

#wrapper { width: 1500px; min-height: 400px; margin: 0 auto; }
#sidebar { float: left; width: 25.0%; margin: 0 0 0 3.57%; padding: 30px 0 10px 0; }
#content { float: right; width: 67.85%; margin: 0 3.57% 0 0; padding: 30px 0 10px 0; }
#content .section_1200 { width: 100%; margin: 0; }


#footer_bg { clear: both; background-color: #4b4b4b; }
#footer { clear: both; width: 1200px; min-height: 100px; margin: 0 auto; padding: 30px 0 10px 0; color: #FFF; font-size: 12px; line-height: 20px; }
.footer_box { display: block; float: left; width: 29.63%; margin: 0 0 20px 2.78%; padding: 0; }
.footer_headline { font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; font-size: 20px; line-height: 26px; margin: 0 0 20px 0; color: #FFF; font-weight: 300; text-transform: uppercase; }
.footer_box a { color: #FFF; text-decoration: none; }
.footer_box a:hover { color: #FFF; text-decoration: underline; }

#footer_gallery a { display: block; float: left; width: 29.63%; margin: 0 2.78% 2.78% 0; }

#startseite_form_abs { display: block; position: absolute; top: auto; bottom: 0; left: 35.19%; width: 29.63%; height: auto; margin: 0; padding: 0; z-index: 1; background-color: #04b68f; }
#startseite_form_box { display: block; width: auto; height: auto; margin: 0; padding: 20px 20px 5px 20px; }
#startseite_form_box .footer_headline { text-align: center; margin: 0 0 10px 0; padding: 0; }
#startseite_form_box p { margin: 0 0 10px 0; padding: 0; }
#startseite_form_box .captcha_text { color: #000; }



#footer_bottom_bg { clear: both; background-color: #04b68f; }
#footer_bottom { clear: both; width: 1200px; margin: 0 auto; padding: 20px 0; text-align: center; color: #FFF; font-size: 14px; line-height: 20px; }
#footer_bottom a { color: #FFF; text-decoration: none; }
#footer_bottom a:hover { color: #4b4b4b; text-decoration: none; }
#footer_bottom_left { display: block; float: left; width: 70%; text-align: left; }
#footer_bottom_right { display: block; float: right; width: 28%; text-align: right; }


/* ----------------------------------------------------------------------------------
   Module
---------------------------------------------------------------------------------- */ 
#google_map_iframe iframe { width: 100% !important; border: none !important; margin: 0 0 20px 0; padding: 0; }

#header_image_slider { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }
.header_image_box { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }
.header_image_text { display: block; position: absolute; bottom: 125px; right: 200px; width: auto; height: auto; margin: 0; padding: 0; z-index: 10; text-align: right; font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; font-weight: 300; font-size: 30px; line-height: 40px; text-transform: uppercase; }
.header_image_text_1 { display: inline-block; padding: 5px 10px; color: #FFF; background-color: #04b68f; } 
.header_image_text_2 { display: inline-block; padding: 5px 10px; color: #04b68f; background-color: #FFF; } 

@media all and (max-width:1400px) {
.header_image_text { bottom: 75px; right: 11.11%; font-size: 25px; line-height: 35px; }
}

@media all and (max-width:1200px) {
.header_image_text { bottom: 50px; right: 8.33%; font-size: 20px; line-height: 30px; }
}

@media all and (max-width:980px) {
.header_image_text { bottom: 25px; right: 5.10%; font-size: 20px; line-height: 30px; }
}

@media all and (max-width:768px) {
.header_image_text { bottom: 15px; right: 2.78%; font-size: 18px; line-height: 24px; }
}

@media all and (max-width:480px) {
.header_image_text { display: none; }
}



.LinkAsButton a,
a.link_button,
a span.link_button,
#hersteller_sub_menue a { display: inline-block; padding: 5px 20px; border-radius: 5px;
background-color: #04b68f; color: #FFF; text-decoration: none; font-size: 18px; line-height: 30px; }
.LinkAsButton a:hover,
a.link_button:hover,
a:hover span.link_button,
#hersteller_sub_menue a:hover { background-color: #4b4b4b; color: #FFF; text-decoration: none; }
@media all and (max-width:768px) { 
.LinkAsButton a,
a.link_button,
a span.link_button,
#hersteller_sub_menue a { padding: 5px 15px; font-size: 15px; line-height: 20px; }
}


#hersteller_sub_menue { clear: both; display: block; margin: 0; text-align: center; } 
#hersteller_sub_menue a { margin: 0 5px 10px 5px; } 
#hersteller_sub_menue a.active { background-color: #4b4b4b; color: #FFF; }


.video { clear: both; display: block; position: relative; top: 0; left: 0; width: 100%; margin: 0; height: 0; padding: 30px 0 56.25% 0; overflow: hidden; }
.video iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  border: none !important; }



.mediathek { clear: both; display: block; width: 100%; height: auto; margin: 0 0 20px 0; padding: 0; }
.mediathek_headline { }
.mediathek_headline h3 { margin: 0; }
.mediathek_image { display: block; float: left; width: 16.66%; margin: 0 0 20px 2.78%; padding: 0; }



.produkt_teaser { display: block; position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0 0 20px 0; padding: 0 0 20px 0; z-index: 1; background-color: #FFF; border: 1px solid #999; box-shadow: 0 0 5px 0 #999; }
.produkt_teaser_image { display: block; position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0; padding: 0 0 15px 0; z-index: 1; }

.produkt_teaser_image a { display: block; position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0; padding: 0; z-index: 1; }
.produkt_teaser_image a .produkt_teaser_image_icons { display: block; position: absolute; top: 5px; right: 5px; width: 45px; height: auto; margin: 0; z-index: 10; text-align: center; }
.produkt_teaser_image a .produkt_teaser_image_icons img { display: block; margin: 0 0 5px 0; }

.produkt_teaser_text { display: block; margin: 0 0 10px 0; padding: 0 15px 1px 15px; }
.produkt_teaser_text .image { margin: 0; padding: 0; }
.produkt_teaser_text_name { display: block; margin: 0 0 10px 0; padding: 0; }
.produkt_teaser_text_name h3 { margin: 0; font-size: 18px; line-height: 24px; color: #4b4b4b; font-weight: 300; }
.produkt_teaser_text_features { display: block; margin: 0 0 10px 0; padding: 0; }
.produkt_teaser_text_features ul { margin: 0; padding: 0; }
.produkt_teaser_text_features ul li { font-size: 14px; line-height: 20px; font-family: Helvetica, sans-serif; }


.produkt_teaser a.produkt_teaser_link { display: block; position: relative; top: 0; left: 0; width: 70px; height: auto; margin: 0; padding: 5px 5px 5px 15px; background-color: transparent; color: #FFF; font-size: 13px; line-height: 20px; background-color: #04b68f; text-decoration: none; }
.produkt_teaser a.produkt_teaser_link:hover { color: #4b4b4b; text-decoration: none; }
.produkt_teaser a.produkt_teaser_link::before { content: ''; position: absolute; display: block; top: 0; left: -7px; width: 7px; height: 40px; margin: 0; padding: 0; background-image: url(produkt_teaser_link.png); background-repeat: no-repeat; background-position: left top; text-align: center; background-color: transparent; text-decoration: none; }

.produkt_teaser .produkt_teaser_demogeraet { display: block; position: absolute; bottom: 20px; right: 10px; width: 140px; height: auto; margin: 0; padding: 5px 5px 5px 30px; background-color: #4b4b4b; color: #FFF; font-size: 13px; line-height: 20px; white-space: nowrap; background-image: url(icon_demogeraet_info.png); background-position: left center; background-repeat: no-repeat; }

@media all and (max-width:768px) {
.produkt_teaser { float: none; width: 95.89%; }
}



.hersteller_link { display: block; width: auto; height: auto; padding: 20px; border: 1px solid #888; }
.hersteller_link img { margin: 0 0 20px 0;  }
.hersteller_link a span.link_button { padding: 5px 15px; font-size: 16px; line-height: 25px; }

@media all and (max-width:768px) { 
.hersteller_link a span.link_button { padding: 4px 15px; font-size: 14px; line-height: 20px; }
}



/* Detailseite */
#header_detailseite { display: block; width: 100%; height: 200px; }
.produkt { clear: both; }
.produkt_image_container { float: left; display: block; width: 45.83%; max-width: 640px; margin: 0 0 20px 2.78%; padding: 0; }
.produkt_image { box-sizing: border-box; display: block; position: relative; top: 0; left: 0; width: 100%; margin: 0 0 20px 0; padding: 0; z-index: 1; background-color: #FFF; border: 1px solid #999; box-shadow: 0 0 5px 0 #999; }

/*
.produkt_image_thumbs { clear: both; display: block; width: 100%; text-align: center; }
.produkt_image_thumbs a { box-sizing: border-box; display: inline-block; width: 13.5%; margin: 0 1% 2% 1%; padding: 0; background-color: #FFF; border: 1px solid #999; box-shadow: 0 0 5px 0 #999; }

@supports ( display: flex ) {
    .produkt_image_thumbs { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
	.produkt_image_thumbs a { display: block; width: 14%; margin: 0 0 2% 0; }
}
*/

#produkt_image_slider { margin-left: -6px; }
#produkt_image_slider .slick-list { padding: 6px; }

#produkt_image_slider_nav { margin-left: -6px; }

.produkt_image_thumbs { clear: both; display: block; width: 100%; text-align: center; }
.produkt_image_thumbs span { box-sizing: border-box; display: block; width: auto; margin: 0; padding: 0 6px; }
.produkt_image_thumbs span img { box-sizing: border-box; display: block; width: auto; margin: 0; padding: 0; background-color: #FFF; border: 1px solid #999; cursor: pointer; }
.produkt_image_thumbs span img:hover { opacity: 0.8; }

#produkt_image_slider_nav .slick-current img { border: 1px solid #000; }


.produkt_text { float: left; display: block; width: 45.83%; margin: 0 0 40px 2.78%; padding: 0; }
.produkt_text h2 { font-size: 30px; line-height: 36px; color: #4b4b4b; font-weight: 300; }
.produkt_video { clear: both; margin-bottom: 40px !important; box-shadow: 0 0 5px 0 #999; }

@media all and (max-width:980px) { 
#header_detailseite { height: 1px; }
}
@media all and (max-width:768px) { 
.produkt_image_container,
.produkt_text { float: none; width: auto; margin: 0 2.78% 40px 2.78%; }
.produkt_video { margin-bottom: 10px !important; }
}


.produkt_image a { display: block; position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0; padding: 0; z-index: 1; }
.produkt_image a .produkt_image_icons { display: block; position: absolute; top: 10px; right: 10px; width: 65px; height: auto; margin: 0; z-index: 10; text-align: center; }
.produkt_image a .produkt_image_icons img { display: block; margin: 0 0 5px 0; }

.produkt_icons { display: block; margin: 0 0 20px 0; padding: 0; }
.produkt_occasionen { display: block; margin: 0 0 20px 0; padding: 5px 10px; background-color: #CCC; }

.produkt_pdf_downloads { display: block; margin: 0 0 20px 0; padding: 0; }
.produkt_pdf_downloads a { display: inline-block; margin: 0 10px 10px 0; padding: 2px 5px; text-align: center; text-decoration: none; background-color: #CCC; } 
.produkt_pdf_downloads a:hover { text-decoration: none; opacity: 0.6; } 



.produkt_aehnliche_artikel { display: block; }
.produkt_aehnliche_artikel_link { clear: both; display: block; margin: 0 0 15px 0; padding: 15px 0 0 0; border-top: 1px solid #4b4b4b; }
.produkt_aehnliche_artikel_link.first { padding: 0; border-top: none; }
.produkt_aehnliche_artikel_link a { text-decoration: none; font-size: 21px; line-height: 30px; color: #4b4b4b; }
.produkt_aehnliche_artikel_link img { float: left; display: block; width: 100px; margin: 0; }
.produkt_aehnliche_artikel_link span { display: block; margin: 0 0 0 120px; padding: 20px 0 0 0; }



.teaser_news_box,
.teaser_referenzen_box { clear: both; display: block; position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0 2.78% 40px 2.78%; padding: 0; z-index: 1; border: 1px solid #888; background-color: #F0F0F0; }

.teaser_news_box_image_bg,
.teaser_referenzen_box_image_bg { display: block; position: absolute; top: 0; left: 0; width: 29.63%; height: 100%; margin: 0; padding: 0; z-index: 1; background-color: #FFF; }

.teaser_news_box_image,
.teaser_referenzen_box_image { float: left; display: block;position: relative; top: 0; left: 0; width: 29.63%; margin: 0; padding: 0; z-index: 10; overflow: hidden; }

.teaser_news_box_text,
.teaser_referenzen_box_text { display: block; float: right; width: 64.82%; margin: 0 2.78% 0 0; padding: 20px 0 5px 0; }

.teaser_news_box_text h2,
.teaser_referenzen_box_text h2 { font-size: 36px; line-height: 42px; margin: 0 0 10px 0; } 
.teaser_news_box_text p,
.teaser_referenzen_box_text p { margin: 0 0 10px 0; } 


.teaser_news_box a.link_button,
.teaser_referenzen_box a.link_button { padding: 5px 15px; font-size: 16px; line-height: 25px; margin: 0 10px 10px 0; }
@media all and (max-width:768px) { 
.teaser_news_box a.link_button,
.teaser_referenzen_box a.link_button { padding: 4px 15px; font-size: 14px; line-height: 20px; margin: 0 10px 10px 0; }
}

.teaser_news_box_home { clear: both; display: block; width: auto; height: auto; margin: 0; padding: 0; border: 1px solid #888; background-color: #FFF; }
.teaser_news_box_home_text { padding: 20px 15px 5px 15px; }
.teaser_news_box_home_text p { margin-bottom: 10px; }
.teaser_news_box_home_buttons { text-align: center; padding: 0 15px 15px 15px; }

#article_nav { clear: both; display: block; width: auto; margin: 0 2.78% 20px 2.78%; }
#article_nav_back { float: left; width: 20%; }
#article_nav_next { float: right; width: 20%; text-align: right; }
#article_nav_home { margin: 0 21%; text-align: center; }




#slider_produkte_startseite,
#slider_news { clear: both; margin-bottom: 20px; }

#slider_produkte_startseite .slick-prev,
#slider_news .slick-prev { left: -30px; }
#slider_produkte_startseite .slick-next,
#slider_news .slick-next { right: -30px; }

#slider_produkte_startseite .produkt_teaser,
#slider_news .slider_news_box { margin: 0 30px; padding: 0; z-index: 1; border: none; box-shadow: none; }

#slider_produkte_startseite .produkt_teaser a.produkt_teaser_link { display: block; width: 70px; height: auto; margin: 0 auto; padding: 5px 15px; }
#slider_produkte_startseite .produkt_teaser a.produkt_teaser_link:hover { color: #4b4b4b; text-decoration: none; }
#slider_produkte_startseite .produkt_teaser a.produkt_teaser_link::before {display: none; }

@media all and (max-width:980px) {
#slider_produkte_startseite .slick-prev,
#slider_news .slick-prev { left: 0; }
#slider_produkte_startseite .slick-next,
#slider_news .slick-next { right: 0; }
}





/* ----------------------------------------------------------------------------------
   Responsive Webdesign
---------------------------------------------------------------------------------- */ 
@media all and (max-width:1800px) {
/* mit dem Setzen der Breite auf geht das reponsive Webdesign erst richtig los */
#page_bg { width: 100%; min-width: 300px; overflow: hidden; }
#page { width: 100%; }
}



@media all and (max-width:1500px) {
#wrapper { width: 100%; margin: 0; }
}

@media all and (max-width:1400px) {
#header { width: 100%; margin: 0; }
}

@media all and (max-width:1200px) {
h1, .like_h1,
h2, .like_h2 { font-size: 40px; line-height: 46px; word-spacing: 2px; } 
h2, .like_h2 { font-size: 30px; line-height: 36px; } 
h3, .like_h3 { font-size: 20px; line-height: 26px; } 

h1 strong, .like_h1 strong,
h2 strong, .like_h2 strong { font-size: 32px; line-height: 38px; }
h2 strong, .like_h2 strong { font-size: 22px; line-height: 28px; }

.headline_special h2, .headline_special .like_h2 { font-size: 20px; line-height: 26px; } 
.headline_special h2 strong, .headline_special .like_h2 strong { font-size: 16px; line-height: 22px; }

.teaser_news_box_text h2,
.teaser_referenzen_box_text h2 { font-size: 26px; line-height: 32px; } 

#footer { width: 100%; margin: 0; }
#footer_bottom { width: auto; margin: 0 2.78%; }
}

@media screen and (max-width: 1100px) {  
#logo { left: 20px; }
#suchbox { right: 20px; }
#sprachwechsler { right: 20px; }
#navigation_not_responsive { margin: 0 80px 0 240px; }
}


@media all and (max-width:980px) {
h1, .like_h1,
h2, .like_h2 { font-size: 32px; line-height: 42px; word-spacing: 1px; } 
h2, .like_h2 { font-size: 24px; line-height: 30px; } 
h3, .like_h3 { font-size: 18px; line-height: 24px; } 

h1 strong, .like_h1 strong,
h2 strong, .like_h2 strong { font-size: 24px; line-height: 30px; }
h2 strong, .like_h2 strong { font-size: 18px; line-height: 24px; }

.headline_special h2, .headline_special .like_h2 { font-size: 18px; line-height: 24px; } 
.headline_special h2 strong, .headline_special .like_h2 strong { font-size: 16px; line-height: 22px; }

.teaser_news_box_text h2,
.teaser_referenzen_box_text h2 { font-size: 24px; line-height: 30px; } 


#navigation_not_responsive { display: none; }	

#header { width: auto; height: auto; min-height: 0; padding: 10px 2.78%; }
#suchbox { position: absolute; top: 10px; right: 10px;  }
#logo { position: relative; top: 0; left: 0; width: 200px; }

#sprachwechsler { bottom: 25px; right: 90px; width: 60px; }

#sidebar { display: none; }
#content { clear: both; float: none; width: 100%; margin: 0; }


.footer_box { clear: both; float: none; width: auto; margin: 0 2.78% 20px 2.78%; }


#startseite_form_abs { display: none; }


#footer_bottom_left,
#footer_bottom_right { clear: both; display: block; float: none; width: 100%; text-align: center; }
#footer_bottom_left { margin: 0 0 10px 0; }
#footer_bottom_left .break_980 { display: block; height: 1px; overflow: hidden; }
}

@media all and (max-width:768px) {

.outer_box { clear: both; float: none; width: 94.44%; margin: 0 0 15px 2.78%; }

.text_bild .flLeft,
.text_bild .flRight { float: none; width: auto; max-width: none; margin: 0 0 15px 0; }

.zweispalter { background-image: none; }
.zweispalter .flLeft { float: none; width: auto; margin: 0 0 15px 0; }
.zweispalter .flRight { float: none; width: auto; margin: 0; }


#header_bg { position: relative; }
#header_image { min-height: 0; background-color: #CCC; }


}

@media all and (max-width:480px) {
.outer_box { float: none !important; width: auto !important; margin: 0 10px 15px 10px !important; }

#header { padding: 10px; }
#logo { margin: 40px 0 0 0; }
#suchbox { z-index: 210; }
#sprachwechsler { bottom: 15px; right: 20px; width: 60px; }

}