/*
 * HTML5 * Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */

 /* =============================================================================
   Font declarations
   ========================================================================== */

   @font-face {
    font-family: 'BioSans';
    src: url('../fonts/BioSans/BioSans-Regular.woff2') format('woff2'),
        url('../fonts/BioSans/BioSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BioSans';
    src: url('../fonts/BioSans/BioSans-Bold.woff2') format('woff2'),
        url('../fonts/BioSans/BioSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BioSans';
    src: url('../fonts/BioSans/BioSans-Bold.woff2') format('woff2'),
        url('../fonts/BioSans/BioSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BioSans';
    src: url('../fonts/BioSans/BioSans-Regular.woff2') format('woff2'),
        url('../fonts/BioSans/BioSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

   article, content-right, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

/* =============================================================================
   $BASE
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

body, button, input, select, textarea {
    font-family: BioSans,bio-sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection {
    background: #666;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #666;
    color: #fff;
    text-shadow: none;
}

/* =============================================================================
   $LINKS
   ========================================================================== */

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

a:focus {
    outline: medium dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
    outline: 0;
}

/* =============================================================================
   $TYPOGRAPHY
   ========================================================================== */

abbr[title] {
    border-bottom: 0.063em dotted;
}

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 0px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 0.063em;
    border: 0;
    border-top: 0.063em solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

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

q {
    quotes: none;
}

q:before, q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* =============================================================================
   $LISTS
   ========================================================================== */

ul, ol,
.csc-textpic-intext-left ol,
.csc-textpic-intext-left ul {
    margin: 1em 0;
    padding: 0 0 0 1.75em;
}

dd {
    margin: 0 0 0 2.5em;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

/* =============================================================================
   $EMBEDDED-CONTENT
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
    overflow: hidden;
}

/* =============================================================================
   $FIGURES
   ========================================================================== */

figure {
    margin: 0;
}

/* =============================================================================
   $FORMS
   ========================================================================== */

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
    cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend {
    border: 0;
    *margin-left: -0.7em;
    padding: 0;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input {
    line-height: normal;
    *overflow: visible;
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input {
    *overflow: auto;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/* Colors for form validity */
input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
    background-color: #f0dddd;
}

/* =============================================================================
   $TABLES
   ========================================================================== */

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    width: 100%;
}

tr.odd {
    background-color: #f1f1f1;
}

th, td {
    font-size: 12px;
    font-size: 0.75em;
    vertical-align: top;
    border: 0.09em solid #ddd;
    padding: 0.625em;
}

/* ==|== primary styles =====================================================
   Author: Tobias Stahn
   ========================================================================== */

html {
    height: 100%;
}

html, body {
    font-size: 1em;
}

body {
    font-family: "BioSans",bio-sans,Helvetica, Arial, Verdana, Geneva, sans-serif;
    line-height: 1.5;
    color: #666;
    background: #1f325a;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YzFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzFmMzI1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzFmMzI1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2MxZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a7c1da 0%, #1f325a 40%, #1f325a 60%, #a7c1da 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7c1da), color-stop(40%, #1f325a), color-stop(60%, #1f325a), color-stop(100%, #a7c1da));
    background: -webkit-linear-gradient(top, #a7c1da 0%, #1f325a 40%, #1f325a 60%, #a7c1da 100%);
    background: -o-linear-gradient(top, #a7c1da 0%, #1f325a 40%, #1f325a 60%, #a7c1da 100%);
    background: -ms-linear-gradient(top, #a7c1da 0%, #1f325a 40%, #1f325a 60%, #a7c1da 100%);
    background: linear-gradient(to bottom, #a7c1da 0%, #1f325a 40%, #1f325a 60%, #a7c1da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7c1da', endColorstr='#a7c1da', GradientType=0);
    background-attachment: fixed;
    overflow-y: visible;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    padding: 0;
    margin: 0;
}

h1, .alpha {
    font-family: "BioSans", bio-sans, Helvetica, Arial, Verdana, Geneva, sans-serif;
    font-size: 18px;
    font-size: 1.375rem;
    margin-bottom: 15px;
    margin-bottom: 0.9rem;
    color: #00377a;
    text-transform: uppercase;
}

h2, .beta {
    font-size: 18px;
    font-size: 1.125rem;
    color: #00377a;
    margin-bottom: 15px;
    margin-bottom: 0.9rem;
}

h3, .gamma {
    font-size: 14px;
    font-size: 0.875rem;
    color: #00377a;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

h4, .delta {
    font-size: 14px;
    font-size: 0.875rem;
    color: #00377a;
    background: #eaeef9;
    padding: 5px 15px;
    padding: 0.3rem 0.95rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

h4 a,
h4 a:visited {
    color: #00377a;
}

h4 a:hover {
    text-decoration: underline;
}

h5, .epsilon {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    background: #00377a;
    padding: 5px 15px;
    padding: 0.3rem 0.95rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

h5 a,
h5 a:visited {
    color: #fff;
    text-decoration: underline;
}

h5 a:hover {
    text-decoration: none;
    color: white;
}

h6, .zeta {
    font-size: 14px;
    font-size: 0.875rem;
    color: #00377a;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

p {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

a {
    color: #00377a;
    text-decoration: none;
}

a:hover {
    color: #00377a;
    text-decoration: underline;
}

a:visited {
    color: #00377a;
}

/* Remove link styles from linked images to get rid of icons and spacing */
figure a {
    background: none !important;
    padding: 0 !important;
}

article ul ul,
article ol ol {
    margin: 2px 0;
    margin: 0.15rem 0;
}

article li {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
}

.sr-hint {
    display: inline;
    position: absolute;
    left: -9999px;
    top: -9999px;
    height: 0;
    width: 0;
    /* background: white; */
}

.sr-hint a:focus {
    display: block;
    position: absolute;
    left: 10320px;
    top: 10150px;
    width: 20em;
    line-height: 5em;
    text-align: center;
    border: 0.5em double #000;
    padding: 0.5em;
    background-color: #ffffff;
    z-index: 3000;
    font-size: 1.25em;
}

/* form adjustments */

.tx-abcourses-pi1 label,
.tx-abcourses-pi1 input,
.tx-abcourses-pi1 select,
.tx-abcourses-pi1 textarea,
.tx-srfeuserregister-pi1 label,
.tx-srfeuserregister-pi1 input,
.tx-srfeuserregister-pi1 select ,
.tx-srfeuserregister-pi1 textarea {
    font-size: 12px;
    font-size: 0.75rem;
}


/* =======================
   $GENERAL
   ======================= */

/* Override Bootstrap's default container. */
@media (min-width: 1200px) {
    .container {
        width: 1130px;
        width: 70.625rem;
    }

    /* unity plugin is too wide, needs adjustment */
    #applicationfinder .container {
        width: 1280px;
    }
}

.container {
    background: #fff;
    -moz-box-shadow: 0 0.15em 0.3em rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0.15em 0.3em rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.15em 0.3em rgba(0, 0, 0, 0.15);
}

.container-main {
    padding-left: 30px;
    padding-left: 1.875rem;
    padding-right: 30px;
    padding-right: 1.875em;
}

/* remove background and padding */
#applicationfinder .container {
    background: transparent;
    box-shadow: none;
}

#applicationfinder .container-main {
    padding: 0;
}

#applicationfinder article {
    padding: 0;
    border: none;
}

.container-footer {
    padding: 0;
}

/* Custom button */
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

}

/* Download buttons */
.checkbox-wrapper label,
.checkbox-wrapper a {
    font-size: 0.75em;
}

.checkbox-wrapper label {
    margin-left: 5px;
}

/*
Custom widths for nested columns required in layouts using a 2col medium keyvisual.
This is needed because the nested rows don't fit the grid properly.
*/
.col-md-4-custom {
    width: 28.5714285714% !important;
}

.col-md-10-custom {
    width: 71.4285714285% !important;
}

/* =======================
   $RESPONSIVE-MEDIA
   ======================= */

img, video {
    width: 100%;
    max-width: 100%;
    height: auto; /* Set to "auto" instead of "100%" to fix Safari display issues */
}
.news-list-item img{
  width: 160px !important;
  float: left;
  padding-right: 5px;
}
.news-list2-item img{
  width: 160px !important;
  float: left;
  padding-right: 5px;
}
.news-list2-item{
  border-bottom: 0.09em solid #ddd;
  margin-bottom: 10px !important;
}
.news-list-item{
  border-bottom: 0.09em solid #ddd;
  margin-bottom: 10px !important;
}
.news-list2-container li:last-child{
  border: 0 !important;
}
.news-list-container li:last-child{
  border: 0 !important;
}
.news-single-backlink a{
  font-size:0.75rem;
  font-size:12px;
  padding-left: 0.95rem;
  background: url(http://www.schmersal.com/fileadmin/default/templates/img/icons/link/blue/link-back.gif) 0 0.175em no-repeat;
}
object, embed {
    width: 100%;
    max-width: 100%;
}

li.news-list2-item  > h3 > p > span.news-list-morelink {
    display: none;
}

/*
Custom wrapper class added to tt_content.media records via TypoScript.
This is required in order to scale multimedia content properly, so do NOT change or remove it - see: http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
*/
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-wrapper iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}

.video-wrapper object,
.video-wrapper embed  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* images */

.image-wrap:before,
.image-below:before,
.image-above:before,
.image-beside:before,
.image-intext:before,
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
    content: " ";
    display: table;
}

.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
    clear: both;
}

.image-beside-right,
.image-beside-left {
    overflow: hidden;
    zoom: 1;
}

.image-beside-left .image-wrap,
.image-beside-right .image-wrap,
.image-intext-left .image-wrap,
.image-intext-right .image-wrap {
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.image-beside-right .image-wrap,
.image-intext-right .image-wrap {
    float: right;
    margin-right: -10px;
}

.image-beside-left .image-wrap,
.image-intext-left .image-wrap {
    float: left;
    margin-left: -10px;
}

.image-left .image-wrap {
    float: left;
}

.image-right .image-wrap {
    float: right;
}

.image-below .image-wrap {
    margin-top: 10px;
}

.image-wrap {
    max-width: 100%;
}

.image-row {
    margin-left: -5px;
    margin-right: -5px;
}

.image-center-outer {
    width: 100%;
    position: relative;
    float: left;
    /* right: 50%; */
}

.image-center-inner {
    width: 100%;
    position: relative;
    float: left;
    /* right: -50%; */
}

.image {
    display: block;
    margin-bottom: 10px;
    line-height: 1.55;
}

/* text */

.image-beside-right .text,
.image-beside-left .text {
    overflow: hidden;
    zoom: 1;
}

.image-right .text {
    clear: right;
}

.image-left .text {
    clear: left;
}

.thumbnail {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 1.42857143;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.thumbnail .caption {
    color: #666;
    padding: 5px 0;
}

figcaption {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: left;
    margin-top: 5px;
}

div.csc-textpic-border div.csc-textpic-imagewrap a>img {
    border: 0.09em solid #ddd;
}

div.image-column a>img{
    border: 0.09em solid #ddd;
}

ce-textpic .image IMG {
    border: 0.09em solid #ddd;
}

.ce-border img, .ce-border iframe {
    border: 0.09em solid #ddd;
    padding: 0px;
}

/* =========================
   $NEWSLETTER SUBSCRIPTION
   ========================= */
.fe_ttaddress_error{
  color: red;
}
.fe_ttaddress_mandatory{
  color: red;
}


/* =======================
   $RTE
   ======================= */

span.blue {
    color: #00377a;
}

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

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

.align-center {
    text-align: center;
}

.align-justify {
    text-align: justify;
}

/* =======================
   $MISC
   ======================= */

/* =======================
   $HEADER
   ======================= */

.container > header {
    padding-top: 30px;
    padding-top: 1.875rem;
    margin: 0 -5px 0;
    margin: 0 -0.3125rem 0;
}

header .section-right nav {
    float: left;
}

header nav > ul {
    float: left;
}

header nav ul {
    list-style-type: none;
}

header nav ul li {
    display: inline;
    background: url("../img/nav-separator.gif") no-repeat left 0.375em;
    padding: 0 16px;
    padding: 0 1rem;
}

header nav ul li.first {
    background: none;
}

header nav ul li.first a {
    padding-left: 0;
}

/* language switch */

.language-switch {
    float: left;
    color: #333;
}

.language-switch .dropdown-menu {
    padding: 5px 15px;
    margin: 0;
}

.language-switch .dropdown-menu li a {
    padding: 0;
}

.language-switch .glyphicon-globe {
    margin-right: 5px;
}

.language-switch .caret {
    margin-left: 5px;
    margin-left: 0.3125rem;
}

#nav-lang ul li {
    display: block;
    background: none;
    padding: 0;
}

#nav-lang ul li a,
#nav-lang ul li span {
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    background: none;
}

#nav-lang ul li a:hover {
    background: #f5f5f5;
}

#nav-lang ul li.active span {
    background: #f5f5f5;
}

#nav-lang ul li span {
    padding: 3px 20px
}

/* meta/top navigation */

#nav-top ul li,
#nav-meta ul li {
    padding: 0 10px;
    padding: 0 0.625rem;
}

#nav-top ul li.first {
    padding-left: 0;
}

#nav-top ul li a,
#nav-top ul li strong,
#nav-meta ul li a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #333;
    padding: 0;
    text-shadow: none;
}

#nav-meta ul li a {
    font-size: 12px;
    font-size: 0.75rem;
}

#nav-top ul li a:focus,
#nav-top ul li a:hover,
#nav-top ul li a:active {
    color: #333;
    background: none;
    border-radius: 0;
    text-decoration: underline;
    outline: 0 none;
}

/* Search */

header #search {
    float: left;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
}

