/* Importe */
@import url(print.css);
@import url(formular.css);
@import url(navi-responsiv.css);

/* Gestaltung des Kopfbereiches mit dem Firmenlogo ("img" für Formatanpassung)*/
#company-picture {
	display: flex;
	justify-content: center;
}

img {
	max-width: 100%;
	height: auto;
}

.site-header {
	background-image: url('../images/header2.jpg');
	/*
	background-repeat: repeat-x;
	background-position: top center; */
}

/* Gestaltung der Navigationsleiste (siehe navi-inline.css; erneuert in navi-responsiv.css)*/
.site-nav {
	position: sticky; 
	box-shadow: 0 2px 6px rgba(51,51,51,0.3);
	background-color: rgb(255, 88, 88);
	color: white; 
	padding: 0.25rem 1rem;
	top: 0; 
}

.index-link {
	display: inline-flex;
}

/* Basiseinstelllungen für das HTML */
html {
	scroll-behavior: smooth;
	background-color: rgb(231, 230, 230);
}

body {
	height: 100%;
}

/* Main-Part Basiseinstellung (".inside zur Zentrierung der Inhalte")*/
.site-content {
	scroll-margin-top: 1rem;
	flex: 1;
	line-height: 1.5rem;
}

.inside {
	max-width: 980px; 
	padding: 0 1rem; 
	margin: 0 auto; 
}

/* Body-Gestaltung	(mit header-Zusatz; min-width due to the company picture)*/
body {
	/* Entscheidend für die Platzierung des Footers am Ende der Seite */
	display: flex;
	min-height: 100vh;
	flex-flow: column;

	max-width: none;
	padding: 0;
	margin: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1rem;
}

h1 { font-size: 2.5rem;}
h2 { font-size: 2rem; color: black;}
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; font-variant: small-caps; }

/* Google-Maps Bild in Kontakt.html	*/
.google-maps-picture {
	margin-top: 3rem;
}

/* Überschriften Zusatz-Gestaltung	*/
.visually-hidden { 
	position: absolute; 
	clip: rect(0, 0, 0, 0); 
  
	width: 1px; 
	height: 1px; 
	padding: 0; 
	border: 0; 
	margin: -1px; 
  
	overflow: hidden; 
} 

/* Links im Inhaltsbereich gestalten */
.site-content a[href^="http"]::after { content: " \2197"; }

.site-content a:link { color: #0b74b8; } 
.site-content a:visited { color: #1798d4; } 
.site-content a:hover, .site-content a:focus { color: #f5662e; }
.site-content a:active { color: #d90000; }

/* Gestaltung der Abschnitte in news.html */
.coronaschutzverordnung, .lokales {
	margin-top: 2rem;
}

/* Generelle Gestaltung des Fließtextes */
.content-text p{
	margin-top: 1.5rem;
}

.content-team, .content-sorglos-paket {
	margin-top: 10rem;
}

.content-beratung{
	margin-top: 20rem;
}

/* Gestaltung der Bilder auf ueber-uns, leistungen... */
.float-right {
	float: right;
	margin: 0 0 0 1.5rem;
}

/* Gestaltung der (Meta)-Navigationsleiste im Footer*/
.site-footer {
	font-size: smaller;
	text-align: right;
	background-color: rgb(255, 88, 88);
	color: white;
	padding: 0.5rem 1rem;
	margin-top: 2rem;
}

.site-footer a {
	color: black;
	text-decoration: none;
}

.meta-nav ul {
	display: flex; 
	padding: 0; 
	margin: 0; 
}
  
.meta-nav li {
	list-style: none; 
	margin-right: 0.5rem; 
}
  
.meta-nav li:last-child {
	margin-left: auto; 
	margin-right: 0; 
}