/***
* Allgemeines
* Defaults
*   Text aussehen, Box aussehen
*   UL auf Standdardseiten
*   Buttons
*
* Header, Logo
*
* Links, Referenz, Breadcrumb
*
* Navigation
*
* Team Styles
*
* Portfolio Styles
*
* Startseite Portfolio Links
*
* Footer
*
* Galerie Slideshow Orbit
*
* Media Queries
*/

/********************************** * satware AG CI Style Definition
/*  CI Colors  Haupttext: #afafaf;
*/
@font-face {    
  font-family: 'PontanoSansRegular';    
  src: url('../fonts/pontanosans-regular-webfont.eot');    
  src: url('../fonts/pontanosans-regular-webfont.eot?#iefix') format('embedded-opentype'),    
    url('../fonts/pontanosans-regular-webfont.woff') format('woff'),    
    url('../fonts/pontanosans-regular-webfont.ttf') format('truetype'),    
    url('../fonts/pontanosans-regular-webfont.svg#PontanoSansRegular') format('svg');    
  font-weight: normal;    font-style: normal;
}

.ci_font{
  font-family: 'PontanoSansRegular';
}
/* From Site Body */

/**
* Allgemeines
*/

a,a:visited,a:active {
    text-decoration:underline;
	color:#fff;
}

.pagination {
	text-align:center;
	padding-top: 40px;
	}

a {
		color: #fff;
	text-decoration:underline;
	}

a:hover {
	color: #fff;
	text-decoration:underline;
}

a:visited {
	color:#fff;
	}

.bg-white a {
	color: #ffb800;
	}

.bg-white a:visited {
	color:#000;
	}

abbr{
    color: #AFAFAF;
}

h1 a, h2 a, h3 a, h4 a{
    text-decoration:none;
}

h1, h2, h3, p {
    font-family: "proxima-nova", arial, sans-serif;
}

.bold-center {
	font-weight: 800;
	width: 100%;
	text-align:center;
	}

[class*="column"] + [class*="column"]:last-child{
    float: left !important;
}


.Slogan_bottom {
	font-size: 4.8vw;
	line-height: 5.0vw;
	line-height:1.0em;
	font-size:3.6vmax;
	text-align: center;
	color:#fff;
	font-family: "proxima-nova", arial, sans-serif;
    font-weight: 100;
	font-style: normal;
	width:90%;
	margin:0 auto;
}

h1 {
    font-style: normal;
    font-weight: 100;
    font-size:80px;
    font-size:5.2vw;
    font-size:5.2vmax;
    font-size:3.6vmax;
    line-height: 5.5vw;
    line-height: 1em;
	padding-bottom: 1.2vw;
}

h2 {
    font-style: normal;
    font-weight: 100;
    font-size:45px;
    line-height: 1em;
}

h3 {
    font-size:22px;
    font-style: normal;
    font-weight: 300;
}

.button_normal {
  padding: 7px 20px;
  color:#000!important;
  background:#fff;
  font-style: normal;
  font-weight: 100;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 20px;
  text-decoration:none!important;
  float:left;
  display:block;
  margin-right:20px;
  margin-bottom:20px;
}

.button_normal:hover {
  background:#ffb800;
  color: #fff!important;
    text-decoration:none!important;
}

/* Standorte */
#store_opening_hours .google {
	margin-top: -5px;
	}

.gm-style-iw {
	color: #000;
	font-size: 1.6em!important;
	}

#store_opening_hours .foot_anfahrt {
	margin-top: 20px;
	border-top: 1px solid grey;
	padding: 10px 0px;
	border-bottom: 1px solid grey;
	}
#store_opening_hours .anfahrt-google {
	font-size: 22px;
  font-weight: bold;
  margin: 0px;
	}
	
#store_opening_hours a {
	text-decoration:none;
	}