header #search form fieldset {
    display: table;
}

header #search #inputText {
    font-size: 12px;
    font-size: 0.75rem;
    color: #333;
    padding: 3px 8px;
    padding: 0.15rem 0.5rem;
    width: 192px;
    width: 12rem;
    border: 0.09em solid #eee;
    background: #ebebeb; /* Old browsers */
    background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 58%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(58%, #ffffff)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 58%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebebeb 0%, #ffffff 58%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ebebeb 0%, #ffffff 58%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    background: linear-gradient(top, #ebebeb 0%, #ffffff 58%); /* W3C */
}

header #search #inputButton {
    background: url("../img/magnifier.png") no-repeat center center;
    border: 0;
    padding: 0;
    text-indent: -9999px;
    margin-left: 9px;
    margin-left: 0.6rem;
    width: 17px;
    width: 1.063rem;
}

.keyvisual {
    clear: both;
}

.keyvisual figure,
.keyvisual div.csc-textpic .csc-textpic-imagewrap img {
    margin: 0 !important;
}

#logo {
    display: block;
    padding-bottom: 60px;
    padding-bottom: 3.75rem;
    margin: 0;
    float: right;
}

#dropdown {
    display: none;
}

/* =======================
   $FRONTPAGE
   ======================= */

.teaser-wrapper div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

.teaser-wrapper {
    margin: 0 -5px 0;
    margin: 0 -0.3125rem 0;
}

.teaser-wrapper h4 a {
    text-decoration: none;
}

.teaser div.csc-textpic .csc-textpic-imagewrap img {
    margin-bottom: 0 !important;
}

/* 25|25|25|25 */

.teaser-col1, .teaser-col2, .teaser-col3, .teaser-col4 {
    width: 23.75%;
    float: left;
    margin-left: 5px;
    margin-left: 0.3125rem;
    margin-right: 5px;
    margin-right: 0.3125rem;
}
@media (max-width:1199px){
.teaser-col1, .teaser-col2, .teaser-col3, .teaser-col4 {
    width: 40%;
    float: left;
    margin-left: 5px;
    margin-left: 0.3125rem;
    margin-right: 5px;
    margin-right: 0.3125rem;
}

}
/* =======================
   $MAIN
   ======================= */

#main {
    background: white;
    padding: 0;
}

