/*
 Theme Name:   twentytwentyfour-child
 Description:  Child Theme
 Author:       Mila Biehlman
 Template:     twentytwentyfour
 Version:      1.0
 Text Domain:  twentytwentyfour-child
*/

@font-face {
    font-family: 'Philosopher';
    src: url('Philosopher-Bold.woff2') format('woff2'),
        url('Philosopher-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.woff2') format('woff2'),
        url('OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Bold.woff2') format('woff2'),
        url('OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*---------------------------------------ALLGEMEIN----------------------------------------*/

body {
	transition: 250ms;
}
/*
div.wp-site-blocks:before {
	transition: 250ms;
	background: url(https://grainy-gradients.vercel.app/noise.svg);
	mix-blend-mode: color-burn;
	content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
*/

a.wp-block-button__link {
	transition: 250ms;
}
a.wp-block-button__link:hover {
	background: var(--wp--preset--color--custom-dunkelgrau)!important;
	transition: 250ms;
}

:where(.wp-site-blocks *:focus) {
    outline-width: 0px!important;
    outline-style: solid;
}




/*---------------------------------------LOGO----------------------------------------*/

.logo-subline{
	margin-top: -3px!important;
	transition: 250ms;
}

.logo-subline a{
	font-family: var(--wp--preset--font-family--philosopher);
	text-decoration: none;
	 font-weight: bold;
	font-size: 1.1em;
	line-height: 90%;
}
.logo-subline a span{
	display:block;
	font-weight: normal;
}

/*---------------------------------------STARTSEITE----------------------------------------*/

.startseite-cover{
	
}
.startseite-cover .wp-block-cover__inner-container{
	max-width: 1180px;
	margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

.startseite-cover .wp-block-cover__inner-container p{
	max-width: 500px;
}

.page-id-9 h2#h1{
    margin: 80px 0 40px 0;
}



/*---------------------------------------NAVI----------------------------------------*/


.main-navi li a.wp-block-navigation-item__content {
	font-size:14px;
}

.logo-top{
	gap:10px!important;
	transition: 250ms;
}
.logo-top:hover .logo-subline{
	color: var(--wp--preset--color--custom-brown);
	transition: 250ms;
}

.main-navi .current-menu-item.wp-block-navigation-link a{
    border-bottom: 2px solid var(--wp--preset--color--custom-brown)!important;
    padding: 4px 0;
}

.main-navi .wp-block-navigation-item.has-child:hover a{
    border-bottom: 2px solid transparent!important;
    padding: 4px 0;
}
.main-navi .wp-block-navigation-submenu .wp-block-navigation-item{
    border-bottom: 2px transparent!important;
    padding: 0px 10px;
    line-height: 2em;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #fff;
    border: none;
}

.main-navi .wp-block-navigation-submenu .wp-block-navigation-item:hover a{
	color:var(--wp--preset--color--custom-brown);
}

.main-navi .wp-block-navigation .wp-block-navigation-item:focus {
    outline-width:0!important;
}
.main-navi .wp-block-navigation .wp-block-navigation-item a:focus {
    outline-width:0!important;
}

.main-navi .wp-block-navigation .wp-block-navigation-item:hover a{
	text-decoration: none!important;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
	height: auto;
    width: 150px;
	min-width:auto;
}


/*---------------------------------------TEASERBOX START----------------------------------------*/

.teaserbox-startseite {
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    overflow: hidden;
    border: 5px solid white;
}

.teaserbox-startseite:hover > p.has-philosopher-font-family a {
    transform: scale(1.12);
	transition: 300ms;
}

.teaserbox-startseite:hover img {
    transform: scale(1.12);
	transition: 300ms;
}

  

.teaserbox-startseite p{
	margin-top:0!important;
}

.teaserbox-startseite p a{
    font-size: 0.8em!important;
	text-decoration: none!important;
	margin-bottom: 0!important;
	padding-bottom: 11px!important;
    display: block!important;
}

.teaserbox-startseite p.has-philosopher-font-family a{
	font-family: var(--wp--preset--font-family--philosopher) !important;
	font-size: 1.5em!important;
	margin-top:0!important;
	margin-bottom: 0!important;
	padding-top:15px!important;
	line-height: 1em!important;
	padding-bottom: 5px !important;
	transition: 250ms;
}

.teaserbox-startseite figure{
	overflow:hidden;
	transition: 250ms;
}

.teaserbox-startseite img{
	max-height: 260px;
    object-fit: cover;
	transition: 250ms;
}




/*---------------------------------------CONTENT----------------------------------------*/

main.wp-block-group {
	margin-top:0!important;
}

.entry-content .header-cover {
	margin-bottom: 4em!important;
}

body.page-id-223 .entry-content .header-cover {
	margin-bottom: 0em!important;
}

main .wp-block-columns figure.wp-block-image:hover img {
	transform:scale(1.1);
	transition:250ms;
}
main .wp-block-columns figure.wp-block-image {
	overflow:hidden;
	transition:250ms;
}



main ul.wp-block-list li::marker {
    content: "›  ";
    color: #b48b5f;
    font-size: 1.5em;
    line-height: 1.2em;
}







/*---------------------------------------PROCEDERE----------------------------------------*/

.teaserbox-startseite.box-procedere {

}
.teaserbox-startseite.box-procedere img{
	max-height: none;
}

.teaserbox-startseite.box-procedere p.has-philosopher-font-family a {
	    padding-bottom: 15px !important;
}


.zeile-procedere {
	
}

.zeile-procedere > p{
	font-size: 3em;
	min-width: 40px;
}
.zeile-procedere > div{
	gap:3px!important;
	padding-bottom: 20px!important;
}

.zeile-procedere > div > p:nth-child(1){
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.3px;
}
.zeile-procedere > div > p:nth-child(2){
	    font-size: 0.9em;
    line-height: 140%;
}


/*---------------------------------------UNTERSEITE----------------------------------------*/

.unterseite-header > p,
.unterseite-header > h2{
	text-shadow: 1px 1px 21px #0000004f;
}

.unterseite-header{
padding: 30px 20px;
    backdrop-filter: blur(3px);
	max-width: 500px;
}

/*---------------------------------------ACCORDION----------------------------------------*/


.ea-card.sp-ea-single.ea-expand h3 a{
    color:var(--wp--preset--color--custom-gr-n-h-1)!important;
}
.ea-card.sp-ea-single.ea-expand .ea-body{
    padding-top:0!important;
}

#sp-ea-437.sp-easy-accordion>.sp-ea-single {
	border-bottom:1px solid rgba(0,0,0,0.25);
}

#sp-ea-437.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon



/*---------------------------------------FORMS----------------------------------------*/

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
    background-color: transparent!important;
    border-radius: 0px!important;
    border-color: rgb(111 111 111 / 35%)!important;
}

