body {
    background: #E1E6EA;
    overflow-x: hidden;
}

body.no-scroll { overflow-y: hidden; }

p {margin: 0 0 1em;}

a {text-decoration: none;}
a:focus,
a:hover,
a:active {text-decoration: underline;}

.hidden-content {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.highlight {background: #f2efd1; margin: 0 0 1em 0; padding: 1em;}
.columns {clear:both;}
.col50l {float: left; width: 48%; margin-right: 4%;}
.col50r {float: left; width: 48%;}
.col33l {float: left; width: 31%; margin-right: 4%;}
.col67r {float: left; width: 65%;}
.col67l {float: left; width: 65%; margin-right: 4%;}
.col33r {float: left; width: 31%;}
.remove {position:absolute; left: -999em;}

#page {margin: 0 auto; max-width: 990px; background: url('../Images/bg_page.png') repeat;}

.container {position: relative; margin: 0 auto; background: url('../Images/bg_container.png') repeat-y #fff;}
#wrap-l {position: absolute; left: 22px; bottom: 19px; width: 136px; height: 92px; background: url('../Images/logo_stabsstelle.png') no-repeat left bottom;}
#wrap-l a {display: block; height: 92px; text-decoration: none;}
#wrap-r {position: absolute; right: 8px; bottom: 22px; width: 205px; height: 91px; background: url('../Images/logo_kommin.png') no-repeat right bottom;}
#wrap-r a {display: block; height: 91px; text-decoration: none;}

#header {
    position: relative;
    margin:0;
    padding: 8px 0 0 0;
    height: 149px;
    background-color: #fff;
}

#header .header-image {
    background: url('../Images/header_images_v3.jpg') no-repeat right bottom #fff;
    background-size: cover;
    width: 100%;
    height: 69px;
}

@media only screen and (min-width: 768px) {
    #header {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        height: 100px;
    }

    #header .header-image { height: 100px; }
}

#skipnavi {
    margin-left: 0;
    height: 0;
    z-index: 11;
}
#skipnavi ul {
    list-style: none;
}
#skipnavi li {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
#skipnavi li a {
    position: absolute;
    left: -999em;
    z-index: 10;
    background-color: #fff;
    padding: 5px;
}
#skipnavi li a:focus {
    left: 15px;
    top: 15px;
    text-decoration: underline;
    color: #006016;
}

#logo {
    background: url('../Images/logo_de.png') no-repeat 22px 0px #fff;
    background-size: contain;
    width: 170px;
    height: 80px;
}

@media only screen and (min-width: 768px) {
    #logo {
        width: 278px;
        height: 100px;
        margin-right: 65px;
    }
}

#logo.ru {background-image: url('../Images/logo_ru.png')}
#logo.es {background-image: url('../Images/logo_es.png')}
#logo.tr {background-image: url('../Images/logo_tr.png')}
#logo a {display: block; text-indent: -999em; height: 100%; text-decoration: none;}
#topnavi {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    background: #fff;
    padding: 4px 14px 0px 14px;
}
#topnavi ul {list-style-type: none; margin: 0 -6px 0 10px; padding: 2px 0px;}
#topnavi ul li {display: inline;}
#topnavi ul li a {display: inline-block; font-size: 90%; color: #000000; text-decoration: none; border-left: 1px solid #000000; padding: 0 8px; line-height: 100%;}
#topnavi ul li a:focus,
#topnavi ul li a:hover,
#topnavi ul li a:active {text-decoration: underline;}

#topnavi form {position: relative;}

@media only screen and (min-width: 400px) { #topnavi form { margin-right: 0; } }

#topnavi form .searchtext {
    margin: 0;
    font-size: 90%;
}

#topnavi form .searchsubmit {
    position: absolute;
    top: 4px;
    right: 2px;
    display: block;
    content: ' ';
    background-image: url("../Images/integration-in-bonn_icon-search.svg");
    background-size: 11px 11px;
    background-repeat: no-repeat;
    height: 11px;
    width: 11px;
    background-color: #fff;
    border: none;
}

#topnavi ul li:first-child a {
    position: relative;
    padding-left: 22px;
}

#topnavi ul li:first-child a:before {
    position: absolute;
    top: -1px;
    left: 8px;
    display: block;
    content: ' ';
    background-image: url("../Images/integration-in-bonn_icon-calender.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    background-color: #fff;
    border: none;
}


#breadcrumb {margin: 0; padding: 6px 22px 6px; background: #e1e6ea; border-bottom: 1px solid #cedae5; line-height: 100%; font-size: 85%;}
#breadcrumb a {color: #6a6a6e; margin-right: 8px; padding-right: 13px; background: url('../Images/menu_arrow.png') no-repeat right center;}
#breadcrumb a.last {font-weight: bold; background-image: none;}

