/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700');

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

 ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

 audio,
 canvas,
 iframe,
 img,
 svg,
 video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

 textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

   .browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   body {
    font-family: 'Titillium Web', sans-serif;
    font-size: 100%;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    line-height: 1.4em;
    letter-spacing: 0.5px;
}

a{
    color: #414b55;
    font-weight: 700;
}

a:hover{
    color: #ff7700;
    text-decoration: none;
}

hr{
    border-top: 1px solid #0092a7
}

#captureclick{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 990;
}

/*========================coockiebanner==============================*/

.cc-btn {
    font-size: 1em;
    width: 120px;
    color: #414b55 !important;
    border: 3px solid #414b55 !important;
    background-color: rgb(218, 215, 203) !important;
    font-family: 'Titillium Web', sans-serif;
}

.cc-btn:hover{
    color: #fff !important;
    border-color: #fff !important;
}

.cc-banner .cc-message {
    max-width: 960px;
    min-height: 4.25em;
    margin-right: 80px;
    margin-left: auto;
    font-family: 'Titillium Web', sans-serif;
}

.cc-compliance {
    margin-right: auto;
}

.cc-window.cc-banner {
    padding: 1em 20px;
}

#tx_cookies_showPermanent{ bottom:1rem; top:auto; right:1rem; left:auto; }

/*========================coockiebanner end==============================*/
.container{
    padding: 0px;
    max-width: 1240px;
    width: 100%;
}

.container.top{
    max-width: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left:0px;
    right: 0px;
    background-color: #fff;
    z-index: 999;
}
#top_container{
    -webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.24);
    -moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.24);
    box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.24);
}

.main_content{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.main_content > .button.side{
    display: none;
}

#content_area{
    max-width: 760px;
    width: auto;
    padding-left: 40px;
    margin-bottom: 1.250em;
}

.startpage #content_area,
.plusnews #content_area{
    max-width: 940px;
}

.plusnews #news_archiv_container{
    display: none;
}

.download,
.external-link{
    color: #414b55;
    font-weight: 700;
    display: inline-block;
    margin-left: 1.531em;
}

.download:hover,
.external-link:hover{
    color: #ff7700;
    text-decoration: none;
}

#content_area .infosysteme ul {
    margin-left: 0em;
    width: auto;
    word-break: break-all;
}

#content_area .infosysteme ul li:before {
    display: none;
    color: #ff7700;
    margin: 0 0.75em 0 -1.813em;
}

#content_area .download:before,
#content_area .external-link:before {
    margin: 0 0.75em 0 0;
    color: #ff7700;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
    margin-left: -1.531em;
}


#content_area ul li .external-link:before {
    margin: 0 0.75em 0 -1.813em;
}

#content_area ul li .download:before{
    margin: 0 0.923em 0 -1.704em;
}


.external-link:before {
    content: "\f0ac";
}

.download:before {
    content: "\f1c1";
}


.infosysteme h2, .frame-layout-1 h2{
    border-bottom: 1px solid #0092a7;
    padding-bottom: 0.500em;
    margin-bottom: 1.375em;
    font-size: 1.250em;
    color: #0092a7;
}

.kongress #content_area{
    max-width: 760px;
}

.endline{
    padding-top: 30px;
    border-bottom: 1px solid #0092a7;
}

#content_area ul{
    padding-left: 1.875em;
    list-style-type: none;
    /*max-width: 36.000em;*/
    width: auto;
}

#content_area ul li{
    margin-bottom: 1.563em;
}

#content_area ul li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: "";
    color: #0092a7;
    margin:0 1.4em 0 -1.813em;
    font-weight: 700;
    float: left;
}

#left_container{
    float:left;
    max-width: 940px;
    width: 100%;
    flex-shrink:1;
    flex-basis: auto;
}

#side_bar{
    float: right;
    flex: 0 0 15.000em;
    width: 15.000em;
    margin-top: -3.688em;
    margin-right: 2.500em;
    margin-bottom: 1.250em !important;
    margin-left: 1.250em;
    z-index: 990;
}

.kongress #side_bar{
    margin-top: -16.3em;
}

.container.ge{
    padding: 0px 127px;
    max-width: 1415px;
}

#header{
    width: auto;
    height: 0;
    max-width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 19px;
    margin-top: 110px;
    padding-bottom: 25%;
}

.kongress #header{
    margin-top: 155px;
}

#logo{
    height: 85px;
    width: 100%;
    max-width: 256px;
    margin-left: 39px;
}

.kongress #logo{
    height: auto;
    max-width: 223px;
    margin-left: 29px;
}

#logo img{
    width: 100%;
    height: auto;
}

#logo a{
    border: none;
    text-decoration: none;
}

.inform_icon{
    font-size: 1em;
    font-family: 'Font Awesome\ 5 Free';
    color: #ff7700;
    font-weight: 700;
    left: 0px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    padding-right: 10px;
    display: inline-block;
}

.ansprechpartner a:hover .inform_icon{
    text-decoration: none;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}


#main_menu a{
    text-decoration:none;
}

#main_menu {
    margin-right: 7.500em;
    line-height: 1.45em;
    margin-top: auto;
    width: 100%;
    max-width: 50.000em;
    margin-left: 20px;
}

#main_menu #mobil_container > ul>li.menuOpen.special_menu>a,
#main_menu #mobil_container > ul>li.menuOpen.active>a,
#main_menu #mobil_container > ul>li.menuOpen>a{
    color: #fff !important;
    background-color: rgba(255, 119, 0, 0.8);
}

#main_menu #mobil_container > ul>li>a{
    display: inline-block;
    padding: 15px 20px;
}

#main_menu #mobil_container > ul>li.special_menu>a::before{
    content: "\f04b ";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #ff0000;
    margin-right: 3px;
    font-size: 10px;
    vertical-align: bottom;
}

#service_menu a.active,
#main_menu #mobil_container > ul>li.active>a{
    display: inline-block;
    color: #ff7700 !important;
}

#main_menu #mobil_container .submenu li.active a{
    color: #fff;
}