.wpforms-container .wpforms-field-label, .wp-core-ui div.wpforms-container .wpforms-field-label {
    font-weight: 400!important;
    font-size: 0.9em !important;
    text-transform: uppercase;
    margin-bottom: 8px !important;
    letter-spacing: 0.5px!important;
}
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    /* background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); */
    border-radius: 20px!important;
    padding: 0px 21px!important;
    font-size: 14px!important;
	background-color: var(--wp--preset--color--custom-brown)!important;}





/*---------------------------------------404 ERROR----------------------------------------*/


body.error404 main h1{
line-height: 90%;
	font-size:1.8em;
	margin-bottom: 1em;
}

body.error404 footer {
position: fixed!important;
bottom: 0!important;
width: 100%!important;
}





/*---------------------------------------FOOTER----------------------------------------*/

footer{
	margin-top:0!important;
}

.footer-navi{
	gap: 2em;
}

.footer-navi a{
	
}
 
.footer-navi p{
	line-height: 190%;	
}

.links-footer{
	gap:0;
}

.links-footer a{
	line-height: 190%!important;
    display: block;
}







/*---------------------------------------MEDIA QUERY----------------------------------------*/


@media only screen and (max-width: 600px) {
	
	footer .wp-block-spacer {
		display:none;
	}
	.footer-navi {
		padding-top:10px;
	}
	
	body.home .unterseite-header .wp-block-buttons{
		display:none;
	}
	
	main p.has-white-background-color {
		    padding-top: 30px!important;
    padding-bottom: 30px!important;
	}
	
	.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax {
    background-attachment: unset!important;
    background-size: cover;
}
	
	body.page-id-223 .wp-block-cover.alignfull{
		   padding-top: 20px!important;
		padding-bottom: 20px!important;
	}
	
	body.page-id-223 .wp-block-cover.alignfull p.has-custom-brown-color {
		font-size: 20px!important;
	}
	
	.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
		padding-left:0px!important;
		min-width:300px!important;
		        padding-top: 5px !important;
	}
	.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li{
		padding-left:3px!important;

	}
	.main-navi .wp-block-navigation-submenu .wp-block-navigation-item a{
		font-size:1.1em!important;
		line-height:1.5em!important;
	}

	
	.entry-content .header-cover {
    margin-bottom: 4em !important;
    min-height: 200px !important;
    background-attachment: inherit;
}
	
  .main-navi li a.wp-block-navigation-item__content {
		font-size: 22px!important;
		margin-bottom: 5px!important;
	}
	
	:where(.wp-block-button .wp-block-button__link) {
    padding-right: 1.5em!important;
    padding-left: 1.5em!important;
	}
	
	.wp-block-cover{
	padding-right: var(--wp--style--root--padding-right)!important;
    padding-left: var(--wp--style--root--padding-left)!important;
	}
	
	.footer-container{
	display: flex;
    flex-direction: column!important;
	}
	.footer-navi {
		gap: 1em;
	}
	.footer-container > div:nth-child(1){
		display: none!important;
	}
	.footer-navi > div:nth-child(3){
		width: 100%!important;
    border-top: 1px solid rgba(255,255,255,0.35)!important;
    padding-top: 1.5em!important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.teaserbox-startseite {
        flex-basis: 40% !important;
    }
	.teaserbox-startseite {
		border: 3px solid white!important;
		
	}
	.teaserbox-container{
		gap: 10px!important;
		margin-left: -17px !important;
        margin-right: -17px !important;
		margin-bottom: 3em!important;
        margin-top: 3em!important;
	}
	.teaserbox-startseite img {
    max-height: 160px!important;
	}

	.teaserbox-startseite.box-procedere {
		/*border: 3px solid white!important;
		border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
		margin-top: 1em!important;*/
		display: none;
	}
	h2.procedere-h{
		        padding-top: 1.5em !important;
        padding-bottom: 1em !important;
        font-size: 2em !important;
	}
	.teaserbox-startseite.box-procedere img {
    max-height: 220px!important;
	}
	.teaserbox-startseite p.has-philosopher-font-family a {
		padding-bottom: 0px !important;
	}
	.logo-subline a {
    font-size: 1.1em!important;
    line-height: 80%;
	}
	
	.unterseite-header > p,
	.startseite-cover p.has-open-sans-font-family{
		font-size: 0.9em;
		text-shadow: 1px 1px 21px #0000004f;
	}
	.startseite-cover a.wp-block-button__link.wp-element-button{
		font-size: 0.85em!important;
	}
	.startseite-cover p.has-philosopher-font-family{
		font-size: 2em !important;
        line-height: 100%;
		    text-shadow: 1px 1px 21px #0000004f;
	}
	.unterseite-header {
		padding: 10px 15px!important;
	}
	
	.wp-block-site-logo > a > img {
		width:40px!important;
	}
	
	main h2 {
		line-height: 110%!important;
		font-size: 1.8em!important;
	}
	.startseite-cover {
		    margin-bottom: 2em;
	}
	.startseite-cover.wp-block-cover {
		   min-height: 360px!important;
	}
	nav.main-navi.wp-block-navigation__responsive-container{
		position: relative;
	}
	nav.main-navi .wp-block-navigation__responsive-container{
		overflow: hidden;
	}
	nav.main-navi .wp-block-navigation__responsive-container{
		background: var(--wp--preset--color--custom-gr-n-h-1)!important;
		color:#fff!important;
	}
	nav.main-navi .wp-block-navigation__responsive-container:before{
		position: absolute;
		bottom:-50px;
		right:-50px;
		width:150px;
		height:150px;
		background:url("https://psychotherapie-gerberstrasse.de/wp-content/uploads/2025/01/logo_3.png");
		background-size:cover;
		content:"";
	}
	.block-procedere {
		margin-top: 4em!important;
	}
	
	.unterseite-header h2 {
		font-size:2em!important;
	}
	.block-kontakt .teaserbox-startseite img {
        max-height: 230px !important;
    }
	
	.sp-easy-accordion .sp-ea-single .ea-header a {
		font-size: 18px!important;
		line-height: 25px!important;
	}
    .page-id-9 h2#h1{
        margin: 60px 0 20px 0;
    }

}




@media only screen and (min-width: 601px) {
	.main-navi .wp-block-navigation .wp-block-navigation-item a{
    padding: 4px 0; 	
	border-bottom: 2px solid rgba(255,255,255,0.00);
}
.main-navi .wp-block-navigation .wp-block-navigation-item:hover a{
    padding: 4px 0;
	text-decoration: none!important;
	border-bottom: 2px solid var(--wp--preset--color--custom-brown);
}
    .teaserbox-container {
    margin: 60px 0 80px;
} 
    
.block-procedere {
    margin-top: 100px!important;
}

	
}



.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
	display:none!important;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
    width: 170px;
}