
*:focus {outline:2px dashed #E76744;outline:2px dashed #ff0000;outline-offset:-2px;}
.barrierefrei_hidden {position:absolute;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;display:inline;}

* {
    padding: 0;
    margin: 0;
}

/* === Base === */
html, body {
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    background-color: #fff;
}


#menu:not( .mm-menu ) {
    display: none;
}

div.matomo-optout,
#matomo-opt-out {display:inline-block;margin-bottom:24px;width:100%;}
div.matomo-optout label,
#matomo-opt-out label {cursor:pointer;color:#575a5d;line-height:30px;font-size:0.875;width:93% !important;float:right;text-align:left;clear:none;padding-top:0;margin:0;}
div.matomo-optout input,
#matomo-opt-out input {width:5% !important;margin-top:7px;float:left;}
div.matomo-optout strong,
#matomo-opt-out strong {font-weight:700;}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Light.eot');
    src: url('../fonts/opensans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-Light.svg') format('svg'),
    url('../fonts/opensans/OpenSans-Light.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-Light.woff') format('woff'),
    url('../fonts/opensans/OpenSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-LightItalic.eot');
    src: url('../fonts/opensans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-LightItalic.svg') format('svg'),
    url('../fonts/opensans/OpenSans-LightItalic.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-LightItalic.woff') format('woff'),
    url('../fonts/opensans/OpenSans-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Regular.eot');
    src: url('../fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-Regular.svg') format('svg'),
    url('../fonts/opensans/OpenSans-Regular.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-Regular.woff') format('woff'),
    url('../fonts/opensans/OpenSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Italic.eot');
    src: url('../fonts/opensans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-Italic.svg') format('svg'),
    url('../fonts/opensans/OpenSans-Italic.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-Italic.woff') format('woff'),
    url('../fonts/opensans/OpenSans-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Medium.eot');
    src: url('../fonts/opensans/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-Medium.svg') format('svg'),
    url('../fonts/opensans/OpenSans-Medium.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-Medium.woff') format('woff'),
    url('../fonts/opensans/OpenSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-MediumItalic.eot');
    src: url('../fonts/opensans/OpenSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-MediumItalic.svg') format('svg'),
    url('../fonts/opensans/OpenSans-MediumItalic.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-MediumItalic.woff') format('woff'),
    url('../fonts/opensans/OpenSans-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-SemiBold.eot');
    src: url('../fonts/opensans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-SemiBold.svg') format('svg'),
    url('../fonts/opensans/OpenSans-SemiBold.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-SemiBold.woff') format('woff'),
    url('../fonts/opensans/OpenSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-SemiBoldItalic.eot');
    src: url('../fonts/opensans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-SemiBoldItalic.svg#Raleway') format('svg'),
    url('../fonts/opensans/OpenSans-SemiBoldItalic.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-SemiBoldItalic.woff') format('woff'),
    url('../fonts/opensans/OpenSans-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Bold.eot');
    src: url('../fonts/opensans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-Bold.svg') format('svg'),
    url('../fonts/opensans/OpenSans-Bold.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-Bold.woff') format('woff'),
    url('../fonts/opensans/OpenSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-BoldItalic.eot');
    src: url('../fonts/opensans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans/OpenSans-BoldItalic.svg#Raleway') format('svg'),
    url('../fonts/opensans/OpenSans-BoldItalic.ttf') format('truetype'),
    url('../fonts/opensans/OpenSans-BoldItalic.woff') format('woff'),
    url('../fonts/opensans/OpenSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/merriweather/Merriweather-Regular.eot');
    src: url('../fonts/merriweather/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/merriweather/Merriweather-Regular.svg#Raleway') format('svg'),
    url('../fonts/merriweather/Merriweather-Regular.ttf') format('truetype'),
    url('../fonts/merriweather/Merriweather-Regular.woff') format('woff'),
    url('../fonts/merriweather/Merriweather-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

#c73582 {
    position: relative;
}

#coronatest-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

#accessible {
    margin: 24px 0 12px 0;
}

#accessible > div {
    float: left;
    width: auto;
}

#accessible > div.clearer {
    float: none;
}

#contrast {
    margin: 0;
}

#vrweb_icon_1 {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    height: 36px !important;
    background-position-y: center ;
    background-position-x: 6px ;
    margin-left: -3px;
    position: relative;
    margin-bottom: 12px;

    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
}

#vrweb_icon_1:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0);
    background-color: #f2f2f2;
}

#VR20S_player_1_player_container.VR20S_h_player_container {
    border-radius: 0;
    box-shadow: 0 0 0 #666;
    -moz-box-shadow: 0 0 0 #666;
    -webkit-box-shadow: 0 0 0 #666;
    -o-box-shadow: 0 0 0 #666;
    -ms-box-shadow: 0 0 0 #666;
}

#vrweb_icon_1::before {
    content: "Vorlesen";
    font-family: 'Open Sans', sans-serif;
    color: #616265;
    font-size: 14px;
    margin-left: 6px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

#accessible .vrweb_settings label {
    width: 100%;
    text-align: left;
    margin-right: 0;
}

#accessible .vrweb_settings .vrweb_s_slider {
    width: 100%;
}

#accessible .vrweb_settings_wrapper {
    z-index: 999999 !important;
}

.hinweis-redakteure {
    border: 5px solid #FF00B4;
    padding: 24px;
    font-weight: bold !important;
}

.hinweis-redakteure h3,
.hinweis-redakteure h2 {
    color: #FF00B4 !important;
    margin: 0 0 0 0;
}

.hinweis-redakteure ul li::before {
    background-color: #FF00B4 !important;
}

.job-header-lead > p{
    font-size: 14px;
}

.jobs-btn {
    margin: 24px 0;
    display: block;
    width: 100%;
}

.jobs-btn > a > span {
    padding: 6px 24px;
    text-align: left;
    font-weight:400;
}

.jobs-btn > a > span.title {font-size:0.75;margin-bottom:10px;font-weight:600;line-height: 24px;}

.jobs-innerdiv {
    height: auto !important;
    padding-bottom: 60px !important;
}

.ausschreibungen > table > thead {
    width: calc( 100% - 10px )
}

.ausschreibungen > table {
    width: 100%;
    table-layout: fixed;
}

.ausschreibungen > table > tbody {
    display: block;
}

.beab > table > tbody {
    display: block;
}

.ausschreibungen > table > thead,
.ausschreibungen > table > tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.ausschreibungen > table > thead > tr > th:first-of-type
{
    width:15%;
    border-left: none;
}

.ausschreibungen > table > thead > tr > th:last-of-type
{
    width:10%;
    border-right: none;
}

.ausschreibungen > table > thead > tr > th {
    border-top: none;
}

.ausschreibungen > table > tbody > tr > td:first-of-type
{
    width:15%;
}

.ausschreibungen > table > tbody > tr > td:last-of-type
{
    width:10%;
}

.mm-wrapper--opened #chatbot-button {
    z-index: 0;
}

.chatbot-container__close button {
    padding: 8px 20px 9px 20px;
}

.ui-widget {
    font-family: 'Open Sans', sans-serif;
}

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

* {
    padding: 0;
    margin: 0;
    line-height: 100%;
}

.frame-type-html:has(iframe),
.embed-container {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom:48px;
}

.frame-type-html iframe,
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pid-0 video {border:2px solid #3B5479;margin-bottom: 96px;}

video,
img {
    width: 100%;
    height: auto;
    display: block;
}

a img {
    border: none;
}

p, ul li, ol li, input {
    font-size: 0.875rem;
    line-height: 24px;
    margin-bottom: 12px;
}

ol {
    margin-left: 18px;
}

ol li {
    margin-bottom: 6px;
}

div.hinweis,
p.hinweis {
    padding: 18px;
    margin: 18px 0;
}

div.hinweis,
p.hinweis {
    border: 3px solid #3B5479;
    background-color: #fefefe;
    clear: both;
}

body.blau div.hinweis,
body.blau p.hinweis {
    border: 3px solid #5C7292;
    background-color: #fefefe;
}

div.hinweis header h1,
div.hinweis header h2,
div.hinweis header h3,
div.hinweis header h4,
div.hinweis header h5 {
    margin-top: 0;
}

ul li {
    list-style-type: none;
}

a {
    color: #294670;
    font-weight: 800;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

a:hover {
    color: #000000;
}

a.mail {
    position: relative;
    padding-left: 30px;
    background-image: url("../Images/icon-email.png");
    background-repeat: no-repeat;
    background-position: left 3px;
    display: inline-block;
    line-height: 24px;
    margin-bottom: 6px;
}

a.mail:before {
    content:"";
}

#maincontent table ul {
    margin-bottom: 0;
}

#maincontent ul.menu-dezernate li {
    padding-left: 0;
    margin: 0;
}

#maincontent ul.menu-dezernate li:before {
    display: none;
}

#maincontent ul.menu-dezernate li a {
    display: block;
    border-bottom: 1px solid #5C7292;
    line-height: 24px;
    text-decoration: none;
    padding: 12px 18px;
    font-weight: 600;
    background-image: url("../Images/icon-arrow-untermenue.png");
    background-repeat: no-repeat;
    background-position: right center;
    margin-bottom: 6px;
    padding-right: 42px;

    -webkit-box-shadow: -6px 6px 3px -3px rgba(0,0,0,0.1);
    -moz-box-shadow: -6px 6px 3px -3px rgba(0,0,0,0.1);
    box-shadow: -6px 6px 3px -3px rgba(0,0,0,0.1);
}

#maincontent ul.menu-dezernate li a:hover {
    border-color: #8caedf;
    padding-left: 24px;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

#maincontent ul.menu-dezernate li a span {
    color: #616265;
    font-weight: 400;
}

h1 {
    font-family: "Merriweather";
    font-weight: 500;
    color: #294670;
    font-size: 2.25rem;
    line-height: 48px;
    margin-bottom: 18px;
    margin-top: 36px;
    position: relative;
    -moz-hyphens: none;
    hyphens: none;
}

#context > div h4 {
    -moz-hyphens: none;
    hyphens: none;
}

h1:after {
    content: "";
    position: absolute;
    width: 72px;
    height: 2px;
    background-color: #8CAEDF;
    left: 0;
    bottom: -6px;
}

h2 {
    font-family: "Merriweather";
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #4B6A97;
    margin-top: 48px;
    margin-bottom: 12px;
}

h3 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 30px;
    margin-top: 36px;
    margin-bottom: 12px;
    color: #4B6A97;
}

.frame {display:inline-block;width:100%;box-sizing: border-box;}

header+.ce-textpic > div > h1:first-child,
header+.ce-textpic > div > h2:first-child,
header+.ce-textpic > div > h3:first-child,
header+.ce-textpic > div > h4:first-child,
header+.ce-textpic > div > h5:first-child,
.header-only+div > h1:first-child,
.header-only+div > h2:first-child,
.header-only+div > h3:first-child,
.header-only+div > h4:first-child,
.header-only+div > h5:first-child,
h2+div.ce-textpic > div.ce-bodytext > h3:first-child,
h2+div.ce-textpic > div.ce-bodytext > h4:first-child,
h3+div.ce-textpic > div.ce-bodytext > h4:first-child,
header+h1,
header+h2,
header+h3,
header+h4,
header+h5,
h2+h3,
h3+h4,
h4+h5 {
    margin-top: 0;
}
h2+h3 {
    margin-top: 24px;
}

h4 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 6px;
    margin-top: 24px;
    color: #8CAEDF;
}

body.blau h4 {color: #5C7292;}

h5 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 6px;
    color: #616265;
}

header h1+h2 {
    margin-top: 0;
}

h3 + div.ce-textpic > div > h4:first-child {
    margin-top: 0;
}

h4+table {
    margin-top: 12px;
}


.frontEndEditIcons img {width:32px;}

body.pid-83 h1 {color:#3B5479;}
body.pid-83 h1:after {background-color: #8caedf;}
body.pid-83 h2 {color:#5C7292;}
body.pid-83 h3 {color:#5C7292;}

body.blau h1 {color:#3B5479;}
body.blau h1:after {background-color: #5C7292;}
body.blau h2 {color:#5C7292;}
body.blau h3 {color:#5C7292;}

fieldset {
    border: 2px solid #233C61;
    background-color: #f1f3f7;
    padding: 24px;
    margin-bottom:24px;
}
fieldset:last-child {margin-bottom:0;}

label,
legend {
    font-size: 0.875rem;
    line-height: 24px;
    color: #333333;
}

legend {
    padding: 12px 24px;
    border: 2px solid #233C61;
    background-color: #233C61;
    color: #ffffff;
}

label {
    display: block;
    padding: 6px 0;
    font-weight: bold;
}

input, textarea {
    width: 100%;
    display: block;
    border: 2px solid #5C7292;
    padding: 10px 10px;
    color: #333333;
    box-sizing: border-box;
}

textarea {
    font-size: 1rem;
    font-family: "Open Sans", sans-serif;
    line-height: 24px;
}

select {
    width: 100%;
    display: block;
    border: 2px solid #8caedf;
    padding: 13px 1.905%;
    color: #616265;
    margin-bottom:12px;
}

.powermail_date {font-size:14px !important;font-family: "Open Sans", sans serif !important;}

.powermail_fieldwrap {
    margin-bottom: 12px;
}

.powermail_form_3 .powermail_fieldwrap.powermail_fieldwrap_type_content .powermail_field,
.powermail_fieldwrap.powermail_fieldwrap_type_content .powermail_field,
.powermail_fieldwrap_type_html .powermail_field {
    width: 100%;
}

.powermail_fieldwrap_type_check .powermail_checkwrap input,
.powermail_fieldwrap_type_radio .powermail_radiowrap input {
    float: left;
    width: auto;
    margin: 12px 12px 0 0;
}

.powermail_form_3 label {
    width: 30%;
    margin-right: 5%;
}

.powermail_form_3 .powermail_fieldwrap .powermail_field {
    width: 65%;
}

.layout-50-right,
.layout-50-left {
    float: left;
    width: 50%;
}

.layout-75-right,
.layout-75-left {
    float: left;
    width: 75%;
}

.layout-25-right,
.layout-25-left {
    float: left;
    width: 25%;
}

.layout-25-left label,
.layout-50-left label,
.layout-75-left label,
.layout-25-left .powermail_field,
.layout-50-left .powermail_field,
.layout-75-left .powermail_field {
    margin-right: 12px;
}

.layout-25-right label,
.layout-50-right label,
.layout-75-right label,
.layout-25-right .powermail_field,
.layout-50-right .powermail_field,
.layout-75-right .powermail_field {
    margin-left: 12px;
}

.layout-25-right + .powermail_fieldwrap,
.layout-50-right + .powermail_fieldwrap,
.layout-75-right + .powermail_fieldwrap {
    clear: both;
}


.powermail_field .checkbox  label,
.powermail_field .radio label {
    width: 100%;
    text-align: left;
}

.powermail_field .checkbox  input,
.powermail_field .radio input {
    width: auto;
    float: left;
    margin-top: 6px;
    margin-right: 12px;
}

#mainbody ul li.parsley-required,
#mainbody ul li.parsley-custom-error-message {
    border: 2px solid #9c213e;
    padding: 6px;
    font-weight: bold;
    color: #9c213e;
    background-color: #fff;
    margin-top: 12px;
    clear: both;
}

#mainbody ul li.parsley-required::before,
#mainbody ul li.parsley-custom-error-message::before {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5rem;
    text-align: left;
    width: 100%;
}

table p:last-child {
    margin-bottom: 0;
}

table div {
    line-height: 140%;
}

caption, td, th {
    border: 1px solid #f2f2f2;
    padding: 6px 10px;
    vertical-align: top;
    font-size: 0.875rem;
    line-height: 24px;
}
thead th {
    border-color: #3B5479;
}

table.table-experts td,
.stacktable.small-only td {
    border: 1px solid #e4e4e4;
}

.stacktable.small-only td.st-key {
    border-color: #e4e4e4 #e4e4e4;
    background-color: #e8eff9;
    width: 40%;
}

.stacktable.small-only td.st-val {
    width: 56%;
}

.stacktable.small-only tr.td-empty {
    display: none;
}

table thead tr {
    background-color: #3B5479;
    border-bottom: 3px solid #233C61;
    color: #fff;
}

body.orange table tbody th {
    background-color: #f2f2f2;
    border-color: #fff;
}

body.orange table tbody th {
    border-width: 1px 0;
}

table tr th.td-05,
table tr td.td-05 {width: 5%;}
table tr th.td-10,
table tr td.td-10 {width: 10%;}
table tr th.td-15,
table tr td.td-15 {width: 15%;}
table tr th.td-20,
table tr td.td-20 {width: 20%;}
table tr th.td-25,
table tr td.td-25 {width: 25%;}
table tr th.td-33,
table tr td.td-33 {width: 33%;}
table tr th.td-40,
table tr td.td-40 {width: 40%;}
table tr th.td-45,
table tr td.td-45 {width: 45%;}
table tr th.td-50,
table tr td.td-50 {width: 50%;}
table tr th.td-75,
table tr td.td-75 {width: 75%;}


.impftermin {
    border: 1px solid #e5e5e5;
    padding: 24px;
    margin-bottom: 9px;
}

#maincontent .impftermin h1,
#maincontent .impftermin h2,
#maincontent .impftermin h3 {
    font-size: 1rem;
    color: #616265;
    margin-top: 0;
    font-weight: bold;
}

.impftermin-date {
    float: left;
    width: 20%;
}

.impftermin-date p {
    background-color: #f99634;
    margin-left: -24px;
    color: #ffffff;
    padding: 6px 12px;
    max-width: 120px;
}

.impftermin-date p.ausgebucht {
    background-color: #9c213e;
}

.impftermin-content {
    float: left;
    width: 75%;
    margin-left: 5%;
}

.dropdown {
    position: relative;
    display: block;
    width: 100%;
}

#maincontent .dropdown ul ul,
#maincontent .dropdown ul,
#maincontent .dropdown li {
    margin: 0;
    list-style-type: none;
}

#maincontent .dropdown li::before {
    display: none;
}

#mainbody #maincontent .dropdown li,
#mainbody #maincontent .dropdown-content li {
    padding: 0;
}

#mainbody #maincontent .dropbtn  {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    color: white;
    padding: 12px;
    font-size: 16px;
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    background-image: url('../../../fileadmin/templates/media/images/arrow-dropdown.png');
    background-repeat: no-repeat;
    background-position: 98% center;
}

#mainbody #maincontent .dropdown a {
    display: block;
    padding: 12px;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    color: #616265;
    font-weight: 400;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 100;
    width: 100%;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.frame-layout-17,
.frame-layout-18 {
    float: left;
    width: 50%;
}

.frame-layout-18 > ul {
    margin-right: 12px;
    width: auto;
}

.frame-layout-17 > ul {
    margin-left: 12px;
    width: auto;
}

/*************************
 BANNER
*************************/

@keyframes marquee {
    0%   { text-indent: 1100px }
    100% { text-indent: -2200px }
}

.marquee {
    width: 100%;
    margin: auto;
    padding: 2px;
    overflow: hidden;
    white-space: nowrap;
    border: solid 1px #CCCCCC;
    animation: marquee 40s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
}

.frame-marquee {
    max-width: 100vw;
    white-space: nowrap;
    overflow: hidden;
    background-color: #9c213e;
    margin: 0 0 12px 0;
}

.frame-marquee .frame.default header {
    display: inline-block;
    padding-left: 105%;
    animation: marquee 40s linear infinite;
    margin: 0;
}

.frame-marquee .frame.default header h1,
.frame-marquee .frame.default header h2,
.frame-marquee .frame.default header h3,
.frame-marquee .frame.default header h4,
.frame-marquee .frame.default header h5 {
    margin: 0;
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

.frame-marquee .frame.default header a {
    color: #9c213e;
}

.frame-marquee .frame.default header:hover {
    animation-play-state: paused
}

#banner-link a {
    display: none;
    padding: 12px;
}

#banner #banner-content {
    display: none;
}