#main_menu #mobil_container > ul>li.menuOpen .submenu{
    visibility: visible;
    opacity: 1;
}

.submenu{
    display: block;
    position: absolute;
    z-index: 900;
    padding: 20px 20px 30px 20px;
    background-color: rgba(255, 119, 0, 0.8);
    top: 53px;
    left: 0px;
    width: auto;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 300ms ease-in;
    -o-transition: 300ms ease-in;
    -ms-transition: 300ms ease-in;
    transition: 300ms ease-in;
}

#main_menu #mobil_container > ul>li:nth-last-child(2) .submenu{
    right: 0px;
    left: auto;
}

#main_menu .submenu:before{
    content: "";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
    color: #fff;
    top: -9px;
    position: absolute;
}

#main_menu #mobil_container > ul>li:nth-last-child(2) .submenu:before{
    right: 20px;
}


.submenu_heading a{
    color: #fff !important;
}

.submenu_heading a:hover{
    text-decoration: none;
    color: #fff;
}

.submenu li{
    list-style-type: none;
    border-bottom: 1px solid #414b55;
    padding: 15px 0px 5px 0px;
    white-space: nowrap;
}

.submenu li:hover{
    border-color: #fff;
}

.submenu li a{
    display: block;
    color: #414b55;
}

.submenu li:hover a{
    text-decoration: none;
    color: #fff;
}

#lang_menu{
    display: none;
}

#mobil_container{
    right: 0px;
}

#main_menu #mobil_container > ul{
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    padding-left: 0px;
}

#main_menu #mobil_container > ul > li{
    list-style-type: none;
    position: relative;
}

#main_menu #mobil_container > ul > li > a,
.submenu_heading a,
.submenu li a{
    text-transform: uppercase;
    font-size: 1.125em;
    color: #414b55;
    font-weight: 700;
    letter-spacing: 0.065em;
}


 #main_menu #mobil_container > ul > li.special_menu > a{
   color: #0093b2;
 }

#main_menu #mobil_container > ul> li.search_icon{
    padding-right: 0px;
    font-family: 'Font Awesome\ 5 Free';
}
.search_icon_mobil span,
.search_icon span {
    overflow: hidden;

}

.search_icon_mobil span input,
.search_icon span input{
    width: 0px;
    border: none;
    -webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
    font-family: 'Titillium Web', sans-serif;
    border-radius: 0;
}

.search_icon_mobil span input.show,
.search_icon span input.show{
    width: 170px;
    border-bottom: 1px solid;
}

.search_icon_mobil{
    display: none;
}

#main_menu #mobil_container > ul> li.search_icon a{
    padding-right: 0px;
    background: none;
}

#main_menu #mobil_container > ul> li.search_icon.menuOpen a,
#main_menu #mobil_container > ul> li.search_icon a:hover{
    color: #ff7700 !important;
}

#mobile_menu{
    display: none;
}

#menu_area{
    position: relative;
    margin-top: 10px;
    margin-bottom: 14px;
    padding-top: 1px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

#menu_area.shrink{
    margin-top: 0px;
}

#menu_area.shrink #service_menu,
#menu_area.shrink #logo{
    display: none;
}

#menu_area.shrink #main_menu{
    margin-top: 0px;
}

#service_menu{
    position: absolute;
    right: 120px;
    top: 0px;
    line-height: 14px;
    color: #616365;
}

#service_menu a{
    text-transform: uppercase;
    color: #616365;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 0.065em
}


#service_menu a:hover,
#main_menu > ul >li >a:hover{
    color: #ff7700;
    text-decoration: none;
}

#main_menu > ul >li.special_menu >a:hover{
  color: #fff;
}


#slogan{
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.065em;
    border: none;
    text-align: left;
    width: 100%;
    padding-top: 9.5em;
    display: none;
}

.startpage #slogan{
    display: block;
}

.kongress #slogan{
    display: none;
}

#slogan_main{
    font-size: 3.313em;
    line-height: 1em;
}

#slogan_sub{
    font-size: 2.375em;
    line-height: 1em;
}

.csc-header h1,
header h1{
    margin-top: 40px;
}


/* ----------------------*/

.accordion-toggle:before{
  content: "	";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 700;
  color: #0093b2;
}

.accordion-toggle[aria-expanded="false"]:before{
  content: "	";

}

.button{
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
    height: 2.500em;
    line-height: 2.500em;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0px 15px;
    -webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.24);
    -moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.24);
    box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.24);
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
    border-radius: 0;
}

.button.side{
    width: 100%;
    margin-bottom: 5px;
}

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

.button.orange{
    background-color: #ff7700;
}

.button.grey{
    background-color: #414b55;
}

.button.outline{
    border: 4px solid #ffffff;
    height: 2.500em;
    line-height: 2em;
}

.button.grey.outline:hover{
    border-color: #ff7700;
}

.button.orange:hover{
    color: #414b55;
}

.button.grey:hover{
    color: #ff7700;
}

.kongress .button.side{
    margin-top: 50px;
}

#breadcrumbs{
    max-width: 920px;
    width: auto;
    height: 27px;
    color: #616365;
    font-size: 0.750em;
    line-height: 0.750em;
    text-transform: uppercase;
}

#breadcrumbs a{
    color: #616365;
    }

h1{
    font-size: 2.188em;
    line-height:1em;
    color: #414b55;
    margin-bottom: 40px;
    margin-top: 0px;
    text-transform: uppercase;
}


h2{
    font-size: 1.250em;
    font-weight: 600;
    line-height:1em;
    color: #414b55;
    margin-bottom: 1px;
    margin-top: 0px;
}

h2 a{
    color: #414b55;
    text-decoration: none;
}

h2 a:hover{
    color: #ff7700;
    text-decoration: none;
}

#content_area h4,
h3{
    font-size: 1.250em;
    font-weight: 600;
    line-height:1em;
    color: #0092a7;
    margin-top: 2em;
    margin-bottom: 1.500em;
}

#content_area .news_detail  h3,
.news-item h3,
#content_area h4{
    font-size: 1.063em;
    margin-bottom: 0.625em;
    margin-top: 0.500em;
}

