@charset 'UTF-8';
/*------------------------------------*\
    STYLE-MOBILE.LESS
\*------------------------------------*/
/**
 * Here we start to pull everything together into one big stylesheet.
 *
 * SETUP............Settings, tools, mixins, etc.
 * GENERIC..........normalize.css, reset, shared styles, etc.
 * BASE.............Basic HTML elements.
 * OBJECTS..........Objects, abstractions, design patterns.
 * GUI..............Components and modules.
 * TRUMPS...........Helpers, overrides, 'trump-cards'.
 */
/*------------------------------------*\
    #SETUP
\*------------------------------------*/
/**
 * Settings, variables and tools.
 */
/* menu colors */
.font_family_bold {
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
/* Exceptions for "classic" view */
#search-page.classic #content-column,
#list-community.classic #content-column,
#departement-home.classic #content-column {
  width: 75% !important;
}
@media screen and (min-width: 1236px) {
  body.mobile .hidden-mobile {
    display: none !important;
  }
  body.mobile .col-xl-3 {
    width: 33.33333333% !important;
  }
  body.mobile .col-xl-6 {
    width: 66.66666667% !important;
  }
  body.mobile .col-xl-9 {
    width: 66.66666667% !important;
  }
  body.mobile .col-xl-12 {
    width: 66.66666667% !important;
  }
  body.mobile .col-xl-12.le-footer,
  body.mobile .footer-bg > .col-xl-12 {
    width: 100% !important;
  }
  body.mobile #context-column {
    width: 33.33333333% !important;
    padding-left: 2% !important;
  }
}
/*------------------------------------*\
    #GENERIC
\*------------------------------------*/
/**
 * These are far reaching styles that affect and underpin every element on the
 * page, e.g. `* {}`.
 */
/*------------------------------------*\
    #BASE
\*------------------------------------*/
/**
 * These are base HTML elements, things with no classes on them, e.g. `h1 {}`,
 * `blockquote {}`.
 */
.visuallyhidden,
hr,
caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#error-page #logo {
  background-image: none;
}
/* mobile general */
html {
  overflow-x: hidden;
}
#wrapper {
  margin-top: 0;
}
h3 {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
/**** footer ****/
#footer {
  width: 100%;
  margin-top: 0;
  background: #013950;
  border-top: none;
  padding: 0 0 42px 0;
}
#footer ul {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 2%;
  border-bottom: 1px solid #003148;
}
#footer ul li {
  display: inline-block;
  padding: 0;
}
#footer ul li a {
  display: inline-block;
  font-size: 1.25em;
  color: #6aa8e1;
  padding: 14px 24px 14px 0;
}
#footer ul li.active a {
  color: #ffffff;
  font-weight: normal;
}
.le-footer {
  text-align: left;
  width: 100%;
}
#footer-area {
  border-top: 0;
}
#footer-area,
.footer-bg {
  background: #013950;
}
#footer-area .container-fluid,
.footer-bg,
.footer-bg > .col-xl-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.container .footer-bg {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* special cases of footer elements */
#footer #nav-meta-footer ul li .social-media:before {
  content: url(images/icon-social-media-footer.png);
  padding-right: 10px;
}
#footer #nav-meta-footer li.active a.social-media-icons-negativ:before {
  background-position: -4952px 0;
}
#nav-lang-footer {
  float: left;
  width: 100%;
  clear: both;
}
#nav-lang-footer:after {
  content: " ";
  display: table;
  clear: both;
}
#nav-lang-footer #nav-lang {
  position: relative;
  top: 0;
  left: 0;
  font-size: 1em;
  z-index: 0;
  border-top: 0;
  width: auto;
  display: block;
}
#footer .copyright {
  display: inline-block;
  font-size: 1.25em;
  clear: both;
  width: auto;
  color: #ffffff;
  padding: 21px 2%;
  line-height: 1.333;
  margin: 0;
}
#footer .change-view {
  padding: 7px 2%;
  border-bottom: 1px solid #003148;
  line-height: 1;
  margin: 0;
  float: left;
  width: 100%;
  clear: both;
}
#footer .change-view a {
  display: inline-block;
  font-size: 1.2em;
  color: #6aa8e1;
  padding: 16px 0 16px 0;
}
/* !!! one new entry in general.css for #footer ul li.change-view: add padding */
.nutzung,
.copyright,
.impressum {
  position: inherit;
}
.nutzung {
  left: auto;
}
.copyright {
  left: auto;
}
.impressum {
  left: auto;
}
.switch-to-mobile {
  display: none !important;
}
/**** general ****/
/* do not show desktop elements */
#logo,
#nav-meta,
#nav-lang,
#search,
#flyout {
  display: none;
}
/* body */
body {
  background-image: none;
  width: auto;
  min-width: 320px;
  width: 100%;
}
/* wrapper */
#wrapper {
  width: auto;
  overflow: hidden;
}
#app-tree-col div.content-full,
#app-four-col div.content-full {
  width: 150% !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/** visibility on mobile vs on desktop **/
.responsive-hidden {
  display: none !important;
}
.responsive-visible {
  display: block;
}
/** end of: visibility on mobile vs on desktop **/
/**** end of: general ****/
/*icon-header-identity.png */
#cont-header-mobile-top-part {
  width: auto;
  height: 40px;
  background: #ffffff;
  margin: 10px 0;
}
#cont-logo-mobile a {
  float: left;
  width: 40px;
  height: 40px;
  background: url(images/mobile-icons.png) no-repeat 100% 0;
}
#identity-mobile {
  float: left;
  width: 80px;
  height: 40px;
  color: #000000;
}
#identity-mobile span#canton {
  font-size: 14px;
  line-height: 14px;
  float: left;
  display: inline-block;
  padding: 4px 10px 0 3px;
}
#identity-mobile span#zurich {
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  padding: 0 0 3px 3px;
  float: left;
  clear: both;
}
#cont-nav-mobile {
  float: right;
  width: 200px;
  height: 40px;
}
#cont-nav-mobile ul {
  list-style: none;
}
.nav-mobile-button {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
}
.nav-mobile-button.active {
  width: 38px;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
}
.nav-mobile-button:focus,
.nav-mobile-button:active {
  background: none;
}
.nav-mobile-button .icon-text {
  font-size: 9px;
  line-height: 16px;
  color: #666666;
}
.nav-mobile-button.active .icon-text {
  color: #000000;
}
#nav-mobile-organisation {
  background: url(images/mobile-icons.png) no-repeat 0 -900px;
}
#nav-mobile-organisation.active {
  background: #ffffff url(images/mobile-icons.png) no-repeat 0 -1000px;
}
#nav-mobile-forms {
  background: url(images/mobile-icons.png) no-repeat 0 -700px;
}
#nav-mobile-forms.active {
  background: #ffffff url(images/mobile-icons.png) no-repeat 0 -800px;
}
#nav-mobile-az {
  background: url(images/mobile-icons.png) no-repeat 0 -500px;
}
#nav-mobile-az.active {
  background: #ffffff url(images/mobile-icons.png) no-repeat 0 -600px;
}
#nav-mobile-search {
  background: url(images/mobile-icons.png) no-repeat 0 -300px;
}
#nav-mobile-search.active {
  background: #ffffff url(images/mobile-icons.png) no-repeat 0 -400px;
}
#nav-mobile-menu {
  background: url(images/mobile-icons.png) no-repeat 0 -100px;
}
#nav-mobile-menu.active {
  background: #ffffff url(images/mobile-icons.png) no-repeat 0 -200px;
}
/* flyout */
/* OLD FLYOUT */
div#flyout-cover {
  top: 48px;
}
div#flyout-body {
  top: 48px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  background-image: none;
}
a#flyout-close {
  font-size: 1.6em;
  background: url(../media/icons-button.png) right -400px no-repeat;
  margin-right: -5px;
}
div#flyout-wrapper {
  width: auto;
  background-image: none;
  padding: 56px 20px 20px 20px;
  overflow: hidden;
}
div#flyout-wrapper h2 {
  font-size: 1.8em;
  /* 18px */
  line-height: 1.5;
  margin: 0 0 20px 0 !important;
  font-weight: bold;
}
div#flyout-wrapper .ktzh-overview .flyout-inner {
  display: none;
}
div#flyout-wrapper .top-boxes {
  padding: 0;
  margin: 0;
  background-image: none;
}
div#flyout-wrapper .top-boxes .box {
  margin: 0;
  width: 100%;
}
div#flyout-wrapper .top-boxes .box img {
  display: none;
}
div#flyout-wrapper .board-boxes {
  width: auto;
  padding: 0;
  margin: 24px 0 0 0;
}
#flyout-wrapper #search {
  display: block;
}
#flyout-wrapper .flyout-mobile-accordeon-tab {
  display: block;
  width: auto;
  color: #000000;
  background: #ffffff url(images/mobile-icons.png) no-repeat 100% -1183px;
  border: 1px solid #e3e3e3;
  padding: 10px 10% 10px 10px;
  text-decoration: none;
  margin-bottom: 0;
}
#flyout-wrapper .flyout-mobile-accordeon-tab.collapsed {
  color: #1d5f9f;
  background: #ededed url(images/mobile-icons.png) no-repeat 100% -1283px;
  margin-bottom: 3px;
}
#flyout-wrapper .flyout-mobile-accordeon-tab.collapsed:hover,
#flyout-wrapper .flyout-mobile-accordeon-tab.collapsed:active {
  text-decoration: none;
  color: #333333;
  background: #ffffff url(images/mobile-icons.png) no-repeat 100% -1383px;
}
#flyout-wrapper .flyout-mobile-accordeon-tab span {
  font-size: 16px;
  font-weight: bold;
  max-width: 90%;
}
#flyout-wrapper .flyout-mobile-accordeon-tab.collapsed span {
  font-weight: normal;
}
.flyout-mobile-accordeon-content {
  display: none;
  width: auto;
  padding: 16px;
  border-top: none;
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  margin-bottom: 4px;
}
.top-boxes {
  margin-bottom: 24px;
}
.top-boxes .clear-full {
  display: none;
}
.top-boxes .flyout-mobile-accordeon-content p.home {
  margin-top: 0;
}
.top-boxes .flyout-mobile-accordeon-content p.home a {
  font-size: 1.333em;
  /* 16 px */
  line-height: 1.5;
  /* 24 px */
}
.top-boxes .box .flyout-mobile-accordeon-content h3 {
  margin-top: 0;
  font-size: 1.6em;
  /* 16 px */
  color: #333333;
  line-height: 1.5;
  padding-left: 0;
}
.top-boxes .box .flyout-mobile-accordeon-content ul {
  margin: 18px 0 12px 0;
  padding: 0;
}
.top-boxes .box .flyout-mobile-accordeon-content ul li {
  padding: 6px 0;
  border-bottom: 1px solid #e3e3e3;
}
.top-boxes .box .flyout-mobile-accordeon-content ul li:first-child {
  padding: 6px 0;
  border-top: 1px solid #e3e3e3;
}
.top-boxes .box .flyout-mobile-accordeon-content ul li a {
  font-size: 1.333em;
  /* 16 px */
  line-height: 1.5;
}
.board-boxes {
  padding: 10px;
  background-image: none;
}
.board-boxes:hover {
  background-image: none;
}
.board-boxes.active {
  background-image: none;
}
.board-boxes a {
  background-image: none;
}
.board-boxes a:hover,
.board-boxes a:active,
.board-boxes a:focus {
  background-image: none;
}
.board-boxes ul li {
  background-image: none;
}
.board-boxes ul li a,
.board-boxes ul li a:focus {
  display: block;
  width: auto;
  height: auto;
  float: none;
  border: 1px solid #e3e3e3;
  padding: 10px 10% 10px 10px;
  margin-bottom: 3px;
  font-size: 16px;
  /* 16 px */
  line-height: 1.5;
  color: #1d5f9f !important;
  background: #ededed url(images/mobile-icons.png) no-repeat 100% -1283px !important;
}
.board-boxes ul li a:hover,
.board-boxes ul li a:active {
  text-decoration: none;
  color: #000000 !important;
  background: #ffffff url(images/mobile-icons.png) no-repeat 100% -1383px !important;
}
.board-boxes ul li.active a:hover,
.board-boxes ul li.active a:active,
.board-boxes ul li.active a:focus {
  text-decoration: none;
  color: #000000 !important;
  background: #ffffff url(images/mobile-icons.png) no-repeat 100% -1183px !important;
}
.board-boxes ul li.active a {
  color: #000000;
  font-weight: bold;
  background: #ffffff url(images/mobile-icons.png) no-repeat 100% -1183px !important;
  border: 1px solid #e3e3e3;
  padding: 10px 10% 10px 10px;
  text-decoration: none;
  margin-bottom: 0;
}
.board-boxes ul li img {
  display: none;
}
.board-boxes #board-content {
  width: auto;
  padding: 16px;
  border-top: none;
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  margin-bottom: 3px;
}
.board-boxes #board-content h3 {
  font-size: 1.270em;
  /* 16px */
  color: #333333;
  line-height: 24px;
}
.board-boxes #board-content p {
  padding: 0;
  margin: 0;
}
.board-boxes #board-content p a {
  display: inline;
  padding: 0;
  font-size: 1.068em;
  line-height: 24px;
  /*1.5;*/
  font-weight: normal;
  width: auto;
  height: auto;
  background-image: none !important;
  border: none;
  color: #1d5f9f !important;
}
.board-boxes #board-content a:hover,
.board-boxes #board-content a:focus,
.board-boxes #board-content a:active {
  background-image: none !important;
}
.board-boxes #board-content ul {
  width: 100%;
  margin: 0;
  border: none;
}
.board-boxes #board-content ul:first-of-type {
  margin: 12px 0 0 0;
}
.board-boxes #board-content ul:last-of-type {
  margin: 0 0 12px 0;
}
.board-boxes #board-content ul li {
  padding: 0;
}
.board-boxes #board-content ul a {
  display: block;
  width: auto;
  border-top: none;
  padding: 6px 0;
  border-bottom: 1px solid #e3e3e3;
  border-left: none;
  border-right: none;
  font-size: 1.058em;
  font-weight: normal;
  background: none !important;
  color: #1d5f9f !important;
}
.board-boxes #board-content ul:first-of-type li:first-of-type a {
  border-top: 1px solid #e3e3e3;
}
/** flyout content themes from a to z **/
div#flyout-wrapper div.nav-content-tab {
  border-bottom: 1px solid #e3e3e3;
}
div#flyout-wrapper div.nav-content-tab ul {
  position: relative;
  top: 1px;
  padding: 0 !important;
  margin: 0 !important;
  background-image: none !important;
  /*border-bottom: 1px solid @gray_border_flyout;*/
  height: 40px;
  overflow: hidden;
}
.nav-content-tab ul a:focus,
.nav-content-tab ul a:active {
  background-image: none !important;
}
div#flyout-wrapper div.nav-content-tab ul li {
  float: left;
}
div#flyout-wrapper div.nav-content-tab ul li a {
  padding: 7px 10px;
  border-radius: 6px;
  background-image: none;
  height: auto;
  border: 1px solid #dedede;
  background-color: #f7f7f7;
  float: left;
  margin: 0 3px 0 0;
}
div#flyout-wrapper div.nav-content-tab ul li a span {
  background: none !important;
  float: left;
}
div#flyout-wrapper div.nav-content-tab ul li.active a:hover,
div#flyout-wrapper div.nav-content-tab ul li.active a:active,
div#flyout-wrapper div.nav-content-tab ul li.active a:focus {
  background-image: none !important;
  background: #ffffff !important;
}
div#flyout-wrapper div.nav-content-tab ul li a:hover,
div#flyout-wrapper div.nav-content-tab ul li a:active,
div#flyout-wrapper div.nav-content-tab ul li a:focus {
  height: auto !important;
  background: #f5f5f5 !important;
}
div#flyout-wrapper div.nav-content-tab ul li a:focus {
  outline: none !important;
}
div#flyout-wrapper div.nav-content-tab ul li.active a span {
  background-image: none !important;
}
div#flyout-wrapper div.nav-content-tab ul li.active a {
  border: 1px solid #e3e3e3;
  border-radius: 6px 6px 0 0;
  background-color: #ffffff;
  padding: 10px 10px;
  background-image: none !important;
}
div#flyout-wrapper div.nav-content-tab ul li a span {
  padding: 0;
  background-image: none;
  height: auto;
}
div#flyout-wrapper .flyout-sub-nav {
  margin-top: 0;
}
div#flyout-wrapper div.flyout-inner {
  padding: 16px;
}
div#flyout-wrapper div.flyout-inner h3 {
  display: none;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul.flyout-nav-side,
div#flyout-wrapper div.flyout-inner div.flyout-nav-themes ul.flyout-nav-side {
  width: auto;
  padding: 0;
  margin: 0 -4px;
  min-height: 0;
  background: none !important;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li.inact span {
  float: left;
  margin: 4px;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-image: none;
  /* CHANGE */
  background: #fafafa;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li a,
div#flyout-wrapper div.flyout-inner ul.flyout-nav-side li a {
  float: left;
  margin: 4px;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-image: none !important;
  /* CHANGE */
  background: #ededed;
  border-radius: 6px;
}
div#flyout-wrapper div.flyout-inner ul.flyout-nav-side li a {
  width: auto;
  height: auto;
  font-size: 14px;
  line-height: 20px;
  margin: 3px 3px 0 0;
  padding: 8px 8px;
  border: 1px solid #e3e3e3;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-themes ul li.active a {
  float: left;
  background-image: none !important;
  /* CHANGE */
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  margin: 3px 3px 0 0;
  padding: 8px 8px;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-themes ul li a:focus,
div#flyout-wrapper div.flyout-inner div.flyout-nav-themes ul li a:active {
  background: #ffffff !important;
  outline: none !important;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-themes ul li.active a span {
  display: inline;
  background-image: none !important;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li.active a span {
  color: #ffffff;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-themes ul li a span:focus,
div#flyout-wrapper div.flyout-inner div.flyout-nav-themes ul li a span:active {
  background-image: none !important;
}
div#flyout-wrapper div.flyout-inner ul.flyout-nav-side li.active a {
  background: #ffffff;
}
div#flyout-wrapper div.flyout-inner ul.flyout-nav-side li a span {
  padding: 0;
  background-image: none;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li a:focus,
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li a:active {
  background: #ededed !important;
  outline: none !important;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li.active a:focus,
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li.active a:active {
  background: #1d5f9f !important;
  outline: none !important;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li.active a {
  background-image: none !important;
  /* CHANGE */
  background: #ffffff;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li a span {
  display: inline;
  background-image: none !important;
}
div#flyout-wrapper div.flyout-inner div.flyout-nav-az ul li.active a span {
  color: #000000;
}
div#flyout-wrapper div.flyout-inner div#flyout-content {
  max-height: none;
  overflow: visible;
}
div#flyout-wrapper div.flyout-inner div.flyout-content-right {
  float: left;
  margin: 24px -0.8em 0 -0.8em;
  padding: 0 0.8em 0 0.8em;
  width: 100%;
  height: auto;
  max-height: none;
  overflow: visible;
}
div#flyout-wrapper div.flyout-inner div.flyout-content-right div.flyout-content {
  font-size: 1.6em;
}
/* flyout forms */
div#flyout-wrapper div.flyout-inner .flyout-sub-nav ul li a {
  padding: 8px 8px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  margin: 3px 3px 0 0;
}
div#flyout-wrapper div.flyout-inner .flyout-sub-nav ul li a:focus,
div#flyout-wrapper div.flyout-inner .flyout-sub-nav ul li a:active {
  background: #ffffff !important;
  outline: none !important;
}
div#flyout-wrapper div.flyout-inner .flyout-sub-nav ul li a span {
  border: none;
  padding: 0;
}
div#flyout-wrapper div.flyout-inner .flyout-sub-nav ul li a span a:focus,
div#flyout-wrapper div.flyout-inner .flyout-sub-nav ul li a span a:active {
  background-image: none !important;
}
div#flyout-wrapper div.flyout-inner .flyout-nav-themes .flyout-nav-side a {
  background-image: none;
}
/** end of: flyout content themes from a to z **/
/** flyout content search responsive **/
div#flyout-wrapper div.flyout-search {
  width: auto;
}
div#flyout-wrapper div.flyout-search input[type="text"] {
  font-size: 1.6em;
  width: 100%;
  height: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div#flyout-wrapper div.flyout-search input[type="submit"] {
  font-size: 1.6em;
  float: right;
  padding: 0 6px;
  height: 2em;
  margin-top: 12px;
}
/** end of: flyout content search responsive **/
/**** content ****/
#main-area {
  width: auto;
  max-width: 1236px;
  margin: 62px auto 0 auto;
  padding: 24px 2% 0 2%;
  border: none;
}
/* navigation column left */
#nav-sub {
  display: none;
}
/* content column middle */
#context-column {
  margin: 0 0 24px 0 !important;
}
#content-column,
#board-home #content-column,
#departement-home #content-column,
#list-community #content-column {
  padding: 0 !important;
  margin-top: 0;
}
#context-column div.box form input[type="checkbox"].with-block-label,
#context-column div.box form input[type="radio"].with-block-label {
  float: left;
  margin-right: 3px;
}
div.column,
div.column.to-left,
div.column.to-right {
  width: auto;
  float: none;
  margin: 24px 0 24px 0;
}
div.column h2,
div.column h3,
div.column h4,
div.column p,
div.column a {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#departement-home div.column.to-left,
#departement-home div.column.to-right {
  margin: 24px 2% 48px 2%;
  width: auto;
}
#departement-home div.column.to-left div.column.to-right {
  margin: 0;
}
/** content elements **/
/* main horizontal navigation */
#nav-main {
  display: none;
}
/* titles */
h1 {
  font-size: 2.6em;
  line-height: 1.2;
  border-top: 0;
  padding-top: 0.5em;
  margin: 0 0 30px 0 !important;
  word-wrap: break-word;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  letter-spacing: -0.025em;
}
html.touch h1 {
  padding-top: 0;
}
#board-home h1,
#departement-home h1 {
  padding-top: 0;
  margin-bottom: 30px;
}
h2 {
  font-size: 2.2em;
  line-height: 1.3;
  margin: 0 0 21px 0;
  word-wrap: break-word;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  letter-spacing: -0.025em;
  margin-top: 30px;
}
h3,
#context-column h3 {
  font-size: 1.9em;
  /* 19px */
  line-height: 1.3;
  margin: 24px 0 12px 0;
  word-wrap: break-word;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  letter-spacing: -0.025em;
  margin-top: 24px;
}
#context-column h3:first-child {
  margin: 12px 0;
}
h3.line-top {
  clear: both;
}
h4 {
  font-size: 1.8em;
  /* 15px */
  line-height: 1.25;
  font-weight: normal;
  margin: 24px 0 12px 0;
  word-wrap: break-word;
}
/* text & links */
p,
#content-column p,
#context-column p {
  font-size: 1.8em;
  /* 18px */
  line-height: 1.5;
  margin: 0 0 2%;
  word-wrap: break-word;
}
#content-column p.page-back-right,
#content-column p.page-back-left {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
/* content navigation */
div.nav-content {
  display: none;
}
/* anchor navigation */
div.nav-anchor {
  display: none;
}
/* lists */
div.komp-num-list ol {
  margin-left: 1em;
}
#content-column ul,
#content-column ol {
  font-size: 1.8em;
  /* 18px */
  line-height: 1.5;
}
#content-column a,
#context-column a {
  padding-bottom: 13px;
}
ul.department-list a {
  padding-top: 2%;
  padding-bottom: 2%;
  font-weight: normal;
  border-bottom: 1px dotted #d0d0d0;
  background-position-y: 12px;
}
#content-column ul.icon-links.department-list li {
  line-height: 1;
}
#content-column ul.icon-links.department-list li:first-child a {
  border-top: 1px dotted #d0d0d0;
}
/* tables */
div.komp-table {
  width: 100% !important;
}
table.full {
  width: auto;
}
/* *********************** to be deleted ***************************/
.komp-flash {
  display: none;
}
/*  ***************************************************************/
/* images */
img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
div.komp-home-pic {
  margin: 0;
}
div.komp-home-pic img {
  width: 100%;
  margin-bottom: 30px;
  /*max-width:414px;*/
}
figure.image-director {
  margin: 0 -2%;
}
#content-column div.image-left,
#content-column div.image-right {
  float: left;
  margin: 3px 0 9px 0;
  width: 100%;
}
#content-column div.lead-det div.image-left {
  margin-right: 9px;
  width: 33%;
  max-width: 175px;
}
#content-column div.lead-det div.image-right {
  margin-left: 9px;
  width: 33%;
  max-width: 175px;
}
#departement-home #content-column div.column.to-left div.image-left {
  display: none;
  width: auto;
}
#departement-home #content-column div.column.to-left div.image-right {
  width: auto;
}
.image-full {
  margin: 2% 0 14px 0;
}
figure figcaption {
  padding: 6px 0;
  font-size: 1.5em;
}
figure div.scrolltable.imagemap img {
  max-width: none !important;
  padding-right: 0;
}
#content-column div.image-full p a.zoom,
#content-column div.image-right p a.zoom,
#content-column div.image-left p a.zoom {
  font-size: 1em;
}
/* image gallery */
div.gallery-overview {
  height: auto;
  margin: 24px 0;
}
div.gallery-overview .row {
  float: left;
  width: 100%;
}
div.gallery-overview .row:nth-child(even) {
  margin-top: -260px;
}
div.gallery-overview .row div.image-text {
  width: 46%;
  margin: 0;
  height: 260px;
}
div.gallery-overview .row:nth-child(odd) div.image-text:nth-child(odd) {
  float: left;
}
div.gallery-overview .row:nth-child(odd) div.image-text:nth-child(even) {
  float: right;
}
div.gallery-overview .row:nth-child(even) div.image-text:nth-child(odd) {
  float: right;
}
div.gallery-overview .row:nth-child(even) div.image-text:nth-child(even) {
  float: left;
}
div.gallery-overview .row:nth-child(even) div.image-text:nth-child(2) {
  clear: both;
}
div.gallery-overview .row div.image-text h2 {
  font-size: 1.5em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  position: relative;
  margin: 0 !important;
  top: 182px !important;
}
div.gallery-overview .row div.image-text p {
  font-size: 1.5em;
}
div.gallery-overview .row div.image-text .image {
  width: 100%;
  float: left;
  margin-top: 0;
}
div.gallery-overview .row div.image-text .image img {
  margin: 0;
}
div.gallery-overview .row div.image-text p {
  display: none;
}
div.gallery-overview .row div.image-text p a {
  background-position-y: -1398px;
}
div.gallery-overview .row div.image-text p a:hover {
  background-position-y: -1498px;
}
/* adaptation of bottom paging within the image gallery */
/* paging (image gallery, ...) */
/* paging for gallery */
div.paging {
  height: auto;
  margin-bottom: 12px;
  padding-bottom: 12px;
  display: block;
}
div.paging.bottom {
  margin-bottom: 48px;
}
div.paging div.info {
  font-size: 1.8em;
  /* 18px */
  line-height: 1.5;
  display: block;
  padding: 2% 0;
  width: 100%;
  margin-top: 6px;
  float: none;
}
div.paging ul {
  float: none;
  display: block;
}
div.paging ul li:not(.to-previous):not(.to-next) {
  display: none;
}
div.paging ul li {
  border: none;
  padding: 0 !important;
}
div.paging ul li.to-previous {
  float: left;
}
div.paging ul li.to-next {
  float: right;
}
div.paging ul li {
  display: inline-block;
  margin: 10px 0;
  border-radius: 3px;
  padding: 5px 5px !important;
}
div.paging ul li a {
  padding: 7px 10px !important;
  color: #ffffff;
}
div.paging ul li.to-previous {
  background: #666666 none;
  padding-right: 10px !important;
}
div.paging ul li.to-previous a:before {
  /*display: inline;
		content: url('images/icon-button-backward.png');
		padding: 0 14px 0 7px;*/
}
div.paging ul li.to-next {
  background: #666666 none;
  padding-left: 10px !important;
}
div.paging ul li.to-next a:after {
  /*display: inline;
		content: url('images/icon-button-forward.png');*/
}
/* for gallery-detail */
#content-column .gallery-detail table th {
  font-size: 1.5em !important;
}
/* paging icons */
/* boxes */
#content-column div.box,
#content-column div.box-campaign,
#context-column div.box,
#context-column div.box-campaign {
  background: #f5f5f5;
  border: 1px solid;
  border-color: #dbdbdb;
  padding: 0;
  background-image: none;
  margin: 0 0 42px 0;
}
#context-column div.box .body,
#context-column div.box-campaign .body {
  padding: 10px 12px 10px 12px;
}
#context-column div.box .body form {
  margin-top: 0;
}
#context-column div.box form input[type="radio"],
#context-column div.box form input[type="checkbox"] {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-top: 2px;
}
#context-column div.box form label {
  display: inline-block;
  float: none;
}
body #content-column div.box h3,
body #content-column div.box-campaign h3,
body #content-column div.box-campaign h4,
body #content-column div.box-campaign h5,
body #context-column div.box h3,
body #context-column div.box-campaign h3,
body #context-column div.box-campaign h4,
body #context-column div.box-campaign h5 {
  font-size: 1.8em !important;
  line-height: 1.666;
  font-weight: normal;
  margin: 0 !important;
  padding: 10px 12px;
}
#context-column div.box h3 {
  border-bottom: 1px solid #dbdbdb;
}
#context-column div.box h3 a {
  background-position-y: -2597px;
}
#context-column div.box h3 a:hover {
  background-position-y: -2697px;
}
#context-column div.box p,
#context-column div.box-campaign p,
#content-column div.box p,
#content-column div.box-campaign p {
  font-size: 1.8em;
  line-height: 1.666;
}
#context-column div.box form p,
#context-column div.box-campaign form p,
#content-column div.box form p,
#content-column div.box-campaign form p {
  margin-bottom: 10px;
}
div.box img:not(.poll-result-bar),
div.box-campaign img {
  display: inline;
  margin: 0;
  width: 100%;
  /*max-width:275px;*/
}
#context-column div.poll-max-value {
  width: 74%;
  overflow: visible;
}
div.box img:not(.poll-result-bar),
div.box-campaign p a img {
  width: auto;
}
div.ticker p a img {
  display: inline;
}
#context-column div.poll-result-box img.poll-result-bar {
  margin: 0;
  display: inline;
  max-width: 96%;
}
#context-column div.poll-result-box p.poll-label {
  margin-top: 14px;
}
#context-column div.box label,
#context-column div.box-campaign label {
  font-size: 1.8em;
}
#context-column div.box form input.big-submit,
#context-column div.box-campaign form input.big-submit {
  margin-left: 0;
  margin-right: 0;
  padding: 12px;
  width: 100%;
}
#context-column div.poll-result-box span.poll-result-data {
  font-size: 1.5em;
  position: relative;
  top: 3px;
}
div.komp-box-more-themes {
  margin: 48px 0;
}
#content-column div.komp-box-more-themes ul.icon-links {
  font-size: 1.5em;
}
/* back-link */
p.page-back-right a {
  background-position-y: -1198px;
}
p.page-back-right a:hover {
  background-position-y: -1298px;
}
/** end of: content elements **/
#contentnav-container-tab-content {
  padding: 2%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
