@font-face { font-family: 'Lexend-Regular'; src: url('../fnt/Lexend-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Jost-Regular'; src: url('../fnt/Jost-Regular.ttf') format('truetype'); }

html, body{
	border:0;
	margin:0;
	padding:0;
	font-family:"Jost-Regular";
	font-size: 20px;
	color:#2b2a2a;
}

h1 {
	color:#ffffff;
	font-weight: 700;
	line-height:1.1;
	margin:0px;
	font-family:"Arial";
	font-size:32px;
}

h2 {
	color:#1a1a1a;
	font-weight: 700;
	font-family:"Arial";
	margin:0px;
	font-size: 20px;
}

h3 {
	color:#1a1a1a;
	font-weight: 700;
	font-family:"Arial";
	margin:0px;
	margin-bottom: 5px;
	font-size: 20px;
}

h4 {
	color:#2b2a2a;
	font-size:20px;
	font-weight: 700;
	font-family:"Jost-Regular";
	line-height:1.1;
	margin:0px;
}

li {
	list-style-image: url("../img/dot.png");
	padding-bottom:5px;
}

a {
	font-family:"Jost-Regular";
	font-size: 18px;;
	color:#1a1a1a;
}
a:hover {
	color:#383838;
}

hr {
  border: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0,0,0,0.2);
}

.referlogo{
	max-width: 300px;
	max-height: 150px;
	margin-right: 15px;
}

.bottomlinknodeco{
	color:#002259;
	text-decoration: none;
	font-weight: 700;
	font-family:"Lexend-Regular";
	margin:0px;
}

.nolinkcolor{
	text-decoration: none;
	color:#2b2a2a;
}

a.nolinkcolor{
	text-decoration: none;
	color:#2b2a2a;
	text-decoration-color: #000000;
}

.col_blue{
	color:#002259;
}

.col_dark{
	color:#1a1a1a;
}

.bg_dark{
	background-color:#1a1a1a;
}

.aboutbigger{
	font-size: 22px;
}

.maxsize{max-width: 100%;}

#testimonial_area{
	width:800px;
	margin:5px;
	max-width: 90%;
	height: auto;
	background-color: #f1f1f1;
	color:#2b2a2a;
	text-align: center;
	border-radius: 5px;
}

#testimonial_text{
	color:#2b2a2a;
	font-size: 20px;
	padding:15px;
	line-height: 1.3rem;
}

#testimonial_img{
	padding:15px;
}

#specialnews{
	display: none;
	position: fixed;
	top:20%;
	left:20%;
	right:20%;
	min-height: 150px;
	background-color:#002259;
	color:#ffffff;
	z-index:999999;
	border:solid #ff0000 2px;
}

#avast{
	display: none;
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: rgba(56, 56, 56,0.8);
}

.avastcloser{
	width:auto;
	min-width: 120px;
	max-width: 100%;
	text-align: center;
	background-color: orange;
	color:#002259;
	padding:15px;
	cursor: pointer;
}

#stellenmarkt {
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #acacac;
	box-shadow: #acacac 2px 2px 1px;
	padding:10px 20px 10px 20px;
}

#menu_mobile_btn{display:none;text-align: center;}
.menu_btn_mobile{margin-top:10px;height:40px;width:90%;text-align: center;color:#f0f0f0;background-color: #1b1b1b;font-weight: bold;font-size: 24px;cursor: pointer;}

#mobilemenu{
	position: absolute;
    width: 100%;
    height: auto;
    min-height: 600px;
    z-index: 9999;
    background-color: #383838;
    color:#ffffff;
    display: none;
    text-align: center;
	padding-bottom: 50px;
}

label.hamburg { 
	display: block;
	background: #555; width: 75px; height: 60px; 
	position: relative; 
	margin-left: auto; margin-right: auto;
	border-radius: 4px;
	cursor: pointer;
 }
 
input#hamburg {display:none}

.line { 
	position: absolute; 
	left:10px;
	height: 4px; width: 55px; 
	background: #000000; border-radius: 2px;
	display: block; 
	transition: 0.5s; 
	transform-origin: center; 
 }
 