#content_area p {
    margin-bottom: 1.5em;
}

#side_bar h1,
#side_bar h2,
#side_bar h3,
#side_bar h4,
#logo_area h4{
    font-size: 0.875em;
    font-weight: 600;
    line-height:2em;
    color: #ff7700;
    margin-bottom: 20px;
    margin-top: 17px;
    text-transform: uppercase;
    border-top: 1px solid #000;
}

#side_bar .schirmherr h1{
    padding-left:10px
}

.news .page-navigation{
    max-width: 560px;
    width: 100%;
}
.tx-indexedsearch-browsebox.page-navigation{
	width:100%;
}

.tx-indexedsearch-browsebox.page-navigation ul.tx-indexedsearch-browsebox{
	float:right;
	width:auto !important;
	padding-left:0 !important;
}

.news .page-navigation ul li a, .tx-indexedsearch-browsebox.page-navigation ul li a{
    display: inline-block!important;
    text-transform: uppercase;
}

.news .page-navigation ul li .page-divider, .tx-indexedsearch-browsebox.page-navigation ul li .page-divider {
    font-weight: 600;
    margin: 0px 5px;
    color: #414b55;
}

.news .page-navigation .previous, .tx-indexedsearch-browsebox.page-navigation .previous{
    margin-right: 20px;
}

.news .page-navigation .next, .tx-indexedsearch-browsebox.page-navigation .next{
    margin-left: 20px;
}

.news .page-navigation .current, .tx-indexedsearch-browsebox.page-navigation .tx-indexedsearch-browselist-currentPage a{
    font-weight: 700;
    color: #ff7700;
}

.news .page-navigation>p, .tx-indexedsearch-browsebox.page-navigation>p{
    font-weight: 700;
	float:left;
}

.f3-widget-paginator li:before{
    display: none;
}
#content_area ul.tx-indexedsearch-browsebox li:before{
	content: ' | ';
    font-weight: 600;
    margin: 0px 5px;
    color: #414b55;
}

.f3-widget-paginator, .tx-indexedsearch-browsebox{
    width: auto !important;
    padding-left: 0 !important;
}

.news-item{
    max-width: 820px;
    width: auto;
    margin-bottom: 22px;
    display: flex;
    align-items: stretch;
}

.news-item .text-body{
    position: relative;
    display: inline-block;
    max-width: 560px;
    width: auto;
    height: auto;
    float: left;
    border-bottom: 1px solid #0092a7;
    margin-right: 20px;
}

.news-item .text-body p{
    margin: none;
    padding: 0;
}


.nav-area .news-item{
    max-width: 820px;
    width: auto;
    margin-right: 0px;
}

.nav-area .news-item .text-body{
    min-height: 150px;
}

.nav-area .news-item .text-body h2{
    margin-bottom: 0.625em;
}

.nav-area .news-item .text-body h2 a{
    color: #0092a7;
}

.nav-area .news-item .text-body h2 a:hover{
    color: #ff7700;
}

.nav-area .news-item .text-body p{
    margin: none;
    padding: 0 20px 0 0;
}

.nav-area .news-item .article-img{
  margin-left: 20px;
}

.news_links{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    font-size: 0.875em;
    font-weight: 700;
    flex-wrap: wrap;
}

.news_links a{
    color: #414b55;
    text-decoration: none;
}

.news_links a:hover{
    color: #ff7700;

}

.news_links a:before{
    content: " ";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
}

.article-img{
    min-width: 15.000em;
    float:right;
    flex-basis: auto;
}

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

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

.news_detail{
    max-width: 45.000em;
    width: auto;
    margin-right: 20px;
}

.news_detail img{
    width: 100%;
    height: auto;
}

.news_detail h1{
    line-height: 1.250em;
    margin-bottom: 0px;
}


.news_detail .teaser{
    margin: 1.563em 0px;
    font-weight: 600;
}

.news_footer{
    width: 100%;
    position: relative;
    padding-left: 2.375em;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 3.750em;
    margin-bottom: 1.563em;
    padding-bottom: 1.875em;
    border-bottom: 1px solid #0092a7;
    max-width: 820px;
    min-height: 50px;

}

.news_footer a{
    color: #414b55;
    text-decoration:none;
}

.news_footer .share-container{
    color: #414b55;
    float: right;
    text-transform: lowercase;
}

.news_footer .share-button:before{
    font-family: 'Font Awesome 5 Brands';
    font-weight: 700;
    font-size: 1em;
    margin-right: 5px;
}

.news_footer .share-button{
    border-bottom: 2px solid #414b55;
    padding: 0px 6px 0px 8px;
    margin-left: 10px;
    font-weight: 500;
    font-size: 0.875em;
}

.news_footer .share-button a{
    font-weight: 500;
    font-size: 0.875em;
}

.news_footer .share-button.fb:before{
    content: "";
}

.news_footer .share-button.twitter:before{
    content: "";
}

.news_footer .share-button.linkedin:before{
    content: "";
}

.news_footer .share-button.bymail{
    padding-right: 0px;
}

.news_footer .share-button.bymail a{
    margin-right: 8px;
}

.news_footer .share-button.bymail:before{
    font-family: 'Font Awesome\ 5 Free';
    content: "";
    font-weight: 900;
}

.news_footer .share-button:hover{
    color: #ff7700;
}

.news_footer_back_icon{
    font-size: 1.563em;
    font-family: 'Font Awesome\ 5 Free';
    color: #ff7700;
    display: block;
    position: absolute;
    left: 0px;
    /*-webkit-transform: perspective(1px) translateZ(0) rotate(180deg);
    transform: perspective(1px) translateZ(0) rotate(180deg);*/

    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-transition-property: transform;
    transition-property: transform;

}

.news_footer a:hover>.news_footer_back_icon{
    color: #ff7700;
    text-decoration: none;
    -webkit-transform: scale(1.3) perspective(1px) translateZ(0) /*rotate(180deg)*/;
    transform: scale(1.3) perspective(1px) translateZ(0) /*rotate(180deg)*/;
    backface-visibility: hidden;
}

.news_footer a:hover{
    color: #ff7700;
}