#contentnav-container-tab-content span {
  height: auto;
}
#contentnav-container-tab-content div.ticker {
  margin-bottom: 24px;
  margin-top: 0;
  border: none !important;
}
#contentnav-container-tab-content div.ticker .row {
  padding: 12px 0;
}
#contentnav-container-tab-content div.ticker #medien_1 .row:last-child {
  border-bottom: none;
}
#contentnav-container-tab-content div.ticker .row:nth-child(n+4) {
  display: none;
}
#contentnav-container-tab-content div.ticker .row a {
  float: none;
  background: none !important;
  border: none;
  padding: 0 !important;
  margin: 0;
}
#contentnav-container-tab-content div.ticker table {
  font-size: 0.563em;
}
#contentnav-container-tab-content div.ticker table td span {
  background-image: none !important;
  padding: 0;
}
#contentnav-container-tab-content div.ticker table th {
  width: auto !important;
}
#contentnav-container-tab-content div.ticker table th:first-child {
  min-width: 120px;
}
#contentnav-container-tab-content div.ticker table #personen_1 tr td:first-child {
  min-width: 200px;
}
#contentnav-container-tab-content div.ticker table #personen_1 tr td:nth-child(2) {
  min-width: 200px;
}
#contentnav-container-tab-content div.ticker table #personen_1 tr td:nth-child(3) {
  min-width: 200px;
}
#contentnav-container-tab-content div.ticker table #veroeffentlichungen_1 tr td:nth-child(1) {
  min-width: 78px;
}
#contentnav-container-tab-content div.ticker table #veroeffentlichungen_1 tr td:nth-child(2) {
  min-width: 267px;
}
#contentnav-container-tab-content div.ticker table #veroeffentlichungen_1 tr td:nth-child(3) {
  min-width: 152px;
}
#contentnav-container-tab-content div.ticker table #veroeffentlichungen_1 tr td:nth-child(4) {
  min-width: 74px;
}
#contentnav-container-tab-content div.ticker table #veroeffentlichungen_1 tr td:nth-child(5) {
  min-width: 248px;
}
#content-column div.nav-content-tab.abc {
  width: 100%;
}
#content-column div.nav-content-tab.abc ul {
  padding: 0 !important;
}
#content-column div.nav-content-tab.abc li {
  display: block;
  width: auto;
  float: left;
  clear: none;
}
#content-column div.nav-content-tab.abc li:last-child {
  margin-bottom: 14px !important;
}
#content-column div.nav-content-tab.abc ul {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-image: none !important;
}
#content-column div.nav-content-tab.abc li a {
  margin: 0 2px 2px 0;
  width: 54px;
  height: 54px;
  padding: 0 !important;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  background-image: none !important;
  background-color: #f3f3f3;
  float: left;
  text-align: center;
}
#content-column div.nav-content-tab.abc li a:hover {
  background-color: #e6e6e6 !important;
}
#content-column div.nav-content-tab.abc li.active a {
  text-align: center;
  background-image: none !important;
  border: 1px solid #666666 !important;
  background-color: #ffffff;
}
#content-column div.nav-content-tab.abc li.active a:hover {
  background-color: #e6e6e6 !important;
}
#content-column div.nav-content-tab.abc li a span {
  padding: 0 !important;
  text-align: center;
  line-height: 52px;
  background-image: none !important;
}
#content-column div.nav-content-tab.abc li.inact {
  display: block;
  width: 54px;
  height: 54px;
  text-align: center;
  margin: 0 2px 2px 0 !important;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  background-image: none !important;
}
#content-column div.nav-content-tab.abc li.inact span {
  padding: 0 !important;
  text-align: center;
  line-height: 52px;
}
#list-community ul.icon-links.no-icon li:last-child a {
  margin-bottom: 42px !important;
}
#content-column table #zhlexband tr td:nth-child(1) {
  min-width: 110px;
}
#content-column table #zhlexband tr td:nth-child(2) {
  min-width: 300px;
}
#content-column table #zhlexband tr td:nth-child(3) {
  min-width: 110px;
}
#content-column table #zhlexband tr td:nth-child(4) {
  min-width: 110px;
}
#content-column table #zhlexordner tr td:nth-child(1) {
  min-width: 80px;
}
#content-column table #zhlexordner tr td:nth-child(2) {
  min-width: 126px;
}
#content-column table #zhlexordner tr td:nth-child(3) {
  min-width: 300px;
}
#content-column table #zhlexordnernummer tr {
  display: block;
  float: left;
  padding: 12px 1%;
  width: 98%;
  border-top: 1px dotted #c3c3c3;
}
#content-column table #zhlexordnernummer tr:first-child {
  border-top: 1px solid #c3c3c3;
}
#content-column table #zhlexordnernummer tr th,
#content-column table #zhlexordnernummer tr td {
  display: block;
  width: auto;
  border: none;
}
#content-column table #zhlexordnernummer tr th {
  color: #666666;
  font-weight: normal;
  font-size: 1.5em !important;
  padding: 0;
}
#content-column table #zhlexordnernummer tr th:first-child {
  font-size: 1.2em !important;
}
#content-column table #zhlexordnernummer tr td {
  padding: 0;
}
#content-column .linkbar {
  margin: 3px 0;
}
#content-column #pages_linkbar.linkbar,
#content-column #medien_linkbar.linkbar {
  padding: 12px 0;
  margin-top: 6px !important;
}
#context-column div.box,
#context-column div.box-campaign {
  width: auto;
}
#context-column div.box .row,
#context-column div.box-campaign .row {
  margin: 0;
  padding: 0;
}
#context-column div.box p,
#context-column div.box-campaign p,
#context-column div.box a,
#context-column div.box-campaign a {
  margin: 0;
}
#context-column div.poll-result-box {
  width: auto;
}
/** end of: context column right **/
#footer-area .container.footer-bg {
  width: auto;
  max-width: 1236px;
}
#footer {
  width: 100%;
  margin-top: 0;
  background: #013950;
  border-top: none;
  padding: 0 0 42px 0;
}
#footer ul {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 2%;
  border-bottom: 1px solid #003148;
  float: left;
  width: 100%;
  clear: both;
}
#footer ul li {
  display: inline-block;
  padding: 0;
}
#footer ul li a {
  display: inline-block;
  font-size: 1.25em;
  color: #66add7;
  padding: 14px 24px 14px 0;
}
#footer ul li a:hover {
  color: #e5f1f9;
  text-decoration: none;
}
#footer ul li.active a {
  color: #c7d5de;
  text-decoration: none !important;
  font-weight: normal;
}
html:not(.touch) #footer .switch-to-desktop:hover {
  color: #e5f1f9;
  text-decoration: none;
}
#footer #nav-meta-footer {
  float: left;
  width: 100%;
  clear: both;
}
#footer #nav-meta-footer ul:after {
  content: " ";
  display: table;
  clear: both;
}
/* special cases of footer elements */
#footer .copyright {
  display: inline-block;
  font-size: 1.25em;
  clear: both;
  width: auto;
  color: #c7d5de;
  padding: 21px 2%;
  line-height: 1.333;
  margin: 0;
}
#footer .change-view {
  padding: 7px 2%;
  border-bottom: 1px solid #003148;
  line-height: 1;
  margin: 0;
}
#footer .change-view a {
  display: inline-block;
  font-size: 0.694em;
  color: #6aa8e1;
  padding: 16px 0 16px 0;
}
/* !!! one new entry in general.css for #footer ul li.change-view: add padding */
#footer ul .copyright {
  font-size: 1.25em;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  #context-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* ------------------------------------------------------------------------------------------------- */
/**** breakpoint for tablet: content-column and context-column side by side ****/
@media screen and (min-width: 768px) {
  #context-column {
    padding-right: 0 !important;
    padding-left: 22px !important;
  }
  #app-tree-col #context-column {
    display: none;
  }
  #content-column div.nav-content-tab ul,
  #content-column div.themes {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0;
  }
  /* identity on microsite (duplicate in content-column) */
  #content-column .box-identity {
    display: none;
  }
  #context-column .box-identity {
    display: block;
  }
  div.themes h2 {
    padding-left: 0;
  }
  div.nav-anchor {
    display: block;
  }
  #content-column div.nav-anchor ul {
    width: 48%;
  }
  #contentnav-container-tab-content div.gallery-overview .row div.image-text p a {
    font-size: 0.833em !important;
    line-height: 1.25;
  }
}
/* ------------------------------------------------------------------------------------------------- */
/**** breaktpoint for tablet: content-column and context-column side by side ****/
@media screen and (min-width: 992px) {
  #contentnav-container-tab-content {
    padding-left: 0;
    padding-right: 0;
  }
  /* form elements */
  form label {
    width: 188px;
    float: left;
    text-align: right;
    padding-right: 12px;
  }
  form input[type="file"] {
    width: auto;
  }
  form fieldset legend.legend-top-small {
    width: 188px;
    padding-right: 12px;
    display: block;
    float: left;
    text-align: right;
  }
  form fieldset legend.legend-small span {
    width: 188px;
    text-align: right;
    padding-right: 12px;
    margin-bottom: -36px;
  }
  form .two-dates {
    padding-left: 200px;
    margin-top: -36px;
  }
  form fieldset input.radio,
  form fieldset input.checkbox {
    clear: none;
  }
  form fieldset label.radio,
  form fieldset label.checkbox {
    clear: none;
    padding-right: 20px;
  }
  form .row.indent,
  form fieldset fieldset .row.indent {
    padding-left: 200px;
  }
  form fieldset fieldset p.indent.info {
    padding-left: 200px !important;
  }
  #content-column div.nav-content-tab li span {
    padding-right: 16px;
    padding-left: 16px;
  }
  #content-column div.nav-content-tab.two-lines li span {
    font-size: 0.777em;
  }
  #content-column div.nav-content-tab.two-lines li.active span {
    font-weight: bold;
  }
  #content-column div.nav-content-tab li a .responsive-visible {
    display: none !important;
  }
  #content-column div.nav-content-tab li a .responsive-hidden {
    display: inline-block !important;
  }
  div.themes h2 {
    font-size: 1.8em;
    margin: 0 0 13px 0 !important;
    padding: 10px 12px;
  }
  div.themes p a img {
    display: inline;
  }
  #contentnav-container-tab-content div.ticker table {
    font-size: 1em;
  }
}
/* --------------------------------------------------------------------------------------------*/
/**** special breakpoints for elements ****/
/* slider on portal start page */
@media screen and (max-width: 992px) {
  /** accordeon on home **/
  #content-column div.nav-content-tab {
    width: 100%;
  }
  #content-column div.nav-content-tab ul {
    padding: 0 !important;
    margin: 0;
    background: none;
    width: auto;
    margin: 0 -2% !important;
  }
  #content-column div.nav-content-tab li {
    display: table;
    float: left;
    padding: 0;
    margin: 0;
    background: none !important;
    height: auto;
    width: 100%;
    clear: both;
    margin-bottom: 0;
  }
  #content-column div.nav-content-tab li:last-child {
    margin-bottom: 42px !important;
  }
  /*
	#content-column div.nav-content-tab li a.nav-content-tab-a {
		display: table-cell;
		float: none;
		padding: 6px 35px 6px 2% !important;
		font-size: 0.833em;
		line-height: 1.5;
		background: #f3f3f3 url(images/icon-accordeon-open.png) no-repeat 98% 50% !important;
		height: auto;
		width: 100%;
		clear: both;
		border-top: 1px solid @white;
		border-bottom: 1px solid #dfdfdf;
		height: 42px;
		vertical-align: middle;
	}


	#content-column div.nav-content-tab li.active a.nav-content-tab-a {
		background-color: @white !important;
		background: url('images/icon-accordeon-close.png') 98% 50% no-repeat !important;
		border-top: @gray_border_medium 2px solid;
		border-bottom: 0;
		font-weight: bold;
	}
*/
  #content-column div.nav-content-tab li a span {
    display: inline;
    background: none !important;
    height: auto !important;
    line-height: 1.5;
    width: auto;
    padding: 0;
  }
  #content-column div.nav-content-tab li a .responsive-visible {
    display: block;
  }
  #content-column div.nav-content-tab li a .responsive-hidden {
    display: none;
  }
  #contentnav-container-tab-content div.ticker table span {
    width: auto !important;
    display: inline-block;
  }
  #contentnav-container-tab-content div.ticker table .icon-links a,
  #contentnav-container-tab-content div.ticker table .icon-links p {
    padding-left: 24px;
  }
  #contentnav-container-tab-content div.ticker .row h4 {
    font-size: 0.833em !important;
    margin: 4px 0;
  }
  #contentnav-container-tab-content div.ticker .row h3 a {
    display: inline;
    font-size: 1em;
    /* 14px */
    font-weight: bold;
  }
  #contentnav-container-tab-content div.ticker .row a img,
  #contentnav-container-tab-content div.ticker .row img.image-right {
    display: inline;
    border: 1px solid #e6e6e6;
    width: auto;
    max-width: 40%;
    margin-top: 18px;
  }
  #contentnav-container-tab-content div.ticker .row p.date {
    font-size: 0.666em !important;
    /* 12px */
    color: #666666;
    position: absolute;
  }
  #contentnav-container-tab-content div.ticker .row h3 {
    font-size: 0.833em;
    /* 15px */
    margin: 0 0 6px 0;
    color: #000000;
    margin-top: 16px;
    line-height: 1.25;
  }
  #contentnav-container-tab-content div.ticker .row p a img {
    margin-top: 0;
  }
  #contentnav-container-tab-content div.ticker .row p {
    font-size: 1em !important;
    color: #000000;
    line-height: 1.25;
  }
  #contentnav-container-tab-content div.ticker #pages_1 .row p {
    font-size: 0.833em !important;
  }
  #contentnav-container-tab-content div.ticker .row p a {
    font-size: 0.833em;
    /* 15px */
    color: #000000;
    font-weight: normal;
  }
  #contentnav-container-tab-content div.ticker .row p a img {
    max-width: none;
    margin: 0 0 0 0;
  }
  #contentnav-container-tab-content div.ticker ul.show-all {
    padding: 10px 0 0 0 !important;
  }
  #contentnav-container-tab-content div.ticker ul.show-all li {
    margin: 0 !important;
  }
  #contentnav-container-tab-content div.ticker ul.show-all li a,
  #contentnav-container-tab-content div.ticker p.show-all a {
    display: block;
    padding: 0 0 13px 23px !important;
    font-size: 0.555em;
    /* 15px */
    line-height: 1.5;
    font-weight: normal;
    text-align: left;
    width: auto;
    border: none;
  }
  /** end of: accordeon on home **/
  /** main focus themes on portal start page**/
  div.themes {
    width: auto;
    margin-top: 0;
    border: none;
    margin-left: -2%;
    margin-right: -2%;
    margin-bottom: 24px;
  }
  div.themes h2 {
    font-size: 1.8em;
    margin: 0 !important;
    padding: 14px 35px 14px 2%;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
  }
  /*
	div.themes h3 {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 1.8em;
	}
*/
  div.themes .message {
    padding: 0 !important;
  }
  div.themes .message p {
    display: none;
  }
  div.themes .control {
    font-size: 1.8em;
    margin: 0 2%;
  }
  div.themes .control #themes-control-counter {
    font-weight: bold;
  }
  div.themes #prevNext {
    display: none;
  }
  /** end of: main focus themes on portal **/
}
a.phone-number {
  color: #000000;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
h1 {
  padding-top: 0;
}
div.clear.h10 {
  display: none;
}
@media screen and (max-width: 767px) {
  #context-column {
    margin-top: 42px !important;
  }
  #app-tree-col div.content-full {
    width: 100% !important;
  }
  #app-four-col div.content-full {
    width: 100% !important;
  }
}
@media screen and (max-width: 479px) {
  figure.image-director img {
    margin: 14px 0 ;
    width: 100%;
  }
}
@media screen and (min-width: 610px) and (max-width: 1236px) {
  div.gallery-overview {
    height: auto;
  }
  div.gallery-overview .row:nth-child(even) {
    margin-top: 0;
  }
  div.gallery-overview .row div.image-text {
    width: 32%;
    height: auto;
    margin-left: 2%;
    float: left !important;
    clear: none !important;
  }
  div.gallery-overview .row div.image-text:first-child {
    margin-left: 0;
  }
  div.gallery-overview .row div.image-text h2 {
    margin-top: 186px !important;
    top: 0 !important;
    font-weight: bold;
  }
  div.gallery-overview .row div.image-text .image img {
    width: auto;
    max-width: 100%;
    max-height: 252px;
  }
  #content-column div.gallery-overview .row div.image-text p {
    display: none;
    top: 0 !important;
    font-size: 1.5em !important;
  }
  /* end of: image gallery */
}
@media screen and (max-width: 480px) {
  /* image-gallery-detail: special table with 1 column for smartphones and 2 columns for others
  original max-width:430px
*/
  div.gallery-detail table tr {
    display: block;
    float: left;
    padding: 6px 1%;
    width: 98%;
    border-top: 1px dotted #c3c3c3;
  }
  div.gallery-detail table tr:first-child {
    border-top: 1px solid #c3c3c3;
  }
  div.gallery-detail table tr th,
  div.gallery-detail table tr td {
    float: left;
    clear: both;
    width: 100% !important;
    display: inline;
    padding: 0;
    border-top: none;
    line-height: 1.5;
  }
  #content-column div.gallery-detail table tr th {
    color: #666666;
  }
  #content-column div.gallery-detail table tr td {
    font-size: 1.8em !important;
    padding: 6px 0;
  }
  #board-home:not(.microsite) h1,
  #departement-home:not(.microsite) h1 {
    display: none;
  }
}
/* end of: image-gallery-detail for max-width 430px */
@media screen and (min-width: 768px) {
  #context-column div.box p,
  #context-column div.box-campaign p {
    font-size: 1.5em;
  }
  body #content-column div.box h3,
  body #content-column div.box-campaign h3,
  body #content-column div.box-campaign h4,
  body #content-column div.box-campaign h5,
  body #context-column div.box h3,
  body #context-column div.box-campaign h3,
  body #context-column div.box-campaign h4,
  body #context-column div.box-campaign h5 {
    font-size: 1.55em !important;
  }
  #context-column div.box label,
  #context-column div.box-campaign label {
    font-size: 1.5em;
  }
}
#context-column div.box-campaign h3,
#context-column div.box-campaign h4,
#context-column div.box-campaign h3 > a,
#context-column div.box-campaign h4 > a {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
div.ticker h3 {
  font-weight: normal;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
#header-area-dp {
  display: none !important;
}
/*------------------------------------*\
    #OBJECTS
\*------------------------------------*/
/**
 * These are design-free objects, abstractions and design patterns. These create
 * constructs that you lay your designs over.
 */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 11px;
  padding-right: 11px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 480px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1236px) {
  .container {
    width: 1210px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 11px;
  padding-right: 11px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 11px;
  padding-right: 11px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 480px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1236px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
}
table {
  width: 100%;
}
table th a {
  display: inline-block;
}
table td {
  line-height: 1.5;
}
table.minimal {
  max-width: 100%;
}
.scrolltable {
  display: block;
  overflow-x: auto;
  clear: both;
  width: auto !important;
  margin: 0 -2%;
  /* -0.8em */
  padding-left: 2%;
  padding-right: 2%;
}
.scrolltable table {
  display: inline-table;
  margin-top: 0;
  margin-right: 2%;
  width: auto !important;
}
.scroll-shadow {
  position: absolute;
  width: 2%;
  z-index: 1;
}
.scrolltable.scrollbar {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 20px;
}
.scrolltable.scrollbar table {
  margin: 0 2% 0 0;
}
.scrolltable.scrollbar .scroll-shadow-left {
  display: block;
  left: 0;
  margin-left: -2%;
  background: transparent;
  background: -webkit-linear-gradient(left, #666666, transparent);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #666666, transparent);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #666666, transparent);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #666666, transparent);
  /* Standard syntax */
}
.scrolltable.scrollbar .scroll-shadow-right {
  display: block;
  right: 0;
  margin-right: -2%;
  background: transparent;
  background: -webkit-linear-gradient(left, transparent, #666666);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, transparent, #666666);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, transparent, #666666);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, transparent, #666666);
  /* Standard syntax */
}
.scrolltable.scrollbar.scroll-min .scroll-shadow-left {
  margin-left: -4%;
  display: none;
}
.scrolltable.scrollbar.scroll-min .scroll-shadow-right {
  margin-right: -2%;
  display: block;
}
.scrolltable.scrollbar.scroll-max .scroll-shadow-left {
  margin-left: -2%;
  display: block;
}
.scrolltable.scrollbar.scroll-max .scroll-shadow-right {
  margin-right: -4%;
  display: none;
}
.flyout-themen-container .scrolltable.scrollbar .scroll-shadow-left {
  display: block;
  left: 0;
  margin-left: 0;
  background: none;
  background: -webkit-linear-gradient(left, #000000, transparent);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #000000, transparent);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #000000, transparent);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #000000, transparent);
  /* Standard syntax */
}
.flyout-themen-container .scrolltable.scrollbar .scroll-shadow-right {
  display: block;
  right: 0;
  margin-right: 0;
  background: none;
  background: -webkit-linear-gradient(left, transparent, #000000);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, transparent, #000000);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, transparent, #000000);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, transparent, #000000);
  /* Standard syntax */
}
.flyout-themen-container .scrolltable.scrollbar.scroll-min .scroll-shadow-left {
  margin-left: -2%;
  display: none;
}
.flyout-themen-container .scrolltable.scrollbar.scroll-min .scroll-shadow-right {
  margin-right: 0;
  display: block;
}
.flyout-themen-container .scrolltable.scrollbar.scroll-max .scroll-shadow-left {
  margin-left: 0px;
  display: block;
}
.flyout-themen-container .scrolltable.scrollbar.scroll-max .scroll-shadow-right {
  margin-right: -2%;
  display: none;
}
.scrolltable table th,
.scrolltable table td {
  width: auto;
  word-wrap: break-word;
}
.flyout-content-right .scrolltable table th,
.flyout-content-right .scrolltable table td {
  min-width: 120px;
}
.flyout-content-right .scrolltable table th:first-child,
.flyout-content-right .scrolltable table td:first-child {
  min-width: 120px;
}
#content-column table.with-stripes tr.stripe-0,
#content-column table.with-stripes tr.stripe-0 th,
#content-column table.with-stripes tr.stripe-0 td {
  background-color: transparent;
}
#content-column table.with-stripes tr.stripe-1,
#content-column table.with-stripes tr.stripe-1 th,
#content-column table.with-stripes tr.stripe-1 td {
  background-color: rgba(0, 0, 0, 0.05);
}
#content-column table th a {
  padding-bottom: 0;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#content-column th,
#content-column td {
  font-size: 1.5em !important;
}
#content-column td p {
  font-size: 1em !important;
}
#content-column td p a {
  font-size: 1em;
}
.scrolltable caption,
.scrolltable colgroup {
  position: absolute;
  left: -10000px;
}
.swipe-hand {
  height: 40px;
  width: 100%;
  background: url(images/icons/icon-tabellen-swipe~before.png) no-repeat 50% 50%;
  background: url(images/icons/icon-tabellen-swipe~before.svg) no-repeat 50% 50%;
}
@media (min-width: 768px) {
  .content-full .scrolltable.scrollbar .scroll-shadow-left {
    left: -3%;
    margin-left: 0;
    display: block;
  }
  .content-full .scrolltable.scrollbar .scroll-shadow-right {
    left: 151%;
    margin-right: 0;
    display: block;
  }
  .content-full .scrolltable.scrollbar.scroll-min .scroll-shadow-left {
    margin-left: -2%;
    display: none;
  }
  .content-full .scrolltable.scrollbar.scroll-min .scroll-shadow-right {
    margin-right: 0;
    display: block;
  }
  .content-full .scrolltable.scrollbar.scroll-max .scroll-shadow-left {
    margin-left: 0px;
    display: block;
  }
  .content-full .scrolltable.scrollbar.scroll-max .scroll-shadow-right {
    left: 153%;
    display: none;
  }
}
@media (max-width: 610px) {
  figure div.scrolltable.imagemap img {
    max-width: none !important;
    padding-right: 2%;
  }
}
/*------------------------------------*\
    #GUI
\*------------------------------------*/
/**
 * These are your components and modules; things like buttons, accordions,
 * carousels, etc.
 */