#referenzliste {
	font-size: 10px;
	/*
img {
    display: inline-block;
    transition: 0.4s;
  }
  &:hover img:not(:hover) {
    filter: saturate(50%);
    opacity: 0.4;
  }
   */
}

.bg-white a:hover {
	color: #000;
	}
.blog_content a {
	color:#ffb800;
	text-decoration:underline!important;
	}
.blog_content a:hover {
	color: #000!important;
	}

.vcard .fn {
    color:#fff;
    font-family: "proxima-nova", arial, sans-serif;
    font-size:22px;
    font-style: normal;
    font-weight: 300;
}



body{
    font-family: "proxima-nova", arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    background-color: #000;
    background-position: top center;
    background-repeat: no-repeat;
    color: #fff;
    background-color: #000;
    -webkit-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 1.25rem;
	text-rendering: optimizeLegibility;
	font-style: normal;
	
}

.faden {
	 -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.teaser_text_oben {
	font-family: "proxima-nova", arial, sans-serif;
    font-style: normal;
    font-weight: 100;
	color:#fff!important;
	font-size:44px;
	line-height:1.1em;
}

.teaser_text {
		font-family: "proxima-nova", arial, sans-serif;
    font-style: normal;
    font-weight: 100;
	color:#fff!important;
	font-size:44px;
	line-height:1.1em;
	position: absolute;
top: 500px;
left: 50px;
	}

.abstand_unten {
    padding-bottom:30px;
}

.logo{
    padding: 0px;
    position: relative;
    z-index: 50;
}

#content {
    padding-top: 0px !important;
}

#top_nav li.topic_370,#top_nav li.topic_378,#top_nav li.topic_26,
#footer li.topic_31,#footer li.topic_160,#footer li.topic_5,#footer li.topic_326{
    display: none;
}

.icon_bild img {
	background-repeat:no-repeat;	
		border-right:1px solid #cfd1d2;
    background-repeat:no-repeat;
	border-right: 1px solid #646567;
	  -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;
}

.icon_bild img:hover {
	position: relative;
background-position: 0px -16px;
	}

.abstand_top {
	padding-top:80px;
	}

/***
* Header, Logo
*/

#logo,
#logo img{
    width: 209px;
    height: 55px;
}

.header_icons{
    text-align: left;
}

.header_search_icons{
    position: absolute;
    top:15px;
    right: 15px;
    z-index: 650001;
}

/**
* Defaults
* Text aussehen, Box aussehen
*/

.upper {
    text-transform: uppercase;
}

.content_klein {
    color:white;
    font-size: 13px;
    font-weight: normal;
}

#primaer_ueberschrift {
    font-size: 60px;
    margin: 30px 0;
    text-align: right;
    color: #fff;
}
#primaer_ueberschrift a {
    text-decoration: none;
}

#primaer_aussage {
    font-size: 26px;
    margin: 0 0 30px 0;
    color: #fff;
    line-height: 1.2em
}

#content .nur_text{    padding-top: 240px;}
#content .content{    margin-bottom: 35px;}

.opacity_8{
    padding-left: 5px;
    padding-right: 20px;
    color: #000;
    /*    opacity: 0.88;      */
    -webkit-box-shadow: 0px 2px 8px #292929;  /* webkit browser*/
    -moz-box-shadow: 0px 2px 8px #292929;  /* firefox */
    box-shadow: 0px 2px 8px #292929;
    z-index: 2;
    padding-top: 2px;
    padding-bottom: 2px;
    z-index: 10;
    background-image:url('../images/template/22/transparent-1.png');
}

.opacity_5{
    padding-left: 5px;
    padding-right: 20px;
    color: #000;    /*    opacity: 0.5;      */
    -webkit-box-shadow: 0px 2px 8px #292929;  /* webkit browser*/
    -moz-box-shadow: 0px 2px 8px #292929;  /* firefox */
    box-shadow: 0px 2px 8px #292929;
    z-index: 2;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image:url('../images/template/22/transparent-unten.png');
    z-index:1;
}

