@charset "UTF-8";


/**
 * Styles
 */
  
* {
	margin:0;
	padding:0;
}
	
a, button {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*
.columns:last-child:last-child{
float:left;
}
*/

/* ---------- Fonts ----------- */
h2 {
	line-height: 1.25;
	font-size:38px;
	margin: 0 0 20px 0;	
}
	
h3 {
	font-size:20px;
}
	
h4 {
	font-size:16px;
}
	
h5 {
	font-size:23px;
}

article p, article h2 {
	padding-right: 15%;
}
	
/* ---------- Rows Vertical Padding ----------- */		
main section {
	padding:90px 0 80px;
}

main article {
	padding:20px 0 20px;
}

.gallery_horizontal {
	padding: 0;
}

.gallery_horizontal_12columns {
	padding: 0;
}
	
/* ---------- Header ----------- */
header {
	/*position:fixed; -- Doris*/
	position:relative;
	z-index:998;
	width:100%;
}

.top-bar, .top-bar ul {
	background-color:transparent !important;
	z-index:999;
}
	
/* ---  Navigation ---- */	
.is-dropdown-submenu {
	border:0;
}
	
.dropdown.menu:not(.vertical) .is-dropdown-submenu.first-sub {
	/*margin-top: 8px; -- Doris*/
	padding-top: 8px;
}
	

	
/* ---------- Header Left ----------- */	
header h5#logo, h5#logo_footer {
	width: 150px;
	height: 50px;
	text-decoration: none;
	float: left;
    margin: 0 20px 0 0;
}
	  
h5#logo a, h5#logo_footer a {
	text-indent: -1000px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none !important;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
}
	
.sticky {
	width:100%;
	margin:0 !important;
}

h5#logo_footer {
	margin-bottom: 20px;
	margin-left: 20px;
}

/* ---------- Header Center ----------- */	
h5#logo-center {
	/* width: 95px; */
	height: 70px;
	text-decoration: none;
	margin: 15px auto 20px;
}
	  
h5#logo-center a {
	text-indent: -1000px;
	overflow: hidden;
	text-decoration: none !important;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
}
	
.header_center .top-bar-right {
	margin: 0 auto;
    width: 23%;
	float: none;
}
	
/* ---------- Flexslider ----------- */
.flexslider, .flexslider_bg{
	border:0;
	background:none;
	/* margin:0; */
}

.flexslider_bg{
	max-width: inherit;
	}
	
.flexslider_bg .slides li{
	background-size: cover !important;
}

.flexslider .slides li img,
.flexslider_bg .slides li img{
	position:relative;
	z-index:1;
}
	
.flexslider .slides .slide-text {
	position: absolute;
    z-index: 99;
    top: 40%;
    width: 50%;
    right: 20px;
	color:#ffffff;
}
	
.flexslider .slides .slide-text h2 {
	color:#ffffff;
}
	
.flexslider .flex-direction-nav a {
	height: auto;
	margin: -50px 0 0;
}
	
.overlay {
	width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    z-index: 20;
    opacity: 0.2;
}

.flexslider .slides .slide-text, .flexslider .flex-control-nav, .flex-direction-nav{
	display:block;
	}

/* ---  Fullwidth ---- 

.fullwidth_slider .slides .slide-text {
	top: 55%;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    left: 25%;
    right: 25%;
}
	
.fullwidth_slider h2 {
	font-size:50px;
}

	
/* ---  Bullets ---- */	
.flex-control-nav {
	bottom: 10px;
	z-index: 99;
}
	
/* ---------- Row Description ----------- */	
.row_description img {
	display:block;
	margin: 25px auto 35px;
}
	
.row_description h2 {
	font-size: 35px;
    max-width: 75%;
}

	
/* ---------- Row Icons & Pictures ----------- */
.row_icons .fa {
    font-size: 65px;
    text-align: center;
    width: 100%;
    margin: 0 0 40px 0;
}

.row_icons .fa-solid {
    font-size: 65px;
    text-align: center;
    width: 100%;
    margin: 0 0 40px 0;
}

.row_icons .fa-regular {
    font-size: 65px;
    text-align: center;
    width: 100%;
    margin: 0 0 40px 0;
}

.row_icons .fa-light {
    font-size: 65px;
    text-align: center;
    width: 100%;
    margin: 0 0 40px 0;
}

