/**
Theme Name: Markt2
Theme URI: https://re7consulting.com
Author: re7consulting
Author URI: https://re7consulting.com
Description: Template für Markt2
Version: 1.0.3
Text Domain: markt2
*/

/* source-sans-pro-300 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

html { font-size: 14.4px }

body, textarea {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.56rem;
	margin: 0;
	color: #24272e;
	background-color: #ffffff;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }


/* page structure */

header {
	width: 100%;
	overflow: hidden;
	position: relative;
	max-height:50rem;
}
header.is-subpage { max-height:45rem; }
header video { width:100%; }

#content1, #subpage-intro, #veranstaltungen {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5.56rem;
	margin-bottom: 5.56rem;
	width: 69.83rem;
	text-align: justify;
}

#jetzt {
	width: 31%;
	margin-left: 2.78rem;
	margin-bottom: 2.78rem;
	margin-top: 4rem;
	float: left;
}

#content2 {
	float: right;
	margin-right: 2.5rem;
	margin-top: 4rem;
	margin-bottom: 5.56rem;
	width: 60%;
	text-align: justify;
}

/* header */

header .header-logo {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width:20rem;
	height:8rem;
	background:url('images/logo.png') no-repeat center center #24272e;
	background-size:80% auto;
}


header .header-background { display: block; width: 100%; }

header .socialmedia {
	position: absolute;
	top: 0;
	right: 0;
}
header .socialmedia a {
	background-color: #24272e;
	height: 2.5rem;
	width: 2.5rem;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: auto 1.53rem;
	background-position: center;
}

header .socialmedia-facebook { background-image: url('icons/facebook.svg'); }
header .socialmedia-foursquare { background-image: url('icons/foursquare.svg'); }

header .sliderinfo {
	position: absolute;
	bottom:4.33rem;
	left: 2.78rem;
}
header .sliderinfo p:first-child {
	font-size:3.47rem;
	font-weight:400;
	color:#ffffff;
	padding-left:0;
}
header .sliderinfo p {
	font-size:1.46rem;
	font-weight:300;
	color:#ffffff;
	padding-left:0.2rem;
}

header .ms-slide-info {
	bottom:4.33rem;
	left: 2.78rem;
}
header .ms-info p:first-child {
	font-size:3.47rem;
	font-weight:400;
	color:#ffffff;
	padding-left:0;
}
header .ms-info p {
	font-size:1.46rem;
	font-weight:300;
	color:#ffffff;
	padding-left:0.2rem;
}


/* menu */

nav {
	display: block;
	position: absolute;
	top: 2.78rem;
	right: 7.22rem;
}

#menu-hauptmenue {
	font-size: 0.1px; /* IE 9/10 fix */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-hauptmenue li {
	display: inline-block;
	padding-right: 1.67rem;
}

#menu-hauptmenue li:last-child {
	padding-right: 0;
}

#menu-hauptmenue a {
	display: block;
	font-size: 1.11rem;
	font-weight:400;
	color: #ffffff;
	text-decoration: none;
}
#menu-hauptmenue .current-menu-item a, #menu-hauptmenue a:hover { color:#d7b261; }

#menu-button {
	display: none;
	height: 50px;
	width: 50px;
	position: absolute;
	left: 0;
	top: 0;
	background:url('icons/responsive-menu.png') no-repeat center center #d7b261;
	background-size:30px 30px;
}

.wpmm-menu {
	z-index: 9999 !important;
}
#responsivemenu:not(.mm-menu) {
	display: none;
}

/* links */

