html {
  scroll-behavior: smooth;
}


body {
  background-color:#FFFFFF;
  /* background-image:url('../images/body_back.jpg'); */
  background-repeat: no-repeat;
  background-size:cover;
}

.standard-padding {
    padding:0px 20px 0px 20px;
  }

.responsive-image img {
    max-width:100%;
    height:auto;
}
.mt-0 {
  margin-top: 0px !important;
}

.main-container {
  padding-top:60px !important;
  padding-bottom:90px !important;
}

.trenner-kurz {
  width: 30px;
  border: none;
  border-top: 1px solid #393939;
  margin: 15px 0 0 0;
}
h3 {
  font-size:24px;
}

.powermail_legend {
  display:none;
}
.powermail_fieldset {
  padding:0;
  border:none;
}
form, .powermail_confirmation, .powermail_create {
  font-family: 'Ubuntu';
}
.powermail_fieldwrap label, .powermail_fieldwrap div {
  padding:0;
}
fieldset .row {
  margin-bottom:15px;
}
.control-label {
  color: var(--tuerkis);
  font-weight: 700;
}
.btn-primary, .btn-danger {
  background-color:var(--tuerkis);
  border:none;
  border-radius:4px;
  font-family: 'Ubuntu';
  font-weight: 700;
  color:#FFF;
  padding:4px 15px 4px 15px;
  min-width:250px;
  min-height:40px;
}
.btn-danger {
  background-color:var(--gruen);
}
.powermail_confirmation, .btn-danger, .btn-primary {
  margin-top:15px;
}
textarea, .powermail_input {
  max-width:100%;
  width:500px;
}
.ce-textpic.ce-left.ce-above figure.image {
  margin-left:0;
}


@media(max-width:1279px){
  .image-mobile-bottom {
    flex-direction: column-reverse !important;
  }
}

h3, h4, h5 {
    font-family: 'Ubuntu';
    color:var(--tuerkis);
    font-weight:700;
}
@media(min-width:375px) {
    .standard-padding {
      padding:0px 25px 0px 25px;
    }
}
@media(min-width:568px) {
    .standard-padding {
      padding:0px 35px 0px 35px;
    }
}
@media(min-width:600px) {
    .standard-padding {
      padding:0px 40px 0px 40px;
    }
}
@media(min-width:768px) {
    .standard-padding {
      padding:0px 50px 0px 50px;
    }
}
@media(min-width:1024px) {
    .standard-padding {
      padding:0px 60px 0px 60px;
    }
}
@media(min-width:1108px) {
    .standard-padding {
      padding:0px 85px 0px 85px;
    }
}
@media(min-width:1000px) {
  .main-container {
    /* padding-bottom:0px !important; */
  }
}
@media(min-width:1200px) {
  .trenner-kurz {
    display:none;
  }
}
@media(min-width:1570px) {
    .standard-padding {
      padding:0px 0px 0px 0px;
    } 
}