/*
 * Eigenes CSS des Hotels – 1:1 übernommen aus dem Plugin „Simple Custom CSS“ (Option sccss_settings),
 * Stand Backup 24.09.2026. Bis dahin von den Eigentümern im WP-Admin gepflegt.
 * Seit 07.10.2026 versioniert im Theme (Issue #16); Änderungen laufen über Git/Deploy.
 * Wird nach den Theme-Styles und VOR css/leonberg.css geladen (functions.php).
 */

/* Change Font to Open Sans instead of Railway because of local hosting */
html h1,
html h2,
html h3,
html body{
	font-family:'Open Sans',sans-serif;
}

@media (max-width:768px){
	html h1{
		font-size: 2rem;
    line-height: 3rem;
	}
}

/* Maps */
@media (max-width:480px){
	#hirschmap{
		display:none;
	}
}

#hirschmap{
	filter: grayscale(1);
}

#hirschmap:hover{
	filter: grayscale(0);
}


.grid_section {
    position: relative;
    z-index: 0;
}

header.fixed {
	z-index: 100 !important;
}

.card-action a{
    cursor: pointer;
}

.eventItem .img {
    height: 240px;
    background-size: cover;
    background-position: center;
}

.title_outer.title_without_animation.title_text_shadow.with_image {
    z-index: 0;
    position: relative;
}

.modal{
    transition: opacity .25s ease-in-out;
    opacity: 0;
    display: none;
    z-index: 220;
    pointer-events: none;
    top: 20%;
	  max-width: 750px!important;
}

.modalOverlay{
    transition: opacity .25s ease-in-out;
    opacity: 0;
    display: block;
    z-index: 219;
    pointer-events: none;
    top: 0px;
    left: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,.5);
}

.modal.active ~ .modalOverlay{
    opacity: 1;
    pointer-events: all;
      z-index: 99999999999999999999999;
}

.modal.active{
    opacity: 1;
	  display:block;
    pointer-events: all;
    z-index: 999999;
	  height: initial;
    min-height: 400px!important;
}

@media (max-width:500px){
	.modal.active{
		height:90%;
		top:5%;
		max-height:85%;
	}
	.modal.active h1{
		font-size:2em!important;
		letter-spacing:0;
		padding-bottom:15px;
		font-size: 47px;
    line-height: 120%;
	}
	.modal .modal-content {
    padding: 24px 10px 80px;
}
}

#main .template-page .entry-content-wrapper .modal h1 , .modal h1{
    font-family: 'Abel', Sans-Serif !important;
    text-transform: none !important;
    color: #000 !important;
}

.modal strong{
    color: #000;
    vertical-align: bottom;
}

.modal li{
    font-size: 1.4em;
}

.modal .D21_periods{
    position: relative;
}

.modal .D21_periods ul li{
    margin-left: 0;
}
.modal .D21_periods > i{
    position: absolute;
    top: 0;
}
.modal .D21_periods ul{
    margin-left: 30px;
    margin-top: 5px;
}

.wpb_text_column h1, .wpb_text_column h2{
	margin: 40px 0 45px 0!important;
  	text-align: center;
}

.wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5{
	margin: 30px 0 35px 0!important;
	text-align: center;
}

h2.d21-title{
	text-align:left!important; 
}

.section_inner{
 	margin-bottom:100px; 
}

.q_slider{
 	 padding-top:0!important;
}

.title_subtitle_holder_inner{
	background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255,.75), transparent);
	padding: 5px;
}
  
.footer_logo{
 	min-width: 350px;
	width: 15%;
}

@media (max-width:500px){
	.footer_logo{
		width:100%;
		min-width:unset;
	}
}

.footer_top .widget_nav_menu ul li{
 	padding:0!important;
  	line-height:26px!important;
}

#d21-options-overlay{
 	z-index:9999!important; 
}

@media screen and (max-width: 1024px) {
	.section_inner{
 		margin-bottom: 50px; 
	}
}

.full_width_inner>.section{
 	z-index:0; 
}
/*.under_qb{
 	z-index:0; 
}*/

