/*WYSIWYG:  .link#Link,.text-small#Text 12px,*/
/* pt-serif-regular - latin */


.evo_wysiwyg_placeholder {
    opacity: .5;
}

@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/pt-serif-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-700 - latin */
@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 700;
    src: url('/repos/files/APAB/fonts/pt-serif-v17-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-700.woff') format('woff'), /* Modern Browsers */
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/repos/files/APAB/fonts/pt-serif-v17-latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */
}

body { 
    font-family: 'PT Serif', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

a {
    color: #285078;
}
a.link,
a > .link,
.link > a,
a.back,
a.fwd {
    font-family: DINWeb-Cond;
    font-weight: 700;
    font-size: 18px;
}
a.link:before,
a > .link:before,
.link > a:before {
    content: '>';
    display: inline-block;
    margin-right: 5px;
}
a.back {
    display: inline-block;
    margin-top: 10px;
}
a.back:before {
    content: '<<';
    display: inline-block;
    margin-right: 5px;
}
a.fwd:after {
   content: '>>';
    display: inline-block;
    margin-left: 5px; 
}
.text-small {
    font-size: 12px;
}


h1 {
    font-size: 32px;
    margin-top: 0;
    line-height: 38.4px;
}

/*h2 kleiner gemacht für Inhaltsverzeichnis*/
h2 {
    font-size: 18px;
    font-weight: 200;
    color: #285078;
}

h1,
h3,
h4 {
    font-weight: 400;
    color: #285078;
}

h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h4 + h2,
h4 + h3,
h5 + h4 {
    margin-top: 0;
}


@media (max-width: 767px) {
    h1 {
        word-wrap: break-word;
    }
}
#main {
    min-height: calc(100vh - 564px);
}
@media (max-width: 991px) {
    #main {
        min-height: calc(100vh - 736px);
    }
}
@media (max-width: 767px) {
    #main {
        min-height: calc(100vh - 822px);
    }
}
.head {
    font-family: DINWeb-Cond;
    font-weight: 700;
    color: #000;
}

strong,
.bold {
    font-weight: 700;
}
.italic {
    font-style: italic;
}

/* Rene: keine Ahnung wie man styles in den Wysiwyg-Editor im HTML bekommt.. daher verwende ich einfach das Italic-Zeugs */
.faq-container .italic {
    font-style: normal !important;
    font-size: 12px !important;
}


.bg-blue {
    color: white;
    background-color: #285078;
}
.bg-blue a {
    color: #99CCFF;
}

.btn-max {
    width: 100%;
}

.btn {
    font-family: DINWeb-Cond;
    font-weight: 700;
    font-size: 18px;    
    padding-top: 10px;
    padding-bottom: 5px;
    border: none;
}
.btn:focus {
    outline: none;
}
.btn-primary {
    background-color: #285078;
}

form {
    font-family: DINWeb-Cond;
    font-weight: 400;
}
.form-group {
    position: relative;
}
.checkbox input[type="checkbox"] {
    margin: 1px 0 0 -20px;
}

.form-control {
    font-family: DINWeb-Cond;
    font-weight: 400;    
    font-size: 20px;
    padding: 6px 12px 3px;
    border-radius: 0;
    box-shadow: none;
    border-color: transparent;
    background-color: #F2F2F2;
}
/* prevent safari from showing ugly selects */
select {
    -webkit-appearance: none;  
}
/* put arrow on certain selects since the above code also removes select-arrows*/
#pieTable_length:after {
    content: "";
    border: 10px solid black;
    border-top: 12px solid black;
    border-bottom: 10px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    top: 25%;
    right: 33px;
    pointer-events: none;
}
.select_wrapper:after {
    content: "";
    border: 10px solid black;
    border-top: 12px solid black;
    border-bottom: 10px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    top: 36%;
    right: 18px;
    pointer-events: none;
}
.form-control:focus {
    border-color: #999;
    box-shadow: none;
}

.form-horizontal .control-label {
    font-weight: 400;
    font-size: 18px;
    text-align: left;
}
textarea.form-control {
    height: 224px;
}

.form-inline .control-label {
    position: relative;
    top: 8px;
}
.form-inline .form-control {
    width: 100%;
}

.form-control.has-error,
.form-control.has-error:hover,
.form-control.has-error:focus  {
    border-color: #285078;
}
label.required:after {
    content: '*';
}
.errors {
    /* display: none; */
    display: inline;
    list-style: none;
    position: absolute;
    top: 9px;
    right: 15px;
}


.form-group {
    position: relative;
}


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

/*
* Navigation / Header
*/