.line:nth-child(1) { top: 18px; }
.line:nth-child(2) { top: 28px; }
.line:nth-child(3) { top: 38px; }


.leasing_btn {
	background-color: #002259;
	color:#ffffff;
	font-weight: bold;
	font-size: 16px;
	padding:15px;
	border-radius: 3px;
}

.leasing_btn:hover {
	cursor: pointer;
}

.selectbox {
	width:500px;
	max-width: 100%;
	background-color: #002259;
	color:#ffffff;
	font-weight: bold;
	font-size: 16px;
	padding:8px;
	border-radius: 3px;
}

#pricefooter{
	background-color:#002259;
	height: auto;
	min-height:70px;
}

#pricebottomboxtopflex {
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	background-color: #ffffff;
}

#pricebottomborderboxtopleft {
	height: 20px;
	width: 150px;
	margin-right:-1px;
	background-color: #002259;
	background: linear-gradient(135deg, transparent 20px, #002259 0) top left;
}


#pricebottomborderboxtopright {
	height: 20px;
	width: 150px;
	margin-left:-1px;
	background-color: #002259;
	background: linear-gradient(225deg, transparent 20px, #002259 0) top right;
}

#pricebottomboxbottomflex {
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	background-color: #ffffff;
}

#pricebottomborderboxbottomleft {
	height: 20px;
	width: 150px;
	margin-right:-1px;
	background-color: #002259;
	background: linear-gradient(45deg, #ffffff 20px, #002259 0) bottom left;
}


#pricebottomborderboxbottomright {
	height: 20px;
	width: 150px;
	margin-left:-1px;
	background-color: #002259;
	background: linear-gradient(315deg, #ffffff 20px, #002259 0) bottom right;
}

#top_bar{
	background-color:#ffffff;
	height:35px;
	position:relative;
}

#top_bar2{
	background-color:#ffffff;
	height:30px;
	position:relative;
	box-shadow: #002259 0px 2px 0px;
}

#header{
	background-color:#ffffff;
	position:relative;
}

#top_cutter_red{
	background-color:#b10000;
	height: auto;
	min-height:85px;
}

#top_cutter{
	background-color:#1a1a1a;
	height: auto;
	min-height:85px;
}
#top_cutter_text{
	text-align: center;
	padding:25px 5px;
}

#menu_inside{
	width: 800px;
	max-width:100%;
	margin:0 auto;
	padding-left: 450px;
	margin-top:-70px;
	position:relative;
	z-index:9999;
}

.center{
	text-align: center;
}

#logo{
	margin-left: 25px;
	position: relative;
	z-index:9998;
}

#topimg{
	background-color:#223344;
	height:650px;
	background:url("../img/top_bg1.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#rocketarea{
	background-color:#223344;
	height:450px;
	background:url("../img/rocket.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#rockettext_area{
	max-width:600px;
	width: 100%;
	position: absolute;
	text-align: center;
	margin-top: 100px;
	margin-left: 300px;
	background-color: #ffffff;
	border-style: solid;
	border-color:#d1d1d1;
	box-shadow: #d1d1d1 2px 2px 1px;
}

.experience{font-size: 45px;}

.rocketbutton{
	padding:10px 25px;
	background-color: #1a1a1a;
	color:#ffffff;
	font-size: 25px;
	width:250px;
	max-width: 100%;
	min-height: 35px;
	border-style: solid;
	border-width: 1px;
	border-color: #383838;
	box-shadow: #383838 2px 2px 1px;
	text-decoration: none;
}
.rocketbutton:hover{
	background-color: #333333;
	color:#ffffff;
}

.rocketheadline{
	font-size: 38px;
	color:#002259;
	font-family: "Jost-Regular";
}

#rockettext_area_text{
	padding:25px;
}

