/*
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
**************************/
html,body{overflow-x:hidden;}
body{background-color:#fffff2;}
main{margin-top:15px!important;padding-top:5px!important;}
header {z-index: 1000}
a[href*="mailto:"]{position:relative;}
a[href*="mailto:"]::before{content: "Anlagen bitte \A ausschließlich \A als PDF senden";visibility: hidden;background-color: black;color: #fff!important;text-align: center;padding: 10px 15px;border-radius: 6px;position: absolute;z-index: 1;max-width: 100%;bottom: 140%;left: 50%;transform: translateX(-50%);line-height: 18px;white-space: pre;}
a[href*="mailto:"]::after{visibility: hidden;content: " ";position: absolute;bottom: 80%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent;}
a[href*="mailto:"]:hover::before,a[href*="mailto:"]:hover::after{visibility:visible;}
#sidebar{margin-right:30px;box-sizing:border-box;}
.pea_cook_more_info_popover_inner p{color:#fff;}
#sidebar h6{font-size:1.6rem;margin-left:10px;line-height:35px;}
#sidebar ul{list-style-type:none;padding:0}
#sidebar li{padding:10px}
#sidebar li:nth-child(even){background-color:#eee}
#sidebar + #page{width: calc(100% - 240px - 30px);margin: 0 0 20px 0;float: left;}
#hometeaser a{filter:grayscale(0%);transition:all 1s ease-in-out;display:block;padding-top:1em;background:transparent;}
#hometeaser a:last-of-type{padding-bottom: 0em;}
#hometeaser svg{margin-bottom:0;max-width:25%;width:25%;height:auto;}
#hometeaser svg *{fill:#9c1802!important;transition: fill 1s ease-in-out;}
#hometeaser > *:hover a{filter:grayscale(0%);text-decoration: underline;background: #9c1802;color:#fff;}
#hometeaser > *:hover svg *{fill:#fffff2!important}
#blackboard a{filter:grayscale(0%);transition:all 1s ease-in-out;display:block;padding-top:1em;background:transparent;font-size:32px;line-height:1.5;padding-top:15px;}
#blackboard a:last-of-type{padding-bottom: 0em;}
#blackboard svg{margin-bottom:0;max-width:25%;width:25%;height:auto;}
#blackboard svg *{fill:#9c1802!important;transition: fill 1s ease-in-out;}
#blackboard > *:hover a{filter:grayscale(0%);text-decoration: underline;background: #9c1802;color:#fff;}
#blackboard > *:hover svg *{fill:#fffff2!important}
.elevator{width: 120px;
    margin-bottom: 0px;
    margin-top: -8px;}
#breadcrumbs a.category{padding-bottom: 0;border: 0;}
#breadcrumbs {margin-bottom: 35px}
#pgc-2-0-0{position: relative}
#panel-2-0-0-1{position: absolute;top: 70%;z-index: 10000;left: calc(50% - 81px);}
#panel-2-0-0-1 a#mietangebote{font-weight: bold;}
@media(min-width:852px){
    header{display: flex!important;justify-content: space-between;position:relative;background-color:transparent!important;}
	header > *:first-child a{display:inline-block;bottom:36px;}
	*:not(section) > header::before{content:"";width:300%;height:1px;background-color:#9c1802;position:absolute;display:block;top:89px;left:-100%;z-index:-1}
	*:not(section) > header::after{content:"";width:300%;height:1px;background-color:#000;position:absolute;display:block;top:36px;left:-100%;z-index:-1}
    header #logo{float:none!important;}
    header nav{float:none;margin:0;background-color:transparent!important;}
    header nav div{margin-top:30px;}
    header nav li{padding:0!important;position:relative;z-index:1;}
    header nav > div > ul > li > a{line-height: 1.3em;border-top:3px solid transparent;padding:15px 22px 15px;transition: all 1s ease-in-out;background-color: transparent;margin-top: 6px;border-left:1px solid #000;border-right:1px solid transparent;clip: rect(-20px 1000px 53px -20px);}
    header nav > div > ul > li:last-of-type > a{border-right:1px solid #000;}
    header nav > div > ul > li.current-menu-item + * > a ,header nav > div > ul > li:hover + * > a,header nav > div > ul > li:active + * > a,header nav > div > ul > li:focus + * > a{border-left-color:transparent}
    header nav > div > ul > li.current-menu-item > a,header nav > div > ul > li > a:hover,header nav > div > ul > li:hover > a,header nav > div > ul > li > a:active,header nav > div > ul > li > a:focus{background-color: #fff;padding-bottom:21px;margin-top:0px;box-shadow: 0px 0px 10px #000;clip: rect(-20px 1000px 59px -20px);border-right:1px solid #9c1802;border-left:1px solid #9c1802!important;}
	header nav > div > ul > li:hover > a{border-color:#9c1802;}
    header nav > div > ul > li{vertical-align: bottom;margin-left:-6px!important;}
	header nav ul ul{top:100%;left:0;min-width:100%;border:none;box-shadow: 0px 0px 0px #000;clip: rect(0px 1000px 1000px -20px);transition:all 1s ease-in-out;display:inline-block!important;visibility:hidden;opacity:0;}
	header nav ul li:hover > ul{box-shadow: 0px 0px 10px #000;visibility:visible;opacity:1;}
	header nav ul ul .current-menu-item a{border-top:1px;}
	@-moz-document url-prefix() {
		header nav ul ul{top:calc(100% - 1px);}
	}
	header nav ul ul li{border:1px solid #9c1802;transition:all 1s ease-in-out;}
	header nav ul li:hover > ul > li{background-color:#fff;}
	header nav ul ul li:not(:first-of-type){border-top:none;}
}

@media(min-width:1150px){
#panel-2-0-0-1{top: 82%!important;}
}
@media(max-width:851px){
	#mobilenav > *{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
	header nav > div > ul > li{width:unset!important;height:unset!important;}
	header nav > div > ul > li > a{line-height:1.5em;font-size:1.2em;}
	header nav > div > ul > li > a,header nav > div > ul > li > a:hover,header nav > div > ul > li > a:focus,header nav > div > ul > li > a:active,header nav > div > ul > li.current-menu-item > a,header nav div ul ul{position:relative!important;border-top:1px solid #fff;display:block;}
	header nav div ul li a{color:#fff!important;}
	header nav ul ul{position:relative!important;top:0!important;}
	header nav ul ul li{background:rgba(255,255,255,.3);border:none!important;}
	nav ul ul, nav ul li a:hover, .current-menu-item a{border-top:none;}
	table{overflow-x:auto!important;max-width:100%;}
}
#pl-117 img.alignleft{margin-top:0;}
#pl-117 p:first-of-type:first-line{font-size:1.2rem;color:#9c1802;}
.button{display:inline-block;white-space:nowrap;border:1px solid #9c1802;background-color:#fff;color:#9c1802;padding:.4em .8em;text-decoration:none!important;}
.button:hover{animation:pulse 1s;}
.button-primary{background-color:#9c1802;color:#fff;}
.button-primary:hover{background-color:#9c1802;color:#fff;}
@keyframes pulse{
	0% {box-shadow: 0 0 0 0 #9c1802;}
	50% {box-shadow: 0 0 10px 0 #9c1802;}
	100% {box-shadow: 0 0 0 0 #9c1802;}
}
.contactform{border:1px solid #333;padding: 20px;margin-top: -20px;-webkit-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.5);
-moz-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.5);
box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.5);}
.contactform .wpcf7-list-item{margin-left: 0;}
.contactform .wpcf7-form-control.wpcf7-submit{padding: 10px 20px;}
.contactform .wpcf7-form-control.wpcf7-submit disabled{opacity: 0.5}
.contactform form p{font-weight: bold;}
table th:first-child{text-align:right;}
table *{text-align:center;}
#pg-117-1 > * > * > *{padding: 10px;border: 1px solid grey;background: #ffffd2;}
#pg-117-1 > * > * > * img{margin-bottom:0}
.newspost{margin-bottom:0!important;border-top:none!important;}
section > a:nth-child(odd) .newspost{background-color:rgba(250,250,250,1);}
footer{border-top:1px solid #dedede;overflow:visible!important;padding:30px 100% 10px!important;margin-left:50%!important;transform:TranslateX(-50%);}
footer,footer *{text-align:center;}
footer .textwidget:first-line{color:#9c1802;font-weight:bolder;}
footer .textwidget a:first-line{color:#9c1802;}