:root {
  --darkred: rgba(104, 0, 0, 1);
  --transdarkred: rgba(104, 0, 0, 0.8);
  --lightred: #ff0000;
  --red: #9a0000;
  --red-menu:rgba(154, 0, 0, 0.9);
  --yellow: #fefad3;
--yellow-bg: rgba(254, 250, 211, 0.8);
--red-bg:rgba(154, 0, 0, 0.2);
  --main-bg-color-08: rgba(31, 31, 122, 0.6);
  --main-bg-color-95: rgba(31, 31, 122, 0.95);
}
*{
	font: sans-serif;
	
	
}
::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
}
body{
	margin: 0;
	padding: 0;
	font-family: Roboto,sans-serif;
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;
	box-sizing: border-box;
	position: relative;
}
@media screen and (max-width: 300px){
	body{
zoom: 0.7;
}

}
.headerbg{
	width:100%;
	height: 51px;
	position: fixed;
	top: 0;
	left: 0;
	background: var(--red);
	z-index: 99;
	border-bottom: 4px solid var(--lightred);
}
.menubg{
	position: fixed;
	top: 54px;
	right: 0;
	width: 0;
	height: 0;
	background: var(--red-menu);
	z-index: 10;
	overflow: hidden;
	transition: 0.2s;
	opacity: 0;
	max-height: calc(100% - 55px);
	backdrop-filter: blur(2px);
	
}

.workbg{
	height: 100%!important;
	width: 100%!important;
	position: relative;
}

.menulinkbg{
	width: 100%;
	max-width: 450px;
	height: 75px;
	background:var(--yellow-bg);
	position: relative;
	display: flex;
	margin-top: 25px;
	
}
.menulinkbg:hover{
	cursor: pointer;
}
.menulinkbg:hover .menulinktxt{
	padding-left: 30px;
	min-width: calc(100% - 105px);
}
.menulinktxt{
	transition: 0.2s;
	min-width: calc(100% - 95px);
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 20px;
	font-weight: 400;
	font-size: 110%;

}