.layer{
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;    transition-duration: 1s;
    transition-property: background;
    transition-timing-function: linear;
    width: 100%;
    z-index: 80;
}
.inhalt_reihe{
    padding-bottom: 30px;
}

.kontakt-daten-box{
    padding-top: 60px;
}

.leistungen {
    font-size: 18px;
}

.inhalt_reihe_4 {
	padding-top:50px;
}

/**
* Defaults
* UL auf Standdardseiten
*/
ul.leistungen {
    list-style-type: square;
    margin:0;
    padding:0;
    padding-left: 1.2em;
}

.ul_zahlen {
/*list-style-type: decimal;*/
    margin:0;
    padding:2px;
    background-color: #1FAA08;
}

/**
* Defaults
* Buttons
*/
.button_link {
    position: absolute;
    line-height: 31px;
    padding-right: 30px;
    padding-left: 10px;
    color: #fff;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 13px;
    font-weight: normal;
    background-color: #000;
}

.button_link:hover{
    text-decoration: underline;
}

/**
* Links, Referenz, Breadcrumb
*/
.referenz_link{
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 31px;
    padding-right: 30px;
    padding-left: 10px;
    color: #fff;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 13px;
    font-weight: normal;
}

.referenz_link:hover{    text-decoration: underline;}
#breadcrumb,#breadcrumb a{    color: #7F7E7E;    font-size: 14px;    text-decoration:none;}
#breadcrumb a:hover {    text-decoration:underline;}

/**
*  Navigation
*/
.nav_top_container{    
  height: auto;
  padding-top: 30px;
    position: relative;
 /*   z-index: 1;
 */
}

#top_nav {
    position: relative;
}

.navigation{
    padding-top: 11px;

}
div.navigation ul, div.navigation li{
    display: block;
    text-align: left;
}

/*
.top-bar {
    background-color: #000;
}
*/

.top-bar.expanded
.title-area{
    background-color: #000;
}
.top-bar.expanded .toggle-topbar a{
    border: none;
}

/* Links 1. Ebene */
#top_nav .top-bar-section li a:not(.button) {
    color: #fff;
    text-transform:uppercase;
}

/* Links 2. und x. Ebene */
#top_nav .top-bar-section ul ul li a:not(.button) {
    color: #000;
    text-transform: none;
    text-decoration: none;
}

/*Hover Effekt 1. Ebene*/
#top_nav .top-bar-section ul li:hover > a {
    color: #fff;
}

#top_nav .top-bar-section ul li a:not(.button):hover {
    background-color: transparent;
    text-decoration: none;
}
#top_nav .top-bar-section ul li:hover a{
    background-color: transparent;
    text-decoration: none;
}

/*Hover Effekt 2. und x.  Ebene*/
#top_nav .top-bar-section ul ul li:hover > a {
    color: #000;
    text-decoration: none;
}

#top_nav .top-bar-section ul ul li a:not(.button):hover {
    background-color: transparent;
    text-decoration: none;
}

#top_nav  .top-bar-section ul ul li:hover a{
    background-color: transparent;
    text-decoration: none;
}

.top-bar-section ul li.has-dropdown{
padding-bottom: 20px;
background-repeat: no-repeat;
    background-position: bottom center;
}

.top-bar-section ul ul li.has-dropdown{
    padding-bottom: 0px;
}

.top-bar-section ul li.has-dropdown:hover{
    background-image: url("../images/template/menu-top.png");
}

.top-bar-section ul ul li.has-dropdown:hover{
background-image: none;
}

/*Hintergrund 1. Ebene*/
.top-bar-section ul {
    background-color: transparent;
}

/*Hintergrund 2. und x. Ebene*/
.top-bar-section .dropdown{
    background-color: transparent;
    background-image: url("../images/template/menu-bg.png");
    top: 40px;
}



