@import url("https://use.typekit.net/hum8ywh.css");
@import url('https://use.fontawesome.com/releases/v6.4.0/css/all.css');
/*
rot #E30613
gelb #ffed00
blau #0069b4
grau #575756
*/

html {
  position: relative;
  min-height: 100%;
}
body {
 font-family: 'din-2014-rounded-variable', sans-serif;
  /* Margin bottom by footer height */
  margin-bottom: 70px;
  color: #575756;
  font-weight: 400;
  font-size: 1.6rem; 
  hyphens: auto;
}
h1, h2, h3, h4, h5 {
 font-family: 'din-2014-rounded-variable', sans-serif;
font-weight: 100;
font-style: normal;
color:#000;
}

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 {
  font-weight: normal;
  line-height: 1;
  color: #0069b4;
}

/*
::-moz-selection { background: #E30613; color: #ffed00; }
::selection { background: #E30613; color: #ffed00; }
*/
video {
    object-fit: fill;
}

p {
  color:#575756;
  hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
}

.bold {
 font-family: 'din-2014-rounded-variable', sans-serif;
 font-weight:600;
}

a {
  color: #575756;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #0066cc;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.navbar-static-top {
  margin-bottom: 0px;
font-family: 'din-2014-rounded-variable', sans-serif;
}

.btn {
  border-radius: 0px;
}
.input-lg  {
  border-radius: 0px;
}

.page-header {
  padding-bottom: 9px;
  margin: 100px 0px 10px 0px;
  border-bottom: 0px solid #eee;
}
.script {
font-family: 'marketpro', sans-serif;
font-size:60px;
text-align: left;
color: #E20C13;
}
.claim {
font-family: 'din-2014-rounded-variable', sans-serif;
font-size:30px;
text-align: center;
color: #000;
}
.claim_big {
font-family: 'din-2014-rounded-variable', sans-serif;
font-size:60px;
text-align: center;
color: #000;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0px;
}

.alben-image {
  height:130px;
  background-position:center center;
  background-size:cover;
  margin-bottom:10px;
  padding-top:50px;
}




.alben-panel {
height:200px;
background-size: cover;

}
	
/* NAVBAR styles
--------------------------------------------------  */
.navbar-brand {
font-family: 'din-2014-rounded-variable', sans-serif;
font-size:35px;

}
.img-brand {
  height:60px;
  margin-right:10px;
  margin-top:-5px;
}
@media (max-width: 767px) {
.claim {
font-size:45px;
}
.claim_big {
font-size:45px;
}
.img-brand {
    height:20px;
  margin-top:-5px;
}
.page-header {
  padding-bottom: 9px;
  margin: 20px 0 20px;
  border-bottom: 0px solid #eee;
}		
}
.navbar-default {
  background-color: #fff;
  border-color: #666; 
 font-family: 'din-2014-rounded-variable', sans-serif;

}
.navbar-default .navbar-brand {
  color: #666;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000;
  background-color: transparent;

}
.navbar-default .navbar-text {
  color: #666;
}
.navbar-default .navbar-nav > li > a {
  color: #666;

}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;
  background-color: transparent;

}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #fff;

}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;

}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #F2EFE9;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #fff;
}
@media (min-width: 768px) {
.navbar-default {
padding-left:20px;
padding-right:20px;
height:80px;
font-size:20px;
 }
 .navbar-nav {
	padding-top:16px; 
 }
 }
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000;
    background-color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}


.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 2px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.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-weight: normal;
  line-height: 1.42857143;
  color: #666;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #000;
  text-decoration: none;
  background-color: #fff;
  font-weight:bold;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #000;
  text-decoration: none;
  background-color: #fff;
  outline: 0;
  font-weight:bold;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #FFED00;
}
.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);
}

