@charset "UTF-8";
/* CSS Document */

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: initial;
}

html {
  scroll-behavior: smooth;
}

h2{
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 20px;
}
h3{
  margin-bottom: 15px;
}

div.container > table.table > tbody > tr > td > ul, div.container > table.table > tbody > tr > td > ul > li {
  list-style-type: inherit;
}
div.container > table.table > tbody > tr > td > ul > li {
  margin-left: 25px;
}

.landingpagetitle{
  margin-left: 25px;
  margin-top: 35px;
}
.nav{
  float:right;
}

#anfrage-betreff{
  padding: 5px;
}

.page-footer{
     padding-top: 65px!important;
}
.page-footer > div.container{
     padding-bottom: 45px!important;
}
.section .section-heading{
     font-weight: bold;
}

.section{
     margin-bottom: 4rem!important;
}

p.regionEinleitung{
  margin-top: 0px;
  margin-bottom: 50px;
  width: 80%;
}

/* Variabeln */
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {

  /* line 13, ../sass/style.scss */
  .carousel {
    height: 350px;
    overflow: hidden;
  }

  /* line 17, ../sass/style.scss */
  .features-big .fa {
    font-size: 4em;
  }
}
/* Medium devices (tablets, 768px and up) */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #inhaltsbereich{
    margin-top: 200px;
  }

  #topProdukte {
      height: 0px;
  }  

  /* line 30, ../sass/style.scss */
  #navbarContainer {
    margin-top: 15px;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
/* Allgemein G├╝ltige Regeln */
/* line 41, ../sass/style.scss */
.bg-primary {
  background-color: #2E3A41 !important;
}

/* line 44, ../sass/style.scss */
body {
  background-color: #FEFEFE;
}


.btn-header{
	color: #ffffff;
        background-color: #0089CB;
	width: 280px;
	font-size: 25px;
	margin-right: 35px;
	border-radius: 10px;
        box-shadow: -3px 4px 12px 0px #000;
	transform: scale(1);
	animation: pulse 2s forwards;
}
.btn-header:hover{
	background: #2E3A41;
}

.btn-submit{
  background-color:red;
  border-radius: 10px;
}

span.error{
  color:red;
  font-weight: bold;
}

/* line 47, ../sass/style.scss */
#carousel-container {
  margin-top: 20px;
}

/* line 50, ../sass/style.scss */
.footer-copyright {
  background-color: #0089cb !important;
}

/* line 54, ../sass/style.scss */
#topProdukte {
  background: url("/assets/img/bus-verbindungen.jpg") no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-y: -211px;
  width: 100%;
  margin-top: 60px;
  overflow: hidden;
  height: 0px;
}

/* line 68, ../sass/style.scss */
[class^="icon-"], [class*=" icon-"] {
  height: 32px;
  width: 32px;
  display: inline-block;
  fill: currentColor;
}
.form-control, .btn-primary{
   margin-left: 0px;
}
.input-text{
   margin-bottom: 40px;
}
#text{
  height:120px;
  padding: 5px;
}
.card:hover{
    cursor: pointer;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.12);
}
#top-angebote{
    /* margin-top: 125px; */
}

#top-angebote hr{
      display: block;
      border: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      margin-bottom: 50px;
}
.product{
      float: left;
      width: 300px;
}
.product img{
      box-shadow: none;
}


.footer-title{
     padding-left: 15px;
}
.footer-link:hover{
     text-decoration: underline;
}
.card-link{
     color: #373a3c;
}
#svonav{
     padding: 11px;
}
.menuLogo{
     position: absolute;
     top: 0px;
     left: 0px;
}



@media (max-width: 570px) {
   #svonav{
     padding: 17px;
     min-height: 80px;
   }
   .menuLogo{
    top: 9px;
   }
   .navbar-toggleable-xs .navbar-nav{
    margin-top: 1rem;
   }
   .svo-dropdown{
     background-color: #2E3A41;
     box-shadow: none;
   }
   .svo-dropdown > a{
     color: white!important;
     padding-left: 20px!important;
   }
   
   #navbarContainer{
      margin-top:25px;
   }
   .navbar-nav{
      width: 100%;
      text-align: center;
   }
   ul.navbar-nav li.nav-item{
      width: 100%!important;
      box-shadow: 1px 1px 6px -5px white;
      line-height: 45px
   }
   .svo-dropdown a{
      width: 100%;
      text-align: center;
   }
   .navbar-toggler{
      width: 92%!important;
      position: absolute;
      height: 80px;
      top: 0px;
   }

   .barStyle{
     position: absolute;
     right: 11.25px;
     top: 38%;
   }
   .instant-help{
     margin-top: 10px;
   }
}

input#supportkonsent{
   display: none;
}

a.form-control:focus{
   background-color: #2E3A41;
}

section ul, section li{
   list-style-type: square;
   margin-left: 18px;
}
.btn-primary{
  font-style: normal!important;
  border-radius: 10px!important;
}
.btn-info{
  font-style: normal!important;
  border-radius: 10px!important;
}
i.btn-info{
  background-color: #0089cb!important;
}
.btn-submit .waves-button-input{
  width: 100%;
}
.btn-testen{
   width: 40%;
}
a.btn-testen input{
   width: 100%;
}
.universal-btn{
  background: #0089cb!important;
  font-size: 25px!important;
  padding: 0px!important;
  /*width: 280px!important;*/
  width: 100%!important;
}

.universal-btn input, .universal-btn button{
  padding: 15px 0px;
}

.pricelist tbody tr td:last-child{
   text-align: left;
}

@media (max-width: 800px){
   
   .section-heading {
      padding-top: 20px;
    }
    .btn-submit, .btn-header{
	width: 100%;
        margin-right: 0px;
    }
   .universal-btn{
     width: 100%!important;
   }
}

.mitarbeiterform{
   position: relative;
   -webkit-transition: 1s all ease-in-out;
   -moz-transition: 1s all ease-in-out;
   -o-transition: 1s all ease-in-out;
   transition: 1s all ease-in-out;
}

.mitarbeiterform .submit-and-captcha{
  position: absolute;
  bottom: 0px;
}

.mitarbeiterSelect{
   margin-bottom: 35px;
}

#mitarbeiter_rolle_spezial_berechtigung{
  display: none;
}

/*Checkbox Styling */
 /* Customize the label (the container) */
.checkBoxContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkBoxContainer input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkBoxContainer :hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkBoxContainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkBoxContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkBoxContainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mitarbeiterform .hideOnChange{
 transition: top 1s ease;
 -moz-transition: top 1s ease;
 -webkit-transition: top 1s ease;
}

.mitarbeiterform .showOnChange{
 display: none;
 transition: top 1s ease;
 -moz-transition: top 1s ease;
 -webkit-transition: top 1s ease;
}

.popup{
  display: none;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 25%;
  top: 0;
  width: 50%; /* Full width */
  overflow: auto; /* Enable scroll if needed */
}
.ui-datepicker td span, .ui-datepicker td a{
  text-align: center;
}

.table tr:first-child td{
  border-top: 0px!important;
}

/*
   Animation
*/

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

#rettungsring-symbol-content{
   box-shadow: none;
}