/* Colors */

:root {
	--schwoebel-gelb: #FCCD03;
}


/* General settings */

.wp-site-blocks,
.editor-styles-wrapper {
	padding: 0 60px 0 60px !important;
	max-width: 1600px;
	margin: 0 auto 0 auto;
}

@media screen and (max-width: 1000px) {
	.wp-site-blocks,
	.editor-styles-wrapper {
		padding: 0 20px 0 20px !important;	
	}  
}

/* Font settings */

.wp-site-blocks h1, h1.wp-block-heading {
	font-size: 1.75rem;
	font-size: clamp(1.75rem, 1.53125rem + 1.09375vw, 2.625rem);
	line-height: 2.1875rem;
	line-height: clamp(2.1875rem, 1.9140625rem + 1.3671875vw, 3.28125rem);
	font-weight: 900;
	text-transform: uppercase;
}

.wp-site-blocks h2, h2.wp-block-heading {
	font-size: 1.5rem;
	font-size: clamp(1.5rem, 1.3125rem + 0.9375000000000001vw, 2.25rem);
	line-height: 1.875rem;
	line-height: clamp(1.875rem, 1.640625rem + 1.171875vw, 2.8125rem);
	font-weight: 900;
	text-transform: uppercase;
}

.wp-site-blocks h3, h3.wp-block-heading {
	font-size: 1.25rem;
	font-size: clamp(1.25rem, 1.171875rem + 0.390625vw, 1.5625rem);
	line-height: 1.5625rem;
	line-height: clamp(1.5625rem, 1.46484375rem + 0.48828125vw, 1.953125rem);
	font-weight: 900;
}

.wp-site-blocks h4, h4.wp-block-paragraph {
	font-size: 1rem;
	font-size: clamp(1rem, 0.875rem + 0.625vw, 1.5rem);
	line-height: 1.25rem;
	line-height: clamp(1.25rem, 1.09375rem + 0.78125vw, 1.875rem);
}

.wp-site-blocks p, p.wp-block-paragraph {
	font-size: 1rem;
	font-size: clamp(1rem, 0.875rem + 0.625vw, 1.5rem);
	line-height: 1.5rem;
	line-height: clamp(1.5rem, 1.3125rem + 0.9375000000000001vw, 2.25rem);
}

.wp-block-post-content > p {
	text-align: justify;
	hyphens: auto !important;
	-webkit-hyphens: auto;	
}


.block-editor-block-list__layout .block-editor-block-list__block ul,
.wp-block-post-content ul,
body .is-layout-constrained ul {
	padding-left: 0 !important;
	margin-left: 0 !important;
	margin-left: 1.5rem !important;
	margin-left: clamp(1.5rem, 1.3125rem + 0.9375000000000001vw, 2.25rem) !important;
}

.wp-block-post-content li {
	font-size: 1rem;
	font-size: clamp(1rem, 0.875rem + 0.625vw, 1.5rem);
	line-height: 1.5rem;
	line-height: clamp(1.5rem, 1.3125rem + 0.9375000000000001vw, 2.25rem);
	margin-bottom: 0.25rem;
	margin-bottom: clamp(0.25rem, -0.05379746835443039rem + 0.6329113924050633vw, 0.5rem);
	padding-left: 1rem;
	padding-left: clamp(1rem, 0.875rem + 0.625vw, 1.5rem);
}

strong {
	font-weight: 900;
}


/* Header */

.schwoebel-header {
	justify-content: space-between;
	margin: 40px 0 50px 0;
}

@media screen and (max-width: 768px) {
	.schwoebel-header {
		margin: 10px 0 20px 0;
	}
}


.schwoebel-logo img {
    width: 29vw;
    max-width: 300px;
    min-width: 150px;
}

/* Footer */

@media screen and (max-width: 400px) {
	.schwoebel-footer-navigation > ul {
		gap: 0.625rem;
		font-size: 0.875rem;
	}
}

/* Nav */

@media screen and (max-width: 1000px) {
  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}

.schwoebel-navigation .wp-block-navigation__responsive-container-content {
	gap: 1vw;
}

.schwoebel-navigation ul {
	flex-wrap: nowrap;
}

.schwoebel-navigation a { 
	font-size: 0.875rem;
	font-size: clamp(0.875rem, 0.33333333333333337rem + 1.3333333333333333vw, 1.5rem);
	font-weight: 900;
	text-transform: uppercase;
	padding: 3px 6px 3px 6px;
}
	
.schwoebel-navigation a:hover {
	color: var(--schwoebel-gelb);
}

