/* colors */
:root {
  --color-1: #009acf;
  --color-2: #ae986e;
  --color-3: #ec6661;
  --color-4: #2f77bc;
  --color-grey: #666666;
  --color-dark: #444444;
  --color-black: #000000;
}

.color-1{ /* cyan */
  color:var(--color-1);
}
.color-2{ /* gold */
  color:var(--color-2);
}
.color-3{ /* warmred */
  color:var(--color-3);
}
.color-white{
  color:#ffffff;
}
.color-grey{
  color:var(--color-grey);
}
.color-dark{
  color:var(--color-dark);
}
.color-black{
  color:var(--color-black);
}


/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* source-serif-pro-regular - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Serif Pro'), local('SourceSerifPro-Regular'),
       url('../fonts/source-serif-pro-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-serif-pro-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-serif-pro-600 - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Serif Pro Semibold'), local('SourceSerifPro-Semibold'),
       url('../fonts/source-serif-pro-v6-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-serif-pro-v6-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-serif-pro-700 - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Serif Pro Bold'), local('SourceSerifPro-Bold'),
       url('../fonts/source-serif-pro-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-serif-pro-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html, body{
  color:#444444;
  font-size:14px;
  font-family: 'Source Sans Pro', sans-serif;      
  line-height:1.5;  
 }
 @media screen and (min-width: 1180px) {
  html, body{   
    font-size:16px;
  }
}

.page{
  max-width:1920px;
  margin:0 auto;
}
@media screen and (min-width: 1240px) {
  .page{
    padding-left:30px;
    padding-right:30px;
  }
}

.container{
  width:100%;
  max-width:1290px;
  padding-left:15px;
  padding-right:15px;
  margin:0 auto;
}
.container-large{
  width:100%;
  max-width:1920px;
  padding-left:15px;
  padding-right:15px;
  margin:0 auto;
}

@media screen and (min-width: 450px) {
  .container, .container-large{
    padding-left:30px;
    padding-right:30px;
  }
}

img{
  vertical-align: top;
  max-width:100%;
  height:auto;
}

img.alignleft {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
}
img.alignright {
  float: right;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 5px;
}
.float-clear{
  clear: both;  
}

#header-container{
  padding-top:20px;
  padding-bottom:20px;
}
@media screen and (min-width: 650px) {
  #header-container{
    padding-top:30px;
    padding-bottom:30px;
  }
}


/* logo */
#logo{
  display: inline-block;
  width:185px;
}
@media screen and (min-width: 650px) {
  #logo{
    display: inline-block;
    width:230px;
  }
}

.bg-defaultpadding{
  padding-top:40px;
  padding-bottom:20px;
}

.block{
  display:block;
}
.inline-block{
  display:inline-block;
}

/* Text */
.uppercase{
  text-transform: uppercase;
}
.letter-spacing-50{
  letter-spacing: 0.05em;
}

/* Footer */

.footer-main-left{
  padding-top:2em;
  padding-bottom:3em;
}
@media screen and (min-width: 1024px) {
  .footer-main-left{
    padding-top:5em;
  }
}
.footer-phone-img{
  width:120px;
  margin-right:20px;
  border-radius: 50%;
  border:5px solid #ffffff;
}

/* Footer Navigation */
#nav-footer > ul{
  list-style: none;
  display: block;
  margin: 0;
  padding: 0; 
}
#nav-footer ul > li{
  display: inline-block;
  margin: 0;
  padding: 0.15em 0;
  margin-right:1.5em;
}
#nav-footer > ul > li > a{
  display: inline-block;
}
.nav-footer a{
  color:var(--color-grey);
}


/* pagination-block */
.pagination-block{

}
.pagination-block ul{
  margin:0;
  padding:0;
  display:block;
}
.pagination-block li{
  margin:0;
  padding:0;
  display:inline-block;
}
.pagination-block a, .pagination-block span{
  border:1px solid var(--color-2);
  display:inline-block;
  color:#ffffff;
  padding:0.35em 0.9em;
  background:var(--color-2);
}
.pagination-block .current{
  border-color:var(--color-2);
  color:var(--color-2);
  background:#ffffff;
}


/* Main Navigation */
#mobile-nav-btn {
  border:0 !important;
  background:var(--color-2);
  position:fixed;
  z-index:100;
  width:55px;
  height:55px;
  top:0px;
  right:0px;
  display: block;
  font-size: 24px;
  cursor: pointer;
  color:#ffffff;
  padding:0;
}

#nav-main{
  margin-bottom:12px;
  display:none;
}

#nav-main > ul {
  display:inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav-main > ul > li{
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-left:20px;
}
#nav-main > ul > li > a{
  font-weight:700;
  border-top:5px solid rgba(255,255,255,0);
  padding:6px 0px;
  color:var(--color-2);
  color: #333333;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#nav-main > ul > li:hover > a{
  border-color:var(--color-2);
}
#nav-main > ul > li.current-menu-item > a, #nav-main > ul > li.current-page-ancestor > a{
  border-color:var(--color-2);
}
#nav-main > ul > li > ul li{
  position:relative;
}
#nav-main > ul > li ul{
  z-index:100;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom:5px;
  display:none;
  position:absolute;
  width:240px;
  left:0;
  top:0;
  box-shadow:0px 6px 8px rgba(0,0,0,0.15);
  background:rgba(255,255,255,1);
}
#nav-main > ul > li > ul{
  padding-top:5px;
  margin-left:-15px;
}
#nav-main > ul > li > ul > li  a{
  line-height:1.2;
  text-decoration: none;
  display:block;
  padding:8px 15px;
  color:#333333;
}
#nav-main > ul > li > ul > li:first-child > a, #nav-main > ul > li > ul > li > ul > li:first-child > a{
  border-top:none;
}
#nav-main > ul > li > ul > li > a:hover, #nav-main > ul > li > ul > li > ul > li a:hover{
  /*background: rgba(36,83,113,1);*/
  color:var(--color-2);
}
#nav-main .nav-mobile-toggle-submenu{
  display:none;
}

