/*
 Theme Name:   Twentytwenty Child
 Description:  Mein Child Theme
 Template:     twentytwenty
 Version:      1.0
 Text Domain:  twentytwenty-child
*/

h4.leistungenfuersie{
	font-family: 'La Belle Aurore', cursive !important;
	font-size:80px;
	color:#a9afbb;
	transform:rotate(-10deg)
}

:target:before {
	content: "";
	display: block;
	height: 180px; /* same as your fixed header height */
	margin: -180px 0 0; /* negative fixed header height */
}

.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor{
	text-decoration:none !important
}


.teammitglieder h4{
	color:#fff !important;
		transition:all 0.3s ease;
}

.teammitglieder div:hover h4{
	margin-top:80px;
}

.wp-block-cover.has-background-dim:not(.has-background-gradient)::before{
	transition:all 0.5s ease;
}

.teammitglieder .wp-block-column:hover  .wp-block-cover.has-background-dim:not(.has-background-gradient)::before{
	opacity:0 
}

.titelbildunterseitenteam {
    min-height: 100vh !important;
    margin-top: -250px !important;
}

#terminleiste{
	background:#393f4a;
	text-align:center;
	padding-top:50px;
	padding-bottom:110px;
	margin-top:100px;
}

.content{
	max-width:1000px;
	margin:auto;
}

.dreispalte{
	width:31%;
	float:left;
	padding:1%;
	padding-top:50px;
}

.dreispalte h2{
	font-weight:500;
	font-size:23px;
}

.dreispalte p,
.dreispalte td{
	font-size:17px;
}

.dreispalte table{
	margin-top:0px;
	color:#393f4a !important
}

figcaption{
	margin-top:-20px !important
}

.dreispalte i{
	color:#becce9;
	margin-left:-30px;
	margin-right:10px;
}

.dreispalte p,
.dreispalte td{
	font-size:15px !important
}

#kontaltleiste{
    margin-bottom: -30px;
    margin-top: -70px;
}


#navileiste{
	background:#ccd7ee;
	padding-bottom:50px;
}

.sechsspalte{
	width:16%;
	float:left;
	padding:1%;
}

.sechsspalte h2{
	font-size:20px;
}

.sechsspalte p,
.sechsspalte a{
	font-size:13px;
	transition:all 0.4s ease;
	color:#393f4a;
	text-decoration:none;
}

.sechsspalte a:hover{
	margin-left:4px;
}
.sechsspalte a:before{
	content:"» "
}

#terminleiste h2{
	color:#fff !important;
	font-size:30px;
}

#terminleiste .button{
	background:none;
	border:2px solid #a9afbb
}

#terminleiste .button:hover{
	background:#a9afbb;
	text-decoration:none;
}

#terminleiste .button:hover a{
	color:#fff !important;	
}

#terminleiste .button a{
	color:#a9afbb;
	font-weight:bold;
	text-decoration:none;
}

.leistungen img{
	filter:grayscale(1);
	width:100%;
	transition:all 0.4s ease;
}

.leistungen .wp-block-columns{
	margin-bottom:0 !important
}

.leistungen img:hover{
	filter:grayscale(0);
}

.entry-content,.textwidget p,.widget-title {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
		font-size:18px;
	color:#393f4a !important	
}

.titelbild{
	top:-345px !important;
	margin-bottom:-300px !important; 
}

#verlaufimkopf{
	position:absolute;
	width:100%;
	height:300px;
 background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 32%, rgba(57,63,74,1) 100%); 
	left:0;
	top:0;
	z-index:9;
}

.bildnachoben{
	position: relative;
	top: -190px;
	z-index: 7;
	margin-bottom:-150px 
}

.bildnachoben img{
	box-shadow:0px 0px 30px rgba(0,0,0,0.2)
}

#search-form-1{
	color:#393f4a !important
}

:focus{
	outline:none !important;
}
.section-inner{
    max-width: 130rem !important;	
}

.neupatspalt a{
	color:#14315b;
	text-decoration:none;
}

.site-title a{
	font-size:25px !important;
position: relative;
    	
}

.shrink .site-title a{
	top: 15px;
}

h1.entry-title{
	text-align:left;
	position:relative;
	z-index:1
}

.embedGoogleMap{
	margin-top:-150px;
	position:relative;
	z-index:4
}

.home h1.entry-title{
	display:none!important
	}

#siegel{
	position:absolute;
	right:50%;
    margin-top: -40px;
    max-width: 70px;
    margin-right: -450px;
}

#site-header{
	background:none !important;
}

#site-content {
    overflow: visible;
}

