/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('../fonts/lato-v23-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/lato-v23-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
html, body {
	font-family: 'Lato', sans-serif;
    background-color:#000000;
    color:#ffffff;
}

.g-5,
.gx-5 {
	--bs-gutter-x: 40px;
}

.container
{
	max-width:1440px!important;
	width:100%;
	padding-left:40px!important;
	padding-right:40px!important;
}

.row-fluid
{
  margin-right: 0px;
  margin-left: 0px;
}

.container-fluid
{
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

@media (min-width: 1440px) 
{
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
        
}


.abstand-2, .abstand-4, .abstand-6, .abstand-8, .abstand-10, .abstand-12, .abstand-15, .abstand-20, .abstand-25, .abstand-30, .abstand-40, .abstand-50, .abstand-60, .abstand-70, .abstand-80, .abstand-100
{
	width:100%;
	display:block;
}

.abstand-2
{
	height:2px;
}

.abstand-4
{
	height:4px;
}

.abstand-6
{
	height:6px;
}

.abstand-8
{
	height:8px;
}

.abstand-10
{
    height:10px;
}

.abstand-12
{
	height:12px;
}

.abstand-15
{
	height:15px;
}

.abstand-20
{
	height:20px;
}

.abstand-25
{
	height:25px;
}

.abstand-30
{
	height:30px;
}

.abstand-40
{
	height:40px;
}

.abstand-50
{
	height:50px;
}

.abstand-60
{
	height:60px;
}

.abstand-70
{
    height:70px;
}

.abstand-80
{
	height:80px;
}

.abstand-100
{
	height:100px;
}


h1, h2, h3, h4, h5
{
	margin-bottom: 0px;
	font-weight: 600;
	color: inherit;
    text-transform: uppercase;
	line-height:1.3;
}

h1
{
	font-size:42px;
}

h2
{
	font-size:36px;
}

h3
{
	font-size:24px;
}

h4
{
	font-size:20px;
}

h5
{
	font-size:17px;
}


.active
{
	font-weight:bolder;
}

a
{
  	text-decoration: none;
  	-webkit-text-decoration-skip: objects;
	color:#ffffff;
}

a:hover
{
	color:#FF6300;
}

p
{
	margin-bottom:0px;
	display:block;
}

.textlight
{
	font-weight:300;
}

.textbold
{
	font-weight:400;
}

.textextrabold
{
	font-weight:600;
}

.zentrieren
{
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.textcenter
{
	text-align:center!important;
}

.textlinks
{
	text-align:left!important;
}

.vtop
{
    vertical-align:top;
}

.bild, .Bild, .image
{
	width:100%;
	height:auto;
}


.mobilenavibutton
{
	display:block;
	position:absolute;
	right:25px;
	bottom:20px;
	width: 42px;
  	height: 42px;
	padding-top:10px;
	padding-left:9px;
	z-index:12000;
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	border:1px solid  #a7a6a6;
	border-radius: 0px;
	
	
}

.mobilenavibutton.open
{
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	padding-top:1px;
	padding-left:9px;
	border-radius: 42px;
	width: 43px;
	height: 43px;
}


#nav-icon1 {
  width: 22px;
  height: 22px;
  position: relative;
  margin: 0px 0px 0px 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #a7a6a6;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 9px;
}

#nav-icon1 span:nth-child(3) {
  top: 18px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: 60px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}


.button
{
    padding: 10px 30px;
    border: 1px solid rgba(244 , 67 ,54, 1);
    color: rgba(244 , 67 ,54, 1);
    display:block;    
    font-size: 18px;
    border-radius: 50px; 
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:300px;
}

.button:hover
{
    background: rgba(244 , 67 ,54, 1);
    color: #FEFEFE;
}


.mobilmenufenster
{
	width:100%;
	height:100%;
	position:fixed;
	top:90px;
	left:0px;
	background:#000000;
	display:none;
}

.header-menu
{
	top:0px;
	left:0px;
	position:fixed;
	z-index:10000;
	background:#FFFFFF;
	box-shadow: 0px 3px 5px #dddddd;
}

.headerbalken
{
	position:relative;
}


.header-menu-abstand, .header-menu, .headerbalken
{
	width:100%;
	height:150px;
	display:block;
}

.logooben
{
	width:240px;
	height:auto;
	bottom:20px;
	padding:0px;
	position:absolute;
}



.blockanzeige
{
	opacity:0;
	margin-top:50px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.51s ease-in-out;
    transition: 0.5s ease-in-out;
}

.blockanzeigen
{
	opacity:1;
	margin-top:0px;
}

.fullimage
{
	width:100%;
	height:auto;
}

.infoblock
{
	position:fixed;
	top:90px;
	left:15px;
    display:none;
}

.fullsize
{
	display: flex;
  	flex-wrap: wrap;
}

.coltransparent
{
 	flex: 0 0 auto;
	background:transparent;
	color:#FFFFFF;
	padding:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}