.row_icons .fa-thin {
    font-size: 65px;
    text-align: center;
    width: 100%;
    margin: 0 0 40px 0;
}
.row_icons .fa-duotone {
    font-size: 65px;
    text-align: center;
    width: 100%;
    margin: 0 0 40px 0;
}

.row_icons .fa-brands {
    font-size: 65px;
    text-align: center;
    width: 100%;
    margin: 0 0 40px 0;
}

.row_icons .fab {
    font-size: 65px;
    text-align: center;
    width: 100%;
    margin: 0 0 40px 0;
}

.row_icons h3, .row_icons_left h3 {
	line-height: 1.3;
	margin: 0 0 15px 0;
}
	
.row_icons_left .fa {
	float: left;
    font-size: 40px;
    margin: 0 20px 0 0;
}

.row_icons_left .fa-regular {
	float: left;
    font-size: 40px;
    margin: 0 20px 0 0;
}
	

.row_icons_left .fa-solid {
	float: left;
    font-size: 40px;
    margin: 0 20px 0 0;
}
	

.row_icons_left .fa-light {
	float: left;
    font-size: 40px;
    margin: 0 20px 0 0;
}
.row_icons_left .fa-thin {
	float: left;
    font-size: 40px;
    margin: 0 20px 0 0;
}	
.row_icons_left .fa-duotone {
	float: left;
    font-size: 40px;
    margin: 0 20px 0 0;
}

.row_icons_left .fa-brands {
	float: left;
    font-size: 40px;
    margin: 0 20px 0 0;
}
.row_icons_left .text {
	float:left;
	width: 70%;
}
	
.row_pictures img {
	margin:0 0 30px 0;
}
	
/* ---------- Calendar ----------- */
.calendar h2 {
    margin: 0 0 14px 0;
	font-size:26px;
}

.calendar h3 {
    margin: 0 0 5px 0;
	font-size:18px;
}

/* ---------- Download ----------- */
.download h3 {
	text-align:center;
}
	