#support_fullarea{
	background-color:#223344;
	height:800px;
	background:url("../img/fggg-min.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#support_card{
	position: absolute;
	margin-left:350px;
	margin-top: 70px;
	background-color: #ffffff;
	padding:25px;
	width:400px;
	min-height: 400px;
	height:auto;
	max-width: 90%;
	border-radius: 2px;
	border-style: solid;
	border-color: #acacac;
	border-width: 1px;
}

#support_card_text{
	display:flex;
	margin-top: 50px;
}

#contact_headline{
	margin-left:25px;
}

#logobox{
	width:350px;
	max-width: 100%;
	max-height: 300px;
}


#mainpagehead{
	background-color:#223344;
	height:700px;
	background:url("../img/header.jpeg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mainpageheaddeadzone{height:100px;}

.whitebox{
	background-color: #ffffff;
	width:700px;
	max-width: 100%;
	min-height: 300px;
	height: auto;
	margin: 25px;
	margin-top:125px;
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d1d1;
	box-shadow: #d1d1d1 2px 2px 1px;
	border-radius: 10px;
	line-height: 1.3rem;

}

.whitebox_text_area{
	padding:10px 20px;
	text-align: center;
	font-size: 18px;
	color:#555555;
}

.whitebox_img_area{
	padding:20px;
	text-align: center;
}

.whitebox_img{
	width:80px;
}

#flexstyle{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#content{
	padding:20px;
	line-height: 1.3rem;
}

.bg01{
	background-image: url("../img/01.png");
	background-size: cover;
}

#clearme{
	clear:both;
}

#kundecenter_login{
	position: absolute;
	right:5px;
	top:5px;
	z-index:9999;
}

#membercontainer{
	width:1900px;
	max-width: 100%;
	margin:0 auto;
}

#firmenkachel{
	width:600px;
	height: auto;
	min-height: 450px;
	max-width: 100%;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #2b2a2a;
	box-shadow: #2b2a2a 2px 2px 7px;
	margin-top: 20px;
}

#firmenkachel_flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#firmenkachel_text_l{
	width: 350px;
	padding: 10px;
}
#firmenkachel_text_r{
	width: 210px;
	padding: 10px;
}

#firmenkachel_logo{
	width:500px;
	height:150px;
	max-width: 100%;
	margin:0 auto;
	padding-top: 8px;
	text-align: center;
}

.pluslogo{
	width:65px;
	position:absolute;
	margin:-3px 0px 0px -3px;
}

.azubilogo {
	width:65px;
	position:absolute;
	margin:400px 0px 0px 0px;
}

.firmenkachel_firmenlogo{
	max-width: 100%;
	max-height: 100%;
	margin:0 auto;
}

.plusprofiltrue{
	background-color: #fdfff0;
}

.plusprofiltrue:hover{
	background-color: #fffcd4;
	cursor: pointer;
}

#partnerseitencontainer{
	
}

#partnerseitenbeschreibung{
	border-radius:10px;
	padding-left:10px;
	padding-right:10px;
	max-width:900px;
	display:inline-block;
	float:left;
}

#partnerkontaktcontainer{
	border-radius:10px;
	border-style: solid;
	border-width: 1px;
	border-color: #acacac;
	box-shadow: #acacac 2px 2px 1px;
	padding:10px;
	max-width:350px;
	display:inline-block;
	float:right;
}

.trust{
	background:#1a1a1a;
	padding:40px 0;
}

.trust-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
	text-align:center;
	gap:20px;
	font-weight:500;
	color:#d4d4d4;
}

.trustcontainer{
	max-width:1200px;
	margin:auto;
	padding:0 20px;
}

.container {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #000000;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}

#mobilemenuarea{
    display:none;
    margin-top: 35px;
}

#flex_area{
	width:1200px;
	max-width:100%;
	margin:0 auto;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex: 600px;
}

#newsbox{
	width:550px;
	max-width:100%;
	padding:20px 20px 20px 20px;
}

.news_img{
	width:550px;
	max-width:100%;
	height:390px;
}


#textbox1{
	width:1900px;
	max-width:100%;
	padding:20px 10px 20px 10px;
	margin:0 auto;
}

