@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");

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; }
#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 10px 0; color: #3d454c; }
h1, .like_h1 { font-size: 32px; line-height: 48px; } 
h2, .like_h2 { font-size: 24px; line-height: 30px; } 
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: #0069b4; font-weight: normal; }

p { margin: 0 0 20px 0; padding: 0;}
strong { color: #3d454c; }

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; }
 

/* ----------------------------------------------------------------------------------
   CSS-Einstellungen fuer das Addon Modulhelper (bzw. bw_modulhelper)
---------------------------------------------------------------------------------- */ 
/* ------------ Outer Box ------------ */
/* Ausgangswerte: (Seitenbreite: 1600px | Abstand: 30px) */
.outer_box { clear: both; display: block; float: left; width: 96.25%; margin: 0 0 10px 1.88%; padding: 0; }
.box_width_1_2 { clear: none; width: 47.19%; }
.box_width_1_3 { clear: none; width: 30.83%; }
.box_width_2_3 { clear: none; width: 63.54%; }
.box_width_1_4 { clear: none; width: 22.66%; }
.box_width_1_5 { clear: none; width: 17.74%; }

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


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

@media all and (max-width:1500px) { .section_1500 { 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; } }
@media all and (max-width:768px) { .section_768 { 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: #498fc3; }
.section_bg_gray { background-color: #d7d8d9; padding: 50px 0 30px 0; }
.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_bg_image {
    display: block;
    position: static;
    width: 100%;
    min-height: 300px;
    background-color: #fff;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.section_abstand_1,
.section_abstand_2 { clear: both; display: block; width: 100%; margin: 0; padding: 0; background-color: #FFF; }
.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; }

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

/* Relative Bloecke innerhalb von "page" */
#page, #header_top, #header_top_navigation, #logo, #header_nav, #header_image, #header, #navigation_not_responsive, #wrapper, #content, #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; }

#header_top { height: 117px; background-color: #003d76; background-image: url(bg_header_top.jpg); background-repeat: repeat-x; background-position: center top; border-bottom: 5px solid #b79d37; z-index: 10; }

#header_top_navigation { position: absolute; top: 10px; left: auto; right: 20px; width: 320px; height: auto; z-index: 10; color: #FFF; text-align: right; }
#header_top_navigation a { text-decoration: none; color: #FFF; }
#header_top_navigation a:hover { text-decoration: none; color: #b79d37; }

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

#navigation_not_responsive { position: absolute; top: 50px; left: 320px; width: auto; z-index: 100; }

#header { background-color: #FFF; padding: 0; }
#header_image { min-height: 400px; margin: 0; }


#wrapper { width: 100%; min-height: 400px; margin: 0 auto; padding: 0; }
#content { }


#footer_bg { clear: both; background-color: #373d41; background-image: url(bg_footer.jpg); background-repeat: repeat; background-position: center top; overflow: hidden; }
#footer { clear: both; padding: 20px 0; color: #FFF; font-size: 15px; line-height: 20px; background-image: url(footer_logo.png); background-repeat: no-repeat; background-position: left bottom; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { color: #b79d37; text-decoration: none; }
#footer strong, #footer span { white-space: nowrap; }

#footer_left { display: block; float: left; width: 48.0%; min-height: 145px; margin: 0; padding: 0 2.0% 0 0; text-align: right; border-right: 1px solid #FFF; }
#footer_right { display: block; float: right; width: 48.0%; min-height: 145px; margin: 0; padding: 0; }
#footer_right a { display: inline-block; padding: 0 0 0 20px; background-image: url(listpoint_footer.png); background-repeat: no-repeat; background-position: left center; }


#footer_bottom_bg { clear: both; background-color: #FFF; }
#footer_bottom { padding: 20px 0; text-align: center; }


/* ----------------------------------------------------------------------------------
   Sonderfall: andere Farbe und Logo
---------------------------------------------------------------------------------- */ 
body.art_logo_green #logo { background-image: url(contrust-finance-immobilien.png); background-position: center center; background-repeat: no-repeat; }
body.art_logo_green #logo img { opacity: 0.0001; }
body.art_logo_green #header_top { border-bottom: 5px solid #9cbd25; }


/* ----------------------------------------------------------------------------------
   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; top: auto; bottom: 20px; left: 120px; width: auto; height: auto; margin: 0; padding: 10px 20px; z-index: 1; background-color: #003d76; background-color: rgba(0,61,118,0.5); color: #FFF; }
.header_image_text_headline { font-size: 26px; line-height: 36px; }
.header_image_text_subline { font-size: 26px; line-height: 36px; }

@media all and (max-width:980px) {
.header_image_text { width: 45%; margin: -45px 0 0 0; }
.header_image_text_headline { font-size: 24px; line-height: 30px; }
.header_image_text_subline { font-size: 24px; line-height: 30px; }
}

@media all and (max-width:768px) {
.header_image_text { position: relative; width: auto; padding: 15px 10px; background-color: #22376c; }
}

@media all and (max-width:480px) {
.header_image_text { position: relative; width: auto; padding: 15px 10px; }
.header_image_text_headline { font-size: 21px; line-height: 25px; }
.header_image_text_subline { font-size: 21px; line-height: 25px; }
}


#header_image_links { display: block; position: absolute; top: 130px; left: 120px; width: auto; height: auto; margin: 0; padding: 0; z-index: 10; }
#header_image_links a { display: block; width: auto; height: auto; margin: 0 0 5px 0; padding: 10px 70px 10px 10px; color: #000; text-decoration: none; font-size: 16px; line-height: 25px; background-color: #FFF; background-image: url(header_image_link.png); background-position: right center; background-repeat: no-repeat; }
#header_image_links a:hover { color: #000; text-decoration: none; background-color: #DDD; }
@media all and (max-width:1200px) { #header_image_links { top: 75px; left: 80px; } }
@media all and (max-width:980px) { #header_image_links { top: 25px; left: 60px; } 
#header_image_links a { padding: 7px 70px 7px 10px; } }
@media all and (max-width:768px) { #header_image_links { top: 20px; left: 40px; } #header_image_links a { padding: 4px 70px 4px 10px; font-size: 15px; line-height: 22px; } }
@media all and (max-width:640px) { #header_image_links { top: 4px; left: 20px; } #header_image_links a { margin: 0 0 4px 0; padding: 3px 70px 3px 10px; font-size: 14px; line-height: 20px; } }
@media all and (max-width:480px) { #header_image_links { display: none; } }

/* --- */

#header_image_slider_overlay { box-sizing: border-box; display: block; position: absolute; top: auto; bottom: 20px; left: auto; right: 20px; width: auto; height: auto; margin: 0; padding: 0; z-index: 10; color: #fff; }
#header_image_slider_overlay_text { display: block; width: auto; height: auto; margin: 0; padding: 20px 20px 1px 20px; background-color: #223671; border: 5px solid #b79d37; }
#header_image_slider_overlay_text p,
#header_image_slider_overlay_text h1,
#header_image_slider_overlay_text h2,
#header_image_slider_overlay_text h3,
#header_image_slider_overlay_text strong { color: #fff; }	

#header_image_slider_overlay_text .link_button { font-size: 14px; line-height: 20px; }

	
#header_image_slider_overlay_close { display: block; position: absolute; top: 8px; left: auto; right: 10px; width: 15px; height: auto; margin: 0; padding: 0; z-index: 11; font-size: 20px; line-height: 20px; color: #fff; text-align: center; transition: all 200ms ease-in-out; cursor: pointer; transform: scale(1.0); }	
#header_image_slider_overlay.active #header_image_slider_overlay_close:hover { transform: scale(1.2); }

#header_image_slider_overlay_open { display: block; margin: 0; padding: 0; cursor: pointer; }
#header_image_slider_overlay_open .link_button { cursor: pointer; background-color: #223671; color: #fff; }
#header_image_slider_overlay_open .link_button:hover { background-color: #498fc3; color: #fff; }

	
#header_image_slider_overlay #header_image_slider_overlay_text { display: none; }	
#header_image_slider_overlay #header_image_slider_overlay_close { display: none; }	
#header_image_slider_overlay #header_image_slider_overlay_open { display: block; }
	
#header_image_slider_overlay.active { width: 30%; }	
#header_image_slider_overlay.active #header_image_slider_overlay_text { display: block; }	
#header_image_slider_overlay.active #header_image_slider_overlay_close { display: block; }	
#header_image_slider_overlay.active #header_image_slider_overlay_open { display: none; }	
	

@media all and (max-width:768px) {
#header_image_slider_overlay,
#header_image_slider_overlay.active { display: block; position: relative; top: 0; bottom: auto; left: 0; right: auto; width: 100%; }
}

/* --- */	


#contrust_iframe { display: block; width: 100%; margin: 0 0 20px 0; background-color: #FFF; }
#contrust_iframe iframe { width: 100% !important; background-color: #FFF; border: none; }


a.modul_50_linkbox { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; text-decoration: none; color: #FFF; } 
a.modul_50_linkbox .modul_50_linkbox_overlay { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 10; background-color: #FFF; background-color: rgba(255,255,255,0.8); opacity: 0; }
a.modul_50_linkbox .modul_50_linkbox_headline { display: block; position: absolute; bottom: 20px; left: 0; width: 96%; height: auto; margin: 0; padding: 5px 2%; z-index: 30; background-color: #003d76; text-align: center; font-size: 20px; line-height: 30px; }
a.modul_50_linkbox .modul_50_linkbox_text { display: block; position: absolute; bottom: 60px; left: 0; width: auto; height: auto; margin: 0; padding: 0 30px; z-index: 20; font-size: 26px; line-height: 36px; color: #000; opacity: 0; }

a.modul_50_linkbox:hover { text-decoration: none; color: #FFF; } 
a.modul_50_linkbox:hover .modul_50_linkbox_overlay { opacity: 1; } 
a.modul_50_linkbox:hover .modul_50_linkbox_text { opacity: 1; } 
a.modul_50_linkbox:hover .modul_50_linkbox_headline { bottom: 0; } 

/* CSS Animationen */
a.modul_50_linkbox,
a.modul_50_linkbox .modul_50_linkbox_headline { 
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
a.modul_50_linkbox .modul_50_linkbox_text,
a.modul_50_linkbox .modul_50_linkbox_overlay
{
   -webkit-transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -o-transition: opacity .5s ease-in-out;
   transition: opacity .5s ease-in-out;
}


a.link_button,
div.link_button { display: inline-block; padding: 4px 15px; border-radius: 5px;
background-color: #498fc3; color: #f0f6f9; text-decoration: none; font-size: 16px; line-height: 20px; }
a.link_button:hover,
div.link_button:hover { background-color: #195083; color: #f0f6f9; text-decoration: none; }

a.back_button { float: right; display: block; width: 90px; height: 20px; padding: 10px 0; margin: 0 0 10px 10px; background-color: #498fc3; color: #f0f6f9; line-height: 20px; text-align: center; text-decoration: none; }
a.back_button:hover { text-decoration: none; background-color: #195083; color: #f0f6f9; } 


.linkbalken a { display: block; margin: 0 0 20px 0; padding: 5px 15px; border-radius: 5px; background-color: #b79d37; color: #FFF; text-decoration: none; font-size: 16px; line-height: 20px; }
.linkbalken a:hover { background-color: #195083; color: #f0f6f9; text-decoration: none; }

.referenzen { clear: both; display: block; margin: 0 0 40px 0; }
.referenzen_headline h2 { clear: both; display: block; background-color: #EEE; margin: 0; padding: 5px 10px; }
.referenzen p { margin: 0 0 10px 0; }




#geschaeftsfuehrung { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }
#geschaeftsfuehrung a { display: block; position: absolute; top: 0; left: 10%; width: 20%; height: 100%; margin: 0; padding: 0; z-index: 10; text-indent: -9999px; overflow: hidden; /* background-color: rgba(255,255,255,0.25); */ }
#geschaeftsfuehrung a#schwander { left: 15%; width: 20%; }
#geschaeftsfuehrung a#luternauer { left: 40%; width: 20%; }
#geschaeftsfuehrung a#krummenacher { left: 65%; width: 20%; }
.geschaeftsfuehrung_info { display: block; padding: 5px 10px; margin: 0 0 7px 0; background-color: #F3F3F3; }
.geschaeftsfuehrung_info.active { background-color: #CCC; }



/* --- yForm --- */ 
.yform div.alert { padding: 15px 30px 5px 30px; margin-bottom: 20px; border-radius: 4px; }
.yform div.alert span { margin-right: 15px; }
.yform div.alert-danger { border: 2px solid #a94442; background-color: #f2dede; color: #a94442; }
.yform .alert ul { list-style-type: none; margin: 0; padding: 0; }
.yform .alert li { list-style-type: none; margin: 0 0 10px 0; padding: 0; color: #a94442; }
.yform .alert strong { color: #a94442; }

.has-error label { color: #a94442; }
.has-error strong { color: #a94442; }

.yform form { display: block; margin: 0 0 20px 0; padding: 0; }
.yform label { display: block; float: left; width: 150px; margin: 0 0 5px 0; padding: 5px 0; font-size: 13px; line-height: 20px; }
.yform form.hide-label label { display: none; }

.yform .form-control {
    box-sizing: border-box; 
	display: block;	width: 99%; max-width: 400px; height: auto; margin: 0 0 20px 0; padding: 5px 10px;
    font-family: inherit; font-size: 14px; line-height: 20px; color: #001f40;
	background-color: #fff; border: solid 1px #dfe6e7; border-radius: 5px; box-shadow: none;
    outline: none;
}
.yform .form-control:hover { border-color: #a8aeb5; }
.yform .form-control:focus { border-color: #37434f; outline: none; box-shadow: none; }

.yform textarea.form-control { height: 136px; }

.yform .formcheckbox label { display: block; float: none; width: auto; margin: 0 0 10px 0; padding: 0; }
.yform .formcheckbox label input { display: block; float: left; width: auto; margin: 0 10px 0 0; }
.yform .formcheckbox label span { display: block; float: none; width: auto; margin: 0 0 5px 30px; }

.yform .form-check-group { clear: both; margin: 0 0 20px 0; }
.yform .form-check-group .control-label { clear: both; display: block; margin: 0 0 10px 0; }

.yform .radio { display: block; float: none; width: auto; margin: 0 0 10px 0; padding: 0; }
.yform .radio label input { display: block; float: left; width: auto; margin: 5px 10px 0 0; }

.yform .checkbox { clear: both; margin: 0 0 20px 0; }
.yform .checkbox label input { display: block; float: left; width: auto; margin: 5px 10px 0 0; }


/* Button */
.yform .btn-primary {
	clear: both; display: block; width: 140px; height: auto; margin: 0 0 10px 0; padding: 5px;
    border: none; border-radius: 5px;
    text-align: center; font-weight: 700; 
    background-color: #498fc3; color: #FFF; 
}
.yform .btn-primary:hover { background-color: #3d454c; color: #FFF; }

.yform .pflichtfelder { font-size: 0.8em; }

/* Honeypot gegen SPAM */
#yform-contact_formular-email_betreff { display: block; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; }
#yform-contact_formular-email_betreff.has-error { display: block; width: auto; height: auto; margin: 0 0 20px 0; padding: 20px 20px 1px 20px; border: 1px solid #a94442; opacity: 1; background-color: #f0f0f0; color: #a94442; }
#yform-contact_formular-email_betreff.has-error label { float: none; display: block !important; width: auto; margin-bottom: 10px !important; }


.yform strong { font-weight: 700; }

/* eigene CSS Klassen */
.form_clear { clear: both; }

.form-check-group label { display: inline-block; }

@media all and (max-width:480px) {
.yform label { float: none; width: auto; }
.yform .form-control { width: 96%; margin: 0 0 20px 0; }
}




/* ----------------------------------------------------------------------------------
   Responsive Webdesign
---------------------------------------------------------------------------------- */ 
@media all and (max-width:1500px) {
/* 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:1200px) {
	
#logo { position: absolute; top: 14px; left: 20px; width: 270px; height: auto; z-index: 10; }
#navigation_not_responsive { position: absolute; top: 50px; left: 300px; width: auto; z-index: 100; }
	

}

@media all and (max-width:980px) {
#google_map_iframe iframe { width: 100% !important; }

#header_top { height: auto; min-height: 117px; }
#logo { position: relative; top: 0; left: 0; width: auto; max-width: 270px; margin: 0 80px 0 0; padding: 12px 0 12px 20px; }
#navigation_not_responsive { position: relative; top: 0; left: 0; width: auto; background-color: #003d76; }

#footer { background-image: none; }

}

@media all and (max-width:768px) {
h1, .like_h1 { font-size: 24px; line-height: 32px; } 
h2, .like_h2 { font-size: 21px; line-height: 27px; } 
h3, .like_h3 { font-size: 18px; line-height: 24px; } 

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

.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; }

#navigation_not_responsive { display: none; }
#header_top_navigation { position: absolute; top: auto; bottom: 10px; left: auto; right: 20px; width: 180px; height: auto; z-index: 10; color: #FFF; text-align: right; }

}

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

#logo { padding: 12px 0 12px 10px; }

#header_top_navigation { position: relative; top: 0; bottom: auto; left: 0; right: auto; width: auto; padding: 5px 10px; text-align: left; }

#footer_left,
#footer_right { float: none; width: auto; min-height: 0; margin: 0 10px; padding: 0; text-align: left; border-right: none; }
#footer_left { margin-bottom: 20px; }

}





/* -------------------------------------------------------------------
Datenschutzinfo per Cookie
------------------------------------------------------------------- */ 
#datenschutzinfo { display: block; position: fixed; top: auto; bottom: 0; left: auto; right: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 999; overflow: hidden; background-color: #999; }
#datenschutzinfo a { color: #FFF; text-decoration: underline; }
#datenschutzinfo a:hover { color: #FFF; text-decoration: none; }
#datenschutzinfo p { margin: 0; padding: 0; }

#datenschutzinfo_inner { display: block; width: 98%; height: auto; margin: 0 auto; padding: 5px 1%; font-size: 12px; line-height: 20px; color: #FFF; text-align: center; }
#datenschutzinfo_text { display: block; margin: 0 0 5px 0; }
/*
#datenschutzinfo_text { float: left; display: block; width: 830px; }
#datenschutzinfo_button { float: right; display: block; width: 140px; padding: 10px 0 0 0; }
*/
#datenschutzinfo_button a { display: inline-block; width: 48px; height: 20px; margin: 0; padding: 0; text-decoration: none; color: #000; background-color: #FFF; font-size: 12px; line-height: 20px; font-weight: 400; }
#datenschutzinfo_button a:hover{ text-decoration: none; color: #FFF; background-color: #999; }

#datenschutzinfo_spacer { clear: both; display: block; width: 100%; height: 80px; margin: 0; padding: 0; }

@media all and (max-width:980px) {
#datenschutzinfo_inner { width: 100%; height: auto; margin: 0; }

#datenschutzinfo_text { float: none; width: 100%; }
#datenschutzinfo_button { float: none; width: 100%; }

#datenschutzinfo_button a { display: inline-block; }
#datenschutzinfo_spacer { height: 80px; }

}

@media all and (max-width:768px) {
#datenschutzinfo { position: relative; width: 100%; }
#datenschutzinfo_text { float: none; width: auto; padding: 0 2%; }

#datenschutzinfo_spacer { display: none;  }
}