.v-component{opacity:0}.v-component.loaded{animation-delay:50ms;animation-duration:250ms;animation-name:fadIn;animation-fill-mode:forwards}.alert-component{position:fixed;top:0;left:0;right:0;bottom:0;z-index:20;background:rgba(255, 255, 255, 0.1);display:flex;align-items:center;justify-content:center}.alert-component .alert-container{width:90%;height:90%;padding:0.5em;max-width:250px;max-height:200px;background:#fff;border:1px solid rgba(13, 11, 4, 0.2);box-shadow:0 0 10px rgba(0, 0, 0, 0.2);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}.alert-component .alert-container p{margin:0;font-size:0.85rem;font-family:"Barlow-Bold", "Helvetica Neue", sans-serif}@media only screen and (min-width:411px){.alert-component .alert-container p{font-size:1rem}}.alert-component .alert-container .loading-component{width:100%;display:flex;min-height:150px;align-items:center}.alert-component.error .alert-container .loading-component span,.alert-component.error .alert-container .loading-component div{color:tomato !important;background:tomato !important}.alert-component.error .alert-container p{color:tomato;line-height:1.2}.v-component.loaded.alert{opacity:1;animation-name:none}@keyframes fadIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes loading{0%,80%,100%{box-shadow:0 0;height:30px}40%{box-shadow:0 -1em;height:40px}}@keyframes loading{0%,80%,100%{box-shadow:0 0;height:30px}40%{box-shadow:0 -1em;height:40px}}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px}

.mod_customnav li{
	margin-left: 10px;
	
}

.ce_liveticker{
	background: #fdc300;
	color: #000 !important;	
}
.ce_liveticker p{
	color: #000 !important;	
}
.mod_article.bright-v3{
	background: url("/files/appenzeller-bier/backgrounds/Grainmade_Texture.jpg");
	background-size: 550px 550px;
	
}


.mod_article.wettbewerb .inside {
	margin: 0;
	width: 100%;
	max-width: 100%;
}
.mod_article.wettbewerb.first.last {
	padding: 0;
	min-height: 100%;
}
video {
	width: 100%;
	max-height: 100%;
	z-index: 1;
}
.wrapper-top {
	overflow: hidden;
	position: relative;
}
.wrapper-bottom {
	width: 80%;
	margin: 0 auto;
	max-width: 1280px;
	position: relative;
}
.wrapper-bottom2 {
	width: 80%;
	margin: 0 auto;
	max-width: 1280px;
	position: relative;
}
.header_schrift {
	display: flex; 
    justify-content: center; 
    align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	transform: rotate(-6deg);
}
.header_schrift h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 24px;
	text-transform: uppercase;
}
.header_schrift h1 {
	margin: 0;
	font-size: 30px;
}
.wettbewerb h3 {
	text-align: left !important;
	font-size: 16px;
	margin: 0 0 1rem 0;
	padding: 0;
	line-height: 1.5;
}
.wettbewerb p {
	text-align: left !important;
	font-size: 16px;
	line-height: 1.5;
	padding: 0;
}
.text_wettbewerb {
	width: 90%;
	margin: 0 auto;
	padding: 1rem 0;
}
.text_wettbewerb p {
	margin: 0;
}
.text_beschreibung {
	position: relative;
	margin: 1rem 0;
}
.haras figure {
	text-align: center;
}
.formular_wettbewerb {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
	}
.txt-el .content-container{
	margin: 0;
}
.desktop.haras {
	display: none;
}

.logo_wettbewerb{
	margin-top: -30px;
	z-index: 100;
	display: flex; 
    justify-content: center; 
    align-items: center;
	position: absolute;
	width: 100%;
	
}
.desktop.logo_wettbewerb {
	display: none;
	margin-top: -48px !important;
}
.wrapper-top .ce_image.fullscreen .image_container{
	width: 100%;
	margin: 0 !important;
}
@media only screen and (min-width: 768px) {
	.desktop.haras {
		display: block;
	}
	.mobile.haras {
		display: none;
	}
	.header_schrift h2 {
		font-size: 64px;
		margin-bottom: 15px;
	}
	.header_schrift h1 {
		font-size: 72px;
	}
	.wrapper-bottom {
		margin: 2rem auto 0 auto;
		display: flex;
	}
	.wettbewerb h3 {
		font-size: 18px;
	}
	.wrapper-bottom .text_beschreibung {
		width: 60%;
	}
	.formular_wettbewerb .formbody {
		max-width: 60%;
	}
	.wrapper-bottom .haras {
		width: 40%;
		position: absolute;
		right: 0;
		top: -100px;
	}
	.formular_wettbewerb {
		width: 90%;
	}
	.desktop.logo_wettbewerb p {
		max-width: 60%;
	}
}
@media only screen and (min-width: 1024px) {
	.header_schrift h2 {
		font-size: 72px;
	}
	.header_schrift h1 {
		font-size: 90px;
	}
	.wettbewerb h3 {
		font-size: 22px;
	}
	.wettbewerb p {
		font-size: 18px;
	}
	.wrapper-bottom .haras {
		top: -140px;
	}
	.formular_wettbewerb {
		width: 90%;
		padding-bottom: 3rem;
	}
	.desktop.logo_wettbewerb {
		display: block;
	}
	.mobile.logo_wettbewerb {
		display: none;
	}
	
}

@media only screen and (min-width: 1280px) {
	.wrapper-bottom {
		margin: 3rem auto 0 auto;
	}
	
	.wrapper-bottom2 {
		margin: 0rem auto 0 auto;
	}
	.header_schrift h2 {
		font-size: 80px;
	}
	.header_schrift h1 {
		font-size: 120px;
	}
	.wettbewerb h3 {
		font-size: 24px;
	}
	.wrapper-bottom .haras {
		top: -175px;
	}
	.formular_wettbewerb {
	width: 100%;
	
	}
	.desktop.logo_wettbewerb {
		display: block;
	}
	.mobile.logo_wettbewerb {
		display: none;
	}
}