.navbar-nav > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 30px;
    padding-right: 30px;
}
.navbar-right > li > a {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px !important;
    padding-bottom: 5px !important;    
    height: 38px;
}


header > nav {
    padding-top: 5px;
    padding-bottom: 5px;
}

header .nav > li > a {
    font-size: 18px;
    color: white;
}
.nav > li:hover,
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.open,
.nav > li.open > a,
.nav > li.open > a:focus,
.nav > li.open > a:hover,
.nav > li.active > a {
    background-color: #000033;
}

.navbar-brand {
    height: auto;
    padding: 10px 0;
}

.navbar-toggle {
    margin: 0;
    padding-top: 26px;
    padding-bottom: 26px;
    border-radius: 0;
    transition: background linear .15s;
}
.navbar-toggle[aria-expanded="true"] {
    background-color: #285078;
}
.navbar-toggle .icon-bar {
    background-color: #285078;
    border-radius: 0;
}
.navbar-toggle[aria-expanded="true"] .icon-bar {
    background-color: #fff;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 2px;
}
.navbar-collapse {
    box-shadow: none;
}
.navbar-container.fixed-header {
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 100;
    border-bottom: 1px solid white;
}
.fixed-header-fix.fixed-header-fix {
    top: 77px
}

@media (min-width: 992px) {
    .container.banner-container_wrapper {
        width: 960px;
    }
}


/* Search */
#searchWrap,
#searchWrap-xs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 224px;
    background-color: #E6E6E6;
    padding-top: 2px;
}
#searchWrap .form-control,
#searchWrap-xs .form-control{
    border: none;
    background-color: #E6E6E6;
}
#searchWrap .form-control:focus,
#searchWrap .form-control:active,
#searchWrap-xs .form-control:focus,
#searchWrap-xs .form-control:active {
    outline: 0;
    box-shadow: none;
    border: none;
}
#searchWrap .btn,
#searchWrap-xs .btn{
    background-color: transparent;
    border: none;
    padding: 0 8px;
}
#searchWrap .btn:focus,
#searchWrap .btn:active,
#searchWrap-xs .btn:focus,
#searchWrap-s .btn:active {
    outline: 0;
    box-shadow: none;
    border: none;
}

#searchWrap-xs {
    top: 100%;
    left: 0;
    bottom: auto;
    width: auto;
    margin-left: 0;
    border-top: 2px solid #285078;
    height: 40px;
    z-index: 100;
}



.shortcut-list {
    list-style: none;
    padding: 0;
    margin: 0;    
    float: right;
    height: 68px;
}
.shortcut-list > li {
    display: inline-block;
    vertical-align: middle;
    height: 68px;
    padding: 0 8px;
}
.shortcut-list > li > a {
    display: block;
    height: 100%;
    padding-top: 20px;
}
.shortcut-list > li.active {
    background-color: #285078;
}
.shortcut-list > li.active svg use {
    fill: #fff;
}



@media (max-width: 991px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: white;
        border-bottom: 2px solid #285078;      
        z-index: 99;
    }
    header + #main-banner,
    header + .content,
    header + .breadcrumb-wrapper {
        margin-top: 68px;
    }    
    .navbar-nav {
        margin: 0 -8px;
    }
    .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }
    header > nav {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-brand {
        padding: 10px 5px;
    }    
}


/*
* Dropdown
*/

.dropdown-menu {
    padding: 0 8px 8px;
    border-radius: 0;
    border: none;
    width: 250px;
}
.dropdown-menu > li > a {
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
    white-space: normal;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus {
    background-color: transparent;
    color: #285078;
}
.dropdown-menu > li > a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: white;
        padding: 0 16px;
    }
    .navbar-nav .open .dropdown-menu > li > a, 
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 5px;
    }
    .navbar-container {
        position: fixed;
        left: 0;
        right: 0;
        box-shadow: 0px 13px 15px -8px rgba(0,0,0,.5);      
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav .open .dropdown-menu {
        background-color: white;
        padding: 0 16px;
    }
    .navbar-nav .open .dropdown-menu > li > a, 
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 5px;
    }
    .navbar-container {
        position: fixed;
        left: 50%;
        right: 0;
        box-shadow: 0px 13px 15px -8px rgba(0,0,0,.5);      
    }
}


