@font-face{font-family:Tiempos;src:url(../fonts/TiemposTextWeb-Regular.woff2) format("woff2"),url(../fonts/TiemposTextWeb-Regular.woff) format("woff");font-style:normal;font-weight:400}
    @font-face{font-family:Tiempos;src:url(../fonts/TiemposTextWeb-RegularItalic.woff2) format("woff2"),url(../fonts/TiemposTextWeb-RegularItalic.woff) format("woff");font-style:italic;font-weight:400}
    @font-face{font-family:Tiempos;src:url(../fonts/TiemposTextWeb-Bold.woff2) format("woff2"),url(../fonts/TiemposTextWeb-Bold.woff) format("woff");font-style:normal;font-weight:700}
    @font-face{font-family:Tiempos;src:url(../fonts/TiemposTextWeb-BoldItalic.woff2) format("woff2"),url(../fonts/TiemposTextWeb-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}

    @font-face{font-family:TradeGothic;src:url(../fonts/trade-gothic-bold.woff2) format("woff2"),url(../fonts/trade-gothic-bold.woff) format("woff");font-style:normal;font-weight:400; }
    
	/* noto-color-emoji-regular - emoji */

/* Variables */	
	:root {
		--triangle: 5vW;
	}

	@media only screen and (min-width:1920px) { 
		:root {
			--triangle: 3vW;
		}
	}
	@media only screen and (min-width:2560px) { 
		:root {
			--triangle: 2vW;
		}
	}

	@keyframes anim-moema-1{60%{transform:scale3d(.8,.8,1);}85%{transform:scale3d(1.1,1.1,1);}to{transform:scaleX(1);}}
	@keyframes anim-moema-2{to{opacity:0;transform:scaleX(1)}}
/*************/

/* Allgemeines */
	body { font-family: trade-gothic-next,sans-serif; font-weight:400; font-size:18px; background-color:#FFF; text-align:center; margin:0; padding:0; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale }
	p {}
	td {}
	a:link { color:#000000; text-decoration:none; }
	a:visited { color:#000000; text-decoration:none; outline: none; }
	a:hover { color:#525252; text-decoration:none; outline: none; }
	a:active { text-decoration:none; outline: none; }
	a:focus { outline: none; }
	.master { position:relative; width:85%; max-width:1200px; margin:auto; overflow: hidden; } 
	.row:after { content:""; display:table; clear:both; }
	.orangertext { color:#FFA500; }
	.rotertext { color: darkred; }
	.gruenertext { color: #00b489; }
	.gruener_text { color: #BCDC2B; }
	.fett { font-weight:bold; }
    .h1 { font-size:30px; }
    .h2 { font-size:25px; }
    .h3 { font-size:17px;}
	.headline { font-size:24px; }
	.center { text-align:center; }
	.left { text-align:left; }
	.vollebreite { width:100%; }
	.padding { padding:15px; }
	.anchor { display: block; position:absolute; transform: translate(0,-25vh); -webkit-transform: translate(0,-25vh); -moz-transform: translate(0,-25vh); -ms-transform: translate(0,-25vh); -o-transform: translate(0,-25vh); visibility: hidden; } 
    .versteckt { display: none; }
	.RisskanteContainer { position: relative; width:100%; height:100px; transform: translateY(-55%);  min-width: 600px; background-image:url('../design/risskante.webp'); background-repeat:no-repeat; background-size:100% 100%; background-position: center; }
	b, strong { font-weight: 700; }

	@media only screen and (max-width:1200px) { 
		.RisskanteContainer { height: 80px; }
	}

	@media only screen and (max-width:992px) { 
		.RisskanteContainer { height: 70px; }
	}

	@media only screen and (max-width:768px) { 
		.RisskanteContainer { height: 60px; }
		.master { width:90%; }
	}

    @media only screen and (max-width:630px) { 
		.RisskanteContainer { height: 50px; }
	}

	@media only screen and (max-width:576px) { 

	}

	@media only screen and (max-width:445px) { 

	}
/**************/

/* Schriften */
    .font_headline, .button, .headline, .h1, .h2, .h3 { letter-spacing: -1px; }
    .font_headline, .button, .headline, .h1, .h2, .h3, .hint_keywords { text-transform: uppercase; font-weight: 700; }
    /* .font_content { font-family: Tiempos,serif; } */
/*************/

/* header */
	#header { position:relative; width:100%; height:600px; }
	#headerNavigation { background-color: #000; width: 100%; height: 100%; position: relative; border-bottom: 1px solid #FFF; }
	#headerNavigationContent { height:100%; }
	#headerBackground { position: absolute; height:500px; width:100%; left:0; top:100px; right:0; overflow: hidden; background-image:url('../design/HeaderBackground.jpg'); background-repeat:no-repeat; background-size:cover; background-position: center; }
	#headerVideoBackground { width:100%; height: auto; }
	#headerContent { text-align: left; height:100%; }
	#headerLogo { position:relative; margin-top:20px; height:60px; text-align: left; z-index: 900; }
	#headerLangSelect { position: absolute; top:30px; right:0; z-index: 950; }
	#headerLangActive { width:120px; height:50px; }
	.headerLangActiveFlagContainer { position:relative; float: right; width:40px; }
	#headerLangChoice { position: relative; display: none; width:120px; }
	.headerLangChoiceFlagContainer { position:relative; float: left; width:40px; margin-left: 20px; }
	.invisibleFlagButton { background-color: transparent; border:none; height:40px; margin:0; padding:0; cursor: pointer; }
	.invisibleFlagButton:focus { outline: none; }
	.invisibleSmallFlagButton { background-color: transparent; border:none; height:30px; margin:0; padding:0; cursor: pointer; }
	.invisibleSmallFlagButton:focus { outline: none; }
	#headerNavigationMobile { position:absolute; top:20px; right:0; width:30px; height:30px; display: none; z-index: 950; }
	#mobileNavigationIcon line.x, #mobileNavigationIcon rect.burger { transition: opacity 0.3s ease, transform 0.3s ease; transform-origin: 50% 50%; }
	#mobileNavigationIcon .x { opacity: 0; transform: rotate(-45deg); }
	#mobileNavigationIcon.opened .burger { opacity: 0; }
	#mobileNavigationIcon.opened .x { opacity: 1; transform: rotate(0deg); }
	#headerNavigationDesktop { position: absolute; top:30px; left: 200px; height:40px; line-height: 40px; display: block; color: #FFF; font-size: 20px; z-index: 950; }
	#headerNavigationDesktop a { display: inline-block; margin-right:30px; color: #FFF; }
	#headerNavigationMobileContainer { position: fixed; top:0; left:0; z-index: 800; background-color: #000; width: 100vw; box-sizing: border-box; padding-left: 7.5%; padding-top:120px; font-size: 23px; height: 100vh; text-align: left; overflow-y: auto; transform: translate(-110vw); transition: all .3s ease 0s; visibility: hidden; }
	#headerNavigationMobileContainer.visible { transform: translate(0); visibility: visible; }
	#headerNavigationMobileContainer a { display: block; width:100%; height:60px; line-height: 60px; border-bottom: 2px solid #FFF; margin-bottom:30px; color: #FFF; }

	@media (min-aspect-ratio: 16/9) {

	}

	@media (max-aspect-ratio: 16/9) {

	}

	@media only screen and (max-width:1200px) { 
		#headerBackground { height: 400px; }
		#header { height:500px; }
	}

	@media only screen and (max-width:992px) { 
		#headerBackground { height:300px; background-image:url('../design/HeaderBackground_Mobile.jpg'); }
		#header { height:400px; }
	}

	@media only screen and (max-width:768px) { 
		#headerLogo {margin-top:10px; height:50px; }
		#headerBackground { top:70px; }
		#header { height: 370px; }
		#headerLangSelect { top:20px; right:60px; }
		.headerLangActiveFlagContainer { width:30px; }
		.invisibleFlagButton { height:30px; }
		#headerLangActive { height: 45px; }
		.headerLangChoiceFlagContainer { width: 30px; margin-bottom: 3px; }
		#headerNavigationMobile { display: block; }
		#headerNavigationDesktop { display: none; }
		#headerNavigationMobileContainer { padding-left: 5%; }
	}

    @media only screen and (max-width:630px) { 
		#headerVideoBackground { width: auto; height:100%; }
	}

	@media only screen and (max-width:576px) { 
	
	}

	@media only screen and (max-width:445px) { 
		#headerVideoBackground { width: auto; height:100%; }
	}
/**********/

/* main */
	#main { position:relative; width:100%; min-height:500px; overflow: hidden; background-color:rgba(0,0,0,.6); background-image:url('../design/schiefer.jpg'); background-repeat:repeat; background-size:18.75rem 25rem; }
/********/

/* footer */
	#footer { position:relative; width:100%; padding-bottom:50px; color:#000; background-color:#BCDC2B; }
	#footerContent { position: relative; padding-top:60px; }
	#footer a { color:#000; text-decoration:none; }
	#footerContentGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); row-gap: 45px; column-gap: 6.25rem; justify-content: center; /* Zentriert die Items, wenn nicht alle Zeilen voll sind */ }
	.footerGridItem { overflow: hidden; text-align: left; }
	.footerGridItemHeadline { text-transform: uppercase; font-weight: bold; margin-bottom: 15px; }

	@media only screen and (max-width:576px) { 

	}
/**********/

/* contentcontainer */
	#newsletterContainer { position:relative; padding-top:40px; padding-bottom:70px; width:100%; }
	#newsletterContainerContent { max-width: 730px; background-color: #BCDC2B; color:#000; }
	#newsletterCaptchaContainer { width:90%; max-width:350px; margin:auto; padding:10px; border:1px solid #FFF; box-sizing:border-box; display:none; }
	#newsletterGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(365px, 365px)); row-gap: 30px; column-gap: 0px; justify-content: center; }
	.newsletterGridItem { overflow: hidden; padding:30px; min-height: 400px; background-repeat:no-repeat; background-size:cover; background-position: center; }

	#welcome { position: relative; }
	#welcomeContent { padding-top:40px; padding-bottom:40px; }

	.WelcomeInfoBox { position: relative; max-width:85%; margin:auto; text-align:center; }
	.WelcomeIconBox { position: relative; margin:auto; border: 2px solid #000; border-radius: 40px; width:80px; height:80px; overflow: hidden; }
	.WelcomeIcon { width:90%; margin-top: 5px; margin-left: -4px; }
	.WelcomeInfoBoxColumn { position: relative; float: left; width:50%; }

	#WelcomeShopContainer { position: relative; background-color: #000; color: #FFF; width: 100%; box-sizing: border-box; }
	#WelcomeShopContainerContent { padding-top: 50px; padding-bottom: 50px; }

	#WelcomeChoiceContainer { position: relative; background-color:#FFF; width:100%; box-sizing:border-box; }
	#WelcomeChoiceContainerContent { padding-bottom: 60px; }
	.WelcomeChoice { position: relative; width:95%; margin: auto; margin-top: 20px; padding-bottom: 20px; color:#000; min-height:280px; }
	.WelcomeChoice:hover { color:#FFF; }
	.WelcomeChoiceGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 330px)); row-gap: 45px; column-gap: 30px; justify-content: center; /* Zentriert die Items, wenn nicht alle Zeilen voll sind */ }
	.WelcomeChoiceItem { overflow: hidden; }
	.WelcomeChoiceItem a { display: block; width: 100%; }
	.WelcomeChoiceItem img { width: 100%; height: 100%; object-fit: cover; display: block; }

	.twocolumn { float:left; width:50%; }

	#startcontainer { position:relative; width:100%; text-align:left; color:#000; background-color:#FFF; }
	#startcontainerContent { padding-top:100px; padding-bottom:100px; }

	#welcomeHome { position: relative; }
	#welcomeHomeContent { padding-top:40px; padding-bottom:40px; color: #FFF; }

	#anleitungscontainer { position:relative; width:100%; text-align:left; color:#000; background-color:#DEDEDE; }
	#anleitungscontainerContent { padding-top:80px; padding-bottom:80px; }
	#AnleitungTitle { background-image:url('../design/AnleitungTitle.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:71px; position:relative; margin-left:-110px; left:50%; }
	#AnleitungTitleDE { background-image:url('../design/AnleitungTitle.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:71px; position:relative; margin-left:-110px; left:50%; }
	#AnleitungTitleEN { background-image:url('../design/AnleitungTitleEN.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleAU { background-image:url('../design/AnleitungTitleAU.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitlePL { background-image:url('../design/AnleitungTitlePL.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitlePT { background-image:url('../design/AnleitungTitlePT.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleCA { background-image:url('../design/AnleitungTitleCA.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleSE { background-image:url('../design/AnleitungTitleSE.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleES { background-image:url('../design/AnleitungTitleES.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleUS { background-image:url('../design/AnleitungTitleUS.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleNL { background-image:url('../design/AnleitungTitleNL.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleIT { background-image:url('../design/AnleitungTitleIT.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleFR { background-image:url('../design/AnleitungTitleFR.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleBR { background-image:url('../design/AnleitungTitleBR.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleMX { background-image:url('../design/AnleitungTitleMX.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleUA { background-image:url('../design/AnleitungTitleUA.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	#AnleitungTitleKR { background-image:url('../design/AnleitungTitleKR.png'); background-repeat:no-repeat; background-size:cover; width:240px; height:71px; position:relative; margin-left:-120px; left:50%; }
	.focus_this { position: relative; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #DEDEDE; }
	.focus_frame { padding:5%; box-sizing: border-box; border: 3px solid #FFA500; }

	#hinweiscontainer { position:relative; width:100%; text-align:left; background-color:#FFF; }
	#hinweiscontainerContent { padding-top:80px; padding-bottom:80px; }
	#HinweiseTitle { background-image:url('../design/HinweiseTitle.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleDE { background-image:url('../design/HinweiseTitle.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleEN { background-image:url('../design/HinweiseTitleEN.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleAU { background-image:url('../design/HinweiseTitleAU.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleCA { background-image:url('../design/HinweiseTitleCA.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleSE { background-image:url('../design/HinweiseTitleSE.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitlePL { background-image:url('../design/HinweiseTitlePL.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitlePT { background-image:url('../design/HinweiseTitlePT.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleES { background-image:url('../design/HinweiseTitleES.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleUS { background-image:url('../design/HinweiseTitleUS.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleNL { background-image:url('../design/HinweiseTitleNL.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleIT { background-image:url('../design/HinweiseTitleIT.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleFR { background-image:url('../design/HinweiseTitleFR.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleBR { background-image:url('../design/HinweiseTitleBR.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleMX { background-image:url('../design/HinweiseTitleMX.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleUA { background-image:url('../design/HinweiseTitleUA.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	#HinweiseTitleKR { background-image:url('../design/HinweiseTitleKR.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:80px; position:relative; margin-left:-110px; left:50%; }
	.hint_keywords { display: flex; max-width: 100%; align-items: flex-start; box-sizing: border-box; cursor: pointer; margin-bottom: 5px; border-top:1px solid #e6c8ac; }
	.hint_keyword_image { position: relative; width:150px; min-height: 20px; box-sizing: border-box; flex-shrink: 0; /*verhindert Schrumpfen*/ cursor: pointer; }
	.hint_keyword_text { box-sizing: border-box; min-height: 41px; padding-left: 10px; hyphens: auto; word-wrap: break-word; overflow-wrap: break-word; flex: 1; /*nimmt den restlichen Platz ein*/ }
	.hint_text { position: relative; box-sizing: border-box; width:100; margin-bottom: 30px; display: none; }
	#expand_hint_icon { position: absolute; top: 0; width:100%; height:22px; text-align: center; background-color: rgba(230, 200, 172, 0.9); border-radius: 0 0 10px 10px; cursor: pointer; }

	.threecolumn { float:left; width:30%; text-indent:-20px; padding-left:20px; text-align:left; }

	#loesungscontainer { position:relative; width:100%; color:#FFF; }
	#loesungscontainerContent { padding-top:80px; padding-bottom:0px;  text-align: left; }
	#LoesungTitle { background-image:url('../design/LoesungTitle.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleDE { background-image:url('../design/LoesungTitle.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleEN { background-image:url('../design/LoesungTitleEN.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleAU { background-image:url('../design/LoesungTitleAU.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitlePL { background-image:url('../design/LoesungTitlePL.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitlePT { background-image:url('../design/LoesungTitlePT.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleSE { background-image:url('../design/LoesungTitleSE.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleCA { background-image:url('../design/LoesungTitleCA.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleES { background-image:url('../design/LoesungTitleES.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleUS { background-image:url('../design/LoesungTitleUS.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleNL { background-image:url('../design/LoesungTitleNL.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleIT { background-image:url('../design/LoesungTitleIT.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleFR { background-image:url('../design/LoesungTitleFR.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleBR { background-image:url('../design/LoesungTitleBR.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleMX { background-image:url('../design/LoesungTitleMX.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleUA { background-image:url('../design/LoesungTitleUA.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	#LoesungTitleKR { background-image:url('../design/LoesungTitleKR.png'); background-repeat:no-repeat; background-size:cover; width:220px; height:67px; position:relative; margin-left:-110px; left:50%; }
	.selection_invalid { border: 2px solid red; }
	.selection_valid { border: 2px solid green; }
	.result_part_list_1 { width:50px; }
	.result_part_list_2 { width:100px; }
	.result_part_list_3 { width:75px; }

	#hinweiscontainerDayContent { position: relative; width: 100%; border:1px solid #000; margin-bottom: 20px; box-sizing: border-box; padding:10px; }
	.special_umschlag_container { position: relative; width: 150px; height: 105.9px; box-sizing: border-box; border: 1px solid #000; display: inline-block; background-repeat:no-repeat; background-size:cover; }
	.special_umschlag_content { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; }

	#WeitereAbenteuer { position:relative; width:100%; text-align:center; }
	#WeitereAbenteuerContent { padding-top:25px; padding-bottom:80px; color: #fff; }
	.shopBanner { float: left; width:50%; padding: 5px; box-sizing: border-box; }

	#imprintContentConatiner { color: #fff; padding-top:50px; padding-bottom:100px; }

    @media only screen and (max-width:1200px) { 
		.WelcomeChoiceGrid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); column-gap: 30px; }
    }
    
    @media only screen and (max-width:992px) { 
		.shopBanner { float: none; width:100%; max-width: 700px; margin:auto; padding:0; padding-bottom: 5px; }
		.WelcomeChoiceGrid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); column-gap: 25px; }
	}

	@media only screen and (max-width:858px) { 
		#newsletterContainerContent { max-width: 365px; }
	}

    @media only screen and (max-width:768px) { 
		.WelcomeChoiceGrid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); column-gap: 20px; }
	}

	@media only screen and (max-width:576px) { 
		.threecolumn { width:95%; }
        .twocolumn { width:100%; }
        .WelcomeInfoBox {max-width:100%; }
		.WelcomeInfoBoxColumn { width:100%; }
		.WelcomeChoiceGrid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); column-gap: 15px; }
		#newsletterGrid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
	}
	
/********/

/* Buttons */
	.button { display: inline-block; position: relative; margin-top:20px; min-width:160px; max-width:350px; min-height: 50px; padding: 0 30px;	border: 2px solid #FFA500; border-radius: 30px; outline: 0; background-color: #FFA500; line-height: 50px; font-weight:bold; font-size:15px; font-weight: 700; text-transform: uppercase; text-align: center; -webkit-appearance: none; box-sizing: border-box; }
	.button:hover { transition: background-color .1s .3s,color .1s .3s;	animation: anim-moema-1 .3s forwards; }
	.button:hover:before { animation: anim-moema-2 .3s .3s forwards; }
	.button:before { box-sizing: border-box; content: ""; position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; z-index: -1; transform: scale3d(.8,.5,1); border-radius: 50px; opacity: .4;	background: inherit; }

	.button_white { background-color: #FAFAFA; color: #000; border-color: #FFF; }
	.button_black { background-color: #000; border-color: #000; color: #FFF; }
	a.button_black { color: #FFF; }
	.button_green { background-color: #BCDC2B; color: #000; border-color: #BCDC2B; }

	.shop_submit { -webkit-appearance: none; width:100%; max-width:250px; height:50px; margin-bottom: 10px; font-weight:bold; font-size:15px; background-color:#FAFAFA; border:3px solid #FFA500; border-radius: 20px; text-align:center; text-decoration:none; display:inline-block; }
	.shop_submit:hover { background-color:#FFA500; color:#FFF; }
	.shop_submit:focus { outline: none; }

	.hint_submit { -webkit-appearance: none; width:100%; max-width:330px; height:40px; font-weight:bold; font-size:15px; background-color:#FAFAFA; border:2px solid #FFA500; border-radius: 15px; text-align:center; text-decoration:none; display:inline-block; }
	.hint_submit:hover { background-color:#FFA500; color:#FFF; }
	.hint_submit:focus { outline: none; }
	
	.result_part_submit { -webkit-appearance: none; width:100%; max-width:350px; height:50px; font-weight:bold; font-size:15px; background-color:#FAFAFA; border:3px solid #FFA500; border-radius: 20px; text-align:center; text-decoration:none; display:inline-block; }
	.result_part_submit:hover { background-color:#FFA500; color:#FFF; }
	.result_part_submit:focus { outline: none; }

	.result_part_submit_active { -webkit-appearance: none; width:100%; max-width:350px; height:50px; font-weight:bold; font-size:15px; color:#FFF; background-color:#FFA500; border:3px solid #FFA500; border-radius: 20px; text-align:center; text-decoration:none; display:inline-block; }
	.result_part_submit_active:hover { background-color:#FAFAFA; color:#000; }
	.result_part_submit_active:focus { outline: none; }

	.start_submit { -webkit-appearance: none; width:100%; max-width:360px; height:50px; font-weight:bold; font-size:15px; background-color:#FAFAFA; border:3px solid #FFA500; border-radius: 20px; text-align:center; text-decoration:none; display:inline-block; }
	.start_submit:hover { background-color:#FFA500; color:#FFF; }
	.start_submit:focus { outline: none; }
	/* .textbox_start { width:90%; max-width:340px; height:38px; padding-left:15px; background-color:#FAFAFA; border:3px solid #FFA500; border-radius: 20px; }
    .textbox_start:focus { outline: none; } */
    .textbox_start { width:90%; max-width:330px; height:50px; margin-top:10px; padding-left:15px; background-color:#FFF; border:3px solid #000; border-radius: 25px; }
	.textbox_start:hover { background-color: #FFF; }
	.textbox_start:focus { outline: none; }
	
	.welcome_submit { -webkit-appearance: none; width:90%; max-width:270px; height:50px; margin-top:10px; font-weight:bold; font-size:15px; background-color:#FFA500; border:3px solid #FFA500; border-radius: 25px; text-align:center; text-decoration:none; display:inline-block; }
	.welcome_submit:hover { background-color: #FFA500; }
	.welcome_submit:focus { outline: none; }
	.textbox_welcome { width:90%; max-width:330px; height:50px; margin-top:10px; padding-left:15px; color: #000; background-color:transparent; border:3px solid #000; border-radius: 25px; }
	.textbox_welcome:hover { background-color: #FFF; }
	.textbox_welcome:focus { outline: none; }

	.textbox_special_questions { width:90%; max-width:330px; height:50px; margin-top:10px; padding-left:15px; background-color:#FAFAFA; border:3px solid #FFA500;}
	.textbox_special_questions:hover { background-color: #FFF; }
	.textbox_special_questions:focus { outline: none; }

	#fixedShopButtonContainer { position:fixed; bottom:20px; text-align: center; width:100%; min-height:40px; }

	/* #fixedShopButton { position:fixed; text-align: center; font-weight: bold; padding-top:15px; left:50%; transform: translateX(-50%); bottom:20px; width:250px; height:40px; background-color:#FFA500; border:3px solid #FFA500; border-radius: 20px; }
	#fixedShopButton:hover { background-color: #FAFAFA; } */

	/* #fixedHomeButton { position:fixed; text-align: center; padding:10px; left:50%; margin-left:-190px; bottom:20px; width:350px; min-height:40px; background-color:#FAFAFA; border:3px solid #FFA500; border-radius: 20px; } */
	#fixedHomeButton { position:fixed; text-align: center; font-size: 15px; padding:5px; left:50%; transform: translateX(-50%); bottom:20px; width:90%; max-width:450px; min-height:40px; background-color:#FAFAFA; border:3px solid #FFA500; border-radius: 20px; }
	.back_to_start_submit { -webkit-appearance: none; width:100%; max-width:360px; margin-top:5px; height:30px; font-weight:bold; font-size:12px; background-color:#FAFAFA; border:3px solid #FFA500; border-radius: 20px; text-align:center; text-decoration:none; display:inline-block; }
	.back_to_start_submit:hover { background-color:#FFA500; color:#FFF; }
	.back_to_start_submit:focus { outline: none; }

	.invisibleButton { background-color: transparent; border:none; height:30px; margin:0; padding:0; cursor: pointer; }
	.invisibleButton:focus { outline: none; }

	select { -moz-appearance: none;	-webkit-appearance: none; appearance: none; border:none; width: 100%; height: 40px; -moz-padding-start: calc(10px - 3px); padding-left: 15px; color: #000; background-color: #FFF; font-size: 18px; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3); border-radius: 6px; outline: none; cursor: pointer; }
	select::-ms-expand { display: none; }
	select option { color: #000; }
	select:focus::-ms-value { background-color: transparent; }
	.select-wrapper { width: 100%; max-width: 350px; position: relative; display: inline-block; margin: 10px 0 5px 0; }
	.select-wrapper::before, .select-wrapper-phasen::before { font-size: 19px;	position: absolute;	right: 0px; top: 0px; height: 100%; line-height: 40px; padding-right: 10px; padding-left:10px; color: #b41547; border-radius: 6px; pointer-events: none; background-color: #e6c8ac; }

	@media only screen and (max-width:576px) { 
		#fixedHomeButton { font-size: 12px; }
		.button { font-size: 13px; height:45px; line-height: 45px; min-width: 150px; }
        .button_small { padding: 0; }
	}
/********/

/* Tabellen */
	#hintkeywordtable { width:100%; max-width:900px; margin:auto; }
	#hintkeywordtable td { height:30px; text-align:left; }

	#resultkeywordtable { width:100%; max-width:900px; margin:auto; }
	#resultkeywordtable td { height:30px;  text-align:left; }
/********/

/* Listen */
	ul { list-style-type: square; }
	ul li { padding-left: 25px; }

	ol li { padding-left: 25px; }
/********/

/* Login */
	.login_field { width:100%; height:30px; }
	.login_field:focus { outline: none; }
	.login_submit { -webkit-appearance: none; width:100%; height:30px; font-weight:bold; font-size:17px; color:#FFF; background-color:#000; border:2px solid #FFF; text-align:center; text-decoration:none; display:inline-block; }
	.login_submit:hover { background-color:#FFF; color:#000; }
	.login_submit:focus { outline: none; }
/********/

/* Backstage */
    #backstage_content { background-color: #FFF; }

	#fall_und_sprachauswahl_container { position: relative; width:100%; max-width: 1000px; margin: auto; }
	.fall_und_sprachauswahl { float: left; width:50%; box-sizing: border-box; padding: 5px; }

	.fall_und_sprachauswahl_button_backstage { -webkit-appearance: none; width:100%; max-width:350px; height:40px; margin-bottom: 5px; font-weight:bold; font-size:15px; background-color:#FAFAFA; border:2px solid #CCCCCC; border-radius: 12px; text-align:center; text-decoration:none; display:inline-block; }
	.fall_und_sprachauswahl_button_backstage:hover { background-color:#CCCCCC; }
	.fall_und_sprachauswahl_button_backstage:focus { outline: none; }

	.fall_und_sprachauswahl_button_active_backstage { -webkit-appearance: none; width:100%; max-width:350px; height:40px; margin-bottom: 5px; font-weight:bold; font-size:15px; color:#FFF; background-color:#FFA500; border:2px solid #FFA500; border-radius: 12px; text-align:center; text-decoration:none; display:inline-block; }
	.fall_und_sprachauswahl_button_active_backstage:hover { background-color:#FAFAFA; color:#000; }
	.fall_und_sprachauswahl_button_active_backstage:focus { outline: none; }

	.backstage_table { width:100%; max-width:2000px; margin:auto; }
	.backstage_table td { height:200px; text-align:center; vertical-align:top; }
	.backstage_table_2 { width:100%; max-width:2000px; margin:auto; }
	.backstage_table_2 td { text-align:center; vertical-align:top; }
	.backstage_table_headline { width:100%; max-width:2000px; margin:auto; }
	.backstage_table_headline td { height:50px; text-align:center; vertical-align:top; }
	.backstage_keyword_box { width:95%; height:30px; background-color:#FAFAFA; border:4px solid #CCCCCC; }
	.backstage_submit { width:100%; height:30px; background-color:#FAFAFA; border:4px solid #CCCCCC; text-align:center; text-decoration:none; display:inline-block; }
	.backstage_submit:hover { background-color:#CCCCCC; }
	.backstage_submit:focus { outline: none; }
	.backstage_textarea { width:95%; height:100%; background-color:#FAFAFA; border:4px solid #CCCCCC; }
    .backstage_textarea_2 { width:95%; resize: vertical; background-color:#FAFAFA; border:4px solid #CCCCCC; }
	.backstage_select { width:95%; height:30px; background-color:#FAFAFA; border:4px solid #CCCCCC; }

	#fixedBackstageMenu { position:fixed; right:10px; top:20px; bottom: 20px; text-align:right; overflow-y: auto; }
	#fixedBackstageMenu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3); background-color: #F5F5F5; }
	#fixedBackstageMenu::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
	#fixedBackstageMenu::-webkit-scrollbar-thumb { background-color: #555; }
	.fixedBackstageContainer { position: relative; text-align: center; color:darkred; font-weight: bold; padding:10px; background-color:#FAFAFA; border:5px solid #CCCCCC; border-radius: 20px; margin-bottom: 10px;  }
	.fixedBackstageContainer:hover { background-color: #CCCCCC; }
	#fixedBackstageInfo { border:5px solid #FFA500; color:#000;  }
	.fixedBackstageContainer_active { background-color: #FFA500;  }

	.piechart { width:100%; height:500px; }
	.linechart { width:100%; height:700px; }

	@media only screen and (max-width:2200px) { 
		.backstage_table { padding-right: 200px; }
		.backstage_table_2 { padding-right: 200px; }
		.backstage_table_headline { padding-right: 200px; }
	}

	@media only screen and (max-width:1200px) { 
		#fall_und_sprachauswahl_container { margin: 0; width:80%; }
		.fall_und_sprachauswahl_button_backstage { font-size: 14px; }
		.fall_und_sprachauswahl_button_active_backstage { font-size: 14px; }
	}

	@media only screen and (max-width:1000px) { 
		#fixedBackstageMenu { right:0px; }
		.fixedBackstageContainer { font-size: 11px; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
		.backstage_table { padding-right: 100px; }
		.backstage_table_2 { padding-right: 100px; }
		.backstage_table_headline { padding-right: 100px; }
	}
/*************/

/* SOCIALMEDIA */
	.smIcon { position: relative; text-decoration: none; text-align: center; width:50px; height:50px; border: 10px solid #000; background-color: #000; border-radius: 50%; display: inline-block; box-sizing: border-box; }
	.smImage { position: absolute; width:100%; height:100%; left:0; top:0; color: #FFF; }
/***************/