/* -----------------------------------------------------------------------------------
	
	COLORS
	___________
	
	Replace your color as needed

----------------------------------------------------------------------------------- */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
label abbr,
a,
#menu .responsive-nav-toggle:hover,
.sub-dark #header-cart .cart-item-list li .product-name a:hover,
#header-cart .cart-total .cart-total-amount,
.portfolio-item .portfolio-desc a:hover .portfolio-name,
.blog-item .blog-desc .post-category:not(.subtitle-1):not(.subtitle-2),
.product-price ins,
.product-rating .star-rating,
.cart-total table.table-cart tr.total .product-price,
#single-pagination ul li a:hover,
.toggle-title:hover .toggle-name,
.pricing-table.accent-table .pricing-price .price-unit,
.widget ul:not(.socialmedia-widget):not(.product-list) li a:hover { 
	color: #202864; 
	}
	
#page-loader .loader-figure,
#smart-nav ul li.current-menu-item a, #smart-nav ul li.current-menu-item a span,
.sr-button.button-5:hover,
.text-light .sr-button.button-5:hover,
.sr-button.button-6:hover,
.text-light .sr-button.button-6:hover,
hr.colored,
.inline-video:hover::before,
.inline-video .inline-iframe-container .close-inline-video:hover,
.accent-pricing .pricing-table.accent-table, .text-light .accent-pricing .pricing-table.accent-table,
.accent-pricing .pricing-table.plain, .text-light .accent-pricing .pricing-table.plain,
.tagcloud > a:hover { 
	border-color: #202864; 
	}
	
input[type=submit]:hover, input[type=button]:hover, button:hover,
#menu .responsive-nav-toggle:hover .hamburger,
#menu .responsive-nav-toggle:hover .hamburger:before, 
#menu .responsive-nav-toggle:hover .hamburger:after,
#smart-nav ul li.current-menu-item a, #smart-nav ul li.current-menu-item a span,
#header-search a#close-search:hover:before, #header-search a#close-search:hover:after,
#header-cart a#show-cart span,
.product-media .onsale,
.shop-container .shop-item .product-media .add-to-cart-overlay a:hover,
.sr-button:hover,
.text-light .sr-button:hover,
.sr-button.button-1:hover,
.text-light .sr-button.button-1:hover,
.sr-button.button-2,
.sr-button.button-5:hover,
.text-light .sr-button.button-5:hover,
hr.colored,
.tabs-button ul.tab-nav li.active a, .vertical-tabs ul.tab-nav li.active a,
.accent-pricing .pricing-table.plain, .text-light .accent-pricing .pricing-table.plain { 
	background-color: #202864; 
	}

.colored,
nav#main-nav ul li ul > li a:hover, nav#main-nav ul li ul > li.current-menu-item > a,
#menu.menu-is-open nav#main-nav ul li a:hover, header.header-style-vertical #menu nav#main-nav ul li a:hover,
#header-search a#show-search:hover,
#header-language .header-language-content ul.lang-select li a:hover,
header.small-header #header-search a#show-search:hover,
header.small-header.header-dark:not(.mega-hover) #header-search a#show-search:hover { 
	color: #202864 !important; 
	}
	
nav#main-nav > ul > li > a.button-style:hover:before,
header #menu .responsive-nav-toggle:hover .hamburger, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger,
header #menu .responsive-nav-toggle:hover .hamburger:before, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger:before, 
header #menu .responsive-nav-toggle:hover .hamburger:after, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger:after { 
	background-color: #202864 !important; 
	}
	
hr.zigzag.colored {
  	background: repeat-x url("data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="6px" viewBox="0 0 12 6" enable-background="new 0 0 12 6" xml:space="preserve"><polygon points="6,3.5 0,0 0,1.208 6,4.708 12,1.208 12,0" fill="%23165974"/></svg>");
	}
	
	
	


/* -----------------------------------------------------------------------------------
	
	FONTS
	___________
	
	Replace your fonts as needed

----------------------------------------------------------------------------------- */
body,
input[type=text], input[type=password], input[type=email], textarea,
input[type=submit],
nav#main-nav ul li ul > li > a,
.sr-button,
.inline-video::after,
.shop-grid .shop-item .product-media .add-to-cart-overlay a,
.subtitle-1,
.tp-caption.sudo-caption.subtitle-1,
.widget-recent-posts span {
	font-family: 'Open Sans', sans-serif;
	}
	
h1, h2, h3, h4, h5, h6,
.tp-caption.sudo-caption,
label,
select,
table thead th,
blockquote cite,
small,
#menu .open-nav,
nav#main-nav > ul > li > a,
nav#main-nav .mega-menu-content ul li.mega-menu-title > a,
#header-search .header-search-content input[type=text],
#header-language a#show-language,
#header-language .header-language-content ul.lang-select li a,
footer #backtotop,
.filter li a,
.blog-item .blog-content .post-meta li,
.comments .comment-reply-link,
.widget ul:not(.socialmedia-widget) li a,
#single-pagination ul li a,
#share ul li a,
.product-media .onsale,
.product-price,
.pricing-table .pricing-price .price-unit,
.sr-counter .counter-value,
.widget ul:not(.socialmedia-widget):not(.product-list) li a {
	font-family: 'Open Sans', sans-serif;
	}
	
.subtitle-2,
.tp-caption.sudo-caption.subtitle-2,
blockquote,
#shop-single .product-rating a.review-link {
	font-family: 'Open Sans', sans-serif;
	}



/* -----------------------------------------------------------------------------------
	
	FONTS STYLING
	___________
	
	Change your specefic font settings (weight,size,style,...) if wanted

----------------------------------------------------------------------------------- */

/* - - -       FONT 1 (Lato)       - - - */
body {
	font-weight: 300;
	letter-spacing: 0.02em;
	font-size: 15px; 
	line-height: 24px;
	margin-top: 50px;
	}

