@import url('webfonts.css');

* { margin:0px;padding:0px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }

:root {
	--color-bl-grey:#393f45;
	--color-bl-grey-rgb:57,63,69;
	--color-bl-beige:#b6978b;
	--color-bl-beige-rgb:182,151,139;
	--color-bl-action:#e16a3c;
	--color-bl-action-rgb:225,106,60;;

	--color-background:#ffffff;

	--font-header:"Cinzel", Arial, sans-serif;
	--font-text:"Barlow", Arial, sans-serif;
	--font-icon:"Font Awesome 5 Pro";
	--font-brands:"Font Awesome 5 Brands";

	--font-color:#2a2a29;
	--font-color-rgb:0,0,0;
	--font-color-light:#ffffff;
	--font-color-light-rgb:255,255,255;

	--font-size-text:18px;
	--font-size-text-small:16px;
	--font-lineheight-text:1.5em;
	--font-size-h1:2.25rem;
	--font-lineheight-h1:1.25em;
	--font-size-h2:1.875rem;
	--font-lineheight-h2:1.5em;
	--font-size-h3:1.5rem;
	--font-lineheight-h3:1.25em;
	--font-size-h4:1.25rem;
	--font-lineheight-h4:1.25em;
	--font-size-xsmall:.75rem;
	--font-size-small:.875rem;

	--transition-default:all 1s ease-in-out;
	--transition-faster:all 0.25s ease-in-out;
	--transition-hero:all 2s ease-in-out;

	--wrapper-size:1300px;
	--wrapper-padding:36px;
	--spacing:.25rem;
}

