/**
 * Worldwide Bar Styles
 */
/* Import sprite icon styles */
/**
 * Roto Internet Worldwide Bar Icon Sprites
 */
.wwb-sprite {
  background-color: transparent !important;
  background-repeat: no-repeat;
  border: none;
  display: inline-block;
  background-image: url('../images/wwbar-sprited-icons-1x.png') !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .wwb-sprite {
    background-image: url('../images/wwbar-sprited-icons-2x.png') !important;
    background-size: 72px 144px;
  }
}
/**
 * Die Icons
 */
.wwb-sprite-globus {
  background-position: -1px -1px;
  width: 23px;
  height: 23px;
}
.wwb-sprite-globus:hover,
.wwb-sprite-globus.hover {
  background-position: -49px -1px !important;
}
.wwb-sprite-locationmarker {
  background-position: -3px -25px;
  width: 18px;
  height: 23px;
}
.wwb-sprite-locationmarker:hover,
.wwb-sprite-locationmarker.hover {
  background-position: -51px -25px !important;
}
.wwb-sprite-login {
  background-position: -2px -49px;
  width: 20px;
  height: 23px;
}
.wwb-sprite-login:hover,
.wwb-sprite-login.hover {
  background-position: -50px -49px !important;
}
.wwb-sprite-logout {
  background-position: -2px -73px;
  width: 20px;
  height: 23px;
}
.wwb-sprite-logout:hover,
.wwb-sprite-logout.hover {
  background-position: -50px -73px !important;
}
.wwb-sprite-lupe {
  background-position: 0 -97px;
  width: 23px;
  height: 23px;
}
.active .wwb-sprite-lupe,
.open .wwb-sprite-lupe {
  background-position: -24px -97px;
}
.wwb-sprite-lupe:hover,
.wwb-sprite-lupe.hover {
  background-position: -48px -97px;
}
.wwb-sprite-usericon {
  background-position: -1px -121px;
  width: 23px;
  height: 23px;
}
.wwb-sprite-usericon:hover,
.wwb-sprite-usericon.hover {
  background-position: -49px -121px !important;
}
.worldwidebar #outerWrapper {
  margin-top: 40px;
}
.roto-wwbar-clearfix:before,
.roto-wwbar-clearfix:after {
  content: " ";
  display: table;
}
.roto-wwbar-clearfix:after {
  clear: both;
}
#worldwidebar {
  background-color: #eeecec;
  font-size: 13px !important;
  padding: 0 5px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  vertical-align: middle;
  height: 40px;
  z-index: 9999;
  /* push down subsequent contents when wwbar present */
}
#worldwidebar + #headerWrapper {
  margin-top: 40px;
}
/* Bootstrap's .row styles w/out right and left negative margin */
.roto-wwbar-row {
  margin-left: -15px;
  margin-right: -15px;
}
/* Center contents and limit max-width */
.roto-wwbar-container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
.roto-wwbar-container:before,
.roto-wwbar-container:after {
  content: " ";
  display: table;
}
.roto-wwbar-container:after {
  clear: both;
}
@media (min-width: 768px) {
  .roto-wwbar-container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .roto-wwbar-container {
    max-width: 970px;
  }
}
@media (min-width: 1170px) {
  .roto-wwbar-container {
    max-width: 1170px;
  }
}
/**
 * Modules
 */
