@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,600);

body, html								{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body 									{ font-family: 'Roboto Condensed', sans-serif; font-size: 24px; line-height: 34px; background-image: url(../images/pattern.png); background-repeat: repeat-y; background-size: cover; background-attachment: fixed; }
b, strong 								{font-weight: 600; }
h1										{ margin: 0px !important; padding: 0px; font-family: Golos-Bold; font-size: 125px; line-height: 115px; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; padding-top: 100px; }
div.wrapper								{  margin: 0px auto; max-width: 1600px;}
div.wrapper-inner						{ background-color: #FFF; margin: 100px;}
div.row-small							{ max-width: 670px; }
div.center 								{ text-align: center; }
div.logo 								{ padding-top: 180px; padding-bottom: 180px; }
div.leistungen							{ padding-top: 180px; padding-left: 16px; padding-right: 16px; max-width: 1400px; }
div.headline							{ padding-bottom: 80px; }

div.instagram div.columns,
div.leistungen div.columns				{ padding-bottom: 32px;  }
div.instagram div.columns div.inner,
div.leistungen div.columns div.inner	{ background-color: #000;}
div.instagram div.columns div.inner img	{ width: 100%; }
div.row-hochburg						{ padding-bottom: 115px; padding-top: 140px; margin-bottom: 100px; }
div.impressum							{ font-size: 16px; line-height: 30px;}
div.leistungen div.columns div.inner	{ background-size: cover; background-repeat: no-repeat; }
span.sub								{ background-color: #000; color: #FFF; font-size: 60px; font-family: Golos-Bold; padding: 10px; line-height: 88px; text-transform: uppercase;  }
span.sub-send							{ font-size: 30px; margin-top: 20px;  cursor: pointer;}
div.row-follow							{ padding-bottom: 0px; padding-top: 150px; }
div.instagram							{ padding-bottom: 180px; max-width: 1400px; padding-left: 16px; padding-right: 16px; }
input									{ width: 100%; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: 300; border: none; padding: 20px; background-image: url(../images/linie.png); background-position: left bottom; background-repeat: no-repeat; outline: none; }
.error								{ background-image: url(../images/error.png); }
textarea								{ width: 100%; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: 300; border: none; padding: 20px; background-image: url(../images/linie.png); background-position: left bottom; background-repeat: no-repeat; outline: none; height: 220px; resize: none; }
div.adresse								{ font-size: 20px; line-height: 30px; }
div.cta									{ background-color: #000; color: #FFF; }
div.cta a								{ color: #FFF; text-decoration: none; font-size: 25px; line-height: 35px; }
div.cta-kontakt a, div.cta-kontakt		{ font-size: 20px; line-height: 30px; }
div.cta-kontakt							{ padding: 25px; }
div.row-kontakt-head					{ padding-bottom: 155px; }
div.leistung-column						{ position: relative;  }
div.leistung-column div.inner 			{ content: ""; display: block; padding-top: 100%; overflow: hidden; }
div.caption								{ opacity: 0; position: absolute; left: 0px; top: 0px; color: #FFF; width: 100%; text-align: center; top: 40%; font-family: Golos-Bold; font-size: 36px;     transition: opacity .5s ease-out; -moz-transition: opacity .2s ease-in; -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; }
div.leistung-column div div.inner 			{ display: block; opacity: 1; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; }
div.leistung-column div div.inner.hover,
div.leistung-column div div.inner:hover 	{ opacity: 0; -webkit-transform: scale(1.05,1.07); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.05,1.07); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; position: relative; z-index: 99; }
div.leistung-column div:hover div.caption 	{ opacity: 1; z-index: 99999; }
p.pad 										{ padding-left: 20px; padding-top: 30px;}
div.double									{ top: 36%;}
div.adresse-tel								{ padding-top: 60px; }
span.danke									{ display: none; }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	
	body	{ background-size: contain; }	
}


@media only screen and (max-width: 980px) 	{
	div.wrapper-inner						{ margin: 50px; }
	h1										{ font-size: 85px; line-height: 85px;}
}
@media only screen and (max-width: 768px) 	{
	body									{ background-size: contain; overflow-x: hidden; }

}
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait) { 
	div.adr 							{ width: 100% !important; }
	div.adresse-tel	 					{ padding-top: 0px; }
}
@media only screen and (max-width: 640px) 	{
	div.caption								{ font-size: 24px; }
	div.introtext p							{ text-align: center !important; }
	div.adresse-tel, div.adresse-tel p 		{ padding-top: 0px; }
	span.sub-send							{ margin-top: 20px !important; font-size: 30px !important;}
	div.kontaktadresse						{ padding-top: 80px; }
	div.row-kontakt-head					{ padding-bottom: 80px; }
	img.logo								{ width: 200px; height: auto; }
	div.introtext							{ padding-left: 40px; padding-right: 40px;}
	body									{ font-size: 15px;  line-height: 22px; background-size: contain; overflow-x: hidden; }
	div.logo								{ padding-top: 50px; padding-bottom: 80px;}
	div.headline							{ padding-bottom: 40px; }
	div.wrapper-inner						{ margin-top: 50px; margin-bottom: 50px; margin-left: 0px; margin-right: 0px; }
	h1										{ font-size: 55px; line-height: 55px;}
	span.sub								{ font-size: 50px; line-height: 75px;}
	div.leistungen							{ padding-top: 50px; padding-left: 8px; padding-right: 8px;}	
	div.row-follow							{padding-top: 80px !important; padding-bottom: 80px !important; }
	div.leistungen div.columns				{ padding: 8px;}
	div.instagram							{ padding-bottom: 80px; }
	div.center-mobile						{ text-align: center;}
	p.pad									{ padding-left: 0px; }
	div.instagram							{ padding-left: 8px; padding-right: 8px; }
	div.kontaktadresse						{ padding-top: 50px; }
	div.instagram div.columns				{ padding: 8px;}
	.row .row 								{ margin-left: -8px; margin-right: -8px; }
}
/*EDIT BY TAKI REQUIRE CHECK BOX*/
.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px;
}
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
.control_indicator {
    position: absolute;
    top: 8px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0px solid #000000;
}
.control-radio .control_indicator {
    border-radius: undefined%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
    background: #000;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}
/*END EDIT BY TAKI*/

/*EDIT BY TAKI POPUP*/
 #wc-hover{
      position:fixed;
      background:#000;
      width:100%;
      height:100%;
      opacity: .6
    }
     
    #wc-popup{
      position:absolute;
	  max-width: 70%;
      height:0p;
      background:#fff;
      top:50%;
      border-radius:5px;
      padding:0px 0;
      margin-left:15%;
      text-align:center;
      box-shadow:0 0 20px 0 #000;
    }
    #wc-close{
      position:absolute;
      background:black;
      color:white;
      right:-15px;
      top:-15px;
      border-radius:50%;
      width:30px;
      height:30px;
      line-height:30px;
      text-align:center;
      font-size:8px;
      font-weight:bold;
      font-family:'Arial Black', Arial, sans-serif;
      cursor:pointer;
      box-shadow:0 0 10px 0 #000;
    }

/*END EDIT BY TAKI*/