@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

#page-1268 #header-image {
    background-image: url("../Images/gleichstellung-bg.jpg");
    background-repeat: repeat-x;
    background-position: center;
    background-size: cover;
}

#page-1268 #header-image img {
    max-width: 1152px;
}

#maincontent .c-box {
    padding: 0;
    border: none;
    background-color: transparent;
}


/* *************************
	POPUP
************************* */

#fvpp-blackout {
    display: none;
    z-index: 499;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
}

#banner #banner-content,
#pop-up-content {
    display: none;
    z-index: 500;
    position: fixed;
    width: 50%;
    left: 25%;
    top: 10%;
    padding: 20px 2%;
    font-family: Calibri, Arial, sans-serif;
    background: #FFF;
    box-sizing: border-box;
    min-height: 400px;
    max-height: 80%;
    overflow: auto;
}

#fvpp-close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 23px;
    cursor: pointer;
    font-weight: bold;
    color: #FFF;
    background-color: #9c213e;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    line-height: 36px;
}


#fvpp-dialog h2 {
    font-size: 1.25rem;
    margin: 0;
}

#fvpp-dialog p { margin: 0; }

.space-before-small {
    margin-top: 24px;
}


/*************************
 COOKIE
*************************/

#page-97 #klaro,
#page-1574 #klaro .cookie-notice {
    display: none;
}


#klaro .cookie-notice {
    position: fixed;
    top: 0;
    right: 0;
    max-width: none;
    width: 100%;
    height: 100vh;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,.5);
}

#klaro .cookie-modal .cm-modal,
#klaro .cookie-notice .cn-body {
    max-width: 600px;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 0;
}

#klaro .cookie-notice .cn-body {
    position: relative;
    margin: 0 auto;
    max-width: 640px;
    height: auto;
    width: auto;
    max-height: 98%;
    top: 50%;
    transform: translateY(-50%);
}

#klaro .cookie-modal li,
#klaro .cookie-modal .cm-modal p,
#klaro .cookie-notice p {
    color: #4d4e53;
}

#klaro .cookie-modal .cm-modal .cm-body span {
    line-height: 30px;
}

#klaro .cookie-modal .cm-modal .cm-header h1,
#klaro .cookie-modal .cm-modal a,
#klaro .cookie-notice a,
#klaro .cookie-notice .cn-body > p {
    font-weight: bold;
    color: #3B5479;
}

#klaro .cookie-notice .cn-body > p,
#klaro .cookie-modal .cm-modal .cm-header h1 {
    font-size: 1.5rem;
    color: #3B5479;
}

#klaro .cookie-modal .cm-modal .cm-header h1::after {
    display: none;
}

#klaro label {
    float: none;
    width: auto;
}

#klaro .klaro {
    position: relative;
    z-index: 99999;
}

#klaro .cookie-notice .cm-btn.cn-decline,
#klaro .cookie-modal .cm-btn.cn-decline,
#klaro .cookie-modal .cm-btn.cm-btn-success,
#klaro .cookie-notice .cm-btn.cm-btn-success {
    background: #3B5479;
    border-radius: 0;
    cursor: pointer;
    padding: 12px 24px;
    line-height: 24px;
    margin-bottom: 0;
    font-size: 20px;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#klaro .cookie-notice .cm-btn.cn-decline,
#klaro .cookie-modal .cm-btn.cn-decline {
    background-color: #9c213e;
}

#klaro .cm-learn-more {
    display: block;
    background-color: #ffffff;
    border: 2px solid #3B5479;
    color: #3B5479;
    padding: 10px 24px;
    line-height: 24px;
    font-size: 20px;
}

#klaro .cookie-modal .cm-btn.cm-btn-success:hover,
#klaro .cookie-notice .cm-btn.cm-btn-success:hover,
#klaro .cm-learn-more:hover {
    background-color: #8caedf;
    border-color: #8caedf;
    color: #ffffff;
}

#klaro .cookie-modal .cm-modal .hide {
    background: #3B5479;
    padding: 12px;
    cursor: pointer;
}

#klaro .klaro .cookie-notice .cn-body p.cn-ok {
    padding-top: 30px;
}

#klaro .cookie-modal .cm-modal p.cm-list-description,
#klaro .cookie-modal .cm-modal p.purposes {
    font-size: 14px;
    line-height: 18px;
}

#klaro .cookie-modal .cm-modal p.purposes {
    color: #999999;
    display: none;
}

#klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider {
    background-color: #8caedf;
}

#klaro .cookie-modal .cm-modal .cm-header,
#klaro .cookie-modal .cm-modal .cm-footer {
    border-color: #cccccc;
    padding: 0;
}

#klaro .cookie-modal .cm-modal .cm-header {
    padding-bottom: 18px;
}

#klaro .cookie-modal .cm-modal .cm-footer {
    padding-top: 18px;
}

#klaro .cookie-modal .cm-modal .cm-footer .cm-btn.cm-btn-success {
    font-size: 1.25rem;
}

#klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
    background-color: #3B5479;
}

#klaro .cookie-modal .cm-modal .cm-body {
    padding: 24px 0;
}

#klaro .cm-powered-by {
    display: none;
}

.video_iframeoverlay {
    width: 100% !important;
    position:relative;
    background: rgb(92,114,146);
    background: -moz-linear-gradient(0deg, rgba(92,114,146,.15) 0%, rgba(112,140,179,.15) 100%);
    background: -webkit-linear-gradient(0deg, rgba(92,114,146,.15) 0%, rgba(112,140,179,.15) 100%);
    background: linear-gradient(0deg, rgba(92,114,146,.15) 0%, rgba(112,140,179,.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3B5479",endColorstr="#5C7292",GradientType=1);
    position:relative;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    display:flex;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center;
}

.video_iframeoverlay p {
    padding: 0 1.5rem;
    text-align: center;
    margin: 0;
    z-index: 2;
    position:absolute;
}
.video_iframeoverlay #unlockiframe {
    background: #3B5479;
    color: #fff;
    padding: 0.5rem;
    cursor: pointer;
    display: block;
    margin: 0.5rem auto 0;
    width: 12rem;
    max-width:90%;
    z-index: 2;
}
.video_iframeoverlay #unlockiframe:hover {
    background:#5C7292;
}

/* *************************
  ALLGEMEIN
************************* */

.content-footer hr {
    border: none;
    display: block;
    margin-top: 24px;
}

.clearer {
    clear: both;
}

.wrapper {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    position: relative;
}

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

#mainnavi,
#header,
#mainbody,
#footer {
    background-color: #fff;
}

#mainbody {
    padding-bottom: 96px;
    position: relative;
    clear: both;
}

#important-note {
    background-color: rgba(113, 140, 179, .1);
    padding: 90px;
}

#important-note .wrapper {
    padding: 60px;
    box-sizing: border-box;
    background-color: #ffffff;
}

#important-note header * {
    margin-top: 0;
}

body#page-80 #mainbody {
    padding-bottom: 0;
}

body#page-80 .frame-layout-15 {
    padding: 24px;
    border: 2px solid #3B5479;
    text-align: center;
    margin-bottom: 96px;
}

body#page-80 .frame-layout-15 h2 {
    margin-top: 0;
}

body#page-80 .frame-layout-15 h3 {
    font-size: 1.25rem;
    color: #616265;
    margin-top: 0;
}

/* *************************
  ACCORDION
************************* */

.t3ddy.t3ddy-accordion {
    margin-bottom: 48px;
}
.frame-container-accordion {margin-bottom:10px;}
.c-accordion .c-accordion-title,
.ui-accordion .ui-accordion-header  {
    font-size: 0.875rem;
    line-height: 24px;
    font-weight: 400;
    display: block;
    color: #5C7292;
    padding: 10px 48px 10px 12px;
    text-decoration: none;
    text-align: left;
    position: relative;
    zoom: 1;
    border: 2px solid #5C7292;
    background-image: none;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;

    border-radius: 0;
    background-color: #fff;
    margin: 12px 0 0 0;
    cursor: pointer;
}


.c-accordion .c-accordion-item.act .c-accordion-title,
.ui-accordion .ui-accordion-header-active.ui-state-active,
.ui-accordion .ui-accordion-header:hover {
    color: #fff;
    background-color: #3B5479;
    border-color: #3B5479;

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.c-accordion .c-accordion-title::after,
.c-accordion .c-accordion-title::before {
    display: none;
}

.c-accordion .c-accordion-title .ui-accordion-header-icon,
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: auto;
    right: 6px;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    background-image: none;
}

.c-accordion .c-accordion-title .ui-accordion-header-icon::before,
.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
    content:"+";
    text-align: center;
    line-height: 24px;
    font-size: 1.5rem;
    display: block;
    width: 100%;
    text-indent:0;
}

.c-accordion .c-accordion-item.act .c-accordion-title .ui-accordion-header-icon::before,
.ui-accordion .ui-accordion-header.ui-accordion-header-active.ui-state-active .ui-accordion-header-icon:before {
    content:"-";
}

.c-accordion .c-accordion-item .c-accordion-content {
    padding: 0 24px;
}

.c-accordion .c-accordion-item.act .c-accordion-content,
.ui-accordion-content {
    border: 1px solid #eee;
    padding: 24px;
}

.c-accordion .c-accordion-item {
    border-bottom: none;
}

#mainbody .c-accordion .c-accordion-item .c-accordion-content h1,
#mainbody .c-accordion .c-accordion-item .c-accordion-content h2,
#mainbody .c-accordion .c-accordion-item .c-accordion-content h3,
#mainbody .c-accordion .c-accordion-item .c-accordion-content h4,
body.pink .ui-accordion-content h1,
body.blau .ui-accordion-content h1,
body.gelb .ui-accordion-content h1,
body.orange .ui-accordion-content h1,
body.orange-braun .ui-accordion-content h1,
body.rot .ui-accordion-content h1,
.ui-accordion-content h1,
body.pink .ui-accordion-content h2,
body.blau .ui-accordion-content h2,
body.gelb .ui-accordion-content h2,
body.orange .ui-accordion-content h2,
body.orange-braun .ui-accordion-content h2,
body.rot .ui-accordion-content h2,
.ui-accordion-content h2,
body.pink .ui-accordion-content h3,
body.blau .ui-accordion-content h3,
body.gelb .ui-accordion-content h3,
body.orange .ui-accordion-content h3,
body.orange-braun .ui-accordion-content h3,
body.rot .ui-accordion-content h3,
.ui-accordion-content h3,
body.pink .ui-accordion-content h4,
body.blau .ui-accordion-content h4,
body.gelb .ui-accordion-content h4,
body.orange .ui-accordion-content h4,
body.orange-braun .ui-accordion-content h4,
body.rot .ui-accordion-content h4,
.ui-accordion-content h4 {
    color: #3B5479;
    font-size: 1rem;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 6px;
}

#mainbody .c-accordion .c-accordion-item .c-accordion-content h5,
.ui-accordion-content h5 {
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 6px;
    font-size: 1rem;
    color: #616265;
}


.ui-accordion-content .content-footer > div:first-child > h4:first-child,
.ui-accordion-content > div:first-child > header:first-child h1,
.ui-accordion-content > div:first-child > div:first-child > header:first-child h1,
.ui-accordion-content > div:first-child > header:first-child h2,
.ui-accordion-content > div:first-child > div:first-child > header:first-child h2,
.ui-accordion-content > div:first-child > header:first-child h3,
.ui-accordion-content > div:first-child > div:first-child > header:first-child h3,
.ui-accordion-content > div:first-child > header:first-child h4,
.ui-accordion-content > div:first-child > div:first-child > header:first-child h4,
.ui-accordion-content > div:first-child > header:first-child h5,
.ui-accordion-content > div:first-child > div:first-child > header:first-child h5,
.ui-accordion-content h4+h5 {
    margin-top: 0;
}

#mainbody #maincontent .c-accordion .c-accordion-item .c-accordion-content ul li:before,
#mainbody #maincontent .ui-accordion-content ul li:before {
    background-color: #3B5479;
}

.c-accordion .c-accordion-item .c-accordion-content .ce-bodytext h1:first-child,
.c-accordion .c-accordion-item .c-accordion-content .ce-bodytext h2:first-child,
.c-accordion .c-accordion-item .c-accordion-content .ce-bodytext h3:first-child,
.c-accordion .c-accordion-item .c-accordion-content .ce-bodytext h4:first-child,
.c-accordion .c-accordion-item .c-accordion-content .ce-bodytext h5:first-child,
.ui-accordion-content .ce-bodytext h1:first-child,
.ui-accordion-content .ce-bodytext h2:first-child,
.ui-accordion-content .ce-bodytext h3:first-child,
.ui-accordion-content .ce-bodytext h4:first-child,
.ui-accordion-content .ce-bodytext h5:first-child {
    margin-top: 0;
}

#maincontent .c-accordion .c-accordion-item .c-accordion-content table thead tr,
#maincontent .ui-accordion-content table thead tr {
    background-color: #5C7292;
    border-bottom: 3px solid #3B5479;
}

#maincontent .c-accordion .c-accordion-item .c-accordion-content thead th,
#maincontent .ui-accordion-content thead th {
    border-color: #5C7292;
}

.four-cols-25-25-25-25 .iconbox {
    margin-bottom: 30px;
}

.iconbox a {
    display: block;
    height: 100%;
    margin-bottom: 30px;
    background: #294670;
    background: -webkit-linear-gradient(45deg, rgba(41, 70, 112, 1) 0%, rgba(41, 70, 112, 0.2) 100%);
    background: -moz-linear-gradient(45deg, rgba(41, 70, 112, 1) 0%, rgba(41, 70, 112, 0.2) 100%);
    background: linear-gradient(45deg, rgba(41, 70, 112, 1) 0%, rgba(41, 70, 112, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#294670", endColorstr="#294670", GradientType=0);
    border-radius: 0 30px 0 30px;
    border: 2px solid #718CB3;
    padding: 30px;
    box-sizing: border-box;
    text-decoration: none;
}

.iconbox a:hover {
    border-color: #ffffff;
}

.iconbox .iconbox-title h3 {
    font-size: 1.125rem;
    color: #ffffff;
    margin: 18px 0 0 0;
}

.iconbox .iconbox-icon img {
    max-width: 150px;
    margin: 0 auto;
}

/* *************************
  OFFCANVAS
************************* */

body.mm-wrapper #menu {
    opacity: 0;
    visibility: hidden;
}

body.mm-wrapper.mm-wrapper--opened #menu {
    opacity: 1;
    visibility: visible;
}

#toggleMenu a {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    background: #294670;
    left: 0;
    top: 12px;
    border-radius: 50%;
    z-index: 999999999999;
    border:1px solid #294670;
}

#toggleMenu a:hover {
    background-color: #000000;
}

#toggleMenu a span {
    display: block;
    width: 45px;
    height: 6px;
    background-color: #ffffff;
    margin: 7px auto;
}

#toggleMenu a > div {
    position: absolute;
    width: 100%;
    height: 100%;
    align-content: center;
}

#toggleMenu a > div::after {
    font-family: 'Montserrat', sans-serif;
    content: "";
    color: #ffffff;
    text-align: center;
    font-size: 1.125rem;
    position: absolute;
    width: 100%;
}

