/* ============= *
 * MEDIA QUERIES *
 * ============= */

.noSpam {
  display: none;
}

.palette {
  height: 100%;
}

#wrapper .palette {
  overflow: hidden;
}

.box {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* FORMULAR */
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/* TABELLE */
table {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* FLOAT */
.float_right {
  float: right;
}

.float_left {
  float: left;
}

/* LABEL */
.label_inline {
  display: inline !important;
  margin: 0 !important;
}

/* LISTEN */
.list_header,
.list_row {
  border-bottom: 1px solid #ddd;
  clear: both;
  position: relative;
}

.list_header {
  border-bottom-color: #5A6775;
}

.list_row:hover {
  background-color: #ddd;
  border-bottom-color: #5A6775;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}

/* VIDEO */
.video-container {
  clear: both;
  display: block !important;
  overflow: hidden;
  padding-top: 0;
  position: relative;
  width: 100%;
}

/* 16:9 */
.video-container.ratio169 {
  padding-bottom: 56.25%;
}

/* 4:3 */
.video-container.ratio43 {
  padding-bottom: 75%;
}

.video-container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.oe_label_label {
  display: inline-block;
  font-weight: 700;
  width: 150px;
}

.widget.google,
.widget.mail {
  margin: 0;
}

#quick-contact .widget.google > div:first-child {
  margin-left: -34px;
  transform: scale(0.74);
}


/* LP: Changed als widths to percentages without padding */

.w08 {
  width: calc(8% - 20px);
}

.w10 {
  width: calc(10% - 20px);
}

.w16 {
  width: calc(16.6666% - 20px);
}

.w25 {
  width: calc(25% - 20px);
}

.w33 {
  width: calc(33.333% - 20px);
}

.w50 {
  width: calc(50% - 20px);
}

.w66 {
  width: calc(66.6666% - 20px);
}

.w75 {
  width: calc(75% - 20px);
}

.w80 {
  width: calc(80% - 20px);
}

.w100,
.tx-indexedsearch-whatis,
.tx-indexedsearch-browsebox {
  width: calc(100% - 20px);
}

.row {
  display:flex;
  flex-wrap: wrap;
}

#logo {
  width: 75px;
}

@media only screen and (min-width: 385px) and (max-width: 1023px) {
  /* **** *
  * LOGO *
  * **** */
  #logo {
    width: 14.666%;
  }
}