/*
* Breadcrumb
*/
.breadcrumb-wrapper {
    background-color: #E6E6E6;
}
.breadcrumb > li + li:before {
    content: ': ';
    padding: 0 1px 0;
    color: #666;
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.breadcrumb {
    padding: 8px 0 5px;
    background-color: #E6E6E6;
    margin-bottom: 0;
}
.breadcrumb > li {
    font-family: DINWeb-Cond;
    font-weight: 700;    
    font-size: 16px;
    text-transform: uppercase;
}


/*
* Collapse
*/
[data-evo-wysiwyg-sid] .collapse {
    display: block;
}
.panel {
    box-shadow: none;
}
.panel-group {
    margin-bottom: 0;
}
.panel {
    border: none;
}
.panel-group .panel {
    border-radius: 0;
    margin-bottom: 3px;
    margin-top: 15px;
}
.panel-heading {
    padding: 0;
}
.panel-title {
    font-family: inherit;
    font-size: 28px;
    font-weight: 400;    
    position: relative;
    padding: 5px 50px 5px 0;
    display: block;
    color: #285078;
}
.body-faq .panel-title {
    font-size: 18px;
    font-weight: 200;
}
.panel-title > p {
    margin: unset;
}
.panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
}
.panel-title > .media {
    color: #000;
}

.panel-title:hover,
.panel-title:focus {
    text-decoration: none;
    color: #285078;    
}
.panel-title:after {
    content: '';
    font-size: 16px;
    position: absolute;
    right: 5px;
    bottom: 11px;
    display: block;
    width: 24px;
    height: 10px;
    background-image: url("/DE/repos/files/APAB/ico%5fexpand%2esvg?exp=139880&fps=9f89268482e95b6428fa897500078b855db6b244");
    background-repeat: no-repeat;
    background-position: center center;
}
.panel-title[aria-expanded="true"]:after {
    background-image: url("/DE/repos/files/APAB/ico%5fcollapse%2esvg?exp=139878&fps=84be3f6fd0adc4a8883a97b815b7fd8bb92426c3");
}

#documentView > ul { padding: 0; margin: 0; }
#documentView ul li .folder-link { position: relative; }
#documentView ul li .folder-link + ul { display: none; margin-top: 8px; }
#documentView ul li .folder-link.open + ul { 
    display: block; 
    margin-top: -10px;
}

#documentView ul li .folder-link.open + ul li:first-child { 
    /*display:none;*/
}

/*#documentView ul li > a.folder-link:before {
content: '+';
padding: 0 8px;
}*/
/*#documentView ul li > a.folder-link.open:before {
content: '-';
}
*/
#documentView ul li a.folder-link {
    position: relative;
    display: block;
    padding: 8px 0 13px 0;
    text-decoration: none;
    color: #285078;
    font-size: 24px;
    line-height: 38.4px;
}
/*#documentView ul li > a.folder-link.open {
background-color: #ccc;
}
*/
.folder-link svg {
    width: 28px;
    height: 13px;
    float: right;
    margin-top: 12px;
    transform: rotate(180deg);
    transition: transform .1s ease-in-out;
}
.folder-link.open svg {
    transform: rotate(0deg);
    transition: transform .1s ease-in-out;
}
.folder-link:after,
.folder-link.open + ul li.media .media-right:after {
    content: "";
    background-image: -moz-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(211,211,211,0)),color-stop(50%,rgba(179,179,179,1)),color-stop(100%,rgba(211,211,211,0)));
    background-image: -webkit-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -o-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: linear-gradient(to right,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    display: block;
    height: 1px;
    clear: both;
    border-top: none;
    margin-top: 20px;
    margin-bottom: 3px;
}

.media.folder-item:first-child {
    margin-top: unset;
}
.body-organe .media:first-child {
    margin-top: 0;
}

.media.folder-item {
    margin-bottom: unset;
    margin-top: -5px;
}

.body-Presse .media, .body-rundschreiben .media, .body-musterformulare .media, .body-zahlenFakten .media, .body-compliance .media, .body-qualitaetssicherung .media, .body-internationale-kooperation .media,
.body-information_in_english .media, .body-rundschreiben .media {
    margin-bottom: 15px;
}

.media:first-child {
    margin-top: 15px;
}

.media-left {
    vertical-align: middle;
}

#documentView .loader-absolute { position: absolute; right: 36px; top: 17px; }
#documentView .loader-dense { width: 16px; height: 16px; }

#documentView ul .folder-item:nth-of-type(2) ul li:first-of-type a[data-path="/open/Musterformulare/"]{
    display: none;
}


/*
#filesList .panel { box-shadow: none; }
#filesList .panel-default > .panel-heading {
background-color: transparent;
border: none;
}
#filesList .panel-title { background-image: none; }
#filesList .panel-title:after {
content: '';
height: 0;
width: 0;
background-image: none;
}
#filesList .panel-title[aria-expanded="true"]:after {
background-image: none;
}
#filesList .panel-title:before {
content: '+';
display: inline-block;
text-align: center;
width: 24px;
}
#filesList .panel-title[aria-expanded="true"]:before {
content: '-';
}
*/

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}
.panel-body {
    padding: 8px 0;
}
.panel-body > .panel-group {
    padding-left: 25px;
}

