/*
 Theme Name:   DG Theme
 Description:  Child-Theme für Mein Theme
 Author:       DG
 Template:     raft
 Version:      1.0.0
*/

/* Hier kommen deine eigenen CSS-Regeln */
body {
	
}
* {
	box-sizing: border-box !important;
}
.wp-element-button{
	position: relative;
	font-size:var(--wp--preset--font-size--medium);
	padding: 0.8rem 4rem 0.8rem 2rem;
}
.wp-element-button:after {
	content: '';
	display:inline;
	border-left: 26px solid #ff2a2a;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    transform: rotate(-15deg) translateY(-62%);
    position: absolute;
    top: 50%;
    right: 1.1rem;
    bottom:auto;
    left: auto;

} 
b,strong{
	font-weight: 700;
}


.brief-bg{
	/*background: transparent url(/wp-content/uploads/2025/09/Brief-scaled.png) center center no-repeat;
	background-size: 100% auto;*/
	position: relative;
}

.brief-bg .img-bg{
	position: absolute;
	top:35%;
	right: 0;
	bottom: auto;
	left: 0;
	width: auto;
	height: auto;
	transform: translateY(-50%);
	z-index: -1;
}

.brief-bg .img-bg img{
	width: 100%;
	height: auto;
}

.wp-block-navigation-item__label{
	font-size: 700;
}

footer{
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
	width: var(--wp--style--global--wide-size);
	margin: 0 auto;
	padding: 3.25rem 5.25rem 5.25rem;
	border-top-left-radius:3.125rem;
	border-top-right-radius:3.125rem;
}
.wp-site-blocks>footer.wp-block-template-part>.wp-block-group.has-background{
 	margin: 0 !important;
 }

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

footer .wp-block-site-logo{
	margin-bottom:2rem;
}

footer p{
	line-height: 1.2em !important;
	color: var(--wp--preset--color--raft-fg);
}

footer .wp-block-social-link.wp-social-link {
	background-color: var(--wp--preset--color--raft-accent);
	transform: scale(1);
}
footer .wp-block-social-link.wp-social-link:hover {
	transform: scale(1.1);
}
footer .wp-block-social-link.wp-social-link a.wp-block-social-link-anchor {
	padding: 0.375rem;
	display: block;
}
footer .wp-block-social-link.wp-social-link a.wp-block-social-link-anchor svg {
	width: 1.5rem;
	height: 1.5rem;
	display: block;
}
.h1,h1{
	margin-top: 0;
}

.h2,h2{
	margin-top: 0;
}

.h3,h3{
	margin-top: 0;
}

.h4,h4{
	margin-top: 0;
	margin-bottom: 0.5rem;
	line-height: 1.25em;
}

.h5,h5{
	margin-top: 0;
}

.p,p{
	margin-top: 0;
	line-height: 1.4em;
	color: var(--wp--preset--color--raft-accent);
	
	+ h2,
	+ h3,
	div {
		margin-top: 6rem;
	}
}

.entry-content {
	.wp-block-buttons,
	.dg-compare-duo,
	> section {
		margin-bottom: 6rem;
		&:last-child {
			margin-bottom: 0;
		}
	}
}



.box-white {
	padding: 3rem 6rem;
	webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
	border-radius: 3.125rem;
	font-size: 1.25rem;
	font-weight: 400;
	color: var(--wp--preset--color--raft-accent);
	.wp-block-columns & {
		padding: 3rem;
	}
}
.wp-block-columns {
	.wp-block-column {
		&:first-child {
			.box-white {
				margin-left: 3rem;
			}
		}
		&:last-child {
			.box-white {
				margin-right: 3rem;
			}
		}
	}
}

.box-green {
	margin-top: 4rem;
	padding: 5rem 6rem;
	webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
	border-radius: 150px 150px 150px 150px / 50% 50% 50% 50%;
	font-size: 1.25rem;
	line-height: 1.3em;
	font-weight: 400;
	background: var(--wp--preset--color--raft-accent);
	color: var(--wp--preset--color--white);
	text-align: center;
	position: relative;
	&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		background: url(/wp-content/uploads/2025/09/Verschicken.png) center center no-repeat;
		width: 12rem;
		height: 12rem;
		background-size: contain;
		transform: translate(-50%,-60%) rotate(7deg);
	}
}

.wp-block-columns {
	gap: 6rem;
}