a.button, input.button {
	background-color: #d7b261;
	color: #ffffff !important;
	font-size: 1.05rem;
	font-weight: 300;
	display: inline-block;
	padding: 0.8rem 1.2rem;
	text-decoration: none;
	border-radius: 1.4rem;
	margin-bottom: 1rem;
	line-height: 1.05rem;
	border:0;
	cursor:pointer;
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
	-webkit-appearance:none;
}
a.button:hover, input.button:hover { background-color: #b69347; }


/* basic text formatting */

.emphasized { color: #d7b261; }
.small { font-size: 0.78rem; }
.shaded { color: #9e9fa1; }

.quote {
	font-size: 1.67rem;
	display: inline-block;
	margin-bottom: 1.5rem;
}

.quote .quote-name {
	display: block;
	text-align: right;
	font-size: 0.78rem;
	color: #d7b261;
	padding-bottom: 0.4rem;
}

h1.gradient {
	font-size: 1.67rem;
	font-weight: 400;
	line-height: 2rem;
	background: linear-gradient(90deg, #977636 0%, #b2914f 15%, #d9b975 27%, #cca03e 50%, #d2ac5d 67%, #ead6a6 78%, #9b7b3c 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



.content h1, .content h2 {
	font-size:2rem;
	line-height:2.4rem;
	font-weight:300;
	text-align:center;
	margin-bottom:3rem;
}
.content p {
	font-size:1.15rem;
	font-weight:300;
	line-height:1.85rem;
	color:#24272e;
}
.content a {
	text-decoration:none;
	color:#d7b261;
	border-bottom:1px solid transparent;
}
.content a:hover { color:#b69347; border-bottom:1px dotted #b69347; }
.content img { max-width:100%; height:auto; }

.content ul { margin-left:15px; padding-left:0; }
.content ul li {
	font-size:1rem;
	font-weight:300;
	line-height:1.85rem;
	color:#24272e;
}

.content .alignleft { display:block; float:left; }
.content .alignright { display:block; float:right; }
.content .aligncenter { display:block; margin-left:auto; margin-right:auto; }

#subpage-intro .content h2 { font-size:1.6rem; }


#content1 .buttons { text-align:center; margin-top:3rem; }
#content1 .buttons a { margin-left:2rem; margin-right:2rem; }

#content2 .content h1 {
	font-size:2rem;
	font-weight:400;
	line-height:2.4rem;
	margin-top:2.25rem;
	margin-bottom:1.75rem;
	color:#d7b261;
	text-align:left;
}



/* text boxes */

ul.box {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

ul.box li {
	background-color: #eeeeee;
	font-size: 1.11rem;
	line-height: 1.89rem;
	font-weight: 300;
	color: #24272e;
	width: calc(25% - 5.67rem);
	margin: 0;
	padding: 2.78rem;
	position: relative;
}

ul.box li .map #gmap { width:100%; height:160px; }

ul.box h3, .events-more > p {
	font-size: 1.67rem;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.dark {
	background-color: #24272e !important;
	color: #ffffff !important;
}

ul.box li.dark h3, .events-more > p {
	color: #c09f5e;
}

/* opening hours */

.hours {
	color: #ffffff;
	width: 100%;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.hours-row {
	border-bottom: dotted 1px #aaabac;
	margin-top: 0.7rem;
	padding-bottom: 0.7rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.hours-row:last-child { border-bottom: none; }
.hours-1, .hours-2 {}
.hours-1 {}
.hours-2 { text-align: right; }
.hours .closed { color: #aaabac; }

/* infobox */

.infobox {
	font-size: 0.78rem;
	line-height: 0.94rem;
	color: #d3d4d5;
	border: solid 1px #d3d4d5;
	display: inline-block;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	margin-top: 1rem;
	margin-right: 1rem;
	border-radius: 0.5rem;
}
.infobox.wlan {
	background-image: url('icons/wifi.svg');
	background-repeat: no-repeat;
	background-position: 1rem 0.8rem;
	background-size: 2rem auto;
	padding-left: 3.6rem;
}
.infobox:last-child { margin-right: 0; }

/* phonebox */

.phonebox {
	background-color: #f8f8f8;
	color: #d7b261;
	font-size: 1.56rem;
	font-weight: 400;
	line-height: 1.62rem;
	padding-top: 0.6rem;
	padding-bottom: 0.5rem;
	padding-left: 3.5rem;
	padding-right: 1.1rem;
	text-decoration: none;
	border-radius: 1.1rem;
	background-image: url('icons/phone.svg');
	background-repeat: no-repeat;
	background-position: 1rem 1rem;
	background-size: 1rem 1rem;
}
.phonebox a {
	text-decoration:none;
	color:#d7b261;
}

/* iphone */

.box-4-content { margin-right: 30px; }
.box-4-content a.button { position:relative; z-index:999; }

.iphone {
	background-image: url('images/iphone.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 20.14rem;
	width: 9.51rem;
	max-width:9.51rem;
	position: absolute;
	right: 0.6rem;
	top: -2.4rem;
	padding-top: 4.5rem;
	padding-left: 1.2rem;
	padding-right: 1.3rem;
	text-align: center;
	font-size: 1rem;
}

.iphone h3 {
	font-size: 1.2rem !important;
	font-weight: 700 !important;
}

.iphone a img {
	width: 80%;
}


/* events */

#events {
	font-size: 1.67rem;
	font-weight: 400;
	color: #ffffff;
	position: relative;
}

.event-next {
	position: relative;
	background-image: url("images/event-standard.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
	height: 24.5rem;
	padding: 2.78rem;
}
.event-next.warmupthursday { background-image: url("images/event-warmupthursday.jpg"); }
.event-next.dancefloor { background-image:url("images/event-dancefloor.jpg"); }
.event-next.bockaufboecke { background-image:url("images/event-bockaufboecke.jpg"); }
.event-next.silvester { background-image:url("images/event-silvester.jpg"); }
.event-next.honkytonk { background-image:url("images/event-honkytonk.jpg"); }
.event-next.geburtstag5 {
    color:#222;
    background-image:url("images/event-5-geburtstag.jpg");
}

.event-content {
	position: absolute;
	bottom: 1.5rem;
	padding-right: 2rem;
	line-height: 1.2em;
	font-weight:300;
}

.event-title {
	font-size: 3.5rem;
	line-height: 3.5rem;
	font-weight: 400;
	margin-top: 13.89rem;
	margin-bottom: 0.8rem;
}

.event-info {
	margin-top: 3.5rem;
	background:url('icons/time.png') no-repeat left center;
	background-size: 2.5rem 2.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 0.25rem;
	min-height: 2.5rem;
	font-weight:300;
}
.geburtstag5:not(#header-veranstaltungen) .event-info {
    background-image:url('icons/time-dark.png');
}

.event-info img {
	height: 2.78rem;
	width: 2.78rem;
	display: inline-block;
	vertical-align: middle;
}

.event-info div {
	display: inline-block;
	margin-left: 2.78rem;
}

.events-more {
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(36, 39, 46, 0.89);
	width: 400px;
	margin: 0;
	padding: 2.78rem;
	height:100%;
	color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.events-more-row {
	display:table;
	width:100%;
	border-bottom: dotted 1px #aaabac;
	margin-top: 1.2rem;
	padding-bottom: 1.2rem;
}
.events-more-row:last-child { border-bottom: none; }

.events-more-row-date {
	display:table-cell;
	width:5.56rem;
	text-align: center;
	vertical-align:top;
}
.events-more-row-date > div {
	display:block;
	font-size: 0.89rem;
	font-weight:400;
	line-height: 0.89rem;
	color: #24272e;
	padding-top: 1.11rem;
	padding-bottom: 1.11rem;
	background-color: #d7b261;
}
.events-more-row-info {
	display:table-cell;
	vertical-align:middle;
	font-size: 1.3rem;
	font-weight:400;
	text-align:left;
	margin-left: 1rem;
	padding-top: 0.2rem;
	padding-left: 1rem;
	line-height: 1.5rem;
}
.events-more-row-info .claim { font-size:1.1rem; font-weight:300; }
.events-more-row-info .claim p { color:#888; margin-top:0.4rem; }

.events-more-row-date-day {
	font-size: 1.94rem;
	line-height: 1.9rem;
	margin-bottom: 0.5rem;
}

.events-more-info {
	font-size: 1.2rem;
	font-weight:300;
	line-height: 1.2rem;
	background:url('icons/time.png') no-repeat 0 3px;
	background-size: 13px 13px;
	padding-left: 0.5rem;
	margin-top:0.6rem;
}
.events-more-info.dark-info { background-image:url('icons/time-dark.png'); background-position:0 4px; }

.events-more-info img {
	height: 0.89rem;
	width: 0.89rem;
	display: inline-block;
	vertical-align: top;
}

.events-more-info div {
	display: inline-block;
	margin-left: 1.5rem;
	margin-bottom:0.5rem;
	vertical-align: top;
}

.events-more-row .events-all-info {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:20px;
	z-index:99;
	cursor:auto;
	background:#d7b261;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.events-more-row .events-all-info .title {
	font-size:2rem;
	font-weight:400;
	line-height:2.3rem;
	color:#24272e;
}
.events-more-row .events-all-info .claim {
	font-size:1.5rem;
	font-weight:300;
	line-height:1.8rem;
	margin-bottom:2.2rem;
	color:#24272e;
}
.events-more-row .events-all-info .info {
	font-size:1.2rem;
	font-weight:300;
	line-height:1.5rem;
	margin-bottom:1.6rem;
	color:#24272e;
}
.events-more-row .events-all-info .info span {
	display:inline-block;
	font-weight:400;
	margin-bottom:0.2rem;
}
.events-more-row .events-all-info > a { margin-top:1.5rem; }


/* jetzt */

#jetzt p {
	font-size:2rem;
	font-weight:400;
	line-height:2.4rem;
	margin-top:2.25rem;
	margin-bottom:2.25rem;
}

#jetzt .ms-slide-info {
	text-align:center;
	color:#fff;
	padding:20px;
	background:rgba(36,39,46,0.89);
	bottom:0 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#jetzt .ms-slide-info h2,
#jetzt .ms-slide-info h3,
#jetzt .ms-slide-info h4 {
	font-size:1.4rem;
	font-weight:400;
	color:#fff;
	margin-top:0;
}


/* faces slider */

#faces {
	position:relative;
	clear:both;
	margin:0 0 2px;
}
#faces ul {
	list-style:none;
	margin:0;
	padding:0;
}
#faces ul li {
	margin:0;
	padding:0;
	height:450px;
	overflow:hidden;
}
#faces ul li img {
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#faces .info {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	bottom: 2rem;
	width: 33rem;
	padding:2.5rem 0;
	background-color: rgba(215, 178, 97, 0.83);
	text-align: center;
	z-index: 9999;
}
#faces .info p:first-child {
	font-size:3.5rem;
	font-weight:400;
	line-height:3.5rem;
	color: #ffffff;
	margin-top:0;
	margin-bottom:1rem;
}
#faces .info p {
	font-size:1.4rem;
	line-height:1.4rem;
	color: #ffffff;
	margin-top:0;
	margin-bottom: 2.6rem;
}
#faces .info a.button { margin-bottom:0; }

/* footer */

footer {
	clear: both;
	background-color: #24272e;
	font-size: 1.11rem;
	line-height: 1.89rem;
	font-weight: 300;
	color: #ffffff;
}

ul#footer {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

ul#footer > li {
	background-color: #36383d;
	width: calc(25% - 5.67rem);
	margin: 0;
	padding: 2.78rem;
}

ul#footer > li:last-child {
	background-image: url('icons/2.png');
	background-repeat: no-repeat;
	background-size: 14rem;
	background-position: bottom right;
}

ul#footer li.logo a {
	display:block;
	width:100%;
	height:100%;
	margin:auto;
	background:url('images/logo.png') no-repeat center center #24272e;
	background-size:50% auto;
}

ul#footer h3 {
	color: #d7b261;
	font-size: 1.67rem;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

ul#footer p {
	margin-top: 1rem;
}

ul#footer li.dark {
	background-color: #24272e;
}