/* Layout the Main Modules */
.roto-wwbar-links,
.roto-wwbar-search,
.roto-wwbar-account {
  /* Bootstrap's .col- styles w/out right and left padding */
  float: left;
  min-height: 1px;
  position: relative;
}
.roto-wwbar-search,
.roto-wwbar-account {
  float: right;
}
/* Sub Modules */
.roto-wwbar-link,
.roto-wwbar-search,
.roto-wwbar-user,
.roto-wwbar-loginout {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}
.roto-wwbar-link a,
.roto-wwbar-search,
.roto-wwbar-user a,
.roto-wwbar-loginout a {
  height: 40px;
  padding: 8px 5px 0 5px;
}
/* Hover Background for Links that open dialogues */
.roto-wwbar-link-worldwide:hover,
.roto-wwbar-link-worldwide.js-is-open,
.roto-wwbar-search:hover,
.roto-wwbar-search.js-is-open,
.roto-wwbar-loginout.login:hover,
.roto-wwbar-loginout.login.js-is-open {
  background-color: #bcbdbc;
}
/* WHite link text for links to opened dialogues */
.js-is-open a {
  color: #fff;
}
.roto-wwbar-languages {
  float: right;
  padding-left: 10px;
}
.roto-wwbar-languages .langupper {
  padding-left: 5px;
  text-transform: uppercase;
  vertical-align: top;
}
.roto-wwbar-languages .langupper:hover {
  color: #fe0009;
}
@media (min-width: 768px) {
  .roto-wwbar-languages .langupper {
    display: inline-block;
  }
}
.roto-wwbar-languages .js-is-open .langupper {
  color: #ffffff;
}
.roto-wwbar-languages .navbar-nav {
  margin: 0 -15px;
}
.roto-wwbar-languages .navbar-nav li {
  list-style-type: none;
}
.roto-wwbar-languages .navbar-nav li .dropdown-toggle {
  min-width: 80px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .roto-wwbar-languages .navbar-nav li .dropdown-toggle {
    padding-left: 10px;
  }
}
.roto-wwbar-languages .navbar-nav li .dropdown-toggle:hover {
  background-color: #bcbdbc;
}
.roto-wwbar-languages .navbar-nav li .dropdown-toggle img {
  vertical-align: top;
  padding: 3px 0;
}
.roto-wwbar-languages .navbar-nav li .dropdown-toggle .langupper {
  line-height: 17px;
}
.roto-wwbar-languages .navbar-nav li .dropdown-menu {
  min-width: 80px;
  width: 300px;
  background-color: #ffffff;
  padding: 5px;
  margin: 0;
  border: none;
  position: absolute;
  right: 0;
  left: auto;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1px;
  -moz-column-gap: 1px;
  column-gap: 1px;
  -webkit-column-rule: 1px solid #bcbdbc;
  /* Chrome, Safari, Opera */
  -moz-column-rule: 1px solid #bcbdbc;
  /* Firefox */
  column-rule: 1px solid #bcbdbc;
}
@media (min-width: 768px) {
  .roto-wwbar-languages .navbar-nav li .dropdown-menu {
    width: 450px;
  }
}
.roto-wwbar-languages .navbar-nav li .dropdown-menu .white {
  background-color: #ffffff;
  padding: 5px;
}
.roto-wwbar-languages .navbar-nav li .dropdown-menu .white.grey {
  opacity: 0.2;
}
.roto-wwbar-languages .navbar-nav li .dropdown-menu .active a {
  background-color: #ffffff;
}
.roto-wwbar-languages .navbar-nav li .dropdown-menu .active a:hover {
  color: #fe0009;
}
.roto-wwbar-languages .navbar-nav li .dropdown-menu img {
  padding-left: 0;
  margin-top: -2px;
  height: 30px;
}
.roto-wwbar-languages .navbar-nav li.open a {
  background-color: #ffffff;
  padding: 0;
}
.roto-wwbar-languages .navbar-nav li.open a .dropdown-menu {
  min-width: 80px;
  width: 320px;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  right: 0;
  left: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.roto-wwbar-languages .navbar-nav li.open a.dropdown-toggle {
  color: #ffffff !important;
  background-color: #bcbdbc;
  padding: 10px 0 !important;
}
@media (min-width: 768px) {
  .roto-wwbar-languages .navbar-nav li.open a.dropdown-toggle {
    padding: 10px 0 10px 10px !important;
  }
}
.roto-wwbar-languages .navbar-nav li.open a:hover.dropdown-toggle {
  color: #fe0009;
}
.roto-wwbar-languages .navbar-nav li a {
  padding: 10px 0;
  color: #747678;
  font-size: 14px;
}
.roto-wwbar-languages .navbar-nav li a .caret {
  border-top-color: #747678;
  border-bottom-color: #747678;
  margin-bottom: 5px;
}
/* Transparent Hover Background for Links that do not open dialogues */
@media (min-width: 992px) {
  .roto-wwbar-search:hover {
    background-color: transparent;
  }
}
/* Base styles for rot-link-, user-, login/out- icons */
.roto-wwbar-link,
.roto-wwbar-user,
.roto-wwbar-loginout {
  /* Hide / Show Texts for Links */
}
.roto-wwbar-link > a,
.roto-wwbar-user > a,
.roto-wwbar-loginout > a {
  cursor: pointer;
  color: #747678;
  display: block;
}
.roto-wwbar-link > a:hover,
.roto-wwbar-user > a:hover,
.roto-wwbar-loginout > a:hover {
  text-decoration: underline;
  color: #fe0009;
}
.roto-wwbar-link > a:before,
.roto-wwbar-user > a:before,
.roto-wwbar-loginout > a:before {
  background-color: transparent !important;
  background-repeat: no-repeat;
  border: none;
  display: inline-block;
  background-image: url('../images/wwbar-sprited-icons-1x.png') !important;
  content: "";
  display: block;
  float: left;
  margin-right: 3px;
  margin-left: 3px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .roto-wwbar-link > a:before,
  .roto-wwbar-user > a:before,
  .roto-wwbar-loginout > a:before {
    background-image: url('../images/wwbar-sprited-icons-2x.png') !important;
    background-size: 72px 144px;
  }
}
.roto-wwbar-link > a span,
.roto-wwbar-user > a span,
.roto-wwbar-loginout > a span {
  display: none;
}
@media (min-width: 992px) {
  .roto-wwbar-link > a span,
  .roto-wwbar-user > a span,
  .roto-wwbar-loginout > a span {
    display: inline-block;
  }
}
/* Show user name for smaller viewports than the rest of links */
@media (min-width: 768px) {
  .roto-wwbar-user span {
    display: inline-block;
  }
}
/* Roto Worldwide, Roto Deutschland */
.roto-wwbar-link-worldwide {
  /* White */
}
.roto-wwbar-link-worldwide a:before {
  background-position: -1px -1px;
  width: 23px;
  height: 23px;
}
.roto-wwbar-link-worldwide a:before:hover,
.roto-wwbar-link-worldwide a:before.hover {
  background-position: -49px -1px !important;
}
.roto-wwbar-link-worldwide:hover a:before,
.roto-wwbar-link-worldwide a:before:hover {
  background-position: -49px -1px !important;
}
.roto-wwbar-link-worldwide.js-is-open a {
  color: #fff;
}
.roto-wwbar-link-worldwide.js-is-open a:before {
  background-position: -25px -1px !important;
}
.roto-wwbar-link-deutschland a:before {
  background-position: -3px -25px;
  width: 18px;
  height: 23px;
}
.roto-wwbar-link-deutschland a:before:hover,
.roto-wwbar-link-deutschland a:before.hover {
  background-position: -51px -25px !important;
}
.roto-wwbar-link-deutschland:hover a:before,
.roto-wwbar-link-deutschland a:before:hover {
  background-position: -51px -25px !important;
}
.roto-wwbar-link-career a,
.roto-wwbar-link-career a:hover,
.roto-wwbar-link-career a:active {
  text-decoration: none;
}
/* Search Bar */
.roto-wwbar-search {
  /* Loupe button to open search field */
  /* White */
  /* Actual search button */
}
.roto-wwbar-search > .tx-yagooglesearch-pi1 .tx-yagooglesearch-pi1-noResults {
  display: none;
}
.roto-wwbar-search label {
  /* Bootstrap's .sr-only styles */
  border: 0;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}
@media (min-width: 992px) {
  .roto-wwbar-search input {
    display: block;
    margin-right: 10px;
    margin-left: 5px;
  }
}
.roto-wwbar-search .roto-wwbar-search-button {
  background-color: transparent !important;
  background-repeat: no-repeat;
  border: none;
  display: inline-block;
  background-image: url('../images/wwbar-sprited-icons-1x.png') !important;
  background-position: 0 -97px;
  width: 23px;
  height: 23px;
  float: right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .roto-wwbar-search .roto-wwbar-search-button {
    background-image: url('../images/wwbar-sprited-icons-2x.png') !important;
    background-size: 72px 144px;
  }
}
.active .roto-wwbar-search .roto-wwbar-search-button,
.open .roto-wwbar-search .roto-wwbar-search-button {
  background-position: -24px -97px;
}
.roto-wwbar-search .roto-wwbar-search-button:hover,
.roto-wwbar-search .roto-wwbar-search-button.hover {
  background-position: -48px -97px;
}
.roto-wwbar-search.js-is-open .roto-wwbar-search-button {
  background-position: -24px -97px !important;
}
.roto-wwbar-search .roto-wwbar-btn {
  float: right;
}
@media (min-width: 992px) {
  .roto-wwbar-search .roto-wwbar-btn {
    display: none;
  }
}
.roto-wwbar-search .roto-wwbar-btn,
.roto-wwbar-search .roto-wwbar-btn b {
  color: #fff !important;
}
.roto-wwbar-search .roto-wwbar-btn .roto-wwbar-pseudolabel {
  padding-left: 5px;
}
/* Account Box: Username */
.roto-wwbar-user a {
  float: right;
  text-indent: -9999px;
  width: 40px;
}
@media (min-width: 768px) {
  .roto-wwbar-user a {
    text-indent: 0;
    width: auto;
  }
}
.roto-wwbar-user a:before {
  background-position: -1px -121px;
  width: 23px;
  height: 23px;
}
.roto-wwbar-user a:before:hover,
.roto-wwbar-user a:before.hover {
  background-position: -49px -121px !important;
}
.roto-wwbar-user a:hover:before {
  background-position: -49px -121px !important;
}
/* Account Box: Login/Logout */
.roto-wwbar-loginout.login {
  /* Red */
  /* White */
}
.roto-wwbar-loginout.login > a:before {
  background-position: -2px -49px;
  width: 20px;
  height: 23px;
}
.roto-wwbar-loginout.login > a:before:hover,
.roto-wwbar-loginout.login > a:before.hover {
  background-position: -50px -49px !important;
}
.roto-wwbar-loginout.login.js-is-open > a {
  color: #fff;
}
.roto-wwbar-loginout.login.js-is-open > a:before {
  background-position: -26px -49px !important;
}
.roto-wwbar-loginout .btn-unstyled {
  background-color: transparent;
  border: none;
  color: #747678;
  float: right;
  font-size: 13px;
  line-height: 2;
  text-indent: -9999px;
  white-space: normal;
  padding: 6px 12px;
  /* Logout icon */
}
@media (min-width: 768px) {
  .roto-wwbar-loginout .btn-unstyled {
    text-indent: 0;
  }
}
.roto-wwbar-loginout .btn-unstyled i {
  float: right;
  position: relative;
  top: 2px;
}
@media (min-width: 768px) {
  .roto-wwbar-loginout .btn-unstyled i {
    margin-left: 5px;
  }
}
.roto-wwbar-loginout .btn-unstyled:hover {
  color: #fe0009;
}
.roto-wwbar-loginout .btn-unstyled:hover i {
  background-position: -50px -73px !important;
}
/**
 * Language Menu
 */
.roto-wwbar-language {
  float: right;
  margin: 0;
  /* separate flags from one another */
  /* Language flags generic styles */
  /* active state for the language */
  /**
	 * Set Flags as background images for language switch links
	 */
}
.roto-wwbar-language a {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  float: right;
  opacity: 0.5;
  text-decoration: none !important;
  text-indent: -9999px;
  vertical-align: middle;
  width: 16px;
}
.roto-wwbar-language a:hover {
  opacity: 0.8;
}
.roto-wwbar-language.lang-flag-active a {
  opacity: 1;
}
.roto-wwbar-language.lang-flag-de {
  /* default: greyscale flag */
  /* active: colour flag */
}
.roto-wwbar-language.lang-flag-de a {
  background-image: url('../../../images/flags/grey/de.png');
}
.roto-wwbar-language.lang-flag-de.lang-flag-active a {
  background-image: url('../../../images/flags/color/de.png');
}
.roto-wwbar-language.lang-flag-en {
  /* default: greyscale flag */
  /* active: colour flag */
}
.roto-wwbar-language.lang-flag-en a {
  background-image: url('../../../images/flags/grey/gb.png');
}
.roto-wwbar-language.lang-flag-en.lang-flag-active a {
  background-image: url('../../../images/flags/color/gb.png');
}
.roto-wwbar-language.lang-flag-ar a {
  background-image: url('../../../images/flags/grey/ar.png');
}
.roto-wwbar-language.lang-flag-ar.lang-flag-active a {
  background-image: url('../../../images/flags/color/ar.png');
}
.roto-wwbar-language.lang-flag-be a {
  background-image: url('../../../images/flags/grey/be.png');
}
.roto-wwbar-language.lang-flag-be.lang-flag-active a {
  background-image: url('../../../images/flags/color/be.png');
}
.roto-wwbar-language.lang-flag-br a {
  background-image: url('../../../images/flags/grey/br.png');
}
.roto-wwbar-language.lang-flag-br.lang-flag-active a {
  background-image: url('../../../images/flags/color/br.png');
}
.roto-wwbar-language.lang-flag-by a {
  background-image: url('../../../images/flags/grey/by.png');
}
.roto-wwbar-language.lang-flag-by.lang-flag-active a {
  background-image: url('../../../images/flags/color/by.png');
}
.roto-wwbar-language.lang-flag-ch a {
  background-image: url('../../../images/flags/grey/ch.png');
}
.roto-wwbar-language.lang-flag-ch.lang-flag-active a {
  background-image: url('../../../images/flags/color/ch.png');
}
.roto-wwbar-language.lang-flag-cn a {
  background-image: url('../../../images/flags/grey/cn.png');
}
.roto-wwbar-language.lang-flag-cn.lang-flag-active a {
  background-image: url('../../../images/flags/color/cn.png');
}
.roto-wwbar-language.lang-flag-cz a {
  background-image: url('../../../images/flags/grey/cz.png');
}
.roto-wwbar-language.lang-flag-cz.lang-flag-active a {
  background-image: url('../../../images/flags/color/cz.png');
}
.roto-wwbar-language.lang-flag-de a {
  background-image: url('../../../images/flags/grey/de.png');
}
.roto-wwbar-language.lang-flag-de.lang-flag-active a {
  background-image: url('../../../images/flags/color/de.png');
}
.roto-wwbar-language.lang-flag-dk a {
  background-image: url('../../../images/flags/grey/dk.png');
}
.roto-wwbar-language.lang-flag-dk.lang-flag-active a {
  background-image: url('../../../images/flags/color/dk.png');
}
.roto-wwbar-language.lang-flag-ee a {
  background-image: url('../../../images/flags/grey/ee.png');
}
.roto-wwbar-language.lang-flag-ee.lang-flag-active a {
  background-image: url('../../../images/flags/color/ee.png');
}
.roto-wwbar-language.lang-flag-en a {
  background-image: url('../../../images/flags/grey/gb.png');
}
.roto-wwbar-language.lang-flag-en.lang-flag-active a {
  background-image: url('../../../images/flags/color/gb.png');
}
.roto-wwbar-language.lang-flag-es a {
  background-image: url('../../../images/flags/grey/es.png');
}
.roto-wwbar-language.lang-flag-es.lang-flag-active a {
  background-image: url('../../../images/flags/color/es.png');
}
.roto-wwbar-language.lang-flag-fr a {
  background-image: url('../../../images/flags/grey/fr.png');
}
.roto-wwbar-language.lang-flag-fr.lang-flag-active a {
  background-image: url('../../../images/flags/color/fr.png');
}
.roto-wwbar-language.lang-flag-hu a {
  background-image: url('../../../images/flags/grey/hu.png');
}
.roto-wwbar-language.lang-flag-hu.lang-flag-active a {
  background-image: url('../../../images/flags/color/hu.png');
}
.roto-wwbar-language.lang-flag-it a {
  background-image: url('../../../images/flags/grey/it.png');
}
.roto-wwbar-language.lang-flag-it.lang-flag-active a {
  background-image: url('../../../images/flags/color/it.png');
}
.roto-wwbar-language.lang-flag-lt a {
  background-image: url('../../../images/flags/grey/lt.png');
}
.roto-wwbar-language.lang-flag-lt.lang-flag-active a {
  background-image: url('../../../images/flags/color/lt.png');
}
.roto-wwbar-language.lang-flag-lv a {
  background-image: url('../../../images/flags/grey/lv.png');
}
.roto-wwbar-language.lang-flag-lv.lang-flag-active a {
  background-image: url('../../../images/flags/color/lv.png');
}
.roto-wwbar-language.lang-flag-mx a {
  background-image: url('../../../images/flags/grey/mx.png');
}
.roto-wwbar-language.lang-flag-mx.lang-flag-active a {
  background-image: url('../../../images/flags/color/mx.png');
}
.roto-wwbar-language.lang-flag-nl a {
  background-image: url('../../../images/flags/grey/nl.png');
}
.roto-wwbar-language.lang-flag-nl.lang-flag-active a {
  background-image: url('../../../images/flags/color/nl.png');
}
.roto-wwbar-language.lang-flag-pl a {
  background-image: url('../../../images/flags/grey/pl.png');
}
.roto-wwbar-language.lang-flag-pl.lang-flag-active a {
  background-image: url('../../../images/flags/color/pl.png');
}
.roto-wwbar-language.lang-flag-pt a {
  background-image: url('../../../images/flags/grey/pt.png');
}
.roto-wwbar-language.lang-flag-pt.lang-flag-active a {
  background-image: url('../../../images/flags/color/pt.png');
}
.roto-wwbar-language.lang-flag-ro a {
  background-image: url('../../../images/flags/grey/ro.png');
}
.roto-wwbar-language.lang-flag-ro.lang-flag-active a {
  background-image: url('../../../images/flags/color/ro.png');
}
.roto-wwbar-language.lang-flag-ru a {
  background-image: url('../../../images/flags/grey/ru.png');
}
.roto-wwbar-language.lang-flag-ru.lang-flag-active a {
  background-image: url('../../../images/flags/color/ru.png');
}
.roto-wwbar-language.lang-flag-si a {
  background-image: url('../../../images/flags/grey/si.png');
}
.roto-wwbar-language.lang-flag-si.lang-flag-active a {
  background-image: url('../../../images/flags/color/si.png');
}
.roto-wwbar-language.lang-flag-sk a {
  background-image: url('../../../images/flags/grey/sk.png');
}
.roto-wwbar-language.lang-flag-sk.lang-flag-active a {
  background-image: url('../../../images/flags/color/sk.png');
}
.roto-wwbar-language.lang-flag-sv a {
  background-image: url('../../../images/flags/grey/sv.png');
}
.roto-wwbar-language.lang-flag-sv.lang-flag-active a {
  background-image: url('../../../images/flags/color/sv.png');
}
.roto-wwbar-language.lang-flag-tr a {
  background-image: url('../../../images/flags/grey/tr.png');
}
.roto-wwbar-language.lang-flag-tr.lang-flag-active a {
  background-image: url('../../../images/flags/color/tr.png');
}
.roto-wwbar-language.lang-flag-ua a {
  background-image: url('../../../images/flags/grey/ua.png');
}
.roto-wwbar-language.lang-flag-ua.lang-flag-active a {
  background-image: url('../../../images/flags/color/ua.png');
}
.roto-wwbar-language.lang-flag-us a {
  background-image: url('../../../images/flags/grey/us.png');
}
.roto-wwbar-language.lang-flag-us.lang-flag-active a {
  background-image: url('../../../images/flags/color/us.png');
}
.roto-wwbar-language.lang-flag-at a {
  background-image: url('../../../images/flags/grey/at.png');
}
.roto-wwbar-language.lang-flag-at.lang-flag-active a {
  background-image: url('../../../images/flags/color/at.png');
}
/**
 * Dropdown CSS
 */
/* Dropdown box clicked open */
.roto-wwbar-drop-container {
  position: static;
}
.roto-wwbar-drop-container.js-is-open {
  visibility: visible;
}
/* Content of the dropdown box */
.roto-wwbar-drop-content {
  background-color: #bcbdbc;
  display: none;
  float: right;
  position: fixed;
  top: 40px;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
}
.js-is-open .roto-wwbar-drop-content {
  display: inline-block;
  padding: 30px 15px;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .roto-wwbar-search .roto-wwbar-drop-content {
    background-color: transparent;
    display: block;
    position: static;
    width: auto;
  }
}
.roto-wwbar-drop-content#box-for-login {
  right: 10%;
  left: auto;
  max-width: 320px;
  text-align: left;
}
/* pseudo-label for dropped open search box */
.roto-wwbar-pseudolabel {
  display: none;
}
@media (max-width: 992px) {
  .roto-wwbar-pseudolabel {
    display: block;
  }
}
/* Show and center input box when search box open */
.roto-wwbar-search.roto-wwbar-drop-container.js-is-open input {
  display: none;
}
@media (max-width: 992px) {
  .roto-wwbar-search.roto-wwbar-drop-container.js-is-open input {
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 3px 6px;
    width: 100%;
  }
}
/* Dim main content while drop-content is open */
#outerWrapper.js-is-open:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.7);
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 104;
}
/**
 * Button styles
 */