#breadcrumb {
  margin-top: 0;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
a.more {
  float: left !important;
  clear: both;
}
#themen-counter {
  bottom: 19px;
}
div.ticker h2,
div.ticker h3 {
  font-size: 1.8em;
  /* 18px */
  margin: 0 0 6px 0;
  font-weight: bold;
  clear: none !important;
}
div.content-full {
  width: 100%;
}
div.content-full a {
  font-size: 1.8em;
}
.gemeindeliste li a {
  padding: 0.5em 0 !important;
  border-bottom: 1px dotted #bfbfbf;
}
#context-column div.box form p.pw-link {
  float: left;
}
#context-column div.box form input.big-submit,
#context-column div.box-campaign form input.big-submit {
  margin-top: 6px !important;
}
#content-column div.box-campaign h3 a,
#content-column div.box-campaign h4 a {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  letter-spacing: -0.025em;
}
table th a,
table td a {
  font-size: 1em !important;
}
div.paging li.to-previous:before {
  display: inline-block;
}
div.paging li.to-next:after {
  display: inline-block;
}
div.paging li.to-previous a:before {
  display: none;
}
div.paging li.to-next a:after {
  display: none;
}
#content-column p.page-back-right,
#content-column p.page-back-left {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
/* Suggests */
/* Desktop */
#form-search-keywords-suggest {
  margin-left: 0;
  margin-top: -8px;
  width: 280px;
  z-index: 10;
}
.suggest ul li a {
  font-size: 1.5em;
}
/* Mobile */
#mobile-header-form-search-keywords-suggest {
  background-color: #b3c0c7;
  position: absolute;
  z-index: 10;
  margin-top: -8px;
}
#mobile-header-form-search-keywords-suggest a {
  font-size: 1.25em;
  line-height: 1.3;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  div.content-full {
    width: 150%;
  }
}
.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
/* not sure if needed */
.sub-search-area {
  height: 24px;
  width: 100%;
  display: block;
  clear: both;
  background-color: #005f86;
}
#header-mobile {
  display: block;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  height: 48px;
  border-bottom: 1px solid #d4d4d4;
  background: #ffffff;
  margin-bottom: 0;
  /* flyout tabs*/
}
#header-mobile.menu-open {
  border: none;
}
#header-mobile ul {
  list-style: none;
}
#header-mobile.menu-open {
  position: absolute !important;
}
#header-mobile.header-move-out:not(.menu-open) {
  position: fixed;
  top: -79px;
  transition: top 0.2s ease-out;
}
#header-mobile.header-move-in:not(.menu-open) {
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in;
}
#header-mobile #header-area {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 1236px;
  margin-left: auto;
  margin-right: auto;
}
#header-mobile .logo-home-link {
  display: inline-block;
  float: left;
  height: 48px;
  width: 48px;
  padding: 0;
  margin: 0 6px 0 0;
  background: url("images/icon-header-identity.png") 50% 50% no-repeat;
}
#header-mobile .identity {
  font-size: 1em;
  vertical-align: middle;
  float: left;
  max-width: 65%;
  width: 65%;
  height: 48px;
  background-color: transparent;
  margin: 0;
  display: table;
}
#header-mobile .identity a {
  display: table-cell;
  height: 48px;
  width: 100%;
  background-color: transparent;
  vertical-align: middle;
  background-image: none !important;
}
#header-mobile .identity strong {
  font-weight: normal;
}
#header-mobile .identity strong {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  color: #000000;
  display: inline;
  word-break: break-word;
}
#header-mobile.portal #header-area a.ktzh-logo-mobile {
  width: auto;
  max-width: 268px;
}
#header-mobile.portal #header-area a.ktzh-logo-mobile img {
  width: 268px;
  max-width: 268px;
  height: 48px;
}
#header-mobile.portal .identity {
  display: none;
}
#header-mobile.portal .identity a {
  display: block;
  background-image: none !important;
}
#header-mobile.portal .identity strong {
  position: absolute;
  top: 10px;
  display: block;
  font-size: 2.7em;
  line-height: 1;
  letter-spacing: -0.035em;
  height: auto;
}
#header-mobile.department .identity strong {
  font-size: 1.9em;
  line-height: 1.1;
  letter-spacing: -0.05em;
}
#header-mobile.office .identity {
  height: 50px;
}
#header-mobile.office .identity strong {
  font-size: 1.5em;
  /* 1.5em */
  line-height: 0.9;
  letter-spacing: -0.01em;
  /* -0.065em*/
}
#header-mobile #header-area a.ktzh-logo-mobile {
  float: left;
  width: 62px;
  height: 48px;
}
#header-mobile #header-area .menu-button-area {
  float: right;
}
#header-mobile #header-area .menu-button-area .mobile-menu-button {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 20px 0 0 0;
  display: inline-block;
  height: 48px;
  width: 48px;
  border: none;
  background-color: white;
  background-repeat: no-repeat;
  overflow: hidden;
  font-size: 0.9em;
  color: #005e97;
  text-align: center;
  font-weight: normal;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  background: url(images/icons/menu~before.png) no-repeat 50% 24%;
  background: url(images/icons/menu~before.svg) no-repeat 50% 24%;
  border-radius: 0;
}
#header-mobile #mobile-menu {
  position: absolute;
  margin-top: 48px;
  width: 100%;
}
#header-mobile #mobile-menu ul {
  list-style: none;
}
#header-mobile #mobile-menu #flyout-content {
  max-height: none;
  overflow-x: inherit;
}
#header-mobile #mobile-menu-body {
  max-width: 1236px;
  margin: 0 auto;
  background-color: #083c52;
  padding-bottom: 0;
}
#header-mobile .mobile-menu-flyouts {
  height: 78px;
}
#header-mobile .flyout-orga-container,
#header-mobile .flyout-intranet-orga-container,
#header-mobile .flyout-themen-container,
#header-mobile .flyout-intranet-services-container {
  display: block;
  position: absolute;
  top: 78px;
  left: 0;
  width: 100%;
  background-color: #002a42;
}
#header-mobile .flyout-orga-container .ktzh-overview,
#header-mobile .flyout-intranet-orga-container .ktzh-overview,
#header-mobile .flyout-themen-container .ktzh-overview,
#header-mobile .flyout-intranet-services-container .ktzh-overview,
#header-mobile .flyout-orga-container .flyout-inner,
#header-mobile .flyout-intranet-orga-container .flyout-inner,
#header-mobile .flyout-themen-container .flyout-inner,
#header-mobile .flyout-intranet-services-container .flyout-inner {
  max-width: 1236px;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #002a42;
}
#header-mobile .flyout-orga-container .flyout-inner td li,
#header-mobile .flyout-intranet-orga-container .flyout-inner td li,
#header-mobile .flyout-themen-container .flyout-inner td li,
#header-mobile .flyout-intranet-services-container .flyout-inner td li {
  font-size: 1em;
}
#header-mobile .flyout-orga-container p,
#header-mobile .flyout-intranet-orga-container p,
#header-mobile .flyout-themen-container p,
#header-mobile .flyout-intranet-services-container p {
  color: #ffffff;
}
#header-mobile .mobile-menu-container.top-position {
  position: absolute;
  top: -48px;
  left: 0;
  width: 0;
}
#header-mobile .mobile-menu-flyouts {
  clear: both;
  background: #002f4c;
}
#header-mobile .mobile-menu-flyouts ul {
  list-style: none;
}
#header-mobile .mobile-menu-flyouts ul li {
  float: left;
  padding: 0;
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#header-mobile .mobile-menu-flyouts ul li:first-child {
  border-right: 1px solid #002637;
}
#header-mobile .mobile-menu-flyouts ul li a {
  color: #b3c0c7;
  font-size: 1.5em;
  line-height: 1.2;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  text-align: left;
  display: table;
  height: 78px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 12px 4%;
  background-color: #002f4c;
  vertical-align: middle;
}
#header-mobile .mobile-menu-flyouts ul li a span {
  display: table-cell;
  vertical-align: middle;
}
#header-mobile .mobile-menu-flyouts ul li a.flyout-orga-link.active,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-orga-link.active,
#header-mobile .mobile-menu-flyouts ul li a.flyout-themen-link.active,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-services.active {
  vertical-align: middle;
  text-align: center;
  background: #66add7 url(images/icons/schliessen-negativ~before.png) 50% 50% no-repeat;
  background: #66add7 url(images/icons/schliessen-negativ~before.svg) 50% 50% no-repeat;
  background-color: #002338;
}
#header-mobile .mobile-menu-flyouts ul li a.flyout-orga-link.active span,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-orga-link.active span,
#header-mobile .mobile-menu-flyouts ul li a.flyout-themen-link.active span,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-services.active span {
  visibility: hidden;
}
#header-mobile .mobile-menu-flyouts ul li a.flyout-orga-link.active:focus,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-orga-link.active:focus,
#header-mobile .mobile-menu-flyouts ul li a.flyout-themen-link.active:focus,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-services.active:focus {
  background: #002338 url(images/icons/schliessen-negativ~before.png) 50% 50% no-repeat !important;
  background: #002338 url(images/icons/schliessen-negativ~before.svg) 50% 50% no-repeat !important;
  outline: none;
}
#header-mobile .mobile-menu-flyouts ul li a.flyout-orga-link:focus,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-orga-link:focus,
#header-mobile .mobile-menu-flyouts ul li a.flyout-themen-link:focus,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-services:focus {
  background-color: #002f4c !important;
  outline: none;
}
#header-mobile .mobile-menu-contactsearch {
  padding: 4px 2%;
  clear: both;
  height: 48px;
  background-color: #003b5e;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-contactlink {
  float: left;
  width: auto;
  margin: 0;
  line-height: 48px;
  height: 48px;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-contactlink a {
  color: #66add7;
  font-size: 0.833em;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-contactlink a:hover {
  color: #e5f1f9;
  text-decoration: none;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-contactlink a:active {
  color: #c7d5de;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-search {
  float: right;
  width: 75%;
  line-height: 48px;
  height: 48px;
  vertical-align: middle;
  display: inline-block;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-search form {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: 100%;
  float: right;
  text-align: right;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-search form input {
  margin: 0;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-search form label {
  font-size: 1.5em;
  padding: 0;
  vertical-align: middle;
  display: inline-block;
  float: none;
  width: auto;
  margin: 0 5px 0 0;
  height: 100%;
  line-height: 48px;
  text-align: right;
  color: #b3c0c7;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-search form input[type="submit"].submit {
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 29px;
  float: none;
  padding: 0;
  border: 0;
  border-radius: 2px;
  margin: 0 5px 0 0;
  background: #66add7 url(images/icons/suche-button~before.png) no-repeat;
  background: #66add7 url(images/icons/suche-button~before.svg) no-repeat;
  background-position: 3px 3px;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-search form input[type="submit"].submit:hover {
  background-color: #e5f1f9;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-search form input[type="text"] {
  display: inline-block;
  vertical-align: middle;
  background-color: #8aabbc;
  width: 76%;
  height: 29px;
  border: 0;
  float: none;
}
#header-mobile .mobile-menu-contactsearch .mobile-menu-search form #mobile-header-form-search-keywords {
  width: 76%;
  margin: 0 2px 0 0;
}
#header-mobile .mobile-menu-navigation {
  background: #005f86;
  padding: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
#header-mobile .mobile-menu-navigation .navlist {
  position: relative;
  list-style: none;
  width: 100%;
  vertical-align: middle;
  padding-bottom: 24px;
}
#header-mobile .mobile-menu-navigation .navlist[data-level="0"] {
  margin-left: 0;
}
#header-mobile .mobile-menu-navigation .navlist[data-level="1"] {
  margin-left: -100%;
}
#header-mobile .mobile-menu-navigation .navlist[data-level="2"] {
  margin-left: -200%;
}
#header-mobile .mobile-menu-navigation .navlist[data-level="3"] {
  margin-left: -300%;
}
#header-mobile .mobile-menu-navigation .navlist[data-level="4"] {
  margin-left: -400%;
}
#header-mobile .mobile-menu-navigation .navlist[data-level="5"] {
  margin-left: -500%;
}
#header-mobile .mobile-menu-navigation .subnav {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  height: auto;
  width: 100%;
}
#header-mobile .mobile-menu-navigation li {
  /*display: table;*/
  display: block;
  width: 100%;
  clear: both;
  vertical-align: middle;
  border-bottom: 0;
}
#header-mobile .mobile-menu-navigation li span {
  display: inline-block;
  width: 100%;
}
#header-mobile .mobile-menu-navigation li:hover {
  cursor: pointer;
  text-decoration: none !important;
}
#header-mobile .mobile-menu-navigation li a {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  vertical-align: middle;
  height: auto;
  min-height: 42px;
  width: 100%;
  display: block;
  font-size: 1.442em;
  color: #b3c0c7;
  padding: 18px 35px 18px 2%;
  border-bottom: 1px solid #005274;
}
#header-mobile .mobile-menu-navigation li.children > a {
  background: url(images/icons/winkel-rechts-negativ~after.png) no-repeat 95% 50%;
  background: url(images/icons/winkel-rechts-negativ~after.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-navigation li.back {
  border-top: 1px solid #005274;
}
#header-mobile .mobile-menu-navigation li.back a {
  text-align: left;
  padding-left: 3em;
  background: url(images/icons/winkel-links-white~before.png) no-repeat 5% 50%;
  background: url(images/icons/winkel-links-white~before.svg) no-repeat 5% 50%;
}
#header-mobile .mobile-menu-navigation li.current {
  background: #005274;
  font-size: 1.2em;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
#header-mobile .mobile-menu-navigation li.current:hover {
  background: #004b6b;
}
#header-mobile .mobile-menu-navigation li.current:hover a {
  text-decoration: none;
}
#header-mobile .mobile-menu-navigation li.current:hover a span {
  color: #e5f1f9 !important;
  background-position: -414px 0;
}
#header-mobile .mobile-menu-navigation li.current:hover a span:before {
  background-position: -414px 0 !important;
}
#header-mobile .mobile-menu-navigation li.current a {
  color: #f2fbff;
}
#header-mobile .mobile-menu-navigation li.current a span.show_page_text {
  font-weight: normal;
  font-size: 0.818em;
  font-family: Arial, Helvetica, sans-serif;
  color: #99c8e5;
}
#header-mobile .mobile-menu-navigation li.active > .subnav {
  display: block;
}
#header-mobile .mobile-menu-forms {
  background: #083c52;
}
#header-mobile .mobile-menu-forms h2 {
  font-size: 1.5em;
  margin-bottom: 0;
  margin-top: 0;
}
#header-mobile .mobile-menu-forms h2 a {
  display: block;
  color: #66add7;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  cursor: pointer;
  padding: 18px 42px 18px 2% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #083c52;
  background: url(images/icons/plus-negativ~after.png) no-repeat 95% 50%;
  background: url(images/icons/plus-negativ~after.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-forms h2 a:hover {
  text-decoration: none !important;
  color: #e5f1f9;
  background: #07364a url(images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: #07364a url(images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-forms h2 a:active {
  background: #07364a url(images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: #07364a url(images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-forms h2 a.active {
  color: #eff0f1;
  background: url(images/icons/schliessen-negativ~before.png) no-repeat 95% 50%;
  background: url(images/icons/schliessen-negativ~before.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-forms h2 a.active:hover,
#header-mobile .mobile-menu-forms h2 a.active:focus {
  color: #ffffff;
  background: url(images/icons/schliessen-negativ~hover~before.png) no-repeat 95% 50%;
  background: url(images/icons/schliessen-negativ~hover~before.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-forms h3 {
  display: none;
}
#header-mobile .mobile-menu-forms .flyout-inner {
  background: #083c52;
  padding: 0;
}
#header-mobile .mobile-menu-forms #flyout-content {
  max-height: none;
  clear: both;
  width: 100%;
}
#header-mobile .mobile-menu-forms #flyout-content p {
  margin-top: 10px;
  color: #ffffff;
}
#header-mobile .mobile-menu-forms .flyout-inner .flyout-content-right {
  margin: 0;
  background-color: #083c52 !important;
}
#header-mobile .mobile-menu-forms .flyout-inner .flyout-content-right table {
  background-color: #083c52 !important;
}
#header-mobile .mobile-menu-forms table {
  width: auto;
  min-width: 0 !important;
  border-color: #325569;
  margin-top: 10px !important;
}
#header-mobile .mobile-menu-forms table th {
  color: #ffffff;
}
#header-mobile .mobile-menu-forms table tr td:first-child a {
  color: #66add7;
}
#header-mobile .mobile-menu-forms table tr td:first-child a:hover {
  color: #e5f1f9;
}
#header-mobile .mobile-menu-forms table tr td:first-child a:active {
  color: #c7d5de;
}
#header-mobile .mobile-menu-forms table tr td:first-child a .file-info {
  color: #e0e0e0;
}
#header-mobile .mobile-menu-forms table tr td:last-child {
  color: #e0e0e0;
}
#header-mobile .mobile-menu-forms table p {
  color: #ffffff;
}
#header-mobile .flyout-formsleaflets-container {
  padding: 0 2%;
}
#header-mobile .mobile-menu-personal-intranet {
  background: #083c52;
}
#header-mobile .mobile-menu-personal-intranet h2 {
  font-size: 1.5em;
  margin-bottom: 0;
  margin-top: 0;
}
#header-mobile .mobile-menu-personal-intranet h2 a {
  display: block;
  color: #66add7;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  cursor: pointer;
  padding: 18px 42px 18px 2% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #083c52;
  background: url(images/icons/plus-negativ~after.png) no-repeat 95% 50%;
  background: url(images/icons/plus-negativ~after.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-personal-intranet h2 a:hover {
  text-decoration: none !important;
  color: #e5f1f9;
  background: #07364a url(images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: #07364a url(images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-personal-intranet h2 a:active {
  background: #07364a url(images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: #07364a url(images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-personal-intranet h2 a.active {
  color: #b3c0c7;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
  background: #002338 url(images/icons/schliessen-negativ~before.png) no-repeat 95% 50%;
  background: #002338 url(images/icons/schliessen-negativ~before.svg) no-repeat 95% 50%;
}
#header-mobile .mobile-menu-personal-intranet h2 a.active:hover,
#header-mobile .mobile-menu-personal-intranet h2 a.active:focus {
  color: #ffffff;
  background: #002338 url(images/icons/schliessen-negativ~hover~before.png) no-repeat 95% 50%;
  background: #002338 url(images/icons/schliessen-negativ~hover~before.svg) no-repeat 95% 50%;
}
#header-mobile #mobile-content-navigation ul li a {
  display: table-cell;
  padding: 6px 35px 6px 2%;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 1.5em;
  line-height: 1.6;
  border: none;
  border-top: 1px solid #dcdcdc;
  background: #ffffff url(images/icon-mobile-content-navigation-downwards.png) no-repeat 95% 50%;
  color: #1d5f9f;
  height: auto;
  vertical-align: middle;
}
#header-mobile #mobile-content-navigation ul li a:hover {
  color: #000000;
}
#header-mobile #mobile-content-navigation ul li a .flyout-nav-themes {
  clear: both;
  float: left;
  margin-bottom: 20px;
}
#header-mobile #mobile-content-navigation ul li a table th {
  color: #ffffff;
}
#header-mobile #mobile-content-navigation ul li a table a {
  color: #66add7;
}
#header-mobile #mobile-content-navigation ul li a table a:hover {
  color: #ffffff;
}
#header-mobile #mobile-content-navigation ul li a table p {
  color: #ffffff;
}
#header-mobile #mobile-content-navigation ul li a table td.icon-links span {
  color: #e0e0e0;
}
#header-mobile #mobile-content-navigation ul li a table tr td:last-child {
  color: #e9e9e9;
}
#header-mobile .forms-leaflets-nav,
#header-mobile .flyout-sub-nav,
#header-mobile .flyout-nav-az,
#header-mobile .flyout-nav-side {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 0;
  clear: both;
}
#header-mobile .forms-leaflets-nav:before,
#header-mobile .flyout-sub-nav:before,
#header-mobile .flyout-nav-az:before,
#header-mobile .flyout-nav-side:before,
#header-mobile .forms-leaflets-nav:after,
#header-mobile .flyout-sub-nav:after,
#header-mobile .flyout-nav-az:after,
#header-mobile .flyout-nav-side:after {
  content: " ";
  display: table;
}
#header-mobile .forms-leaflets-nav ul,
#header-mobile .flyout-sub-nav ul,
#header-mobile .flyout-nav-az ul,
#header-mobile .flyout-nav-side ul {
  float: none;
  clear: both;
}
#header-mobile .flyout-nav-side {
  float: none;
  min-height: 0;
  padding: 0;
  background: none;
  width: 100%;
}
#header-mobile .forms-leaflets-nav li,
#header-mobile .flyout-sub-nav li,
#header-mobile .flyout-nav-az li,
#header-mobile .flyout-nav-side li {
  display: block;
  float: left;
  margin-left: 1px;
  margin-top: 1px;
  margin-right: 2px !important;
  margin-bottom: 2px !important;
}
#header-mobile .forms-leaflets-nav li a,
#header-mobile .flyout-sub-nav li a,
#header-mobile .flyout-nav-az li a,
#header-mobile .flyout-nav-side li a {
  display: block;
  background-color: #033043;
  padding: 10px;
  font-size: 1.5em;
  color: #ebebeb !important;
  border: none;
  width: auto;
  min-width: 1.333em;
  height: 20px;
  border-radius: 3px;
  background-image: none;
}
#header-mobile .forms-leaflets-nav li a:hover,
#header-mobile .flyout-sub-nav li a:hover,
#header-mobile .flyout-nav-az li a:hover,
#header-mobile .flyout-nav-side li a:hover {
  background-color: #164e67;
  text-decoration: none;
}
#header-mobile .forms-leaflets-nav li a:focus,
#header-mobile .flyout-sub-nav li a:focus,
#header-mobile .flyout-nav-az li a:focus,
#header-mobile .flyout-nav-side li a:focus,
#header-mobile .forms-leaflets-nav li a:active,
#header-mobile .flyout-sub-nav li a:active,
#header-mobile .flyout-nav-az li a:active,
#header-mobile .flyout-nav-side li a:active {
  background-color: #003366 !important;
  outline: thin solid #4d90fe !important;
  background-image: none !important;
  color: #ffffff !important;
}
#header-mobile .forms-leaflets-nav li a:focus span,
#header-mobile .flyout-sub-nav li a:focus span,
#header-mobile .flyout-nav-az li a:focus span,
#header-mobile .flyout-nav-side li a:focus span,
#header-mobile .forms-leaflets-nav li a:active span,
#header-mobile .flyout-sub-nav li a:active span,
#header-mobile .flyout-nav-az li a:active span,
#header-mobile .flyout-nav-side li a:active span {
  font-weight: normal;
  color: #ffffff !important;
}
#header-mobile .forms-leaflets-nav li a span,
#header-mobile .flyout-sub-nav li a span,
#header-mobile .flyout-nav-az li a span,
#header-mobile .flyout-nav-side li a span {
  font-size: 1em;
  line-height: 1.333em;
  padding: 0;
  border: none;
  width: auto;
  height: auto;
  background-color: transparent;
  background-image: none !important;
  text-align: center;
}
#header-mobile .forms-leaflets-nav li.active a,
#header-mobile .flyout-sub-nav li.active a,
#header-mobile .flyout-nav-az li.active a,
#header-mobile .flyout-nav-side li.active a {
  background-color: #012533 !important;
  background-image: none !important;
  color: #ffffff !important;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#header-mobile .forms-leaflets-nav li.active a span,
