/* ==========================================================================
   Nuernberg Basis CSS 
   ========================================================================== */
/* Resets, Variablen und Standardelemente ----------------------------------- */
/* ==========================================================================
   _variables.scss: Variablen
   ========================================================================== */
/* Breakpoints */
/* > 260px: Wechsel der Navigation volle Breite zu 66,6% Breite bei einspaltigem Layout */
/* > 345px: Formular Wechsel von 1-spaltig auf 2-spaltig */
/* > 395px: Mittleres Bild Wechsel von voller Breite zu 2/3 Breite */
/* > 500px: Kurzes Stichwort Wechsel der linken Spaltenbreite von 3 Grid-Spalten auf 2 Grid-Spalten */
/* > 590px: Wechsel von einspaltigem Layout mit Avatar und Control-Leiste zu zweispaltigem Layout mit Markenzeichen */
/* > 690px: Kurzes Stichwort Wechsel der linken Spaltenbreite von 3 Grid-Spalten auf 2 Grid-Spalten */
/* > 794px: Wechsel von zweispaltigem Layout mit einspaltigem Header zu zweispaltigem Layout mit zweispaltigem Header */
/* > 880px: Wechsel von zweispaltigem Layout mit zweispaltigem Header zu dreispaltigem Layout */
/* > 1006px Wechsel von dreispaltigem Layout fensterfuellend zu dreispaltigem Layout im Fenster groesser 990px */
/* Abstand horizontal*/
/* Bezug: 990px */
/* Bezug: 570px */
/* Bezug: 180px */
/* Bezug: 195px */
/* Randabstand bei Fensterbreite kleiner $breakpoint-fullsize  */
/* Abstand vertikal*/
/* Randabstand bei Fensterbreite kleiner $breakpoint-fullsize  */
/* 1 Grid-Spalten, 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 2 Grid-Spalten, 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 3 Grid-Spalten, 50 + 15 + 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 4 Grid-Spalten, 50 + 15 + 50 + 15 + 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 6 Grid-Spalten, 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 9 Grid-Spalten, Content-Breite, 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Breiten fuer 2-spaltige Ausgabe */
/* Bezug: gesamte Breite */
/* Bezug: gesamte Breite */
/* Icons klein: Links, Lupe */
/* Icons mittel: Flaggen, Icons in den Serviceleisten */
/* Lupe */
/* Icons gross: Social Media */
/* Buttons in Control-Leiste fuer mobile Ansicht */
/* Farben */
/* normalize.css v1.0.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  height: 101%; }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: verdana, helvetica, arial, sans-serif; }

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  position: relative;
  margin: 0;
  font-size: 13px;
  /* fuer IE 9 */
  font-size: 0.8rem;
  line-height: 24px;
  /* fuer IE 9 */
  line-height: 1.5rem;
  background: #fff; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a {
  color: #007e99;
  text-decoration: none; }

a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

a:hover {
  text-decoration: underline; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  margin: 0 0 15px 0;
  /* fuer IE 9 */
  margin: 0 0 0.9375rem 0;
  padding: 0;
  font-size: 16px;
  /* fuer IE 9 */
  font-size: 1rem;
  color: #464646; }

h2 {
  margin: 0 0 15px 0;
  /* fuer IE 9 */
  margin: 0 0 0.9375rem 0;
  padding: 0;
  font-size: 14px;
  /* fuer IE 9 */
  font-size: 0.85rem;
  color: #464646; }

h3 {
  margin: 0 0 6px 0;
  /* fuer IE 9 */
  margin: 0 0 0.375rem 0;
  padding: 0;
  font-size: 13px;
  /* fuer IE 9 */
  font-size: 0.8rem;
  color: #464646; }

h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  /* fuer IE 9 */
  font-size: 0.8rem;
  color: #464646; }

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0 0 24px 0;
  /* fuer IE 9 */
  margin: 0 0 1.5rem 0; }

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0 0 24px 0;
  /* fuer IE 9 */
  margin: 0 0 1.5rem 0; }

dd {
  margin: 0 0 0 0; }

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 0; }

/*
 * Corrects list images handled incorrectly in IE 7.
 */
menu ul,
menu ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  max-width: 100%;
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ==========================================================================
   _base.scss: Allgemeine Elementanweisungen, uebergreifende Klassen
   ========================================================================== */
#binding {
  margin: 0 auto;
  max-width: 990px;
  max-width: 61.875rem;
  position: relative;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }

#binding.fullsize {
  max-width: 100%; }

.print {
  display: none; }

.break {
  display: none; }

.hidden {
  display: none; }

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  zoom: 1;
  /* IE <= 8 */ }

.block {
  display: block; }

.box, .box-in-connection, .island,
.island-small {
  display: block; }
  .box > :first-child, .box-in-connection > :first-child, .island > :first-child,
  .island-small > :first-child {
    margin-top: 0; }
  .box > :last-child, .box-in-connection > :last-child, .island > :last-child,
  .island-small > :last-child {
    margin-bottom: 0; }

.box {
  margin-bottom: 15px;
  /* fuer IE 9 */
  margin-bottom: 0.9375rem; }

.box-with-bg {
  padding-bottom: 15px;
  /* fuer IE 9 */
  padding-bottom: 0.9375rem; }

.in-connection {
  margin-bottom: 0; }

.fix {
  overflow: hidden; }

.table {
  overflow: auto; }

.nested-bg {
  background-color: #efefef; }

.space {
  margin: 0;
  padding: 0;
  height: 45px;
  /* fuer IE 9 */
  height: 2.8125rem; }

.space-small {
  margin: 0;
  padding: 0;
  height: 15px;
  /* fuer IE 9 */
  height: 0.9375rem; }

.space-bg {
  border-top: 1px solid #b9b9b9;
  margin-bottom: 22.5px;
  /* fuer IE 9 */
  margin-bottom: 1.40625rem; }

.space-small-bg {
  border-top: 1px solid #b9b9b9;
  margin-bottom: 7.5px;
  /* fuer IE 9 */
  margin-bottom: 0.46875rem; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .break {
    display: block; } }
@media only all and (min-width: 62.875em) {
  #binding {
    border-left: none;
    border-right: none; } }
/* ==========================================================================
   _flags.scss: Flaggen
   ========================================================================== */
