/* alle col classen */
[class*='col-'] {
  float: left;
  padding: 15px;
  width: 100%;
}

.row::after {
  content: '';
  clear: both;
  display: table;
}

.center_by_tablet {
  text-align: center;
}

.center_by_mobil {
  text-align: center;
}

.hide_mobil_bis_desctop {
  visibility: hidden;
  display: none;
}

.visible_ab_desctop {
  display: block;
}

/* class now added to the svg directly */
.logo { 
  height: 5rem;
  margin-top: 1rem;
}

html {
  overflow-y: scroll;
}
/* tablets */

@media only screen and (min-width: 768px) {
  .center_by_tablet {
    text-align: left;
  }
  .center_by_mobil {
    text-align: left;
  }

  .right_by_tablet {
    text-align: right;
  }

  .container {
    max-width: 768px;
  }

  .col-tablet-1 {
    width: 8.33%;
  }
  .col-tablet-2 {
    width: 16.66%;
  }
  .col-tablet-3 {
    width: 25%;
  }
  .col-tablet-4 {
    width: 33.33%;
  }
  .col-tablet-5 {
    width: 41.66%;
  }
  .col-tablet-6 {
    width: 50%;
  }
  .col-tablet-7 {
    width: 58.33%;
  }
  .col-tablet-8 {
    width: 66.66%;
  }
  .col-tablet-9 {
    width: 75%;
  }
  .col-tablet-10 {
    width: 83.33%;
  }
  .col-tablet-11 {
    width: 91.66%;
  }
  .col-tablet-12 {
    width: 100%;
  }
}

/* desktop: */
@media only screen and (min-width: 992px) {
  .container {
    max-width: 1024px;
  }
  .col-desctop-1 {
    width: 8.33%;
  }
  .col-desctop-2 {
    width: 16.66%;
  }
  .col-desctop-3 {
    width: 25%;
  }
  .col-desctop-4 {
    width: 33.33%;
  }
  .col-desctop-5 {
    width: 41.66%;
  }
  .col-desctop-6 {
    width: 50%;
  }
  .col-desctop-7 {
    width: 58.33%;
  }
  .col-desctop-8 {
    width: 66.66%;
  }
  .col-desctop-9 {
    width: 75%;
  }
  .col-desctop-10 {
    width: 83.33%;
  }
  .col-desctop-11 {
    width: 91.66%;
  }
  .col-desctop-12 {
    width: 100%;
  }
}

/* ab desctop */
@media only screen and (min-width: 1440px) {
  .hide_mobil_bis_desctop {
    visibility: visible;
    display: block;
  }

  .visible_ab_desctop {
    visibility: hidden;
    display: none;
  }

  .container {
    max-width: 1200px;
  }
}

.img_fluid {
  width: 100%;
  height: auto;
}

.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 1rem;
}

.pt-2 {
  padding-top: 2rem;
}
.pt-3 {
  padding-top: 3rem;
}
.pt-4 {
  padding-top: 4rem;
}
.pt-5 {
  padding-top: 5rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pb-2 {
  padding-bottom: 2rem;
}
.pb-3 {
  padding-bottom: 3rem;
}
.pb-4 {
  padding-bottom: 4rem;
}
.pb-5 {
  padding-bottom: 5rem;
}

/* formulare */
input,
textarea {
  width: 100%;
  padding: 0.5rem;
  font-size: 1rem;
}

select {
  padding: 0.5rem;
  font-size: 1rem;
  background-color: #ffffff;
  border: solid 1px;
  border-color: black;
}

label {
  display: block;
  padding: 0.5rem 0 0.2rem 0;
}

address {
  line-height: 1.5rem;
}

.btn1 {
  background-color: #886eb5;
  color: white;
  padding: 1rem 0;
  margin: 0.5rem 0;
  border-radius: 5px;
  border: none;
  display: block;
  width: 100%;
  transition-duration: 0.4s;
  cursor: pointer;
  font-size: 1rem;
  /* border: 2px solid #73ad21; */
}

.btn1:hover {
  background-color: #aa5fb1;
  color: white;
}

/* ende formulare */

.warning {
  border-style: solid;
  border-color: red;
  padding: 1rem;
  font-size: 1rem;
}

.text_red {
  color: red;
  font-weight: bold;
}

.rounded {
  border-radius: 10px;
}

summary {
  cursor: pointer;
}