.read-more-btn{
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
    color: #ff7700;
    position: absolute;
    font-size: 1.563em;
    right: 0px;
    bottom: 10px;
    display: inline-block;

    -webkit-transform: perspective(1px) translateZ(0) rotate(45deg);
    transform: perspective(1px) translateZ(0) rotate(45deg);

    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-transition-property: transform;
    transition-property: transform;
}

.read-more-btn:hover{
    color: #ff7700;
    text-decoration: none;
    -webkit-transform: scale(1.3) rotate(45deg);
    transform: scale(1.3) rotate(45deg);
}

.sponsoren img{
    display: block;
    width: 100%;
    height: auto;
}

.sponsoren .clearfix img{
   margin-bottom: 50px;
}

.kongress .sponsoren .clearfix img{
   margin-bottom: 30px;
}

.kongress .sponsoren .csc-textpic-imagerow img{
   margin-bottom: 30px;
}

.kongress .sponsoren .csc-textpic-imagerow:last-child img{
   margin-bottom: 0px;
}

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

.kongress.impressionen #content_area .csc-textpic-image {
    margin-bottom: 10px;
}

#content_area .csc-textpic-image, #content_area figure.image{
    position: relative;

}

.csc-textpic-imagewrap,
.ce-image .ce-gallery{
    margin-bottom: 30px;
}

.ce-gallery, .ce-image.ce-center{ overflow:hidden; }
.csc-textpic-image img, .image-embed-item{
    max-width: 100%;
	width:auto;
    height: auto;
}

.flexslider,
#sponsoren_slider{

}
.flexslider img,
#sponsoren_slider img{
    margin-bottom: 20px;
}

.sponsoren .schirmherr{
    background-color: rgba(255, 255, 255, 0.7);
    margin-bottom: 15px;
}

.sponsoren .schirmherr img{
    margin-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
}

.sponsoren .flexslider a:before{
    content: "";
    display: none;
}

.kongress .sponsoren a:before{
    content: "";
    display: none;
}

.flexslider {
    margin: 0 0 0px;
    background: #fff;
    border: none;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); */
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    zoom: 0;
}

#footer{
    background-color: #414b55;
    height: auto;
    color: #fff;
    padding-top: 2.500em;
    padding-bottom: 70px;
}

#footer .container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1160px;
}

#footer .footer_col a:hover{
    text-decoration: none;
    color: #ff7700;
}

#footer .footer_col a{
    color: #fff;
}

.footer_col h2{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.125em;
    color: #fff;
    letter-spacing: 0.063em;
    margin-bottom: 0.9em;
}

.footer_col span{
    line-height: 2.250em;
}

#f_quick h2{
    margin-bottom: 0.25em;
}

#f_address{
    width: 245px;

}

#f_quick{
    width: 187px;

}

#f_quick div{
    line-height: 3.125em;
    border-bottom: 1px solid #fff;
    font-size: 0.875em;
}

#f_quick a{
    color: #fff;

}

#f_quick div a:hover{
    color: #fff;
    text-decoration: none;
}


#f_quick div:after{
    content: "";
    float: right;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
}

.fa_icon{
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
    margin-right: 0.313em;
}

.fa_brands{
    font-family: 'Font Awesome 5 Brands';
    font-weight: 700;
    font-size: 1.375em;
}

.fa_brands a{
    color: #fff;
    margin-right: 1.4em;
}

.news-archiv .btn_container{
    display: none;
}

.btn_container{
    max-width: 560px;
    width: 100%;
}

.btn_container .button{
    float: right;
    min-width: 242px;
}

#f_contact{
    max-width: 580px;
    height: 317px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#f_contact input,
#f_contact textarea{
    max-width: 16.250em;
    background-color: #1f262d;
    width: 100%;
    color: #fff;
    margin-bottom: 10px;
    border: none;
    padding: 0 0 0 10px;
    border-radius: 0;
}
#f_contact input{
    height: 40px;
}

#f_contact textarea{
    max-width: 100%;
    height: 6.250em;
    line-height: 1.000em;
    padding-top: 0.625em;
}

#f_contact input::placeholder,
#f_contact textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
    text-indent: 0;
}

#f_contact input:-ms-input-placeholder,
#f_contact textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

#f_contact input::-ms-input-placeholder,
#f_contact textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

#f_contact textarea::placeholder {
    padding-left:-2px
    text-indent: 0;
}

#f_contact input.right{
}

#f_contact input.left{
    float: left;
}

#mobil_container.open{
    visibility: visible;
    opacity: 1;
}

.burgermenu {
    display: inline-block;
    cursor: pointer;
    margin-top: 7px;
}

.burger_label{
    display: inline-block;
    vertical-align: top;
}

.bar1, .bar2, .bar3 {
    width: 29px;
    height: 3px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1,
.change .bar2,
.change .bar3 {
    background-color: #ff7700;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
    transform: rotate(-45deg) translate(-5px, 5px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px);
}


/* Tooltip text */
.tooltip-inner {
    background-color: #616365;
    color: #fff;
    width: 400px;
    padding: 1.250em 0.625em;
    text-align: left;

}

.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #616365
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #616365
}

#imprint_links{
    margin-bottom: 50px;
    width: 100%
}

#imprint_links a{
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.875em;
    text-decoration: none;
}

#imprint_links a:hover{
    color: #ff7700;
}

.text_img{
    position: relative;
    margin-bottom: 15px;
}

.csc-textpic-caption,
.img_description,
figcaption.image-caption{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 0.875em;
    padding: 0.5em 1em 0.5em 1em;
}



.csc-textpic-caption,
figcaption.image-caption{
    line-height: 1.571em;
}

.caption-right .csc-textpic-image tbody{
    float: left;
    display: inline-block;
    width: 50%;
}

.caption-right .csc-textpic-caption .caption_container, .caption-right figcaption.image-caption
.frame-layout-3 .csc-textpic-caption .caption_container, .frame-layout-3 figcaption.image-caption{
    line-height: 1.375em;
    background-color: #d9dbdd;
    color: #000;
    /*top: -30px;*/
}

