/*   
Theme Name: Bauunternehmen Gernot Zimmermann
Theme URL: https://gernot-zimmermann.de
Description: Layout für das Bauunternehmen Gernot Zimmermann.
Author: Netzwerkzentrum August Stark
Author URL: http://august-stark.de
Version: 1.0
*/

*
{
margin: 0;
padding: 0;
border: none;
outline: none;
box-sizing: border-box;
} 

html 
{
background: #fff;
}

body
{
font-family: 'Signika', sans-serif;
color: #e2001a;
font-size: 1.1em;
}

.clear {clear: both;}

/* containter */

.wrapper {
	max-width: 100%;
}

.grey {
	background: #e3e4e4;
}

.box {
	max-width: 100%;
	padding: 30px 5%;	
}

#maps {
	height: 300px;
}

/*cookie*/

.cc-color-override-707523278.cc-window {
	padding: 20px 5%!important;
	border-top:2px solid #58585a!important;
}

.cc-link {
	color: #58585a!important;
	text-decoration: none!important;
}

.cc-link:hover {
	color: #000;
	text-decoration: none!important;
	transition: all 2s ease!important;
}

/*headlines p-tags*/

h2 {
	font-family: 'Abel', sans-serif;
	font-size: 5.313em;
	text-transform: uppercase;
	text-align: center;
	line-height: 0.9;
	margin: 0 0 15px 0
}

.headline h2 {
	font-size: 6.813em;
	color: #e3e4e5;
	margin: 0;
}

h3{
	font-family: 'Abel', sans-serif;
	font-size: 2.363em;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
}

.headline h3 {
	color: #e3e4e5;
	font-size: 3.563em;
}

.page-id-9 .headline h3 {
	margin: 0 0 0 85px;
}

.page-id-11 .headline h3 {
	margin: 0 0 0 20px;
}

.page-id-15 .headline h3, .page-id-19 .headline h3, .page-id-23 .headline h3 {
	margin: 0 0 0 30px;
}

.page-id-21 .headline h3 {
	margin: 0 0 0 180px;
}

.page-id-221 .headline h3 {
	margin: 0 0 0 60px;
}

.text table td:nth-child(1) h3 {
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	margin: -30px 0 0 0;
}

h4 {
	font-family: 'Abel', sans-serif;
	font-size: 1.313em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

h5 {
	font-family: 'Abel', sans-serif;
	font-size: 1.313em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

.text table td:nth-child(1) h4 {
	font-size: 2.0em;
	text-align: center;
}

.text table td:nth-child(2) h4 {
	font-size: 2.0em;
	text-align: left;
	color: #58585a;
}

.page-id-19 .text h4, .page-id-21 .text h4, .page-id-23 .text h4 {
	font-size: 2.0em;
	text-align: left;
	color: #58585a;
}

.icons h4 {
	margin: 25px 0;
}

p {
	margin: 0 0 15px 0;
}

a {
	color: #58585a;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
	transition: all 2s ease;
}

/*buttons*/

.bnt {
	width: 80px;
	height: 80px;
	background-color:rgba(226,0,26,1);
	border-radius: 60px;
	display: block;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 auto;
}

.bnt:hover {
	background-color:rgba(226,0,26,0.5);
	transition: all 0.5s ease;
}

.icons .bnt:hover, #tech .bnt:hover {
	background-color:rgba(226,0,26,1);
	transition: none;
}

.bnt img {
	height: 50px;
}

/*#### navi scroll #### */

/* ClearFix */

.cf:before,
.cf:after {
  content: " ";
  display: table; 
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/* Header Styles */

header {
	width: 100%;
	height: 186px;
	background: #fff;
	position: fixed;
	z-index: 1000;
	box-shadow: 0 10px 30px #393939;
	padding: 30px 15%;
}

.small {
 	height: 70px;
	padding: 10px 15%;
}

.small #logo {
	height: auto;
	width: 57px;
	transition: all 1s; 
}

.small p {
	opacity: 0;
	font-size: 0em;
}

.small #menu {
	padding: 5px 0 0 0;
}

.small #nav {
	height: 0;
}

.small #search-3 {
	margin: -3px 0 0 0;
}

/* Transitions */

header, #logo, .small p{
	-webkit-transition: all 1s;
          transition: all 1s; 
}


header p {
	float: left;
	padding: 10px 0 0 0;
	text-align: right;
	font-size: 1.5em;
	text-transform: uppercase;
}

#logo {
	float: left;
	width: 140px;
	margin: 0 8px 0 20px;
}

/*navi*/


.widget {
    list-style-type: none;
    float: left;
}

#search-3{
    width: auto;
	position: absolute;
	right: 5%;
	margin: -4px 0 0 0;
}

#searchsubmit {
    width: 30px;
	height: 31px;
	background: url(./images/bauleistung-suchen.png);
	background-size: contain;
	font-size: 3px;
	text-align: center;
	color: #fff;
}

