/*
 Theme Name:   CM Child
 Theme URI:    
 Description:  ChaplinChild Theme
 Author:       Camilla
 Author URI:   https://balemi.net
 Template:     chaplin
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, portfolio, grid-layout, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, full-width-template
 Text Domain:  chaplinchild


-----------------------------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Modal: Menu
	6. 	Modal: Search
	7. 	Page Templates
		a. 	Template: Cover Template
		b. 	Template: Only Content
		c. 	Template: Full Width
		d.	Template: Full Width with Only Content
	8. Post: Archive
	9. Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. WooCommerce
	16. Widgets
	17. Site Footer
	18. Media Queries

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



/* --------------------------------------------------------------------------------------------- */
/*	1. Document Setup
/* --------------------------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&display=swap');


body {
	font-family: 'Merriweather', serif !important;
	background-color: #faf0e3;
}

h1, h2, h3, h4, h5, h6, .faux-heading, .ff-headings {
	font-family: 'Merriweather', serif !important;
	text-transform: uppercase;
	font-weight: 900 !important;
}

.teaser-red h1, .heading-size-1 {
	line-height: 1;
	color: #e1a85b;
}
h1.highlight {
	color: #ffffff;
	font-size: 4.0625rem;
	line-height: 5.625rem;
	margin: 4rem 0 5rem !important;
}
h2, .heading-size-2 {
	line-height: 1.2;
	color: #f2dcbf;
	letter-spacing: .25rem;
}

.small {
	font-size: 1.5rem;
}

.hidden {
	display: none;
}

h3.highlight {
	margin: 2.75rem 0 2rem !important;
	color: #ffffff;
}
.red-box h3 {
	color: #ffffff;
}
.red-box h4 {
	color: #ffffff;
}
footer h3 {
	color: #ffffff;
	text-align: center;
	margin: 4rem 0 0;
	line-height: 1;
}
h4.highlight {
	color: #ffffff;
	font-size: 2.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
h4.highlight::after, h4.highlight::before {
	content: url("images/stern-white.png");
	padding: 0 1rem;
}
h4.highlight.one::after {
	display: none;
}
.sgpb-main-html-content-wrapper h4 {
	color: #a92321;
	font-size: 3.125rem;
	margin: 2rem 0 1rem;
}
.sgpb-main-html-content-wrapper .wpb_text_column  {
	margin-bottom: 1rem;
}

h5, .heading-size-5 {
	line-height: 1;
	text-transform: none;
	text-align: center !important;
}

strong {
	font-weight: 900;
}

a {
	color: #a92321;
	text-decoration: underline;
}


/* Buttons ------------------------------ */

[class*="btn-gold"] {
	background-color: #f2dcbf !important;
	color: #a92321 !important;
	font-size: 2.5rem !important;
	font-weight: 900;
	text-transform: uppercase;
	width: 100%;
	padding: 2rem 1.5rem 1.5rem !important;
	border-radius: 1rem !important;
	box-shadow: 0px .75rem #ce8e2d !important;
	transition: transform .15s linear;
}
[class*="btn-gold"]:hover {
	/*transform: scale( 1.15 );*/
}

[class*="btn-voting"] {
	background-color: #ffffff !important;
	color: #e50043 !important;
	font-size: 2.5rem !important;
	font-weight: 900;
	text-transform: uppercase;
	padding: 2rem 1.5rem 1.5rem !important;
	border-radius: 1rem !important;
	box-shadow: 0px .75rem #ce8e2d !important;
	transition: transform .15s linear;
}
[class*="btn-voting"]:hover {
	/*transform: scale( 1.15 );*/
}


/* Socials ------------------------------ */


ul.social-icons li {
	margin: 0 .5rem !important;
}
.s-icons a::before {
	content: '' !important;
}
.s-icons a {
	display: block;
	width: 5rem;
	height: 5rem;
}
.s-icons a[href*="instagram.com"] { 
	background: url('assets/images/icon_instagram_gelb.svg');
}
.s-icons a[href*="facebook.com"] { 
	background: url('assets/images/icon_facebook_gelb.svg');
}
.s-icons a[href*="youtube.com"] { 
	background: url('assets/images/icon_youtube_gelb.svg');
}
.s-icons a[href*="#"]{
	background: url('assets/images/icon_contact_gelb.svg');
}


.social-icons a:hover, .social-icons a:focus {
	animation: shake 1.5s cubic-bezier(.36,.07,.19,.97) both;
  	transform: translate3d(0, 0, 0);
}

/* Datepicker ------------------------------ */


.search-cat__container,
.search-text__container,
.select_wrap,
#datumsuche {
	width: 100%;
	margin: 1rem 0;
}

.ui-widget-content {
	border: 4px solid #cd8e2d;
	background: #faf0e3;
	color: #cd8e2d;
	width: 552px !important;
	margin-top: -4px;
}
.ui-widget-header {
	border: 1px solid #cd8e2d;
	background: none;
	color: #cd8e2d;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #cd8e2d;
	background: none;
	font-weight: normal;
	color: #000000;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #cd8e2d;
	background: #cd8e2d;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #cd8e2d;
	background: #ffffff;
	color: #000000;
}

/* Select ------------------------------ */

.select_wrap {
	float: right;
	margin-bottom: 3rem;
	/*margin-top: 3rem;*/
	position: relative;
}

.select_wrap .default_option {
  	position: relative;
	cursor: pointer;
	list-style: none;
	margin: 0;
	padding: 0;
	border: .4rem solid #cd8e2d;
}

.select_wrap .default_option li,
.select_wrap .select_ul li {
    padding: 1.25rem 1rem;
	margin: 0;
	text-align: left;
}
.select_wrap .default_option li a {
    text-decoration: none;
}
.select_wrap .default_option li a span,
.select_wrap .select_ul li a {
	font-weight: 900 !important;
	text-transform: uppercase;
	color: #cd8e2d;
	font-size: 2rem;
	line-height: normal;
	text-decoration: none !important;
}
.select_wrap .default_option li a span span,
.select_wrap .select_ul li span {
	display: none;
}

.select_wrap .default_option:before,
.cat__toggle:before {
    content: "";
	position: absolute;
	top: 0;
	right: 1rem;
	width: 3rem;
	height: 3rem;
	padding: 1rem;
	border: .4rem solid;
	border-color: transparent transparent #cd8e2d #cd8e2d;
	transform: rotate(-45deg);
}

.select_wrap .select_ul {
	position: absolute;
	display: none;
	width: 100%;
	background: #faf0e3;
	border-radius: 5px;
	list-style: none;
	margin: -4px 0 0 0;
	padding: 0;
	border: .4rem solid #cd8e2d;
}


.select_wrap .select_ul li:hover{
  background: #fff4dd;
}

.select_wrap.active .select_ul{
  display: block;
}

.select_wrap.active .default_option:before{
  top: 25px;
  transform: rotate(-225deg);
}


/* Forms ------------------------------ */

.wpcf7-form {
	margin-bottom: 1rem;
	margin-top: 0;
	float: left;
}
.wpcf7-form label {
	float: left;
	width: 100%;
}
.custom-control-label {
	float: left;
	width: auto !important;
	text-align: left;
	padding-right: 2rem;
}
span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {
}

.wpcf7-list-item {
	margin: 0 1em 0 0;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #cd8e2d;
	color: #cd8e2d;
	float: left;
	width: 100%;
	text-align: center;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0;
	padding: 0.2em 1em;
	border: 2px solid #cd8e2d;
}

.wpcf7 form [class="color-btn-red"] {
	width: 300px;
}