.top-bar-section li a:not(.button) {
    background-color: transparent;
    line-height: 20px;
    font-family: "proxima-nova", arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

.top-bar-section ul li.active > a{
    background-color: transparent;
    color: #fff;
}

/*Hintergrundfarbe Navigations Container*/
.top-bar{
    background-color: transparent;
}

.top-bar a{
    text-decoration: none;
}
.top-bar.expanded{    background-color: #000000 !important;    color: #fff;}
.top-bar .name{    background-color: #000000 !important;}
.top-bar .name a{  border: none;}
.top-bar.expanded:hover{    background-color: #000000 !important;    color: #fff;}
.top-bar.expanded a{    border-bottom: 1px solid #a3a3a3;}

.vcard {    border: none;    display: block;    margin:0;    padding: 0;}


/**
* Team Styles
*/

div.job.title {
    line-height: 0.9em;
}
a.email {
    white-space: nowrap;
    color: #ffb800;
    text-decoration: none;
}
.photo{
    width: 100%;
    padding:20px;
}
.photo {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
}
.photo:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
}

/*Team*/



/**
* Startseite Portfolio Links
*/
.bg-image {
    background-repeat:no-repeat;
    background-position:right;
}

#content .agentur_produkte {
    text-transform: uppercase;
    display: block;
    padding: 5px 0px;
    margin: 23px 0px;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 400;
}


#content .agentur_produkte{
    text-transform: uppercase;
    display: block;
    padding: 5px 0px;
    margin: 23px 0px;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 300;
}
#content  .agentur_produkte span {
    opacity:0.5;
    padding-right:2px;
}
#content  .agentur_produkte:hover{
    text-decoration:none!important;
}
#content .agentur_produkte.Corporate.Design:hover,
#content .agentur_produkte.Corporate.Design:hover span{
    color: #51600b;
}
#content .agentur_produkte.Web:hover,#content .agentur_produkte.Web:hover span{
    color: #cdb42b;
}
#content .agentur_produkte.Social.Media:hover, #content .agentur_produkte.Social.Media:hover span{
    color: #33a3bf;
}

#content .agentur_produkte.Print:hover, #content .agentur_produkte.Print:hover span{
    color: #801f18;
}

#content .agentur_produkte.Hardware:hover, #content .agentur_produkte.Hardware:hover span{
    color: #3a2196;
}
#content .agentur_produkte.Software:hover, #content .agentur_produkte.Software:hover span{
    color: #981668;
}
#content .agentur_produkte.IT-Services:hover, #content .agentur_produkte.IT-Services:hover span{
    color: #1faa08;
}
#content .agentur_produkte.»:hover, #content .agentur_produkte.»:hover span{
    color: #d2d202;
}
/**
* Ende - Startseite Portfolio Links
*/

/**
* Portfolio Styles
*/

.inhalt_reihe_2 a {
	color: #646567;
	text-decoration:none;
}

.inhalt_reihe_2 a:hover {
	text-decoration:underline;
}

.t_hardware #footer_container {
	margin-top: 0vw;
}

.button_ref {
padding: 7px 20px;
color:#000!important;
  background:#fff;
  font-style: normal;
font-weight: 100;
font-family: "proxima-nova", arial, sans-serif;
  font-size: 20px;
  text-decoration:none!important;
}

.button_ref:hover {
  color: #fff!important;
    text-decoration:none!important;
}


/* Agentur */
.bg_agentur {
    background-color: #000;
}
.color_agentur,
.color_agentur:hover,
.color_agentur:active {
    color: #fff;
}
/* Corporate Design */
.bg_cd {
    background-color: #51600B;
}

.color_cd,
.color_cd:hover,
.color_cd:active {
    color: #51600B;
    text-decoration: underline;
}

/* Web */
.bg_web {
    background-color: #CDB42B;
}
.color_web,
.color_web:hover,
.color_web:active {
    color: #CDB42B;
}

/* Social Media */
.bg_sm {
    background-color: #33A3BF;
}
.color_sm,
.color_sm:hover,
.color_sm:active{
    color: #33A3BF;
}