#textbox2{
	width:1300px;
	max-width:100%;
	padding:20px 10px 20px 10px;
	margin:0 auto;
}


#join{
	background:url("../img/join.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:300px;
  padding:100px;
}

#footer{
	background-color:#1a1a1a;
	height: auto;
	min-height:70px;
}
#footer_txt{
	width:200px;
	max-width:100%;
	margin:0 auto;
	padding-top:23px;
	color:#ffffff;
}

#bottomboxtopflex {
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	background-color: #ffffff;
}

#bottomborderboxtopleft {
	height: 20px;
	width: 150px;
	margin-right:-1px;
	background-color: #1a1a1a;
	background: linear-gradient(135deg, transparent 20px, #1a1a1a 0) top left;
}


#bottomborderboxtopright {
	height: 20px;
	width: 150px;
	margin-left:-1px;
	background-color: #1a1a1a;
	background: linear-gradient(225deg, transparent 20px, #1a1a1a 0) top right;
}

#bottomboxbottomflex {
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	background-color: #f0f0f0;
}

#bottomborderboxbottomleft {
	height: 20px;
	width: 150px;
	margin-right:-1px;
	background-color: #1a1a1a;
	background: linear-gradient(45deg, #f0f0f0 20px, #1a1a1a 0) bottom left;
}


#bottomborderboxbottomright {
	height: 20px;
	width: 150px;
	margin-left:-1px;
	background-color: #1a1a1a;
	background: linear-gradient(315deg, #f0f0f0 20px, #1a1a1a 0) bottom right;
}


#bottom{
	background-color:#f0f0f0;
	height: auto;
	min-height:310px;
	padding:30px 10px;
}

#contact_card_area{
	width:1400px;
	max-width:100%;
	display:flex;
	margin:0 auto;
}

#contact_card{
	width:500px;
	padding:20px;
}

#brand{
	background-color:#383838;
	height:50px;
	text-align:center;
	padding:15px;
	color:#ffffff;
}

#cutter{
	width:100%;
	height:60px;
	background: #1a1a1a;
}

#cutter-alert{
	width:100%;
	height:auto;
	background: #fe1818;
	color:#ffffff;
}

#firmenbox{
	display:inline-block;
	padding-top: -25px;
	margin-left: 150px;
}

.firmenlogo {
	position: absolute;
}

#firmenname{
	display:inline;
	font-weight: bold;
}

#anschrift{
	display:inline;
}

#kontakt{
	
}

.nf_header_logo{width:400px;}

.box {
	margin: 20px 50px 20px 50px;
}

.box2 {
	margin: 0px 50px 20px 50px;
}

.outbox {
	width:1400px;
	max-width: 100%;
	margin:0 auto;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.spacearroundme{
	margin:35px 15px;
}

#itserviceboxen{
	width:800px;
	max-width: 95%;
	margin:15px;
	padding:20px;
	border-style: solid;
	border-color: #dbdbdb;
	box-shadow: #dbdbdb 2px 2px 1px;
	background-color: #ffffff;
	border-width: 1px;
	border-radius: 2px;
	line-height: 1.3rem;
}

.centerbox_join {
	width:275px;
	max-width: 100%;
	margin:0 auto;
	background-color: #67233a;
	color: #ffffff;
	padding:5px 20px 15px 20px;
	border-color: #1a4469;
	border-style: solid;
	border-width: 1px;
	box-shadow:#1a4469 2px 2px 1px;
	text-align: center;
}

.innungsname {
	width:100%;
	color:#ffffff;
	font-size:26px;
	font-weight: 700;
	font-family:"Arial";
	line-height:1.1;
	margin:0;
	background-color: #67233a;
	box-shadow:#1a4469 4px 4px 2px;
	padding:15px 5px 15px 5px;
}

.col_white{
	color:#ffffff;
}

.col_white_hov{
	color:#ffffff;
}
.col_white_hov:hover{
	color:#eae9ff;
}

.join_innungsname{
	font-size: 24px;
	color:#383838;
	text-shadow: #545353 1px 1px 0px;
}

