/* Schriftarten */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* BASICS */
h1,h2,h3,h4,h5 {font-family: turbinado-pro, sans-serif; font-weight: 300;}
h5 {font-size: 1em;}
body { margin: 0; padding: 0;}
body,p {font-family: 'Inter', sans-serif;}
p {font-size: 1em; font-weight: 300;}
.hide-bar-scroll {transition: top 0.3s;}
.wortmarke {font-family: turbinado-pro, sans-serif; font-weight: 300;}
.background-base {background-color: #a7813f;}
.background-karo {background-image: url(/img/karo-muster-sidebar.jpg); background-repeat: no-repeat; background-position: bottom;}
.w3-third img {opacity: 0.8; cursor: pointer}
.w3-third img:hover {opacity: 1}
.no-background { background: none;}
.kontaktArt {font-weight: 700;}
.button {color: #000;}
.information {margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0;}
#header {position: fixed; top: 0; vertical-align: middle;}
.burger-icon {font-size: 1.5em;}
.burger-icon a:link a:hover a:visited {text-decoration: none;}

/* mobil */ @media only screen and (max-width: 475px) {
                svg {height: 15%; width: auto;}
                h1 {font-size: 4em; color: #000; line-height: 1.1; margin: 0; padding: 0;}
                h2 {font-size: 2em;}
                h3 {font-size: 3em;}
                h4 {font-size: 3em;}
                #about { margin-bottom: 2vh;}
                .information {width: 80vw;}
                .background-karo {background-image: url(/img/karo-muster-sidebar-mobil.jpg); background-repeat: no-repeat; background-position: bottom;}
                .button {font-family: 'Inter', sans-serif; font-weight: 300; font-size: 1.2em;}
                .burger-icon {top: 5%;}
}
/* tablet */ @media only screen and (min-width: 476px) and (max-width: 950px) {
                h1 {font-size: 3em; margin: 0; color: #000; line-height: 1.1;}
                h2 {font-size: 2em;}
                h3 {font-size: 3em;}
                h4 {font-size: 3em;}
                svg { height: 20%; width: auto; margin: 0;}
                #about { }
                .button {font-family: 'Inter', sans-serif; font-weight: 300; font-size: 1.5em;}
                .information {width: 50vw;}
              }
/* laptop */ @media only screen and (min-width: 951px) and (max-width: 1600px) {
                h1 {font-size: 3.5em; margin: 0; color: #000; line-height: 1.1;}
                h2 {font-size: 3em;}
                h3 {font-size: 3em;}
                h4 {font-size: 3em;}
                svg {height: 20%; width: auto; margin-top: 0; padding: 0;}
                .background-karo {background-image: url(/img/karo-muster-sidebar-mobil.jpg); background-repeat: no-repeat; background-position: bottom;}
                .button {font-family: 'Inter', sans-serif; font-weight: 300; font-size: 1.1em;}
                .information {width: 50vw;}
              }
/* desktop */ @media only screen and (min-width: 1601px) {
                svg {height: 15%; width: auto; margin-top: 3vh;}
                h1 {font-size: 4em; color: #000; line-height: 1.1;}
                h3 {font-size: 3em;}
                h4 {font-size: 3em;}
                #about {margin-bottom: 10vh;}
                .button {font-family: 'Inter', sans-serif; font-weight: 300; font-size: 1.5em;}
                .information {width: 50vw;}
				.cookie_svg {width: 25vw;}
				.impressum-text p {font-size: 16px;}
              }