#main header {
    margin: 0;
    padding: 0;
}

#shadow-bottom {
    height: 50px;
    height: 3.125rem;
    background: url("../img/shadow-bottom.png") no-repeat center top;
}

/* =======================
   $BREADCRUMB
   ======================= */

#breadcrumb {
    margin: 10px 0;
    margin: 0.625rem 0;
}

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

#breadcrumb ul li {
    font-size: 10px;
    font-size: 0.625rem;
    font-family: BioSans, bio-sans, Verdana, Geneva, sans-serif;
    background: url("../img/nav-arrow.gif") no-repeat left 0.375em;
    display: inline;
    padding: 0 10px 0 15px;
    padding: 0 0.625em 0 0.9em;
    margin: 0;
}

#breadcrumb ul li.first {
    background: none;
    padding: 0;
    padding-right: 10px;
    padding-right: 0.625em;
}

#breadcrumb ul li.last {
    background-position: left 0.375em;
    line-height: 2;
    padding: 0 10px 0 15px;
    padding: 0 0.625em 0 0.9em;
}

#breadcrumb ul li a {
    color: #00377a;
}

#breadcrumb ul li a.current {
    color: #666;
}

/* =======================
   $NAVIGATION
   ======================= */

.navbar-collapse {
    max-height: inherit; /* remove bootstrap 340px default */
    padding: 0;
}

.navbar-main {
    padding: 0;
}

.navbar-brand {
    display: none;
}

#nav-main a,
#nav-main a:visited {
    color: #555;
}

#nav-main li ul li a,
#nav-main li ul li a:visited {
    color: #555;
}

#nav-main li ul li a,
#nav-main li ul li strong,
#nav-main li ul li span {
    width: auto;
}

#nav-main li ul li ul li a,
#nav-main li ul li ul li strong,
#nav-main li ul li ul li span {
    width: auto;
}

#nav-main li ul li ul li a,
#nav-main li ul li ul li a:visited {
    background: none;
    color: #555;
}

#nav-main li ul li ul li a:hover,
#nav-main li ul li ul li a.selected {
    color: #555;
    background: #f1f1f1;
}

#nav-main ul {
    border-top: 0.09em solid #ddd;
    border-bottom: none;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
}

#nav-main ul ul {
    border: 0;
    margin: 0;
}

#nav-main ul li {
    width: auto;
    float: none;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
    font-family: BioSans, bio-sans, Verdana, Geneva, sans-serif;
    margin: 0;
}

#nav-main ul li a {
    width: auto;
    display: block;
    padding: 8px 10px 8px 20px;
    padding: 0.5rem 0.625rem 0.5rem 1.25rem;
    /* padding: 0.75em 0.625em 0.75em 1.7em;*/
    line-height: 1.45;
    border-bottom: 0.09em solid #ddd;
}

#nav-main ul li a:hover {
    background-color: #f1f1f1;
    color: #111;
}

#nav-main ul li ul li {
    font-weight: normal;
    margin-left: 15px;
    margin-left: 0.875rem;
}

#nav-main ul li.subpages > a {
    background: url("../img/nav-plus.png") no-repeat 0.4em 1em;
}

#nav-main ul li.subpages > a:hover {
    background: #f1f1f1 url("../img/nav-plus.png") no-repeat 0.4em 1em;
}

#nav-main ul li.subpages > a.selected {
    background: #f1f1f1 url("../img/nav-plus.png") no-repeat 0.4em 1em;
    color: #111;
}

#nav-main ul li a.selected {
    background-color: #f1f1f1;
    color: #111;
}

#nav-main ul li a.active {
    background: url("../img/nav-plus.png") no-repeat 0.4em 1em;
}

/* Chained select box menu */

.jsmenu select {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

/* =======================
   $CONTENT-COLUMNS
   ======================= */

article {
    margin-top: 0;
    margin-bottom: 15px;
    margin-bottom: 1rem;
    padding-top: 0;
    padding-bottom: 15px;
    padding-bottom: 1rem;
    border-bottom: 0.09em solid #ddd;
    border-top: 0;
}

/* =======================
   $CONTENT-LEFT
   ======================= */

#content-left-output {

}

/* =======================
   $CONTENT-RIGHT
   ======================= */

#content-right article .csc-textpic-caption {
    font-size: 0.7rem;
    line-height: 1.45;
    margin: 0;
    padding: 0.5em 0;
}

#content-right article .csc-textpic-text p, #content-right article .csc-textpic-text a {
    /* font-size: 0.75em;
    line-height: 1.45em;*/
}

#start #content-right article .csc-textpic-text p, #start #content-right article .csc-textpic-text a {
    font-size: 0.75em;
}

/* =======================
   $CONTENT
   ======================= */

.content-column-bottom {
    padding-bottom: 15px;
    padding-bottom: 1rem;
}

.content-column-bottom a {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0 0 3px 25px;
    padding: 0 0 0.15rem 1.5rem;
    margin-right: 30px;
    margin-right: 2rem;
}

a.to-top {
    background: url("../img/icon-arrow-up.png") no-repeat;
}

a.print {
    background: url("../img/icon-printer.png") no-repeat;
}

/* =======================
   $FOOTER
   ======================= */

footer {
    background: #3b424c; /* Fallback */
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#828b97), to(#3b424c));
    background: -webkit-radial-gradient(circle, #828b97, #3b424c);
    background: -moz-radial-gradient(circle, #828b97, #3b424c);
    background: -ms-radial-gradient(circle, #828b97, #3b424c);
    background: radial-gradient(center center, circle cover, #828b97, #3b424c);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 30px 80px;
    padding: 3rem 1.875rem 5rem;
}

footer .bg {
    background: url("../img/bg_footer.png") no-repeat top center;
    background-size: contain;
    min-height: 544px;
    min-height: 34rem;
}

#nav-footer {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
}

#nav-footer,
#nav-footer > ul {
    float: left;
}

#nav-footer ul {
    list-style-type: none;
    margin-right: 30px;
    margin-right: 1.875rem;
}

#nav-footer > ul {
    column-count: 2;
}

#nav-footer ul li {
    background: url("../img/nav-footer-arrow.gif") no-repeat left 0.65em;
    padding-left: 15px;
    padding-left: 0.95rem;
    margin: 0;
    line-height: 1.5rem;
}

#nav-footer > ul > li {
    break-inside: avoid-column;
}

#nav-footer ul li a {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
}

#nav-footer ul li ul li {
    background: none;
    padding-left: 15px;
    padding-left: 0.95rem;
    margin: 0;
}

#nav-footer ul li ul li a {
    font-weight: normal;
}

#footer-logo {
    padding: 0;
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
}

#footer-logo div.csc-textpic .csc-textpic-imagewrap img {
    margin: 0;
}

#footer-contact,
#footer-contact a {
    color: #fff;
}

#footer-contact,
#footer-subscription {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
}

#footer-contact a.mail {
    background-image: url("../img/icons/link/white/link-mail.gif");
}

#footer-subscription input[type="text"] {
    font-size: 12px;
    font-size: 0.75rem;
    width: 60%;
    margin-bottom: 15px;
    margin-bottom: 1rem;
}

#copyright {
    text-align: center;
    padding: 20px;
    padding: 1.25rem 0;
}

#copyright,
#copyright a {
    color: #fff;
}

/* =======================
   $BOXES
   ======================= */

.box {
    color: #666;
    background-color: #eaeef9; /* default_ #f7f7f7 */
    padding: 0;
}

.box ul {
    padding: 0;
}

.box ul {
    margin: 0;
    list-style-type: none;
    padding: 0 10px 10px;
    padding: 0 0.625rem 0.625rem;
}

.box ul li {
    line-height: 1.45;
    background: url("../img/nav-arrow-double.gif") no-repeat 0.95em 0.85em;
    padding: 5px 15px 5px 30px;
    padding: 0.25rem 0.9rem 0.25rem 1.75rem;
    margin-bottom: 0;
}

.box ul li.pdf {
    background: url("../img/icons/pdf.png") no-repeat 0.5em 0.3em;
}