/* BIG DESKTOPs */
@media only screen and (min-width: 1024px) {

  .inside {
    margin: 0 auto;
    position: relative;
    display: block; /* LP */
    max-width: 1440px; /* LP */
  }

  #wrapper .inside_hp {
    margin: 0 auto;
    position: relative;
    display: flex; /* LP */
    max-width: 1440px; /* LP */
  }

  /* ****** *
  * HEADER *
  * ****** */
  #header {
    position: relative;
    z-index: 2;
  }

  #logo,
  #meta-navigation,
  #language-select,
  #quick-search {
    vertical-align: bottom;
  }

  /* LOGO Helper */
  #logo-helper {
    display: inline-block;
    vertical-align: bottom;
  }

  /* TOGGLER */
  .sToggler,
  #mToggler {
    display: none;
  }

  /* *************** *
  * 960 GRID SYSTEM *
  * *************** */
  .box,
  .col,
  .video-container,
  .tx-indexedsearch-whatis,
  .tx-indexedsearch-browsebox {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
  }

  .box.right {
    text-align: right;
  }

  /* PARENTING SYSTEM */
  .col-25 > .box {
    width: calc(25% - 20px);
  }

  .col-33 > .box {
    width: calc(33.3333% - 20px);
  }

  .col-50 > .box {
    width: calc(50% - 20px);
  }

  .col-100 > .box {
    width: 940px;
  }

  /* DEPENDENCE TO #LEFT */
  #left .w20,
  #left .w25,
  #left .w33,
  #left .w50,
  #left .w66,
  #left .w75,
  #left .w80,
  #left .w100 {
    width: calc(100% - 20px);
  }

  /* DEPENDENCE TO #CONTENT */
  #content .w20 {
    #width: calc(20% - 20px);
  }

  #content .w25 {
    display: grid;
    float: left;
    width: calc(25% - 20px);
  }

  .element4cols .w25 {
    min-width: 232px;
  }

  #content .w33 {
    width: calc(33.333% - 20px);
  }

  #content .w50 {
    width: calc(50% - 20px);
  }

  #content .w66 {
    width: calc(66% - 20px);
  }

  #content .w75 {
    width: calc(75% - 20px);
  }

  #content .w80 {
    #width: calc(80% - 20px);
  }

  #content .w100,
  #content .tx-indexedsearch-whatis,
  #content .tx-indexedsearch-browsebox {
    width: 100%; /* LP */
  }

  #content .element2cols .col .box,
  #content .element3cols .col .box {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  #content .element2cols .col .image_container,
  #content .element3cols .col .image_container {
    margin-top: 0 !important;
  }

  #content .element2cols .col .text_container,
  #content .element3cols .col .text_container {
    margin-bottom: 0 !important;
  }

  #content .element2cols .col .row,
  #content .element3cols .col .row {
    margin-bottom: 0;
    margin-top: 0;
  }

  #content .element2cols .col .video-container,
  #content .element3cols .col .video-container {
    border: 0;
    margin: 0;
  }

  /* *************** *
  * MAIN NAVIGATION *
  * *************** */
  #main-navigation-mobile {
    display: none;
  }

  #main-navigation,
  #main-navigation ul.level_1 {
    height: 60px;
  }

  #main-navigation ul a {
    display: block;
  }

  /* LEVEL 1 */
  #main-navigation ul.level_1 > li {
    display: inline-block;
    height: 60px;
    position: relative;
  }

  #main-navigation ul.level_1 > li > a {
    height: 60px;
  }

  #main-navigation ul.level_1 > li > a > span {
    line-height: 60px;
    padding: 0 15px;
  }

  /* LEVEL 2 */
  #main-navigation ul.level_2 {
    height: 200px;
    left: 0;
    min-width: calc(25% - 20px);
    opacity: 0;
    position: absolute;
    top: 60px;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    visibility: hidden;
    z-index: 1;
  }

  #main-navigation ul.level_1 > li:hover ul.level_2 {
    height: auto;
    opacity: 1;
    visibility: visible;
  }

  #main-navigation ul.level_2 > li {
    border-top: 1px solid #7b8896;
    white-space: nowrap;
  }

  #main-navigation ul.level_2 > li > a {
    display: block;
    line-height: 1.5em;
    padding: 10px 15px;
  }

  /* ************** *
  * SUB NAVIGATION *
  * ************** */
  #sub-navigation ul.level_1 > li {
    padding: 0;
  }

  #sub-navigation ul.level_1 > li + li {
    margin: 1px 0 0 0;
  }

  #sub-navigation ul.level_1 > li > a {
    display: block;
    line-height: 1.5em;
    padding: 18px 35px;
  }

  /* *************** *
  * META NAVIGATION *
  * *************** */
  #meta-navigation ul {
    display: block;
    text-align: right;
  }

  #meta-navigation ul li {
    display: inline-block;
    margin: 0 10px;
  }

  /* ****** *
  * FOOTER *
  * ****** */
  /* FOOTER (SUB) NAVIGATION */
  #footer-navigation {
    margin: 20px 0;
  }

  #footer-navigation ul.level_1 {
    display: block;
    margin-left: -10px;
  }

  #footer-navigation ul.level_1 > li {
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    width: 20%; /* LP */
  }

  #footer-navigation ul.level_2 > li a {
    display: block;
  }

  #footer-sub-navigation {
    height: 3.75em;
    line-height: 3.75em;
  }

  #footer-sub-navigation ul {
    display: block;
    text-align: right;
  }

  #footer-sub-navigation ul li {
    display: inline-block;
    margin: 0 10px;
  }

  /* COPYRIGHT */
  #copyright {
    height: 3.75em;
    line-height: 3.75em;
  }

  /* SEO OPT */
  #seo-opt {
    margin-bottom: 30px;
  }

  /* ****** *
  * BANNER *
  * ****** */
  #banner {
    margin: 10px 0 0 0;
    max-height: 50vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }

  /* ****** *
  * SLIDER *
  * ****** */
  .slide {
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
  }

  .slide .frame {
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 1420px;
    min-width: 940px;
    position: relative;
    z-index: 2;
  }

  .slide .frame img {
    width: 100%;
  }

  .slide .frame .inner {
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -470px;
    position: absolute;
    top: 0;
    width: 940px;
  }

  .slide .info-box {
    left: 40px;
    overflow: hidden;
    position: absolute;
    top: 80px;
  }

  .slide .info-box span.title {
    display: block;
    margin: 20px;
  }

  .slide .info-box span.more {
    display: block;
    margin: 20px;
  }

  .slide .info-box span.icon {
    margin-right: 10px;
  }

  .swiper-container-horizontal > .swiper-pagination {
    bottom: 10px;
  }

  .swiper-pagination-bullet {
    box-shadow: 0 0 20px #000;
  }

  .swiper-pagination-bullet {
    background: none repeat scroll 0 0 #f4f4f4;
    border-radius: 0;
    display: inline-block;
    height: 20px;
    opacity: 1;
    width: 20px;
  }

  .swiper-pagination-bullet-active {
    background: none repeat scroll 0 0 #ec1c23;
    opacity: 1;
  }

  .swiper-pagination-white .swiper-pagination-bullet-active {
    background: none repeat scroll 0 0 #ec1c23;
  }

  .swiper-pagination-black .swiper-pagination-bullet-active {
    background: none repeat scroll 0 0 #ec1c23;
  }

  /* ******* *
  * WRAPPER *
  * ******* */
  #wrapper {
    margin: 20px 0;
  }

  /* **** *
  * LEFT *
  * **** */
  #left {
    display: block;
    margin-top: 10px;
    vertical-align: top;
    width: calc(30% - 20px);
  }

  /* LOGIN LEFT */
  #left .tx-felogin-pi1 .row {
    margin: 0;
  }

  #left .tx-felogin-pi1 form .widget {
    margin-bottom: 0;
  }

  /* ******* *
  * CONTENT *
  * ******* */
  #content {
    display: inline-block;
    float: right;
    vertical-align: top;
    width: 70%;
  }

  body.full #content {
    display: block;
    width: 100%;
  }

  /* ********** *
  * BREADCRUMB *
  * ********** */
  #breadcrumb > * {
    display: inline-block;
    vertical-align: top;
  }

  #breadcrumb > span {
    margin: 0 5px;
  }

  #breadcrumb > span:first-child {
    margin-left: 0;
  }

  /* *********** *
  * CONTENT ROW *
  * *********** */
  .row {
    margin-top: 10px;
  }

  .row:last-child {
    margin-bottom: 10px;
  }

  /* ********* *
  * FORMULARE *
  * ********* */
  input, select {
    border-radius: 0;
    height: 50px;
    line-height: 30px;
    padding: 10px 15px;
    width: 100%;
  }

  #left .tx-felogin-pi1 input {
    height: 40px;
    line-height: 30px;
    padding: 5px 10px;
  }

  /* TEXTAREA */
  textarea {
    height: 200px;
    line-height: 130%;
    padding: 10px;
    width: 100%;
  }

  /* FILE */
  .file input {
    height: auto;
    line-height: inherit;
    padding-bottom: 0;
    padding-top: 0;
  }

  .file .file_container {
    height: 20px;
    padding: 20px 0;
  }

  /* FIELDSET + LEGEND */
  fieldset legend {
    margin: 0 10px;
  }

  /* LABEL */
  label {
    display: block;
    line-height: 1;
    margin: 5px 0;
  }

  /* RADIO */
  div.radio label,
  div.checkbox label {
    cursor: pointer;
    display: inline-block;
    width: auto;
  }

  div.radio label + label,
  div.checkbox label + label {
    margin-left: 20px;
  }

  div.radio label input.radio,
  div.checkbox label input.checkbox {
    display: none;
  }

  div.radio label span,
  div.checkbox label span {
    display: inline-block;
    height: auto;
    width: auto;
  }

  div.radio label span:before,
  div.checkbox label span:before {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 7px solid #f4f4f4;
    border-radius: 15px;
    content: ' ';
    display: inline-block;
    height: 15px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: 15px;
  }

  div.checkbox label span:before {
    border-radius: 5px;
  }

  div.radio label input:checked + span:before,
  div.checkbox label input:checked + span:before {
    background: #ec1c23;
  }

  /* SELECT */
  .select-style:after {
    height: 34px;
    line-height: 34px;
    right: 10px;
    top: 10px;
    width: 34px;
  }

  body.Firefox .select-style select {
    width: 105%;
  }

  /* CAPTCHA */
  .widget.captcha {
    vertical-align: bottom;
  }

  .widget.captcha img {
    height: auto;
    margin: 0;
    width: 100% !important;
  }

  .tx-srfreecap-pi1-cant-read {
    margin: 10px 0;
  }

  .widget {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
  }

  .widget.right {
    text-align: right;
  }

  #footer .widget {
    display: block;
    line-height: 0;
    margin: 0;
  }

  /* QUICKSEARCH - LANGUAGE SELECT */
  #quick-search input,
  #quick-search select,
  #language-select input,
  #language-select select {
    height: 35px;
    padding-bottom: 0;
    padding-top: 0;
    display: inline-flex;
    align-items: center;
  }

  #quick-search input.text {
    width:  calc(100% - 20px); /* LP */
  }

  #quick-search input.submit {
    padding: 0;
    width: 30px;
  }

  /* QUICKCONTACT */
  #quick-contact {
    margin-bottom: 40px;
    margin-top: 40px;
  }

  #quick-contact form {
    margin-top: 20px;
  }

  #quick-contact .widget + .widget {
    margin-top: 10px;
  }

  #quick-contact button,
  #quick-contact input,
  #quick-contact select {
    height: 40px;
    line-height: 40px;
    padding-bottom: 0;
    padding-top: 0;
  }

  #quick-contact button,
  #quick-contact input {
    width: 100%;
  }

  #quick-contact .tx-srfreecap-pi1-cant-read {
    line-height: 20px;
    margin: 10px 0;
  }

  #quick-contact textarea {
    height: 80px;
    line-height: 20px;
  }

  #quick-contact div.checkbox label span:before {
    background: none repeat scroll 0 0 #ffffff;
    border: 7px solid #ffffff;
  }

  #quick-contact div.checkbox label input:checked + span:before {
    background: #ec1c23;
  }


  /* ***** *
  * ICONS *
  * ***** */
  /* STARTSEITE */
  .icon_container .icon {
    display: inline-block;
    margin: 0 auto;
    padding: 20px 0 10px 0;
  }

  .icon_container .title {
    display: block;
    margin: 0 auto;
    padding: 0 0 20px 0;
  }

  /* ********* *
  * DOWNLOADS *
  * ********* */
  .dl_container h3 + .dl-list,
  .dl_container h4 + .dl-list {
    margin-top: 20px;
  }

  .download span {
    display: inline-block;
    margin-top: 2px;
    vertical-align: middle;
    width: calc(25% - 20px);
  }

  .w100 .download span {
    width: auto;
  }

  .download .icon {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 0;
    width: 30px;
  }

  .download + .download {
    margin-top: 20px;
  }

  a.icon-download:before,
  a.download:before {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    line-height: 30px;
    margin: 0 10px 0 0;
    width: 40px;
  }

  a.icon-download.small:before,
  a.download.small:before {
    height: 30px;
    line-height: 20px;
    width: 35px;
  }

  #left a.icon-download span,
  #left a.download span {
    line-height: 1.15em;
    width: 85%;
  }

  /* ********** *
  * ACTON LINK *
  * ********** */
  .link .icon {
    margin-right: 10px;
  }

  a.actionlink {
    display: inline-block;
    background-size: 0;
  }

  .actionlink.small {
    font-size: 20px;
  }

  .actionlink.small:before {
    font-size: 21px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    margin-right: 0;
    width: 34px;
  }

  /* TO TOP */
  .toTop {
    bottom: 30px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-decoration: none;
  }

  .toTop.icon:before {
    display: inline-block;
    margin-right: 0 !important;
    padding: 0.625em;
  }

  /* ****** *
  * TEASER *
  * ****** */
  /* BILD TEXT */
  .teaser > .box.image_container {
    margin: 0;
  }

  .teaser > .box.text_container {
    padding: 10px;
  }

  .teaser > .box.text_container > * {
    margin-left: 10px;
    margin-right: 10px;
  }

  .teaser > .box.contact_person span {
    display: inline-block;
    margin-right: 5px;
  }

  .archiv {
    vertical-align: bottom;
    height: 100%;
    margin-top: auto;
  }

  /* **** *
  * SUCHE *
  * **** */
  .result > .box {
    margin-left: 0;
    margin-right: 0;
  }

  .result + .result {
    margin-top: 20px;
    padding-top: 20px;
  }

  .tx-indexedsearch-whatis {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* ********* *
  * AKKORDEON *
  * ********* */
  .accordion .acc_element .toggler {
    padding: 0.75em;
  }

  .accordion .acc_element .toggler .ui-icon {
    display: block;
    float: left;
    margin: 2px 0 0 0;
  }

  .accordion .acc_element .toggler .ui-icon + span {
    display: block;
    margin-left: 40px;
    line-height: 1.25;
    height: 1.5rem;
  }

  .accordion .acc_element + .acc_element {
    margin-top: 20px;
  }

  .accordion .acc_content {
    margin-top: 20px;
    overflow: hidden;
  }

  /* FIX P & UL in ACCORDION WITH FLOATING IMG */
  .accordion .acc_content > p:first-child {
    margin: 0;
  }

  /* BILD TEXT FLOATING */
  .accordion .acc_content .image_container.float_right {
    margin-left: 20px;
  }

  .accordion .acc_content .image_container.float_left {
    margin-right: 20px;
  }

  /* **** *
  * TABS *
  * **** */
  .tabs_header ul {
    display: block;
    list-style: none;
    position: relative;
  }

  .tabcount_2 li {
    width: 50%;
  }

  .tabcount_3 li {
    width: 33.33%;
  }

  .tabcount_4 li {
    width: 25%;
  }

  .tabcount_5 li {
    width: 20%;
  }

  .tabcount_6 li {
    width: 16.667%;
  }

  .tabs_header ul li {
    float: left;
    height: 50px;
    margin: 0 !important;
    position: relative;
    z-index: 1;
  }

  .tabs_header ul li a {
    background: #f4f4f4;
    color: #666;
    display: block;
    font-family: 'HindLight', Helvetica, Arial, sans-serif;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }

  .tabs_header ul li a span {
    display: inline-block;
    vertical-align: middle;
  }

  .tabs_header ul li a:hover {
    background: #666;
    color: #fff;
  }

  .tabs_header ul li.ui-tabs-active a {
    background: #ec1c23;
    color: #fff;
  }

  /* ****** *
  * BILDER *
  * ****** */
  .image {
    position: relative;
  }

  .image + .image {
    margin-top: 20px;
  }

  .caption {
    margin: 5px 0;
  }

  .centered .image_container {
    display: table;
    height: 110px;
  }

  .centered .image_container picture {
    display: table-cell;
    vertical-align: middle;
  }

  /* ********** *
  * PAGINATION *
  * ********** */
  .tx-indexedsearch-browsebox,
  .center {
    text-align: center;
  }

  .pager,
  ul.tx-indexedsearch-browsebox {
    text-align: center;
  }

  .pager .pages {
    display: inline-block;
  }

  .pager .pages ul li,
  .tx-indexedsearch-browsebox li {
    display: inline-block !important;
    margin: 15px 10px;
    padding: 0;
    font-size: 30px;
  }

  .pager .pages ul li a,
  .pager .pages ul li span,
  .tx-indexedsearch-browsebox li a {
    display: flex;
    height: 60px;
    width: 65px;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
  }

  .pager .pages ul li.previous {
    margin-right: 10px;
  }

  .pager .pages ul li.next {
    margin-left: 10px;
  }

  /* ******** *
  * TIMELINE *
  * ******** */
  #timeline {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  #time_wrapper {
    background: #f4f4f4;
    margin-bottom: 20px;
  }

  #dates {
    display: block;
    margin: 0;
    overflow: hidden;
    height: 80px;
  }

  #dates li {
    float: left;
    list-style: none;
    margin: 0;
    height: 100%;
    text-align: center;
    width: 100px;
  }

  #dates a {
    display: block;
    text-decoration: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
  }

  #dates a:hover {
    background: #666;
    color: #fff;
  }

  #dates .selected {
    background: #ec1c23;
    color: #fff;
  }

  #issues {
    display: block;
    margin: 0;
    overflow: hidden;
  }

  #issues li {
    float: left;
    height: 1px;
    list-style: none;
    margin: 0;
    visibility: hidden;
  }

  #issues li.selected {
    height: auto;
    visibility: visible;
  }

  #issues li img {
    background: transparent;
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    float: left;
    margin-right: 30px;
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    zoom: 1;
  }

  #issues li.selected img {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  #issues li > * {
    margin: 0 50px;
  }

  #timeline a.pLink {
    color: #ec1c23;
    display: block;
    font-family: 'oest', serif;
    height: 40px;
    position: absolute;
    text-decoration: none;
    top: 120px;
    width: 40px;
  }

  #timeline a#prev {
    left: 0;
  }

  #timeline a#next {
    right: 0;
  }

  /* VIDEO */
  .video-container {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  /* ***** *
  * HIDES *
  * ***** */
  #social-links,
  #sub-navigation,
  #main-navigation ul.level_1,
  .slider > .swiper-pagination > .swiper-pagination-bullet {
    display: none !important;
  }

  /* *********** *
  * GRID SYSTEM *
  * *********** */
  .box,
  .col,
  .video-container,
  .tx-indexedsearch-whatis,
  .tx-indexedsearch-browsebox {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
  }

  .box.right {
    text-align: right;
  }

  /* DEPENDENCE TO #LEFT */
  #left .w33 {
    width: 23%
  }

  #left .w20,
  #left .w25,
  #left .w50,
  #left .w75,
  #left .w80 {
    width: 48%;
  }

  #left .w66 {
    width: 73%
  }

  #left .w100 {
    width: 98%;
  }

  /* ****** *
  * TEASER *
  * ****** */
  .teaser > .box.image_container {
    margin: 0;
  }

  .teaser > .box.text_container {
    display: block;
    padding: 20px 0;
  }

  /* GRÖSSEN FIXES */
  .teaser > .box.w33 {
    width: 32.333%;
  }

  .teaser > .box.w50 {
    width: 49%;
  }

  .teaser > .box.w66 {
    width: 65.666%;
  }

  /* *************** *
  * MAIN NAVIGATION *
  * *************** */
  #main-navigation-mobile {
    left: -75vw;
    width: 75vw;
  }

  body.mobile-active {
    left: 75vw;
  }

  /* ***** *
  * ICONS *
  * ***** */
  #icons .row {
    margin-bottom: 0;
    margin-top: 0;
  }

  .icon_container .icon {
    padding: 5% 0 20px 0;
  }

  .icon_container .title {
    padding: 20px;
  }

  /* ****************** *
  * BILD TEXT FLOATING *
  * ****************** */
  .element3cols .image_container.float_right + .text_container,
  .element3cols .image_container.float_left + .text_container {
    clear: both;
  }

  /* **** *
  * TABS *
  * **** */
  .tabs_header ul {
    list-style: none;
    position: relative;
  }

  .tabcount_2 li {
    width: 50%;
  }

  .tabcount_3 li {
    width: 33.33%;
  }

  .tabcount_4 li {
    width: 25%;
  }

  .tabcount_5 li {
    width: 20%;
  }

  .tabcount_6 li {
    width: 16.667%;
  }

  .tabs_header ul li {
    float: left;
    height: 44px;
    margin: 0 !important;
    position: relative;
    z-index: 1;
  }

  .tabs_header ul li a {
    background: #f4f4f4;
    color: #666;
    display: block;
    font-family: 'HindLight', Helvetica, Arial, sans-serif;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }

  .tabs_header ul li a span {
    display: inline-block;
    vertical-align: middle;
  }

  .tabs_header ul li a:hover {
    background: #666;
    color: #fff;
  }

  .tabs_header ul li.ui-tabs-active a {
    background: #ec1c23;
    color: #fff;
  }

  /* ********** *
  * BREADCRUMB *
  * ********** */
  #breadcrumb > * {
    display: inline-block;
    vertical-align: top;
  }

  #breadcrumb > span {
    margin: 0 5px;
  }

  #breadcrumb > span:first-child {
    margin-left: 0;
  }

  /* TIMELINE */
  #issues li img {
    float: left;
  }

  /* ***** *
  * FORMS *
  * ***** */
  form .widget.w16 label {
    margin: 20px 0;
  }

  .element3cols .image_container.float_right,
  .element3cols .image_container.float_left {
    margin-bottom: 4%;
  }
}