#headline {margin: 0; padding: 12px 0 12px 20px; background: #f3f5f7;}
#headline p {margin: 0; padding: 0; color: #6a6a6e; font-size: 2em; font-weight: bold; text-decoration: none;}
#headline p a {color: #6a6a6e; text-decoration: none;}

#contactnavi {float: right; margin: 4px 22px 0 12px;}
#contactnavi a {background: url('../Images/icon_write.png') no-repeat right center; padding-right: 21px; min-height: 17px; display: inline-block;}
ul#langnavi {float: right; text-align: right; list-style-type: none; margin: 4px 0 0; padding: 0;}
ul#langnavi li {display: inline; margin-right: 4px;}
ul#langnavi li a {text-decoration: none; display: inline-block; border: 1px solid #F3F5F7; height: 12px; line-height: 12px;}
ul#langnavi li a:focus,
ul#langnavi li a:hover,
ul#langnavi li a:active {border: 1px solid #cc071e;}
ul#langnavi li.active a {border: 1px solid #cc071e;}
ul#langnavi li a img {margin:0; padding: 0;}

#content h1 {color: #0a457f;}
#content h2 {color: #cc071e;}
#content h1 + h2 {margin-top: 1.0em;}
#content .paragraph {border-bottom: 2px dotted #7fbee4; margin: 0 0 1em 0; padding: 0; clear: both;}
#content .ce-gallery figure {margin-bottom: 1em;}
#content img {border: 1px solid #cccccd; padding: 3px; max-width: calc(100% - 8px); height: auto;}

#contentinner {margin: 0 20px; padding: 12px 0 0; border-top: 1px solid #7fbee4; border-bottom: 1px solid #7fbee4;}
#contentinner form {margin-bottom: 1em;}
#contentinner form .form-group {margin-bottom: 1em;}
#contentinner form .btn-group {text-align: right;}