.box ul li a {
    display: block;
}

.box p,
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
    padding: 0 10px 0;
    padding: 0 0.625rem 0;
}

.box h4 {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    background: #00377a;
    padding: 5px 10px;
    padding: 0.3rem 0.625rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

.box h4 a {
    color: #00377a;
}

.box .csc-textpic-intext-right {
    padding-right: 10px;
    padding-right: 0.625rem;
}

.news span {
    font-size: 10px;
    font-size: 0.625rem;
}

.news ul li a {
    padding-top: 0;
}

.box.info {
    background: #F7F7F7 url("../img/bg_box_info.png") no-repeat 1.625em 1.063em;
    padding: 15px 15px 15px 60px;
    padding: 0.95rem 0.95rem 0.95rem 3.875rem !important;
}

.box.citation {
    background: #F7F7F7 url('../fonts/BioSans/../img/bg_box_citation.png') 1em 1.063em no-repeat;
    padding: 15px 15px 15px 90px;
    padding: 0.95rem 0.95rem 0.95rem 5.75rem !important;
    border: none;
}

.link-list ul li {
    background: none;
}

.link-list ul li a {
    background: url("../img/nav-arrow.gif") no-repeat 0 0.5em;
    padding-left: 15px;
    padding-left: 0.95em;
}

/* =======================
   $FRAMES
   ======================= */

/* section frames */
.linie-davor {
    border-top: 0.09em solid #00377a;
    padding-top: 15px;
    padding-top: 0.95rem;
}

.linie-danach {
    border-bottom: 0.09em solid #00377a;
    margin-bottom: 15px;
    margin-bottom: 0.95rem;
}


.keine-linie-danach article {
  padding-bottom: 0px;
  border-bottom: 0;
}

.rahmen {
    border: 0.09em solid #888;
    padding: 20px;
    padding: 1.25rem;
    margin-bottom: 15px;
    margin-bottom: 0.95rem;
}

.gefuellt {
    background: #f7f7f7;
    border: 0.09em solid #888;
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #444;
    padding: 20px;
    padding: 1.25rem;
    margin-bottom: 15px;
    margin-bottom: 0.95rem;
}

.gefuellt-grau {
    background: #eee;
    margin-bottom: 15px;
    margin-bottom: 0.95rem;
    padding: 20px;
    padding: 1.25rem;
}

.gefuellt-blau {
    color: #fff;
    background: #00377a;
    padding: 20px;
    padding: 1.25rem;
    margin-bottom: 15px;
    margin-bottom: 0.95rem;
}

.linie-danach article {
    border: none;
    padding: 0;
}

.rahmen article,
.gefuellt article,
.gefuellt-grau article,
.gefuellt-blau article {
    border: none;
    padding: 0;
    margin: 0;
}

.gefuellt-blau h1,
.gefuellt-blau h2,
.gefuellt-blau h3 {
    color: #fff;
}

.gefuellt-blau a {
    color: #fff;
    text-decoration: underline;
}

.news-box {
    background: #F7F7F7;
    padding: 0;
}

.news-box p {
    padding: 0 10px 10px;
    padding: 0 0.625rem 0.625rem;
}

.news-box article {
    border: none;
}

.small p {
    font-size: 11px;
    font-size: 0.7rem;
}

.smaller p {
    font-size: 9px;
    font-size: 0.6rem;
}

.smaller a {
    color: #666;
}

.smaller .internal-link {
    background: none;
    padding-left: 0;
}

/* InArticleNavigation */

article ul.csc-menu {
    margin: 0;
    padding: 8px 8px 0 0;
    padding: 0.5rem 0.5rem 0 0;
    list-style-type: none;

}

article ul.csc-menu li {
    margin-left: 0.5rem;
    padding-left: 1.75rem;
    margin-bottom: 0.5rem;
    background: url("../img/icon-arrow-down.png") no-repeat;
}

article ul.csc-menu li a {
    font-weight: bold;
}

/* Back-to-top-link */

.csc-linkToTop a {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0 0 3px 25px;
    padding: 0 0 0.15rem 1.5rem;
    margin-right: 30px;
    margin-right: 2rem;
    background: url("../img/icon-arrow-up.png") no-repeat;
}

/* Text w. image */

.csc-textpic-caption {
    font-size: 11px;
    font-size: 0.7rem;
    line-height: 1.45;
    padding: 0;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin: 0;
}

div.csc-textpic .csc-textpic-imagewrap img {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

div.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    border: 0.09em solid #ddd;
}

/* Lightbox */

#cboxTitle,
#cboxCurrent {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.45;
}

/* Sitemap */

.csc-sitemap {
    list-style-type: none;
    background-color: #f2f2f2;
}

.csc-sitemap li {
    margin-left: 30px;
    margin-left: 2.0769rem;
    padding: 0;
    font-weight: bold;
}

.csc-sitemap li a {
    display: block;
}

.csc-sitemap ul {
    margin-left: -30px;
    margin-left: -2.0769em;
    padding-left: 30px;
    padding-left: 2.0769em;
    background-color: #fff;
}

.csc-sitemap li li a {
    margin-bottom: 0;
}

.csc-sitemap li li li a {
    font-weight: normal;
}

/* link styles */

a.internal-link,
a.internal-link-new-window {
    background: url("../img/icons/link/blue/link-internal.gif") 0 0.175em no-repeat;
    padding-left: 15px;
    padding-left: 0.95rem;
}

a.internal-link-minisite {
    background: url("../img/icons/link/blue/link-internal.gif") 0 0.175em no-repeat;
    padding-left: 15px;
    padding-left: 0.95rem;
    color: #00377B;
}

.gefuellt-blau a.internal-link,
.gefuellt-blau a.internal-link-new-window {
    background: url("../img/icons/link/white/link-internal.gif") 0 0.175em no-repeat;
}

footer a.internal-link,
footer a.internal-link-new-window {
    background: url("../img/nav-footer-arrow.gif") 0.25em 0.35em no-repeat;
    padding-left: 15px;
    padding-left: 0.95rem;
}

a.external-link,
a.external-link-new-window {
    background: url("../img/icons/link/blue/link-external.gif") 0 0.175em no-repeat;
    padding-left: 15px;
    padding-left: 0.95rem;
    margin-left: 5px;
}

.gefuellt-blau a.external-link,
.gefuellt-blau a.external-link-new-window {
    background: url("../img/icons/link/white/link-external.gif") 0 0.175em no-repeat;
}

footer a.external-link,
footer a.external-link-new-window {
    background: url("../img/nav-footer-arrow.gif") 0.25em 0.35em no-repeat;
    padding-left: 15px;
    padding-left: 0.95rem;
}

a.download {
    background: url("../img/icons/link/blue/link-download.gif") 0 0.175em no-repeat;
    padding-left: 15px;
    padding-left: 0.95rem;
}

.gefuellt-blau a.download {
    background: url("../img/icons/link/white/link-download.gif") 0 0.175em no-repeat;
}

a.mail {
    background: url("../img/icons/link/blue/link-mail.gif") left 0.2em no-repeat;
    padding-left: 18px;
    padding-left: 1.15rem;
}

.gefuellt-blau a.mail {
    background: url("../img/icons/link/white/link-mail.gif") 0 0.275em no-repeat;
}

.link-list-only ul {
    list-style-type: none;
    padding-left: 15px;
    padding-left: 0.95rem;
}

/* social links */
#social-bar {
    padding-bottom: 15px;
    padding-bottom: 0.95rem;
}

a.social-link {
    margin-right: 8px;
    margin-right: 3%;
}

/*
a.social-link.youtube {
    margin: 0;
}
*/

a.social-link img {
    width: 32px;
    height: 32px;
}

/* =======================
   $ERROR
   ======================= */

#noscript .message {
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    margin-bottom: 30px;
    margin-bottom: 2rem;
}

/* Error messages */

.typo3-messages {
    font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
    margin-bottom: 10px;
    margin-bottom: 0.625em;
}

.typo3-message {
    padding: 10px;
    padding: 0.625rem;
}