.caption-right .csc-textpic-caption .caption_container{
    position: relative;
    line-height: 1.571em;
}

.infobox,
.frame-layout-3 .csc-textpic-caption, .frame-layout-3 figcaption.image-caption,
.short-description .csc-textpic-caption, .short-description figcaption.image-caption{
    /*position: relative;*/
    font-size: 1em;
    padding: 2em 1.875em 2.5em 1.875em;
    background-color: #d9dbdd;
}
figcaption.image-caption{ position:relative; }

.short-description .csc-textpic-caption{
    padding: 0.5em 1.875em 0.5em 1.875em;
}

.frame-layout-3 .csc-textpic-caption, .frame-layout-3 figcaption.image-caption,
.short-description .csc-textpic-caption, .short-description figcaption.image-caption{
    color: #000;
}
.frame-layout-3 figcaption.image-caption{ background-color:rgba(0,0,0,0.5); color:#FFFFFF; }

.infobox{
    margin-bottom: 30px;
}

#content_area .infobox p{
    margin-bottom: 0;
}


.caption-right .csc-textpic-caption .caption_container{
    position: absolute;
    right: 0px;
    bottom: 0;
    top: unset;
    padding: 0.5em 1em 0.5em 1em;

}

.caption-right .csc-textpic-caption{
    top: 0;
    background-color: unset;
    bottom: 0;
    width: 50%;
    right: 0px;
}

.caption-right .caption_container{
   position: absolute;
    bottom: 0px;
}

.caption-right .csc-textpic-image img {
    margin-bottom: 0px;
}

.caption-right .csc-textpic-imagewrap{
    background-color: #d9dbdd;
}

.caption-right  div.csc-textpic-left .csc-textpic-imagewrap {
    width: 100%;
}

.caption-right  div.csc-textpic-left .csc-textpic-imagewrap table{
    width: 100%;
}

.infobox h3,
.csc-textpic-caption h3{
    margin-top: 0px;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 3px solid #d9dbdd;
}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 10px;
}

.fade-in {
  animation-name: fadeIn;
  animation-duration: 1.3s;
  animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
}

to {
    opacity: 1;
}
}


.zitat{
    color: #ff7700;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 5.000em;
}

.zitat h1{
    color: #ff7700;
    font-size: 2.188em;
    line-height: 1.5em;
    margin:0;
}

.zitat h2{
    color: #ff7700;
    margin-top: 1em;
    font-size: 1.250em;

}

.slick-arrow {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    font-size: 0;
    line-height: 0;
    width: 8px;
    height: 24px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-arrow:active{
    border: none;
    box-shadow: 0;
}

.slick-next{
    right: 0px;
}

.slick-prev{
    left: 0px;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    opacity: .75;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;

}

.slick-prev:before{
    content: "\f104";
}

.slick-next:before{
    content: "\f105";
}

#content_area .csc-sitemap li{
    margin-bottom: 1.2em;
}


#content_area .csc-sitemap  ul{
    margin-top: 1.2em;
}

#content_area .csc-sitemap>ul>li>a{
    font-size: 1.250em;
    font-weight: 600;
    color: #0092a7;

}

.ansprechpartner_liste{
    max-width: 720px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 4em;
}

.ansprechpartner{
    max-width: 340px;
    width: 100%;
    margin-bottom: 4em;
}

.ansprechpartner img{
    max-width: 340px;
    width: 100%;
    height: auto;
}

.ansprechpartner h2{
    color: #0092a7;
    margin-bottom: 0px;
    margin-top: 2em;
}

.ansprechpartner a{
    margin-top: 1.750em;
    display: inline-block;
    font-weight: 700;
}

.ansprechpartner a:hover{
    text-decoration: none;
    color: #ff7700;
}

#scroll_up_button{
    width: 1.518em;
    height: 1.518em;
    background-color: rgba(255, 119, 0, 0.8);
    position: fixed;
    cursor: pointer;
    border-radius: 50%;
    left: 50px;
    bottom: 20px;
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
    text-align: center;
    font-size: 3.5em;
    color: #fff;
    font-weight: 700;
    padding-top: 0.55em;
    z-index: 999;
    display: none;
    -webkit-box-shadow: 3px 3px 16px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 16px -4px rgba(0,0,0,0.75);
box-shadow: 3px 3px 16px -4px rgba(0,0,0,0.75);
}

.filterbox{
    display: flex;
    margin-bottom: 40px;
}

.filterbox select {
    width: 340px;
    padding-left: 7px;
    background-color: #0092a7;
    font-size: 0.875em;
    height: 40px;
    color: #fff;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding-left: 10px;
}

.filterbox select option{
    border: 0;
    cursor: pointer;
}

.filterbox select:focus::-ms-value {
    background-color: transparent;
}

.filterbox .select-wrapper{
    position: relative;
}

.filterbox .select-wrapper.news_months{
    display: none;
}

.filterbox .select-wrapper:before {
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
    content: "\f0dd";
    font-size: 0.875em;
    position: absolute;
    right: 15px;
    top: 7px;
    color: #fff;
    cursor: pointer;
    pointer-events: none;
    padding-left: 15px;;
    border-left: 1px solid #fff;
    height: 27px;
    font-weight: 700;
}

.filterbox select::-ms-expand {
    display: none;
}

.filterbox .select-wrapper:first-child{
    margin-right: 20px;
}


