/*!
 * VERSUS MAIN STYLES
 * sys.team software GmbH 2018
 * 
 */
 
 
/* -- General -- */
/*
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto+Slab:400,700|Roboto:400,700');

	

    font-family: 'Roboto', sans-serif;

    font-family: 'Roboto Condensed', sans-serif;

    font-family: 'Roboto Slab', serif;

*/
@font-face { 
font-family: "Roboto"; 
src: url("/fonts/roboto/Roboto.ttf"); 
}

@font-face { 
font-family: "Roboto Slab"; 
src: url("/fonts/robotoslab/RobotoSlab.ttf"); 
}

body {
  padding-top: 144px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  background-color: #ffffff;
}

p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;	
}

h1, h2, h3, h4, h5 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 700;	
}

h1 {
	padding-bottom: 20px;
}
/* -- General End -- */

/* -- Specials -- */

.tPreis {
	font-size: 18px;
	font-weight: 700;
	
}

/* -- Specials End -- */

/* -- Links -- */
a, .page-link {
	color: #095a90;
}


a:hover, a:focus{
	color: #ff9933;
}



/* -- Links End -- */

/* -- Buttons -- */
.btn-primary {
    background-color: #095a90;
    border: none;
}

.btn-primary:hover {
    background-color: #ff9933;
}

header .btn.prev, header .btn.next {
	position: absolute;
	margin-top: 120px;	
}

header .btn.prev {
	left: 0;
}

header .btn.next {
	right: 0;
}

.btn-outline-secondary {
    color: #fff;
    }

.btn-outline-secondary:hover {
    color: #ff9933;
    background-color: #fff;
    border-color: #999;
}
/* -- Buttons End -- */

/* -- Forms -- */

#quickSearch form {
	display: inline-flex;
}



#quickSearch {
    display: inline-block;
    position: relative;
    float: right;
    padding: 0;
    position: relative;
    left: 10px;
    top: -2px;
}

#quickSearch input[type="text"] {
    height: 25px;
    margin-top: 8px;
    margin-right: -15px;
    width: 150px;
}


#quickSearch input[type="submit"] {
    height: 39px;
    width: 63px;
    display: inline-block;
    background: url("/images/search_lupe.gif") center center no-repeat;
    border: none;

    cursor: pointer;

}

/* -- Forms End -- */




/* -- Header -- */

.business-header {
    height: 300px;
    min-height: 300px;
    background: url('/images/teaser-slider.jpg') center center no-repeat scroll;
        background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.slogan {
    background-image: url('/images/slogan.gif');
    background-repeat: no-repeat;
    width: 300px;
    height: 50px;
    margin-top: -43px;
}



/*Slider Startseite */

/* equal card height */
.row-equal > div[class*='col-'] {
    display: flex;
    flex: 1 0 auto;
}

.row-equal .card {
   width: 100%;
}

/* ensure equal card height inside carousel */
.carousel-inner>.row-equal.active, 
.carousel-inner>.row-equal.next, 
.carousel-inner>.row-equal.prev {
    display: flex;
}

/* prevent flicker during transition */
.carousel-inner>.row-equal.active.left, 
.carousel-inner>.row-equal.active.right {
    opacity: 0.5;
    display: flex;
}

.carousel-inner {
	margin-top: 30px;
}



/* control image height */
.card-img-top-250 {
    max-height: 250px;
    overflow:hidden;
}

/* Fix MHD damit nicht auf die gesamte Breite geht */
.carousel-inner {
    width: 900px !important;
}

/* -- Navigation -- */

nav {
	 /*background-color: rgb(254, 157, 42);*/
	 background-color: #fff;
	-webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.2);
	border-bottom: 8px solid #ff9933;
	}

nav.navbar {
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;

}

nav .container {
	padding: 0;
}

.naviMain {
	font-family: 'Roboto Condensed', sans-serif;	
	font-weight: 400;
	margin-top: 30px;
}

.naviMain a.nav-link {
	font-size: 24px;
	text-transform: uppercase;
	color: #095a90;
}

.naviMain a.nav-link:hover, .naviMain a.nav-link:focus {
	color: #ff9933;
}

.naviMeta a {
	font-size: 14px;
	text-transform: none;
	color: #000;
}

.navbar-collapse {
    flex-direction: column;
}

.dropdown-menu {
	-webkit-box-shadow: -1px 15px 21px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 15px 21px 3px rgba(0,0,0,0.2);
	box-shadow: -1px 15px 21px 3px rgba(0,0,0,0.2);
	border-color: #ff9933;
	margin-top: 8px;
	
}

.naviMeta .dropdown-menu {
	margin-top: 0px;
	 -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}


.naviMain .dropdown-menu {
	background-color: #ff9933;
	margin-top: 8px;
	 -webkit-border-radius: 0px 0px 0px 6px;
    -moz-border-radius: 0px 0px 0px 6px;
    border-radius: 0px 0px 6px 6px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-item a {
    color: #000;
}

.dropdown-item a:hover {
    text-decoration: none;
}


.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #000;
}

