/*
 * Theme Name: Alphatec 
 * Theme URI: http://www.alphatec-kopierer.de
 * Theme Description: based on BIC Bootstrap WP Theme
*/

/*
Open Sans
light 300
light 300 Italic
regular 400
regular 400 Italic
semi-bold 600
semi-bold 600 Italic
bold 700
bold 700 Italic
extra-bold 800
extra-bold 800 Italic
*/

/* Apply bootstrap & basic styles */
@import url('bootstrap/css/bootstrap.min.css');
@import url('basic.css');

/* Custom CSS */
*{
	box-sizing:border-box!important;
	font-family: 'Open Sans', sans-serif!important;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	line-height:24px;
	color:#454545;
}
p{
	font-weight:300;
	font-size:20px;
	line-height:auto;
	margin:0 0 20px 0;
}
ul{
	margin:0 0 0 20px;
	padding:0;	
}
ul li{
	margin:0 0 10px 0;
}
a, a:hover{
	text-decoration:none;
}
a:focus,
a:active{
	outline: none !important;
}
.btn-default{
	background:#218fca;
	color:#fff;
	font-weight:700;
	display:block;
	padding:10px 15px;
	text-align:center;
	border-radius:0;
	border:none;
	font-size:20px;
}
.btn-default:hover, .btn-default:active, .btn-default:focus{
	background:#55a5d0;
	color:#fff;
	-webkit-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
	text-decoration:none;
}
.btn-full-width{
	width:100%;
	font-weight:600;
	padding:20px 5px;
	font-size:20px;
}
.btn-green{
	background:#babb00;
}
.btn-green:hover{
	background:#c4c52c;
}
.btn-white{
	background:#fff;
	color:#218fca!important;
	border-radius:0!important;
	padding:15px 30px;
	margin-right:15px;
	margin-top:15px;
	box-shadow: 0 3px 3px #1e76a5;
}
.btn-white:hover{
	background:#fff;
	color:#218fca!important;
	border-radius:0!important;
}


/* Space */
.space-top-10{
	margin-top:10px!important;
}
.space-top-20{
	margin-top:20px!important;
}
.space-top-30{
	margin-top:30px!important;
}
.space-top-40{
	margin-top:40px!important;
}
.space-top-50{
	margin-top:50px!important;
}
.space-top-60{
	margin-top:60px!important;
}
.space-top-70{
	margin-top:70px!important;
}
.space-top-80{
	margin-top:80px!important;
}
.space-bottom-10{
	margin-bottom:10px!important;
}
.space-bottom-20{
	margin-bottom:20px!important;
}
.space-bottom-30{
	margin-bottom:30px!important;
}
.space-bottom-40{
	margin-bottom:60px!important;
}
.space-bottom-50{
	margin-bottom:60px!important;
}
.space-bottom-60{
	margin-bottom:60px!important;
}

/* Header */
.brand a{
	padding-left:0;
}
.header-contact{
	width:200px;
	text-align:center;
	float:right;
}
.header-contact .techniker-login{
	font-size:18px;
	padding:5px 10px!important;
	margin:0 0 3px 0;
}
.header-contact .header-phone{
	font-size:21px;
	font-weight:400;
	margin:0;
	padding:0;
}
.header-contact .header-email{
	font-size:15px;
	text-decoration:underline;
	margin:0;
	padding:0;
}
.header-contact .header-email a{
	color:#454545;
}
.top-container{
	padding:30px 0 0 0;
	position:relative;
}
.top-main-menu{
	padding:20px 0 0 0;
	position:relative;
}
.top-main-menu nav{
	border:none;
	background:none;
	margin-bottom:0;
}
.top-main-menu nav li{
	color:#218fca;
	font-size:16px;
	margin-bottom:0;
}
.navbar-collapse{
	padding:0;
}
.navbar-nav{
	margin-left:0;
}
.nav > li > a{
	color:#218fca!important;
	padding-top:25px;
	padding-bottom:25px;
}
.nav > li > a:hover{
	background:#218fca!important;
	color:#fff!important;
	-webkit-transition: background 100ms ease-in-out;
    transition: background 100ms ease-in-out;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus {
    color:#fff!important;
    background-color:#218fca;
}
.dropdown-menu{
	border-radius:0!important;
	background:rgba(255,255,255,0.9);
	border:0;
	margin:0;
}
.dropdown-menu > li > a{
	font-weight:400;
	padding: 5px 15px;
}
.dropdown-menu > li:hover{
	background:transparent;
}
.dropdown-menu > li.active:hover a,
.dropdown-menu > li:hover a{
	background:transparent;
	color:#218fca;
}
.dropdown-menu > li.active a{
	background:transparent;
	color:#218fca;
}
.navbar-default .navbar-nav > .dropdown > a .caret{
	border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:8px solid #218fca!important;
	border-top-color: #218fca!important;
	border-bottom-color: #218fca!important;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret{
	border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:8px solid #fff!important;
	border-top-color: #fff!important;
	border-bottom-color: #fff!important;
}
.navbar-default .navbar-nav > .dropdown.open > a .caret{
	border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:8px solid #fff!important;
	border-top-color: #fff!important;
	border-bottom-color: #fff!important;
	border-top:0;
	border-top-color: transparent!important;
	margin-top:-10px;
}

/* Search */
.search-form-container{
	position: absolute;
	right: 0;
	top: 0;
	width:100%;
}
.search-form {
	position: absolute;
	right: 0;
	top: 0;
}
.search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	border: none;
	cursor: pointer;
	height:65px;
	padding: 10px 0 10px 50px;
	margin-top:5px;
	position: relative;
	-webkit-transition: width 200ms ease, background 200ms ease;
	transition: width 200ms ease, background 200ms ease;
	width: 0;
	box-sizing:border-box;
	font-size:16px;
	line-height:20px;
	color:#464646;
}
.search-field:focus {
	background-color: #fff;
	border-bottom: 2px solid #218fca;
	cursor: text;
	outline: 0;
	width: 1200px;
	box-sizing:border-box;
}
.search-form
.search-submit { 
display:none;
}