.downspace{margin-bottom:15px;}

.menu_btn_login{
	font-family: 'Jost-Regular';
	height:40px;
	width:auto;
	min-width:75px;
	background-color:#ffffff;
	color:#002259;
	font-size:20px;
	border-style:none;
	padding-left:10px;
	padding-right:10px;
	margin-left:-5px;
	margin-right: 5px;
	border-radius: 3px;
}
.menu_btn_login:hover{
	cursor:pointer;
	background-color:#002259;
	color:#ffffff;
	text-decoration: underline;
}

.menu_btn{
	font-family: 'Jost-Regular';
	height:70px;
	width:auto;
	min-width:100px;
	background-color:#ffffff;
	color:#002259;
	font-size:28px;
	border-style:none;
	padding-left:10px;
	padding-right:10px;
	margin-left:-5px;
}
.menu_btn:hover{
	cursor:pointer;
	background-color:#002259;
	color:#ffffff;
	text-decoration: underline;
}

.menu_btn_round{
	height:70px;
	width:auto;
	min-width:100px;
	background-color:#002259;
	color:#ffffff;
	font-size:18px;
	border-style:none;
	padding-left:10px;
	padding-right:10px;
	margin-left:-5px;
	border-radius:5px;
	border-style: solid;
	border-width: 1;
	border-color: #67233a;
	box-shadow: #67233a 2px 2px 1px;
}
.menu_btn_round:hover{
	cursor:pointer;
	background-color:#ffffff;
	color:#000000;
	border-color: #1a4469;
	box-shadow: #1a4469 2px 2px 1px;
}

.fett{
	font-weight:bold;
}

.hgv_footer{
	width:300px;
	max-width: 90%;
}

.portrait_about{
	width:250px;
	max-width: 90%;
	border-radius: 100%;
	max-height: 250px;
}

#textbox-right{
	padding-top:50px;
	padding-left: 75px;
	width:800px;
	max-width: 90%;
}

#mobileplaceholder{
	display:none;
	margin-top: 50px;
	height:50px;
}




/* Marquee styles */
.marquee {
    --gap: 1rem;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
  }
  
  .marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
  }
  
  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-100% - var(--gap)));
    }
  }
  
  @media (prefers-reduced-motion: reduce) {
    .marquee__content {
      animation-play-state: paused !important;
    }
  }
  
  .enable-animation .marquee__content {
    animation: scroll 50s linear infinite;
  }
  
  .marquee--reverse .marquee__content {
    animation-direction: reverse;
  }
  
  .marquee--hover-pause:hover .marquee__content {
    animation-play-state: paused;
  }
  
  .marquee--fit-content {
    max-width: fit-content;
  }
  
  .marquee--pos-absolute .marquee__content:last-child {
    position: absolute;
    top: 0;
    left: 0;
  }
  

  .enable-animation .marquee--pos-absolute .marquee__content:last-child {
    animation-name: scroll-abs;
  }
  
  @keyframes scroll-abs {
    from {
      transform: translateX(calc(100% + var(--gap)));
    }
    to {
      transform: translateX(0);
    }
  }
  
  /* Other page demo styles */
  .marquee__content > * {
    flex: 0 0 auto;
    color: white;
    background: transparent;
    margin: 2px;
    padding: 1rem 2rem;
    border-radius: 0.25rem;
    text-align: center;
  }
  
  .marquee {
    border: none;
  }
  
  * {
    /*box-sizing: border-box;*//*Wenn es an die Box skaliert werden soll*/
  }
  
  section {
    border:none;
  }
  
  section > * + * {
    margin-block-start: 0.5rem;
  }

  
@keyframes zoomIn {
0% {
	transform: scale(0.3);
	opacity: 0;
}
100% {
	transform: scale(1);
	opacity: 1;
}
}

.zoom-in {
opacity: 0; /* initial versteckt */
transform: scale(1); /* initial skaliert */
transition: all 0.3s ease;
}