/* mobile menu */
#nav-mobile-container{
  display:none;
  z-index:90;
  position: fixed;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  background:rgba(255,255,255,1);
  overflow-y: auto;
}
#nav-mobile{
  background:#ffffff;
}
#nav-mobile > ul {
  display:block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav-mobile > ul > li:first-child{
  /*border-top:1px solid #e0e0e0;*/
}
#nav-mobile > ul > li{
  border-bottom:1px solid #e0e0e0;
  display: block;
  margin: 0;
  padding-top:8px;
  padding-bottom:8px;
}
#nav-mobile > ul > li a i{
  color:var(--color-2);
  display:block;
  padding:5px 2px 5px 5px;
  font-size:1.35rem;
  position: absolute;
  top:4px;
  right:0px;
}
#nav-mobile > ul > li ul{
  display:none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav-mobile > ul > li ul li{
}
#nav-mobile > ul a{
  font-size:1.125em;
  position: relative;
  display: block;
  padding:8px 30px 8px 0px;
  color:#333333;
}
#nav-mobile > ul > li > ul a:hover{
  color:var(--color-2);
}
/* 1.level a */
#nav-mobile > ul > li > a{
  font-weight: 700;
  font-size:1.25em;
  text-transform: uppercase;
}
/* 1.level a */
#nav-mobile > ul > li > a{
}
/* 2.level a */
#nav-mobile > ul > li > ul > li > a{  
}
/* 3.level a */
#nav-mobile > ul > li > ul > li > ul > li > a{
  padding-left:15px;
}
/* 4.level a */
#nav-mobile > ul > li > ul > li > ul > li > ul > li > a{
  padding-left:30px;
}


/* webcam menu Icon */
#webcam-icon{
  color:var(--color-grey) !important;
}
.menu-item-28038 a{
  border:none !important;
}

/* search form */

#search-form-opener{
  color:var(--color-grey);
  cursor:pointer;
  margin-left:15px;
  display:inline-block;
}
#search-form{
  margin-top:-20px;
  margin-bottom:5px;  
  display:none;
}

@media screen and (min-width: 1000px) {
  #mobile-nav-btn{
    display:none !important;
  }
  #nav-main{
    display:inline-block;
  }
}

/* verbirgt den 1. Eintrag im Hauptmenü und somit den Startseiteneintrag  */
#nav-main > ul > li:first-child{
  display:none;
}

/* mm menu */
.mm-menu_theme-dark {
  color:#ffffff;
  font-size:15px;
}

/* icons */
.icon-centered{
  text-align:center;
  margin-bottom:0.5em;
}
.icon-float-left{
  float:left;
  margin-right:0.5em;
}
.icon-float-right{
  float:right;
  margin-left:0.5em;
}
.icon-size-1x{
  font-size:1em;
}
.icon-size-2x{
  font-size:2em;
}
.icon-size-3x{
  font-size:3em;
}
.icon-size-5x{
  font-size:5em;
}

.border-grey{
  border:1px solid var(--color-grey);  
}

/* highlight */
.highlight{
  border-left:6px solid;
  position: relative;
  padding:15px 20px;
  background: rgba(0,0,0,0.05);
  margin-bottom:20px;
}
.highlight-icon{
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}

/* angebot-teaser */
.angebot-teaser{
  position:relative;
  padding:15px 20px 15px 20px;
  background: rgba(0,0,0,0.05);
}

.angebot-teaser-badge{
  padding:5px 10px 7px 10px;
  line-height:1;
  font-weight:600;
  position:absolute;
  left:20px;
  top:-14px;
}
.angebot-teaser:before{
  content:'';
  position:absolute;
  left:20px;
  top:0px;
  width:50px;
  border-bottom:6px solid;
}
.angebot-teaser-titel{
  width: calc(100% - 90px);
}
.angebot-teaser-preis{
  width: 90px;
}

/* quote */
blockquote{
  color:#444444;
  position: relative;
  font-style: italic;
  margin:0px;
  padding:20px 20px;  
  background: rgba(0,0,0,0.05);
  margin-bottom:20px;
}
blockquote:before{
  font-style: normal;
  position: absolute;
  left:5px;
  top:-16px;
  font-family: "Font Awesome 5 Pro";
  font-weight:700;
  content:'';
  color:var(--color-2);
  font-size:1.5em;
}

.card-deck .card{
  margin-bottom:30px !important;
}
.card-img-top-area{
  border-radius:0px;
  height:220px;
  background:#ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom:1px solid #f0f0f0;
}
@media screen and (min-width: 1240px) {
  .card-img-top-area{
    height:320px;
  }
}
.card-img-top-contain{
  padding:20px;
}
.card-img-top-cover{
  background-size: cover;
  background-position: center center;
}
.card{
  border-radius:0px;
  border:1px solid #e0e0e0;
}


/*
* Owl Carousel
*/

