body {background-image:#fff; color:#fff;}

/* Menu */
.sticky {position: fixed; top: 0; left:0; width: 100%;z-index:10000}
.navbar {background-color:#fff;color:#000}
.navbar-nav {max-width:1140px;width:100%;margin:0 auto; justify-content:space-between}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-brand {color:#000;text-decoration:none}

h1,h2,h3, h5 {font-family: stilson, serif;font-weight: 700;font-style: italic;margin-bottom:1.5rem}
h2       {font-size:2.3rem; text-align: center;}
h3 		 {font-family: stilson, serif;font-weight: 400;font-style: italic;font-size:1.9rem;margin-bottom:0.5rem;margin-top:3rem;}
h4 		 {font-family: stilson, serif;font-weight: 400;font-style: italic;font-size:1.5rem;margin-bottom:0.5rem;}
hr 		 {border-top:1px solid rgba(255,255,255,.6);margin:3rem auto}
#header-image {background:url(images/maerchenbruecke/background.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover; min-height:60vh;display:flex;align-items:center;background-position:bottom center}
img {width:100%}
a {color:#fff;text-decoration:underline ;}
a:hover {color:#fff;text-decoration:none}

.logo {filter:drop-shadow(12px 8px 7px rgba(0,0,0,0.5));-webkit-filter:drop-shadow(12px 8px 7px rgba(0,0,0,0.5));padding:10% 0;max-width:1000px;width:90%;margin:0 auto;display:block}
quote {font-family:stilson, serif;font-size:1.7em}
#flake {font-family: 'Roboto', sans-serif;}
#aufmacher, #socialmedia, #wunschzaun, #christkindwiegen {background:rgb(212,175,55);background-image:url(images/Alsfeld-Weihnachtsmarkt-Hintergrund-gelb.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
#weihnachtspostamt,#wuenschebaum, #EinkaufenInAlsfeld {background:#430d4c;background-image:url(images/Alsfeld-Weihnachtsmarkt-Hintergrund-lila.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
#nikolausaktion, #kirchengemeinde, #geschenktipps {background:#691414;background-image:url(images/Alsfeld-Weihnachtsmarkt-Hintergrund-rot.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
#sternenfaenger {background-image:url("images/sternenfaengerbackground.jpg");background-attachment:fixed;background-repeat:no-repeat;background-size:cover}

#geschenktipps .flex-hori img, #geschenktipps .flex-hori div {width:50%}
#geschenktipps .flex-hori img {margin-right:5%;align-self:center}

section:not(#header) {padding:3rem 0;margin-bottom:0}
#teilnahmebedingungen {margin-top:1em;display:block}
.dashed-container {border: 2px dashed #fff; padding: 1em;margin-bottom:1em}
.center {text-align: center;}
.flex-hori {display: flex; justify-content: center;}
.flex-vert {display: flex;justify-content: space-evenly;flex-direction: column;}
.youtube-wrapper {position: relative; padding-bottom: 56.25%; height: 0; margin: 0 auto;}
.youtube-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.to-top {font-weight:bold;transform:rotate(-90deg);font-size:1.2em}
.to-top a {color:#691414}

.owl-fuehrungen .owl-stage-outer {display:flex;}
.owl-carousel .item {vertical-align: middle; width: 100%;position:relative;overflow:hidden;height:100%;color:rgb(212,175,55);background:#fff}
.owl-carousel .item .content p {text-align:center;}

.owl-programm .owl-stage-outer .owl-stage {display:flex;}
.owl-programm .owl-stage-outer .owl-stage .owl-item {}
.owl-programm .item {background:transparent;color:#fff;}
.owl-programm .item h5 {text-align:center}
.owl-programm .item .content p {text-align:left;display:flex;justify-content:space-between ;margin-bottom:0.25rem;}
.owl-programm .item .content p span:nth-child(1) {flex-basis:30%}
.owl-programm .item .content p span:nth-child(2) {flex-basis:70%}
.owl-programm .item .content {border:1px dashed;height:99%;width:99%;}
.item .content {padding:1em}
.item .content h4 {text-align:center}
.owl-carousel .item img {margin:1em auto; width:calc(100% + 2em);max-width:calc(100% + 2em);position:relative;left:-1em}
.yellow {color:yellow}

.owl-nav {font-size:2em}
.owl-fuehrungen .owl-stage {display: flex;}
.owl-carousel .owl-item .item {display: flex;flex-direction: column;}
.owl-dots, .owl-nav {text-align:center}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #691414;}
.owl-dots .owl-dot span {width: 1rem; height: 1rem;margin: 5px 7px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease; border-radius: 30px;}

.flexbox-container {display:flex;justify-content:space-between;margin-bottom: 1rem;}
.flexbox-container p {margin:0;}
.flexbox-container div:nth-child(1) {margin-right:3%;}
.flexbox-one-third {flex-basis:32%}
.flexbox-one-third img, .flexbox-two-third img {width:100%}
.flexbox-two-third {flex-basis:67%}

.flexbox-container .half-container {flex-basis:49%}

#fuehrungen-info {text-align:center; font-weight:bold; margin:2em auto 0 auto}

/*  Adventskalender */
.resp-iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;max-width:1110px;}
.resp-container {position: relative; overflow: hidden; padding-top: 56.25%;}

/*  Footer */
footer {background:#fff;color:#691414;text-align:center}
footer p a {color:#691414}


.navbar-expand-lg .navbar-collapse {max-width:1140px;margin: 0 auto}

@media screen and (min-width: 990px) {
	.navbar-brand {display:none}
}
@media screen and (max-width: 990px) {
	.flexbox-container {flex-direction:column}
	.flexbox-container .half-container {width:100%}
	.flexbox-container div:nth-child(1) {margin:0 auto 1em auto}
	.flexbox-one-third {width:100%}
}
@media screen and (max-width: 770px) {
	#socialflex {flex-wrap: wrap;}
}
@media screen and (max-width: 768px) {
	#geschenktipps .flex-hori {flex-direction:column}
	#geschenktipps .flex-hori img, #geschenktipps .flex-hori div {width:100%}
}
@media screen and (max-width: 700px) {
	#header-image {background-attachment:scroll}
	.resp-container {padding-top:120vh}
	.resp-iframe {height:100vh}
	section:not(#header) {background-size:contain;background-repeat:repeat-y;overflow:hidden}
	.container {padding-left:10px;padding-right:10px;}
	#sternenfaenger {background: linear-gradient(180deg, rgba(49,40,131,1) 0%, rgba(13,111,200,1) 100%);}
}