.t_social_media .inhalt_reihe_6 {
	background: #33A3BF;
	color: white;
	padding-bottom: 100px;
	padding-top: 100px;
	margin-bottom:-80px;
}


/* Print */
.bg_print {    background-color: #801f18;}
.color_print,
.color_print:hover,
.color_print:active {
    color: #801f18;
}

.t_print .inhalt_reihe_6 {
	background: #801f18;
	color: white;
	padding-bottom: 100px;
	padding-top: 100px;
	margin-bottom:-80px;
}

/* Hardware */
.bg_hardware {
    background-color: #3A2196;
}
.color_hardware,
.color_hardware:hover,
.color_hardware:active {
    color: #3A2196;
}

.t_hardware .inhalt_reihe_6 {
	background: #3A2195;
	color: white;
	padding-bottom: 100px;
	padding-top: 100px;
}

.t_hardware .inhalt_reihe_kunden {
	background: white;
	padding-top: 20px;
}

.inhalt_reihe_icons {
	margin-bottom: 40px;
}

.inhalt_reihe_2 {
	background: #fff;
	color: #000;
	padding-bottom: 40px;
	padding-top: 60px;
	margin-bottom: 80px;
}

.inhalt_reihe_2 h3 {
	color:#000;
	font-weight: 600;
}

.button_hardware {
padding: 7px 20px;
color:#000!important;
  background:#fff;
  font-style: normal;
font-weight: 100;
font-family: "proxima-nova", arial, sans-serif;
  font-size: 20px;
  text-decoration:none!important;
}

.button_hardware:hover {
background:#3A2193;
  color: #fff!important;
    text-decoration:none!important;
}

.btn_hardware:hover {
background:#3A2193;	
	}

/* Software */
.bg_software {
    background-color: #981668;
}


.color_software,
.color_software:hover,
.color_software:active {
    color: #981668;
}

.t_software #footer_container {
	margin-top:0px!important;
}

.t_software .inhalt_reihe_6 {
	background: #981668;
	color: white;
	padding-bottom: 100px;
	padding-top: 100px;
}

.btn_software:hover {
	 background: #981668;
}

/* IT Services*/
.bg_it {
    background-color: #1FAA08;
}

.color_it,
.color_it:hover,
.color_it:active {
    color: #1FAA08;
}

.btn_it-service:hover {
	background:#1FAA08;
}

/*  Sonstiges*/
.bg_sonstiges {
    background-color: #D2D202;
}.color_sonstiges,
 .color_sonstiges:hover,
 .color_sonstiges:active {
     color: #D2D202;
 }

/**
* RSS
*/
.navigation .topic_329 {
    display: none;
}

/**
* Footer
*/

#footer .sitemap{
}

#footer .static_links a{
    text-transform: uppercase;
}
#footer .static_links .level_1 a{
    text-transform: none;
}

#footer ul{
    list-style-type: none;
    margin:0px;
    padding:0px;
}

#footer ul.level_0{
    margin-bottom: 20px;
}
#footer ul li{
    margin:0px;
    padding:0px;
}

#footer a:hover{    text-decoration: underline;}
#footer ul a{  color: #fff;    padding: 4px;    text-decoration: none;}
#footer .level_0 a{    text-transform: uppercase;}
#footer .level_1 a{    color: #8f8f8f;}

.logo{    padding:10px;    padding-top: 37px;    padding-bottom: 88px;}
.oeffnungszeiten{    padding: 40px 10px 10px 10px;}


#footer_container {
    background: white;
    color: black;
    font-family: "proxima-nova", arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    margin-top: 80px;
padding-top: 80px;
}

#footer_container h2 {
    color: black;
    font-family: "proxima-nova", arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    padding-bottom:5px;
}

#footer_container ul a, #footer h3 {
    color:black;
    line-height: 1.2em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#footer h3 {
    font-size:22px;
}