.roto-wwbar-btn {
  background-color: #fe0009;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  border: 1px solid #fff;
  border-radius: 0;
  color: #f1f1f1;
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 4px 12px 6px 12px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.roto-wwbar-btn:hover {
  background-color: #b72026;
  color: #fff;
}
#dialog {
  max-height: none;
  min-height: 59px;
  width: auto;
  height: auto;
}
/* Login Button */
#worldwidebar .tx-felogin-pi1 br:first.child {
  display: none;
}
/**
 * Import loginbox and dialogue box styles
 */
#loginbox {
  z-index: 1002;
}
.logout_form {
  padding-top: 15px;
}
#worldwidebar .logout_form {
  padding-top: 0;
}
.multilogin {
  background-color: #ffffff;
  padding: 30px 0 0 0;
  width: 100%;
}
#loginbox .multilogin {
  float: left;
  padding: 15px 30px;
}
#loginbox .multilogin .item {
  float: left;
}
.multilogin a {
  color: #fe0009;
  text-decoration: underline;
}
.multilogin a:hover {
  color: #b72026;
}
.multilogin h3 {
  margin: 0;
}
.multilogin h4 {
  margin-bottom: 0;
}
.multilogin hr {
  border-color: #000000;
  float: left;
  margin: 5px 0 15px 0;
  width: 100%;
}
#loginbox .multilogin hr {
  margin: 15px 0 0 0;
}
.multilogin .raquo {
  border: 1px solid transparent;
  color: #fe0009;
  float: left;
}
.multilogin input[type='text'],
.multilogin input[type='password'] {
  border: 1px solid transparent;
  color: #aaaaaa;
  margin: 15px 0 0 0;
  outline: 1px solid #aaaaaa;
  padding: 5px;
  width: 165px;
}
@media (min-width: 992px) {
  .multilogin input[type='text'],
  .multilogin input[type='password'] {
    width: 215px;
  }
}
.submit {
  background: transparent;
  border: none;
  color: #fe0009;
  cursor: pointer;
  outline: none;
  padding: 10px 0 0 1px;
  /* 1px um die border der "raquo"-Elemente auszugleichen */
  text-align: left;
  width: 100%;
}
.submit:active,
.submit:focus,
.submit:hover {
  background: transparent;
  color: #b72026;
  outline: none;
}
/**
 * Standort-Suche Karte
 */