/* footer menu */
#menu-footer {
	font-size: 0.1px; /* IE 9/10 fix */
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 1rem;
}

#menu-footer li {
	padding: 0px !important;
	line-height: 1.89rem;
}
#menu-footer li:nth-last-child(3) { margin-top: 2rem; }

#menu-footer a {
	font-size: 1.11rem;
	font-weight:300;
	color: #ffffff;
	text-decoration: none;
}


/* contact */
footer .contact {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
footer .contact-row {
	margin-top: 0.7rem;
	padding-bottom: 0.7rem;
}
footer .contact-1, .contact-2 {
	display: inline;
}
footer .contact-1 {
	clear: both;
	float: left;
	width: 4.72rem;
	color: #d7b261;
}
footer .contact-2 {
	float: left;
	text-align: left;
}
footer .contact-2 a { color:#fff; text-decoration:none; }


/* veranstaltungen */
#header-veranstaltungen {
	padding-bottom:45%;
	height:0;
	overflow:hidden;
	width:100%;
	height:auto;
	font-size:1.67rem;
	background:url('images/event-standard.jpg') no-repeat center center;
	background-size:cover;
}
#header-veranstaltungen.warmupthursday { background-image:url("images/event-warmupthursday.jpg"); }
#header-veranstaltungen.dancefloor { background-image:url("images/event-dancefloor.jpg"); }
#header-veranstaltungen.bockaufboecke { background-image:url("images/event-bockaufboecke.jpg"); }
#header-veranstaltungen.silvester { background-image:url("images/event-silvester.jpg"); }
#header-veranstaltungen.honkytonk { background-image:url("images/event-honkytonk.jpg"); }

#header-veranstaltungen .event-content { padding-left:2.78rem; }
#header-veranstaltungen .event-content > p:first-child { font-weight:400; }
#header-veranstaltungen p { color:#fff; }
#header-veranstaltungen .event-title { margin-top:5rem; color:#fff; }
#header-veranstaltungen .event-info > div { color:#fff; }


/* kontakt */
.wpcf7 .row {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.7rem;
	text-align:center;
}
.wpcf7 div.submit { text-align:center; margin-top:2.5rem; }
.wpcf7 .row input, .wpcf7 .row textarea {
	display:block;
	width:calc(100% - 2.2rem);
	padding-top:0.7rem;
	padding-bottom:0.6rem;
	padding-left:1.1rem;
	padding-right:1.1rem;
	background-color:#f8f8f8;
	border:1px solid #dadada;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:1.11rem;
	font-weight:300;
	line-height:1.11rem;
}
.wpcf7 .row textarea {
	width:calc(100% - 2.2rem);
	max-width:calc(100% - 2.2rem);
	min-width:calc(100% - 2.2rem);
	height:250px;
	min-height:250px;
	max-height:350px;
	line-height:1.5rem;
}
.wpcf7 span.wpcf7-not-valid-tip {
	text-align:left;
	font-size:0.9rem;
	color:#d64541;
}
.wpcf7 div.wpcf7-response-output {
	width:80%;
	padding:1.1rem;
	margin:1.1rem auto 0;
	font-size:1.11rem;
	text-align:center;
}
.wpcf7 div.wpcf7-validation-errors { border:0; color:#d64541; }
.wpcf7 div.wpcf7-mail-sent-ok { border:0; color:#d7b261; }


/* standard */
#header-standard {
	padding-bottom:45%;
	height:0;
	overflow:hidden;
	width:100%;
	height:auto;
	background:url('images/slider_standard.jpg') no-repeat center center;
	background-size:cover;
}


/* anfahrt */
.anreise-buttons { text-align:center; margin-top:3.5rem; }

.responsive-iframe {
	position:relative; 
	padding-bottom:56.25%;
	height:0; 
	overflow:hidden; 
	width:100%;
	height:auto;
	margin-top:4.5rem;
}
.responsive-iframe iframe {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
}


/* fuldaer gesichter */
#fuldaer-gesichter { padding-bottom:3.5rem; }
#fuldaer-gesichter ul { display:block; margin:0; padding:0; list-style:none; }
#fuldaer-gesichter ul li {
	display:block;
	width:25%;
	float:left;
	position:relative;
	overflow:hidden;
}
#fuldaer-gesichter ul li:after {
	padding-top:85.25%;
	display:block;
	content:"";
}
#fuldaer-gesichter ul li img {
	display:block;
	width:auto;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:2px;
}