/* Teaser-Boxen / Arrangement-Boxen */
a.teaser-link,
#room_container a{
 	display:block;
  text-align:center;
  margin:15px 0;
	color: white;
  font-weight: 600;
}

#teaser_container h2,
#room_container h3{
	font-size:25px;
	color:#ddd;
}

a.package_link{
 	display:block;
  margin:15px 0;
}

#teaser_container div.vc_col-sm-4 .vc_column-inner,
#teaser_container div.vc_col-sm-12 .vc_column-inner,
#room_container div.vc_col-sm-4 .vc_column-inner {
 	background-color: #3b3533; 
  padding:15px;
  border:2px solid #f6f6f6;
  text-align:center;
}

#teaser_container p{
	color:#ccc;
}

#teaser_container div.vc_col-sm-4 p,
a.teaser-link:hover{
  color: #f6f6f6!important;
}


div#package_holder div.vc_row-fluid.vc_inner{
  	margin-bottom:15px!important;
  	padding:15px 0;
  	background-color: #fff;
    box-shadow: 0 0 8px #000;
}

#d21-packageList>.d21-pages>div[class*=page-]>.d21-item, .d21-packageList>.d21-pages>div[class*=page-]>.d21-item{
 	 box-shadow: 0 0 8px #000!important;
}

.d21-roomAvailability.d21-rendered .d21-dayHead, .d21-smallAvailabilityCalendar.d21-rendered .d21-dayHead{
 	background-color: #3b3533!important;
}

/* Video Overlay */
#video-holder{
  background-color: rgba(0,0,0,.8);
  width:100%;
  height:100%;
  z-index:99999;
  position:absolute;
  top:0;
  left:0;
}

#video-holder iframe{
 	left:50%;
  	margin-left:-390px;
  	position: fixed;
}

a.video_call{
	width: 100px;
    height: 100px;
    display: block;
    top: 111px;
    position: fixed;
    z-index: 999!important;
    right: 50px;  
}

p.video-close{
 	color:white;
  font-weight:600;
  position:fixed;
  top:10px;
  left:10px;
  font-size:20px;
  cursor:pointer;
}

/* Hide for later maybe */
.d21-hide{
 	display:none!important; 
}

/* Hide on mobile */
@media (max-width:768px){
	.d21-hide-mobile{
  		display:none!important;
	}
}

a.pdf-link,
a#pdf-link{
    display: block;
    text-align: center;
  text-decoration:none;
}

a.pdf-link img{
  	max-width:30px;
}

a#pdf-link{
    width: 200px;
    margin: 0 auto 15px; 
  	border:none!important;
    font-weight:400;
  	color:#757575;
  	letter-spacing:0px;
  	text-transform:none;
  	font-family: 'Raleway', sans-serif;
  	font-size: 14px;
    line-height: 26px;
}

a#pdf-link:before{
  content:url('/wp-content/uploads/LogoAdobe30.jpg');
  margin: 0 10px -300px 0;
  top:10px;
  position:relative;
}

/* Quickbook */
@media (min-width: 1024px){
#d21-quickbook.d21-isNotGroup {
   width: 100%!important;
   max-width:1100px!important;
   padding:10px 0!important;
   min-height:55px!important;
}
#d21-los-container{
   width:24%!important;
   margin-right:1%!important;
}
#d21-arrival-container{
   width:24%!important;
   margin-right:1%!important;
}
#d21-occupancy-container{
   width:24%!important;
   margin-right:1%!important;
}
#d21-avail-result-container{
   display:none!important;
}
#d21-submit-container{
   width:25%!important;
   margin-right:0%!important;
}
}
 
#d21-quickbook *:not(.d21-info)>i:not(.minus):not(.plus):not(.delete):not(.removeText):not(.d21-calendar-nav-prev):not(.d21-calendar-nav-next):not(.d21-calendar-close){
   background-color:#3b3533!important;
}

#d21-quickbook .d21-calendar-footer .d21-info>i.material-icons{
	background-color:transparent!important;
}