.fullsizeField {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

.powermail_fieldwrap_type_radio > label,
.powermail_fieldwrap_type_check > label {
    display: none;
}

.tx-powermail .container-fluid{
    padding: 0
}

.tx-powermail form.layout1{
   display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tx-powermail form.layout1>div{
    position: absolute;
}

.tx-powermail input[type=email]:focus,
.tx-powermail input[type=email],
.tx-powermail input[type=text]:focus,
.tx-powermail input[type=text],
.tx-powermail input[type=password]:focus,
.tx-powermail input[type=password],
.tx-powermail select,
.tx-powermail select:focus,
.tx-powermail textarea,
.tx-powermail textarea:focus{
    background-color: #0092a7;
    border: none;
    color: #fff;
    border-radius: 0;
    height: 40px !important;
    box-shadow: none;
}

.tx-powermail textarea,
.tx-powermail textarea:focus{
    height: 150px !important;;
}

.tx-powermail small{
    display: block;
}

.tx-powermail input[type=email]:focus,
.tx-powermail input[type=text]:focus,
.tx-powermail input[type=password]:focus{
  border-bottom: 2px solid #ff7700;
}


.powermail_fieldwrap label{
    font-weight: 600;
    font-size: 1em;
    margin-bottom: 4px;
    color: #414b55;
	max-width:100%;
}

.fancy-check-label strong{
    color: #0092a7;
    font-size: 1.125em;
}


.powermail_fieldwrap {
    margin-bottom: 20px;
}

.powermail_legend,
.radio,
.checkbox  {
    border-bottom: 1px solid #0092a7;
    font-weight: 600;
    padding-bottom: 20px;
    color: #414b55;
}

.powermail_legend{
    margin-bottom: 20px;
    line-height: 1.2em;
}

.radio,
.checkbox{
   padding-top: 25px;
   display: flex;
}

.tx-powermail input[type=checkbox],
.tx-powermail input[type=radio] {
    margin-top: 5px;
    margin-right: 10px;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.col-sm-12{
    padding: 0px !important;
}

.powermail_fieldset {
    margin-bottom: 30px;
}

.tx-powermail .button{
   padding: 0px 65px;
   float: right;
}

.powermail_fieldwrap_type_submit.col-md-6{
    flex: 0 0 100%;
    max-width: 100%;
}

.tx-powermail .filterbox{
    margin-bottom: 0px;
}

.tx-powermail .filterbox select {
    font-size: 1rem;
    font-weight: 500;
}

.tx-felogin-pi1{
    margin-bottom: 40px;
}

.tx-felogin-pi1 .button{
    margin-bottom: 20px;
}

.tx-felogin-pi1 hr{
    margin: 0px;
}

.userarea-btns{
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

.kongress #user_login_buttons{

}

table{
	display:table;
	text-indent:initial;
	border-spacing:2px;
	border-color:gray;
	border-collapse:collapse;
}
thead{ display:table-header-group; vertical-align:middle; border-color:inherit; }
tr{ display:table-row; vertical-align:inherit; border-color:inherit; }
th{ text-align:inherit; }

table.contenttable{
	width:100%;
	max-width:100%;
}
table.contenttable thead th{ font-weight:bold; border-bottom:2px solid #DADADA; border-top:1px solid #DADADA; }
table.contenttable th{ padding:0.5em 0.75em; vertical-align:top; }

/* ================================= FANCY CHECKBOX  ================================= */

@-webkit-keyframes checkmarkAnimation {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes checkmarkAnimation {
  100% {
    stroke-dashoffset: 0;
  }
}

.wrapper {
  font-size: 18px;
  margin: 0 auto;
  max-width: 800px;
  padding: 0 20px;
}

.input-wrapper {
  margin: 20px 0;
  position: relative;
}

.fancy-check-label,
.fancy-radio-label {
  display: inline-block;
  line-height: 24px;
  padding-left: 36px;
  position: relative;
  -webkit-user-select: no-select;
     -moz-user-select: no-select;
      -ms-user-select: no-select;
          user-select: no-select;
}

.crappy-browser .fancy-check-label .checkmark-path {
  opacity: 0;
}
.modern-browser .fancy-check-label {
  transition: color 0.3s;
}
.fancy-check:checked + .fancy-check-label,
.fancy-check:checked + .fancy-check-label strong {
  color: #ff7700;
}
.fancy-check:checked + .fancy-check-label .fancy-checkbox {
  background-color: #ff7700;
}
.modern-browser .fancy-check:checked + .fancy-check-label .checkmark-path {
  -webkit-animation: checkmarkAnimation 0.5s 0s forwards;
          animation: checkmarkAnimation 0.5s 0s forwards;
}
.crappy-browser .fancy-check:checked + .fancy-check-label .checkmark-path {
  opacity: 1;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
}

.fancy-label--text {
  position: relative;
}

.fancy-radio:checked + .fancy-radio-label {
  color: #ff7700;
}
.fancy-radio:checked + .fancy-radio-label .fancy-label--text::before {
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.fancy-radio:checked + .fancy-radio-label .fancy-radiobutton {
  background-color: #ff7700;
  transition: background-color 0.5s;
}
.fancy-radio:checked + .fancy-radio-label .radiobutton-dot {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, transform 0.15s;
  transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
}

.fancy-checkbox, .fancy-radiobutton {
    display: block;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    background-color: #0092a7;
    margin-top: 2px;
}
.modern-browser .fancy-checkbox,
.modern-browser .fancy-radiobutton {
  transition: background-color 0.3s;
}

.radiobutton-dot {
  background-color: currentColor;
  border-radius: 50%;
  height: 12px;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  width: 12px;
}

.checkmark {
  height: 20px;
  opacity: 1;
  width: 100%;
    margin-bottom: 15px;
}
.checkmark .checkmark-path {
  stroke: #fff;
  stroke-width: 3px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-miterlimit: 10;
  opacity: 1;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
}



/* ================================= FACNY CHECKBOX END ================================= */

.tx-indexedsearch-res h2{

    margin-bottom: 15px;
    margin-top: 4px;
}

.tx-indexedsearch-res h2 a{
    font-weight: 600;
}

.res-path{
    color: #414b55
}

.tx-indexedsearch-res,
.tx-indexedsearch-searchbox{
    border-bottom: 1px solid #0092a7;
    margin-bottom: 22px;
}

.tx-indexedsearch-searchbox{
    padding-bottom: 22px;
}

.tx-indexedsearch-search-submit .button.grey{
        padding: 0px 40px;
}

.tx-indexedsearch-searchbox{

}

.tx-indexedsearch-form{
    float: left;
    width: 100%;
    margin-right: 50px;
}

.tx-indexedsearch-searchbox-sword{
    border: none;
    border-bottom: 1px solid #0092a7;
    width: 100%;
    height: 40px;
    font-weight: 600;
    font-size: 1.250em;
    color: #414b55;
    margin-bottom: 20px;
    border-radius: 0;
}

.scroll_arrow{
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
    cursor: pointer;
    text-align: center;
    width: 100%;
    font-size: 2.500em;
    color: #0092a7;
    margin-top: 36px;
    margin-bottom: 20px;
    font-weight: 700;
}

.tx-indexedsearch-browsebox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#tx_indexedsearch{
    display: flex;
    justify-content: space-between;
}

/*#content_area .tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li::before{ margin:0 0.2em 0 0.6em; }*/

.bibliothek .scroll_arrow{
    display: none;
}

.bibliothek .tx-indexedsearch-res, .tx-indexedsearch-searchbox {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.bibliothek .letter-box {
    height: 50px;
    width: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #0092a7;
    font-size: 1.563em;
    font-weight: 500;
    margin-right: 5px;
    margin-bottom: 5px;
}

.bibliothek .letter-box.active,
.bibliothek .letter-box:hover{
    background-color: #ff7700;
}

.bibliothek .letter-box.active{
    font-weight: 700;
}

.bib-letter-container{
    display:flex; display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: -5px;
    margin-bottom: 20px;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */



@media (min-width: 1301px){
    #mobil_container{
        right: 120px;
    }

}


@media (max-width: 600px){


    .ansprechpartner_liste{
        justify-content: space-around;
    }


}


@media (min-width: 1236px){
    #mobil_container{
        right: 120px;
    }

}

@media (max-width: 1080px){
    #f_contact {
        max-width: 530px;
    }

    #main_menu #mobil_container > ul>li>a {
        padding: 15px 5px;
    }

    #f_contact input {
        max-width: 15.250em;
    }
}

@media (max-width: 1200px){

    #slogan{
        padding-top: 7.5em;
    }
}

@media (max-width: 1236px){

    .news .page-navigation {
        padding-right: 280px;
        max-width: 100%;
    }

    #side_bar,
    #left_container{
        float: none;
    }

    #side_bar{
        margin-right: 0px;
    }

    #content_area{
        padding-left: 0px;
        max-width: 720px;
    }

    .button{
        width: 100%;
    }

    .kongress #header{
        padding-bottom: 35%;
    }

    #footer .container,
    .container {
        padding: 0px 20px;
    }

    #main_menu,
    #service_menu{
        right: 0px;
        margin-right: 0em;
    }

    #logo{
        margin-left: 0px;
    }

    .container.ge{
        padding: 0px 80px;
    }

    .btn_container{
        padding-right: 280px;
        max-width: 100%;
    }

    .footer_col{
        margin-bottom: 2.500em;
    }

    #imprint_links{
        margin-bottom: 0px;
    }

}