#searchsubmit:hover {
    width: 30px;
	height: 31px;
	background: url(./images/bauleistung-finden.png);
	background-size: contain;
	transition: all 0.5s ease;
	cursor: pointer;
}

#s {
    border-bottom: 1px solid #58585a;
    height: 35px;
}

.screen-reader-text {
    display: none;
}

#nav {
	visibility:hidden;
	transition:all 500ms ease;
	}

/* position menu*/
#menu {
	font-family: 'Abel', sans-serif;
	width: auto;
	float: left;
	font-size: 1.5em;
	padding: 50px 0 0 0;
	border-bottom: 1px solid #fff;
}

.menu-topmenu-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.menu-topmenu-container ul li {
  display: block;
  position: relative;
  float: left;
  text-transform: uppercase;
}

/* Submenu verstecken*/

.menu-topmenu-container li ul { 
	display: none; 
	background: #e2001a;
	width: auto;
	border-top: 1px solid #58585a;
	margin: -1px 0 0 0;
}

.menu-topmenu-container ul li a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  color: #e2001a;
  padding: 0 18px;
}

.menu-topmenu-container ul li ul li a {
	color: #fff!important;
	font-size: 0.75em;
	padding: 8px 18px;
}

.menu-topmenu-container ul li a:hover { 
	color: #58585a;  
	border-bottom: 1px solid #58585a;
	transition: all 2s ease;}
	
.menu-topmenu-container li ul a:hover { 
	background: #58585a!important;
	padding: 8px 18px;
	transition: background 2s ease;
}

/* dropdwon funktion */

.menu-topmenu-container li:hover > ul {
  display: block;
  position: absolute;
}

.menu-topmenu-container li:hover li { float: none; ;}

.menu-topmenu-container li:hover a {}

.menu-topmenu-container li:hover li a:hover { background: #2c3e50; }

/* clearfix*/

.menu-topmenu-container ul:before,
.menu-topmenu-container ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.menu-topmenu-container ul:after { clear: both; }

/* select menu */

.current-menu-item a {
	color: #58585a!important;  
	border-bottom: 1px solid #58585a;
}


/*#### section ####*/

section {
	padding: 186px 0 0 0;
}

.small + section {
	padding: 70px 0 0 0;
}

/* ### slider ### */

.page-template-page-home #slider {
	width: 100%;
	height: auto;
}

.page-template-page-home #slider h1 {
	background: #fff;
	color: #e2001a;
	font-family: 'Abel', sans-serif;
	width: auto;
	display: inline-block;
	padding: 0 6% 15px 6%;
	text-transform: uppercase;
	line-height: 0.9;
}

.page-template-page-home #slider h2 {
    color: #e2001a;
    text-align: right;
    padding: 0 5%;
    font-weight: bold;
}

.page-template-page-home #slider h3 {
    color: #e2001a;
    text-align: right;
    padding: 0 5%;
    font-weight: bold;
	font-size: 3.759em;
}

.page-template-page-home #slider h4 {
    color: #e2001a;
    text-align: right;
    padding: 0 6%;
    font-weight: bold;
}

.page-template-page-home .slidertag1 {
    font-size: 0.6em;
}

.page-template-page-home .slidertag2 {
    font-size: 0.5em;
}


.page-template-page-home #slider .bnt img {
    height: 50px !important;
    width: auto !important;
}

.page-template-page-home #slider .bnt {
	width: 80px!important;
	height: 80px!important;
	margin: 0 0 0 -20%;
}

#slider {
	width: 100%;
	height: 500px;
}

.page-template-page-home #slider {
	width: 100%;
	height: auto;
}

.search #slider {
background: url(http://zimmermann.beduinenzelt.de/wp-content/uploads/2018/06/straßenbau-annaberg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
} 

/*40 years*/

#year {
	background: url(images/gernot-zimmermann-bauunternehmen-annaberg-buchholz.jpg) no-repeat center center;
	height: 600px;
	background-size: cover;
}

#year40 {
	text-align: right;
	width: auto;
	display: inline-block;
	float: right;
	padding: 0 5%;
	margin: 150px 0 0 0;
}

#year40 h2 {
	color: #fff;
	text-align: right;
	font-size: 13.313em;
	font-family: 'Signika', sans-serif;
	font-weight: normal;
}

#year40 h3 {
	color: #fff;
	text-align: right;
	font-size: 4.563em;
	margin: -50px 13px 0 0;
	font-family: 'Signika', sans-serif;
}

#year40 h4 {
	color: #fff;
	text-align: right;
	font-size: 2.403em;
	margin: -20px 13px 0 0;
	font-family: 'Signika', sans-serif;
}

#year40 h5 {
	color: #fff;
	text-align: right;
	font-size: 1.303em;
	margin: -5px 13px 0 0;
	text-transform: uppercase;
	font-family: 'Signika', sans-serif;
	font-weight: normal;
}