.owl-carousel{
  overflow: hidden;
}
.owl-buttons{
  position: static;
}
.owl-prev,
.owl-next{
  opacity: 0;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 50px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #333333;    
  z-index: 6;
  transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-prev{
  left: -50px;
}
.owl-next{
  right: -50px;
}
.owl-prev:before,
.owl-next:before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;    
  background: #fff;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);  
  transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-next:before{
  left: auto;
  right: 0;
}
.owl-prev i,
.owl-next i{
  color:#444444;
  font-size: 32px;
  position: relative;
}
.owl-prev:hover,
.owl-next:hover{     
  transition:0 none !important;  
}
.owl-prev:hover:before,
.owl-next:hover:before{
  opacity: 0.87;
}
.owl-prev:active:before,
.owl-next:active:before{    
  opacity: 0.6;
}
.owl-carousel:hover .owl-prev{
  opacity: 1;
  left: 0px;
}
.owl-carousel:hover .owl-next{
  opacity: 1;
  right: 0px;
}
.owl-dots{
  position:absolute;
  bottom:20px;
  left:0px;
  width:100%;
  text-align:center;
}
.owl-dot{
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #cccccc !important;
  z-index: 1000 !important;
  margin-right:8px;
}
.owl-dot span{
  display:none;
}
.owl-dot:hover{
}
.owl-dot.active{    
  background: #ff685e !important;
}
.owl-slider-dots-dark .owl-dot span{
  box-shadow: none;
  background: rgba(0,0,0, .2);  
}
.owl-slider-dots-dark .owl-dot.active span{  
  background: transparent;
  border: 1px solid rgba(0,0,0, .2);
}


/* owl-latest-events-slider */
.owl-latest-events-slider .owl-prev,
.owl-latest-events-slider .owl-next{
  top: 30%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

/* owl-latest-events-slider */
.owl-blog-slider .owl-prev,
.owl-blog-slider .owl-next{
  top: 35%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

/* ow-imageslider */
.imageslider-item{
  position: relative;
}
.imageslider-text{
  color:#ffffff;
  position: absolute;
  bottom:0px;
  width:100%;
  padding:1em;
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75))
}
.owl-imageslider .owl-dots{
  position: relative;
  margin-top:10px;
  bottom:0;
}
.owl-imageslider .owl-prev,
.owl-imageslider .owl-next{
  margin-top: -75px;
}

/* owl-bannerslider */
.owl-bannerslider{
}
.owl-bannerslider .owl-dot{
  background: #ffffff !important; 
  box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
.owl-bannerslider .owl-dot.active{    
  background: #ff685e !important;
}
.bannerslider-container{
  height:100%;
  position:relative;
}

.owl-bannerslider .item{
  padding-top:85%; /* height */
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  position: relative;
}
.bannerslider-info{
  width:100%;
  padding:15px;
  display:block;
  position:absolute;
  left:0px;
  bottom:55px;
  overflow: hidden;
}
.bannerslider-info-caption-text1{
  font-weight:700;
  line-height:1.1;
  font-size:2em;
  color:#ffffff;
  margin-bottom:0.15em;
}
.bannerslider-info-caption-text2{
  display: none;
  color:#ffffff;
  font-size:1.125em;
  line-height:1.2;
}
.bannerslider-badge{
  position:absolute;
  right:5px;
  bottom:40px;
  width:100px;
  height:100px;
}

@media screen and (min-width: 380px) {
  .owl-bannerslider .item{
    padding-top:75%; /* height */
  }
  .bannerslider-info-caption-text1{
    font-size:2.2em;
  }  
  .bannerslider-info{
    left:15px;
  }
}

@media screen and (min-width: 720px) {
  .bannerslider-info-caption-text1{
    font-size:2.5em;
  }
  .bannerslider-info-caption-text2{
    display: block;
    font-size:1.35em;
  }
  .owl-bannerslider .item{
    padding-top:65%; /* height */
  }
  .bannerslider-info{
    background:rgba(0,0,0,0.40);
    padding:20px;
    padding-left:50px;
    width:400px;
    left:0px;
    bottom:70px;
  }
  .bannerslider-badge{
    right:20px;
    bottom:80px;
    width:150px;
    height:150px;
  }
}

@media screen and (min-width: 900px) {
  .owl-bannerslider .item{
    padding-top:52.5%; /* height */
  }
  .bannerslider-info{
    width:450px;
  }
}


@media screen and (min-width: 1200px) {
  .bannerslider-info-caption-text1{
    font-size:3.25em;
  }
  .bannerslider-info-caption-text2{
    font-size:1.5em;
  }
  .bannerslider-info{
    padding:20px;
    width:550px;
    left:30px;
    bottom:150px;
  }
  .owl-bannerslider .item{
    position: relative;
    padding-top:0%;
    height:750px; /* height */
  }
  .bannerslider-badge{
    width:200px;
    height:200px;
    bottom:150px;
  }
}

/* grow class */
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }


/* hrs Buchungsanfrage ibe */
.ibe-form{
}
.ibe-form__row{
  margin-bottom:4px;
}
.ibe-button{
  display:inline-block;
  background:red;
  border:0;
  min-width:30px;
  line-height:30px;
  padding:0;
  margin:0;
  background:#ffffff;
  color:#333333;
}
.ibe-button-submit{
  padding:0;
  margin:0;  
  line-height:30px !important;
  padding:0px 10px !important;
  width: 100%;
  text-align:center;
}
.ibe-form__input-range input{
  padding:0;
  border:0;
  margin-left:1px;
  margin-right:1px;
  height:30px;  
  line-height:30px;
  display:inline-block;
  text-align: center;
  width: calc(100% - 62px);
}
.ibe-form__input-date input{
  padding:0;
  border:0;
  height:30px; 
  line-height:30px; 
  display:inline-block;
  text-align: center;
  width: 100%;
}
.ibe-form__label{
  margin:0;
  padding:0;
}

/* content-block */

.content-block{
  position: relative;
  margin-bottom:6em;
}
.content-block.container-no-max-width > .container{
  max-width:none;
}

.bg-grey.content-block-arrow:after{
  content:'';
  display:block;
  width:20px;
  height:20px;
  margin-left:-10px;
  background:#ffffff;
  position:absolute;
  top:-10px;
  left:50%;
  transform:rotate(45deg);
}
.content-block-headline{
  /*font-family: 'Source Serif Pro';*/
  font-size:2em;
  margin:0;
  padding:0;
  position: relative;
  text-align:center;
  padding-bottom:0.5em;
  margin-bottom:1em;
}

@media screen and (min-width: 720px) {
  .content-block-headline{
    font-size:2.25em;
  }
}

@media screen and (min-width: 1020px) {
  .content-block-headline{
    font-size:2.5em;
  }
}

.content-block-headline:after{
  content:'';
  position:absolute;
  left:50%;
  margin-left:-25px;
  bottom:0px;
  height:6px;
  width:50px;
  background:#cccccc;
}

/* list-style ul */
.list-style ul{
  font-family: 'Source Sans Pro';
  list-style: none;
  padding:0px;
  margin:0px 0px 2em 0px;
}
.list-style ul > li{
  position: relative;
  padding-left:22px;
  margin-bottom:10px;
}
.list-style ul > li:after{
  content:'';
  position: absolute;
  top:0.6em;
  left:0px;
  height:5px;
  width:15px;
  background-color: var(--color-2);
}

/* hero block */
.content-block-hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width:1080px) {
  .content-block-hero{
    background-attachment: fixed;
  }
}
.content-block-hero:before{
  content: '';
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.20);
}
.hero-content{
  min-height:50vh;
  padding-top:175px;
  padding-bottom:175px;
}
.hero-content-container{
  background:rgba(0,0,0,0.1);
}
.hero-content-headline{
  font-size:3em;
}
.hero-content-text{
  font-size:1.5em;
}
.hero-content-headline{
  color:#ffffff;
}
@media screen and (min-width:1080px) {
  .hero-content-headline{
    font-size:3.5em;
  }
}

