/* Normale Einstellungen */
* {
	box-sizing: border-box;
}

/* Laden des Fonts */
@font-face {
	font-family: "SnowCaps";
	src: url('/fonts/SnowCaps.woff2') format('woff'),
		 url('/fonts/SnowCaps.woff') format('woff'),
		 url('/fonts/SnowCaps.ttf') format('ttf');
}

/* Ganze Seite */
body, html {
	width: 99%;
	left: 2px;
	min-height: 100%;
	font-family: arial,sans-serif;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	background-color: ghostwhite;
	background-attachment: fixed;
	color: black;
}

/* Hintergrund für Überschrift */
th {
	background-color:gainsboro;
}

input::placeholder,
textarea::placeholder {
    font-size: 0.6rem;
	font-style: italic;
}

/* Bildschirmbereiche */
.full {
	position: static;
	width: 99%;
	min-height: 100%;
	margin-top: 3px;
    margin-left: 2px;
    margin-right: 0;
	margin-bottom: 0;
	background-color: ghostwhite;
    float: left;
}
.kopf {
	position: fixed;
	width: 100%;
	height: 132px;
	top: 0;
	left: 0;
	background-color: ghostwhite;
}
.home {
	position: static;
	width: 100%;
	padding-top: 132px;
}

/* hinterlegte Links */
a:link {
	color: navy;
	text-decoration: none;
}
a:visited {
	color: navy;
	text-decoration: none;
}
a:hover {
	color: navy;
	text-decoration: underline;
}
a:active {
	color: navy;
	text-decoration: none;
}

/* Flex-Box Adresse */
.flex10 {
    display: flex;
    width: 100%;
	margin-top: auto;
	margin-bottom: auto;
}
.fix10 {
    width: 15px;
    flex-shrink: 0; /* Verhindert, dass das Element schrumpft */
	margin-top: auto;
	margin-bottom: auto;
}
.rest10 {
    flex-grow: 1; /* Füllt den restlichen Platz aus */
}

.contgb {
    display: flex;
	align-items: center;
	justify-content: center;
}
.itemgb {
	align-items: center;
	justify-content: center;
}

/* Captcha */
.gbcaprahmen {
	width: 90px;
	height: 20px;
	padding: 0px;
	background-image: repeating-linear-gradient(190deg, linen 0%, gold 2%, mintcream 3%, tomato 4%, linen 5%);
	border: 1px solid darkgrey;
	border-spacing: 0px;
	border-radius: 2px;
}

/* Gästebuch */
.gbfeld {
	background-color: oldlace; /* floralwhite */
	color: black; 
	border: 1px outset midnightblue;
	border-spacing: 0px;
	border-radius: 2px;
}
.gbber {
	background-color: oldlace; /* transparent */
	color: black; 
	border: 1px outset midnightblue;
	border-spacing: 0px;
	border-radius: 2px;
}

/* Paarung gegen eigene Person */
.lpaar {
	height: 10px;
	justify-content: center;
	align-items: center;
	background-color: grey;
	background-image: repeating-linear-gradient(135deg, grey, white, black 5%);
}