.download .fa {
	margin: 0 0 25px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
	
.download-box:hover .fa,
.download-box:hover h3 a {
	color:#000000;
	cursor:pointer;
}
	
/* ---------- Row Logos ----------- */
.row_logos .fa {
	color:#555555;
	text-align:center;
	width:100%;
	font-size:75px;
	margin: 30px 0;
}
.row_logos .fa-regular {
	color:#555555;
	text-align:center;
	width:100%;
	font-size:75px;
	margin: 30px 0;
}
.row_logos .fa-solid {
	color:#555555;
	text-align:center;
	width:100%;
	font-size:75px;
	margin: 30px 0;
}
.row_logos .fa-light {
	color:#555555;
	text-align:center;
	width:100%;
	font-size:75px;
	margin: 30px 0;
}
.row_logos .fa-thin {
	color:#555555;
	text-align:center;
	width:100%;
	font-size:75px;
	margin: 30px 0;
}
.row_logos .fa-duotone {
	color:#555555;
	text-align:center;
	width:100%;
	font-size:75px;
	margin: 30px 0;
}

.row_logos .fa-brands {
	color:#555555;
	text-align:center;
	width:100%;
	font-size:75px;
	margin: 30px 0;
}

.row_logos h2 {
	color:#333333;
	text-align:center;
	width:100%;
	margin:0 0 20px 0;
	font-size: 28px;
}
.row_logos .owl-theme .owl-controls .owl-page span {
	background:#999999;
}
	
/* ---------- Row Team ----------- */
.row_team img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	
.row_team h3 {
	margin: 20px 0 0px 0;
}
	
.row_team .fa {
	margin-right:7px;
	font-size: 12px;
	color:#EFC468;
}
.row_team .fa-solid{
	margin-right:7px;
	font-size: 12px;
	color:#EFC468;
}
.row_team .fa-regular {
	margin-right:7px;
	font-size: 12px;
	color:#EFC468;
}
.row_team .fa-thin {
	margin-right:7px;
	font-size: 12px;
	color:#EFC468;
}
.row_team .fa-light {
	margin-right:7px;
	font-size: 12px;
	color:#EFC468;
}
.row_team .fa-duotone{
	margin-right:7px;
	font-size: 12px;
	color:#EFC468;
}
.row_team .fa-brands{
	margin-right:7px;
	font-size: 12px;
	color:#EFC468;
}

.row_team p {
	margin:0 0 8px 0;
}
	
.row_team a:hover {
	text-decoration:underline;
	color:#EFC468;
}
	
/* ---------- Row Testimonial ----------- */
.row_testimonials .flexslider {
	height:auto;
	background: transparent;
    border: 0;
}
	
.row_testimonials img {
	width: 180px !important;
    height: auto !important;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    margin: -15px auto 0;
}
	

	
.row_testimonials .flex-control-nav {
	bottom:-45px;
}
	
/* ---------- Row Gallery ----------- */
.row_gallery img {
	margin: 0 0 25px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
	
.row_gallery img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}



/* ---------- Row Call-to-action ----------- */
.row_calltoaction h1,
.row_calltoaction h2,
.row_calltoaction p {
	text-align:center;
	max-width:75%;
	margin:0 auto;
}
	
.row_calltoaction h2 {
	margin-bottom:25px;
}
	
.row_calltoaction p {
	margin-bottom:40px;
}

.row_calltoaction .button {
	text-align:center;
	margin:0 auto;
	display:block;
	width:220px;
}
	
/* ---------- Row Contact Form ----------- */
.row_contactform h2,
.row_contactform h3,
.row_contactform p {
	text-align:center;
	max-width:75%;
	margin:0 auto;
}
	
.row_contactform h2 {
	margin-bottom:25px;
}
	
.row_contactform p {
	margin-bottom:40px;
}

.row_contactform input[type="submit"] {
	float: none;
	text-align: center;
	margin: 0px auto;
	display: block;
	width: auto;
}


.row_contactform .fa {
	width: 100%;
    text-align: center;
    font-size: 30px;
    margin: 0 0 15px 0;
}
.row_contactform .fal {
	width: 100%;
    text-align: center;
    font-size: 30px;
    margin: 0 0 15px 0;
}
.row_contactform .far {
	width: 100%;
    text-align: center;
    font-size: 30px;
    margin: 0 0 15px 0;
}
.row_contactform .fas {
	width: 100%;
    text-align: center;
    font-size: 30px;
    margin: 0 0 15px 0;
}
.row_contactform .fa-brands {
	width: 100%;
    text-align: center;
    font-size: 30px;
    margin: 0 0 15px 0;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	border:0;
	box-shadow: none;
	transition:none;
	height: 52px;
    padding: 15px 20px;
	margin: 0 0 15px 0;
}
	
.row_contactform [type='submit'] {
	float:right;
	font-weight:700;
}
	
textarea:focus, input:focus, *:focus {
    border:0 !important;
	border-color:transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: none !important;
	outline-style:none !important;
}

input[type='radio'] {
	margin: 0;
}

form select{
	color: #a9a9a9;
	height: 52px;
	padding: 15px 20px;
	border: none;
	margin-bottom:15px;
}

formselect.selected, .selected {
    color: green !important;
}

input.error, .error::-webkit-input-placeholder {
    color: #f00;
}


/* ---------- Contact Form Dot ----------- */	
.dot {
	background: #76B128;
    -webkit-border-radius: 85px;
    -moz-border-radius: 85px;
    border-radius: 85px;
    position: relative;
    width: 140px;
    height: auto;
    color: #ffffff;
    font-size: 18px;
    padding: 44px 15px;
    z-index: 999;
    left: 92%;
    top: 37px;
	margin-top: -140px;
    text-align: center;
    font-family: 'AmpMedium', 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: normal;
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
	
.dot span {
	font-size: 25px;
    line-height: 1;
    font-weight: 700;
}
	
/* ---------- Row Map ----------- */	
.row_map, .row_map iframe {
	width:100%;
	height: 400px;
	padding:0 !important;
}

.row_code, .row_code iframe {
	width:100%;
	height: 400px;
	padding:0 !important;
}

.row_image, .row_image iframe {
	width:100%;
	padding:0 !important;
    pointer-events: none;
}

	
/* ---------- Footer ----------- */
footer {
	padding:50px 0 60px 0;
}

.fab{
	font-size: 65px;
}

.fa-brands{
	font-size: 65px;
}

footer h1#logo {
	width: 200px;
	height: 50px;
	text-decoration: none;
	float: left;
    margin: 0 0 40px 2.5%;
}
	
footer .contact .fa,footer .contact .fa-solid,footer .contact .fa-regular,footer .contact .fa-light,footer .contact .fa-thin,footer .contact .fa-duotone, footer .contact .fa-brands{
	float:left;
	width: 5%;
    margin: 4px 4% 0 0;
    line-height:12px;
}
	
footer .contact p {
	float:left;
	width: 90%;
	line-height: 1.4;
	margin:0 0 10px 0;
}
footer .fa-envelope {
	font-size: 15px;
}
	
footer .sitemap ul {
	margin:0;
}
	
footer .sitemap ul li {
	width:50%;
	float:left;
	list-style-type:none;
}
	
footer .sitemap p {
	margin:0;
}
	
footer .social .fa {
	font-size: 30px;
    margin: 0 16px 0 0;
}
	
/* ---------- Back to top Button ----------- */
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}

