@charset "UTF-8";
/* CSS Document */

/* mulish-regular - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/mulish-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/mulish-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/mulish-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/mulish-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/mulish-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/mulish-v12-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-600 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/mulish-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/mulish-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/mulish-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/mulish-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/mulish-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/mulish-v12-latin-600.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/mulish-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/mulish-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/mulish-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/mulish-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/mulish-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/mulish-v12-latin-italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* exo-regular - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/exo-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/exo-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/exo-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/exo-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/exo-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/exo-v20-latin-regular.svg#Exo') format('svg'); /* Legacy iOS */
}
/* exo-500 - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/exo-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/exo-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/exo-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/exo-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('./fonts/exo-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/exo-v20-latin-500.svg#Exo') format('svg'); /* Legacy iOS */
}
/* exo-700 - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/exo-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/exo-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/exo-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/exo-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/exo-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/exo-v20-latin-700.svg#Exo') format('svg'); /* Legacy iOS */
}


	
body, html{padding:0px;margin:0px;font-weight:400;font-size:14px;font-family: 'Mulish', sans-serif;}

body{background-image: url(../img/bg_body.png);
}



a,a:hover,a:link{
	color:unset;
	text-decoration:none;
	}

#header {
    position: absolute;
    color: #000;
    top: 0px;
    font-size: 36px;
    font-weight: 400;
    /* padding: 40px; */
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 95% auto;
    background-image: url(header.png);
	background-image: url(header.svg);
    margin-top: 30px;
}
	
#footer{
	font-family: 'Exo';
	
	color:#735f53;

	font-size:16px;
	font-weight:400;
	padding:10px 40px;
	width:calc(100vw - 80px);
	}
	
.footer_image {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(footer.png);
    background-image: url(footer.svg);
    position: relative;
    /* bottom: 0px; */
    /* left: 0px; */
    width: 100vw;
    height: 400px;
    z-index: -1;
    margin-top: -400px;
}
	
#content{
	margin-top:300px;
	padding:40px 100px;
	width:calc(100vw - 200px);
	max-width:1040px;
	
	}
	
@media (min-width: 1240px){
	#content{
	margin-left:calc(50% - 620px);
	}
	}
	
	
.content_einleitung{
	text-align:center;
	position:relative;
	color:#C60;
	font-weight:600;
	margin-bottom:60px;
	}
	
.beitrag_container, .single_container {
    width: 100%;
    border: solid 1px #735f53;
    position: relative;
    margin: 0 40px;
    width: calc(100% - 80px);
    min-height: 200px;
    margin-bottom: 50px;
	background-color: rgba(254,250,248,.9);
}
	
.beitrag_bild{
	position:relative;
	width:20%;
	height:200px;
	float:left;
	
	}
	
	
	
	
.beitrag_bild img{
	width:100%;
	max-height:200px;
	max-width:100%;
	}
	
.beitrag_inhalt{
	position:relative;
	width:calc(80% - 40px);
	height:170px;
	padding:15px 20px;
	float:left;
	
	}
	
.single_inhalt{
	position:relative;
	width:calc(100% - 40px);
	padding:15px 20px;

	background-color: rgba(254,250,248,.9);
	}
	
.single_inhalt img{
	max-width:100%;
	}
	
.beitrag_headline, .single_headline{
	position:relative;
	font-weight:400;
	color:#913722;
	width:100%;
	font-size:24px;
	font-family: 'Exo';
	}
	
.beitrag_public, .single_public{
	font-size:12px;
	font-weight:600;
	margin-bottom:20px;
	}
	
.beitrag_art, .single_art{
	position:absolute;
	display:inline-block;
	right:0px;
	top:0px;
	padding:10px 20px;
	font-weight:600;
	color:#fff;
	text-transform:uppercase;
	z-index:2;
	font-family: 'Exo';
	}
	
	
	.single_art{

	right:0px;

	}
	
.beitrag_art_video{
	background-color:#497b43;
	}
	
	.beitrag_art_blog{
	background-color:#913722;
	}
	
	.beitrag_art_bild{
	background-color:#735f53;
	}
	
.beitrag_text, .single_text{
	position:relative;
	margin-bottom:20px;
	}
	
.beitrag_more{
	display:inline-block;
	padding:5px 10px;
	background-color:#913722;
	font-weight:600;
	color:#fff;
	}
	
.content_after{
	text-align:center;
	width:100%;
	}
	
.content_more{
	display:inline-block;
	padding:10px 20px;
	font-weight:600;
	color:#913722;
	cursor:pointer;
	}
	
.impressum_button, .impressum_close{
	cursor:pointer;
	}
	
#impressum{
	position:fixed;
	top:100vh;
	width:calc(100vw - 50px);
	padding:25px;
	height:calc(100vh - 50px);
	overflow:scroll;
	background-color: rgba(254,250,248,.9);
	
	z-index:99;
	}
	
	.impressum_active{
		top:0vh !important;
		transition:all ease 1s;
		}
	
#impressum strong{
	color:#913722;
	font-size:16px;
	font-family: 'Exo';
	}
	
#cookie{
	position:fixed;
	bottom:30px;
	width:200px;
	border: solid 1px #735f53;
	padding:10px;
	left:100vw;
	
	background-color: rgba(254,250,248,.9);
	
	z-index:999;
	}

.cookie_aktiv{
	left:calc(100vw - 222px) !important;
	transition:left ease 1s;
	}
	
.accept_cookie{
	display:inline-block;
	padding:5px 10px;
	background-color:#913722;
	font-weight:600;
	color:#fff;
	margin:10px;
	cursor:pointer;
	}
	
	
@media (max-width: 768px){
	
	
	#content {
    padding: 40px 20px;
    width: calc(100vw - 40px);
    max-width: 1040px;
	margin-top:20px;
}

.beitrag_container, .single_container {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0px;
    /* width: calc(100% - 20px); */
	margin:0;
    min-height: 200px;
    margin-bottom: 20px;
    height: auto;
}

.beitrag_inhalt {
    position: relative;
    width: calc(75% - 20px);
    height: auto;
    padding: 10px 10px;
    float: left;

}

.beitrag_headline, .single_headline {
    font-size: 18px;
}

.beitrag_art{
    position: absolute;
    display: inline-block;
    top: 60px;
    left: 0px;
    padding: 10px 0px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    z-index: 2;
    float: left;
    width: 20%;
    text-align: center;
}

.beitrag_bild {
    position: relative;
    width: 20%;
    height: 60px;
    margin-right: 5%;
    float: left;
}


.single_art {
    position: absolute;
    display: inline-block;
    top: 0px;
    right: 0px;
    padding: 10px 0px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    z-index: 2;
    float: left;
    width: 20%;
    text-align: center;
}


#header {
    position: absolute;
    color: #000;
    top: 0px;
    font-size: 36px;
    font-weight: 400;
    /* padding: 40px; */
    width: 100vw;
    height: 800px;
    text-align: center;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 130% auto;
    background-image: url(header.png);
    background-image: url(header.svg);
    margin-top: 20px;
}


.footer_image {

    background-size: 400% auto;

}

	}