/*
Theme Name: Günther Lüftungsreinigung
Theme URI: http://www.reinigung-rlt-anlage.de/
Description: Added responsive styles
Author: Sebastian Grassl
Author URI: http://www.werbung-ms.de
Version: 2.0
Tags: 
*/
@import url('css/normalize.css');
@import url('css/skeleton.css');
@import url('css/menus.css');
@import url('css/shiftnav.css');
@import url('css/forms.css');

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/*==============================*/
/*  COLOURS
    
    orange:  ff7800
    hellgrau : e9eaec
    dunkelgrau : a7b0b8
    
    FONTS
    
/*==============================*/

/*==============================*/
/*  GENERAL TYPOGRAPHY */
/*==============================*/
html, body {}

body {
  font: 400 14px/20px 'Roboto', verdana, sans-serif;
  color : #303030;
  background : url(images/hintergrund-body.png) #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position : 25% 0;
}
strong { font-weight:700; }

hr {
    border: 2px solid #ff7800;
    margin : 30px auto;
    width : 60%;
}

small, div.small { 
    font-size:14px;
}
a, a:active, a:hover, a:visited { color : #000; }
img { height : auto; max-width : 100%; }

.job_highlights {
    background-color: #ff7800;
    padding: 20px;
    color: #fff;
}

/*==============================*/
/*   Headings                   */
/*==============================*/

h1, h2, h3, p.pre_headline {
  font-family : 'Roboto', Verdana, sans-serif;
  font-weight : 700;
}

h1 {
    font-size: 24px;
    line-height : 28px;
    margin : 0 0 20px;
}

h2, p.pre_headline {
    font-size: 18px;
    line-height: 24px;
    margin : 0 0 14px;
}

h3 {
    font-size: 18px;
    line-height : 22px;
    margin : 0 0 12px;
}

/*==============================*/
/*   Spacing                    */
/*==============================*/

ul {
    margin-left:28px;
}
.content li {
  margin-bottom: 1px;
  list-style : disc outside;
}
p, dl, ol, ul, pre, table, address, fieldset, figure {
    margin: 0 0 12px;
}

.highlight { text-align:left; color : #fff; background-color: #89628a; margin-bottom : 10px; padding : 10px; }


.highlight h2 { margin: 0 0 10px; color : #fff; }
.highlight a { color : #e0e0e0; }
.highlight a:hover { color : #fff; background-color : #e0e0e0; }

.highlight.green { background-color: #8aa28f; }
.highlight.transparent { background-color: transparent; color : #000; padding : 0; }
.highlight.white { background-color: #fff; }

/* --------------------------------------------------------------------------

   PAGE CONTAINER
   
   -------------------------------------------------------------------------- */

header, footer, #content_container, #slider_container {
  width:100%;
}

#content_container {
}

.content_wrapper { max-width:1080px; margin : 0 auto; background-color : rgba(255,255,255,1);
  border : 5px solid #fff;
  border-width : 0 5px;
}

.content {
  margin : 0;
  padding: 30px;
}

/* --------------------------------------------------------------------------

   HEADER
   
   -------------------------------------------------------------------------- */

header { width : 100%; }
#header_container {  width:100%;  
  max-width: 1080px; 
  margin : 0 auto;
  background : rgba(255,255,255,1);
  border : 5px solid #fff;
  border-width : 0 5px;
}
#menu_container {
  
  clear : both;
  background-color : #ff7800;
  
  width : 100%;
  margin: 0;
  display : none;
  
  height : 39px;
}
#main_menu {
  height:32px;
}

.logo {
  margin : 10px 0 10px 30px;
  padding : 0;
  max-width:250px;
  float:left;
}

.logo a {
}

.logo img { width:100%; height:auto; }

.claim { margin :0 0 0 37px; display : inline-block; font-size: 18px; font-weight : 500; }
.claim p { margin : 0 0 10px; }
@media (min-width: 520px) {
.claim { margin : 77px 0 0 20px; }
}
/* --------------------------------------------------------------------------

   FOOTER
   
   -------------------------------------------------------------------------- */
footer {
  margin : 0;
}

.footer_wrapper { max-width:1090px; margin : 0 auto;
  border : 5px solid #fff; border-width : 5px 5px 0;
  padding : 30px; 
  background : #a7b0b8;
  border-top-color : #ff7800;
}

footer a {
  color : #fff !important;
  text-decoration : none !important;
}
footer a:hover {
  color : #333 !important;
}

.socialbar { 
  float : right;
  margin-top : 59px;
}

/* --------------------------------------------------------------------------

   CONTENT
   
   -------------------------------------------------------------------------- */
   
/* responsive columns ------------------------------------------------------- */
.one_half { width : 47%; float:left; margin : 0 30px 0 0; }
.two_third { width : 63%; float:left; margin : 0 30px 0 0; }
.one_third { width : 30.43478260869565%; margin : 0 30px 0 0; float:left; }
.one_fourth { width : 16.66666666666667%; margin : 0 30px 0 0; float:left; }

.one_fourth.alpha,
.one_third.alpha,
.one_half.alpha { padding-left : 0; }

.one_fourth.omega,
.one_third.omega,
.one_half.omega { margin : 0; }

.clearcolumns { width : 100%; clear:both; }

/* .one_third img { width : 100%; max-width:280px; height:auto; } */


/*-------Wordpress Core Classes---------*/
blockquote {
    padding-left:65px;
    min-height:50px;
    margin-top:40px;
    margin-bottom:40px;
}
blockquote img {
    float: left;
    margin-right:15px;
}
.sticky {
}

.alignnone {
    clear: both;
    overflow: hidden;
}
.aligncenter, div.aligncenter {
    display:block;
}
.alignright {
  margin : 0 0 0 40px;
    float:right;
}
.alignleft {
    float:left;
    margin: 5px 10px 20px 0;
}
.aligncenter {
    display: block;
    margin : 0 auto;
}

.highlight .alignleft, .highlight .alignright { margin : 0 50px; }

.rounded {
  max-width: 200px;
  height:auto;
  border-radius: 50%;
  border : 8px solid #89628a;
  transition : all 0.3s ease-in-out;
}

.rounded:hover { box-shadow : 0 0 3px rgba(0,0,0,0.5); border-color : #fff; }

a.fresco:hover { background-color: transparent !important; }
a img.alignright { float:right; }
a img.alignnone { margin : 0 0 0 60px; }
a img.alignleft {
    float:left;
    margin: 5px 10px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    margin:0;
    padding:0;
}
.wp-caption p.wp-caption-text {
    margin:0;
    padding:4px 0;
    font-size:0.8em;
}
.align_center { text-align : center; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/* -------------------------------------------------------------- 
 * Edit Button in post pages
 * -------------------------------------------------------------- */

a.post-edit-link {
  text-decoration : none;
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
  border: 1px solid #acacac;
  padding : 2px 15px;
  border-radius:3px;
  text-shadow : 1px 1px #fff;
}

a.post-edit-link:hover {
  text-decoration : none;
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#e5e5e5, #f9f9f9);
	background: -o-linear-gradient(#e5e5e5, #f9f9f9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#f9f9f9)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#e5e5e5, #f9f9f9);
  text-shadow : none;
}
a.post-edit-link:active {
  text-decoration : none;
	background: #6EC83F;
	border-color : #6ec83f;
	color : #000;
  text-shadow : none;
}

/* -------------------------------------------------------------- 
 * miscellaneous
 * -------------------------------------------------------------- */

.gallery img { max-width: 100%; height:auto; }
.gallery .gallery-item { transition:all 0.2s ease-in-out; margin : 0 25px 25px 0; float:left; width:48%;  }
.gallery figure a { color : #ff7800; }
.gallery figure:hover a { text-decoration:underline; }

.gallery-icon a {  display:block;line-height:0; }
.gallery-icon a:hover {  }
.gallery-caption {    float: left;
    padding: 4px 8px;
    text-align:center; }
    
    
.gallery-columns-4.gallery-type-standard .gallery-item { width : 21%; margin : 0 2% 20px; }
.gallery-columns-4.gallery-type-standard .gallery-caption { float : left; padding : 10px; text-align : center;  }


/* -------------------------------------------------------------- 
 * Mitarbeiter Fotos "Über uns"
 * -------------------------------------------------------------- */
.gallery-columns-4.gallery-type-team {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gallery-columns-4.gallery-type-team .gallery-item {
  float: none;
  display: flex;
  flex-direction: row-reverse;
  width : 100%;
  margin : 0 0 20px;
}
.gallery-columns-4.gallery-type-team .gallery-icon { float : none; }
.gallery-columns-4.gallery-type-team .gallery-caption { float : none; padding : 0;width: 65%; }

@media screen and (min-width: 400px) {

  .gallery-columns-4.gallery-type-team {
    gap: 1%;
  }
  

  .gallery-columns-4.gallery-type-team .gallery-item {
    float: none;
    display: flex;
    flex-direction: row-reverse;
    width : 100%;
  }
}

@media screen and (min-width: 800px) {

  .gallery-columns-4.gallery-type-team .gallery-item {
    float: none;
    display: flex;
    flex-direction: row-reverse;
    width : 47%;
  }
}

/* -------------------------------------------------------------- 
 * custom styles
 * -------------------------------------------------------------- */
.smalltext h3 { font-size : 13px; line-height:18px; color:#404040;}
.smalltext, .smalltext p, .smalltext a { font-size : 12px; line-height:16px; color:#404040;}
.smalltext a { color:#89628a; text-decoration : underline;}
.smalltext a:hover { color:#fff; background-color : #89628a; }

@media screen and (max-width: 960px) {
 }

 @media screen and (max-width: 800px) {
  
  /*
  #menu_container { float:none; margin : 0; width:100%; background-color:#fff; }
  #menu_container li { border-bottom : 1px solid #d0d0d0; }
  #menu_container li a:hover { background-color : #89628a; color : #fff; }
  .rcol.one_half { width : 100%; margin : 0; float:none; }
  */
} /* 800 px */

@media screen and (max-width: 400px) {
  .logo { float : none; width : 100%; margin:0 auto; }
  .socialbar { 
  float : right;
}
} /* 400 px */

#my_shiftnav_toggle {
  
  background : #ff7800;
  color : #000;
  margin : 0 auto;
  padding : 15px;
  
  width : 100%;
  
  display : block;
  
  clear:both;
}

#my_shiftnav_toggle span {
  margin-left: 30px;
  text-transform:uppercase;
}

#my_shiftnav_toggle fa:before {
  transition: all 1s ease;
}
.shiftnav-open #my_shiftnav_toggle fa:before {
  transform: rotate(180deg);
}

/* Larger than tablet */
@media (min-width: 960px) {
  
  #my_shiftnav_toggle {
    display: none;
  }
  
  #menu_container {
    display:block;
  }
  #header_container { margin-top : 0; }
}

#cookie-notice .cn-button {
  background: #ef7715;
  padding: 5px;
}