/* Your custom styles */
/* display this row with flex and use wrap (= respect columns' widths) */
#cp-yes, #cp-no, #cp-link{
    border:1px solid silver;
    padding: 10px;
    margin: 10px;
    display: inline-block;
}
#cp-yes a, #cp-no a, #cp-link a{
    color: black;
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}


/* vertical spacing between columns */

[class*="col-"] {
  margin-bottom: 10px;
}

.content {
  height: 100%;
}
hr{
    margin: 40px 0;
}
.custom-hr-1{
    background-color: transparent;
    border-bottom: 3px dashed white;
    margin: 40px 0;
}
.br-6{
    border-radius: 6px;
}
.mr-10{
    margin-right: 10px;
    min-width: 50px;
}
header{
     background-color: #5B656D;
}
.innerHeader{
    margin-top: 20px !important;
    padding: 0 40px;
    background-color: #5B656D;
    color: white;
}
.innerHeader a{
    color: white;
}
.BC-trans{
    background-color: rgba(90, 100, 108,.6);
    padding: 20px;
    border-radius: 6px;
    border: 1px solid floralwhite;
}
.BC-notfall{
    background-color: white;
    color:red !important;
    padding: 20px;
    border:8px solid red;
    border-radius: 6px;
}
.text-box-1{
    background-color: rgba(255,255,255,.93);
    padding: 40px;
    border-radius: 6px;
    margin-top: 20px;
}
.section{
    margin: 4rem 0 !important;
}
#notfall-section{
    background-image: url(../img/wasserschaden-notfall.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    padding-bottom: 60px;
    min-height: 755px;
}
.hm-white-light .full-bg-img, .hm-white-light .mask{
    background-color:  rgba(255,255,255,.2);
}
.navbar-dark{
    background-color:  rgba(30, 56, 105,.9) !important;
    box-shadow: 0 0 16px black;
    font-size: 19px;
}
.display-1{
    font-size: 4rem;
}
#cta-wow-1{
    background: rgba(30, 56, 105,.8) !important;
    width: 400px;
    height: 200px;
    padding: 20px;
    color: white;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 0 0 12px black;
    z-index: 9999999 !important;
}
/*Background*/
.BG-1{
    background-image: url(../img/BG-3.png);
}
.BG-2{
    background-image: url(../img/BG-2.png);
}
/*Form dark*/
fieldset{
    background: rgba(0,0,0,.2);
    padding: 20px;
    border-radius: 6px;
}
.form-dark .font-small {
  font-size: 0.8rem; }

.form-dark [type="radio"] + label,
.form-dark [type="checkbox"] + label {
  font-size: 0.8rem; }

.form-dark [type="checkbox"] + label:before {
  top: 2px;
  width: 15px;
  height: 15px; }

.form-dark .md-form label {
  color: #fff; }

.form-dark input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #00C851;
  -webkit-box-shadow: 0 1px 0 0 #00C851;
  box-shadow: 0 1px 0 0 #00C851; }

.form-dark input[type=text]:focus:not([readonly]) + label {
  color: #fff; }

.form-dark input[type=password]:focus:not([readonly]) {
  border-bottom: 1px solid #00C851;
  -webkit-box-shadow: 0 1px 0 0 #00C851;
  box-shadow: 0 1px 0 0 #00C851; }

.form-dark input[type=password]:focus:not([readonly]) + label {
  color: #fff; }

.form-dark input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  z-index: 0;
  border: 1.5px solid #fff;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

.form-dark input[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -3px;
  width: 12px;
  height: 22px;
  border-style: solid;
  border-width: 2px;
  border-color: transparent #00c851 #00c851 transparent;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
/*Dark Form Overlay*/
.rgba-stylish-strong{
    background-color:  rgba(30, 56, 105,.8) !important;
}
.form-control:disabled, .form-control[readonly], input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea{
    color: white !important;
}
.picker__date-display{
    background-color:  rgba(30, 56, 105,.8) !important;
}
.picker__box .picker__header .picker__date-display .picker__weekday-display{
    background-color:  rgba(30, 56, 105,.9) !important;
}
.text-shadow-1{
    text-shadow: 0 0 6px black !important;
}
/*Tooltips*/
.tooltip-inner, .arrow {
    background-color: rgba(30, 56, 105,1) !important;
}
/*MODALS*/
.modal-body a{
    color: silver;
}
.modal-body ul{
    list-style: none;
}
/*TABS*/
.nav-tabs{
    z-index: 1;
}
.tab-content{
    z-index: 2;
}
.d-show{
    display: none;
}
.mdb-lightbox{
    z-index: 99 !important;
}
/*Footer*/

.color-dark-blue{
    background-color:  rgba(30, 56, 105,.9) !important;
}
footer.page-footer{
    padding-top: 0px !important;
}
ul.footer-list{
    margin-left: 20px;
    margin-top: 25px;
}
.footer-list li{
    
    list-style: circle;
    margin: 12px 0;
}
/*Cards*/

.card-title{
    margin:20px 0 30px 0 !important;
}
.card.card-cascade.narrower{
    margin-top: 40px;
}
.card-text{
    text-align: left;
}
/*FORM*/

input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]){
    border-bottom: 1px solid #00C851;;
    box-shadow: 0 1px 0 silver;
}
input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=search-md]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, textarea.md-textarea:focus:not([readonly])+label{
   color:white; 
}
#RR-Form{
    border-radius: 6px;
}
#RR-Form input{
    margin-top: 60px;
}
#RR-Form textarea{
    margin-top: 60px;
    border:none;
    border-bottom: 1px solid silver;
    min-height: 90px;
}
input[type=submit]{
    margin-top: 0 !important;
}
.help-block{
    background-color: lightcoral;
    text-align: left;
    padding-left: 10px;
    color:black;
    border-radius: 6px;
}
input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea{
    box-sizing: inherit;
}
.md-form label{
    top:.1rem;
    font-size: 1.4rem;
}
.md-form label.active{
    transform: translateY(-160%);
}
.fs-18{
    font-size: 18px;
}
/*Buttons*/
.btn-w-100{
    width:100%;
    margin: 0;
}
.btn-custom-blue{
    background-color: #88B6DA;
}
.menu-btn-pos{
  bottom: 30px;
    right: 24px;  
}
.notfall-btn-pos{
  bottom: 30px;
    left: 24px; 
    max-width:240px;
}
.visible-xs{
    display: none;
}
.header-box{
    margin: 0 auto;
}
.ml-10{
    margin-left: 10px;
}
/*Media Queries*/
@media only screen and (max-width:425px){
    .ml-10{
    margin-left: 0px;
}
    .visible-xs{
    display: inherit;
}
    footer{
    padding-bottom: 80px;
}
    .display-1{
        font-size: 2.2rem;
    }
    
    .innerHeader{
    font-size: 85%;
}
    .menu-btn-pos{
  bottom: 10px;
    right: 10px;  
}
    .notfall-btn-pos{
  bottom: 10px;
    left: 10px;  
}
}
@media only screen and (max-width:768px){
    .display-1{
        font-size: 2.2rem;
    }
   .notfall-box h3, .notfall-box h2{
        font-size: 120%;
    } 
    .py-5, .px-5{
        padding: 14px !important;
    }
    fieldset{
        padding: 10px;
    }
}


@media only screen and (min-width:768px){
    .aboveTheFold-pos{
        padding-top: 15%;
    }
}
}