/* text styles */
b, strong, .bold, .strong {
  font-weight: 700;
}
.txt-s{
  font-size:0.875em;
}
.txt-l{
  font-size:1.125em;
}
.txt-xl{
  font-size:1.25em;
}
.serif{
  font-family: 'Source Serif Pro';
}
.sans-serif{
  font-family: 'Source Sans Pro';
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
  line-height:1.1;
  margin-bottom:0.75em;
}
h1, .h1{
  font-family: 'Source Sans Pro';
  font-size:2.25em;  
  font-weight:700 !important;  
}
h2, .h2{
  font-family: 'Source Sans Pro';
  font-size:1.75em;  
  font-weight:700 !important;  
}
h3, .h3{
  font-family: 'Source Sans Pro';
  font-size:1.5em;  
  font-weight:700 !important;
}
h4, .h4{
  font-family: 'Source Sans Pro';
  font-size:1.25em;  
  font-weight:700 !important;
}
h5, .h5{
  font-family: 'Source Sans Pro';
  font-size:1.125em;  
  font-weight:600 !important;
}
@media screen and (min-width:1020px) {
  h1, .h1{
    font-size:3em;
  }
  h2, .h2{
    font-size:2.25em;    
  }
}

.txt-shadow{
  text-shadow: 1px 1px 10px rgba(0,0,0,0.60);
}
.txt-shadow-small{
  text-shadow: 1px 1px 5px rgba(0,0,0,0.50);
}

/* bg-loader */

.bg-loader{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.75s;
  transition-timing-function: ease-in-out;
  opacity:0;
}
.bg-loader-loaded{
  opacity:1;
}

/* Buttons */

.btn{
  font-family: 'Source Sans Pro';
  font-weight:700 !important;
  letter-spacing:0.035em;
  padding: .45rem 0.9rem;
  text-align:left;
  border-radius: 0;
  border:none;
  font-size:1em;
}
.btn i{
  margin-right:5px;
}

.btn:focus, .btn:active, button:focus, button:active {
  box-shadow:none !important;
  outline:0px !important;
}

.btn-icon-right{
  position:relative;
  padding-right:34px;
}
.btn-icon-right i {
  position: absolute;
  right: 10px;
  margin-top: -0.5em;
  top: 50%;
}
.content-block .btn{
	margin-bottom:5px;
}


/* colors */

.white{
  color:#ffffff;
}

.btn-white{
  background:#ffffff;
  color:var(--color-2);
}
.btn-white i{
  color:var(--color-2);
}

.btn-white-1{
  background:#ffffff;
  color:var(--color-2);
}
.btn-white-1 i{
  color:var(--color-2);
}

.btn-white-2{
  background:#ffffff;
  color:#444444;
}
.btn-white-2 i{
  color:var(--color-2);
}

.grey{ 
  color:var(--color-grey); 
}
.white{ 
  color:#ffffff !important; 
}

a{ 
  color:var(--color-2); 
}
a:hover{ 
  color:var(--color-grey); 
}

main a{ 
  color:var(--color-2); 
}
main a:hover{ 
  color:#888888;
}

