/* -----------------------------------------------------------------------------------
	
	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("../images/escape-galerie-bg.jpg") no-repeat fixed top center;
    background-size: cover;
    min-height: 400px;
}

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

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

.bg-schloss {
    background: transparent url("../images/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;
	}
	
	#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;
	}
	
	#contact-form {
		display: none !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;
	}
	
}