.schwoebel-navigation .current-menu-item a {
	background: var(--schwoebel-gelb);	
}

.schwoebel-navigation .current-menu-item a:hover {
	color: #000;
}


.schwoebel-navigation .wp-block-navigation__responsive-container {
	height: 100%;
	animation: fadeIn 0.5s;
	background-color: var(--schwoebel-gelb) !important;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@media screen and (max-width: 1000px) {

	.schwoebel-navigation .wp-block-navigation__responsive-close,
	.schwoebel-navigation .wp-block-navigation__responsive-dialog,
	.schwoebel-navigation .wp-block-navigation__responsive-container-content {
		height: 100%;
		padding: 0 !important;
	}

	.schwoebel-navigation ul {
		width: 100%;
		align-content: center !important;
		justify-content: center !important;
	}

	.schwoebel-navigation button.wp-block-navigation__responsive-container-close {
		margin-top: 20px;
	}

	.schwoebel-navigation li {
		align-self: center;
	}

	.schwoebel-navigation a { 
		font-size: 6vw;
		line-height: 12vw;
	}
	
	.schwoebel-navigation a:hover {
		color: #000;
		text-decoration: underline;
	}	
}

/* Leistungen */

.schwoebel-leistungen {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.schwoebel-leistungen > figure {
    margin: 0 !important;
    width: 24%;
    padding-bottom: 20px;
}

@media screen and (max-width: 1000px) {
	.schwoebel-leistungen > figure {
		width: 49%;
	}	
}

@media screen and (max-width: 600px) {
	.schwoebel-leistungen > figure {
		width: 100%;
	}	
}

/* Logos */

.schwoebel-logos {
    display: grid;
    grid-template-columns: 14% 14% 14% 14% 14% 14%;
    column-gap: 3.2%;
    row-gap: 20px;
    border: 2px solid var(--schwoebel-gelb);
	padding: 20px;
}

@media screen and (max-width: 1000px) {
	.schwoebel-logos {
		grid-template-columns: 22% 22% 22% 22%;
		column-gap: 4%;
	}
}

.schwoebel-logos figure {
	margin: 0 !important;
}

/* Team */

.schwoebel-team {
	border: 2px solid var(--schwoebel-gelb);
}

/* Team Galerie */

.schwoebel-team-galerie {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    column-gap: 1.333333%;
    row-gap: 20px;
}

@media screen and (max-width: 1000px) {
	.schwoebel-team-galerie {
		grid-template-columns: 32% 32% 32%;
		column-gap: 2%;		
	}
}

@media screen and (max-width: 600px) {
	.schwoebel-team-galerie {
		grid-template-columns: 49% 49%;
		column-gap: 2%;		
	}
}


.schwoebel-team-galerie figure {
    margin: 0 !important;
}

/* Beratung */

.schwoebel-beratung {
    display: grid;
    grid-template-columns: 30% 30% 36%;
	grid-template-rows: auto;
    column-gap: 2%;
	row-gap: 20px; 
 	padding: 2%;
}

.schwoebel-beratung > div {
	width: 100%;
	margin: 0 !important;
}

@media screen and (max-width: 1000px) {
	.schwoebel-beratung {
		grid-template-columns: 49% 49%;
		grid-template-rows: auto auto;
		justify-items: start;
	}
	.schwoebel-beratung-1, .schwoebel-beratung-2 {
		grid-row-start: 2;
		grid-row-end: 2;
	}	
	.schwoebel-beratung-3 {
		grid-row-start: 1;
		grid-row-end: 1;
		grid-column-start: 1;
  		grid-column-end: 3;		
	}	
}

@media screen and (max-width: 600px) {
	.schwoebel-beratung {
		grid-template-columns: 100%;
		grid-template-rows: auto auto atuo;
	}
	.schwoebel-beratung-2 {
		grid-row-start: 3;
		grid-row-end: 3;
	}
	.schwoebel-beratung-3 {
		grid-column-start: 1;
  		grid-column-end: 1;		
	}		
}
/* Accordion `*/

.c-accordion__title {
	background-color: var(--schwoebel-gelb);
	padding: 10px;
	margin-bottom: 0;
}

.c-accordion__title:after {
	right: 10px !important;
	color: #000 !important;
	font-weight: 900 !important;
	top: calc(50% + 3px) !important;
}

.c-accordion__content {
	border: 1px solid var(--schwoebel-gelb);
	padding: 10px;
}

/* Fußbereich */

.schwoebel-footer-navigation {
	text-transform: uppercase;
}