/* responsive iframe */
.markt2_iframe_wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.markt2_iframe_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.events-more-row[data-event="show-all-event-info"] { cursor:pointer; }



/* INSTAGRAM FEED */
#instagram-feed-headline {
    margin-bottom:20px;
}
#instagram-feed-headline h2 {
    text-align:center;
    margin-bottom:10px;
    font-weight:400;
}
#instagram-feed-headline p {
    text-align:center;
    margin-top:0;
    margin-bottom:0;
}
#instagram-feed-headline p:before {
    display:inline-block;
    content:"";
    width:14px;
    height:20px;
    margin:1px 10px 0 0;
    vertical-align:top;
    background:url('icons/location.svg') no-repeat center center;
}
#instagram-feed-headline p a {
    color:#24272e;
}

#instagram-feed,
#instagram-feed * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#instagram-feed {
    margin-bottom:5px;
}
#instagram-feed .image-wrap {
    width:20%;
    float: left;
    padding: 5px;
}
#instagram-feed .image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    background-color: #dadada;
    background-size: cover;
    background-position: center center;
}
#instagram-feed .image a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#instagram-feed .image a:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #dadada;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#instagram-feed .image.show a:before {
    opacity:0;
}

@media (max-width:800px) {
    
    #instagram-feed .image-wrap {
        width:50%;
    }
    #instagram-feed .image-wrap:last-child {
        display:none;
    }
    
}