/* Banner */
.metaslider{
	position:relative!important;
	font-family: 'Open Sans', sans-serif!important;
}
.metaslider .caption-wrap{
	width:1230px!important;
	margin:0 auto!important;
	top:0;
	left:50%!important;
	margin-left:-600px!important;
	padding:0!important;
	background:transparent!important;
	opacity:1!important;
}
.metaslider .caption{
	width:540px;
	height:280px;
	background:#218fca;
	position:absolute;
	bottom:50px;
	padding:43px!important;
}
.metaslider .caption h1{
	font-size:36px;
	font-weight:600;
	margin:0;
	padding:0 0 20px 0;
}
.metaslider .caption p{
	font-weight:300;
	font-size:24px;
	margin:0;
	padding:0 0 20px 0;
}
.metaslider .caption a{
	color:#fff;
	font-weight:600;
	font-size:20px;
}
.main-top{
	display:none;
}
.main{
	padding-top:30px;
	padding-bottom:30px;
}

/* Footer */
footer{
	padding:0!important;
	margin:0!important;
}
footer .copyright-wrapper{
	background:#218fca;
	color:#fff;
	padding:20px 0!important;
	margin:0;
}
footer .copyright-wrapper a{
	color:#fff;
}

/* Boxen */
.green-container{
	background:#babb00;
	color:#fff;
	margin:60px 0;
}
.green-container h1,
.green-container h2{
	color:#fff;
}
.grey-container{
	background:#fafafa;
	margin:30px 0;
}
.image-box{
	padding:0;
	margin:0 -15px;
}
.text-box{
	padding:35px 30px;
}