/* *************************
  MEANMENU
************************* */

.mm-listitem,
#nav-ul .mm-listitem {
    padding-right: 24px;
}

.mm-listitem {
    padding-right: 0;
}

.mm-listitem:after,
#nav-ul .mm-listitem:after{
    right: 76px;
    border-color: #718CB3;
    opacity: .25;
}

.mm-listitem:after {
    right: 0;
    opacity: .5;
}

#menu.mm-menu--offcanvas,
.mm-navbar,
.mm-panel.mm-panel--opened,
.mm-panels {
    background: #294670;
}

.mm-menu--theme-light {
    --mm-color-background: #294670;
}

.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
    color: #ffffff
}

.mm-btn--prev:before,
.mm-listitem__btn:not(.mm-listitem__text),
#nav-ul .mm-listitem__btn:not(.mm-listitem__text) {
    background-color: #718CB3;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    top: 6px;
    right: 6px;
}

.mm-listitem__btn:not(.mm-listitem__text) {
    background-color: transparent;
    top: 0;
    right: 0;
}

#nav-ul .mm-listitem__text {
    padding: 24px;
}

.mm-btn--prev:before,
.mm-btn--next:after {
    border: none;
    content: "";
    background-image: url("../Images/noun-next-8060023-FFFFFF.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

a.mm-btn.mm-btn--prev.mm-navbar__btn {
    width: 48px;
    height: 48px;
    margin: 15px;
}

.mm-btn--prev:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.submenu-toggle.ToggleBtn.clickable {
    display: none;
}

#nav-ul .mm-navbar {
    display: none;
}

.mm-navbar {
    border: none;
}

.mm-listview,
#nav-ul .mm-listview {
    padding: 30px 15px;
}

.mm-listview {
    padding: 30px 30px 30px 15px;
}

.mm-navbar__title>span,
#nav-ul .mm-navbar__title>span {
    font-size: 1rem;
    text-transform: uppercase;
    text-align: left;
    padding: 15px;
}

.mm-navbar__title>span {
    display: inline-block;
    padding: 30px;
    text-align: right;
    text-transform: none;
    border: none;
}

.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
}

.mm-navbar>* {
    align-items: flex-end;
    justify-content: right;
}

.mm-wrapper__blocker {
    background: rgba(41, 70, 112, 1);
}

.mm-wrapper--opened .mm-wrapper__blocker {
    opacity: .75;
}

.mm-listitem--selected>.mm-listitem__text {
    background: transparent;
}

/* *************************
  SUBNAVI
************************* */

#subnavi {
    position: relative;
    z-index: 90;
    border: 2px solid #fff;
    background-color: #3B5479;
    margin-top: -64px;
    padding: 10px;
}

#subnavi ul li a {
    display: block;
    padding: 13px 15px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #5C7292;
    line-height: 24px;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
}

#subnavi ul li.active-subheader a {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#subnavi ul li ul {
    background-color: #5C7292;
    padding: 12px 0;
    border-bottom: 2px solid #5C7292;
    margin: 0;
}

#subnavi ul li ul li {
    margin-bottom: 0;
    padding: 0;
}

#subnavi ul li ul li a {
    border: none;
    padding: 6px 15px;

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#subnavi ul li.active a,
#subnavi ul li a:hover {
    background-color: #ffffff;
    color: #3B5479;

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#subnavi ul li ul li.active a,
#subnavi ul li ul li a:hover {
    background-color: #3B5479;
    color: #ffffff
}

#subnavi ul li.subnavi-level-02 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    margin: 0;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#subnavi ul li.subnavi-level-02.open {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    max-height: 250px;
    margin: 0 0 12px 0;
}

#subnavi ul li.subnavi-button-show-all {
    margin-bottom: 0;
}

#subnavi ul li.subnavi-button-show-all a.active {
    margin-bottom: 12px;
}

#subnavi ul li ul li ul {
    border-top: 1px solid #7D92B1;
    background-color: #3B5479;
    padding: 12px 0 12px 24px;
}

#subnavi ul li ul li ul li {
    position: relative;
}

#subnavi ul li ul li ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 12px;
    top: 12px;
    background-color: #fff;
    border-radius: 50%;
}

#subnavi ul li ul li ul li a {
    padding: 3px 12px 3px 24px;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#subnavi ul li ul li ul li.active a,
#subnavi ul li ul li ul li a:hover {
    background-color: #132E56;
}

#subnavi ul li ul li ul li.active ul li a,
#subnavi ul li ul li ul li ul li a {
    padding-left: 36px;
}

#subnavi ul li ul li ul li.active ul li::before,
#subnavi ul li ul li ul li ul li::before {
    background-color: transparent;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    left: 21px;
    top: 12px;
}

/* *************************
  BREADCRUMB
************************* */

#breadcrumb {
    overflow: hidden;
    border-bottom: 2px solid #f2f2f2;
}

#breadcrumb ul {
    padding: 12px 0px;
    overflow: hidden;
    margin-top: -10px;
}

#breadcrumb ul li {
    float: left;
    margin: 0 12px 0 0;
    font-size: 0.875rem;
    padding-right: 24px;
    background-image: url("../Images/noun-next-7000694-666666.svg");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 10px;
}

#breadcrumb ul li.active {
    background-image: none;
}

#breadcrumb ul li a {
    display: block;
    text-decoration: none;
    color: #333333;
    line-height: 24px;
}

#breadcrumb ul li.active a {
    font-weight: 600;
}

/* *************************
  HEADER
************************* */

html[lang="en"] #mainnavi.click #menu > ul > li,
html[lang="fr"] #mainnavi.click #menu > ul > li {
    width: 100%;
}
html[lang="en"] #icons ul li.leichte-sprache,
html[lang="en"] #icons ul li.time,
html[lang="en"] #icons ul li.virtual,
html[lang="en"] #icons ul li.local,
html[lang="en"] #icons ul li#search-button-top {
    display: none;
}

html[lang="en"] #icons #flags-content.button-top-content {
    max-width: none;
    width: 284px;
    right: 0;
    left: auto;
}

html[lang="en"] #mainnavi.click #menu > ul > li.current > a {
    background-color: #fff;
    color: #3B5479;
}

#icons #flags-content p a {
    color: #ffffff;
}

#header {
    position: relative;
    z-index: 10;
    clear: both;
}

#header-image {
    max-height: 432px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#search-box {
    position: absolute;
    top: 180px;
    z-index: 999999;
    width: 20%;
}

#search-box input {
    border-color: #ffffff;
    border-radius: 30px;
    margin: 0;
    padding-left: 15px;
    padding-right: 48px;
}

#search-box .input-group {
    position: relative;
}

#search-box .input-group button {
    width: 48px;
    height: 48px;
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url("../Images/noun-search-4648873-294670.svg");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
}

#logo {
    position: absolute;
    left: 0;
    top: 36px;
    width: 20%;
    z-index: 25;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,1);
    border-radius: 0 40px 0;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#logo:hover {
    background-color: rgba(255,255,255,0.5);
}

#logo img {
    max-width: 200px;
    margin: 0 auto;
    padding: 12px 0;
}

#icons ul {
    position: relative;
    margin: 24px 0;
    float: right;
}

#icons ul li {
    line-height: 100%;
    float: left;
    width: 3rem;
    margin-left: 12px;
    margin-bottom: 0;
}

#icons ul li.clearer {
    clear: both;
}

#icons ul li.first {
    margin-left: 0;
}

#icons ul li > div > div > a {
    display: block;
    background-color: #294670;
    position: relative;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#icons ul li > div > div#leichte-sprache-box > a {
}

#icons ul li > div > div#leichte-sprache-box > a:hover {
    border-color: #ffffff;
}

#icons ul li > div > div#leichte-sprache-box > a::before {
}

#header #icons #leichte-sprache-box img {
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

#icons ul li > div > div.clicked > a,
#icons ul li > div > div > a:hover {
    border-color: #fff;
    background-color: #3B5479;

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#icons ul li a img {
    position: relative;
    z-index: 20;
    width: auto;
    height: 36px;
    padding: 6px;
}

#icons ul li.contrast-link a img {
    height: 30px;
}

#icons .button-top-content {
    position: absolute;
    width: 100%;
    right: 0;
    top: 24px;
    min-width: 432px;
    background-color: #294670;
    color: #cce2ff;
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#icons .button-top-content .links > div {
    overflow: hidden;
}

.navigationTitle {
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 800;
}

#info-box.clicked .button-top-content,
#time-box.clicked .button-top-content,
#local-box.clicked .button-top-content,
#virtual-box.clicked .button-top-content,
#search-box.clicked .button-top-content,
#flags-box.clicked .button-top-content {
    opacity: 1;
    visibility: visible;
    top: 60px;
}

#info-box .left p a {
    color: #ffffff;
}

#icons .button-top-content h3 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 12px;
    color: #fff;
}

#icons .button-top-content > div {
    padding: 24px;
}

#icons .button-top-content div.links a {
    color: #fff;
}

#icons .button-top-content > div.close {
    position: absolute;
    padding: 0;
    width: 36px;
    height: 36px;
    background-color: #fff;
    right: 2px;
    top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#icons .button-top-content > div.close:hover {
    background-color: #3B5479;
}

#icons .button-top-content > div.close:hover a {
    color: #fff;
}

#icons .button-top-content > div.close a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#icons #flags-link {
    cursor: pointer;
    text-decoration: none;
}

#icons #flags-link .title {
    display: none;
}

#icons #flags-link .flag {
    padding: 12px 0;
    display: block;
}

#icons #flags-link .flag img {
    max-width: 24px;
    margin: 0px auto;
    border: 2px solid #fff;
    opacity: 0.75;
}

#icons #flags-content .flag {
    float: left;
    width: auto;
}

#icons #flags-content .flag img {
    width: 30px;
    height: auto;
    border-radius: 50%;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#icons #flags-content .title {
    font-size: 1rem;
    line-height: 24px;
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 6px 12px 6px 48px;
    width: auto;
}

#icons #flags-content .NO {
    margin-bottom: 12px;
    background-color: #4B6A97;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#icons #flags-content .NO:hover {
    background-color: transparent;

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#icons #flags-content .NO:hover img {
    border-color: transparent;
}

#icons .button-top-content#flags-content > div {
    padding-bottom: 12px;
    padding-right: 60px;
}

#icons #flags-content.button-top-content > div#flags {
    padding: 0;
}

#icons #flags-content.button-top-content {
    min-width: 0;
    max-width: 284px;
    right: 0;
    left: auto;
    z-index: 999999;
    min-width: 300px;
}

.tx-solr-label-for-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0);
    white-space: nowrap;
    border: 0;
}

#solr-bottom {
    margin-left: 12px;
}

#solr-bottom input {
    border-color: #5C7292;
}

#solr-bottom form,
#search-content.button-top-content form {
    position: relative;
}

#search-content.button-top-content form input {
    margin: 0;
}

#solr-bottom form button,
#search-content.button-top-content form button {
    position: absolute;
    width: 48px;
    height: 48px;
    font-size: 0px;
    top: 0;
    right: 0;
    background-color: transparent;
    background-image: url("../Images/icon-search-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

#solr-bottom form button:hover {
    background-color: #5C7292;
}

#solr-bottom form button {
    background-image: url("../Images/icon-search-small.png");
    background-color: #5C7292;
    cursor: pointer;
}

#tx-solr-search .results-highlight {background-color:#294670;color:#ffffff;padding:0 3px;}
#tx-solr-search .relevance {display:grid;grid-template-columns: 1fr 11fr;}
#tx-solr-search .progress {border:1px solid #294670;width:100%;}
#tx-solr-search .progress-bar {background-color:#4B6A97;padding:3px 0;line-height:120%;color:#ffffff;}
#tx-solr-search #results-per-page .input-group {display:flex;padding-top:10px;}
#tx-solr-search #results-per-page .input-group label {margin-right:10px;white-space: nowrap;}
#tx-solr-search #results-per-page .input-group select {max-width:200px;}
#topQuicklinks {
    background-color: #4B6A97;
    overflow: hidden;
}

#topQuicklinks ul {
    float: right;
}

#topQuicklinks ul li {
    float: left;
    margin: 0;
}

#topQuicklinks ul li a {
    display: block;
    border-left: 1px solid rgba(255,255,255,.15);
    color: #ffffff;
    padding: 14px 24px 15px 48px;
    position: relative;
    text-decoration: none;
    font-weight: 600;
}

#topQuicklinks ul li a:hover {
    background-color: #3B5479;
}

#topQuicklinks ul li a::before {
    content: "";
    color: #ffffff;
    position: absolute;
    left: 6px;
    top: 0;
    height: 100%;
    width: 36px;
    background-image: url("../Images/noun-car-8063491-FFFFFF.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}

#topQuicklinks ul li.quicklink-02 a::before {
    background-image: url("../Images/noun-help-4576204-FFFFFF.svg");
}

#topQuicklinks ul li.quicklink-03 a::before {
    background-image: url("../Images/noun-online-7985692-FFFFFF.svg");
}

#topQuicklinks ul li.quicklink-04 a::before {
    background-image: url("../Images/noun-job-6063657-FFFFFF.svg");
}

#topQuicklinks ul li.quicklink-05 a::before {
    background-image: url("../Images/noun-clock-7987265-FFFFFF.svg");
}

/* *************************
FLEXSILDER
************************* */

#slider .slides {
    overflow: hidden;
}

.flexslider {
    border: none;
    margin-bottom: 0;
}

.flexslider .flex-caption {
    position: absolute;
    margin: 0;
    right: 15%;
    bottom: 15px;
    background-color: #294670;
    color: #ffffff;
    padding: 30px;
    width: 30%;
    border-radius: 30px 30px 0 0;
    box-sizing: border-box;
}

.flex-control-nav {
    bottom: 0;
    text-align: left;
    background-color: #718CB3;
    height: 45px;
    z-index:90;
}


.flex-control-nav::after {
    content: "";
    width: 30%;
    height: 45px;
    background-color: #294670;
    position: absolute;
    right: 15%;
    bottom: 0;
}

.flex-control-nav li {
    margin: 11px 6px;
}

.flex-control-paging li a {
    width: 18px;
    height: 18px;
    border: 2px solid #294670;
    background-color: #294670;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
    background-color: #294670;
    border-color: #ffffff;
}

.flex-pauseplay {
    position: absolute;
    bottom: 60px;
}

.flex-pauseplay a {
    background-color: #294670;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #ffffff;
    padding: 6px;
    font-size: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.flex-pauseplay a:before {
    font-size: 15px;
}

.flex-direction-nav a {
    font-size: 0px;
    margin: 0;
}

/* *************************
  LAYOUTS
************************* */

.bg-white {
    padding: 30px 0 96px 0;
    background-color: #ffffff;
}

.bg-grey {
    padding: 96px 0;
    background-color: #f2f2f2;
}

.bg-grey .button-outline {
    margin-left: 1.042%;
}

.bg-blue {
    padding: 96px 0;
    background-color: #718CB3;
    position: relative;
}

.bg-blue {
    padding-bottom: 120px;
}

.bg-blue .wrapper {
    z-index: 10;
}

.bg-blue h2,
.bg-grey h2,
.bg-white h2 {
    font-family: "Merriweather";
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 48px;
    color: #3B5479;
    position: relative;
    margin-bottom: 36px;
}

.bg-blue h2 {
    color: #fff;
}

.bg-blue h2:after,
.bg-grey h2:after,
.bg-white h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -12px;
    height: 2px;
    width: 72px;
    background-color: #8CAEDF;
    margin-left: -36px;
}

.bg-blue h2:after {
    background-color: #fff;
}

#maincontent #content ul.layout-11 li {
    float: left;
    width: 33.334%;
    padding: 0;
    margin: 0;
}

#maincontent #content ul.layout-11 li:nth-child(3n+1) {
    clear: both;
    border-color: red;
}

#maincontent #content ul.layout-11 li:before {
    display: none;
}

#maincontent #content ul.layout-11 li a {
    display: block;
    text-align: center;
    padding: 12px;
    border: 1px solid #fff;
    background-color: #f3f3f3;
    text-decoration: none;
}

#maincontent #content ul.layout-11 li a:hover {
    background-color: #fff;
}

#maincontent ul.ce-uploads {
    overflow: hidden;
}

#maincontent span.uploads-image-wrap {
    display: block;
    position: relative;
}

#maincontent .ce-uploads.upload-type-2 img {
    float: none;
    border-bottom: 2px solid #5C7292;
    margin-bottom: 12px;
    padding-right: 0;
}

#maincontent ul.ce-uploads.upload-type-1 li,
#maincontent ul.ce-uploads.upload-type-0 li {
    padding: 0;
    margin: 0;
}

#maincontent #context ul.ce-uploads.upload-type-1 li,
#maincontent #context ul.ce-uploads.upload-type-0 li {
    margin-bottom: 0;
}

#maincontent ul.ce-uploads.upload-type-1 li:before,
#maincontent ul.ce-uploads.upload-type-0 li:before {
    display: none;
}

#maincontent ul.ce-uploads.upload-type-1 li a,
#maincontent ul.ce-uploads.upload-type-0 li a {
    padding-left: 51px;
    position: relative;
    color: #3B5479;
    display: block;
}