#year40 h6 {
	color: #fff;
	text-align: right;
	font-size: 3.103em;
	margin: -5px 13px 0 0;
	text-transform: uppercase;
	font-family: 'Signika', sans-serif;
	font-weight: normal;
}

/*jobs*/

#jobs table td:nth-child(1), #jobs table td:nth-child(3) {
	width: 15%;
}

#jobs img {
	width: 100%;
}

/*content*/

#content .box {
	padding: 40px 5% 30px 5%;
}

.headline {
	display: inline-block;
	width: 30%;
	transform: rotate(-90deg);
	margin: 120px -100px 0 -140px;
	display: block;
	float: left;
}

.page-id-5 .headline {
	margin: 150px -100px 0 -140px;
}

.page-id-9 .headline {
	margin: 245px -100px 0 -140px;
}
.page-id-11 .headline {
	margin: 160px -100px 0 -140px;
}
.page-id-15 .headline {
	margin: 200px -100px 0 -140px;
}
.page-id-19 .headline {
	margin: 220px -100px 0 -140px;
}
.page-id-21 .headline {
	margin: 335px -100px 0 -140px;
}
.page-id-23 .headline {
	margin: 220px -100px 0 -140px;
}
.page-id-221 .headline {
	margin: 230px -100px 0 -140px;
}

.search .headline {
	margin: 100px -100px 0 -140px;
}

.text {
	width: 83%;
	float: left;
	margin: -9px 0 0 0;
}

.page-id-19 .text, .search .text{
	min-height: 600px;
}

.text table td:nth-child(1) {
	width: 30%;
	text-align: left;
	vertical-align: top;
	padding: 5px 0 0 0;
}

.text table td:nth-child(1) img {
	width: 100%;
	height: auto;
	margin: 0 0 35px 0;
}

.text table td:nth-child(2) {
	padding: 0 0 0 40px;
	vertical-align: top;
}

.text h3, .text h4  {
	text-align: left;
	margin: 0 0 20px 0;
}

.text ul, .text p {
	margin: 0 0 20px 0;
}

.text li {
	margin: 0 0 0 20px;
}

.page-id-11 .text #ref1, .page-id-11 .text #ref2, .page-id-11 .text #ref3 {
    border-collapse: collapse;
	margin: 0 0 20px 0;
}

.page-id-11 .text #ref1 td, .page-id-11 .text #ref2 td, .page-id-11 .text #ref3 td  {
	vertical-align: top;
	padding: 5px 10px;
}

#ref1 tr:nth-child(2n+1), #ref2 tr:nth-child(2n+1), #ref3 tr:nth-child(2n+1) {
	background: #e3e4e5!important;
	color: #000;
	border-bottom: 1px solid #000!important;
	border-top: 1px solid #000!important;
}

#ref1 tr:nth-child(2n), #ref2 tr:nth-child(2n), #ref3 tr:nth-child(2n) {
	background: #f1f1f1!important;

}

#ref1 ul, #ref2 ul, #ref3 ul {
	margin: 0;
}

#ref1 li, #ref2 li, #ref3 li {
    margin: 0 0 0 15px;
}


.page-id-221 .text td {
	width: 33%!important;
	text-align: center!important;
}

.page-id-221 .text td img {
	width: 100%!important;
	height: auto;
}

.page-id-221 .text table td:nth-child(1) img {
	margin: 0;
}

.page-id-221 .text table td:nth-child(2) {
    padding: 0;
}

/*icons*/

.icons {
	width: 33%;
	display: inline-block;
	text-align: center;
	padding: 30px 0;
}

.icons img {
	width: 25%;
	height: auto;
}

.icons .bnt img {
	height: 50px;
	width: auto;
}

#lager h4 {
	font-size: 1.500em;
}

/*footer*/

#footer {
	color: #000;
}

#footer h6 {
    font-size: 0.938em;
    text-transform: uppercase;
    font-weight: normal;
	color: #58585a;
}

#footer .widget {
	float: none;
}

#footer .widget h4 {
	font-size: 1.500em;
}

#footer .widget:nth-child(2), #footer .widget:nth-child(3), #footer .widget:nth-child(4), #footer .widget:nth-child(5) {
    width: 25%;
    display: table;
    float: left;
    height: 90px;
	font-size: 0.938em;
	margin: 30px 0 0 0;
}

#footer .widget:nth-child(2), #footer .widget:nth-child(5) {
  	text-transform: uppercase;
}

#footer .widget:nth-child(4), #footer .widget:nth-child(5) {
    text-align: right;
}

#footer .widget:nth-child(2) .textwidget, #footer .widget:nth-child(3) .textwidget, #footer .widget:nth-child(4) .textwidget, #footer .widget:nth-child(5) .textwidget {
    display: table-cell;
    vertical-align: bottom;
	height: 100px;
}

#footer a {
	color: #58585a;
	text-decoration: none;
}

#footer a:hover {
	color: #970011;
	transition: all 0.5s ease;
}