.infoblock
{
	position:fixed;
	top:90px;
	left:15px;
    z-index:100000;
    display:none;
}

html, body {
	font-family: 'myriad-pro', sans-serif;
}

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

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

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

sup
{
    font-size:0.5em;
    top:-8px;
}


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

.abstand-2, .abstand-4, .abstand-5, .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-5
{
	height:5px;
}

.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;
	color: inherit;
    text-transform: uppercase;
	line-height:1;
}

h1
{
	font-size:32px;
    font-weight:700;
}

h2
{
	font-size:18px;
    font-weight:400;
}

h3
{
	font-size:18px;
    font-weight:700;
}

h4
{
	font-size:21px;
    font-weight:700;
}

h5
{
	font-size:70px;
    font-weight:700;
}


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

.textbold, .text-bold
{
	font-weight:700;
}

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

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

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

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

.header-menu
{
	top:0px;
	left:0px;
	position:fixed;
	z-index:18000;
	background:transparent;
}

.headerbalken
{
	position:relative;
}


.header-menu, .headerbalken
{
	width:100%;
	height:1px;
}

.mobilenavibutton
{
	display:block;
	position:absolute;
	right:0px;
	top:49px;
	width: 65px; 
  	height: 65px;
	z-index:18000;
	border:1px solid  #a7a6a6;
	border-radius: 50%;
	background:#1d5553;
	padding-left:17px;
    padding-top:17px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    cursor:pointer;
}

.mobilenavibuttontext
{
    font-size:16px;
    font-weight:400;
    position:absolute;
    right:7px;
	top:115px;
    color:#000000;
}


#nav-icon1 {
  width: 28px;
  height: 28px;
  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: 1px;
  width: 100%;
  background: #ffffff;
  border-radius: 0px;
  opacity: 1;
  left: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;
}

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

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

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

#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: 60px;
  -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(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}







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

}




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



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

