@import url('./brand.css');

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body{
  background:#0a0a1a;
  color:rgba(255,255,255,.82);
  font-family: var(--font-body);
  line-height:1.7;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}

.agb-container{
  max-width:720px;
  margin:0 auto;
  padding:40px 24px 60px;
}

.back-link{
  display:inline-block;
  color:rgba(255,255,255,.45);
  text-decoration:none;
  font-size:14px;
  margin-bottom:28px;
  transition:color .2s;
}
.back-link:hover{color:#fff}

h1{
  font-size:clamp(22px,5vw,30px);
  font-weight:800;
  color:#fff;
  margin-bottom:6px;
  line-height:1.25;
}

.agb-updated{
  font-size:13px;
  color:rgba(255,255,255,.35);
  margin-bottom:36px;
}

h2{
  font-size:17px;
  font-weight:700;
  color:#fff;
  margin-top:32px;
  margin-bottom:10px;
}

h3{
  font-size:15px;
  font-weight:600;
  color:rgba(255,255,255,.9);
  margin-top:20px;
  margin-bottom:8px;
}

p{font-size:14px;margin-bottom:12px}

ul{
  padding-left:22px;
  margin-bottom:12px;
}
ul li{
  font-size:14px;
  margin-bottom:6px;
}

.agb-divider{
  border:none;
  border-top:1px solid rgba(255,255,255,.1);
  margin:40px 0 32px;
}

.veranstalter-content{font-size:14px;line-height:1.7}
.veranstalter-content p{margin-bottom:12px}
.veranstalter-content ul,.veranstalter-content ol{padding-left:22px;margin-bottom:12px}
.veranstalter-content li{margin-bottom:6px}
.veranstalter-content a{color:#90caf9;text-decoration:underline}

@media(max-width:480px){
  .agb-container{padding:28px 16px 48px}
}