.frankfurt {
  background-image: url("https://www.erlebnis-frankfurt.de/assets/img/bg/city_01_01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-attachment: fixed;
}

.wasser_neutral {
  background-image: url("../img/wasser_neutral.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-attachment: fixed;
}

.og_hoechst {
  background-image: url("../images/og_hoechst_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  background-attachment: fixed;
}

.progress-bar-dlrg {
  background-color: #E30613;
}
.progress-striped .progress-bar-dlrg {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.btn-dlrg {
  color: #ffed00;
  background-color: #E30613;
  border-color: #c40813;
}
.btn-dlrg:hover,
.btn-dlrg:focus,
.btn-dlrg:active,
.btn-dlrg.active,
.open .dropdown-toggle.btn-dlrg {
  color: #ffed00;
  background-color: #c40813;
  border-color: #a80711;
}
.btn-dlrg:active,
.btn-dlrg.active,
.open .dropdown-toggle.btn-dlrg {
  background-image: none;
}
.btn-dlrg.disabled,
.btn-dlrg[disabled],
fieldset[disabled] .btn-dlrg,
.btn-dlrg.disabled:hover,
.btn-dlrg[disabled]:hover,
fieldset[disabled] .btn-dlrg:hover,
.btn-dlrg.disabled:focus,
.btn-dlrg[disabled]:focus,
fieldset[disabled] .btn-dlrg:focus,
.btn-dlrg.disabled:active,
.btn-dlrg[disabled]:active,
fieldset[disabled] .btn-dlrg:active,
.btn-dlrg.disabled.active,
.btn-dlrg[disabled].active,
fieldset[disabled] .btn-dlrg.active {
  background-color: #E30613;
  border-color: #46b8da;
}
.btn-dlrg .badge {
  color: #E30613;
  background-color: #fff;
}


.btn-dlrg-modal {
  color: #735636;
  background-color: #fff;
  border-color: #fff;
}
.btn-dlrg-modal:hover,
.btn-dlrg-modal:focus,
.btn-dlrg-modal:active,
.btn-dlrg-modal.active,
.open .dropdown-toggle.btn-dlrg-modal {
  color: #271D12;
  background-color: #fff;
  border-color: #fff;
}

.form-control:focus {
  border-color: #BEAD92;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(190, 173, 146, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(190, 173, 146, .6);
}
.panel {
 border-radius:0px;
}
.panel-gyg {
  border-color: #ff5533;
}
.panel-gyg > .panel-heading  {
  color: #802B1A;
  background-color: #ff795e;
  border-color: #ff5533;
  border-radius:0px;
}
.panel-gyg > .panel-footer  {
  color: #802B1A;
  background-color: #FFF;
  border-color: #ff5533;
  border-radius:0px;
}
.panel-gyg > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ff5533;
}
.panel-gyg > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ff5533;
}

.panel-tcf {
  border-color: #FF0000;
}
.panel-tcf > .panel-heading  {
  color: #800000;
  background-color: #ff6666;
  border-color: #FF0000;
  border-radius:0px;
}
.panel-tcf > .panel-footer  {
  color: #800000;
  background-color: #FFF;
  border-color: #FF0000;
  border-radius:0px;
}
.panel-tcf > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #FF0000;
}
.panel-tcf > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #FF0000;
}

/* LANGUAGE styles 
-------------------------------------------------- 271D12 735636 BEAD92 F2EFE9 */
.lang {

  opacity:0.3;
  width:13px;
  height:auto;
  border:0px solid white;

}
.lang:hover {

  opacity:1;
  width:13px;
  height:auto;
  border:0px solid white;

}
.langactive {

  width:13px;
  height:auto;
  border:0px solid white;

}
.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%;
}

/* Sticky footer styles
-------------------------------------------------- */

.footer {
font-family: 'din-2014-rounded-variable', sans-serif;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 70px;
  background-color: #FFF;
  border-top: 1px solid #000;
}
@media (max-width: 768px) {
	body {
	/* Margin bottom by footer height */
	margin-bottom: 500px;
}
     .footer {
        height: 500px;
    }
    .lang-image {
	margin-left:5px;

}
}