.subtitle-1,
.tp-caption.sudo-caption.subtitle-1 { 
	font-weight: 300; 
	letter-spacing: 0.03em; 
	}
	.subtitle-1 b, .subtitle-1 strong, .tp-caption.sudo-caption.subtitle-1 strong { font-weight: 400; }
	
input[type=text], input[type=password], input[type=email], textarea {
	font-weight: 300;
	font-size: 1rem !important;
	}
	
input[type=submit] {
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.1em; 
	text-transform: uppercase;
	}	
	
nav#main-nav ul li ul > li > a {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.05em;
	}	
	
.sr-button {
	font-family: 'Fjalla One', sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em; 
	text-transform: uppercase;
	background: #202864;
}
	
.sr-button:hover {
	background: #eb5f1b;
	}

.sr-button.neutral {
	background: #cdcdcd;
}

.sr-button.neutral:hover {
	background: #adadad;
}

.sr-button.inverse {
	background: #eb5f1b;
}

.sr-button.inverse:hover {
	background: #202864;
}
	
.inline-video:after {
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.1em; 
	text-transform: uppercase;
	}
	
.shop-grid .shop-item .product-media .add-to-cart-overlay a {
	font-weight: 700;
	font-size: 11px; 
	line-height: 20px; 
	letter-spacing: 0.1em; 
	text-transform: uppercase;
	}

.comments .time {
	font-weight: 300;
	font-size: 12px;
	line-height: 15px;
	}	

.widget-recent-posts span {
	font-weight: 300;
	font-size: 12px;
	line-height: 15px;
	}	
/* - - -       FONT 1 (Lato)       - - - */


	
/* - - -       FONT 2 (Yanone Kaffeesatz)       - - - */
h1, h2, h3, h4, h5, h6,
.tp-caption.sudo-caption {
	font-weight: normal;
	}
	h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .tp-caption.sudo-caption strong { font-weight: 700; }

h1 { font-size: 72px; line-height: 86px; }
h2 { font-size: 48px; line-height: 60px; }
h3 { font-size: 34px; line-height: 46px; }
h4 { font-size: 24px; line-height: 34px; }
h5 { font-size: 17px; line-height: 26px; }
h6 { font-size: 13px; line-height: 20px; }

label {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.02em;
	}

select {
	font-size: 14px;
	font-weight: 300;
	}
	
table thead th {
	font-weight: 400;
	letter-spacing: -0.02em;
	font-size: 13px; 
	line-height: 20px;
	}
	
strong, b, dt {
	font-weight: 600;
	}

i, dfn, em {
	font-style: italic;
	}
	
strong i, b i, dt i, strong em, b em, dt em {
	font-style: italic;
	font-weight: 700;
	}

blockquote cite {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	font-style: normal;
	}

pre, code {
	font-size: 12px;
	line-height: 16px;
	}

small {
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
}
small b, small strong { 
	font-weight: 700;
}
	


#header-search .header-search-content input[type=text] {
	font-weight: 700;
	font-size: 42px;
	text-transform: uppercase;
	}
	
#header-cart .cart-items li .cart-item-name {
	font-size: 11px;
	line-height: 17px;
	}
	
#header-cart .cart-items li .cart-item-price, #header-cart .cart-items li .cart-item-quantity {
	font-size: 11px;
	line-height: 17px;
	font-weight: 700;
	}
	
#header-cart .cart-total .cart-total-amount {
	font-weight: 700;
	font-size: 16px;
	}

#header-language a#show-language {
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
#header-language .header-language-content ul.lang-select li a {
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
footer #backtotop {
	font-weight: 400;
	font-size: 11px;
	}
	
.filter li a {
	font-weight: 400;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 0.04em;
	}

.blog-item .blog-content .post-category {
	font-size: 11px;
	}
	
.blog-item .blog-content .post-meta li {
	font-size: 10px;
	line-height: 17px;
	font-weight: 400;
	letter-spacing: 0;
	}
	
.comments .comment-reply-link {
	font-weight: 400;
	font-size: 11px;
	line-height: 17px;
	text-transform: uppercase; 
	letter-spacing: 0.1em;
	}
	
.thumb-overlay .overlay-caption .caption-sub { 
	font-size: 11px;
	}
	
.widget ul:not(.socialmedia-widget) li a {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.04em;
	}
	
.product-media .onsale {
	font-weight: 400;
	font-size: 10px;
	line-height: 17px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	}
	
.product-price {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	}
	
.sr-counter .counter-value {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	}
	
.pricing-table .pricing-price .price-unit {
	font-weight: 400;
	font-size: 26px;
	line-height: 36px;
	}
/* - - -       FONT 2 (Yanone Kaffeesatz)       - - - */



/* - - -       FONT 3 (Lora)       - - - */	
.subtitle-2,
.tp-caption.sudo-caption.subtitle-2 { 
	font-weight: 400; 
	font-style: italic;
	letter-spacing: 0.03em; 
	}
	.subtitle-2 b, .subtitle-2 strong, .tp-caption.sudo-caption.subtitle-2 strong { font-weight: 700; }
	
blockquote {
	font-weight: 400;
	font-style: italic;
	font-size: 26px; 
	line-height: 34px;
	letter-spacing: 0.03em;
	text-align: left;
	padding: 20px;
	margin: 40px 0 0 40px;
	color: #999;
}

blockquote p {
	font-size: 1.3rem;
}

blockquote:before {
    color: #D4D4D4;
	content: "”";
	font-family: Georgia;
	font-size: 9rem;
	left: -40px;
	position: absolute;
	top: 30px;
}
	
#shop-single .product-rating a.review-link {
	font-weight: 400; 
	font-size: 12px;
	font-style: italic;
	letter-spacing: 0.03em; 
	}
/* - - -       FONT 3 (Lora)       - - - */	


/**   17MEDIA STYLES   **/
.link-17media {
	color: #9c9c9c !important;
}