#header-mobile .flyout-sub-nav li.active a span,
#header-mobile .flyout-nav-az li.active a span,
#header-mobile .flyout-nav-side li.active a span {
  color: #ffffff !important;
}
#header-mobile .flyout-inner .flyout-sub-nav li > a,
#header-mobile .flyout-inner .flyout-sub-nav .flyout-nav-side li > a,
#header-mobile .flyout-nav-az .flyout-nav-side li > a,
#header-mobile .flyout-nav-themes .flyout-nav-side li > a {
  background-color: #164e67 !important;
}
#header-mobile .flyout-inner .flyout-sub-nav li > a span,
#header-mobile .flyout-inner .flyout-sub-nav .flyout-nav-side li > a span,
#header-mobile .flyout-nav-az .flyout-nav-side li > a span,
#header-mobile .flyout-nav-themes .flyout-nav-side li > a span {
  background-color: #164e67 !important;
}
#header-mobile .flyout-inner .flyout-sub-nav li > a:hover,
#header-mobile .flyout-inner .flyout-sub-nav .flyout-nav-side li > a:hover,
#header-mobile .flyout-nav-az .flyout-nav-side li > a:hover,
#header-mobile .flyout-nav-themes .flyout-nav-side li > a:hover {
  background-color: #012a3c !important;
}
#header-mobile .flyout-inner .flyout-sub-nav li > a:hover span,
#header-mobile .flyout-inner .flyout-sub-nav .flyout-nav-side li > a:hover span,
#header-mobile .flyout-nav-az .flyout-nav-side li > a:hover span,
#header-mobile .flyout-nav-themes .flyout-nav-side li > a:hover span {
  background-color: #012a3c !important;
}
#header-mobile .flyout-inner .flyout-sub-nav li.active > a,
#header-mobile .flyout-inner .flyout-sub-nav .flyout-nav-side li.active > a,
#header-mobile .flyout-nav-az .flyout-nav-side li.active > a,
#header-mobile .flyout-nav-themes .flyout-nav-side li.active > a {
  background-color: #012533 !important;
}
#header-mobile .flyout-inner .flyout-sub-nav li.active > a span,
#header-mobile .flyout-inner .flyout-sub-nav .flyout-nav-side li.active > a span,
#header-mobile .flyout-nav-az .flyout-nav-side li.active > a span,
#header-mobile .flyout-nav-themes .flyout-nav-side li.active > a span {
  background-color: #012533 !important;
}
#header-mobile .flyout-content-right {
  max-height: none;
  clear: both;
}
#header-mobile #mobile-menu .mobile-menu-nav-lang {
  padding-bottom: 40px !important;
}
#header-mobile .mobile-menu-nav-meta,
#header-mobile .mobile-menu-nav-lang {
  background: #083c52;
  padding: 5px 2% 5px 2%;
  border-top: 1px solid #06364a;
}
#header-mobile .mobile-menu-nav-meta ul,
#header-mobile .mobile-menu-nav-lang ul {
  list-style: none;
}
#header-mobile .mobile-menu-nav-meta ul li,
#header-mobile .mobile-menu-nav-lang ul li {
  display: inline-block;
}
#header-mobile .mobile-menu-nav-meta ul li a,
#header-mobile .mobile-menu-nav-lang ul li a {
  display: inline-block;
  font-size: 1.5em;
  color: #66add7;
  padding: 14px 24px 14px 0;
}
#header-mobile .mobile-menu-nav-meta ul li a:hover,
#header-mobile .mobile-menu-nav-lang ul li a:hover {
  color: #e5f1f9;
  text-decoration: none !important;
}
#header-mobile .mobile-menu-nav-meta ul li a:active,
#header-mobile .mobile-menu-nav-lang ul li a:active {
  color: #c7d5de;
  text-decoration: none !important;
}
#header-mobile .mobile-menu-nav-meta ul li.active a,
#header-mobile .mobile-menu-nav-lang ul li.active a {
  color: #c7d5de;
}
html.no-touch #header-mobile #header-area .mobile-menu-button:hover {
  color: #000000;
  background: url(images/icons/menu~hover~before.png) no-repeat 50% 24%;
  background: url(images/icons/menu~hover~before.svg) no-repeat 50% 24%;
}
html.no-touch #header-mobile #header-area .mobile-menu-button.active {
  color: #eff0f1;
  background-color: #002338 !important;
  background: url(images/icons/schliessen-negativ~before.png) no-repeat 50% 50%;
  background: url(images/icons/schliessen-negativ~before.svg) no-repeat 50% 50%;
}
html.no-touch #header-mobile #header-area .mobile-menu-button.active:hover {
  color: #ffffff;
  background: url(images/icons/schliessen-negativ~hover~before.png) no-repeat 50% 50%;
  background: url(images/icons/schliessen-negativ~hover~before.svg) no-repeat 50% 50%;
}
html.no-touch #header-mobile #header-area .mobile-menu-button.active span {
  display: none;
}
html.touch #header-mobile #header-area .mobile-menu-button.active {
  color: #eff0f1;
  background-color: #002338 !important;
  background: url(images/icons/schliessen-negativ~before.png) no-repeat 50% 50%;
  background: url(images/icons/schliessen-negativ~before.svg) no-repeat 50% 50%;
}
html.touch #header-mobile #header-area .mobile-menu-button.active span {
  display: none;
}
html.no-touch #header-mobile .mobile-menu-flyouts ul a:hover {
  color: #eff0f1;
  text-decoration: none;
  background-color: #002637;
}
html.touch #header-mobile .mobile-menu-flyouts ul a:hover {
  text-decoration: none;
}
html.no-touch #header-mobile .mobile-menu-navigation .navlist li > a:hover {
  background-color: #004b6b;
  text-decoration: none !important;
}
html.no-touch #header-mobile .mobile-menu-navigation .navlist li.children:hover > a {
  background: #004b6b url(images/icons/winkel-rechts-negativ~hover~after.png) no-repeat 95% 50%;
  background: #004b6b url(images/icons/winkel-rechts-negativ~hover~after.svg) no-repeat 95% 50%;
}
html.no-touch #header-mobile .mobile-menu-navigation .navlist li.back:hover > a {
  background: #004b6b url(images/icons/winkel-links-negativ~hover~before.png) no-repeat 5% 50%;
  background: #004b6b url(images/icons/winkel-links-negativ~hover~before.svg) no-repeat 5% 50%;
}
.mobile-menu-forms a {
  color: #66add7;
  text-decoration: none !important;
}
.mobile-menu-forms a:hover {
  text-decoration: none !important;
  color: #e5f1f9;
}
.mobile-menu-forms a:active {
  color: #c7d5de;
  background-color: #083c52 !important;
}
.mobile-menu-forms table {
  border-color: #396475;
}
.mobile-menu-forms table th,
.mobile-menu-forms table td {
  display: block;
  width: 100% !important;
  border-color: #396475;
}
.mobile-menu-forms table tr th:last-child {
  display: none;
}
.mobile-menu-forms table tr td:first-child {
  padding-top: 12px;
}
.mobile-menu-forms table tr td:last-child {
  padding-bottom: 12px;
  border-top: none;
}
@media screen and (min-width: 1235px) {
  #header-mobile #mobile-menu {
    max-width: 33%;
    right: 0;
    left: auto;
  }
}
@media screen and (min-width: 992px) {
  #header-mobile #mobile-menu {
    width: 32.25%;
    max-width: 414px;
    right: 0;
    left: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #header-mobile #mobile-menu {
    max-width: 50%;
    right: 0;
    left: auto;
  }
}
@media screen and (min-width: 768px) {
  #header-mobile {
    height: 78px;
  }
  #header-mobile #header-area a.ktzh-logo-mobile {
    height: 78px;
    width: 101px;
  }
  #header-mobile #header-area a.ktzh-logo-mobile img {
    margin: 0;
    width: 100%;
  }
  #header-mobile #header-area .identity {
    height: 78px;
    max-width: 78%;
    display: block;
  }
  #header-mobile #header-area .identity a {
    height: 78px;
    display: table;
  }
  #header-mobile #header-area .identity a strong {
    display: table-cell;
    vertical-align: middle;
    height: 70px;
  }
  #header-mobile #header-area .menu-button-area .mobile-menu-button {
    height: 78px;
    width: 78px;
    background: url(images/icons/zz-menu-133.png) no-repeat 50% 24%;
    background: url(images/icons/zz-menu-133.svg) no-repeat 50% 24%;
    padding-top: 28px;
  }
  #header-mobile #header-area .menu-button-area .mobile-menu-button span {
    font-size: 1.4em;
  }
  #header-mobile #mobile-menu {
    margin-top: 78px;
  }
  #main-area {
    margin-top: 92px;
  }
  #header-mobile.menu-open #header-area .menu-button-area .mobile-menu-button.active {
    height: 78px;
    width: 78px;
    background: url(images/icons/zz-schliessen-133-negativ.png) no-repeat 50% 50%;
    background: url(images/icons/zz-schliessen-133-negativ.svg) no-repeat 50% 50%;
    padding-top: 26px;
  }
  #header-mobile.menu-open #header-area .menu-button-area .mobile-menu-button.active:focus {
    background: url(images/icons/zz-schliessen-133-negativ-aktiv.png) no-repeat 50% 50%;
    background: url(images/icons/zz-schliessen-133-negativ-aktiv.svg) no-repeat 50% 50%;
  }
  #header-mobile.menu-open #mobile-menu.top-position {
    top: 0;
    margin-top: 0;
  }
  #header-mobile #header-area {
    padding-left: 1.25%;
  }
  #header-mobile.portal.portal #header-area a.ktzh-logo-mobile {
    width: auto;
    max-width: 436px;
    background-image: none !important;
  }
  #header-mobile.portal.portal #header-area a.ktzh-logo-mobile img {
    width: 436px;
    max-width: 436px;
    height: 78px;
  }
  #header-mobile.department .identity a strong {
    font-size: 2.4em;
    line-height: 1.1;
    letter-spacing: -0.01em;
  }
  #header-mobile.office .identity a strong {
    font-size: 2em;
    line-height: 1.1;
    letter-spacing: -0.01em;
  }
  html.no-touch #header-mobile #header-area .menu-button-area .mobile-menu-button:hover {
    background: url(images/icons/zz-menu-133-over.png) no-repeat 50% 24%;
    background: url(images/icons/zz-menu-133-over.svg) no-repeat 50% 24%;
  }
  html.no-touch #header-mobile.menu-open #header-area .menu-button-area .mobile-menu-button:hover {
    background: url(images/icons/zz-schliessen-133-negativ-over.png) no-repeat 50% 50%;
    background: url(images/icons/zz-schliessen-133-negativ-over.svg) no-repeat 50% 50%;
  }
}
#header-mobile .mobile-menu-flyouts ul li a.flyout-orga-link,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-orga-link,
#header-mobile .mobile-menu-flyouts ul li a.flyout-themen-link,
#header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-services {
  padding-left: 10%;
  padding-right: 5%;
}
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-orga-link.active,
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-orga-link.active,
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-themen-link.active,
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-services.active {
  background: url(images/icons/zz-schliessen-133-negativ.png) no-repeat 50% 50%;
  background: url(images/icons/zz-schliessen-133-negativ.svg) no-repeat 50% 50%;
  background-color: #002338;
}
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-orga-link.active:hover,
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-orga-link.active:hover,
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-themen-link.active:hover,
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-services.active:hover {
  background: #002637 url(images/icons/zz-schliessen-133-negativ-over.png) no-repeat 50% 50%;
  background: #002637 url(images/icons/zz-schliessen-133-negativ-over.svg) no-repeat 50% 50%;
}
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-orga-link.active:focus,
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-orga-link.active:focus,
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-themen-link.active:focus,
html.no-touch #header-mobile .mobile-menu-flyouts ul li a.flyout-intranet-services.active:focus {
  background: #002338 url(images/icons/zz-schliessen-133-negativ-aktiv.png) no-repeat 50% 50%;
  background: #002338 url(images/icons/zz-schliessen-133-negativ-aktiv.svg) no-repeat 50% 50%;
}
#header-mobile .mobile-menu-contactsearch {
  padding-left: 5%;
  padding-right: 5%;
}
#header-mobile .mobile-menu-contactsearch input.text {
  width: 70%;
}
#header-mobile .mobile-menu-navigation .navlist li a {
  padding-left: 5%;
  padding-right: 12%;
  background-position-x: 95% !important;
}
#header-mobile .mobile-menu-navigation .navlist li.back a {
  padding-right: 5%;
  padding-left: 12%;
  background-position-x: 5% !important;
}
#header-mobile .mobile-menu-navigation .navlist li.current a {
  padding-left: 5%;
  padding-right: 5%;
}
#header-mobile .mobile-menu-forms h2 a,
#header-mobile .mobile-menu-personal-intranet h2 a {
  padding-left: 5% !important;
  padding-right: 12%;
  background-position-x: 95% !important;
}
#header-mobile .mobile-menu-forms h2 a.active,
#header-mobile .mobile-menu-personal-intranet h2 a.active {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-weight: normal !important;
}
#header-mobile .flyout-orga-container h2,
#header-mobile .flyout-intranet-services-container h2,
#header-mobile .flyout-intranet-orga-container h2,
#header-mobile .flyout-intranet-personal-container h2 {
  padding-left: 5%;
  padding-right: 5%;
  line-height: 1.3;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
