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

/* odibee-sans-regular - latin */
@font-face {
  font-family: 'Odibee Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/odibee-sans-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Odibee Sans Regular'), local('OdibeeSans-Regular'),
       url('fonts/odibee-sans-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/odibee-sans-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/odibee-sans-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/odibee-sans-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/odibee-sans-v1-latin-regular.svg#OdibeeSans') format('svg'); /* Legacy iOS */
}


html, body {
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; line-height: 25px; color: #555;
/* 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: #FFF; }



/* ----------------------------------------------------------------------------------
   Schriften + Generelle CSS-Anpassungen fuer diese Webseite
---------------------------------------------------------------------------------- */ 


a { text-decoration: none; color: #0063a3; }
a:hover { text-decoration: none; color: #555; }
a:active, a:focus { outline: 0; }
a:hover img { opacity: 0.8; }

body.mebod a { text-decoration: none; color: #75b726; }
body.mebod a:hover { text-decoration: none; color: #555; }

ul { margin: 0 0 20px 0; padding: 0; }
ul li { list-style-type: disc; list-style-position: outside; margin: 0 0 10px 18px; padding: 0; }

h1, h2, h3, h4, h5, h6,
.like_h1, .like_h2, .like_h3, .like_h4 { font-family: 'Odibee Sans', Arial, Helvetica, sans-serif; font-weight: 100; font-style: normal; font-size: 14px; line-height: 20px; margin: 0 0 20px 0; color: #0063a3; }
h1, .like_h1 { font-size: 45px; line-height: 55px; text-align: center; } 
h2, .like_h2 { font-size: 43px; line-height: 53px; text-align: center; } 
h3, .like_h3 { font-size: 30px; line-height: 40px; text-align: center; color: #555; }
h4 { font-size: 25px; line-height: 35px; }
h5 { font-size: 14px; } 
h6 { font-size: 12px; } 

body.mebod h1, body.mebod h2, body.mebod h3, body.mebod h4, body.mebod h5, body.mebod h6 { color: #75b726; }

h1 strong, h2 strong, h3 strong, h4 strong { color: #555; }
h1 strong { font-size: 32px; line-height: 40px; } 
h2 strong { font-size: 30px; line-height: 38px; } 
h3 strong { font-size: 25px; line-height: 35px; color: #7a7a79; }
h4 strong { font-size: 20px; line-height: 30px; } 

.no_margin_bottom { margin-bottom: 0; }

/* body.mebod h2 strong { color: #7a7a79; } */

p { margin: 0 0 20px 0; padding: 0; }
td { padding: 0 8px 6px 0; vertical-align: top; }

hr { clear: both; display: block; width: 92.77%; height: 3px; margin: 0 0 20px 3.61%; border: none; background-color: #0063a3; } 
.small  { display: block; font-size: 13px; line-height: 20px; padding: 5px 0; text-align: right; } /* Bildunterschriften */

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

.box_width_full { width: 100%; margin: 0 0 20px 0; }
.box_width_1_2 { clear: none; width: 44.58%; }
.box_width_1_3 { clear: none; width: 28.51%; }
.box_width_2_3 { clear: none; width: 60.63%; }
.box_width_1_4 { clear: none; width: 20.48%; }

.box_gray { background-color: #555; color: #fff; } .box_gray * { color: #fff; }
.box_blue { background-color: #0063a3; color: #fff; } .box_blue * { color: #fff; }
.box_green { background-color: #75b726; color: #fff; } .box_blue * { color: #fff; }

.box_gray h1, .box_gray h2, .box_gray h3, .box_gray h4, .box_gray p,
.box_blue h1, .box_blue h2, .box_blue h3, .box_blue h4, .box_blue p,
.box_green h1, .box_green h2, .box_green h3, .box_green h4, .box_green p
{ color: #fff !important; }


body.mebod .box_gray a,
body.mebod .bwd_slidedown_text a { color: #75b726; }
body.mebod .box_gray a:hover,
body.mebod .bwd_slidedown_text a:hover { color: #fff; }

body.mebod .box_green a { color: #555; }
body.mebod .box_green a:hover { color: #fff; }



.outer_box_inner { display: block; padding: 20px 20px 1px 20px; }
.outer_box_inner .image { margin: 0 !important; }

.headline_box { margin-bottom: 0 !important; }
#sidebar .outer_box { float: none !important; width: 100% !important; margin: 0 0 20px 0 !important; }


/* ----------------------------------------------------------------------------------
 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 5px 0; }
.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: 180px; margin: 0 15px 0 0; overflow: hidden; }
.text_bild .flRight { float: right; display: block; width: auto; max-width: 180px; margin: 0 0 0 15px; overflow: hidden; }
.text_bild .image span.small { display: block; }

.zweispalter { }
.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%; height: auto; min-height: 100%; margin: 0; padding: 0; z-index: 1; }

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

#page_bg { width: 1600px; margin: 0 auto; }

#header_image_bg { clear: both; border-top: 5px solid #0063a3; border-bottom: 5px solid #0063a3; }

body.mebod #header_image_bg { border-top: 5px solid #75b726; border-bottom: 5px solid #75b726; }

#header { width: auto; margin: 0; padding: 0; }


#logo { display: block; width: auto; margin: 0 0 0 110px; padding: 15px 0; text-align: right; }


#wrapper_bg { }
#wrapper { padding: 0 0 40px 0; }
#content { width: 100%; max-width: 1200px; min-height: 400px; margin: 0 auto; padding: 60px 0 40px 0; }


#footer_bg { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; min-height: 142px; margin: 0; padding: 0; z-index: 10; background-image: url(footer_mebolux_bg.png); background-repeat: repeat-x; background-position: center top; overflow: hidden; }

body.mebod #footer_bg { background-image: url(footer_mebod_bg.png); }

#footer { display: block; position: relative; top: 0; left: 0; width: 100%; max-width: 1600px; height: 40px; margin: 56px auto 0 auto; padding: 0; color: #FFF; font-size: 25px; line-height: 40px; }

#footer_logo { position: absolute; display: block; top: -56px; left: 0; width: 220px; height: 142px; margin: 0; padding: 0; z-index: 10; }

#footer a { font-family: 'Odibee Sans', Arial, Helvetica, sans-serif; text-decoration: none; color: #FFF; }
#footer a:hover { text-decoration: none; color: #d0d0d0; }
body.mebod #footer a:hover { text-decoration: none; color: #555; }

#footer_left { display: block; width: auto; height: auto; margin: 0 0 0 240px; padding: 0; }
#footer_left a { display: inline-block; margin: 0 10px; }

#footer_right { display: block; position: absolute; top: 0; left: auto; right: 15px; width: 300px; height: auto; margin: 0; padding: 0; font-size: 18px; line-height: 40px; text-align: right; white-space: nowrap; }


#footer_social_media { clear: both; display: block;  padding: 30px 0; text-align: center; }
	
#footer_social_media a { display: inline-block; margin: 0 10px; }



/* ---  Cookie-Hinweis ohne OK-Button - Datenschutzinfo --- */ 
#datenschutzinfo { box-sizing: border-box; clear: both; display: block; position: relative; top: 0; bottom: auto; left: 0; width: 100%; height: auto; margin: 0; padding: 15px 10px; background-color: #333; font-size: 14px; line-height: 20px; color: #fff; text-align: center; }
#datenschutzinfo a { color: #fff; text-decoration: underline; }
#datenschutzinfo a:hover { color: #fff; text-decoration: none; }
	
	
.sprachschalter { display: block; position: absolute; top: 50%; left: 125px; width: 100px; height: 20px;
	margin: -10px 0 0 0; padding: 0; z-index: 9999; }
	
.sprachschalter span { display: inline-block; margin: 0 5px; }
	
.sprachschalter a { font-size: 16px; line-height: 20px; color: #555; text-decoration: none; }
.sprachschalter a.active,
.sprachschalter a:hover { color: #0063a3; text-decoration: none; }
.sprachschalter a.active { font-weight: bold; }
	
#navigation_box .sprachschalter { display: none; }
	
@media all and (max-width:768px) {
	#header .sprachschalter { display: none; }
	#navigation_box .sprachschalter { display: block; top: 58px; margin: 0; color: #fff; }
	#navigation_box .sprachschalter a { color: #fff; }
	#navigation_box .sprachschalter a:hover { color: #eda304; text-decoration: none; }
	#navigation_box .sprachschalter a.active { color: #fff; }
}
	




/* ----------------------------------------------------------------------------------
   Module
---------------------------------------------------------------------------------- */ 
/*
#google_map_iframe iframe { width: 100% !important; border: none !important; }

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

.content_logo_spacer { clear: both; display: block; margin: 0; padding: 20px 0; text-align: center; }

#header_image_slider { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }
#header_image_slider_banner { display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 160px; margin: -80px 0 0 0; padding: 0; z-index: 2; text-align: center; }

@media all and (max-width:1200px) {
    #header_image_slider_banner { left: 10%; width: 80%; }
}
@media all and (max-width:768px) {
    #header_image_slider_banner { left: 0; width: 100%; margin: -44px 0 0 0; text-align: center; }
    #header_image_slider_banner img { width: 450px; }
}
@media all and (max-width:480px) {
    #header_image_slider_banner { margin: -27px 0 0 0; }
    #header_image_slider_banner img { width: 280px; }
}


.header_image_box_top,
.header_image_box_bottom { display: block; width: auto; background-color: #0063a3; color: #FFF; text-align: center; }
.header_image_box_top { min-height: 55px; font-family: 'Odibee Sans', Arial, Helvetica, sans-serif; font-weight: 100; font-size: 14px; font-size: 45px; line-height: 55px; }
.header_image_box_bottom { min-height: 40px; padding: 5px 5px 0 5px; font-size: 30px; line-height: 40px; }

body.mebod .header_image_box_top,
body.mebod .header_image_box_bottom { background-color: #75b726; }


@media all and (max-width:980px) {
.header_image_box_top { min-height: 50px; font-size: 40px; line-height: 50px; } 
.header_image_box_bottom { min-height: 40px; font-size: 30px; line-height: 40px; }
    
}

@media all and (max-width:768px) {
.header_image_box_top { min-height: 40px; font-size: 30px; line-height: 40px; } 
.header_image_box_bottom { min-height: 25px; font-size: 21px; line-height: 25px; } 
    
}




#content_footer_image_single { clear: both; margin: 0 0 40px 0; }

#content_footer_images { clear: both; margin: 0 0 40px 0; }
#content_footer_images a { display: block; float: left; width: 24%; margin: 0 0 0 0.8%; padding: 0; }

@media all and (max-width:480px) {
    #content_footer_images a { width: 48%; margin: 0 0 1.33% 1.33%; }
}

.bild_hover_box { text-align: center; }
.bild_hover_box a { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }
.bild_hover_box .bild_hover_box_text  { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 2;
background-image: url('bild_hover_box_rahmen.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bild_hover_box .bild_hover_box_text span { display: block; position: absolute; top: auto; bottom: 10px; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 3; text-align: center; font-size: 35px; line-height: 45px; color: #FFF; }




.modul_42_left { float: left; width: 66.66%; margin: 0; padding: 0; }
.modul_42_left img { opacity: 0; }

.modul_42_right { float: right; width: 33.33%; margin: 0; padding: 0; }
.modul_42_right .text { display: block; padding: 30px 30px 10px 30px; }
.modul_42_right .text h2 { color: #FFF; }


.modul_42_bg_gray { background-color: #555; color: #fff; } .modul_42_bg_gray * { color: #fff; }
.modul_42_bg_blue { background-color: #0063a3; color: #fff; } .modul_42_bg_blue * { color: #fff; }
.modul_42_bg_green { background-color: #75b726; color: #fff; } .modul_42_bg_green * { color: #fff; }

.modul_42_bg_gray h1, .modul_42_bg_gray h2, .modul_42_bg_gray h3, .modul_42_bg_gray h4, .modul_42_bg_gray p,
.modul_42_bg_blue h1, .modul_42_bg_blue h2, .modul_42_bg_blue h3, .modul_42_bg_blue h4, .modul_42_bg_blue p,
.modul_42_bg_green h1, .modul_42_bg_green h2, .modul_42_bg_green h3, .modul_42_bg_green h4, .modul_42_bg_green p
{ color: #fff !important; }


@media all and (max-width:1300px) 
{ 
.modul_42_left_image { display: block; margin: 0; padding: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } 
}

@media all and (max-width:980px) 
{ 
.modul_42 { position: relative; top: 0; left: 0; z-index: 1; }
.modul_42_left { float: none; position: absolute; top: 0; left: 0; width: 66.66%; height: 100%; }
.modul_42_left img { display: none; }
}

@media all and (max-width:768px) 
{ 
.modul_42_left { display: block; position: relative; margin: 0; padding: 0; background-image: none !important; } 
.modul_42_left img { display: block; opacity: 1; }
    
.modul_42_left,
.modul_42_right { clear: both; float: none; width: 100%; margin: 0; padding: 0; }
}

.modul_42_bg_gray h1,
.modul_42_bg_blue h1,
.modul_42_bg_green h1 { font-size: 35px; line-height: 45px; }



a.linkbutton { display: inline-block; width: auto; margin: 0 0 20px 0; padding: 5px 15px 5px 50px; font-size: 20px; line-height: 30px; background-color: #fdc400; color: #ee720e; text-decoration: none; background-image: url(linkbutton.png); background-position: center left; background-repeat: no-repeat; }
a.linkbutton:hover { background-color: #bcc2d1; color: #ee720e; text-decoration: none; }


.bildergalerie { clear: both; display: block; }
.bildergalerie a { display: block; float: left; width: 20.48%; margin: 0 0 3.61% 3.61%; padding: 0; }
.bildergalerie a img { display: block; width: 95%; padding: 2%; border: 1px solid #aaa; }
.bildergalerie a:hover img { background-color: #BBB; border: 1px solid #BBB; }



.bwd_slidedown_box { clear: both; display: block; width: 92.77%; margin: 0 0 20px 3.61%; background-color: #555; color: #fff; }


.bwd_slidedown_head { display: block; width: auto; padding: 5px 100px 5px 30px; background-color: #0063a3; color: #FFF; background-image: url(slidedown_down.png); background-position: right 60px center; background-repeat: no-repeat; background-size: 30px; }
.bwd_slidedown_head:hover { background-color: #0063a3; color: #FFF; cursor: pointer; }

body.mebod .bwd_slidedown_head { background-color: #75b726; color: #fff; border: 2px solid #75b726; }


.bwd_slidedown_head.active { display: block; background-image: url(slidedown_up.png); background-size: 30px; }
.bwd_slidedown_head h2 { display: block; margin: 0; padding: 0; color: #FFF; font-size: 30px; line-height: 40px; text-align: left; }

.bwd_slidedown_text { display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; }
.bwd_slidedown_text_left,
.bwd_slidedown_text_right { box-sizing: border-box; width: 50%; display: block; margin: 0; padding: 20px 30px 1px 30px; }

.bwd_slidedown_text p, .bwd_slidedown_text h2, .bwd_slidedown_text h3, .bwd_slidedown_text h4 { color: #fff; }
.bwd_slidedown_text h2, .bwd_slidedown_text h3, .bwd_slidedown_text h4 { margin: 0 0 10px 0; text-align: left; }

.jobs_kontaktdaten_box_empty_line { display: block; width: 100%; height: 25px; }

@media all and (max-width:980px) {
.bwd_slidedown_head h2 { font-size: 24px; line-height: 30px; }
}

@media all and (max-width:768px) {
	
.bwd_slidedown_head { display: block; width: auto; padding: 5px 50px 5px 15px; background-color: #0063a3; color: #FFF; background-image: url(slidedown_down.png); background-position: right 20px center; background-repeat: no-repeat; background-size: 20px; }
	
.bwd_slidedown_text { display: block; }
.bwd_slidedown_text_left,
.bwd_slidedown_text_right { width: 100%; padding: 20px 15px 1px 15px; }
	
.jobs_kontaktdaten_box_empty_line { display: none; }
	
}


.jobs_kontaktdaten_text { width: auto; max-width: 768px; margin: 0 auto; text-align: center; }
.jobs_kontaktdaten_flex { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; }

.jobs_kontaktdaten_box { display: block; padding: 0 20px 20px 20px; }
.jobs_kontaktdaten_box_headline { display: block; margin: 0; font-size: 21px; line-height: 30px; } 


@media all and (max-width:768px) {
.jobs_kontaktdaten_flex { display: block; }
	
}




.sonnenschutz_box { clear: both; display: block; width: 92.77%; margin: 0 0 20px 3.61%; background-color: #555; color: #fff; }


.sonnenschutz_head { display: block; width: auto; padding: 5px 100px 5px 30px; background-color: #0063a3; color: #FFF; /* background-image: url(slidedown_down.png); background-position: right 60px center; background-repeat: no-repeat; background-size: 30px; */ }
/*
.sonnenschutz_head:hover { background-color: #0063a3; color: #FFF; cursor: pointer; }
*/
body.mebod .sonnenschutz_head { background-color: #75b726; color: #fff; }


.sonnenschutz_head.active { display: block; background-image: url(slidedown_up.png); background-size: 30px; }
.sonnenschutz_head h2 { display: block; margin: 0; padding: 0; color: #FFF; font-size: 30px; line-height: 40px; text-align: left; }

.sonnenschutz_text { display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; }
.sonnenschutz_text_left,
.sonnenschutz_text_right { box-sizing: border-box; width: 50%; display: block; margin: 0; padding: 20px 30px 1px 30px; }

.sonnenschutz_text p, .sonnenschutz_text h2, .sonnenschutz_text h3, .sonnenschutz_text h4 { color: #fff; }
.sonnenschutz_text h2, .sonnenschutz_text h3, .sonnenschutz_text h4 { margin: 0 0 10px 0; text-align: left; }



@media all and (max-width:980px) {
.sonnenschutz_head h2 { font-size: 24px; line-height: 30px; }
}

@media all and (max-width:768px) {
	
.sonnenschutz_head { display: block; width: auto; padding: 5px 50px 5px 15px; background-color: #0063a3; color: #FFF; background-image: url(slidedown_down.png); background-position: right 20px center; background-repeat: no-repeat; background-size: 20px; }
	
.sonnenschutz_text { display: block; }
.sonnenschutz_text_left,
.sonnenschutz_text_right { width: 100%; padding: 20px 15px 1px 15px; }

}	

/* ----------------------------------------------------------------------------------
   Formular
---------------------------------------------------------------------------------- */
.yform div.alert { padding: 25px 30px 5px 30px; margin-bottom: 20px; border-radius: 4px; }
.yform div.alert span { margin-right: 15px; }
.yform div.alert-danger { border: 1px solid #b8c3cd; background-color: #f2dede; color: #a94442; }
.yform .alert > p { margin: 10px 0; }


.yform form { display: block; max-width: 640px; margin: 0 auto 20px auto; padding: 0; background-color: #fff; }

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

.yform label { display: block; margin: 0 0 5px 0; }
.yform form.hide-label label { display: none; }

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


.yform input[type="radio"], .yform input[type="checkbox"] { margin: 0 5px 0 0; }

.yform .radio label { font-size: 15px; line-height: 25px; }

.yform .btn-primary {
	clear: both; display: block; width: auto; min-width: 140px; height: auto; margin: 0 0 10px 0; padding: 12px 25px;
    border: none; border-radius: 3px; font-weight: bold; text-align: center; 
	background-color: #75b726; color: #fff; 
}
.yform .btn-primary:hover { background-color: #555; color: #fff; }

.mebolux .yform .btn-primary { background-color: #0063a3; }
.mebolux .yform .btn-primary:hover { background-color: #555; }

.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; border: 1px solid #a94442; opacity: 1; background-color: #f0f0f0; color: #a94442; }
#yform-contact_formular-email_betreff.has-error label { display: block !important; margin-bottom: 10px !important; }


/* Upload Feld */
.upload_box_headline { display: block; margin: 0 0 10px 0; }
	
.upload_felder .upload_box { box-sizing: border-box; display: block; width: 99%; margin: 0 0 20px 0; padding: 15px 10px; border: 1px solid #dfe6e7; border-radius: 5px; background-color: #fff; }
	

.upload_felder .form-group { display: block; margin: 0; }
.upload_felder .input-group .form-control { margin: 0 0 5px 0; padding: 0; border: none; background-color: transparent; }
	

.upload_felder span.input-group-btn button.btn-default::after { display: inline-block; content: 'Datei löschen'; margin: 0 0 0 5px; }
.upload_felder label.control-label { display: none; margin: 0 0 10px 0; }
	

.upload_felder span.input-group-btn { display: none; }
.upload_felder span.input-group-btn.show { display: block; }
	

.upload_felder div.checkbox { font-size: 12px; line-height: 20px; margin: 0; }
.upload_felder div.checkbox label { display: block; margin: 0; }

.upload_felder p.hinweis { font-size: 14px; line-height: 20px; margin: 15px 0 0 0; }


/* ----------------------------------------------------------------------------------
   Responsive Webdesign
---------------------------------------------------------------------------------- */
@media all and (min-width:1px) {
#page_bg { width: 100%; max-width: 1600px; min-width: 300px; overflow: hidden; }
}

@media all and (max-width:1600px) {
/* 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:1450px) {
.mebolux #footer_bg { height: auto; min-height: 142px; }
.mebolux #footer { height: auto; min-height: 40px; font-size: 23px; line-height: 40px;}    
.mebolux #footer_logo { left: -80px; }
.mebolux #footer_left { margin: 0 0 0 145px; }
.mebolux #footer_right { clear: both; display: block; position: relative; left: 0; right: auto; width: 100%; margin: 0; padding: 15px 0; font-size: 17px; line-height: 25px; text-align: center; color: #0063a3; }   
body.mebod #footer_right { color: #75b726; }
    
.mebolux #footer_left a { margin: 0 10px; }	
.mebolux #footer_right a { color: #0063a3; }
.mebolux #footer_right a:hover { color: #555; }
	
}


@media all and (max-width:1200px) {
.header_box { font-size: 15px; line-height: 20px; min-height: 90px; }
.header_box_headline { font-size: 24px; line-height: 30px; }
.header_sprechzeiten_tag { width: 50px; }
.header_sprechzeiten_uhr { width: 160px; }
.header_tel { width: 70px; }

#footer_bg { height: auto; min-height: 142px; }
#footer { height: auto; min-height: 40px; }    

#footer_logo { left: -80px; }

#footer_left { margin: 0 0 0 160px; }

#footer_right { clear: both; display: block; position: relative; left: 0; right: auto; width: 100%; margin: 0; padding: 15px 0; font-size: 18px; line-height: 25px; text-align: center; color: #0063a3; }   
body.mebod #footer_right { color: #75b726; }
    
#footer_right a { text-decoration: none; color: #0063a3; }
#footer_right a:hover { text-decoration: none; color: #555; }
body.mebod #footer_right a { color: #75b726; }
body.mebod #footer_right a:hover { color: #555; }
	
}

@media all and (max-width:1050px) {
	
.mebolux #footer { font-size: 20px; line-height: 40px; }  
	
}

@media all and (max-width:980px) {
h1 { font-size: 40px; line-height: 50px; } 
h2 { font-size: 38px; line-height: 48px; } 
h3 { font-size: 30px; line-height: 40px; }
h4 { font-size: 24px; line-height: 34px; } 

h1 strong { font-size: 32px; line-height: 40px; } 
h2 strong { font-size: 30px; line-height: 38px; } 
h3 strong { font-size: 24px; line-height: 34px; }
h4 strong { font-size: 20px; line-height: 30px; } 
 
#footer_bg { min-height: 0; padding: 150px 0 0 0; background-image: url(footer_mebolux_mobile.png); background-repeat: no-repeat; }
body.mebod #footer_bg { background-image: url(footer_mebod_mobile.png); }
    
#footer { margin: 0; font-size: 21px; line-height: 30px; }  

#footer_logo { display: none; }

#footer_left { margin: 0; padding: 5px 0; text-align: center; background-color: #0063a3; }
body.mebod #footer_left { background-color: #75b726; }    

#footer_right { font-size: 16px; line-height: 24px; }   
   
.mebolux #footer_bg { min-height: 0; padding: 150px 0 0 0; background-image: url(footer_mebolux_mobile.png); background-repeat: no-repeat; }
    
.mebolux #footer { margin: 0; font-size: 20px; line-height: 30px; }  

.mebolux #footer_logo { display: none; }

.mebolux #footer_left { margin: 0; padding: 5px 0; text-align: center; background-color: #0063a3; }
body.mebod #footer_left { background-color: #75b726; }
	
#footer_social_media { padding: 5px 0 20px 0; }
	
}


@media all and (max-width:768px) {
h1 { font-size: 30px; line-height: 40px; } 
h2 { font-size: 28px; line-height: 38px; } 
h3 { font-size: 24px; line-height: 34px; } 
h4 { font-size: 20px; line-height: 30px; } 

h1 strong { font-size: 24px; line-height: 34px; }
h2 strong { font-size: 22px; line-height: 32px; }
h3 strong { font-size: 20px; line-height: 30px; } 
h4 strong { font-size: 18px; line-height: 28px; } 
    
.outer_box { clear: both; float: none; width: 95.16%; margin: 0 0 20px 2.42%; }
.outer_box .image { text-align: center; }    


}


@media all and (max-width:640px) {
.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; }

}