.text-light .toggle-title::before {
    background: none;
}

.big-quote {
	font-size: 10rem;
	background: #010101;
	color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
	color: #202864;
	font-family: 'Fjalla One', sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 1rem;
	margin-top: 0.7rem;
	text-transform: uppercase;
}

h2 {
	font-size: 1.7rem;
	margin-top: 1.8rem;
}

h1, .like-h1 {
	font-size: 2.75rem;
	margin-top: -0.7rem;
	font-weight: bold;
	color: #202864;
	
}

h1:after, .like-h1:after {
	background-color: #202864;
    content: "";
    display: none;
    height: 7px;
    margin: 13px 0 25px;
    width: 50px;
}

h1.align-center:after, .like-h1.align-center:after {
	margin: 7px auto 30px;
}

h3 {
	font-size: 1.4rem;
	margin: 5px 0 15px;
}

h4 {
	font-size: 1.2rem;
	margin: 5px 0 10px;
}

h5 {
	font-size: 1rem;
	margin: 0px 0 10px;
}

h6.pretitle {
	font-size: 1.7rem;
	font-family: 'Fjalla One', cursive;
	color: #999999;
	margin-bottom: -17px;
}

h6.pretitle + h2 {
	margin-top: 17px;
}

p, li {
	font-size: 1rem;
}

/*AUFLISTUNG ERSTE EBENE*/
#page-body ul {
	list-style-type: square;
}

/*AUFLISTUNG ZWEITE EBENE*/
#page-body ul li ul {
	list-style-type: circle;
	margin-bottom: 30px;
    margin-left: 15px;
    margin-top: 10px;
}

h1 + hr {
    margin-top: 0px;
    height: 1px;
    width: 100%;
}

header {
	position: fixed;
    padding-bottom: 10px;
    /*background: rgba(255,255,255,0.6) !important;*/
    background: #FFFFFF !important;
}

header.small-header:not(.not-sticky):not(.header-style-vertical) {
    /*background: rgba(255,255,255,0.6) !important;*/
    background: #FFFFFF !important;
    border-bottom: none !important;
}

header.not-sticky {
    position: fixed !important;
}

header.not-sticky.small-header {
	background: #FFFFFF !important;
}

#weiterlink {
	font-size: 1.1rem;
	color: #cdcdcd;
	transition: all 0.25s ease 0s;
}

#weiterlink:hover {
	color: #eb5f1b;
}

/*MAIN NAVIGATION*/
nav#main-nav {
	padding-right: 0 !important;
	transition: all 0.25s ease 0s;
}

nav#main-nav > ul.right {
    margin: 0;
}

nav#main-nav ul {
    list-style-type: none;
}

nav#main-nav > ul > li > ul.sub-menu {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.95);
    left: 10px;
    display: none;
    margin-left: 0 !important;
    padding: 20px 13px;
    position: absolute;
    transition: all 0.25s ease 0s;
    width: 220px;
}

nav#main-nav > ul > li:hover > ul.sub-menu {
    display: block;
}

nav#main-nav > ul > li:last-child > ul.sub-menu {
    right: 0 !important;
	left: auto;
}

nav#main-nav ul li {
    float: left;
	font-size: 1.4rem;
    font-weight: 300;
}

nav#main-nav ul.sub-menu li {
	float: none;
	clear: both;
	padding: 0;
	line-height: 1.4;
}

nav#main-nav ul li.divider {
    display: none;
}
/* 1-STUFE */
nav#main-nav ul li a {
    font-size: 1.1rem;
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase !important;
	font-weight: 400;
    padding: 8px 0 5px 10px;
    color: #202864;
    transition: all 0.25s ease 0s;
    letter-spacing: 2px;
}

nav#main-nav ul li a span {
    padding-left: 14px;
}

nav#main-nav ul li a:hover span {
	color: #eb5f1b;
}

nav#main-nav > ul > li.current_page_item a span, #main-nav > ul > li.current-page-ancestor a span, #main-nav > ul > li.current_page_item a:hover span, #main-nav > ul > li.current-page-ancestor a:hover span {
	
}

nav#main-nav > ul > li > a::after {
	background: transparent !important;	
}

/* 2-STUFE */
nav#main-nav ul.sub-menu li {
	line-height: 1.25;
}

nav#main-nav ul.sub-menu li a {
    font-size: 0.85rem;
	text-transform: none;
	font-weight: 300;
	padding: 3px 7px;
	color: #202864;
	background: transparent;
	transition: all 0.25s ease 0s;
}

nav#main-nav ul.sub-menu li a span {
	border: none !important;
	padding-left: 0 !important;
}

nav#main-nav ul.sub-menu li a:hover {
	border: none !important;
	outline: none !important;
	/*background: #202864;
	color: #FFFFFF !important;*/
}

nav#main-nav > ul > li > ul.sub-menu > li.current_page_item a, #main-nav > ul > li > ul.sub-menu > li.current_page_item a:hover, #main-nav > ul > li > ul.sub-menu > li.current-page-ancestor a:hover {
	color: #eb5f1b !important;
}

nav#main-nav > ul > li > ul.sub-menu > li.current-page-ancestor a {
	color: #000000;
	background: transparent;
}

/* TEXT SLIDER */
#textslider {
	
}

.item-wrapper-small {
    margin: 0px 70px 35px;
    text-align: center;
}

.bewertung {
	min-height: 250px;
	margin: 0px 35px 35px;
	text-align: center;
	padding: 27px 0;
	background: rgba(255,255,255,0.8);
	border-radius: 4px;
}

.foto {
	margin: 0px 12px 12px;
	text-align: center;
	padding: 0;
}

.ion-android-star {
    color: #EDC211;
}

hr.small {
    margin: 7px auto 30px;
    width: 50px;
}

#textslider h3, #textslider h4, #textslider h5, #textslider h6 {
	color: #5;
}

#textslider i.ion {
	color: #202864;
}