div[id^="mainnavi"] ul {border-top: 1px solid #7fbee4; list-style-type: none; margin: 0; padding: 0; background-color: #fff;}
div[id^="mainnavi"] ul li {border-bottom: 1px solid #e9dbb3;}
div[id^="mainnavi"] ul li.last {border-bottom: 0;}
div[id^="mainnavi"] ul li a {display: block; margin: 0 0 0 22px; padding: 2px 10px 2px 12px; background: url('../Images/menu_block.png') no-repeat left 7px; text-decoration: none; font-weight: normal; color:#535557;}
div[id^="mainnavi"] ul li.active a,
div[id^="mainnavi"] ul li.current a {background: url('../Images/menu_arrow.png') no-repeat left 7px; font-weight: bold;}

div[id^="mainnavi"] ul li.current a {color: #cc071e;}

div[id^="mainnavi"] ul li ul,
div[id^="mainnavi"] ul li li {border: 0;}
div[id^="mainnavi"] ul li li a {margin: 0 0 0 36px;}
div[id^="mainnavi"] ul li.active li a,
div[id^="mainnavi"] ul li.current li a,
div[id^="mainnavi"] ul li.active li.active li a,
div[id^="mainnavi"] ul li.active li.current li a {background: url('../Images/menu_block.png') no-repeat left 7px; font-weight: normal; color:#535557;}

div[id^="mainnavi"] ul li.active li.active a,
div[id^="mainnavi"] ul li.active li.current a,
div[id^="mainnavi"] ul li.active li.active li.current a {background: url('../Images/menu_arrow.png') no-repeat left 7px; font-weight: bold;}
div[id^="mainnavi"] ul li.active li.current a,
div[id^="mainnavi"] ul li.active li.active li.current a {color: #cc071e;}

div[id^="mainnavi"] ul li li li a {margin: 0 0 0 50px;}

div[id^="mainnavi"] ul li a:focus,
div[id^="mainnavi"] ul li a:hover,
div[id^="mainnavi"] ul li a:active,
div[id^="mainnavi"] ul li.active li a:focus,
div[id^="mainnavi"] ul li.active li a:hover,
div[id^="mainnavi"] ul li.active li a:active,
div[id^="mainnavi"] ul li.current li a:focus,
div[id^="mainnavi"] ul li.current li a:hover,
div[id^="mainnavi"] ul li.current li a:active,
div[id^="mainnavi"] ul li.active li.active a:focus,
div[id^="mainnavi"] ul li.active li.active a:hover,
div[id^="mainnavi"] ul li.active li.active a:active,
div[id^="mainnavi"] ul li.active li.current a:focus,
div[id^="mainnavi"] ul li.active li.current a:hover,
div[id^="mainnavi"] ul li.active li.current a:active,
div[id^="mainnavi"] ul li.active li.active li.active a:focus,
div[id^="mainnavi"] ul li.active li.active li.active a:hover,
div[id^="mainnavi"] ul li.active li.active li.active a:active,
div[id^="mainnavi"] ul li.active li.active li.current a:focus,
div[id^="mainnavi"] ul li.active li.active li.current a:hover,
div[id^="mainnavi"] ul li.active li.active li.current a:active {background-color: #E8F2F8;}

#context h1,
#context h2,
#context h3,
#context h4,
#context h5,
#context h6 {font-weight: normal;}
#context .boxhead h1,
#context .boxhead h2,
#context .boxhead h3,
#context .boxhead h4,
#context .boxhead h5,
#context .boxhead h6 {margin: 0;}
#context h4 {color: #cc071e;}
#context .infobox .boxhead {padding:10px 20px; border-top: 2px solid #7fbee4; border-bottom: 2px solid #fff;}
#context .infobox .boxcontent {padding: 6px 12px;}
#context .news .infobox table {font-size: 80%;}
.news .infobox .pager {margin: 0em 0.25em 0em 0.25em;}
.news .infobox tr.title {background-color: rgb(195, 217, 255);}


#context .infobox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#context .infobox .boxhead { min-width: calc(100vw - 42px); }


.nowrap {
    white-space: nowrap;
}

@media only screen and (min-width: 768px) {
    #headline {margin: 0; padding: 12px 0 12px 22px; background: #f3f5f7;}

    #contentinner {margin: 0 15px 15px; padding: 12px 0 0; border-top: 1px solid #7fbee4; border-bottom: 1px solid #7fbee4;}

    #context .infobox .boxhead {
        min-width: auto;
        width: 100%;
        padding:12px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;
    }
    #context h1,
    #context h2,
    #context h3,
    #context h4,
    #context h5,
    #context h6 {font-size: 100%; font-weight: bold;}
}

#mainnavi .calender-box,
.mobile-calender.calender-box {
    padding: 14px;
    border-top: 1px solid #7fbee4;
    background-color: #e8f2f8;
}

@media only screen and (max-width: 767px) {
    #mainnavi .calender-box,
    .mobile-calender.calender-box {
        padding: 20px;
    }
}

#calender-in-content .mobile-calender.calender-box {
    border-top: none;
    background-color: #fff;
}

.mobile-calender.calender-box .news { background-color: #fff; }

#mainnavi .calender-box .boxhead,
.mobile-calender.calender-box .boxhead {
    margin-bottom: 0;
    padding: 4px 6px;
    background-color: #E1E6EA;
}

#mainnavi .calender-box .boxhead h2,
.mobile-calender.calender-box .boxhead h2 {
    font-size: 12px;
    margin-bottom: 0;
}

#mainnavi .calender-box .table,
.mobile-calender.calender-box .table { margin-bottom: 0; }

.infobox.mobile-calender.calender-box table tr { font-size: 80%; }

#mainnavi .calender-box .news tr.title .pager,
.mobile-calender.calender-box .news tr.title .pager {
    display: flex;
    justify-content: center;
    border: none;
    background-color: transparent;
}

#mainnavi .calender-box .news tr.title .pager li a,
.mobile-calender.calender-box .news tr.title .pager li a {
    background: none;
    margin: 0;
}

.mobile-calender {
    background-color: #fff;
}

/* LINKS */
a.glossary {color: inherit; text-decoration: none; border-bottom: 1px dotted #535557;}
a.glossary dfn {font-weight: normal; font-style: normal;}
a.link-download {display: inline-block; min-height: 17px; padding-left: 23px; background-image: url('../Images/icon_download.png'); background-position: left top; background-repeat: no-repeat;}
a.link {display: inline-block; min-height: 17px; padding-left: 23px; background-image: url('../Images/icon_link.png'); background-position: left top; background-repeat: no-repeat;}
a.link-extern {display: inline-block; min-height: 17px; padding-left: 23px; background-image: url('../Images/icon_link_extern.png'); background-position: left top; background-repeat: no-repeat;}
a.link-mail {display: inline-block; min-height: 17px; padding-left: 23px; background-image: url('../Images/icon_mail.png'); background-position: left top; background-repeat: no-repeat;}
a.link-document {display: inline-block; min-height: 17px; padding-left: 23px; background-image: url('../Images/icon_document.png'); background-position: left top; background-repeat: no-repeat;}
a.link-print {display: inline-block; min-height: 17px; padding-left: 23px; background-image: url('../Images/icon_print.png'); background-position: left top; background-repeat: no-repeat;}
a.link-more {display: inline-block; padding-left: 9px; background-image: url('../Images/menu_arrow.png'); background-position: left center; background-repeat: no-repeat;}
a.link-phone {display: inline-block; min-height: 17px; padding-left: 23px; background-image: url('../Images/icon_phone.png'); background-position: left top; background-repeat: no-repeat;}

span.icon-phone {display: inline-block; min-height: 17px; padding-left: 23px; background-image: url('../Images/icon_phone.png'); background-position: left top; background-repeat: no-repeat;}

p.csc-linkToTop {clear: both;}
p.csc-linkToTop a.linkToTop {display: inline-block; min-height: 17px; padding-right: 1em; padding-left: 23px; background-image: url('../Images/icon_top.png'); background-position: left top; background-repeat: no-repeat;}

/* FORMS */
input[type=text], input[type=password], input[type=email], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #cedae5;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#cedae5;}
input[type="checkbox"], input[type="radio"], input.checkbox, input.radio {top:0;}

/* TABLES */
table.nomargin {margin: 0;}
tr.even td {background-color: #E8F2F8;}
#main table.contenttable {width: auto;}
#main table.contenttable td {padding: 0 10px 0 0;}
#main table.contenttable td p {margin: 0;}

/* CSC */
div.csc-default {clear: both;}
#headline div.csc-default {clear: none;}
div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {margin-right:16px !important;}
div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {margin-left:16px !important;}
.boxcontent div.csc-textpic-intext-left div.csc-textpic-imagewrap,
.boxcontent div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {margin-right:10px !important;}
.boxcontent div.csc-textpic-intext-right div.csc-textpic-imagewrap,
.boxcontent div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {margin-left:10px !important;}

/* SUCHE */
#suchbox form {text-align: right; margin-right: 10px;}
#suchbox form * {text-align: left; vertical-align: top; padding: 0;}
#suchbox label {position: absolute; top: -999em;}
#suchbox input.searchtext {border: 1px solid #0a457f; margin: 0 4px 0 0; padding: 1px; width: 163px; height: 13px; text-align: left; font-size: 90%;}
#suchbox input.searchsubmit {background: url('../Images/icon_return.png') no-repeat left top; width: 17px; height: 17px; border: 0;}

/* FAQ */
div.faq {background: #f2efd1; margin: 0 0 1em 0; padding: 1em;}
div.faq .faq-item {}
div.faq .faq-question {font-weight: bold;}
div.faq .faq-question p,
div.faq .faq-question ul,
div.faq .faq-question ol {margin-bottom: 0.5em;}
div.faq .faq-answer {margin: 0 0 0 12px;}

/* RELATED PAGES */
.tx-relatedpages-pi1 ul,
.tx-relatedpages-pi2 ul {margin: 0; padding: 0; list-style-type: none;}
.tx-relatedpages-pi1 ul li,
.tx-relatedpages-pi2 ul li {margin: 0 0 0.5em 0;}

/* GLOSSAR */
div.navbar {margin: 0 0 1em 0;}
.tx-a21glossaryadvancedoutput-pi1 .searchform input {border:1px solid #0A457F;}
.tx-a21glossaryadvancedoutput-pi1 .searchform input.submit {border: 0; padding: 0; vertical-align: text-bottom;}

/* NEWS */
#content div.news-latest-container div.news-latest-item h3 {margin-right: 0px;}
div.news-latest-container, .news-list-view.latesNews {padding: 0;}
div.news-latest-item, [class*="articletype-"] {border-bottom: 2px dotted #7fbee4; margin: 0 0 1em 0;}
div.news-latest-item span.news-latest-date, .news-list-date {text-align: right; display: block; float:right;}
div.news-latest-item img {border: 1px solid #cccccd; padding: 3px;}
div.news .article .header h3 {color: #cc071e; margin-bottom: 1em}
.news .article:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.news .article .news-img-wrap {
    float: left;
    margin: 3px 12px 5px 0;
    background: #fff;
}
/*.news .article h3 {margin-bottom: 1em; }*/
div.news-single-img {float:left;margin:0 10px 10px 0;padding:0;}
div.news-amenu-container {margin:0 0 1em 0; padding: 0; width: auto; font-size: inherit;}
div.news-amenu-container li:hover {background-color:transparent;}
.news-amenu-item-year {background-color:transparent; font-weight:bold; margin-top:10px; padding:0;}
.news .news-list-view .article {border-bottom: 2px dotted #7fbee4; margin: 0 0 1em 0;}
.news .news-list-view.latestNews .article .news-img-wrap {margin: 0;}
.news .news-list-view.latestNews .article .news-img-wrap a {border: none; padding: 4px 4px 0 0;}
.news-single .article .news-img-wrap {float: left;width: auto;margin: 0 10px 10px 0;}
.news-single .article .news-img-wrap img {padding: 3px;}
.news-single-rightbox {float: right;width: 160px;text-align: right;clear: both;}

/*NEWS PAGINATION*/
.news .page-navigation p {float: left;}
.news .page-navigation ul {float: right;}
.news .page-navigation ul li {float: left;display: block;padding: 0 2px;background: none;}
.news .page-navigation ul li a {display: block;}
.news-clear {clear: both;}
/* MSO */
div.mso-logo {float: right; margin: 0 0 10px 10px;}
p.mso-label {float: left; width: 100px; clear: left;}
form.mso-search {margin-bottom: 1em;}
form.mso-search fieldset {padding: 0.5em;}
.tx-mso-pi2 h1 {line-height: 120%;}

/* ORGANISATIONS */
p.orga-label {float: left; width: 120px;}
form.orga-search {margin-bottom: 1em;}
form.orga-search fieldset {padding: 0.5em;}
form.orga-search label {float: left; width: 120px; display: block;}
.orga-subjects ul {columns: 2;}

/* CALENDAR / eventNews*/
.header .dayWrap {background-color: #E1E6EA;}
.news-list-view .article.event.even {background-color:#E8F2F8;}

.default_catheader_allday {padding:0.5em; background-color: #0A457F;}
#allday a {font-size: 100%;}
div.tx-cal-controller dt a span.allday {color: #F08B05;}
#calendar-event h1 span.allday {color: #F08B05;}
#content img.navmonth {padding: 2px; border: 0;}
#month-header-prevnext {margin-right: 3px;}
#month-header {width: auto; padding: 3px;}

.curmonth.today {border: 0 !important; background: #E8F2F8 !important;}
#main table td.curmonth.today {background: #D0D3D7 !important;}
.news-list-view .article .teaser-text--body {margin-top: 1em;}
.header .dayWrap .news-list-date {font-weight: bold; margin-bottom: 1em;}
/*div.tx-cal-controller #calendar-event span.label  {display: block; float: left; width: 70px;}*/
/*div.tx-cal-controller #calendar-event span.indent {display: block; margin-left: 80px;}*/
.header .dayWrap .news-list-date {text-align: inherit; float: inherit;}
.news-list-view__headline--dateGroup {color: #cc071e;}
.news.news-single .eventNews__details {margin: 0 0 1.5em 0;}
.news.news-single .eventNews__details ul {margin: 0;}
.news.news-single .eventNews__details li {list-style: none;}
.news.news-single .eventNews__details li .list-item__label {display:block;}
.news.news-single .eventNews__details li .list-item__description {display: block;}
.news.news-single .eventNews__date {font-weight: bold; margin-bottom: 1em;}

@media screen and (min-width:450px) {
    .news.news-single .eventNews__details li .list-item__label {
        display: inline-block;
        float: left;
        width: 30%;
    }

    .news.news-single .eventNews__details li .list-item__description {
        display: inline-block;
        width: 70%;
    }
}

table.month {border: 1px solid #AAAAAA; background: #E8F2F8;}
table.month tr.days th {background-color: #efefef;border-bottom: 1px solid #AAAAAA;}
table.month td {text-align: center;}
table.month .pager li {border: 0;}
table.month .pager li a {color: #000;}
table.month td { text-align: center; }
.month-weekdays {
    border-bottom: 1px solid #AAAAAA;
    background-color: #EFEFEF;
}
.month-weeknums {
    border-right: 1px solid #AAAAAA;
    background-color: #EFEFEF;
}
.month-corner {
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    background-color: #EFEFEF;
}

/* PROJEKT */
.project .subtitle {font-weight: bold;}
.project .logo {float:right; margin: 0 0 10px 10px;}
.project span.label {width: 100px; display: inline-block;}
.project p.contactperson {margin-bottom: 0;}
.project div.contactperson {margin-bottom: 1em;}

/* FELOGIN */
.tx-felogin-pi1 fieldset {border: 0; padding: 0.5em 0 0; margin: 0;}

/* SOLR */
div.tx-solr {margin-bottom: 1em;}
div.tx-solr ul.tx-pagebrowse {list-style-type: none;}
div.tx-solr ul.tx-pagebrowse li {display: inline;}
div.tx-solr ul.tx-pagebrowse ol {display: inline; margin: 0;}
div.tx-solr ul.tx-pagebrowse ol li {display: inline-block; padding:2px 8px;}
div.tx-solr ul.tx-pagebrowse ol li.tx-pagebrowse-current {background-color: #e8f2f8;}
div.tx-solr ol.results-list li.results-entry h5 {margin-bottom: 0.2em;}
div.tx-solr ol.results-list li.results-entry h5 span.number {position: absolute; left: -999em;}

/* Social bookmarks */
.at-icon{fill:#fff;border:0}
.at-icon-wrapper{display:inline-block;overflow:hidden}
a .at-icon-wrapper{cursor:pointer}
.at-rounded,.at-rounded-element .at-icon-wrapper{border-radius:12%}
.at-circular,.at-circular-element .at-icon-wrapper{border-radius:50%}
.addthis_32x32_style .at-icon{width:2pc;height:2pc}
.addthis_24x24_style .at-icon{width:24px;height:24px}
.addthis_20x20_style .at-icon{width:20px;height:20px}
.addthis_16x16_style .at-icon{width:1pc;height:1pc}
#at16lb{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001;background-color:#000;opacity:.001}
#at_complete,#at_error,#at_share,#at_success{position:static!important}
.at15dn{display:none}
#at15s,#at16p,#at16p form input,#at16p label,#at16p textarea,#at_share .at_item{font-family:arial,helvetica,tahoma,verdana,sans-serif!important;font-size:9pt!important;outline-style:none;outline-width:0;line-height:1em}
* html #at15s.mmborder{position:absolute!important}
#at15s.mmborder{position:fixed!important;width:250px!important}
#at15s{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);float:none;line-height:1em;margin:0;overflow:visible;padding:5px;text-align:left;position:absolute}
#at15s a,#at15s span{outline:0;direction:ltr;text-transform:none}
#at15s .at-label{margin-left:5px}
#at15s .at-icon-wrapper{width:1pc;height:1pc;vertical-align:middle}
#at15s .at-icon{width:1pc;height:1pc}
.at4-icon{display:inline-block;background-repeat:no-repeat;background-position:top left;margin:0;overflow:hidden;cursor:pointer}
.addthis_16x16_style .at4-icon,.addthis_default_style .at4-icon,.at4-icon,.at-16x16{width:1pc;height:1pc;line-height:1pc;background-size:1pc!important}
.addthis_32x32_style .at4-icon,.at-32x32{width:2pc;height:2pc;line-height:2pc;background-size:2pc!important}
.addthis_24x24_style .at4-icon,.at-24x24{width:24px;height:24px;line-height:24px;background-size:24px!important}
.addthis_20x20_style .at4-icon,.at-20x20{width:20px;height:20px;line-height:20px;background-size:20px!important}
.at4-icon.circular,.circular .at4-icon,.circular.aticon{border-radius:50%}
.at4-icon.rounded,.rounded .at4-icon{border-radius:4px}
.at4-icon-left{float:left}
#at15s .at4-icon{text-indent:20px;padding:0;overflow:visible;white-space:nowrap;background-size:1pc;width:1pc;height:1pc;background-position:top left;display:inline-block;line-height:1pc}
.addthis_vertical_style .at4-icon,.at4-follow-container .at4-icon{margin-right:5px}
html>body #at15s{width:250px!important}
#at15s.atm{background:none!important;padding:0!important;width:10pc!important}
#at15s_inner{background:#fff;border:1px solid #fff;margin:0}
#at15s_head{position:relative;background:#f2f2f2;padding:4px;cursor:default;border-bottom:1px solid #e5e5e5}
.at15s_head_success{background:#cafd99!important;border-bottom:1px solid #a9d582!important}
.at15s_head_success a,.at15s_head_success span{color:#000!important;text-decoration:none}
#at15s_brand,#at15sptx,#at16_brand{position:absolute}
#at15s_brand{top:4px;right:4px}
.at15s_brandx{right:20px!important}
a#at15sptx{top:4px;right:4px;text-decoration:none;color:#4c4c4c;font-weight:700}
#at15sptx:hover{text-decoration:underline}
#at16_brand{top:5px;right:30px;cursor:default}
#at_hover{padding:4px}
#at_hover .at_item,#at_share .at_item{background:#fff!important;float:left!important;color:#4c4c4c!important}
#at_share .at_item .at-icon-wrapper{margin-right:5px}
#at_hover .at_bold{font-weight:700;color:#000!important}
#at_hover .at_item{width:7pc!important;padding:2px 3px!important;margin:1px;text-decoration:none!important}
#at_hover .at_item.athov,#at_hover .at_item:focus,#at_hover .at_item:hover{margin:0!important}
#at_hover .at_item.athov,#at_hover .at_item:focus,#at_hover .at_item:hover,#at_share .at_item.athov,#at_share .at_item:hover{background:#f2f2f2!important;border:1px solid #e5e5e5;color:#000!important;text-decoration:none}
.ipad #at_hover .at_item:focus{background:#fff!important;border:1px solid #fff}
.at15t{display:block!important;height:1pc!important;line-height:1pc!important;padding-left:20px!important;background-position:0 0;text-align:left}
.addthis_button,.at15t{cursor:pointer}
.addthis_toolbox a.at300b,.addthis_toolbox a.at300m{width:auto}
.addthis_toolbox a{margin-bottom:5px;line-height:initial}
.addthis_toolbox.addthis_vertical_style{width:200px}
.addthis_button_facebook_like .fb_iframe_widget{line-height:100%}
.addthis_button_facebook_like iframe.fb_iframe_widget_lift{max-width:none}
.addthis_toolbox a.addthis_button_counter,.addthis_toolbox a.addthis_button_facebook_like,.addthis_toolbox a.addthis_button_facebook_send,.addthis_toolbox a.addthis_button_facebook_share,.addthis_toolbox a.addthis_button_foursquare,.addthis_toolbox a.addthis_button_google_plusone,.addthis_toolbox a.addthis_button_linkedin_counter,.addthis_toolbox a.addthis_button_pinterest_pinit,.addthis_toolbox a.addthis_button_tweet{display:inline-block}
.at-share-tbx-element .google_plusone_iframe_widget>span>div{vertical-align:top!important}
.addthis_toolbox span.addthis_follow_label{display:none}
.addthis_toolbox.addthis_vertical_style span.addthis_follow_label{display:block;white-space:nowrap}
.addthis_toolbox.addthis_vertical_style a{display:block}
.addthis_toolbox.addthis_vertical_style.addthis_32x32_style a{line-height:2pc;height:2pc}
.addthis_toolbox.addthis_vertical_style .at300bs{margin-right:4px;float:left}
.addthis_toolbox.addthis_20x20_style span{line-height:20px}
.addthis_toolbox.addthis_32x32_style span{line-height:2pc}
.addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact,.addthis_toolbox.addthis_pill_combo_style a{float:left}
.addthis_toolbox.addthis_pill_combo_style a.addthis_button_tweet{margin-top:-2px}
.addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact{margin-right:4px}
.addthis_default_style .addthis_separator{margin:0 5px;display:inline}
div.atclear{clear:both}
.addthis_default_style .addthis_separator,.addthis_default_style .at4-icon,.addthis_default_style .at300b,.addthis_default_style .at300bo,.addthis_default_style .at300bs,.addthis_default_style .at300m{float:left}
.at300b img,.at300bo img{border:0}
a.at300b .at4-icon,a.at300m .at4-icon{display:block}
.addthis_default_style .at300b,.addthis_default_style .at300bo,.addthis_default_style .at300m{padding:0 2px}.at300b,.at300bo,.at300bs,.at300m{cursor:pointer}.addthis_button_facebook_like.at300b:hover,.addthis_button_facebook_like.at300bs:hover,.addthis_button_facebook_send.at300b:hover,.addthis_button_facebook_send.at300bs:hover{opacity:1}
.addthis_20x20_style .at15t,.addthis_20x20_style .at300bs{overflow:hidden;display:block;height:20px!important;width:20px!important;line-height:20px!important}
.addthis_32x32_style .at15t,.addthis_32x32_style .at300bs{overflow:hidden;display:block;height:2pc!important;width:2pc!important;line-height:2pc!important}
.at300bs{overflow:hidden;display:block;background-position:0 0;height:1pc;width:1pc;line-height:1pc!important}
.addthis_default_style .at15t_compact,.addthis_default_style .at15t_expanded{margin-right:4px}
#at_share .at_item{width:123px!important;padding:4px;margin-right:2px;border:1px solid #fff}
#at16p{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);z-index:10000001;position:absolute;top:50%;left:50%;width:300px;padding:10px;margin:0 auto;margin-top:-185px;margin-left:-155px;font-family:arial,helvetica,tahoma,verdana,sans-serif;font-size:9pt;color:#5e5e5e}
#at_share{margin:0;padding:0}
#at16pt{position:relative;background:#f2f2f2;height:13px;padding:5px 10px}
#at16pt a,#at16pt h4{font-weight:700}
#at16pt h4{display:inline;margin:0;padding:0;font-size:9pt;color:#4c4c4c;cursor:default}
#at16pt a{position:absolute;top:5px;right:10px;color:#4c4c4c;text-decoration:none;padding:2px}
#at15sptx:focus,#at16pt a:focus{outline:thin dotted}
#at15s #at16pf a{top:1px}
#_atssh{width:1px!important;height:1px!important;border:0!important}.atm{width:10pc!important;padding:0;margin:0;line-height:9pt;letter-spacing:normal;font-family:arial,helvetica,tahoma,verdana,sans-serif;font-size:9pt;color:#444;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);padding:4px}
.atm-f{text-align:right;border-top:1px solid #ddd;padding:5px 8px}
.atm-i{background:#fff;border:1px solid #d5d6d6;padding:0;margin:0;box-shadow:1px 1px 5px rgba(0,0,0,.15)}
.atm-s{margin:0!important;padding:0!important}
.atm-s a:focus{border:transparent;outline:0;transition:none}
#at_hover.atm-s a,.atm-s a{display:block;text-decoration:none;padding:4px 10px;color:#235dab!important;font-weight:400;font-style:normal;transition:none}
#at_hover.atm-s .at_bold{color:#235dab!important}
#at_hover.atm-s a:hover,.atm-s a:hover{background:#2095f0;text-decoration:none;color:#fff!important}
#at_hover.atm-s .at_bold{font-weight:700}
#at_hover.atm-s a:hover .at_bold{color:#fff!important}
.atm-s a .at-label{vertical-align:middle;margin-left:5px;direction:ltr}
.at_PinItButton{display:block;width:40px;height:20px;padding:0;margin:0;background-image:url(//s7.addthis.com/static/t00/pinit00.png);background-repeat:no-repeat}
.at_PinItButton:hover{background-position:0 -20px}
.addthis_toolbox .addthis_button_pinterest_pinit{position:relative}
.at-share-tbx-element .fb_iframe_widget span{vertical-align:baseline!important}
#at16pf{height:auto;text-align:right;padding:4px 8px}
.at-privacy-info{position:absolute;left:7px;bottom:7px;cursor:pointer;text-decoration:none;font-family:helvetica,arial,sans-serif;font-size:10px;line-height:9pt;letter-spacing:.2px;color:#666}
.at-privacy-info:hover{color:#000}
.body .wsb-social-share .wsb-social-share-button-vert{padding-top:0;padding-bottom:0}
.body .wsb-social-share.addthis_counter_style .addthis_button_tweet.wsb-social-share-button{padding-top:40px}
.body .wsb-social-share.addthis_counter_style .addthis_button_google_plusone.wsb-social-share-button{padding-top:0}
.body .wsb-social-share.addthis_counter_style .addthis_button_facebook_like.wsb-social-share-button{padding-top:21px}
@media print{
    #at4-follow,#at4-share,#at4-thankyou,#at4-whatsnext,#at4m-mobile,#at15s,.at4,.at4-recommended{display:none!important}
}
@media screen and (max-width:400px){.at4win{width:100%}
}
@media screen and (max-height:700px) and (max-width:400px){
    .at4-thankyou-inner .at4-recommended-container{height:122px;overflow:hidden}
    .at4-thankyou-inner .at4-recommended .at4-recommended-item:first-child{border-bottom:1px solid #c5c5c5}
}

#context .ce-image { width: 100%}
#context figure.image {margin: 10px auto;}
#context figure.image img{ max-width: 200px; height:auto}

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 768px) {
    #context .ce-image { width: auto; }
    #context figure.image { margin: 10px 20px; }
    #context figure.image {margin: 12px}
}

.infobox th  {text-align: center;}
.pager > li {display: inline;}

/** Mobile Menu **/

#mainnavi-mobile {
    display: none;
    position: fixed;
    z-index: 10;
    background-color: #f5f5f5;
    top: 260px;
    left: 0;
    right: 0;
    height: calc(100vh - 260px);
    overflow: scroll;
    padding: 0;
}

@media only screen and (min-width: 397px) {
    #mainnavi-mobile {
        top: 242px;
        height: calc(100vh - 242px);
    }
}

#mainnavi-mobile ul li a {
    font-size: 16px;
    padding: 4px 10px 4px 12px;
    background: url(../Images/menu_block.png) no-repeat left 11px;
}

.menu-button {
    font-size: 18px;
    color: #fff;
    background-color:#346494;
    border: none;
    padding: 10px 34px 10px 10px;
    position: relative;
    cursor: pointer;
}

.menu-button:before {
    position: absolute;
    top: 14px;
    right: 14px;
    display: block;
    content: ' ';
    background-image: url("../Images/integration-in-bonn_icon-menu-line.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    border: none;
}

.menu-button:hover,
.menu-button[aria-expanded=true] { background-color: #3f79b4; }

.menu-button[aria-expanded=true]:before {
    background-image: url("../Images/integration-in-bonn_icon-close-line.svg");
}

.menu-button[aria-expanded=true]+#mainnavi-mobile {
    display: block;
}


/** Footer **/

#footer {
    background-color: #e1e6ea;
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    border-top: 2px solid #7FBEE4;
}

#footer div[class^="footer-"] {
    margin-bottom: 25px;
}

#footer div[class^="footer-"]:last-child {
    margin-bottom: 0;
}

footer address { margin: 0; }

#footer * { font-style: normal; }

#footer a { color: #535557; }

#footer #footernavi ul {
    list-style: none;
    margin: 0;
}

#footer #footernavi ul li {

}

#footer #footernavi ul li::marker { display: none; }


@media only screen and (min-width: 768px) {
    #footer {
        flex-direction: row;
        gap: 0 60px;
        padding: 20px;
    }

    #footer div[class^="footer-"] { margin-bottom: 0; }
}