/*   
Theme Name: Active Response GmbH
Theme URI: http://active-response.de
Description: Legen — wait for it ... Dary!
Author: endcore Medienagentur
Author URI: http://endcore.com
Version: 1.0
*/

/*
 * BASE
 */
html { position:relative; min-height:100%; }
body { background:#eaf1f4; font-family: 'Open Sans', sans-serif; color: #7c848c; font-size:16px; }
::selection { color: #fff; background: #0262ac; }
::-moz-selection { color: #fff; background: #0262ac; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Ubuntu', sans-serif; font-weight: 300; color: #0262ac; }
h1, .h1 { font-size:24px; }
h2, .h2 { font-size:18px; }
h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size:16px; }
a { color:#0262ac; }
a:hover, a:focus { color:#0262ac; }
b, strong { font-weight:600; }
.alignleft { float: left; margin:0 15px 10px 0; }
.aligncenter { display: block; margin: 0 auto 10px auto; }
.alignright { float: right; margin:0 0 10px 15px; }
.alignnone { float: none; display:block; margin:0 0 10px 0; }
.btn-white { background:rgba(255,255,255,0.1); border: 2px solid #fff; color:#fff; font-size:20px; font-weight:600; position:absolute; bottom:30px; }
.btn-white:hover, .btn-white:focus { background:rgba(255,255,255,0.2); color:#fff; }
.headline-section { text-align:center; font-weight:500; font-size:20px; }
.headline-white { text-align:left; color:#fff; font-weight:500; font-size:16px; }
.btn-blue { background-color: #0262ac; color: #fff; }
.btn-blue:hover, .btn-blue:focus, .btn-blue:active { background-color: #1b71b4; color: #fff; }


/*
 * STUFF
 */
.headline-section { margin-top:50px; margin-bottom:20px; text-transform:uppercase; }
.box { background:#fff; padding:15px; box-shadow:0 2px 1px #d9e2e8; }


/*
 * HEADER
 */
#header { background:#fff; height:90px;}
#header .brand { display:inline-block; padding:20px 35px; background:#fff; ) }
#topbar ul li a { font-size:12px; color:#9ca4ab; }
#topbar { border-bottom: 1px solid #eee; }
#topbar ul { margin:0; padding:5px 0; }
#topbar ul li { line-height:20px; padding:0; margin-left:10px;}
#navigation .navbar { margin-bottom:0; border:none; border-radius:0; }
#navigation .navbar-nav > li > a { color: #7c848c; font-weight: 700; padding:15px 0; margin-left:30px; }
#navigation .navbar-nav > li > a:hover, #navigation .navbar-nav > li > a:focus, #navigation .navbar-nav > li.current-menu-item > a, #navigation .navbar-nav > li.current-page-ancestor > a, #navigation .navbar-nav > li.current-menu-ancestor > a { background: none; color: #0262ac;}
@media (min-width: 1200px) {
	#header .brand { box-shadow:0 0 10px rgba(0,0,0,0.1); }
}
@media (min-width: 992px) and (max-width: 1199px) {
	#header .brand { padding: 15px 10px }
}
@media (min-width: 768px) and (max-width: 991px) {
	#header .brand { padding:25px 10px 0 10px; }
	#navigation .navbar-nav > li > a { margin-left:20px; }
	#navigation .navbar-nav > li:first-of-type > a { margin:0; font-size:14px; }
	#navigation .navbar-nav > li > a { margin-left:20px; }
	#navigation .navbar-nav > li:first-of-type > a { margin:0; font-size:14px; }
}
@media (max-width: 767px) {
	#header { height:auto; }
	#header .brand { margin:0 auto; padding:0; margin:20px auto;  display:table; }
	#header .navbar-brand { color:#ccc; }
	#topbar { display:none; }
	#navigation { margin-bottom:10px; }
	#navigation .navbar-toggle { border-color:#ccc; }
	#navigation .navbar-toggle .icon-bar { background:#ccc; }
	#navigation .navbar-nav > li > a { padding:15px; margin:0;}
	#navigation .navbar-nav > li > a:hover, #navigation .navbar-nav > li > a:focus { color: #0262ac }
}


/*
 * TEASER
 */
#teaser{background: url('_/img/teaser.jpg') no-repeat center center #0262ac;padding:110px 0 140px 0;}
#teaser.small{padding:25px 0 45px 0;}
#teaser p { color:#fff;  text-align:center; }
#teaser .h1, #teaser .h2 { font-size:50px;} 
#teaser a { color:#fff; font-weight:600p; font-size:18px; border:2px solid #fff; padding:10px 20px; border-radius:3px; margin-top:20px; display:inline-block; background:rgba(255,255,255,0.1); }
#teaser a:hover, #teaser a:focus { background: rgba(255,255,255,0.25); text-decoration:none; }
@media (min-width: 768px) and (max-width: 991px) {
	#teaser { padding: 70px 0 90px 0 }
	#teaser .h1 { font-size:40px; }
	#teaser .h1 strong { font-size:40px; }
}
@media (max-width: 767px) {
	#teaser { padding: 70px 0 90px 0 }
	#teaser .h1 { font-size:25px; }
	#teaser .h1 strong { font-size:30px; }
	#teaser a { font-size:14px; }
}
@media (max-width: 480px) {
	#teaser .h1 { font-size:18px; }
	#teaser .h1 strong { font-size:20px; }
}

/*
 * STARTSEITE
 */
#service .box { padding:0; background:#333; padding:15px; height:300px; position:relative; transform: scale (1); transition: all 0.5s;}
#service .box .h3 { margin-top:0; color:#fff; font-size:25px;}
#service .box .h1 { margin-top:0; color:#fff; font-size:30px; font-weight:500;}
#service .box { padding:0; height:auto; }
#service .box .caption { position:absolute; top:0; left:0; bottom:0; right:0;  background: transparent; transition: all 0.2s;}
#service .box .caption .h1 { margin-left:20px;}
#service .box .caption .h3 { margin-top:20px; margin-left:20px;}
#service .box .caption a { margin:0 20px;  }
#service .box:hover { transform: scale(1.05); box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5) ;}
#service .box:hover .caption { background: rgba(2, 98, 172, 0.5); }
#facts { margin-top:-70px; }
#facts { text-align:center; text-transform:uppercase; color:#9ca4ab; font-weight:600; }
#facts .col-sm-4 > span { text-transform: none;  display:block; font-family: 'Indie Flower', cursive; color:#0262ac; font-size:50px;}
#partner { text-align:center; }
#partner a { opacity:1; transition: 0.2s; }
#partner a:hover, #partner a:focus { opacity:1; }
@media (min-width: 768px) and (max-width: 991px) {
	#service .box .caption .h3 { margin-left:10px; font-size:20px; }
	#service .box .caption .h1 { margin-left:10px; font-size:22px;}
	#service .box .caption a { margin: 10px; font-size:14px;}
}
@media (max-width: 767px) {
	#service .box { max-width:360px; margin:0 auto 30px auto; }
	#service .col-sm-4:last-of-type .box { margin-bottom:0; }
}
#partner ul { text-align:left; }
#partner ul li { padding:10px;  }
#partner img { opacity:0.3; box-shadow:0 0 0 10px #fff; transition: all .33s; }
#partner img:hover { opacity:1; box-shadow:0 0 0 2px #ccc;}

/*
 * CONTENT
 */
#content .container { margin-top:50px;}

/*
 * FORMULARE
 */
.form-group-fluid {background:#fafafa; padding:15px 20px ; border-left: 3px solid #eee;}
.form-group-fluid.checked {background:#f2f7fb; color: #0262ac; border-left: 3px solid #c0d8ea;}
.form-group-fluid .help-block { margin-bottom:0;  }
form .well { background:none; border-color: #eee;  box-shadow:none; border-radius:0; }

.form-horizontal .control-label { text-align:left; font-weight:400; }
.form-horizontal .control-label sup { color:#c01313; }
.form-control { border-radius:0; color:#999; border-color:#ccc; }
.form-control:focus { border-color:#bbb; background:#fcfcfc; color:#666; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.wpcf7 .ajax-loader {display:none;}
.wpcf7 .screen-reader-response { display:none;}
.wpcf7 .wpcf7-not-valid-tip { position:absolute; bottom:-13px; right:15px; font-size:9px; color:#caa7a7;}
.wpcf7-form-control-wrap.catpcha .wpcf7-not-valid-tip { left: 15px; }
.form-control.wpcf7-not-valid { color:#997b7b; border-color:#c09a9a; background:#fffafa;}
.form-control::-webkit-input-placeholder { color:#aab7b7; }
.form-control::-moz-placeholder { color:#aab7b7; }
.form-control:-ms-input-placeholder { color:#aab7b7; }
.form-control:-moz-placeholder { color:#aab7b7; }
.form-control.wpcf7-not-valid::-webkit-input-placeholder { color:#c09a9a; }
.form-control.wpcf7-not-valid::-moz-placeholder { color:#c09a9a; }
.form-control.wpcf7-not-valid:-ms-input-placeholder { color:#c09a9a; }
.form-control.wpcf7-not-valid:-moz-placeholder { color:#c09a9a; }
.wpcf7-response-output.wpcf7-validation-errors { display:block; margin:40px 0; padding:10px; background:#f8e7e7 !important; color:#c01313; border-left:5px solid #ecb8b8; }
.wpcf7-captchar { max-width:80px} 

/*
 * SIDEBAR
 */
#sidebar .widget{margin-bottom:15px;}
.widget .h1 { color: #7c848c;margin-top:0 }
.widget_archive ul,
.widget_categories ul { list-style-type: square; color: #ccc; padding-left:30px }     

@media (max-width: 767px) {
	#sidebar .widget{margin-top: 30px;}
}

/*
 * FOOTER
 */
#footer { background: #142735; height:200px; margin-top:30px; }
#footer { background: #142735 !important; padding:20px 0; height:auto;  }
#footer .h1 { font-size:16px; color: #c2d0db; font-weight:500; }
#footer ul {margin:0;padding:0}
#footer li { line-height:25px; list-style:none; }
#footer a { color: #6a7d8d; font-size:14px; transition: 0.2s; }
#footer a:hover, #footer a:focus { color:#fff; text-decoration:none; }

/*
 * RESPONSIVE
 */
@media (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 991px) { ... }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) { ... }

/* Presse */
.valign-middle { vertical-align:middle!important; }
img.presse {max-height:50px!important;}
/* Referenzen */
img.reference {margin-right:20px;}
img.margin-0 {margin: 0 auto!important;}
/* Events */
img.event {margin-top:20px;margin-right:20px;}