#owl-galerie.owl-carousel .owl-item {
    margin: 0 3px;
}

#owl-galerie.owl-carousel .owl-item:last-child {
    margin: 0 0 0 3px;
}

#owl-galerie.owl-carousel .owl-item:first-child {
    margin: 0 3px 0 0;
}

.owl-item p {
    padding: 0 39px !important;
}

#light-logo {
	display: none;
}

#contact-data a.mail-data:hover {
	color: #010101;
}

#f_error, #f_success {
	display: none;
}

input[type="text"].error, input[type="password"].error, input[type="email"].error, textarea.error {
	border-color: #a01400 !important;
}

p {
    font-size: 1rem;
}

#impressum .toggle-title:after {
	display: none;
}

#impressum .toggle-title {
	padding: 0 !important;
}

footer .copyright {
	font-size: 13px;
	border: none !important;
	padding: 25px 0 17px;
	text-align: center;
}

#footer {
	border: none !important;
}



#bewertung-wrapper {
	background: #FFFFFF;
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.25);
	width: 440px;
	padding: 20px;
}

select, input {
    font-size: 14px !important;
    font-weight: 300;
    margin-bottom: 0px;
    width: 100%;
}


select option.disabled {
    color: #999999;
    cursor: not-allowed;
}

input[type="text"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, textarea:disabled, select:disabled {
    background-color: #f7f7f7;
    border-color: #e0e0e0;
    color: #c4c4c4;
    cursor: not-allowed;
}

label {
    color: #666666;
}

#submitButton {
    font-size: 12px;
    font-weight: 600;
    padding: 0 27px 12px 28px;
}

#submitButton i.ion {
    padding-right: 5px;
    position: relative;
    top: 5px;
}

header #logo {
    height: 30px;
	padding: 8px 0 2px !important;
}


header #logo img {
    height: auto;
    max-height: 100%;
    max-width: 330px;
    transition: all 0.4s ease 0s;
}

header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #page-body {
    margin-top: 0px;
}

#kontakt {
	position: relative;
}

#kontaktdaten {
	/*padding: 0 0 0 45px;*/
}

#kontaktdaten h3 {
    color: #ffffff;
}

p.slim {
	padding: 0 45px;
}

#googlemaps {
	max-width: 100%;
}

#googlemaps-wrapper {
	margin-right: 0 !important;
	height: 450px;
	position: relative;
    right: -21px;
}

#header .wrapper {
    position: relative;
}

#c2a {
    position: absolute;
    right: 0;
    top: 0;
}

#c2a a {
    color: #eeeeee;
    display: inline-block;
    font-family: 'Fjalla One', sans-serif;
    font-size: 1.1rem;
	padding: 10px 10px 10px;
	font-weight: 400;
	border-radius: 0 0 4px 4px;
	margin-left: 4px;
	transition: all 0.25s ease 0s;
	text-transform: uppercase;
}

#c2a a i.ion {
	padding-right: 5px;
}

#c2a a:hover {
    color: #FFFFFF;
}
#c2a-termin i.ion {
	position:relative;
	top: 1px;
}

#c2a-termin:hover {
	background: #202864 !important;
}

#c2a-facebook i.ion {
    position: relative;
    top: 3px;
}

#c2a-facebook:hover {
	color: #3b5998 !important;	
}

.parallax-image-galerie {
    background: transparent url("/assets/imported/e9c902a2619e-escape-galerie-bg.jpg") no-repeat fixed top center;
    background-size: cover;
    min-height: 400px;
}

.parallax-image-kontakt {
    background: transparent url("/assets/imported/e4a88778d347-bg-pattern.jpg") no-repeat center center;
    background-size: cover;
}

.escape-details-bg {
    background: transparent url("/assets/imported/e4a88778d347-bg-pattern.jpg") no-repeat bottom right;
    background-size: cover;
}

.bg-schloss {
    background: transparent url("/assets/imported/aed71aaaaf18-escape-schloss-quer.png") no-repeat center center;
    background-color: transparent;
}

nav#main-nav {
    position: absolute;
	right: 215px;
	top: 0px;
}

#page-body {
    padding-top: 100px !important;
}

#page-body.no-padding-top-mobile {
    padding-top: 50px !important;
}


.home #page-body {
    padding-top: 0px !important;
}

svg.separator:not(:root) {
    overflow: hidden;
}

svg.separator {
	display: block;
	position: relative;
    top: -1px;
}

#curve1 path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

#curve2 path {
    fill: #F7F7F7;
    stroke: #F7F7F7;
}

/*COLORS FOR FONTS AND BG*/
.font-color-1 {
	color: #ee6a53 !important;
}
.font-color-2 {
	color: #5fc3d3 !important;
}
.font-color-3 {
	color: #f9b023 !important;
}
.font-color-4 {
	color: #165973 !important;
}
.font-color-white {
	color: #FFFFFF !important;
}

.font-color-black {
	color: #202864 !important;
}

.font-color-orange {
	color: #eb5f1b !important;
}
.font-color-gray {
	color: #666666 !important;
}

.font-color-blue {
	color: #202864 !important;
}

.font-color-green {
	color: #eb5f1b !important;
}


.bg-color-1 {
	background-color: #ee6a53 !important;
}
.bg-color-2 {
	background-color: #5fc3d3 !important;
}
.bg-color-3 {
	background-color: #f9b023 !important;
}
.bg-color-4 {
	background-color: #165973 !important;
}

.bg-color-white {
	background-color: #FFFFFF !important;
}

.bg-color-black {
	background-color: #202864 !important;
}

.bg-color-red {
	background-color: #eb5f1b !important;
}

.bg-color-gray {
	background-color: #666666 !important;
}

.bg-color-lightgray {
	background-color: #F7F7F7 !important;
}

.bg-color-blue {
	background-color: #202864 !important;
}

.bg-color-green {
	background-color: #eb5f1b !important;
}