input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea,
.search-text__container input,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #ffffff;
	border-radius: 0rem;
	border-style: solid;
	border-width: .4rem !important;
	border-color: #cd8e2d !important;
	box-shadow: none;
	display: block;

	font-family: 'Merriweather', serif !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	color: #cd8e2d;
	font-size: 1.875rem !important;
	
	line-height: normal;
	margin: 0;
	max-width: 100%;
	outline: none;
	padding: 1rem .8rem !important;
	width: 100%;
}

input[type="text"].hasDatepicker {
	background-position: 95% center;
}


input[type="submit"] {
	background-color: #a92321 !important;
	color: #ffffff !important;
	font-size: 1.875rem !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	border-radius: 0 !important;
	transition: transform .15s linear;
	background-image: none !important;
	display: block;
	margin: auto;
	padding: 1.5rem 1.75em;
}
input[type="submit"] a {
	text-decoration: none;
}
input[type="submit"]:hover {
	text-decoration: none;
}

::placeholder {
  color: #cd8e2d;
  opacity: .5; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #cd8e2d;
	opacity: .5;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: #cd8e2d;
	opacity: .5;
}


input[type=radio] {
  visibility: hidden!important;
  margin: 0!important;
  width: 0!important;
}
input[type=radio] + span::before {
  /* visibility: visible; */
font-family: "FontAwesome";
font-size: 1.875em;
position: relative;
top: 6px;
margin-right: 0.5407911001em;
font-weight: 100;
color: #cd8e2d;
	background: #ffffff;
}
input[type=radio] + span {
	color: #cd8e2d;
	font-size: 1.6667rem;
	text-transform: uppercase;
}
input[type=radio] + span:hover { 
	cursor: pointer; 
}
input[type=radio] + span::before { 
	content: '\f0c8';
}
input[type=radio]:checked + span::before { 
	content: '\f14a'; 
}

input[type=radio] + span::before,
input[type=checkbox] + span::before {
	content: ' ';
	border: 0.35rem solid #cd8e2d;
	width: 3.5rem;
	height: 3.5rem;
	display: inline-block;
	background: #ffffff;
	border-radius: .3rem;
}
input[type=checkbox]:checked + span:before,
input[type=radio]:checked + span:before {
	content: ' ';
	background-image: url("assets/images/check.svg");
}

.grecaptcha-badge {
	display: none;
}


/* --------------------------------------------------------------------------------------------- */
/*	3. Helper Classes
/* --------------------------------------------------------------------------------------------- */

/* Sections ---------------------------------- */
	
section {
	padding: 0;
}

/* Layout ------------------------------------ */

.vc_rtl-columns-reverse {
	flex-direction: column-reverse;
}


/* -------------------------------------------------------------------------------- */
/*	4.	Site Header
/* -------------------------------------------------------------------------------- */


#site-header {
	margin: 0;
	padding: 0
}
#site-header .section-inner {
	max-width: 1600px;
}


.home-content {
	padding-top: 4rem;
}
.home-content h3 {
	margin: -4.5rem 0 5rem;
}
.home-logo {
	margin-top: 2rem;
	margin-bottom: 0;
}
.home-stoerer {
	position: absolute;
	left: 60%;
	top: 15rem;
	margin: 0;
	max-width: 20rem;
}
.home-stoerer-left {
	position: absolute;
	right: 60%;
	top: 15rem;
	margin: 0;
	max-width: 20rem;
}
.home-stoerer img,
.home-stoerer-left img {
	transition: transform .15s linear;
}
.bewerbung-stoerer img {
	max-width: 20rem;
	transition: transform .15s linear;
}
.home-stoerer img:hover,
.bewerbung-stoerer img:hover,
.home-stoerer-left img:hover {
	transform: scale( 1.15 );
}
.home-spacer {
	/*height: 60vh !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	margin-bottom: -12rem;
	margin-top: -10rem;*/
	max-width: 45rem;
	margin: auto;
}
.home-stoerer img,
.home-datum img,
.home-logo img,
.home-stoerer-left img {
	filter: drop-shadow(0 1rem 1rem rgba(0,0,0,1));
}


.home-logo img {
	width: 45rem;
	margin: auto;
}
.home-datum {
	max-width: 45rem;
	margin: -3rem auto 0;
}
.homenavi.desktop {
	/*position: relative !important;
	width: 100vw !important;
	left: -50px !important;*/
}
.homenavi.desktop.sticky {
	position: fixed !important;
	width: 100% !important;
	margin: 0 !important;
	left: 0 !important;
	z-index: 99;
}


#navbar .vc_column-inner {
	/*align-items: flex-end;*/
}
.navbar {
	padding-top: 7rem;
	margin-top: -7rem;
	transition: paddingTop .5s linear !important;
}
.navbar.sticky {
	padding-top: 0;
}

/* Header Navigation ------------------------- */

.home-menu,
.socials-menu {
	margin: 0 2rem 1rem !important;
	cursor: pointer;
}

.home-menu.active {
	align-items: center;
	display: flex;
	flex-direction: column;
}
.home-menu ul/*,
.socials-menu ul*/ {
	display: none;
}
.home-menu.active ul,
.socials-menu.active ul {
	display: block;
}

.home-menu::before {
	content: '\f0c9';
	font-family: "FontAwesome";
	font-size: 1.875em;
	color: #e1a85b;
	display: flex;
	height: 7rem;
	width: 7rem;
	align-items: center;
	justify-content: center;
}
.home-menu .widget_nav_menu,
.socials-menu .widget_nav_menu {
	margin: 0;
	padding: 0;
	border-top: none;
}
.home-menu ul,
.socials-menu ul {
	margin: 1rem;
	float: left;
	flex-wrap: nowrap;
}
.socials-menu ul {
	float: right;
}
.home-menu li,
.socials-menu li {
	float: left;	
}
.home-menu.active li {
	float: none;
	text-align: center;
}

.home-menu li:not(.lang-item) a, .main-menu-alt a {
	font-family: 'Merriweather', serif !important;
	text-transform: uppercase;
	font-size: 2rem;
	line-height: 6rem;
	font-weight: 900;
	text-decoration: none !important;
	color: #000000;
}

.home-menu li:not(.lang-item) a:hover, .home-menu li:not(.lang-item).current-menu-item a {
	color: #ce8e2d;
}
.home-menu li:not(.lang-item) a::after, .main-menu-alt a::after,
.home-menu li:not(.lang-item) a::before, .main-menu-alt a::before {
	content: url("images/stern.png");
}

.main-menu-alt > li {
	margin: 1.5rem 0 0 0rem;
}