.body-Prüfungsausschüsse .panel-body .media:first-child {
    margin-top: 40px;
}


/*
* Banner
*/
#main-banner {
    display: block;
    height: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-top: 1px solid white;
}
.body-apab #main-banner,
.body-login #main-banner {
    background-image: url("/DE/repos/files/APAB/startimage%2epng?exp=139896&fps=1d2931e88f94ad359af5f569e309e83c96954a0c");    
    height: 540px;    
}

/*.body-karriere #main-banner {
background-image: url(@'/repos/files/APAB/SMALL_Fotolia_50089016_L_Retouche.jpg');    
height: 540px;    
}*/
.body-kontakt #main-banner,
.body-kontakt_wb #main-banner {
    /*background-color: #ddd;
    height: 540px;  */
    display: none;
}

/*
* Content
*/
.content {
    margin-top: 20px;
}
.main-col {
    padding-top: 10px;
}
.highlight {
    color: #285078;
}
.info-col {
    font-family: DINWeb-Cond;
    font-weight: 400;
    font-size: 18px;
    margin-top: 10px;
}

/*
* Boxes Landingpage
*/
.box-wrapper {
    margin-top: 16px;
}
.box { 
    font-family: DINWeb-Cond;
    font-weight: 400;    
    font-size: 20px;
    padding: 16px 12px;
    background-color: #e6e6e6;
    display: block;
}
a.box:hover {
    text-decoration: none;
}
.box + .box {
    margin-top: 16px;
}

.box .form-control {
    background-color: white;
    height: 40px;
}

.box-headline {
    display: table;
    width: 100%;
    margin-bottom: 8px;
}
.box-headline h4 { font-weight: 700; }
.box-headline h4,
.box-headline i {
    display: table-cell;
    width: 50%;
    color: #285078;
    vertical-align: top;
}  
.box-content {
    color: black;
    line-height: 1.2;
}

.box-content .btn {
    font-size: 18px;
}
.box-wrapper .box-content p {
    margin-bottom: 16px;
}
.box-wrapper .btn {
    height: 40px;
    margin-bottom: 16px;
}
/*
Ende Boxes Landingpage
*/
/*Boxes*/
.box-wrapper .box-headline h4 {
    margin-bottom: 12px;
    line-height: 28.8px;
}
div[data-target="#registerModal"] svg {
    height: 12px;
    width: 8px;
    margin-right: 4px;
}
.box-wrapper .box-content form div[data-toggle="modal"] {
    text-align: center;
}
/*Ende Boxes */
/* Modale */
.modal-dialog.modal-dialog-centered {
    width: 464px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}    
.modal-content {
    border-radius: 0;
}
#registerModal .modal-dialog.modal-dialog-centered {
    margin-top: calc(100vh / 2 - 130px);
    margin-left: auto;
    margin-right: auto;
}
#meetingModal .modal-dialog.modal-dialog-centered {
    margin-top: calc(100vh / 2 - 250px);
    margin-left: auto;
    margin-right: auto;
}
.modal-content h4 {
    font-size: 24px;
    line-height: 28.8px;
    white-space: nowrap;
    letter-spacing: -0.5px;
    color: #285078;
    font-family: DINWeb-Cond;
    font-weight: 700;
}
.modal-header {
    border-bottom: none;
}
.modal-footer {
    border-top: none;
    text-align: center;
    text-align: center;
    padding-top: 0;
}
.modal-header {
    padding-top: 32px;
    padding-bottom: 16px;
}
.modal-body {
    padding-top: 0;
    padding-bottom: 24px;
}
.modal-body a {
    display: block;
    font-size: 24px;
    line-height: 22px;
    font-weight: 700;
    margin-top: 24px;
}
.modal-body a:hover {
    text-decoration: none;
    color: #285078;
}
.modal-footer .btn {
    width: 144px;
    height: 48px;
    padding: 0;
    line-height: 48px;
}
.modal-footer {
    padding-bottom: 32px;
}
body.body-apab_new.modal-open {
    padding-right: 0 ! important;
}
.font-bigblue {
    font-size: 24px;
    line-height: 30px;
    color: #285078;
    margin-bottom: 8px;
}
.modal-body .font-bigblue:nth-of-type(2) {
    margin-top: 24px;
}
#meetingModal .modal-body {
    font-size: 16px;
    line-height: 22px;
}
/*Ende Modale */