html, body { font-family:var(--font-text);font-size:var(--font-size-text);line-height:var(--font-lineheight-text);color:var(--font-color);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
html { scrollbar-gutter:stable; }
.overlay { overflow: hidden !important; }

.clearboth { clear:both;height:0px;line-height:0px;font-size:0px; }
.loader { display:none;position:absolute;margin:-25px 0 0 -25px;top:50%;left:50%; }
a images { border:none; }

header { position:sticky;top:0px;background:var(--color-background);z-index:999999;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
body.scrolled header { box-shadow:0 0 2px 1px rgba(var(--color-bl-grey-rgb),.05); }
header .header-wrapper { width:var(--wrapper-size);padding:calc(var(--spacing) * 12) 0;margin:0 auto;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
body.scrolled header .header-wrapper { padding:calc(var(--spacing) * 8) 0; }
header .header-wrapper .header-logo-wrapper { display:grid;grid-template-columns:1fr 270px 1fr;align-items:center;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
body.scrolled header .header-wrapper .header-logo-wrapper { grid-template-columns:1fr 240px 1fr; }
header .header-wrapper .header-logo {  }
header .header-wrapper .header-logo > a { display:block; }
header .header-wrapper .header-logo > a > svg { display:block;width:100%;height:auto; }
header .header-wrapper .spacer {  }
header .header-wrapper nav > a { display:block;font-size:1rem;font-weight:400;line-height:18px;text-decoration:none;text-transform:uppercase;color:var(--color-bl-grey);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
header .header-wrapper nav > a:hover { color:var(--color-bl-beige); }
header .header-wrapper nav.main { display:flex;gap:100px;justify-self:center; }
header .header-wrapper nav.language { display:flex;gap:13.5px;align-items:center;justify-self:end; }
header .header-wrapper nav.language > span.break { width:1px;height:10px;border-right:2px solid rgba(var(--color-bl-grey-rgb),.5); }
header .header-wrapper .header-logo-wrapper .nav-action-wrapper { justify-self:end;opacity:1;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
header .header-wrapper .mobile-action { display:block;position:relative;width:35px;height:24px;cursor:pointer;justify-self:right; }
header .header-wrapper .mobile-action > span { display:block;width:100%;height:2px;position:absolute;right:0px;background:var(--color-bl-grey);border-radius:3px;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
header .header-wrapper .mobile-action > span:nth-child(1) { top:0px; }
header .header-wrapper .mobile-action > span:nth-child(2) { top:11px; }
header .header-wrapper .mobile-action > span:nth-child(3) { top:22px;width:25px;background:var(--color-bl-beige); }

header .header-wrapper .header-navigation-wrapper { display:grid;opacity:0;grid-template-columns:1fr 6fr 1fr;grid-template-rows:0fr;padding:0 0 0 0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
header .header-wrapper .header-navigation-wrapper > * { overflow:hidden; }
body.navopen header .header-wrapper .header-navigation-wrapper /*,
body.scrolled header .header-wrapper .header-navigation-wrapper */ { display:grid;opacity:1;grid-template-rows:1fr;padding:calc(var(--spacing) * 8) 0 0 0; }

/*body.scrolled header .header-wrapper .header-logo-wrapper .nav-action-wrapper { opacity:0; }*/

body.navopen header .header-wrapper .mobile-action > span:nth-child(1) { top:22px;right:0px;width:26px;transform-origin:bottom right;transform:rotate(44deg); }
body.navopen header .header-wrapper .mobile-action > span:nth-child(2) { top:22px;left:0px;transform-origin:bottom left;transform:rotate(-44deg);width:26px; }
body.navopen header .header-wrapper .mobile-action > span:nth-child(3) { top:22px;width:0px; }

main h1, main h2 { font-family:var(--font-header);color:var(--color-bl-grey);margin:0px;padding:0px;font-weight:400;text-transform:uppercase; }
main h3, main h4, main h5, main h6 { font-family:var(--font-text);color:var(--color-bl-grey);margin:0px;padding:0px;font-weight:500;text-transform:uppercase; }
main h1 { font-size:var(--font-size-h1);line-height:var(--font-lineheight-h1);margin:0 0 calc(var(--spacing) * 8) 0;opacity:0;filter:blur(20px);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main h2 { font-size:var(--font-size-h2);line-height:var(--font-lineheight-h2);margin:0 0 calc(var(--spacing) * 4) 0;font-weight:500;opacity:0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main h3 { font-size:var(--font-size-h3);line-height:var(--font-lineheight-h3);margin:0 0 calc(var(--spacing) * 6) 0;opacity:0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main h4 { font-size:var(--font-size-h4);line-height:var(--font-lineheight-h4);margin:0 0 calc(var(--spacing) * 4) 0;opacity:0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main h1.visible { opacity:1;filter:blur(0px); }
main h2.visible, main h3.visible, main h4.visible { opacity:1; }
main img { opacity:0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main img.visible { opacity:1; }

main p { margin:0 0 calc(var(--spacing) * 4) 0;overflow-wrap:break-word;opacity:0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main p.visible { opacity:1; }
main p a { color:var(--color-bl-action); }
main p a:hover { text-decoration:none; }
main span.red { color:var(--color-bl-action); }
main ul { margin:0 0 0 calc(var(--spacing) * 6); }
main blockquote { display:flex;position:relative;margin:0 0 calc(var(--spacing) * 6) 0;font-style:italic;font-size:1.5em;line-height:1.3em;width:auto;max-width:50%;justify-content:center; }
main blockquote:before { content:'\201e';display:inline-block;position:absolute;top:-40px;left:-10px;font-size:5em;opacity:.1; }
main blockquote:after { content:'\201c';display:inline-block;position:absolute;top:20px;right:-10px;font-size:5em;opacity:.1; }
main .blockquote-wrapper { display:grid;grid-template-columns:repeat(3, 1fr);gap:calc(var(--spacing) * 12); }
main .blockquote-wrapper > blockquote { max-width:100%; }

main .button { display:inline-flex;align-items:center;font-weight:600;cursor:pointer;padding-block:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 8);background:var(--color-bl-action);color:var(--font-color-light);margin:0 0 calc(var(--spacing) * 4) 0;text-decoration:none;cursor:pointer;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main .button > i { margin:0 calc(var(--spacing) * 3) 0 0;font-size:1.2em;line-height:1em; }
main .button:hover { background:var(--color-bl-grey); }

main > section,
.content-grid,
footer {
	--padding-inline: 1rem;
  --content-max-width: var(--wrapper-size);
  --breakout-size: 100px;

  display: grid;grid-template-columns: [fullwidth-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [fullwidth-end];
}
main > section > *,
footer > .footer-wrapper { grid-column:content; }
main > section > .breakout { grid-column:breakout; }
main > section > .full-width { grid-column:fullwidth; }

main form input,
main form textarea { border:none;background:#ffffff;font-size:var(--font-size-text-small);line-height:1em;font-family:var(--font-text);font-weight:400;padding:10px 14px 9px;border-bottom:2px solid transparent;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main form input:focus,
main form textarea:focus { outline:none;border-bottom:2px solid var(--color-sb-gray-600); }
main form input[type='submit'] { display:inline-flex;padding-block:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 8);background:var(--color-sb-red);color:var(--font-color-light);margin:0 0 calc(var(--spacing) * 4) 0;text-decoration:none;cursor:pointer;border:none;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main form input[type='submit']:hover { background:var(--font-color);border:none; }
main form input[type='submit']:disabled { color:rgba(var(--font-color-light-rgb),.6);cursor:default; }
main form input[type='submit']:disabled:hover { background:var(--color-sb-red); }
main form a { color:var(--color-sb-red); }
main form a:hover { text-decoration:none; }
main form .labelbox { display:grid;gap:20px; }
main form .labelbox.grid2 { grid-template-columns:repeat(2,1fr); }
main form .labelbox > label { display:flex;flex-direction:column;gap:calc(var(--spacing) * 2); }
main form .labelbox > label > span:first-of-type { font-size:var(--font-size-small);line-height:1em;font-weight:700;color:var(--color-sb-gray-700); }
main form .labelbox > label > span.sublabel { font-size:var(--font-size-xsmall);line-height:var(--font-lineheight-text);font-weight:400;color:var(--color-sb-gray-700); }
main form .labelbox.checkbox > label { display:grid;grid-template-columns:auto auto;align-items:start; }
main form .labelbox.checkbox > label > span:first-of-type { grid-column-start:span 2; }
main form .labelbox.checkbox > label > span:last-of-type { font-size:var(--font-size-xsmall);line-height:var(--font-lineheight-text);font-weight:400; }
main form .labelbox.checkbox > label > input { display:block;position:relative;opacity:1;width:22px;height:22px;cursor:pointer; }
main form .labelbox.checkbox > label > input:before { content:'';display:block;position:absolute;top:0px;left:0px;height:18px;width:18px;background:#ffffff;border:2px solid transparent;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main form .labelbox.checkbox > label > input:focus:before { border:2px solid var(--color-sb-gray-600); }
main form .labelbox.checkbox > label > input:after { content:'';display:block;position:absolute;top:3px;left:7px;height:11px;width:6px;border:none;border-right:2px solid var(--color-sb-red);border-bottom:2px solid var(--color-sb-red);transform:rotate(45deg);opacity:0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main form .labelbox.checkbox > label > input:checked:after { opacity:1; }

main section.intro,
main section.textblock { padding:calc(var(--spacing) * 28) 0; }
main section.textblock-s { padding:calc(var(--spacing) * 22) 0; }
main section.textblock-grey { background:rgba(var(--color-bl-grey-rgb),.3); }
main section.textblock-beige { background:rgba(var(--color-bl-beige-rgb),.3); }

main section.intro { justify-items:center;text-align:center; }
main section.intro > p { width:80%; }
main section.intro > blockquote { font-size:2em; }
main section.intro > .quotenote { font-family:var(--font-header);color:var(--color-bl-grey);margin:calc(var(--spacing) * 2) 0 0 0;padding:0px;font-weight:400;font-size:var(--font-size-h2);line-height:var(--font-lineheight-h2); }

main section.textblock > .wrapper ul,
main section.stellenangebote > .wrapper ul { margin:0 0 calc(var(--spacing) * 4) calc(var(--spacing) * 5); }
main section.textblock > .wrapper ul > li,
main section.stellenangebote > .wrapper ul > li { margin-bottom:calc(var(--spacing) * 2); }

body.team main section.textblock > .wrapper > p { width:calc( ( 100% / 3 ) * 2 ); }

main section.hero { background:var(--color-bl-beige);background:radial-gradient(farthest-corner at 5% 15%,rgba(var(--color-bl-beige-rgb), .1) 0%, rgba(var(--color-bl-beige-rgb),.3) 100%);color:var(--font-color);width:100%;height:auto;padding:calc(var(--spacing) * 24) 0;position:relative;overflow:hidden;opacity:0;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main section.hero.visible { opacity:1; }
main section.hero > .wrapper { display:flex;height:100%;align-items:center; }
main section.hero > .text-wrapper { z-index:999; }
main section.hero > .text-wrapper > .hero-subline { font-family:var(--font-header);font-size:3em;line-height:1.1em;margin:0 0 calc(var(--spacing) * 8) 0;text-transform:uppercase;user-select:none; }
main section.hero > .text-wrapper > .hero-text { font-size:1.2em;line-height:1.4em;font-weight:300;width:50%;user-select:none; }
main section.hero > .text-wrapper > div:last-of-type { margin-bottom:0; }
main section.hero .bridge-icon { position:absolute;top:-50px;left:-30vw;width:100%;user-select:none; }
main section.hero .bridge-icon > img { display:block;width:100vw;height:auto;opacity:.05;transform:rotate(13deg) scale(1.8);user-select:none;-webkit-transition:var(--transition-hero);-moz-transition:var(--transition-hero);-ms-transition:var(--transition-hero);-o-transition:var(--transition-hero);transition:var(--transition-hero); }
main section.hero.visible .bridge-icon > img { transform:rotate(10deg) scale(1.45);opacity:.1; }

main section.imagetext-halfview > .wrapper { display:grid;grid-template-columns:1fr; }
main section.imagetext-halfview .imagetext-text { width:50%;display:grid;align-content:center;justify-items:start;padding:calc(var(--spacing) * 16) calc((var(--spacing) * 16) + 10%) calc(var(--spacing) * 16) calc(var(--spacing) * 16); }
main section.imagetext-halfview.full-image .imagetext-text { padding:calc(var(--spacing) * 16) calc((var(--spacing) * 16) + 10%) calc(var(--spacing) * 16) calc(var(--spacing) * 16); }
main section.imagetext-halfview .imagetext-text > p,
main section.imagetext-halfview .imagetext-text > div { max-width:calc(var(--spacing) * 173); }

main section.imagetext-halfview .imagetext-text > div { margin:0 0 calc(var(--spacing) * 4) 0; }
main section.imagetext-halfview .imagetext-text > p:last-child { margin:0; }
main section.imagetext-halfview .imagetext-text > a.button:last-child { margin:0; }
main section.imagetext-halfview .imagetext-image { width:50%; }
main section.imagetext-halfview .imagetext-image img { display:block;aspect-ratio:3 / 2;width:100%;height:100%;object-fit:cover;object-position:center; }
main section.imagetext-halfview.full-image .imagetext-image img { height:100%; }
main section.imagetext-halfview .imagetext-wrapper { display:flex; }
main section.imagetext-halfview .imagetext-wrapper:nth-child(even) { flex-direction:row-reverse; }
main section.imagetext-halfview .imagetext-wrapper:nth-child(even) .imagetext-text { padding:calc(var(--spacing) * 8) calc(var(--spacing) * 16) calc(var(--spacing) * 8) calc((var(--spacing) * 16) + 10%); }
main section.imagetext-halfview.team .imagetext-image img { aspect-ratio:12 / 7;object-position:top; }
main section.imagetext-halfview.team .imagetext-image a { display:block; }
main section.imagetext-halfview.team .imagetext-image a > img { filter:grayscale(1);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main section.imagetext-halfview.team .imagetext-image a:hover > img { filter:grayscale(0); }
main section.imagetext-halfview.team .imagetext-text a { display:block;text-decoration:none;color:var(--color-sb-red); }
main section.imagetext-halfview.team .imagetext-text p { margin-bottom:calc(var(--spacing) * 8); }
main section.imagetext-halfview.team .imagetext-wrapper:nth-child(even) { flex-direction:unset; }
main section.imagetext-halfview.team .imagetext-wrapper:nth-child(even) .imagetext-text { padding:calc(var(--spacing) * 8) calc((var(--spacing) * 16) + 10%) calc(var(--spacing) * 8) calc(var(--spacing) * 16); }
main section.imagetext-halfview.team .imagetext-wrapper:nth-child(odd) { flex-direction:row-reverse; }
main section.imagetext-halfview.team .imagetext-wrapper:nth-child(odd) .imagetext-text { padding:calc(var(--spacing) * 8) calc(var(--spacing) * 16) calc(var(--spacing) * 8) calc((var(--spacing) * 16) + 10%); }

main section.imagetext-list > .wrapper { display:grid;grid-template-columns:1fr;gap:calc(var(--spacing) * 8);align-items:start;margin:calc(var(--spacing) * 24) 0 calc(var(--spacing) * 24) 0; }
main section.imagetext-list.col-2 > .wrapper { grid-template-columns:repeat(2,1fr); }
main section.imagetext-list.col-3 > .wrapper { grid-template-columns:repeat(3,1fr); }
main section.imagetext-list.col-2 > .wrapper > .image-wrapper-wide { grid-column-start:span 2; }
main section.imagetext-list.col-3 > .wrapper > .image-wrapper-wide { grid-column-start:span 3; }
main section.imagetext-list.col-leistungen > .wrapper { gap:calc(var(--spacing) * 12); }
main section.imagetext-list .imagetext-wrapper { display:grid;gap:calc(var(--spacing) * 4); }
main section.imagetext-list.col-leistungen .imagetext-wrapper { grid-template-columns:1fr 5fr;gap:calc(var(--spacing) * 12);align-items:center; }
main section.imagetext-list .imagetext-wrapper .imagetext-image > img { display:block;aspect-ratio:3 / 2;width:100%;height:auto;object-fit:cover;object-position:center;filter:grayscale(1) brightness(1.1); }
main section.imagetext-list .imagetext-wrapper:hover .imagetext-image > img { filter:unset; }
main section.imagetext-list.col-2 .imagetext-wrapper .imagetext-image > img { aspect-ratio:2 / 1; }
main section.imagetext-list .imagetext-wrapper .imagetext-text > h2 { font-size:1.6rem; }
main section.imagetext-list .image-wrapper-wide img { display:block;width:100%;height:auto;aspect-ratio:3 / 1;object-fit:cover;object-position:top; }
main section.imagetext-list.col-leistungen .imagetext-wrapper .imagetext-text > p:last-of-type { margin:0; }

main section .list-icons { display:flex;list-style-type:none;gap:calc(var(--spacing) * 8); }
main section .list-icons > li { display:flex;gap:calc(var(--spacing) * 2);flex-direction:column; }
main section .list-icons > li > i { font-size:2em; }

main section.blockimage .wrapper > img { display:block;aspect-ratio:30 / 11;width:100%;height:auto;object-fit:cover;object-position:center; }

main section.cta-button { background:rgba(var(--color-bl-grey-rgb),.3); }
main section.cta-button .wrapper { padding:calc(var(--spacing) * 12) 0;display:flex;gap:calc(var(--spacing) * 8);justify-content:space-between;align-items:center; }
main section.cta-button .wrapper h2 { margin:0;font-size:var(--font-size-h2);line-height:var(--font-lineheight-h2);font-family:var(--font-text);font-weight:300; }
main section.cta-button .wrapper a { margin:0; }

footer { background:var(--color-bl-beige);background:radial-gradient(farthest-corner at 80% 10%,rgba(var(--color-bl-beige-rgb),.1) 0%, rgba(var(--color-bl-beige-rgb),.2) 100%);color:rgba(var(--color-bl-grey-rgb),.8);padding:calc(var(--spacing) * 12) 0 calc(var(--spacing) * 12); }
footer .footer-wrapper { display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing) * 8); }
footer .footer-wrapper .footer-logo { grid-column-start:span 3; }
footer .footer-wrapper .footer-logo > .footer-head { display:block;font-family:var(--font-header);text-transform:uppercase;font-weight:400;font-size:1.4em;color:var(--color-bl-grey);letter-spacing:.28em;margin:0 0 calc(var(--spacing) * 2) 0; }
footer .footer-wrapper .footer-logo > .footer-head > span { color:var(--color-bl-beige); }
footer .footer-wrapper .footer-logo > a { display:block;width:calc(var(--spacing) * 56);height:auto; }
footer .footer-wrapper .footer-logo > a > svg { display:block; }
footer .footer-wrapper .footer-logo > span.copyright { display:block;margin:calc(var(--spacing) * 4) 0 0 0;font-size:calc(var(--spacing) * 3); }
footer .footer-wrapper nav > a { display:block;font-size:1rem;font-weight:400;line-height:var(--font-lineheight-text);text-decoration:none;color:rgba(var(--color-bl-grey-rgb),.8)-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
footer .footer-wrapper nav > a:hover { color:rgba(var(--color-bl-grey-rgb),1) }
footer .footer-wrapper nav.legal { display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);align-items:flex-end; }
footer .footer-wrapper .socials h2 { font-family:var(--font-header);font-size:var(--font-size-text);line-height:var(--font-lineheight-text);font-weight:500;margin:0 0 calc(var(--spacing) * 4) 0; }
footer .footer-wrapper .socials nav.socials { display:flex;gap:calc(var(--spacing) * 3); }
footer .footer-wrapper .socials nav.socials > a { font-size:calc(var(--spacing) * 9.125);line-height:1em; }


/* Normal Screen */
@media only screen and (max-width: 1372px) {
	:root {
		--wrapper-size:calc(100% - 100px);
	}

	main > section,
	.content-grid,
	footer {
		--breakout-size: 0px;
	}

	main section.imagetext-halfview .imagetext-text,
	main section.imagetext-halfview .imagetext-wrapper:nth-child(even) .imagetext-text { padding:calc(var(--spacing) * 8) calc(var(--spacing) * 16); }

	main section.imagetext-halfview.full-image .imagetext-text { padding:calc(var(--spacing) * 16) 100px calc(var(--spacing) * 8) calc(var(--spacing) * 16); }
	
	main section.imagetext-list.col-3 > .wrapper { grid-template-columns:repeat(2,1fr); }
}

/* Smaller Screen & Tablet Horizontal */
@media only screen and (max-width: 1166px) {
	header .header-wrapper nav.main { gap:75px; }

	main section.imagetext-halfview .imagetext-image { display:grid;align-items:center; }
	main section.imagetext-halfview .imagetext-image img { aspect-ratio:4 / 3; }

	main section.contact.form > .wrapper { grid-template-columns:auto; }
	main section.contact > .wrapper .contact-info { grid-template-columns:auto auto;gap:calc(var(--spacing) * 16); }

	main section.zeitstrahl > .wrapper > .zeitstrahl-wrapper > .zeitstrahl-textbild > .zeitstrahl-textbild-text { padding:calc(var(--spacing) * 8) calc(var(--spacing) * 16); }
}             

@media only screen and (max-width: 1024px) {
	main section.expertiselisting .wrapper { grid-template-columns:repeat(2,1fr); }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
	:root {
		--wrapper-size:calc(100% - 100px);
	}

	main section.imagetext-list.col-leistungen .imagetext-wrapper { grid-template-columns:1fr 3fr; }
	main section.imagetext-list.col-leistungen .imagetext-wrapper .imagetext-image > img { aspect-ratio: 1 / 1; }
}

/* SmartPhone */
@media only screen and (max-width: 480px) {
	:root {
		--wrapper-size:100% - 50px;

		--font-size-text:16px;
		--font-size-text-small:14px;
		--font-lineheight-text:1.5em;
		--font-size-h1:1.75rem;
		--font-lineheight-h1:1.25em;
		--font-size-h2:1.5rem;
		--font-lineheight-h2:1.5em;
		--font-size-h3:1.25rem;
		--font-lineheight-h3:1.25em;
		--font-size-h4:1.125rem;
		--font-lineheight-h4:1.25em;
		--font-size-xsmall:.75rem;
		--font-size-small:.875rem;
	}

	header .header-wrapper { padding:calc(var(--spacing) * 8) 25px; }
	body.scrolled header .header-wrapper { padding:calc(var(--spacing) * 4) 25px; }
	header .header-wrapper .header-logo-wrapper { grid-template-columns:160px 1fr; }
	body.scrolled header .header-wrapper .header-logo-wrapper { grid-template-columns:140px 1fr; }
	header .header-wrapper .header-logo-wrapper > .spacer { display:none; }
	header .header-wrapper .header-navigation-wrapper { grid-template-columns:1fr;grid-template-rows:0fr 0fr; }
	header .header-wrapper .header-navigation-wrapper > .spacer { display:none; }
	header .header-wrapper nav.main { flex-direction:column;justify-self:start;gap:15px; }
	body.navopen header .header-wrapper nav.language { border-top:1px dotted rgba(var(--color-bl-beige-rgb),.5);justify-self:start;padding:15px 0 0 0;margin:18px 0 0 0;width:100%; }

	main section.hero { padding:calc(var(--spacing) * 12) 0; }
	main section.hero .bridge-icon { top:0px;left:-260vw;width:240%; }
	main section.hero .bridge-icon > img { width:350vw; }
	main section.hero > .text-wrapper > .hero-text { width:100%; }

	main section.intro, main section.textblock { padding:calc(var(--spacing) * 16) 0; }
	main section.imagetext-list > .wrapper { margin:calc(var(--spacing) * 12) 0; }

	main section.imagetext-halfview .imagetext-wrapper { flex-direction:column; }
	main section.imagetext-halfview .imagetext-image { width:100%; }
	main section.imagetext-halfview .imagetext-text,
	main section.imagetext-halfview.full-image .imagetext-text { width:100%;padding:calc(var(--spacing) * 6) calc(var(--spacing) * 8); }

	main section.imagetext-list.col-3 > .wrapper { grid-template-columns:1fr; }

	main section.imagetext-list.col-3 > .wrapper > .image-wrapper-wide { grid-column-start:auto; }
	main section.imagetext-list .image-wrapper-wide img { aspect-ratio:3 / 2; }

	main section.imagetext-list.col-leistungen .imagetext-wrapper { grid-template-columns:1fr; }
	main section.imagetext-list.col-leistungen .imagetext-wrapper .imagetext-image > img { aspect-ratio:3 / 2; }
	main section.imagetext-list.col-leistungen .imagetext-wrapper .imagetext-text > h2 { word-break:break-word; }

	main .blockquote-wrapper { grid-template-columns:1fr;gap:calc(var(--spacing) * 6); }
	main section .list-icons { flex-direction:column; }
}