#maincontent ul.ce-uploads.upload-type-2 li a .ce-uploads-icon-wrapper,
#maincontent ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper,
#maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper {
    content: "";
    position: absolute;
    background-color: #5C7292;
    border-radius: 0;
    width: 30px;
    height: 30px;
    left: 12px;
    margin-top: 0;
    top: 12px;
    zoom: 1;
    background: #5C7292;
    background: -moz-linear-gradient(to right bottom, #8da9cf 50%, #5C7292 50%);
    background: -webkit-linear-gradient(to right bottom, #8da9cf 50%, #5C7292 50%);
    background: linear-gradient(to right bottom, #8da9cf 50%, #5C7292 50%);

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#maincontent ul.ce-uploads.upload-type-2 li a .ce-uploads-icon-wrapper {
    top: auto;
    bottom: 0;
    left: 0;
}

#maincontent ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper.file-type-xlsx,
#maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper.file-type-xlsx {
    background: #00a29b;
    background: -moz-linear-gradient(to right bottom, #3eb8b3 50%, #00a29b 50%);
    background: -webkit-linear-gradient(to right bottom, #3eb8b3 50%, #00a29b 50%);
    background: linear-gradient(to right bottom, #3eb8b3 50%, #00a29b 50%);
}

#maincontent ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper.file-type-docx,
#maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper.file-type-docx,
#maincontent ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper.file-type-doc,
#maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper.file-type-doc {
    background: #4a84c6;
    background: -moz-linear-gradient(to right bottom, #4a84c6 50%, #2a6ebb 50%);
    background: -webkit-linear-gradient(to right bottom, #4a84c6 50%, #2a6ebb 50%);
    background: linear-gradient(to right bottom, #4a84c6 50%, #2a6ebb 50%);
}

#maincontent ul.ce-uploads.upload-type-2 li a .ce-uploads-icon-wrapper:after,
#maincontent ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper:after,
#maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #3B5479;
    zoom: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#maincontent ul.ce-uploads.upload-type-2 li a:hover .ce-uploads-icon-wrapper:after,
#maincontent ul.ce-uploads.upload-type-1 li a:hover .ce-uploads-icon-wrapper:after,
#maincontent ul.ce-uploads.upload-type-0 li a:hover .ce-uploads-icon-wrapper:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#maincontent ul.ce-uploads.upload-type-1 li a:hover .ce-uploads-icon-wrapper,
#maincontent ul.ce-uploads.upload-type-0 li a:hover .ce-uploads-icon-wrapper {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#maincontent ul.ce-uploads.upload-type-2 li a .ce-uploads-icon,
#maincontent ul.ce-uploads.upload-type-1 li a .ce-uploads-icon,
#maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../Images/icon-pdf.png");
    z-index: 20;
}

#maincontent ul.ce-uploads.upload-type-2 li a .ce-uploads-icon.file-type-xlsx,
#maincontent ul.ce-uploads.upload-type-1 li a .ce-uploads-icon.file-type-xlsx,
#maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon.file-type-xlsx {
    background-image: url("../Images/icon-excel.png");
}

#maincontent ul.ce-uploads.upload-type-2 li a .ce-uploads-icon.file-type-docx,
#maincontent ul.ce-uploads.upload-type-1 li a .ce-uploads-icon.file-type-docx,
#maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon.file-type-docx,
#maincontent ul.ce-uploads.upload-type-2 li a .ce-uploads-icon.file-type-doc,
#maincontent ul.ce-uploads.upload-type-1 li a .ce-uploads-icon.file-type-doc,
#maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon.file-type-doc {
    background-image: url("../Images/icon-word.png");
}

#maincontent ul.ce-uploads.upload-type-2 li span,
#maincontent ul.ce-uploads.upload-type-1 li span,
#maincontent ul.ce-uploads.upload-type-0 li span {
    line-height: 18px;
}

#maincontent ul.ce-uploads li span.ce-uploads-description {
    font-weight: 400;
    font-style: italic;
    color: #999;
}

#maincontent ul.ce-uploads.upload-type-2 li,
#maincontent ul.ce-uploads.upload-type-1 li,
#maincontent ul.ce-uploads.upload-type-0 li {
    margin-bottom: 12px;
}

#maincontent #context ul.ce-uploads.upload-type-2,
#maincontent #context ul.ce-uploads.upload-type-2 li:last-child,
#maincontent #context ul.ce-uploads.upload-type-1,
#maincontent #context ul.ce-uploads.upload-type-1 li:last-child,
#maincontent #context ul.ce-uploads.upload-type-0,
#maincontent #context ul.ce-uploads.upload-type-0 li:last-child {
    margin-bottom: 0;
}

#maincontent ul.ce-uploads.upload-type-2 li span.ce-uploads-filesize,
#maincontent ul.ce-uploads.upload-type-1 li span.ce-uploads-filesize,
#maincontent ul.ce-uploads.upload-type-0 li span.ce-uploads-filesize {
    color: #999999;
}

.cols-content #maincontent ul.ce-uploads.upload-type-2 li,
#maincontent.content-full-width ul.ce-uploads.upload-type-2 li,
#maincontent #content ul.ce-uploads.upload-type-2 li,
.cols-content #maincontent ul.ce-uploads.upload-type-1 li,
#maincontent.content-full-width ul.ce-uploads.upload-type-1 li,
#maincontent #content ul.ce-uploads.upload-type-1 li,
.cols-content #maincontent ul.ce-uploads.upload-type-0 li,
#maincontent.content-full-width ul.ce-uploads.upload-type-0 li,
#maincontent #content ul.ce-uploads.upload-type-0 li {
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
}

#maincontent.content-full-width ul.ce-uploads.upload-type-2 li:last-child,
#maincontent #content ul.ce-uploads.upload-type-2 li:last-child,
#maincontent.content-full-width ul.ce-uploads.upload-type-1 li:last-child,
#maincontent #content ul.ce-uploads.upload-type-1 li:last-child,
#maincontent.content-full-width ul.ce-uploads.upload-type-0 li:last-child,
#maincontent #content ul.ce-uploads.upload-type-0 li:last-child {
    margin-bottom: 0;
}

.cols-content #maincontent ul.ce-uploads.upload-type-1 li a,
#maincontent.content-full-width ul.ce-uploads.upload-type-1 li a,
#maincontent #content ul.ce-uploads.upload-type-1 li a,
.cols-content ul.ce-uploads.upload-type-0 li a,
#maincontent.content-full-width ul.ce-uploads.upload-type-0 li a,
#maincontent #content ul.ce-uploads.upload-type-0 li a {
    padding-left: 48px;
    text-decoration: none;
}

.cols-content #maincontent #content ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper,
#maincontent.content-full-width ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper,
#maincontent #content ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper,
.cols-content #maincontent ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper,
#maincontent.content-full-width ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper,
#maincontent #content ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper {
    left: 0;
    top: 6px;
}

.cols-content #maincontent ul.ce-uploads.upload-type-1 li a,
#maincontent.content-full-width ul.ce-uploads.upload-type-1 li a,
#maincontent #content ul.ce-uploads.upload-type-1 li a,
.cols-content #maincontent ul.ce-uploads.upload-type-0 li a,
#maincontent.content-full-width ul.ce-uploads.upload-type-0 li a,
#maincontent #content ul.ce-uploads.upload-type-0 li a {
    display: block;
}

.cols-content #maincontent ul.ce-uploads.upload-type-1 li span,
#maincontent.content-full-width ul.ce-uploads.upload-type-1 li span,
#maincontent #content ul.ce-uploads.upload-type-1 li span,
.cols-content #maincontent ul.ce-uploads.upload-type-0 li span,
#maincontent.content-full-width ul.ce-uploads.upload-type-0 li span,
#maincontent #content ul.ce-uploads.upload-type-0 li span {
    line-height: 24px;
}

.popupbox.opening a {
    position: relative;
    width: auto;
    height: 100%;
    padding: 10px 12px 10px 48px;
    display: block;
    font-size: 0.875rem;
    line-height: 24px;

    text-decoration: none;
    text-align: left;
    position: relative;
    zoom: 1;
    border: 2px solid #5C7292;
    background-image: none;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;

    border-radius: 0;
    background-color: #fff;
    cursor: pointer;
    font-weight: bold;
}

.popupbox.opening a:before {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 48px;
    background-image: url("../Images/icon-clock-open.png");
    background-repeat: no-repeat;
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.popupbox.opening a:hover {
    background-color: #5C7292;
    color: #ffffff;
}

.popupbox.opening a:hover:before {
    filter: brightness(3);
}

.white-popup-block {max-width:950px;}
.popupbox.opening a {font-size:1rem;}

.mfp-container .mfp-content > .default {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
}

.mfp-container .mfp-content > .default h1:first-child,
.mfp-container .mfp-content > .default h2:first-child,
.mfp-container .mfp-content > .default h3:first-child,
.mfp-container .mfp-content > .default h4:first-child,
.mfp-container .mfp-content > .default h5:first-child {
    margin-top: 0;
}

#maincontent ul {
    margin-bottom: 18px;
}

#maincontent ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 6px;
}

#maincontent ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3B5479;
    position: absolute;
    left: 0;
    top: 9px;
}

#maincontent ul.flex-direction-nav li,
#maincontent ul.flex-direction-nav li,
#maincontent ul li.slidercontent {
    padding: 0;
    margin: 0;
}

#maincontent ul.flex-direction-nav li:before,
#maincontent ul li.slidercontent:before {
    display: none;
}

#maincontent .flex-control-nav::after {
    display: none;
}

#maincontent ul.flex-direction-nav {
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    height: 45px;
    top: 50%;
    margin-top: -22px;
}

#slider ul.flex-direction-nav li {
    margin: 0;
}

#maincontent ul li.header-meue {
    padding-left: 0;
    font-weight: bold;
    background-color: #f3f3f3;
    padding: 6px 12px;
    margin-top: 24px;
}

#maincontent ul li.header-meue:before {
    display: none;
}

#maincontent ul li.abc-meue {
    padding-left: 30px;
}

#maincontent ul li.abc-meue:before {
    left: 12px;
}

#maincontent ul ul {
    margin: 12px 0 18px 12px;
}

#maincontent ul ul li {
    list-style-type: circle;
    padding-left: 0;
}

#maincontent ul ul li:before {
    display: none;
}

#mainbody #maincontent .two-cols-75-25 div.clearer,
#mainbody #maincontent .two-cols-50-50 > div.clearer,
#mainbody #maincontent .three-cols-33-33-33 > div.clearer,
#footer .three-cols-33-33-33 > div.clearer,
#mainbody #maincontent .four-cols-25-25-25-25 > div.clearer {
    float: none;
    width: 100%;
    margin: 0;
}

.two-cols-75-25 > .col-left #maincontent {
    padding-bottom: 96px;
}

.four-cols-25-25-25-25 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0;
}

.three-cols-33-33-33 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0;
}

.content-full-width .two-cols-50-50,
#content .two-cols-50-50,
.two-cols-50-50 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0;
}

.two-cols-75-25 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0;
}

#maincontent.withContentBottom .two-cols-75-25,
#maincontent.two-cols-75-25 {
    grid-template-columns: 2fr 1fr;
}

.two-cols-25-75 {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0;
}

.two-cols-25-75 #maincontent {
    padding-bottom: 96px;
}

#content {
}

#context {
    margin-top: 30px;
}

#context > div {
    background-color: #F1F3F7;
    padding: 12px;
    margin-bottom: 24px;
}

#context > div.image-without-box {
    background-color: transparent;
    padding: 0;
    overflow: hidden;
}

#context > div.image-without-box .ce-column {
    margin-right: 0;
}

#context > div.image-without-box .ce-gallery {
    margin-bottom: 0;
}

#context > div.image-without-box .ce-bodytext {
    display: none;
}

#context > div h1,
#context > div h2,
#context > div h3 {
    font-family: "Open Sans", sans serif;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 24px;
    color: #333333;
    margin: 0 0 12px 0;
}

#context > div h4 {
    font-family: "Open Sans", sans serif;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 24px;
    color: #5C7292;
    margin: 0;
}

#context p,
#context ul li {
    font-size: 0.875rem;
}

#context ul li:before {
    background-color: #5C7292;
}

#context ul li {
    margin-bottom: 0;
}

#context .frame-layout-9 .ce-bodytext ul li,
#maincontent #context ul.ce-menu li,
#context ul.ce-uploads li {
    padding-left: 0;
}

#context .frame-layout-9 .ce-bodytext ul li:before,
#maincontent #context ul.ce-menu li:before,
#maincontent #context ul.ce-uploads li:before {
    display: none;
    padding-left: 0;
}

#context > div p:last-child {
    margin-bottom: 0;
}

#context .ce-bodytext {
    padding: 12px;
    background-color: #ffffff;
}

#context .frame-layout-9 .ce-bodytext {
    padding: 0;
}

#context ul.ce-menu,
#context .frame-layout-9 .ce-bodytext ul {
    margin-bottom: 0;
}

#context .frame-layout-9 .ce-bodytext ul li strong,
#context .frame-layout-9 .ce-bodytext ul li b {
    line-height: 18px;
    padding: 12px 12px 6px 12px;
    display: inline-block;
}

#context ul.ce-menu li a,
#context .frame-layout-9 .ce-bodytext ul li a {
    color: #3B5479;
    line-height: 18px;

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

a.download,
a.external-link-new-window,
a.link-external-blank {
    position: relative;
}

a.externalLinkInNewWindow:after,
a.download:after,
a.external-link-new-window:after,
a.link-external-blank:after,
#context .frame-layout-9 .ce-bodytext ul li a:after {
    content: "";
    background-image: url("../Images/icon-external.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 3px;
}

a.download:after {
    background-image: url("../Images/icon-download.png");
}

#context ul.ce-uploads {
    border-top: 2px solid #fff;
}

#context ul.ce-uploads li {
    margin: 0;
}

#context ul li a {
    display: block;
    text-decoration: none;
    background-color: #f9fbfd;
    line-height: 14px;
    padding: 11px 12px;
    color: #616265;
    border-bottom: 2px solid #E8EFF9;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
}

#context ul li a:hover {
    background-color: #fff;

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

h1+div>.ce-menu-15.three-cols-33-33-33,
h2+div>.ce-menu-15.three-cols-33-33-33,
h3+div>.ce-menu-15.three-cols-33-33-33,
h4+div>.ce-menu-15.three-cols-33-33-33,
h5+div>.ce-menu-15.three-cols-33-33-33 {
    margin-top: 12px;
}

.ce-menu-15.three-cols-33-33-33 {
    margin-top: 48px;
    width:100%;
}

.ce-menu-15.three-cols-33-33-33 > div.element-three {
    margin-right: 0;
}

.ce-menu-15 div h2 {
    font-size: 1.125rem;
    line-height: 30px;
    font-weight: 600;
    color: #3B5479;
    margin-top: 0;
    width: 80%;

}

.ce-menu-15 div a {
    display: block;
    border: 2px solid #5C7292;
    text-decoration: none;
    text-align: center;
    position: relative;
    background-color: #f2f2f2;
    zoom: 1;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.ce-menu-15 div a:hover {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.ce-menu-15 .hoverbox-title {
    background-color: rgba(255,255,255,0.85);
}

.ce-menu-15 .hoverbox-links p {
    color: #fff;
    padding: 0 5% 12px 5%;
    text-align: left;
}

.ce-menu-15 .hoverbox-links h2 {
    color: #fff;
    width: 90%;
    padding: 12px 5% 6px 5%;
    margin: 0;
    text-align: left;
}

.ce-menu-15 .hoverbox-links {
    background-image: url("../Images/arrow-next.png");
    background-repeat: no-repeat;
    background-position: 98% 95%;
}

.button {
    background: #5C7292;
    margin-bottom: 0;
}

#survey-box {
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#survey-box button.button {
    font-size: 0.875rem;
    float: right;
    border: none;
    width: auto;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 24px;
}

#survey-box p.button a:hover {
    color: #ffffff;
    text-decoration: none;
}

#survey-box p.button {
    margin: 36px 0 12px 0;
}

#survey-box h3 {
    margin-top: 0;
    color: #3B5479;
}

