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

.titelbild{
	height:83vh;
	margin-top:-160px !important;
	box-shadow:10px 10px 30px rgba(0,0,0,0.3);
}

.titelbildunterseiten{
	height:350px;
	min-height:350px;
	margin-top:-200px !important;
	box-shadow:10px 10px 30px rgba(0,0,0,0.3);
}

#site-header{
	box-shadow:10px 10px 30px rgba(0,0,0,0.1);
	position:sticky;
	top:0;
	z-index:99999;
}

.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
	font-size:16px !important;
}

nav.primary-menu-wrapper a{
	color:#339966 !important;
	font-size:17px !important; 
	text-transform:uppercase !important;
	font-weight:bold !important	
}

#menu-item-211 a{
	color:#fff !important; 
	padding:5px;
	margin-top:-5px !important;
	background:#339966
}

h3.c-accordion__title{
    font-size: 3.2rem !important;
		color:#339966 !important
}

li a{
	color:#339966	
}

h2{
	color:#339966
}

h1.entry-title{
color:#339966 ;
	text-transform:uppercase;
    font-size: 3.2rem !important;
}

.primary-menu > li > .icon{
	color:#339966 !important
}

.titelbild h2,
.titelbildunterseiten h2{
	background:rgba(51,153,102,0.95);
	color:#fff !important;
	font-weight:400;
	padding:5px 10px;
	display:block;
	box-shadow:5px 5px 15px rgba(0,0,0,0.3);
	max-width:100% !important;
}

h4 {
 color:#339966
}

.entry-content,.textwidget p,.widget-title {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
}

.primary-menu ul{
	background:#fff !important;
	box-shadow:3px 3px 17px rgba(0,0,0,0.2)
}

.primary-menu ul li a{
	color:#339966 !important;
}

ul.sub-menu li a{
	color:#333 !important;
	font-size:17px !important;
	text-transform:none !important;
}
.wp-block-media-text__media img{
	border:5px solid #fff;
	box-shadow:0 0 10px rgba(0,0,0,0.2)
}

.entry-content p,
.entry-content li{
	color:#322626;
	font-size:17px	
}

.leistungsuebersicht i{
 color:#339966;
	font-size:40px;
	float:left;
	position:relative;
	top:25px;
	margin-right:20px
}

.c-accordion__title:after {
    position: absolute;
    top: 50%;
    right: 10px;
    content: "+";
    color: #777;
    font-weight: 300;
    transform: translateY(-50%);
    font-size: 30px;
}

h2.c-accordion__title{
	font-size:20px !important;
	background:#fff;
	box-shadow:0 0 4px rgba(0,0,0,0.1);
	padding:20px 20px;
	transition:all 0.4s ease;
	border-radius:4px;
}

.c-accordion__content{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px !important;
}

.wp-block-pb-accordion-item{
	margin-bottom:-45px !important;
}

h2.c-accordion__title:hover:after,
.is-open h2.c-accordion__title:after{
	color:#fff !important
}

h2.c-accordion__title:hover,
.is-open h2.c-accordion__title{
	background:#339966;
	color:#fff;
}

h3{
	 color:#339966;	
}

.leistungsuebersicht h5{
	 color:#339966;
	font-size:20px;
	letter-spacing:0.3px
}

.leistungsuebersicht p{
	min-height:180px;
}
.titelbild h5,
.titelbildunterseiten h5{
	background:#339966;
	color:#fff !important;
	padding:5px 10px;
	display:initial;
	box-shadow:5px 5px 15px rgba(0,0,0,0.3)
}

.titelbild div.wp-block-cover__inner-container,
.titelbildunterseiten div.wp-block-cover__inner-container{
		top:-50px !important;
	position:relative;
max-width: 625px;	
}

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:#339966;
}

.home h1.entry-title{
display:none;
}

.spaltenjoe .wp-block-column{
	background:#fff;
	padding:30px;
	box-shadow:10px 10px 30px rgba(0,0,0,0.1);
	margin-top:-170px;
	z-index:1
}

.spaltenjoe h4{
	margin-top:10px !important
}

.spaltenjoe p,
.leistungsuebersicht p{
	font-size:17px;
}

.powered-by-wordpress{
	display:none;
}

footer{
	background:#339966 !important;
}

footer a{
	color:#000 !important
}

:focus{
	outline:none;
}

.acoord h3{
	font-size:32px !important;
}

#menu-item-211 a{
	color:#000;
	font-weight:bold;
}

h4{
	font-size:24px !important
}

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

#menu-karriere a{
	color:#339966;
	font-size:17px;
	text-decoration:none;
	transition:all 0.4s ease;
}

#menu-karriere a:hover{
	margin-left:5px
}

#menu-karriere,ul{
	list-style:square;
	margin-top:-7px
}

#site-footer{
	color:#322626;
	background:#339966 !important
}

#site-footer p,
#site-footer a,
#site-footer td{
	font-size:15px !important;
	color:#fff !important
}

#menu-item-491 a{
	color:red !important;
}

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link{
	background:#339966 !important;
	padding:15px 
}

#headkontakt{
	position:fixed;
	top:30%;
	right:25px;
	z-index:99999;
}