@media (min-width: 870px){

.sponsoren .dce a:before{
    content: "";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
    color: #ff7700;
    float: right;
}

#mobil_container{
    display:block !important;
    position: absolute;
    bottom: -14px;
}

#side_bar .schirmherr h1{
    border-top:none;
}





}

@media (max-width: 870px){
    .news .page-navigation {
        padding-right: 0px;
    }

    #side_bar{
        margin-top: 20px !important;
        width: 100%;
        margin: auto;
        margin-right: 0px;
    }

    #footer .container,
    .container {
        padding: 0px;
    }

    #logo_area .container{
        padding: 0px 30px;
    }

    .main_content{
        padding: 0px 15px;
        display: block;
    }

    #footer{
        padding: 2.500em 30px;
    }

    #breadcrumbs{
        display: none;
    }

    .read-more-btn{
        display: none;
    }

    .news-item{
        height: auto;
    }

    .news_detail,
    #content_area ul{
        margin-right: 0px;
        max-width: 100%;
        width: 100%;
    }

    #content_area h1,
    .news_detail h1,
    #impressions_slider h1{
        font-size: 1.5em;
    }


    .text-body p{
        display: none;
    }

    .btn_container{
        max-width: 100%;
        padding-right: 0px;
    }

    .nav-area .news-item .article-img{
      margin-left: 0px;
      margin-right: 20px;
    }

    .news-item .text-body{
        /*order: 2;*/
        height: auto;
        width: 50%;
        float: right;
        margin-right: 0px;
        margin-left: 3%;
        font-size: 80%
    }

    .nav-area .news-item .text-body{
        width: 100%;
        font-size: 100%;
        margin-left: 0;
    }

    .nav-area .news-item .text-body p{
        display: block;
    }

    .nav-area .read-more-btn{
        display: block;
    }

    .news-item .article-img{
        order: 1;
        min-width: 40% !important;
        width: 47%;
        height: auto;
        float:left;
    }

    #service_items{
        display: none;
    }

    .search_icon_mobil{
        display: inline-block;
        margin-left: 7px;
    }

    #service_menu{
        padding-right: 15px;
    }

    .button.side.maintmpl{
        display: none;
    }

    .main_content > .button.side.main{
        display: block;
    }

    .button.side.grey.main{
        margin-bottom: 1.5em;
    }


    #mobile_menu{
        display: block;
    }

    /*mobile menu*****/

    #menu_area{
        display: block;
        margin-bottom: 0px;
    }

    #main_menu{
        width: 100%;
        max-width: 100%;
        margin: 0;
        margin-top: 20px;
    }

    #main_menu #mobil_container > ul{
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 2.500em;
        text-align: left;
        background-color: rgba(255, 119, 0, 1.0);
        display: block;
        padding: 0px 15px;
    }

    #main_menu #mobil_container > ul>li:nth-last-child(2) .submenu{
        right: initial;
        left: -30px;
    }

    .search_icon{
        display: none;
    }

    #main_menu #mobil_container > ul > li{
        border-bottom: 1px solid #414b55;
        padding: 5px 0px;
    }

    #main_menu #mobil_container > ul>li>a{
        padding: 0px;
        width: 100%;
    }

    #main_menu #mobil_container > ul>li.active>a{
        color: #fff !important;
    }


    #mobile_menu_entries{
        display: block;
    }

    #main_menu #mobil_container > ul > li > a:after{
        content: "";
        float: right;
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 700;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    #main_menu #mobil_container > ul > li.menuOpen > a:after{
        -webkit-transform: perspective(1px) translateZ(0) rotate(90deg);
        transform: perspective(1px) translateZ(0) rotate(90deg);

    }

    #main_menu #mobil_container > ul > li:nth-last-child(2){
        border: none;
    }

    #main_menu #mobil_container > ul > a{
        text-decoration: none;
    }

    #mobil_container{
        width: 100%;
        padding: 0px 15px;
        position: absolute;
        display: none;
    }

    #mobile_menu{
        width: 100%;
        height: 2.500em;
        line-height: 2.500em;
        background-color: #414b55;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Font Awesome\ 5 Free', sans-serif;
        font-weight: 700;
        letter-spacing: 2px;
        position: relative;
    }

    .submenu{
        display: none;
        position: relative;
        width: 100%;
        padding: 0px 0px 0px 30px;
        background: none;
        top:0px;
        left: -30px;
        margin-bottom: 10px;
    }

    #main_menu #mobil_container > ul>li.menuOpen .submenu{
        display: block;
        visibility: visible;
        opacity: 1;
    }

    .submenu li{
        padding: 0px;
        padding-left: 15px;
        white-space: nowrap;
    }

    #main_menu #mobil_container .submenu li{
        border: none;
    }

    .submenu:before{
        display: none;
    }

    #main_menu #mobil_container{
        z-index: 999;
        font-size: 80%;
    }

    #main_menu #mobil_container > ul>li.menuOpen>a{
        visibility: visible;
    }

    .container.top.absolute{
        position: absolute;
    }

    /* mobile menu end */

    #logo,
    .kongress #logo{
        margin: auto;
        width: 170px;
        min-width: 150px;
        height: auto;
        margin-top: 40px;
    }

    #header{
        margin-top: 162px;
    }

    .kongress #header{
        margin-top: 211px;
    }

    .startpage #header{
        height: auto;
        padding: 30px 15px;
    }

    #content_area{
        padding: 0;
    }

    .sponsoren div{
        width: 100%;
    }

    #sponsoren_slider .tx-ws-flexslider,
    .sponsoren img{
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    #sponsoren_slider{
        height: 300px;
    }

    #f_address {
        max-height: 325px;
    }

    .schirmherr h1{
        padding-left:0px
    }

    .schirmherr p{
        margin-bottom: 0px !important;
    }

    #logo_area h4{
        width: 100%;
        border-top: 1px solid #000;
        color: #ff7700;
    }

    .flexslider .slides img {
        margin-right: auto;
        width: 80%;
        margin-left: auto;
    }

    #logo_area .csc-textpic-imagerow {
        margin: auto;
    }

    #logo_area .csc-textpic-imagewrap {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }

    div.csc-textpic-imagecolumn,
    td.csc-textpic-imagecolumn .csc-textpic-image {
        margin-right: 0px;
    }

    div.csc-textpic div.csc-textpic-imagecolumn {
        float: none;
    }

    div.csc-textpic .csc-textpic-imagewrap table {
        width: 100%;
    }

    .caption-default .csc-textpic-caption,
    .img_description {
        position: relative;
        background-color: #d9dbdd;
        color: #000;
    }

    #content_area .csc-textpic-image,
    .kongress.impressionen #content_area .csc-textpic-image {
        margin-bottom: 30px;
    }

    #tx_indexedsearch {
        display: block;
    }

    .bibliothek .letter-box {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

    .bib-letter-container{
        justify-content: flex-start;
    }

    .slick-next{
        right: 15px;
    }

    .slick-prev{
        left: 15px;
    }

    .slick-prev:before, .slick-next:before {
        font-size: 30px;
    }

    .slick-arrow{
        bottom: 8px;
        width: 14px;
    }

}

