/* 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+ */
}
/* lato-400 italic */ 
@font-face
{
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
     src: local(''),
    url('../fonts/lato_400_italic.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

html, body {
	font-family: 'Lato', sans-serif;
    font-weight:400;
}

.g-2,
.gx-2 {
	--bs-gutter-x: 20px;
}

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


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


.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.1;
}

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:#000000;
}

a:hover
{
	color:#000000;
}

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:0px;
	bottom:28px;
	width:52px;
  	height:auto;
	z-index:12000;
}

#nav-icon1 {
  width: 52px;
  height: 44px;
  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: 6px;
  width: 100%;
  background: #0f1464;
  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: 16px;
}

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

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

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

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

.header-menu
{
	top:0px;
	left:0px;
	position:fixed;
	z-index:10000;
	background:#FFFFFF;
	box-shadow: 0px 2px 2px #eeeeee;
    z-index:100000;
}

.headerbalken
{
	position:relative;
    z-index:99999;
}

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

.logooben
{
	max-width:340px;
    width:100%;
	height:auto;
	bottom:10px;
	padding:0px;
	position:absolute;
}


.logoobentemp
{
    margin-top:100px;
    max-width:640px;
    width:100%;
	height:auto;
	margin-left:auto;
    margin-right:auto;
}


.blockanzeige
{
	opacity:0;
	transform:translateX(600px);
	transition: 1.5s ease-in-out;
}

.blockanzeige2
{
	opacity:0;
	transform:translateX(-600px);
	transition: 1.5s ease-in-out;
}

.blockanzeige3
{
	opacity:0;
	transform:translateY(200px);
	transition: 1.5s ease-in-out;
}


.blockanzeigen
{
	opacity:1;
	transform:translateX(0px);
}

.blockanzeigen3
{
	opacity:1;
	transform:translateY(0px);
}

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

.footertext
{
	font-weight:300;
	font-size:14px;
	text-align:center;
}

.infoblock
{
	position:fixed;
	top:10px;
	left:15px;
    z-index:99999;
    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%;
}