.homenavi {
	box-shadow: 1rem 0 2.5rem #000;
	transition: top .5s linear !important;
	z-index: 1;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.homenavi .wpb_single_image {
	margin: 1.25rem 0 !important;
}
.homenavi img {
	max-height: 9rem; 
	max-width: none;
}
.homenavi .vc_column_container > .vc_column-inner {
	padding-top: 0 !important;
}
.homenavi .vc_column_container > .vc_column-inner .wpb_wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.homenavi .vc_column_container > .vc_column-inner .wpb_wrapper .vc_wp_custommenu {
	margin-bottom: .5rem;
	margin-top: .5rem;
}
.homenavi .widget_nav_menu {
	padding-top: 0 !important;
	border-top: 0 !important;
}

/* Sticky Navigation ------------------------- */

/*.homenavi {
  position: fixed !important;
	top: 0;
	width: 100% !important;
	z-index: 9999;
	margin: 0 !important;
	left: 0 !important;
	background: #faf0e3;
	transition: top 0.3s !important;
	padding: 0 calc((100% - 1410px) / 2) 0 calc((100% - 1410px) / 2);;
}*/



/* Lang Navigation ------------------------- */

.home-menu .lang-item {
	display: none;
}

.langswitcher {
	position: absolute;
	right: 0;
}

.polylang_langswitcher {
	list-style-type: none;
	float: left;
	margin-top: -6rem;
	/*display: none;*/
}
.polylang_langswitcher li,
.home-menu.active .lang-item {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e1a85b;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	float: left;
	margin: 0 1rem 0 0;
	cursor: pointer;
	transition: color .15s linear, background-color .15s linear, box-shadow .15s linear, transform .15s linear;
}
.home-menu.active .lang-item {
	margin: 0 1rem 0 25% !important;
}
.home-menu.active .lang-item:last-of-type {
	margin: 0 25% 0 1rem !important;
}
.polylang_langswitcher li:hover,
.home-menu.active .lang-item:hover {
	animation: shake 1.5s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	color: #ffffff;
}
.polylang_langswitcher li a,
.home-menu.active .lang-item a {
	display: block;
	font-size: 2rem;
	font-weight: 900;
	color: #ffffff;
	text-decoration: none;
}
.polylang_langswitcher li a:hover {
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------------- */
/*	10. Blocks
/* --------------------------------------------------------------------------------------------- */


/* Block Teasers ------------------------------ */

/* Gold ------------------------------ */

.teaser-gold .vc_column_container .vc_column-inner {
	background: rgba(225,168,90,.9);
	padding-top: 2.5rem !important;
	padding-bottom: 5rem;
	margin: 2.5rem auto 2.5rem auto;
	position: relative;
	max-width: 85rem;
	width: 90%;
}
.teaser-gold .vc_column_container .vc_column-inner .wpb_wrapper {
	padding: 0 1.5rem;
}

.teaser-gold .wpb_text_column .wpb_wrapper {
	color: #fff;
	text-align: center;
}

/* Red ------------------------------ */

.teaser-gelb h2 {
	color: #ce8e2d;
	text-align: center !important;
	align-items: center;
	justify-content: center;
}
.teaser-red,
.home-content {
	background-size: 100% 100% !important;
	background-attachment: fixed;
}
.teaser-red,
.teaser-red h2 {
	color: #f2dcbf;
	text-align: center;
}
.teaser-red:not(.gelb) h2,
.red-text-box h2 {
	filter: drop-shadow(0 1rem 1rem rgba(0,0,0,1));
	align-items: center;
	justify-content: center;
}
.red-text-box h2 {
	margin-bottom: 3rem;
	margin-top: 2rem;
}
.red-text-box {
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.red-text-box > .vc_column_container > .vc_column-inner {
	padding-top: 2rem;
	padding-bottom: 2rem;
}


.teaser-red.gelb,
.teaser-red.gelb h2 {
	color: #ce8e2d;
	text-align: center;
}
.teaser-red h2,
.teaser-red.gelb h2 {
	margin: 0 auto 6rem auto;
	justify-content: center;
}
.teaser-red h2:first-of-type,
.teaser-red.gelb h2:first-of-type {
	margin: 0 auto 0rem auto;
}
.teaser-red h3,
.teaser-red.gelb h3 {
	margin: 9rem 0 5rem;
}

.teaser-red.voting,
.teaser-red.voting h2 {
	color: #FFFFFF;
	text-align: center;
	filter: none;
    white-space: wrap;
}
.teaser-red.voting h3 {
	margin: 0rem 0 5rem;
}

.teaser-red > .vc_column_container > .vc_column-inner {
	padding: 5rem 1.5rem 7rem;
}
.teaser-red > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	position: relative;
}

/* Gelb ------------------------------ */

.teaser-gelb {
	color: #e1a85a;
	text-align: center !important;
}
.teaser-gelb > .vc_column_container > .vc_column-inner {
	max-width: 95rem;
	margin: auto;
	padding: 0 2rem;
}
.teaser-gelb.impressum {
	background-attachment: fixed;
	background-size: cover;
	padding-left: 2rem;
	padding-right: 2rem;
}
.teaser-gelb.impressum .wpb_text_column .wpb_wrapper p {
	color: #000000;
	font-size: 1.4rem;
}
.teaser-gelb.impressum .wpb_text_column .wpb_wrapper p a {
	color: #000000;
	text-decoration: none;
}

.teaser-gelb.highlight {
	padding-bottom: 7rem;
}
.teaser-gelb.highlight .vc_column_container > .vc_column-inner {
	max-width: 112rem;
}
.teaser-gelb.highlight .vc_column_container > .vc_column-inner .wpb_wrapper {
	position: relative;
}


/* Block Einklinker ------------------------------ */


.einklinker {
	display: inline-block;
	width: 100%;
	max-width: 250px;
	margin: 0 auto 4rem;
}
.einklinker .wpb_images_carousel {
	margin-bottom: 0;
	display: flex;
}
.einklinker .vc_images_carousel {
	width: 250px !important;
}

.einklinker .wpb_images_carousel {
	margin-bottom: 0;
	display: flex;
}
.einklinker .vc_images_carousel {
	width: 250px !important;
}
.einklinker .vc_images_carousel .vc_item,
.einklinker .vc_images_carousel .vc_item img {
	width: 250px !important;
	height: 250px !important;
}
.einklinker .vc_images_carousel .vc_carousel-control {
	left: -60px;
}
.einklinker .vc_images_carousel .vc_carousel-control.vc_right {
	right:  -45px;
}

.vc_images_carousel .vc_carousel-control .icon-prev:before {
	content: url(https://www.christkindlimarkt.ch/wp-content/uploads/2023/11/arrow_left.png) !important;
}
.vc_images_carousel .vc_carousel-control .icon-next:before {
	content: url(https://www.christkindlimarkt.ch/wp-content/uploads/2023/11/arrow_right.png) !important;
}


.einklinker-right {
	bottom: 80px;
}

.einklinker-left {
	top: 80px;
}
.einklinker-right img,
.einklinker-left img,
.einklinker img {
	border: 1.2rem solid #faf0e3;
}
.einklinker-right.vc_column_container .vc_column-inner,
.einklinker-left.vc_column_container .vc_column-inner {
	background: none !important;
	padding-top: 0 !important;
	padding-bottom: 0;
	margin: 2rem auto;
	box-shadow: none !important;
}
.einklinker-right.vc_column_container .vc_column-inner .wpb_wrapper,
.einklinker-left.vc_column_container .vc_column-inner .wpb_wrapper,
.einklinker.vc_column_container .vc_column-inner .wpb_wrapper {
	padding: 0;
	position: relative;
	display: inline-block;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.einklinker-left.vc_column_container .vc_column-inner .wpb_wrapper {
	float: right;
}


/* Redbox ------------------------------ */

.red-box .vc_column_container .vc_column-inner {
	background: #cd1719;
	padding: 0;
	margin: 2.5rem auto 5rem;
	box-shadow: 0 0 2rem #ce8e2d;
	max-width: 42rem;
	padding-left: 0 !important;
	padding-right: 0 !important;
	position: relative;
	text-align: center;
	color: #ffffff;
}

.red-box h3 {
	margin: 3rem 0 .5rem 0;
}
.red-box h4 {
	margin: 3rem 0 2.5rem 0;
}
.red-box .wpb_content_element {
	margin-bottom: .5rem;
}

.red-box .einklinker-right.vc_column_container .vc_column-inner {
	background: transparent;
}
.red-box .einklinker-right.vc_column_container .vc_column-inner .wpb_wrapper {
	box-shadow: none;
}
.red-box .einklinker-right.vc_column_container .vc_column-inner .wpb_wrapper img {
	border: none;
	 -webkit-filter: drop-shadow(0 0 .5rem #ce8e2d);
    filter: drop-shadow(0 0 .5rem #ce8e2d);
}

.red-box .einklinker-left.vc_column_container .vc_column-inner .wpb_wrapper {
	box-shadow: none;
	float: none;
}
.red-box .einklinker-left.vc_column_container .vc_column-inner .wpb_wrapper img {
	box-shadow: 0 0 2rem #ce8e2d;
}


/* Info Box ------------------------------ */

.info-box-container h2 {
	text-align: center !important;
}


.info-box-white,
.info-box-gold {
	border: solid .35rem #cd8e2d;
}

.info-box-white {
	text-align: center;
	color: #a92321;
	margin: 0;
	width: 100% !important;
	filter: drop-shadow(0 1rem 1rem rgba(0,0,0,1));
}

.info-box-white h3,
.info-box-gold h3 {
	/*font-size: 3.15rem;*/
	margin: 10rem 0 3rem;
}
.info-box-white h4 {
	color: #a92321;
	margin: 0 0 3rem;
}


.info-box-gold {
	text-align: center;
	color: #f2dcbf;
	margin: 0;
	width: 100% !important;
}
.info-box-gold h4 {
	color: #f2dcbf;
	margin: 0 0 3rem;
}



.info-box-container .vc_col-sm-8 {
	margin: 0;
	width: 100%;
	text-align: center;
}
.info-box-white .vc_column-inner,
.info-box-gold .vc_column-inner {
	padding: 0 !important;
	background-position: top center !important;
}
.teaser-red.gelb .info-box-container .vc_col-sm-8 {
	color: #000000;
}


.info-box-white strong {
	color: #a92321;
}
.info-box-gold strong {
	color: #f2dcbf;
}
.info-box-white a {
	color: #a92321;
}
	


/* Block Event ------------------------------ */


.tribe-events-container {
	padding: 7rem 0;
	display: flow-root;
}
.events_placehoder {
	margin-bottom: 125px;
	clear: both;
}

.tribe-image-container {
	padding: 0;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.tribe-events-event-text {
	position: relative;
	width: 100%;
	padding: 2rem 4rem;
	margin: 2.5rem auto;
	background: #cd1719;
	box-shadow: -.5rem 0 1rem #e1a85b;
	color: #ffffff;
}
.tribe-events-container .tribe-image-container {
	box-shadow: 0px 0px 2rem #e1a85b;
}

.tribe-events-container .tribe-events-event-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tribe-events-event-image img {
	border: 1.4375rem solid #faf0e3;
	box-shadow: 0px 0px 2rem #e1a85b;
	height: 100%;
	max-height: 640px;
}
.events_item {
	border-bottom: .3rem solid #cd8e2d;
	display: flex;
	flex-direction: column;
}
.events_item div, .events_item div a {
	font-size: 1.9rem !important;
	color: #cd8e2d;
	text-decoration: none;
	font-weight: 700;
	flex: 1 0;
	text-align: left;
	padding: .5rem 0;
}
.events_item div:first-of-type {
	flex-grow: 2;
}


/* Block Aussteller ------------------------------ */

.image-map__container:hover .map__container {
	transform: scale(2);
}

.ausstellerverzeichnis .list__wrapper > div:not(.image-map) {
	max-width: 112rem;
	margin: auto;
	padding: 5rem 2rem;
	position: relative;
}

.search-cat__container {
	border: .4rem solid #cd8e2d !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	color: #cd8e2d;
	font-size: 2rem !important;
	line-height: normal;
}

.list__toggle span::before {
	content: 'Alle Anzeigen';
}
.list__container.filter--active + .list__toggle span::before {
	content: 'Weniger Anzeigen';
}

.list__container .group__container {
	padding: 0;
}

.list__container .group__container::before {
	color: #cd8e2d;
	font-size: 4rem;
	font-weight: 900;
	text-align: center;
	clear: both;
	width: 5rem;
	height: 5rem;
	background-color: #f6e5cd;
	position: absolute;
	top: -3rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.list__container .group__container::after {
	color: #cd8e2d;
	width: 100%;
	text-align: center;
	border-bottom: .3rem solid #cd8e2d;
	position: absolute;
	left: 0;	
}
.list__wrapper {
	color: #cd8e2d;
}
.groups__container {
	font-size: 2.5rem;
	font-weight: 900;
}


.style--block .list__container .group__container {
	margin-bottom: 5rem;
}
.style--block .list__container .group__container .list__item {
	padding: 5rem 0 0;
	width: 32%;
	margin: 0;
}
.list__container .group__container[data-count]:not([data-count="0"]) {
	flex-wrap: wrap;
	display: none;
	justify-content: space-between;
	/*float: left;
	width: 100%;*/
}
.list__container .group__container {
	display: none;
}
.list__container {
	display: none;
}
.list__container .group__container.filter--active[data-count]:not([data-count="0"]) {
	display: flex;
}
.list__container.filter--active {
	display: block;
}

.style--block .list__data.type--title {
	font-size: 2rem;
	font-weight: 900;
	text-transform: uppercase;
}
.list__data.type--text {
	color: #000;
	font-size: 1.7rem;
}
.list__data.type--url a {
	color: #cd8e2d;
	font-size: 1.7rem;
}
.list__data.type--url {
	height: 3rem;
}
.list__item .list__data.type--marker {
	margin-top: 2rem;
}
.style--block .list__data.type--marker span {
	padding: .785rem;
	border-color: #cd8e2d;
	background: #cd8e2d;
	width: 100% !important;
	color: #ffffff;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 900;
}
.style--block .list__data.type--marker span:hover {
	border-color: #cd8e2d;
	background: none;
	color: #cd8e2d;
}
.style--block .list__data.type--marker .fas.fa-map-marker-alt {
	font-size: 3rem !important;
	vertical-align: middle;
}
.cat__list {
	display: none !important;
}
.list__toggle {
	cursor: pointer;
}


/* Block AD-Banner ------------------------------ */


.ad-banner {
	margin-top: 3.5rem;
}
.ad-banner legend {
	font-size: 1.5rem;
	color: #e1a85a;
	font-weight: 900;
	margin: auto;
	text-transform: uppercase;
}
.ad-banner fieldset {
	border: .4rem solid #e1a85a;
	padding: 1.5rem 2rem 2rem;
	margin: auto;
	max-width: 85rem;
}
.ad-banner .vc_column-inner {
	padding-top: 0 !important;
}
.ad-banner img {
	width: 100%;
	height: 18rem;
}


/* Block Modal ------------------------------ */

.modal-window-content {
	overflow: hidden;
	overflow-y: auto !important;
}

.modal-window-content .newsletter {
	color: #cd8e2d;
	text-align: center;
}
.modal-window-content .newsletter h4 {
	font-size: 3.125rem;
	color: #cd8e2d;
	margin: 1.5rem 0 2.5rem;
}
.modal-window-content .newsletter img {
	margin: 0 auto 1rem;
}
.modal-window-content .newsletter form {
	margin-bottom: 0;
	margin-top: 1rem;
}
.modal-window-content .newsletter ul {
	margin: .5rem 0 3rem 1rem;
}
.modal-window-content .newsletter ul li {
	text-align: left;
}
.modal-window-content .newsletter a {
	color: #cd8e2d;
}
.mw-close-btn {
	display: none !important;
}
.wow-modal-window {
	max-height: 80%;
	padding: 1rem !important;
}


.sgpb-popup-overlay,
html body .modula-fancybox-bg {
	background: url(/wp-content/uploads/2022/03/hintergrund_streifen_gold-scaled.jpg) !important;
	background-size: cover !important;
	opacity: 1 !important;
}
.sgpb-content {
	border-radius: 0 !important;
	border: solid .3rem #ce8e2d !important;
	background-position: center top;
}
.sgpb-popup-close-button-6 {
	top: -25px !important;
	right: 5px !important;
}


.sgpb-popup-builder-content-html {
	padding: 0 2rem !important;
}

.sgpb-popup-builder-content-html .vc_column_container > .vc_column-inner {
	padding-top: 9rem !important;
}


/* Block Sponsoren ------------------------------ */

.sponsoren-banner {
	background: #fff;
}


.gs_logo_area {
	margin-bottom: 3.5rem;
}

.swiper-container {
	overflow: visible !important;
}
.gs_logo_overflow--hidden {
	min-height: 10rem;
	padding-top: 2.6rem;
}
.gs_logo_single {
	border-left: 1px solid black;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 1rem 0 1rem 0 !important;
	max-height: 6rem;
}
.gs_logo_single img {
	display: flex;
	max-width: none !important;
	max-height: 15rem !important;
	object-fit: contain;
}

/* Block Video ------------------------------ */

.video-container .vc_column_container > .vc_column-inner {
	padding: 0 !important;
}
.video-container .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element {
	margin: -1rem !important;
}

video {
	margin-bottom: 0;
	width: 100% !important;
}
.video-container > .wpb_wrapper {
	position: relative;
}
#control:hover {
	opacity: 1;
	cursor: pointer;
}
#control {
	position: absolute;
	z-index: 9999999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity .5s linear;
}

#control #mute {
	bottom: 2rem;
	position: absolute;
	left: 2rem;
}
#control.touchdevice  #mute {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
}
#control.touchdevice  #play {
	position: absolute;
}
#control .buttons:hover {
	cursor: pointer;
}
#control .playbutton::after {
	content: '\f144';
	font-family: "FontAwesome";
	font-size: 9rem;
	color: #faf0e3;
}
#control .pausebutton::after {
	content: '\f28b';
	font-family: "FontAwesome";
	font-size: 9rem;
	color: #faf0e3;
}
#control .mutebutton::after {
	content: '\f6a9';
	font-family: "FontAwesome";
	font-size: 4rem;
	color: #faf0e3;
}
#control .volbutton::after {
	content: '\f028';
	font-family: "FontAwesome";
	font-size: 4rem;
	color: #faf0e3;
}