.link-box, .link-box:hover {
	color: #FFFFFF !important;
	text-align: center;
}

#footer h3 {
	line-height: 1.5rem;
}

.toggle-title::before {
    display: none !important;
}

.pflichtfeld-caption {
    text-align: left !important;
    font-size: 0.85rem;
}

table {
    border-collapse: collapse;
    margin-bottom: 30px;
    margin-top: 30px;
    max-width: 100%;
    width: 100%;
    position: relative;
	left: -5px;
}

table tbody td {
    background: #FFFFFF none repeat scroll 0 0;
    padding: 0 !important;
    text-align: left;
    vertical-align: center;
}

table tbody td.image {
    vertical-align: top;
    min-width: 50%;
    position: relative;
    width: 50%;
}

#preise-buchen-btn {
	position: absolute;
	border-radius: 50px 50px 50px 50px !important;
	padding: 20px !important;
	bottom: 25px;
	right: -30px;
}

table tbody td.text {
    background: #FFFFFF none repeat scroll 0 0;
    padding: 25px 25px 25px 40px  !important;
    text-align: left;
    vertical-align: center;
}

table tr {
    border-bottom: none !important;
}

table thead tr th:last-child, table tbody tr td:last-child {
    text-align: left;
}

.sr-button.button-small {
	font-size: 1rem;
}

.sr-button.button-medium {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 20px;
}

.toggle-inner {
    margin-top: 15px;
    padding: 0 0 20px 0px;
    text-align: left;
}

.referenz p {
	margin-top: 10px;
}

.slick-slider .slick-slide img {
    margin: 0 auto;
}
.slick-slide img {
    display: block;
}

#headimage {
	max-height: 860px;
	overflow: hidden;
	text-align: center;
}

#parallax-header {
	height: 860px;
	background-size: cover !important;
	position: relative;
}

.referenz-image {
	position: relative;
}

.referenz-image .mask {
	position: absolute;
	top: 0;
	left: 0;
}

*::-moz-selection {
    background: #eb5f1b none repeat scroll 0 0;
    color: #ffffff;
}

#c2a-nav {
	display: none !important;
}

#logo .rwd-logo {
	display: none;
}

a.link {
	color: #eb5f1b;
	text-decoration: none;
	border: none !important;
}

a.link:hover {
	text-decoration: underline;
}

h5.toggle-name {
    padding: 3px 17px;
}

.kontaktbox {
	margin-top: 0;
}

.kontaktbox span.name {
	font-size: 1.3rem;
	font-family: 'Fjalla One', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

.kontaktbox span.position {
	display: inline-block;
    font-family: 'Fjalla One', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    margin-bottom: 7px;
    position: relative;
    text-transform: uppercase;
    top: -3px;
}

.footer-button {
    color: #202864;
    display: inline-block;
    font-family: 'Fjalla One', sans-serif;
    font-size: 1rem;
    margin-bottom: 5px;
    padding: 4px 10px;
    text-transform: uppercase;
    background:#FFFFFF
}

.footer-button i.ion {
	padding-right: 5px;
	position: relative;
    top: 2px;
}

.footer-button:hover {
    color: #FFFFFF;
    background: #eb5f1b;
}

.team-image {
    border-radius: 50%;
	overflow: hidden;
	max-width: 257px;
	display: block;
	border: 5px solid transparent !important;
	transition: all 0.25s ease 0s;
	margin: 0 auto;
}

#bewertung-wrapper {
	background: #FFFFFF;
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.25);
	width: 440px;
	padding: 20px;
}
.wrapper .team-member.one-half, .wrapper-small .team-member.one-half {
    width: calc(50% - 10px);
}

.wrapper-small .team-member.column {
	float: left;
	margin-right: 20px;
    min-height: 1px;
}

.team-member.column {
	background: #FFFFFF;
	border-bottom: none !important;
    padding-top: 17px;
    display: block;
}

a.team-member.column:hover .team-image {
    border: 5px solid #202864 !important;
}

select, input {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300;
    margin-bottom: 0px;
    width: 100%;
}


select option.disabled {
    color: #999999;
    cursor: not-allowed;
}

input[type="text"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, textarea:disabled, select:disabled {
    background-color: #f7f7f7;
    border-color: #e0e0e0;
    color: #c4c4c4;
    cursor: not-allowed;
}

label {
    color: #666666;
}

#submitButton {
    font-size: 12px;
    font-weight: 600;
    padding: 0 27px 12px 28px;
}

#submitButton i.ion {
    padding-right: 5px;
    position: relative;
    top: 5px;
}

#f_error, #f_success {
	display: none;
}

input[type="text"].error, input[type="password"].error, input[type="email"].error, textarea.error, select.error {
	border-color: #a01400 !important;
}

h2.entry-title {
    margin: 0 0 1rem 0;
}

.blogloop .post {
    margin-bottom: 45px;
}

img.round-50 {
	width: 50% !important;
	border-radius: 50% 50% 50% 50% !important;
}

img.round-250px {
	max-width: 100% !important;
	width: 250px !important;
	border-radius: 50% 50% 50% 50% !important;
}
#jameda {
	position: absolute;
	bottom: 40px;
	right: 5%;
	z-index: 1500;
}

.relative {
	position: relative;
}

#footer-logo {
	max-width: 200px;
}

#oeffnungszeiten {
	border-collapse: collapse;
	margin-bottom: 0;
	margin-top: 0;
	max-width: 100%;
	width: 205px;
	position: relative;
	left: -5px;
}

table#oeffnungszeiten tbody td {
    background: transparent;
    border: 3px solid #ffffff;
    padding: 0px 2px 0px 0px !important;
    text-align: left;
    vertical-align: top;
    display: table-cell !important;
}

.teambildbreit {
	margin-top: 50px;
}

.owl-nav > div {
	background: #202864;
}

.owl-dots .owl-dot span:after {
	border: 2px solid #202864;
}

