/* Grundkonfiguration & Fonts */ :root {
  /* --- Color System --- */
  --primary: #14006E;
  --secondary: #E12D37;
  --text: #16191F;
  --bg-light: #EEF2FF;
  --bg-info: #F5E6D2;
  --white: #fff;
  --danger: #A62128;
  --warning: #F1B709;
  --success: #1B8831;
  --focus: #10d878;
  --border: #d1e0ea;
  ⁨ /* --- Spacing System --- */
  --space-0: 0;
  --space-1: 0.25rem; /* 4px */
  --space-2: 0.5rem; /* 8px */
  --space-3: 0.75rem; /* 12px */
  --space-4: 1rem; /* 16px */
  --space-6: 1.5rem; /* 24px */
  --space-8: 2rem; /* 32px */
  --space-10: 2.5rem; /* 36px */
  --space-12: 3rem; /* 48px */
  /* --- Schriftgrößen (Scale) --- */
  --font-size-icons: 1.3125rem; /* 21px */
  --font-size-s: 1rem; /* 16px */
  --line-height-s: 1.375rem; /* 22px */
  --font-size-m: ⁨⁨1.25rem; /* 20px */
  --line-height-m: 1.625rem; /* 26px */
  --font-size-l: 1.5rem; /* 24px */
  --line-height-l: 1.875rem; /* 30px */
  --font-size-xl: 2rem; /* 32px */
  --line-height-xl: 2.375rem; /* 38px */
  --line-height-icons: 1.6875rem; /* 27px */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 600;
  --font-weight-semibold: 700;
}
/* Schrift */
@font-face {
  font-family: 'Inter-regular';
  src: url('../fonts/Inter-regular.woff2') format('woff2');
  font-weight: var(--font-weight-normal);
  font-style: normal;
}
@font-face {
  font-family: 'Inter-semibold';
  src: url('../fonts/Inter-semibold.woff2') format('woff2');
  font-weight: var(--font-weight-semibold);
  font-style: normal;
}
@font-face {
  font-family: 'Inter-medium';
  src: url('../fonts/Inter-medium.ttf') format('woff2');
  font-weight: var(--font-weight-medium);
  font-style: normal;
}
@font-face {
  font-family: 'Inter-light';
  src: url('../fonts/Inter-light.woff2') format('woff2');
  font-weight: var(--font-weight-light);
  font-style: normal;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: var(--font-weight-normal);
  src: url(../fonts/Material/MaterialIcons-Regular.woff2) format('woff2');
}
* {
  box-sizing: border-box;
	 margin: 0;
  padding: 0;
}