.typo3-message {
    padding-left: 45px;
    padding-left: 2.75em;
}

.typo3-message ul, .typo3-message ol {
    padding-left: 15px;
    padding-left: 0.95rem;
}

.typo3-message .message-header {
    display: block;
}

.typo3-message {
    border: 0.09em solid;
}

.typo3-message a {
    text-decoration: underline;
}

.typo3-message li {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    list-style: disc;
}

.typo3-message .message-header {
    font-weight: bold;
}

.message-notice {
    color: #777;
    background: #f6f7fa url("/typo3/sysext/t3skin/icons/gfx/notice.png");
    border-color: #c2cbcf;
}

.message-notice a {
    color: #777;
}

.message-information {
    color: #4c73a1;
    background: #eaf7ff url("/typo3/sysext/t3skin/icons/gfx/information.png");
    border-color: #c5dbe6;
}

.message-information a {
    color: #4c73a1;
}

.message-ok {
    color: #3b7826;
    background: #cdeaca url("/typo3/sysext/t3skin/icons/gfx/ok.png");
    border-color: #58b548;
}

.message-ok a {
    color: #3b7826;
}

.message-warning {
    color: #9e7d4a;
    background: #fbf6de url("/typo3/sysext/t3skin/icons/gfx/warning.png");
    border-color: #b1905c;
}

.message-warning a {
    color: #9e7d4a;
}

.message-error {
    color: #aa0225;
    background: #f6d3cf url("/typo3/sysext/t3skin/icons/gfx/error.png");
    border-color: #d66c68;
}

.message-error a {
    color: #aa0225;
}

.message-notice,
.message-information,
.message-warning,
.message-error {
    background-position: 10px 10px;
    background-position: 0.625rem 0.625rem;
    background-repeat: no-repeat;
}

/* =======================
   $EXTENSIONS
   ======================= */

/* tt_news */

/* prevent news images from scaling full width - independent from responsive settings elsewhere */
.news-list-item img {
    width: auto;
}

/* pagebrowser */
.browseLinksWrap span {
    font-size: 12px;
    font-size: 0.75rem;
}

.activeLinkWrap,
.inactiveLinkWrap {
    padding: 0 5px;
    padding: 0 0.25em;
}

/* =======================
   Latest view default
   ======================= */

.news-latest-container {
    margin: 0;
    padding: 15px;
    padding: 0.95rem;
    background-color: #eee; /* default: #f7f7f7 */;
}

.news-latest-item {
    margin: 15px 0;
    margin: 0.95rem 0;
    list-style: none;
}

.news-latest-date, .news-latest-category {
    font-size: 11px;
    font-size: 0.6875rem;
}

.news-latest-item h4 {
    font-size: 12px;
    font-size: 0.75rem;
    background: none;
    padding: 0;
}

.news-latest-item p {
    margin: 0;
}

.news-latest-item > a {
    font-size: 12px;
    font-size: 0.75rem;
    background: url("../img/nav-arrow-link.gif") 0.25em 0.35em no-repeat;
    padding-left: 1em;
}

/* =======================
   Latest2
   Contains some frontpage specific adjustments
   ======================= */

.news-latest2-container {
    margin: 0;
    padding: 15px;
    padding: 0.95rem;
    background-color: #eaeef9; /* default: #f7f7f7 */;
}

.news-latest2-item {
    list-style: none;
}

.news-latest2-date, .news-latest2-category {
    font-size: 11px;
    font-size: 0.6875rem;
}

.news-latest2-item h4 {
    font-size: 12px;
    font-size: 0.75rem;
    background: none;
    padding: 0;
}

.news-latest2-item p {
    margin: 0;
}

.news-latest2-item > a {
    font-size: 12px;
    font-size: 0.75rem;
    background: url("../img/icons/link/blue/link-internal.gif") 0.15em 0.25em no-repeat;
    padding-left: 1em;
}

.news-latest2-item .news-latest2-img {
    float: left;
}

.news-latest2-item .news-latest2-img img {
    margin-right: 10px;
    margin-right: 0.625rem;
}

.news-latest2-item .news-latest2-img a {
    background: none;
}

/* =======================
   List
   ======================= */

.news-list-container,
.news-list2-container,
.news-list3-container {
    margin: 0;
    padding: 0;
}

.news-list-item,
.news-list2-item,
.news-list3-item {
    margin: 0;
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
    list-style: none;
}

.news-list-item img,
.news-list3-item img {
    float: left;
    padding: 0 10px 10px 0;
    padding: 0 0.625rem 0.625rem 0;
}

.news-list-item img {
    width: 160px;
}

li.news-list-item h2,
li.news-list2-item h2 {
    font-size: 14px;
    font-size: 0.875rem;
}

li .news-list-date, li .news-list-category, li .news-list-subheader > a, li .news-single-timedata, li .news-single-wrap {
    font-size: 12px;
    font-size: 0.75rem;
}

.news-list-morelink a {
    background: url("../img/icons/link/blue/link-internal.gif") 0.15em 0.25em no-repeat;
    padding-left: 1em;
}

/* =======================
   List2
   ======================= */

/* quite the same as list */

/* =======================
   List3
   News item in a box
   ======================= */

.news-list3-item {
    background: #eee;
    list-style: none;
    padding: 15px;
    padding: 0.95rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    border: none;
}

.news-list-item3 img {
    width: 160px;
}

.news-list3-item h2 {
    font-size: 14px;
    font-size: 0.875rem;
}

.news-list3-item h2 a {
    background: none;
    padding: 0;
}

/* =======================
   Header list
   ======================= */

.news-header-list-container {
    background: #4a77bb; /* #eee; */
    padding: 8px 10px 8px;
    padding: 0.5rem 0.625rem 0.5rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

.gefuellt-grau .news-header-list-container {
    background: #4a77bb;

}

.news-header-list-date,
.news-header-list-title > a,
.news-header-list-category {
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;    /* fff 00377a */

}

.news-header-list-date {
    /* nothing here  */
}

.news-header-list-title {
    line-height: 1;
}

.news-header-list-date {
    width: 12%;
    min-width: 78px;
    min-width: 4.875rem;
    float: left;
}

.news-header-list-title {
    font-weight: bold;
    width: 75%;
    float: left;
}

/* =======================
   Single view
   ======================= */

.news-single-timedata {
    font-size: 12px;
    font-size: 0.75rem;
}

.news-single-item h2 {
    font-size: 14px;
    font-size: 0.9rem;
}

.news-single-img {
    float: left;
}

.news-single-img {
    margin: 0;
}

.news-single-img img {
    margin-bottom: 10px;
    margin-bottom: 0.625em;
}

.news-single-img-intext {
    float: left;
    margin-right: 10px;
    margin-right: 0.625rem;
}

.news-single-imgcaption {
    font-size: 10px;
    font-size: 0.625em;
    line-height: 1;
    max-width: 14.375rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    padding: 8px 0;
    padding: 0.5em 0;
}

.news-single-img-bottom .news-single-imgcaption {
    display: none;
}

.news-single-img-intext .news-single-imgcaption {
    margin: 0;
}

.news-single-additional-info {
    font-size: 10px;
    font-size: 0.75rem;
}

.news-single-additional-info dt {
    margin-bottom: 15px;
    margin-bottom: 0.95rem;
}

.news-single-additional-info dd {
    margin-left: 0;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
}

.news-single-icon img {
    width: auto !important;
    height: 16px;
}

.news-single-links a {
    background: url("../img/icons/link/blue/link-internal.gif") 0 0.175em no-repeat;
    padding-left: 18px;
    padding-left: 1.15rem;
}

.news-preview:before {
    content: "Preview";
    color: #fff;
    background-color: #ff0000;
    padding: 0 5px;
    padding: 0 0.3125rem;
    margin-right: 5px;
    margin-right: 0.3125rem;
}

/* Powermail */

.tx-powermail,
.tx-powermail input,
.tx-powermail textarea,
.tx-powermail select {
    font-size: 12px;
    font-size: 0.75rem;
}
.powermail_fieldwrap_radio>fieldset>legend{
  margin-left: -20px;
}
.powermail_fieldwrap_check>fieldset>legend{
  margin-left: -20px;
}
.powermail_captchaimage{
  padding-top: 15px;
}

.tx-powermail legend {
    font-size: 0.75rem;
    font-weight: bold;
    color: #555;
    margin-bottom: 15px;
    margin-bottom: 0.95rem;
}

.tx-powermail input[type="radio"],
.tx-powermail input[type="checkbox"] {
    margin-top: 0;
}

.tx-powermail .powermail_form > h3 {
    display: none; /* Hide the form title */
}

/* Additional helper classes defined by TypoScript */
.tx-powermail .hidden-label > legend,
.tx-powermail .hidden-element {
    display: none;
}

.tx-powermail .medium-field {
    max-width: 50%;
}

.tx-powermail .small-field {
    max-width: 25%;
}

.tx-powermail .mandatory {
    color: #ff4136;
}

.parsley-errors-list {
    list-style: none;
    background-color: #ff4136;
    padding: 0;
}

.parsley-required {
    color: #ffffff;
    padding: 0.625em 1.75em;
}


/* FE-Login */

#content-left .tx-felogin-pi1,
#content-right .tx-felogin-pi1 {
    padding: 0 0.95em;
}