button.button,
input.powermail_submit,
.button input,
.button a {
    display: block;
    color: #fff;
    padding: 16px 30px;
    text-decoration: none;
    text-align: center;
    width: 100%;
    position: relative;
    zoom:1;
    background: #3B5479;
    border: 2px solid #3B5479;
    box-sizing: border-box;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.button input {
    padding: 12px 0;
    margin: 0;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 50;
}

button.button:hover,
.button input:hover {
    background: #233C61;
}

.button a strong,
.button a span {
    display: block;
    position: relative;
    z-index: 20;
}

.button a:hover {
    background-color: #ffffff;
    color: #3B5479;
}

.powermail_fieldwrap_type_submit {
    margin-bottom: 0;
}

.powermail_fieldwrap_type_submit .powermail_field  {
    float: right;
    width: auto;
    margin-bottom: 0;
}

#search-bottom .search-button,
input.powermail_submit  {
    font-size: 1rem;
    padding:11px 24px;
    width: auto;
    cursor: pointer;
    border: none;
    margin-bottom: 0;

    background: #3B5479;
    border: 2px solid #3B5479;
    box-sizing: border-box;

    background-repeat: no-repeat;
    background-size: 200% 200%;
    background-position: 0 100%;
}

#search-bottom .search-button,
input.powermail_submit:hover {

    background-position: right bottom;

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.button-outline {
    display: inline-block;
}

.button-outline input,
.button-outline a {
    display: block;
    font-weight: 600;
    color: #3B5479;
    padding: 14px 24px;
    text-decoration: none;
    text-align: center;
    position: relative;
    zoom:1;
    background: #fff;
    border: 2px solid #5C7292;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.button-outline input {
    padding: 10px 24px;
    cursor: pointer;
    position: relative;
    z-index: 50;
}

.button-outline input:hover,
.button-outline a:hover {
    color: #fff;
    background: #3B5479;
    border-color: #3B5479;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.button-right {float: right;}
.button-left {float: left;}
.button-left a {padding-left: 12px; padding-right: 12px;}

.bg-grey .button-right {
    margin: 0 1.042%;
}


.button-quicklink {
    margin-bottom: 24px;
}

.button-quicklink a {
    display: block;
    border: 2px solid #5C7292;
    text-decoration: none;
    text-align: center;
    min-height: 264px;
    position: relative;
    background-color: #f2f2f2;
    zoom:1;
    background: #f2f2f2;
    background: -moz-linear-gradient(to right bottom, #ffffff 50%, #f2f2f2 50%);
    background: -webkit-linear-gradient(to right bottom, #ffffff 50%, #f2f2f2 50%);
    background: linear-gradient(to right bottom, #ffffff 50%, #f2f2f2 50%);

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.button-quicklink a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #3B5479;
    zoom:1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.button-quicklink a:hover {
    background: #3B5479;
    border-color: #3B5479;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.button-quicklink a:hover::after {
    opacity: 1;
}

.button-quicklink .image-00,
.button-quicklink .image-01,
.button-quicklink .button-quicklink-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    display: block;
}

.button-quicklink .image-01 {
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.button-quicklink a:hover .image-01 {
    opacity: 1;
    visibility: visible;
}

.button-quicklink .button-quicklink-icon img {
    max-width: 110px;
    height: 110px;
    width: 100%;
    margin: 36px auto 0 auto;
}

#c96871 .button-quicklink .button-quicklink-icon img {
    max-width: 300px;height:auto;}

.button-quicklink .button-quicklink-title h3 {
    font-size: 1.5rem;
    line-height: 30px;
    font-weight: 600;
    color: #3B5479;
    position: absolute;
    width: 85%;
    padding: 0 7.5%;
    top: 168px;
    left: 0;
    z-index: 20;
    margin:0;
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.button-quicklink a:hover h3 {
    color: #fff;
}

.btn-float {
    float: left;
    width: auto;
    margin-top: 30px;
}

.btn-float a {
    padding-left: 18px;
    padding-right: 18px;
    cursor: pointer;
}

.hoverbox-with-links {
    border: 2px solid #fff;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
}

.hoverbox-image {
    position: relative;
    z-index: 10;
}

.hoverbox-title {
    position: absolute;
    z-index: 20;
    top: 0;
    width: 100%;
    height: 100%;
    display:flex;
    justify-content: center;
    align-items: center;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.hoverbox-with-links h2 {
    font-size: 24px;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.hoverbox-with-links h2:after {
    bottom: -24px;
    height: 18px;
    width: 30px;
    margin-left: -15px;
    background-color: transparent;
    background-image: url("../Images/arrow-down.png");
}

.hoverbox-links {
    position: absolute;
    z-index: 30;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(59,84,121);
    background-color: rgba(59,84,121,0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.hoverbox-with-links:hover .hoverbox-links {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#maincontent .hoverbox-links ul li {
    padding: 0;
}

#maincontent .hoverbox-links ul li:before {
    display: none;
}

.hoverbox-links h2 {
    margin-top: 24px;
    line-height: 36px;
}

.hoverbox-links h2:after {
    display: none;
}

.hoverbox-links ul {
    margin-top: 12px;
}

.hoverbox-links ul li {
    margin-bottom: 5px !important;
}

.hoverbox-links ul li a {
    display: block;
    color: #fff;
    padding: 1px 18px 2px 18px;
    text-decoration: none;
    line-height: 20px;
    font-weight:400;
}

.hoverbox-links ul li a:after,
.hoverbox-links ul li a.download::after {
    display: none;
}

.hoverbox-with-links:hover .hoverbox-links ul li a:hover,
.hoverbox-links ul li a:hover {
    background: #90A7C9;
    background: rgba(255,255,255,0.15);
}


.cc-message {font-size:0.9em;color:#ffffff;line-height:120%;}
.cc-message a, .cc-link {color:#ffffff !important;text-decoration:none;font-weight:normal;}
.cc-btn {color:#ffffff !important;font-weight:normal;text-decoration:none;padding:15px;white-space: nowrap;}
.cc-compliance {padding:0 50px;}
.cc-window {position:relative}


.tx-sf-event-mgt .event-wrapper {border: 2px solid #F2F2F2;padding:12px;margin-bottom:24px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;}

.tx-sf-event-mgt .event-wrapper:hover {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;}
.tx-sf-event-mgt .event-wrapper .event-list-row h2 {margin-top:0;}

.tx-sf-event-mgt .button.button-left {margin-right:36px;}
.tx-sf-event-mgt .event-detail-row .event-image,
.tx-sf-event-mgt .event-list-row .event-image {width:25%;float:right;}
.tx-sf-event-mgt .event-detail-row .event-image .event-image-lightbox {margin:0 0 12px 24px;}
.tx-sf-event-mgt .registration label {text-align:left;width:50%;}
.tx-sf-event-mgt .registration .layout-50-left {width:48.5% !important;}
.tx-sf-event-mgt .registration .layout-50-right {width:48.5% !important;float:right;}
.tx-sf-event-mgt .registration .layout-25-left {width:30% !important;margin:0;}
.tx-sf-event-mgt .registration .layout-75-right {width:67% !important;float:right;}
.tx-sf-event-mgt .registration .layout-25-left .powermail_field,
.tx-sf-event-mgt .registration .layout-75-right .powermail_field {width:100%;}
.tx-sf-event-mgt .registration {margin-bottom:24px;}
.tx-sf-event-mgt .registration .error {color:#ff0000;font-size:1rem;}
.tx-sf-event-mgt .registration .powermail_fieldwrap_type_check input {width:15px;float:left;margin:5px 10px 0 0;}
.tx-sf-event-mgt .registration .gender {display:inline-block;width:100%;margin-bottom:20px;}
.tx-sf-event-mgt .registration .gender div {clear:both;margin-bottom:12px;}
.tx-sf-event-mgt .registration .gender input {float:left;width:15px;margin:0 10px 0 0;}
.tx-sf-event-mgt .registration .event-registration-row {display:inline-block;width:100%;}
.tx-sf-event-mgt .registration .radio-field .radio-field-radiofields input {width:15px;float:left;margin:3px 10px 0 0;}
.tx-sf-event-mgt .registration .event-registrationFields {margin:20px 0;}
.tx-sf-event-mgt .registration .event-registrationFields .radio-field > label {width:100%;font-weight:bold;}
.tx-sf-event-mgt .registration .event-registrationFields.preisverleihung .radio-field-radiofields > label,
.tx-sf-event-mgt .registration .event-registrationFields.mandatos .radio-field-radiofields > label {font-size:1rem;width:100%;}


@media only screen and (max-width:850px){
    .cc-window {display:block;}
    .cc-compliance {clear:both;margin:35px auto 0 auto;max-width:250px;display:block;}
}

#tx_cookies {position:fixed;bottom:50px;left:50px;width:50%;max-width:500px;z-index:100;color:#ffffff;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
#tx_cookies h3 {font-size:0.875rem;color:#ffffff;}
#tx_cookies a {font-size:0.9em;color:#ffffff;}
#tx_cookies p {font-size:0.75rem;}
#tx_cookies #tx_cookies_link {margin-bottom:24px;}
#tx_cookies_inner {background-color:rgba(112,140,179,1);}
#tx_cookies #tx_cookies_close,
#tx_cookies #tx_cookies_accept input {font-size: 0.75rem;
    padding:11px 24px;
    width: auto;
    cursor: pointer;
    border: none;
    margin-bottom: 0;
    color:#ffffff;
    background: #5C7292;
    background: -moz-linear-gradient(to right bottom, #8da9cf 50%, #5C7292 50%);
    background: -webkit-linear-gradient(to right bottom, #8da9cf 50%, #5C7292 50%);
    background: linear-gradient(to right bottom, #8da9cf 50%, #5C7292 50%);
    background-repeat: no-repeat;
    background-size: 200% 200%;
    background-position: 0 100%;
    transition:all 0.25s;
    width:auto;
}

#tx_cookies #tx_cookies_close:hover,
#tx_cookies #tx_cookies_accept input:hover {
    background-position: right bottom;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    transition:all 0.25s;
}
#tx_cookies #tx_cookies_close {position:relative;float:right;margin:0 0 24px 24px;font-size: 0.75rem;}

/* *************************
  NEWS
************************* */

.news-text-wrap {
    clear: both;
}

#maincontent .news-related.news-related-files ul li {
    padding: 0;
}

#maincontent .news-related.news-related-files ul li::before {
    display: none;
}

.bg-grey .wrapper .news {
    overflow: hidden;
}

#maincontent .f3-widget-paginator {
    overflow: hidden;
}

#maincontent .f3-widget-paginator li {
    border: 2px solid #5C7292;
    float: left;
    text-align: center;
    margin-right: 12px;
    display: block;
    padding: 0;
}

#maincontent .f3-widget-paginator li.pagination-dots {
    border: none
}

#maincontent .f3-widget-paginator li.current {
    padding: 10px 18px;
    background-color: #5C7292;
    color: #fff;
}

#maincontent .f3-widget-paginator li a {
    display: block;
    padding: 15px 18px;
    text-align: center;
    text-decoration: none;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#maincontent .f3-widget-paginator li a:hover {
    background-color: #5C7292;
    color: #fff;

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#maincontent .f3-widget-paginator li::before {
    display: none;
}

.news-article {
    background-color: #fff;
    padding: 12px;
    position: relative;
    min-height: 276px;
    margin-bottom: 24px;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.full-col .news-article {
    border: 2px solid #F2F2F2;
}

.full-col .news-image {
    width: 27%;
}

.full-col .news-teaser {
    margin-left: 2.899%;
    width: 68.116%;
}

.full-col .news-article {
    min-height: 0;
}

.news-article:hover {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.news-article h3,
.news-article h2 {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 6px;
    margin-top: 0;
}

.news-article h3 a,
.news-article h2 a {
    text-decoration: none;
    color: #3B5479;
}

.news-article h2:after {
    display: none;
}

.news-image {
    float: left;
    width: 36.364%;
}

.news-teaser {
    float: left;
    width: 55.435%;
    margin-left: 4.348%;
}

.news-teaser p {
    margin-bottom: 6px;
}

.news-button {
    position: relative;
    width: 100%;
}

.news-button p {
    padding:15px;
    font-weight:600;
    border:2px solid #3B5479;
    background-color:#3B5479;
}

.news-data {
    position: absolute;
    right: 24px;
    bottom: 24px;
}

.news-data p {
    font-size: 0.875rem;
    margin: 0;
    position: relative;
    border-top: 2px solid #8CAEDF;
}

.news.news-single .news-img-wrap {
    max-width: 50%;
    float: left;
    margin: 6px 24px 12px 0px;
}

.news.news-single .news-list-date {
    line-height: 24px;
    border-top: 2px solid #8CAEDF;
    margin-top: -2px;
}

.news-related-files-size {
    color: #999999;
}

.news-list-view.three-cols-33-33-33 .article {
    background-color: rgba(92,114,146,.1);
    padding: 0 0 72px 0;
    min-height: 0;
    height: auto;
    position:relative;
}

.news-list-view .article .article-link {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:5;
}

.news-list-view .article .article-link span {
    display:none;
}

.news-list-view .article h3 {
    font-weight:800;
}

.news-list-view.three-cols-33-33-33 .news-teaser,
.news-list-view.three-cols-33-33-33 .news-image {
    float: none;
    width: 100%;
    margin-left: 0;
}


.news-list-view.three-cols-33-33-33 .news-content {
    padding: 12px 30px 24px 30px;
}

.news-data-home {
    margin-bottom: 12px;
}

.news-data-home p {
    margin: 0;
    padding-bottom: 6px;
    padding-right: 24px;
    display: inline-block;
    border-bottom: 2px solid #A1B5D3;
}

.news-list-view.three-cols-33-33-33 .news-content h3 a,
.news-list-view.three-cols-33-33-33 .news-content h2 a {
    color: #4B6A97;
}

.news-list-view .news-button {text-align:center;}

.news-list-view.three-cols-33-33-33 .news-button {
    position:absolute;
    left: 0;
    right: 60px;
    bottom: 30px;
    width: auto;
}

.news-list-view.three-cols-33-33-33 .news-button p {
    background: #294670;
    border-radius: 0 30px 30px 0;
    text-align: left;
    padding: 8px 24px;
    box-sizing: border-box;
    position: relative;
    transition:all 0.25s ease-out;
}

.news-list-view .article:hover .news-button p {
    background-color:#ffffff;
    transition:all 0.25s ease-out;
}
.news-list-view .article:hover .news-button span {
    color:#3B5479;
    transition:all 0.25s ease-out;
}

.news-list-view.three-cols-33-33-33 .article:hover .news-button p {
    padding-left: 48px;
    border-color: #4B6A97;
    background-color: #4B6A97;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0);
    transition:all 0.25s ease-out;
}

.news-list-view.three-cols-33-33-33 .article:hover .news-button span {
    color:#ffffff;
}

.news-list-view .news-button span {
    color:#ffffff;
}

.news-list-view.three-cols-33-33-33 .news-button span::before {
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    right: 6px;
    bottom: 0;
    background-image: url("../Images/noun-next-8060023-FFFFFF.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.news-list-view.three-cols-33-33-33 .news-button a::after {
    display: none;
}


.calendar-item {
    margin-bottom: 24px;
}

.calendar-item a {
    display: block;
    background-color: #f2f2f2;
    padding: 24px;
    text-decoration: none;
    position: relative;
    color: #616265;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.calendar-item a:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 18px;
    right: 12px;
    background-image: url("../Images/arrow-next-blue.png");
    background-repeat: no-repeat;
    opacity: 1;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.calendar-item a:hover {
    background-color: #F8F8F8;
    background-image: none;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.calendar-item a:hover:after {
    opacity: 0;
}

.calendar-item .calendar-item-date {
    float: left;
    width: 11.429%;
}

.calendar-item .calendar-item-text {
    float: left;
    width: 85%;
    margin-left: 3.572%;
}

.calendar-item .calendar-item-text h2 {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 12px;
}

.calendar-item .calendar-item-text h2:after {
    display: none;
}

.calendar-item .calendar-item-text p {
    margin-bottom: 0;
}

.calendar-item-date p {
    font-size: 0.875rem;
    margin-bottom: 0;
    display: inline-block;
    padding-bottom: 3px;
}

.calendar-item-date p.calendar-date {
    border-bottom: 2px solid #8caedf;
}

.calendar-item-date p.calendar-time {
    padding-top: 3px;
}

/* *************************
  FOOTER
************************* */

#footer-map iframe {
    width: 100%;
}

#footer-image img {
    opacity: .25;
}

#footer {
    color: #fff;
    position: relative;
}

#footer-top {
    background-color: #718CB3;
}

#footer-top h2,
#footer-top h3 {
    font-family: "Merriweather";
    font-size: 1.125rem;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 0;
    color: #fff;
}

#footer-top p {
    color: #ffffff;
}

#footer-top p a {
    color: #ffffff;
}

#footer-top p a:hover {
    color: #ffffff;
    opacity: 0.75;
}

#footer-bottom {
    background-color: #294670;
    overflow: hidden;
    padding: 12px 0;
}

#footer-bottom ul {
    float: right;
}

#footer-bottom ul li {
    float: left;
    margin: 0;
}

#footer-bottom ul li a {
    display: block;
    padding: 12px 12px;
    color: #ffffff;
    text-decoration: none;

    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#footer-bottom ul li a:hover {
    background-color: #5C7292;
}

#footer fieldset {
    background-color: transparent;
}

#footer-contact {
    position: absolute;
    left: 10%;
    top: 0;
    bottom: 62px;
    width: 25%;
    background-color: #4B6A97;
}

#footer-contact > div {
    padding: 48px 48px 0 48px;
}

#footer-contact > div h2,
#footer-contact > div h3 {
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
}

#footer-contact .default {
    margin-bottom: 24px;
}

#footer-contact p.button {
    margin-top: 36px;
}

#footer-contact p.button + p.button {
    margin-top: 12px;
}

#footer-contact p.button a {
    background: #294670;
}

#footer-contact p.button a::after {
    display: none;
}

#social-media {
    overflow: hidden;
    margin-top: 24px;
}

#social-media li {
    float: left;
    margin-right: 12px;
}

#social-media li img {
    max-width: 36px;
}

#footer .col-right > div {
    float: right;
}

#footer .col-right ul {
    float: right;
    margin-right: 0;
}

#footer .col-right ul li {
    margin: 0 6px;
    float: left;
}

#footer .col-right ul li a {
    display: block;
    background-color: #ffffff;
    width: 46px;
    height: 46px;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
}

#footer .col-right ul li a:hover {
    opacity: .5;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0);
}


