/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

/*
FBFAF8
F4F2EE
EAE4DD
DFD7CD
D5C9BC
CABCAB main
988D80
655E56
322F2B
000000
*/


html {
  position: relative;
  min-height: 100%;
}
body {
	padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */

  margin-bottom: 80px; /* Margin bottom by footer height */
   font-family: 'Montserrat', sans-serif;
}

a {
   font-family: 'Montserrat', sans-serif;
  text-decoration: none;
    color:#655E56;
}
a:hover, .a:focus, .a:active {
  text-decoration: none;
 color:#322F2B;
}

.corporate-font {
   font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #322F2B;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small,
.h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, 
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  color: #CABCAB;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-top: 0px solid #B3995D;
  border-bottom: 0px solid #B3995D;
}

.slider_body {
	padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #CABCAB;
}

::selection {
  color: #fff;
  background: #CABCAB;
}

.login-form {
  padding-bottom: 9px;
  margin: 3.0em 0 20px;
}
@media screen and (max-width: 768px) {
.login-form {
  padding-bottom: 9px;
  margin: 1.0em 0 20px;
}
}

.branded {
background-image: url('../../globals/images/tk_bg.svg');
background-repeat:no-repeat;
background-position: center center;
background-size:contain;
background-attachment: fixed;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px; /* Set the fixed height of the footer here */
  color:#322F2B;
  background-color: #CABCAB;
  border-top:1px solid #988d80;
  padding-top:20px;
}
.footer p {
  font-size:16px;
  font-family: 'Montserrat', sans-serif;
}
.footer a {
	color:#FFF;
  font-size:18px;
  font-family: 'Montserrat', sans-serif;
}
.footer a:hover, .a:focus, .a:active {
  color: #655E56;
}



.btn {
  border-radius: 0px;
}

.sparte {
   font-family: 'Montserrat', sans-serif;
  font-size:40px;
  text-align: center;
  font-weight:100;
  color:#322F2B;
}

.spartenimage {
height:100px;
}


.tooltip-inner {
    min-width: 100px;
	max-width: 500px; 
 /*  padding:5px; */
   text-align:left;
}

.flag {
  width:20px;
}
.flag-small {
  width:15px;
}
.marker {
  width:17px;
}

.logo-wrapper {
height:30px;
}
.logo {
max-width:90px;
max-height:25px;
}
.logo-small {
max-width:80px;
max-height:25px;
}
.logo-big {
max-width:300px;
max-height:150px;
}
#map {
  width: 100%;
  height: 600px;
  position: relative;
  margin-top:30px;
}
@media screen and (max-width: 768px) {
  #map {
    height: 200px;
  }
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}