.felogin-form {
    margin-top: 0.75em;
}

.felogin-form label,
.felogin-input,
.felogin-message {
    font-size: 12px;
    font-size: 0.75rem;
}

.felogin-warning {
    color: #ff4136;
}

/* FE-Registration */

/*
#Unfortunately there are dynamic fields we can't add classes to, so
we have to force the styles here instead.
*/
.tx-srfeuserregister-pi1 select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#tx-srfeuserregister-pi1-gender-2,
label[for="tx-srfeuserregister-pi1-gender-2"] {
    display: none;
}

label[for="tx-srfeuserregister-pi1-gender-0"],
label[for="tx-srfeuserregister-pi1-gender-1"] {
    margin-right: 5px;
    margin-left: 5px;
}

.tx-srfeuserregister-pi1 span:first-child {
    color: #ff4136;
}

.tx-srfeuserregister-pi1 .field-value {
    font-size: 12px;
    font-size: 0.75rem;
}



/* Indexed Search */

div.tx-indexedsearch-info-sword {
    display:none;
}

dt.tx-indexedsearch-text-item-path {
    display:none !important;
}

dd.tx-indexedsearch-text-item-path {
    display:none !important;
}

.tx-indexedsearch-browsebox {
    background: #F4F4F4;
    list-style-type: none;
    margin: 20px 0;
    margin: 1.25rem 0;
    padding: 0 10px;
    padding: 0 0.625rem;
}

.tx-indexedsearch-browsebox li {
    margin-right: 10px;
    margin-right: 0.625rem;
    display: inline;
}

div.tx-indexedsearch-rules {
  display:none;
}

div.tx-indexedsearch-searchbox > form > p {
    display: none;
}

div.tx-indexedsearch-searchbox form#tx_indexedsearch legend {
  display: none;
}

div.tx-indexedsearch-info-sword { 
    display: none;
}

div.tx-indexedsearch-browsebox {
    background: #fff;
}

ul.tx-indexedsearch-browsebox {
    background: #F4F4F4;
}

.browsebox {
    background: #F4F4F4;
    list-style-type: none;
    margin: 20px 0;
    margin: 1.25rem 0;
    padding: 0 10px;
    padding: 0 0.625rem;
}

.browsebox li {
    margin-right: 10px;
    margin-right: 0.625rem;
    display: inline;
}

.res-tmpl-css {
    margin: 8px 0;
    margin: 0.5rem 0;
}

.tx-indexedsearch-info.path {
    background: #f4f4f4;
}

