@font-face{
	font-family:"Calibri";
	src:url("/static/fonts/calibri/3a9dc726-d61e-48d0-86ba-9548f35b5625.woff2") format("woff2"),url("/static/fonts/calibri/de3d8ed1-44f0-4110-88aa-6b53605d358a.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}
@font-face{
	font-family:"Calibri";
	src:url("/static/fonts/calibri/69c5e23e-021d-4d52-9d91-f62549dc6e8d.woff2") format("woff2"),url("/static/fonts/calibri/2d5985d0-8eb1-4383-b1b0-e0db16176bca.woff") format("woff");
	font-weight: 300;
	font-style: italic;
}
@font-face{
	font-family:"Calibri";
	src:url("/static/fonts/calibri/dbcfebeb-81b6-4dd3-912a-c4fc1bb8b8dc.woff2") format("woff2"),url("/static/fonts/calibri/e7769402-c907-4b00-b07b-719187adf68a.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family:"Calibri";
	src:url("/static/fonts/calibri/26c0c791-7655-4a93-aef4-6b74468b9110.woff2") format("woff2"),url("/static/fonts/calibri/7fa85951-bffd-4220-88c2-a992f7113b7c.woff") format("woff");
	font-weight: 400;
	font-style: italic;
}
@font-face{
	font-family:"Calibri";
	src:url("/static/fonts/calibri/3ca076a2-34ad-4c48-a029-02536a509f22.woff2") format("woff2"),url("/static/fonts/calibri/bc67b9af-646e-4b42-854e-ff3981151dea.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}
@font-face{
	font-family:"Calibri";
	src:url("/static/fonts/calibri/20632d9d-996b-47b9-b6ce-66a0ab8bb163.woff2") format("woff2"),url("/static/fonts/calibri/5248d13c-abdd-4ee8-a2c3-3cc9c8d380fd.woff") format("woff");
	font-weight: 700;
	font-style: italic;
}

*{
	outline:none;
	margin:0;
	padding:0;
	border:none;
	box-sizing:border-box;
}

html {
    overflow-y: scroll;
}

#background{
	width:30%;
	height:100vh;
	background-image:url("/static/img/paerchen.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	position:fixed;
	left:0;
	top:0;
	z-index:50;
}

#content{
	position:absolute;
	top:0;
	right:0;
	width:70%;
	z-index:100;
	box-shadow:0 0 25px rgba(0,0,0,0.5);
	min-height:100vh;
	padding:50px 120px 25px;
	font-family:'Calibri';
	font-weight:300;
	color:#1D1D1B;
}

.editmode #content{
	top:45px;
}

#wrapper{
	display:flex;
	flex-direction:column;
}

header{
	display:flex;
	align-items:flex-end;
	margin-bottom:60px;
}

#logo{
	width:250px;
	padding-bottom:50px;
	flex-shrink:0;
}

#logo img{
	width:100%;
	height:auto;
}

#middle{
	display:flex;
	align-items: flex-start;
}

.menu ul{
	display:flex;
	list-style-type:none;
}

.menu ul li{
	margin-right:25px;
	margin-bottom:0px;
}

.menu ul li:last-of-type{
	margin-right:0px;
}

.menu ul li a{
	font-weight:300;
	color:#1D1D1B;
	text-decoration:none;
	text-transform: lowercase;
	font-size:18px;
}

.menu ul li a.aktiv{
	color:#849D2B;
}

.menu ul li a:hover{
	text-decoration:underline;
}

nav ul:first-of-type{
	border-bottom:1px solid #849D2B;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

nav ul:first-of-type li a{
	font-weight:700;
}

.menuIcon{
	display:none;
}


/* CONTENT */
h1{
	font-size:50px;
	line-height:120%;
	margin-bottom:40px;
}

h1 em{
	font-style:normal;
	font-weight:300;
}

.weber h1{
	font-size:38px;
}

p, li{
	font-size:18px;
	line-height:140%;
	margin-bottom:12px;
}

p strong, li strong{
	font-weight:600;
}

h2{
	margin-bottom:10px;
	margin-top:35px;
}

h3{
	margin-top:20px;
	margin-bottom:10px;
}

.contentelement ul{
	margin:5px 0 12px;
}

.contentelement li{
	margin-bottom:8px;
	position:relative;
	list-style-type:none;
	padding-left:14px;
}

.contentelement li::before{
	content:"";
	display:block;
	width:5px;
	height:5px;
	border:1px solid #1D1D1B;
	position:absolute;
	left:0;
	top:10px;
	border-radius:2px;
}

.datenschutz .contentelement li::before{
	display:none;
}

p:last-of-type{
	margin-bottom:0px;
}

a{
	color: #849D2B;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

nav, 
#spalteLinks{
	width:100%;
	max-width:600px;
	margin-right:80px;
}

#spalteLinks{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


/* Rechte Spalte */

#spalteRechts{
	width:250px;
	flex-shrink:0;
}