#d21-quickbook .field, #d21-quickbook .hasDatepicker, #d21-quickbook select,
#d21-quickbook #d21-arrival-input>div,
#d21-quickbook #d21-los>div,
#d21-quickbook #d21-occupancy-container>div{
   border: 1px solid rgba(59, 53, 51,.7)!important;
}
 
#d21-quickbook #d21-submit-container input:not(.d21-pulse-btn) {
	background: #ccc !important;
}

.grid_section {
    position: relative;
  	z-index: 99;
}


span.qb-headline{
 	text-align:center;
  	font-size: 20px;
    margin: 25px 0 0;
		display: block;
    margin-top: 40px;
    font-weight: 600;
}

/* Navi Tweaks */
nav.mobile_menu ul li a{
 	text-decoration:none; 
}

#mobile-menu-item-25 span, #mobile-menu-item-509 span{
 	font-weight:600; 
}

#nav-menu-item-25 span, #nav-menu-item-509 span{
 	font-weight:800;
}

li.menu-item-language-current{
 	display:none!important; 
}

 /* Ausblenden Englisch */
html:lang(en) a.video_call{
 	display:none!important; 
}

.blog_holder.blog_single div.comment_holder{
  display:none!important;
}

/* Ausblenden Blog */
article.type-post div.post_info{
 	display:none; 
}

article.category-unkategorisiert{
 	display:none!important; 
}

@media (min-width:768px){
#teaser_container .vc_col-sm-4 .vc_column-inner{
 	 min-height:610px;
}
}

/* Marquee 2020 */
marquee.news-ticker strong{
	 font-size: 2rem;
    color: #C14A30;
    line-height: 130%;
}

/* Marquee 2022 */
#start_news{
	  font-size: 150%;
    font-weight: 600;
    background-image: linear-gradient(90deg, transparent, rgba(59,53,51,.1), transparent);
    padding: 1em 0;
	 color:red;
}

/* Marquee 2026 */
.marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
}

.marquee-track {
  display: inline-block;
  animation: marquee 18s linear infinite;
}

/* Pause on hover – kinderfreundlich & barrierefrei */
.marquee-wrapper:hover .marquee-track {
  animation-play-state: paused;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* -50% weil Inhalt 2x vorhanden */
}

/* Barrierefreiheit: Bewegung reduzieren wenn gewünscht */
@media (prefers-reduced-motion: reduce) {
  .marquee-track {
    animation: none;
  }
}


#cn-accept-cookie.bootstrap.button{
		background-image:none;
		background-color: white;
		color: rgba(71,41,24,1);
}

#cn-accept-cookie.bootstrap.button:hover{
	background-color:rgba(71,41,24,1);
	color:white;
}

/* Edits mobile view */
@media (max-width:768px){
	.wpb_wrapper h2{
		font-size:30px;
	}
	
	.wpb_wrapper h3,
	.wpb_wrapper h4{
		font-size:27px;
	}
}

/* Hide Quickbooker on Event page */
.page-id-184 .qb_wrapper_custom{
	display:none!important;
}

html .modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: initial;
		min-height:250px;
}

/* Hide creation time of events */
.page-id-2716 article.post .time{
	display:none;
}

/* Edit Slider Events */
.blog_slider .info_bottom h4 a{
	font-size: 15px;
	line-height:100%;
}

.blog_slider .blog_text_holder.info_bottom{
	margin-bottom:30px;
	bottom:initial;
	top:5px;
}

.blog_slider h4{
	line-height:1.4rem;	
	text-align:center;
}

.blog_slider .blog_text_holder.info_bottom .blog_text_holder_outer{
	overflow:hidden;
}

.blog_slider .blog_text_date_holder{
	display:none!important;
}


/*IIQ Widget */
.footer_top #custom_html-2 h5{
	display:none;
}

.footer_top #iiqcheck_widget_844{
	margin: 20px auto;
}

/*************/

/* Slider */
a.left.carousel-control,
a.right.carousel-control{
	display:none!important;
}

html body .d21-description{
	color:#666!important;
}