.tx-indexedsearch-info {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 3px 10px;
    padding: 0.15rem 0.625rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

.tx-indexedsearch-info dt {
    display: inline;
}

.tx-indexedsearch-info dd {
    display: inline;
    margin: 0;
}

.tx-indexedsearch-icon img {
    vertical-align: sub;
}

.tx-indexedsearch-whatis {
    font-size: 12px;
    font-size: 0.75rem;
}

.tx-indexedsearch-searchbox legend {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    color: #444444;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

.tx-indexedsearch-form {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

.tx-indexedsearch-form .ym-fbox {
    padding: 0;
}

.tx-indexedsearch-form label {
    font-size: 12px;
    font-size: 0.75rem;
}

.tx-indexedsearch-form .ym-form input,
.tx-indexedsearch-form .ym-form textarea {
    font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    color: #555;
}

.tx-indexedsearch-form input[type="submit"] {
    font-size: 12px;
    font-size: 0.75rem;
}

.tx-indexedsearch-searchbox-sword {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
    color: #333;
    width: 9.375em;
    border: 0.09em solid #eee;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 58%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(58%, #ffffff));
    background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 58%);
    background: -o-linear-gradient(top, #ebebeb 0%, #ffffff 58%);
    background: -ms-linear-gradient(top, #ebebeb 0%, #ffffff 58%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);
    background: linear-gradient(top, #ebebeb 0%, #ffffff 58%);
    padding: 3px 8px;
    padding: 0.15em 0.5em;
}

.tx-indexedsearch-res .res-tmpl-css {
    margin: 3px 0 20px;
    margin: 0.5rem 0 1.25rem;
}

.tx-indexedsearch-icon img {
    width: 18px;
    height: 16px;
}

/* hide 'whatis' section as the site title gets cut */
.tx-indexedsearch-whatis {
    display: none;
}

/* Download-Bereich */

.ce-uploads-element-png,
.ce-uploads-element-jpg,
.ce-uploads-element-bmp,
.ce-uploads-element-tif,
.ce-uploads-element-tga,
.ce-uploads-element-gif,
.ce-uploads-element-ai,
.ce-uploads-element-eps,
.ce-uploads-element-doc,
.ce-uploads-element-xls,
.ce-uploads-element-pdf,
.ce-uploads-element-ppt {
    padding: 0 0 0 30px;
    padding: 0 0 0 2rem;
    background-position: 0 0.15em;
    background-repeat: no-repeat;
}

.ce-uploads-element-png,
.ce-uploads-element-jpg,
.ce-uploads-element-bmp,
.ce-uploads-element-tif,
.ce-uploads-element-tga,
.ce-uploads-element-gif {
    background-image: url("../img/icons/image.png") !important;
}

.ce-uploads-element-ai,
.ce-uploads-element-eps {
    background-image: url("../img/icons/vector.png") !important;
}

.ce-uploads-element-doc {
    background-image: url("../img/icons/word.png") !important;
}

.ce-uploads-element-xls {
    background-image: url("../img/icons/excel.png") !important;
}

.ce-uploads-element-pdf {
    background-image: url("../img/icons/acrobat.png") !important;
}

.ce-uploads-element-ppt {
    background-image: url("../img/icons/powerpoint.png") !important;
}

.box ul li.ce-uploads-element-png,
.box ul li.ce-uploads-element-jpg,
.box ul li.ce-uploads-element-bmp,
.box ul li.ce-uploads-element-tif,
.box ul li.ce-uploads-element-tga,
.box ul li.ce-uploads-element-gif,
.box ul li.ce-uploads-element-ai,
.box ul li.ce-uploads-element-eps,
.box ul li.ce-uploads-element-doc,
.box ul li.ce-uploads-element-xls,
.box ul li.ce-uploads-element-pdf,
.box ul li.ce-uploads-element-ppt {
    margin: 11px;
    margin: 0.7rem;
    padding: 0 0 0 30px;
    padding: 0 0 0 2rem;
    background-position: 0 0.15em;
    background-repeat: no-repeat;
}

/* leichte sprache */

#leichte-sprache {
    background: url("../img/icons/speech.png") 0 1em no-repeat;
    padding: 25px 0 25px 50px;
    padding: 1.5em 0 1.5em 3.6em;
    display: block;
}

/* cookie control */

.ccc-widget p {
    font-size: 1em;
}

.ccc-expanded {
    margin-bottom: 10px !important;
}

/* irfaq */

.tx-irfaq-toggle-all-show:hover,
.tx-irfaq-toggle-all-hide:hover,
.tx-irfaq-toggle-plus:hover,
.tx-irfaq-toggle-minus:hover {
    text-decoration: underline;
}

.tx-irfaq-pi1 dl dt {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    color: #00377a;
    padding: 5px 10px;
    padding: 0.25rem 0.5rem;
    margin-bottom: 10px;
    margin-bottom: 0.5rem;
}

.tx-irfaq-pi1 dl dt.tx-irfaq-toggle-plus {
    background: #eee url("/fileadmin/default/templates/extensions/plain_faq/Icons/plus.gif") no-repeat 0.5em;
    padding-left: 20px;
}

.tx-irfaq-pi1 dl dt.tx-irfaq-toggle-minus {
    background: #eee url("/fileadmin/default/templates/extensions/plain_faq/Icons/minus.gif") no-repeat 0.5em;
    padding-left: 20px;
}




/* multicolumns */

/* Fix for uneven column widths */
.multicolumnContainer {
    margin-left: -6px;
    margin-right: -6px;
    width: auto !important;
}

.columnItems {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

article .multicolumnContainer li {
    /*font-size: 1rem;*/
}

/* jfmulticontent */

.ui-widget-content {
    color: #666;
}

.ui-widget-content a {
    color: #00377A !important;
}

.ui-widget {
    font-family: "BioSans",bio-sans,Helvetica, Arial, Verdana, Geneva, sans-serif;
    font-size: 1em;
}

.ui-accordion .ui-accordion-content {
    padding: 15px 28px !important;
    padding: 1rem 1.8rem !important;
}

.ui-accordion .ui-accordion-header {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 5px 15px !important;
    padding: 0.3rem 0.95rem !important;
    line-height: 1;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    padding-left: 15px;
    padding-left: 1rem;
    display: inline-block; /* Prevent deferring if line breaks */
}

/* abcourses */

.catoverview img {
    float: right;
}

.course {
    margin-bottom: 15px;
    margin-bottom: 1rem;
    border-bottom: 0.09em solid #ddd;
}

.download-fileicon img {
    width: 18px;
    height: 18px;
}

.subscribelink a {
    height: 20px;
    width: 20px;
    display: block;
    background: url('../fonts/BioSans/../img/icon-cart.png') no-repeat;
    text-indent: -1999px;
    overflow: hidden;
}

.abcourses-subscription {
    display: none;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

.ir br {
    display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0.063em;
    margin: -0.063em;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.063em;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.full-height {
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

span.error {
    color: #FF4136;
}

span.warning {
    color: #FF851B;
}

span.notice {
    color: #2ECC40;
}

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/* Extra small devices (phones/tablets, less than 768px) */
@media (max-width: 767px) {

    #logo {
        margin-top: 30px;
        margin-top: 2rem;
    }

    header #search {
        padding: 20px 0;
        padding: 1.25rem 0;
    }

    header #search #inputText {
        width: 80%;
    }

    #nav-lang ul li a {
        padding: 10px 20px;
    }

    /* Adjust navbar elements */
    .navbar {
        margin-bottom: 0;
    }

    .navbar-default {
        background: #FFF;
    }

    .navbar-main {
        margin-bottom: 30px;
        margin-bottom: 1.875rem;
    }

    .navbar-collapse {
        padding: 0;
    }

    .navbar-nav {
        float: none;
        margin: 0;
    }

    .navbar-brand {
        display: inline;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: #F1F1F1;
    }

    #nav-top ul {
        padding: 0;
    }

    #nav-main ul {
        border: none;
        margin: 0;
    }

    #nav-top ul li,
    #nav-main ul li {
        background: none;
        padding: 0;
        border-bottom: 0.09em solid #EEE;
    }

    #nav-meta ul li.last,
    #nav-main ul li.last {
        border: none;
    }

    #nav-top ul li a,
    #nav-main ul li a {
        padding: 15px 28px;
        padding: 0.95rem 1.75rem;
        line-height: 20px;
    }

    #nav-top ul li a:focus,
    #nav-top ul li a:active,
    #nav-main ul li a:focus,
    #nav-main ul li a:active {
        text-decoration: none;
        background: #F1F1F1;
    }

    #nav-main ul li a {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: normal;
        font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
        border: none;
    }

    #nav-main ul li a.active {
        background: #F1F1F1 url("../img/nav-plus.png") no-repeat 0.75em 1.5em;
        border-bottom: 0.09em solid #EEEEEE;
    }

    #nav-main ul li.subpages > a {
        background: url("../img/nav-plus.png") no-repeat 0.75em 1.5em;
    }

    #nav-main ul li.subpages > a:hover,
    #nav-main ul li.subpages > a.selected {
        background: #F1F1F1 url("../img/nav-plus.png") no-repeat 0.75em 1.5em;
    }

    #nav-main ul li ul li {
        margin: 0;
    }

    #nav-main ul li ul li a {
        padding: 20px 50px;
        padding: 1.25rem 2.9375rem;
    }

    .no-border {
        border: none !important;
    }

    .col-md-4-custom,
    .col-md-10-custom {
        width: 100% !important;
    }

    .tx-powermail .medium-field,
    .tx-powermail .small-field {
        max-width: inherit;
    }

    /* Footer */
    footer .bg {
        min-height: inherit;
    }
}

/* Small devices 768px and up */
@media (min-width: 768px) {
    .navbar {
        min-height: inherit;
        margin: 0;
    }

    .navbar-nav {
        margin: 5px 0;
    }

    .navbar-default {
        background: none;
        border: none;
    }
}

@media screen and (max-width: 992px) {

    /* multicolumns */
    .multicolumnContainer .column {
        float: none;
        width: 100% !important;
    }

    .columnItems {
        padding: 0 !important;
    }

    /* abcourses */
    thead {
        display: none;
    }

    td {
        display: block;
    }

    td:before {
        content: attr(data-label);
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: bold;
        display: block;
    }
}

/* Small devices 768px to medium devices 992px */
@media (min-width: 768px) and (max-width: 992px) {
    #search {
        padding: 20px 0;
        padding: 1.25rem 0;
    }
}

/* Medium devices to large desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    header #search #inputText {
        width: 13em;
    }
}

/***** 2018-11-26 *****/

body {
    background: #eaeef9;
}

header #search {
    overflow: hidden;
    width: 100%;
}

header #search #inputText {
    float: right;
    text-align: right;
}

header #search #inputButton {
    float: left;
    margin: 0 0.6rem 0 0;
}

.mf_layerslider.ls-borderlessdark3dshadow {
    box-shadow: none;
}

#nav-main ul li a:hover,
#nav-main ul li a.selected,
#nav-main ul li.subpages > a.selected {
    background-color: #eaeef9;
}

.gefuellt-grau {
    background-color: #eaeef9;
}

/*
    #########################################
    Test for Datepicker fix FF & IE
    #########################################
*/

@import "Settings";

