@charset "UTF-8";

html {
	font-family: acumin-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:24px;
	color:#000000;
}

.container
{
	max-width:1366px!important;
	padding-left:50px!important;
	padding-right:50px!important;
}

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


.abstand-2, .abstand-4, .abstand-6, .abstand-8, .abstand-10, .abstand-12, .abstand-15, .abstand-20, .abstand-25, .abstand-30, .abstand-35-flex, .abstand-35 .abstand-40, .abstand-40-flex, .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-35, .abstand-35-flex
{
	height:35px;
}

.abstand-40, .abstand-40-flex
{
	height:40px;
}

.abstand-50
{
	height:50px;
}

.abstand-60
{
	height:60px;
}

.abstand-70
{
    height:70px;
}

.abstand-80
{
	height:80px;
}

.abstand-100
{
	height:100px;
}

.abstand-35-flex, .abstand-40-flex
{
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}


h1, h2, h3, h4, h5, h6
{
	margin-bottom: 0px;
}

h1
{
	font-family: acumin-pro, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size:36px;
	color:#000000;
	line-height:1;
}

h2
{
	font-size:24px;
	font-family: acumin-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#808080;
}

h3
{
	font-size:44px;
	text-transform:uppercase;
	font-family: acumin-pro-wide, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height:1.4;
	
}

h4
{
	font-size:100px;
	font-family: acumin-pro-wide, sans-serif;
	font-weight: 100;
	font-style: normal;
	text-transform:uppercase;
	line-height:1;

}

h5
{
	text-transform:uppercase;
	font-family: acumin-pro-wide, sans-serif;
	font-weight: 700;
	font-size:36px;
	line-height:1;
}

h6
{
	font-size:20px;
	font-family: acumin-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#808080;
	margin-bottom:10px;
}

.active
{
	font-weight:bolder;
}

a
{
  	text-decoration:none!important;
  	-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:800;
}

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







#nav-icon1 {
	
  width: 40px;
  height: 40px;
  position: relative;	

  margin: 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: 7px;
  width: 100%;
  background: #000000;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s 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: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
 background: #FFFFFF;
	height: 3px;
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: 60px;
  background: #FFFFFF;
}

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



.button
{
    padding-left:30px;
    padding-right:30px;
    padding-top:9px;
    border: 1px solid rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
    display:block;
	font-family: acumin-pro-wide, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 28px;
    line-height:1;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:282px;
    height:50px;
}

.button:hover
{
    background: rgba(255, 255, 255, 1);
    color: #000000;
	border-radius: 50px; 
}


.buttonmenu
{
    padding: 6px 30px;
    border: 1px solid rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
    display:block;
	font-family: acumin-pro-wide, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 21px;
    
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:247px;
}

.buttonmenu:hover
{
    background: rgba(255, 255, 255, 1);
    color: #000000;
	border-radius: 50px; 
}

.buttonmenu.markiert
{
    background: rgba(255, 255, 255, 1);
    color: #000000;
	border-radius: 50px; 
}


.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:500px;
	height:700px;
	position:absolute;
	top:0px;
	right:-32px;
	background:rgba(0,0,0,1);
	display:none;
	z-index:10000;
}


.mobilmenu
{
	width:100%;
	height:auto;
	margin-top:125px;
	color:#FFFFFF;
	text-align:center;
	font-family: acumin-pro-wide, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size:28px;
}

.mobilmenu a
{
	color:#FFFFFF;
}

.mobillink
{
	color:#FFFFFF;
}

.mobillink:hover
{
	font-weight:700;
}


.menuzeileunten
{
	font-size:21px;
}


.auswahlmobilscrollen
{
  	height:100%;
	overflow: auto;
}




.mobilenavibutton
{
	display:block;
    float:right;
	margin-top:35px;
	margin-right:0px;
	width: 82px;
	height: 82px;
	padding-top:20px;
	padding-left:20px;
	position:absolute;
	-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 transparent;
	border-radius: 82px;
	z-index:50000!important;
	right:0px;
}

.mobilenavibutton.open
{
	border:solid 1px #FFFFFF;
}



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

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



.logooben
{
	width:350px;
	height:auto;
	margin-top:55px;
	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;
}




