@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Tinos&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

/* =========================================
    			CSS Reset
======================================== */
*{ margin:0; padding:0; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, main, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	float:none;
}
article, aside, details, figcaption, figure, 
footer, header, main, hgroup, menu, nav, section {
	display:block;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/*--------------------------- Ende CSS Reset ---------------------------*/


/*======================================== 
				Farben 
========================================*/
:root {	
	--color1: #422002;					/* Dunkel... */
	--color2: #9f4d04;					/* Braun */
	--color2-op07: rgba(159,77,4,0.7);	/* Grün */
	--color3: #fba356;					/* Hell */
	--white: #ffffff;
	--white-op03: rgba(255,255,255,0.3);
	--white-op06: rgba(255,255,255,0.6);
	--white-op09: rgba(255,255,255,0.9);
	--black: #000000;	
	--black-op05: rgba(0,0,0,0.5);
	--black-op07: rgba(0,0,0,0.7);
	--gray: #777777;
	--gray-op05: rgba(119,119,119,0.5);
	--middleGray: #999999;
	--lightGray:#f7f7f7;
}
/*--------------------------- Ende Farben ---------------------------*/


/*======================================== 
				Grid 
========================================*/
.wrapper {
	width:100%;
	height:100%;
}
.row {
	display: block;
	width:100%;
	max-width:75rem;
	margin:auto;	
	float:none;	
	overflow-y: hidden;	
}
.row-full-screen {
	display: block;
	width:100%;
	margin:auto;	
	float:none;	
	overflow-y: hidden;
}
.col {
	float:left;
}
.row .col:last-of-type {margin-right:0.04%}
.col_1 {width:8.33%;}
.col_2 {width:16.66%;}
.col_3 {width:24.99%;}
.col_4 {width:33.32%;}
.col_5 {width:41.65%;}
.col_6 {width:49.98%;}
.col_7 {width:58.31%;}
.col_8 {width:66.64%;}
.col_9 {width:74.97%;}
.col_10 {width:83.3%;}
.col_11 {width:91.63%;}
.col_12 {width:99.96%;}
img, video, object, embed {
	height:auto;
}
@media screen and (max-width:60rem) /*960px*/{
	
}
@media screen and (max-width:37.5rem) /*600px*/{	
	.col {
		float:none;		
	}	
	.row .col:last-of-type {margin-right:0}
	.col_1, .col_2, .col_2-4, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
		width:100%;
		margin:0;
	}
}
/*--------------------------- Ende Grid ---------------------------*/