/*Serviceplattform */
#listview h4.head {
    background-color: #E6E6E6;
    padding-top: 19px;
    padding-left: 16px;
    padding-bottom: 16px;
    margin-bottom: 0;
}
#pieTable_length {
    background-color: #E6E6E6;
    margin-left: -8px;
    padding-right: 16px;
    padding-bottom: 16px;
    text-transform: uppercase;
    font-family: DINWeb-Cond;
    font-size: 22px;
    line-height: 21.6px;
}
#pieTable_filter {
    background-color: #E6E6E6;
    margin-right: -8px;
    padding-left: 16px;
    padding-bottom: 16px;
    text-align: left;
    text-transform: uppercase;
    font-family: DINWeb-Cond;
    font-size: 22px;
    line-height: 21.6px;
}
#listview .row:first-of-type {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "seccol firstcol";
}
#listview .row:first-of-type .col-sm-6:first-of-type {
    grid-area: firstcol;
    width: calc(100% - 8px);
    background-color: #E6E6E6;
    margin-right: 8px;
}
#listview .row:first-of-type .col-sm-6:nth-of-type(2) {
    grid-area: seccol;
    width: 100%;
}
div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select{
    height: 40px;
    background-color: white;
    margin-left: 8px;
    border: 1px solid #ccc;
}

#pieTable_filter label{
    width: 87%;
}
#pieTable_length label {
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    float: left;
    width: 100%;
    column-gap: 8px;
}
#pieTable thead {
    text-transform: uppercase;
}
#pieTable tbody tr td:first-of-type {
    display: none;
}
#pieTable {
    margin-top: 17px !important;
    max-width: 100% !important;
    width: 100% !important;
}
#pieTable th {
    padding-bottom: 28px;
    border-bottom: none;
    vertical-align: top;
}
#pieTable_wrapper .paginate_button a {
    border: none;
    text-transform: lowercase;
    background-color: transparent;
    font-family: 'PT Serif', serif;
    line-height: 24px;
}
#pieTable thead th:last-of-type {
    width: 0 !important;
    border: 0;
    padding: 0;
    display: none;
}
#pieTable td {
    padding-top: 10px;
    padding-bottom: 11px;    
}
#pieTable tbody tr td {
    border-top: 1px solid #999999;
}
#pieTable tbody tr:last-of-type td {
    border-bottom: 1px solid #999999;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: white;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f2f2f2;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background-color: transparent;
    color: black; 
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 10px;
    margin-bottom: 89px;
}
/*Ende Serviceplattform */

.body-kontakt .textblock > h4 {
    line-height: 24px;
}
.body-kontakt .textblock > h4 + h1 + div p {
    line-height: 24px;
}
.body-kontakt .textblock > h4 + h1 {
    margin-bottom: 16px;
}
.body-kontakt .textblock + style + div h4 {
    line-height: 30px;
    margin-bottom: 8px;
}
.requiredInfo {
    line-height: 24px; 
}
#contactForm label {
    font-size: 20px;
    line-height: 48px;
}
#contactForm input {
    height: 48px;
    width: 100%;
}
#contactForm textarea {
    width: 100%;
}
.dsgvotext {
    width: 75%;
    position: absolute;
    right: -8px;
    bottom: 0;
    font-size: 12px;
    line-height: 18px;
}
.contactform {
    position: relative;
    padding-bottom: 34px;
}
.form-group:nth-last-of-type(3) {
    margin-top: 90px;
}
.body-login .form-group:nth-last-of-type(3) {
    margin-top: 0;
}
@media (max-width: 767px) {
    .dsgvotext {
        width: 100%;
        bottom: 0;
        margin-bottom: 21px;
    }
    .form-group:nth-last-of-type(3) {
        margin-top: 100px;
    }
    button#reset {
        margin-bottom: 12px;
    }
}
@media (max-width: 505px) {
    .contactform {
        position: relative;
        padding-bottom: 84px;
    }
}
/*Textblock Grau (Kontaktseite) */
.textblock.bg_grey {
    font-size: 18px;
    line-height: 24px;
}
.textblock.bg_grey {
    background-color: #F2F2F2;
    padding: 16px 12px;
    margin-bottom: 16px;
}
.textblock.bg_grey h4 {
    color: #285078;
    line-height: 28.8px;
    margin-top: 0;
    margin-bottom: 16px;
}
.textblock.bg_grey p {
    margin-bottom: 0;
}
.textblock.bg_grey hr {
    display: none;
}
.body-kontakt .textblock.bg_grey + .textsimple p {
    margin-bottom: 0; 
}
.body-kontakt .textblock.bg_grey + .textsimple a {
    font-size: 20px;
    line-height: 24px;
}
.body-kontakt section + .container {
    padding-top: 12px; 
}
.body-kontakt .info-col {
    margin-top: 21px;
}
@media (max-width: 991px) {
    .body-kontakt section + .container {
        margin-top: 68px; 
    }
    .body-login .box {
        width: 100%; 
    }
}