.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

	
	
/* ---------- onlineraketen Popup implementet 09/2018 ----------- */ 

.div_popup_autoview{
	position:fixed;
	top:50%;
	left:50%;
	width: 650px;
	height:650px;
	margin-left:-325px;
	margin-top:-325px;
	background:white;
	z-Index:11000;
	display:block;
	padding:20px;
	border-radius:10px;
	box-shadow: 0 0 10px #ddd;
}

.div_popup_back_autoview{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-Index:10000;
	display:block;
	border: 1px solid red;
}


@media screen and (max-width : 1070px)  { 
/* ----- Slider ----- */
.row_slider .column, .row_slider .columns {
	padding-left: 0;
    padding-right: 0;
}
.row_slider {
	padding:0 !important;
}	

}

@media screen and (max-width : 1024px)  { 
.download-box {
	margin:0 0 30px 0;
}
	
/* ----- Icons ----- */	
.row_icons .fa {
	margin: 20px 0 25px 0;
}
.row_icons .fa-brands {
	margin: 20px 0 25px 0;
}	
.row_icons_left p {
	margin:0 0 30px 0;
}
	
/* ----- Team ----- */	
.row_team .columns {
	margin:0 0 35px 0;
}
	
.dot {
	display:none;
}
	
.row_map, .row_map iframe {
     pointer-events: none;   
}

}


@media screen and (max-width : 1000px)  { 
/* ----- Slider ----- */
.fullwidth_slider,
.fullwidth_slider li {
	height: 450px;
	overflow:hidden;
}
	
.fullwidth_slider .slides img {
	width: 400%;
	max-width:inherit;
	height:auto;
}
	
.fullwidth_slider .slides .slide-text {
	width: 80%;
	left: 10%;
    right: 10%;
}
	
.boxed_slider,
.boxed_slider li {
	height: 450px;
	overflow:hidden;
}
	
.boxed_slider .slides img {
	width: 400%;
	max-width:inherit;
	height:auto;
}
	
.boxed_slider .slides .slide-text {
	top: 50%;
	margin-top: -100px;
}
	
/* ----- Calendar ----- */	
.calendar .button {
	margin: 0 0 35px 0;
}
	
.calendar p {
	margin: 0 0 15px 0;
}
}

@media screen and (max-width : 740px)  { 
main section {
	padding:0 15px;
}

/* ----- Slider ----- */	
.fullwidth_slider .slides .slide-text {
	width: 100%;
	left: 0;
    right: 0;
	top: 44%;
}
	
/* ---------- Rows Vertical Padding ----------- */		
main section {
	padding:50px 0 40px;
}
}

@media screen and (max-width : 665px)  { 
/* ----- Footer ----- */
footer .contact .fa {
	width: 17px;
    margin: 4px 7px 0 0;
}

footer .contact, footer .sitemap, footer .social {
	margin:0 0 25px 0;
}
}

@media screen and (max-width : 1000px)  { 
/* ----- Footer ----- */
footer .contact .fa {
	width: 17px;
    margin: 4px 7px 0 0;
}
}

@media screen and (max-width : 640px)  { 
ul.menu li {
	display: block;
}
	
h5#logo {
	margin: 0 20px 15px 0;
}
	
.mobile_menu {
	float:right;
}
	
.menu-icon.dark::after {
	background:#ffffff;
	box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
}
	
/* ----- Bild ----- */	
.row_description img {
	margin-top:0;
}
	
/* ----- Pictures ----- */	
.row_pictures p {
	margin:0 0 35px 0;
}
	
.row_pictures img {
	margin: 0 0 20px 0;
}
	
.row_content_third img,
.row_content_half img {
	margin:0 0 25px 0;
}
	
.row_content_third .button,
.row_content_half .button {
	margin:0 0 25px 0;
}
	
