@font-face {
    font-family: 'Selima';
    src: url('../fonts/Selima.eot');
    src: url('../fonts/Selima.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Selima.woff2') format('woff2'),
        url('../fonts/Selima.woff') format('woff'),
        url('../fonts/Selima.ttf') format('truetype'),
        url('../fonts/Selima.svg#Selima') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
	font-size: 21px;
	line-height: 30px;
	color: #8c8277;
	margin: 0px;
	padding: 0px;
	font-weight: 500;
	font-family: 'Exo', sans-serif;
}

h1 , h2 , h3 , h4 , h5 , h6{
	margin: 0 0 15px 0;
	padding: 0px;
	color: #f87348;
}

h1 span , h2 span , h3 span , h4 span , h5 span , h6 span{
	font-weight: 300;
}

h1{

}

h2{
	font-size: 50px;
	line-height: 50px;
}

h3{
	font-size: 30px;
	line-height: 37px;	
	font-weight: 700;
}

h4{
	
}

h5{
	
}

h6{
	
}

p{
	margin: 0 0 15px 0;
}

ul , ol{
	margin: 0 0 20px 15px;
	padding: 0px;
}

ul li , ol li{

}

a , a:hover , a:focus , a:visited , input , textarea , img , button{
	outline: none !important;
	text-decoration: none !important;
}

img{
	max-width: 100%;
}

.banner-part{
	height: 100vh;
	width: 100%;
	position: relative;
}

