:root{
    --background-color: #A20000;
    --darker-background-color: #8E0000;
    --accent-color: #DE0000;
    --text-color: #C9AC61;
    --navbar-height: 80px;
}

/************************************************HTML************************************************/
*{
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-color);
}
html{
    height: 100%;
}
body{
    height: 100%;
	background-color: #f7f4ee;
}
h1{
	font-size:clamp(2rem,6vw,70px);
	padding-bottom: 50px;
}
h2{
	font-size: 22px;
	padding-bottom: 10px;
	font-weight: bold;
}
/************************************************HTML************************************************/

/************************************************BACKTOTOP************************************************/
.backtotop{
	width:80px;
	height:80px;
	border-radius:70%;
	position:fixed;
	bottom:25px;
	right:25px;
	display:none;
	background-color:var(--background-color);
	cursor:pointer;
}
.backtotop:hover{
	transform:scale(1.1);
}
.arrow{
	border-top:5px solid var(--text-color);
	border-right:5px solid var(--text-color);
	width:30px;
	height:30px;
	transform:translate(22.5px,30px) rotate(-45deg);
}
.sichtbar{
	display:block;
	animation:show 1s forwards;
}
@keyframes show{
	0%{opacity:0;}
	100%{opacity:1;}
}
/************************************************BACKTOTOP************************************************/

/************************************************HINTERGRUND************************************************/
body{
    margin: 0;
    min-height: 100vh;
    background-color: #f7f4ee;
    position: relative;
}

/* Erste Spur */
body::before{
    content: "";
    position: fixed;

    top: -20%;
    left: 5%;

    width: 120px;
    height: 160%;

    background-image: url("../icon/paw.png");
    background-size: 80px;
    background-repeat: repeat-y;

    opacity: 0.10;

    transform: rotate(-35deg);

    pointer-events: none;
    z-index: -1;
}

/* Zweite Spur */
body::after{
    content: "";
    position: fixed;

    top: -20%;
    right: 5%;

    width: 120px;
    height: 160%;

    background-image: url("../icon/paw.png");
    background-size: 80px;
    background-repeat: repeat-y;

    opacity: 0.06;

    transform: rotate(25deg);

    pointer-events: none;
    z-index: -1;
}
/************************************************HINTERGRUND************************************************/