.zoom-in.animate {
animation: zoomIn 1s cubic-bezier(1, 0.01, 0, 0.99);
opacity: 1;
}


.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input{margin:0;padding:0;border:none;outline:none;}
.nav a{text-decoration:none;color:#ffffff;}
.nav li{list-style:none;}
.nav{display:inline-block;position:relative;cursor:default;z-index:500;}
.nav > li{display:block;float:left;}
.nav > li > a{position:relative;display:block;z-index:510;height:70px;padding:0 15px;line-height:70px;font-family: "Arial";font-size: 32px;font-weight: 400;color:#1a1a1a;text-shadow:0 0 1px rgba(0,0,0,.35);background:#ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.nav > li:hover > a{background:#1a1a1a;color:#ffffff;}
.nav > li:first-child > a{border-radius:5px 0 0 1px;border-left:none;}
.nav > li:last-child > a{border-radius:0 5px 0 1px;border-left:none;}
.nav > li > div{position:absolute;display:block;width:900px;top:70px;left:0;opacity:0;visibility:hidden;overflow:hidden;background:#cccccc;border-radius:0 0 3px 3px;-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s;-o-transition:all .3s ease .15s;-ms-transition:all .3s ease .15s;transition:all .3s ease .15s;}
.nav > li:hover > div{opacity:1;visibility:visible;overflow:visible;}
.nav .nav-column{float:left;width:43%;padding:2.5%;}
.nav .nav-column h3{margin:20px 0 10px 0;line-height:18px;font-family: "Arial";font-size: 14px;font-weight: 400;color:#372f2b;text-transform:uppercase;}
.nav .nav-column h3.orange{color:#ff722b;}
.nav .nav-column ul hr{color:#fafafa;border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: rgb(255, 255, 255);}
.nav .nav-column li a{color:#ffffff;border: 0;}
.nav .nav-column li a:hover{background-image: linear-gradient(#1a1a1a, #1a1a1a);}

@media only screen and (max-width:2700px){
	.nav > li > a{font-size: 25px;}
	#menu_inside{width: 600px;}
}

@media only screen and (max-width:2000px){
	#menu_inside{width: 600px;padding-left:200px;}
}

@media only screen and (max-width:1830px){
	#menu_inside{
		width:600px;
		max-width:100%;
		margin:0 auto;
		position:relative;
		padding-left: 0px;
	}
}


@media only screen and (max-width:1665px){
	#partnerkontaktcontainer{float:left;margin-top: 50px;}
	.mainpageheaddeadzone{height:650px;}
}

@media only screen and (max-width:1450px){
	h1{font-size: 28px;}
	.nav > li > div{width:1000px;}
	#menu_inside{
		width:1000px;
	}
}

@media only screen and (max-width:1450px){
	#menu_inside{display:none;}
	#menu_mobile_btn{display:block;}
	h1{font-size: 24px;}
    #mobilemenuarea{display:block;}
}

@media only screen and (max-width:1415px){
	#rockettext_area{margin-left:25px;}
	.mainpageheaddeadzone{height:600px;}
}

@media only screen and (max-width:1115px){
	.mainpageheaddeadzone{height:1250px;}
	#mobileplaceholder{display:block;}
	.whitebox{margin-top: 35px;}
}

@media only screen and (max-width:870px){
	#rockettext_area{margin-left:15px;width:90%;margin-right: 15px;}
	.experience{font-size: 26px;}
	#support_card{width:320px;max-width:100%;margin:0 auto;position: relative;}
}

@media only screen and (max-width:800px){
	.nf_header_logo{width:90%;margin-top:20px;}
	#join_box{font-size: 20px;}
	#firmenkachel{width:320px;}
	.pluslogo{width:35px;position:absolute;margin:-15px 0px 0px -15px;}
	#footer{height:120px;}
	#brand{height:60px;}
	#contact_card_area{display:block;}
	#contact_card{width:80%;padding:0px;padding-left: 20px;padding-top:40px;}
	#bottom{height:auto;}
	h1{font-size: 26px;}
	h2{font-size: 20px;}
}