/*Ende Textblock Grau (Kontaktseite) */
@media (max-width:1199px) {
    table#pieTable {
        max-width: 623px !important;
    }
}
@media (max-width: 991px) {
    table#pieTable {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 8px;
        padding-right: 4px;
    } 
}
@media (max-width: 767px) {
    table#pieTable {
        white-space: normal;
        word-break: break-all;
    }
    #pieTable_info {
        text-align: left;
        float: left;
    }
    #pieTable_paginate {
        text-align: right;
        float: right;
        margin-top: 4px;
    } 
}
@media (max-width:560px) {
    #listview .row:first-of-type {
        grid-template-areas:
            "seccol seccol"
            "firstcol firstcol";
    }
    div#pieTable_filter {
        margin-top: -1px;
        margin-right: 0;
        padding-right: 8px;
    }
    #listview .row:first-of-type .col-sm-6:first-of-type {
        width: calc(100% - 16px);
        float: right;
        margin-left: 8px;
        margin-top: -1px;
        padding-left: 0;
    }
    div#pieTable_length {
        margin-left: 16px;
    }
    div.dataTables_wrapper div.dataTables_filter input {        
        margin-left: 45px;
        margin-right: 16px;
    }
    #pieTable_length label {
        padding-bottom: 18px;
    }
    #pieTable_filter label {
        width: 100%;
        display: flex;
        align-items: center;
    }
    #listview .row:nth-of-type(2) .col-sm-12 {
        overflow: scroll;
    }
    table#pieTable {
        word-break: keep-all;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .box:nth-child(1),
    .box:nth-child(2){
        display: inline-block;
        margin-top: 0 !important;
        vertical-align: top;
    }
    .box:nth-child(1) { 
        grid-area: box-one;
    }
    .box:nth-child(2) {
        margin-left: 11px;
        grid-area: box-two;
    } 
    .box:nth-child(3) { 
        grid-area: box-three;
    }
    .box:nth-child(4) { 
        grid-area: box-four;
    }
    .box-wrapper {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-areas:
            "box-one box-two"
            "box-three box-three"
            "box-four box-four";
    }
}

/*
* Tables
*/
#registerTable.table {
    width: 100% !important;
}
#registerTable.table > tbody > tr > td > a {
    font-family: "PT Serif";
    font-weight: 400;
}
#registerTable.table > thead > tr > th {
    font-family: DINWeb-Cond;
    font-weight: 700;
    font-size: 16px;
    padding: 3px 8px 0px;
    text-transform: uppercase;
}
#registerTable.table > thead > tr > th:nth-child(2),
#registerTable.table > thead > tr > th:nth-child(3),
#registerTable.table > thead > tr > th:nth-child(4),
#registerTable.table > tbody > tr > td:nth-child(2),
#registerTable.table > tbody > tr > td:nth-child(3),
#registerTable.table > tbody > tr > td:nth-child(4){
    text-align: center;
}

#registerTable.table > thead > tr {
    background-color: #285078;
    color: white; 
}

.table.table-hover > tbody > tr {
    height: 40px;
}

.table > thead > tr > th {
    border-bottom: 1px solid #285078;
    font-family: DINWeb-Cond;
    font-weight: 700;
    line-height: 20px;
}

.table > tbody > tr > td {
    vertical-align: middle;
}
.table > tbody > tr:not(.table-headline) > td {
    padding: 0 8px;
}
.table > tbody > tr > td > a,
.table > tbody > tr > td > span {
    display: block;
    width: 100%;
    padding: 8px 0 7px 0;
    color: #333;
}
.table-clear { margin-bottom: 0; }
.table-clear > tbody > tr > th,
.table-clear > tbody > tr > td  {
    border: none;
}

.table-clear table {
    width: 100%;
}

.table-filter > tbody > tr > td {
    padding: 0 !important;
}
.table-filter > tbody > tr > th {
    padding: 0 4px !important;
}  

.table-filter table > tbody > tr > td {
    padding: 4px;
}

table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:after {
    bottom: 1px;
}