@media only screen and (max-width: 385px) and (orientation: portrait) {

  #issues li img {
    margin: 0 auto 2em !important;
    max-height: 180px;
    width: auto
  }
}

/* BIGGER SMARTPHONES AND SMALL TABLETs */
@media only screen and (min-width: 385px) and (max-width: 767px) {

  /* *********** *
  * GRID SYSTEM *
  * *********** */
  .box,
  .col,
  .video-container,
  .tx-indexedsearch-whatis,
  .tx-indexedsearch-browsebox {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
  }

  .box.right {
    text-align: right;
  }

  .w08,
  .w16 {
    width: calc(33.333% - 20px);
  }

  .w20 {
    width: calc(23% - 20px);
  }

  .w25 {
    width: calc(50% - 20px);
  }

  .w33 {
    width: calc(31.333% - 20px);
    min-width: 200px;
  }

  .w50 {
    width: calc(48% - 20px);
  }

  .w66 {
    width: calc(64.666% - 20px);
  }

  .w75,
  .w80 {
    width: calc(73% - 20px);
  }

  .w100,
  .tx-indexedsearch-whatis,
  .tx-indexedsearch-browsebox {
    width: calc(100% - 20px);
  }

  /* DEPENDENCE TO #LEFT */
  #left .w20,
  #left .w25,
  #left .w33,
  #left .w50 {
    width: calc(100% - 20px);
  }

  #left .w66,
  #left .w75,
  #left .w80,
  #left .w100 {
    width: calc(100% - 20px);
  }

  /* ***************** *
  * FIX 3 COLUMN GRID *
  * ***************** */
  #content .element3cols .col .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  /* ****** *
  * TEASER *
  * ****** */
  .teaser > .box.image_container {
    display: block;
    margin: 0 20px 10px 0;
  }

  .teaser > .box.text_container + .box.image_container {
    float: none;
    margin: 0;
  }

  .teaser > .box.text_container {
    display: inline;
    margin: 0;
    padding: 0;
  }

  .teaser > .box.text_container > * {
    margin: 20px;
  }

  /* GRÖSSEN FIXES */
  .teaser > .box.w33 {
    width: 32.333%;
  }

  .teaser > .box.w50 {
    width: 49%;
  }

  .teaser > .box.w66 {
    width: 65.666%;
  }

  /* ********* *
  * FORMULARE *
  * ********* */
  .widget.w16,
  .widget.w25,
  .widget.w33 {
    width: 48%;
  }

  .widget.w75 {
    width: 96%;
  }

  /* *************** *
  * MAIN NAVIGATION *
  * *************** */
  #main-navigation-mobile {
    left: -70vw;
    width: 70vw;
  }

  body.mobile-active {
    left: 70vw;
  }

  /* **** *
  * TABS *
  * **** */
  .tabs_header ul li + li {
    margin-top: 10px !important;
  }

  /* ********** *
  * BREADCRUMB *
  * ********** */
  #breadcrumb > * {
    display: inline-block;
    vertical-align: top;
  }

  #breadcrumb > span {
    margin: 0 5px;
  }

  #breadcrumb > span:first-child {
    margin-left: 0;
  }

  /* ********* *
  * AKKORDEON *
  * ********* */
  .accordion .acc_content img {
    clear: both;
    display: block;
    margin-bottom: 10px;
  }

  .accordion .acc_content img.noSpam {
    display: none !important;
  }

  /* ****************** *
  * BILD TEXT FLOATING *
  * ****************** */
  .element3cols .image_container.float_right + .text_container,
  .element3cols .image_container.float_left + .text_container {
    clear: both;
  }

  /* **** *
  * TABS *
  * **** */
  .tabs_header ul {
    display: block;
    list-style: none;
  }

  .tabs_header ul li {
    display: block;
    margin: 0 !important;
    position: relative;
    z-index: 1;
  }

  .tabs_header ul li a {
    background: #f4f4f4;
    color: #666;
    display: block;
    font-family: 'HindLight', Helvetica, Arial, sans-serif;
    padding: 20px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .tabs_header ul li a:hover {
    background: #666;
    color: #fff;
  }

  .tabs_header ul li.ui-tabs-active a {
    background: #ec1c23;
    color: #fff;
  }

  /* TIMELINE */
  #issues li img {
    float: left;
  }

  /* DOWNLOADS */
}