/* Block Bewerbung ------------------------------ */


.bewerbung-form {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.bewerbung-form h2 {
	display: block;
	color: #cd8e2d;
}
.bewerbung-form .wpcf7 {
	display: flex;
	text-align: center;
}
.bewerbung-form .wpcf7-form {
	max-width: 86rem;
	width: 100%;
	margin: auto
}

.bewerbung-form label span {
	display: inline-block;
	float: left;
	width: auto !important;
	text-align: left;
	font-size: 1.9rem;
	margin: 0;
	font-weight: normal;
	line-height: normal;
	height: 2rem;
}


.form-row {
	margin-bottom: 1rem;
	float: left;
	width: 100%;
	min-height: 5.2rem;
}
.column-full {
	width: 100%;
	/*font-size: 1rem;*/
}
.column-half,
.column-1quarter,
.column-3quarter {
	width: 100%;
}

.checks {
	width: 66%;
	float: left;
}
.checks2 {
	width: 33%;
	float: left;
}

.column-full.checkboxes .wpcf7-form-control {
	display: flex;
	flex-direction: column;
}
.column-full.checkboxes .wpcf7-form-control span {
	margin-bottom: 1rem;
}
.column-full.checkboxes > span {
	margin-bottom: 2rem;
	font-size: 1.9rem;
	display: block;
}

.column-full.senden,
.column-full.center {
	text-align: center;
}
.column-full.left {
	text-align: left;
}
.column-spacer {
	height: 3rem;
	width: 100%;
	float: left;
}
.bewerbung-form .small {
	font-size: 1.5rem;
}
.column-full.agbs .wpcf7-list-item {
	width: auto;
	display: inline-block;
	margin: 0;
}


input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea, .search-text__container input, select {
	text-transform: none;
}

.bewerbung-form .country-select.inside input, .country-select.inside input[type="text"] {
	padding-left: 52px !important;
}

.bewerbung-form .produktekategorie::after,
.bewerbung-form .infrastruktur::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 3rem;
	height: 3rem;
	padding: 1rem;
	border: .4rem solid;
	border-color: transparent transparent #cd8e2d #cd8e2d;
	transform: rotate(-45deg);
	z-index: 9;
	top: 0;
	right: 2rem;
	pointer-events: none;
}