/* ----- Testimonials ----- */	
.row_testimonials img {
	margin-bottom:45px;
}

}





/* ---------- Logo Retina ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
h5#logo a {
	-webkit-background-size: 100%  100% ;
	-moz-background-size: 100%  100% ;
	background-size: 100%  100% ;
}
	
h5#logo-center a {
	-webkit-background-size: 100%  100% ;
	-moz-background-size: 100%  100% ;
	background-size: 100%  100% ;
}
}




/* ---------- Modal Dialog ----- */

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 98;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  /*visibility: hidden;*/
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  margin-left: -40%;
  width: 80%;
  background-color: white;
  padding: 1.25rem;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  top: 6.25rem; }
  .reveal-modal .column,
  .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  .reveal-modal .close-reveal-modal {
    font-size: 1.375rem;
    line-height: 1;
    position: absolute;
    top: 0.5rem;
    right: 0.6875rem;
    color: #aaaaaa;
    font-weight: bold;
    cursor: pointer; }

@media only screen and (min-width: 40.063em) {
  .reveal-modal {
   padding: 1.875rem;
   top: 50% !important;
   left: 50% !important;
   transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
   -o-transform: translate(-50%,-50%);
   max-width:773px; }
    .reveal-modal.tiny {
      margin-left: 0;
	  width: 100% !important; }
    .reveal-modal.small {
      margin-left: 0;
	  width: 100% !important; }
    .reveal-modal.medium {
      margin-left: 0;
	  width: 100% !important; }
    .reveal-modal.large {
      margin-left: 0;
	  width: 100% !important; }
    .reveal-modal.xlarge {
      margin-left: 0;
	  width: 100% !important; }
@media print {
  .reveal-modal {
    background: white !important; } }
/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #455400;
    color: #99bb00; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: white;
  background: #333333;
  -webkit-border-radius: 20px;
  border-radius: 20px; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #333333 transparent;
    top: -10px; }
  .tooltip.opened {
    color: #99bb00 !important;
    border-bottom: dotted 1px #455400 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #777777;
  font-weight: normal; }

@media only screen and (min-width: 40.063em) {
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333333;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent #333333 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }
/* Clearing Styles */
[data-clearing] {
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }
  [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  [data-clearing]:after {
    clear: both; }
  [data-clearing] li {
    float: left;
    margin-right: 10px; }

}

.columns:last-child:last-child{
float:left;
}

main {
position: relative;
}

.row_contactform{
position:relative;
background:rgba(0,0,0,0.5);
}


/* LAST CHANGE */
.top-bar .top-bar-right{
float:none;
}

.top-bar .top-bar-right > ul {
text-align:center;
}

.top-bar .top-bar-right > ul.menu.medium-horizontal > li{
display:inline-block;
}

.top-bar .submenu > li {
text-align: left;
}

.contact span{display: block; margin: 0; font-size: 18px;}
.contact ul{margin-left: 0;}

@media screen and (max-width: 640px){
#top-bar-menu #logo-center{
display: none !important;
}

.top-bar .top-bar-right > ul.menu.medium-horizontal > li{
display:block;
}

.top-bar .top-bar-right > ul {
text-align:left;
}

}

.flexslider .slides > li{
position:relative;
}



@media screen and (max-width: 767px){
	
.row_gallery .fancybox {
    display: block;
}
	
.fancybox img {
    width: 70%;
	display: block;
	margin: 0 auto;
}


	
.flexslider .flex-direction-nav a{
    height: 24px;
    margin: -24px 0 0;
}
.flex-direction-nav a:before{
    font-size: 20px;
}
.flex-control-paging li a {
    width: 8px;
    height: 8px;
}
.flex-control-nav{
bottom:3px;
}

h5#logo-center {
    width: 230px;
    /* height: 120px; */
    margin: 5px auto;
}
header{
    margin:0 auto;
}
footer{
padding: 20px 0;
}
h1#logo_footer{
    width: 150px;
    /* height: 100px; */

}


.is-dropdown-submenu-parent.is-down-arrow a{
  padding: 0.7rem 0.5rem;
}
.menu > li > a{
    padding: 0.7rem 0.5rem;}
}
}

@media screen and (max-width: 665px){
footer .contact, footer .sitemap, footer .social {
    margin: 0 0 15px 0;
}
}

.video-frame {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 52.2%;
}



.video-frame iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}


