html {height:100%; scroll-behavior: smooth;}
*, ::before, ::after {box-sizing: border-box;}
* {padding:0; margin:0; box-sizing: border-box;}
img {display: block; max-width: 100%; width:100%; height:auto;}
.img-fluid {max-width: 100%; width: 100%; height:auto;}
body {font-family: sans-serif; font-weight: 100; line-height: 150%;}

h1 {font-family: Inter,sans-serif;font-size: 64px; font-weight: 600;letter-spacing: -2px; line-height: normal;}
h2 {font-size: 24px;line-height: normal;}
h3 {font-size: 17px;font-weight: 400;margin-bottom: 10px;line-height: normal;}
h4 {font-size: 12px;font-weight: 100;margin-bottom: 10px; letter-spacing: 2px; text-transform: uppercase;}
p {font-weight: 100;margin-bottom: 10px; font-size: 17px; letter-spacing: 0px;}
.cfs {display:flex; justify-content: center; flex-wrap: wrap; margin:0 auto; padding:0 20px; width:100%; max-width: 1900px;}

.nowrap {flex-wrap: nowrap;}

.itemfull {flex: 1 1 100%;text-align: center; margin-bottom: 50px;}
.item {padding:0 20px;}
.flexfull {flex:1 1 100%; text-align: center;}
a {color:#222; transition: all .3s ease;}
a:hover { transition: all .3s ease;}

.bold {font-weight: 400;}
.bolder {font-weight: 600;}

li {margin:0 0 10px 20px; list-style: auto; line-height: 140%;}
.vermarktung {padding: 15px 0; text-align: center; background: #111; color: rgba(255,255,255,.35); font-size: 13px; display: flex; justify-content: center;
& a {color:rgba(255,255,255,.5);}
& a:hover {color:rgba(255,255,255,.8);}
}

.flex500 {flex:1 1 50%;}


.logo img {width: 100%; height:auto;}
.logo a {text-decoration: none;}
.img-fluid {border-radius: 20px;}

a.link {color:#000000; letter-spacing: .3px; text-decoration: none; font-weight: 100; position:relative; margin:0 30px 3px 0 ; font-size: 15px; transition: all .3s ease;}
a.link:hover {color:#000; transition: all .3s ease;}
a.link::after {content:''; left:0; bottom:0; position:absolute; background: #000000; height:1px; width:0px; transition: all .3s ease;}
a.link:hover::after {width:100%; transition: all .3s ease;}

.flex200 {flex: 1 1 200px;}
.flex800 {flex: 1 1 800px;}

#footer {padding-top:min(100px, 10%);padding-bottom:min(90px, 10%); color:rgba(0,0,0,.5); letter-spacing: .4px; font-size:14px;
& .cfs {max-width: 1524px; justify-content: space-between;}
& h4 {color:rgba(0,0,0,.7);}
& .item {flex: 1 1 200px;margin:0 5px 40px; max-width: 360px;}
& .logos_footer {height: 34px;width: auto; margin: 5px 0 10px;}
& a {font-weight:100;color:rgba(0,0,0,.5);}
& a:hover {color:rgba(0,0,0,.8);}
}


#header {
& .cfs {padding:0;}
& .logo {max-width: 190px;}
& .menu {display: flex; justify-content: center;}
& .header {justify-content: space-between; align-items: center; padding:1.5vw;}
& a.link {margin:0 10px;}
}



#unterseiten {background: #f2f2f2; padding: 100px 0;
  .cfs {max-width: 1500px;}
  & h2 {margin-bottom: 10px;}
  }