/*
 * -----------------------------------
 * comp4site 3.04
 * C4S CUSTOM CSS
 *
 * Copyright
 * COM.POSiTUM Multimedia-Agentur GmbH
 * -----------------------------------
 */
@font-face {
    font-family: 'DINSchriftMittelschrift';
    src: url('../fonts/dinmi___-webfont.eot');
    src: url('../fonts/dinmi___-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/dinmi___-webfont.woff') format('woff'),
        url('../fonts/dinmi___-webfont.ttf') format('truetype'),
        url('../fonts/dinmi___-webfont.svg#DINSchriftMittelschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

#topcontrol {
    width: 28px;
    height: 28px;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    display: none;
}

/* ------------------------------------
 *  BASIC
 * ------------------------------------
 */
* {
    margin: 0;
    padding: 0;
    border: 0 none;
}

html {
    overflow-y: scroll;
}

body {
    font-family: 'DINSchriftMittelschrift', sans-serif;
    font-size: 14px;
    line-height: 20px;
    background: #f4f4f4 url(../images/pattern.gif) repeat;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100vh;
}

.content_wrapper {
    flex-grow: 1;
}

/* floats clearer */
.clearfix {
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
}

/* linked images */
a img {
    border: 0 none;
}

/* list elements */
li {
    list-style: none;
}

/* tables */
.noborder {
    border: 0 none !important;
}

.nopadding {
    padding: 0 !important;
}



/* ------------------------------------
 *  ALIGNMENT / POSITIONING / DISPLAY
 * ------------------------------------
 */
.leftfloat {
    float: left;
}

.rightfloat {
    float: right;
}

.leftalign {
    text-align: left;
}

.contentimages_wrapper.tiles {
    gap: 1rem;
    width: 100% !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.contentimages_wrapper.rightfloat {
    margin-left: 2rem;
    max-width: 250px;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.contentimages_wrapper.leftfloat {
    margin-right: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.contentimages_wrapper img {
    box-shadow: 0px 0px 5px rgb(153, 153, 153);
    border-radius: 3px;
    display: block;
    border: 3px solid var(--white);
}

.contentimages_wrapper img {
  max-width: 100%;
  height: auto;
}

.rightalign {
    text-align: right;
}

.centeralign {
    text-align: center;
}

.relpos {
    position: relative;
}

.abspos {
    position: absolute;
}

.nodisplay {
    display: none;
}



/* ------------------------------------
 *  HEADLINES
 * ------------------------------------
 */
h1, h2, h3, h4, h5, h6 {
    padding: 0 0 10px 0;
    line-height: normal;
}

h1 {
    font-size: 24px;
    padding-bottom: 24px;
    font-weight: normal;
    text-transform: uppercase;
}

h2 {
    font-size: 20px;
    padding-bottom: 10px;
}

h3 {
    font-size: 16px;
    padding-bottom: 4px;
}

h4 {
    font-size: 14px;
    padding-bottom: 2px;
}



/* ------------------------------------
 *  LINKS
 * ------------------------------------
 */
a {
    text-decoration: underline;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.2s linear 0s;
    /* Safari and Chrome */
    -o-transition: all 0.2s linear 0s;
    /* Opera */
}

a:hover {
    text-decoration: none;
    text-shadow: 0px 0px 1px #555;
    behavior: url(custom/js/PIE.htc);
}


a.button {
    margin-top: 40px;
    padding: 0px 23px;
    font-size: 16px;
    line-height: 44px;
    height: 42px;
    color: var(--primary);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    width: auto !important;

    display: inline-block;
    *display: inline;

    margin-bottom: 2rem;

    background-color: var(--secondary);
    border: 1px solid var(--white);
    border-radius: 3px;

    /*        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 3px rgba(0,0,0,0.4);*/
    box-shadow: 0px 0px 3px rgb(153, 153, 153);

    background-image: linear-gradient(to bottom, var(--secondary), #f1b700);
    background-image: -moz-linear-gradient(top, var(--secondary), #f1b700);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--secondary)), to(1.00, #f1b700));
    -pie-background: linear-gradient(top, var(--secondary), #f1b700);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--white)fd600, endColorstr=var(--white)1b700);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--white)fd600, endColorstr=var(--white)1b700)";
    zoom: 1;
    background-clip: padding-box;
    behavior: url(custom/js/PIE.htc);
}

a.button:hover {
    /*        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.42);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.42);
        box-shadow: 0px 0px 4px rgba(0,0,0,0.42);*/
    box-shadow: 0px 0px 4px rgb(153, 153, 153);
    text-shadow: none;
    color: var(--black);
    opacity: .8;

    /* background-image: linear-gradient(to bottom, #fde256, #f1b700);
    background-image: -moz-linear-gradient(top, #fde256, #f1b700);
    background-image: -webkit-gradient(linear, left top, left bottom, from(0.00, #fde256), to(1.00, #f1b700));
    -pie-background: linear-gradient(top, #fde256, #f1b700);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--white)de461, endColorstr=var(--white)1b700);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--white)de461, endColorstr=var(--white)1b700)"; */
    zoom: 1;
    background-clip: padding-box;
    /* behavior: url(custom/js/PIE.htc); */
}

}



/* ------------------------------------
 *  HEADER CONTAINER
 * ------------------------------------
 */
.header_wrapper {
    width: 100%;
    /*position:absolute;
    top:0; left:0;*/
    z-index: 100;

    box-shadow: 0px 0px 4px #555;
    -moz-box-shadow: 0px 0px 4px #555;
    -webkit-box-shadow: 0px 0px 4px #555;
    behavior: url(custom/js/PIE.htc);
}

.header_content {
    width: 980px;
    min-height: 122px;
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background: url(../images/boulder.gif) right no-repeat; */
}

.logo {
    /* position: absolute; */
    left: 0;
    top: 30px;
    max-width: 10rem;
    height: auto;
    padding: 1rem 0;
}

.slogan {
    position: absolute;
    bottom: 12px;
    right: 0;
    text-align: right;
    text-transform: uppercase;
    font-size: 18px;
}



/* ------------------------------------
 *  LANGUAGE SWITCHER
 * ------------------------------------
 */
.lang_switcher {
    position: absolute;
    right: 0;
    top: 16px;
    width: 56px;
    height: 22px;

    border-radius: 3px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
    background-clip: padding-box;
    behavior: url(custom/js/PIE.htc);
}

.lang_switcher .lang_ident {
    display: block;
    width: 28px;
    line-height: 24px;
    font-size: 11px;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.8);
}

/*.lang_switcher a {
    text-decoration:none;
    display:block;
    position:absolute;
    }*/



.lang_switcher .cb-slider {
    position: absolute;
    z-index: 10;
    width: 28px;
    height: 22px;
    cursor: pointer;
    line-height: 24px;
    font-size: 11px;
    text-transform: uppercase;
    color: #927d11;
    background-color: #fad200;
    border-radius: 2px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.24);
    /*        -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.4);
        -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.4);
        box-shadow: inset 0px 0px 5px rgba(0,0,0,0.4);*/
    background-image: linear-gradient(to bottom, #fee250, #d8b601);
    background-image: -moz-linear-gradient(top, #fad200, #d8b601);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fee250), to(#d8b601));
    -pie-background: linear-gradient(top, #fee250, #d8b601);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--white)ee250, endColorstr=#ffd8b601);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--white)ee250, endColorstr=#ffd8b601)";
    zoom: 1;
    background-clip: padding-box;

    behavior: url(custom/js/PIE.htc);
}



/* ------------------------------------
 *  SPECIAL CONTAINER
 * ------------------------------------
 */
.special_block {
    /*padding-top:164px;
    width:980px;
    height:422px;
    margin:0 auto;*/
    position: initial;
    text-align: left;
}

.special_block.banner {
    margin-bottom: 20px;
    position: relative;
}

.himage_modul {
    position: relative;
    z-index: 10;
    height: auto;
    /*top:164px;
    width:980px;
	width:100%;
    background: #323232;
    height:370px;*/
    overflow: hidden;
}

.himage_modul img {
    width: 100%;
    display: block;
}

.himage_titlebg {
    position: absolute;
    top: 42px;
    left: 0px;
    z-index: 8;

    display: block;
    background-color: var(--black);
    opacity: 0.32;
    width: 100%;
    height: 58px;
    -moz-box-shadow: 0px 0px 7px rgba(255, 255, 255, 0.42);
    -webkit-box-shadow: 0px 0px 7px rgba(255, 255, 255, 0.42);
    box-shadow: 0px 0px 7px rgba(255, 255, 255, 0.42);
    background-clip: padding-box;
    behavior: url(custom/js/PIE.htc);
}

.himage_title {
    position: absolute;
    top: 42px;
    left: 0px;
    z-index: 9;

    background: url(../images/slidertitle_item.gif) no-repeat 15px center;
    color: var(--white);
    display: block;

    height: 58px;
    line-height: 60px;
    font-size: 36px;
    padding: 0 30px 0 50px;
    width: auto;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.24);
    background-clip: padding-box;
    behavior: url(custom/js/PIE.htc);
}


.nav_shadow {
    position: absolute;
    z-index: 60;
    left: 0;
    bottom: 0;
    height: 11px;
    font: 1px/0px serif;
    content: ".";
    width: 100%;
    background: transparent url(../images/nav_shadow.png) 0 0 repeat-x;
}



/* ------------------------------------
 *  HELP CONTAINER (breadcrumb, search)
 * ------------------------------------
 */

.nav_main+.help_block {
    margin-top: 20px;
}

.help_block {
    width: 980px;
    position: relative;
    text-align: left;
    margin: 0 auto 44px auto;

    min-height: 30px;
    height: auto !important;
    height: 30px;
}

#searchresult_block p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
}



/* ------------------------------------
 *  BREADCRUMB
 * ------------------------------------
 */
.breadcrumb {
    width: 630px;
    line-height: normal;
    font-size: 12px;
    padding-top: 8px;
}

.breadcrumb a {
    font-size: 12px;
    text-decoration: none;
}

.breadcrumb ul.inline-list {
    display: flex;
}


.breadcrumb ul.inline-list li:not(.lpage)::after {
    content: "\00BB";
    margin: 0 5px;
}


.breadcrumb ul.inline-list li:last-child::after {
    content: none;
    margin: unset;
}



/* ------------------------------------
 *  CONTENT CONTAINER
 * ------------------------------------
 */
.content_wrapper {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

.content_body {
    width: 610px;
    text-align: left;
}



.content_body p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
}

.content_body ul,
.content_block ul {
    margin: 10px 0px 0px 20px;
}

.content_body ul li,
.content_block ul li {
    padding: 0 0 5px 0;
    list-style-type: square;
}

.content_block.block_block p+p {
    margin-top: 1em;
}

/*.content_body ul.ppy-imglist {
    margin:0;
}

.contentimages-news ul.ppy-imglist {
    position: static;
}

.content_body ul.ppy-imglist li {padding:0;list-style:none;}

.content_body ul.ppy-imglist li {
    background: none;
    height: auto;
    margin: 0 20px 20px 0;
}

.content_body ul.ppy-imglist li img {
    height: 120px;
    width: auto;
}

.ppy-extcaption {
    margin-top: 10px;
}*/

.ppy-expanded {
    /* left: 0 !important; */
}

.ppy-outer:hover, .ppy-expanded .ppy-outer {
    width: 126%;
}

.ppy-stage {
    box-shadow: 0px 0px 3px rgb(51, 51, 51);
    background-clip: padding-box;
    behavior: url("custom/js/PIE.htc");
}

.ppy-outer:hover, .ppy-expanded .ppy-outer {
    box-shadow: none !important;
    behavior: none !important;
    border: none !important;
}

.ppy-stagewrap {
    background: none !important;
    border-radius: 3px;
    background-clip: padding-box;
    /* pointer-events: none; */
    behavior: url("custom/js/PIE.htc");
}

.content_block {
    width: 100%;
    padding-bottom: 40px;
}

/* content images */
.contentimages.rightfloat {
    margin: 0px 0px 20px 20px;
}

.contentimages.contentimages-news.rightfloat {
    margin: 10px 0px 0px 0px;
    float: none;
}

.contentimages.leftfloat {
    margin: 0px 20px 10px 0px;
}

.contentimages .image_title {
    font-size: 14px;
    line-height: normal;
}

.contentimages .image_title.wd {
    padding-bottom: 8px;
}

.contentimages p {
    padding-bottom: 5px;
}

/* static images */
.contentimages.static {
    width: 244px;
}

.contentimages.static img {
    background-clip: padding-box;
    border: 2px solid var(--white);
    box-shadow: 0 0 3px #C2C2C2;
}

.printimage {
    display: none;
}

/* content pdfs */
.content_block_pdf {
    margin: 10px 0px 15px 0px;
}

.pdf_p {
    margin: 0px 0px 2px 0px;
    background: url("../images/icon_pdf.gif") no-repeat left 4px;
    padding-left: 24px;
}

.pdfdesc {
    font-size: 11px;
    padding-bottom: 1em;
    line-height: normal;
}

a.app_pdf {
    line-height: 24px;
}



/* ------------------------------------
 *  REFERENCES
 * ------------------------------------
 */
.reference_wrapper {
    margin-top: 10px;
}

.reference {
    margin-bottom: 10px;
}

.reference_title {
    height: 32px;
    line-height: 34px;
    font-size: 16px;
    color: #212121;
    background: #fafafa;
    cursor: pointer;
    position: relative;
    border-radius: 3px;

    box-shadow: 0px 0px 5px rgb(224, 224, 224);
    /*        -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.12);
        -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.12);
        box-shadow: 0px 0px 5px rgba(0,0,0,0.12);*/
    background-clip: padding-box;
    behavior: url(custom/js/PIE.htc);
}

.reference_title a {
    display: block;
    text-decoration: none;
    padding: 0px 0px 0px 15px;
}

.reference_title a:hover {
    text-shadow: none;
}

.reference_title.selected a,
.reference_title.selected a:hover {
    color: var(--black)
}

.reference_title .detail-bttn {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    width: auto;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 10px;
    color: #454545;
    background-color: #efefef;
    border: 1px solid var(--white);
    border-radius: 3px;

    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.24);

    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.12);

    background-clip: padding-box;

    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.2s linear 0s;
    /* Safari and Chrome */
    -o-transition: all 0.2s linear 0s;
    /* Opera */

    /*        behavior: url(custom/js/PIE.htc);*/
}

.reference_title:hover .detail-bttn,
.reference_title.selected .detail-bttn,
.reference_title.selected:hover .detail-bttn {
    color: var(--white);
    background-color: #646464;
    border: 1px solid var(--white);
    border-radius: 3px;
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.54);
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.54);

    /*        background-clip: padding-box;*/
}

.reference_content {
    padding: 15px;
}

.reference_content .refcontent_text {
    width: 300px;
    padding-top: 5px;
    padding-right: 10px;
}

.reference_content .refcontent_text.refcontent_border {
    border-right: 1px solid #d4d4d4;
}



/* ------------------------------------
 *  SITEMAP
 * ------------------------------------
 */
.sitemap_container ul {
    margin-bottom: 40px;
}

.sitemap_container ul li a {
    text-transform: uppercase;
    text-decoration: none;
}

.sitemap_container ul ul,
.sitemap_container ul ul ul,
.sitemap_container ul ul ul ul {
    margin-bottom: 0px;
    margin-top: 4px;
    width: auto;
    float: none;
}

.sitemap_container ul ul li a,
.sitemap_container ul ul ul li a,
.sitemap_container ul ul ul ul li a {
    text-transform: none;
}




/* ------------------------------------
 *  SIDEPANEL
 * ------------------------------------
 */
.sidebar_wrapper {
    width: 300px;
}

.sidebar_box {
    min-width: 300px;
    width: 100%;
    background-color: var(--white);
    margin-bottom: 34px;
    position: relative;

    border-radius: 3px;

    box-shadow: 0px 0px 5px rgb(153, 153, 153);
    /*        -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
        -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 5px rgba(0,0,0,0.4);*/
    background-clip: padding-box;
    behavior: url(custom/js/PIE.htc);
}

.sidebar_box .sidebar_title {
    position: absolute;
    z-index: 10;
    top: -12px;
    left: -10px;
    background-color: var(--secondary);

    border: 2px solid var(--white);
    border-radius: 3px;
    box-shadow: 0px 0px 7px rgb(194, 194, 194);
    /*        -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.18);
        -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.18);
        box-shadow: 0px 0px 7px rgba(0,0,0,0.18);*/
    background-clip: padding-box;
    behavior: url(custom/js/PIE.htc);
}

.sidebar_box .sidebar_title span {
    display: block;
    /* height: 24px; */
    line-height: 1.85;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--white);
    padding: 0 10px;
    padding: 2px 10px 0 10px;

    background: linear-gradient(top, var(--secondary), #f1b700);
    -pie-background: linear-gradient(top, var(--secondary), #f1b700);
    behavior: url(custom/js/PIE.htc);

    /*      background: -moz-linear-gradient( top, var(--secondary), #ecc602);
      background: -webkit-gradient(linear, left top, left bottom, from(var(--secondary)), to(#ecc602));
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--secondary), endColorstr=#ecc602);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--secondary), endColorstr=#ecc602)";*/
}

.sidebar_box .sidebar_content {
    padding: 34px 20px 20px 20px;
    color: #545454;
    font-size: 13px;
    line-height: 18px;
}

.sidebar_box .sidebar_content * {
    font-size: inherit;
}

.sidebar_content img {
    max-width: 100%;
}

.sidebar_box .sidebar_content img {
    margin-bottom: 10px;
}

.sidebar_box .sidebar_content img.sbcnt_img {
    margin-left: 10px;
}

.sidebar_box .sidebar_content ul {
    margin: 10px 0px 0px 14px;
}

.sidebar_box .sidebar_content ul li {
    padding: 0 0 4px 0;
    list-style-type: square;
}

.sidebar_box a.button,
.lastpage a.button {
    margin-top: 30px;
    padding: 0px 12px;
    font-size: 13px;
    line-height: 30px;
    height: 28px;
    color: var(--grey_2);
    /*        -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.24);
        -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.24);
        box-shadow: 0px 0px 2px rgba(0,0,0,0.24);*/
    box-shadow: 0px 0px 2px rgb(194, 194, 194);
    background-clip: padding-box;
    behavior: url(custom/js/PIE.htc);
}

.sidebar_box a.button:hover .lastpage a.button:hover {
    /*        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.42);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.42);
        box-shadow: 0px 0px 4px rgba(0,0,0,0.42);*/
    box-shadow: 0px 0px 4px rgb(153, 153, 153);
    color: #121212;
    background-clip: padding-box;
    behavior: url(custom/js/PIE.htc);
}





/* ------------------------------------
 *  FOOTER
 * ------------------------------------
 */
.footer_wrapper {
    width: 100%;
    margin-top: 70px;
    -moz-box-shadow: 0px 0px 5px #555;
    -webkit-box-shadow: 0px 0px 5px #555;
    box-shadow: 0px 0px 5px #555;
    padding-bottom: 1rem;
}

.footer_content {
    width: 980px;
    padding: 10px 0;
    margin: 0 auto;
    position: relative;
    /* background: url(../images/boulder_s.gif) right center no-repeat; */
}

.footer_content .logo {
    display: none;
    position: absolute;
    left: 0;
    top: 43px;
    bottom: 14px;
}


.footer_content ul {
    margin: 0 auto;
    width: 65%;
}

.footer_content ul li {
    display: inline-block;
    *display: inline;
    height: 16px;
    border-left: 1px solid var(--white);
}

.footer_content ul li:first-child {
    border-left: 0 none;
}

.footer_content ul li a {
    font-size: 13px;
    text-transform: uppercase;
    line-height: normal;
    text-decoration: none;
    padding: 0 7px;
}

.footer_content ul li a:hover {
    text-shadow: 0px 0px 1px #555;
    behavior: url(custom/js/PIE.htc);
}

.footer_content ul li a.activeNode {
    font-size: 13px;
    text-transform: uppercase;
    line-height: normal;
    text-decoration: none;
    padding: 0 7px;
    color: var(--black);
    text-shadow: 0px 0px 1px #555;
    behavior: url(custom/js/PIE.htc);
}


.footer_content ul ul,
.footer_content ul ul ul,
.footer_content ul ul ul ul {
    display: none;
}


#nivoSlider, #nivoSlider img {
    width: 100%;
    height: auto !important
}

.nivoSlider {
    height: 90% !important;
}

.block_referees .referee {
    display: flex;
    flex-direction: row;
}

.block_referees .referee:not(:first-child) {
    margin: 4rem 0;
}

.block_referees .referee .contentimage {
    /* min-width: 30%; */
    width: 50%;
    max-width: 250px;
    flex-shrink: 0;
}

.block_referees .referee .contentimage img {
    max-width: 100%;
    /* width: 300px; */
}

.block_referees .referee .text {
    margin: 0 1rem;
}

.form-row-textarea textarea {
    font-family: sans-serif;
}

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

    .header_content,
    .footer_content,
    .content_wrapper,
    .help_block {
        width: 100%;
    }

    .help_block .searchform {
        right: 3px;
    }

    .block_referees .referee .contentimage {
        /* min-width: 30%; */
    }

    .block_referees .referee {
        margin: 0;
    }
}