.col-4.ce-left.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.col-4.ce-left.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.col-4.ce-left.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.col-4.ce-left.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.col-4.ce-left.ce-intext.ce-nowrap .ce-bodytext h5:first-child,
.col-4.ce-right.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.col-4.ce-right.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.col-4.ce-right.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.col-4.ce-right.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.col-4.ce-right.ce-intext.ce-nowrap .ce-bodytext h5:first-child,
.col-3.ce-left.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.col-3.ce-left.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.col-3.ce-left.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.col-3.ce-left.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.col-3.ce-left.ce-intext.ce-nowrap .ce-bodytext h5:first-child,
.col-3.ce-right.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.col-3.ce-right.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.col-3.ce-right.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.col-3.ce-right.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.col-3.ce-right.ce-intext.ce-nowrap .ce-bodytext h5:first-child,
.col-2.ce-left.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.col-2.ce-left.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.col-2.ce-left.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.col-2.ce-left.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.col-2.ce-left.ce-intext.ce-nowrap .ce-bodytext h5:first-child,
.col-2.ce-right.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.col-2.ce-right.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.col-2.ce-right.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.col-2.ce-right.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.col-2.ce-right.ce-intext.ce-nowrap .ce-bodytext h5:first-child,
.col-1.ce-left.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.col-1.ce-left.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.col-1.ce-left.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.col-1.ce-left.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.col-1.ce-left.ce-intext.ce-nowrap .ce-bodytext h5:first-child,
.col-1.ce-right.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.col-1.ce-right.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.col-1.ce-right.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.col-1.ce-right.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.col-1.ce-right.ce-intext.ce-nowrap .ce-bodytext h5:first-child {
    margin-top: 0;
}

.col-4.ce-left.ce-intext.ce-nowrap,
.col-4.ce-right.ce-intext.ce-nowrap,
.col-3.ce-left.ce-intext.ce-nowrap,
.col-3.ce-right.ce-intext.ce-nowrap,
.col-2.ce-left.ce-intext.ce-nowrap,
.col-2.ce-right.ce-intext.ce-nowrap,
.col-1.ce-left.ce-intext.ce-nowrap,
.col-1.ce-right.ce-intext.ce-nowrap {
    margin-top: 36px;
}

.header-only+div .col-4.ce-left.ce-intext.ce-nowrap,
.header-only+div .col-4.ce-right.ce-intext.ce-nowrap,
.header-only+div .col-3.ce-left.ce-intext.ce-nowrap,
.header-only+div .col-3.ce-right.ce-intext.ce-nowrap,
.header-only+div .col-2.ce-left.ce-intext.ce-nowrap,
.header-only+div .col-2.ce-right.ce-intext.ce-nowrap,
.header-only+div .col-1.ce-left.ce-intext.ce-nowrap,
.header-only+div .col-1.ce-right.ce-intext.ce-nowrap {
    margin-top: 0;
}

.col-4.ce-left.ce-intext.ce-nowrap .ce-gallery,
.col-4.ce-right.ce-intext.ce-nowrap .ce-gallery,
.col-3.ce-left.ce-intext.ce-nowrap .ce-gallery,
.col-3.ce-right.ce-intext.ce-nowrap .ce-gallery,
.col-2.ce-left.ce-intext.ce-nowrap .ce-gallery,
.col-2.ce-right.ce-intext.ce-nowrap .ce-gallery,
.col-1.ce-left.ce-intext.ce-nowrap .ce-gallery,
.col-1.ce-right.ce-intext.ce-nowrap .ce-gallery,
.col-4.ce-left.ce-intext .ce-gallery,
.col-4.ce-right.ce-intext .ce-gallery,
.col-3.ce-left.ce-intext .ce-gallery,
.col-3.ce-right.ce-intext .ce-gallery,
.col-2.ce-left.ce-intext .ce-gallery,
.col-2.ce-right.ce-intext .ce-gallery,
.col-1.ce-left.ce-intext .ce-gallery,
.col-1.ce-right.ce-intext .ce-gallery {
    margin-top: 6px;
    margin-bottom: 12px;
}

.col-content #maincontent .ce-intext .ce-gallery.ce-border {
    width: auto;
}

.ce-border img,
.ce-border iframe {
    border: none;
    width: auto;
}

.ce-left .ce-gallery, .ce-column {
    float: none;
}

.ce-intext.ce-right .ce-gallery.col-4 .ce-row .ce-column,
.ce-intext.ce-left .ce-gallery.col-4 .ce-row .ce-column,
.ce-above .ce-gallery,
.ce-row {margin-bottom: 18px;}
.content-full-width .ce-intext.ce-right .ce-gallery.col-4 .ce-row .ce-column,
.content-full-width .ce-intext.ce-left .ce-gallery.col-4 .ce-row .ce-column,
.content-full-width .ce-above .ce-gallery,
.content-full-width .ce-row {margin-bottom: 24px;}
.content-full-width .ce-row:last-child,
.ce-intext .ce-gallery.col-4 .ce-row {
    margin-bottom: 0;
}

.ce-gallery.col-2 .ce-row .ce-column,
.ce-gallery.col-3 .ce-row .ce-column,
.ce-gallery.col-4 .ce-row .ce-column {
    float: left;
    width: 47.917%;
    margin-right: 4.167%;
}

.ce-gallery.col-2 .ce-row .ce-column.even,
.ce-gallery.col-3 .ce-row .ce-column.even,
.ce-gallery.col-4 .ce-row .ce-column.even {
    margin-right: 0;
}

.ce-gallery.col-3 .ce-row.odd .clearer {
    clear: none;
}

.col-content .ce-intext.ce-right .ce-gallery {margin-left: 24px; width: 49.276%;}
.col-content .ce-intext.ce-right .ce-gallery.col-2 {margin-left: 24px; width: 43.841%;}
.col-content .ce-intext.ce-right .ce-gallery.col-3 {margin-left: 24px; width: 38.406%;}
.col-content .ce-intext.ce-right .ce-gallery.col-4 {margin-left: 24px; width: 32.972%;}
.col-content .ce-intext.ce-right .ce-gallery.col-1 .ce-row .ce-column {margin-right: 0}
.col-content .ce-intext.ce-right .ce-gallery.col-3 .ce-row .ce-column,
.col-content .ce-intext.ce-right .ce-gallery.col-2 .ce-row .ce-column,
.col-content .ce-intext.ce-right .ce-gallery.col-4 .ce-row .ce-column {float: none; width: 100%;margin-right: 0; margin-bottom: 12px;}
.col-content .ce-intext.ce-right .ce-gallery.col-4 .ce-row .ce-column.even {margin-right: 0;}

.col-content .ce-intext.ce-left .ce-gallery {margin-right: 24px; width: 49.276%;float: left;}
.col-content .ce-intext.ce-left .ce-gallery.col-2 {margin-right: 24px; width: 43.841%;}
.col-content .ce-intext.ce-left .ce-gallery.col-3 {margin-right: 24px; width: 38.406%;}
.col-content .ce-intext.ce-left .ce-gallery.col-4 {margin-right: 24px; width: 32.972%;}
.col-content .ce-intext.ce-left .ce-gallery.col-1 .ce-row .ce-column {margin-right: 0}
.col-content .ce-intext.ce-left .ce-gallery.col-2 .ce-row .ce-column,
.col-content .ce-intext.ce-left .ce-gallery.col-3 .ce-row .ce-column,
.col-content .ce-intext.ce-left .ce-gallery.col-4 .ce-row .ce-column {float: none; width: 100%;margin-right: 0; margin-bottom: 12px;}
.col-content .ce-intext.ce-left .ce-gallery.col-4 .ce-row .ce-column.even {margin-right: 0;}


.two-cols-25-75 .col-content .ce-gallery.col-2 .ce-row .ce-column,
.two-cols-25-75 .col-content .ce-gallery.col-3 .ce-row .ce-column,
.two-cols-25-75 .col-content .ce-gallery.col-4 .ce-row .ce-column {
    width: 22.827%;
    margin-right: 2.898%;
}

.two-cols-25-75 .col-content .ce-gallery.col-2 .ce-row .ce-column.last-col,
.two-cols-25-75 .col-content .ce-gallery.col-3 .ce-row .ce-column.last-col,
.two-cols-25-75 .col-content .ce-gallery.col-4 .ce-row .ce-column.last-col {
    margin-right: 0;
}

.two-cols-25-75 .col-content .ce-gallery.col-2 .ce-row .ce-column {width: 48.551%;}
.two-cols-25-75 .col-content .ce-gallery.col-3 .ce-row .ce-column {width: 31.401%;}

.ce-gallery figcaption {
    line-height: 18px;
    font-style: italic;
    background: #f2f2f2;
    padding: 12px;
    color: #999;
    display: block;
}

.ce-gallery figure {
    display: block;
}

#context .ce-gallery figcaption {
    background-color: #f9fbfd;
}

#context .count-files-1 .ce-gallery {
    margin-bottom: 0;
}

.ce-gallery figcaption p {
    margin-bottom: 0;
}

#mainbody .c-popup,
.mfp-bg {
    background: rgba(71,88,112,.9);
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.c-popup-content {
    background-color: #ffffff;
    padding: 30px;
    max-width: 950px;
    min-width: 60%;
    box-sizing: border-box;
    position: fixed;
    top: 250px;
}

.c-popup-content .c-popup-close {
    position: absolute;
    right: -45px;
    top: -45px;
    background: rgba(71,88,112);
    border: none;
    color: #ffffff;
    margin: 0;
}

.c-popup-content .c-popup-close::before,
.c-popup-content .c-popup-close::after {
    background-color: #ffffff;
}

#context .c-popup-content .ce-bodytext {
    background-color: #ffffff;
    padding: 0;
}

#context .c-popup-content h1,
#context .c-popup-content h2,
#context .c-popup-content h3 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 12px;
    color: #3B5479;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #fff;
    word-wrap: break-word;
    padding-right: 36px;
    background: #3B5479;
    font-size: 0.875rem;
    line-height: 18px;
    font-style: italic;
    padding: 12px;
}


#mainbody #smclayout div#smcnavigation,
#mainbody #smcnavigation_content ul {
    overflow: hidden;
}

#mainbody #smccontent {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px;
}

#mainbody #smcnavigation_content {
    overflow: hidden;
    margin: 12px 0 24px 0;
}

#mainbody #smcnavigation_content ul li {
    display: block;
    float: left;
    line-height: 100%;
    margin-right: 12px;
    padding: 0;
}

#mainbody #smcnavigation_content ul li::before {
    display: none;
}

#mainbody #smcnavigation_content ul li a {
    display: block;
    font-weight: 600;
    color: #3B5479;
    padding: 14px 24px;
    text-decoration: none;
    text-align: center;
    position: relative;
    zoom: 1;
    background: #fff;
    border: 2px solid #5C7292;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#mainbody #smcnavigation_content ul li a:hover {
    color: #fff;
    background: #3B5479;
    border-color: #3B5479;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#mainbody #smccontent h1.smc_h1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 36px;
    margin-bottom: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #4B6A97;
}

#mainbody #smccontent h1.smc_h1:after {
    display: none;
}

#mainbody #smccontent #smccontenthead {
    float: left;
    margin-top: 12px;
    width: 50%;
    margin-bottom: 36px;
}

#mainbody #smccontent #smccontenthead ul li.smcsearchlink,
#mainbody #smccontent #smccontenthead ul li.smchelplink {
    display: none;
}

#mainbody #smccontent #smccontenthead ul {
    float: none;
}

#mainbody #smccontent .smcdropdown ul li ul {
    left: -2px;
    width: 100%;
    border: 2px solid #5C7292;
}

#mainbody #smccontent .smcdropdown ul li ul li {
    border: none;
    border-bottom: 1px solid #f2f2f2;
}

#mainbody #smccontent .smcdropdown ul li ul li a:hover {
    background-color: #f2f2f2;
}

#mainbody #smccontent .smcdropdown ul li {
    padding: 0;
    width: 100%;
    float: none;
    background-color: #fff;
    border: 2px solid #5C7292;
    color: #3B5479;
}

#mainbody #smccontent .smcdropdown ul li a {
    height: auto;
    padding: 10px;
    line-height: 24px;
    color: #3B5479;
    display: block;
    background-color: #fafafa;
    text-decoration: none;
}

#mainbody #smccontent #smccontenthead ul li::before {
    display: none;
}

#mainbody #smccontent.smc_page_infobi_content #smccontenthead {
    display: none;
}

#mainbody #smccontainer2col .smcbox {
    border: none;
    margin: 0;
}

#mainbody #smccontainer2col .smcboxcontainerright_simple {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

#mainbody #smccontainer2col .smcboxcontainerleft_simple{
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

#mainbody #smccontainer2col .smcboxhead {
    background-image: none;
    margin-bottom: 12px;
}

#mainbody #smccontainer2col .smcboxcontent {
    padding: 0;
}

#mainbody #smccontainer2col .smcboxicons {
    display: none;
}

#mainbody #smcuitab ul li a,
#mainbody #smcuitab_abc ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    border: 2px solid #3B5479;
    border-bottom: none;
    color: #fff;
    background-image: none;
    background-color: #3B5479;
    border-radius: 0;
    outline: none;
    padding: 12px;
    display: block;
}

#mainbody #smcuitab ul li a:hover,
#mainbody #smcuitab_abc ul li a:hover,
#mainbody #smcuitab ul li.smcselected a,
#mainbody #smcuitab_abc ul li.smcselected a {
    background-color: #fff;
    color: #3B5479;
}

#mainbody #smcfiltermenu ul li::before {
    display: none;
}

#mainbody #smclayout a img {
    max-width: 17px;
    margin: 0 auto;
    padding: 12px;
}

#mainbody .smccontenttable thead tr th.smc_th.smc_field_grname,
#mainbody .smccontenttable thead tr th.smc_th.smc_field_sidat {
    text-align: center;
}

#mainbody #smccontent .smcsortfunctiontext {
    color: #fff;
}

#mainbody #smcuitab ul li::before,
#mainbody #smcuitab_abc ul li::before {
    display: none;
}

#mainbody .smccontenttable thead tr th {
    background-color: transparent;
    color: #fff;
    border: none;
    padding: 11px;
}

#mainbody .smccontenttable thead tr {
    background-color: #8caedf;
    border-bottom: 3px solid #3B5479;
    color: #fff;
}

#mainbody .smccontenttable td {
    padding: 6px 11px;
}

#mainbody .smccontenttable tr.smcrow1 td {
    background-color: #ffffff !important;
}

#mainbody .smccontenttable tr.smcrow2 td {
    background-color: #FAFAFA !important;
}

#mainbody table.smccontenttable {
    border-color: #3B5479 !important;
}

#mainbody #smcsomacosinfo {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #f2f2f2;
}

#mainbody #smcmenubottom {
    height: auto;
    overflow: hidden;
}

#mainbody #smcmenubottom ul li {
    margin-bottom: 12px;
    float: left;
    padding-left: 0;
    margin-right: 6px;
}

#mainbody #smcmenubottom ul li::before {
    display: none;
}

#mainbody #smcboxcontent0 table + a.smcnoprint {
    display: none;
}

#mainbody .smcrow7,
#mainbody .smccontenttable tr.smcrowl,
#mainbody .smccontenttable .smcrowl,
#mainbody .smccontenttable tr.smcrown,
#mainbody .smcrowh {
    background-color: #e2ebf7 !important;
    color: #3B5479;
    border: none;
}

#mainbody #smccontent #smcfiltermenu ul,
#mainbody #smccontent #smcfiltercplus ul {
    padding: 0px;
    margin: 0;
}

#mainbody #smccontent #smcfiltermenu ul li,
#mainbody #smccontent #smcfiltercplus ul li {
    padding: 0px;
    margin: 0;
}

#mainbody #smccontent #smcfiltermenu ul li a,
#mainbody #smccontent #smcfiltercplus ul li a {
    padding: 15px;
}

#mainbody #smclayout .smcfontawesome {
    color: #3B5479;
}

#mainbody form.smcrecherche {
    clear: both;
    max-width: none;
    min-width: 0;
    margin-bottom: 0;
}

#mainbody form.smcrecherche fieldset {
    margin: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 2px solid #5C7292;
    background-color: #F9FBFD;
    padding: 24px;
}

#mainbody form.smcrecherche fieldset fieldset {
    border: none;
    padding: 0;
}

#mainbody form.smcrecherche li label,
#mainbody form.smcrecherche li label.smclabelfortext,
#mainbody form.smcrecherche fieldset fieldset legend,
#mainbody form.smcrecherche li {
    padding: 0;
    min-width: 0;
    text-align: left;
    display: block;
    margin-bottom: 6px;
    background-color: transparent;
    width: 100%;
}

#mainbody form.smcrecherche li.smc_filter_xxdat {
    overflow: hidden;
}

#mainbody form.smcrecherche li.smc_filter_xxdat span.smclabelinput {
    display: block;
    float: left;
    width: 50%;
}

#mainbody form.smcrecherche li.smc_filter_xxdat span.smclabelinput input {
    display: block;
    float: none;
    clear: both;
    margin: 0;
    width: 90%;
}

#mainbody form.smcrecherche div.smcinputradio {
    clear: both;
    width: auto;
    display: block;
}

#mainbody form.smcrecherche div.smcinputradio input {
    width: auto;
}


#mainbody form.smcrecherche input[type="text"],
#mainbody form.smcrecherche input[type="date"],
#mainbody form.smcrecherche select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px 1.5%;
    width: 97%;
}

#mainbody form.smcrecherche li {
    padding: 0;
    margin: 0 0 12px 0;
    min-width: 0;
}

#mainbody form.smcrecherche select {
    border: 2px solid #8caedf;
    width: 100%;
}

#mainbody form.smcrecherche input[type="submit"],
#mainbody .smcformsubmit {
    border: none;
    margin: 0;
    background-image: none;
    border-radius: 0;
    color: #fff;
    padding: 12px;
    margin-right: 12px;
    float: left;
    width: auto;
    cursor: pointer;
    background-color: #3B5479;
    margin-top: 12px;
}