#header-mobile .flyout-orga-container .top-boxes h3,
#header-mobile .flyout-intranet-services-container .top-boxes h3,
#header-mobile .flyout-intranet-orga-container .top-boxes h3,
#header-mobile .flyout-intranet-personal-container .top-boxes h3 {
  padding-left: 5%;
  padding-right: 0;
}
#header-mobile .flyout-orga-container .sub-items > p p.home,
#header-mobile .flyout-intranet-services-container .sub-items > p p.home,
#header-mobile .flyout-intranet-orga-container .sub-items > p p.home,
#header-mobile .flyout-intranet-personal-container .sub-items > p p.home {
  padding-left: 5% !important;
}
#header-mobile .flyout-orga-container a.accordeon span,
#header-mobile .flyout-intranet-services-container a.accordeon span,
#header-mobile .flyout-intranet-orga-container a.accordeon span,
#header-mobile .flyout-intranet-personal-container a.accordeon span {
  padding-left: 5% !important;
  padding-right: 12%;
  background-position-x: 95% !important;
}
#header-mobile .flyout-orga-container .top-boxes .box ul,
#header-mobile .flyout-intranet-services-container .top-boxes .box ul,
#header-mobile .flyout-intranet-orga-container .top-boxes .box ul,
#header-mobile .flyout-intranet-personal-container .top-boxes .box ul {
  padding-left: 5%;
  padding-right: 5%;
}
#header-mobile .flyout-orga-container .top-boxes .box ul a.accordeon span,
#header-mobile .flyout-intranet-services-container .top-boxes .box ul a.accordeon span,
#header-mobile .flyout-intranet-orga-container .top-boxes .box ul a.accordeon span,
#header-mobile .flyout-intranet-personal-container .top-boxes .box ul a.accordeon span {
  padding-left: 5%;
  padding-right: 12%;
  background-position-x: 95% !important;
}
#header-mobile .flyout-orga-container .board-boxes .js-parent-nav-item > a,
#header-mobile .flyout-intranet-services-container .board-boxes .js-parent-nav-item > a,
#header-mobile .flyout-intranet-orga-container .board-boxes .js-parent-nav-item > a,
#header-mobile .flyout-intranet-personal-container .board-boxes .js-parent-nav-item > a {
  padding-left: 5%;
  padding-right: 12%;
  background-position-x: 95% !important;
}
#header-mobile .flyout-orga-container .board-boxes .sub-items,
#header-mobile .flyout-intranet-services-container .board-boxes .sub-items,
#header-mobile .flyout-intranet-orga-container .board-boxes .sub-items,
#header-mobile .flyout-intranet-personal-container .board-boxes .sub-items {
  padding-left: 5%;
  padding-right: 5%;
}
.mobile #mobile-menu #board-content {
  display: none;
}
#header-mobile .flyout-intranet-personal-container .ktzh-overview .top-boxes .box.active a.accordeon {
  background-position-x: 95% !important;
}
#header-mobile .flyout-themen-container .flyout-inner {
  padding-left: 5%;
  padding-right: 5%;
}
#header-mobile .flyout-themen-container .flyout-inner .flyout-content-right {
  margin-left: -5%;
  margin-right: -5%;
  width: 110%;
}
#header-mobile .flyout-themen-container .flyout-inner .flyout-content-right .scrolltable {
  padding-left: 5%;
  padding-right: 5%;
}
#header-mobile .flyout-formsleaflets-container {
  padding-left: 5%;
  padding-right: 5%;
}
#header-mobile .mobile-menu-nav-meta,
#header-mobile .mobile-menu-nav-lang {
  padding-left: 5%;
  padding-right: 5%;
}
html.touch .mobile-menu-button:hover {
  color: #005e97;
  background: url(images/icons/menu~before.png) no-repeat 50% 24%;
  background: url(images/icons/menu~before.svg) no-repeat 50% 24%;
}
@media screen and (max-width: 450px) {
  #header-mobile #header-area .identity a .department-title-no-break {
    display: none;
  }
  #header-mobile #header-area .identity a .department-title-line-break {
    display: table-cell;
  }
}
@media screen and (min-width: 450px) {
  #header-mobile #header-area .identity a .department-title-no-break {
    display: table-cell;
  }
  #header-mobile #header-area .identity a .department-title-line-break {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1235px) {
  body.department #main-logo-mobile {
    width: 268px;
    max-width: 268px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1235px) {
  body.office #main-logo-mobile {
    max-width: 100%;
    width: auto !important;
  }
}
@media (max-width: 992px) {
  div.themes {
    padding: 0 !important;
    margin-left: -15px;
    width: 110%;
  }
  h3.dp-only {
    display: none !important;
  }
  h3.mob-only {
    display: inline-block !important;
  }
  #schwerpunktthemen {
    height: auto;
  }
  div.themes h2,
  #themen-counter,
  .slick-prev,
  .slick-next {
    display: none;
  }
  .slick-slide img {
    display: inline;
  }
  .slick-slide p a.ktzh-icon-after {
    display: none;
  }
  .slick-slide h3 {
    position: relative;
    left: 0;
  }
  #schwerpunktthemen .slick-slide h3.mob-only a.ktzh-icon-after.doppelpfeil-rechts:after {
    display: inline-block;
    top: -1px;
  }
  .slick-track {
    height: auto;
  }
  .slick-dots {
    margin: 0 !important;
    list-style: none;
    display: block !important;
    text-align: center;
    padding: 0;
    padding-left: 0 !important;
    width: 100%;
  }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: 0;
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding: 0px;
    cursor: pointer;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
  }
  .slick-dots li button {
    display: block;
    border: none;
    height: 40px;
    width: 40px;
    line-height: 0;
    font-size: 0;
    color: white;
    cursor: pointer;
    background: white url(../images/icons/slick-dot-grey.png) no-repeat 50% 50%;
  }
  .slick-dots li.slick-active button {
    background: white url(../images/icons/slick-dot-red.png) no-repeat 50% 50%;
  }
}
@media (min-width: 992px) {
  .slick-dots {
    display: none !important;
  }
  .slick-slide h3.mob-only {
    margin-top: 1em;
    display: inline-block;
    min-height: 2em;
  }
  #schwerpunktthemen .slick-slide p a {
    clear: both;
    display: block;
  }
  #schwerpunktthemen .slick-slide img.teaser {
    width: 100%;
  }
  #schwerpunktthemen .mob-only {
    display: none;
  }
  #schwerpunktthemen #themen-counter {
    padding-bottom: 0;
    padding-top: 0.05em;
  }
  #schwerpunktthemen .themes .right {
    margin-bottom: 6px;
    height: auto;
  }
  #schwerpunktthemen .themes .right a.slick-prev,
  #schwerpunktthemen .themes .right a.slick-next {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  div.themes {
    width: 100%;
  }
  #schwerpunktthemen {
    margin-left: 0;
    width: 100%;
  }
  #schwerpunktthemen .slick-slide h3.mob-only {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-top: 8px;
  }
  #schwerpunktthemen .slick-slide img.teaser {
    width: 100%;
    height: auto;
    margin: 0 !important;
    padding-top: 0;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  div.themes {
    margin: 0 0 0 -2% !important;
  }
  .portal div.themes {
    margin-top: -24px !important;
  }
  #schwerpunktthemen {
    margin: 0 auto 0 0;
  }
  #schwerpunktthemen .slick-slide h3.mob-only {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
    max-width: 100%;
    padding-top: 8px;
  }
  #schwerpunktthemen .slick-slide img.teaser {
    width: 100%;
    height: auto;
    margin: 0 !important;
    padding-top: 0;
    line-height: 1;
  }
}
@media (min-width: 992px) {
  .content-tabs .nav-tabs > li > a {
    font-size: 0.777em;
  }
}
@media (max-width: 991px) {
  .content-tabs .nav-tabs {
    display: none;
  }
  .content-tabs h2.panel-title a {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    letter-spacing: normal;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    position: relative;
  }
  .content-tabs h2.panel-title a:focus {
    outline: none !important;
  }
  .content-tabs .tab-pane {
    display: block;
    outline: none;
  }
  .content-tabs .tab-content > .active {
    margin-top: 0;
  }
  .content-tabs .panel-heading {
    background-color: #f3f3f3;
    margin-bottom: 1px;
    cursor: pointer;
    margin-left: -2% !important;
    margin-right: -2% !important;
  }
  .content-tabs .panel-heading h2.panel-title {
    display: table;
    width: 100%;
    height: auto;
    font-size: 1.5em;
  }
  .content-tabs .panel-heading h2.panel-title a {
    cursor: pointer;
    display: table-cell;
    top: 0;
    margin: 0;
    line-height: 1.5;
    padding: 18px 42px 18px 2%;
    padding-bottom: 18px !important;
    background: url(images/icons/plus~after.png) no-repeat 98% 50%;
    background: url(images/icons/plus~after.svg) no-repeat 98% 50%;
  }
  .content-tabs .panel-heading h2.panel-title a:hover {
    text-decoration: none !important;
  }
  .content-tabs .panel-heading h2.panel-title a:focus {
    color: black !important;
    background-color: #f3f3f3 !important;
    outline: thin solid #036 !important;
  }
  .content-tabs .panel-heading h2.panel-title a:before {
    color: #e0e0e0;
  }
  .content-tabs .panel-heading.open {
    background: #ffffff;
  }
  .content-tabs .panel-heading.open h2 a {
    font-family: "Arial Bold", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #d80b3a !important;
    background: #ffffff url(images/icons/schliessen-aktiv~before.png) no-repeat 98% 50% !important;
    background: #ffffff url(images/icons/schliessen-aktiv~before.svg) no-repeat 98% 50% !important;
  }
  .content-tabs .panel-heading.open h2 a:focus {
    color: #d80b3a !important;
    background-color: #ffffff !important;
    outline: thin solid #036 !important;
  }
  .content-tabs article:first-child .open h2 a {
    border-top: 1px solid #d0d0d0;
  }
  .content-tabs .panel-body {
    margin: 13.75px -2%;
    padding: 0 2%;
  }
  .content-tabs .collapse {
    display: none;
  }
  .content-tabs .collapse.in {
    display: block;
  }
  .content-tabs div.ticker {
    padding: 0;
  }
  html.no-touch .content-tabs .panel-heading h2 a:hover {
    background-color: #ebebeb !important;
    color: black;
    text-decoration: none !important;
    background: url(images/icons/plus~hover~after.png) no-repeat 98% 50%;
    background: url(images/icons/plus~hover~after.svg) no-repeat 98% 50%;
  }
  html.no-touch .content-tabs .panel-heading.open h2 a:hover {
    color: black !important;
    background: #ffffff url(images/icons/schliessen~hover~before.png) no-repeat 98% 50% !important;
    background: #ffffff url(images/icons/schliessen~hover~before.svg) no-repeat 98% 50% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-tabs .panel-heading {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .content-tabs .panel-body {
    padding: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .content-tabs .panel-heading.open h2.panel-title a {
    padding-left: 0;
  }
}
@media (min-width: 991px) {
  .content-tabs .panel-heading {
    display: none;
  }
}
@media (max-width: 991px) {
  div.box-contact .contact-tabs .nav-tabs {
    display: none;
  }
  div.box-contact .contact-tabs h2.panel-title a {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    letter-spacing: normal;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    position: relative;
    top: 0.3333em;
  }
  div.box-contact .contact-tabs .tab-pane {
    display: block;
  }
  div.box-contact .contact-tabs .tab-content > .active {
    margin-top: 0;
  }
  div.box-contact .contact-tabs .panel-heading {
    background-color: #f3f3f3;
    margin-bottom: 1px;
    cursor: pointer;
    background-position: 98% 1.3333em;
  }
  div.box-contact .contact-tabs .panel-heading h2.panel-title a {
    cursor: pointer;
    display: block;
    text-indent: -1.6em;
    margin-left: 1.6em;
    padding: 9px 11px;
  }
  div.box-contact .contact-tabs .panel-heading h2.panel-title a:before {
    color: #e0e0e0;
  }
  div.box-contact .contact-tabs .panel-heading.open {
    background: white;
    background-position: 98% 1.3333em;
  }
  div.box-contact .contact-tabs .panel-heading.open h2.panel-title a {
    color: #d80b3a;
    font-weight: bold !important;
  }
  div.box-contact .contact-tabs .panel-body {
    margin-top: 13.75px;
    margin-bottom: 13.75px;
  }
  div.box-contact .contact-tabs .collapse {
    display: none;
  }
  div.box-contact .contact-tabs .collapse.in {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.box-contact .content-tabs .panel-heading a {
    margin-left: 2.3em;
  }
}
@media (max-width: 767px) {
  div.box-contact .content-tabs .panel-heading a {
    font-size: 0.6666em;
  }
}
#content-column div.box-actual,
#context-column div.box-actual {
  border-top: 1px solid #d0d0d0;
}
#content-column div.box-actual div.row.news-mobile-hidden,
#context-column div.box-actual div.row.news-mobile-hidden {
  display: none;
}
#content-column div.box-actual h3,
#context-column div.box-actual h3 {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
#content-column div.box-actual div.ticker,
#context-column div.box-actual div.ticker {
  border-top: none;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 0;
}
#content-column div.box-actual div.ticker p,
#context-column div.box-actual div.ticker p {
  font-size: 1.5em;
  padding-top: 0;
}
#content-column div.box-actual div.ticker p.date,
#context-column div.box-actual div.ticker p.date {
  position: relative;
}
#content-column div.box-actual div.ticker p:not(.date):not(.show-all),
#context-column div.box-actual div.ticker p:not(.date):not(.show-all) {
  padding-top: 0.5em;
}
#content-column div.box-actual div.ticker p a:not(.rss-icon):not(.more),
#context-column div.box-actual div.ticker p a:not(.rss-icon):not(.more) {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  color: #1d5f9f;
}
#content-column div.box-actual div.ticker p a:not(.rss-icon):not(.more):hover,
#context-column div.box-actual div.ticker p a:not(.rss-icon):not(.more):hover {
  text-decoration: underline;
  color: #000000;
}
#content-column div.box-actual div.ticker p.icon-links a,
#context-column div.box-actual div.ticker p.icon-links a {
  padding-bottom: 0;
}
#content-column div.box-actual div.ticker p span.ktzh-icon,
#context-column div.box-actual div.ticker p span.ktzh-icon {
  display: none;
}
#content-column div.box-actual div.ticker span.file-info,
#context-column div.box-actual div.ticker span.file-info {
  font-family: Arial, Helvetica, sans-serif;
}
#content-column div.box-actual div.ticker p.date,
#context-column div.box-actual div.ticker p.date {
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
}
#content-column div.box-actual div.ticker p.show-all,
#context-column div.box-actual div.ticker p.show-all {
  font-size: 1.8em;
}
#content-column div.box-actual div.ticker p.show-all a,
#context-column div.box-actual div.ticker p.show-all a {
  font-family: Arial, Helvetica, sans-serif;
}
#content-column div.box-actual div.ticker img.image,
#context-column div.box-actual div.ticker img.image {
  margin-top: 1.5em;
  width: 40%;
  max-width: 78px !important;
}
#content-column div.box-actual {
  border: none;
}
#content-column div.box-actual div.ticker {
  border: none;
}
#content-column div.box-actual div.ticker img.image {
  margin-top: 1.1em;
}
/* needed for touch-devices where the link rss.feed with div.clear before and after is hidden */
html.touch #content-column div.box-actual div.ticker div:last-of-type,
html.touch #context-column div.box-actual div.ticker div:last-of-type {
  border-bottom: none;
}
@media (max-width: 991px) {
  #content-column div.box-actual,
  #context-column div.box-actual {
    border-top: 1px solid #d0d0d0;
  }
  #content-column div.box-actual div.ticker,
  #context-column div.box-actual div.ticker {
    border: none;
    border-bottom: 1px solid #d0d0d0;
  }
  #content-column div.box-actual .row,
  #context-column div.box-actual .row {
    border-bottom: none;
    border-top: 1px dotted #d0d0d0;
  }
  #content-column div.box-actual .row:first-child,
  #context-column div.box-actual .row:first-child {
    border-top: none;
  }
  #content-column div.box-actual p.show-all,
  #context-column div.box-actual p.show-all {
    border-top: 1px dotted #d0d0d0;
  }
  #content-column div.box-actual p:not(.date):not(.show-all),
  #context-column div.box-actual p:not(.date):not(.show-all) {
    padding-top: 0.5em !important;
  }
  #content-column div.box-actual {
    border: none;
  }
  #content-column div.box-actual div.ticker {
    border-bottom: none;
  }
  #content-column div.box-actual div.ticker p:not(.date):not(.show-all) {
    padding-top: 1.44em !important;
  }
  #context-column div.box-actual.event-list div.ticker {
    border-bottom: none !important;
  }
  /* needed for touch-devices where the link rss.feed with div.clear before and after is hidden */
  html.touch #content-column div.box-actual p.show-all,
  html.touch #context-column div.box-actual p.show-all {
    border-top: none;
  }
}
#content-column div.toolbar {
  margin-bottom: 30px;
}
#content-column div.toolbar li.share ul.share-flyout {
  z-index: 100;
  width: 100%;
  margin-left: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#content-column div.toolbar li.share ul.share-flyout li {
  width: 50%;
  margin-left: 0 !important;
}
#content-column div.toolbar li.share ul.share-flyout li:first-child {
  width: 100%;
}
#content-column div.toolbar li.share ul.share-flyout li a {
  float: left;
  line-height: 1.5;
  padding-bottom: 13px;
  padding-left: 27px;
}
#content-column div.toolbar li.share ul.share-flyout div.share-flyout-header {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
#content-column div.toolbar li.share ul.share-flyout div.share-flyout-header span {
  line-height: 1.5;
}
#content-column div.toolbar li.share ul.share-flyout div.share-flyout-header a {
  float: right;
  padding: 0;
}
#content-column div.toolbar li.share img {
  display: inline;
}
#content-column div.toolbar li.share a.openshare {
  background-position-y: -3198px;
}
#content-column div.toolbar li.share a.openshare:hover {
  background-position-y: -3298px;
}
#content-column div.toolbar li.share div.komp-social-media ul li span,
#content-column div.toolbar li.share div.komp-social-media ul li a {
  font-size: 0.559em;
}
#content-column div.toolbar li.share div.komp-social-media ul li a {
  padding-bottom: 13px;
}
#content-column div.toolbar.open {
  margin-bottom: 150px;
}
html.touch div.toolbar {
  display: none;
}
@media (max-width: 767px) {
  div.toolbar li.print {
    float: right;
    margin-left: 0 !important;
  }
  div.toolbar li.to-top {
    float: right;
    clear: both;
  }
}
/* toolbar */
/*

  .toolbar {
    display: none !important;
  }

  #content-column div.toolbar {
    display: none;
  }

  #content-column div.toolbar ul li {
    margin-bottom: 12px;
  }

  div.toolbar ul li.print {
    display: none;
  }

  div.toolbar ul li.mail {
    float: right;
  }

  div.toolbar ul li.memory a {
    background-position-y: -3599px !important;
  }

  div.toolbar ul li.memory a:hover {
    background-position-y: -3699px !important;
  }

  div.toolbar ul li.mail a {
    background-position-y: -3395px !important;
  }

  div.toolbar ul li.mail a:hover {
    background-position-y: -3495px !important;
  }
  */
@media (min-width: 1236px) {
  div.ticker p.show-all:before,
  div.ticker ul.show-all:before,
  div.ticker p.show-all:after,
  div.ticker ul.show-all:after {
    content: " ";
    display: table;
  }
  div.ticker p.show-all:after,
  div.ticker ul.show-all:after {
    clear: both;
  }
  div.ticker p.show-all:before,
  div.ticker ul.show-all:before,
  div.ticker p.show-all:after,
  div.ticker ul.show-all:after {
    content: " ";
    display: table;
  }
  div.ticker p.show-all:after,
  div.ticker ul.show-all:after {
    clear: both;
  }
}
div.ticker p.show-all:before,
div.ticker ul.show-all:before,
div.ticker p.show-all:after,
div.ticker ul.show-all:after {
  content: " ";
  display: table;
}
div.ticker p.show-all:after,
div.ticker ul.show-all:after {
  clear: both;
}
div.ticker p.show-all:before,
div.ticker ul.show-all:before,
div.ticker p.show-all:after,
div.ticker ul.show-all:after {
  content: " ";
  display: table;
}
div.ticker p.show-all:after,
div.ticker ul.show-all:after {
  clear: both;
}
div.ticker a.rss-feed {
  display: block;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}
div.ticker a.rss-feed:hover {
  color: #000000;
  text-decoration: underline !important;
}
#content-column div.box-actual div.ticker p.show-all,
#content-column div.box-actual div.ticker ul.show-all,
#context-column div.box-actual div.ticker p.show-all,
#context-column div.box-actual div.ticker ul.show-all {
  font-size: 1.5em;
}
html.touch .hidden-on-touch-device {
  display: none;
}
@media (max-width: 992px) {
  html.touch p.show-all a.rss-feed,
  html.touch ul.show-all a.rss-feed {
    display: none !important;
  }
}
p.to-top {
  font-size: 1.8em;
}
p.to-top a {
  background-position-y: -597px;
}
p.to-top a:hover {
  background-position-y: -697px;
}
html.touch p.to-top {
  display: none;
}
#breadcrumb {
  font-size: 0.844em;
  padding-top: 0;
  margin-bottom: 20px;
}
html.touch #breadcrumb {
  display: none;
}
div.komp-box-more-themes {
  margin: 48px 0;
}
#content-column div.komp-box-more-themes ul.icon-links {
  font-size: 1.5em;
}
/* Navigation Teaser */
#content-column div.teaser div.column {
  width: 48%;
}
#content-column div.teaser div.column.to-left {
  float: left;
}
#content-column div.teaser div.column.to-right {
  float: right;
}
#content-column div.teaser .message h2 {
  display: block;
  margin: 0;
  border: 1px solid #d0d0d0;
  border-bottom: none;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 12px 0 12px 12px;
}
#content-column div.teaser .message h2 a {
  background-image: none;
  border: none;
  padding-bottom: 0;
  background: url(images/icons/doppelpfeil-rechts~after.png) no-repeat 98% 50%;
  background: url(images/icons/doppelpfeil-rechts~after.svg) no-repeat 98% 50%;
}
#content-column div.teaser .message h2 a:hover {
  background: url(images/icons/doppelpfeil-rechts~hover~after.png) no-repeat 98% 50%;
  background: url(images/icons/doppelpfeil-rechts~hover~after.svg) no-repeat 98% 50%;
}
#content-column div.teaser .message h2 span.ktzh-icon {
  float: right;
  margin-right: -22px;
}
#content-column div.teaser .message p a {
  height: auto;
  min-height: 8.5em;
  padding: 12px !important;
}
@media (max-width: 991px) {
  #content-column div.teaser div.column {
    width: 100%;
  }
  #content-column div.teaser div.column.to-left {
    float: none;
  }
  #content-column div.teaser div.column.to-right {
    float: none;
  }
  #content-column div.teaser .message p a {
    min-height: 0;
    height: auto;
    padding: 12px !important;
  }
}
/* Veranstaltungs-Liste (event-list) */
body.office #breadcrumb {
  margin-top: 0;
}
#content-column div.box-actual.event-list,
#context-column div.box-actual.event-list {
  border-bottom: 1px solid #d0d0d0;
}
#content-column div.box-actual.event-list p.show-all,
#context-column div.box-actual.event-list p.show-all,
#content-column div.box-actual.event-list ul.show-all,
#context-column div.box-actual.event-list ul.show-all {
  border-top: 1px dotted #d0d0d0;
}
#content-column div.box-actual.event-list div.clear,
#context-column div.box-actual.event-list div.clear {
  border-bottom: none !important;
}
div.box-actual p.show-all a.more,
div.box-actual ul.show-all a.more {
  font-size: 1em;
  float: right !important;
  font-family: Arial, Helvetica, sans-serif;
  padding-right: 0;
}
div.box-actual table.table-ticker {
  width: 100%;
  min-width: 0 !important;
}
div.box-actual table.table-ticker th,
div.box-actual table.table-ticker td {
  font-size: 1.5em;
}
@media (max-width: 991px) {
  #content-column div.box-actual.event-list,
  #context-column div.box-actual.event-list {
    border-bottom: 1px solid #d0d0d0;
  }
  #content-column div.box-actual.event-list p.show-all,
  #context-column div.box-actual.event-list p.show-all,
  #content-column div.box-actual.event-list ul.show-all,
  #context-column div.box-actual.event-list ul.show-all {
    border-top: 0;
  }
  div.box-actual.event-list table.table-ticker {
    border-bottom: 1px dotted #c3c3c3;
    margin: 0;
  }
  div.box-actual.event-list table.table-ticker tr {
    border-bottom: 1px dotted #c3c3c3;
    display: block;
    padding: 6px 1%;
    width: 98%;
  }
  div.box-actual.event-list table.table-ticker tr:last-child {
    border-bottom: none;
  }
  div.box-actual.event-list table.table-ticker thead {
    display: none;
  }
  div.box-actual.event-list table.table-ticker td {
    width: 100%;
    clear: both;
    border: none;
    display: block;
  }
  div.box-actual.event-list p.show-all,
  div.box-actual.event-list ul.show-all {
    border-top: none;
  }
  div.box-actual.event-list table.table-ticker tr td:first-child,
  div.box-actual.event-list table.table-ticker tr td:first-child {
    font-size: 1.2em;
    color: #666666;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  #context-column div.box-actual.event-list {
    border-bottom: none;
  }
}
/* Element: Kontakt-Box */
#content-column div.box-contact ul.nav-tabs,
#context-column div.box-contact ul.nav-tabs {
  margin-left: 0;
}
#content-column div.box-contact a,
#context-column div.box-contact a {
  display: inline-block;
  padding-bottom: 13px;
}
#content-column div.box-contact a[name="anchor-contact"],
#context-column div.box-contact a[name="anchor-contact"] {
  display: inline;
  padding-bottom: none;
}
#content-column div.box-contact a.map-link,
#context-column div.box-contact a.map-link {
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#content-column div.box-contact span.address-label.phone-number,
#context-column div.box-contact span.address-label.phone-number {
  display: none;
}
#content-column div.box-contact a.phone-number,
#context-column div.box-contact a.phone-number {
  display: table;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 320px;
  padding: 12px;
  margin-bottom: 12px;
  color: #ffffff;
  text-align: right;
  border-radius: 3px;
  line-height: 1;
  background-color: #1d5f9f;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#content-column div.box-contact a.phone-number.ktzh-icon-before.mobile-icon:before,
#context-column div.box-contact a.phone-number.ktzh-icon-before.mobile-icon:before {
  display: inline-block !important;
}
#content-column div.box-contact a.phone-number:hover,
#context-column div.box-contact a.phone-number:hover {
  background-color: #000000;
  text-decoration: none;
}
#content-column div.box-contact h3,
#context-column div.box-contact h3 {
  font-size: 1.5em;
}
#content-column div.box-contact a.contact-form,
#context-column div.box-contact a.contact-form {
  border: 1px dotted #d0d0d0;
  border-width: 1px 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 12px;
  width: 100%;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#content-column div.box-contact div.column.to-left img,