#dialog {
  background: #bcbdbc !important;
  border-top: 10px solid #bcbdbc;
  font-size: 13px !important;
  min-height: 250px;
  outline: 9999px solid #bcbdbc;
  padding: 16px;
  padding-top: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  visibility: hidden;
  z-index: 5001;
  /**
	* All icons
	*/
}
@media (min-width: 480px) {
  #dialog {
    padding: 50px;
  }
}
@media (min-width: 768px) {
  #dialog {
    margin: 0 auto;
    padding: 16px;
    padding-top: 0;
  }
}
#dialog a {
  color: #fe0009;
  text-decoration: none;
}
#dialog a:hover {
  text-decoration: underline;
}
#dialog span.icon_l1 {
  background: url('http://ftt.roto-frank.com/uploads/RTEmagicC_1.png.png') no-repeat;
}
#dialog span.indication,
#dialog span.close {
  display: block;
  height: 110px;
  line-height: 50px;
}
@media (min-width: 480px) {
  #dialog span.indication,
  #dialog span.close {
    height: 80px;
  }
}
@media (min-width: 768px) {
  #dialog span.indication,
  #dialog span.close {
    height: 50px;
  }
}
#dialog span.close {
  color: #ffffff;
  opacity: 1;
}
#dialog span.indication {
  display: block !important;
}
#dialog span.inline {
  color: #ffffff;
  display: inline;
  font-weight: bold;
  width: 35%;
}
#dialog .countries_select {
  background: #fe0009;
  margin: 20px 0 0 0;
  padding: 15px;
}
#dialog .countries_select select {
  border-radius: 5px;
  width: 100%;
}
#dialog .countries_list,
#dialog .language_list {
  display: inline-block;
  width: auto;
}
#dialog ul {
  padding: 0 20px;
}
@media (min-width: 768px) {
  #dialog ul {
    padding: 10px 0 0 20px;
  }
}
#dialog ul li {
  display: inline;
  list-style: none;
  margin-right: 20px;
}
#dialog #wwwcountries {
  margin: 0;
}
#dialog #wwwcountries #rotodst,
#dialog #wwwcountries #rotoftt {
  padding: 0;
  overflow: hidden;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner,