.owl-dots .owl-dot span {
	background: #202864;
}


.scale-in-center{-webkit-animation:scale-in-center 10s infinite alternate both;animation:scale-in-center 10s infinite alternate both}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1}100%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1}100%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1}}

#logo-big {
    position: absolute;
    z-index: 1500;
    top: 225px;
    width: 100%;
}

#logo-big img {
	max-width: 700px;
}

.toggle-item {
    margin-top: 10px;
    background: #FFFFFF;
    padding: 10px 20px;
}

h3.toggle-name {
	margin: 0 !important;
}

div .toggle-item:first-child {
    margin: 0;
}

.toggle-title:after {
    font-size: 17px;
    color: #eb5f1b;
}

.preise.boxed-spaced .column, .preise.boxed-sticky .column, .preise.bordered-spaced .column, .preise.bordered-sticky .column {
	background: #ffffff !important;
}

.preise .column {
	margin-top: 20px !important;
}

.preise h3 {
	margin: 5px 0 10px !important;
}

.overlay-caption h4 {
    margin: 0px !important;
	font-weight: bold;
}

.thumb-overlay.text-light.overlay-effect-4 .overlay-caption:after {
	background: #eb5f1b ;
}

.thumb-overlay.overlay-effect-4 .overlay-caption:after {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.tabs ul.tab-nav li.active:after, .filter li.active:after {
    opacity: 1 !important;
    filter: alpha(opacity=15) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    bottom: 10px !important;
    background: #eb5f1b !important;
}

.filter li h3 a {
	font-size: 1.4rem !important;
	color: #202864 !important;
	font-family: 'Fjalla One', sans-serif !important;
	font-style: normal !important;
	font-weight: normal !important;
	line-height: 1.2 !important;
}

#sticker {
	position: absolute;
	right: 40px;
	top: 40px;
    z-index: 1500;
}
#sticker img {
	max-width: 225px;
	transition: transform .3s ease;
}
	
#sticker:hover img {
	 transform: scale(1.1);
}

.fab.fa-tripadvisor.fa-2x {
	font-size: 2.3em !important;
}

.portfolio-desc h3 {
	padding-top: 12px !important;
}

.owl-teamslider .foto {
	float: left;
	width: 29.75%;
}

.angebot-image {
	height: 254px;
}

.angebot-image.lazy-loaded {
	height: auto !important;
}

.center-inline-box {
	display: inline-block !important;
	float: none;
	vertical-align: top;
}


.center-inline-box:last-child {
	margin-right: 0 !important;
}

.page-template-web-iframe #c2a-termin {
	display: none;
}

@media only screen and (max-width: 1200px) {
	nav#main-nav > ul > li {
	    margin: 0 0 0 7px;
	}
	
	nav#main-nav > ul > li > a {
	    letter-spacing: 0.9px;
	}
	
	#sticker img {
	    max-width: 160px;
	}
	
}
@media only screen and (max-width: 1024px) {
	svg.separator {
	    height: 80px;
	}
	
	nav#main-nav > ul > li > a {
	    padding: 6px 0;
	    color: #202864;
	}
	
	nav#main-nav > ul > li > a:hover {
	    color: #202864 !important;
	}
	
	nav#main-nav > ul > li > a:after {
	    background: transparent;
	}
	
	nav#main-nav > ul > li {
		float: none;
	    margin: 0;
	    display: block;
	}
	
	nav#main-nav > ul > li > ul.sub-menu {
	    display: block;
	    position: relative;
	    left: 0;
	    background: transparent;
	    padding: 0 13px 20px;
	}
	
	nav#main-nav {
	    padding: 12px 30px 12px 15px !important;
	    background-color: #ffffff;
	    display: none;
	    z-index: 999;
	    border-radius: 4px;
		right: 0px;
		top: 45px;
		overflow-y: scroll;
		max-height: 480px;
	}
	
	#c2a-nav {
		display: inline-block !important;
	}
	
	header.not-sticky {
	    /*position: absolute !important;*/
	}
	
	#parallax-header {
		height: 640px;
	}
	
	#logo-big {
	    top: 100px;
	}
	
	.isotope-grid.style-column-3[class*="isotope-spaced"] .isotope-item, .isotope-grid.style-column-3[class*="isotope-spaced"] .grid-sizer {
		width: calc(50% - 30px);
	}
	
	#sticker img {
	    max-width: 125px;
	}
	
}
@media only screen and (max-width: 920px) {
	#googlemaps-wrapper {
		width: calc(50% - 10px) !important;
	}
	
	.pakete .column.one-third {
		float: none !important;
		margin-right: 0 !important;
		width: 100% !important;
		margin-top: 20px !important;
	}
	
	#sticker {
	    right: 20px;
	    top: inherit;
	    bottom: -40px;
	}
	
	#page-body.no-padding-top-mobile {
	    padding-top: 0px !important;
	}
	
	.owl-teamslider .foto {
		float: none;
		width: auto;
	}
}

@media only screen and (max-width: 768px) {
	svg.separator {
	    height: 60px;
	}
	
	.column.link-box {
		width: 33.33% !important;
		float: left !important;
	}
	 #logo-big {
	    top: 45px;
	}
	
	#logo-big img {
		max-width: 500px;
	}
	
	#parallax-header {
		height: 400px;
	}
	
	.preise .column.small-one-half {
		float: left !important;
		margin-right: 10px !important;
		width: calc(50% - 10px) !important;
		margin-top: 20px !important;
		padding: 20px 10px !important;
	}
	
	.preise .column.small-one-half.small-last-col {
		margin-right: 0px !important;
		margin-left: 10px !important;
	}
	
}

@media only screen and (max-width: 700px) {
	img.alignright {
	    float: none;
	    margin: 0 0 20px;
	    display: block;
	}
	
	.social-icon {
		max-width: 65px;
	}
	
	#parallax-header {
		background-size: 175% auto !important;
	}
	

	
	table tbody td.text {
	    padding: 18px 10px 18px 38px !important;
	}
}