/*======================================== 
				Style 
========================================*/
body {
	margin:0;
	background-color:var(--white);
	color:var(--gray);
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	width:100%;
	font-size:1rem;
	min-width:20rem;
	/*text-align: justify;*/
	hyphens: auto;
	text-align: justify;
}
/* img */
img {
	width: 100%;
	margin: auto;
}
.float-img {
	width: 40%;
	float: left;
	margin: 0 1.5rem 0.5rem 0;
}
/* section */
section {
	padding:3rem 0;
}
section.section-one {
	padding:2rem 0 3rem 0;
}
/* hr */
hr {
	border: 1px solid var(--lightGray);
	width:99%;	
	margin:auto;
}
hr.color {
	border: 3px solid var(--color2);
	width:50px;
	margin: 0.5rem auto 1.5rem 0;
}
/* Position */
.position-link {
	position: relative;
	top:-8rem;
}
/* Helpers */
.padding-div {
	padding:1.5rem;
}
.padding-div-lr {
	padding:0 1.5rem;
}
.box-shadow {
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
/* Section - Parallax */
.parallax-section {
	position: relative; 
	width: 100%; 
	height:20rem;
	background-attachment: fixed; 
	background-size: cover; 
	-moz-background-size: cover; 
	-webkit-background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center center;
}
.parallax-section:before {
	content: "";
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right:0;
	background-image: url("/images/1920px/risse_oben.png");
	background-repeat: no-repeat;
	opacity: 1;
	z-index: 1;
}
.parallax-section:after {
	content: "";
	position: absolute;		
	top:18rem;
	left: 0;
	bottom: 0;
	right:0;
	background-image:url("/images/1920px/risse_unten.png");
	background-repeat: no-repeat;
	opacity: 1;
	z-index: 1;	
}
.parallax-index-one {		
	background-image: linear-gradient( var(--white-op03) 100%, var(--white-op03) 100%),url("/images/1920px/texture-background_1920.jpg"); 
}
/* Ende Section - Parallax */
/*--------------------------- Ende Style ---------------------------*/


/* =========================================
    			Formatierung
======================================== */
h1, h2, h3, h4 {
	font-family: 'Tinos', serif;	
}
h1 {
	font-size: 4rem;
	font-weight: 900;
	margin-bottom:1rem;
	text-transform: capitalize;
	letter-spacing: 1px;
	text-align: left;
}
/*h1 span {
	font-size: 2.5rem;
}*/
h2 {
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	text-transform: capitalize;
	text-align: left;
}
/*h2 span {
	font-size: 2rem;
}*/
h3 {
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	text-align: left;
}
h4 {
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	text-align: left;
}
p {
	line-height: 1.5;
}
i {
	width:1.2em;
	margin-right: 1rem;
	padding-top: 0.1rem;
	color:var(--middleGray);
	text-align: center;
}
a {
	color:var(--middleGray);
}
a:hover {
	color:var(--color2);
	text-decoration: none;
}
.font-bg {
	background-color: var(--gray-op05);
	padding:0.3rem 0.8rem;
	border-radius: 15px;
}
/*--------------------------- Ende Formatierung ---------------------------*/


/* =========================================
    			Header
======================================== */
header {
	position: absolute;
	top: 0;
	width: 100%;	
	z-index:999;
}
header ul.contact li {
	display: inline;
	margin-right:1.5rem;
	line-height: 3.5rem;
}
header ul.contact li a:hover {
	text-decoration: none;
}
@media screen and (max-width:37.5rem) /*600px*/{
	
}
/*--------------------------- Ende Header ---------------------------*/


/* =========================================
    			Navigation
======================================== */
/* BURGER */
.burger {
	width: 3.5rem;
	height: 3.5rem;
	position: absolute;
	top: 0.5rem;
	right: 1.5rem;
	border-radius: 6px;
	z-index: 10;
	background-color: var(--white);
}
.sticky {
	position: fixed;
	top:1.5rem;
	right:2rem;
}
.burger span{
	/*position: relative;
	margin-top: 9px;*/
	margin-bottom: 9px;
	-webkit-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -1.5px;
}
.burger span, .burger span::before, .burger span::after {
	display: block;
	width: 30px;
	height: 3px;
	background-color: var(--gray);
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.burger span::before, .burger span::after {
	position: absolute;
	content: "";
}
.burger span::before {
	top: -9px;
}
.burger span::after {
	top: 9px;
}
.burger.clicked span {
	background-color: transparent;
}
.burger.clicked span::before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before, .burger.clicked span:after {
	background-color: var(--gray);
}
.burger:hover {
	cursor: pointer;
}
@media screen and (max-width:37.5rem) /* 600px */ {
	.burger {
		top:0.5rem;
		right: 1rem;		
	}	
}
/* Navigation */
nav {
	background-color: var(--white);
	position: fixed;
	z-index: 9;
	top: 0;
	right: 0;
	height: 100%;
	max-width: 300px;
	width: 100%;
	padding: 80px 50px;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
nav.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
nav.show ul.main li {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}
nav.show ul.main li:nth-child(1) {
	transition-delay: 0.15s;
}
nav.show ul.main li:nth-child(2) {
	transition-delay: 0.3s;
}
nav.show ul.main li:nth-child(3) {
	transition-delay: 0.45s;
}
nav.show ul.main li:nth-child(4) {
	transition-delay: 0.6s;
}
nav.show ul.main li:nth-child(5) {
	transition-delay: 0.75s;
}
nav.show ul.main li:nth-child(6) {
	transition-delay: 0.9s;
}
nav ul.main {
  list-style-type: none;
}
nav ul.main li {
	margin-bottom: 20px;
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
nav ul.main li:last-of-type {
	margin-bottom: 0px;
}
nav ul.main li a {
	color: var(--gray);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2rem;
	display: block;
	letter-spacing: 5px;
	font-weight: 600;
	padding: 10px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
nav ul.main li a:hover {
	/* color: rgb(105,105,105);*/
	margin-left: 2rem;
}
nav a::before {
	content: "";
	position: absolute;
	opacity: 0;
	left: -5px;
	top: 45%;
	height: 4px;
	width: 15px;
	background: var(--color2);
	transition: all .3s;
}
nav a:hover::before {
	left: 0px;
	opacity: 1;
}
/* OVERLAY */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: var(--color3);
	opacity: 0;
	visibility: hidden;
}
.overlay.show {
	opacity: 0.5;
	visibility: visible;
}
/*--------------------------- Ende Navigation ---------------------------*/


/* =========================================
    			Carousel Slider Head
======================================== */
.carousel-inner {
	margin-top:4.5rem;
}
.carousel-inner:before {
	content: "";
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right:0;
	width: 100%;
	background-image: url("/images/1920px/risse_oben.png");
	background-repeat: no-repeat;
	opacity: 1;
	z-index: 1;
}
.carousel-inner:after {
	content: "";
	position: absolute;		
	top:38rem;
	left: 0;
	bottom: 0;
	right:0;
	background-image: url("/images/1920px/risse_unten.png");
	background-repeat: no-repeat;
	opacity: 1;
	z-index: 1;
}
.carousel-item {
	height: 40rem;
	max-height: 720px;
	color:var(--white);
	text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
	background-position: center left;	
}
.carousel-item-1 {
	background-image: url("/images/1920px/Burgschwaiger-Fleckvieh-Hof-von-aussen_1920.jpg");
}
.carousel-item-2 {
	background-image: url("/images/1920px/Burgschwaiger-Fleckvieh-Hof-BG_1920.jpg");
}
.carousel-item-3 {
	background-image: url("/images/1920px/calf-g36ad4dcd6_1920.jpg");
}
.carousel-item-unser-hof {
	background-image: url("/images/1920px/Burgschwaiger-Fleckvieh-Hof-BG_1920.jpg");
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 25%;
    left: 15%;
    z-index: 10;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: var(--white);
    text-align: left;
}
.carousel-caption p {	
	font-size:2rem; 
	font-weight:600; 	
	text-align: left;	
}
.carousel-caption p span.normal {	
	font-size:1.2rem; 
	font-weight:500;
}
.carousel-indicators {
	bottom:2rem;
}
.carousel-indicators li {
	width:40px;
	height:20px;
}
#carouselExampleIndicators .carousel-control-next, .carousel-control-prev {  
	z-index: 99;
}
#carouselExampleIndicators .carousel-control-next-icon, .carousel-control-prev-icon {    
    width: 2rem;
    height: 2rem;   
}
@media screen and (max-width:75rem) /*120px*/ {	
	.carousel-caption {
		bottom: 5%;
	}
	.carousel-caption p span {
		font-size: 1.5rem;
	}
}
@media screen and (max-width:60rem) /*960px*/ {	
	.carousel-caption {
		right: 10%;
		left: 10%;
	}
}
@media screen and (max-width:30rem) /*480px*/ {
	.carousel-caption p {	
		font-size:1rem;		
	}
	.carousel-caption p span {
		font-size: 2rem;
	}
}
/*--------------------------- Ende Carousel Slider Head ---------------------------*/


/* =========================================
    			IMG Overlay
======================================== */
.img-overlay img {
	width:100%;
	filter: grayscale(0);
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	padding:0.5rem;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.img-overlay:hover img {
	filter: grayscale(100%);
	box-shadow: none;
}
.img-overlay .middle {
	transition: .5s ease;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	width:80%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	
	text-align: center;	
}
.img-overlay:hover .middle {
	opacity: 1;
}
.img-overlay .text {
	font-family: 'Tinos', serif;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 1rem;
	background-color: var(--gray-op05);
	color: var(--white);
	border-radius:10px;
}
/*--------------------------- Ende IMG overlay ---------------------------*/


/* =========================================
    			V-Card
======================================== */
.container-fleckvieh {
	display: flex;
	align-items: center;
	margin: 0.5rem 0;
}
.content1, .content2 {
	padding: 2.5rem;	
	max-width: 350px;
}
.content2 {
	padding: 2.5rem;
	min-width: 480px;
}
.content3 {
	min-width: 150px;
	text-align: center;
}
.content3 i {
	font-size: 3rem;
}
.content3:hover i {
	color:var(--color2);
}
@media (max-width: 515px) {
	.container-fleckvieh {
		flex-direction: column;
	}
	.content1 {
		max-width: 280px;
		height: 260px;
		padding: 2rem 2rem 0.5rem 2rem;
	}
	.content2 {
		min-width: 250px;
		max-width: 100%;
		padding: 0.5rem 2rem 2rem 2rem;
	}
	.content3 {
		max-width: 100%;
		padding-bottom: 2rem;
	}
}

/* ==================== Ende V-Card  ==================== */
#baguetteBox-overlay .full-image img {
	box-shadow: none;	
}
/* =========================================
    			Baguette Lightbox
======================================== */

/* ==================== Ende Baguette Lightbox  ==================== */


/* =========================================
    			Button
======================================== */
button {
	margin-top:1.5rem;
	padding: 1rem 2rem;
	font-size: 0.8rem;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: var(--white);
	background-color: var(--color2);
	border: none;
	border-radius: 3px;
}
button:hover {
	background-color: var(--gray);
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
button i, button:hover i {
	color:var(--white);
}
/*--------------------------- Ende Button ---------------------------*/


/* =========================================
    			Login-Bereich
======================================== */
#top-header {
	line-height: 2rem;
	padding:0.2rem 0.5rem;
	background-color: var(--lightGray);
}
.loginBereich {
	padding:2rem;
	border-left: 1px solid var(--black-op05);
    border-bottom: 1px solid var(--black-op05);
}
.loginBereich p {
	margin-bottom: 0.5rem;
}
.loginBereich tr {
	margin-bottom: 0.2rem;
}
.loginBereich td {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	vertical-align:middle;
}
.loginBereich input, .loginBereich textarea, .loginBereich select {	
	padding:0.5rem;	
	margin: 0.3rem 0;
	background-color: var(--lightGray);
	width: 100%;
	border-color:transparent;
}
.loginBereich input:focus-visible, .loginBereich textarea:focus-visible, .loginBereich select:focus-visible {
	outline: var(--color2-op07) auto 1px;
}
/* =======  Breadcrumb ======= */
/* Style the list */
ul.breadcrumb {
    list-style: none;		
}
/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 1rem;
}
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {    
    content: "| ";
	padding-right:0.3rem;
}
/* Add a color to all links inside the list */
ul.breadcrumb li a {    
    text-decoration: none;
	padding:0.3rem;
}
/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    text-decoration: underline;	
}
ul.breadcrumb li a:focus {
	color:var(--color2-op07);
}
/*--------------------------- Ende Login-Bereich ---------------------------*/