.bewerbung-form input[type=radio],
.bewerbung-form input[type=checkbox] {
  	visibility: hidden !important;
	display: contents;
}

.bewerbung-form input[type="checkbox"] + span::before {
	margin-right: 1rem;
	margin-bottom: -1rem;
}

.bewerbung-form .wpcf7-form-control-wrap {
	display: block;
}
.bewerbung-form .wpcf7-form-control-wrap.agbs {
	display: block;
	float: left;
}

.bewerbung-form .wpcf7 form.invalid .wpcf7-response-output, 
.bewerbung-form .wpcf7 form.unaccepted .wpcf7-response-output, 
.bewerbung-form .wpcf7 form.sent .wpcf7-response-output {
	margin-bottom: 2rem;
	font-size: 1.5rem;
}

.bewerbung-form .wpcf7-not-valid-tip {
	color: #dc3232 !important;
	font-size: 1.2rem !important;
	font-weight: normal;
	position: absolute;
	right: .5rem;
	top: .5rem;
}
.bewerbung-form .column-1quarter .wpcf7-not-valid-tip {
	right: auto;
	left: .5rem;
	white-space: nowrap;
	z-index: 9;
}
.column-full.agbs .wpcf7-not-valid-tip,
.bewerbung-form .wpcf7-form-control-wrap.anrede .wpcf7-not-valid-tip {
	display: none;
}


.column-full:not(.buttons) .wpcf7-form-control.wpcf7-not-valid input[type=radio] + span::before,
.column-full:not(.buttons) .wpcf7-form-control.wpcf7-not-valid input[type=checkbox] + span::before {
	border: 0.4rem solid #dc3232;
}
.bewerbung-form input[type="email"].wpcf7-not-valid,
.bewerbung-form input[type="tel"].wpcf7-not-valid,
.bewerbung-form input[type="text"].wpcf7-not-valid,
.bewerbung-form textarea.wpcf7-not-valid {
	border-color: #dc3232 !important;
}
.wpcf7-drag-n-drop-file.wpcf7-not-valid ~ .codedropz-upload-handler {
	border: 0.4rem dashed #dc3232 !important;
}

.cd-upload-btn {
	font-family: 'DIN-Bold', sans-serif !important;
	color: #FFFFFF;
	font-size: 1.15rem;
	text-transform: uppercase;
	background: #000000;
	padding: .75rem 1rem;
	border-radius: .3rem;
	border: .15rem solid #000;
	cursor: pointer;
	display: block;
	width: 100%;
	max-width: 27rem;
	margin: 1rem auto;
	font-weight: bold;
}



/* --------------------------------------------------------------------------------------------- */
/*	11. Entry Content
/* --------------------------------------------------------------------------------------------- */


.template-only-content .entry-content {
	max-width: 108rem;
	margin: auto
}



/* -------------------------------------------------------------------------------- */
/*	16.	Widgets
/* -------------------------------------------------------------------------------- */

/* Widget Base ------------------------------- */

.widget {
	border: none;
}

.widget-title {
	color: #e1a85b;
	margin: 0;
	text-align: center;
}


/* Footer Widgets --------------------------- */

.footer-widgets-wrapper .footer-menu {
	margin: 0 0 0 0;
}

.footer-widgets-wrapper.grid {
	margin: 0;
}


/* Widget: Text ------------------------------ */

.widget_text .widget-content {
	max-width: 100%;
}