#dialog #wwwcountries #rotoftt #wwwcountries_inner {
  background: #ffffff;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner h1,
#dialog #wwwcountries #rotoftt #wwwcountries_inner h1 {
  color: #4d4f43;
  font-size: 19px;
  line-height: 0.9;
  padding: 20px 0 0 20px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner h3.division,
#dialog #wwwcountries #rotoftt #wwwcountries_inner h3.division,
#dialog #wwwcountries #rotodst #wwwcountries_inner h3.locations,
#dialog #wwwcountries #rotoftt #wwwcountries_inner h3.locations {
  border-bottom: 1px solid #bcbdbc;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .btn,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .btn {
  border: none;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .btn .icon,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .btn .icon {
  background-image: url('../images/icon_trends_minus.png');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  display: block;
  right: 10px;
  width: 20px;
  height: 20px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .btn.collapsed .icon,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .btn.collapsed .icon {
  background-image: url('../images/icon_trends_plus.png');
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .worldwidelinks,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .worldwidelinks {
  height: 60px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .worldwidelinks ul,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .worldwidelinks ul {
  border-top: 1px solid #bcbdbc;
  border-bottom: 1px solid #bcbdbc;
  margin: 20px 0;
  padding: 10px 0 10px 20px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .worldwidelinks ul li,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .worldwidelinks ul li {
  line-height: 30px;
  vertical-align: middle;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .worldwidelinks ul li img,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .worldwidelinks ul li img {
  padding-right: 10px;
  max-width: 40px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .worldwidelinks ul li .dash,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .worldwidelinks ul li .dash {
  background: none repeat scroll 0% 0% #eeecec;
  display: inline-block;
  height: 30px;
  margin: 0 0 0 20px;
  width: 2px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .worldwidelinks ul li.de_active,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .worldwidelinks ul li.de_active {
  margin: 0;
}
@media (min-width: 992px) {
  #dialog #wwwcountries #rotodst #wwwcountries_inner .worldwidelinks ul li.de_active,
  #dialog #wwwcountries #rotoftt #wwwcountries_inner .worldwidelinks ul li.de_active {
    margin: 0 10px 0 0;
  }
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .row,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .row {
  border-bottom: 1px solid #bcbdbc;
  display: block;
  padding-top: 15px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .headoffice,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .headoffice {
  background-color: #eeecec;
  min-height: 150px;
  margin-top: 20px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .headoffice .btn,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .headoffice .btn,
#dialog #wwwcountries #rotodst #wwwcountries_inner .headoffice button,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .headoffice button {
  background-color: #eeecec;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .headoffice h3,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .headoffice h3 {
  padding: 10px 0 10px 0;
  margin: 0;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .headoffice .row,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .headoffice .row {
  border: 0;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .headoffice label,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .headoffice label {
  padding-right: 10px;
  width: 70px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .places,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .places {
  min-height: 350px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .places .btn,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .places .btn,
#dialog #wwwcountries #rotodst #wwwcountries_inner .places button,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .places button {
  background-color: #ffffff;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .places h3,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .places h3 {
  padding: 0 0 10px 0;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .places label,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .places label {
  padding-right: 10px;
  width: 70px;
}
#dialog #wwwcountries #rotodst #wwwcountries_inner .place ul,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .place ul,
#dialog #wwwcountries #rotodst #wwwcountries_inner .singlecontact ul,
#dialog #wwwcountries #rotoftt #wwwcountries_inner .singlecontact ul {
  margin: 0;
  padding: 0 0 20px 0;
}
@media (min-width: 768px) {
  #dialog #wwwcountries #rotodst {
    padding-right: 0;
    padding-left: 20px;
  }
}
@media (min-width: 1170px) {
  #dialog #wwwcountries #rotodst #wwwcountries_inner h1 {
    padding-left: 24px;
  }
  #dialog #wwwcountries #rotodst #wwwcountries_inner .worldwidelinks ul {
    padding-left: 24px;
  }
}
@media (min-width: 768px) {
  #dialog #wwwcountries #rotoftt {
    padding-right: 20px;
    padding-left: 0;
  }
}
@media (min-width: 1170px) {
  #dialog #wwwcountries #rotoftt #wwwcountries_inner h1 {
    padding-left: 24px;
  }
  #dialog #wwwcountries #rotoftt #wwwcountries_inner .worldwidelinks ul {
    padding-left: 24px;
  }
}
#dialog #map svg,
#dialog #map img {
  width: 100%;
  height: 180px;
}
@media (min-width: 768px) {
  #dialog #map svg,
  #dialog #map img {
    height: 350px;
  }
}
@media (min-width: 1170px) {
  #dialog #map svg,
  #dialog #map img {
    height: 500px;
  }
}
#dialog hr {
  border-color: #bcbdbc;
}
#dialog .ui-widget-content {
  background: none;
}
#dialog .iconhome_local {
  background: url('../../../../images/worldwide/worldwide/home_local.gif') no-repeat;
  padding: 0 20px;
}
#dialog .iconfacebook {
  background: url('../../../../images/worldwide/worldwide/facebook.png') no-repeat top left;
}
#dialog .icontwitter {
  background: url('../../../../images/worldwide/worldwide/twitter.png') no-repeat top left;
}
#dialog .iconyoutube {
  background: url('../../../../images/worldwide/worldwide/youtube.png') no-repeat top left;
}
#dialog .iconlinkedin {
  background: url('../../../../images/worldwide/worldwide/linkedin.png') no-repeat top left;
}
#dialog .icon_l1,
#dialog .icon_ho,
#dialog .icon_d,
#dialog .icon_d_main,
#dialog .icon_p,
#dialog .icon_p_main,
#dialog .icon_d_p,
#dialog .icon_d_p_main,
#dialog .icon_c,
#dialog .icon_c_main {
  background: url('../../../../images/worldwide/produktion-grau.png') 0 0 no-repeat;
  background-size: 30px;
  width: 35px;
  height: 35px;
}
#dialog .icon_l1 {
  background-image: url('../../../../images/worldwide/produktion-grau.png');
}
#dialog .icon_ho {
  background-image: url('../../../../images/worldwide/ho_place.png');
}
#dialog .icon_d {
  background-image: url('../../../../images/worldwide/vertrieb-grau.png');
}
#dialog .icon_d_main {
  background-image: url('../../../../images/worldwide/vertrieb-rot.png');
}
#dialog .icon_p {
  background-image: url('../../../../images/worldwide/produktion-grau.png');
}
#dialog .icon_p_main {
  background-image: url('../../../../images/worldwide/produktion-grau.png');
}
#dialog .icon_d_p {
  background-image: url('../../../../images/worldwide/produktion-und-vertrieb-grau.png');
}
#dialog .icon_d_p_main {
  background-image: url('../../../../images/worldwide/produktion-und-vertrieb-rot.png');
}
#dialog .icon_c {
  background-image: url('../../../../images/worldwide/vertriebskontakt-grau.png');
}
#dialog .icon_c_main {
  background-image: url('../../../../images/worldwide/vertriebskontakt-rot.png');
}
#dialog #legende ul {
  padding: 0;
}
#dialog #legende ul li {
  background-size: 17px;
  padding-left: 30px;
}
#dialog #legende hr {
  border-color: #ffffff;
  margin-top: 0;
}
#dialog .mapdisplay {
  /* @todo wird diese Klasse irgendwo benutzt? */
  background: #ffffff;
  display: block;
  left: 0;
  position: fixed;
  top: 50px;
  width: 100% !important;
  z-index: 3;
}