@media screen and (max-width: 620px) {
    .specialbox_content .specialbox {
        width: 80% !important;
    }
    .block_referees .referee .contentimage {
        max-width: unset;
    }

    .specialbox_content {
        display: flex;
        flex-direction: column;
    }

    .block_referees .referee {
        flex-direction: column;
    }

    .block_referees .referee .contentimage {
        /* max-width: 80%; */
    }

    .block_referees .referee {
        margin: 0;
    }

    .block_referees .referee .text {
        margin: 1rem 0 0rem 0;
    }
}

.teaser {
    width: 100%;
    font-weight: bold;
}

.teaser_item_0 {
    width: 100% display:block;
    padding-bottom: 0 !important;
}


.teaser_item_1 {
    width: 43.333333%;
    display: block;
    float: left;
    text-align: left;
    font-weight: bold;
}

.teaser_item_2 {
    width: 23.333333%;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
}

.teaser_item_3 {
    width: 33.333333%;
    display: block;
    float: right;
    text-align: right;
    font-weight: bold;
}



#sort_jobs {
    background: var(--secondary) url(../images/arrow.png) no-repeat 95% center;
    background-size: 26px 26px;
    text-transform: uppercase;
    width: 230px;
    font-size: 1rem;
    cursor: pointer;
    display: block;
    font-size: 0.8rem;
    margin-bottom: 3rem;
    padding: 0.8rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.filter_text {
    font-weight: bold;
    padding-bottom: 0 !important;
}