#context-column div.box-contact div.column.to-left img {
  margin: 0 0 13px 0;
}
#content-column div.box-contact table.minimal,
#context-column div.box-contact table.minimal {
  min-width: 0 !important;
  width: 100%;
  max-width: 280px;
}
#content-column div.box-contact table.minimal th,
#context-column div.box-contact table.minimal th,
#content-column div.box-contact table.minimal td,
#context-column div.box-contact table.minimal td {
  width: 50%;
  line-height: 1.25;
  padding-bottom: 6px;
  font-size: 1.8em !important;
}
#content-column div.box-contact table.minimal th,
#context-column div.box-contact table.minimal th {
  padding-right: 10px;
}
#content-column div.box-contact table.minimal td,
#context-column div.box-contact table.minimal td {
  padding-right: 0;
}
#content-column div.box-contact div.tab-content h3,
#context-column div.box-contact div.tab-content h3 {
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#content-column div.box-contact div.tab-content img,
#context-column div.box-contact div.tab-content img {
  margin: 0;
}
#context-column div.box-contact .contact-tabs li a {
  font-size: 1em;
}
#content-column div.box-contact .contact-tabs li a {
  font-size: 1em;
}
#context-column div.box-contact p {
  font-size: 1.5em;
}
#context-column div.box-contact a.phone-number {
  padding: 8px 12px;
  line-height: 1.3;
}
#context-column div.box-contact table.minimal th,
#context-column div.box-contact table.minimal td {
  font-size: 1.5em !important;
}
#content-column div.box-contact .nav-tabs li a {
  font-size: 0.778em;
}
@media screen and (max-width: 767px) {
  #context-column div.box-contact p {
    font-size: 1.8em !important;
  }
  #context-column div.box-contact table.minimal th,
  #context-column div.box-contact table.minimal td {
    font-size: 1.8em !important;
  }
  #context-column div.box-contact p {
    font-size: 1.8em;
  }
  #context-column div.box-contact table.minimal th,
  #context-column div.box-contact table.minimal td {
    font-size: 1.8em !important;
  }
}
/* Element: News Teaser für Portal */
#content-column div.ticker p {
  font-size: 15px;
  line-height: 18px;
}
#content-column div.ticker p.date {
  color: #666666;
  font-size: 1.2em !important;
  line-height: 14px;
}
#content-column div.ticker h3 {
  font-size: 15px;
  line-height: 18px;
}
#content-column div.ticker .datepointetlabel {
  font-size: 1.2em;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0;
  line-height: 1.2;
}
#content-column div.ticker h2 a {
  font-size: 0.833em;
  line-height: 1.2 !important;
}
#content-column div.ticker img {
  display: block;
  float: left;
}
#content-column div.ticker table.minimal {
  min-width: 0 !important;
}
@media (max-width: 991px) {
  #content-column div.ticker img,
  #departement-home #content-column div.ticker img {
    margin-top: 2.5em;
    width: 33%;
    max-width: 177px;
  }
  #content-column div.ticker p.date,
  #departement-home #content-column div.ticker p.date {
    position: absolute;
  }
  #content-column div.ticker h3,
  #departement-home #content-column div.ticker h3 {
    margin-top: 1.43em;
  }
  #content-column div.ticker .news-mobile-hidden,
  #departement-home #content-column div.ticker .news-mobile-hidden {
    display: none;
  }
  #content-column div.ticker .datepointetlabel,
  #departement-home #content-column div.ticker .datepointetlabel {
    position: absolute;
    left: 0;
  }
  #content-column div.ticker h2,
  #departement-home #content-column div.ticker h2 {
    display: block;
    margin-top: 1em !important;
  }
  #content-column div.ticker h2 a,
  #departement-home #content-column div.ticker h2 a {
    display: inline;
  }
}
@media (max-width: 480px) {
  #content-column div.ticker table.minimal,
  #departement-home #content-column div.ticker table.minimal {
    clear: both;
  }
}
@media (min-width: 992px) {
  .ktzh-overview .ktzh-icon {
    display: none;
  }
}
.flyout-intranet-orga-container .ktzh-overview,
.flyout-orga-container .ktzh-overview {
  background-color: #002a42;
  padding-bottom: 40px;
}
.flyout-intranet-orga-container .ktzh-overview h2,
.flyout-orga-container .ktzh-overview h2 {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
.flyout-intranet-orga-container .ktzh-overview *,
.flyout-orga-container .ktzh-overview * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flyout-intranet-orga-container .ktzh-overview a,
.flyout-orga-container .ktzh-overview a {
  color: #b3c0c7;
}
.flyout-intranet-orga-container .ktzh-overview .ktzh-icon,
.flyout-orga-container .ktzh-overview .ktzh-icon {
  float: right;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes,
.flyout-orga-container .ktzh-overview .top-boxes {
  padding: 0;
  margin-top: 0;
  background-image: none;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box,
.flyout-orga-container .ktzh-overview .top-boxes .box {
  background-color: #002a42;
  border: 0 none;
  margin: 0;
  width: 100%;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box.js-parent-nav-item,
.flyout-orga-container .ktzh-overview .top-boxes .box.js-parent-nav-item {
  display: block;
  width: 100%;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box img,
.flyout-orga-container .ktzh-overview .top-boxes .box img {
  display: none;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box ul,
.flyout-orga-container .ktzh-overview .top-boxes .box ul {
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5%;
  margin: 10px 0 0 0 !important;
  width: 100%;
  margin-top: 3px;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box li a,
.flyout-orga-container .ktzh-overview .top-boxes .box li a {
  color: #66add7;
  text-decoration: none !important;
  border-top: 1px solid #012136;
  display: block;
  font-size: 15px;
  padding: 10px 0;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box li a:hover,
.flyout-orga-container .ktzh-overview .top-boxes .box li a:hover {
  color: #e5f1f9;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box li a:active,
.flyout-orga-container .ktzh-overview .top-boxes .box li a:active {
  color: #c7d5de;
  background-color: #002a42 !important;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box li.active a,
.flyout-orga-container .ktzh-overview .top-boxes .box li.active a {
  color: #ffffff !important;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box a.accordeon,
.flyout-orga-container .ktzh-overview .top-boxes .box a.accordeon {
  border-top: 1px solid #012136;
  display: table;
  width: 100%;
  cursor: pointer;
  text-decoration: none !important;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box a.accordeon span,
.flyout-orga-container .ktzh-overview .top-boxes .box a.accordeon span {
  display: table-cell;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #b3c0c7;
  font-size: 1.5em;
  margin: 0;
  padding: 18px 35px 18px 5%;
  vertical-align: middle;
  background: url(../images/icons/plus-negativ~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~after.svg) no-repeat 95% 50%;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box a.accordeon span:hover,
.flyout-orga-container .ktzh-overview .top-boxes .box a.accordeon span:hover {
  color: #e5f1f9;
  text-decoration: none !important;
  background: url(../images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box a.accordeon span:active,
.flyout-orga-container .ktzh-overview .top-boxes .box a.accordeon span:active {
  color: #e5f1f9;
  text-decoration: none !important;
  background: url(../images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
  background-color: #002a42 !important;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box h3,
.flyout-orga-container .ktzh-overview .top-boxes .box h3 {
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  max-width: 100%;
  height: auto;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1.5em;
  word-wrap: normal;
  margin: 0;
  padding: 0 5%;
  vertical-align: top;
  line-height: 1.6;
  font-weight: normal;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box .home,
.flyout-orga-container .ktzh-overview .top-boxes .box .home {
  display: none;
  font-size: 1.5em;
  padding: 0 0 0 4%;
  margin: 3px 0 0 0;
  overflow: hidden;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box .home a,
.flyout-orga-container .ktzh-overview .top-boxes .box .home a {
  color: #66add7;
  text-decoration: none !important;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box .home a:hover,
.flyout-orga-container .ktzh-overview .top-boxes .box .home a:hover {
  color: #e5f1f9;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box .home a:active,
.flyout-orga-container .ktzh-overview .top-boxes .box .home a:active {
  color: #c7d5de;
  background-color: #002a42 !important;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box.active,
.flyout-orga-container .ktzh-overview .top-boxes .box.active {
  padding-bottom: 20px;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box.active a.accordeon,
.flyout-orga-container .ktzh-overview .top-boxes .box.active a.accordeon {
  background: url(../images/icons/schliessen-negativ~before.png) no-repeat 95% 50% !important;
  background: url(../images/icons/schliessen-negativ~before.svg) no-repeat 95% 50% !important;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box.active a.accordeon:hover,
.flyout-orga-container .ktzh-overview .top-boxes .box.active a.accordeon:hover {
  background: url(../images/icons/schliessen-negativ~hover~before.png) no-repeat 95% 50% !important;
  background: url(../images/icons/schliessen-negativ~hover~before.svg) no-repeat 95% 50% !important;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box.active a.accordeon span,
.flyout-orga-container .ktzh-overview .top-boxes .box.active a.accordeon span {
  visibility: hidden;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box.active h3,
.flyout-orga-container .ktzh-overview .top-boxes .box.active h3 {
  display: inline-block;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box.active .home,
.flyout-orga-container .ktzh-overview .top-boxes .box.active .home {
  display: inline-block;
}
.flyout-intranet-orga-container .ktzh-overview .top-boxes .box.active ul,
.flyout-orga-container .ktzh-overview .top-boxes .box.active ul {
  display: block;
}
.flyout-intranet-orga-container .ktzh-overview .ie-space,
.flyout-orga-container .ktzh-overview .ie-space {
  background-color: #002338;
  height: 12px;
}
.flyout-intranet-orga-container .ktzh-overview .flyout-inner,
.flyout-orga-container .ktzh-overview .flyout-inner {
  padding: 0;
}
.flyout-intranet-orga-container .ktzh-overview .flyout-inner h2,
.flyout-orga-container .ktzh-overview .flyout-inner h2 {
  color: #FFFFFF;
  font-size: 1.9em;
  letter-spacing: 0;
  margin: 0;
  padding: 10px 5%;
  width: auto;
  font-weight: normal;
}
.flyout-intranet-orga-container .ktzh-overview .flyout-inner .home,
.flyout-orga-container .ktzh-overview .flyout-inner .home {
  display: inline;
  font-size: 1.5em;
  padding: 0;
  margin-top: 15px;
  float: left;
}
.flyout-intranet-orga-container .ktzh-overview .flyout-inner .home a,
.flyout-orga-container .ktzh-overview .flyout-inner .home a {
  display: inline;
  color: #66add7;
  text-decoration: none !important;
}
.flyout-intranet-orga-container .ktzh-overview .flyout-inner .home a:hover,
.flyout-orga-container .ktzh-overview .flyout-inner .home a:hover {
  color: #e5f1f9;
}
.flyout-intranet-orga-container .ktzh-overview .flyout-inner .home a:active,
.flyout-orga-container .ktzh-overview .flyout-inner .home a:active {
  color: #c7d5de;
  background-color: #002a42 !important;
}
.ktzh-overview .board-boxes {
  background-image: none;
  background-color: #002a42;
  color: #b3c0c7;
  margin: 0;
  padding: 0;
  width: auto;
}
.ktzh-overview .board-boxes ul li {
  display: block;
  padding: 0;
  border-top: 1px solid #012136;
}
.ktzh-overview .board-boxes ul li:last-child {
  border-bottom: 1px solid #012136;
}
.ktzh-overview .board-boxes ul li a {
  display: table;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background-color: #002a42 !important;
  border: 0 none !important;
  color: #b3c0c7 !important;
  font-size: 1.65em;
  line-height: 1.6;
  padding: 18px 35px 18px 5%;
  margin: 0;
  background: url(../images/icons/plus-negativ~after.png) no-repeat 95% 50% !important;
  background: url(../images/icons/plus-negativ~after.svg) no-repeat 95% 50% !important;
  text-decoration: none !important;
}
.ktzh-overview .board-boxes ul li a span {
  font-size: 1em;
  display: table-cell;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.ktzh-overview .board-boxes ul li a:hover {
  color: #e5f1f9;
  text-decoration: none !important;
  background: url(../images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
}
.ktzh-overview .board-boxes ul li a:active {
  color: #e5f1f9;
  text-decoration: none !important;
  background: url(../images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
  background-color: #002a42 !important;
}
.ktzh-overview .board-boxes ul li.active {
  overflow: hidden;
}
.ktzh-overview .board-boxes ul li.active > a {
  background-color: #002A42 !important;
  color: #b3c0c7 !important;
  font-weight: normal !important;
  height: auto;
  background: url(../images/icons/schliessen-negativ~before.png) no-repeat 95% 50% !important;
  background: url(../images/icons/schliessen-negativ~before.svg) no-repeat 95% 50% !important;
}
.ktzh-overview .board-boxes ul li.active > a:hover {
  background: url(../images/icons/schliessen-negativ~hover~before.png) no-repeat 95% 50% !important;
  background: url(../images/icons/schliessen-negativ~hover~before.svg) no-repeat 95% 50% !important;
}
.ktzh-overview .board-boxes ul li.active span {
  visibility: hidden;
}
.ktzh-overview .board-boxes ul li.active p {
  display: block;
}
.ktzh-overview .board-boxes ul li.active p a,
.ktzh-overview .board-boxes ul li.active ul li a {
  color: #66add7 !important;
}
.ktzh-overview .board-boxes ul li.active p a:hover,
.ktzh-overview .board-boxes ul li.active ul li a:hover {
  color: #e5f1f9 !important;
}
.ktzh-overview .board-boxes ul li.active p a:active,
.ktzh-overview .board-boxes ul li.active ul li a:active {
  color: #ffffff !important;
}
.ktzh-overview .board-boxes li .sub-items,
.ktzh-overview .board-boxes li.active .sub-items {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5% 20px 5%;
}
.ktzh-overview .board-boxes li .sub-items h3,
.ktzh-overview .board-boxes li.active .sub-items h3 {
  display: inline-block;
  float: none;
  color: #ffffff;
  font-size: 1.615em;
  margin-right: 0;
  padding-right: 4%;
  vertical-align: top;
  font-weight: normal;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
.ktzh-overview .board-boxes li .sub-items a,
.ktzh-overview .board-boxes li.active .sub-items a {
  color: #66add7 !important;
  background-color: #002a42 !important;
  font-weight: normal;
}
.ktzh-overview .board-boxes li .sub-items a:hover,
.ktzh-overview .board-boxes li.active .sub-items a:hover {
  color: #e5f1f9 !important;
}
.ktzh-overview .board-boxes li .sub-items a:active,
.ktzh-overview .board-boxes li.active .sub-items a:active {
  color: #ffffff !important;
  background-color: #002a42 !important;
}
.ktzh-overview .board-boxes li .sub-items p,
.ktzh-overview .board-boxes li.active .sub-items p {
  display: inline-block;
  margin: 0;
  line-height: 1;
}
.ktzh-overview .board-boxes li .sub-items p a,
.ktzh-overview .board-boxes li.active .sub-items p a {
  display: inline;
  font-size: 0.938em;
  padding: 0;
  background-image: none !important;
  line-height: 1.5;
}
.ktzh-overview .board-boxes li .sub-items ul.first,
.ktzh-overview .board-boxes li.active .sub-items ul.first {
  margin-top: 10px;
}
.ktzh-overview .board-boxes li .sub-items li,
.ktzh-overview .board-boxes li.active .sub-items li {
  border-top: 1px solid #012136;
  border-bottom: 0;
}
.ktzh-overview .board-boxes li .sub-items li a,
.ktzh-overview .board-boxes li.active .sub-items li a {
  display: block;
  padding: 10px 0;
  background-image: none !important;
}
.ktzh-overview .board-boxes li .sub-items li.active a,
.ktzh-overview .board-boxes li.active .sub-items li.active a {
  color: #ffffff !important;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ktzh-icon:before,
  .ktzh-icon:after {
    vertical-align: middle;
  }
  .board-boxes .ktzh-icon:after {
    top: 6px;
  }
}
@media screen and (max-width: 1236px) {
  .mfp-zoom-out-cur .mfp-wrap .mfp-container.mfp-image-holder {
    position: fixed;
  }
}
@media screen and (min-width: 480px) {
  .gallery-overview a {
    display: inline-block;
    width: 32%;
    margin-right: 2% !important;
    vertical-align: top;
    float: left;
  }
  .gallery-overview figure {
    width: 100%;
    display: inline-block;
    margin-right: 0;
    overflow: hidden;
  }
  .gallery-overview figure span {
    width: 258px;
    max-width: 100%;
  }
  .gallery-overview figure img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
  .gallery-overview figure h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  .gallery-overview a:nth-child(3n+0) {
    margin-right: 0 !important;
  }
  .gallery-overview a:nth-child(3n+1) {
    clear: both;
  }
}
@media screen and (min-width: 320px) and (max-width: 479px) {
  .gallery-overview a {
    display: inline-block;
    width: 49%;
    float: left;
  }
  .gallery-overview a:nth-child(2n-1) {
    margin-right: 2% !important;
  }
  .gallery-overview a:nth-child(2n+1) {
    clear: both;
  }
  .gallery-overview figure {
    width: 100%;
    display: inline-block;
    margin-right: 0;
    overflow: hidden;
  }
  .gallery-overview figure span {
    width: 218px;
    height: 178px;
    vertical-align: bottom;
    text-align: center;
    background-color: #f8f8f8;
    display: table-cell;
  }
  .gallery-overview figure img {
    max-height: 178px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
  .gallery-overview figure h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
}
/* discrete steps for max-width of img (needed at least for ie and ff) */
@media screen and (max-width: 1280px) {
  .gallery-overview figure img {
    max-width: 258px !important;
  }
}
@media screen and (max-width: 1236px) {
  .gallery-overview figure img {
    max-width: 250px !important;
  }
}
@media screen and (max-width: 1160px) {
  .gallery-overview figure img {
    max-width: 234px !important;
  }
}
@media screen and (max-width: 1080px) {
  .gallery-overview figure img {
    max-width: 218px !important;
  }
}
@media screen and (max-width: 1000px) {
  .gallery-overview figure img {
    max-width: 202px !important;
  }
}
@media screen and (max-width: 1000px) {
  .gallery-overview figure img {
    max-width: 202px !important;
  }
}
@media screen and (max-width: 920px) {
  .gallery-overview figure img {
    max-width: 184px !important;
  }
}
@media screen and (max-width: 840px) {
  .gallery-overview figure img {
    max-width: 168px !important;
  }
}
@media screen and (max-width: 767px) {
  .gallery-overview figure img {
    max-width: 230px !important;
  }
}
@media screen and (max-width: 720px) {
  .gallery-overview figure img {
    max-width: 216px !important;
  }
}
@media screen and (max-width: 640px) {
  .gallery-overview figure img {
    max-width: 192px !important;
  }
}
@media screen and (max-width: 560px) {
  .gallery-overview figure img {
    max-width: 166px !important;
  }
}
@media screen and (max-width: 479px) {
  .gallery-overview figure img {
    max-width: 218px !important;
  }
}
@media screen and (max-width: 400px) {
  .gallery-overview figure img {
    max-width: 180px !important;
  }
}
@media screen and (max-width: 320px) {
  .gallery-overview figure img {
    max-width: 152px !important;
  }
}
/* Ressources for mobile moved to magnific-popup.less in order to show the mobile lightbox for classiv view below 1236 px */
/* Normale Suchseite mit Treffer-Darstellung */
@media (min-width: 1236px) {
  #search-page div.search-results-images h4 {
    margin-bottom: 0.5em !important;
  }
}
#search-page #main-area {
  padding-top: 24px;
}
/* Suchformular */
#search-page form.search-box {
  width: auto;
  padding: 0;
  background: none;
  border: none;
  /* label of search field not hidden, so reachable for screen reader */
}
#search-page form.search-box div.row:not(.indent) label {
  text-align: left;
  position: absolute;
  top: -1000px;
  left: -1000px;
}
#search-page form.search-box div.row.indent {
  padding-left: 0 !important;
}
#search-page form.search-box input#form-search-keywords {
  width: 320px !important;
  max-width: 100% !important;
}
#search-page form.search-box input.big-submit {
  color: #fff;
  background-color: #1e5f9f;
  border: none;
  margin-left: 0 !important;
  width: 320px;
  max-width: 100% !important;
  background-image: none;
  float: left !important;
}
/* End of Suchformular*/
/* Such-Treffer */
#search-page div.ticker p.date {
  font-size: 1.2em;
  position: relative;
  color: #333333;
}
#search-page div.ticker h4,
#search-page div.ticker p {
  font-size: 1.5em;
}
#search-page div.ticker h4 {
  margin: 8px 0;
}
#search-page div.ticker h4 a {
  padding: 8px 0;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#search-page div.ticker table {
  width: 100%;
}
#search-page div.search-results-images {
  margin-bottom: 0;
  float: left;
  width: 100%;
  clear: both;
}
#search-page div.search-results-images > a {
  display: inline-block;
  width: 23.5%;
  margin-right: 2% !important;
  vertical-align: top;
  float: left;
  clear: none;
}
#search-page div.search-results-images > a:nth-child(4),
#search-page div.search-results-images > a:nth-child(8),
#search-page div.search-results-images > a:nth-child(12) {
  margin-right: 0% !important;
}
#search-page div.search-results-images > a:nth-child(5),
#search-page div.search-results-images > a:nth-child(9) {
  clear: both;
}
#search-page div.search-results-images figure {
  width: 100%;
  margin-right: 0;
}
#search-page div.search-results-images figure span {
  width: 284px;
  max-width: 100%;
}
#search-page div.search-results-images figure img {
  float: none;
}
#search-page div.search-results-images figure figcaption {
  margin-bottom: 1.333em;
}
#search-page div.search-results-images h4 {
  font-size: 1.5em;
  font-weight: normal;
  color: #333333;
  margin-bottom: 1.333em;
  width: 178px;
}
#pages_linkbar,
#bilder_linkbar,
#search-page #pages_linkbar,
#search-page #bilder_linkbar,
#search-page .linkbar.less {
  width: 100%;
  max-width: 100%;
  padding: 12px 0 !important;
  margin-top: 6px;
  padding-top: 7px;
  border-top: 1px solid #d0d0d0;
  border-bottom: none;
  clear: both;
}
#search-page .linkbar.less {
  border-top: none;
}
#search-page .content-tabs div.ticker,
#search-page .ticker.search-results-publications {
  border-bottom: none;
}
/* Mehr-zum-Thema-Box */
#content-column div.komp-box-more-themes p {
  font-size: 1.5em;
}
/* Suchformular für Suche/Archiv Medienmitteilungen */
#search-page form.search-box.search-box-archive {
  max-width: 320px !important;
  margin-bottom: 20px;
}
#search-page form.search-box.search-box-archive div.row:not(.indent) label {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  float: none;
}
#search-page form.search-box.search-box-archive input,
#search-page form.search-box.search-box-archive select {
  display: inline-block;
  max-width: 100% !important;
  width: 320px;
}
@media (max-width: 991px) {
  /* Suchformular */
  #search-page form.search-box {
    width: auto;
    padding: 0;
    background: none;
    border: none;
    /* label of search field not hidden, so reachable for screen reader */
  }
  #search-page form.search-box div.row:not(.indent) label {
    text-align: left;
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
  #search-page form.search-box div.row.indent {
    padding-left: 0 !important;
  }
  #search-page form.search-box input#form-search-keywords {
    width: 320px !important;
    max-width: 100% !important;
  }
  #search-page form.search-box input.big-submit {
    color: #fff;
    background-color: #1e5f9f;
    border: none;
    margin-left: 0 !important;
    width: 320px;
    max-width: 100% !important;
    background-image: none;
    float: left !important;
  }
  /* End of Suchformular*/
  /* Suchformular für Suche/Archiv Medienmitteilungen */
  #search-page form.search-box.search-box-archive {
    max-width: 320px !important;
  }
  #search-page form.search-box.search-box-archive div.row:not(.indent) label {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    float: none;
  }
  #search-page form.search-box.search-box-archive input,
  #search-page form.search-box.search-box-archive select {
    display: inline-block;
    max-width: 100% !important;
    width: 320px;
  }
  /* Such-Treffer */
  #search-page div.ticker h4,
  #search-page div.ticker p,
  #search-page div.ticker p.date {
    max-width: 640px;
    padding-right: 0;
  }
  #search-page div.ticker table {
    min-width: 0 !important;
  }
  #search-page div.ticker.search-results-forms tr th:last-child {
    display: none;
  }
  #search-page div.ticker.search-results-forms tr td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100% !important;
    float: left;
  }
  #search-page div.ticker.search-results-forms tr td a {
    padding-bottom: 5px;
  }
  #search-page div.ticker.search-results-forms tr td:first-child {
    border-top: 1px dotted #d0d0d0;
    padding-top: 12px;
    padding-bottom: 0;
  }
  #search-page div.ticker.search-results-forms tr td:last-child {
    border-top: none;
    padding-top: 0;
    padding-bottom: 12px;
  }
  #search-page div.ticker.search-results-forms tr:first-child td:first-child {
    border-top: none;
  }
  #search-page div.search-results-publications tr th:first-child,
  #search-page div.search-results-publications tr th:last-child,
  #search-page div.search-results-publications tr th:nth-child(2),
  #search-page div.search-results-publications tr td:nth-child(2),
  #search-page div.search-results-publications tr th:nth-child(3),
  #search-page div.search-results-publications tr td:nth-child(3) {
    display: none;
  }
  #search-page div.search-results-publications tr th:nth-child(4) {
    border: none;
    display: block;
    height: 1.5em;
  }
  #search-page div.search-results-publications tr th:nth-child(4) a {
    min-width: 100px;
    font-weight: bold;
    position: absolute;
    padding-bottom: 13px;
    background-position: 0 0;
  }
  #search-page div.search-results-publications tr:first-child td:nth-child(-n+4) {
    border-top: 1px solid #d0d0d0;
  }
  #search-page div.search-results-publications tr td:first-child {
    width: 78px;
  }
  #search-page div.search-results-publications tr td:last-child {
    border: none;
  }
  #search-page div.search-results-publications tr td:nth-child(4),
  #search-page div.search-results-publications tr td:nth-child(5) {
    width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
  }
  #search-page div.search-results-publications tr td:nth-child(4) {
    padding-bottom: 0;
  }
  #search-page div.search-results-publications tr td:nth-child(5) {
    padding-top: 0;
  }
  #search-page div.search-results-publications img {
    width: 100%;
    max-width: 78px;
    margin: 0;
  }
  #search-page div.search-results-people th {
    display: none;
  }
  #search-page div.search-results-people td {
    display: block;
    width: 100% !important;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 12px;
    float: left;
  }
  #search-page div.search-results-people tr td:first-child {
    padding-top: 20px;
  }
  #search-page div.search-results-people tr td:last-child {
    border-bottom: 1px dotted #d0d0d0;
    padding-bottom: 20px;
  }
  #search-page div.search-results-people tr:last-child td {
    border-bottom: 0;
  }
  #search-page div.search-results-people tr td:first-child a {
    font-weight: bold;
    color: #000000;
  }
  #search-page div.search-results-people a.phone-number {
    display: block;
    width: 100%;
    max-width: 320px;
    text-align: right;
    padding: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    color: #1d5f9f;
    background-color: #f3f3f3;
    border-radius: 3px;
    font-family: "Arial Bold", Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
  #search-page div.search-results-images > a {
    clear: none;
    width: 32%;
  }
  #search-page div.search-results-images > a:nth-child(3),
  #search-page div.search-results-images > a:nth-child(6),
  #search-page div.search-results-images > a:nth-child(9),
  #search-page div.search-results-images > a:nth-child(12) {
    margin-right: 0% !important;
  }
  #search-page div.search-results-images > a:nth-child(1),
  #search-page div.search-results-images > a:nth-child(2),
  #search-page div.search-results-images > a:nth-child(4),
  #search-page div.search-results-images > a:nth-child(5),
  #search-page div.search-results-images > a:nth-child(7),
  #search-page div.search-results-images > a:nth-child(8),
  #search-page div.search-results-images > a:nth-child(10),
  #search-page div.search-results-images > a:nth-child(11) {
    margin-right: 2% !important;
  }
  #search-page div.search-results-images > a:nth-child(4),
  #search-page div.search-results-images > a:nth-child(7),
  #search-page div.search-results-images > a:nth-child(10) {
    clear: both;
  }
  #search-page div.search-results-images > a:nth-child(1),
  #search-page div.search-results-images > a:nth-child(2),
  #search-page div.search-results-images > a:nth-child(3),
  #search-page div.search-results-images > a:nth-child(5),
  #search-page div.search-results-images > a:nth-child(6),
  #search-page div.search-results-images > a:nth-child(8),
  #search-page div.search-results-images > a:nth-child(9),
  #search-page div.search-results-images > a:nth-child(11),
  #search-page div.search-results-images > a:nth-child(12) {
    clear: none;
  }
  #search-page div.search-results-images a figure {
    width: 100%;
  }
  #search-page div.search-results-images a figure span {
    max-width: 100%;
  }
  #search-page div.search-results-images img {
    width: auto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #search-page div.search-results-images h4 {
    width: auto;
  }
  /* Mehr-zum-Thema-Box */
  #search-page #content-column div.komp-box-more-themes {
    display: none;
  }
  /* Suchresultate für News/Archiv Medienmitteilungen */
  #search-page table.search-results-news-archive {
    min-width: 0 !important;
    width: 100%;
  }
  #search-page table.search-results-news-archive thead {
    display: none;
  }
  #search-page table.search-results-news-archive tr td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100% !important;
    float: left;
  }
  #search-page table.search-results-news-archive tr td a {
    padding-bottom: 5px;
  }
  #search-page table.search-results-news-archive tr td:first-child {
    border-top: 1px dotted #d0d0d0;
    padding-top: 12px;
    padding-bottom: 0;
  }
  #search-page table.search-results-news-archive tr td:last-child {
    border-top: none;
    padding-top: 0;
    padding-bottom: 12px;
  }
  #search-page table.search-results-news-archive tr:first-child td:first-child {
    border-top: 1px solid #d0d0d0;
  }
}
@media (max-width: 479px) {
  #search-page div.search-results-images a:nth-child(n) {
    width: 49%;
    clear: none !important;
    margin-right: 2% !important;
  }
  #search-page div.search-results-images a:nth-child(even) {
    margin-right: 0% !important;
  }
}
/* discrete steps for max-width of img (needed at least for ie and ff) */
@media screen and (max-width: 1280px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 284px !important;
  }
}
@media screen and (max-width: 1236px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 276px !important;
  }
}
@media screen and (max-width: 1160px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 258px !important;
  }
}
@media screen and (max-width: 1080px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 240px !important;
  }
}
@media screen and (max-width: 1000px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 202px !important;
  }
}
@media screen and (max-width: 1000px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 222px !important;
  }
}
@media screen and (max-width: 920px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 274px !important;
  }
}
@media screen and (max-width: 840px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 252px !important;
  }
}
@media screen and (max-width: 767px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 234px !important;
  }
}
@media screen and (max-width: 720px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 216px !important;
  }
}
@media screen and (max-width: 640px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 192px !important;
  }
}
@media screen and (max-width: 560px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 166px !important;
  }
}
@media screen and (max-width: 479px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 218px !important;
  }
}
@media screen and (max-width: 400px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 180px !important;
  }
}
@media screen and (max-width: 320px) {
  div.search-results-images.gallery-overview figure img {
    max-width: 152px !important;
  }
}
/* Reduktion der Suchtreffer auf mobiler Ansicht (< 910px) */
@media screen and (max-width: 991px) {
  body#search-page.search-mobile #container_pages_1 > div:nth-child(n+6),
  body#search-page.search-mobile #container_medien_1 > div:nth-child(n+6) {
    display: none;
  }
  body#search-page.search-mobile #container_formulare_1 > tr:nth-child(n+6),
  body#search-page.search-mobile #container_veroeffentlichungen_1 > tr:nth-child(n+6),
  body#search-page.search-mobile #container_personen_1 > tr:nth-child(n+6) {
    display: none;
  }
  body#search-page #container_personen_1 #personen_5 td {
    border: none !important;
  }
  body#search-page .ticker.search-results-forms tbody + tbody tr:first-child td:first-child {
    border-top: 1px dotted #d0d0d0;
  }
  body#search-page .ticker.search-results-forms tbody + tbody tr:first-child td:nth-child(2) {
    border-top: none;
  }
  body#search-page .ticker.search-results-publications tbody + tbody tr:first-child td:nth-child(1),
  body#search-page .ticker.search-results-publications tbody + tbody tr:first-child td:nth-child(4) {
    border-top: 1px dotted #d0d0d0;
  }
  body#search-page .ticker.search-results-publications tbody + tbody tr:first-child td:nth-child(2),
  body#search-page .ticker.search-results-publications tbody + tbody tr:first-child td:nth-child(3),
  body#search-page .ticker.search-results-publications tbody + tbody tr:first-child td:nth-child(5) {
    border-top: none;
  }
  body#search-page .ticker.search-results-people tbody + tbody tr:first-child td {
    border-top: none;
  }
  body#search-page .ticker.search-results-people tbody + tbody tr:first-child td:first-child {
    border-top: 1px dotted #d0d0d0;
  }
}
/* Vernehmlassungen Tabelle */
table.table-ticker {
  width: 100%;
  min-width: 0 !important;
}
table.table-ticker th,
table.table-ticker td {
  font-size: 1.5em;
}
table.table-ticker a.more {
  float: none !important;
}
@media (max-width: 992px) {
  table.table-ticker {
    border-bottom: 1px dotted #c3c3c3;
    margin: 0;
  }
  .vernehmlassungen table.table-ticker tr {
    border-bottom: 1px dotted #c3c3c3;
    display: block;
    padding: 6px 1%;
    width: 98%;
    float: left;
  }
  .vernehmlassungen table.table-ticker tr:last-child {
    border-bottom: none;
  }
  .vernehmlassungen table.table-ticker thead {
    display: none;
  }
  .vernehmlassungen table.table-ticker td {
    display: block;
    width: 100% !important;
    padding-right: 0;
    border: none;
    float: left;
  }
  .vernehmlassungen div.ticker p.show-all,
  .vernehmlassungen div.ticker p.show-all {
    border-top: none;
    padding-bottom: 10px !important;
  }
  .vernehmlassungen table.table-ticker tr td:first-child,
  .vernehmlassungen table.table-ticker tr td:first-child {
    font-size: 1.2em;
    color: #666666;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .vernehmlassungen {
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  .vernehmlassungen {
    border-bottom: none;
  }
}
.themen-az-nav {
  margin: 0 0 20px 0;
}
.themen-az-nav:before,
.themen-az-nav:after {
  content: " ";
  display: table;
}
.themen-az-nav:after {
  clear: both;
}
.themen-az-nav:before,
.themen-az-nav:after {
  content: " ";
  display: table;
}
.themen-az-nav:after {
  clear: both;
}
.themen-az-nav ul li {
  border-radius: 3px;
  display: block;
  float: left;
  margin: 0 3px 3px 0;
}
.themen-az-nav ul li a {
  background-color: #01273a;
  color: #A5AAAD;
  display: block;
  font-size: 1.5em;
  padding: 9px;
}
.themen-az-nav ul li.active a,
.themen-az-nav ul li.active span {
  background-color: #012533;
  color: #FFFFFF;
  text-decoration: none;
}
.flyout-inner {
  background-color: #002a42;
  padding: 0 5% 40px 5%;
}
.flyout-inner:before,
.flyout-inner:after {
  content: " ";
  display: table;
}
.flyout-inner:after {
  clear: both;
}
.flyout-inner:before,
.flyout-inner:after {
  content: " ";
  display: table;
}
.flyout-inner:after {
  clear: both;
}
.flyout-inner h3 {
  color: #ffffff;
  padding: 10px 0;
  margin: 0;
  font-weight: normal;
}
.flyout-inner .flyout-content-right {
  margin: 0 -5%;
}
.flyout-inner .swipe-hand {
  height: 40px;
  width: 100%;
  background: url(../images/icons/icon-tabellen-swipe-negativ~before.png) no-repeat 50% 50%;
  background: url(../images/icons/icon-tabellen-swipe-negativ~before.svg) no-repeat 50% 50%;
}
.flyout-inner .scrolltable {
  background-color: #002a42;
  margin: 0;
}
.flyout-inner .scrolltable table {
  border-color: #345567;
  width: 586px !important;
}
.flyout-inner .scrolltable th,
.flyout-inner .scrolltable td {
  border-color: #345567;
  color: #FFFFFF;
  font-size: 1.5em;
  width: auto !important;
}
.flyout-inner .scrolltable th a,
.flyout-inner .scrolltable td a {
  color: #66add7;
}
.flyout-inner .scrolltable th a:hover,
.flyout-inner .scrolltable td a:hover {
  color: #e5f1f9;
  text-decoration: none !important;
}
.flyout-inner .scrolltable th a:active,
.flyout-inner .scrolltable td a:active {
  color: #c7d5de;
  background-color: #002a42 !important;
}
.flyout-inner .scrolltable th li a,
.flyout-inner .scrolltable td li a {
  font-size: 1.4em;
}
.flyout-nav-az {
  margin-bottom: 10px !important;
}
.flyout-nav-az:before,
.flyout-nav-az:after {
  content: " ";
  display: table;
}
.flyout-nav-az:after {
  clear: both;
}
.flyout-nav-az:before,
.flyout-nav-az:after {
  content: " ";
  display: table;
}
.flyout-nav-az:after {
  clear: both;
}
.flyout-nav-az .flyout-nav-side {
  background-image: none;
  margin: 0 !important;
  min-height: 100%;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.flyout-nav-az .flyout-nav-side li {
  display: block;
  float: left;
  margin: 0 1px 1px 0;
}
.flyout-nav-az .flyout-nav-side li.inact {
  background-image: none;
  background-color: #07334c !important;
  text-align: center;
  border-radius: 3px;
}
.flyout-nav-az .flyout-nav-side li.inact span {
  background-color: #07334c !important;
  background-image: none !important;
  font-size: 15px;
  padding: 0;
}
.flyout-nav-az .flyout-nav-side li.active a {
  background-image: none !important;
  text-decoration: none;
  background-color: #012533 !important;
}
.flyout-nav-az .flyout-nav-side li.active a span {
  background-image: none !important;
  background-color: #012533 !important;
  color: #FFFFFF;
  font-weight: normal;
}
.flyout-nav-az .flyout-nav-side li.active a:focus {
  background-image: none !important;
}
.flyout-nav-az .flyout-nav-side li.active a:focus span {
  background-image: none !important;
  color: #FFFFFF !important;
  font-weight: normal;
}
.flyout-nav-az .flyout-nav-side li a,
.flyout-nav-az .flyout-nav-side li span {
  background-image: none;
  background-color: #103e58 !important;
  border-radius: 3px;
  color: #96aab5;
  display: block;
  height: 40px;
  font-size: 1.24em;
  line-height: 40px;
  text-align: center;
  padding: 0;
  width: 40px;
}
.flyout-nav-az .flyout-nav-side li a:focus,
.flyout-nav-az .flyout-nav-side li span:focus {
  background-image: none !important;
}
.flyout-nav-az .flyout-nav-side li a:focus span,
.flyout-nav-az .flyout-nav-side li span:focus span {
  background-image: none !important;
  color: #FFFFFF !important;
  font-weight: normal;
}
.flyout-nav-az .flyout-nav-side li a:hover {
  background-color: #012a3c !important;
  color: #FFFFFF !important;
}
.flyout-nav-az .flyout-nav-side li a:hover span {
  background-color: #012a3c !important;
  color: #FFFFFF !important;
}
/* mobile general */
body {
  -webkit-text-size-adjust: 100%;
}
/** form **/
#content-column form .indent {
  padding-left: 0;
  font-size: 15px;
  line-height: 18px;
}
#content-column form .indent.info {
  font-size: 12px;
  line-height: 14px;
  color: #666;
}
#content-column form .indent.after-send {
  font-size: 15px;
  line-height: 18px;
  color: black;
}
#content-column form .indent.no-font-change {
  font-size: inherit;
}
form label {
  font-size: 15px;
  line-height: 18px;
  display: block;
  width: 100%;
  padding-bottom: 0.25em;
  margin-bottom: 0;
}
form select {
  background-color: #dedede;
  border: 0;
  padding: 0.5em;
  margin-bottom: 8px;
}
form input[type="file"],
form input.text,
form select,
form textarea {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 0.5em;
  width: 100%;
  height: auto;
  border-radius: 0 !important;
}
form input,
form select,
form textarea,
form label {
  margin-left: 0;
}
form textarea {
  float: left;
  clear: both;
  margin-bottom: 4px;
}
form select.select-numbers {
  min-width: 4em;
  width: auto;
  margin: 0 0 12px;
}
form select.subject {
  width: 100%;
}
form input[type="date"] {
  width: auto;
  margin: 6px 0 10px;
}
form input[type="radio"]:first-child {
  margin-left: 0;
}
form label.radio,
form label.checkbox {
  display: inline-block;
  padding-top: 0;
  width: auto;
  max-width: 90%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 13px;
  font-size: 15px;
  line-height: 18px;
}
form fieldset fieldset legend {
  font-size: 15px;
  margin-left: 0;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 18px;
}
form fieldset legend.legend-small,
form fieldset.fieldset-small legend.legend-small {
  margin-left: 0;
}
form fieldset fieldset legend.legend-top-small {
  margin-left: 0;
  width: auto;
  text-align: left;
}
form fieldset label.radio,
form fieldset label.checkbox {
  float: none;
  padding: 0;
  padding-right: 20px;
  padding-bottom: 13px;
}
form p.info {
  margin-top: -4px !important;
  font-size: 1.2em !important;
  width: auto;
}
form fieldset legend.legend-top-small {
  font-size: 1.5em;
  line-height: 1.5em;
  padding-bottom: 0;
  margin-left: 0;
}
form fieldset:last-child {
  margin-bottom: 0;
}
form fieldset {
  line-height: 1.5em;
}
form fieldset.fieldset-small {
  margin: 0px 0;
}
form fieldset legend {
  font-size: 19px;
  line-height: 22px;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
form fieldset legend.legend-small {
  font-size: 15px;
  line-height: 18px;
  font-family: Arial, Helvetica, sans-serif;
}
form fieldset legend.legend-small span {
  display: table-cell;
  width: auto;
  text-align: left;
  left: 0;
}
form .two-dates {
  display: block;
  padding-left: 0;
  margin-top: 0;
}
form .two-dates label {
  display: inline-block;
  float: none;
  width: auto;
}
form .two-dates input.text {
  display: inline-block;
  float: none;
  width: 6.6em;
  font-size: 1.5em !important;
}
#content-column form input[type="checkbox"].with-block-label + label,
#content-column form input[type="radio"].with-block-label + label,
#context-column form input[type="checkbox"].with-block-label + label,
#context-column form input[type="radio"].with-block-label + label {
  display: inline-block;
  margin-top: 0px;
  padding: 0px 0 10px 0;
  padding-left: 0 !important;
  width: auto;
}
form .row input[type="checkbox"] {
  margin-top: 3px;
}
form input {
  font-size: 1.8em;
}
form input.text.form-plz {
  width: 4em;
}
/*	Ausnahme: Anrede (Herr/Frau) */
form .row.indent input[type="reset"] {
  margin-right: 20px !important;
  margin-top: 14px;
  margin-bottom: 24px;
}
form .row.indent p {
  font-size: 1em !important;
}
form input[type="submit"].big-submit,
form input[type="button"].big-submit,
form input[type="submit"].big-submit.taxcalc-adjust {
  font-size: 1.8em;
  padding: 0.5em 1em;
  margin: 14px 0 24px;
  float: none;
  -webkit-appearance: none;
}
form div.line {
  margin: 20px 0;
}
form input[type="button"],
form input[type="submit"].big-submit.taxcalc-adjust,
form input[type="submit"],
form input[type="reset"],
form input[type="file"]::-webkit-file-upload-button,
form button {
  padding: 0.5em 1em;
  height: auto;
  float: left;
  clear: both;
  margin-bottom: 24px;
  -webkit-appearance: none;
}
form input[type="file"] {
  height: auto;
  width: 100%;
  padding: 0;
  -webkit-appearance: none;
}
/* special cases of forms */
form legend.collapsible {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  padding: 14px 35px 14px 0 !important;
  background: #ffffff url(images/icon-accordeon-close.png) 100% 50% no-repeat !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5em;
}
form legend.collapsible.collapsed {
  padding-left: 2% !important;
  background: #f3f3f3 url(images/icon-accordeon-open.png) no-repeat 100% 50% !important;
  font-weight: normal;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #dfdfdf;
}
form div.collapsible {
  display: block;
}
form div.collapsible.collapsed {
  display: none;
}
/* specific form inputs */
form input.text,
#context-column div.box form input.text,
#context-column div.box form textarea {
  width: 100%;
  max-width: 100%;
  margin-bottom: 8px;
  font-size: 1.5em;
}
form input.text#form_frmpf_text_Postleitzahl,
form input.text#form_frmpf_text_Anzahl {
  width: 100%;
  max-width: 80px !important;
}
/* form messages */
#content-column div.error-required-box {
  border-width: 1px;
  padding: 5px 5px 5px 66px;
}
#content-column div.error-required-box p,
#content-column div.error-required-box li {
  font-size: 15px;
  line-height: 18px;
  color: #9f1d1d;
}
#content-column div.error-required-box ul {
  margin-left: 0;
}
#content-column form div.error-required {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0.5em;
}
#content-column form div.error-required label:not(.radio) {
  padding-bottom: 0;
}
/* form buttons */
/* TODO: arrow left / right bg-icons */
/* secondary */
form input[type="button"].small-submit,
form input[type="submit"].small-submit,
form input[type="reset"].small-submit,
button.small-submit,
a.small-submit,
.taxcalc-adjust.big-submit {
  padding: 10px;
  color: white;
  background: #727272;
  border: 0;
  cursor: pointer;
  border-radius: 1px;
  font-size: 15px;
  line-height: 18px;
  margin: 14px 0 24px 0;
  float: left;
  display: inline-block;
  clear: none !important;
  -webkit-appearance: none;
}
form input[type="button"].small-submit:hover,
form input[type="submit"].small-submit:hover,
form input[type="reset"].small-submit:hover,
button.small-submit:hover,
a.small-submit:hover,
.taxcalc-adjust.big-submit:hover {
  background-color: #000;
}
form input[type="button"].small-submit:focus,
form input[type="submit"].small-submit:focus,
form input[type="reset"].small-submit:focus,
button.small-submit:focus,
a.small-submit:focus,
.taxcalc-adjust.big-submit:focus {
  background-color: #003366;
}
.taxcalc-adjust.big-submit {
  float: none;
}
/* primary */
form input[type="button"].big-submit,
form input[type="button"].big-submit.taxcalc-adjust,
form input[type="submit"].big-submit,
form input[type="reset"].big-submit,
form input.big-submit {
  color: white;
  background: #005e97;
  font-size: 18px;
  line-height: 22px;
  float: right !important;
  display: inline-block;
  clear: none !important;
  border-radius: 1px;
  border: 0;
  padding: 15px;
  -webkit-appearance: none;
}
form input[type="button"].big-submit:hover,
form input[type="button"].big-submit.taxcalc-adjust:hover,
form input[type="submit"].big-submit:hover,
form input[type="reset"].big-submit:hover,
form input.big-submit:hover {
  background-color: #000;
}
form input[type="button"].big-submit:focus,
form input[type="button"].big-submit.taxcalc-adjust:focus,
form input[type="submit"].big-submit:focus,
form input[type="reset"].big-submit:focus,
form input.big-submit:focus {
  background-color: #003366;
}
/** end of: form **/
/* process */
div.stepper {
  border: none;
  margin: 2% -2% 0 0;
  background-color: transparent;
}
div.stepper ul {
  margin-left: 12px;
  height: auto;
  position: relative;
  background-color: transparent;
}
div.stepper ul li {
  margin: 0 0 0.5em 0 !important;
  font-size: 12px;
  line-height: 19px;
  color: #666;
}
div.stepper ul li:not(.active) span:nth-child(2n+0) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
div.stepper ul li span:first-child {
  padding-left: 5px;
  text-align: center;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
div.stepper ul li:not(:last-child):after {
  content: '';
  border-color: transparent #f0f0f0;
  border-style: solid;
  border-width: 10px 0px 10px 10px;
  height: 0px;
  width: 0px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  top: -0.1em;
  right: -15px;
  background-color: transparent;
}
div.stepper ul li:not(:last-child).active:after {
  content: '';
  border-color: transparent #e1e1e1;
  border-style: solid;
  border-width: 10px 0px 10px 10px;
  height: 0px;
  width: 0px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  top: -0.1em;
  right: -15px;
  background-color: transparent;
}
#content-column div.stepper ul li {
  background-image: none;
  padding: 7px 5px !important;
  background-color: #f0f0f0;
  display: block;
  clear: none;
  min-width: 1.7em;
  height: 1.5em;
  border: 0;
  text-align: center !important;
  margin-right: 15px !important;
}
#content-column div.stepper ul li.active {
  background-color: #e1e1e1;
}
/* end of: process */
@media screen and (min-width: 768px) {
  form label {
    text-align: left;
  }
  form fieldset .row.indent,
  form .row.indent,
  form fieldset fieldset p.indent.info {
    padding-left: 0 !important;
    width: auto;
  }
}
@media screen and (max-width: 991px) {
  form input[type="submit"].single-button,
  form input[type="reset"].single-button,
  form input[type="button"].single-button {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
form input[type="submit"].single-button,
form input[type="reset"].single-button,
form input[type="button"].single-button {
  float: left !important;
}
.flyout-intranet-personal-container .ktzh-overview {
  background-color: #002A42;
  padding-bottom: 40px;
}
.flyout-intranet-personal-container .ktzh-overview * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flyout-intranet-personal-container .ktzh-overview a {
  color: #b3c0c7;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes {
  padding: 0;
  margin-top: 0;
  background-image: none;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box {
  background-color: #002A42;
  border: 0 none;
  margin: 0;
  width: 100%;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box.js-parent-nav-item {
  display: block;
  width: 100%;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box img {
  display: none;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box ul {
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5%;
  margin: 10px 0 0 0 !important;
  width: 100%;
  margin-top: 3px;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box li a {
  color: #66add7;
  text-decoration: none !important;
  border-top: 1px solid #012136;
  display: block;
  font-size: 15px;
  padding: 10px 0;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box li a:hover {
  color: #e5f1f9;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box li a:active {
  color: #c7d5de;
  background-color: #002a42 !important;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box a.accordeon {
  border-top: 1px solid #012136;
  display: table;
  width: 100%;
  cursor: pointer;
  text-decoration: none !important;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box a.accordeon span {
  display: table-cell;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #b3c0c7;
  font-size: 1.5em;
  margin: 0;
  padding: 18px 35px 18px 5%;
  vertical-align: middle;
  background: url(../images/icons/plus-negativ~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~after.svg) no-repeat 95% 50%;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box a.accordeon span:hover {
  color: #e5f1f9;
  text-decoration: none !important;
  background: url(../images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box a.accordeon span:active {
  color: #e5f1f9;
  text-decoration: none !important;
  background: url(../images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
  background-color: #002a42 !important;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box h3 {
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  max-width: 100%;
  height: auto;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1.5em;
  word-wrap: normal;
  margin: 0;
  padding: 0 5%;
  vertical-align: top;
  line-height: 1.6;
  padding-bottom: 3px;
  font-weight: normal;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box .home {
  display: none;
  font-size: 1.5em;
  padding: 0 0 0 5%;
  margin: 3px 0 0 0;
  overflow: hidden;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box .home a {
  color: #66add7;
  text-decoration: none !important;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box .home a:hover {
  color: #e5f1f9;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box .home a:active {
  color: #c7d5de;
  background-color: #002a42 !important;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box.active {
  padding-bottom: 20px;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box.active a.accordeon {
  background: url(../images/icons/schliessen-negativ~before.png) no-repeat 95% 50% !important;
  background: url(../images/icons/schliessen-negativ~before.svg) no-repeat 95% 50% !important;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box.active a.accordeon:hover {
  background: url(../images/icons/schliessen-negativ~hover~before.png) no-repeat 95% 50% !important;
  background: url(../images/icons/schliessen-negativ~hover~before.svg) no-repeat 95% 50% !important;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box.active a.accordeon span {
  visibility: hidden;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box.active h3 {
  display: inline-block;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box.active .home {
  display: inline-block;
}
.flyout-intranet-personal-container .ktzh-overview .top-boxes .box.active ul {
  display: block;
}
.flyout-intranet-personal-container .ktzh-overview .ie-space {
  background-color: #002338;
  height: 12px;
}
.flyout-intranet-personal-container .ktzh-overview .flyout-inner {
  padding: 0;
}
.flyout-intranet-personal-container .ktzh-overview .flyout-inner h2 {
  display: none;
  color: #FFFFFF;
  font-size: 1.9em;
  letter-spacing: 0;
  margin: 0;
  padding: 10px 5%;
  width: 100%;
}
.flyout-intranet-personal-container .ktzh-overview .flyout-inner .home {
  display: none;
}
.flyout-intranet-personal-container .ktzh-overview #board-content {
  display: none;
}
.flyout-intranet-services-container .ktzh-overview {
  background-color: #002a42;
  padding-bottom: 40px;
}
.flyout-intranet-services-container .ktzh-overview * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flyout-intranet-services-container .ktzh-overview a {
  color: #b3c0c7;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes {
  padding: 0;
  margin-top: 0;
  background-image: none;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box {
  background-color: #002a42;
  border: 0 none;
  margin: 0;
  width: 100%;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box.js-parent-nav-item {
  display: block;
  width: 100%;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box img {
  display: none;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box ul {
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5%;
  margin: 10px 0 0 0 !important;
  width: 100%;
  margin-top: 3px;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box li a {
  color: #66add7;
  text-decoration: none !important;
  border-top: 1px solid #012136;
  display: block;
  font-size: 15px;
  padding: 10px 0;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box li a:hover {
  color: #e5f1f9;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box li a:active {
  color: #c7d5de;
  background-color: #002a42 !important;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box a.accordeon {
  border-bottom: 1px solid #012136;
  display: table;
  width: 100%;
  cursor: pointer;
  text-decoration: none !important;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box a.accordeon span {
  display: table-cell;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #b3c0c7;
  font-size: 1.5em;
  margin: 0;
  padding: 18px 35px 18px 5%;
  vertical-align: middle;
  background: url(../images/icons/plus-negativ~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~after.svg) no-repeat 95% 50%;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box a.accordeon span:hover {
  color: #e5f1f9;
  text-decoration: none !important;
  background: url(../images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box a.accordeon span:active {
  color: #e5f1f9;
  text-decoration: none !important;
  background: url(../images/icons/plus-negativ~hover~after.png) no-repeat 95% 50%;
  background: url(../images/icons/plus-negativ~hover~after.svg) no-repeat 95% 50%;
  background-color: #002a42 !important;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box h3 {
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  max-width: 100%;
  height: auto;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1.5em;
  word-wrap: normal;
  margin: 0;
  padding: 0 5%;
  vertical-align: top;
  line-height: 1.6;
  padding-bottom: 3px;
  font-weight: normal;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box .home {
  display: none;
  font-size: 1.5em;
  padding: 0 0 0 5%;
  margin: 3px 0 0 0;
  overflow: hidden;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box .home a {
  color: #66add7;
  text-decoration: none !important;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box .home a:hover {
  color: #e5f1f9;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box .home a:active {
  color: #c7d5de;
  background-color: #002a42 !important;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box.active {
  padding-bottom: 20px;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box.active a.accordeon {
  border-bottom: none;
  background: url(../images/icons/schliessen-negativ~before.png) no-repeat 95% 50% !important;
  background: url(../images/icons/schliessen-negativ~before.svg) no-repeat 95% 50% !important;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box.active a.accordeon:hover {
  background: url(../images/icons/schliessen-negativ~hover~before.png) no-repeat 95% 50% !important;
  background: url(../images/icons/schliessen-negativ~hover~before.svg) no-repeat 95% 50% !important;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box.active a.accordeon span {
  visibility: hidden;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box.active h3 {
  display: inline-block;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box.active .home {
  display: inline-block;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes .box.active ul {
  display: block;
}
.flyout-intranet-services-container .ktzh-overview .top-boxes > div:first-child a.accordeon {
  border-top: 1px solid #012136;
}
.flyout-intranet-services-container .ktzh-overview .ie-space {
  background-color: #002338;
  height: 12px;
}
.flyout-intranet-services-container .ktzh-overview .flyout-inner {
  padding: 0;
}
.flyout-intranet-services-container .ktzh-overview .flyout-inner h2 {
  color: #FFFFFF;
  font-size: 1.9em;
  letter-spacing: 0;
  margin: 0;
  padding: 10px 5%;
  width: 100%;
  font-weight: normal;
}
.flyout-intranet-services-container .ktzh-overview .flyout-inner .home {
  display: none;
}
.flyout-intranet-services-container .ktzh-overview #board-content {
  display: none;
}
/* Mobile Navigation am Ende des Inhalts */
#mobile-content-navigation {
  display: block;
  width: 100%;
  margin-top: 58px;
  float: left;
}
#mobile-content-navigation ul {
  list-style: none;
  list-style-type: none;
  margin: 0 -2%;
}
#mobile-content-navigation ul li {
  display: table;
  width: 100%;
  clear: both;
  margin-bottom: 0;
  min-height: 42px;
}
#mobile-content-navigation ul li a {
  display: table-cell;
  padding: 18px 35px 18px 2.008%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5em;
  line-height: 1.5;
  border: none;
  border-top: 1px solid #dcdcdc;
  background: #ffffff url(images/icons/winkel-rechts~after.png) no-repeat 98% 50%;
  background: #ffffff url(images/icons/winkel-rechts~after.svg) no-repeat 98% 50%;
  color: #1d5f9f;
  height: auto;
  vertical-align: middle;
}
#mobile-content-navigation ul li a:hover {
  color: #000000;
  text-decoration: none;
  background-image: url(images/icons/winkel-rechts~hover~after.png);
  background-image: url(images/icons/winkel-rechts~hover~after.svg);
}
#mobile-content-navigation ul li:last-child a {
  border-bottom: 1px solid #dcdcdc;
}
#mobile-content-navigation ul li.nav-upwards a {
  padding: 18px 2.008% 18px 35px;
  background: #ffffff url(images/icons/winkel-links~before.png) no-repeat 2% 50%;
  background: #ffffff url(images/icons/winkel-links~before.svg) no-repeat 2% 50%;
  text-align: right;
}
#mobile-content-navigation ul li.nav-upwards a:hover {
  background-image: url(images/icons/winkel-links~hover~before.png);
  background-image: url(images/icons/winkel-links~hover~before.svg);
}
#mobile-content-navigation ul li a span {
  display: inline;
  height: 52px;
  vertical-align: middle;
  word-wrap: break-word;
}
/* Element: ZHLex Suche und Treffertabellen */
#app-tree-col div.content-full {
  width: auto;
}
@media (max-width: 991px) {
  table.zhlex-detail {
    min-width: 0 !important;
  }
  table.zhlex-detail tr th,
  table.zhlex-detail tr td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100% !important;
  }
  table.zhlex-detail th {
    border-top: 1px dotted #d0d0d0;
    padding-top: 12px;
    padding-bottom: 0;
  }
  table.zhlex-detail td {
    border-top: none;
    padding-top: 0;
    padding-bottom: 12px;
  }
}
/**
 * Marktplatz
 */
dl.marktplatz dt,
dl.marktplatz dd {
  font-size: 1.8em;
  margin-bottom: 13px;
}
dl.marktplatz dd {
  min-width: 260px;
}
dl.marktplatz dd a:not(.small-submit) {
  padding-bottom: 0 !important;
}
ul.icon-links.market-place-more {
  padding-top: 12px !important;
}
ul.icon-links.market-place-more li {
  display: block;
}
ul.icon-links.market-place-more a {
  display: inline-block;
  font-size: 1.286em;
  clear: both;
}
@media (max-width: 992px) {
  table.marktplatz {
    min-width: 0 !important;
    margin-bottom: 24px;
  }
  table.marktplatz thead {
    display: none;
  }
  table.marktplatz tr td {
    display: block;
    width: 100% !important;
    padding-right: 0;
    border: none;
    float: left;
  }
  table.marktplatz tr td:first-child {
    border-top: 1px dotted #d0d0d0;
    padding-top: 12px;
    padding-bottom: 0;
  }
  table.marktplatz tr td:last-child {
    padding-bottom: 12px;
    padding-top: 0;
  }
  table.marktplatz tbody tr:first-child td:first-child {
    border-top: 1px solid #d0d0d0;
  }
}
/* Identität in der Kontextspalte (Desktop, Tablet quer) und vor Seitentitel (Tablet hoch und Smartphone) */
div.box-identity {
  margin-top: 4px;
}
div.box-identity img {
  margin-top: 9px;
  margin-bottom: 30px !important;
}
div.box-identity p {
  font-size: 2.1em !important;
  margin-bottom: 30px !important;
  padding-bottom: 0 !important;
}
div.box-identity.responsive {
  display: none;
}
@media (max-width: 991px) {
  div.box-identity {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  div.box-identity:not(.responsive) {
    display: none;
  }
  div.box-identity.responsive {
    display: block;
    min-height: 0;
  }
  div.box-identity.responsive img {
    margin-top: 0;
  }
  div.box-identity.responsive p {
    text-align: center;
  }
}
/* Startseite eines Departements (Container) */
#departement-home div.column.to-left,
#departement-home div.column.to-right {
  margin-left: 0;
  margin-right: 0;
}
div.komp-home-pic-mobile.responsive-visible img {
  margin: 0;
  width: 100%;
}
/**
 * Luftqualität
 */
#content-column #tab-feinstaub .luftqualitaet-ktzh .single-value.label-left h3,
#content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .single-value.label-left h3,
#content-column #tab-ozon .luftqualitaet-ktzh .single-value.label-left h3,
#content-column #tab-temperatur .luftqualitaet-ktzh .single-value.label-left h3,
#content-column #tab-feinstaub .luftqualitaet-ktzh .single-value.label-right h3,
#content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .single-value.label-right h3,
#content-column #tab-ozon .luftqualitaet-ktzh .single-value.label-right h3,
#content-column #tab-temperatur .luftqualitaet-ktzh .single-value.label-right h3 {
  font-weight: normal;
}
#content-column #tab-feinstaub .luftqualitaet-ktzh .single-value.label-left p,
#content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .single-value.label-left p,
#content-column #tab-ozon .luftqualitaet-ktzh .single-value.label-left p,
#content-column #tab-temperatur .luftqualitaet-ktzh .single-value.label-left p,
#content-column #tab-feinstaub .luftqualitaet-ktzh .single-value.label-right p,
#content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .single-value.label-right p,
#content-column #tab-ozon .luftqualitaet-ktzh .single-value.label-right p,
#content-column #tab-temperatur .luftqualitaet-ktzh .single-value.label-right p {
  font-size: 1.4em;
}
#content-column #tab-feinstaub .luftqualitaet-ktzh .site p,
#content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .site p,
#content-column #tab-ozon .luftqualitaet-ktzh .site p,
#content-column #tab-temperatur .luftqualitaet-ktzh .site p {
  font-size: 1.4em;
}
#content-column #tab-feinstaub .luftqualitaet-ktzh .poly-value .site-bg,
#content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .poly-value .site-bg,
#content-column #tab-ozon .luftqualitaet-ktzh .poly-value .site-bg,
#content-column #tab-temperatur .luftqualitaet-ktzh .poly-value .site-bg {
  height: 25px;
}
#content-column #tab-feinstaub .tablet-img,
#content-column #tab-stickstoffdioxid .tablet-img,
#content-column #tab-ozon .tablet-img,
#content-column #tab-temperatur .tablet-img {
  max-width: 573px;
  width: 100%;
  margin-left: 0;
}
#content-column #tab-feinstaub img:not(.tablet-img),
#content-column #tab-stickstoffdioxid img:not(.tablet-img),
#content-column #tab-ozon img:not(.tablet-img),
#content-column #tab-temperatur img:not(.tablet-img) {
  margin-left: 0;
  margin-right: 0;
}
#content-column #tab-feinstaub div.scrolltable,
#content-column #tab-stickstoffdioxid div.scrolltable,
#content-column #tab-ozon div.scrolltable,
#content-column #tab-temperatur div.scrolltable {
  margin-bottom: 40px;
}
#content-column #tab-feinstaub table.pollution-values,
#content-column #tab-stickstoffdioxid table.pollution-values,
#content-column #tab-ozon table.pollution-values,
#content-column #tab-temperatur table.pollution-values {
  max-width: 573px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-right: 0;
}
#content-column #tab-feinstaub .lq-legend-before-table,
#content-column #tab-stickstoffdioxid .lq-legend-before-table,
#content-column #tab-ozon .lq-legend-before-table,
#content-column #tab-temperatur .lq-legend-before-table {
  margin-bottom: 60px;
  max-width: 573px;
}
#content-column #tab-feinstaub .lq-legend-after-table,
#content-column #tab-stickstoffdioxid .lq-legend-after-table,
#content-column #tab-ozon .lq-legend-after-table,
#content-column #tab-temperatur .lq-legend-after-table {
  max-width: 573px;
  margin-bottom: 40px;
}
#content-column #tab-feinstaub .lq-legend-after-table h3,
#content-column #tab-stickstoffdioxid .lq-legend-after-table h3,
#content-column #tab-ozon .lq-legend-after-table h3,
#content-column #tab-temperatur .lq-legend-after-table h3 {
  margin-top: 0;
}
#content-column #tab-feinstaub .pollution-border-text,
#content-column #tab-stickstoffdioxid .pollution-border-text,
#content-column #tab-ozon .pollution-border-text,
#content-column #tab-temperatur .pollution-border-text {
  display: inline;
}
@media (max-width: 900px) {
  #content-column #tab-feinstaub .lq-legend-before-table ul.pollution-values,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table ul.pollution-values,
  #content-column #tab-ozon .lq-legend-before-table ul.pollution-values,
  #content-column #tab-temperatur .lq-legend-before-table ul.pollution-values,
  #content-column #tab-feinstaub .lq-legend-after-table ul.pollution-values,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table ul.pollution-values,
  #content-column #tab-ozon .lq-legend-after-table ul.pollution-values,
  #content-column #tab-temperatur .lq-legend-after-table ul.pollution-values {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0 10px !important;
  }
  #content-column #tab-feinstaub .lq-legend-before-table li,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table li,
  #content-column #tab-ozon .lq-legend-before-table li,
  #content-column #tab-temperatur .lq-legend-before-table li,
  #content-column #tab-feinstaub .lq-legend-after-table li,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table li,
  #content-column #tab-ozon .lq-legend-after-table li,
  #content-column #tab-temperatur .lq-legend-after-table li {
    width: 100%;
    height: 1.8em;
    float: left;
    clear: both;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-right: 0;
  }
  #content-column #tab-feinstaub .lq-legend-before-table li span,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table li span,
  #content-column #tab-ozon .lq-legend-before-table li span,
  #content-column #tab-temperatur .lq-legend-before-table li span,
  #content-column #tab-feinstaub .lq-legend-after-table li span,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table li span,
  #content-column #tab-ozon .lq-legend-after-table li span,
  #content-column #tab-temperatur .lq-legend-after-table li span {
    float: left;
    font-size: 1.25em;
    line-height: 1.2;
  }
  #content-column #tab-feinstaub .lq-legend-before-table li span br,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table li span br,
  #content-column #tab-ozon .lq-legend-before-table li span br,
  #content-column #tab-temperatur .lq-legend-before-table li span br,
  #content-column #tab-feinstaub .lq-legend-after-table li span br,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table li span br,
  #content-column #tab-ozon .lq-legend-after-table li span br,
  #content-column #tab-temperatur .lq-legend-after-table li span br {
    display: none;
  }
  #content-column #tab-feinstaub .lq-legend-before-table li span:after,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table li span:after,
  #content-column #tab-ozon .lq-legend-before-table li span:after,
  #content-column #tab-temperatur .lq-legend-before-table li span:after,
  #content-column #tab-feinstaub .lq-legend-after-table li span:after,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table li span:after,
  #content-column #tab-ozon .lq-legend-after-table li span:after,
  #content-column #tab-temperatur .lq-legend-after-table li span:after {
    content: " ";
    display: inline;
  }
  #content-column #tab-feinstaub .lq-legend-before-table li.pollution-border,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table li.pollution-border,
  #content-column #tab-ozon .lq-legend-before-table li.pollution-border,
  #content-column #tab-temperatur .lq-legend-before-table li.pollution-border,
  #content-column #tab-feinstaub .lq-legend-after-table li.pollution-border,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table li.pollution-border,
  #content-column #tab-ozon .lq-legend-after-table li.pollution-border,
  #content-column #tab-temperatur .lq-legend-after-table li.pollution-border {
    background-image: none;
    height: 0;
    padding: 0 !important;
    top: 0 !important;
    border-bottom: 2px dashed #666666;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
  }
  #content-column #tab-feinstaub .lq-legend-before-table li.pollution-border span,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table li.pollution-border span,
  #content-column #tab-ozon .lq-legend-before-table li.pollution-border span,
  #content-column #tab-temperatur .lq-legend-before-table li.pollution-border span,
  #content-column #tab-feinstaub .lq-legend-after-table li.pollution-border span,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table li.pollution-border span,
  #content-column #tab-ozon .lq-legend-after-table li.pollution-border span,
  #content-column #tab-temperatur .lq-legend-after-table li.pollution-border span {
    position: relative;
    left: 0;
    top: 0;
    float: right;
    background: white;
    padding: 2px !important;
  }
  #content-column #tab-feinstaub .lq-legend-before-table,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table,
  #content-column #tab-ozon .lq-legend-before-table,
  #content-column #tab-temperatur .lq-legend-before-table {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  #content-column #tab-feinstaub .luftqualitaet-ktzh .single-value,
  #content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .single-value,
  #content-column #tab-ozon .luftqualitaet-ktzh .single-value,
  #content-column #tab-temperatur .luftqualitaet-ktzh .single-value,
  #content-column #tab-feinstaub .luftqualitaet-ktzh .poly-value,
  #content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .poly-value,
  #content-column #tab-ozon .luftqualitaet-ktzh .poly-value,
  #content-column #tab-temperatur .luftqualitaet-ktzh .poly-value {
    display: none;
  }
  #content-column #tab-feinstaub .tablet-img,
  #content-column #tab-stickstoffdioxid .tablet-img,
  #content-column #tab-ozon .tablet-img,
  #content-column #tab-temperatur .tablet-img {
    display: inline;
  }
  #content-column #tab-feinstaub img:not(.tablet-img),
  #content-column #tab-stickstoffdioxid img:not(.tablet-img),
  #content-column #tab-ozon img:not(.tablet-img),
  #content-column #tab-temperatur img:not(.tablet-img) {
    display: none;
  }
  #content-column #tab-feinstaub .lq-legend-before-table,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table,
  #content-column #tab-ozon .lq-legend-before-table,
  #content-column #tab-temperatur .lq-legend-before-table {
    display: none;
  }
  #content-column #tab-feinstaub .lq-legend-after-table,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table,
  #content-column #tab-ozon .lq-legend-after-table,
  #content-column #tab-temperatur .lq-legend-after-table {
    display: block;
  }
}
@media (max-width: 600px) {
  #content-column #tab-feinstaub .luftqualitaet-ktzh .single-value,
  #content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .single-value,
  #content-column #tab-ozon .luftqualitaet-ktzh .single-value,
  #content-column #tab-temperatur .luftqualitaet-ktzh .single-value,
  #content-column #tab-feinstaub .luftqualitaet-ktzh .poly-value,
  #content-column #tab-stickstoffdioxid .luftqualitaet-ktzh .poly-value,
  #content-column #tab-ozon .luftqualitaet-ktzh .poly-value,
  #content-column #tab-temperatur .luftqualitaet-ktzh .poly-value {
    display: none;
  }
  #content-column #tab-feinstaub .tablet-img,
  #content-column #tab-stickstoffdioxid .tablet-img,
  #content-column #tab-ozon .tablet-img,
  #content-column #tab-temperatur .tablet-img {
    display: inline;
  }
  #content-column #tab-feinstaub img:not(.tablet-img),
  #content-column #tab-stickstoffdioxid img:not(.tablet-img),
  #content-column #tab-ozon img:not(.tablet-img),
  #content-column #tab-temperatur img:not(.tablet-img) {
    display: none;
  }
  #content-column #tab-feinstaub .lq-legend-before-table,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table,
  #content-column #tab-ozon .lq-legend-before-table,
  #content-column #tab-temperatur .lq-legend-before-table {
    display: none;
  }
  #content-column #tab-feinstaub .lq-legend-after-table,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table,
  #content-column #tab-ozon .lq-legend-after-table,
  #content-column #tab-temperatur .lq-legend-after-table {
    display: block;
  }
}
@media (max-width: 400px) {
  #content-column #tab-feinstaub .lq-legend-before-table li.pollution-border span,
  #content-column #tab-stickstoffdioxid .lq-legend-before-table li.pollution-border span,
  #content-column #tab-ozon .lq-legend-before-table li.pollution-border span,
  #content-column #tab-temperatur .lq-legend-before-table li.pollution-border span,
  #content-column #tab-feinstaub .lq-legend-after-table li.pollution-border span,
  #content-column #tab-stickstoffdioxid .lq-legend-after-table li.pollution-border span,
  #content-column #tab-ozon .lq-legend-after-table li.pollution-border span,
  #content-column #tab-temperatur .lq-legend-after-table li.pollution-border span {
    max-width: 48%;
    text-align: right;
    white-space: normal;
  }
}
/* Styles for FAQ (mobile view) */
.faq h3 {
  font-size: 1.8em;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0;
}
.faq h4 {
  font-size: 1.8em;
  font-family: "Arial Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0;
}
/*------------------------------------*\
    #TRUMPS
\*------------------------------------*/
/**
 * These are helper classes and overrides that should take precedence over all
 * other styles, e.g. `.float--left {}`.
 */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.right {
  text-align: right;
}
.pull-left {
  float: left !important;
}
.h10 {
  height: 10px;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.stabilo-boss {
  background-color: yellow !important;
}
body.oldie #context-column {
  width: 288px !important;
}
body.oldie .switch-to-mobile {
  display: none;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
  display: none !important;
}
@media (max-width: 479px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 479px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 479px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 479px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1236px) {
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
}
@media (min-width: 1236px) {
  .visible-xl-block {
    display: block !important;
  }
}
@media (min-width: 1236px) {
  .visible-xl-inline {
    display: inline !important;
  }
}
@media (min-width: 1236px) {
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 479px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (max-width: 1235px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (min-width: 1236px) {
  .hidden-xl {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
body:not(.classic) .hidden-xl {
  display: block !important;
}
/*------------------------------------*\
    #EMINEO
\*------------------------------------*/
/**
 * Emineo overwrites for the zeix-style.
 */
.mobile h1 {
  clear: both;
}
.mobile #wrapper {
  overflow: auto;
}
.mobile #breadcrumb {
  display: none;
}
.mobile button.logout {
  padding: 7px;
  border: 0;
  border-radius: 2px;
  margin: 0px 19px 12px;
  background-color: #66add7;
}
.mobile button.logout:hover {
  background-color: #e5f1f9;
}
.mobile form input.small-submit.blue-submit {
  background: #005e97 !important;
}
.mobile a.nofocus:focus {
  background-color: #ffffff !important;
}
.mobile #content-column a.small-submit {
  padding-bottom: 10px;
}
.mobile #content-column a.small-submit:hover {
  color: white;
}
.mobile form input,
.mobile #content-column form input,
.mobile form select,
.mobile #content-column form select,
.mobile form label:not(.checkbox),
.mobile #content-column form label:not(.checkbox),
.mobile form p.indent.info,
.mobile #content-column form p.indent.info,
.mobile form div.radioGroup,
.mobile #content-column form div.radioGroup {
  max-width: 400px !important;
}
.mobile form input[type="file"],
.mobile #content-column form input[type="file"] {
  height: 38px;
  margin-bottom: 10px;
}
.mobile form label,
.mobile #content-column form label {
  float: none !important;
}
.mobile form input[type="button"].secondSecondaryButton.small-submit,
.mobile #content-column form input[type="button"].secondSecondaryButton.small-submit {
  margin-left: 2em;
  margin-right: 1em;
}
.mobile form p.progressIcon,
.mobile #content-column form p.progressIcon {
  margin-top: 4px;
}
.mobile form .redSubmit,
.mobile #content-column form .redSubmit {
  background-color: #d80b3a !important;
}
.mobile form div.hint,
.mobile #content-column form div.hint {
  float: right;
  width: 224px;
  padding-left: 1em;
  border-left: 1px solid #e0e0e0;
  color: #666666;
  margin-left: 1.5em;
}
.mobile .modal-body form .indent {
  padding-left: 0;
}
.mobile .switch {
  background: #fff;
  border: 1px solid #dfdfdf;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  overflow: visible;
  width: 152px;
  height: 35px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 15px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: #dfdfdf 0px 0px 0px 0px inset;
  transition: 0.25s ease-out all;
  -webkit-transition: 0.25s ease-out all;
  top: -1px;
  line-height: 34px;
}
.mobile .switch small {
  background: #005e97;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: 0.25s ease-out all;
  -webkit-transition: 0.25s ease-out all;
}
.mobile .switch .yes {
  font-size: 1.8em;
  color: white;
  padding-left: 13px;
  display: none;
}
.mobile .switch .no {
  font-size: 1.8em;
  color: black;
  padding-left: 103px;
  display: inline-block;
}
.mobile .switch.checked {
  background: #005e97;
  border-color: #005e97;
}
.mobile .switch.checked small {
  left: 117px;
  background: white;
}
.mobile .switch.checked .yes {
  display: inline-block;
}
.mobile .switch.checked .no {
  display: none;
}
.mobile ul.dropdown-menu button.btn-sm,
.mobile ul.dropdown-menu small {
  font-size: 15px;
}
.mobile .scrollTableContainer {
  overflow-y: hidden;
}
.mobile div.inputWrapper.togglePassword > div.icon-wrapper {
  top: 8px !important;
}
/*# sourceMappingURL=build/assets/sourcemap.css.map */