/* =========================================
    			Table
======================================== */
/*table*/
.table-rwd {
	width: 100%;
	border-collapse: collapse;
}
.table-rwd thead {
	font-weight: bold;
	background: var(--light-gray);
	text-align: left;
}
.table-rwd.display {
	margin: 1em 0;
}
.table-rwd.display.right { 
	margin-left: 2rem;
}
.table-rwd.display th, .table-rwd.display td {
	border: 1px solid var(--black-op01);
	padding: .5em 1em;
}
.table-rwd.display td:last-child, .table-rwd thead th:last-child{
	text-align: center;
}
.table-rwd.display td.text-align-r {
	text-align: right;
}
@media (max-width: 30rem){
	.table-rwd thead{
		display: none; 
	}
	.table-rwd.display th, .table-rwd.display td {
		padding: .5em;
	}
	.table-rwd tr, .table-rwd td {
		display: block;
	}
	.table-rwd tr {
		position: relative;
		margin-bottom: 0.2rem;
	}
	.table-rwd td:nth-child(1),
	.table-rwd td:nth-child(2),
	.table-rwd td:nth-child(3){
		padding-left: 0.5rem;
		border-bottom: none;
	}
	.table-rwd td:nth-child(1):before,
	.table-rwd td:nth-child(2):before,
	.table-rwd td:nth-child(3):before{
		position: absolute;
		left: .5em;
		font-weight: bold;
		padding-right:5px;
		border-right: 1px solid var(--black-op01);
	}
	.table-rwd.display td:first-child {
		border-right:1px solid var(--black-op01);
	}
	.table-rwd.display td.sec-child {
		text-align: left;
		border-left: 1px solid var(--black-op01);
	}
	.table-rwd.display td:last-child {
		text-align: left;
		border-bottom: 1px solid var(--black-op01);
	}
	.table-rwd.display.right { 
		margin-left: 0;
	}
	/*.table-rwd td:nth-child(1):before{content: 'Ü1';}
	.table-rwd td:nth-child(2):before{content: 'U2';}*/
}
/*--------------------------- Ende Table ---------------------------*/