.btn-primary{
  color:#ffffff;
  background-color: var(--color-2);
}
.btn-primary:hover{
  background-color: var(--color-2);
  filter: saturate(0);
}
.btn:disabled{
  background-color: var(--color-grey);
}

.btn-white{
  color:var(--color-2);
  background-color: #ffffff;
}
.btn-white:hover{
  color: var(--color-2);
  filter: saturate(0);
}

.btn-white-border{
  background:#ffffff;
  color: var(--color-1);
  outline: 1px solid var(--color-1);
  outline-offset: -1px;
}
.btn-white-border i{
  color: var(--color-1);
}


.color-1{ /* cyan */
  color:var(--color-1);
}
.color-2{ /* gold */
  color:var(--color-2);
}
.color-3{ /* warmred */
  color:var(--color-3);
}
.color-4{ /* gemeinde blau */
  color:#2f77bc; 
}

.color-white{
  color:#ffffff;
}
.color-grey{
  color:var(--color-grey);
}

h1, h2, h3, h4, h5{
  color:var(--color-2);  
}
.toptext-text{
  /* color:var(--color-2); */
}

.highlight{
  border-color:var(--color-2);
}
.highlight-icon{
  color:var(--color-2);
}

.angebot-teaser:before{
  border-color:var(--color-2);  
}

.bg-1{ /* gold */
  background-color: var(--color-1) !important; 
}
.bg-2{ /* cyan */
  background-color: var(--color-2)  !important; 
}
.bg-3{ /* warmred */
  background-color: var(--color-3) !important;
}
.bg-grey{
  background-color:#f6f6f6 !important;
}
.bg-middlegrey{
  background-color:#cccccc !important;
}

.bg-grey .highlight{
  background: #ffffff;
}

.bg-1 .btn-white{
  color: var(--color-2) ;
}
.bg-1 .btn-white i{
  color:#7fcff1;
}

.bg-2 .btn-white{
  color:#444444;
}
.bg-2 .btn-white i{
  color:var(--color-2);
}

/* style-1 = cyan style */
.style-1 a{
  color:var(--color-1);
}
.style-1 h1, .style-1 h2, .style-1 h3, .style-1 h4, .style-1 h5{
  color:var(--color-1);
}
.style-1 .toptext-text{
  /* color:var(--color-2);*/ 
}
.style-1 .btn-primary{
  color:#ffffff;
  background-color: var(--color-1);
}
.style-1 .btn-primary:hover{
  color:#ffffff;
  background-color: var(--color-1);
}
.style-1 .highlight{
  border-color:var(--color-1);
}
.style-1 .angebot-teaser:before{
  border-color:var(--color-1);
}
.style-1 .highlight-icon{
  color:var(--color-1);
}
.style-1 blockquote:before{
  color:var(--color-1);
}
.style-1.list-style ul > li:after{
  background-color: var(--color-1);  
}

/* style-2 = warmredstyle */
.style-2 a{
  color:var(--color-3);
}
.style-2 h1, .style-2 h2, .style-2 h3, .style-2 h4, .style-2 h5{
  color:var(--color-3);
}
.style-2 .toptext-text{
  /* color:var(--color-3); */
}
.style-2 .btn-primary{
  color:#ffffff;
  background-color: var(--color-3);
}
.style-2 .btn-primary:hover{
  color:#ffffff;
  background-color: var(--color-3);
}
.style-2 .highlight{
  border-color:var(--color-3);
}
.style-2 .angebot-teaser:before{
  border-color:var(--color-3);
}
.style-2 .highlight-icon{
  color:var(--color-3);
}
.style-2 blockquote:before{
  color:var(--color-3);
}
.style-2.list-style ul > li:after{
  background-color: var(--color-3); 
}

/* filter-nav */
.filter-nav a{
  display:inline-block;
  color:#686868;
  margin-left:15px;
  margin-right:15px;
  margin-bottom:5px;
  text-decoration: none;    
  border-bottom: 5px solid rgba(255,255,255,0);
}
.filter-nav a:hover, .filter-nav a.active{
  border-color:var(--color-1);
}


/* linkicon */
.linkicon{
  display:block;
  position: relative;
}
.linkicon:before{
  transition: all 0.1s ease !important;
  width:30px;
  height:30px;
  display:flex;  
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom:0px;
  right:0px;
  font-family: "Font Awesome 5 Pro";
  line-height:1;
  background:rgba(255,255,255,0.85);
  color:rgba(0,0,0,0.9);
}
.linkicon-arrow:before{
  content: '';
}
.linkicon-magnifier:before{
  content: '';
}
.linkicon:hover:before{
  font-size:2em;
  color:rgba(0,0,0,0.0);
  background:rgba(255,255,255,0.35);
  height:100%;
  width:100%;
}

/* datatable */
.datatable{
  width:100%;
  margin:0;
  margin-bottom:2px;
}
.datatable_c1{
  vertical-align:top;
  padding:10px;
  background:rgba(0,0,0,0.06);
}
.datatable_c2{
  vertical-align:top;
  padding:10px;
  background:rgba(0,0,0,0.03);
}
.datatable_c2 p:last-child{
  margin-bottom: 0px;
}
.datarow{
  padding-top:5px;
  padding-bottom: 5px;  
}
.datarow:first-of-type{
  border:none;  
}
.datarow:nth-child(odd){
  background:#f4f4f4;
}