body {
  font-family: "Inter-regular", sans-serif;
  color: var(--text);
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  -webkit-font-smoothing: antialiased; /* Glättung auf macOS */
  -moz-osx-font-smoothing: grayscale; /* Glättung auf macOS */
}
.bg-gradient {
  width: 100%;
  height: auto;
  background:
    linear-gradient(to bottom right, #105fbb 0%, transparent 60%), linear-gradient(to bottom left, #1b6aa5 0%, transparent 75%), linear-gradient(to top left, #1b588e 0%, transparent 50%), linear-gradient(to top right, #124d83 0%, transparent 70%);
  background-blend-mode: screen;
}
/* Header & Footer Layout */
header, footer {
  padding: var(--space-6);
}
.header-content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer-content {
  display: flex;
  justify-content: space-between; /* Horizontal */
  align-items: center; /* Vertikal */
}
.Footernavigation {
  flex: 0 0 65%;
}
.logo_bild {
  flex: 0 0 7%;
}
.logo_bild svg {
  width: 100%;
  height: auto;
}
.logo_text {
  flex: 0 0 24%;
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--font-weight-medium);
}
.logo {
  flex: 0 0 25%;
}
.logo img {
  max-width: 100%;
  height: auto;
  display: block;
}
.header-text {
  font-size: var(--font-size-m);
  line-height: var(--line-height-s);
  color: var(--white);
  font-weight: var(--font-weight-medium);
}
.main-header {}
/* Content-Bereich */
#content {
  margin: 0 auto;
  padding: 0 7% 0 7%;
}
.container {
  width: 65%;
  margin: 0 auto;
  padding: 0;
}
h1, h2 {
  font-family: "Inter-semibold", sans-serif;
  margin: var(--space-10) 0 var(--space-3) 0;
}
h3, h4 {
  font-family: "Inter-semibold", sans-serif;
  margin: var(--space-3) 0 var(--space-2) 0;
}
#content ol li {
  font-size: var(--font-size-m);
  line-height: var(--line-height-s);
  font-weight: var(--font-weight-medium);
  font-family: Inter-medium;
  margin: var(--space-6) 0 var(--space-6) 0;
}
#content ol li h4, #content ol li p {
  margin: 0;
  padding: 0;
}
#content ol li ul li, #content ul li ul li {
  list-style-type: disc;
  font-weight: var(--font-weight-normal);
}
#content ol li ul, #content ul li ul {
  padding-left: var(--space-4);
}
p {
  margin-top: 0;
}
#content ol li p {
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--font-weight-normal);
  font-family: 'Inter-regular';
}
#content ul li {
  line-height: var(--line-height-s);
  margin: var(--space-3) 0 var(--space-3) 0;
}
h1 {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
}
h2 {
  font-size: var(--font-size-l);
  line-height: var(--line-height-l);
}
h3 {
  font-size: var(--font-size-m);
  line-height: var(--line-height-m);
}
h4 {
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}
#content ol {
  margin: 0 0 var(--space-3) 0;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: var(--font-size-icons);
  line-height: var(--line-height-s);
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  padding: 0;
  margin: 0 0.3rem 0.1rem 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.content-list {
  padding-left: 20px;
}
/* Navigation */
nav {
  flex: 1;
}
nav ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}
nav li {
  margin-left: var(--space-6);
}
nav ul li a {
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-semibold);
  padding: 0.05rem 0.3rem 0.2rem 0.3rem;
  text-decoration: none;
  text-wrap: nowrap;
}
nav ul li a:before {
  font-family: 'Material Icons';
  content: "\e5c8";
  font-weight: normal;
  font-style: normal;
  font-size: var(--font-size-icons);
  line-height: var(--line-height-s);
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  padding: 0;
  margin: 0 0.3rem 0.15rem 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
nav ul li a:link, nav ul li a:visited {
  color: var(--primary);
}
nav ul li a:active, nav ul li a:hover, nav ul li a.current {
  color: var(--white);
  background-color: var(--secondary);
}
/* Links & Buttons */
#content a {
  padding: 0 0.07rem 0.07rem 0.04rem;
  margin: 0;
}
#content a:link, #content a:visited {
  color: var(--primary);
  text-decoration: none;
}
#content a:active, #content a:hover {
  color: var(--white);
  background-color: var(--secondary);
  text-decoration: none;
}
a[href^="http"]::before {
  font-family: 'Material Icons';
  content: "\e89e";
  font-weight: normal;
  font-style: normal;
  font-size: var(--font-size-icons);
  line-height: var(--line-height-s);
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  padding: 0;
  margin: 0 0.3rem 0.15rem 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
a[href^="mailto"]::before {
  font-family: 'Material Icons';
  content: "\e0be";
  font-weight: normal;
  font-style: normal;
  font-size: var(--font-size-icons);
  line-height: var(--line-height-s);
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  padding: 0;
  margin: 0 0.3rem 0.15rem 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
/* MIME TYPE ICONS */
a[href$=".pdf"]::before, a[href$=".doc"]::before, a[href$=".docx"]::before, a[href$=".xls"]::before, a[href$=".xlsx"]::before {
  font-family: 'Material Icons';
  content: "\e5db";
  font-weight: normal;
  font-style: normal;
  font-size: var(--font-size-icons);
  line-height: var(--line-height-s);
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  padding: 0;
  margin: 0 0.3rem 0.1rem 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
/* a[href^="#"]:not([href="#"]::before {
	  font-family: 'Material Icons';
    content: "\e0d9";
} */
*:focus:not(:focus-visible) {
  outline: none;
}
*:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
.footer-content {
  border-top: 1px solid var(--border);
  padding: var(--space-6) 0 0 0;
}
@media (max-width: 1200px) {
  .container {
    width: 93%;
    margin: 0 auto;
  }
  .logo {
    flex: 0 0 24%;
  }
  .logo_bild {
    flex: 0 0 7%;
  }
  .logo_text {
    flex: 0 0 21%;
  }
  .Footernavigation {
    flex: 0 0 70%;
  }
}
@media (max-width: 992px) {
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .logo {
    flex: 0 0 24%;
  }
  .logo_bild {
    flex: 0 0 7%;
  }
  .logo_text {
    flex: 0 0 21%;
  }
  .Footernavigation {
    flex: 0 0 70%;
  }
}
@media (max-width: 768px) {
	html {
  font-size: 95%;
}
.header-content {
	padding: 0 var(--space-8) 0 var(--space-8);	
	}
.logo {
    flex: 0 0 30%;
  }
	.footer-content {
		 flex-wrap: wrap;
		
	}
	.logo_bild {
    flex: 0 0 9%;
  }
  .logo_text {
    flex: 0 0 90%;
  }
	  .Footernavigation  {
    padding:0px;
		  margin:var(--space-4) 0 0 0;
		    flex: 0 0 100%;
  }
  nav ul  {
    justify-content: flex-start;  
	   flex-wrap: wrap;
  }
	nav ul li {
		padding:0px;
		margin: 0 var(--space-4) 0 0;
	}
}