@charset "utf-8";
/* CSS Document */

 
@font-face { font-family: 'PlayfairDisplay'; src: url('font/PlayfairDisplay-Regular.ttf') format('truetype'); 		font-weight: 100; font-style: normal }  
@font-face { font-family: 'PlayfairDisplay'; src: url('font/PlayfairDisplay-Italic.ttf') format('truetype'); 		font-weight: 100; font-style: italic }  
@font-face { font-family: 'PlayfairDisplay'; src: url('font/PlayfairDisplay-Bold.ttf') format('truetype'); 	 		font-weight: 200; font-style: normal }  
@font-face { font-family: 'PlayfairDisplay'; src: url('font/PlayfairDisplay-BoldItalic.ttf') format('truetype');	font-weight: 200; font-style: italic }  
@font-face { font-family: 'PlayfairDisplay'; src: url('font/PlayfairDisplay-Black.ttf') format('truetype'); 	 	font-weight: 400; font-style: normal }  
@font-face { font-family: 'PlayfairDisplay'; src: url('font/PlayfairDisplay-BlackItalic.ttf') format('truetype'); 	font-weight: 400; font-style: italic } 


*,*::before,*::after { background-repeat: no-repeat; background-position: center; box-sizing: border-box; line-height: 1.65; text-decoration: none;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:" "; letter-spacing: 1px; } button, input[type="submit"], input[type="button"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 300ms ease-in-out;	-moz-transition: all 300ms ease-in-out;	-ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; font-size:1.25rem; font-family: inherit; }
button:focus, input[type="submit"]:focus, input[type="button"]:focus, a:focus { outline:none; }
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, a::-moz-focus-inner { border:0; }
input, textarea, select { font-size:1.1rem; font-family: inherit; font-weight:100; color:#111; background-color: #F1F1F1; letter-spacing: 0.5px }
html { font-family: "PlayfairDisplay", "serif"; font-size: 1em; letter-spacing: 1px; font-weight:100; background: #161616; }
body { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(255,30,140)" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18.6 6.62c-1.44 0-2.8.56-3.77 1.53L12 10.66 10.48 12h.01L7.8 14.39c-.64.64-1.49.99-2.4.99-1.87 0-3.39-1.51-3.39-3.38S3.53 8.62 5.4 8.62c.91 0 1.76.35 2.44 1.03l1.13 1 1.51-1.34L9.22 8.2C8.2 7.18 6.84 6.62 5.4 6.62 2.42 6.62 0 9.04 0 12s2.42 5.38 5.4 5.38c1.44 0 2.8-.56 3.77-1.53l2.83-2.5.01.01L13.52 12h-.01l2.69-2.39c.64-.64 1.49-.99 2.4-.99 1.87 0 3.39 1.51 3.39 3.38s-1.52 3.38-3.39 3.38c-.9 0-1.76-.35-2.44-1.03l-1.14-1.01-1.51 1.34 1.27 1.12c1.02 1.01 2.37 1.57 3.82 1.57 2.98 0 5.4-2.41 5.4-5.38s-2.42-5.37-5.4-5.37z"/></svg>') !important; background-repeat: no-repeat; background-position: center 12px; background-size: 72px; padding-top:96px; }
html, body, main { min-height: 100vh !important; box-sizing: border-box; display: inline-block; float: left; position: relative; width:	100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; overflow-x: hidden !important; } div.container { display: inline-block; float:left; width:100%; height: auto; }
div.clear { display:inline-block; position:relative; width:100%; float:left; clear:both; }

















div.popgb { display:block; z-index: 502; top:0px; left:0px; width:100%; height:100vh; position: fixed; background:rgba(12,12,12,0.90) }

div.infotext { 
	
	display: 	block; 
	position: 	relative; 
	width: 		97%;
	max-width: 	470px;
	height: 	auto; 
	margin: 	15vh auto 48px auto; 
	box-sizing: border-box; 
	padding: 	55px 16px 22px 132px; 
	float: 		none;
	font-weight:100; 
	background: rgba(254,254,254,1.00); 
	text-align: left; 
	font-size: 	1.2rem; 
	color: 		#111; 
	-webkit-box-shadow: 4px 4px 32px 0 rgba(0,0,0,0.5); 
	box-shadow: 		4px 4px 32px 0 rgba(0,0,0,0.5); 
	z-index: 			503; 
	border-radius: 		5px; 
	background-image: 	url('data:image/svg+xml;utf8,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="rgba(255,0,127,0.5)" x="0px" y="0px" width="18px" height="18px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"><circle cx="9" cy="5" r="1.5"/><path d="M11.9,8.1c-0.3-0.3-0.8-0.8-1.8-0.8c-0.2,0-1.1,0-1.9,0c-2.1,0-3.7-1.7-3.7-3.8H3c0,2.4,1.6,4.4,3.8,5v10h1.5V14h1.5v4.5 h1.5v-9l3,3l1.1-1.1L11.9,8.1z"/></svg>') !important;
	background-size:			128px; 
	background-position: 		left bottom; 
	background-repeat: 			no-repeat;	
  	animation-name: 			fadein;
  	animation-duration: 		0.45s;
	animation-timing-function:  ease;
	
}
div.close { 
	display:block;
	position: absolute; 
	top:10px; 
	right:10px; 
	text-align: center; 
	box-sizing: border-box;
	padding:4px 13px 6px 12px; 
	border-radius: 20px; 
	color:rgba(0,0,0,0); 
	background-color: rgba(73,73,73,0); 
	cursor: pointer; 
	font-weight: 100; 
	opacity:0.9; 
	width:40px; height:40px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="18px" height="18px"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') !important; 
	background-repeat: no-repeat; background-position: center; background-size: 32px;
} 
div.close:hover { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="red" width="18px" height="18px"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') !important;  }


@keyframes fadein {
  from 	{ opacity:0; background-position: -200px bottom;  }
  to 	{ opacity:1; background-position: left bottom;  }
}


p.free { display:block; float: none; color:#f2f2f2; font-size:0.8rem; letter-spacing: 0.75px; font-weight:100; padding:24px 32px; text-align: center; width:90%; max-width:360px; margin:4px auto 32px auto; }
p.free a { color:#B4B4B4; font-size:0.7rem; font-weight:lighter; letter-spacing: 1px; display: inline-block; width:90%; margin-left: 5%; position: relative; float: left; text-align: center; padding:8px; border-top: 1px solid #B4B4B4; }
p.free a:hover { color: #fff; border-top: 1px solid #fff;  }