/* table cyan */
.table-cyan thead th{
  background-color:var(--color-1);
  border-color:var(--color-1);
  color:#ffffff;
}
.table-cyan.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(218,234,247,1);
}
.table-cyan.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255,255,255,1);
}
.table-cyan.table-striped td {
  border:none;
}
.table-cyan td{
  color:var(--color-1 );
}


/* download */
.download{
  max-width:598px;
  display:block;
  background:rgba(0,0,0,0.05);
  margin-bottom:4px;
}
.download:hover{
  background:rgba(0,0,0,0.08);
}
.download-icon{
  padding:10px;
  float:left;
}
.download-caption{
  width: calc(100% - 60px);
  line-height:1.2;
  padding:10px;
  padding-left:4px;
  float:left;
}
.download-title{
  display:block;
}
.download-data{
  color:#888888;
}

/* collapse accordion */
.accordion{
  border-bottom:1px solid rgba(0,0,0,0.08);
}
.collapse-opener{
  border-top:1px solid rgba(0,0,0,0.08);
  transition: 0.25s;
  cursor:pointer;
  padding:10px 0px;
}
.collapse-opener:before{
  margin-left:10px;
  font-family: "Font Awesome 5 Pro";
  font-weight:400;
  content:'\f068';
  float:right;
}
.collapse-opener.collapsed:before{
  content:'\f067';
}
.collapse-opener:hover{
  color:var(--color-grey);
}
.collapse-content > div{
}

/* table */
.table-area{
  overflow:auto;
}
.table th {
  border-top:0px;
  border-bottom:1px solid rgba(0,0,0,0.08);
}
.table tbody td {
  border-bottom:1px solid rgba(0,0,0,0.08);
}
.table tbody:first-child td {
  border-top:1px solid rgba(0,0,0,0.08);
}


/* seitenlink */
.seitenlink-image{
  position:relative;
  display:block;
  background-color:#cccccc;
  padding-top:66.66666%;
}

/* adaptive => diese Elemente werden per Mediaquery in ihrer Höhe angepasst*/
.adaptive{
  position:relative;
  display:block;
  background-color:#cccccc;
  padding-top:50% !important;
}
@media screen and (min-width: 550px) {  
  .adaptive{
    padding-top:66.66666% !important; 
  }
}
.adaptive-image{
  transition: 0.25s;
  position:absolute;
  top:0;
  left:0;
  height:100% !important;
  width:100% !important;
}
.adaptive-bg{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;  
  filter: opacity(0.5);
  filter: opacity(1);
}
.adaptive-text{
  display:block;
  transition: 0.25s;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
}
.adaptive-text-shadow{
  text-shadow:1px 1px 1px rgba(0,0,0,0.4);
  background-color:rgba(0,0,0,0.2);
}
.adaptive-text span{
  padding:10px;
  width:100%;
}
.adaptive-text i{
  margin-bottom:10px;
}
a.adaptive:hover .adaptive-image {
  filter: brightness(1.05) contrast(1.1) saturate(1.1);
}
a.adaptive:hover .adaptive-text-shadow{
  background:rgba(0,0,0,0);
}
a.adaptive:hover .adaptive-bg {
  /*filter: opacity(1);*/
  filter: brightness(1.05) contrast(1.1) saturate(1.1);
}

/* linkbox */
.linkbox{
  overflow:hidden;
  display: block;
  position:relative;
  padding-top: 200px;
  transition: 0.25s;
  margin-bottom:30px;
  background-color: var(--color-grey);
}
@media screen and (min-width: 450px) {  
  .linkbox{
    padding-top:300px;
  }
}
.linkbox-image{
  display:block;
  transition: 0.5s;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
}
.linkbox-image img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.linkbox-caption{
  width:100%;
  display:block;
  padding:2em 3em 1.1em 1.5em;
  position:absolute;
  bottom:0px;
  left:0px;
  transition: 1s ease-in-out;
}
.linkbox-blinder{
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  bottom:0px;
  left:0px;
  background: rgba(0,0,0,0.8);
  opacity:0;
  transition: 0.6s ease-in-out;
}
.linkbox-textblinder{
  width:100%;
  height:5em;
  display:block;
  position:absolute;
  bottom:0px;
  left:0px;
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.25));
  transition: 0.3s ease-in-out;
}
.linkbox-title{
  font-size:1.5em;
  line-height:1;
  color:#ffffff;
  font-weight: 700;
  margin-bottom:0px;
}
.linkbox-arrowicon{
  transition: 0.6s ease-in-out;
  position:absolute;
  bottom:12px;
  right:20px;
  color:#ffffff; 
  font-size:1.4em;
  margin-bottom:-45px;
}
.linkbox-text{
  transition: 0.5s ease-in-out;
  display:block;
  color:#ffffff;
  max-height:0px;
  overflow:hidden;
  max-width:450px;
}
.linkbox:hover .linkbox-text{
  display:block;
  max-height:100px;
}
.linkbox:hover .linkbox-arrowicon{
  margin-bottom:0px;
}
.linkbox:hover .linkbox-blinder{
 opacity:1;
}
.linkbox:hover .linkbox-textblinder{
  opacity:0;
}
.linkbox:hover .linkbox-image{
  filter: brightness(1.15) contrast(1.1) saturate(1.1);
}


.iconlink{
  white-space: nowrap;
}

/* list-pill */
ul.list-pill{
  margin:0px;
  padding:0px;
  list-style: none;
  margin-bottom:10px;  
}
ul.list-pill li{
  position:relative;
  font-family: 'Source Sans Pro';
  display:inline-block;
  background:rgba(0,0,0,0.05);
  border-radius:3px;
  margin:0px;
  padding:5px 10px;
  margin-right:8px; 
  margin-bottom:8px; 
}
ul.list-pill li:before{
  content: '';
  /*
  content:'\f00c';
  font-family: "Font Awesome 5 Pro";
  font-weight:500;
  position:absolute;
  top:3px;
  left:6px;
  font-size:16px;
  */
}