#footer_container .google {
    line-height: 1.0em;
	color:#000;
}

#footer_container .foot_anfahrt {
    padding: 10px 0px;
    border-top: 1px solid #cfd1d2;
    border-bottom: 1px solid #cfd1d2;
    width: 87%;
    margin-top: 24px;
    margin-bottom: 30px;
}

#footer_container a {
    color:black;
    text-decoration:none;
}

#footer_container .foot_anfahrt:hover {
    text-decoration:none;

}
/*Footer*/

/***
* Galerie Slideshow Orbit
*/
.orbit-container .orbit-timer.paused>span {
    display: none!important;
}	

.orbit-container .orbit-timer .orbit-progress {
    display: none!important;
}

.orbit-container:hover .orbit-timer>span {
    display: none!important;
}
/* Bullet-Points */
.orbit-bullets li {
    display: block;
    width: 1.6rem;
    height: 0.1rem;
    background: #fff;
    float: left;
    margin-right: 2px;
}
.orbit-bullets-container {
    text-align: left;
    padding-left: 15px;
}


#showreel-wrapper{
    height: 25.75rem;
}

/**
* Media Queries
*/


.top-bar-section ul.right .topic_160 .dropdown {

    right: -12px;
}
.top-bar-section ul.right .topic_23 .dropdown {

    right: -15px;
}

/* Small-Version  */
@media only screen and (max-width:40em ) {
    .top-bar-section ul li.has-dropdown {
        background-image: none !important;
        padding-bottom: 0px;
    }

.tesla-sponsoren img {
	padding:0px;
	}

.bild-blog-links {
	width: 100%!important;
	}

h1 {
	font-size: 10.2vmin;
	}

.t_tesla .tesla-top {
	min-height: 400px;
	}

.bild-links img {
	width: 100%;
	}

.bild-rechts img {
	width: 100%;
	}
    .top-bar-section .dropdown{
        top: 0px;
    }

   .header_icons {
        text-align: center!important;
        padding-bottom: 20px;
        background: #ffb800;
        padding-top: 20px;
        margin-left: -20px;
        margin-right: -20px;
    }

.icon_bild img:hover {
	position: relative;
background-position: 0px 0px;
	}

}

/* Medium-Version */
@media only screen and (min-width: 40.063em) {

/*
@media screen and (min-width:640px)  {
*/

    #lightbox-container-image-data-box{
        width: 90% !important;
    }

    #lightbox-container-image-box{
        width: 90% !important;
        height: auto !important;
    }

    #lightbox-secNav-btnClose {
        position: absolute !important;
        z-index: 1111 !important;
    }
    #lightbox-nav a {
        position: absolute !important;
        z-index: 1 !important;
    }

    .columns.medium-collapse-left{
        padding-left: 0px;
    }
    .columns.medium-collapse-right{
        padding-right: 0px;
    }
    .columns.medium-collapse{
        padding-left: 0px;
        padding-right: 0px;
    }


    .top-bar-section li a:not(.button) {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #logo{
        position: relative;
        float: left;
        z-index: 10;
    }
    .top-bar-section .has-dropdown>a:after{
        display: none;
    }

    .top-bar-section .topic_5 .dropdown ul {
        background-color: transparent;
        background-image: none;
        top: 0px;
    }

    #showreel-wrapper{
        height: 45.75rem;

    }

    h1 {
        font-size: 8.5vw;
        font-size: 3.6vmax;

        line-height: 8.5vw;
        line-height: 1em;
    }

	.Slogan_bottom {
		font-size:50px;
		line-height: 1.0em;
		font-size: 8.2vw;
		font-size: 8.5vw;
		font-size: 3.6vmax;
		width:90%;
		margin:0 auto;
	}

    .top-bar-section .topic_5 .dropdown ul {
        background-image: url(../images/template/menu-bg.png);
    }

    .orbit-container .orbit-next {
        display:none;
    }
    .orbit-container .orbit-prev {
        display:none;
    }


    #footer_container .foot_anfahrt {
        width:100%;
        margin-bottom:60px;
    }

    .icon_bild img {
    border:none!important;
	border-right:1px solid #cfd1d2;
    }


	.top-bar .name {
		background-color:transparent!important;
	}

	.top-bar {

		height: 45px;
		line-height: 45px;
		position: relative;
		background: transparent!important;
		margin-bottom: 0;
        /*
        overflow: hidden;
		top:-50px;
		*/
	}


}