.kontaktdaten {
-ms-user-select: None;
-moz-user-select: None;
-webkit-user-select: None;
user-select: None;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */





body > .container {
  padding: 20px 15px 50px;
}
.container .text-muted {
  margin: 20px 0;
}


.footer > .container {
  padding-right: 15px;
  padding-left: 15px;

}
.footer ul {
 list-style-type: none;
  margin-top: 20px;
}

.footer p {
 color: #575756;
}
.footer a {
 text-decoration: none;
 color:#999;

}
.footer a:hover {
 color:#000;
}
.footer a:active  {
 color:#000;
}
.footer-list > .active > a,
.footer-list > .active > a:hover,
.footer-list > .active > a:focus {
 color:#000;
 font-size:13px;
}

.footer-bottom {
 padding-top:15px;
}

.footer-bottom a {
 padding-top:15px;
 font-size:18px;
 font-weight:700;
}
code {
  font-size: 80%;
}

.user-well{
  border-radius:0px;
}
.hz-well {
  background-color: #F0F7FD;
}

.datenschutz {
text-align: justify;
}	

/* back-to-top button
--------------------------------------------------  271D12 735636 BEAD92 F2EFE9 */
#myBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 99;
  font-size: 18px;
  border: 1px solid #CCC;
  outline: none;
  background-color: #FFFFFF;
  color: #ADADAD;
  cursor: pointer;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0px;
}

#myBtn:hover {
  color: #333;
  border: 1px solid #ADADAD;
  background-color: #ebebeb;
}






.kontakt_impressum {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.kontakt_datenschutz {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}






/* GALLERY
--------------------------------------------------  271D12 735636 BEAD92 E5DED3 F2EFE9 */
.background-image-holder {
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: 50% 50% !important;
    background-repeat: repeat;
    background-size: cover !important;
    left: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    height: 275px;
    z-index: 1;
}
.background-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.background-video-holder {
 	width: 100%;
    height: 275px;
    background-color: white;
    text-align:center;
    overflow: hidden;
}
.background-video {
    height: 100%;
    width: auto;
}

.square-thumbs li {
    height: 285px;
}
.lightbox-grid li {
    padding: 8px;
    float: left;
    opacity: 1;
    transition: all 0.3s ease 0s;
}
@media (max-width: 992px) {
    .lightbox-grid li  {
        padding: 8px 0;
    }
}
.lightbox-grid,
.lightbox-grid ul,
.lightbox-grid li {
    overflow: hidden;
    position: relative;
}

/* BLOG
-------------------------------------------------- */
.blog {
font-family: 'din-2014-rounded-variable', sans-serif;
   font-size:18px;
	color:#4b5258;

}



/* MEIN JAHR & JAHRESUEBERSICHT RESPONSIVE */

.resp_kalenderzelle {
 padding:0px;
 padding-top:0px;
 padding-bottom:0px;
 font-size:14px;
 border:1px solid #dddddd;
 text-align:center;
 height:50px;
 width:14.28%;
 vertical-align: top;
}
.resp_kalenderzelle_leer {
 padding:0px;
 padding-top:0px;
 padding-bottom:0px;
 border:0px;
height:50px;
width:14.28%;
 vertical-align: top;
}
.terminicon {
color:#E20C13;	
font-size:11px;
font-weight:normal;
}
.ganztaegig {
color:#333;
background:rgba(255, 95, 21, 0.5);
}

.resp_feiertag {
color:#333;
font-weight:bold;
background:#d1d1d1;
}
.resp_ferien {
color:#333;
font-weight:bold;
background:#fdfbdc;
}
.resp_wochenende {
color:#333;
font-weight:bold;
background:#F0F0F0;
}

.resp_blocked {
color:#fff;
font-weight:bold;
background:#666;
}
.resp_nochnicht {
background-color:#f1f1f1;
color:#bcbcbc;
}
.resp_default {
color:#333333;
background:rgba(255, 255, 255, 1);
}
.resp_heute {
border:2px solid #E20C13;
}
.resp_platzhalter {
 padding:5px;
 padding-top:10px;
 padding-bottom:10px;
}
.resp_tablehead {
 background-color:#B3B3B3;
 border:1px solid #B3B3B3;
 color:#f7f7f7;
}

#map {
  width: 100%;
  height: 800px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #map {
    height: 400px;
  }
}

.monatshead {
font-size:16px;
}
.monatshead h1 {
font-size:24px;
font-weight:600;
margin:0px;
}
.tageshead {
font-size:16px;
}
.tageshead h1 {
font-size:20px;
font-weight:400;
margin:0px;
}
.fuehrungshead {
font-size:14px;
}
.fuehrungshead h1 {
font-size:18px;
font-weight:400;
margin:0px;
}