/*
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(//fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900);
*/
@font-face {
    font-family: 'Roboto Condensed';
    src: url('./webfonts/Roboto-Condensed-Regular.eot'); /* IE9 Compat Modes */
    src: url('./webfonts/Roboto-Condensed-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/Roboto-Condensed-Regular.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/Roboto-Condensed-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/Roboto-Condensed-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}


/*========================================================
                    Main layout styles
=========================================================*/
body {background: #FFFFFF; font: 0.95em 'Roboto Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.428571429; color: #444444;}
header.section-header{ padding: 4px; z-index: 1;}
body,header,#content#main{ margin: 0; padding: 0;}
.under-construktion-h{ min-height: calc( 100vh - 80px);}
.red{color: #CC0000;}
.green{color: #009900}
.dark-green{ color: #297E01}
.dark-midnight{ color: #333333;}
.light-midnight{ color: #AAAAAA;}
.light-default{ color: #EEEEEE;}
.min-w-100{ min-width: 100px;}
#content-loader{ display: none;}
.title.wow.red{ font-size: 2.5em; font-weight: 500;}
.text-blink{ animation: blinker 1s linear infinite;}
@keyframes blinker { 50% { opacity: 0;}}
.navbar-brand{ display: none;}
.navbar-brand img{ max-height: 40px; }
.navbar.navbar-expand-lg.bg-red.fixed-top .navbar-brand{ display: block; margin: 0; padding: 0;}
.box-shadow{ box-shadow: 0px 0px 6px #888888;}
.wrapper{ padding: 8px; display: block;}
.bg-header,.bg-red{ background: #CC0000; color: #fff;}
.btn.bg-red:hover{ background: #FF2020; color: #fff;}
.btn.bg-grey{ background: #EEEEEE; color: #444444;}
.error-page-404{ text-align: center;}
.text-shadow{ text-shadow: 1px 1px 1px #000;}
footer,.footer{ min-height: 250px; box-shadow: 0px 1px 8px #444444; font-size: 0.85em; color: #EEEEEE;}
.footer .title{ color: #AAAAAA; font-size: 1.25em; display: block; margin: 4px 0; padding: 8px; border: 0; border-bottom: 1px solid #AAAAAA;}
footer.footer .card{ background: transparent; margin-bottom: 15px; display: inline-block; min-width: 280px; width: calc((100% / 3) - 16px ); max-width: calc(100% - 16px); margin: 8px 2px; padding: 8px;}
footer.footer .card a{ text-decoration: none; display: inline-block; margin: 4px; padding: 6px 12px; display: inline-block;}
footer.footer .card a:hover{ text-decoration: underline; color: #CC0000; padding: 6px 16px;}
section.section-content{ min-height: 60vh;}
.navbar a,.navbar ul{ font-size: 1.05em;}
.navbar.bg-red{ margin: 0; padding: 0;}
.navbar.bg-red a,
.navbar.bg-red ul{ color: #fff; border: 1px solid transparent; border-radius: 8px 8px 0 0;}
.nav-item,
.btn{ transition: 0.25s;}
.btn-danger{
  background: rgba(204, 0, 0, 0.75);
  border: 1px solid rgba(204, 0, 0, 0.05);}

.border-dark{
  -webkit-box-shadow: 3px 0px 0px 0px #FFFFFF; box-shadow: 3px 0px 0px 0px #EEEEEE;
}


.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active{ background: rgba(204, 0, 0, 1); border: 1px solid rgba(204, 0, 0, 0.65); -webkit-box-shadow: 0px 0px 3px 0px #FF0000; box-shadow: 0px 0px 3px 0px #FF0000;}
.navbar a:hover,
.navbar a:active,
.navbar a:focus,
.nav-item.active,
.nav-item:hover{ color: #CC0000; border-radius: 8px 8px 0 0; background: #fff;}
.nav-item.active a{ color: #CC0000;}
.nav-item a{ padding: 8px; min-width: 90px; text-align: center;}
.navbar-toggler.navbar-dark.bg-dark{ border-color: #fff; margin: 8px;}
.navbar-toggler.navbar-dark.bg-dark .navbar-toggler-icon{ color: #fff; border: 0; margin: 0; padding: 0;}
.navbar-toggler.navbar-dark.bg-dark:focus{ box-shadow: 0px 0px 5px #fff;}
.row.center{ text-align: center; float: none;}
nav.navbar{ border: 0; border-top: 1px solid #444444; border-bottom: 1px solid #444444; box-shadow: 0px 1px 8px #444444;}
ul.navbar-nav > li.nav-item > a.nav-link{ text-shadow: 1px 1px 1px #000;}
ul.navbar-nav > li.nav-item > a.nav-link:hover,
ul.navbar-nav > li.nav-item > a.nav-link:active,
ul.navbar-nav > li.nav-item > a.nav-link:focus{ text-shadow: 1px 1px 1px transparent;}
.menue-left.card-body-bg-image{ float: left; display:grid; min-width: 180px; min-height: 430px; height: calc(100vh - 290px); max-height: 520px;}
.overflow-auto{ overflow: auto;}
.navbar-brand.clean,.navbar-brand.clean:hover{ background: transparent; border: 1px solid transparent;}
.main.frame,
.main.frame .card .title{display: block;}
.main.frame .card .title{ border: 0; border-bottom: 1px solid #CCCCCC; margin: 4px 0; padding: 8px;}
.card .wrapper{ margin: 2px; border-radius: 2px;}
.text-more{ font-size: 1.25em;}
.text-smal{ font-size: 0.85em;}
.text-right{ text-align: right;}
.table.active{ background-color: transparent; background: rgba(204, 204, 204, 0.35);}
.hover-title{ cursor: pointer;}
.bg-image{ background-position: center; background-repeat: no-repeat; background-size: cover;}
.preis-angabe{ display: inline-block; border: 1px solid #AAAAAA; border-radius: 4px; padding: 4px 8px; min-width: 180px; text-align: center;}
a.link-styled{ text-decoration: none;}
a.link-styled:hover{ text-decoration: underline; color: #CC0000;}
td.card-td-max-w-200{ max-width: 200px;}
.col_min_h{ display:block; height:250px; min-height: calc(100% - 8px);}
.checkbox { padding-left: 20px;}
.checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 8px;}
.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #444444;}
.checkbox input[type="checkbox"] { opacity: 0; z-index: 1;}
.checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c";}
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed;}
.checkbox.checkbox-circle label::before { border-radius: 50%;}
.checkbox.checkbox-inline { margin-top: 0;}
.checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #428bca; border-color: #428bca;}
.checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff;}
.checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #d9534f; border-color: #d9534f;}
.checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff;}
.checkbox-info input[type="checkbox"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de;}
.checkbox-info input[type="checkbox"]:checked + label::after { color: #fff;}
.checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e;}
.checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff;}
.checkbox-success input[type="checkbox"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c;}
.checkbox-success input[type="checkbox"]:checked + label::after { color: #fff;}
.radio{ padding-left: 20px;}
.radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 8px;}
.radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out;}
.radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0);  transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);}
.radio input[type="radio"] { opacity: 0; z-index: 1;}
.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}
.radio input[type="radio"]:disabled + label { opacity: 0.65;}
.radio input[type="radio"]:disabled + label::before { cursor: not-allowed;}
.radio.radio-inline { margin-top: 0;}
.radio-primary input[type="radio"] + label::after { background-color: #428bca;}
.radio-primary input[type="radio"]:checked + label::before { border-color: #428bca;}
.radio-primary input[type="radio"]:checked + label::after { background-color: #428bca;}
.radio-danger input[type="radio"] + label::after { background-color: #d9534f;}
.radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f;}
.radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f;}
.radio-info input[type="radio"] + label::after { background-color: #5bc0de;}
.radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de;}
.radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de;}
.radio-warning input[type="radio"] + label::after { background-color: #f0ad4e;}
.radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e;}
.radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e;}
.radio-success input[type="radio"] + label::after { background-color: #5cb85c;}
.radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c;}
.radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c;}
ul.dropdown-menu{ border-radius: 0; margin: 0; padding: 2px; border: 1px solid #444444; background: #DDDDDD; color: #222222; text-align: left;}
ul.dropdown-menu li a.dropdown-item{ display: block; border-radius: 0; border: 0; color: #222222;}
a.dropdown-item.text-left{ text-align: left;}
.carousel-item-img{ min-height: 460px; max-width: 900px; background-color: #DDDDDD; background-position: center; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 8px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.carousel-item .carousel-caption{ margin: 0; left: 2px; right: 2px; bottom: 24px; top: 2px; background: rgba(200,200,200,0.55); border: 0; border-radius: 2px;}
.carousel-item .carousel-caption h5{ margin: 0; padding: 0; padding-bottom: 12px;}
.carousel-indicators{ background: rgba(250,250,250,0); width: 100%; margin: auto; margin-top: 0;}
.carousel-indicators button{ padding: 1px; border-radius: 45%;}
.carousel.carousel-dark.slide > .carousel-indicators button{ display: inline-block; height: 6px; width: 8px; padding: 4px; margin: 3px; border: 1px solid rgba(20,20,20,0.45); background: rgba(50,50,50,0.45);}
.carousel.carousel-dark.slide > .carousel-indicators button.active{ background: rgba(10,10,10,0.75); border: 1px solid rgba(250,10,10,0.65);}
.carousel-item{background-position: center; background-size: auto 100%; padding-top: 34px; padding-bottom: 36px;}
.carousel-item .carousel-item-img{ border: 1px solid rgba(10,10,10,0.75); border-radius: 12px;}

.modal-galerie{ background: rgba(0,0,0,0.75);}
.modal-galerie-dialog{margin-left: 0; margin-right: 0; margin-top: 2px; }
.modal-galerie-content{ margin-left: 4px; margin-right: 4px; min-width: calc(100vw - 8px); min-height: calc(100vh - 30px); }
.modal-image-big{ display: inline-block; margin:2px; padding: 0; border: 1px solid rgba(20,20,20,0.75);}
.modal-image-big img{ max-width: 100%; max-height: calc(80vh - 10rem); }

.timer.counter{ display: block; margin: 16px; padding: 8px; text-align: center; font-size: calc( ( 16vw / 3.5 ) - 1vmin); vertical-align: middle; color: #333333;}
.timer.counter .clock-time,
.timer.counter .clock-dots{ display: inline-block; padding: 2px 4px; font-size: 2em; font-weight: bold; vertical-align: middle;}
.timer.counter .clock-dots{ font-size: 1em; color: #444444;}
.timer.counter.bg-red .clock-time,
.timer.counter.bg-red .clock-dots,
.timer.counter.bg-green .clock-time,
.timer.counter.bg-green .clock-dots{ color: #EEEEEE; text-shadow: 0px 0px calc( ( 2vw / 2 ) - 1px) #000;}
.bg-green{ background: #297E01; color: #fff;}
.bg-dark{ background: #444444; color: #FFFFFF;}
.bg-dark .title{ color: #FFFFFF;}
.bg-default, .bg-light{ background: #EEEEEE; color: #222222;}
.bg-default .title, .bg-light .title{ color: #222222;}
.fs-8{ font-size: 0.43rem;}
.offcanvas.offcanvas-start.show,
.offcanvas-body{ display: block; opacity: 1; min-height: 100%; min-width: 350px; visibility: visible;}
.reg-space{ max-width: 100%; padding: 8px;  }
.reg-space .title{ display: block; font-size: 1.05rem; padding-bottom: 8px; font-weight: 600;}
.reg-space .inhalt{ display: block; font-size: 0.95rem; padding-bottom: 12px;}
.event,.event .titel,.event .inhalt{ display: block; margin: 0; padding: 8px;}
.event{ padding: 0;}
.event .titel{ margin-top: 8px; background: rgba(200,200,200,0.75); font-size: 0.9rem;}
.event .inhalt{ color: #222222; background: #EEEEEE; padding: 16px 12px; border: 1px solid rgba(200,200,200,0.75); margin-bottom: 8px; font-size: 0.85rem;}

.cookie-banner{ position: fixed; display: none; bottom: 0; left: 0; right: 0; z-index: 999999; padding: 14px; background: #EEEEEE; min-height: 8rem; border: 0; border-top: 1px solid rgba(50,50,50,0.35);}
.cookie-banner.show{ display: block;}
.cookie-banner .cookie-title{ display: block; color: #333333; font-weight: 600; padding: 8px 0px;}
.cookie-banner .cookie-button{ cursor: pointer; display: inline-block; text-align: center; border: 1px solid rgba(255,0,0,0.75); border-radius: 1rem; font-size: 0.95rem; padding: 6px; min-width: 9rem; margin: 4px 6px;}
.cookie-banner .cookie-button.accept{ color:#ffffff; background:rgba(255,0,0,0.65);}
.cookie-banner .cookie-button.accept:hover{ background:rgba(255,0,0,1);}
.cookie-banner .cookie-button.decine{ color:rgba(255,0,0,1);}
.cookie-banner .cookie-button.decine:hover{ background:rgba(255,0,0,0.05);}
.cookie-content a,.cookie-bottom a{ display: inline-block; text-decoration: none; margin: 3px; padding: 3px;}
.cookie-content a:hover{ text-decoration: underline;}

.ui-state-default, .ui-widget-content .ui-state-default{ background: none;}
.ui-datepicker td span,
.ui-datepicker td a{ text-align: center;}
.ui-datepicker-calendar a.ui-state-default{ background-color: #CC0000; color: #ffffff;}
.ui-datepicker-calendar .ui-datepicker-today a.ui-state-default{ background-color: #990000; color: #ffffff;}
.loader{ width: 15px; height: 15px; border-radius: 50%; display: block; margin:15px auto; position: relative; color: red; left: -100px; box-sizing: border-box; animation: shadowRolling 2s linear infinite;}
.fs-smal{ font-size: 0.75em;}

.icon-kleinanzeigen{
  background-color: transparent;
  font-family: arial;
  content: "";
  display: inline-block;
  padding: 0;
  width: 20px;
  height: 20px;
  background-image: url(../img/kleinanzeigen-logo.png);
  background-position: center;
  background-size: cover;
}
.detail-link{
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 6px 12px;
}
.detail-link:hover{
  border: 1px solid rgba(80,80,80,0.75);
  background-color: rgba(30, 120, 30, 0.80);
  color: #fff;
}


@keyframes shadowRolling {
  0% { box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);}
  12% { box-shadow: 100px 0 red, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);}
  25% { box-shadow: 115px 0 red, 100px 0 red, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);}
  36% { box-shadow: 130px 0 red, 115px 0 red, 100px 0 red, 0px 0 rgba(255, 255, 255, 0);}
  50% { box-shadow: 145px 0 red, 130px 0 red, 115px 0 red, 100px 0 red;}
  62% { box-shadow: 200px 0 rgba(255, 255, 255, 0), 145px 0 red, 130px 0 red, 115px 0 red;}
  75% { box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 red, 115px 0 red;}
  87% { box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 red;}
  100% { box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);}
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

}
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
   .section-header{ display: none;}
   .navbar-brand{ display: inline-block;}
   #content#main{ padding-top: 95px;}
   .navbar-nav .nav-item{
     margin: 1px 0 4px 0;
     border-radius: 8px;
     border: 1px solid rgba(255,255,255,0.75);
     background: rgba(155,155,155,0.51);
     transition: 0.5s;
   }
   .navbar-nav .nav-item:hover{
     background: rgba(255,255,255,0.45);
   }
   .nav-item a.nav-link{
     text-align: left;
     padding-left: 8px;
     transition: 0.3s;
   }
   .navbar a:hover,.navbar a:active,.navbar a:focus,.nav-item.active a{
     border-radius: 6px;
     padding-left: 22px;
   }
   .navbar-brand,
   .navbar-brand.clean,
   .navbar-brand.clean:hover,
   .navbar-brand.clean:active,
   .navbar-brand.clean:focus{
    border-radius: 4px;
    padding: 6px;
    border: 0pc;
   }


   .menue-left.card-body-bg-image{ display: none;}
   footer.footer .card{ display: block; width: auto; }


}
/* ============ mobile view .end// ============ */