@import url("icons.css");

* {
	margin:0px;
	padding:0px;
	color:inherit;
	font-size:inherit;
	line-height:inherit;
	text-decoration:inherit;
	text-align:inherit;
	outline:none;
	cursor:inherit;
	font-weight:inherit;
}
noscript div {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:9999999;
	width:100%;
	height:100%;
	background-color:rgba(20,30,40,0.95);
	background-image:url(img/bgPattern_stripes.png);
	color:rgb(255,0,0);
	display:block;
	text-align:center;
}
noscript div h1 {
	padding-top:25%;
	font-size:69px;
}
a, button, input[type=submit], .link {
	cursor:pointer;
}
.active {
	/*cursor:default;*/
}
html {
	height:100.1%;
}
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:left;
	cursor:default;
}
table {
	border-collapse:collapse;
}
.phpError {
	background-color:rgb(210,220,230);
	font-size:12px;
	line-height:15px;
	font-family:"Courier New", Courier, monospace;
	margin:5px 0px 5px 0px;
	padding:5px;
}
.warnung {
	color:rgb(250,70,60);
}
.error {
	color:rgb(250,70,60) !important;
}
#dev {
    max-width:15px;
    max-height:15px;
    transition: max-width 0.6s ease-out 0s, max-height 0.6s ease-out 0s;
    overflow:hidden;
	position:fixed;
	top:10px;
	left:10px;
	background-color:rgba(255,255,255,0.9);
	padding:5px;
	border-radius:8px;
	box-shadow:4px 4px 18px rgba(0,0,0,0.1);
	z-index:999999;
	/*display:none;*/
}
#dev:hover {
    transition: max-width 0.2s ease-out 0s, max-height 0.2s ease-out 0s;
    max-width:calc(100vw - 20px);
    max-height:calc(100vh - 20px);
    overflow:auto;
}
#dev a {
	padding-right:5px;
}
#dev pre {
	font-size:12px;
}
#dev .info {
	margin-bottom:2px;
	margin-left:-5px;
	margin-right:-5px;
}
#dev .info h3 {
	cursor:pointer;
	font-weight:bold;
	background-color:rgb(64,0,0);
	color:rgb(255,255,255);
	padding-left:10px;
}
#dev .info:hover h3 {
	background-color:rgb(192,0,0);
	color:rgb(255,255,0);
}
#dev .info pre{
	display:none;
	width:900px;
	height:400px;
	overflow:scroll;
	background-image:url(img/bgPattern_stripes_dev.png);
	padding:10px;
}
#jsInfo {
	position:fixed;
	top:10px;
	right:10px;
	border:1px solid rgb(192,0,0);
	background-color:rgba(255,255,255,0.5);
	padding:2px;
}
#jsInfo:empty {
    display:none;
}
.hidden {
	display:none;
}
strong {
	font-weight:bold;
}
.hidden {
	display:none;
}
.px0 {
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
}

.pseudo {
	opacity:0.5;
	margin-right:10px;
}
#hinweispfeil {
	width:9px;
	height:17px;
	display:inline-block;
	background-image:url(img/pfeil.png);
	position:absolute;
	top:0px;
	left:-20px;
}
input[name=license].formError ~ .acceptTheRules {
	color:rgb(192,0,0);
}

input[name=gutschein].accepted {
	border-color:rgb(106,176,35) !important;
	background-color:rgba(106,176,35,0.5) !important;
}

input[name=gutschein].rejected {
	border-color:rgb(192,0,0) !important;
	background-color:rgba(255,0,0,0.5) !important;
}

/* 2021 Update */
.toggle {
	cursor: pointer;
}
.toggle:not(.active) + .subject {
	display:none;
}
.popupWindow {
	text-align: left;
	display: block;
	position: fixed;
	width: 50%;
	top: 50%;
	left: 50%;
	background-color: #f7cf85fa;
	padding: 1cm;
	transform: translate(-50%,-50%);
	z-index: 99;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3), 20px 20px 15px rgba(0,0,0,0.15);
}
.popupWindow p.nomargin {
	margin:0 !important;
}
.popupWindow > .close {
	position: absolute;
	top:0.5cm;
	right:0.5cm;
	cursor: pointer;
}

#aktion {
	--clr1: rgb(25,150,43);
}
#aktion .sticker {
	width:180px;
	height:180px;
	border-radius: 100%;
	box-shadow: 2px 5px 10px rgba(0,0,0,0.3), 10px 20px 15px rgba(0,0,0,0.15);
	transform:rotate(-20deg);
}
#aktion a {
	color:rgb(0,96,192);
	text-decoration: none !important;
}
#aktion .button {
	background-color:var(--clr1);
	color:white;
	padding:5px 10px;
	font-size:12px;
	line-height: 12px;
	border-radius: 12px;
	transition:all 0.1s ease-out 0s;
	cursor:pointer;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.25);
}
#aktion .bubble {
	font-size: 30px;
    line-height: 20px;
    font-family: serif;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 5px;
    border-radius: 100%;
}
#aktion .button:hover {
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
div.flex {
	display: flex;
    gap: 20px;
    padding-right: 30px;
}
div.flex > div {
	flex: 1 1 33%;
}
div.flex > div.center {
	text-align: center;
}
#content #aktion h2 {
	font-weight: bold;
}
#aktion h2 > span {
	color:var(--clr1);
}
#content #aktion p {
	font-size: 13px;
	line-height: 22px;
}
#content #aktion p {
	margin:0 0 20px 0;
}
#aktion .zBuy.button.used {
	pointer-events: none;
	opacity:0.6;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	cursor:not-allowed;
	transform:scale(0,0);
}