/* --------------------------------------------------------------------------------------------- */
/*	17. Site Footer
/* --------------------------------------------------------------------------------------------- */


#site-footer {
	background-image: url(https://christkindlimarkt.ch/wp-content/uploads/2022/03/hintergrund_streifen_rot_gruen-scaled.jpg);
	margin-top: 0px !important;
	background-size: 100% 100%;
	background-attachment: fixed;
}

/* Footer Widgets ---------------------------- */

.footer-widgets-outer-wrapper {
	margin-bottom: 0;
	margin-top: 0rem;
}
.footer-widgets-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.footer-widgets img {
	min-width: 28rem;
	filter: drop-shadow(0 1rem 1rem rgba(0,0,0,1));
}

.footer-widgets.column-one {
	margin: 0;
	width: 100%;
	justify-content: center;
}
.footer-widgets.column-two {
	display: flex;
	flex-direction: column;
	margin: 2rem 5% 4rem 5%;
	width: 90%;
}
.footer-widgets.column-three {
    order: 3;
	margin: 0 0 6rem 0;
	width: 100%;
}
.footer-widgets.column-three ul {
	align-items: center;
}


/* Footer Inner ------------------------------ */

.footer-menu {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
}

.footer-menu li {
	border: none;
	text-align: center;
	margin: 0 1rem;
}

.footer-menu a {
	text-transform: uppercase;	
	font-size: 2rem;
	font-weight: 900;
	color: #f2dcbf;
	text-decoration: none;
	padding: 0;
}

.footer-menu a:hover, .footer-menu li.current-menu-item a {
	color: #e1a85b;
	text-decoration: none;
}




/* --------------------------------------------------------------------------------------------- */
/*	18. Media Queries
/* --------------------------------------------------------------------------------------------- */


@media (min-width: 400px) {

	.sgpb-popup-close-button-6 {
		top: -25px !important;
		right: -25px !important;
	}
	
	.einklinker {
		display: inline-block;
		width: 100%;
		max-width: 300px;
		margin: 0 auto 4rem;
	}
	.einklinker .wpb_images_carousel {
		margin-bottom: 0;
		display: flex;
	}
	.einklinker .vc_images_carousel {
		width: 300px !important;
	}

	.einklinker .wpb_images_carousel {
		margin-bottom: 0;
		display: flex;
	}
	.einklinker .vc_images_carousel {
		width: 300px !important;
	}
	.einklinker .vc_images_carousel .vc_item,
	.einklinker .vc_images_carousel .vc_item img {
		width: 300px !important;
		height: 300px !important;
	}
}

@media (min-width: 700px) {
	
	
	/*	2. Element Base ---------------------------- */
	
	h1, .heading-size-1 {
		font-size: 4.5rem;
	}
	
	h2, .heading-size-2 {
		font-size: 4rem;
	}
	/*h3, .heading-size-3 {
		font-size: 3rem;
	}*/
	h3 {
		margin: 4.5rem 0 5rem;
	}
	.red-box h3 {
		font-size: 3rem;
	}
	.red-box h4 {
		
	}
	h4.highlight {
		flex-direction: row;
	}
	
	
	/* Buttons ------------------------------ */

	[class*="btn-gold"] {
		width: 40rem;
	}
	[class*="btn-voting"] {
	}
	
	/* Datepicker ------------------------------ */

	#datumsuche,
	.search-cat__container {
		width: 48%;
		float: left;
	}
	.search-text__container {
		width: 48%;
		float: right;
	}
	.select_wrap {
		width: 48%;
	}
	
	
	.home-stoerer,
	.home-stoerer-left {
		/*left: 20%;*/
		top: 25rem;
	}
	
	
	
	/*	3. Helper Classes ------------------------------ */

	/* Sections ---------------------------------- */
	
	section {
		padding: 0;
	}
	
	
	/*	10. Blocks ------------------------------ */
	
	/* Block Teasers ------------------------------ */
	
	/* Info Box ------------------------------ */
	
	.info-box-container .vc_col-sm-8 {
		margin: 0 5rem;
		width: calc(100% - 10rem);
	}
	.info-box-white,
	.info-box-gold {
		margin: 0 4rem;
		width: calc(100% - 8rem) !important;
	}

	/* Gold ------------------------------ */

	.teaser-gold .vc_column_container .vc_column-inner {
		margin: 2.5rem auto 15rem auto;
	}
	
	.teaser-gold .vc_column_container .vc_column-inner .wpb_wrapper {
		padding: 0 8rem;
	}
	

	/* Gelb ------------------------------ */

	.teaser-gelb > .vc_column_container > .vc_column-inner {
		padding: 0 5rem;
	}
	
	/* Red ------------------------------ */

	.teaser-red > .vc_column_container > .vc_column-inner {
		padding: 7rem 6rem 7rem !important;
	}
	
	
	/* Block Einklinker ------------------------------ */
	
	.einklinker {
		width: 400px !important;
		max-width: 400px;
		margin: 0 auto 4rem;

	}
	.einklinker .wpb_images_carousel {
		margin-bottom: 0;
		display: flex;
	}
	.einklinker .vc_images_carousel {
		width: 400px !important;
	}
	.einklinker .vc_images_carousel .vc_item,
	.einklinker .vc_images_carousel .vc_item img {
		width: 400px !important;
		height: 400px !important;
	}
	.einklinker .vc_images_carousel .vc_carousel-control {
		left: -60px;
	}
	.einklinker .vc_images_carousel .vc_carousel-control.vc_right {
		right:  -55px;
	}
	
	.einklinker-right {
		position: absolute !important;
		/*right: -255px;*/
		right: calc(-50% + 15rem);
	}
	.einklinker-left {
		position: absolute !important;
		/*left: -255px;*/
		left: calc(-50% + 15rem);
	}
	
	.einklinker-right.vc_column_container .vc_column-inner .wpb_wrapper, 
	.einklinker-left.vc_column_container .vc_column-inner .wpb_wrapper {
		width: 18rem;
		height: 18rem;
		padding: 0;
	}
	.einklinker-right.vc_column_container .vc_column-inner,
	.einklinker-left.vc_column_container .vc_column-inner { 
		margin: 0;
		width: auto;
	}
	
	/* Redbox ------------------------------ */
	
	.red-box .vc_column_container .vc_column-inner {
		margin: 2.5rem auto 15rem auto;
	}
	
	.red-box .einklinker-left {
		left: -17rem;
		margin-top: 30rem;
		z-index: -1;
	}
	.red-box .einklinker-right {
		right: -18rem;
	}
	
	/* Block Event ------------------------------ */
	
	.tribe-image-container {
		float: none;
		width: 100%;
	}
	.tribe-events-event-text {
		width: 100%;
		padding: 2rem 4rem;
		margin: 2.5rem auto;
	}
	
	.events_item {
		flex-direction: row;
	}
	
	/* Block Aussteller ------------------------------ */

	.ausstellerverzeichnis .list__wrapper > div:not(.image-map) {
		padding: 5rem;
	}
	.image-map__container:hover .map__container {
		transform: scale(1);
	}
	
	
	.wow-modal-window {
		padding: 5rem !important;
	}
	
	
	/* Block Bewerbung ------------------------------ */
	
	.column-half,
	.checks,
	.checks2 {
		width: 49%;
		float: left;
	}
	.column-half:last-of-type {
		width: 49%;
		float: right;
	}
	.column-1quarter {
		width: 19%;
		float: left;
	}
	.column-3quarter {
		width: 79%;
		float: right;
	}
	
	
	
	/*	17. Site Footer ---------------------------- */
	
	/* Footer Widgets ---------------------------- */
	
	.footer-widgets .widget {
		margin-top: 4rem;
	}
	
	.footer-widgets.column-one {
		width: 50%;
	}
	
	
	/* Footer Inner ------------------------------ */
	
	.footer-inner {
		padding: 0;
	}
	
}

