/* 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;
}

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

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


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

.kontaktform input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 


.kontaktform input[type='checkbox'],
.kontaktform input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

.kontaktform input[type='checkbox']:checked,
.kontaktform input[type='checkbox']:not(:checked),
.kontaktform input[type='radio']:checked,
.kontaktform input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

.kontaktform input[type='checkbox'] + label,
.kontaktform input[type='radio'] + label {
  cursor: pointer;
}
.kontaktform input[type='checkbox']:checked + label::before,
.kontaktform input[type='checkbox']:not(:checked) + label::before,
.kontaktform input[type='radio']:checked + label::before,
.kontaktform input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 1em;
	margin-left:0px;
    box-shadow: inset 0 1px 1px 0 rgba(0 , 36 , 68,.1);
}

.kontaktform input[type=radio]:checked + label::before,
.kontaktform input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

.kontaktform input[type='checkbox']:hover  + label::before,
.kontaktform input[type='radio']:hover  + label::before {
  background:rgba(0 , 36 , 68, 0.25);
  box-shadow: inset 0 0 0 2px white;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.kontaktform input[type='checkbox']:checked  + label::before,
.kontaktform input[type='radio']:checked  + label::before {
  background:rgba(0 , 36 , 68, 1);
  box-shadow: inset 0 0 0 2px white;

}


.tc-list 
{
    padding: 0px 0px 0px 0px;
    list-style: none;
}

.tc-list li + li {margin-top: 5px;}
.tc-list-background li {padding: 10px 15px;}
.tc-list-background li {background-color: rgba(0, 0, 0, 0.05);}

.tc-list li i
{
	color:rgba(244 , 67 ,54, 1);
	font-size:13px;
    margin-right: 10px;
}

.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
{
	max-width:440px;
    width:100%;
	height:auto;
	bottom:40px;
	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;
}

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


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

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