.btn-white {
  background: #fff;
  color: #000;
  border: 2px solid #fff;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
  color: #000;
  background: #fff;
  border-color: #fff;
}
.btn-white.btn-outline {
  color: #fff;
  border: 2px solid #fff;
}
.btn-white.btn-outline:hover, .btn-white.btn-outline:focus, .btn-white.btn-outline:active {
  background: #fff;
  color: #000 !important;
  border: 2px solid #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

/*
FBFAF8
F4F2EE
EAE4DD
DFD7CD
D5C9BC
CABCAB main
988D80
655E56
322F2B
000000
*/

.btn-default {
  color: #F8F5EF;
  background-color: #CABCAB;
  border-color: #988d80;
}
.btn-default:focus,
.btn-default.focus {
  color: #fff;
  background-color: #988d80;
  border-color: #988d80;
}
.btn-default:hover {
  color: #fff;
  background-color: #988D80;
  border-color: #988D80;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-dark {
  color: #fff;
  background-color: #988d80;
  border-color: #988d80;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #fff;
  background-color: #988d80;
  border-color: #988d80;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}


.btn-dark {
  color: #F8F5EF;
  background-color: #655E56;
  border-color: #322F2B;
}
.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #988d80;
  border-color: #988d80;
}
.btn-dark:hover {
  color: #fff;
  background-color: #322F2B;
  border-color: #322F2B;
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  color: #fff;
  background-color: #322F2B;
  border-color: #322F2B;
}
.btn-dark:active:hover,
.btn-dark.active:hover,
.open > .dropdown-toggle.btn-dark:hover,
.btn-dark:active:focus,
.btn-dark.active:focus,
.open > .dropdown-toggle.btn-dark:focus,
.btn-dark:active.focus,
.btn-dark.active.focus,
.open > .dropdown-toggle.btn-dark.focus {
  color: #fff;
  background-color: #322F2B;
  border-color: #322F2B;
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

/*
FBFAF8
F4F2EE
EAE4DD
DFD7CD
D5C9BC
CABCAB main
988D80
655E56
322F2B
000000
*/

.btn-outline {
  color: #988D80;
  background-color: #FFF;
  border-color: #DFD7CD;
}
.btn-outline:focus,
.btn-outline.focus {
  color: #FFF;
  background-color: #CABCAB;
  border-color: #CABCAB;
}
.btn-outline:hover {
  color: #FFF;
  background-color: #DFD7CD;
  border-color: #DFD7CD;
}
.btn-outline:active,
.btn-outline.active,
.open > .dropdown-toggle.btn-dark {
  color: #FFF;
  background-color: #988d80;
  border-color: #988d80;
}
.btn-outline:active:hover,
.btn-outline.active:hover,
.open > .dropdown-toggle.btn-outline:hover,
.btn-outline:active:focus,
.btn-outline.active:focus,
.open > .dropdown-toggle.btn-outline:focus,
.btn-outline:active.focus,
.btn-outline.active.focus,
.open > .dropdown-toggle.btn-outline.focus {
  color: #FFF;
  background-color: #988d80;
  border-color: #988d80;
}
.btn-outline:active,
.btn-outline.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-outline.disabled:hover,
.btn-outline[disabled]:hover,
fieldset[disabled] .btn-outline:hover,
.btn-outline.disabled:focus,
.btn-outline[disabled]:focus,
fieldset[disabled] .btn-outline:focus,
.btn-outline.disabled.focus,
.btn-outline[disabled].focus,
fieldset[disabled] .btn-outline.focus {
  color:#D5C9BC;
  background-color: #F4F2EE;
  border-color: #F4F2EE;
}

.btn-transparent {
  color: #FBFAF8;
  background-color: rgba(152, 141, 128, .6);
  border: 2px solid #FBFAF8;
}
.btn-transparent:focus,
.btn-transparent.focus {
  color: #FFF;
  background-color: #CABCAB;
  border-color: #CABCAB;
}
.btn-transparent:hover {
  color: #FFF;
  background-color: #DFD7CD;
  border-color: #DFD7CD;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-dark {
  color: #FFF;
  background-color: #988d80;
  border-color: #988d80;
}
.btn-transparent:active:hover,
.btn-transparent.active:hover,
.open > .dropdown-toggle.btn-transparent:hover,
.btn-transparent:active:focus,
.btn-transparent.active:focus,
.open > .dropdown-toggle.btn-transparent:focus,
.btn-transparent:active.focus,
.btn-transparent.active.focus,
.open > .dropdown-toggle.btn-transparent.focus {
  color: #FFF;
  background-color: #988d80;
  border-color: #988d80;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-transparent.disabled:hover,
.btn-transparent[disabled]:hover,
fieldset[disabled] .btn-transparent:hover,
.btn-transparent.disabled:focus,
.btn-transparent[disabled]:focus,
fieldset[disabled] .btn-transparent:focus,
.btn-transparent.disabled.focus,
.btn-transparent[disabled].focus,
fieldset[disabled] .btn-transparent.focus {
  color:#D5C9BC;
  background-color: #F4F2EE;
  border-color: #F4F2EE;
}

/* NAVBAR */
.navbar-inverse .navbar-brand {
  color: #322F2B;
  /* font-family: 'Alegreya', serif; 
  font-family: 'Unica One', cursive;
  */
  font-family: 'Montserrat', sans-serif;
 /*font-family: 'Corben', cursive; */
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 25px;

}

.navbar-inverse a {
  font-family: 'Montserrat', sans-serif;
}
 

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand img {
	height:30px;
	margin-right:10px;
	margin-top:-5px;
	display: inline;
}

/* https://kulturbanause.de/blog/navigation-runterscrollen-verstecken-hochscrollen-anzeigen/ */
.down nav {
   transform: translate3d(0, 50px, 0); /* um 50px nach oben verschieben */
}

.navbar-inverse {
  background-color: #CABCAB;
  border-color: #988d80;
}
.navbar-inverse  {
  color: #ffff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #655E56;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #ffff;
}
.navbar-inverse .navbar-nav > li > a {
font-size: 16px;
  color: #ffff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #322F2B;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
   color: #322F2B;
  background-color: #CABCAB;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {

  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #CABCAB;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #040243;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #040243;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #040243;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.42857143;
  color: #CABCAB;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #322F2B;
  background-color: transparent;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #322F2B;
  background-color: transparent;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


/*
FBFAF8
F4F2EE
EAE4DD
DFD7CD
D5C9BC
CABCAB main
988D80
655E56
322F2B
000000
*/


.table-bordered {
  border: 1px solid #B3995D;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #B3995D;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #FBFAF8;
}
.table-hover > tbody > tr:hover {
  background-color: #FBFAF8;
}


/* LANGUAGE styles
-------------------------------------------------- 271D12 735636 BEAD92 F2EFE9 */
.lang {
  margin:5px; /* margin hover + 1/2(lang:hover-lang) */
  opacity:0.3;
  width:15px;
  height:auto;
  border:0px solid white;
  border-radius:0%;

}
.lang:hover {
  margin:2px;
  opacity:1.0;
  width:20px;
  height:auto;
  border:0px solid white;
  border-radius:0%;

}
.langactive {
  margin:2px;
  width:20px;
  height:auto;
  border:0px solid white;
  border-radius:0%;

}

.flags {
	display:inline-block;
}
.navilang {
  margin:5px;
  margin-top:-20px;
  display:inline;
  opacity:1;
  width:13px;
  height:auto;
  border:0px solid white;
  border-radius:0%;
}
.lang-image {
  margin-left:5px;
  margin-right:5px;
  width:14px;
  height:auto;
  border:0px solid white;
  border-radius:0%;
}


.input-sm, .input-lg  {
  border-radius: 0px;
  border:1px solid #CABCAB;
}
.form-group-lg .form-control {
  border-radius: 0px;
}

.form-control {
  color: #988D80;

}
.form-control:focus {
  border-color: #CABCAB;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(152, 141, 128, .6);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(152, 141, 128, .6);
    } 

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control:-webkit-input-placeholder {
  color: #999;
}

.form-control:valid {
  background-color:  #FFFFFF!important;
}

.input-sm, .input-lg  {
  border-radius: 0px;
}
.form-group-lg .form-control {
  border-radius: 0px;
}

/*
FBFAF8
F4F2EE
EAE4DD
DFD7CD
D5C9BC
CABCAB main
988D80
655E56
322F2B
000000
*/

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #222;
}
.panel-heading > .dropdown .dropdown-toggle {
   color: #988d80;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: #988d80;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-default {
  border-color: #CABCAB;
}
.panel-default > .panel-heading {
  color: #988D80;
  background-color: #EAE4DD;
  border-color: #CABCAB;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}


.breadcrumb {
  border-radius: 0px;
  min-height:45px;
  background:transparent;
}

/*
#CABCAB maincolor
#988d80
#655E56
#322F2B
*/
  
/* BUTTON BACK TO TOP  https://www.w3schools.com/howto/howto_js_scroll_to_top.asp  */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #988d80; /* Set a background color */
  color: #F8F5EF; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #655E56; /* Add a dark-grey background on hover */
}


.navbar-logo {
    width: 200px;
	margin-top:-7px;
}


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}



/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

/* Kalender */
.td_feiertag {
color:#600101;
font-weight:bold;
background:rgba(180, 50, 50, .2);
}
.td_wochenende {
color:#000;
font-weight:bold;
background:rgba(150, 150, 150, .2);
}
.td_default {
color:#333333;
background:rgba(255, 255, 255, .2);
}
.td_heute {
color:#000;
font-weight:bold;
background-color:#cce0f5;
}
.td_platzhalter {
 padding:5px;
 padding-top:10px;
 padding-bottom:10px;

}
.kalenderzelle {
 padding:0px;
 padding-top:0px;
 padding-bottom:0px;
 font-size:10px;
 border:1px solid #dddddd;
 text-align:center;
}

#kalenderzelle_container {
height:45px;
width:100%;
padding:5px;
padding-top:5px;
padding-bottom:10px;
font-size:10px;
}
.besuchbox {
border:1px solid #dddddd;
height:25px; 
background-repeat: no-repeat;
background-position: center center;
background-size:contain;

}

#outerContainer{
  position: relative;
}
#urlaub_container{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: transparent;
}
#schulferien_container{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: transparent;
}
#reise_container{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 2;
 /* background-color: rgba(68,99,218,.2); */

}
.reise_container{
width:100%;
background-size:100% 40%; 
background-repeat:no-repeat;
background-position:center 75%;
}
.schulferien {
font-weight:bold;
background-color: transparent;
background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(30,154,13,.2) 3px, rgba(30,154,13,.2) 6px);
background-size:100% 60%;
background-position: center top;
background-repeat:no-repeat;
}

.urlaub {
font-weight:bold;
background-color: transparent;
background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(68,99,218,.3) 3px, rgba(68,99,218,.3) 6px);
background-size:100% 40%;
background-position: center bottom;
background-repeat:no-repeat;
}
.halfurlaub {
font-weight:bold;
background-color: transparent;
background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(68,99,218,.3) 3px, rgba(68,99,218,.3) 6px);
background-size:40% 40%;
background-position: right bottom;
background-repeat:no-repeat;
}