.safebg{
	width:90%;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.menuprint{
	transition: 0.3s;
	position: fixed;
	bottom: 0;
	right: 0;
	height: 200px;
	width: 100px;
	z-index: -2;
	transition-delay: 0.2s;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 700%;
	color: var(--yellow-bg);
}
.menulinktxt{

}
.menulinkico{
	font-weight: 400;
	font-size: 110%;
	min-width: 75px;
	height: 100%;
	display: flex;
	align-items: center;
	
	justify-content: center;
}
.offsetborder{
	position: absolute;
	top: 15px;
	left: 15px;
	width: calc(100% - 19px);
	height: calc(100% - 19px);
	border: 4px solid var(--darkred);
	z-index: -1;
}
.websitebg{
	width: 100%;
	height: calc(100% - 55px);
	margin-top: 55px;
}
.menubtnbg{
	position: absolute;
	top: 0;
	right: 0;
	height: 51px;
	width: 51px;
	color: var(--red);
	z-index: 99999;
}
.headanchor{
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	position: relative;
}
.content{
	width: 100%;
}
.logobg{
	width: 100px;
	height: 75px;
	background: var(--darkred);
	position: absolute;
	border: 4px solid var(--lightred);
	top: 0;
	left: 10px;
		display: flex;
	align-items: center;
	justify-content: center;
}
.logoimg{
	height: 90%;
	width: 90%;
	border-radius: 5px;
			background-image: url(../img/logo.png);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.contentanchor{
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 45px;
	padding-bottom: 35px;
}
.contentanchor2{
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 45px;
	padding-bottom: 35px;
}
.contentanchor3{
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 45px;
	padding-bottom: 35px;
}
.contentanchor4{
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 45px;
	padding-bottom: 35px;
}
.mehrbtnpos{
	margin-top: 35px;
}
.paddbottom{
	padding-bottom: 65px;
}
.mehrbtn{
	padding: 15px;
	background: var(--darkred);
	color: white;
	cursor: pointer;
}
.mehrbtn:hover{
	background: var(--transdarkred);

}
.secontent > div{
	width: 100%;
}
.sitetitle{
	width: calc(100% - 169px);
	margin-right: 51px;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
	height: 100%;
	font-weight: 400;
	    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
.titletest{
	width: calc(90% - 70px);
	margin-left: auto;
	margin-right: auto;
	padding: 35px;
	background: var(--yellow-bg);
	margin-bottom: 35px;
	position: relative;
}
.redtitletxt{
	color: var(--red);
	font-weight: 500;
	font-size: 110%;
}
.print{
	position: absolute;
	bottom: 35px;
	right: 35px;
	font-size: 900%;
	color: var(--red);
	text-align: center;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.print2{
	position: absolute;
	top: 15px;
	left: 15px;
	width: calc(100% - 19px);
	height: calc(100% - 19px);
	font-size: 900%;
	border: 4px solid var(--darkred);
	text-align: center;
	z-index: -1;
	display: flex;
}
.txtpos1{
	margin-top: 4px;
}
.floatingfooter{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 45px;
	background: var(--red);
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	text-align: center;
	
}
.nodec{
	text-decoration: none;
	color: white;
}
.footer{
	
	width: 100%;
	background: var(--red);
	padding-bottom: 55px;
}
.footeranchor{
	margin-left:auto;
	margin-right: auto;
	width: calc(100% - 70px);
	max-width: 1024px;
	padding: 35px;
	color: white;
}
.fterlogobg{
	width: 100%;
}
.fterlogoimg{
	width: 150px;
	height: 120px;
				background-image: url(../img/logo.png);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: auto;
	margin-right: auto;
}
.ftertitlename{
	text-align: center;
	margin-top: 25px;
}
.fterlinks{
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
		display: flex;
	align-items: center;
	justify-content: center;
}
.fterlinks > div:nth-child(1){
	margin-right: 5px;
}
.fterlinks > div:nth-child(2){
	margin-left: 5px;
}
.bockcopy{
	text-align: center;
	margin-top: 35px;
}
.titleplaceholder{
	width: calc(100% - 70px);
	padding: 35px;
	background: var(--red);
	color: white;
	font-size: 110%;
	font-weight: 500;
	text-align: center;
}
.flexcontent{
	
}
.eingerückt{
	margin-left: 25px;
}
.leftlinered{
	display: none;
}
.bockMuster{
	height: 5px;
	width: 5px;
	border: 1px solid black;
	background: var(--lightred);
	transform: rotate(45deg);
	margin-left: 8px;
	margin-right: 8px;
}
.bockMustertitle{
		height: 5px;
	width: 5px;
	border: 1px solid black;
	background: var(--lightred);
	transform: rotate(45deg);
	margin-left: 8px;
	margin-right: 8px;
}
.bockMusterNeu{
	width: 5px!important;
	height: 5px!important;
	border: 1px solid black;
	background: var(--lightred);
	transform: rotate(45deg);
	margin-top: 4px;
	margin-right: 5px;
}

.bild1{
				background-image: url(../img/cafe_dosen.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 170px;
	height: 130px;


}
.bild2{
				background-image: url(../img/cafe_pflanzen.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 170px;
	height: 130px;

}
.bild3{
				background-image: url(../img/cafe_stadt.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 170px;
	height: 130px;

}
.bild4{
				background-image: url(../img/cafe_wasserfall.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 170px;
	height: 130px;

}
.zweibilder1txt > div:nth-child(1),
.zweibilder1txt2 > div:nth-child(1){
		margin-bottom: 15px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
}
.zweibilder1txt,
.zweibilder1txt2{
	margin-bottom:15px;
}
.impusw{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.menulinkbg:nth-child(1){
	margin-top: 45px;
}
.hiddenlink{
	display: none!important;
}
.link3sectitle{
	font-weight: 600;
	display: flex;
	margin-left: 15px;
}
.link3table{
	margin-bottom: 25px;
}
.deskpostable{
	margin-left: 15px;
}
.firstc{
	margin-left: 15px; display: flex;
}
.trennlinie{
	background: var(--darkred);
	height: 1px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 35px;
}
.zusatztxt{
	margin-top: 35px;
}
.redlink{
	text-decoration: none;
	color: var(--darkred);
}
.link4class{
	margin-top: 15px;
}
.fattxt{
	font-weight: 600;
}
iframe{
	border: none; width:100%; height: 705px;  margin:0;
}
.fa-phone, .fa-print{
	color: var(--darkred);
	margin-right: 5px;
}
.impbg a, .datbg a, .menuimp, .menudat{
	cursor:pointer;
}
.menuimp{
	margin-right: 3px;
}
.menudat{
	margin-left: 3px;
}
@media screen and (max-width: 350px){

}
@media screen and (max-width: 450px){
	.bockMustertitle{
		min-height: 5px;
	min-width: 5px;
	border: 1px solid black;
	background: var(--lightred);
	transform: rotate(45deg);
}
.sitetitle{
	font-size: 70%;
}
.floatingfooter{
	font-size: 70%;
	
		zoom: 0.8;
}
.workbg{
	zoom: 0.7!important;

}
.safebg{height: calc(100% - 55px);}
}
@media screen and (max-height: 770px){
	.workbg{
		overflow-y: scroll;
	}
	.safebg{height: calc(100% - 55px);}
}
@media screen and (min-height: 500px){
	.workbg{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media screen and (min-width: 600px){
	.link3table{
		display: flex;
	}
	.deskpostable{
		margin-left: 5px;
	}
	.firstc{
		min-width: 180px!important;
	}
}
@media screen and (min-width: 800px){
	.flexindesk{
		display: flex;
		
	}
	.flexindesk > div{
		width: 50%;
	}
		.zweibilder1txt{
		display:flex;
		clear: both;
	}
	.zweibilder1txt > div:nth-child(1){
		min-width: 30%;
		
	}
	.zweibilder1txt > div:nth-child(2){
		min-width: 70%;
		
	}
	.zweibilder1txt2 > div:nth-child(1){
		float: right;
		width: 30%;
	}
}
@media screen and (min-height: 925px){
	.safebg{
		margin-top: 40px;
	}
}
@media screen and (min-width:980px){


.headerbg{
		height: 96px;
	}
	.websitebg{
		width: 100%;
		height: calc(100% - 100px);
		margin-top: 100px;
	}
	.menubg{
	top: 100px;
	max-height: calc(100% - 100px);
	}
	.menubtnbg{
	position: absolute;
	top: calc(50% - 42.5px);
	right: 0;
	height: 85px;
	width: 85px;
	
	}
	.logobg{
	width: 200px;
	height: 150px;
	}
	.contentanchor, .contentanchor3{
	padding-top: 85px;
	}
	.row{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	}
	.sitetitle{
	font-size: 150%;
}
label.hamburg { 
   display: block;
  width: 65px!important; height: 65px!important; 
   position: relative;
   margin-left: auto; margin-right: auto;
   border-radius: 4px;
margin-top: -3px!important;
cursor: pointer;

}
input#hamburg{
	display: none;
}
.smallpadding{
	height: 100%;
	width: 100%;
}
.line { 
   position: absolute; 
   height: 6px!important; width: 60px!important; 
   border-radius: 2px;
   display: block; 
   transition:all 0.2s; 
   transform-origin: center;
   background: white;
   margin-top: 13px!important;
    margin-left: 2px;
}

.line:nth-child(1) { top: 3px!important; transform: rotateY(90deg);}
.line:nth-child(2) { top: 16px!important; }
.line:nth-child(3) { top: 29px!important; transform: rotateY(90deg);}

.hamburger-active .line:nth-child(1){
	transform: translateY(12.5px) rotate(-45deg)!important;
	background: red;
}
.hamburger-active .line:nth-child(3){
	transform: translateY(-12.5px) rotate(45deg)!important;
	background: red;
}
.hamburger-active .line:nth-child(2){
opacity: 0;
}
.contentanchor2{
	width: calc(100% - 170px);
	max-width: 1024px;
	padding-left: 85px;
	padding-right: 85px;
}
}
.row{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
label.hamburg { 
   display: block;
  width: 30px; height: 30px; 
   position: relative;
   margin-left: auto; margin-right: auto;
   border-radius: 4px;
   margin-top: -3px;
cursor: pointer;
}
input#hamburg{
	display: none;
}
.smallpadding{
	height: 100%;
	width: 100%;
}
.line { 
   position: absolute; 
   height: 3px; width: 30px; 
   border-radius: 2px;
   display: block; 
   transition:all 0.2s; 
   transform-origin: center;
   background: white;
}

.line:nth-child(1) { top: 8px; transform: rotateY(180deg);}
.line:nth-child(2) { top: 16px; }
.line:nth-child(3) { top: 24px; transform: rotateY(180deg);}

.hamburger-active .line:nth-child(1){
	transform: translateY(8px) rotate(-45deg);
	background: red;
}
.hamburger-active .line:nth-child(3){
	transform: translateY(-8px) rotate(45deg);
	background: red;
}
.hamburger-active .line:nth-child(2){
opacity: 0;
}


.cookie-banner {
  position: fixed;
  bottom: 65px;
  left: 10%;
  right: 10%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--red);
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  color: white;
}
.cschließen {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
  float: right;
}


@media screen and (min-width:1024px){
	/* width */
::-webkit-scrollbar {
	width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
	width: 4px;
	background: var(--red);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--red);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--darkred);
}
	.leftlinered{
		display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	z-index: 999;
	background: var(--red);
}
}