@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');

	html, body{
		margin: 0;
		padding: 0;
		color: #828282;
		font-family: Segoe UI;
		width: 100%;
		height: 100%;
	}

	*{
		box-sizing: border-box;
	}

.wrapper_paralax{
	position: absolute;
    height: 400px;
    width: 100%;
    z-index: -1;
}

.background {
  background: url(natur5klein.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  background-position: bottom;
  transition: 0s linear;
  transition-property: background-position;
  width: 100%;
  height: 240%;
  top: 0;
  left: 0;
  z-index: -1
}


	.meldung{
		width: 100%;
		z-index: 9999;
		height: 5px;
		position: fixed;
		display: none;
	}

	header{
		background-color: #544532;
		position: relative;
	}

	.pad_header{
		padding-bottom: 20px;
	}

	header .logo{
		padding: 20px 20px 0;
		width: 400px;
	}

	header .telefon{
		transition: all ease .5s;
		border-radius: 8px 0 0 8px;
		width: 228px;
		padding: 20px;
		background: #544532;
		position: fixed;
		right: -193px;
		top: 200px;
		z-index: 1000;
		box-sizing: initial;

	}

	header .telefon img{
		vertical-align: middle;
		margin-right: 20px;
		height: 35px;
		width: 35px;
	}

	header .nummer{
		color: #fff;
		vertical-align: middle;
		font-size: 20px;
		font-weight: bold;
		margin-left: 5px;
	}

	header .oben_telefon{
		position: absolute;
		top: 0;
		padding: 10px;
		border-radius: 12px;
		margin-top: 20px;
		right: 200px;
		display : flex;
		align-items : center;
		background-color: #9C7D7D;
	}

	header .oben_telefon img{
		width: 80px;
		float: left;
		border-radius: 50%;
		border: 2px solid #fff;
	}

	header .oben_telefon .hotline_wrapper{
		vertical-align: middle;
		color: #fff;
		float: left;
		margin-left: 10px;
		text-align: center;
	}

	nav{
		text-align: center;
	}

	nav ul{
		margin: 0;
	}

	nav ul li{
		transition: color ease .5s;
		display: inline-block;
		color: #fff;
		margin: 20px;
	}

	nav ul li:hover{
		cursor: pointer;
		color: #FFD39A;
	}

	.hotl{
		font-style: italic;
		font-weight: bold;
		font-size: 18px;
		color: #FFD39A;
	}

	.numb{
		font-weight: bold;
		display: inline-block;
		-webkit-animation: rumble 6s infinite linear;
		-moz-animation: rumble 6s infinite linear;
		-o-animation: rumble 6s infinite linear;
		animation: rumble 6s infinite linear;

		-webkit-animation-delay: 2s;
		-moz-animation-delay: 2s;
		-o-animation-delay: 2s;
		animation-delay: 2s;
	}

	.numb.numb2{
		-webkit-animation-delay: 5s;
		-moz-animation-delay: 5s;
		-o-animation-delay: 5s;
		animation-delay: 5s;
	}


	@keyframes rumble {
		0% 
		{
			transform: rotate(-1deg);
			-webkit-transform: rotate(-1deg);
		}
		1% 
		{
			transform: rotate(3deg);
			-webkit-transform: rotate(3deg);
		}
		2% 
		{
			transform:  rotate(-2deg);
			-webkit-transform:  rotate(-2deg);
		}
		3% 
		{
			transform: rotate(4deg);
			-webkit-transform: rotate(4deg);
		}
		4% 
		{
			transform:  rotate(-2deg);
			-webkit-transform:  rotate(-2deg);
		}
		5% 
		{
			transform: rotate(4deg);
			-webkit-transform: rotate(4deg);
		}
		6% 
		{
			transform:  rotate(-2deg);
			-webkit-transform:  rotate(-2deg);
		}
		7% 
		{
			transform: rotate(4deg);
			-webkit-transform: rotate(4deg);
		}
		8% 
		{
			transform:  rotate(-2deg);
			-webkit-transform:  rotate(-2deg);
		}
		9% 
		{
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
		}

		100% 
		{
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
		}

	}

	.whatel{
		font-style: italic;
		font-size: 14px;
	}

	.whats{
		display: none;
		height: 43px;
		width: 43px;
		position: fixed;
		bottom: 0;
	}

	.whats img{
		height: 43px;
		width: 43px;
	}

	header a{
		text-decoration: none;
	}

	.hide{
		visibility: hidden;
	}

	h1{
		margin: 40px 0 40px 10%;
		color: #544532;
	}

	.formular_wrapper{
		overflow: hidden;
		background-image: url(wohnwagen.jpeg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.formular{
		border: 5px solid #544532;
		border-radius: 8px;
		min-width: 630px;
		width: 40%;
		padding: 20px;
		background-color: #9C7D7D;
		margin: 0 0 40px 10%;
		display: table;
	}

	.formular h3{
		text-align: center;
		color: #FFF;
	}

	.formular h2{
		text-align: center;
		color: #fff;
		margin-top: 0;
	}

	.formular input, .formular select, .formular textarea{
		width: 60%;
		box-sizing: border-box;
		margin: 20px auto;
		display: block;
		padding: 10px;
		font-family: Segoe UI;
	}

	.formular_halb{
		width: 50%;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.formular_halb input, .formular_halb select, .formular_halb textarea{
		width: 80%;
	}

	.formular input.senden{
		transition: all ease .5s;
		width: 60%;
		margin: 25px auto;
		border: none;
		background-color: #544532;
		color: #fff;
		border: 3px solid #FFF; 
	}

	.formular input.senden:hover, .nach_oben:hover{
		cursor: pointer;
		background-color: #BBAAAA;
	}

	select:hover{
		cursor: pointer;
	}

	select:disabled:hover,
	select[disabled]:hover{
		cursor: not-allowed;
	}

	input:disabled:hover,
	input[disabled]:hover{
		cursor: not-allowed;
	}

	textarea:disabled:hover,
	textarea[disabled]:hover{
		cursor: not-allowed;
	}

	.beschreibung_wrapper{
		overflow: hidden;
		background-color: #BBAAAA;
	}

	.beschreibung_kleiner{
		border-radius: 8px;
		border: 5px solid #544532;
		color: #fff;
		width: 50%;
		padding: 20px;
		background-color: #9C7D7D;
		min-width: 630px;
		overflow: hidden;
		margin: 40px auto;
	}

	.beschreibung_kleiner h2, .beschreibung_kleiner h4, .beschreibung_kleiner p{
		text-align: center;
	}

	.section_img{
		width: 100%;
		height: 300px;
		-moz-box-shadow:    inset 0 0 10px #000000;
		-webkit-box-shadow: inset 0 0 10px #000000;
		box-shadow:         inset 0 0 10px #000000; 
		padding: 20px 0;
	}


	.ueberschrift{
		text-align: center;
	}

	.ueber_wrapper{
		padding-top: 40px;
		width: 100%;
		background-color: #BBAAAA;
	}

	.ueber_beide{
		width: 60%;
		overflow: hidden;
		margin: 0 auto;
	}

	.ueber_kasten{
		border-radius: 8px;
		border: 5px solid #544532;
		box-sizing: border-box;
		color: #fff;
	}

	.ueberschrift h2{
		width: 200px;
		padding-bottom: 10px;
		margin-top: 0;
		color: #fff;
		display: inline-block;
		border-bottom: 8px solid #544532;
		border-radius: 8px;
	}

	.ueber_links{
		padding: 40px;
		width: 55%;
		min-width: 450px;
		float: left;
		background-color: #9C7D7D;
	}

	.ueber_rechts{
		margin-top: -20px;
		padding-bottom: 30%;
		width: 55%;
		background: url(wohnmobil.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		float: right;
	}

	.ueber_rechts p{
		visibility: hidden;
	}

	.ueber_rechts h2{
		visibility: hidden;
	}

	table{
		margin: 0 auto;
		color: #fff;
	}

	table img{
		width: 50px;
		padding-right: 20px;
	}

	.trenner{
		padding-top: 40px;
			overflow: hidden;
			text-align: center;
			background-color: #BBAAAA;
		}

		.trenner:before, 
		.trenner:after {
			border-radius: 8px;
			background-color: #fff;
			content: "";
			display: inline-block;
			height: 5px;
			position: relative;
			vertical-align: middle;
			width: 50%;
		}

		.rund{
			margin: 20px auto 0;
			vertical-align: middle;
			background: #9C7D7D; 
			border: 5px solid #fff;
			height: 140px;
			width: 140px;
			border-radius: 50%;
			display: inline-flex;
    align-items: center;
    justify-content: center;
		}

		.rund img{
			width: 100px;
		}

		.trenner:before {
			right: 0.5em;
			margin-left: -40%;
		}
		.trenner:after {
			left: 0.5em;
			margin-right: -40%;
		}

		.bieten_wrapper{
			width: 50%;
			min-width: 630px;
			overflow: hidden;
			margin: 40px auto;
			background-color: #BBAAAA;
		}

		.wrapper_ober{
			width: 100%;
			overflow: hidden;
			background-color: #BBAAAA;
		}

		.bieten_wrapper h2{
			text-align: center;
		}

		.bieten_wrapper ul li{
			list-style: none;
			margin-bottom: 10px;
		}

		.bieten_wrapper li::before {
			content: "• ";
			color: #FF9102;
			font-size: 21px;
		}

		footer{
			width: 100%;
			background-color: #544532;
		}

		.reihe{
			width: 33.333%;
			padding: 10px;
			float: left;
		}

		.reihe ul{
			padding-left: 0;
		}

		.reihe ul li{
			list-style: none;
		}

		.reihe ul li:before{
			 content: "\f105";
    font-family: FontAwesome;
    		color: #FFD39A;
    		margin-right: 7px;
		}

		/*.ablauf_wrapper{
			width: 80%;
			min-width: 630px;
			overflow: hidden;
			margin: 0 auto;
			border-top: 3px solid #FF9102;
			background-color: #BBAAAA;
		}

		.ablauf_wrapper h4{
			text-align: center;
		}

		.ablauf_wrapper .schritt{
			width: 25%;
			float: left;
			box-sizing: border-box;
			padding: 10px;
		}

		.ablauf_wrapper .schritt .nummer{
			text-align: center;
			font-family: Garamond;
			font-size: 50px;
			margin-top: 20px;
			color: #0084BC;
		}*/

		.nach_oben{
			transition: all ease .5s;
			width: 50%;
			min-width: 600px;
			margin: 0 auto;
			text-align: center;
			padding: 10px;
			background-color: #FF9102;
			border: 3px solid #FF9102; 
			color: #fff;
		}

		#unsichtbar{
			display: none;
		}

		.formular_halb #select_box{
			width: 50%;
			float: left;
		}

		#select_box_wrapper{
			overflow: hidden;
		}

		.formular_message{
			color: #fff;
			text-align: center;
		}

		.formular_message a{
			color: #FF9102;
			font-weight: bold;
		}

		.bewertungen_wrapper{
			width: 70%;
			min-width: 600px;
			overflow: hidden;
			margin: 0px auto;
			background-color: #BBAAAA;
		}

		.bewertung{
			margin: 0 auto;
			width: 25%;
		}

		.testimonial{
			margin: 0 20px 40px;
		}
		.testimonial .testimonial-content{
			padding: 35px;
			margin-bottom: 35px;
			background: #9C7D7D;
			border-top: 8px solid #544532;
			position: relative;
			border-radius: 11px;
		}
		/*.testimonial .testimonial-content:after{
			content: "";
			display: inline-block;
			width: 20px;
			height: 20px;
			background: #fff;
			position: absolute;
			bottom: -10px;
			left: 22px;
			transform: rotate(45deg);
		}*/

		.testimonial .description{
			font-size: 15px;
			font-style: italic;
			color: #fff;
			line-height: 23px;
			margin: 0;
		}

		.testimonial .title{
			display: block;
			text-align: right;
			font-size: 18px;
			font-weight: 700;
			color: #FFF;
			text-transform: capitalize;
			letter-spacing: 1px;
			margin-bottom: 0;
		}

		.testimonial .title:before{
			content: "- ";
		}

		.owl-carousel{
			z-index: 0;
		}

		.owl-theme .owl-controls .owl-page {
			display: inline-block;
		}
		.owl-theme .owl-controls .owl-page span {
			background: none repeat scroll 0 0 #869791;
			border-radius: 20px;
			display: block;
			height: 12px;
			margin: 5px 7px;
			opacity: 0.5;
			width: 12px;
		}

		.links_wrapper{
			width: 50%;
			min-width: 630px;
			margin: 0 auto;
			text-align: center;
			color: #fff;
		}

		.links_wrapper a{
			color: #fff;
			padding: 0 10px;

		}

		.impressum_wrapper{
			width: 50%;
			min-width: 600px;
			margin: 0 auto;
		}

		footer p{
			text-align: center;
			color: white;
		}

		footer div{
			padding: 10px 0;
		}

		footer a{
			text-decoration: none;
		}

		/* Outer */
		.popup {
			width:100%;
			height:100%;
			display:none;
			position:fixed;
			top:0px;
			left:0px;
			background:rgba(0,0,0,0.75);
		}

		/* Inner */
		.popup-inner {
			max-width:700px;
			width:80%;
			padding:40px;
			position:absolute;
			text-align: center;
			top:50%;
			left:50%;
			-webkit-transform:translate(-50%, -50%);
			transform:translate(-50%, -50%);
			border: 5px solid #fff;
			border-radius: 3px;
			background: #9C7D7D;
			color: #fff;
		}

		.popup-inner h2{
			margin-top: 0;
		}

		/* Close Button */
		.popup-close {
			box-sizing: initial;
			cursor: pointer;
			width:34px;
			height:30px;
			padding-top:4px;
			display:inline-block;
			position:absolute;
			top:0px;
			right:0px;
			transition:ease 0.25s all;
			-webkit-transform:translate(50%, -50%);
			transform:translate(50%, -50%);
			border-radius:1000px;
			font-size:20px;
			text-align:center;
			line-height:100%;
			background-color: #9C7D7D;
			color:#fff;
			border: 3px solid #fff;
		}

		.popup-close:hover {
			-webkit-transform:translate(50%, -50%) rotate(180deg);
			transform:translate(50%, -50%) rotate(180deg);
			text-decoration:none;
		}

		.popup-angebot{
			transition: all ease .5s;
			font-size: 17px;
			margin-top: 40px;
			padding: 20px;
			background-color: #544532;
			color: #fff;
			border: 3px solid #FFF;
		}

		.popup-angebot:hover{
			cursor: pointer;
			background-color: #BBAAAA;
		}

		@media only screen and (max-width: 1100px) {

			header .oben_telefon{
				right: 10px;
			}
		}

		@media only screen and (max-width: 900px) {

			.ueber_beide{
				width: 90%;
			}

			.formular{
				margin: 0 auto 40px;
			}

			.formular_halb{
				margin-top: 40px;
			}
		}

		@media only screen and (max-width: 680px) {

			.background{
				height: 1200px;
			}

			.pad_header{
				padding-bottom: 0;
			}

			header .logo{
				width: 280px;
				display: block;
				padding: 10px;
				margin: 0 auto;
			}

			header .telefon{
				padding: 4px 0;
				width: calc(100% - 43px);
				width: -moz-calc(100% - 43px);
				width: -webkit-calc(100% - 43px);
				width: -o-calc(100% - 43px);

				right: 0;
				border-radius: 0;
				text-align: center;
				top: inherit;
				bottom: 0;
			}

			header .oben_telefon, header nav{
				display: none;
			}

			header .telefon .nummer{
				display: inline-block;
				-webkit-animation: rumble 6s infinite linear;
				-moz-animation: rumble 6s infinite linear;
				-o-animation: rumble 6s infinite linear;
				animation-delay: rumble 6s infinite linear;

				-webkit-animation-delay: 2s;
				-moz-animation-delay: 2s;
				-o-animation-delay: 2s;
				animation-delay: 2s;
			}	

			.whats{
				display: block; 
			}

			.ablauf_wrapper{
				width: 80%;
				min-width: 0;
			}

			.ablauf_wrapper .schritt{
				width: 100%;
				margin: 0 auto;
				float: none;
			}

			.wrapper_paralax{
				height: 600px;
			}

			.ablauf_wrapper .schritt .nummer{
				margin: 10px 0;
			}

			.bieten_wrapper{
				width: 80%;
				min-width: 0;
			}


			.bieten_wrapper ul{
				padding: 0;
				margin: 0 auto;
			}

			.ueber_kleiner{
				width: 100%;
			}

			.ueber_links{
				width: 100%;
				min-width: 0;
			}

			.ueber_rechts{
				display: none;
			}

			.nach_oben{
				min-width: 0;
				width: 80%;
			}

			.formular{
				min-width: 0;
				width: 90%;
				margin: 20px auto;
			}

			.beschreibung_kleiner{
				min-width: 0;
				width: 90%;
			}

			.reihe{
				width: 100%;
				float: none;
				margin: 0 auto;
			}

			.bewertungen_wrapper{
				width: 90%;
				min-width: 0;
			}
			.impressum_wrapper{
				width: 90%;
				min-width: 0;
			}

			.formular input, .formular select, .formular textarea{
				width: 100%;
			}


			.formular_halb #select_box{
				width: 100%;
				float: none;
				margin: 0 auto;
			}

			.formular input.senden{
				width: 100%;
			}

			.links_wrapper{
				width: 90%;
				min-width: 0;
			}

			footer{
				margin-bottom: 42px;
				padding: 5px 0;
			}

			footer div{
				padding: 0;
			}

		}

		@media only screen and (min-width: 679px) {
			header .telefon:hover{
				right: 0;
			}
		}



		@media only screen and (min-width: 1000px) {

			@media screen and (orientation:portrait) { 
		 		.background{
		 			height: 1000px;
		 		}
		 	}

		 }

		 /* =========================
   Stadt-Linkliste unten
========================= */
.city-links {
  max-width: 1100px;
  margin: 30px auto;
  padding: 0 15px;
}

.city-links h3 {
  text-align: center;
  margin-bottom: 12px;
}

.city-links__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.city-links__list li a {
  text-decoration: none;
  white-space: nowrap;
}
/* Stadt-Linkliste mit Icons */
.city-links__list li a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 6px;
  text-decoration: none;
  color: #5b4632;
  font-size: 14px;
  background: rgba(0,0,0,0.03);
}