/*Overwrite bootstrap standard line-height update 21.2.2023, hanna*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr 
> th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 1.8;
    font-weight: 100;
}

.body-enforcement .tt_text {
    line-height: 1.8;
}

@media (max-width: 991px){
    .dataTables_wrapper .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }
    /* .dataTable { width: auto !important; } */
    #registerTable th:nth-child(1),
    #registerTable td:nth-child(1) {
        width: 50% !important;
    }
    #registerTable th:nth-child(2),
    #registerTable td:nth-child(2),
    #registerTable th:nth-child(3),
    #registerTable td:nth-child(3)    {
        width: 25% !important;
    }    
    #registerTable td {
        word-break: break-all;
    }  
}

@media (max-width: 499px){
    #registerTable.table > tbody > tr > td:nth-child(2) {
        text-align: right;
        vertical-align: bottom;
    }
}


/*
* Pagination
*/
.pagination {
    font-family: DINWeb-Cond;
    font-weight: 400;
}
.pagination>li>a, 
.pagination>li>span {
    color: #285078;
    /*padding: 6px 12px 3px;*/
    padding: 0 4px;
}

.body-register #searchResult .pagination>li>a,
.body-qsp #searchResult .pagination>li>a {
    padding: 6px 12px 3px;  
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background-color: #285078;
    border-color: #285078;
} 


/*
* ABC-Search
*/
.alphabet {
    font-family: DINWeb-Cond;
    font-weight: 400;
    font-size: 20px;
    display: table;
    width: 100%;
    margin: 5px 0;
}

.alphabet span {
    display: table-cell;
    color: #333;
    cursor: pointer;
    text-align: center;
    width: 3.3%;
    padding-top: 3px;
}
.alphabet i {
    display: table-cell;
    color: #333;
    text-align: center;
    width: 3.3%;
}  

.alphabet span:hover,
.alphabet span:not(.clear).active {
    color: white;
    background-color: #285078;
} 


/*
* Well
*/
.well {
    border-radius: 0;
    background-color: #E6E6E6;
    border-color: #E6E6E6;
    box-shadow: none;
}

.well-xs {
    padding: 8px;
}

.well .form-control {
    background-color: white;
}
/*
* Forms
*/
.form-group {
    margin-bottom: 8px;
}

.body-whistleblower .g-recaptcha > div, .body-whistleblowerE .g-recaptcha > div {
    margin-left: auto;
    margin-right: 5px;
}
/*
/* Mediaqueries
*/
@media (min-width: 768px) and (max-width: 991px) {
    .container:not(.banner-container_wrapper) {
        width: 100%;
    }
}
@media (max-width: 767px) {    
    .text-center-xs {
        text-align: center;
    }

    /* #main-banner {
    display: none;
}
    .content {
    margin-top: 70px;
}*/
    /* Modale */
    .modal-dialog.modal-dialog-centered {
        width: 360px;
    }
    .modal-content h4 {
        white-space: normal;
    }
    .font-bigblue {
        font-size: 20px;
        line-height: 24px;
    }
    #meetingModal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/*
* SVG
*/
.svg-wrapper {
    display: inline-block;
    position: relative;
}
.svg-file-icons {
    width: 70px;
    height: 86px;
}

.svg-wrapper > svg {
    width: 100%;
    height: 100%;
}
svg use {
    fill: #fff;
}

.svg-search { width:24.71px; height:24.71px;  }
.svg-lang-en { width:27px; height:26.74px; }
.svg-lang-de { width:27px; height:26.74px; }
.svg-logo { width: 203.93px; height: 57.74px; }


.fill-blue > svg use { fill: #285078; }

/*
* Footer
*/
#main-banner + footer {
    margin-top: 0;
}
footer {
    font-family: DINWeb-Cond;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
}
hr {
    margin-top: 32px;
    margin-bottom: 32px;
}
.size-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.info-col hr {
    margin-top: 22px;
    margin-bottom: 22px;
}
hr,
.hr-gradient {
    background-image: -moz-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(211,211,211,0)),color-stop(50%,rgba(179,179,179,1)),color-stop(100%,rgba(211,211,211,0)));
    background-image: -webkit-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -o-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: linear-gradient(to right,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);

    display: block;
    height: 1px;
    clear: both;

    border-top: none;
}
.as-bg {
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top;
    height: auto;
}
.panel:after {
    content: "";
    background-image: -moz-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(211,211,211,0)),color-stop(50%,rgba(179,179,179,1)),color-stop(100%,rgba(211,211,211,0)));
    background-image: -webkit-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -o-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: linear-gradient(to right,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    display: block;
    height: 1px;
    clear: both;
    border-top: none;
    margin-top: 20px;
    margin-bottom: 3px;
}
.body-organe .panel-title {
    background-image: -moz-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(211,211,211,0)),color-stop(50%,rgba(179,179,179,1)),color-stop(100%,rgba(211,211,211,0)));
    background-image: -webkit-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -o-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-image: linear-gradient(to right,rgba(211,211,211,0) 0%,rgba(179,179,179,1) 50%,rgba(211,211,211,0) 100%);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    height: auto;
    clear: both;

    border-top: none;
}
.body-organe .panel:after {
    content: "";
    background-image: unset;
    background-image: unset;
    background-image: unset;
    background-image: unset;
    background-image: unset;
    background-image: unset;
    margin-top: 0px;
    margin-bottom:0px;
}
.body-organe .panel-title {
    /*font-family: DINWeb-Cond; - Schriftart ev ändern?*/
    font-weight: 400;
    font-size: 16px;
    position: relative;
    padding: 30px 50px 0 0;
    display: block;
    color: #285078;
}
.body-organe hr {
    margin-top: 20px;
}