#mainbody #smclayout #smccontent td.smc_td.smc_field_termin.smcnoprint,
#mainbody #smclayout #smccontent td.smcnoprint {
    border-right: none;
}

#mainbody #smclayout #smccontent td.smc_td.smc_field_termin.smcnoprint,
#mainbody #smclayout #smccontent td.smc_td.smc_td.smc_field_rss {
    border-left: none;
}

#mainbody #smclayout #smccontent table.smcdocbox {
    width: 100%;
    margin-bottom: 0;
}

#mainbody #smclayout #smccontent table.smcdocbox td {
    padding: 12px 0 6px 0;
    border: none;
    border-bottom: 1px dotted #cccccc;
}

#mainbody #smclayout #smccontent table.smcdocbox td a img {
    padding-top: 6px;
}

#mainbody #smccontent .smcimgperson {
    margin-right: 0;
}

#mainbody #smccontent .smcimgperson {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#mainbody #smccontent .smcdivpebild {
    max-width: 200px;
}

#mainbody #smccontent table tr td.smc_td.smc_field_grname {
    width: 50%;
}

#mainbody #smccontent #smcuitab ul,
#mainbody #smccontent #smcuitab {
    float: left;
    overflow: hidden;
    margin: 0;
}

#mainbody #smccontent.smc_page_suchen01_content #smcuitab {
    display: none;
}

#mainbody #smcfiltermenu ul li,
#mainbody #smccontent #smcuitab ul li {
    float: left;
    padding: 0;
    margin-right: 6px;
    margin-bottom: 0;
}

#mainbody #smcfiltermenu {
    clear: both;
}

#mainbody #smccontainer2col .smcnoprint{
    display: none;
}

#mainbody #smclayout #smccontent h3 {
    margin: 24px 0 12px 0;
    clear: both;
}

#mainbody #smcfooter {
    clear: both;
    margin-top: 12px;
    float: left;
    width: 100%;
}

#mainbody #smccontent #smcfiltermenu {
    clear: left;
}

#mainbody #smccontent #smcfiltermenu ul,
#mainbody #smccontent #smcfiltercplus ul {
    padding: 0px;
    margin: 10px 0px 10px 0px;
    border-top: 2px solid #3B5479;
    background-color: #FAFAFA ;
}

#mainbody #smccontent #smcfiltermenu ul li a,
#mainbody #smccontent #smcfiltercplus ul li a {
    display: inline-block;
}

#mainbody #smccontent #smccontenthead ul li ul,
#mainbody #smccontent #smcfiltermenu ul li ul {
    display: none;
    position: absolute;
    left: -2px;
    top: 100%;
    width: auto;
    width: 100%;
    z-index: 999;
    margin: 0;
    list-style-type: none;
}

#mainbody #smccontent #smcfiltermenu ul li ul {
    min-width: 100px;
}

#mainbody #smccontent #smccontenthead ul li ul li a,
#mainbody #smccontent #smcfiltermenu ul li ul li a {
    padding: 9px 5%;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    display: inline-block;
    width: 90%;
}

#mainbody #smccontent #smccontenthead ul li ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#mainbody #smccontent #smccontenthead ul li ul li:before {
    display: none;
}

#mainbody #smccontent #smccontenthead ul li ul li a:hover,
#mainbody #smccontent #smcfiltermenu ul li ul li a:hover {
    background-color: #fff;
}

#mainbody #smccontent #smccontenthead ul li:hover ul,
#mainbody #smccontent #smcfiltermenu ul li:hover ul {
    display: block;
    background-color: #FAFAFA ;
}

#mainbody #smccontent #smcfiltermenu ul li:hover ul li {
    float: none;
    width: 100%;
    display: block;
}

#mainbody #smcfiltermenu ul li {
    float: none;
    display: inline;
}

#smcformsuchen01 fieldset fieldset legend {
    border: none;
}

#tx-solr-search .row > .tx-solr-search-form {
    padding: 24px;
    background-color: #B8C3D2;
    height: auto;
}

#tx-solr-search .row > .tx-solr-search-form .input-group {
    position: relative;
}

#tx-solr-search .row > .tx-solr-search-form .input-group * {
    margin-bottom: 0;
}

#tx-solr-search .row > .tx-solr-search-form .input-group .btn.btn-primary {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    background: #7792b7;
    background: -moz-linear-gradient(to right bottom,#7792b7 50%,#5C7292 50%);
    background: -webkit-linear-gradient(to right bottom,#7792b7 50%,#5C7292 50%);
    background: linear-gradient(to right bottom, #7792b7 50%, #5C7292 50%);
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
    border: none;
    font-size: 0px;
    cursor: pointer;
}

#tx-solr-search .row > .tx-solr-search-form .input-group .btn.btn-primary::before {
    content: "x";
    background-image: url("../Images/icon-search-small.png");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#tx-solr-search .row > .tx-solr-search-form .input-group .btn.btn-primary:hover::before {
    opacity: 0.5;
}

#tx-solr-search .row > .tx-solr-search-form.hidden-xs {
    padding: 0;
    background-color: transparent;
}

#tx-solr-search .relevance,
#tx-solr-search span.searched-for,
#tx-solr-search span.result-found,
#tx-solr-search span.result-range {
    font-size: 0.875rem;
    line-height: 24px;
    margin-bottom: 12px;
}

#tx-solr-search .list-group-item.search-result {
    background-color: #f9fbfd;
    margin: 0 0 24px 0;
    padding: 24px;
    border: 2px solid #5C7292;
}

#tx-solr-search .list-group-item.search-result h3 {
    margin-top: 0;
}

#results-per-page {
    clear: both;
}

#tx-solr-search .solr-pagination ul.pagination li {
    display: block;
    float: left;
    line-height: 100%;
    margin-right: 12px;
    padding: 0;
}

#tx-solr-search .solr-pagination ul.pagination li::before {
    display: none;
}

#tx-solr-search .solr-pagination ul.pagination li > span,
#tx-solr-search .solr-pagination ul.pagination li > a {
    display: block;
    font-weight: 600;
    color: #3B5479;
    padding: 14px 18px;
    text-decoration: none;
    text-align: center;
    position: relative;
    zoom: 1;
    background: #fff;
    border: 2px solid #5C7292;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 250ms
    ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms
    ease-out 50ms;
}

#tx-solr-search .solr-pagination ul.pagination li > span.page-link-more {
    border: none;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0);
}

#tx-solr-search .solr-pagination ul.pagination li a:hover,
#tx-solr-search .solr-pagination ul.pagination li.active > span {
    color: #ffffff;
    background-color: #3B5479;
    border-color: #3B5479;
}

#tx-solr-search #results-per-page .input-group {
    display: block;
}

.bg-white .two-cols-25-75 {
    grid-column-gap: 60px;
}

#maincontent .event-calendar {
    background-color: rgba(92, 114, 146, .1);
}

#maincontent .event-calendar ul {
    padding: 0;
    margin: 0;
}

#maincontent .event-calendar ul li {
    padding: 0;
    margin: 0;
    justify-content: center;
    display: flex;
    align-items: center;
}

#maincontent .event-calendar ul li::before {
    display: none;
}

#maincontent .event-calendar ul.event-calendar__weekdays,.event-calendar ul.event-calendar__days {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
}

#maincontent .event-calendar ul.event-calendar__weekdays li {
    font-weight: bold;
    padding: 9px 0;
}

#maincontent .event-calendar__browser {
    display: grid;
    grid-template-columns: 1fr 5fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background: #294670;
}

#maincontent ul.event-calendar__browser li {
    padding: 9px 0;
    text-align: center;
    color: #ffffff;
}

#maincontent ul.event-calendar__browser li.event-calendar__browser-prev a,
#maincontent ul.event-calendar__browser li.event-calendar__browser-next a {
    background-image: url("../Images/noun-next-1833630-FFFFFF.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
}

#maincontent ul.event-calendar__browser li.event-calendar__browser-prev a {
    transform: rotate(180deg);
}

#maincontent ul.event-calendar__days li {
    padding: 15px 0;
}

#maincontent .event-calendar ul li.clearer,
#maincontent ul.event-calendar__browser li.clearer {
    display: none;
}

.event-calendar__browser-current {
    text-transform: uppercase;
}

.event-calendar__browser-prev a,.event-calendar__browser-next a {
    text-decoration: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 600;
    line-height: 30px;
}

.event-calendar__browser-prev a: hover,.event-calendar__browser-next a:hover {
    color: #FFFFFF;
}

.event-calendar ul.event-calendar__days li.event-calendar__day-today {
    background-color: #EEEEEE;
    border-radius: 50%;
    margin: 0 6px;
}

.event-calendar ul.event-calendar__days li {
    margin: 0;
    padding: 9px 0;
}

#maincontent .event-calendar ul.event-calendar__days li.has-events {
    background-color: #294670;
    color: #fff;
}

#maincontent .event-calendar ul.event-calendar__days li.event-calendar__day-other-month {
    color: #999999;
}

.event-calendar ul.event-calendar__days {
    position: relative;
}

.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: var(--color1);
    color: #fff;
    padding: 0;
    z-index: 99;
    -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.event-calendar ul.event-calendar__days li.has-events: hover .event-calendar__day-event {
    opacity:1;
    visibility: visible;
}

.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 12px;
    line-height: 30px;
    text-align: left;
}

.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event a: hover {
    background-color:var(--color4);
}

.event-wrapper-default {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0;
    background-color: rgba(92, 114, 146, .1);
    position: relative;
}

.event-list-item {
    margin-bottom: 48px;
}

.event-wrapper-default .event-date {
    position: absolute;
    background-color: #294670;
    left: 0;
    top: 30px;
    padding: 0 30px 0 15px;
    border-radius: 0 30px 30px 0;
}

.event-wrapper-default .event-date p {
    color: #ffffff;
    margin: 0;
    padding: 12px 0;
}

.event-wrapper-default .event-content {
    padding-right: 30px;
}

.event-wrapper-default .event-content h3 {
    margin-top: 15px;
    color: #4B6A97;
}

.event-wrapper-default .event-headinfo {
    padding: 24px 0 12px 0;
    border-bottom: 2px solid #A1B5D3;
}

.event-wrapper-default .event-headinfo p {
    margin-bottom: 0;
}

/* *************************
  RESPONSIVE
************************* */