/* SMARTPHONES */
@media only screen and (max-width: 384px) {

  /* *********** *
  * GRID SYSTEM *
  * *********** */
  .box,
  .video-container,
  .tx-indexedsearch-whatis,
  .tx-indexedsearch-browsebox {
    box-sizing: border-box;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
  }

  .box.right {
    text-align: right;
  }

  .w08,
  .w16,
  .w20,
  .w25,
  .w33 {
    width: calc(100% - 20px);
  }

  .w50 {
    width: calc(100% - 20px);
  }

  .w66,
  .w75,
  .w80,
  .w100,
  .tx-indexedsearch-whatis,
  .tx-indexedsearch-browsebox {
    width: calc(100% - 20px);
  }

  #language-select {
    width: 60%;
  }

  /* FIXES */
  .row .w66 + .w33 {
    width: 100%;
  }

  .row .w50.text_container + .w50.image_container {
    width: 100%;
  }

  #left .row .w25 .text_container,
  #left .row .w25 .image_container {
    width: 100%;
  }

  .row .w50.text_container {
    width: 100%;
  }

  #content .element2cols .col,
  #content .element3cols .col {
    width: 100%;
  }

  #content .element2cols .col + .col,
  #content .element3cols .col + .col {
    /*margin-bottom: 20px;
    margin-top: 20px;*/
  }

  /* ***************** *
  * FIX 2 / 3 COLUMN GRID *
  * ***************** */
  #content .element2cols .col .image_container {
    width: 46%;
  }

  #content .element2cols .col .text_container {
    float: left;
    max-width: 46%;
  }

  #content .element3cols .col .image_container {
    width: 31.333%;
  }

  #content .element3cols .col .text_container {
    float: left;
    max-width: 56.667%;
  }

  /* DEPENDENCE TO #LEFT */
  #left .w20,
  #left .w25,
  #left .w33,
  #left .w50,
  #left .w66,
  #left .w75,
  #left .w80,
  #left .w100 {
    width: 98%;
  }

  /* **** *
  * LOGO *
  * **** */
  #logo {
    width: 100px;
  }

  /* ****** *
  * TEASER *
  * ****** */
  .teaser > .box {
    margin: 0;
  }

  .teaser > .box.image_container {
    margin: 0;
  }

  .teaser > .box.text_container {
    display: block;
    padding: 20px;
  }

  /* GRAY SPACER LINE AFTER W33/50 COLS */
  #content .element2cols .col,
  #content .element3cols .col {
    /* border-bottom: 1px solid #f4f4f4;
      padding-bottom: 20px;*/
    }

    /* ********* *
    * FORMULARE *
    * ********* */
  .widget.w16,
  .widget.w25,
  .widget.w75,
  .widget.w33 {
    width: 48%;
  }

  /* *************** *
  * MAIN NAVIGATION *
  * *************** */
  #main-navigation-mobile {
    left: -240px;
    width: 240px;
  }

  body.mobile-active {
    left: 240px;
  }

  #header #main-navigation {
    width: 46%;
  }

  /* ***** *
  * MOBILE CLEAR *
  * ***** */
  .mobileclear {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
  }

  /* ARCHIV BUTTON */
  .archiv .actionlink {
    text-align: left;
  }

  .archiv .actionlink:before {
    /*padding: 0.45em !important;*/
    vertical-align: middle;
  }

  .archiv .actionlink span {
    display: inline-block;
    max-width: 78%;
    text-align: left;
    vertical-align: middle;
  }

  /* ****************** *
  * BILD TEXT FLOATING *
  * ****************** */
  .image_container.float_left img,
  .image_container.float_right img {
    width: 100%;
  }

  /* **** *
  * TABS *
  * **** */
  .tabs_header ul li + li {
    margin-top: 10px !important;
  }

  /* ********** *
  * BREADCRUMB *
  * ********** */
  #breadcrumb > * {
    display: inline-block;
    vertical-align: top;
  }

  #breadcrumb > span {
    margin: 0 5px;
  }

  #breadcrumb > span:first-child {
    margin-left: 0;
  }

  /* ********* *
  * AKKORDEON *
  * ********* */
  .accordion .acc_content img {
    clear: both;
    display: block;
    margin-bottom: 10px;
    max-width: 50%;
  }

  .accordion .acc_content img.noSpam {
    display: none !important;
  }

  /* **** *
  * TABS *
  * **** */
  .tabs_header ul {
    display: block;
    list-style: none;
  }

  .tabs_header ul li {
    display: block;
    margin: 0 !important;
    position: relative;
    z-index: 1;
  }

  .tabs_header ul li a {
    background: #f4f4f4;
    color: #666;
    display: block;
    font-family: 'HindLight', Helvetica, Arial, sans-serif;
    padding: 20px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .tabs_header ul li a:hover {
    background: #666;
    color: #fff;
  }

  .tabs_header ul li.ui-tabs-active a {
    background: #ec1c23;
    color: #fff;
  }

  /* TIMELINE */
  #issues li img {
    float: none;
  }

  #logo img {
    max-height: 60px !important;
    margin: 0;
  }
}