/* maps */
.map-address-image{
  border:1px solid #ffffff;
  display:block;
}

/* gutter-s */
.row-gutter-s{
  margin-right: -8px;
  margin-left: -8px;
}
.col-gutter-s{
  padding:8px;
}

/* blog-highlight */
.blog-highlight{
}
.blog-highlight-title{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;  
  padding:0.75em 1em;
  line-height: 1.2em;
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
}
.blog-highlight-image img{
  object-fit: cover;
  width:100%;
  height:100%;
}

/* latest events */
.latest-events{
}
.latest-events-date{
  position:absolute;
  right:15px;
  top:0px;
  background:#ffffff;
}
.latest-events-day{
  padding:0.25em 0.75em !important;
  text-align: center;
  display:block;
}
.latest-events-month{
  padding:0.25em 0.75em !important;
  text-align: center;
  background:#333333;
  color:#ffffff;
  text-transform: uppercase;
  display:block;
}

/* news */
.news-box{
  padding:5px 10px 5px 10px;
  border:1px solid #e0e0e0;
}

/* nav-breadcrumb */
.nav-breadcrumb, .nav-breadcrumb a{
  color:var(--color-dark);
} 
.nav-breadcrumb a:hover{
  color:var(--color-2);
}

/* latest-events-slider */
.owl-latest-events-slider{
}
.owl-latest-events-slider .item{
  margin-bottom:3.5em;
}


/* content header */
.content-header{
  height:160px;
}
.content-header .headertext_1{
  position: relative;
  font-weight:700 !important;
  font-size:2em;
  line-height: 1.2;
  margin:0;
}
.content-header .headertext_2{
  font-weight:600 !important;
  font-size:1.25em;
  line-height: 1.2;
}
@media screen and (min-width: 720px) {
  .content-header{
    height:200px;
  } 
  .content-header .headertext_1{
    font-size:3.0em;
  }
  .content-header .headertext_2{
    font-size:1.5em;
  }
}
@media screen and (min-width: 1020px) {
  .content-header{
    height:300px;
  } 
  .content-header .headertext_1{
    font-size:3.5em;
  }
  .content-header .headertext_2{
    font-size:1.75em;
  }
}

/* content imageheader */
.content-imageheader{
  position: relative;
  height:250px;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 720px) {
  .content-imageheader{
    height:300px;
  } 
}
@media screen and (min-width: 1200px) {
  .content-imageheader{
    font-size:1.2em;
    height:350px;
  } 
}
@media screen and (min-width: 1400px) {
  .content-imageheader{
    height:400px;
  } 
}
@media screen and (min-width: 1680px) {
  .content-imageheader{
    height:500px;
  } 
}
.content-imageheader-text{
  z-index: 10;
}
.content-imageheader .headertext_1{
  padding-bottom:0.15em;
  position: relative;
  display:inline-block;
  font-size:2.25em;
  line-height: 1.2;
  margin:0;
}
.content-imageheader .headertext_1:after{ 
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 4px;
  width: 50px;
  background: #ffffff;
  box-shadow:1px 1px 5px rgba(0,0,0,0.15);
}
@media screen and (min-width: 720px) {
  .content-imageheader .headertext_1:after{ 
    height: 6px;
  }
}
@media screen and (min-width: 1200px) {
  .content-imageheader .headertext_1:after{ 
    height: 8px;
  }
}
.content-imageheader .headertext_2{ 
  font-weight:600 !important;
  max-width:560px;
  display:inline-block;
  font-size:1.35em;
  line-height: 1.2;
  margin:0;
  margin-top:10px;
}
@media screen and (min-width: 520px) {
  .content-imageheader .headertext_1{
    font-size:2.5em;
  } 
  .content-imageheader .headertext_2{
    font-size:1.35em;
  } 
}
@media screen and (min-width: 720px) {
  .content-imageheader .headertext_1{
    font-size:3em;
  } 
  .content-imageheader .headertext_2{
    font-size:1.5em;
  } 
}
@media screen and (min-width: 1420px) {
  .content-imageheader .headertext_1{
    font-size:3.75em;
  } 
  .content-imageheader .headertext_2{
    font-size:1.75em;
  } 
}
.blinder-red, .blinder-black{
  width:100%;
  height:100%;
  position: absolute;
  top:0px;
  left:0px;
  background:rgba(0,0,0,0.50);
}

/* tribe events */
#tribe-events{
  font-family: 'Source Sans Pro';
}
.tribe-events-single a.tribe-events-gcal, .tribe-events-single a.tribe-events-ical {
  float:none;
}
.tribe-events-button{
  border:none !important;
  border-radius:0 !important;
  background-color:#ae986e !important;
  font-weight:700 !important;
  font-size:12px !important;
}
.tribe-events-meta-group{
  padding-left:0px !important;
}