.city-links__list li a:hover {
  background: rgba(0,0,0,0.08);
}

.city-icon {
  font-size: 14px;
  opacity: 0.8;
}
/* Stadt-Linkliste mit Icons (funktioniert für __list UND _list) */
.city-links__list,
.city-links_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.city-links__list li,
.city-links_list li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.city-links__list li a,
.city-links_list li a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 6px;
  text-decoration: none;
  color: #5b4632;
  font-size: 14px;
  background: rgba(0,0,0,0.03);
}

.city-links__list li a:hover,
.city-links_list li a:hover {
  background: rgba(0,0,0,0.08);
  text-decoration: none;
}
.city-links__list li a {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
header .oben_telefon {
  position: fixed;
  top: 20px;
  right: 30px;
  z-index: 9999;
}

header .oben_telefon .hotline_wrapper {
  float: none;
  width: 230px;          /* größer */
  padding: 12px 14px;    /* mehr Luft */
  text-align: left;
  border-radius: 10px;
  background: rgbargb(157 125 126); /* dein aktueller Look */
  box-shadow: 0 4px 120px rgba(0,0,0,0.25);
}
@media (max-width: 768px) {
  header .oben_telefon {
    display: none;
  }
}
/* LOGO als "Ei" + Hintergrundfarbe wie Webseite */
header .logo{
  display: block;
    width: 325px;
    height: 219px;
    padding: 0px;
    box-sizing
Specifies the behavior of the 'width' and 'height' properties.

Widely available across major browsers (Baseline since January 2018)
Learn more

Don't show
: border-box;
    background: #282828;
    border-radius: 60% / 45%;
    object-fit: contain;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.icon-item span {
  font-size: 26px;
  line-height: 1;
}
@media (max-width: 768px) {
  .header-icons {
    margin-bottom: 10px;
  }
}
.icon-item:hover {
  transform: translateY(-2px);
  transition: 0.2s ease;
}
header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

/* Logo links nicht zu breit */
header .logo {
  max-height: 90px;
  width: auto;
}

/* Icons in der Mitte */
.header-icons {
  flex: 1;
  display: flex;
  justify-content: center;
  gap: 26px;
  align-items: center;
  margin: 0;            /* wichtig: kein margin-top */
}

/* Jeder Icon-Block */
.icon-item {
  text-align: center;
}

.icon-item span {
  font-size: 26px;
  line-height: 1;
  display: block;
}

.icon-item small {
  display: block;
  font-size: 12px;
  color: #fff;
  opacity: 0.9;
  margin-top: 4px;
  white-space: nowrap;
}

/* Hotline rechts fix */
.oben_telefon {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Mobile: Icons untereinander / umbrechen */
@media (max-width: 900px) {
  header {
    flex-wrap: wrap;
  }
  .header-icons {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    gap: 14px;
  }
}
.icon-item small {
  font-family: "Montserrat", "Arial Narrow", Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.9;
}
/* Desktop: 4 Icons (Standard) */
.header-icons .icon-item { display: block; }

/* Tablet: nur 3 Icons */
@media (max-width: 900px) {
  .header-icons .icon-item:nth-child(4) { display: none; }
}

/* Handy: nur 2 Icons (die wichtigsten) */
@media (max-width: 520px) {
  .header-icons .icon-item:nth-child(3) { display: none; }
}
/* MOBIL: Logo zentrieren */
@media (max-width: 768px) {

  header {
    justify-content: center;
    text-align: center;
  }

  header > a {
    margin: 0 auto;
    display: block;
  }

  .oben_telefon {
    width: 100%;
    justify-content: center;
    margin-top: 8px;
  }

  .header-icons {
    order: 3;
    width: 100%;
    justify-content: center;
  }
}
.whats {
  position: fixed;
  right: 16px;
  bottom: 90px;
  z-index: 9999;
}

.whats img {
  width: 56px;
  height: auto;
}
.telefonbar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 10px 12px;
  background: rgba(70,55,40,0.95);
}

.telbtn{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.telbtn img{ width: 26px; }

.wabtn img{ width: 42px; }

/* Platz für die feste Leiste */
body{ padding-bottom: 80px; }
/* NOTFALL: WhatsApp-Bild darf NIE riesig werden */
.wabtn img,
.whats img {
  width: 42px !important;
  height: auto !important;
  max-width: 42px !important;
  display: block !important;
}
/* ===== Telefon-Leiste NUR mobil ===== */
.telefonbar {
  display: none;
}

@media (max-width: 768px) {
  .telefonbar {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 10px 12px;
    background: rgba(70,55,40,0.95);
  }

  body {
    padding-bottom: 90px;
  }
}
.impressum-nav { margin: 15px 0; }
.impressum-nav a { text-decoration: none; font-weight: 600; }
.impressum-nav{
  position: sticky;
  top: 10px;
  z-index: 9999;
  padding: 8px 0;
}
.site-footer{
  background: #4b3b2b;      /* passend zu deinem Braun */
  padding: 14px 12px;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,.12);
}

.footer-link{
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 10px;
  background: rgba(255,255,255,.10);
}

.footer-link:hover{
  background: rgba(255,255,255,.18);
}