@font-face {
    font-family: 'karla new';
    src: url('Karla-Regular.woff2') format('woff2'),
         url('Karla-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Seitenlayout */

.padding_head {padding:0% 20% 0% 20% !important;}

.padding_content {padding:0% 20% 0% 20% !important;}

.padding_titelmotiv {padding:0% 20% 0% 20% !important; margin:-103px 25px 25px 25px !important;}


.margin_content {margin:25px 25px 0px 25px !important; }

.padding_content_right {padding:3% 35% 3% 6% !important; }

.padding_content_left {padding:3% 6% 3% 35% !important; }

.padding_zwischensection {padding:0% 20% 0% 20% !important; margin:25px 25px 25px 25px !important;}


.rund_rechts .ba-gridbox-gallery-image {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.rund_links .ba-gridbox-gallery-image {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}


/* Linie */

.hr_content {border-color:#fbb600 !important; 
  border-size:5px; border: none; 
  height: 3px; 
  background-color:#fbb600 !important;
  width: 10%; 
  margin-top:1em !important;}

/* Icon-list */

.ba-item-icon-list ul li:hover a span {color:#e0a800 !important;}

.ba-item-icon-list ul li:hover a i {color:#e0a800 !important;}

/* Formular */

.rsform-input-box {width:90% !important;  padding:3% 2% 3% 2% !important; font-size: 17px !important; margin:0px !important; background-color: #36a9e1 !important; color:#FFF !important; transition:all 0.25s;}

.rsform-input-box:hover {background-color: #e0a800 !important; transition:all 0.25s;}

.rsform-input-box:focus {background-color: #e0a800 !important; transition:all 0.25s;}

.rsform-text-box {border: 0px solid #FFF !important; background-color:#00a1e5 !important; width:90% !important; height:200px !important; padding:3% 2% 3% 2% !important; font-size: 17px !important; color:#FFF !important; transition:all 0.25s;}

.rsform-text-box:hover {background-color: #e0a800 !important; transition:all 0.25s;}

.rsform-text-box:focus {background-color: #e0a800  !important; transition:all 0.25s;}

.rsform-submit-button {width:100% !important;}

.formBody {margin:0px !important; padding:0px!important;}

.formControls {margin:0px !important; padding:0px!important;}

.formResponsive button[type=submit] {text-shadow:none !important; font-family: 'karla new' !important; background-color:  #00a1e5 !important; font-size:17px !important;  padding:2% !important;}

.formResponsive button[type=submit]:hover {text-shadow:none !important; font-family: 'karla new' !important; background-color: #e0a800  !important; font-size:17px !important;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#FFF; opacity: 1; /* Firefox */}

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#FFF;}

::-ms-input-placeholder { /* Microsoft Edge */ color:#FFF; }

  .rsform-block-datenschutz p { font-family: 'karla new' !important; font-size:17px !important; line-height:110% !important; float:left; width:80%;}

.rsform-checkbox {float:left; width:20%; }






@media (min-width: 1601px) and (max-width: 2000px)  {

.padding_head {padding:0% 10% 0% 10% !important;}

.padding_content {padding:0% 9% 0% 9% !important;}

.padding_titelmotiv {padding:0% 8.5% 0% 8.5% !important; margin:-103px 25px 25px 25px !important;}


.margin_content {margin:0px 25px 0px 25px !important; }

.padding_content_right {padding:3% 16% 3% 6% !important; }

.padding_content_left {padding:3% 6% 3% 16% !important; }

.padding_zwischensection {padding:0% 9% 0% 9% !important; margin:25px 25px 25px 25px !important;}

.hr_content {border-color:#fbb600 !important; 
  border-size:5px; border: none; 
  height: 3px; 
  background-color:#fbb600 !important;
  width: 15%; 
  margin-top:1em !important;}
  
}

@media (min-width: 1281px) and (max-width: 1600px)  {

.padding_head {padding:0% 9% 0% 9% !important;}

.padding_content {padding:0% 8% 0% 8% !important;}

.padding_titelmotiv {padding:0% 8% 0% 8% !important; margin:-103px 25px 25px 25px !important;}


.margin_content {margin:0px 25px 0px 25px !important; padding:0px !important; }

.padding_content_right {padding:3% 15% 3% 5% !important; }

.padding_content_left {padding:3% 5% 3% 15% !important; }

.padding_zwischensection {padding:0% 8% 0% 8% !important; margin:25px 25px 25px 25px !important;}

.hr_content {border-color:#fbb600 !important; 
  border-size:5px; border: none; 
  height: 3px; 
  background-color:#fbb600 !important;
  width: 20%; 
  margin-top:1em !important;}  
}


@media (min-width: 901px) and (max-width: 1280px)  {

.padding_head {padding:0% 4% 0% 4% !important;}

.padding_content {padding:0% 4% 0% 4% !important;}

.padding_titelmotiv {padding:0% 4% 0% 4% !important; margin:-103px 25px 25px 25px !important;}


.margin_content {margin:0px 25px 0px 25px !important; padding:0px !important; }

.padding_content_right {padding:3% 8% 3% 4% !important; }

.padding_content_left {padding:3% 4% 3% 8% !important; }

.padding_zwischensection {padding:0% 4% 0% 4% !important; margin:25px 25px 25px 25px !important;}

  .hr_content {border-color:#fbb600 !important; 
  border-size:5px; border: none; 
  height: 3px; 
  background-color:#fbb600 !important;
  width: 20%; 
  margin-top:1em !important;}
}


@media (min-width: 0px) and (max-width: 900px)  {

.padding_head {padding:0% 3% 0% 3% !important; margin:0px 20px 0px 20px !important;}

.padding_content {padding:0% 3% 0% 3% !important; margin:0px 20px 0px 20px !important;}

.padding_titelmotiv {padding:0% 8% 0% 8% !important; margin:-70px 20px 20px 20px !important;}


.margin_content {margin:20px 20px 0px 20px !important; }

.padding_content_right {padding:8% !important; }

.padding_content_left {padding:8% !important; }

.padding_zwischensection {padding:0% 8% 0% 8% !important; margin:20px 20px 20px 20px !important;}

  .hr_content {border-color:#fbb600 !important; 
  border-size:5px; border: none; 
  height: 3px; 
  background-color:#fbb600 !important;
  width: 20%; 
  margin-top:1em !important;}

/* Formular */

.rsform-input-box {width:300px !important;  padding:2% 2% 2% 2% !important; font-size: 14px !important; margin:0px !important; background-color: #00a1e5 !important; color:#FFF !important; transition:all 0.25s;}


.rsform-text-box {border: 0px solid #FFF !important; background-color:#00a1e5 !important; width:90% !important; height:200px !important; padding:2% 2% 2% 2% !important; font-size: 14px !important; color:#FFF !important; transition:all 0.25s;}


.rsform-submit-button {width:100% !important;}

.formBody {margin:0px !important; padding:0px!important;}

.formControls {margin:0px !important; padding:0px!important;}

.formResponsive input[type="submit"] {text-shadow:none !important; font-family: 'karla new' !important; background-color:  #00a1e5 !important;  padding:2% !important;}

.formResponsive input[type="submit"]:hover {text-shadow:none !important; font-family: 'karla new' !important; background-color: #00a1e5  !important;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#FFF; opacity: 1; /* Firefox */ font-size: 14px !important;}

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#FFF; font-size: 14px !important;}

::-ms-input-placeholder { /* Microsoft Edge */ color:#FFF; font-size: 14px !important;}  

  .rsform-block-datenschutz p { font-family: 'karla new' !important; font-size:14px !important;}
  .formResponsive button[type=submit] {text-shadow:none !important; font-family: 'karla new' !important; background-color:  #36a9e1 !important; font-size:14px !important;  padding:2% !important;}

.formResponsive button[type=submit]:hover {text-shadow:none !important; font-family: 'karla new' !important; background-color: #931c81  !important; font-size:14px !important;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#FFF; opacity: 1; /* Firefox */}

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#FFF;}

::-ms-input-placeholder { /* Microsoft Edge */ color:#FFF; }

  .rsform-block-datenschutz p { font-family: 'karla new' !important; font-size:14px !important; line-height:110% !important; float:left; width:85%;}

.rsform-checkbox {float:left; width:15%; }

 .formResponsive .formHorizontal .rsform-block {
    margin-bottom: 10px !important;
} 

 .formResponsive input[type=text] {
        width: 96% !important;
    }
}
}