#spalteRechts .contentelement{
	padding-left:10px;
	border-left:1px solid #849D2B;
}

#spalteRechts .contentbild{
	width:100%;
}

#spalteRechts .contentbild img{
	width:100%;
	height:auto;
}

#spalteRechts .contentelement p{
	font-size:16px;
}

#cmsHead{
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 500;
}

.contentelement{
	width:100%;
	margin-bottom:25px;
}

.contentelement.keinAbstand{
	margin-bottom:0px;
}

.contentelement.kachel{
	padding:20px;
	width:calc(50% - 20px);
	border:1px solid #849D2B;
	text-align:center;
	display: flex;
	flex-direction:column;
	align-items:center;
	justify-content: flex-start;
	border-radius:10px;
	position:relative;
	padding-bottom:60px;
}

.contentelement.kachel h2{
	margin-top:0;
	margin-bottom:4px;
	text-align:center;
	width:100%;
	display:block;
}

.contentelement.kachel p{
	text-align:center;
}

.contentelement.kachel p:last-of-type{
	align-self: flex-end;
	border-top:1px solid #849D2B;
	width:calc(100% - 40px);
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	height:50px;
	position:absolute;
	left:20px;
	bottom:0;
}

.contentdownload{
	width:calc(50% - 20px);
	margin-top:15px;
	margin-bottom:20px;
}

.downloadicon{
	display:flex;
}

.downloadicon .icon{
	display:block;
	width:50px;
	height:50px;
	background:url("/static/img/pdf-icon.png") no-repeat;
	background-size:50px 50px;
	color:black;
	flex-shrink:0;
}

.downloadicon .bu{
	border-left:1px solid #849D2B;
	margin-left:10px;
	padding-left:10px;
}

.siegel{
	display:flex;
	align-items:flex-start;
	width:calc(50% - 20px);
	margin-top:15px;
	margin-bottom:20px;
}

.siegel img{
	width:50px;
	height:auto;
	flex-shrink:0;
}

.siegel .bu{
	border-left:1px solid #849D2B;
	margin-left:10px;
	padding-left:10px;
}

footer{
	width:100%;
	border-top:1px solid #849D2B;
	padding-top:20px;
	display:flex;
	margin-top:50px;
}

footer p{
	width:100%;
	max-width:600px;
	margin-right:80px;
	font-weight:700;
	text-transform:lowercase;
}

@media screen and (max-width:1600px){
	
	#background{
		width:25%;
	}
	
	#content{
		width:75%;
		padding:35px 75px 25px
	}
}

@media screen and (max-width:1280px){
	
	#background{
		width:20%;
	}
	
	#content{
		width:80%;
		padding:35px 60px 25px;
	}
	
	h1{
		font-size:40px;
		margin-bottom: 25px;
	}
	
	footer{
		flex-direction:column;
		align-items:flex-start;
		margin-top: 30px;
	}
	
	nav, #spalteLinks{
		margin-right:50px;
	}
	
	footer p{
		margin-bottom:5px !important;
	}
}

@media screen and (max-width:1120px){
	
	#background{
		display:none;
	}
	
	#content{
		width:100%;
		padding:35px 60px 25px
	}
	
	.contentdownload,
	.siegel,
	.contentelement.kachel{
		width: calc(50% - 10px);
	}
	
}

@media screen and (max-width:880px){
	
	#content{
		padding:35px 40px 25px;
	}
	
	header{
		margin-bottom:40px;
		flex-direction:column-reverse;
	}
	
	#logo{
		align-self:center;
	}
	
	nav{
		align-self:flex-start;
	}
	
	.contentdownload,
	.siegel,
	.contentelement.kachel{
		width: 100%;
	}
}

@media screen and (max-width:720px){
	
	#middle{
		flex-direction:column;
		align-items:flex-start;
	}
	
	#spalteRechts{
		width:100%;
	}
	
	#spalteRechts .contentelement{
		border-left:none;
		padding-left:0;
	}
	
	#spalteRechts .contentelement p{
		font-size:18px;
	}
}

@media screen and (max-width:580px){
	
	#content{
		padding:25px 20px 20px;
	}
	
	nav{
		border-left: 1px solid #849D2B;
		padding-left: 10px;
	}
	
	.menu ul{
		flex-direction:column;
		align-items:flex-start;
	}
	
	.menu ul li{
		margin:2px 0 2px;
	}
	
	#logo{
		padding-bottom:25px;
	}
	
	nav ul:first-of-type{
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	.contentelement.kachel{
		width: 100%;
	}
	
	h1{
		font-size: 30px;
		margin-bottom: 15px;
	}
	
	h2{
		margin-top:20px;
	}
	
	.contentelement{
		margin-bottom:20px;
	}
}