/*Fonts*/
body { font-family: 'Actor', sans-serif; font-size: 15px; line-height: 20px; }
h1, h2, h3, h4, h5 { font-family: 'Allerta Stencil', sans-serif; }
h1 { font-size: 36px; line-height: 40px;}

.center {text-align:center;}
img {width: auto; max-width: 100%; height: auto; max-height: 100%; }

/*Color*/
body {background: #d0c8c4; color: #111;  }

a, a:visited { color: #333;}
.landingpage.boxen a, .landingpage.boxen a:visited { color: #fff;}
.landingpage.reha .btn-default {border-color: #888; color: #888;}
.btn-default:hover {background-color: #00254b; color: #fff;}
.landingpage.boxen .btn-default:hover {background-color: #c7e025; color: #000628;}
.landingpage.reha .btn-default:hover {background-color: #c53c00; color: #fff;}
.landingpage h2 {color: #fff;}
.landingpage.reha h2 {color: #888;}

.green {color: #c7e025;}
.white {color: #fff;}
.white a {color: #fff;}
.blue {color: #000628;}
.red {color: #c53c00}
.black { color: #000;}
.bold {font-weight: bold;}
.nouppercase { text-transform: none !important;}

.beige1-background { background: #c4bbbb; }
.beige2-background { background:#c9c2c1; }
.blue1-background { background: #0b2a4b; }
.blue2-background { background: #1f3757; }
.blue3-background { background: #304569; }
.blue4-background { background: #8791af; }
.white-background { background: #fff; }
.grey1-background { background: #e5e5e5; }
.grey2-background { background: #e0e3e9; }
.yellow1-background { background: #ffdc00; }
.yellow2-background { background: #c7e025; }
.black-background { background: #000; }

/*Fonts*/
.font_16_20 { font-size: 16px; line-height: 20px; }
.font_18_25 { font-size: 18px; line-height: 25px; }
.font_20_25 { font-size: 20px; line-height: 25px; }
.font_22_25 { font-size: 22px; line-height: 25px; }
.font_28_40 { font-size: 28px; line-height: 40px; }
.font_36_40 { font-size: 36px; line-height: 40px; }

.nopadding {padding: 0;}
.nomargin  {margin: 0 !important;}

.page-header {position: relative;}
.workershall-logo { margin: 0 auto; display: block; }
.landingpage.boxen .workershall-logo, .landingpage.reha .workershall-logo { width: 200px; }

/*Landingpages*/
.landingpage  {background: #d6c8c7 url(../img/workers-hall_fitnessangebote_1280x773.jpg) no-repeat center 90px;}
.landingpage h1 { text-align: center; margin-bottom: 20px; }
.landingpage h2 { text-align: center; font-size: 24px; line-height: 40px; }
.landingpage .page-header { min-height: 710px; }

.landingpage.boxen {color: #fff; background: #000628 url(../img/workers-hall_kampfsportangebote_1280x773.jpg) no-repeat center top;}
.landingpage.reha {color: #333; background: #e0e4e9 url(../img/workers-hall_rehaangebote_1280x773.jpg) no-repeat center top;}
.landingpage.datenschutz  {background: #d6c8c7; background-image: none}




/*Footer*/
#company-footer .btn { width: 100%; height: 300px;padding:30px; }
footer {font-size: 14px; line-height: 30px; color: #fff; position: relative; padding: 5px 0; border-top: 1px solid #fff; margin-top: 20px; }
footer .impressum {position: absolute; right: 0; top: 5px;}



/*Hall Interims Seite*/

.hall-landingpage { color: #fff; background: #000628;} 
.hall-header { height: 420px; background: url(../img/img-interim/slideshow/wh-slideshow-teamfoto.jpg) no-repeat center; background-size: auto 420px; text-align: center; padding-top: 25px; position: relative;}
.hall-header img {margin-bottom: 20px;}
#slogan {position: absolute; bottom:0; text-align: left;}
#slogan2 { padding: 33px 0;  text-align: center; background: #0b2a4b;  } 

.zwischen { text-align: center; padding: 8px 0 7px 0;   }
.zwischen h2 { margin:0; text-transform: uppercase;}

.kursteaser { position: relative; min-height: 200px; padding: 20px; }
.kursteaser.height250 { height: 250px; }
.kursteaser.height250 h3 { padding-top: 40px; }
.kursteaser.height100 { height: 100px; min-height: 100px; }
.kursteaser img { position: absolute; right: 0; top:0; z-index: 1; }
.kursteaser * {position: relative; z-index:10;}
.kursteaser h3 { font-size: 30px; line-height: 30px; margin:0; text-transform: uppercase;}
.kursteaser h3 span { font-size: 18px; line-height: 30px; display: block;}
.kursteaser h4 { font-size: 18px; line-height: 22px; margin:0; text-transform: uppercase; margin-top:20px;}
.kursplan { border: 4px white solid; height: 100px;}
.kursplan h3 { font-size: 30px; line-height: 30px; margin:0; margin-top: 15px; text-transform: uppercase; padding-left: 80px; background: url(../img/img-interim/kursplan-fitness.png) no-repeat 10px;  }
.kursplan h3.white { background: url(../img/img-interim/kursplan-boxen.png) no-repeat 10px; }
.facebook-button {position: absolute; width: 40px; height: 40px; background: url(../img/img-interim/wh-fb-button.png) no-repeat; left: 50%; bottom: 0; margin-left: -20px;}
.facebook-button:hover {background-position: bottom;}

.hall-landingpage #company-footer .btn  { height: 160px; }
.hall-landingpage .impressum a {color: #fff;}
.oeffnung i { width: 30%; font-style: normal; display: block; float: left; }


@media screen and (max-width: 1199px) {
.zwischen { padding: 3px 0 3px 0; }
.kursplan {height: 80px}
.kursteaser { height: 166px; min-height: 166px;}
.kursteaser.height250 { height: 207px;}
.kursteaser.height100 { height: 83px; min-height: 10px;}
.kursteaser h3, .kursplan h3 {font-size: 20px; line-height: 22px;}
.kursteaser h3 span {font-size: 16px;line-height: 22px;}
.kursteaser h4 { font-size: 16px; line-height: 18px; margin:0;  margin-top:10px;}
.hall-landingpage #company-footer .btn  { height: 120px; }

}
@media screen and (max-width: 991px) {
.hall-header { background: transparent;}
.kursplan h3 {height: 44px;}
}


/*Bootstrap Fixes and helpers*/
.btn {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
    border: 2px solid;
	background: transparent;
	color: #FFF;
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
	-moz-transition: background .2s ease-in-out, border .2s ease-in-out;
	-ms-transition: background .2s ease-in-out, border .2s ease-in-out;
	-o-transition: background .2s ease-in-out, border .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out;
	margin-bottom: 20px;
}
.bottom-buffer { margin-bottom:60px; }
.bottom-buffer-big { margin-bottom:120px; }