/* reCaptcha */
.grecaptcha-badge {
    display:none !important;
}

/* berechnen von max-width für header background: (video_width / video_height) * 44.44 rem */

@media (max-width: 78.93rem) {
	
	/* page structure */
	header .header-background {
		width: initial;
		height: 100%;
	}
}

@media (max-width: 1500px) { header { height:auto; } }

@media (max-width: 1299px) {

	/* page structure */
	#jetzt {
		width: initial;
		float: none;
		margin-left: 1rem;
		margin-right: 1rem;
		margin-top: 3rem;
	}

	#content2 {
		display: none;
	}

	/* iphone */
	.box-4-content {
		margin-right: initial;
	}

	.iphone {
		display: none;
	}

}

@media (max-width: 991px) {
	
	/* page structure */
	
	.nomobile {
		display: none;
	}
	
	header {
		height: initial;
		overflow: initial;
	}
	
	#header-standard { padding-bottom:55%; }
	
	#header-veranstaltungen {
		padding-bottom:0;
		height:40rem;
		width:100%;
	}
	
	#content1, #subpage-intro, #veranstaltungen {
		padding-left: 2.78rem;
		padding-right: 2.78rem;
		width: initial;
	}
	
	/* header */
	#header-veranstaltungen { background-position:left center; }
	
	header .header-background {
		width: 100%;
		height: initial;
	}
	
	header .header-logo {
		width: 20rem;
		height: 8rem;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
	header .header-logo img {
		width: 8rem;
	}
	
	header .sliderinfo, .socialmedia {
		display: none;
	}
	
	#menu-button {
		display: block;
	}
	
	nav {
		display: none;
	}
	
	
	/* text boxes */
	
	ul.box {
		display: block;
	}
	
	ul.box li {
		width: initial;
		margin-bottom: 2px;
	}
	
	/* infobox */
	
	.infobox {
		margin-right: 0.5rem;
	}
	
	.quote {
		text-align: center;
	}
	
	/* events */
	
	.events-more {
		position: relative;
		width: initial;
	}
    
    .event-next.geburtstag5 {
        background-position:left center;
    }
	
	
	/* footer */
	
	ul#footer li {
		display: none;
	}

	ul#footer li:last-child {
		display: block;
		width: 100%;
		height: 2.78rem;
		background-size: 4.5rem;
	}
	
	/* fuldaer gesichter */
	
	#fuldaer-gesichter ul li { width:50%; }
	
	.content-column > div { padding-left:0 !important; padding-right:0 !important; }
}

@media (max-width: 640px) {
	
	header .header-logo {
		width: 12rem;
		height: 6rem;
	}
	
	/* events */
	#header-veranstaltungen .event-title { font-size:2.5rem; line-height:2.5rem; }
	#events .event-next .event-title { font-size:2.5rem; line-height:2.5rem; }

	/* faces */
	#faces .bx-wrapper { display:none; }
	
	#faces .info {
		position:static;
		left:auto;
		right:auto;
		bottom:auto;
		width:100%;
	}
	#faces .info p:first-child { font-size:3rem; }
	
	
	/* fuldaer gesichter */
	
	#fuldaer-gesichter ul li { width:80%; float:none; margin:0 auto 2rem; }
	
}

.wpcf7-spinner {
	margin: 8px;
	position: absolute;
}