.bgbild{
	min-height:650px;
	margin-bottom:-350px !important;
	margin-top:-300px !important;
	z-index:0;
	opacity:0.2;
	pointer-events:none;
	filter:blur(10px)
}

.entry-header-inner{
max-width: 1100px !important;	
}

.team a{
	color:#a8adc5;
text-decoration:none;
}

h6{
	color:#14315b;
}

.team h3{
	font-size:25px;
	color:#14315b
}

.team img{
	border-radius:10px
}

.neupatspalt i{
	font-size:40px;
	color:#a8adc5;
	margin-bottom:10px
}

.wp-block-columns{
	margin-top:0 !important
}

.neupatspalt .wp-block-column{
	text-align:center	
}

#bildlicon{
	position:absolute
}

.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a{
	text-decoration:none;
}

.header-inner nav li a{
	color:#fff !important	;
	font-size:17px;
}

.header-inner nav li a:before{
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    -webkit-transform:translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.header-inner nav li.current_page_item ul a:before{
	width:0 !important
}
.section-inner {
    max-width: 120rem;
}

.header-inner nav li a:hover:before{
	width:90%	
}

.header-inner nav li.current_page_item a:before{
	width:0 !important
}

.primary-menu li a:hover{
	text-decoration:none;
}

#site-footer{
	background:#a8adc5 !important;
	color:#fff
}

.footer-copyright,
.footer-copyright a{
	color:#fff !important
}

.sprchztn{
	margin-top:-100px !important
}

h4.c-accordion__title{
	font-size:18px
}

.c-accordion__title:after{
	font-size:30px
}

.wp-block-columns p{
	font-size:16px
}

.leistungen h4{
	color:#a8adc5
}

#tel{
	color:#fff;
	font-size:20px !important;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:20px;
	width:260px;
	transition:all 1.5s ease;	
	margin:auto;
	position:relative;
	left:150px;
	display:none;
}

.site-logo img{
	border-radius:10px;
    max-height: 120px;	
}

.toggle-text{
	display:none !important
}

#site-header .toggle{
	color:#fff !important;
}

.shrink#site-header .toggle{
color:#a9afbb !important
}

h1.entry-title{
	font-size: 4.8rem;
		color:#a8adc5
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
	max-width:1100px
}

.dreispalte a{
	text-decoration:none;
	color:#000000;
}

#site-header{
	position:sticky;
	top:0px;
	transition:all 0.9s ease;
	z-index:999999;
}

.shrink#site-header{
	position:sticky;
	top:0;
	background:#fff !important;
	padding-bottom:20px;
}

.shrink#site-header .header-inner{
	padding-top:10px;
	padding-bottom:30px;
}
.shrink .site-logo img{
	max-height:90px;
}

.shrink#site-header a{
	color:#393f4a !important
}

.shrink#site-header #tel{
		color:#393f4a !important;
	margin-top:-70px;
	display:none;
}

.shrink#site-header .header-navigation-wrapper {
    margin-top: 0px;
    margin-bottom: -31px;
}

.shrink#site-header .header-inner nav li a:before{
	background-color:#393f4a
	}

body:not(.overlay-header) .primary-menu > li > .icon{
	color:#fff !important
}

.shrink#site-header  .primary-menu > li > .icon{
	color:#393f4a !important
}

body:not(.overlay-header) .primary-menu ul,.primary-menu ul{
	background-color:#393f4a !important	
}

.shrink#site-header .primary-menu ul li a{
	color:#fff !important
}

.home .titelbildunterseiten{
	display:none;
}

.teammitglieder h4{
	font-size:20px !important
}

.titelbildunterseiten{
	height:70vh !important;
	margin-top:-250px !important;
}

h1.entry-title{
	display:none
}

h1,h2,h3,h4,h5{
	color:#393f4a !important	
}

.seitennavi{
	position:sticky;
	top:250px;
	margin-top:115px !important
}

.seitennavi a{
	color:#a9afbb !important;
	text-decoration:none;
	line-height:160%;
	transition:all 0.3s ease;
}

.seitennavi a:before{
	content:"» "
}

.seitennavi a:hover{
	margin-left:7px;
}

h3{
	font-size:30px !important;
}



@media only screen and (max-width: 999px) {
	
.sechsspalte,.dreispalte {
    width: 98%;
    float: none;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
}	
	
#kontaltleiste {
    margin-bottom: -30px;
    margin-top: 0px;
}	
	
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover{
	color:#393f4a !important
	}	
	
	.menu-modal.active{
		z-index:999999999 !important
	}
	
	.titelbildunterseiten{
		margin-top:-215px !important
	}	
	
	.titelbild{
		margin-top:280px !important
	}
}