.xdsoft_datetimepicker{
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: white;
    border-bottom: 1px solid $greySoft2;
    border-left: 1px solid $greySoft2;
    border-right: 1px solid $greySoft2;
    border-top: 1px solid $greySoft2;
    color: #333333;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}
.xdsoft_noselect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
    display: inline-block;
    position: static;
    box-shadow: none;
}
.xdsoft_datetimepicker *{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0px;
    margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
    display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
    display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
    width: 224px;
    float:left;
    margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
    width: 58px;
    float:left;
    text-align:center;
    margin-left:8px;
    margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
    margin-top:8px;
    margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
    position: relative;
    text-align: center;
}
.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
    background-image: url('../fonts/BioSans/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
    background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
    background-position:-70px 0px;
    margin-left:5px;
}
.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
    background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
    float:none;
    background-position:-40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left:14px;
    margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
    background-position:-40px 0px;
    margin-bottom:7px;
    margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
    height:151px;
    overflow:hidden;
    border-bottom:1px solid $greySoft1;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
    background: white;
    border-top:1px solid $greySoft1;
    color: $grey1;
    font-size: 12px;
    text-align: center;
    border-collapse:collapse;
    cursor:pointer;
    border-bottom-width:0px;
    height:25px;
    line-height:25px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
    border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float:left;
    width:182px;
    text-align:center;
    cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
    text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
    border:1px solid #ccc;
    position:absolute;
    right:0px;
    top:30px;
    z-index:101;
    display:none;
    background:#fff;
    max-height:160px;
    overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
    color: #fff;
    background: $red3;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
    padding:2px 10px 2px 5px;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
    background: $blue1;
    box-shadow: $blue1 0px 1px 3px 0px inset;
    color:#fff;
    font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
    width:90px;
    text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
    clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
    width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
    border-collapse:collapse;
    width:100%;
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
    padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
    width:14.2857142%;
    background: #F5F5F5;
    border:1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding:0px;
    border-collapse:collapse;
    cursor:pointer;
    height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
    color:$blue1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
    background: $blue1;
    box-shadow: $blue1 0px 1px 3px 0px inset;
    color:#fff;
    font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
    opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
    opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
    color: #fff !important;
    background: $red3 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
    color: inherit  !important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}
.xdsoft_time_box{
    position:relative;
    border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
    background:#ccc !important;
    height:20px;
    border-radius:3px;
}
.xdsoft_scrollbar{
    position:absolute;
    width:7px;
    right:0px;
    top:0px;
    bottom:0px;
    cursor:pointer;
}
.xdsoft_scroller_box{
    position:relative;
}
/**********/
/* apllicationfinder */
#catalog-iframe iframe{
width: 100%;
height: 480px;
}

.csc-space-after-extra-small {
    margin-bottom: 15px;
}
.csc-space-after-small {
    margin-bottom: 20px;
}
.csc-space-after-medium {
    margin-bottom: 30px;
}
.csc-space-after-large {
    margin-bottom: 40px;
}
.csc-space-after-extra-large {
    margin-bottom: 100px;
}
/* default styles for extension "tx_cssstyledcontent" */
  /* Headers */
  .csc-header-alignment-center { text-align: center; }
  .csc-header-alignment-right { text-align: right; }
  .csc-header-alignment-left { text-align: left; }

  div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

  /* Clear floats after csc-textpic and after csc-textpic-imagerow */
  div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

  /* Set padding for tables */
  div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
  div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

  /* Settings for figure and figcaption (HTML5) */
  div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

  /* Captions */
  figcaption.csc-textpic-caption { display: table-caption; }
  .csc-textpic-caption { text-align: left; caption-side: bottom; }
  div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
  div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
  div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

  /* Float the columns */
  div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

  /* Border just around the image */
  div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 1px solid black;
    padding: 0px 0px;
  }

  div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

  /* Space below each image (also in-between rows) */
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image a { display: block; }
  /* colSpace around image columns, except for last column */
  div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
  div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

  /* Add margin from image-block to text (in case of "Text & Images") */
  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 10px;
  }
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
  }

  /* Positioning of images: */

  /* Center (above or below) */
  div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
  div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
  div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

  /* Right (above or below) */
  div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
  div.csc-textpic-right div.csc-textpic-text { clear: right; }

  /* Left (above or below) */
  div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
  div.csc-textpic-left div.csc-textpic-text { clear: left; }

  /* Left (in text) */
  div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

  /* Right (in text) */
  div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

  /* Right (in text, no wrap around) */
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

  /* Left (in text, no wrap around) */
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

  div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

  /* Browser fixes: */

  /* Fix for unordered and ordered list with image "In text, left" */
  .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

  /* File Links */
  ul.csc-uploads { padding: 0; }
  ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
  ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
  ul.csc-uploads span { display: block; }
  ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

  /* Table background colors: */

  table.contenttable-color-1 { background-color: #EDEBF1; }
  table.contenttable-color-2 { background-color: #F5FFAA; }
  table.contenttable-color-240 { background-color: black; }
  table.contenttable-color-241 { background-color: white; }
  table.contenttable-color-242 { background-color: #333333; }
  table.contenttable-color-243 { background-color: gray; }
  table.contenttable-color-244 { background-color: silver; }
/* default styles for extension "tx_form" */
div.csc-mailform ol,
div.csc-mailform ol li {
    margin: 0;
    padding: 0;
}

div.csc-mailform ol li {
    overflow: hidden;
}

div.csc-mailform fieldset {
    margin: 0;
    padding: 0;
    position: relative;
}

div.csc-mailform legend {
    margin-left: 1em;
    color: #000000;
    font-weight: bold;
}

div.csc-mailform fieldset ol {
    padding: 1em 1em 0 1em;
}

div.csc-mailform fieldset li {
    padding: 0.5em;
    margin-bottom: 0.5em;
    list-style: none;
}

div.csc-mailform fieldset.submit {
    border-style: none;
}

/**
    * Normal label
    * Left aligned, in front of input
    */
div.csc-mailform li label {
    float: left;
    width: 13em;
    margin-right: 1em;
    vertical-align: baseline;
}

div.csc-mailform li input + label,
div.csc-mailform li textarea + label,
div.csc-mailform li select + label {
    float: none;
    width: auto;
    margin-right: 0;
    margin-left: 1em;
}

div.csc-mailform li textarea + label {
    vertical-align: top;
}

label em,
legend em {
    display: block;
    color: #060;
    font-size: 85%;
    font-style: normal;
    text-transform: uppercase;
}

legend em {
    position: absolute;
}

label strong,
legend strong {
    display: block;
    color: #C00;
    font-size: 85%;
    font-weight: normal;
    text-transform: uppercase;
}

legend strong {
    position: absolute;
    top: 1.4em;
}

/**
    * Labels alignment right
    */
.labels-alignment-right label,
.labels-alignment-right .fieldset-subgroup legend,
.labels-alignment-right.fieldset-subgroup legend {
    text-align: right;
}

/**
    * Horizontal fieldset
    */
fieldset.fieldset-horizontal {
    border-width: 0;
}

fieldset.fieldset-horizontal ol {
    padding: 0;
}

fieldset.fieldset-horizontal li {
    float: left;
    padding: 0;
    margin-right: 1em;
}

fieldset.fieldset-horizontal.label-below label {
    display: block;
    margin-left: 0;
    margin-top: 0.2em;
    font-size: 90%;
    color: #999999;
    text-align: left;
}

fieldset.fieldset-horizontal label em {
    display: inline;
}

/**
    * Subgroup fieldset
    */
fieldset.fieldset-subgroup {
    margin-bottom: -2em;
    border-style: none;
}

fieldset.fieldset-subgroup legend {
    margin-left: 0;
    padding: 0;
    font-weight: normal;
    width: 13em;
}

fieldset.fieldset-subgroup ol {
    position: relative;
    top: -1.4em;
    margin: 0 0 0 14em;
    padding: 0;
}

fieldset.fieldset-subgroup li {
    padding: 0;
}

fieldset.fieldset-subgroup input + label {
    float: none;
    width: auto;
    display: inline;
    margin: 0 0 0 1em;
}

/**
    * Labels as block
    * Labels displayed above or below the input fields
    */
.labels-block label {
    display: block;
    float: none;
    margin: 0 0 0.5em;
    width: auto;
}

.labels-block input + label,
.labels-block textarea + label {
    margin: 0.5em 0 0;
}

.labels-block fieldset.fieldset-subgroup,
fieldset.labels-block.fieldset-subgroup {
    margin-bottom: 0;
}

.labels-block .fieldset-subgroup legend,
.labels-block.fieldset-subgroup legend {
    width: auto;
}

.labels-block .fieldset-subgroup legend em,
.labels-block.fieldset-subgroup legend em {
    position: relative;
}

.labels-block .fieldset-subgroup legend strong,
.labels-block.fieldset-subgroup legend strong {
    position: relative;
    top: 0;
}

.labels-block .fieldset-subgroup ol,
.labels-block.fieldset-subgroup ol {
    top: 0;
    margin: 0;
    padding: 0.5em 0 0;
}