.flags-button,
.flags-button-active {
  padding: 0;
  margin: .1rem 0 0 0;
  display: inline-block;
  width: 26px;
  height: 18px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  text-decoration: none;
  border: 1px solid #dcdcdc; }

.flags-button {
  background-position: 0 0; }

.flags-button:hover,
.flags-button-active,
.flags-button-active:hover {
  background-position: -24px 0; }

.ar {
  background-image: url(/images/global/flag_ar.png); }

.cz {
  background-image: url(/images/global/flag_cz.png); }

.de {
  background-image: url(/images/global/flag_de.png); }

.el {
  background-image: url(/images/global/flag_el.png); }

.en {
  background-image: url(/images/global/flag_en.png); }

.es {
  background-image: url(/images/global/flag_es.png); }

.fr {
  background-image: url(/images/global/flag_fr.png); }

.hi {
  background-image: url(/images/global/flag_hi.png); }

.hu {
  background-image: url(/images/global/flag_hu.png); }

.it {
  background-image: url(/images/global/flag_it.png); }

.ja {
  background-image: url(/images/global/flag_ja.png); }

.ku {
  background-image: url(/images/global/flag_ku.png); }

.ls {
  background-image: url(/images/global/flag_ls.png); }

.pl {
  background-image: url(/images/global/flag_pl.png); }

.pt {
  background-image: url(/images/global/flag_pt.png); }

.ro {
  background-image: url(/images/global/flag_ro.png); }

.ru {
  background-image: url(/images/global/flag_ru.png); }

.tr {
  background-image: url(/images/global/flag_tr.png); }

.zh {
  background-image: url(/images/global/flag_zh.png); }

/* ==========================================================================
   _icons.scss: Textauszeichnung mit Icons
   ========================================================================== */
/* 
 * Icon als Hintergrund-Image  
 */
.link,
.sign {
  margin-left: 16px;
  padding-left: 0;
  text-indent: -16px; }

.link-intern, .HTML, .link-extern, .link-download, .XPDF, .link-email, .link-map, .link-app, .link-audio, .link-skip, .link-back, .link-before, .link-next, .link-start, .accordion dt.closed .link-expand, .accordion dt.closed:hover .link-expand, .accordion dt.open .link-expand, .accordion dt.open:hover .link-expand, .expand > h3.closed .link-expand, .expand > h3.closed:hover .link-expand, .expand > h3.open .link-expand, .expand > h3.open:hover .link-expand {
  display: inline-block;
  width: 16px;
  height: 14px;
  background-image: url(/images/global/icon_content.png);
  background-repeat: no-repeat; }

.link-intern, .HTML {
  background-position: 0 0; }

.link-extern {
  background-position: 0 -14px; }

.link-download, .XPDF {
  background-position: 0 -28px; }

.link-email {
  background-position: 0 -42px; }

.link-map {
  background-position: 0 -56px; }

.link-app {
  background-position: 0 -70px; }

.link-audio {
  background-position: 0 -84px; }

.link-skip {
  background-position: 0 -98px; }

.link-back {
  background-position: 0 -112px; }

.link-before {
  background-position: 0 -126px; }

.link-next {
  background-position: 0 -140px; }

.link-start {
  background-position: 0 -154px; }

/* ==========================================================================
   Media queries
   ========================================================================== */
/* Seitenbereiche ----------------------------------------------------------- */
/* ==========================================================================
   _header.scss: Logo, Titel, Titelbild
   ========================================================================== */
.skip-links {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.controls {
  height: 49px;
  position: relative;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.1);
  z-index: 100; }

.mobile {
  padding: 0;
  border: none;
  width: 48px;
  height: 48px;
  margin: 0 15px 0 0;
  /* fuer IE 9 */
  margin: 0 0.9375rem 0 0;
  float: left;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(/images/global/icon_mobile.png); }

.with-js {
  display: none; }
  .js .with-js {
    display: block; }

.button-menu {
  background-color: #e3e3e3;
  background-position: 0 -48px; }
  .button-menu.is-disabled {
    outline: 1px solid #efefef;
    background-color: #efefef;
    background-position: 0 -96px;
    cursor: default; }

/* Buergerkonto Login-Link mobile Version */
.button-login {
  background-position: 0 -144px; }

.button-contact {
  background-position: 0 -192px; }

.logo {
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-image: url(/images/global/icon_mobile.png);
  background-position: 0 0; }

.header {
  border-bottom: 1px solid #fff;
  background: #8f8f8f; }

.header-link,
.header-link:hover,
.header-link-mobile,
.header-link-mobile:hover,
.header-portal-link,
.header-portal-link:hover,
.header-portal-link-mobile,
.header-portal-link-mobile:hover {
  text-decoration: none; }

.header-link {
  display: none; }

.header-portal-link {
  position: relative;
  display: block; }

.heading-title {
  font-size: 16px;
  /* fuer IE 9 */
  font-size: 1rem;
  line-height: 1.6em;
  /* fuer IE 9 */
  line-height: 1.8rem; }

.heading-portal-title {
  line-height: 16px;
  /* fuer IE 9 */
  line-height: 1rem; }

.event {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  background-color: rgba(0, 0, 0, 0.5); }

.heading-title,
.heading-portal-title {
  color: #fff;
  padding: 5px 5px;
  margin: 0; }

.header-img,
.header-portal-img {
  display: block; }
  .header-img img,
  .header-portal-img img {
    width: 100%;
    border-bottom: 1px solid #fff; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 24.6875em) {
  .heading-portal-title {
    font-size: 16px;
    /* fuer IE 9 */
    font-size: 1rem;
    line-height: 1.6em;
    /* fuer IE 9 */
    line-height: 1.8rem; } }
@media only all and (min-width: 36.875em) {
  #top {
    position: absolute;
    top: -48px; }

  .controls {
    position: static;
    height: auto;
    width: auto;
    box-shadow: none; }

  .mobile {
    display: none !important; }

  .logo {
    top: -48px;
    right: 7%;
    width: 128px;
    height: 80px;
    background-image: url(/images/global/nuernberg_logo.png); }

  .header {
    margin-top: 48px; }

  .header-link-mobile {
    display: none; }

  .header-link {
    display: block; }

  .header-portal-link {
    position: static; }

  .event {
    top: 32px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .header-portal-link-mobile {
    display: none; }

  .heading-title,
  .heading-portal-title {
    font-size: 18px;
    /* fuer IE 9 */
    font-size: 1.2rem;
    font-weight: normal;
    padding: 5px 15px;
    /* fuer IE 9 */
    padding: 5px 0.9375rem; } }
@media only all and (min-width: 49.625em) {
  .header-link {
    width: 33.33333%;
    height: 180px;
    /* fuer IE 9 */
    height: 11.25rem;
    float: left;
    display: inline-block; }

  .header-img {
    display: block;
    width: 66.66667%;
    float: right;
    overflow: hidden; }
    .header-img img {
      width: auto;
      max-width: none;
      border-bottom: none;
      border-left: 1px solid #fff; }

  .heading-title {
    padding: 25px 15px 16px 15px;
    /* fuer IE 9 */
    padding: 25px 0.9375rem 1rem 0.9375rem; }

  .heading-portal-title {
    padding: 16px 15px;
    /* fuer IE 9 */
    padding: 1rem 0.9375rem; } }
@media only all and (min-width: 55em) {
  .controls {
    height: auto; }

  .logo {
    left: 80.30303%;
    right: auto; }

  .header-link {
    width: 19.69697%;
    height: 180px;
    /* fuer IE 9 */
    height: 11.25rem; }

  .header-img {
    width: 80.30303%; } }
@media only all and (min-width: 62.875em) {
  .fullsize .header-link {
    width: 195px;
    /* fuer IE 9 */
    width: 12.1875rem;
    margin-left: -990px;
    /* fuer IE 9 */
    margin-left: -61.875rem; }
  .fullsize .header-img {
    width: 795px;
    /* fuer IE 9 */
    width: 49.6875rem;
    float: left;
    margin-left: 195px;
    /* fuer IE 9 */
    margin-left: 12.1875rem;
    clear: right;
    border-right: 1px solid #fff; }
  .fullsize .logo {
    left: 795px;
    /* fuer IE 9 */
    left: 49.6875rem; } }
/* ==========================================================================
   _service.scss: Flaggenliste, Login Buergerkonto, Servicenavgation, Suche
   ========================================================================== */
.service,
.portal-service {
  padding: 5px 0 5px 5px;
  position: relative; }

.service {
  background-color: #dcdcdc; }

.portal-service {
  background-color: #fff; }

.service-language {
  float: left;
  margin: .1em 0 0 0;
  /* fuer IE 9 */
  margin: .1rem 0 0 0; }

.service-flags {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: .1em 0 0 0;
  /* fuer IE 9 */
  padding: .1rem 0 0 0; }
  .service-flags li {
    display: inline;
    padding: 0 .3em;
    /* fuer IE 9 */
    padding: 0 .3rem; }
  .service-flags li:first-child {
    padding-left: 0; }

.service-login,
.service-menu {
  display: none; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .service,
  .portal-service {
    margin: 0 0 8px 0;
    /* fuer IE 9 */
    margin: 0 0 .5rem 0;
    padding: 0;
    height: 24px;
    /* fuer IE 9 */
    height: 1.5rem; }

  .service-language {
    margin: 0.1em 0 0 15px;
    /* fuer IE 9 */
    margin: 0.1rem 0 0 0.9375rem; }

  .service-flags {
    padding: 0.1em 0 0 15px;
    /* fuer IE 9 */
    padding: 0.1rem 0 0 0.9375rem;
    height: 24px;
    /* fuer IE 9 */
    height: 1.5rem; }

  .service-login, .service-login:hover,
  .service-login-active, .service-menu-link,
  .service-menu-link-active {
    color: #666;
    text-decoration: none; }

  /* Buergerkonto Button */
  .service-login {
    display: block;
    float: left;
    width: 48px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    background-image: url(/images/global/icon_login.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-color: #dcdcdc;
    height: 24px;
    height: 1.5rem; }

  .portal-service .service-login {
    background-color: #fff; }

  .service-login:hover,
  .service-login-active {
    color: #007e99;
    background: url(/images/global/icon_login_hover_text.png) 50% 40% no-repeat; }

  .service-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 22.72727%;
    margin: 0;
    height: 24px;
    /* fuer IE 9 */
    height: 1.5rem; }
    .service-menu li {
      display: inline;
      padding: 0;
      list-style-type: none;
      font-size: 13px;
      /* fuer IE 9 */
      font-size: .8rem;
      background-color: #dcdcdc; }

  .portal-service .service-menu li {
    background-color: #fff; }

  .service-menu-link,
  .service-menu-link-active {
    padding: 4px 15px 4px 15px;
    /* fuer IE 9 */
    padding: 0.25rem 1rem 0.25rem 1rem; }

  .service-menu-link-active {
    background-color: #fff; }

  .service-menu-link:hover,
  .service-menu-link-active:hover {
    text-decoration: none;
    color: #007e99;
    background-color: #fff; } }
@media only all and (min-width: 55em) {
  .service-login {
    position: absolute;
    top: 0;
    left: 19.69697%;
    float: none;
    border-left: 1px solid #dcdcdc;
    padding: 0 1em 0 45px;
    /* fuer IE 9 */
    padding: 0 1rem 0 2.8125rem;
    width: auto;
    text-indent: 0;
    overflow: visible;
    background-position: 0.9375rem 40%; }

  .portal-service .service-login {
    left: 18.18182%;
    border-left: 1px solid #fff; }

  .service-login:hover,
  .service-login-active {
    background: #fff url(/images/global/icon_login_hover_text.png) 0.9375rem 40% no-repeat; } }
@media only all and (min-width: 62.875em) {
  .service-fullsize {
    background-color: #dcdcdc; }

  .service-fullsize .service {
    width: 990px;
    /* fuer IE 9 */
    width: 61.875rem; }

  .service-flags {
    width: 18.18182%; }

  .portal-service .service-flags {
    padding-left: 0; }

  .portal-service .service-language {
    margin-left: 0; } }
/* ==========================================================================
   _search.scss: Suche Eingabefelder und Suchfilter
   ========================================================================== */
/* 
 * Schnellsuche Serviceleiste
 */
.quicksearch {
  width: 33.33333%;
  float: right; }
  .quicksearch .label {
    display: none; }
  .quicksearch .input-search-wrapper {
    padding-right: 37px; }
  .quicksearch .input-search {
    padding: 3px;
    padding: .02rem;
    z-index: 1100;
    width: 99%; }

.button-search {
    position: absolute;
    top: 50%;
    right: 18.5px;
    width: 16px;
    margin-top: -7px;
    border: none;
    z-index: 1100;
    cursor: pointer;
    background: url(/images/global/icon_content.png) no-repeat; }
  .button-search.search {
      background-position: 0 -168px; }
    .button-search.search:hover {
        background-position: 0 -186px; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .quicksearch {
    width: 19.69697%;
    position: absolute;
    float: none;
    top: 0;
    right: 0; } }
@media only all and (min-width: 55em) {
  .quicksearch {
    left: 80.30303%;
    right: auto; } }
/* ==========================================================================
   _portalmenu.scss: Portalmenue
   ========================================================================== */
.rubric-1:hover, .rubric-1.active, .rubric-2:hover, .rubric-2.active, .rubric-3:hover, .rubric-3.active, .rubric-4:hover, .rubric-4.active, .rubric-5:hover, .rubric-5.active {
  background-image: url(/images/global/icon_rubric_active.png);
  background-repeat: no-repeat;
  background-position: 5px 10px; }

.portal-menu {
  display: none; }

.portal-menu-mobile div a {
  padding: 0;
  margin-bottom: 1px;
  padding: 5px 5px 15px 21px;
  color: #fff;
  font-weight: bold;
  display: block;
  background-repeat: repeat-x;
  background-position: 0 100%; }
.portal-menu-mobile div a:hover {
  text-decoration: none; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .portal-menu-mobile {
    display: none; }

  .portal-menu {
    display: block; }
    .portal-menu div {
      display: table;
      width: 100%; }
      .portal-menu div a {
        display: table-cell;
        font-weight: bold;
        padding: 0.4em 5px 15px 15px;
        /* fuer IE 9 */
        padding: 0.4rem 5px 15px 0.9375rem;
        color: #fff;
        vertical-align: top;
        margin-top: 0;
        line-height: 18px;
        /* fuer IE 9 */
        line-height: 1.2rem;
        border-left: 1px solid #fff;
        background-repeat: repeat-x;
        background-position: 0 100%; }
      .portal-menu div a:hover, .portal-menu div .active {
        text-decoration: none;
        background-image: none; }
      .portal-menu div > :first-child {
        border-left: none; }

  .rubric-1 {
    width: 19.69697%; }

  .rubric-2 {
    width: 19.69697%; }

  .rubric-3 {
    width: 19.69697%; }

  .rubric-4 {
    width: 21.21212%; }

  .rubric-5 {
    width: 19.69697%; } }
@media only all and (min-width: 62.875em) {
  .service-flags {
    width: 18.18182%; } }
/* ==========================================================================
   _breadcrumb.scss: Breadcrumb
   ========================================================================== */
.breadcrumb {
  padding-top: .1em;
  /* fuer IE 9 */
  padding-top: .1rem;
  padding-bottom: .1em;
  /* fuer IE 9 */
  padding-bottom: .1rem;
  padding-left: 5px;
  padding-right: 5px;
  color: #464646;
  border-bottom: 1px solid #b9b9b9; }

.breadcrumb-text {
  display: none; }

.breadcrumb-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.breadcrumb-list li {
  padding-right: 5px;
  /* fuer IE 9 */
  padding-right: .3rem;
  display: inline; }

.breadcrumb-list li:after {
  content: ">";
  padding: 0 0 0 8px;
  /* fuer IE 9 */
  padding: 0 0 0 .5rem; }

.breadcrumb-list li.active {
  font-weight: bold; }

.breadcrumb-list li.active:after {
  content: "";
  padding: 0; }

.breadcrumb-link {
  text-decoration: none; }

.breadcrumb-link:hover {
  text-decoration: underline; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .breadcrumb {
    border-bottom: none; } }
@media only all and (min-width: 49.625em) {
  .breadcrumb-text {
    display: block;
    float: left;
    margin-right: 1.51515%;
    margin-bottom: 0;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: auto; }

  .breadcrumb-list {
    padding-right: 16px;
    /* fuer IE 9 */
    padding-right: 1rem; } }
@media only all and (min-width: 55em) {
  .breadcrumb {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0; }

  .breadcrumb-text {
    margin-right: 16px;
    /* fuer IE 9 */
    margin-right: 1rem;
    text-align: right;
    width: 19.69697%; }

  .fullsize .breadcrumb-text {
    width: 195px;
    /* fuer IE 9 */
    width: 12.1875rem; }

  .breadcrumb-list {
    margin-left: 21.21212%; }

  .fullsize .breadcrumb-list {
    margin-left: 210px;
    /* fuer IE 9 */
    margin-left: 13.125rem; } }
/* ==========================================================================
   _main.scss: Hauptbereich und Rahmen Navigation, Content und 3. Spalte
   ========================================================================== */
/* Hauptbereich zwischen Header und Footer,
   Formatierung erzeugt Fehler: schneidet Inhalt ab nach Klick auf Sprungmarke 
.main,
.main-portal-home {
    overflow: hidden;
} */
.content {
  margin-left: auto;
  margin-right: auto; }

.content-end,
.content-fullsize-end {
  padding: 0;
  position: relative;
  height: 15px;
  height: 0.9375rem;
  margin-right: 5px; }

.print-end,
.print-fullsize-end {
  position: absolute;
  top: 0;
  right: 24px; }

.to-top-end,
.to-top-fullsize-end {
  position: absolute;
  top: 0;
  right: 0; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 16.25em) {
  .col1 {
    width: 66.66666%; } }
@media only all and (min-width: 36.875em) {
  .col1,
  .col1-portal-home {
    width: 33.33333%;
    padding-right: 2.27273%;
    float: left; }

  .content {
    width: 66.66666%;
    float: right; }

  .col3 {
    width: 33.33333%;
    padding-top: 1.875rem;
    padding-right: 2.27273%;
    border-top: none;
    float: left;
    clear: left; }

  .content-end,
  .content-fullsize-end {
    top: -1rem;
    height: 0;
    margin-right: 1.51515%; }

  .print-end,
  .print-fullsize-end,
  .to-top-end,
  .to-top-fullsize-end {
    top: -0.9375rem; } }
@media only all and (min-width: 55em) {
  .col1,
  .col1-portal-home {
    width: 21.21212%;
    padding-right: 1.51515%;
    min-height: 15px;
    min-height: 0.9375rem; }

  .col1-portal-home {
    padding-left: 5px;
    margin-left: -78.78788%;
    margin-top: 30px;
    margin-top: 1.875rem; }

  .content,
  .main-portal-home .content {
    width: 57.57576%;
    padding: 0 0 15px 0;
    /* fuer IE 9 */
    padding: 0 0 0.9375rem 0;
    float: left; }

  .fullsize .content {
    width: 77.27273%; }

  .col3 {
    width: 19.69697%;
    padding-top: 0;
    padding-right: 5px;
    float: right;
    clear: none;
    overflow: none;
    border-left: 1px solid #b9b9b9; }

  .content-end {
    margin-right: 21.21212%; } }
@media only all and (min-width: 62.875em) {
  .col3 {
    padding-right: 0; }

  .col1-portal-home {
    padding-left: 0; }

  .fullsize .col1 {
    width: 210px;
    /* fuer IE 9 */
    width: 13.125rem;
    padding-right: 15px;
    /* fuer IE 9 */
    padding-right: 0.9375rem; }
  .fullsize .content {
    width: auto;
    float: none;
    padding-left: 210px;
    /* fuer IE 9 */
    padding-left: 13.125rem;
    padding-right: 5px; } }
/* ==========================================================================
   _menu.scss: Hauptnavigation
   ========================================================================== */
.no-js .menu {
  display: block; }
.js .menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 49px;
  max-height: 100%;
  overflow: auto;
  z-index: 80;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.75); }
  .js .menu.is-visible {
    display: block; }

.heading-main-menu {
  padding: 7.5px 5px;
  font-weight: bold;
  color: #464646; }

.main-menu,
.main-menu-sub {
  padding-left: 0;
  list-style: none; }

.main-menu-sub {
  margin-top: 0;
  margin-bottom: 0; }

.main-menu-li,
.main-menu-sub-li {
  margin: 0;
  border-top: 1px solid #b9b9b9;
  line-height: 18px;
  /* fuer IE 9 */
  line-height: 1.2rem; }

.main-menu-li {
  font-weight: bold; }

.main-menu-li:last-child {
  border-bottom: 1px solid #b9b9b9; }

.main-menu-sub-li {
  font-weight: normal;
  padding-left: 15px;
  /* fuer IE 9 */
  padding-left: 0.9375rem;
  padding-right: 5px;
  background: #efefef; }

.main-menu-sub-li:hover {
  background: #fff; }

.main-menu-link,
.main-menu-link-active {
  padding: 7.5px 5px;
  display: inline-block; }

.main-menu-link {
  color: #8f8f8f;
  text-decoration: none; }

.main-menu-link:hover,
.main-menu-link-active,
.main-menu-link-active:hover {
  color: #007e99;
  text-decoration: none; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 16.25em) {
  .js .menu {
    right: auto; } }
@media only all and (min-width: 36.875em) {
  .js .menu, .no-js .menu {
    display: block;
    position: static;
    border-top: none;
    background-color: transparent;
    box-shadow: none;
    height: auto;
    overflow: visible; }

  .heading-main-menu {
    display: none; }

  .intern-mobile {
    display: none; } }
@media only all and (min-width: 49.625em) {
  .main-menu-link,
  .main-menu-link-active {
    padding-top: 3px;
    /* fuer IE 9 */
    padding-top: 0.2rem;
    padding-bottom: 3px;
    /* fuer IE 9 */
    padding-bottom: 0.2rem; } }
@media only all and (min-width: 62.875em) {
  .main-menu-link,
  .main-menu-link-active {
    padding-left: 0; }

  .fullsize .main-menu-link,
  .fullsize .main-menu-link-active {
    padding-left: 5px; }

  .main-menu-li {
    padding: 0; } }
/* ==========================================================================
   _function.scss: Funktionsleiste Content 
   ========================================================================== */
/* 
 * Rahmenbox 
 */
.function {
  padding-left: 5px;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem; }

/* 
 * Buttons 
 */
.accessibility {
  display: none;
  /*padding: 0;
  border: none;
  width: $icon-s-width;
  height: $icon-m-height;
  margin: 2px $space-frame 0 0; 
  margin: .1rem $space-frame 0 0;
  float: left;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/global/icon_content.png);*/ }

.button-contrast {
  background-position: 0 -204px; }

.button-help {
  background-position: 0 -220px; }

/* ==========================================================================
   Media queries
   ==========================================================================*/
@media only all and (min-width: 62.875em) {
  .function {
    padding-left: 0; }

  .fullsize .function {
    padding-left: 5px; } }
/* ==========================================================================
   _contentmoduls.scss: Module Content allgemein
   ========================================================================== */
/* 
 * Spalten Verhalten 
 */
.content-1-col {
  width: 31.57895%; }

.content-2-col {
  width: 65.78947%; }

.content-1-col-s {
  width: 20.17544%; }

.content-2-col-l {
  width: 65.78947%; }

.content-3-col {
  width: 100%; }

.content-left {
  float: left; }

.content-right {
  float: right; }

.img-1-col {
  margin-right: 5px;
  margin-bottom: 5px; }

.text-2-col,
.text-2-col-bg {
  width: auto; }
  .text-2-col .list-links,
  .text-2-col p.order,
  .text-2-col p.link,
  .text-2-col-bg .list-links,
  .text-2-col-bg p.order,
  .text-2-col-bg p.link {
    float: left;
    width: 100%; }

.text-2-col {
  position: relative;
  top: -0.6px;
  /* fuer IE 9 */
  top: -0.4rem; }

/* 
 * Abstaende im Contentbereich 
 */
.island,
.island-small {
  padding: 5px 5px; }

.text-image-wrapper {
  position: relative; }

/* 
 * Ueberschriften 
 */
.print-top {
  display: none; }

.heading-box {
  margin: 0;
  padding-top: 2px;
  /* fuer IE 9 */
  padding-top: .1rem;
  padding-bottom: 2px;
  /* fuer IE 9 */
  padding-bottom: .1rem;
  border-bottom: 1px solid #fff;
  color: #fff; }

.accent {
  background-color: #007e99; }

.important {
  background-color: #d70f00; }

.neutral {
  background-color: #464646; }

/* 
 * Listen 
 */
.list-text .text {
  margin-left: 6.57895%; }

ul.list-text {
  list-style-image: url(/images/global/punkt.png); }

.list-links {
  list-style-image: none;
  list-style-type: none; }

.list-images {
  list-style-type: none;
  padding-top: 5px;
  margin-left: -2.63158%; }
  .list-images li {
    display: inline-block;
    margin-top: -5px;
    margin-bottom: 15px;
    /* fuer IE 9 */
    margin-bottom: 0.9375rem;
    margin-left: 2.5641026%;
    width: 30.7692308%; }
    .list-images li.box-images {
      margin-bottom: 0; }
  .list-images li.hidden {
    display: none; }

.list-az li.aktiv, .list-az li.leer, .list-az li a {
  padding-top: 2px;
  /* fuer IE 9 */
  padding-top: .1rem;
  padding-bottom: 2px;
  /* fuer IE 9 */
  padding-bottom: .1rem; }

.list-az {
  list-style-type: none; }
  .list-az li {
    font-weight: bold;
    float: left;
    display: block;
    text-align: center;
    width: 7.5%; }
    .list-az li.aktiv {
      color: #fff;
      background-color: #007e99; }
    .list-az li.leer {
      color: #b9b9b9; }
    .list-az li a {
      display: block;
      width: 100%;
      text-decoration: none; }
      .list-az li a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #007e99; }

.list-weather {
  list-style-type: none; }
  .list-weather li {
    border-bottom: 1px solid #fff; }
  .list-weather .icon {
    margin: 0.1em 5px 7.5px 0;
    /* fuer IE 9 */
    margin: 0.1rem 5px 0.46875rem 0;
    padding: 0; }
  .list-weather p {
    margin: -2px 0 3px 0;
    /* fuer IE 9 */
    margin: -.2rem 0 .2rem 0;
    padding: 0; }

.list-icons-help dt {
  margin-right: 15px;
  /* fuer IE 9 */
  margin-right: 0.9375rem;
  float: left;
  width: 30px; }
  .list-icons-help dt img {
    margin-top: 8px;
    /* fuer IE 9 */
    margin-top: .5rem; }
.list-icons-help dd {
  margin-left: 30px;
  /* fuer IE 9 */
  padding-left: 15px;
  /* fuer IE 9 */
  padding-left: 0.9375rem;
  padding-bottom: 2px;
  padding-bottom: .2rem; }

/* 
 * Bildmodule 
 */
.image-m {
  width: auto;
  float: none; }

.ilightbox {
  cursor: default; }

.zoom {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
  z-index: 50;
  /* Link wird ohne z-index vom nachfolgenden div ueberlagert */ }

.zoom:hover {
  text-decoration: none; }

.zoom-text {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  color: #fff;
  text-align: right;
  margin: 0;
  width: 100%;
  height: 21px;
  background: url(/images/global/icon_zoom.png) no-repeat right bottom; }

.landscape + .zoom-text,
.portrait + .zoom-text {
  background: url(/images/global/icon_zoom_gallery.png) no-repeat right bottom; }

.zoom-text span {
  display: none; }

.zoom .zoom-text {
  display: block; }

.zoom:hover .zoom-text {
  background: url(/images/global/icon_zoom_hover.png) no-repeat right bottom;
  background-color: rgba(0, 0, 0, 0.3); }

.zoom:hover .zoom-text span {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 1em;
  /* fuer IE 9 */
  line-height: 1rem;
  padding-bottom: 4px;
  /* fuer IE 9 */
  padding-bottom: 0.2rem;
  padding-right: 30px;
  padding-left: 5px;
  display: inline-block; }

.img-1-col .zoom:hover .zoom-text,
.thumbnail .zoom:hover .zoom-text {
  text-align: left;
  height: 100%; }

.caption {
  padding-top: 8px;
  /* fuer IE 9 */
  padding-top: .5rem;
  padding-bottom: 0;
  font-size: .9em;
  /* fuer IE 9 */
  font-size: .75rem; }

.caption-m {
  margin-top: 8px;
  /* fuer IE 9 */
  margin-top: .5rem;
  padding: 0 5px;
  font-size: .9em;
  /* fuer IE 9 */
  font-size: 0.75rem; }

/* 
 * Link gesamte Box, Teaserbox, Bilderbox 
 */
.box-linked {
  color: #000;
  text-decoration: none;
  display: block;
  cursor: pointer;
  /* nur fuer den IE 8 */ }

.box-linked:hover {
  color: #000;
  text-decoration: none;
  background-color: #f5f5f5; }

.box-linked .link
.box-linked .headline {
  color: #007e99; }

.box-linked .link:hover,
.box-linked:hover .headline {
  text-decoration: underline; }

/* 
 * Panorama
 */
.panorama-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 0;
  max-width: 100%; }

.panorama-link span {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/global/icon_panorama.png) 50% 50% no-repeat; }

.panorama-link span:hover {
  background: url(/images/global/icon_panorama_hover.png) 50% 50% no-repeat; }

/* 
 * Bilderbox und Vorschauseite 
 */
.thumbnail {
  background: #e2e2e2; }

.portrait {
  display: block;
  padding: 0 16.666666667%;
  /* 30px in Prozent zu 180px */ }

.landscape {
  display: block;
  padding: 16.666666667% 0;
  /* 30px in Prozent zu 180px */ }

.square {
  display: block;
  padding: 0; }

/* 
 * Blaettern 
 */
.before,
.before-follow, .next {
  padding-top: 0.1em;
  /* fuer IE 9 */
  padding-top: 0.1rem;
  padding-bottom: 0.1em;
  /* fuer IE 9 */
  padding-bottom: 0.1rem;
  overflow: hidden;
  width: 21px;
  position: relative; }
  .before span,
  .before-follow span, .next span {
    position: absolute;
    top: 0.2em;
    /* fuer IE 9 */
    top: 0.25rem; }

.before,
.before-follow {
  float: left;
  padding-left: 21px; }
  .before .link-before, .before .link-start,
  .before-follow .link-before,
  .before-follow .link-start {
    left: 5px;
    margin-right: 5px; }

.before-follow {
  margin-left: 5px; }

.next {
  float: right;
  padding-left: 21px; }
  .next .link-next {
    left: 0;
    margin-right: 5px; }

.pages {
  padding-left: 34.21053%; }
  .pages .label {
    margin-bottom: 0;
    padding-top: 0.1em;
    /* fuer IE 9 */
    padding-top: 0.1rem;
    padding-bottom: 0.1em;
    /* fuer IE 9 */
    padding-bottom: 0.1rem;
    width: 3em;
    /* fuer IE 9 */
    width: 3rem;
    float: left; }
  .pages .number {
    margin-bottom: 0;
    padding-top: 0.1em;
    /* fuer IE 9 */
    padding-top: 0.1rem;
    padding-left: 5px;
    padding-bottom: 0.1em;
    /* fuer IE 9 */
    padding-bottom: 0.1rem;
    width: 3.5em;
    /* fuer IE 9 */
    width: 3.7rem;
    float: left; }
  .pages select {
    margin-top: 0.15em;
    /* fuer IE 9 */
    margin-top: 0.1rem;
    padding: 0;
    width: 3.5em;
    /* fuer IE 9 */
    width: 3.5rem;
    float: left; }

/* 
 * Link zum Seitenanfang 
 */
.to-top,
.to-top-fullsize {
  padding: 0;
  position: relative;
  height: 15px;
  height: 0.9375rem;
  margin-right: 5px; }

.to-top img,
.to-top-fullsize img {
  position: absolute;
  top: 0;
  right: 0; }

/* 
 * Randabstaende bei kleiner Fensterbreite mit einspaltigem Inhalt 
 */
.justified-l-r,
.heading-box,
.text-2-col,
.text-2-col-bg {
  padding-left: 5px;
  padding-right: 5px; }

.justified-r {
  padding-left: 0;
  padding-right: 5px; }

.justified-l {
  padding-left: 5px;
  padding-right: 0; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 24.6875em) {
  .image-m {
    width: 65.78947%;
    float: left; }

  .caption-m {
    float: right;
    width: 31.57895%;
    margin-top: -8px;
    /* fuer IE 9 */
    margin-top: -.5rem;
    padding-left: 0; }

  .list-az li {
    width: 3.846153846%;
    /* 100 Prozent geteilt durch 26 */ }

  .list-weather .icon {
    margin: 0.1em 5px 7.5px 0;
    /* fuer IE 9 */
    margin: 0.1rem 5px 0.46875rem 0;
    padding: 0;
    float: left; }
  .list-weather p {
    float: left; }

  .before,
  .before-follow,
  .next {
    width: auto; }

  .next {
    padding-left: 0;
    padding-right: 21px; }
    .next .link-next {
      left: auto;
      right: 5px;
      margin-left: 5px;
      margin-right: 0; } }
@media only all and (min-width: 31.25em) {
  .content-1-col-s {
    width: 20.17544%; }

  .content-2-col-l {
    width: 77.19298%; } }
@media only all and (min-width: 36.875em) {
  .heading-main-wrapper {
    position: relative; }

  .heading-main {
    margin-right: 30px;
    min-height: 30px;
    margin-top: -3px;
    margin-top: -0.15rem; }

  .print-top {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px; }

  .justified-l-r,
  .text-2-col {
    padding-left: 0; }

  .justified-l {
    padding-left: 0; }

  .justified-r {
    padding-right: 2.63158%; }

  .before-follow {
    margin-left: 2.63158%; }

  .island,
  .island-small,
  .text-2-col-bg,
  .heading-box {
    padding-left: 2.63158%;
    padding-right: 2.63158%; }

  .island {
    padding-top: 15px;
    /* fuer IE 9 */
    padding-top: 0.9375rem;
    padding-bottom: 15px;
    /* fuer IE 9 */
    padding-bottom: 0.9375rem; }

  .island-small {
    padding-top: 7.5px;
    /* fuer IE 9 */
    padding-top: 0.46875rem;
    padding-bottom: 7.5px;
    /* fuer IE 9 */
    padding-bottom: 0.46875rem; }

  .text-2-col-bg .heading-inside-box {
    padding-top: 15px;
    /* fuer IE 9 */
    padding-top: 0.9375rem;
    float: none; }

  .content-1-col-s {
    width: 31.57895%; }

  .content-2-col-l {
    width: 65.78947%; }

  .img-1-col {
    margin-right: 2.63158%;
    margin-bottom: 5px;
    /* fuer IE 9 */
    margin-bottom: 0.3125rem; }

  .list-az li {
    width: 7.5%;
    /* 100 Prozent geteilt durch 13, A-Z-Links sind zweizeilig */ }

  .list-weather .icon {
    padding: 0;
    float: left; }
  .list-weather p {
    float: right;
    width: 65.78947%; }

  .to-top,
  .to-top-fullsize {
    margin-right: 0; } }
@media only all and (min-width: 43.125em) {
  .content-1-col-s {
    width: 20.17544%; }

  .content-2-col-l {
    width: 77.19298%; }

  .list-az li {
    width: 3.846153846%;
    /* 100 Prozent geteilt durch 26, A-Z-Links sind einzeilig */ } }
@media only all and (min-width: 55em) {
  .justified-l-r,
  .text-2-col,
  .caption-m {
    padding-right: 0; }

  .img-1-col .zoom:hover .zoom-text,
  .thumbnail .zoom:hover .zoom-text {
    text-align: right;
    height: 21px; }

  .text-2-col,
  .text-2-col-bg {
    float: right;
    width: 65.78947%; }

  .text-2-col-bg {
    padding-left: 0; }

  .list-text .text {
    margin-left: 5.26316%; }

  .text-2-col .list-links,
  .text-2-col p.order,
  .text-2-col p.link,
  .text-2-col-bg .list-links,
  .text-2-col-bg p.order,
  .text-2-col-bg p.link {
    float: none;
    width: auto; }

  .fullsize .image-m {
    max-width: 375px;
    /* fuer IE 9 */
    max-width: 23.4375rem; }
  .fullsize .caption-m {
    float: left;
    width: auto;
    padding-left: 15px;
    /* fuer IE 9 */
    padding-left: 0.9375rem; }
  .fullsize .zoom {
    max-width: 570px;
    /* fuer IE 9 */
    max-width: 35.625rem; } }
@media only all and (min-width: 62.875em) {
  .fullsize .image-m {
    width: 375px;
    /* fuer IE 9 */
    width: 23.4375rem; } }
/* ==========================================================================
   _sitemap.scss: Sitemap 
   ========================================================================== */
.sitemap,
.sitemap-apart {
  padding-bottom: 2px;
  padding-bottom: .2rem; }

.sitemap li {
  margin-top: 15px;
  margin-top: 0.9375rem;
  padding-top: 2px;
  padding-top: .2rem;
  font-weight: bold;
  list-style-type: none; }
  .sitemap li.inactive {
    font-weight: normal; }
    .sitemap li.inactive > a {
      color: #8f8f8f; }
    .sitemap li.inactive > a:hover {
      color: #8f8f8f; }

.sitemap-apart li {
  padding: 0 0 2px 30px;
  padding: 0 0 0.2rem 1.875rem;
  list-style-type: none;
  background-image: url(/images/global/icon_sitemap_apart.png);
  background-position: 0 1px;
  background-position: 0 0.05rem;
  background-repeat: no-repeat; }
  .sitemap-apart li.inactive {
    background-image: url(/images/global/icon_sitemap_apart_inactive.png); }
    .sitemap-apart li.inactive > a {
      color: #8f8f8f; }
    .sitemap-apart li.inactive > a:hover {
      color: #8f8f8f; }

.sitemap ul {
  margin-top: 2px;
  margin-top: .2rem;
  margin-bottom: 0;
  padding: 0; }

.sitemap ul li {
  margin: 0;
  padding: 0 0 2px 30px;
  padding: 0 0 0.2rem 1.875rem;
  font-weight: normal;
  background-image: url(/images/global/icon_sitemap.png);
  background-position: 0 1px;
  background-position: 0 0.05rem;
  background-repeat: no-repeat; }
  .sitemap ul li.inactive {
    background-image: url(/images/global/icon_sitemap_inactive.png); }

/* ==========================================================================
   _forms.scss: Formulare 
   ========================================================================== */
/* 
 * Formularelemente Broschueren (Download, Postversand), Newsletter, Feedback-Formular
 */
.form {
  border: none;
  margin: 0;
  padding: 0; }

.form-legend {
  color: #464646;
  font-size: 13px;
  font-size: 0.85rem;
  font-weight: bold;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  width: 100%; }
  .form-legend legend span {
    display: block;
    width: 100%; }

.content-left-form.content-1-col,
.content-right-form.content-2-col {
  width: 100%; }

.form-checkbox {
  display: block;
  float: left;
  margin-top: 0.3em;
  /* fuer IE 9 */
  margin-top: 0.3rem;
  margin-right: 3px; }

.form-radio {
  display: inline-block;
  margin-right: 3px; }

.form-label {
  padding-right: 15px;
  padding-right: 0.9375rem; }

.form-label,
.form-label-left {
  color: #464646; }

.form-button {
  display: inline-block;
  margin-left: 15px;
  /* fuer IE 9 */
  margin-left: 0.9375rem; }

.input-text-xxs {
  display: block;
  width: 50px;
  width: 3.125rem; }

.input-text-xs {
  display: block;
  width: 115px;
  width: 7.1875rem; }

.input-text-s {
  display: block;
  max-width: 180px;
  /* fuer IE 9 */
  max-width: 11.25rem;
  margin-bottom: 3px;
  /* fuer IE 9 */
  margin-bottom: 0.2rem; }

.input-text-l {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  /* fuer IE 9 */
  margin-bottom: 0.2rem; }

.input-file {
  display: block;
  width: 100%;
  background: #fff;
  border-top: 1px solid #abadb3;
  border-right: 1px solid #dbdfe6;
  border-bottom: 1px solid #e3e9ef;
  border-left: 1px solid #e2e3ea;
  margin-bottom: 3px;
  /* fuer IE 9 */
  margin-bottom: 0.2rem; }

.input-file:hover {
  border-top: 1px solid #5794bf;
  border-right: 1px solid #b7d5ea;
  border-bottom: 1px solid #c7e2f1;
  border-left: 1px solid #c5daed; }

.input-comment {
  height: 100px;
  height: 6.25rem; }

.input-comment-m {
  height: 65px;
  height: 4rem; }

.input-comment-s {
  height: 50px;
  height: 3.125rem; }

.select-l {
  display: block;
  width: 100%; }

.form-cgi-wrapper {
  position: relative; }

.form-cgi {
  position: absolute;
  bottom: 0.9375rem;
  right: 118px;
  /* fuer IE 9 */
  right: 7.3rem; }

.error-wrapper {
  border: 1px solid #c00; }

.error {
  color: #c00; }

.text.error {
  list-style-image: url(/images/global/dot_error.png); }

.catch {
  display: none; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 21.563em) {
  .content-left-form {
    float: left; }

  .content-right-form {
    float: right; }

  .content-left-form.content-1-col {
    width: 31.57895%; }

  .content-right-form.content-2-col {
    width: 65.78947%; }

  .content-half-col {
    width: 48.61111111111111%; }

  .form-label-left {
    float: right; } }
/* ==========================================================================
   _iframe.scss: Iframe Responsive 
   ========================================================================== */
/* 
 * Youtube-Video
 */
.youtube {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%; }

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* 
 * Iframe
 */
.iframe iframe {
  width: 100%; }

/* ==========================================================================
   _widgets.scss: Widgets  
   ========================================================================== */
/* 
 * Tabs Bilder blaettern, jquery-ui.min.css wird ueberschrieben
 */
#binding .ui-tabs {
  padding: 0; }

#binding .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 0 .3em .3em .3em; }

#binding .ui-tabs .ui-tabs-panel {
  padding: 0; }

#binding .ui-widget-header a {
  color: #007e99; }

#binding .ui-tabs .ui-state-hover a,
#binding .ui-tabs .ui-state-hover a:hover,
#binding .ui-tabs .ui-state-hover a:link,
#binding .ui-tabs .ui-state-hover a:visited,
#binding .ui-tabs .ui-state-focus a,
#binding .ui-tabs .ui-state-focus a:hover,
#binding .ui-tabs .ui-state-focus a:link,
#binding .ui-tabs .ui-state-focus a:visited {
  text-decoration: underline; }

#binding .ui-tabs .ui-state-active a,
#binding .ui-tabs .ui-state-active a:hover,
#binding .ui-tabs .ui-state-active a:link,
#binding .ui-tabs .ui-state-active a:visited {
  color: #000;
  text-decoration: none; }

/* 
 * Randabstaende bei kleiner Fensterbreite mit einspaltigem Inhalt 
 */
.tab-menu {
  padding-left: 5px;
  padding-right: 5px; }

/* 
 * Toggle-Container fuer Suchfilter
 */
.search-filter {
  z-index: 1000;
  position: absolute;
  top: 50%;
  right: 0; }
  .search-filter > dt {
    text-align: right; }
    .search-filter > dt > a {
      float: right;
      margin-top: -8px;
      cursor: pointer;
      background: url(/images/global/icon_content.png) no-repeat;
      background-position: 0 -240px;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      display: block;
      width: 16px;
      height: 18px; }
      .search-filter > dt > a:hover {
        background-position: 0 -258px; }
  .search-filter > dd {
    display: none;
    width: 100%;
    margin-top: 2px;
    margin-top: .125;
    background-color: #fff;
    box-shadow: 0px 12px 10px 6px rgba(0, 0, 0, 0.2); }

/* 
 * Klappcontainer fuer Contentspalte
 */
.expand {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  .expand p {
    margin-bottom: 0; }
  .expand ul {
    margin-bottom: 0; }

.expand-in-connection {
  margin-bottom: 0; }
  .expand-in-connection > div {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem; }

.expand > h3 {
  cursor: pointer;
  background: #efefef;
  margin: 0;
  padding-top: 2px;
  /* fuer IE 9 */
  padding-top: .1rem;
  padding-bottom: 2px;
  /* fuer IE 9 */
  padding-bottom: .1rem;
  border-bottom: 1px solid #fff;
  padding-left: 21px;
  padding-right: 5px;
  text-indent: -16px; }
  .expand > h3:hover {
    background: #f5f5f5; }
  .expand > h3.closed .link-expand {
    background-position: 0 -276px; }
  .expand > h3.closed:hover .link-expand {
    background-position: 0 -292px; }
  .expand > h3.open .link-expand {
    background-position: 0 -308px; }
  .expand > h3.open:hover .link-expand {
    background-position: 0 -324px; }

.expand > div {
  display: none; }

/* 
 * Kalenderwidget
 */
.ui-datepicker {
  background: #efefef;
  box-shadow: 0px 12px 10px 6px rgba(0, 0, 0, 0.2); }

#ui-datepicker-div.ui-datepicker {
  padding: 0; }

.ui-datepicker-header {
  border: none;
  background-color: #dcdcdc;
  color: #464646;
  font-weight: bold; }

.ui-datepicker-header .ui-state-hover {
  cursor: pointer; }

.ui-datepicker-header .ui-state-disabled span,
.ui-datepicker-header .ui-state-hover.ui-state-disabled span {
  opacity: 0.2;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  background-image: url(../images/global/icon_content.png);
  background-position: 0 -140px;
  width: 16px;
  height: 14px; }

.ui-datepicker .ui-datepicker-prev span {
  background-position: 0 -126px; }

.ui-datepicker .ui-state-hover span {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }

#ui-datepicker-div.ui-datepicker table {
  margin-bottom: 0; }

#ui-datepicker-div.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
  top: 0; }

#ui-datepicker-div.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
  right: 2px; }

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px; }

.ui-datepicker th {
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
  background-color: #f7f7f7; }

#ui-datepicker-div.ui-datepicker th {
  padding: 4px;
  padding: .25rem; }

.ui-datepicker td {
  border: none;
  padding: 0;
  background: #efefef;
  width: 14.285714285%; }

#ui-datepicker-div.ui-datepicker td {
  padding: 0; }

td .ui-state-default {
  border: 1px solid #dcdcdc;
  margin: 0;
  font-size: 12px;
  font-size: .75rem;
  font-weight: bold;
  background: #fff;
  color: #464646; }

#ui-datepicker-div td .ui-state-default {
  text-align: center; }

td.ui-state-disabled .ui-state-default {
  background: #f7f7f7;
  color: #999; }

td .ui-state-active,
td .ui-state-hover {
  color: #fff; }

/* 
 * Dialogbox
 */
.ui-dialog {
  background-color: #fff;
  box-shadow: 0px 12px 10px 6px rgba(0, 0, 0, 0.2); }

.ui-dialog .ui-button {
  /*background: $body-bg;
  border: none;*/ }

.dialog-error.ui-dialog-content {
  color: #c00; }

.ui-dialog-titlebar .ui-button {
  display: none; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 31.25em) {
  .content-search-filter-form {
    width: 50%; }

  .search-filter > dd {
    width: 340px;
    width: 21.25rem; } }
@media only all and (min-width: 36.875em) {
  .tab-menu {
    padding-left: 0; }

  #ui-datepicker-div.ui-datepicker {
    margin-top: -48px; } }
@media only all and (min-width: 55em) {
  .tab-menu {
    padding-right: 0; } }
/* ==========================================================================
   _colmoduls.scss: Module 1. Spalte Portal Startseite und 3. Spalte 
   ========================================================================== */
.col-island,
.col1-portal-home .col-island, .col-island-box,
.col-island-feedback,
.col-island-socialmedia, .col-island-ad {
  padding-top: 15px;
  /* fuer IE 9 */
  padding-top: 0.9375rem;
  border-bottom: 30px solid #fff;
  /* fuer IE 9 */
  border-bottom: 1.875rem solid #fff;
  margin-bottom: 0; }

.col-island,
.col1-portal-home .col-island {
  border-top: 1px solid #b9b9b9; }

.col-island-box,
.col-island-feedback,
.col-island-socialmedia {
  margin-left: -1px;
  background-color: #efefef; }

.col-island-box,
.col-island-ad {
  border-top: 30px solid #fff;
  /* fuer IE 9 */
  border-top: 1.875rem solid #fff;
  margin-top: -30px;
  /* fuer IE 9 */
  margin-top: -1.875rem; }

.col-island-ad {
  margin-left: -1px;
  background-color: #dcdcdc; }

.col1-portal-home .col-island-box,
.col1-portal-home .col-island-ad {
  margin-right: -1px;
  margin-left: 0; }

.col3 h2,
.col1-portal-home h2 {
  margin: 0 0 6px 0;
  /* fuer IE 9 */
  margin: 0 0 0.375rem 0; }

.col3 h3,
.col1-portal-home h3 {
  line-height: 18px;
  /* fuer IE 9 */
  line-height: 1.2rem; }

/* 
 * Listen 
 */
.col-list-socialmedia, .col-list-flags, .col-list-banner,
.col-list-banner-ad {
  list-style-type: none; }
  .col-list-socialmedia > li, .col-list-flags > li, .col-list-banner > li,
  .col-list-banner-ad > li {
    display: block;
    margin-top: 0;
    margin-right: 0; }

.col-list-socialmedia {
  margin-left: -15px;
  /* fuer IE 9 */
  margin-left: -0.9375rem;
  margin-bottom: 0; }
  .col-list-socialmedia li {
    float: left;
    margin-left: 15px;
    /* fuer IE 9 */
    margin-left: 0.9375rem;
    margin-bottom: 15px;
    /* fuer IE 9 */
    margin-bottom: 0.9375rem; }
    .col-list-socialmedia li img {
      display: block; }

.col-list-flags {
  margin-left: -5px; }
  .col-list-flags li {
    float: left;
    margin-left: 5px;
    margin-bottom: 0; }

.col-list-banner-wrapper {
  margin: 0 auto;
  max-width: 367px; }

.col-list-banner,
.col-list-banner-ad {
  margin-left: -2%;
  margin-bottom: 0; }
  .col-list-banner li,
  .col-list-banner-ad li {
    display: inline-block;
    width: 48%;
    margin-left: 2%;
    margin-bottom: 5px;
    max-width: 180px; }

.col-list-weather {
  list-style-type: none; }
  .col-list-weather .icon {
    margin: 0.1em 7.69231% 7.5px 0;
    /* fuer IE 9 */
    margin: 0.1rem 7.69231% 0.46875rem 0;
    padding: 0;
    float: left; }
  .col-list-weather p {
    float: left;
    line-height: 16px;
    /* fuer IE 9 */
    line-height: 1.0rem;
    margin: -2px 0 3px 0;
    /* fuer IE 9 */
    margin: -.2rem 0 .2rem 0;
    padding: 0; }

.col-island-feedback a {
  margin-bottom: 15px;
  /* fuer IE 9 */
  margin-bottom: 0.9375rem; }
.col-island-feedback a > img {
  float: left;
  margin-right: 15px; }
.col-island-feedback a > p {
  line-height: 1.8rem;
  min-height: 30px; }

.col3 .zoom,
.col1-portal-home .zoom {
  max-width: 180px;
  /* fuer IE 9 */
  max-width: 11.25rem; }

.waiting-time, .value-output {
  padding-left: 5px;
  padding-right: 5px;
  display: block; }

.waiting-time {
  background-color: #efefef; }

.value-output {
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  width: 180px;
  width: 11.25rem;
  margin-bottom: 7.5px;
  /* fuer IE 9 */
  margin-bottom: 0.46875rem; }

.col-select {
  width: 100%;
  margin-bottom: 15px;
  /* fuer IE 9 */
  margin-bottom: 0.9375rem; }

/* 
 * Randabstaende bei kleiner Fensterbreite mit einspaltigem Inhalt 
 */
.col-island,
.col-island-feedback-inner,
.col-island-socialmedia-inner,
.col-island-box-inner,
.col-island-ad-inner {
  padding-left: 5px;
  padding-right: 5px; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 560px) {
  .col-list-banner-wrapper {
    margin: 0;
    max-width: none; }

  .col-list-banner,
  .col-list-banner-ad {
    margin-left: -.90909090%; }
    .col-list-banner li,
    .col-list-banner-ad li {
      width: 32.4324324%;
      margin-left: .9009009%; } }
@media only all and (min-width: 36.875em) {
  .col-inner {
    padding-bottom: 0;
    background-color: #efefef; }
    .col-inner > :last-child {
    padding-bottom: 15px;
    /* fuer IE 9 */
      padding-bottom: 0.9375rem; }

  .col-island,
  .col1-portal-home .col-island {
    border-bottom: 15px solid #efefef;
    /* fuer IE 9 */
    border-bottom: 0.9375rem solid #efefef;
    border-top: none;
    padding-left: 0;
    padding-right: 0; }

  .col-island-box,
  .col-island-ad {
    margin-top: 0; }

  .col-island-feedback a > img {
    margin-right: 7.69231%; }

  .col-list-banner,
  .col-list-banner-ad {
    margin-left: 0;
    text-align: left; }
    .col-list-banner li,
    .col-list-banner-ad li {
      display: block;
      width: auto;
      margin-left: 0;
      margin-bottom: 15px;
      /* fuer IE 9 */
      margin-bottom: 0.9375rem; }

  .col-list-banner > :last-child {
    margin-bottom: 0; }

  .col-island-inner,
  .col-island-feedback-inner,
  .col-island-socialmedia-inner,
  .col-island-box-inner,
  .col-island-ad-inner {
    margin: 0 auto;
    max-width: 190px;
    padding: 0 5px; }

  .col-island-ad-inner {
    background-color: #dcdcdc; }

  .col-list-weather .icon {
    margin-bottom: 15px;
    /* fuer IE 9 */
    margin-bottom: 0.9375rem; }

  .waiting-time {
    background-color: #dcdcdc; }

  .value-output {
    max-width: 100%; } }
@media only all and (min-width: 55em) {
  .col-inner {
    padding-bottom: 0;
    padding-top: 0;
    background-color: #fff; }
    .col-inner > :last-child {
      padding-bottom: 0; }

  .col1-portal-home .col-inner {
    border-right: 1px solid #b9b9b9; }

  .col-island {
    padding-top: 0;
    padding-left: 7.21649484%;
    /* 14px in Prozent zu 194px (Spaltenbreite ohne senkrechte Linie) */
    border-bottom: 30px solid #fff;
    /* fuer IE 9 */
    border-bottom: 1.875rem solid #fff;
    margin-left: 1px;
    margin-right: -1px; }

  .col1-portal-home .col-island {
    border-bottom: none;
    margin-bottom: 30px;
    /* fuer IE 9 */
    margin-bottom: 1.875rem;
    padding-top: 0;
    padding-right: 6.701030927835052%;
    /* 13px in Prozent zu 194px (Spaltenbreite ohne senkrechte Linie) */ }

  .col-island-box,
  .col-island-ad {
    margin-top: -30px;
    /* fuer IE 9 */
    margin-top: -1.875rem; }

  .col-island-inner {
    max-width: auto;
    padding: 0; }

  .col-list-socialmedia {
    width: 103.84615%;
    margin-left: -3.84615%; }
    .col-list-socialmedia li {
      margin-left: 7.69231%; }

  .col-island-feedback a {
    margin-left: 3.8%; }

  .col-list-flags {
    width: 103.84615%;
    margin-left: -3.84615%; }
    .col-list-flags li {
      margin-left: 3.84615%; }

  .col-list-banner {
    line-height: 0;
    margin-bottom: 0;
    width: 103.84615%;
    margin-left: -3.84615%; }
    .col-list-banner li {
      margin-left: 3.84615%;
      margin-bottom: 22.5px;
      /* fuer IE 9 */
      margin-bottom: 1.40625rem; }

  .col-list-banner-ad {
    width: 103.84615%;
    margin-left: -3.84615%; }
    .col-list-banner-ad li {
      margin-left: 3.84615%; }

  .waiting-time {
    background-color: #efefef; }

  .value-output {
    background-color: #fff; } }

/* ==========================================================================
   _footer.scss: Footer, Links zu rechtlichen Hinweisen und Hilfe, Bildnachweis
   ========================================================================== */
.footer {
  padding: 5px 5px;
  text-align: center;
  line-height: 24px;
  /* fuer IE 9 */
  line-height: 1.5rem; }
  .footer li {
    display: inline;
    border-right: 1px solid #999; }
  .footer li:first-child a {
    padding-left: 0; }
  .footer li:last-child {
    border-right: 0; }
    .footer li:last-child a {
      padding-right: 0; }

.footer-link {
  padding-left: 5px;
  padding-right: 10px;
  text-decoration: none;
  color: #000; }

.footer-link:hover {
  color: #999;
  text-decoration: none; }

.credits {
  padding: 5px 5px;
  font-size: 85%;
  /* fuer IE 9 */
  font-size: 0.7rem;
  line-height: 24px;
  /* fuer IE 9 */
  line-height: 1.5rem;
  text-align: justify;
  color: #8f8f8f; }

.credits li,
.credits-header {
  margin: 0;
  padding: 0 0.5em 0 0;
  /* fuer IE 9 */
  padding: 0 0.5rem 0 0; }

.credits li {
  display: inline; }

.credits li span {
  padding: 0 0 0 0.5em;
  /* fuer IE 9 */
  padding: 0 0 0 0.5rem;
  background: url(/images/global/punkt_bildnachweis.gif) 0 0.5rem no-repeat; }

.credits a,
.credits a:visited,
.credits a:hover {
  color: #8f8f8f; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .credits {
    padding: 15px 1.51515%;
    /* fuer IE 9 */
    padding: 0.9375rem 1.51515%; } }
@media only all and (min-width: 49.625em) {
  .footer {
    padding: 2px 1.51515%;
    /* fuer IE 9 */
    padding: 0.1rem 1.51515%; }

  .footer-link {
    padding: 0 24px 0 16px;
    /* fuer IE 9 */
    padding: 0 1.5rem 0 1rem; } }
@media only all and (min-width: 62.875em) {
  .footer {
    padding-right: 21.21212%;
    text-align: right; }

  .credits {
    padding-left: 21.21212%;
    padding-right: 21.21212%; }

  .footer-fullsize .footer,
  .credits-fullsize .credits {
    padding-right: 210px;
    /* fuer IE 9 */
    padding-right: 13.125rem;
    width: 990px;
    /* fuer IE 9 */
    width: 61.875rem;
    position: relative; }

  .footer-fullsize .footer {
    text-align: right; }

  .credits-fullsize .credits {
    padding-left: 210px;
    /* fuer IE 9 */
    padding-left: 13.125rem; } }
/* ==========================================================================
   _search.scss: Imperia Suche Frontend
   ========================================================================== */
.pale {
  color: #666;
  display: block;
  text-indent: 0px; }

.highlight-meta {
  font-weight: bold; }

.search-result {
  font-weight: normal; }

.search-description {
  margin: 0 0 10px 16px; }

.typeHTML {
  display: none; }

.typeXPDF {
  display: block;
  text-indent: 0px; }

.search-input {
  width: 66.66666%; }

.search-button {
  text-align: left; }

.page-all {
  font-weight: bold; }

.page-link {
  font-weight: normal; }

.page {
  margin: 0 5px; }

/* ==========================================================================
   _old.scss: Alte, noch nicht umformatierte Module
   ========================================================================== */
/* 
 * non-responsive Inhalt allgemein
 */
.non-responsive {
  display: none; }

/* 
 * Tabelle alt
 */
.table-wrapper-old {
  overflow: auto; }

.tabelleMittel {
  width: 375px;
  margin: 0 0 20px 0; }

.tabelleGross {
  width: 100%;
  margin: 0 0 20px 0; }

.tabelleBackHell {
  padding: 2px 10px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  vertical-align: top;
  background: #e7e7e7; }

.tabelleBackDunkel {
  padding: 2px 10px;
  vertical-align: top;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #cecece; }

.tabelleBackPreisTitel {
  padding: 2px 10px;
  vertical-align: top;
  border-bottom: 1px solid #fff;
  background: #cecece; }

.tabelleBackPreis {
  padding: 2px 10px;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  background: #e7e7e7; }

.tabelleText {
  margin-top: 2px;
  margin-bottom: 2px;
  text-align: left;
  font-weight: normal; }

.tabelleZahl {
  margin-top: 2px;
  margin-bottom: 2px;
  text-align: right; }

.tabelleBeschriftung {
  margin-top: 2px;
  margin-bottom: 2px;
  text-align: left;
  font-weight: bold; }

.tabelleTelefon {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 5px 10px;
  background: #e7e7e7; }

td.datenLinks {
  padding: 5px 10px;
  width: 70%;
  vertical-align: top; }

td.datenRechts {
  padding: 5px 10px;
  width: 30%;
  vertical-align: top; }

/* 
 * Tabelle fuer 1-spaltigen Inhaltsbereich alt
 */
table.tabelleDaten {
  width: 100%;
  margin: 0 0 20px 0; }

table.tabelleDaten th {
  padding: 2px 10px 2px 10px;
  vertical-align: top;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #cecece; }

table.tabelleDaten td {
  padding: 2px 10px 2px 10px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  vertical-align: top;
  background: #e7e7e7; }

table.tabelleDaten td.tabelleBackTitel {
  padding: 2px 10px;
  vertical-align: top;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #cecece; }

table.tabelleDaten .tabelleSonderText {
  margin-top: 2px;
  margin-bottom: 2px;
  text-align: left;
  font-weight: normal; }

table.tabelleDaten .tabelleSonderBeschriftung {
  margin-top: 2px;
  margin-bottom: 2px;
  text-align: left;
  font-weight: bold; }

/* 
 * Bilder alt
 */
.bild-klein,
.bild-dreifach {
  display: none; }

.old-wrapper {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 66.66666666666667%;
  /* Bilder Seitenverhaeltnis 3:2 */ }

.old-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.old-s,
.old-m,
.old-l {
  width: 100%; }

.old-3 {
  max-width: 194px; }

.old-s {
  max-width: 180px; }

.old-contact {
  float: right;
  width: 31.57895%;
  max-width: 150px;
  margin-left: 1.51515%;
  margin-bottom: 1.51515%; }

.old-archiv-small {
  width: 100%;
  max-width: 100px; }

.old-archiv-detail-portrait {
  max-height: 374px; }

.old-archiv-detail-landscape {
  max-width: 374px; }

.box-linked .img-1-col img {
  width: 100%;
  max-width: 150px; }

.text-image-wrapper .img-1-col img {
  width: 100%; }

/* 
 * Veranstaltungskalender Widget alt
 */
table.kalender td a, .komfortsuche {
  color: #007e99 !important; }

table.kalender td.heute {
  background-color: #007e99; }

table.kalender td.heute a {
  color: #fff !important; }

table.kalender td.vtag:hover, table.kalender td.vtag:hover a {
  background-color: #007e99 !important;
  color: white !important; }

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 62.875em) {
  .bild-dreifach {
    display: block;
    margin: 0;
    padding: 0;
    border-right: 1px solid #fff;
    width: 33.33333333%; }
    .bild-dreifach img {
      width: 194px; }

  .non-responsive,
  .bild-klein {
    display: block; } }