/* Footer Widgets */
.partner-container{
	width:100%;
	background: url('images/bg-partner.jpg') no-repeat center bottom #f8f8f8;
	padding:40px 0 0 0;
}
.partner-container h3{
	font-weight:600;
	font-size:24px;
	margin:0 0 30px 0;
}
.partner-logo{
	width:260px;
	height:100px;
	margin:0 auto;
}
.partner-logo img{
	opacity:0;
	-webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
.partner-logo:hover img{
	opacity:1;
	-webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
.logo-sharp{
	background: url('images/logo-sharp.png') no-repeat center top transparent;
}
.logo-develop {
	background: url('images/logo-develop.png') no-repeat center top transparent;
}
.logo-kip{
	background: url('images/logo-kip.png') no-repeat center top transparent;
}
.logo-utax{
	background: url('images/logo-utax.png') no-repeat center top transparent;
}
.logo-samsung{
	background: url('images/logo-samsung.png') no-repeat center top transparent;
}
.logo-alphaline{
	background: url('images/logo-alphaline.png') no-repeat center top transparent;
}
.partner-page .partner-logo{
	margin:30px 20px 20px 0;
	display:inline-block;
}

/* Breadcrumb */
.breadcrumb{
	color: #218fca;
	padding-left:0!important;
	margin:0 7px;
}	
.breadcrumb, .breadcrumb li, .breadcrumb li a{
	font-size:14px!important;
}
.breadcrumb:before{
	content:'Sie sind hier: ';
	font-weight:600;
	margin-right:10px;
}
.breadcrumb > .active {
    color: #218fca;
	font-weight:600;
}
.breadcrumb > li + li::before {
	content: "|\00a0";
	padding: 0 5px;
	color: #218fca;
	font-weight:300;
}

/* Sidebar */
.sidebar-wrapper{
	border-left:none;
}
.child-sidebar-menu{
	list-style-type:none;
	margin:0 30px 0 0;
	padding:0 0 0 5px!important;
}
.child-sidebar-menu li{
	border-bottom:1px solid #c6c8c7;
	padding:5px 0 15px 0;
}
.child-sidebar-menu li:last-child{
	border-bottom:0;
}
.child-sidebar-menu a{
	color:#454545;
	font-weight:600;
}
.child-sidebar-menu .current_page_item > a{
	color:#218fca;
}
.child-sidebar-menu li ul{
	list-style-type:none;
	padding-left:0;
	margin-left:0;
}
.child-sidebar-menu li li{
	font-size:18px!important;
	padding:10px 0 0 10px;
	border:none;
}
.child-sidebar-menu li li a{
	font-weight:600;
}
.child-sidebar-menu li li li a{
	font-weight:400;
}

/* Content */
.main h1{
	margin:0 0 20px 0;
	font-size:56px;
	color:#218fca;
	font-weight:600;
}
.main h2{
	margin:0 0 20px 0;
	font-size:28px;
	color:#218fca;
	font-weight:600;
}
.main h3{
	margin:0 0 0 0;
	font-size:30px;
	font-weight:600;
}
.main h4{
	margin:0 0 20px 0;
	font-size:24px;
	font-weight:400;
}
.main h5{
	margin:0 0 20px 0;
	font-size:24px;
	font-weight:600;
}
.main h6{
	margin:40px 0 20px 0;
	font-size:20px;
	font-weight:600;
	color:#218fca;
}
.main li{
	font-size:20px;
	font-weight:300;
}
.main b, .main strong{
	font-weight:400;
	color:#000;
}
.red{
	color:#ff1717!important;
}
.orange{
	color:#ff9900!important;
}
.white{
	color:#fff!important;
}
.text-justify {
  text-align: justify;
}
img.alignleft{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
img.alignright{
	float:right;
	margin-left:15px;
	margin-bottom:10px;
}
img.size-full{
	max-width:100%;
	height:auto;
}
img.size-medium{
	width:350px;
	height:auto;
}

/* Kontaktformular */
.kontaktformular label{
	font-weight:500;
}
.kontaktformular .row{
	padding:10px 0;
}
.kontaktformular .wpcf7-text,
.kontaktformular .wpcf7-textarea{
	border:1px solid #c6c8c7;
	height:40px;
	width:100%;
	box-shadow:none;
}
.kontaktformular textarea{
	height:160px!important;
}
.wpcf7-submit{
	background:#218fca;
	color:#fff;
	font-weight:700;
	height:auto;
	display:block;
	padding:10px 15px;
	text-align:center;
	border-radius:0;
	border:none;
	font-size:20px;
	width:100%;
}
.wpcf7-submit:hover{
	background:#55a5d0;
	color:#fff;
	-webkit-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}

/* Ansprechpartner */
.ansprechpartner-box{
	height:150px;
	width:100%;
	border:1px solid #f0f0f0;
	position:relative;
	text-align:left;
	margin-top:50px;
	font-size:12px;
	padding:15px 20px;
	box-sizing:border-box;
}
.ansprechpartner-box-links{
	text-align:right;	
}
.ansprechpartner-box-rechts{
	text-align:left;
}
.ansprechpartner-box-links img{
	position:absolute;
	left:0;
	bottom:0;
}
.ansprechpartner-box-rechts img{
	position:absolute;
	right:0;
	bottom:0;
}
.ansprechpartner-box h3{
	font-size:18px;
	color:#218fca;
	padding:0 0 5px 0;
}
.ansprechpartner-box h4{
	font-size:12px;
	line-height:14px;
	font-weight:400;
	margin:0;
	padding:0 0 15px 0;
	color:#454545;
}
.ansprechpartner-box a{
	padding:0 0 15px 0;
	display:block;
	font-weight:400;
}
.ansprechpartner-box p{
	font-size:12px;
	line-height:14px;
	font-weight:400;
	margin:0;
	padding:0;
}

/* Accordions */
.collapseomatic{
	background:#218fca;
	width:100%;
	display:block;
	color:#fff;
	font-weight:600;
	padding:15px 20px;
	position:relative;
}
.collapseomatic:before {
    content: ' ';
	height: 0;
	position: absolute;
	right:20px;
	top:22px;
	width: 0;
	border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:10px solid #fff;
}
.collapseomatic.colomat-close{
	background:#babb00;
}
.collapseomatic.colomat-close:before {
    content: ' ';
	height: 0;
	position: absolute;
	right:20px;
	top:22px;
	width: 0;
	border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:10px solid #fff;
	border-top:0;
}

/* MEDIA QUERIES */
@media (min-width: 1260px) {  
.container {
    max-width: 1230px;
}
}

@media (max-width: 1260px) {  
.container {
    max-width: 960px;
}
.metaslider .caption-wrap {
    width: 960px !important;
	margin-left:-465px!important;	
}
.metaslider .caption{
	padding:30px!important;	
	height:220px;
	width:400px;
}
.metaslider .caption h1{
	font-size:26px;
}
.main h1{
	font-size:45px;
}
body, p, .btn-default, .btn-full-width, .metaslider .caption a, .main h6, .main li, .wpcf7-submit, .child-sidebar-menu li li{
	font-size:16px!important;	
	line-height:22px;
}
.metaslider .caption p, .partner-container h3, .main h4, .main h5{
	font-size:18px;
	line-height:24px;
}
.main h2{
	font-size:24px;
}
.ansprechpartner-box h4, .ansprechpartner-box p {
    font-size: 12px!important;	
    line-height: 14px!important;	
}
.text-box{
	padding:20px 10px;
}
ul li {
    margin: 0 0 5px 0;
}
.top-main-menu nav li{
	font-size:14px;
}
.btn-white{
	margin-top:0;
}
.ansprechpartner-box img{
	width:160px;
}
.ansprechpartner-box{
	padding:10px;
	height:135px;
}
.green-container{
	margin:30px 0;
}
.search-field:focus{
	width:930px;
}
.search-field{
	background-size: 30px 30px;	
}
}

@media (max-width: 992px) {
.container {
	max-width: 750px;
}
.metaslider .caption {
	bottom:30px;
    padding: 20px !important;
    height: 190px;
    width: 380px;
}
.metaslider .caption-wrap {
    width: 750px !important;
	margin-left:-360px!important;	
}
.navbar-header {
	float: none;
}
.navbar-left,.navbar-right {
	float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin-top: 7.5px;
}
.navbar-nav > li{
	float: none;
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-nav .open .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.navbar-default .navbar-nav > .dropdown > a .caret{
	float:right;
	margin-top:5px;
}
.collapse.in{
	display:block !important;
}
.child-sidebar-menu li li a{
	font-size:14px;
}
.child-sidebar-menu li li li a{
	font-size:14px;
}
body, p, .btn-default, .btn-full-width, .metaslider .caption a, .main h6, .main li, .wpcf7-submit, .child-sidebar-menu li li{
	font-size:14px!important;	
	line-height:20px;
}
.breadcrumb, .breadcrumb li, .breadcrumb li a{
	font-size:12px!important;
}
img.size-medium {
    width: 300px;
    height: auto;
}
.ansprechpartner-box img{
	width:190px;
}
.ansprechpartner-box{
	margin-top:30px;
}
.search-field:focus{
	width:720px;
}
.search-form{
	position: relative;
}
.search-form-container {
    position: relative;
    width: 750px;
	margin:0 auto;
}
.navbar-default .navbar-toggle{
	background: #218fca;
	border:none;
	border-radius:0;
	margin:0 auto;
	width:;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: #218fca;
	border:none;
}
.navbar-default .navbar-toggle .icon-bar{
	background:#fff;
	border-radius:0;
	margin:4px auto;
	height:3px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border:none;
}
.navbar-default .navbar-nav > .dropdown.open > a .caret{
	margin-top:-2px;
}
}

@media (max-width: 768px) {
.metaslider .caption-wrap{
	display:none!important;
}
.brand{
	text-align:center;
}
.brand img{
	max-width:100%;
	height:auto;
}
.header-contact
{
	margin:30px auto 10px auto;
	float:none;
}
footer .copyright-wrapper{
	padding:10px 0 15px 0!important;
}
.navbar-default .navbar-toggle{
	width:100%;
}
.copyright-text,.footer-menu-wrapper{
	margin:0;
	float:none;
	text-align:center;
	width:100%;
}
.search-form-container {
    width: 100%;
}
.navbar-collapse{
	max-height: 100% !important;
}
.search-form-container {
    position: relative;
    width: 100%;
	margin:0 auto;
	overflow-x:hidden;
}
.navbar-nav{
	margin:0;
	overflow-x:hidden;
}
.sidebar-wrapper{
	padding-bottom:0;
}
.main h2{
	font-size:20px;
}
.main h1{
	font-size:40px;
}
.ansprechpartner-box img{
	width:170px;
}
}