/*
 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:#242954 !important;
	font-size:17px !important; 
	text-transform:uppercase !important;
	font-weight:bold !important;
	letter-spacing:0.5px
}

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

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

li a{
	color:#009aa3	
}

h2{
	color:#242954;
	font-size:40px;
	text-transform:uppercase;
	font-style: italic
}

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

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

.titelbild h2,
.titelbildunterseiten h2{
	color:#fff !important;
	font-weight:400;
	max-width:100% !important;
	font-size:70px !important;
	font-style: italic;
	text-shadow:3px 3px 10px rgba(0,0,0,0.4);
	letter-spacing:-4px !important
}

.site-logo img{
	max-height:19rem !important;
	margin-bottom:-100px !important;
	margin-top:-10px !important;
	transition:all 0.4s ease;
}

.shrink .site-logo img{
	margin-top:-50px !important	
}

h4 {
 color:#009aa3
}

.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:#009aa3 !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
}

.kraskacover{
	min-height:80vh !important;
	margin-top:-180px !important;
	position:relative;
	z-index:1;
	box-shadow:0 0 20px rgba(0,0,0,0.2)
}

.coverinhalt li,
.coverinhalt p{
	color:#fff !important	
}

.coverinhalt{
	padding-top:50px
}

.coverinhalt img{
	position:relative;
	top:-170px;
	min-width:450px
}

.leistungsuebersicht i{
 color:#009aa3;
	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:#009aa3;
	color:#fff;
}

h3{
	 color:#009aa3;	
}

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

.leistungsuebersicht p{
	min-height:180px;
}
.titelbild h5,
.titelbildunterseiten h5{
	background:#009aa3;
	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:#009aa3;
}

.footer-credits {
    display: block ruby !important;
}

.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:#242954 !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:#009aa3;
	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
}

#menu-item-806 a{
	color:#242954 !important
}

#menu-item-806 a:before{
	content:"\f879";
	margin-right:10px;
	font-family: "Font Awesome 5 Free";
}

#site-footer{
	color:#322626;
	background:#242954 !important;
	padding-top:80px
}

#site-footer p,
#site-footer a,
#site-footer td,
#liste{
	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:#009aa3 !important;
	padding:15px 
}

.is-style-outline .wp-block-button__link{
	background:none !important;
	transition:all 0.4s ease;
}

.is-style-outline .wp-block-button__link:hover{
	text-decoration:none;
	background:#009aa3 !important;	
}

.leistungeneinklinker p{
	margin-bottom:-50px !important	
}

.leistungeneinklinker .wp-block-cover{
	transition:all 3.5s ease;
}

.leistungeneinklinker .wp-block-cover:hover{
	background-position:90% !important
}

#nummerbeimobil{
	display:none
}

/** RESPONSIVE **/


@media only screen and (max-width: 1220px){
	.coverinhalt img {
    	min-width: 0px; 
	}
	
}

@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
	}	
	
	.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:#242954 !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:#242954;
	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
	}
}