@charset "UTF-8";

/* CSS norbert-wagenbrett.de */

body {background-color: #818b8b; color: #ffffff;}

html, body {
    height: 100%;
    overflow-y: auto; /* Sicherstellen, dass vertikales Scrollen möglich ist */
}
body, .slider, .slides {
    -webkit-overflow-scrolling: touch; /* Sorgt für sanftes Scrollen auf iOS-Geräten */
}


/* Fonts */
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Schriftgrößen */
body, html, h1, h2, h3, * {font-family: "Montserrat", sans-serif; font-size: 15px;}
@media screen and (max-width: 39.5em) { /* Small */
	h1 {font-size: 2.5rem; margin-bottom: 2.5rem; letter-spacing: 0.15em; line-height: 110%;}
	h2 {font-size: 1.55rem; margin-bottom: 0.5em;}
	h3 {font-size: 1.2rem; margin-bottom: 0.3em; font-weight: 700;}
}
@media screen and (min-width: 40em) { /* >= Medium */
	h1 {font-size: 2.2rem; margin-bottom: 2.5rem; letter-spacing: 0.15em; line-height: 110%;}
	h2 {font-size: 1.35rem; margin-bottom: 0.5em;}
	h3 {font-size: 1.2rem; margin-bottom: 0.3em; font-weight: 700}
}
@media screen and (min-width: 64em) { /* >= Large */
	h1 {font-size: 3rem; margin-bottom: 2.5rem; letter-spacing: 0.15em; line-height: 110%;}
	h2 {font-size: 1.8rem; margin-bottom: 0.5em;}
	h3 {font-size: 1.2rem; margin-bottom: 0.3em;  font-weight: 700}
}
h1.titelhead, h2.titelhead {text-transform: uppercase; letter-spacing: 0.15em;}
a {color: #ffffff;}

/* Abstände */
.toppad {padding-top: 4rem;}
.navipad {padding-top:5rem;}
@media screen and (max-width: 39.5em) { /* Small */
    
}
@media screen and (min-width: 40em) { /* >= Medium */
    .titeltext {padding-top: 2em;}
}
@media screen and (min-width: 64em) { /* >= Large */
    .titeltext {padding-top: 4em;}
}

/* Navi */
nav {width: 100%; height: 3rem; position: fixed; top: 0px; z-index: 99; font-size: 0.9em; overflow: visible; background-color: #818b8b;}
nav a {color: #ffffff;}
nav a:hover {color: #000000;}
@media screen and (min-width: 64em) { /* >= Large */
nav { padding: 1rem 0; }
}
ul.menu > li > a {font-size: 0.8rem;}
.is-dropdown-submenu, .mobmenu { background: #818b8b !important; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  content: none;
  display: none;
}

/* Presse */
.prklein {font-size: 0.7em; font-style: italic;}
.prtitel {font-weight: bold; text-transform: uppercase;}
.prsub {font-weight: bold;}
.prtext {padding-top: 0.8em;}
.prlink a {font-size: 0.7em; color: #ffffff;}
.prbox {padding-bottom: 2em;}
.lprbox {padding: 0 0 2rem 2rem;}
menu-icon {
    width: 35px; /* Breite des Menü-Icons */
    height: 24px; /* Höhe des Menü-Icons */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer; /* Zeigt an, dass das Element interaktiv ist */
}

.menu-icon div {
    background-color: white; /* Farbe der Linien (weiß) */
    height: 4px; /* Dicke der Linien */
    width: 100%; /* Breite der Linien */
    border-radius: 2px; /* Leicht abgerundete Ecken */
}
ul.largemenu > li:first-child > a {
    padding-left: 0;
}

#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    color: white;
    padding: 15px;
    text-align: center;
    z-index: 1000;
}