@media only screen and (max-width: 640px) {
	svg.separator {
	    height: 45px;
	}
	
	.sr-button.button-small {
    	padding: 12px;
    }
    
    .owl-item p {
	    padding: 0px !important;
	}
	
	.bewertung {
		margin: 0px 35px 35px;
		padding: 25px 15px;
	}
	
	.hide-on-small {
		display: none !important;
	}
	
	#c2a a {
		padding-right: 10px;
	}
	
	#c2a a span {
		display: none;
	}
	
	#c2a a#c2a-termin span {
		display: inline-block !important;
	}
	
	header.not-sticky {
	    /*position: relative !important;*/
	}
	#headimage {
		margin-top: 0;
	}

	
	#page-body {
	    padding-top: 60px !important;
	}
	
	#page-body.no-padding-top-mobile {
	    padding-top: 0px !important;
	}
	
	header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a {
	    padding-bottom: 0;
	    padding-top: 0;
	}
	
	.column.link-box {
		padding: 17px;
	}
	
	
	table tbody td {
	    display: block !important;
	    text-align: left !important;
	    width: inherit !important;
	}
	
	#footer {
		text-align: center;
	}
	
	/*header #logo {
	    height: 100px;
	    padding: 60px 0 0 !important;
	    margin-top: 0;
	    text-align: center;
	}*/
	
	div .column:first-child {
	    margin-top: 40px !important;
	}
	
	.align-left-small {
		text-align: left !important;
	}
	
	#parallax-image {
    	background-size: 200% !important;
    }
	
	#parallax-header {
		height: 360px;
	}
	
	#preise-buchen-btn {
		bottom: -30px;
		right: 25px;
	}
	
	table tbody td.text {
	    padding: 40px 25px 25px 25px !important;
	}
	
	#sticker {
	    bottom: -25px;
	}
	
	#sticker img {
	    max-width: 90px;
	}
}

@media only screen and (max-width: 600px) {
	.wrapper .isotope-grid[class*="isotope-spaced"] {
		width: 100%;
	}
	.isotope-grid.style-column-3[class*="isotope-spaced"] .isotope-item, .isotope-grid.style-column-3[class*="isotope-spaced"] .grid-sizer {
		width: 100%;
	}
	
	.isotope-grid.isotope-spaced .isotope-item, .isotope-grid.isotope-spaced .grid-sizer {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 520px) {	
	#logo-big {
	    top: 45px;
	}
	
	#logo-big img {
		max-width: 300px;
	}

	#parallax-header {
		height: 280px;
	}
}

@media only screen and (max-width: 440px) {
	.column.link-box {
		display: block !important;
		float: none !important;
		width: 100% !important;
	}
	
	header #logo img {
		max-width: 100%;
	}
	
	h1, .like-h1 {
    	font-size: 2rem;
    }
}


@media only screen and (max-width: 360px) {
	
	table tbody td.text {
	    padding: 40px 18px 18px 18px !important;
	}
}

@media only screen and (max-width: 340px) {
	#c2a a#c2a-termin span {
		display: none !important;
	}
	
}

/* ==========================================================
   LCP-Fix Startseite Mobile (2026-06-10)
   Original-Hero (2740px / 236KB) ist auf Mobile stark
   oversized. Kleines Derivat nur auf der Startseite (<=640px).
   Original-Datei bleibt erhalten, Desktop unveraendert.
   Rollback: diesen Block komplett entfernen.
   ========================================================== */
@media only screen and (max-width: 640px) {
	body.home #parallax-header {
		background-image: url("/assets/imported/b3c7613c0c68-Hintergrund-Escape-VR2-mobil-1080.jpg") !important;
	}
}


/* ==========================================================
   Stufe-2-Fix (2026-06-10): Fremd-Domains eliminiert
   1) Google Fonts self-hosted (latin-Subset; Umlaute + Euro
      enthalten). DSGVO-Bonus: kein Google-Server-Kontakt mehr.
   2) FontAwesome ersetzt durch Mini-Subset (10 genutzte Icons,
      Quelle FA Free 5.8.1, CC BY 4.0 fontawesome.com/license).
      ACHTUNG: neue fa-Icons im Content brauchen erweitertes
      Subset - siehe lcp-fix-playbook.md!
   Rollback: Block entfernen + header.php-Links zurueck.
   ========================================================== */
@font-face {
	font-family: 'Fjalla One';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/assets/imported/2cd06abd0b69-fjalla-one-v16-latin.woff2") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/assets/imported/0a46de0f1588-open-sans-v44-latin.woff2") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/assets/imported/0a46de0f1588-open-sans-v44-latin.woff2") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/assets/imported/b22e47934e0f-fa-brands-subset.woff2") format('woff2');
}
@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/assets/imported/363c16352240-fa-solid-subset.woff2") format('woff2');
}
.fab, .fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
.fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }
.fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.fa-2x { font-size: 2em; }
.fa-facebook-f:before { content: "\f39e"; }
.fa-gift:before { content: "\f06b"; }
.fa-google:before { content: "\f1a0"; }
.fa-heart:before { content: "\f004"; }
.fa-instagram:before { content: "\f16d"; }
.fa-ring:before { content: "\f70b"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-tripadvisor:before { content: "\f262"; }
.fa-user-plus:before { content: "\f234"; }
.fa-users:before { content: "\f0c0"; }


/* ==========================================================
   CLS-Fix mobil, Stufe 1 (2026-07-30, Claude) - escapeleipzig.de
   ----------------------------------------------------------
   Grund: style.css setzt global "img { width: auto; max-width: 100% }".
   Diese Autoren-Regel ueberschreibt die HTML-Attribute width/height
   (das sind nur Praesentations-Hinweise mit Spezifitaet 0). Folge: ein
   noch ladendes Bild hat keine feste Breite, die Box bleibt 0x0, und
   alles darunter springt, sobald die Datei ankommt.
   Ein reines "aspect-ratio" hilft deshalb NICHT - am 30.07.2026 im
   Browser nachgemessen: die Box bleibt 0x0. Es braucht immer BEIDES,
   feste Breite plus Seitenverhaeltnis.
   Die max-width-Werte entsprechen genau der heutigen Darstellung, die
   sichtbare Groesse aendert sich nicht (nachgemessen bei 375 px Breite
   und in der Desktop-Ansicht).
   Das Regiondo-Buchungswidget wird nicht beruehrt: kein Selektor hier
   greift auf [class*=regiondo], #rgd-, Buchungs-iframes oder #buchen.
   Rollback: diesen Block komplett entfernen.
   ========================================================== */

/* Karte im Kontaktbereich, echte Datei 1006x500 px.
   Groesster Einzelposten: reserviert heute 0 px, braucht mobil 179 bis
   186 px. Laedt per loading="lazy" genau dann, wenn der Nutzer hinsieht,
   deshalb zaehlt der Sprung voll in den CLS. */
#kontakt img[src*="maps-escape-leipzig"] {
	width: 100%;
	max-width: 1006px;
	height: auto;
	aspect-ratio: 1006 / 500;
}

