@charset "utf-8";

.subtitle {
	display: none;
}

#section-willkommen {
	height: 100vh;	
	background-repeat: no-repeat;  
	background-size: cover;
	background-position-x: right;
}

#section-willkommen h1 {
	display: none; /* fadeIn by main.js */
	position: relative;
	float: left;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 400;
	color: white;
	text-align: center;
}

#section-quellen {
	display: none;
}

.spruch {
	display: none; /* fadeIn by main.js */
	position: absolute;
	bottom: 5vh;
	right: 5vw;
	color: white;
	text-align: right;
	font-weight: 400;
	line-height: 120%;
}

.section-header, .page-header {
	background-color: var(--cid-color);
	color: white;
}

.step-container {
	margin-bottom: 3vw;
	width: 100%;
}

h4 {
	font-weight: 500;
}

a {
	text-decoration: none;
	color: var(--cid-color);
}

a:hover {
	text-decoration: underline;
}

.column-img > img {
	display: block;
	height: auto;
	border: thin solid #aaa;
}

table {
	border: thin solid grey;
}

.table-col-img {
	width: 20vw;
}

.table-col-name {
	width: 36vw;
}

.table-col-author {
	width: 9vw;
}

.table-col-src {
	width: 20vw;
}

th, td {
	text-align: left;
	padding: 1vw;
}

th {
	border: none;
	color: white;
	font-weight: 400;
	background-color: var(--cid-color);
	vertical-align: middle;
}

td {
	border-top: thin solid grey;
	background-color: white;
	vertical-align: top;
}

td>a>img {
	width: 20vw;
	height: auto;
}

.block-day, .block-contacttype, .block-contact {
	display: inline-block;
	text-align: left;
}

.block-time {
	display: inline-block;
	text-align: center;
}

#klient_nachricht {
	resize: vertical;
}

#klient_disclaimer {
	line-height: 125%;
}

.nachlese-nachricht {
	border: solid thin grey;
	background-color: #f8f8f8;
}

.captcha-container-outer {
	display: flex;
	justify-content: center;
}

.captcha-container-inner {
	display: grid;
	grid-template-columns: repeat(4, 5vw);
}

.captcha-element, .captcha-element.active {
	border-style: solid;
	border-color: #eee;
	cursor: pointer;
}

.captcha-element.active {
	border-color: var(--cid-color);
}

.captcha-element>img {
	display: blocK;
	border: none;
	width: 100%;
	height: auto;
}

.webdesignby {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.hamburger {
	background-color: rgba(0,0,0,0.5);
}

.menu-overlay {
	height: var(--bgh);
	background-repeat: no-repeat;  
	background-size: cover;
	background-position-x: right;
}

.menu-overlay-content {
	background-color: rgba(255,255,255,0.75);
}

.qr-overlay {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99;
}

.qr-overlay {
	background-color: rgba(15,15,15,0.5);
	backdrop-filter: blur(6px);
}

.qr-overlay > img
{	
	position: absolute;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.clearer {
	clear: both;
/*	margin: 0;
	width: 100%;
	padding: 0;
	height: 0.1%; */
}