/* tribe v2 */
.tribe-common-c-btn{
  border:none !important;
  border-radius:0 !important;
  background-color:#ae986e !important;
  font-weight:700 !important;
  font-size:12px !important;
}
.tribe-common-c-btn-border{
  border-color:#ae986e !important;
  background-color:#ae986e !important;
}
.tribe-events-c-subscribe-dropdown__button{
  background-color:#ffffff !important;
  color:#ae986e !important;
  border-color:#ae986e !important;
}
.tribe-events-c-subscribe-dropdown__button:hover, .tribe-events-c-subscribe-dropdown__button:focus{
  color: #ffffff !important;
  background-color:#ae986e !important;
}
.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited {
  color:var(--color-2) !important;
}
.tribe-single-event{
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: 2em !important;
}
.tribe-single-event-image-area{
  display: block;
  margin-bottom: 0.5em !important;
  position: relative;
}
.tribe-events-row{
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.tribe-events-notices{
  padding: 10px;
  border: 2px solid #cccccc;  
}
.tribe-events-notices ul{
  padding-left: 20px;
}


.form-control{
  font-family: 'Source Sans Pro'; 
}

/* bootstrap overrides */
.form-control:focus{
}

/* scrolltop */
#btn-scrolltop{
  display: none;
  bottom: 15px;
  right: 15px;
  z-index: 10;
  position: fixed;
  color: #fff;
  background: rgba(0, 0, 0, .50);
  border: none;
  cursor: pointer;
  line-height: 100%;
  padding: 0.3em 0.6em 0.3em 0.6em;
}
#btn-scrolltop:hover{    
  background:rgba(0, 0, 0, .80);
}   

/* gastgeber */
.gastgeber-logo{
  max-height:150px;
}

/* infobar */
.infobar{
  border-top:1px solid #eeeeee;
}

.multiply{
  mix-blend-mode: multiply;
}

/* video */
.video-preview{
  display: block;
  position: relative;
}
.video-preview i{
  opacity: 0.90;
  color: #ffffff;
  font-size: 100px;
  position: absolute;
  left: calc(50%);
  top: calc(50%);
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.4));
  transform: scale(0.75);
}
@media only screen and (min-width: 720px) {
  .video-preview i{
    transform: scale(1);
  }
}


/* contact form */
.wpcf7 label {
  display:inline;
}

.wpcf7-list-item{
  margin: 0 5px 0 0 !important;
}

/* jarallax */
.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.jarallax-img{
  filter: brightness(0.85) !important;  
}

/* Screenreader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Search Form */
.search-form {
  position: relative;
}

/* Autocomplete Dropdown */
.search-suggest {
  display: none;
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 500px;
  overflow: auto;
  width: 100%;
  z-index: 110;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.search-suggest-item {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
  color: #000;
  text-decoration: none;
}

.search-suggest-item strong {
  color: #000;
}

.search-suggest-item:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}

.badge-light {
  font-size: 0.75rem;
  color: #2a2a2a;
  background-color: #e0e0e0 !important;
}

/* opacity */
.opacity-100{ opacity: 1; }
.opacity-90{ opacity: 0.9; }
.opacity-80{ opacity: 0.8; }
.opacity-70{ opacity: 0.7; }
.opacity-60{ opacity: 0.6; }
.opacity-50{ opacity: 0.5; }
.opacity-40{ opacity: 0.4; }
.opacity-30{ opacity: 0.3; }
.opacity-20{ opacity: 0.2; }
.opacity-10{ opacity: 0.1; }

/* margins & paddings */
.nomargin{ margin:0; }
.nopadding{ padding:0; }
.mb-0em{ margin-bottom:0; }     
.mt-0em{ margin-top:0; }           
.mb-05em{ margin-bottom:0.5em; }  
.mt-05em{ margin-top:0.5em; } 
.mt-1em{ margin-top:1em; } 
.mt-2em{ margin-top:2em; }    
.mt-3em{ margin-top:3em; }    
.mt-4em{ margin-top:4em; }   
.mt-5em{ margin-top:5em; } 
.mb-1em{ margin-bottom:1em; } 
.mb-2em{ margin-bottom:2em;}   
.mb-3em{ margin-bottom:3em; }   
.mb-4em{ margin-bottom:4em; }  
.mb-5em{ margin-bottom:5em; }     
.mr-1em{ margin-right:1em; } 
.mr-2em{ margin-right:2em;}   
.mr-3em{ margin-right:3em; }   
.mr-4em{ margin-right:4em; }  
.ml-1em{ margin-left:1em; } 
.ml-2em{ margin-left:2em;}   
.ml-3em{ margin-left:3em; }   
.ml-4em{ margin-left:4em; } 
.pt-05em{ padding-top:0.5em; }  
.pt-075em{ padding-top:0.75em; }   
.pt-1em{ padding-top:1em; }  
.pt-2em{ padding-top:2em; }  
.pt-3em{ padding-top:3em; }   
.pt-4em{ padding-top:4em; }  
.pt-5em{ padding-top:5em; }  
.pb-05em{ padding-bottom:0.5em; }
.pb-075em{ padding-bottom:0.75em; }
.pb-1em{ padding-bottom:1em; }  
.pb-2em{ padding-bottom:2em; }  
.pb-3em{ padding-bottom:3em; }  
.pb-4em{ padding-bottom:4em; }
.pb-5em{ padding-bottom:5em; }
.pl-1em{ padding-left:1em !important; }  
.pl-2em{ padding-left:2em !important; }  
.pl-3em{ padding-left:3em !important; }   
.pl-4em{ padding-left:4em !important; }    
.pr-1em{ padding-right:1em !important; }  
.pr-2em{ padding-right:2em !important; }  
.pr-3em{ padding-right:3em !important; }   
.pr-4em{ padding-right:4em !important; } 
.mb-5px{ margin-bottom:5px; }
.mb-10px{ margin-bottom:10px; }