@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Mark W01 Bold';
  src: url('../../font/webfonts/5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix');
  src: url('../../font/webfonts/5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix') format('eot'), url('../../font/webfonts/5423411/41c8162d-c2a6-49b0-8139-8bebab187588.woff2') format('woff2'), url('../../font/webfonts/5423411/4fe94f2e-7892-4785-9663-0350a7adf8c0.woff') format('woff'), url('../../font/webfonts/5423411/3a7daddb-0a78-4734-a699-6fe08d0e8b99.ttf') format('truetype');
}
@font-face {
  font-family: 'Mark W01 Regular';
  src: url('../../font/webfonts/5423483/230b3c63-b497-421b-ae7d-182024bef8ac.eot?#iefix');
  src: url('../../font/webfonts/5423483/230b3c63-b497-421b-ae7d-182024bef8ac.eot?#iefix') format('eot'), url('../../font/webfonts/5423483/ec598369-4d91-4a16-9db3-6654f68d3c28.woff2') format('woff2'), url('../../font/webfonts/5423483/90214997-3760-4b80-a23b-fec02ab55fac.woff') format('woff'), url('../../font/webfonts/5423483/118e930e-1f56-4131-aee9-236212c0a10b.ttf') format('truetype');
}

:root {
     color-scheme: light only;
}

body, html {
  font-family: 'Mark W01 Regular', sans-serif;
  color: #1d1d1d;
}
body {
  background-image: url("../../images/landingpage/landingpage_bg_2025.jpg");
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-position: top right;
}
strong {
  font-family: 'Mark W01 Bold', sans-serif;
}
h1 {
  font-family: 'Mark W01 Bold', sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  position:relative;
}

h1.left::before {
	content: url("../../images/landingpage/arrow_left.png");
	position:absolute;
	width:14px;
	height:auto;
	top:0;
	left:-25px;
}

h1.right::after {
	content: url("../../images/landingpage/arrow_right.png");
	position:absolute;
	width:14px;
	height:auto;
	top:0;
	right:-25px;
}

p {
  margin-bottom: 0;
}

a {color:#1d1d1d; text-decoration:none;}
a:hover {color:#1d1d1d; text-decoration:none;}

/*@media(min-width: 1600px) {
	  body {
    background-size: cover;
  }
}*/

@media(min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 960px;
  }
}
@media(min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 960px;
  }
}

@media(min-width: 1024px) {
	body,html {height:100%;background-size:cover;}
	
}

@media(min-height: 1024px) {
	body,html {height:100%;background-size:cover;}
	
}

@media(min-width: 576px) {
	header .logo {width:250px;}
}

header {
  height: 110px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
}
.languageWrapper {
  position: absolute;
  width: 60px;
  height: 28px;
  background-color: #1d1d1d;
  top: 20px;
  right: -50px;
}
.content .teaser {
  height: calc(100vh - 110px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -110px;
}
.content .teaser .card {
  border: none;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.60);
}
.content .teaser .card:hover {
  background-color: rgba(255, 255, 255, 0.75);
}
/*.content .teaser .card:active {
  background-color: #343434;
  color:#FFFFFF;
}

.content .teaser .card:active a {
  color:#FFFFFF;
}

.content .teaser .card:focus {
  background-color: #343434;
}

.content .teaser .card:focus a {
  color:#FFFFFF;
}*/

.content .teaser .card .card-body {
  padding: 25px 40px;
}
span.telefon {
  font-family: 'Mark W01 Bold', sans-serif;
  font-size: 1.25rem;
}

@media(max-width: 1024px) {
	body {background-position:80% 0;}
	 .languageWrapper {
    top: 20px;
    right: 0;
  }
}

@media(max-width: 992px) {
  .content .teaser {
    height: auto;
    margin-top: 50px;
  }
  .content .teaser .card {
    margin-bottom: 30px;
  }
  header {
    height: 75px;
  }
 
  header .logo {
    width: 300px;
  }
}
@media(max-width: 768px) {
	h1.left::before,h1.right::after {content: "";}
}
@media(max-width: 576px) {
  h1 {
    font-size: 1.75rem;
  }
	body {background-position:70% 0;}
	.row.teaser>* {
	padding-right: calc(var(--bs-gutter-x) * .75);
    padding-left: calc(var(--bs-gutter-x) * .75);
}
}

@media(max-width: 420px) {
  h1 {
    font-size: 1.5rem;
  }
  header .logo {
    width: 260px;
  }
}


/*language switcher box*/
#language-wrapper {
	margin: 0;
	padding: 0;
	font-family: Mark W01 Regular;font-size: 15px;
	/* right: 5px; */
	z-index: 10000;
}
#language-wrapper ul{
	list-style-type: none;
	background: #1d1d1d;
    width: 60px;
}
#language-wrapper ul li {
	margin-top:2px;
}


ul.langSwitch {
	height: auto; 
	padding-left:8px;
}

ul.langSwitch li img {margin-right:10px}

select.langSwitch {
	font-family: "Font Awesome 5 Free", Arial;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;


	width: 50px;
	height: 30px;
	
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=); 

	color: #fff;
	font-size: 16px;
	outline: none;
	cursor: pointer;

}    
select.langSwitch::-ms-expand {
	display: none;
}
select.langSwitch:focus::-ms-value {
	background-color: #1d1d1d;
  }

ul.langSwitch,  ul.langSwitch a {color: white; }

.languageWrapper li {
	display: block;
	transition-duration: 0.5s; 
   }
   
   .languageWrapper li:hover {
	 cursor: pointer;
   }
   
   .languageWrapper ul li ul {
	 visibility: hidden;
	 opacity: 0;
	 position: absolute;
	 transition: all 0.5s ease;
	 left: 0;
	 display: none;
   }
   
   .languageWrapper ul li:hover > ul,
   .languageWrapper ul li ul:hover {
	 visibility: visible;
	 opacity: 1;
	 display: block;
   }
   
   .languageWrapper ul li ul li {
	 clear: both;
	 width: 100%;
   }
   .languageWrapper ul li ul li a {
	text-decoration: none;
  }

  .language-link {
	margin-left: 0px;
}