footer a {
    font-family: DINWeb-Cond;
    font-weight: 400;
}
footer svg {
    height:10px;
    width: 5px;
    margin-right: 4px;
    display: inline;
}
footer .tel {
    margin-bottom: 20px;
    display: block;
}
footer .row:before {
    display: none;
}
footer h5 {
    font-size: 20px;
    line-height: 21.6px;
    margin-bottom: 16px;
    margin-top: 4px;
}
@media (min-width: 768px) and (max-width: 991px) {
    footer .row:first-of-type {
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: repeat(2, 304px);
        grid-row-gap: 16px;
        grid-column-gap: 16px;
        justify-content: center;
    }
    footer .row:nth-of-type(2) {
        font-size: 18px;
        line-height: 21.6px;
    }
    footer {
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    footer .tel + svg + a {
        margin-right: 16px;
    }
    footer .row:first-of-type div:first-of-type {
        grid-area: address;
    }
    footer .row:first-of-type div:nth-of-type(2) {
        grid-area: divider;
    }
    footer .row:first-of-type div:nth-of-type(3) {
        grid-area: services;
    }
    footer .row:first-of-type div:nth-of-type(4) {
        grid-area: publish;
    }
    footer .row:first-of-type div:nth-of-type(5) {
        grid-area: info;
    }
    footer .row:first-of-type {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: auto;
        grid-template-areas: 
            "address address" 
            "divider divider" 
            "info services" 
            "publish .";
    }
    footer .tel {
        margin-bottom: 9px;
    }
    footer h5:last-of-type {
        margin-top: 32px;
    }
    footer .row:nth-of-type(2) {
        font-size: 16px;
    }
    footer .row:nth-of-type(2) a {
        font-size: 16px;
    }
    .media-heading {
        font-size: 18px;
        word-break: break-word;
    }
}
/* SPINNER / LOADING */
/* Spinner Circle Rotation */
.sp-circle {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    border: 2px solid #b2b2b2;
    border-top: 2px solid #285078;
    border-radius: 50%;
    -webkit-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear;
}

@-webkit-keyframes spCircRot {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}
@keyframes spCircRot {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}


.media-body label {
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

#download-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;

    padding: 15px 0;
    background-color: #E6E6E6;

    box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#download-wrapper button {
    border: none;
    background-color: transparent;
    color: #285078;
}
#download-wrapper button:before {
    content: ">";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/*
* Fonts
*/
@font-face {
    font-family: DINWeb-Cond;
    src: url("/DE/repos/files/APAB/fonts/DINWeb-CondBold%2ewoff?exp=139826&fps=c252416051ce2e6dabf60b3e89525d157438c844") format("woff");
    font-weight: 700;
}

@font-face {
    font-family: DINWeb-Cond;
    src: url("/DE/repos/files/APAB/fonts/DINWeb-Cond%2ewoff?exp=139824&fps=e4d5d711fb2669cc5b6146d5c514fb670da9dbb4") format("woff");
    font-weight: 400;  
}

.glyphicon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.listeohnelink {
    pointer-events: none;
    cursor: default;
}

/* FAQ test changes*/
/*.h3-faq {
font-size: 22px;
cursor: pointer;
}*/
.body-login .modal-body {
    padding: 15px;
}

a[aria-label="learn more about cookies"],
a[aria-label="dismiss cookie message"]{
    display:none;  
}
p a,
.startbox_text a,
.body-news h3 + p + a{
    color: #285078;
    text-decoration: underline;
}
.trunc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
p.trunc ~ p {
    display: none;
}
[id^=news-] h3 {
    margin-top: 5px;
}
[id^=news-] + hr {
    margin-top: 20px;
    margin-bottom: 24px;
}
.link ~ .the-share-button {
    margin-top: -47px;
}
.body-Standardsetzung .table > tbody > tr > td > a {
    color: #000;
}