@charset "UTF-8";

/*
#ffa600
*/
@import url('mo-grid.css');
@import url('fonts.css');
@import url('menu.css');
@import url('module.css');
@import url('slick.css');


:root,
:root.dark {
  --bg-color: #000000;
  --bg-color-zwei: #ffffff;
  --rahmen-color: #000000;   
  --text-color: #ffffff;
  --text-color-zwei: #ffa600;
  --filter-color-2:invert(95%) sepia(5%) saturate(0%) hue-rotate(355deg) brightness(103%) contrast(106%);
}

:root.light {
  --bg-color: #ffffff;
  --text-color: #000000;
  --bg-color-zwei: #000000;
  --rahmen-color: #ced4da;   
  --text-color-zwei: #ffa600;
  --filter-color-2:filter: brightness(0) saturate(100%);
}

body {
	color: var(--text-color);
	font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.343;
	letter-spacing: 0.5px;
	text-align: left;
	background:var(--bg-color);
}
a.link-color-w{
	color: var(--text-color);
}
h1, .header_1{
  font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
  font-weight: 300;
  font-size: 2em;
  letter-spacing:0.05em;
  color: var(--text-color); 
  line-height:1.2;
  margin-bottom:15px;
}

h2, .header_2 {
  font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
  font-weight: 300;
  font-size: 1.8em;
  color: var(--text-color);   
  line-height: 1.1;
  margin-bottom:15px;
}
h3, .header_3 {
  font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
  font-weight: 300;
  font-size: 1.6em;
  color: var(--text-color);   
  line-height: 1.3;
  margin-bottom:15px;  
}
h4, .header_4 {
  font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
  font-weight: 300;
  font-size: 1.6em;
  color: var(--text-color);   
  line-height: 1.3;
  margin-bottom:15px;  
}
h5, .header_5 {
  font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
  font-weight: 300;
  font-size: 1.6em;
  color: var(--text-color);   
  line-height: 1.3;
  margin-bottom:15px;  
}
h6, .header_6 {
  font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
  font-weight: 300;
  font-size: 1.4em;
  color: var(--text-color);   
  line-height: 1.3;
  margin-bottom:15px;  
}
h1, .header_1,h2, .header_2,h3, .header_3,h4, .header_4,h5, .header_5,h6, .header_6{
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.o-line{
	position:relative;
	margin:0 0 0 12px;
}
.o-line::before {
	content: '';
	position: absolute;
	left: -12px;
	height: 45px;
	width:4px;
	background:#FFA600;
}
.stellen{
	position:relative;
	display:inline-block;
	width:100%;
	padding:20px 0 120px 0;
}
.standort{
  font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
  font-weight: 300;
  font-size: 2em;
  letter-spacing:0.05em;
  color: var(--text-color); 
  line-height:1.2;
  margin-bottom:15px;
}
.standort a:hover{
  color: var(--text-color-zwei);
}

.einhundert{
	position:relative;
	display:block;
	margin:0 auto;
	text-align:center;
}
.headline-two{
	position:relative;
	display:inline-block;
	padding:0 90px 0 90px;
	margin:0 auto;
	text-align:center;
}
.headline-two:before{
	position:absolute;
	left:0;
	top:40%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: '\f116';
	font-size:2.6em;
	font-family:flaticon_mycollection!important;
	color: var(--text-color-zwei);
}
.headline-two:after{
	position:absolute;
	right:0;
	top:40%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: '\f117';
	font-size:2.6em;
	font-family:flaticon_mycollection!important;
	color: var(--text-color-zwei);
}
@media (max-width: 767px){
	.headline-two{
	padding:0 20px 0 20px;
	}
	.headline-two h2{
	font-weight: 300;
	font-size: 1.4em;
	color: var(--text-color);
	}
	.headline-two:before{
	position:absolute;
	left:0;
	top:-15px;
	content: '\f116';
	font-size:0em;
	}
	.headline-two:after{
	position:absolute;
	top:auto;
	right:0;
	bottom:-20px;
	content: '\f117';
	font-size:0em;
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	
	}

}

.flaticon{
	font-family: 'flaticon_mycollection';
}
.relative {
  position: relative !important;
}
.text-right {
  text-align: right !important;
}
.txt-center{
	text-align:center;
}
.text-left {
  text-align: left !important;
}
p{
	margin:0 0 15px 0;
}
b, strong{
	font-weight:bold;
}
/*
.dark .logo img {
	height: auto;
	width: 100%;
	padding: 20px 0 0 0px;
}
.light .logo img {
	height: auto;
	width: 100%;
	padding: 20px 0 0 0px;
	filter: invert(0%) sepia(7%) saturate(7489%) hue-rotate(215deg) brightness(88%) contrast(102%);
}
*/
.light .dark .logo img {
	display:none!important;
}
.dark .light .logo img {
	display:none!important;
}
.light.light .logo a img{
	margin-top:26px;
	display:block;
}
.dark.dark .logo a img{
	margin-top:26px;
	display:block;
}
.logo img{
	height:30px;
	width:auto;
}

img{
	width:100%;
	height:auto;
}
.header-distance{
	display:inline-block;
	width:100%;
	height:140px;
	background:var(--bg-color);
}
@media (max-width: 767px){
	.header-distance{
	height:100px;
	}
}
@media all and (max-width: 480px){
	.header-distance{
	height:100px;
	}	
}

.toggle-container {
  position: relative;
  text-align: right;
}

.theme-btn {
  /*  width: 3.25rem;
  height: 3.25rem;
  padding: 0.5em;
  margin:30px 0 0 0;
  border-radius: 50%;*/
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.theme-btn img {
  object-fit: cover;
  border-radius: 10%;
  margin-top: 28px;
  height: 30px;
  width: auto;
}

.theme-btn.light {
  display: none;
}

.dark .theme-btn.dark {
  display: none;
}

.dark .theme-btn.light {
  display: block;
  float: right;
}
@media (max-width: 767px){
	.toggle-container{
	position:fixed;
	top:0px;
	right:80px;
	}
	div.sticky-menu .theme-btn img{
	margin: 27px 0 0 0;
	}
}

.footer{
	color: var(--text-color);
	padding:60px 0 60px 0;
} 
.footer a{
	text-decoration:none;
	color: var(--text-color);
}
.footer a:hover{
	color: var(--text-color-zwei);
	text-decoration:none;
}
.text-footer-right{
	text-align:right;
}
.back-to-top{
	color:#ffa600!important;
}
#scrollToTopBtn{
	font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:300;
	color:var(--text-color-zwei);
}

#scrollToTopBtn:hover{
	color: var(--text-color);
}
@media (max-width: 767px){
	.footer{
	text-align:center;
	}
	.back-to-top{
	margin:15px 0 10px 0;
	}
	.text-footer-right{
	text-align:center!important;
	}
}