/*
 Theme Name:   CDU Andrea Schmitt
 Description:  Twenty Twenty-Five Child Theme
 Author:       triagonale
 Author URI: https://triagonale.de/
 Template:     twentytwentyfive
 Version: 1.0
*/

 :root {
    --wp--preset--font-family--heading: 'Inter',sans-serif;
    
	--union-schwarz: #1B191D; 
	--union-rot: #BF111B; 
	--union-gelb: #FFA600; 
	--roehndorf-100: #2D3C4B;
	--roehndorf-60: #737986;
	--roehndorf-25: #BEC1C7;
	--roehndorf-10: #E5E5E9;
	--cadennabia-100: #52B7C1;
	--cadennabia-60: #A7D5DC;
	--cadennabia-25: #DDEEF1;
	--cadennabia-10: #F2F8FA;

} 

/* ---------------------------------------------------------------- */
/* Typografie */
/* ---------------------------------------------------------------- */

header, main, footer {
	position: relative;
}
header {z-index: 3;}

*,
h1, h2, h3, h4, h5, h6 {

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

}


h1 {
	font-weight: 700;
	font-size: 2.5rem;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display: inline;
	background: var(--roehndorf-100);
	color: #fff !important;
	box-shadow: -8px 0 0 8px #2D3C4B,8px 0 0 8px #2D3C4B,0 0 0 8px #2D3C4B;
	position: relative;
	left: 17px;
	line-height: 1.45;
}

:root :where(h2),
h2 {
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 1.4;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display: inline;
	background: var(--roehndorf-100);
	color: #fff !important;
	box-shadow: -3px 0 0 5px #2D3C4B,3px 0 0 8px #2D3C4B,0 0 0 8px #2D3C4B;
	margin-left: 7px;
}

h3, h4 {
	margin-block-end: 0;
}

main .goldgruppe h3 {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display: inline-block;
	background: var(--union-gelb);
	box-shadow: -3px 0 0 5px #FFA600,3px 0 0 8px #FFA600,0 0 0 8px #FFA600;
	margin-left: 7px;
	padding-block-start: 0;
	margin-block-start: -1rem;
}

/* Header */

header {
	position: sticky;
	top: 0;
}

header a:hover {
	text-decoration: none;
}

header a.wp-block-navigation-item__content:hover {
	color: var(--roehndorf-100) !important;
}

.heading-wrapper {

}


.pseudo-heading {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.4;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display: inline;
	background: var(--roehndorf-100);
	color: #fff !important;
	box-shadow: -3px 0 0 5px #2D3C4B,3px 0 0 8px #2D3C4B,0 0 0 8px #2D3C4B;
}

.subline-block {
	font-weight: 500;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display: inline;
	background: #fff;
	color: var(--roehndorf-100) !important;
	box-shadow: -2px 0 0 4px #fff,2px 0 0 7px #fff,0 0 0 7px #fff;
	margin-left: 9px !important;
	margin-top: 11px !important;
	text-wrap: nowrap;
}



a {transition: all 0.1s ease-in;}

main a:where(:not(.wp-element-button)):hover {
	opacity: 0.5;
}

.wp-block-separator {
	border-width: 0 0 2px 0;
}

.has-x-large-font-size {
	line-height: 1.25;
}
.has-x-large-font-size {
	line-height: 1.25;
}

.wp-block-details summary {
	font-weight: 700;
}

footer {margin-block-start: 0;}

/* Zusatzelemente */

.step-up {
	margin-block-start: -4rem !important;
	margin-block-end: 4rem;
}

/* Typographie responsiv */

@media (max-width:48rem) /* 768px */ {

	h1 {
		font-size: 2rem;
		box-shadow: -5px 0 0 3px #2D3C4B,3px 0 0 3px #2D3C4B,0 0 0 3px #2D3C4B;
		left: 7px;
		top: 1rem;
		line-height: 1.25;
	}
	h2 {
		font-size: 1.25rem !important;
	}

	.subline-block {
		margin-left: 6px !important;
		margin-top: 26px !important;	
	}

	.step-up {
		margin-block-start: -3rem !important;
		margin-block-end: 3rem;
	}

	.pseudo-heading {
		font-size: 1rem;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		display: inline;
		box-shadow: -3px 0 0 5px #2D3C4B,3px 0 0 8px #2D3C4B,0 0 0 8px #2D3C4B;
		margin: 1rem 1rem !important;
	}

	div.mobil_umgekehrt {
		flex-direction: column-reverse;
	 }

}

/* Vorschau-Kacheln */

.wp-block-query .preview-hero {
	position: relative;
	aspect-ratio: 4 / 3;
	background-color: var(--roehndorf-25);
}

.wp-block-query a {
	text-decoration: none;
}

.wp-block-query .heading-wrapper {
	z-index: 2;
	position: absolute;
	bottom: 0;
	padding-bottom: 0;
	width: 90%;
}

.wp-block-query h3 {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display: inline;
	background: #fff;
	color: var(--roehndorf-100);
	margin-block-start: 0;
	margin-block-end: 0;
	margin-left: -1px;
	box-shadow: -1px 0 0 5px #fff,3px 0 0 5px #fff,0 0 0 5px #fff;
	word-break: break-word;
	padding-block-start: 0;
}

/* Footer */

footer nav a:before {
	content: '';
	background-image: url('./assets/icons/chevron-right-solid.svg');
	background-size: 15px 15px;
	height: 15px;
	width: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	position: relative;
	top: 2px;
}

/* Sonderelemente Schmitt26 */

.cdu-dreieck {
	background-image: url(https://schmitt26.de/wp-content/uploads/2025/12/cdu-dreieck.png);
	background-repeat: no-repeat;
	background-size: 20%;
	background-position-y: bottom;
	background-position-x: left;
}

@media (max-width:100rem) {
	.cdu-dreieck {
		background-image: none;
	}
}