@media screen and (max-width: 1199px){

.video-frame {
 padding-bottom: 55.2%;
}
}

#owa-tracker-post-container{
display:none;
}


/* Video Background */
.fullwidth-bg {	
		  position:relative;
		  overflow: hidden;
		  z-index:;
		  min-height:550px; /* Min. Height of Video */
		}
		.fullwidth-bg_video {
		  position: absolute;
		  width: 100%;
		  top:0;
		  left:0;
		}
		.cover{
		  position: relative;
		  top: 0;
		  left: 0;
		  z-index: 2;
		  width: 100%;
		  min-height: 550px; /* Add Min. Height of Video */
		  background: rgba(0, 0, 0, 0.3); /* Colour & opacity of transparent cover */
		}
		/* v@media (min-aspect-ratio: 16/9) {
		  .fullwidth-bg_video {
			height: 300%;
			top: -100%;
		  }
		}
		@media (max-aspect-ratio: 16/9) {
		  .fullwidth-bg_video {
			width: 300%;
			left: -100%;
		  }
		} */
		/* @media (max-width: 767px) {
		  .fullwidth-bg {
			background: url('img/videoframe.jpg') center center / cover no-repeat;
		  }
		  .fullwidth-bg_video {
			display: none;
		  }
		} */
		.cover .row{
			position:relative;
			z-index:999;
		}
		.cover h2{
			text-align:center;
    		line-height: 1.1;
			padding: 40% 0 0;
			margin-bottom:40px;
		}
		.cover p{
			text-align:center;
		}
		video { display: block; }

/* bugfixing doris wegen falschem umbruch 4spaltige darstellung */ 
@media screen and (min-width: 40em){
     .medium-6:nth-child(2n+1){
     clear:left;
    }
}
@media screen and (min-width: 64em){
	.medium-6:nth-child(2n+1){
     clear:inherit;
    }
    .large-3:nth-child(4n+1){
     clear:left;
    }
	footer .large-3:nth-child(4n+1){
	 clear:inherit;
	}
}

/* doris horizontale galerie */ 
.loop>div{
	overflow:hidden;
	max-height:350px;
}

.row_logos .owl-carousel{
	float:left !important;
}
.row_logos .owl-carousel>div{
	overflow:hidden;
}

.owl-theme .owl-nav{
    z-index: 999999;
    position: relative;
    margin-bottom: 150px;
	margin-top: -200px;
}

.owl-theme .owl-nav [class*=owl-]{
    font-size: 40px;
	background:none;
    margin: 0 -40px;
    padding: 4px 7px;
    display: inline-block;
    cursor: pointer;
	height: 50px;
    width: 50px;
	color: rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.owl-theme:hover .owl-nav [class*=owl-]{
	margin: 0 8px;
}
.owl-prev{
	float:left;
}
.owl-next{
	float:right;
}
.owl-prev:hover, .owl-next:hover{
	color: rgba(0, 0, 0, 0.9) !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4) !important;
	background: none !important;
}

.owl-dots{
	padding: 12px 0 5px;
}

/* Google recaptcha 3 ausblenden */

.grecaptcha-badge{visibility: collapse !important;}
.repeat_email{height:0.5px !important; padding:0;margin:0;border:0;background:none;}

/* ---------- onlineraketen Popup implementet 09/2018 ----------- */ 

.div_onlineraketen_popup_back{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-Index:10000;
	display:none;
}

.div_onlineraketen_popup{
	position:fixed;
	left: 50%;
	top: 50%;
	width:650px;
	height:500px;
	margin-left:-325px;
	margin-top:-250px;
	background:white;
	z-Index:11000;
	display:none;
	padding:20px;
	border-radius:10px;
	box-shadow: 0 0 10px #ddd;
}

@media screen and (max-width: 899px){
.div_onlineraketen_popup{
	position:fixed;
	left: 0;
	top: 0;
	margin:10%;
	width:80%;
	height:90%;
	background:white;
	z-Index:11000;
	display:none;
	padding:20px;
	border-radius:10px;
	box-shadow: 0 0 10px #ddd;
}

	
}

.reveal-modal.tiny {
    position: fixed !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
  width: calc(100% - 20px) !important;
margin: 0 auto !important;
}


@media screen and (max-width: 767px){

.reveal-modal.tiny p {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 0 10px;
}

}

.flexslider .flex-direction-nav a { height: auto; font-size: 0; }

.flex-direction-nav a:before {
color: #000;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}