/* CSS RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   Modified by Johann Regenit
*/
* {
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
}
a {
color: inherit;
}
figure {
    overflow: hidden;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, button {
	cursor: pointer;
}

.entry-content {
    margin-top: 0;
}

section {
    margin-top: 75px !important;
}

/* //CSS RESET */



/* ROOT SETUP */
/* font styles müssen noch aussortiert werden */
/* barlow-condensed-100 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-100italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 100;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-200 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-200italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 200;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-300 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-300italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-500italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-600italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-700italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-800 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-800italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-900 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-900italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 900;
  src: url('./fonts/Barlow_Condensed/barlow-condensed-v13-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-100 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-100italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: italic;
  font-weight: 100;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-200 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-200italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: italic;
  font-weight: 200;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-300 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-300italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-500italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-600italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-700italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-800 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-800italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-900 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-900italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: italic;
  font-weight: 900;
  src: url('./fonts/Barlow_Semi_Condensed/barlow-semi-condensed-v16-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




:root {
    scroll-padding: 25px;

    --clr-neutral-400: #CBC9B3;
    --clr-gray-400: #4E4B4A;

    --clr-text: var(--clr-gray-400);

    --fixed-size: 1130px;
    --fixed-size--small: calc(var(--fixed-size) * 0.7);

    font-family: "Barlow Semi Condensed";
    font-size: clamp(18px, 1.2vw + 14px, 21px);
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
    color: var(--clr-text);

    scroll-behavior: smooth;
}
/* //ROOT SETUP */

body {
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-kerning: normal;
}


/* UTILITY CLASSES */
.fixed-size {
    width: var(--fixed-size);
    max-width: 90%;
    margin-inline: auto;
}

.fixed-size--small {
    width: var(--fixed-size--small);
    max-width: 90%;
    margin-inline: auto;
}

.fixed-align-left {
    width: calc(100% - ((100% - var(--fixed-size)) / 2) - 50px);
    margin-left: calc((100% - var(--fixed-size)) / 2) !important;
    margin-right: 100px !important;
} 


@media (max-width: 782px) {
  .fixed-align-left {
    width: 90%;
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline: auto !important;
  }
}

.banner--light {
    background-color: var(--clr-neutral-400) !important;
    color: var(--clr-text);
}


/* buttons */
.wp-block-button a {
    margin-top: 25px;
    border-radius: 5px;
    padding: 15px 25px;

    font-size: clamp(0.95rem, 0.3vw + 0.9rem, 1.05rem);
    line-height: 1.2;
}
.wp-block-image img{
border-radius:5px;
}
/* //UTILITY CLASSES */


/* TYPOGRAPHY */

h1, h2, h3, .mainhead, .head1, .head2, .head3, .head4 {
  text-wrap: balance;
  overflow-wrap: anywhere;
}

header {

}

.mainhead {
    font-family: "Barlow Condensed";
    font-size: clamp(2.2rem, 5vw + 1rem, 3.5rem) !important; /* ~35px → ~67px */
    line-height: 1.05;
    font-weight: 200 !important;
    text-transform: uppercase;
}

.head1 {
    font-family: "Barlow Condensed";
    font-size: clamp(1.5rem, 2.2vw + 0.9rem, 2.4rem); /* ~24px → ~38px */
    line-height: 1.05;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}

.head2 {
    font-family: "Barlow Condensed";
    font-size: clamp(1.25rem, 1.4vw + 0.9rem, 1.75rem); /* ~20px → ~28px */
    line-height: 1.1;
    font-style: normal;
    font-weight: 500;
}

.head3 {

}

.head4,
table tr > td:first-child {
    font-family: "Barlow Semi Condensed";
    font-size: clamp(1rem, 0.5vw + 0.9rem, 1.1rem); /* ~16px → ~18px */
    line-height: 1.45;
    font-style: normal;
    font-weight: 500;
}

p {
  margin-block: clamp(0.6rem, 0.6vw + 0.4rem, 1rem);
}


/* //TYPOGRAPHY */


/* BLOCKS */

/* header */
header {
    padding-block: 25px;
}

header > .wp-block-columns > .wp-block-column {
  display: grid;
  align-items: center;
}

.home .entry-content > .wp-block-cover .mainhead {
    max-width: 600px;
    text-align: left;
    margin-right: unset !important;
    margin-left: 15% !important; 
    margin-top: 400px !important;
	text-shadow: 0px 0px 10px black;
}

.header__logo img {
width: 140px !important;
}

.header__social ul {
  display: flex;
  gap: 15px;
  width: fit-content;
  
  padding: 0;
  margin-left: auto;
}

.header__social a {
  text-decoration: none !important;
}

.header__phone::before {
  content: "\f095";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 10px;

  color: var(--clr-neutral-400);

  text-decoration: none;
  margin-right: 10px;
  margin-bottom: 5px;
}

/* header scroll link */
.wp-block-cover__inner-container {
    position: static !important;
}

.header-scroll {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.header-scroll a {
    text-decoration: none;

    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
}

.header-scroll a span {
    margin-top: 10px;
}

@media (max-height: 1000px) {
  .header-scroll {
    display: none !important;
  }
}

@media (max-width: 1000px) {
  .header-scroll {
    display: none !important;
  }
}

/* leistungen block */

.block__leistungen img {
  margin-inline: auto !important;
  display: block;
}

/* //leistungen block */

/* banner */
.banner {
    padding: 0;
    isolation: isolate;
}

.banner--sideimage .wp-block-cover__background {
    background-image: url("/wp-content/uploads/2025/12/Group-534.svg");
    background-repeat: no-repeat;
    background-size: auto 140%;
    background-position: right -50px center;

    overflow: hidden;
    background-color: transparent !important;
    opacity: 0;
}

.banner--sideimage .banner__inner {
  width: calc(100% - (100vw - var(--fixed-size)) - 300px);
  margin-inline: 0 !important;
  margin-left: calc((100% - var(--fixed-size)) / 2) !important;
}


@media (min-width: 950px) {
  .banner--portrait {
    align-items: start;
    min-height: unset !important;
    overflow: visible;
  }

  .banner--portrait .banner__inner {
    --_margin: 50px;
    margin-block: var(--_margin);
  }

  .banner__portrait .wp-block-image {
    height: calc(100% + (var(--_margin) * 2) + 50px) !important;
    bottom: calc(var(--_margin) * -1);
    position: absolute;
    aspect-ratio:  335 / 380 !important;
  }

  .banner__portrait .wp-block-image img {
    height: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 949px) {
  .banner--portrait .banner__inner {
    width: 90% !important;
    margin-inline: auto !important;
    margin-top: 50px;
  }
  .banner--portrait .banner__inner .wp-block-columns {
    flex-wrap: wrap !important;
  }

  .banner__portrait {
    margin-top: -100px !important;
    margin-left: auto !important;
  }

  .banner__portrait figure {
    margin-left: auto;
    width: fit-content;
  }

  .banner--sideimage .wp-block-cover__background {
    background-color: var(--clr-neutral-400) !important;
    opacity: .2 !important;
  }
}

@media (max-width: 781px) {
	.banner__portrait {
    	margin-top: 0 !important;
  }
}

@media (max-width: 500px) {
  .banner__portrait {
    margin-top: 0px !important;
  }
}

/* table */
table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
}

table td {
    vertical-align: top !important;
    border: none !important;
}

table tr > td:first-child {
    white-space: nowrap;

    padding-left: 0;
}

/* hr */
hr {
    color: var(--clr-neutral-400);
}


/* footer */
footer {
    margin-top: 100px;
    padding-block: 50px;

    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25);
}

/* //BLOCKS */














/* RESPONSIVE */

@media (max-width: 1200px) {
  :root {
    --fixed-size: 900px;
  }

  .block__leistungen {
  flex-wrap: wrap !important;
  gap: 50px;
}

.block__leistungen .wp-block-column {
    flex: 0 0 calc(50% - 25px ) !important;
    max-width: calc(50% - 25px) !important;
}
	
}

@media (max-width: 1200px) and (min-width: 781px) {
	.footer__inhalt {
    flex-direction: column;
    width: 50%;
    justify-content: center;
}
}

@media (max-width: 782px) {
  .block__leistungen .wp-block-column {
    flex: 0 0 1 !important;
    max-width: 100% !important;
  }

  .header__logo .custom-logo-link {
    margin-inline: auto !important;
    display: block;
    width: fit-content;
  }

  .header__social ul {
    margin-inline: auto;
  }

  .custom-logo-link {
  display: block !important;
  margin: auto !important;
  width: fit-content;
}

footer .wp-block-columns {
  gap: 50px;
}
	footer .logo-footer img {
	width:80%!important;
	}

footer .wp-block-column * {
  width: fit-content !important;
  margin-inline: auto !important;
  text-align: center;
}

}
/* //RESPONSIVE */
















/* VORLÄUFIGE AUSBLENDUNGEN */

.header__nav {
  display: none !important;
}

.ausblenden {
  display: none !important;
}

/* //VORLÄUFIGE AUSBLENDUNGEN */