/* =========================================
    			To Top Button
======================================== */
.to-top-button {
	display: inline-block;	
	width: 3.5rem;
	height: 3.5rem;
	text-align: center;
	background-color: var(--white);
	border-radius: 6px;
	border:1px solid transparent;
	position: fixed;
	bottom: 1.5rem;
	right: 2rem;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 1;
	visibility: hidden;
	z-index: 1000;
}
header .to-top-button {	
	position: relative;
	bottom: 0;
	right: auto;	
	opacity: 1;
	visibility: visible;
	margin-top:0.5rem;
}
#to-top.to-top-button {	
	bottom: 12.6rem;
}
#tel.to-top-button {	
	bottom: 8.9rem;
}
#mail.to-top-button {	
	bottom: 5.2rem;
}
.to-top-button i {  
	font-size: 2.2rem;
	line-height: 3.2rem;
	color: var(--middleGray);
	margin:auto;
}
.to-top-button:hover {
	cursor: pointer;
	/*border:1px solid var(--gray);
	background-color: var(--color3);*/
}
.to-top-button:hover, .to-top-button:hover i {	
	transition: 0.5s;
	color: var(--color1);
}
.to-top-button:active {
	/*background-color: var(--lightGray);*/
}
.to-top-button.show {
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width:37.5rem) /* 600px */ {
	.to-top-button {		
		right: 1rem;		
	}	
}
/*--------------------------- Ende To Top Button ---------------------------*/


/* =========================================
    			Footer
======================================== */
footer ul li {
	list-style: none;
	margin-top: 1rem;
	margin-left: 2.2rem; 
 	text-indent: -1.3rem ;
}
footer ul li i {
	margin-right:0;
}
footer ul li a:hover i {
	color: var(--color2);
}
.logo-footer {
	width:70%;
}
.copyright {
	margin-top: 2rem;
}
/*--------------------------- Ende Kontakt ---------------------------*/