#job_items {
    margin-bottom: 20px;
    padding-bottom: 0px;
}

#login_form .submit {
    margin-top: 40px;
    padding: 0px 23px;
    font-size: 16px;
    line-height: 44px;
    height: 42px;
    color: var(--primary);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    width: auto !important;
    display: inline-block;
    *display: inline;
    background-color: var(--secondary);
    border: 1px solid var(--white);
    border-radius: 3px;
    box-shadow: 0px 0px 3px rgb(153, 153, 153);
    background-image: linear-gradient(to bottom, var(--secondary), #f1b700);
    background-image: -moz-linear-gradient(top, var(--secondary), #f1b700);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--secondary)), to(1.00, #f1b700));
    -pie-background: linear-gradient(top, var(--secondary), #f1b700);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--white)fd600, endColorstr=var(--white)1b700);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--white)fd600, endColorstr=var(--white)1b700)";
    zoom: 1;
    background-clip: padding-box;
    behavior: url("custom/js/PIE.htc");
    margin: 5px 0 10px 0;
    padding: 0px 12px;
    font-size: 13px;
    line-height: 30px;
    height: 28px;
    color: var(--grey_2);
    box-shadow: 0px 0px 2px rgb(194, 194, 194);
    background-clip: padding-box;
    behavior: url("custom/js/PIE.htc");
}

#login_form input {
    background: transparent;
    font-size: 14px;
    width: 250px;
    max-width: 76%;
    ;
    height: 28px;
    line-height: 28px;
    padding: 0px 40px 0px 10px;
    overflow: visible;
    color: var(--primary);
    border: 1px solid #f7f7f7;
    position: relative;
    border-radius: 3px;
    box-shadow: inset 0px 2px 5px rgb(194, 194, 194);
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    background-clip: padding-box;
    behavior: url("custom/js/PIE.htc");
}


.social-icon-wrapper {
    position: absolute;
    right: 0;
    top: 42px;
    display: flex;
}

.social-icon-wrapper .social-icon {
    height: 22px;
    width: 22px;
    margin: 3px;
    background-position: center;
    background-size: cover;
    opacity: .8;
    transition: .2s ease all;
}

.social-icon-wrapper .social-icon:hover {
    opacity: 1;
}

.social-icon-wrapper .social-icon.insta {
    background-image: url('../images/insta-icon-black.png');
}

.social-icon-wrapper .social-icon.facebook {
    background-image: url('../images/facebook-icon-black.png');
}

/* LH (14.12.2021) Removed items from special menu */
.header-special-menu .obj_5930,
.header-special-menu .obj_4226,
.header-special-menu .obj_5766,
.header-special-menu .obj_6462 {
    display: none;
}

/* 404 */

.errorpage {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.errorpage h1 strong {
    font-size: 5em;
}

.errorpage img {
    width: 100%;
    max-width: 20rem;
    height: auto
}

.errorpage .lg_6 {
    width: calc(100% / 12 * 6);
}

.errorpage_img {
    position: relative;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 60%);
    min-height: 20rem;
    max-width: 35rem;
}

.errorpage_img .mond {
    position: absolute;
    left: 12.5%;
    top: 0%;
    z-index: 1;
    width: 40%;
    height: auto;
}

.errorpage_img .astronaut {
    position: absolute;
    right: 12.5%;
    bottom: 0%;
    z-index: 2;
    width: 40%;
    height: auto;
    transform: rotate(0deg);
    animation-duration: 10s;
    animation-name: rotate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@media only screen and (max-width: 768px) {
    .errorpage .md_12 {
        width: 100%;
    }

    .errorpage {
        flex-direction: column-reverse;
        align-items: center;
    }

    .block_referees .referee {
        margin: 0;
    }

}

/* ENDE 404 */
p,
li:last-child() {
    margin: 0px;
    padding: 0px 0px 15px 0px;
}

.block_meetings ul {
    margin: 1rem 0 1rem 0;
    padding: 0;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.block_meetings ul li {
    background-color: var(--white);
    margin: 0;
    position: relative;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgb(153 153 153);
    padding: 1rem;
    min-width: 12.5rem;
    min-height: 5rem;
    box-sizing: border-box;
    display: block;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: calc(33% - 2rem / 3);
}

.block_meetings li .start_date,
.block_meetings li .end_date {
    font-size: 1rem;
}

.block_meetings li .start_date+.end_date:before {
    content: '–';
    margin-right: 5px;
}

.block_meetings .description {
    display: block;
    width: 100%;
}


.content_body .block_block > * {
	margin-top: 1em;
	padding: 0;
}

.content_body .block_block > h2,
.content_body .block_block > h3 {
  margin-top: 2em;
}