/* ALL MOBILES */
@media only screen and (min-width: 0px) and (max-width: 1023px) {

  /* ***** *
  * HIDES *
  * ***** */
  #main-navigation ul.level_1, #quick-contact,
  #meta-navigation,
  #social-links,
  #seo-opt,
  #footer-navigation,
  #sub-navigation {
    display: none !important;
  }

  #logo,
  #meta-navigation,
  #language-select,
  #quick-search {
    margin: 10px;
    vertical-align: bottom;
  }

  /* ***************** *
  * FIX 2 / 3 COLUMN GRID *
  * ***************** */
  #content .element2cols .col .row,
  #content .element3cols .col .row {
    margin: 0;
  }

  #content .element2cols .col .video-container,
  #content .element3cols .col .video-container {
    border: 0;
    margin: 0;
  }

  /* ****** *
  * BANNER *
  * ****** */
  #banner {
    margin: 20px 0 0 0;
    overflow: hidden;
  }

  /* *********** *
  * CONTENT ROW *
  * *********** */
  .row {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
  }

  .row:last-child {
    margin-bottom: 20px;
  }

  /* ******** *
  * LANGUAGE *
  * ******** */
  #language-select {
    bottom: 0;
    position: absolute;
    right: 0;
  }

  /* *********** *
  * LOGO HELPER *
  * *********** */
  #logo-helper {
    position: relative;
  }

  /* *********** *
  * QUICKSEARCH *
  * *********** */
  #header {
    overflow: hidden;
    position: relative;
  }

  #quick-search {
    bottom: 0;
    line-height: 0;
    margin: 0;
    position: absolute;
    right: 0;
    width: 50%;
  }

  #quick-search form input {
    box-sizing: inherit;
    display: inline-block;
    height: 100%;
    line-height: 30px;
    width: 80%;
  }

  #quick-search form input.submit {
    padding: 0;
    width: 20%;
  }

  /* ************** *
  * ANIMATION MENU *
  * ************** */
  body,
  #main-navigation-mobile {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  /* ************************ *
  * MAIN NAVIGATION / MOBILE *
  * ************************ */
  #main-navigation {
    line-height: 0;
    width: 23%;
  }

  #main-navigation-mobile {
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: 1;
  }

  body.mobile-active #main-navigation-mobile {
    left: 0;
  }

  body {
    left: 0;
    overflow-x: hidden;
    position: relative;
  }

  /* ***** *
  * FIXED *
  * ***** */
  /* FF MAC */
  body.mobile-active.Firefox {
    overflow: hidden;
  }

  body.Firefox #container {
    min-width: 100%;
  }

  #container {
    box-shadow: 0 0 20px #333;
    position: relative;
    z-index: 2;
  }

  /* CHROME MAC */
  body.mobile-active.Chrome.Android.Webkit {
    overflow: hidden;
  }

  body.Chrome.Android.Webkit #container {
    min-width: 100%;
  }

  /* ANDROID 4.4 */
  body.mobile-active.Android.Webkit #container {
    height: 100%;
    left: 50%;
    overflow: hidden;
    position: fixed;
    width: 100%;
  }

  /* IOS */
  body.mobile-active.iphone {
    overflow: hidden;
    position: fixed;
  }

  body.mobile-active.iphone #container {
    display: block;
    min-width: 320px;
  }

  /* IOS #2 */
  body.mobile-active.iOS.Safari.Webkit {
    overflow: hidden;
    position: fixed;
  }

  body.mobile-active.iOS.Safari.Webkit #container {
    position: fixed;
    width: 100%;
  }

  /* ******* *
  * TOOGLER *
  * ******* */

  #mToggler {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 34px;
    margin: 0;
    overflow: hidden;
    padding-left: 1px;
    text-align: left;
  }

  #mToggler:hover {
    background: none !important;
  }

  #mToggler span,
  #mToggler span:before,
  #mToggler span:after {
    background: #fff;
    content: '';
    display: inline-block;
    height: 3px;
    margin: 0 auto;
    vertical-align: middle;
    width: 24px;
  }

  #mToggler span {
    margin-right: 6px;
  }

  #mToggler span:before {
    display: block;
    margin-right: 6px;
    margin-top: -7px;
  }

  #mToggler span:after {
    display: block;
    margin-right: 6px;
    margin-top: 11px;
  }

  /* ACTIVE */
  body.mobile-active #mToggler span {
    background: transparent;
  }

  body.mobile-active #mToggler span:before {
    margin-top: -2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  body.mobile-active #mToggler span:after {
    margin-top: -3px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  /* MENU TOGGLING */
  #main-navigation-mobile li img {
    display: none;
    margin-right: 20px;
  }

  #main-navigation-mobile li {
    position: relative;
  }

  #main-navigation-mobile .sToggler {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    height: 3.125em;
    outline: none !important;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 2;
  }

  #main-navigation-mobile .sToggler:active {
    background: #1a2e5b;
  }

  #main-navigation-mobile .sToggler em {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    display: block;
    height: 0;
    outline: none !important;
    text-indent: -9999em;
    width: 0;
  }

  #main-navigation-mobile ul.level_1 li.trail > .sToggler em,
  #main-navigation-mobile ul.level_1 li.active > .sToggler em,
  #main-navigation-mobile ul.level_2 li.trail > .sToggler em,
  #main-navigation-mobile ul.level_2 li.active > .sToggler em,
  #main-navigation-mobile .active > .sToggler em {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    height: 0;
    width: 0;
  }

  #main-navigation-mobile ul.level_1 {
    border-top: 1px solid #c3c5c8;
    margin-top: 20px;
    padding-top: 20px;
  }

  #main-navigation-mobile ul.level_1:first-child {
    border-top: none;
    margin-top: 0;
  }

  /* ********* *
  * FORMULARE *
  * ********* */
  input, select {
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    width: 100%;
  }

  /* TEXTAREA */
  textarea {
    height: 200px;
    line-height: 130%;
    padding: 20px;
    width: 100%;
  }

  /* FILE */
  .file input {
    height: auto;
    line-height: inherit;
    padding-bottom: 0;
    padding-top: 0;
  }

  .file .file_container {
    height: 20px;
    padding: 20px 0;
  }

  /* FIELDSET + LEGEND */
  fieldset legend {
    margin: 0 20px;
  }

  /* LABEL */
  label {
    display: block;
    line-height: 130%;
    margin: 0;
  }

  /* RADIO */
  div.radio label {
    cursor: pointer;
    display: inline-block;
    width: auto;
  }

  div.radio label + label {
    margin-left: 4%;
  }

  div.radio label input.radio,
  div.checkbox label input.checkbox {
    display: none;
  }

  div.radio label span {
    display: inline-block;
    height: auto;
    width: auto;
  }

  div.radio label span:before,
  div.checkbox label span:before {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 7px solid #f2f2f2;
    border-radius: 15px;
    content: ' ';
    display: inline-block;
    height: 15px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: 15px;
  }

  div.checkbox label span:before {
    border-radius: 5px;
  }

  div.radio label input:checked + span:before,
  div.checkbox label input:checked + span:before {
    background: #ec1c23;
  }

  /* SELECT */
  .select-style:after {
    height: 14px;
    line-height: 14px;
    right: 10px;
    top: 10px;
    width: 14px;
  }

  body.Firefox .select-style select {
    width: 1120px;
  }

  /* CAPTCHA */
  .widget.captcha {
    vertical-align: bottom;
  }

  .widget.captcha img {
    height: auto;
    width: 100%;
  }

  .widget {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    height: 100%;
    margin-top: auto;
  }

  .widget.right {
    text-align: right;
  }

  #footer .widget {
    display: block;
    line-height: 0;
    margin: 0;
  }

  #footer .widget {
    line-height: 0;
  }

  /* ****** *
  * FOOTER *
  * ****** */
  #copyright,
  #footer-sub-navigation {
    text-align: center;
    width: calc(96% - 20px);
  }

  #footer-sub-navigation ul li {
    text-align: center;
  }

  /* ****** *
  * SLIDER *
  * ****** */
  .slider,
  .slide {
    background: none;
    overflow: hidden;
    position: relative;
  }

  /* HIDE SLIDES BEFORE LOADING */
  .slider .swiper-container {
    padding-bottom: 40px;
  }

  .slide .frame {
    display: block;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 2;
  }

  .slide .frame .inner {
    display: block;
    width: 100%;
  }

  .slide .info-box {
    overflow: hidden;
  }

  .slide .info-box span.title {
    display: block;
    margin: 20px;
  }

  .slide .info-box span.more {
    display: block;
    margin: 20px;
  }

  .slide .info-box span.icon {
    margin-right: 10px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }

  .swiper-container-horizontal > .swiper-pagination {
    bottom: 0;
  }

  .swiper-container-horizontal > .swiper-pagination > span.swiper-pagination-bullet {
    display: none !important;
  }

  .swiper-pagination-bullet {
    box-shadow: none;
  }

  /* ***** *
  * ICONS *
  * ***** */
  .icon_container .icon {
    display: inline-block;
    margin: 0 auto;
  }

  .icon_container .title {
    display: block;
  }

  /* ****************** *
  * BILD TEXT FLOATING *
  * ****************** */
  .image_container.float_left {
    margin-right: 2% !important;
  }

  .image_container.float_right {
    margin-left: 2% !important;
  }

  .image_container.float_left + .text_container,
  .image_container.float_right + .text_container {
    display: block;
    width: auto;
  }

  /* ********** *
  * ACTON LINK *
  * ********** */
  .link .icon {
    margin-right: 10px;
  }

  .actionlink {
    display: block;
  }

  body.Android.Webkit .actionlink {
    display: inline;
  }

  /* TO TOP */
  .toTop {
    bottom: 0;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }

  .toTop.icon:before {
    display: inline-block;
    margin-right: 10px;
    padding: 0.625em;
  }

  /* ARCHIV BUTTON */
  .archiv {
    vertical-align: bottom;
  }

  /* **** *
  * SUCHE *
  * **** */
  .result > .box {
    margin-left: 0;
    margin-right: 0;
  }

  .result + .result {
    margin-top: 4%;
    padding-top: 4%;
  }

  /* ********* *
  * AKKORDEON *
  * ********* */
  .accordion .acc_element .toggler {
    padding: 20px;
  }

  .accordion .acc_element .toggler .ui-icon {
    display: block;
    float: left;
    margin: 3px 0 0 0;
  }

  .accordion .acc_element .toggler .ui-icon + span {
    display: block;
    margin-left: 20px;
    line-height: 1.25;
  }

  .accordion .acc_element + .acc_element {
    margin-top: 20px;
  }

  .accordion .acc_content {
    margin-top: 10px;
    overflow: hidden;
  }

  /* ********* *
  * DOWNLOADS *
  * ********* */
  a.icon-download:before,
  a.download:before {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    line-height: 30px;
    margin: 0 10px 0 0;
    width: 40px;
  }

  a.icon-download.small:before,
  a.download.small:before {
    height: 30px;
    line-height: 20px;
    width: 35px;
  }

  a.icon-download span,
  a.download span {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
  }

  /* ****** *
  * BILDER *
  * ****** */
  .image {
    position: relative;
  }

  .image + .image {
    margin-top: 20px;
  }

  .caption {
    margin: 5px 0;
  }

  /* ********** *
  * PAGINATION *
  * ********** */
  .pager,
  .tx-indexedsearch-browsebox,
  .f3-widget-paginator {
    text-align: center;
    width: 100%;
  }

  .pager .pages {
    display: inline-block;
    width: 100%;
  }

  .pager .pages ul li,
  .tx-indexedsearch-browsebox li,
  .f3-widget-paginator li {
    display: inline-block !important;
    margin: 10px !important;
    padding: 0;
  }

  .pager .pages ul li > *,
  .tx-indexedsearch-browsebox li a,
  .f3-widget-paginator li a {
    display: block;
    height: 1.25em;
    text-align: center;
    width: 1.25em;
  }

  .pager .pages ul li.previous {
    margin-right: 10px;
  }

  .pager .pages ul li.next {
    margin-left: 10px;
  }

  /* ******** *
  * TIMELINE *
  * ******** */
  #timeline {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  #time_wrapper {
    background: #f4f4f4;
    height: 40px;
    margin-bottom: 20px;
  }

  #dates {
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
  }

  #dates li {
    float: left;
    height: 40px;
    list-style: none;
    margin: 0;
    text-align: center;
    width: 100px;
  }

  #dates a {
    display: block;
    height: 40px;
    text-decoration: none;
  }

  #dates .selected {
    background: #ec1c23;
    color: #fff;
  }

  #issues {
    display: block;
    margin: 0;
    overflow: hidden;
  }

  #issues li {
    float: left;
    height: 1px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
  }

  #issues li.selected {
    height: auto;
    visibility: visible;
  }

  #issues li img {
    background: transparent;
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    margin-bottom: 2em;
    margin-right: 20px;
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    zoom: 1;
  }

  #issues li.selected img {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  #issues li > * {
    margin: 0 60px;
  }

  #timeline a.pLink {
    color: #ec1c23;
    display: block;
    font-family: 'oest', serif;
    height: 50px;
    position: absolute;
    text-decoration: none;
    top: 120px;
    width: 50px;
  }

  #timeline a#prev {
    left: 0;
  }

  #timeline a#next {
    right: 0;
  }

  /* VIDEO */
  .video-container {
    border-bottom: 1vmax solid transparent;
    border-top: 1vmax solid transparent;
  }

  /* CONTACT PERSON */
  .teaser > .box.contact_person span {
    display: inline-block;
    margin-right: 5px;
  }
}