}*, *:before, *:after{box-sizing:border-box; }


html
{
	scroll-behavior: smooth;
}

#clear{clear:both;}
.clear{clear:both;}

/* anton-regular - latin */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/anton-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/anton-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anton-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/anton-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/anton-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/anton-v23-latin-regular.svg#Anton') format('svg'); /* Legacy iOS */
}
 
/* oxygen-regular - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oxygen-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oxygen-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v15-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}
/* oxygen-700 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oxygen-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oxygen-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v15-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
} 
 
 
body{margin:0px;display: flex;flex-direction: column; overflow-x: hidden; overflow-x:hidden;}









a {text-decoration: none;color: #bdbcbc;}
#section-id-1587550853394 a {color: white;}
#cloaka0c73cf3842af32e5e048e22b1c256e5 a {color: white;}
#sppb-addon-1587724575942 > div > div > form > div.sppb-form-group > div > label > a {color: white;}


header {width:100%; height:auto;}
#headwrapper {
	width:100%;
	height: 95px;
	display:flex;
	flex-direction:row;
	position: fixed;
	z-index: 9999;

	background: white;
	border-bottom: 1px solid #cccccc7a;
}


#firmenlogo {width: 15%;height: auto;}
#firmenlogo img {
	width: 300px;
	height: auto;
	padding: 0px;
	margin-left: 6%;
	margin-top: 4%;
}



#aside {
    position:fixed;
    right:0;
    top:50%;
    display:flex;
    flex-direction:column;
 box-shadow: 1px 1px 6px #0000005c;
border: 0.5px solid #4b4b4b78;

    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    z-index: 10000 !important;
}

#aside a {
	width: 65px;
	display:inline-block;
	padding:6% 0%;
	padding-bottom:15px;
	position:relative;
	color:white;
	height: 55px;
	margin-right:-2px;
	

}

#aside a:nth-child(1) {
	background: #226fb1;
	border-top-left-radius:6px;
}

#aside a:nth-child(2) {
	background: #abbbc4;
}


#aside a:nth-child(3) {
	background: #f07e00;
	padding-bottom:0px;
	border-bottom-left-radius:6px;
	
}

#aside a:nth-child(4) {
		background: #4d4d4d;
	padding-bottom:0px;
}

#aside a img {
	position:absolute;
	transition:opacity 0.3s linear;
		
}

#aside a:nth-child(1) img {
    left:18%;
	top: 12%;
	width: 40px;
	height: auto;
}

#aside a:nth-child(2) img {
	left: 20%;
	top:25%;
}

#aside a:nth-child(3) img {
left: 20%;
	top: 25%;

}

#aside a:nth-child(4) img {
	left:23%;
	top:25%;
}

#aside a p {
	opacity:0;
	position:absolute;
	text-align:center;
	width:100%;
	top:30%;
	transition:opacity 0.3s linear;
	font-size:13.5px;
	margin-top:0px;
	color: white;
	}

#aside a:hover img {
	opacity:0;
	transition:all 0.3s linear;
	transform:scale(0.5);
}

#aside a:hover p {
	opacity:1;
	transition:opacity 0.3s linear;
}








#navwrapper {width: 85%;height:auto;}
#label-nav-trigger,#nav-trigger {display:none;}
nav {width: 100%;height:auto;padding: 1% 0%; font-family: Oxygen;}
#headwrapper nav > div {width:100%;height: auto;display:flex;flex-direction:row;justify-content:flex-end;align-items: center;}
#headwrapper nav > div > ul {
	width: 100%;
	height:auto;
	display:flex;
	flex-direction:row;
	justify-content: flex-end;
	margin-right: 10%;
}
nav ul {
    margin: 0 auto;
    display: block;  
    padding: 15px 0 0 480px;  
    text-align: center;
    font-size: 16px;
}

  nav ul li {
      list-style: none;
      margin: 0 auto;
      border-left: 2px solid #3ca0e7;
      display: inline-block;
      padding: 0 30px;
      position: relative;
      text-decoration: none;
      text-align: center;
      font-family: arial;
    }

#navwrapper > nav > ul > li.nav-item.item-297 {border-left: none;}
#navwrapper > nav > ul > li.nav-item.item-101 {border-left: none;}
#navwrapper > nav > ul > li.nav-item.item-314 {border-left: none;}




  nav li a {
      color: #0b294d;
		text-decoration: none;
    }

   nav li a:hover {
      color: #0b294d;
    }

    nav li:hover {
      cursor: pointer;
    }

   nav ul li ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
	padding-left: 0;
      left: 0;
      display: none;
      background: white;
	
    }

   nav ul li:hover > ul,
    nav ul li ul:hover {
      visibility: visible;
      opacity: 1;
      display: block;
      min-width: 300px;
      text-align: left;
      padding-top: 60px;
      box-shadow: 0px 3px 5px -1px #ccc;
    }

   nav ul li ul li {
      clear: both;
      width: 100%;
      text-align: left;
      margin-bottom: 20px;
      border-style: none;
    }

    nav ul li ul li a:hover {
      padding-left: 10px;
      border-left: 2px solid grey;
      transition: all 0.3s ease;
    }
  }
}

a {

    text-decoration: none;

    &:hover {
        color: #3CA0E7;
    }
 
}

 ul li ul li a { transition: all 0.5s ease; }

/* ###### HEAD END ##### */