/* Fusszeilen-Logo, echte Datei 864x361 px. Der Deckel max-width 200px
   steht weiter oben in dieser Datei bei #footer-logo.
   Reserviert damit 200x83,6 px = heutige Box. */
#footer-logo[src*="escape-leipzig-logo"] {
	width: 100%;
	max-width: 200px;
	height: auto;
	aspect-ratio: 864 / 361;
}

/* Zahlungsarten-Grafik, echte Datei 780x94 px. Gleiches Bild wie in
   Hannover. Die Hannover-Regel vom 10.06.2026 setzt nur aspect-ratio
   und ist damit wirkungslos, siehe Bericht Abschnitt 2.2. */
#preise img[src*="zahlungensmoeglichkeiten"] {
	width: 100%;
	max-width: 780px;
	height: auto;
	aspect-ratio: 780 / 94;
}

/* TripAdvisor-Award-Bild. Die HTML-Attribute sagen 150x150, die Datei
   ist aber 200x220 px. Werte hier = echte Datei, damit das reservierte
   Feld auch dann stimmt, wenn die Attribute irgendwann wieder wirken. */
img[src*="tripadvisor-award"] {
	width: 100%;
	max-width: 200px;
	height: auto;
	aspect-ratio: 200 / 220;
}

/* ==========================================================
   CLS-Fix mobil, Stufe 2 (2026-07-30, Claude) - OPTIONAL
   ----------------------------------------------------------
   Getrennt gehalten, weil die erste Regel den Ladezustand sichtbar
   veraendert und die zweite eine bestehende Deklaration antastet.
   Eigene Sichtpruefung noetig. Erst einspielen, wenn Stufe 1 laeuft.
   Rollback: diesen Block komplett entfernen.
   ========================================================== */

/* Galerie-Slider der Startseite. Alle 29 Bilder liegen im Format 3:2
   (28 mal 1024x683, einmal 1217x811 = 1,5006), per SFTP am 30.07.2026
   ausgelesen. Sichtbare Aenderung: solange ein Slide-Bild noch nicht
   geladen ist, ist der Slider heute nur so hoch wie der Alt-Text
   (48 px) und wird danach 234 px hoch. Mit dieser Regel steht die
   richtige Hoehe von Anfang an. Der Endzustand ist identisch, nur der
   Ladezustand sieht anders aus. Bewusst auf die Startseiten-Vorlage
   begrenzt, weil andere Seiten Galerien mit anderem Format haben. */
body.page-template-web-home #galerie .owl-item img {
	width: 100%;
	height: auto;
	aspect-ratio: 1024 / 683;
}

/* Kopfzeilen-Logo, echte Datei 472x157 px. Ersetzt height:auto durch
   height:100% (der Kasten #logo ist auf 30 px festgelegt), damit die
   Breite aus dem Seitenverhaeltnis folgt. Reserviert 90,2x30 px = exakt
   die heutige Darstellung. Wirkung auf den CLS ist wahrscheinlich klein,
   weil der Header position:fixed ist und keinen Seiteninhalt verschiebt.
   Nur mitnehmen, wenn die Kopfzeile mobil und Desktop danach sauber
   sitzt. */
header #logo img[src*="escape-logo"] {
	height: 100%;
	width: auto;
	aspect-ratio: 472 / 157;
}

/* NICHT im Patch, bewusst weggelassen:
   - #logo-big img (Hero-Logo, 720x425 px): der Kasten #logo-big ist
     position:absolute und verschiebt keinen Seiteninhalt.
   - video#springhierher: reserviert schon korrekt, weil die Inline-Regel
     .eu-inline-video video eine feste Breite (width:100% !important)
     setzt und damit die width/height-Attribute des video-Tags greifen.
   - #portfolio-grid img (Angebots-Kacheln): liegen in
     position:absolute-Kaesten, verschieben ebenfalls nichts. */

/* MENUE-NAME-FIX 2026-08-03 (Claude, Auftrag Artur) — Lighthouse-Befund „Links must have
   discernible text" am Burger-Knopf. Unter 640 px blendet `#c2a a span { display:none }` die
   Beschriftung aus; die Ausnahme darunter gilt nur fuer den Termin-Knopf, nicht fuer den Burger.
   Ergebnis war ein Link ohne Namen. Hier bleibt der vorhandene Text „Menue" im
   Barrierefreiheits-Baum, ist aber optisch unsichtbar. Kein optischer Unterschied.
   Rollback: diesen Block entfernen und den Versionsstempel in header.php hochziehen. */
@media only screen and (max-width: 640px) {
  #c2a a#c2a-nav span {
    display: inline-block !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}