/*
  crema WAG! Agentur für neue Medien, Schwetzingen
  http://www.crema.da
  Copyright (c) 2016 crema WAG!

  Farbwerte:
  Textinhalte: #000000
  Hellgrün: #bcbe00
  Dunkelblau: #22264e
  Mittelblau: #0062af
  Mattblau: #9b9daf

*/
*/ Test */
.blue {background-color:blue;}
.red {background-color:red;}

/**********************************************/
/************** Layout Section ****************/
/**********************************************/
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('../fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v14-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Black Italic'), local('Lato-BlackItalic'),
       url('../fonts/lato-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/droidsans-webfont.woff2') format('woff2'),
         url('../fonts/droidsans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/droidsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/droidsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

BODY {background-color:rgb(255,255,255); margin:0px; font-family: 'Lato', sans-serif; font-size:17px; font-style:normal; line-height:145%; color:#000000;}
a {color:black; text-decoration:underline;}
.row {margin: 0; padding: 0;}
a:hover {color:red; text-decoration:underline;}
.clear {clear:both;}
.inhalte {margin-top:100px;}
.spacer-absatz1 {margin-top:50px;}
.spacer-absatz2 {margin-top:60px;}
.spacer-ou {margin:20px 0 20px 0;}
.form-spacer {padding-bottom:10px;}
.center {text-align:center;}
.infobutton {background-color:#bcbe00; padding:10px; text-align:center; vertical-align:middle; letter-spacing:0.1em; line-height:20pt;}
a.infobutton:hover {color:white;}
.mdleft {margin-left:-15px;}
.terminkopf {background-color:#bcbe00; padding:10px; text-align:center;}
.termincell {background-color:#eeeeee; padding:10px; text-align:center; border: #dddddd 1px solid; margin-left:-15px; min-height:75px;}


/**********************************************/
/************** Header Section ****************/
/**********************************************/
.header-image {width: 100%; height:auto; z-index:5;}
.header-sprachen {position:absolute; text-align:right; margin-top:30px; padding-right:50px; z-index:10;}
.header-flaggen {padding:5px;}
.header-slogan1 {position:relative; text-align:center; margin-top:-160px; text-transform:uppercase; color:#d7da00; font-size:42pt; font-weight:900; letter-spacing:0.05em; z-index:9;}
.header-slogan2 {position:relative; text-align:center; margin-top:-115px; text-transform:uppercase; color:white; font-size:14pt; font-weight:700; letter-spacing:0.15em;}
.boje {/*background: url(../images/header/img-boje-hoch01.png)repeat; margin:-45px 0 -5px 100px; padding-right:200px;*/ margin:-45px auto -5px auto;}
.zorro {background-color: hsla(0, 0%, 0%, 0.2); padding:40px 0 40px 0; top:-40px;}


/**********************************************/
/*************** Animationen ******************/
/**********************************************/
.animation {width:100%; height:auto; background-color:#fff000;}

.ani-iso9001a {position:absolute; top:-2px; left:-40%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-iso9001b {position:absolute; top:-2px; left:-50%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 20s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-iso14001a {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-greenlogistica {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-greenlogisticb {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 20s; overflow:hidden;}
.ani-greenlogisticc {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 35s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-iso22000a {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-iso22000b {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 20s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-ohsasa {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-ohsasb {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 20s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-50001a {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-50001b {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 20s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}

.ani-sqasc {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}

.ani-sqasa {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 20s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-sqasb {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 35s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-excipacta {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-excipactb {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 15s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-gmpa {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-gmpb {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 25s; overflow:hidden;}
.ani-gmpc {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 40s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-iso13485a {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-iso13485b {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 18s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-din15635a {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-respocarea {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-respocareb {position:absolute; top:-2px; left:-30%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 18s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-academya {position:absolute; top:-2px; left:-40%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 1s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-gdpa {position:absolute; top:-2px; left:-50%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 0s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-gdpb {position:absolute; top:-2px; left:-50%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 15s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-gdpc {position:absolute; top:-2px; left:-50%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 27s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}
.ani-gdpd {position:absolute; top:-2px; left:-50%; z-index:6; height:100%; width:auto; animation: move 60s linear infinite; animation-delay: 38s; overflow:hidden;}
@keyframes move {100% {transform: translate(4000px, 0px);}}


/**********************************************/
/*************** Menu Section *****************/
/**********************************************/
.menutitle {position:relative; color:white; font-size:10pt; margin-left:-2px; top:-3px;}
.icon-bar {margin-left:8px;}
.navbar-default {position:relative; background-color:#22264e; top:-207px; border-color:#22264e; z-index:999;}
.nav-en {position:relative; left:-45px;}
.nav-es {position:relative; left:-20px;}
.nav-tur {position:relative; left:80px;}
.navbar .navbar-nav {display: inline-block; float: none;}
.navbar .navbar-collapse {text-align: center;}
.navbar {border-radius:0px; padding-left:2em;}
.navbar-default .navbar-nav > li > a {color:white; font-weight:bold; font-size:14px; text-decoration:none;}
.navbar-default .navbar-nav > li > a:hover {color:#bcbe00; /*background-color:#bcbe00;*/}
.nav > li > a:focus, .nav > li > a:hover {background-color:#bcbe00;}
.navbar-default .navbar-nav > li > a:focus {color:#bcbe00;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: #bcbe00; background-color:transparent;}
.navbar-nav > li > a {padding-bottom:13px;}
/*.menu-logo {position:relative; top:0px; z-index:9999!important; left:-10px;}*/
.menu-logo {position:relative; top:0px; z-index:9999!important; left:-28px;}
/*.menu-logo-spacer {color:transparent;}*/
.menu-logo-spacer {color:transparent; width:230px;}
.dropdown-menu {padding: 0px 0; margin:0px 0 0;}
.dropdown {padding-right:10px; padding-left:0px;}
.dropdown-menu > li  {background-color:#9b9daf; padding:2px;}
.dropdown-menu > li a {color:white; font-weight:bold; font-size:13px; text-decoration:none;}
.dropdown-menu > li a:hover {background-color:#9b9daf; color:#bcbe00; font-weight:bold; font-size:13px; text-decoration:none;}
.square:hover {background-image:url('../images/img-menu-linie01.png'); background-repeat:no-repeat; background-position:1px 20px;}
.square:focus {background-image:url('../images/img-menu-linie01.png'); background-repeat:no-repeat; background-position:1px 20px;}
#active {background-image:url('../images/img-menu-linie01.png'); background-repeat:no-repeat; background-position:1px 20px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
.navbar-collapse {border-top: 0px solid transparent; box-shadow: inset 0 0px 0 rgba(255,255,255,0.0);}
.zert-menu-bg {background-color:#9b9daf; padding:13px; color:white; font-weight:bold; font-size:14px; text-decoration:none;}
a.zertmenu  {color:white; text-decoration:none;}
a.zertmenu:hover {color:#0062af;}

.boje {padding:15px 0 15px 20px;}
.boje:hover {background-image:url('../images/img-menu-boje01.png'); background-repeat:no-repeat; background-position:0px 24px;}
.boje:focus {background-image:url('../images/img-menu-boje01.png'); background-repeat:no-repeat; background-position:0px 24px;}
#bojeactive {background-image:url('../images/img-menu-boje01.png'); background-repeat:no-repeat; background-position:0px 24px; color:#0062af;}


/**********************************************/
/************** Inhalt Section ****************/
/**********************************************/
.world {position:relative; margin-top:0px; background-image:url('../images/bg-weltkarte01.jpg'); background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:top; z-index:10;}
.logo {position:relative; text-align:center; margin-left:auto; margin-right:auto; top:-65px; width:100px; z-index:9999!important;}
.slogan3 {position:relative; font-weight:bold; text-align:center; top:-55px; z-index:10!important;}
.inhalte {position:relative; margin-top:-70px; z-index:5;}
h1 {color:#bcbe00; font-weight:700; font-size:24pt; letter-spacing:0.02em; padding-bottom:15px;}
h2 {color:#bcbe00; font-weight:700; font-size:120%; letter-spacing:0.02em; padding-top:10px;}
h3 {font-weight:700; font-size:120%; letter-spacing:0.02em; padding-top:20px; padding-bottom:-10px;}
.txt-bold {font-weight:bold;}
.txt-kursiv {font-style:italic;}
.txt-uppercase {text-transform:uppercase;}
.txt-green {color:#bcbe00;}
.txt-red {color:red; text-decoration:underline;}
.txt-red a{color:red; text-decoration:underline;}
.txt-akkreditiert {color:#9b9daf; margin-top:-20px;}
.txt-aufzaehlung-normal {margin-left:-22px;}
.txt-center {text-align:center;}
.txt-tab {margin:-23px 0 0 30px; display:block;}
.txt-listtab {margin:0px 0 0 100px; display:block;}
.xtrenner {padding:20px 0 10px 0; text-align:center; color:#9b9daf;}
.txt-icon {padding-top:10px;}
.tab-grey {background-color:#999999!important;}
.tab-spacer {margin-top:5px; border-bottom: solid 1px #999999;}

/**********************************************/
/************** Images Section ****************/
/**********************************************/
/* Grosse Bilder: Höhe 600px */
.top {text-align:right; margin-left:0px; padding-top:30px;}
.back {text-align:left; margin-left:-7px; padding-top:30px;}
.dekoimage-right {position:relative; float:right; top:100px; width:150px; height:auto; right:-15px;}
.img-right {float:right; margin-left:20px;}
.img-home-right {float:right; margin-left:-10px; margin-top:-7px; padding-bottom:20px;}
.img-schatten {box-shadow: 5px 5px 3px #888; margin:10px;}
.img-news {position:relative; box-shadow: 5px 5px 3px #888; margin:5px 0 15px -15px;}
.img-news2 {position:relative; box-shadow: 5px 5px 3px #888; margin:5px 0 15px 0;}
.img-artikel {float:left; box-shadow: 5px 5px 3px #888; margin:15px 0 15px 0;}
.icon-hover-ukas {background-image:url(../images/img_icon-ukas_of.png); width:52px; height:51px; display:block;}
.icon-hover-ukas:hover {background-image:url(../images/img_icon-ukas_on.png); width:52px; height:51px; display:block;}
.icon-hover-anab {background-image:url(../images/img_icon-anab-bottom_of.png); width:52px; height:51px; display:block;}
.icon-hover-anab:hover {background-image:url(../images/img_icon-anab-bottom_on.png); width:52px; height:51px; display:block;}
.icon-hover-nac {background-image:url(../images/img_icon-nac-bottom_of.png); width:52px; height:51px; display:block;}
.icon-hover-nac:hover {background-image:url(../images/img_icon-nac-bottom_on.png); width:52px; height:51px; display:block;}
.icon-hover-sac {background-image:url(../images/img_icon-sac-bottom_of.png); width:52px; height:51px; display:block;}
.icon-hover-sac:hover {background-image:url(../images/img_icon-sac-bottom_on.png); width:52px; height:51px; display:block;}
.icon-hover-pab {background-image:url(../images/img_icon-pab-bottom_of.png); width:52px; height:51px; display:block;}
.icon-hover-pab:hover {background-image:url(../images/img_icon-pab-bottom_on.png); width:52px; height:51px; display:block;}
.icon-hover-turkak {background-image:url(../images/img_icon-turkak_of.png); width:52px; height:51px; display:block;}
.icon-hover-turkak:hover {background-image:url(../images/img_icon-turkak_on.png); width:52px; height:51px; display:block;}
.btn-primary {background-color: #bcbe00; border-color: #bcbe00; font-family: 'Lato', sans-serif; font-size:17px; font-style:normal; line-height:145%; color:#000000;}
.btn-primary:hover {background-color: #bcbe00; border-color: #bcbe00;}

/**********************************************/
/*************** Maps Section *****************/
/**********************************************/
/* das css der Maps befindet sich im Header der entsprechenden Seite */

/**********************************************/
/************** Footer Section ****************/
/**********************************************/
.footer {position:relative; background-color:#22264e; min-height:80px; margin-top:50px; padding-top:10px;}
.windrose {position:relative; left:40px;}
.footer-spacer1 {padding-top:50px;}
.footer-spacer2 {padding-top:5px;}
.footer-spacer3 {padding-top:58px;}
.footer-spacer4 {padding-top:55px; margin-left:20px;}
.footer-spacer5 {padding-top:15px;}
.footer-sprachen {text-align:left;}
.footer-flaggen {padding-right:10px;}
.txt-footer1 {color:white; font-size:14px; padding-right:20px;}
.txt-footer1 a {text-decoration:none;}
.txt-footer2 {color:white; font-size:12px; line-height:14px;}
.txt-footer2 a {text-decoration:none;}
.txt-footer3 {color:white; font-size:12px; line-height:18px;}
.txt-footer3 a {text-decoration:none;}
.abstand-footer {margin-top:-10px;}
.txt-green {color:#bcbe00;}
.img-soc {padding-bottom:5px;}

/**********************************************/
/************* Displays Section ***************/
/**********************************************/
@media (min-width: 100px) and (max-width: 399px) {
.header-sprachen {display:none;}
.header-slogan1 {font-size:0.9em; margin-top:-45px;}
.header-slogan2 {font-size:0.6em; margin-top:-5px;}
.zorro {background-color: hsla(0, 0%, 0%, 0.2); padding:3px 0 3px 0; top:-5px;}
.logo {top:80px; z-index:10!important;}
.slogan3 {top:80px; height:50px; z-index:10!important;}
.navbar-default {position:relative; top:-228px!important; z-index:9999!important; height:auto;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a {color:white!important; text-align:center!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color:#bcbe00!important;}
.menu-logo-spacer {display:none; height:0px!important;}
.container-fluid {margin-left:-50px;}
.inhalte {position:relative; top:70px; z-index:10!important; padding-bottom:40px;}
.mo-center {text-align:center!important;}
.mo-imgcenter {margin-left:auto; margin-right:auto; text-align:center!important;}
.img-right {margin: 30px auto 30px auto;}
.img-news {position:relative; box-shadow: 5px 5px 3px #888; margin:5px 0 15px 0px;}
.dekoimage-right {display:none;}
.windrose {position:relative; left:0px;}
.footer-spacer1 {padding-top:0px;}
.footer-spacer3 {padding-top:10px;}
.footer-spacer4 {padding-top:10px; margin-left:0px;}
.footer-spacer5 {padding-top:0px;}
.top {text-align:center; margin-left:0px; margin-top:30px;}
}

@media (min-width: 400px) and (max-width: 500px) {
.header-sprachen {display:none;}
.header-slogan1 {position:relative; font-size:1.4em; margin-top:-60px;}
.header-slogan2 {position:relative; font-size:0.8em; margin-top:0px;}
.zorro {background-color: hsla(0, 0%, 0%, 0.2); padding:10px 0 10px 0; top:-5px;}
.logo {top:80px; z-index:10!important;}
.slogan3 {top:80px; height:50px; z-index:10!important;}
.navbar-default {position:relative; top:-230px!important; z-index:9999!important;}
.menu-logo-spacer {display:none; height:0px!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a {color:white!important; text-align:center!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color:#bcbe00!important;}
.container-fluid {margin-left:-50px;}
.inhalte {position:relative; top:70px; z-index:10!important; padding-bottom:40px;}
.mo-center {text-align:center!important;}
.mo-imgcenter {margin-left:auto; margin-right:auto;}
.img-news {position:relative; box-shadow: 5px 5px 3px #888; margin:5px 0 15px 0px;}
.img-right {margin: 30px auto 30px auto;}
.dekoimage-right {display:none;}
.windrose {position:relative; left:0px;}
.footer-spacer1 {padding-top:0px;}
.footer-spacer3 {padding-top:10px;}
.footer-spacer4 {padding-top:10px; margin-left:0px;}
.footer-spacer5 {padding-top:0px;}
.mo-text {padding:0 40px 0 40px;}
.top {text-align:center; margin-left:0px; margin-top:30px;}
}

@media (min-width: 501px) and (max-width: 690px) {
.header-sprachen {position:absolute!important; top:-25px!important; padding-right:20px; z-index:10;}
.header-slogan1 {position:relative; font-size:1.7em; margin-top:-70px;}
.header-slogan2 {position:relative; font-size:0.8em; margin-top:0px;}
.zorro {background-color: hsla(0, 0%, 0%, 0.2); padding:10px 0 10px 0; top:-5px;}
.logo {top:90px; z-index:10!important;}
.slogan3 {top:90px; z-index:10!important;}
.navbar-default {position:relative; top:-260px!important; z-index:9999!important; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a {color:white!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color:#bcbe00!important;}
.menu-logo-spacer {display:none; height:0px!important;}
.container-fluid {margin-left:-50px;}
.inhalte {position:relative; top:50px; z-index:10!important; padding-bottom:60px;}
.mo-center {text-align:center!important;}
.mo-imgcenter {margin-left:auto; margin-right:auto;}
.img-news {position:relative; box-shadow: 5px 5px 3px #888; margin:5px 0 15px 0px;}
.img-right {margin: 30px auto 30px auto;}
.dekoimage-right {display:none;}
.windrose {position:relative; left:0px;}
.footer-spacer1 {padding-top:0px;}
.footer-spacer3 {padding-top:10px;}
.footer-spacer4 {padding-top:10px; margin-left:0px;}
.footer-spacer5 {padding-top:0px;}
.navbar-default {margin-top:57px;}
.mo-text {padding:0 40px 0 40px;}
.top {text-align:center; margin-left:0px; margin-top:30px;}
}

@media (min-width: 670px) and (max-width: 770px) {
.mo-center {text-align:center!important;}
.img-right {margin: 30px auto 30px auto;}
}

@media (min-width: 691px) and (max-width: 999px) {
.header-sprachen {position:absolute!important; top:-25px!important; padding-right:20px; z-index:10;}
.header-slogan1 {position:relative; font-size:2.1em; margin-top:-90px;}
.header-slogan2 {position:relative; font-size:0.9em; margin-top:5px;}
.zorro {background-color: hsla(0, 0%, 0%, 0.2); padding:10px 0 10px 0; top:-5px;}
.logo {top:130px; z-index:10!important;}
.slogan3 {top:135px; z-index:10!important;}
.navbar-default {position:relative; top:-272px!important; z-index:9999!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a {color:white!important; text-align:center!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color:#bcbe00!important;}
.navbar {border-radius:0px; padding-left:3.0em;}
.menu-logo-spacer {display:none; height:0px!important;}
.container-fluid {margin-left:-50px;}
.inhalte {position:relative; top:80px; z-index:10!important; padding-bottom:60px;}
.img-news {position:relative; box-shadow: 5px 5px 3px #888; margin:5px 0 15px 0px;}
.img-right {margin: 30px auto 30px auto;}
.dekoimage-right {display:none;}
.footer-spacer1 {padding-top:10px;}
.footer-spacer2 {padding-top:0px;}
.footer-spacer3 {padding-top:10px;}
.footer-spacer4 {padding-top:10px; margin-left:0px;}
.footer-spacer5 {position:relative; top:-10px;}
.navbar-default {margin-top:68px;}
.mo-text {padding:0 40px 0 40px;}
/* .mo-center {text-align:left!important;} */
.mo-imgcenter {margin-left:auto; margin-right:auto;}
.windrose {position:relative; left:0px; top:0px;}
}

@media (min-width: 1000px) and (max-width: 1380px) {
.header-sprachen {position:absolute!important; top:-25px!important; padding-right:20px; z-index:10;}
.navbar-default {position:relative; top:-206px!important; z-index:9999!important;}
.navbar {border-radius:0px; padding-left:2.3em;}
/*.nav, .navbar-nav ul {overflow:hidden;} */
/*.menu-logo-spacer {display:none; height:0px!important;}*/
.logo {top:-60px; z-index:99999!important;}
/*.logo {top:70px;  z-index:10!important;}*/
/*.slogan3 {top:80px; z-index:10!important;}*/
/*.inhalte {position:relative; top:90px; z-index:1!important; padding-bottom:60px;}*/
.zorro {background-color: hsla(0, 0%, 0%, 0.3); padding:30px 0 30px 0; top:-10px;}
.footer-spacer1 {padding-top:45px;}
.footer-spacer2 {padding-top:0px;}
.footer-spacer3 {padding-top:47px;}
.footer-spacer4 {padding-top:45px; margin-left:0px;}
.footer-spacer5 {padding-top:15px;}
.windrose {position:relative; left:40px; top:0px;}
}

/**********************************************/
/********** Displays Section MENÜ *************/
/**********************************************/
/* @media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: black;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: white; background-color:#bcbe00;}
} */

@media (max-width: 1330px) {
.menu-logo-spacer {display:none; height:0px!important;}
.logo {top:70px;  z-index:10!important;}
.slogan3 {top:80px; z-index:10!important;}
.inhalte {position:relative; top:90px; z-index:1!important; padding-bottom:60px;}
.navbar-header {float: none;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top {top: 0; border-width: 0 0 1px;}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important; margin-top: 7.5px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
.collapse.in{display:block !important;}
.navbar-collapse {border-top: 0px solid transparent; box-shadow: inset 0 0px 0 rgba(255,255,255,0.0);}
}