@media (max-width: 575px){

    .contenttable tr{
        display: flex;
        flex-wrap: wrap;
    }

    .news .page-navigation>p{
        display: none;
    }

    .news .page-navigation .previous{
        display: none;
    }

    .csc-textpic-caption{

    }

    #scroll_up_button{
        right: 0.625em;
        bottom: 0.625em;
        padding-top: 0.35em;
        font-size: 2em;
        left: auto;
    }

    #f_contact input{
        max-width: 100%;
    }

    #f_contact{
        height: auto;
        margin-bottom: 60px;
    }

    #slogan {
        display: none;
    }

    .startpage #slogan {
        display: block;
        border: 1px solid #fff;
        text-align: center;
        height: 370px;
        padding: 8em 0 0 0;
    }

    .startpage #slogan_main{
        font-size: 2.313em;
        line-height: 1em;
    }

    .startpage #slogan_sub{
        font-size: 0.92em;
        line-height: 1em;
    }

    #f_quick {
        width: 100%;
    }

    #sponsoren_slider{
        height: auto;
        min-height: 165px;
    }

    .zitat {
        font-size: 85%;
    }

    .filterbox{
    display: block;
    }

    .filterbox .select-wrapper:first-child{
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .filterbox select {
        width: 100%;
    }


    .caption-right .csc-textpic-caption{
        position: relative;
        line-height: 1.375em;
        background-color: #d9dbdd;
        color: #000;
        width: 100%;
        padding: 0;
    }

    .caption-right .csc-textpic-caption .caption_container {
        position: relative;
    }

    .caption-right .csc-textpic-image tbody {
        width: 100%;
    }

    .share-container{
        display: none;
    }

    .tx-indexedsearch-form{
        float: none;
        width: 100%;
        margin-right: 0px;
    }

    .tx-indexedsearch-browsebox {
        display: block;
    }

    .search_nav .button{
        margin-bottom: 20px;
    }


}

@media (max-width: 330px){
    #content_area {
        font-size: 85%;
    }
}

@media (min-width: 765px){

}


@media (min-width: 1200px){
    .container {
        max-width: 1240px;
    }
}


@media (min-width: 576px){

    #header{

    }

}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

 .hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

 .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

 .invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:after {
    clear: both;
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

   @media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

     a[href^="#"]:after,
     a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

     thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}