.dropdown-submenu.pull-left, .dropdown-submenu.pull-left2 {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.dropdown-submenu.pull-left2>.dropdown-menu {
    left: -70%;
    margin-left: 10px;
}

.naviMeta .wkSmall a {
	padding-left: 10px;
}

/* -- Navigation End -- */


/* Hamburger Menu - Animation */
.icon-bar {
    width: 38px;
    height: 4px;
    background-color: #000;
    display: block;
    transition: all 0.2s;
    margin-top: 6px;
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
  padding: .25rem 0.0rem;
  /* rausnehmen bei bootstrap beta */   margin-top: 30px;

}

button.navbar-toggler:focus {
  outline: none;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
/* -- */


/* -- Header End -- */


/* -- Main -- */
.mainContent {
	padding: 40px;
	background-color: #fff;
}
/* -- Main End -- */

.pagination {
  margin-bottom: 15px;
}

.bg-green {
	background-color: rgb(0,161,164,0.1)
}


/* -- Footer -- */
footer {
/*background-color: #064a5c;*/
background-color: #ff9933;
/* -- Footer End -- */
}

.footer a:link{
color: #ffffff;
}

.footer a:hover{
color: #00008b;
}

/* -- MEDIA QUERIES -- */

@media only screen and (max-width:1199px) and (min-width:992px) {
	
	.slogan {
    background-image: url('/images/slogan-mobil_2021.gif');
	background-repeat: no-repeat;
    width: 180px;
    height: 50px;
}
}



@media only screen and (max-width:991px) {

	body {
		padding-top: 0;
	}
	
	.slogan {
    background-image: url('/images/slogan-tablet.gif');
    background-repeat: no-repeat;
    width: 280px;
    height: 50px;
}

	
	nav.navbar {	
	position:static;
	}
	
	.dropdown-submenu > .dropdown-menu {
    margin-left: 60px !important;
	}
	
	#postsCarousel {
		display: none;
	}
	
	.business-header {
    width: 100%;
    background: url('/images/teaser.jpg') center center no-repeat scroll;   
    height: 100px !important;    
    min-height: inherit;
	}

	
}

@media only screen and (max-width:460px) {

	
	.slogan {
    background-image: url('/images/slogan-mobil_2021.gif');
    background-repeat: no-repeat;
    width: 180px;
    height: 50px;
}
}



/*BASIC*/

* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/*HEADER*/
.horizontalSlider .header {
  height: 25px;
  background: #222;
  color: #eee;
  text-align: center;
  font: 10px/25px Helvetica, Verdana, sans-serif; 
}

.horizontalSlider .header a {
  color: #999;
}

/*LIST*/
.horizontalSlider ul {
  list-style: none;
}

/*FORM*/
.horizontalSlider form {
  margin: 50px;
}

.horizontalSlider input {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.horizontalSlider label {
  display: block;
  width: 50px;
  background: #999;
  text-align: center;
  font: 14px/50px Helvetica, Verdana, sans-serif;
  margin-bottom: 10px;
  float: left;
  overflow: hidden;

  -webkit-transition: width 1s ease, background 0.5s ease;
  -moz-transition: width 1s ease, background 0.5s ease;
  -o-transition: width 1s ease, background 0.5s ease;
  -ms-transition: width 1s ease, background 0.5s ease;
  transition: width 1s ease, background 0.5s ease;
}

.horizontalSlider #rad2 + label {
  background: #888;

  -webkit-transition: width 1s ease, background 0.5s ease;
  -moz-transition: width 1s ease, background 0.5s ease;
  -o-transition: width 1s ease, background 0.5s ease;
  -ms-transition: width 1s ease, background 0.5s ease;
  transition: width 1s ease, background 0.5s ease;
}

.horizontalSlider label:hover, .horizontalSlider #rad2 + label:hover {
  background: #232323;
  color: #fff;
  cursor: pointer;
}

/*SLIDES*/
.horizontalSlider .accslide {
  color: #333;
  display: block;
  width: 0px;
  background: #fff;
  font: 12px/1.5 Helvetica, Verdana, sans-serif;
  padding: 10px 0;
  float: left;
  overflow: hidden;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.horizontalSlider .accslide p, .horizontalSlider h2, .horizontalSlider img {
  width: 420px;
  padding-left: 10px;
}

.horizontalSlider .accslide img {
  margin-top: 10px;
}

.horizontalSlider input[type="radio"]:checked+label ~ .accslide {
  width: 450px;
}

.card {
    background-clip: border-box;
    border: none;
    border-radius: 0;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    position: relative;
  }


.accordion .card-header:after { 
    content: url("/images/pfeil_filter_on.svg");
    float: right; 
    width: 20px;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
	content: url("/images/pfeil_filter_off.svg");
    float: right; 
	width: 20px;
}

.accordion .card-header {
    margin-bottom: 0;
    background-color: #fff;
    border-top: 1px solid #095a90;
    border-bottom: none;
}

.accordion .card-header.collapsed .card-title {
	color: #000;
}

.accordion .card-header .card-title {
	font-weight: 700;
	font-style: normal;
	color: #095a90;

}

.accordion .card-block {
    padding: 0rem 1.25rem 1.25rem;
}

.accordion .card-header {
    padding: .75rem 0.8rem;
    }
    
.accordion {
	 border-bottom: 1px solid #095a90 !important;
 }
 

/*Cookie Buttons*/

#cookieOverlay {
	background-color: rgba(104,91,98,0.7);
	height: 100vh;
	width: 100vw;
	position: fixed;
	opacity: 1;
	top: 0;
	z-index: 99999999;

}

#cookiePopUp {
  height: auto;
  width: 50vw;
  margin: auto;
  position: relative;
  top: 50;
  padding: 30px; 
  vertical-align: center;
  overflow: auto;
  z-index: 999999999;
  background: #ffffff;
  border: 2px solid #ff9933;
  line-height: 1.5;
  opacity: 1 !important;
}

.cookieButton {
	background-color: #ffffff;
	/*border-style: none;*/
	border: 1px solid #ff9933;
	margin: 2px;
	padding: 15px;
	cursor: pointer;
	
}