@media only screen and (max-width: 1550px){
    .wrapper {
        max-width: 95%;
    }
}

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

    #header #icons {
        right: 12px;
    }

    #header #logo {
        top:24px;
        width: 24%;
        background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,1);
        border-radius: 0 40px 0;left: 1%;
    }

    #header #logo img {
        padding: 12px;
        max-width: 86%;
    }

    .button-right{
        margin-right:1.042%;
    }

    #maincontent #content ul.ce-menu.layout-11 {
        overflow: hidden;
    }

    #maincontent #content ul.layout-11 li a {
        min-height: 48px;
    }

    #maincontent #content ul.layout-11 li a span {
        display: block;
        line-height: 24px;
    }

    #klaro .cookie-modal .cm-modal {
        margin: 0 auto;
        max-height: 98%;
        overflow: auto;
        box-sizing: border-box;
        position: relative;
        max-width: 640px;
    }

    #klaro .cookie-notice .cn-body {
        margin: 0 auto;
        max-height: 98%;
        overflow: auto;
        box-sizing: border-box;
    }

    #klaro .cookie-modal .cm-footer-buttons,
    #klaro .cookie-notice .cn-body p.cn-ok {
        padding-bottom: 50px;
    }

    #search-box {
        width: 24%;
        left: 1%;
    }

    #footer .col-right > div {
        float:left;
        width:100%;
    }

    #footer .col-right #search-bottom {
        width:100%;
    }

    #footer .col-right ul {
        float:left;
        margin-top:24px;
    }

    #footer .col-right ul li:first-child {
        margin-left:0;
    }

    #footer-contact {
        left: 0;
        width: 40%;
    }

    #footer-bottom {
        position: relative;
        z-index: 999999;
    }

    .iconbox .iconbox-icon img {
        max-width: 120px;
    }

}

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

    #subnavi,
    #mainnavi.click #menu,
    #mainnavi #menu {
        display: none;
    }

    #mainnavi.click .mainnavi-button,
    #mainnavi .mainnavi-button {
        display: block !important;
    }

    #header {
        top: 0;
    }

    #header #icons {
        background-color: #fff;
        width: 100%;
        top: 0;
    }

    #header #icons ul {
        float: right;
        margin: 6px 6px 6px 0;
    }

    #header #icons ul li {
        margin-left: 12px;
        margin-bottom: 0;
    }

    #header #logo {
        box-sizing: border-box;
        top: 40px;
        width: 24%;
        background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,1);
        padding: 12px;
        border-radius: 0 40px 0;
    }

    #header #logo img {
        padding: 0;
    }

    #header #icons #search-top {
        border: 2px solid #3B5479;
    }

    #header #icons #search-top .search-input {
        padding: 10px 12px;
    }

    #header #icons ul li > div > div.clicked > a,
    #header #icons ul li > div > div > a:hover {
        border-color: #3B5479;
    }

    #mainbody {
        margin-top: 0;
    }

    #mainbody .bg-grey {
        clear: both;
    }

    #mainbody .bg-white .wrapper:after {
        content:"";
        display: block;
        width: 100%;
        clear: both;
    }

    .two-cols-75-25,
    .two-cols-75-25.cols-content,
    .three-cols-33-33-33,
    .two-cols-50-50,
    .two-cols-25-75 {
        display: block;
    }

    .button-right {
        margin-right: 1.436%;
    }

    .button-quicklink a {
        min-height: 204px;
    }

    .button-quicklink .button-quicklink-icon img {
        max-width: 80px;
        height: 80px;
        width: 100%;
        margin: 24px auto 0 auto;
    }

    .button-quicklink .button-quicklink-title h3 {
        font-size: 1.25rem;
        top: auto;
        bottom: 18px;
    }

    .bg-grey .news-article {
        min-height: auto;
    }

    .bg-grey .news-article .news-image {
        width: auto;
    }

    .bg-grey .news-article .news-teaser {
        margin-left: 2.174%;
        width: 72%;
    }

    .bg-grey .news-article .news-button {
        max-width: 191px;
        bottom: 12px;
    }

    .bg-grey .news-article .news-data {
        bottom: 12px;
    }

    .bg-grey .news-article .news-image {
        width: 100%;
        max-height: 192px;
        overflow: hidden;
    }

    .bg-grey .news-article .news-teaser {
        width: auto;
        margin-left: 0;
        padding: 12px;
        margin-top: 12px;
    }

    .bg-grey .news-article {
        padding-bottom: 72px;
    }

    #mainbody .content-full-width .ce-menu-15.three-cols-33-33-33 > div:nth-child(even) {
        margin-right: 0;
    }

    #mainbody .content-full-width .ce-menu-15 .hoverbox-title {
        background: transparent;
    }

    #mainbody .content-full-width .hoverbox-title h2 {
        display: none;
    }

    #mainbody .content-full-width .hoverbox-with-links .hoverbox-image {
        max-height: 240px;
        overflow: hidden;
    }

    #mainbody .content-full-width .hoverbox-with-links {
        margin-bottom: 24px;
    }

    #mainbody .content-full-width .hoverbox-with-links .hoverbox-links {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        height: 100%;
        top: auto;
        bottom: 0;
    }

    #mainbody .hoverbox-with-links {
        margin-bottom: 24px !important;
    }

    #mainbody .hoverbox-with-links .hoverbox-image {
        overflow: hidden;
    }

    #mainbody .hoverbox-with-links .hoverbox-links {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    #mainbody .hoverbox-with-links .hoverbox-links ul li a {
        margin: 12px 24px;
        background-color: #879fc1;
        background-color: rgba(255,255,255,0.1);
        padding: 12px;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);

        -webkit-transition: all 250ms ease-out 50ms;
        -moz-transition: all 250ms ease-out 50ms;
        -o-transition: all 250ms ease-out 50ms;
        transition: all 250ms ease-out 50ms;
    }

    #footer .three-cols-33-33-33 > div,
    #footer .three-cols-33-33-33 > div.col-left {
        margin-bottom: 48px;
    }

    #footer .three-cols-33-33-33 > div.clearer {
        margin-bottom:0;
    }

    #footer #search-bottom {
        width: 100%;
    }

    #klaro .klaro {
        z-index: 9999999999;
    }

    #klaro .cookie-modal .cm-modal {
        margin: 0 auto;
        max-height: 98%;
        overflow: auto;
        box-sizing: border-box;
        position: relative;
        max-width: 640px;
    }

    #klaro .cookie-notice a,
    #klaro .cookie-modal .cm-btn.cn-decline,
    #klaro .cookie-notice .cm-btn.cn-decline,
    #klaro .cookie-modal .cm-btn.cm-btn-success,
    #klaro .cookie-notice .cm-btn.cm-btn-success {
        text-align: left;
        margin-top: 12px;
    }

    #klaro .cookie-notice .cn-body {
        margin: 0 auto;
        max-height: 98%;
        overflow: auto;
        box-sizing: border-box;
    }

    #klaro .cookie-modal .cm-footer-buttons,
    #klaro .cookie-notice .cn-body p.cn-ok {
        padding-bottom: 50px;
    }

    #maincontent .three-cols-33-33-33,
    .bg-blue .four-cols-25-25-25-25 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .flexslider .slides {
        background-color: #294670;
    }

    .flexslider .flex-caption {
        position: static;
        width: 100%;
        border-radius: 0;
    }

    .flex-control-nav {
        position: static;
    }

    .flex-control-nav::after {
        display: none;
    }

    .flex-pauseplay {
        bottom: auto;
        left: auto;
        right: 120px;
    }

    #search-box {
        width: 24%;
    }

    #topQuicklinks ul li a {
        font-size: 0px;
        padding: 30px;
    }

    #topQuicklinks ul li a::before {
        width: 100%;
    }

    #footer-contact {
        position: static;
        width: 100%;
    }

    #mainbody .bg-white .two-cols-25-75 > div {
        margin-bottom: 30px;
    }

    #mainbody .three-cols-33-33-33.news-list-view > div,
    #mainbody .four-cols-25-25-25-25 .iconbox {
        margin-bottom: 30px;
    }

    .mm-menu--position-right,
    .mm-menu--position-right-front {
        width: 600px;
    }

    .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout {
        -webkit-transform: translate3d(-600px,0,0);
        transform: translate3d(-600px,0,0);
    }

}


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

    #mainbody #smcnavigation_content ul li {
        margin-bottom: 12px;
    }

    #important-note {
        padding: 30px 0;
    }

    #mainbody .two-cols-25-75 div.col-context {
        display: none;
    }

    #mainbody #context,
    #mainbody #content {
        float: none;
        width: 100%;
        margin: 0;
    }

    #mainbody #context {
        padding-top: 24px;
        margin-top: 24px;
        border-top: 2px solid #f2f2f2;
    }

    #mainbody .bg-grey .button-outline {
        margin-left: 0;
    }

    #maincontent .three-cols-33-33-33,
    #maincontent .two-cols-50-50,
    #maincontent .two-cols-25-75 {
        display: block;
    }

    #mainbody .hoverbox-with-links .hoverbox-links ul li a {
        margin: 12px 24px;
        background-color: #879fc1;
        background-color: rgba(255,255,255,0.1);
        padding: 12px;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        -webkit-transition: all 250ms ease-out 50ms;
        -moz-transition: all 250ms ease-out 50ms;
        -o-transition: all 250ms ease-out 50ms;
        transition: all 250ms ease-out 50ms;
    }

    .full-col .news-article {
        min-height: 276px;
    }

    .calendar-item .calendar-item-date {
        width: 19.049%;
    }

    .calendar-item .calendar-item-text {
        width: 77.379%;
    }

    .calendar-item .calendar-item-date p.calendar-time {
        display: block;
    }

    #maincontent #content ul.ce-menu.layout-11 {
        overflow: hidden;
    }

    .two-cols-25-75 .col-content .ce-gallery.col-4 .ce-row .ce-column {
        width: 48.551%;
    }

    .two-cols-25-75 .col-content .ce-gallery.col-4 .ce-row .ce-column.even {
        margin-right: 0;
    }

    #maincontent .flexslider .flex-direction-nav {
        top:200px;
    }

    #klaro .cookie-modal .cm-modal {
        box-sizing: border-box;
        width: 90%;
        left: 5%;
        max-width: none;
    }

    #klaro .cookie-notice .cn-body {
        margin: 0 auto;
        max-height: 98%;
        overflow: auto;
        box-sizing: border-box;
        max-width: 90%;
    }

    #klaro .klaro .cookie-notice .cn-body p.cn-ok {
        display: block;
    }

    .four-cols-25-25-25-25 {
        grid-template-columns: repeat(2, 1fr);
    }

    #maincontent.two-cols-75-25 {
        display: block;
    }

    .flexslider .flex-caption {
        position: static;
        width: 100%;
        border-radius: 0;
    }

    #search-box {
        width: 36%;
        top: 160px;
    }

    .news-list-view.three-cols-33-33-33 .article {
        max-width: 450px;
        margin: 0 auto;
    }
}


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

    h1{
        -moz-hyphens: auto;
        hyphens: auto;
    }

    #header #icons ul li {
        margin-left: 6px;
    }

    #header #logo {
        top: 72px;
    }

    #header #icons #search-top .search-input {
        padding: 10px 12px;
    }

    #header #icons #search-button-top.active {
        max-width: none;
        width: auto;
    }

    #header #icons #search-box .button-top-content,
    #header #icons #search-box.clicked .button-top-content {
        top: 60px;
        right: 0;
        width: 100%;
        min-width: 0;
        padding: 0;
        border: none;
        z-index: 9999;
    }

    #header #header-image {
        min-height: 264px;
    }

    #header #header-image img {
        height: 264px;
        width: auto;
    }

    .button-right {
        width: 93.75%;
        display: block;
        margin: 0 auto;
        float: none;
    }

    #mainbody .content-full-width .hoverbox-with-links .hoverbox-links {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        height: auto;
        top: auto;
        bottom: 0;
    }

    .news-article .news-data {
        bottom: 12px;
        right: 12px;
    }

    #maincontent label {
        float: none;
        width: 100%;
        margin-bottom: 6px;
        display: block;
        text-align: left;
        margin-right: 0;
    }

    #maincontent .powermail_fieldwrap .powermail_field {
        float: none;
        width: 100%;
    }

    #maincontent .powermail_field .radio,
    #maincontent .powermail_field .checkbox {
        clear: both;
    }

    #maincontent .powermail_field .radio label,
    #maincontent .powermail_field .checkbox label {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    #maincontent .powermail_field .radio input,
    #maincontent .powermail_field .checkbox input {
        width: auto;
        margin: 6px 12px 6px 0;
    }

    #maincontent .powermail_field input,
    #maincontent .powermail_field textarea {
        border: none;
        margin: 0;
        width: 90%;
        padding: 4px 5%;
    }

    #maincontent .powermail_field input.powermail_submit {
        padding: 11px 24px;
    }

    #maincontent .powermail_fieldwrap_type_input span.type_input,
    #maincontent .powermail_fieldwrap_type_textarea span.type_textarea {
        border: 2px solid #8caedf;
        display: block;
        margin-bottom: 12px;
        overflow: hidden;
    }

    #maincontent .layout-75-left,
    #maincontent .layout-25-left,
    #maincontent .layout-75-right,
    #maincontent .layout-25-right {
        float: none;
        width: 100%;
    }

    #maincontent #content ul.layout-11 li a {
        min-height: 48px;
    }

    #maincontent #content ul.layout-11 li a span {
        display: block;
        line-height: 24px;
    }

    .calendar-item a::after {
        bottom: auto; top: 24px;
    }

    .calendar-item .calendar-item-date {
        width: 26.667%;
    }

    .calendar-item .calendar-item-text {
        width: 63.334%;
        margin-left: 3.334%;
    }

    #footer-bottom ul {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    #footer-bottom ul li {
        width: 47.5%;
    }

    #footer-bottom ul li:nth-child(odd) {
        margin-right: 5%;
        margin-bottom: 12px;
        clear: both;
    }

    #footer-bottom ul li a {
        background-color: #132E56;
        text-align: center;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);

        -webkit-transition: all 250ms ease-out 50ms;
        -moz-transition: all 250ms ease-out 50ms;
        -o-transition: all 250ms ease-out 50ms;
        transition: all 250ms ease-out 50ms;
    }

    #footer-bottom ul li a:hover {
        background-color: #5C7292;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    }

    .two-cols-25-75 .col-content .ce-gallery.col-3 .ce-row .ce-column {
        width: 48.551%;
    }

    .two-cols-25-75 .col-content .ce-gallery.col-3 .ce-row .ce-column.even {
        margin-right: 0;
    }

    .two-cols-25-75 .col-content .ce-gallery.col-3 .ce-row .ce-column.odd {
        margin-right: 2.899%;
    }

    .ausschreibungen > table th,
    .ausschreibungen > table td {
        display: blocK;
        border-bottom: none;
    }

    .ausschreibungen > table tbody tr {
        border-bottom: 1px solid #3B5479;
        display: inline-block;
        padding: 12px 0;
    }

    #maincontent .flexslider .flex-direction-nav {
        top:150px;
    }

    #klaro .cookie-modal .cm-modal,
    #klaro .cookie-notice .cn-body {
        transform: translateY(0);
        top: 0;
        margin: 0 auto;
        max-height: 100%;
        overflow: auto;
        box-sizing: border-box;
        max-width: 100%;
    }

    #klaro .cookie-notice .cn-body > p.cn-ok {
        display: block;
        padding-bottom: 18px;
    }

    #klaro .cookie-modal .cm-modal {
        box-sizing: border-box;
        width: 100%;
        left: 0;
        max-height: 100%;
    }

    #klaro .cookie-modal .cm-modal .cm-footer {
        padding-bottom: 18px;
    }

    .four-cols-25-25-25-25 {
        grid-template-columns: repeat(2, 1fr);
    }

    .ausschreibungen > table > thead > tr > th:first-of-type,
    .ausschreibungen > table > thead > tr > th:last-of-type,
    .ausschreibungen > table > tbody > tr > td:first-of-type,
    .ausschreibungen > table > tbody > tr > td:last-of-type
    {
        width:auto;
    }

    .flexslider .slides img {
        height: 300px;
        width: auto;
    }

    .flexslider .flex-caption {
        position: static;
        width: 100%;
        border-radius: 0;
    }

    .event-wrapper-default {
        display: block;
    }

    .event-wrapper-default .event-content {
        padding: 30px;
    }

    .news-list-view.three-cols-33-33-33 .article {
        max-width: none;
    }

    .mm-menu--position-right,
    .mm-menu--position-right-front {
        width: 440px;
    }

    .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout {
        -webkit-transform: translate3d(-440px,0,0);
        transform: translate3d(-440px,0,0);
    }

}

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

    #tx_cookies {
        position:fixed;
        bottom:50px;
        left:0;
        width:80%;
    }


    #header #logo {
        top: 40px;
        width: 40%;
    }

    #header #icons ul li {
        margin-left: 6px;
    }

    #header #icons .button-top-content {
        min-width: 0;
    }

    #header #icons #flags-content.button-top-content {
        min-width: 300px;
        width: 100%;
        max-width: none;
        z-index: 999999999;
    }

    #header #flags-box.clicked .button-top-content {
        top: 60px;
        border: none;
    }

    .button-right {
        width: 93.75%;
        float: none;
        display: block;
        margin: 0 auto;
    }

    .button-quicklink a {
        min-height: 144px;
    }

    .button-quicklink .button-quicklink-icon img {
        max-width: 52px;
        height: 52px;
        width: 100%;
        margin: 24px auto 0 auto;
    }

    .button-quicklink .button-quicklink-title h3 {
        font-size: 1rem;
        top: auto;
        bottom: 12px;
    }

    .news-article {
        padding-bottom: 72px;
    }

    .news-article .news-image {
        width: 100%;
    }

    .news-article .news-teaser {
        width: auto;
        margin-left: 0;
        padding: 12px;
        margin-top: 12px;
    }

    .news-article .news-button .button a {
        padding: 16px;
    }

    #maincontent .flexslider .flex-direction-nav {
        top:100px;
    }

    #survey-box {
        height: 100%;
    }

    #survey-box .well-logo,
    #survey-box .well {
        width: 90%;
        padding: 5%;
    }


    #klaro .cookie-notice .cn-body .cn-ok a,
    #klaro .cookie-modal .cm-btn.cm-btn-success,
    #klaro .cookie-notice .cm-btn.cm-btn-success {
        text-align: left;
        margin-top: 12px;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    #klaro .cookie-notice .cn-body a {
        display: inline;
    }

    .four-cols-25-25-25-25 {
        grid-template-columns: repeat(2, 1fr);
    }

    .bg-blue .four-cols-25-25-25-25 {
        grid-template-columns: repeat(1, 1fr);
    }

    #maincontent.two-cols-75-25 {
        display: block;
    }

    .flexslider .flex-caption {
        position: static;
        width: 100%;
        border-radius: 0;
    }

    #search-box {
        width: 40%;
        top: 150px;
    }

    .event-wrapper-default {
        display: block;
    }

    .event-wrapper-default .event-content {
        padding: 30px;
    }
}

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

    #maincontent #content ul.layout-11 li {
        float: none;
        width: 100%;
    }

    #footer-bottom ul li {
        width: 100%;
        margin-bottom: 12px;
    }

    #footer-bottom ul li.odd {
        margin-right: 6.667%;
        margin-bottom: 12px;
    }

    .two-cols-25-75 .col-content .ce-gallery.col-2 .ce-row .ce-column,
    .two-cols-25-75 .col-content .ce-gallery.col-3 .ce-row .ce-column,
    .two-cols-25-75 .col-content .ce-gallery.col-4 .ce-row .ce-column {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
        float: none;
    }


    #mainbody #smcnavigation_content ul li {
        float: none;
        margin: 0;
        display: block;
        margin-bottom: 6px;
    }

    #mainbody #smcuitab ul li,
    #mainbody #smcuitab_abc ul li {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 2px solid #fff;
    }

    #mainbody #smcuitab ul li a {
        float: none;
        display:  block;
        width: auto;
        margin: 0;
    }

    #mainbody .smccontenttable thead tr th,
    #mainbody .smccontenttable tbody tr td {
        display: block;
    }

    #mainbody #smclayout #smccontent table.smcdocbox {
        width: auto;
        margin-bottom: 0;
        float: none;
    }

    #mainbody #smclayout #smccontent table.smcdocbox tr,
    #mainbody #smclayout #smccontent table.smcdocbox td {
        display: table;
        background-color: transparent !important;
        border: none;
    }

    #mainbody #smclayout #smccontent table.smcdocbox tr {
        border-bottom: 1px dotted #cccccc;
    }

    #mainbody #smclayout #smccontent td.smc_td.smc_field_termin.smcnoprint,
    #mainbody #smclayout #smccontent td.smcnoprint {
        border-right: 1px solid #f2f2f2;
    }

    #mainbody #smclayout #smccontent td.smc_td.smc_field_termin.smcnoprint,
    #mainbody #smclayout #smccontent td.smc_td.smc_td.smc_field_rss {
        border-left: 1px solid #f2f2f2;
    }

    #mainbody #smccontent #smccontenthead {
        min-width: 0;
        width: 100%;
    }

    #mainbody .smcnowrap {
        white-space: normal;
    }

    #mainbody form.smcrecherche fieldset {
        padding: 12px;
        width: auto;
    }

    #mainbody #smclayout #smccontent td.smcnoprint input {
        float: none !important;
    }

    #mainbody .bg-white .four-cols-25-25-25-25 > div {
        margin: 0;
    }

    .flexslider .flex-caption {
        position: static;
        width: 100%;
        border-radius: 0;
    }

    #search-box {
        width: 40%;
        top: 150px;
    }

    .event-wrapper-default {
        display: block;
    }

    .event-wrapper-default .event-content {
        padding: 30px;
    }

    #topQuicklinks {
        margin-top: 66px;
    }

    .mm-menu--position-right,
    .mm-menu--position-right-front {
        width: 320px;
    }

    .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout {
        -webkit-transform: translate3d(-320px,0,0);
        transform: translate3d(-320px,0,0);
    }
}


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

    #mainbody #maincontent .hoverbox-with-links .hoverbox-title h2 {
        display: none;
    }

    #mainbody #maincontent .hoverbox-with-links {
        margin-bottom: 24px;
    }


    #mainbody #maincontent .hoverbox-with-links .hoverbox-links h2 {
        margin-top: 0;
    }

    #mainbody #maincontent .hoverbox-with-links .hoverbox-links ul li a {
        margin: 12px;
        background-color: #879fc1;
        background-color: rgba(255,255,255,0.1);
        padding: 12px;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
        -webkit-transition: all 250ms ease-out 50ms;
        -moz-transition: all 250ms ease-out 50ms;
        -o-transition: all 250ms ease-out 50ms;
        transition: all 250ms ease-out 50ms;}

    #maincontent #content ul.layout-11 li {
        float: none;
        width: 100%;
    }

    #mainbody .bg-grey .button-outline {
        margin: 0;
        width: 100%;
    }

    #maincontent .col-1.ce-right.ce-intext.ce-nowrap .ce-gallery,
    #maincontent .col-1.ce-left.ce-intext.ce-nowrap .ce-gallery {
        float: none;
        width: 100%;
        margin: 0 0 6px 0;
    }

    .calendar-item .calendar-item-date {
        width: 100%;
        margin-bottom: 12px;
    }

    .calendar-item .calendar-item-text {
        width: 100%;
        margin-left: 0;
    }

    .calendar-item-date p.calendar-date {
        margin-right: 12px;
    }

    #footer-bottom ul li {
        width: 100%;
        margin-bottom: 12px;
    }

    #maincontent .flexslider .flex-direction-nav {
        top:50px;
    }

    #mainbody .bg-white .four-cols-25-25-25-25 > div {
        margin: 0;
    }

    .flexslider .flex-caption {
        position: static;
        width: 100%;
        border-radius: 0;
    }

    #search-box {
        width: 40%;
    }

    .event-wrapper-default {
        display: block;
    }

    .event-wrapper-default .event-content {
        padding: 30px;
    }

    #topQuicklinks {
        margin-top: 66px;
    }
}

#icons ul li > div > div.gebaerden-sprache-box > img {
    display: block;
    background-color: #666666;
    position: relative;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
    transition: all 250ms ease-out 50ms;
}

#gebaerdensprache img {
    transform: rotate(60deg);
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
    background-image: url("../Images/arrow-next.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    border: 1px solid #ffffff;
    background-color: #3B5479;
    border-radius: 50%;
    width: 45px;
    height: 45px;
}

.flex-direction-nav .flex-prev {
    background-image: url("../Images/arrow-prev.png");
}

.flex-direction-nav a:before {
    display: none;
}

#vrweb_icon_1 {
    background-repeat: no-repeat;
}