.banner-bg{
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.header-part{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 67px 143px;
}

.logo{
	max-width: 330px;
	text-align: right;
	position: relative;
	z-index: 99;
}

.logo a{
	color: #ffffff;
	font-size: 50px;
	line-height: 50px;
	font-weight: 700;
}

.logo a span{
	display: block;
	font-weight: 300;
}

body.banner-bg:before{
	position: absolute;
	left: 0px;
	top: 0px;
	background: #000000;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.40;
	content: "";
}

body.banner-bg {
	position: relative;
}

.banner-col{
	position: relative;
	z-index: 22;
	height: 100%;
}

.banner-col .row{
	margin: 0px;
}

.banner-col .col-xs-12{
	padding: 0px;
}

.space-both-side{
	padding: 288px 113px 60px 113px;
}

.banner-left-col , .banner-right-col{
	height: 100%;
	text-align: center;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.banner-left-col h2 , .banner-right-col h2{
	margin: 0px;
}

.banner-left-col:hover , .banner-right-col:hover{
	background: rgba(0, 0, 0, 0.40);
}

.link-round-next{
	width: 200px;
	height: 200px;
	display: inline-block;
	background: #f87348;;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	color: #ffffff !important;
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
	position: relative;
	text-align: left;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.link-round-next:hover{
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
}

.link-round-next span{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
	padding: 25px 28px;
}

.banner-title {
	margin-bottom: 44px;
	text-align: left;
	display: inline-block;
	width: auto;
}

.banner-title h2 span{
	display: block;
	font-family: 'Exo', sans-serif;
	font-weight: 300;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: -10px;
}

.banner-title h2{
	color: #ffffff;
	font-family: 'Selima';
	font-size: 130px;
	line-height: 130px;
}

.link-round-next i {
	font-size: 50px;
	vertical-align: middle;
	position: absolute;
	right: 25px;
	top: 18px;
}

.link-round-middle{
	text-align: center;
}

.footer-part{
	position: absolute;
	bottom: 25px;
	left: 0px;
	padding: 0 173px 23px 173px;
	z-index: 23;
	width: 100%;
}

.popup-open.popup-open-third .footer-part{
	opacity: 0;
}

.footer-inner{
	display: flex;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}

.footer-left{
	margin-right: auto;
}

.footer-inner ul , .footer-inner li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.footer-inner li{
	display: inline-block;
	width: auto;
}

.footer-left{
	margin-right: auto;
}

.footer-left li{
	margin-right: 25px;
}

.footer-left li:last-child{
	margin-right: 0px;
}

.footer-left li a{
	font-weight: 700;
	color: #f87348;
}

.footer-left li:hover a{
	color: #fff;
}

.footer-right li a{
	font-weight: 300;
	color: #fff;
	cursor: initial;
}

.footer-right li a:after{
	content: "|";
	margin: 0 5px 0 13px;
}

.footer-right li:last-child a:after{
	display: none;
}

strong , b{
	font-weight: 700;
}

.banner-popup{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.90);
	z-index: 999;
	padding: 66px 0px 66px 0px;
	display: none;
	overflow-y: auto;
}

.banner-popup .banner-popup-title{
	padding-left: 143px;
	padding-right: 143px;
	padding-right: 50px;
	padding-right: 40px;
	display: flex;
}

.close-pop{
	margin-left: auto;
	cursor: pointer;
}

.banner-popup.open{
	display: block;
}

.banner-popup .logo a span{
	color: #8c8277;
}

.banner-popup .logo a{
	color: #f87348;
}

.popup-open .banner-part{
	z-index: 999;
}

.banner-popup .banner-title h2{
	color: #f87348;	
}

.banner-popup .banner-title{
	margin-top: 72px;
	margin-bottom: 15px;
}

.banner-info-inside{
	text-align: left;
	padding: 0 12% 0 24%;
}

.banner-info-inside h3{
	color: #8c8277;
	margin: 0px;
}

.banner-info-inside p{
	margin: 0px;
}

.banner-gallery-inside{
	text-align: left;
	padding: 0 0 0 24%;
	display: inline-block;
	width: 100%;
	position: relative;
}

.banner-gallery-wrap{
	position: relative;
	margin-top: 60px;
}

.banner-gallery-blog strong{
	font-size: 16px;
	line-height: 16px;
	margin-right: 13px;
	vertical-align: top;
	font-weight: 500;
}

.banner-gallery-row-1 , .banner-gallery-row-3 {
	justify-content: flex-end;
}

.banner-gallery-row-2 {
	width: 100%;
	float: left;
}

.banner-gallery-row-3 {
	width: 100%;
	float: right;
}

.banner-gallery-row-3 .banner-gallery-blog strong{
	vertical-align: bottom;
}

.banner-gallery-row{
	display: flex;
}

.banner-gallery-row.banner-gallery-row-2 {
	margin-top: -102px;
	justify-content: flex-end;
}

.banner-gallery-row.banner-gallery-row-3 {
	margin-top: -89px;
}

.banner-gallery-row.banner-gallery-row-3 {
	margin-top: -89px;
	width: 100%;
}

.popup-open .hide-on-popup{
	opacity: 0;
	visibility: hidden;
}

.popup-open .header-part .logo{
	visibility: hidden;
	opacity: 0;
}

.popup-open.popup-open-second .header-part .logo{
	visibility: visible;
	opacity: 100;
}

.banner-gallery-blog.text-right.banner-gallery-second {
	margin-right: 303px;
}

.banner-gallery-blog {
	display: flex;
	white-space: nowrap;
	justify-content: right;
	position: relative;
}

.banner-gallery-blog.text-right.banner-gallery-third , .banner-gallery-blog.text-right.banner-gallery-second {
	align-items: flex-end;
}

.banner-gallery-row .link-round-next {
	position: absolute;
	left: -20px;
	top: -100px;
}

.banner-gallery-row-4{
	display: none;
}

.close-pop{
	float: right;
	font-size: 69.45px;
	line-height: 50px;
	margin-top: -10px;
	margin-top: -12px;
}

.full-pop{
	position: fixed;
	z-index: 999;
}

.full-pop .banner-info-wrap{
	padding: 0 105px;
}

.full-pop .banner-info-wrap .banner-info-inside{
	padding: 0px 70px;
}

.full-pop .banner-info-wrap .banner-info-inside h3{
	margin-bottom: 15px;
}

.banner-row-wrap-info{
	margin-bottom: 37px;
}

.banner-row-wrap-info:last-child{
	margin-bottom: 0px;
}

#daten-pop p,
#impressum-pop p {
  margin-bottom: 10px;
}
#daten-pop h2,
#impressum-pop h2 {
 margin-bottom: 20px;
 color: #8c8277;
}
#daten-pop h3,
#impressum-pop h3 {
 margin-top: 30px;
}
#daten-pop .banner-title h2,
#impressum-pop .banner-title h2{
	color: #f87348 !important;
}