/* Large-Version */
@media only screen and (min-width: 64.063em) {

    /*@media only all and (min-width: 960px) {*/


    .top-bar-section li a:not(.button) {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }



.top-bar{
    margin-right: 44px;
}


    .icon {
        margin-bottom:30px;
    }

    #showreel-wrapper{
        height: 44.75rem;

    }


    /**    * Top abr über schreiben für große Seiten    */
    .navigation {
        width: 880px;
    }

    .top-bar-section .dropdown{
        background-color: #fff;
        background-image: url("../images/template/menu-bg.png");
        top: 40px;
    }

    .navigation .f_level_3{
        padding-left: 20px;

    }
    .top-bar-section .topic_5 .dropdown ul {
        background-color: transparent;
        background-image: none;
        top: 0px;
    }


    li.back.js-generated {
        display: none ! important;
    }
    .topic_5 li:hover ul.f_level_1 {
        display: block;
    }
    #top_nav .navigation .topic_5 ul.f_level_1 {
        /*
        background-color: #FFFFFF !important;
        */
        left: -575px;
        width: 1040px;
        padding: 20px;
    }





    .topic_5 ul.f_level_1 li {
        padding: 0px 10px;
        display: block;
        text-align: left;
        width: 25%;
    }
    /*
    .topic_5 li.has-dropdown > a:after {
        border: medium none;
        content: "" !important;
        margin-top: -2px;
        right: 5px;
        top: 1rem;
    }*/

    .topic_5 ul.f_level_1 li a{
        padding: 8px;
        border-bottom: 1px solid #a3a3a3;
        font-weight: bold;
    }

    .topic_5 ul.f_level_2 li a{
        border-bottom: none;
    }
    .topic_5 ul.f_level_2 li a{
        font-weight: normal;
    }

    .topic_5 ul.f_level_1 li.has-dropdown {
        display: block;
        height: 290px;
    }


    .topic_5 ul.f_level_1 li.has-dropdown  li.has-dropdown {

        height: auto;
    }
    .topic_5 ul.f_level_1 a:hover {
        background-color: #fff !important;
        color: #000 !important;
    }
    .topic_5 ul.f_level_1 ul.f_level_2 {
        display: block;
        left: 0px;
        position: relative;
        top: 0px;
    }

    .topic_5 ul.f_level_1 ul.f_level_2 li {
        display: block;
        width: 100%;
    }
    .topic_5 ul.f_level_1 ul.f_level_3 {
        display: block;
        left: 0px;
        position: relative;
        top: 0px;
    }
    .topic_5 ul.f_level_1 ul.f_level_3 li {
        display: block;
        width: 100%;
    }

    .topic_5 ul.f_level_1 li li{
        padding:0px;
    }
}



/* Slideshow */

.orbit-container .orbit-prev, .orbit-container .orbit-next {
	position: absolute;
	top: 45%;
	margin-top: -25px;
	width: 18px;
	height: 36px;
	line-height: 50px;
	color: white;
	text-indent: -9999px !important;
	z-index: 10;
}

.orbit-bullets {

}

/* Referenzen */

.kontakt-daten-box a, .kontakt-daten-box a:active, .kontakt-daten-box a:visited {
	color: #ffb800;
	text-decoration:none;
	}
	
.kontakt-daten-box a:hover {
	color: #ffb800;
	text-decoration: underline;
	}

.abstand_top1 {
padding-top:165px;
}