/* ###### CONTENT ##### */








/* #### content #### */

#content {width:100%;height:auto;/* padding:2% 5%; */}

/* #### Ende #### */


/* ###### END OF CONTENT ##### */



/* ###### CONTACT ##### */



/* ###### FOOTER ##### */



/* ###### ANPASSUNGEN ##### */
.visually-hidden {display: none;}
.page-header, #tip-95, #tip-98  {display: none;}


/* ###### ENDE ##### */

/* ###### FOOTER ##### */


footer{}

#sppb-addon-1585217468874 > div > div > div > img {width: 200px !important; height:auto; padding: 0; margin: 0;}
#sppb-addon-1585217975113 > div > div > form > div.sppb-form-group > div > label > a {color: white; text-decoration: underline;}


#copyright{background: #818181; font-family: Oxygen;}
#copyright p{float: left;color:white;width: 30%;margin-left: 1%; }

#column-wrap-id-1602253250632, #column-wrap-id-1602252793938, #column-wrap-id-1602252860490, #column-wrap-id-1602252831921{ font-family: Oxygen;}


#copynav {float: right;height: 50px;width: 20%;}
#copynav a {text-decoration: none; color: white; transition: 0.4s ease-in-out;}
#copynav a:hover {color:rgb(30,87,153);}
#copynav li {list-style: none;padding: 0 3.5%; float: left; padding:0px 10px;border-right:1px solid #fff;}
#copynav li:last-child {border: none;}
#copynav ul li {display: inline;}
#copyright > p:nth-child(2) {display: none;}
#contentleft iframe{margin-top:3%;border:1px solid grey;padding:10px;background:whitesmoke;
}
.item-pagedanke {width:100%;margin-left:65%;
}

/* ###### ENDE ##### */
@media (min-width: 1200px) { .sppb-row-container {max-width: unset !important;} }
@media (min-width: 992px) {.sppb-row-container {max-width: unset !important;;} }
@media (min-width: 768px) {.sppb-row-container {max-width: unset !important;;} }
@media (min-width: 576px) {.sppb-row-container {max-width: unset !important;;} }
.sppb-row-container {padding:0 !important;}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.box1:hover .tr-flip{-ms-transform:rotateY(0deg);transform:rotateY(0deg);}
.box1 .frontSide {background-image: none;}
}

@media (max-width:1680px){

}