#headkontakt img{
	width:60px;
	border-radius:60px;
	padding:10px;
	border:5px solid #fff;
	box-shadow:0px 2px 6px rgba(0,0,0,0.2);
	opacity:0.7;
	transition: all 0.6s ease-in-out;	
	margin-bottom:10px;
}

#headkontakt img:hover{
	opacity:1;	
}

#headkontakt div{
	margin-bottom:-20px
}

#q1{
	background:#339966;
}

#q1:hover{
	transform: rotate(360deg);	
}

#q1:hover ~ .oeffnung{
	right:65px;
}

.oeffnung:hover{
	right:65px;
}

.oeffnung{
	position:absolute;
	font-size:13px;
	min-width:310px;
	right:-400px;
	top:-35px;
	text-align:left;
	background:rgba(51, 153, 102, 0.95);
	color:#fff;
	padding-top:12px;
	padding-right:3px;
	padding-bottom:8px;
	padding-left:15px;
	border-radius:8px;
	border:3px solid #fff;
	box-shadow:0px 2px 6px rgba(0,0,0,0.2);
	transition: all 0.6s ease-in-out;
	z-index:-1;
}

.oeffnung td{
	font-size:13px;
}

#q2{
	background:#5be39f;
}

#q2:hover{
	transform: rotate(360deg);	
}

#q2:hover ~ .partner{
	right:65px;
}

.partner:hover{
	right:65px;
}

.partner{
	position:absolute;
	font-size:13px;
	min-width:300px;
	right:-400px;
	top:80px;
	text-align:left;
	background:rgba(91, 227, 159, 0.95);
	color:#fff;
	padding-top:8px;
	padding-left:15px;
	padding-bottom:8px;
	border-radius:8px;
	border:3px solid #fff;
	box-shadow:0px 2px 6px rgba(0,0,0,0.2);
	transition: all 0.6s ease-in-out;
	z-index:-1;
}

#q3{
	background:#494949;
}

.kontakt a{
	color:#fff !important
}

#q3:hover{
	transform: rotate(360deg);	
}

#q3:hover ~ .kontakt{
	right:65px;
}

.kontakt:hover{
	right:65px;
}

.kontakt{
	position:absolute;
	font-size:14px;
	min-width:300px;
	right:-400px;
	top:135px;
	text-align:left;
	background:rgba(73, 73, 73, 0.95);
	color:#fff;
	padding-top:8px;
	padding-left:15px;
	padding-bottom:8px;
	border-radius:8px;
	border:3px solid #fff;
	box-shadow:0px 2px 6px rgba(0,0,0,0.2);
	transition: all 0.6s ease-in-out;
	z-index:-1;
}

#q4{
	background:#dc1111;
}

#q4:hover{
	transform: rotate(360deg);	
}

#q4:hover ~ .notdienst{
	right:65px;
}

.notdienst:hover{
	right:65px;
}

.notdienst{
	position:absolute;
	font-size:14px;
	min-width:300px;
	right:-400px;
	top:215px;
	text-align:left;
	background:rgba(220, 17, 17, 0.95);
	color:#fff;
	padding-top:8px;
	padding-left:15px;
	padding-bottom:8px;
	border-radius:8px;
	border:3px solid #fff;
	box-shadow:0px 2px 6px rgba(0,0,0,0.2);
	transition: all 0.6s ease-in-out;
	z-index:-1;
}

.notdienst a{
	color:#fff;
}

.footer-credits{
	display:block !important
}


#nummerbeimobil{
	display:none
}


@media only screen and (max-width: 999px){
	.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle,.toggle-text{
		color:#fff !important
	}	
	
	#headkontakt{
		display:none
	}
	
	.menu-modal.active{
		z-index:99999999999
	}	
	
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:#339966 !important
	}	
	.wp-block-columns .wp-block-column{
		flex-basis:100% !important	
	}
	
.wp-block-columns {
    flex-wrap: wrap !important;
}	
	.titelbild h2{
		display:none !important
	}
	.titelbild,.titelbildunterseiten{
		min-height:400px !important;
		height:300px !important;
		    background-attachment: scroll !important;
	}
	
	.footer-credits br{
		display:none !important
	}
	
	.footer-credits{
		display:block;
		width:100%;
		float:none;
	}
	
#nummerbeimobil{
	display:block;
	width:100%;
	background:#339966;
	color:#fff;
	text-decoration:none;
	text-align:center;
	position:fixed;
	right:0 !important;
	top:0;
	padding-top:5px;
	padding-bottom:5px;
	z-index:9
}	
	
	button.toggle{
		z-index:10
	}
	
	#nummerbeimobil a{
		color:#fff !important;
		text-decoration:none;
	}
	
	#site-footer .section-inner{
		display:block;
	}
	
	.titelbild div.wp-block-cover__inner-container{
		top:180px !important
	}
	.einsteigertext{
		margin-top:200px !important
	}	
}

@media only screen and (max-width: 760px){
	.titelbild{
		height:250px !important;
    	margin-top: -80px !important;		
		min-height:250px !important;
	}	
	
	.page-id-799 .titelbildunterseiten {
		background-position: center 70px !important;		
	}
	.titelbild h2, .titelbildunterseiten h2{
		font-size:50px !important
	}
	
	.coverinhalt img{
		display:none !important
	}
	
	.kraskacover{
		min-height:400px !important
	}
}