/*
Theme Name:		 die-elektrotechniker.de
Theme URI:		 http://childtheme-generator.com/
Description:	 SRZ is a child theme of WP Bootstrap Starter, created by ChildTheme-Generator.com
Author:			 Webgalaxie
Author URI:		 http://childtheme-generator.com/
Template:		 wp-bootstrap-starter
Version:		 1.0.0
Text Domain:	 det
*/

@import url(../wp-bootstrap-starter/style.css);
/*
    Add your custom styles here
*/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* SCHRIFT */
body {font-family: "Open Sans", Arial, sans-serif;font-size: 16px;font-weight: 400;line-height: 26px;color: #5b5c66;}
/* ALLGEMEIN */
#main{width: 100%;}
/*body.page-template-kontakt #primary{width: 1300px;}*/
h1.entry-title{font-size: 50px;padding-bottom: 24px;margin-bottom: 0;}
a{color: #191a1d;}
a:hover{color: #f7442f;text-decoration: none;}
#breadcrumbs{margin-bottom: 50px;color: #aaabb3;font-size: 14px;}
#breadcrumbs a{color: #aaabb3;}
/* HEADER */
header#masthead{background-color: #fff;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a{color:#060605;text-transform: uppercase;font-weight: 600;margin-left: 10px;margin-right: 10px;padding-left: 0px;padding-right: 0px;padding-bottom: 5px;padding-top: 5px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a{color: #060605;font-weight: 600;border-bottom: 1px solid #060605;}
#content.site-content {padding-top: 0;padding-bottom: 0;}
@media (max-width: 1199px) {
  body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a{border:none;color:#f7442f;}
}

/* BUTTONS */
.btn-primary {padding:5px 25px;background-color: #f7442f;border-color: #f7442f;border-radius: 50px;font-size: 16px;text-transform: uppercase;font-weight: 600;}
.btn-primary:hover {background-color: #d33421;border-color: #d33421;}
.btn-primary.disabled, .btn-primary:disabled{background-color: #d33421;border-color: #d33421;}

/* LISTEN */
#content ul{list-style: none;padding-left: 0px;}
#content li:before{content: "◼ ";color: #f7442f;}
#content li{padding-bottom: 5px;}

/* ZITATE */
blockquote{border-left: 4px solid #d33421;padding-left: 35px;}

/* STARTSEITE */
h2{font-size: 37px;line-height: 41px;font-weight: 700;}
h2:before{position: absolute;font-size: 130px;color:#ededed;text-transform: uppercase;font-weight: 800;top:0;left:5px;line-height: 80px;z-index: -1;}
h2#mensch{padding-right: 90px;padding-top: 25px;}
h2#mensch:before{content: "Mensch";}
h2#technik:before{content: "Technik";color:#e8e8e8;}
h2#kommunikation:before{content: "Kommunikation";left: -130px;}
h2#kommunikation{padding-top: 20px;}
.erstes, .viertes{padding-top: 50px;padding-bottom: 50px;}
.erstes a{margin-bottom: 130px;}
.zweites{background: url('../../uploads/zitat_bg.jpg') center no-repeat fixed;font-weight: 700;color: #ffffff;font-size:25px;padding-top: 80px;padding-bottom: 80px;}
.rot_klein{color: #e43427;font-size: 19px;margin-bottom: 5px;}
.zweites .author{font-size: 16px;font-weight: normal;}
.rot_gross{color: #e43427;font-size: 85px;}
.drittes a{margin-bottom: 130px}
.drittes{padding-top: 70px;background-color: #f5f5f5;}
@media (max-width: 991px) {
  h2:before{font-size: 95px;}
}
@media (max-width: 767px) {
  h2:before{font-size: 60px;line-height: 70px;}
  h2 {font-size: 30px;line-height: 35px;}
  h2#mensch {padding-top: 10px;}
}
.viertes a{margin-bottom: 100px;}
.viertes .ueber{margin-bottom: 35px;}

/* FOOTER */
#footer-widget{background-color: #282838 !important;padding-bottom: 70px;padding-top: 70px;}
.widget-title{color: #ffffff;text-align: center;margin-bottom: 35px;}
h3.widget-title{font-size: 30px;}
#menu-footer{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
#menu-footer li{display: block;}
#menu-footer li > a{margin-left: 15px;margin-right:15px;font-weight: 600;text-transform: uppercase;color: #383734;}
#menu-footer li.current_page_item > a{color:#f7442f;}

/* FORMULAR */
input[type="text"], input[type="email"], input[type="text"]:focus, input[type="email"]:focus{background-color: transparent;border: none;border-bottom: 1px solid #ced4da;border-radius: 0;}
textarea{background-color: #444455 !important;border: none !important;border-radius: 0 !important;height: 160px;}
.wpcf7-acceptance .wpcf7-list-item-label{font-size: 12px;line-height: 16px;color: #afafc5;}
form .center{text-align: center;}
form .row{margin-bottom: 10px;}
label{font-style: italic;font-size: 15px;color: #ffffff;}

/* KONTAKT */
.adresse .col-sm-4{text-align: center;}
.adresse .col-sm-4 .svg-inline--fa{font-size: 47px;color:#f7442f;margin-top: 35px;margin-bottom: 35px;}
.divider{height: 1px;width: 100%;border-bottom: 1px solid #eaecef;margin-top: 25px;margin-bottom: 25px;}
.ansprechpartner .col-lg-4.col-md-2{margin-top: 25px;margin-bottom: 25px;}
.jumbotron{margin-top: 25px;padding: 2rem 2rem;}
.jumbotron p{margin-bottom: 0;}
@media (min-width:1200px) {
  .container {max-width: 1300px;}
}

/* UNTERNEHMEN */
@media (min-width: 992px) {
  .loesungen ul li{width: 50%;display: inline-block;float: left;}
}
.loesungen{margin-bottom: -60px;}
.loesungen h2{margin-bottom: 60px;}
.loesungen ul li{padding-bottom: 10px;}
.loesungen, .engagement{padding-top: 70px;background-color: #f5f5f5;padding-bottom: 70px;}
.page-template-unternehmen #content, .page-template-engagement #content{padding-bottom: 0px;}
@media (max-width: 991px) {
.page-template-unternehmen .erstes img{margin-bottom: 35px;}
}

/* GRUNDSÄTZE */
.page-template-grundsaetze .svg-inline--fa{color: #e43427;font-size: 60px;border: 3px solid #e43427;width: 90px;height: 90px;padding: 15px;}
.grundsatze .inhalte{margin-top: 35px;margin-bottom: 35px;}
.grundsatze .inhalte h3{margin-top: 0px;}

.call-to-action{background-color: #f5f5f5;margin-top: 60px;padding: 35px;}

#cookie-law-info-bar{padding: 16px;width: 30%;border: 2px solid #d33421;}
@media (max-width: 700px){
  #cookie-law-info-bar{width: 95%;}
}

/* Jobs */
.job-post{
  max-width: 1300px !important;
}
@media (max-width:991px){
  .job-post .job-content, .job-post .job-side{
    width: 100% !important;
  }
}
.jp-apply-button, .primary-style{
  background-color: #f7442f !important;
}
.jp-apply-button:hover, .primary-style:hover {
    background: #f7442f !important;
}
.jobs-row-input label, .rueck label{
  color: #5b5c66;
}