@media (max-width:1600px){


@media (max-width:1440px){

}

@media (max-width:1366px){
#navwrapper {width:100%; position:absolute;}
nav {width:100%;}
nav {width:100%;}
nav > ul {width:100%;}
#label-nav-trigger{display:block;position:absolute;z-index:999;top:8px;right:50px;cursor:pointer;}
nav > ul{
	visibility:hidden;
	opacity:0;
	width: 94% !important;
	position: absolute;
	z-index:9999 !important;
	background:#ffffff;
	height:auto;
	box-shadow: 0px 0px 5px #b9b9b9;
	transition:1s ease-out;
	margin:3%;
	padding:0%;
	top: 70px;
	left:  0px;
	}

nav > ul > li {display:flex; justify-content:center; border-bottom:1px solid #eceaea;}
nav > ul > li:last-child {border-bottom:0px;}
nav > ul > li > a {display:unset;}
#navwrapper > nav > ul > li.deeper.parent {display:flex; flex-direction:column; justify-content:center; align-items:center;}
nav > ul > li a + ul {
	width:100%;
	position:  relative;
	padding:  0px;
	background:  none; 		
	-webkit-transform:unset;
	transform: unset;
	-moz-transform:unset;
	-o-transform:unset;
	-ms-transform:unset;}
nav > ul > li a + ul li:before {display:none;}
nav > ul > li a + ul > li > a {padding:10px;}
nav > ul > li a + ul > li {margin: 1px;background: #bfbfbf;}
#nav-trigger:checked+nav > ul{visibility:visible;opacity:1;top: 85px;transition:1s ease-out;}
#nav-trigger:checked+nav .nav-child {visibility:  visible;opacity:  1;display:block;}
nav > ul > li {width:100%;}			
nav  > ul > li:hover a + ul {
					-webkit-transform:unset;
					transform:unset;
					-moz-transform:unset;
					-o-transform:unset;
					-ms-transform:unset;
					}				
 nav  > ul > li:hover:after,
nav > ul > li.current.active:after,			
nav > ul > li a +  ul > li:hover:after,
nav > ul > li.active  a +  ul > li:active:after {display:none;}
#navwrapper > nav > div > ul > li.item-129 > a, #navwrapper > nav > div > ul > li.item-133 > a  {padding-bottom:10px;}
#headwrapper {border-bottom:1px solid #e4e4e4; background:white; box-shadow:0px 0px 5px #d0d0d0;}
#navwrapper > nav > ul > li > ul {box-shadow: none; background: none; padding: 15px;}
#navwrapper > nav > ul > li > ul > li {box-shadow: none; background: none; padding: 15px;}
#navwrapper > nav > ul > li {padding: 15px;}
}

@media (max-width:1280px){


}


@media (max-width:1220px){

}

@media (max-width:1124px){
#copynav {height:auto; width: 50%;}
#copynav ul li {float:right;}
#copynav ul li:last-child {border-right:1px solid white;}
#copynav ul li:first-child {border-right:0px;}
}


@media (max-width:1024px){
}


@media (max-width:960px){
#content {margin-top: 19px;}

}

@media (max-width:850px){

}


@media (max-width:768px){

}


@media (max-width:667px){

}

@media (max-width:600px){
#aside {display:none;}
}

@media (max-width:568px){
#copyright p {width: 95%;margin:  0;margin-top:  20px;margin-left: 20px;}
#copynav {width: 100%;float:  unset;}
#copynav div {width:100%;height:auto;display:  flex;}
#copynav ul {padding-left:10px;}
#copynav ul li {float:left;}
#copynav ul li:first-child {border-right:1px solid white;}
#copynav ul li:last-child {border-right:0px;}
#copyright {display:flex; flex-direction:column;}

}

@media (max-width:550px){
	h6:after {content:"";width: 5%;height: 20px;background: #c38d0c;position:absolute;top: 2px;bottom: 0;left: 5%;right: 0;}

}

@media (max-width:510px){

}

@media (max-width:414px){
#copyright {width:100%;}
#copyright p {width: 80%;}
#copynav {width: 80%;}
#firmenlogo img {width: 200px !important; margin: 25px;}
#label-nav-trigger{top:25px; right:35px;}
#section-id-1587558782773 {padding: 30px !important;}
#section-id-1592549482976 h2 {font-size: 20px !important;}
#section-id-1591772486614 {padding: 20px !important;}
#sppb-addon-1591772486627 > div > div > div.sppb-icon {text-align:center !important;}
#sppb-addon-1591772486626 > div > div > div.sppb-icon {text-align:center !important;}
#sppb-addon-1592548721171 > div > div > div.sppb-icon {text-align:center !important;}
#sppb-addon-1592549273109 > div > div > div.sppb-icon {text-align:center !important;}
#sppb-addon-1591772486629 > div > div > div.sppb-icon {text-align:center !important;}
#sppb-addon-1591772486630 > div > div > div.sppb-icon {text-align:center !important;}
#section-id-1545131013591 {padding: 25px 20px !important;}
#section-id-1592549482976 {padding: 0 10% !important;}
#section-id-1587723860645 {padding: 0 10% !important;}
#section-id-1592816528771 {padding: 25px 20px !important;}
#section-id-1587724575920 {padding: 25px 20px !important;}
#section-id-1587724301283 {padding: 0 10% !important;}
#section-id-1588066231990 {padding: 0 10% !important;}
}


@media (max-width:350px){
}

@media (max-width:322px){