@import url('./variables.css');

/* Block Klassen - Breiten */

:where(.wp-block-columns.is-layout-flex) { gap:24px; }

.is-content-justification-right { justify-self:flex-end; }

:where(.is-layout-grid) { gap:24px; }

.wp-block-column > h2:only-child { margin-bottom:0; }

.border_color { border:1px solid var(--color_celeste); }

p.border_left_quote { border-left:1px solid var(--color_celeste); padding-left:20px; }

.hidden { display:none; }
.block { display:block; }
.flex { display:flex; }

.invisible { opacity:0; pointer-events:none; }
.gap_20px { gap:20px; }
.gap_12px { gap:12px; }
.gap_70px { gap:70px; }
.gap_140px { gap:24px; }
.xl-mb-48 { margin-bottom:32px; }
.padding-b-22 { padding-bottom: 22px; }
.round_corner { border-radius:24px; overflow:hidden; 
	& > img { width:100%; height:100%; object-fit:cover; }
}
.padding-y-96 { padding-top:96px; padding-bottom:96px; }
.padding-y-86-x-64 { padding:64px 86px; }
.padding-t-81-96-96 { padding-top:81px; }
.padding-b-81-96-96 { padding-bottom:81px; }
.padding-b-40-64-96 { padding-bottom:40px; }
.padding-t-40-64-96 { padding-top:40px; }
/* .padding-x-16-40-0 { padding-left:16px; padding-right:16px; } */
.padding-l-24-32-46 { padding-left:24px; }
.padding-r-24-32-46 { padding-right:24px; }
 
.margin-b-80-96-0 { margin-bottom:40px; }
.margin-t-80-96-0 { margin-top:40px; }

.wp-block-columns { width:100%; }

.paperplane.wp-block-button {
	& > a { position:relative; display:flex;
		&:before { content:' '; width:16px; height:16px; margin-right:20px; display:block; align-self:center;
			background-image:url('/wp-content/themes/eidam/assets/gfx/icon-nachricht-alt-white.svg'); background-position:center; background-repeat:no-repeat; background-size:contain; color:blue;
		}
		&.has-clover-color:before { background-image:url('/wp-content/themes/eidam/assets/gfx/icon-nachricht-alt.svg'); }
	}
}

.arrow_right.wp-block-button { 
	& > a { position:relative; display:flex;
		&:after { content:' '; width:16px; height:16px; margin-left:20px; display:block; align-self:center;
			background-image:url('/wp-content/themes/eidam/assets/gfx/arrow_right_white.svg'); background-position:center; background-repeat:no-repeat; background-size:contain; color:blue;
		}
		&.has-clover-color:after { background-image:url('/wp-content/themes/eidam/assets/gfx/arrow_right_clover.svg'); }
	}
}

.opentime_box_footer { position:relative; background-color: var(--color_oliver_drab); border-radius:24px; padding:12px 24px 12px 72px; flex-direction:column;
	&:before { width:24px; height:24px; content:' '; top:50%; margin-top:-12px; left:24px; position:absolute; background-repeat:no-repeat; background-position:50% 50%; background-image:url('/wp-content/themes/eidam/assets/gfx/icon-wartezeit.svg'); }
	p { font-size:18px; line-height:28px; color:var(--color_caper); margin:0 !important; font-weight:bold; }
	& > p:first-child { font-size:16px; line-height:24px; color:var(--color_eagle); font-weight:normal; }
}

a.has-background-color { transition:all 0.2s; }
a.has-919484-background-color:hover { background-color:rgb(113 117 100); }

.wp-block-button.is-style-outline { font-weight:600;
	.has-limedash-color { transition:all 0.2s; 
		&:hover { background-color:rgb(113, 117, 100); color:white !important; border-color:rgb(113, 117, 100) !important; }
	}	
}

.wp-block-buttons>.wp-block-button { display: inline-block; margin: 0; }
:where(.wp-block-button__link) { border-radius:9999px; box-shadow:none; padding:calc(.667em + 2px) calc(1.333em + 2px); text-decoration:none; }
.wp-block-button__link { align-content: center; box-sizing: border-box; cursor: pointer; display: inline-block; height: 100%; text-align: center; word-break: break-word; }
	
.cols_behandlungen {
	.wp-block-buttons { margin-top:32px; }
	p { color:var(--color_clover_80); }
	h3 { color:var(--color_clover); }
	.wp-element-button { background-color:white; color:var(--color_clover); font-weight:var(--fontWeight_semi_bold); }
	.arrow_right.wp-block-button > a:after { background-image:url('/wp-content/themes/eidam/assets/gfx/arrow_right_clover.svg'); }
}

.entry-content { 
	& > .alignwide { max-width:var(--wide_width); }
	& > .alignfull { max-width:100% !important; }
	& > .wp-block-group { --wp--style--global--content-size:1160px; 
		
	} 
}

.entry-content {
	& > .wp-block-group { padding-left:16px; padding-right:16px; }
}

.inset_default { padding:80px 24px 40px 24px !important; }
.block-icon-text { display:flex; gap:16px; align-items:center; justify-content:flex-start; padding:22px 16px; border:1px solid rgba(255, 255, 255, 0.2); border-radius:24px;
	color:white; font-size:14px; line-height:17.5px; font-weight:var(--fontWeight_semi_bold); 
	img { width:24px; height:auto; }
}

@media screen and (min-width:768px) {

	.inset_default { padding:112px 56px 64px 56px !important; }
	
	.wp-block-group.is-layout-grid {
		& > .round_corner.has-background {
			padding-left:120px; padding-right:120px;
		}
	}
	
	.padding-t-81-96-96 { padding-top:81px; }
	.padding-b-81-96-96 { padding-bottom:81px; }
	/* .padding-x-16-40-0 { padding-left:40px; padding-right:40px; } */
	.padding-b-40-64-96 { padding-bottom:64px; }
	.padding-t-40-64-96 { padding-top:64px; }
	
	.margin-b-80-96-0 { margin-bottom:96px; }
	.margin-t-80-96-0 { margin-top:96px; }
	
	.md\:none { display:none; }
	.md\:block { display:block; }
	
	.padding-l-24-32-46 { padding-left:32px; }
	.padding-r-24-32-46 { padding-right:32px; }
	
	.cols_behandlungen .wp-block-buttons { margin-top:46px; }
	
}

@media screen and (min-width:1200px) { 
	
	body {
		--wp--style--global--content-size:1320px;
	}
	
	.inset_default { padding:96px !important; }
	
	.entry-content {
		& > .wp-block-group { padding-left:0; padding-right:0; }
		& > *:not(.alignwide) { max-width:var(--wp--style--global--content-size); margin-left:auto; margin-right:auto;}
	}
	
	/* .padding-x-16-40-0 { padding-left:0px; padding-right:0px; } */
	.padding-b-40-64-96 { padding-bottom:96px; }
	.padding-t-40-64-96 { padding-top:96px; }
	
	.xl-mb-48 { margin-bottom:48px; }
	
	.gap_140px { gap:140px; }
	
	.xl\:none { display:none; }
	.xl\:block { display:block; }
	
	.padding-l-24-32-46 { padding-left:46px; }
	.padding-r-24-32-46 { padding-right:46px; }
	
}

@media screen and (min-width:1400px) {
	
	body {
		--wp--style--global--content-size:1400px;
	}
	
}

.xs-block { display: block; }
.md-block,
.xl-block { display: none; }

@media (min-width:782px) {
	.xs-block { display: none; }
	.md-block { display: block; }
}

@media (min-width:1200px) {
	.md-block { display: none; }
	.xl-block { display: block; }
}