@media (min-width: 800px) {
	
	/*	2. Element Base ---------------------------- */
	
	h1, .heading-size-1 {
		font-size: 5.5rem;
	}
	
	h2, .heading-size-2 {
		font-size: 4.5rem;
	}
	/*h3, .heading-size-3 {
		font-size: 4rem;
	}
	.red-box h3 {
		font-size: 4rem;
	}*/
	
	/* 3. Helper Classes ------------------------------------ */

	.vc_rtl-columns-reverse {
		flex-direction: row;
	}
}

@media (min-width: 1000px) {
	
	/*	2. Element Base ---------------------------- */
		
	h1, .heading-size-1 {
		font-size: 7.5rem;
	}
	
	/*h2, .heading-size-2 {
		font-size: 5rem;
	}*/
	h2 {
		margin: 0 auto 3rem auto;
		text-align: center;
		width: -webkit-fill-available;
		position: relative;
		display: -webkit-flex;
		margin-bottom: 0;
		/*-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;*/
	}
	.teaser-red h2:first-of-type::before {
		content: "";
		display: inline-flex;
		width: 15%;
		height: .9rem;
		background: #f2dcbf;
		margin: 2rem 3rem 0 auto;
	}

	.teaser-red h2:first-of-type::after {
		content: "";
		display: inline-flex;
		width: 15%;
		height: .9rem;
		background: #f2dcbf;
		margin: 2rem auto 0 3rem;
	}
	.teaser-red.gelb h2::before,
	.teaser-red.gelb h2::after {
		background: #ce8e2d;
	}
	
	.teaser-red h2,
	.teaser-red.gelb h2 {
		white-space: nowrap;
	}
	.teaser-red.voting h2:first-of-type::after,
	.teaser-red.voting h2:first-of-type::before,
	.teaser-red.voting::before,
	.teaser-red.voting::after {
		display: none;
	}

	/*	4.	Site Header ------------------------- */
	
	/* Header Navigation ------------------------- */
	
	#navbar .vc_column-inner {
		align-items: stretch;
		/*align-items: center;*/
	}
	.navbar {
		padding-top: 9rem;
	}
	
	.home-content {
		padding-top: 3rem;
	}
	.home-logo {
		margin-top: 0;
	}
	.home-stoerer,
	.home-stoerer-left {
		/*left: 20%;*/
		top: 25rem;
		max-width: 25rem;
	}
	.bewerbung-stoerer img {
		max-width: 25rem;
	}
	.home-spacer {
		margin-bottom: -3rem !important;
		margin-top: -3rem;
		max-width: 50rem;
	}
	.homenavi.desktop {
		/*position: relative !important;
		width: 100vw !important;
		left: -50px !important;*/
	}
	.homenavi.desktop.sticky {
		position: fixed !important;
		width: 100% !important;
		margin: 0 !important;
		left: 0 !important;
		/*top: 0 !important;*/
		z-index: 9999;
	}
	
	
	.homenavi {
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	
	.homenavi img {
		max-height: 9rem; 
		margin: 1rem 0;
	}
	.homenavi .vc_column_container > .vc_column-inner .wpb_wrapper {
		flex-direction: row;
		justify-content: center;
	}
	

	
	.home-menu ul {
		display: block;
	}
	.home-menu::before {
		content: ' ';
		display: none;
	}
	.home-menu ul,
	.socials-menu ul {
		margin: 1.5rem 0;
		float: left;
	}
	.socials-menu ul {
		display: flex;
	}
	
	.home-menu.active li {
		float: left;
	}
	
	.socials-menu {
		width: auto;
	}
	.home-menu li:last-of-type a::after,
	.main-menu-alt li:last-of-type a::after,
	.home-menu li a::before, .main-menu-alt a::before {
		content: ' ' !important;
	}
	
	
	.polylang_langswitcher {
		display: block;
		margin-top: 0;
	}
	
	.polylang_langswitcher li {
		width: 6rem;
		height: 6rem;
	}
	.polylang_langswitcher li a {
		font-size: 2.5rem;
	}
	
	.home-menu .lang-item,
	.home-menu.active .lang-item {
		display: none;
	}
	.home-menu, .socials-menu {
		margin: 0 0 !important;
	}

	
	/*	10. Blocks ------------------------------ */
	
	/* Block Teasers ------------------------------ */

	/* Info Box ------------------------------ */
	
	.info-box-white,
	.info-box-gold {
		/*width: 40% !important;*/
		width: 350px !important;
		margin: 4rem 0 0;
	}

	.info-box-container .vc_col-sm-8 {
		width: calc(60% - 4rem);
		text-align: left;
	}
	.teaser-red .info-box-container .vc_col-sm-8 {
		margin: 4rem 4rem 0 0;
	}
	.teaser-red.gelb .info-box-container .vc_col-sm-8 {
		margin: 4rem 0 0 4rem;
	}
	.teaser-red.voting .info-box-container .vc_col-sm-8 {
		margin: 4rem 0 0 4rem;
	}
	
	/* Gold ------------------------------ */

	.teaser-gold .vc_column_container .vc_column-inner {
		margin: 2.5rem auto 2.5rem auto;
	}
	
	/* Gelb ------------------------------ */

	.teaser-gelb > .vc_column_container > .vc_column-inner {
		padding: 0 2rem;
	}
	
	
	/* Block Einklinker ------------------------------ */
	
	.corousel-text {
		position: absolute;
		right: 0;
		top: 5rem;
		padding-left: 2rem;
	}

	.einklinker {
		width: 350px !important;
		margin: 0 0 4rem;

	}
	.einklinker .wpb_images_carousel {
		margin-bottom: 0;
		display: flex;
	}
	.einklinker .vc_images_carousel {
		width: 350px !important;
	}
	.einklinker .vc_images_carousel .vc_item,
	.einklinker .vc_images_carousel .vc_item img {
		width: 350px !important;
		height: 350px !important;
	}
	.einklinker .vc_images_carousel .vc_carousel-control {
		left: -60px;
	}
	.einklinker .vc_images_carousel .vc_carousel-control.vc_right {
		right:  -55px;
	}
	
	.einklinker-right {
		right: calc(-50% + 11rem);
	}
	.einklinker-left {
		left: calc(-50% + 11rem);
	}
	
	
	.red-box .einklinker-left.vc_column_container .vc_column-inner .wpb_wrapper {
		float: right;
	}
	
	/* Block Event ------------------------------ */
	
	.tribe-image-container {
		width: 60%;
	}
	.tribe-events-event-text {
		position: absolute;
		width: 50%;
	}
	
	.tribe-events-container:nth-child(odd) .tribe-image-container {
		float: right;
	}
	.tribe-events-container:nth-child(even) .tribe-image-container {
		float: left;
	}
	
	.tribe-events-container:nth-child(even) .tribe-events-event-text {
		right: 0;
		box-shadow: .5rem 0 1rem #e1a85b;
	}
	
	
	
	/*	16.	Widgets ------------------------------ */

	/* Widget Base ------------------------------- */
	
	
	
	
	
	/*	17. Site Footer ---------------------------- */
	
	/* Footer Inner ------------------------------ */
	
	.footer-menu {
		margin: 0 0 1.5rem 0;
		flex-direction: row;
	}
	
	.section-inner {
		width: calc( 100% - 8rem );
	}
	
	/*.footer-menu li {
		text-align: left;
		margin: 1.25rem 0 0 0;
	}*/
	
	/* Footer Widgets --------------------------- */

	.footer-widgets-outer-wrapper {
		border-width: 0;
		margin-bottom: 0;
		margin-top: 0;
		padding: 3rem 0 2.5rem 0;
	}
	
	.footer-widgets {
		display: flex;
	}
	
	.footer-widgets.column-one {
		width: 30%;
	}
	.footer-widgets.column-two {
		margin: 5rem 0 0;
		width: 100%;
	}
	.footer-widgets.column-three {
		order: 3;
		margin: 0;
		width: 25%;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	.footer-widgets.column-three ul {
		justify-content: flex-end;
		align-items: flex-end;
	}

}

@media (min-width: 1300px) {
	
	/*	2. Element Base ---------------------------- */
	
	/*h3, .heading-size-3 {
		font-size: 5rem;
	}*/
	h2, .heading-size-2 {
		font-size: 6.5rem;
	}
	.teaser-red h2:first-of-type::before {
		content: "";
		display: inline-flex;
		width: 15%;
		height: 1.2rem;
		background: #f2dcbf;
		margin: 3.25rem 3rem 0 auto;
	}

	.teaser-red h2:first-of-type::after {
		content: "";
		display: inline-flex;
		width: 15%;
		height: 1.2rem;
		background: #f2dcbf;
		margin: 3.25rem auto 0 3rem;
	}
	footer h3 {
		margin: 7rem 0 0;
	}
	
	/* Socials ------------------------------ */

	.s-icons a {
		width: 6.5rem;
		height: 6.5rem;
	}
	
	/*	3. Helper Classes ------------------------------ */

	/* Sections ---------------------------------- */
	
	.section-inner {
		max-width: 136rem;
	}
	
	
	/*	4.	Site Header ------------------------- */

	/* Header Navigation ------------------------- */
	
		.home-menu li a, .main-menu-alt a {
		font-size: 2.25rem;
		line-height: 6.5rem;
	}
	
	/*	10. Blocks ------------------------------ */
	
	/* Info Box ------------------------------ */
	
	.info-box-white,
	.info-box-gold {
		width: 400px !important;
	}
	.info-box-white {
		margin: 6rem 0 0 6rem;
	}
	.einklinker {
		width: 400px !important;
		margin: 0 0 0 6rem;
	}
	.einklinker .wpb_images_carousel {
		margin-bottom: 0;
		display: flex;
	}
	.einklinker .vc_images_carousel {
		width: 400px !important;
	}
	.einklinker .vc_images_carousel .vc_item,
	.einklinker .vc_images_carousel .vc_item img {
		width: 400px !important;
		height: 400px !important;
	}
	
	.info-box-gold {
		margin: 6rem 6rem 0 0;
	}
	.info-box-container .vc_col-sm-8 {
		width: calc(60% - 6rem);
		text-align: left;
	}
	.teaser-red .info-box-container .vc_col-sm-8 {
		margin: 6rem 6rem 0 0;
	}
	.teaser-red.gelb .info-box-container .vc_col-sm-8 {
		margin: 6rem 0 0 6rem;
	}
	
	.teaser-red.voting .info-box-container .vc_col-sm-8 {
		margin: 6rem 0 0 6rem;
	}
	
	/* Block Teasers ------------------------------ */
	
	.teaser-icon {
		max-width: 32rem;
		margin: auto;
	}
	.teaser-icon .wpb_wrapper {
		padding: 0 !important;
	}
	.teaser-red .teaser-icon {
		/*padding: 0 9rem;*/
	}
	.teaser-gelb .teaser-icon {
		max-width: 23rem;
	}

	/* Gold ------------------------------ */
	
	.teaser-gold .vc_column_container .vc_column-inner {
		margin: 5rem auto 5rem auto;
		max-width: 100rem;
	}
	.teaser-gold .vc_column_container .vc_column-inner .wpb_wrapper {
		padding: 0 9rem;
	}
	
	
	/* Gelb ------------------------------ */

	.teaser-gelb > .vc_column_container > .vc_column-inner {
		max-width: 112rem;
	}
	.teaser-gelb.highlight .vc_column_container > .vc_column-inner {
		max-width: 136rem;
	}

	
	
	/* Block Einklinker ------------------------------ */
	
	
	.einklinker-right {
		/*right: -30.5rem;*/
	}
	.einklinker-left {
		/*left: -30.5rem;*/
	}
	
	.einklinker-right img,
	.einklinker-left img {
		border: 1.8rem solid #faf0e3;
	}
	
	.einklinker-right.vc_column_container .vc_column-inner .wpb_wrapper, 
	.einklinker-left.vc_column_container .vc_column-inner .wpb_wrapper {
		padding: 0;
		width: 28.25rem;
		height: 28.25rem;
	}

	
	
	/* Block Event ------------------------------ */
	
	.tribe-image-container {
		width: 92rem;
		height: 64rem;
	}
	.tribe-events-event-text {
		width: 60rem;
		padding: 0 4rem;
		margin: 6.5rem auto;
	}
	
	
	/* Block Aussteller ------------------------------ */

	.ausstellerverzeichnis .list__wrapper > div:not(.image-map) {
		padding: 5rem 0;
	}
	
	/*	16.	Widgets ------------------------------ */

	/* Widget Base ------------------------------- */
	

	
	/*	17. Site Footer ---------------------------- */
	
	
	
	/* Footer Inner ------------------------------ */
	
	
	
	
	/* Footer Widgets --------------------------- */
	
	.footer-widgets-outer-wrapper {
		padding: 7rem 0 7rem 0;
	}
	
}


@media (min-width: 1500px) {
	
	
	/*	1. Document Setup ---------------------------- */
	
	h1, .heading-size-1 {
		font-size: 9.25rem;
	}
	
	h2, .heading-size-2 {
		font-size: 7.5rem;
	}
	
	/*h3, .heading-size-3 {
		font-size: 6rem;
	}*/
	h3.highlight {
		font-size: 5rem;
	}
	h4.highlight {
		font-size: 3.5rem;
	}
	
	
	/*	2. Element Base ---------------------------- */
	
	/* Entry Content ------------------------- */

	.entry-content {
		font-size: 2.4rem;
	}
	
	/* Buttons ------------------------------ */

	[class*="btn-gold"] {
		font-size: 2.9rem !important;
		width: 50rem;
		padding: 2.5rem 0 2rem !important;
	}
	[class*="btn-voting"] {
		font-size: 2.9rem !important;
		padding: 2.5rem 2rem 2rem !important;
	}
	

	/*	3. Helper Classes ------------------------------ */

	/* Sections ---------------------------------- */
	
	.section-inner {
		width: 100%;
	}
	
	/*	10. Blocks ------------------------------ */
	
	/* Block Teasers ------------------------------ */
	

	
	/* Block Einklinker ------------------------------ */
	
	.einklinker-right {
		/*right: -37.5rem;*/
	}
	.einklinker-left {
		/*left: -37.5rem;*/
	}
	
	.einklinker-right img,
	.einklinker-left img {
		border: 2.2rem solid #faf0e3;
	}
	
	.einklinker-right.vc_column_container .vc_column-inner .wpb_wrapper,
	.einklinker-left.vc_column_container .vc_column-inner .wpb_wrapper {
		width: 35rem;
		height: 35rem;
	}

	
	/* Block Event ------------------------------ */
	
	.tribe-image-container {
		/*padding: 7rem 0;*/
	}
	.tribe-events-event-image img {
		border: 2.2rem solid #faf0e3;
	}
	
	
	
	/*	16.	Widgets ------------------------------ */

	/* Widget Base ------------------------------- */
	

	
	/*	17. Site Footer ---------------------------- */
	
	/* Footer Inner ------------------------------ */
	
	.footer-menu a {
		font-size: 2.7rem;
	}
	
}