/*
Theme Name: BackaufTheme-Child
Theme URI: http://www.backauf.de/internetauftritt/
Description: Responsives HTML5 & CSS3 Theme mit SEO-Optimiertem HTML-Code
Version: 2.0 ALPHA
Author: Nico Gutmann
Author URI: http://www.backauf.de/internetauftritt/
Template: BackaufTheme
*/

/***********************************
*** YOUR CODE HERE
***********************************/
/**************************
*** CSS Werte
**************************/
/**************************
*** Allgemein
**************************/
@font-face {
	font-family: Skoda Pro;
	src: url('/wp-content/themes/BackaufTheme-Child/fonts/SkodaPro-Bold.ttf');
}

h1,h2,h3 {
	font-family:'Skoda Pro'!important;font-weight:400;
}

h1 {font-size:47px!important; line-height: 1.25!important;}
main a{color:#7bcd40!important;}
a:hover{text-decoration: underline;}
.hinweise *{font-size:9px;line-height: 1.2;}
.hinweise{background-color: transparent!important}
.so-widget-sow-image h3.widget-title{font-size: 14px;line-height: 1.25;padding: 10px;}

/**************************
*** Ueber uns
****************************/
#pl-103 div:nth-child(even) > div{background-color:#E0E0E0;}
#pl-103 div > div.middle{padding:20px;border-top:1px dashed #666;}
#pl-103 > div{margin-bottom:0!important;}
#pl-103 > div:first-child{margin-bottom:50px!important;}

/**************************
*** Startseite
****************************/
.bctp_newsticker a{color: #000!important;line-height:42px!important;}
.bctp_newsticker{height:42px!important;}
#weiterlesen a[href="/aktionen/"]{position:relative;display:inline-block;line-height:0;}
#weiterlesen a[href="/aktionen/"]::after{
	content:"Weiterlesen \3e\3e\3e";
	font-family: "Skoda Pro", Arial, Sans-serif;
	color:#fff;
	background-color:#42be3a;
	padding:.5em 2em .5em .5em;
	bottom:10%;
	left:25%;
	position:absolute;
	line-height:1;
	font-size:1.5em;
    z-index: 2000;
}
#homepage{padding:0!important;}
/**************************
*** Kontakt
****************************/
.OpenClose{right:0!important;}
.teaser_title{transform: rotate(-90deg);float:left;margin:49px 0 0;font-size: 18px;display: inline-block;color:#fff;}
.teaser_title:hover{cursor: pointer;}
.kontakt_teaser{transition: all 1s ease;background-color: #42BD3B;display: block;position: fixed;top:250px;right: -115px;padding: 10px 20px 10px 0;z-index: 100000;border-radius: 4px 0 0 4px;}
.kontakt_teaser ul{float: left;list-style-type: none;padding-left: 0;line-height: 1.75;}
.kontakt_teaser ul li{border-bottom: 1px solid #fff;}
.kontakt_teaser ul li:last-child{border: none;}
.kontakt_teaser ul li a{color:#fff;text-decoration:none;}
.kontakt_teaser ul li a:hover{color:#ddd;}

a.green_button{background-color:#81D742; padding:15px; border-radius: 4px; margin-top:20px; color:#FFF!important; display: inline-block!important; margin-top:40px!important;}
.dashedborder{border-bottom:1px dashed #999;max-width: 235px;padding: 10px;}
.sow-headline-container > h4.sow-headline{font-weight:400;line-height:1.5!important;text-align:left!important;margin-bottom:0!important}
.sow-headline-container > .decoration{display:none;}
.dashed_headline{border-bottom:1px dashed #999;}
.roundpicture{border-radius:100%;}

form.wpcf7-form input, textarea{width:100%; padding:10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
input[type="password"], input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], select, textarea{    margin-bottom: 10px;
    padding: 7px 15px;
    border: 1px solid #e0e1e1;
    background-color: #fbfcfc;
    color: #b8bcbe;
}

input[type="submit"]{background-color:#42BD3B; color:white;border:0;font-size:20px;font-weight:600;}
#pg-194-0 h1{border-bottom:1px solid #dedede;}

/**************************
*** Cookie
****************************/
 .pea_cook_wrapper p{color: white!important;}

/**************************
*** VW Service
****************************/
 #pg-53-0 > div > div > div{border-bottom:1px dashed #999;}
 #pg-53-0 > div > div > div:last-child{border-bottom: none;}
 main {margin-top:50px!important;}

 /**************************
*** Header
****************************/
 main#nomargintop{margin-top:0!important;}
 header #logo{margin:0 0 28px!important;}
 header{border-bottom:1px solid #000;z-index:9999;}
 header nav ul li a{border-top: 3px solid #fff;}
 nav ul li{line-height:110px!important}
 nav ul ul li{line-height:50px!important}
 nav ul ul{z-index:1000}
 nav{float:left!important;margin-left:75px!important}

 /*Auto Bild Logo*/
 header {
	background-size: 86px!important;
	background-repeat: no-repeat !important;
	background-position: calc(50% + 575px) center !important;
}

/**************************
*** Skoda Service
****************************/
#pg-94-1 > div > div > div{border-bottom:1px dashed #999;}
#pg-94-1 > div > div > div:last-child{border-bottom: none;}

/**************************
*** Footer
****************************/
footer{border-top:1px solid #dedede;margin-bottom:30px!important; margin-top:50px!important; padding-top:25px!important;}
footer .middle .widget *{font-size: 12px;line-height: 21px;color: #4f4f4f;}
footer .middle .widget{text-align:center;}


/**************************
*** Size
****************************/


@media(max-width:762px){nav ul li {line-height:30px !important;}#mobilenav{display:none !important;}header .middle #logo{margin:0 auto !important;}}
/**************************
*** Frames
****************************/
.gebrauchtwagenframe{
	width: 90%;
	height: 70%;
	min-height: 1000px;
}


/**************************
*** Gebrauchtwagen
****************************/
.ansprech ul li:nth-child(odd){background-color: #efefef;}
.ansprech ul {padding-left: 0;}
.ansprech ul li{list-style-type: none;margin-left: 0;padding: 7px;border-top: 1px dashed #666;font-weight: bold}
.ansprech ul li:last-of-type{border-bottom: 1px dashed #666;}
/****************************
*** ueber-uns-link-gruen-zeug
****************************/
.runde-kontakt-bilder a[href*="mailto:"]{
	position:relative;
	display:inline-block;
	line-height:0;
}
.runde-kontakt-bilder a[href*="mailto:"]::after{
	content:"";
	opacity:0;
	position:absolute;
	width:100%;
	height:100%;
	background-color: rgba(123,205,64,.7);
	border-radius: 50%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-image: url(/wp-content/uploads/2018/01/Mail_Symbol.png);
    background-size: auto;
    background-position: center center;
	transition: opacity .3s ease-in-out;
}
.runde-kontakt-bilder a[href*="mailto:"]:hover::after{
	opacity:1;
}

.mwd{font-size:16px;}