:root {
    --color-yellow: #FFFF00;
    --color-yellow: #fcf137;
    --color-text: #000000;
    --color-gray: #AAAAAA;
    --color-lightgray: #F1F1F1;
    --color-lightgraydarker: #E1E1E1;
}
/*
 ------------------------------------------------------------------------------------------
 PRINT
 ------------------------------------------------------------------------------------------
 */
.screen-reader-text {
    display: none;
}

/*
 ------------------------------------------------------------------------------------------
 ALLGEMEINES
 ------------------------------------------------------------------------------------------
 */
html {
    font-size: 62.5%;
}

body {
    background: transparent;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-family: SourceSerif, serif;

    min-width: 320px;

    background: var(--color-lightgray);
}

@media screen and (min-width: 1200px) {
    body {
        line-height: 1.5;
    }
}

* {
    color: var(--color-text);
}

.site-main a {
    color: inherit;
    text-decoration: underline;
}

.font-sans-serif {
    font-family: Arial, Helvetica, sans-serif;
}

.font-size-m {
    font-size: 20px;
    font-size: 2rem;
}

.font-size-l {
    font-size: 24px;
    font-size: 2.4rem;
}

.font-size-xl {
    font-size: 30px;
    font-size: 3rem;
}

.font-size-xxl {
    font-size: 40px;
    font-size: 4rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

a:focus,
a:hover {
    outline: none;
}

input:focus {
    outline: none;
}

.btn {
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px 15px;
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 1.5;
    border-radius: 0;
    text-decoration: none !important;
}

.btn-primary {
    color: var(--color-yellow) !important;
    background-color: #000000;
    border-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: #000000 !important;
    background-color: var(--color-yellow) !important;
    border-color: var(--color-yellow) !important;
}

.btn.focus,
.btn:focus,
.btn-primary.focus,
.btn-primary:focus {
    box-shadow: none !important;
}

@media (max-width: 991px) {
    .container {
        max-width: none !important;
    }
}

.stretched-link:hover {
    cursor: pointer;
}

/*
 ------------------------------------------------------------------------------------------
 HEADER
 ------------------------------------------------------------------------------------------
*/
header.site-header {
    background: #000;
    border: 15px solid #FFFFFF;
    border-bottom: none;
    padding: 0 0 45px;
}

header.site-header,
header.site-header * {
    font-family: Helvetica, Arial, sans-serif;
    /*font-size: 15px;
    font-size: 1.5rem;*/
}

header.site-header .container {
    padding: 0;
}

header.site-header .navbar {
    display: block;
    padding: 0;
}

header.site-header .header-wrap {
    display: flex;
}

header.site-header .header-wrap-home-link-container {
    flex: 0 0 auto;
    padding: 0 15px;
}

header.site-header .header-wrap-nav-container {
    flex: 1 1 auto;
}

@media screen and (max-width: 767px) {
    header.site-header {
        padding: 0 0 30px;
    }

    header.site-header .header-wrap {
        flex-flow: column;
    }

    header.site-header .header-wrap-nav-container {
        padding: 30px 0 0 15px;
    }
}

/*
 ------------------------------------------------------------------------------------------
  HEADER NAVBAR
 ------------------------------------------------------------------------------------------
*/
.home-link-container  {
    width: 150px;
}
.home-link-container a.home-link {
    height: 150px;
    background: var(--color-yellow);
    padding: 15px;
    display: flex;
    /*justify-content: space-around;*/
    align-items: center;
    font-size: 30px;
    font-size: 3rem;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: inherit;
    line-height: 30px;
}
.header-wrap-home-link-container .home-link-footer {
    color: #FFF !important;
    font-family: SourceSerif, serif;
}

.home-link-container a.home-link:hover {
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .home-link-container {
    	width: 200px;
	}
    .home-link-container a.home-link {
    	padding: 30px;
    	height: 200px;
	}
}
/*
 ---------------------------------------------
 NAVBAR-TOGGLE
 ---------------------------------------------
*/
.navbar-toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 12px;
    margin: 0 5px 0 0;
    width: 60px;
    height: 60px;
    z-index: 1;
}

.navbar-toggle:focus {
    outline: none;
}

.navbar-toggle span.toggle-bar {
    background-color: transparent;
    display: block;
    position: relative;
    width: 34px;
    height: 5px;
}

.navbar-toggle.collapsed span.toggle-bar {
    background: #000000;
}

.navbar-toggle .toggle-bar:before,
.navbar-toggle .toggle-bar:after {
    content: "";
    display: block;
    width: 34px;
    height: 5px;
    background: #000000;
    position: absolute;
    bottom: 0;

    transform-origin: 50% 50%;
    transition: all, 0.2s;
}

.navbar-toggle span.toggle-bar:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    animation-name: topbar;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.navbar-toggle span.toggle-bar:after {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    animation-name: bottombar;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.navbar-toggle.collapsed:hover span.toggle-bar::before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.navbar-toggle.collapsed:hover span.toggle-bar::after {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.navbar-toggle.collapsed span:before,
.navbar-toggle.collapsed span:after {
    animation: none;
}

@keyframes topbar {
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: rotate(45deg) translateY(0);
        transform: rotate(45deg) translateY(0);
    }
}

@keyframes bottombar {
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: rotate(-45deg) translateY(0);
        transform: rotate(-45deg) translateY(0);
    }
}

/*
 ---------------------------------------------
 META NAV NORMAL (SMALL)
 ---------------------------------------------
*/
.meta-menu {
    display: none;
}

/*
 ---------------------------------------------
 META NAV
 ---------------------------------------------
*/
@media (min-width: 768px) {
    .meta-menu {
        display: block;
    }

    .meta-menu-container {
        padding: 15px 15px 15px 0;
        height: 60px;
    }

    ul.meta-menu {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: right;
        display: block;
    }

    ul.meta-menu li {
        display: inline-block;
        padding: 0 5px;
    }

    ul.meta-menu li a {
        color: #FFF;
        display: block;
        line-height: 30px;
        font-weight: bold;
    }

    ul.meta-menu li.current-menu-item a,
    ul.meta-menu li a:hover {
        text-decoration: underline;
    }
}

@media (max-width: 1200px) {
    ul.meta-menu li:last-of-type {
        display: none;
    }
}

/*
 ---------------------------------------------
 MAIN NAV
 ---------------------------------------------
*/
.menu-hauptmenue-container {
    padding: 15px 0 10px;
}

ul#menu-hauptmenue li {
    padding: 0 5px 5px 0;
}

ul#menu-hauptmenue li a {
    display: block;
    color: inherit;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    background: #FFF;
    line-height: 40px;
    padding: 0 20px;
    height: 50px;
    overflow: hidden;
    border: 5px solid #FFF;

    transition: background 250ms ease-out, border-color 250ms ease-out;
}

ul#menu-hauptmenue li a:hover {
    text-decoration: none;
    background: #FFFFFF;
    color: #000000;
    border-color: #FFFFFF;
}

ul#menu-hauptmenue li.current-menu-item a {
    background: #FFFFFF;
    color: #000000;
    border-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
    .menu-hauptmenue-container {
        padding: 30px 15px 0 0;
    }

    ul#menu-hauptmenue li {
        padding: 0;
    }

    ul#menu-hauptmenue li+li {
        margin-top: 15px;
    }
}

/*
 ------------------------------------------------------------------------------------------
  SEARCH
 ------------------------------------------------------------------------------------------
*/
/*
 ---------------------------------------------
 Searchform allgm.
 ---------------------------------------------
*/
.search-form-container {
    padding: 0 15px 0 0;
}

.search-form button.search-submit:focus {
    outline: none;
}

.search-form button.search-submit span {
    display: none;
}

.search-form button.search-submit:before {
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    font-weight: 900;
    font-size: 30px;
    font-size: 3rem;
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
}

/*
 ---------------------------------------------
 Searchform normal
 ---------------------------------------------
*/
/*
 ---------------------------------------------
 Searchform Header
 ---------------------------------------------
*/
.main-article .search-form .search-field-container-inner,
.site-header .search-form .search-field-container-inner {
    position: relative;
}

.main-article .search-form input.search-field,
.site-header .search-form input.search-field {
    display: block;
    border: none;
    width: 100%;
    height: 70px;
    padding: 5px 15px 5px 65px;
    font-size: 20px;
    font-size: 2rem;
}

.main-article .search-form input.search-field {
    border: 5px solid #000000;
}

.main-article .search-form .search-field-container-inner button.search-submit,
.site-header .search-form .search-field-container-inner button.search-submit {
    position: absolute;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    top: 10px;
    left: 10px;
    border: none;
    display: block;
    background: transparent;
}

.main-article .search-form .search-field-container-inner button.search-submit:hover,
.site-header .search-form .search-field-container-inner button.search-submit:hover {
    cursor: pointer;
}

body.search header.site-header {
    padding-bottom: 105px;
    margin-bottom: -60px;
}

body.search .main-article header.post-header {
    background: #FFFFFF;
    padding: 60px 180px 15px;
}

body.search .main-article .post-header h1 {
    font-size: 35px;
    font-size: 3.5rem;
    margin: 0 0 30px 0;
}

body.search .main-article .post-content {
    background: #FFFFFF;
    padding: 30px 180px 60px;
}

body.search .main-article .post-content h2 {
    margin: 30px 0 15px;
    font-size: 24px;
    font-size: 2.4rem;
}

body.search .main-article p {
    margin: 0;
}

@media screen and (max-width: 1199px) {
    body.search .main-article .post-header {
        background: #FFFFFF;
        padding: 15px 45px;
    }

    body.search .main-article .post-content {
        padding: 45px 45px 15px;
    }
}

/*
 ------------------------------------------------------------------------------------------
  WIDGETS
 ------------------------------------------------------------------------------------------
*/
article.ppop-aside {
    position: relative;
    background: #FFFFFF;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

article.ppop-aside a {
    padding: 15px;
    text-decoration: none
}

article.ppop-aside a:hover {
    text-decoration: none
}

article.ppop-aside .post-category {
    height: 40px;
    position: absolute;
    top: 30px;
    left: 30px;
}

article.ppop-aside.startseite .post-category,
article.ppop-aside.normal .post-category {
    margin: -70px 0 0 30px;
    top: initial;
    left: initial;
}

article.ppop-aside .post-category a {
    color: var(--color-yellow);
    background: #000000;
    display: inline-block;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

article.ppop-aside .post-date-wrap {
    font-size: 15px;
    font-size: 1.5rem;
    /*padding: 0 30px;*/
    font-weight: bold;
    /*margin: 0 0 -5px;*/
}

article.ppop-aside .post-thumbnail a {
    display: block;
    padding: 15px;
}

article.ppop-aside .post-thumbnail a img {
    display: block;
    max-width: 100%;
    height: auto;
}

article.ppop-aside .post-heading {
    min-height: 100%;
}

article.ppop-aside .post-heading h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0;
}

article.ppop-aside .post-heading h2 a {
    display: block;
    padding: 15px;
}

article.ppop-aside.startseite .post-heading h2 a,
article.ppop-aside.normal .post-heading h2 a {
    padding: 0 15px;
}

article.ppop-aside .post-heading h2 a span.post-heading-link-inner {
    display: block;
    padding: 15px 15px 10px;
}


article.ppop-aside .post-heading h2 a span.post-heading-link-inner .simplefavorite-button{
    margin-left: auto;
	font-size: 1.7rem !important;
	z-index: 2;
    position: relative;
}

article.ppop-aside .post-heading h2 a span.post-heading-link-inner .simplefavorite-button .bookmark{
    width: 30px;
    height: 30px;
    text-align: right;
}

article.ppop-aside .post-heading-intro {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 10px;
}

article.ppop-aside .post-heading-heading {
    display: block;
}

article.ppop-aside:hover .post-heading-heading {
    text-decoration: underline;
}

article.ppop-aside:hover h2 a {
    color: #000000;
}

article.ppop-aside:hover h2 a span.post-heading-link-inner:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: #000000 !important;
    position: absolute;
    margin: 0 0 0 5px;

    display: none;
}

article.ppop-aside .post-content p {
    margin: 0;
}

article.ppop-aside .post-content p a {
    display: block;
    padding: 0 15px 15px;
    color: inherit;
}

article.ppop-aside .post-content p a span.post-excerpt-link-innner {
    display: block;
    padding: 0 15px 10px;
}

article.ppop-aside {
    transition: all 200ms ease-out;
}

article.ppop-aside:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

article.ppop-aside .post-category a:hover {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;

    color: #FFFFFF;
    text-decoration: underline;
}

/*
 ------------------------------------------------------------------------------------------
  PAGE HOME
 ------------------------------------------------------------------------------------------
*/
.page-template-page-startseite-mit-podcast header,
.page-template-page-startseite header {
    padding-bottom: 105px;
    margin-bottom: -60px;
}

.page-template-page-startseite-mit-podcast .post-main article.ppop-aside,
.page-template-page-startseite .post-main article.ppop-aside {
    position: relative;
}

/*
.page-template-page-startseite-mit-podcast .post-main article.ppop-aside .post-thumbnail a img,
.page-template-page-startseite .post-main article.ppop-aside .post-thumbnail a img {
    filter: grayscale(100%) contrast(1.2);
}
*/
/*
 ------------------------------------------------------------------------------------------
  PAGE HOME / About us / Über uns
 ------------------------------------------------------------------------------------------
*/
#widget-about-us article.ppop-aside {
    background: #000000;
    padding: 30px;
    display: block;
}
#widget-about-us article.ppop-aside .post-category {
    position: initial;
    margin: 0 0 15px 0;
    background-color: var(--color-yellow);
    color: #000000;
    display: inline-block;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
#widget-about-us article.ppop-aside h2,
#widget-about-us article.ppop-aside p {
    color: #FFFFFF;
    margin-top: 15px;
}
#widget-about-us article.ppop-aside p a {
    color: var(--color-yellow);
    padding: initial;
    display: initial;
}
#widget-about-us article.ppop-aside:hover h2,
#widget-about-us article.ppop-aside:hover p a {
	text-decoration: underline;
}
/*
#widget-about-us article.ppop-aside:hover h2,
#widget-about-us article.ppop-aside:hover p {
    color: #000000;
}
*/



/*
 ------------------------------------------------------------------------------------------
  LEXIKON
 ------------------------------------------------------------------------------------------
*/
.lexikon-menu ul {
    list-style-type: none;
    margin: 0 -8px;
    padding: 0;
    text-align: center;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.lexikon-menu ul li {
    display: block;
    margin: 8px;
}

.lexikon-menu ul li span {
    background: #000000;
    color: #FFFFFF;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    overflow: hidden;

    transition: background 250ms ease-out;
}

.lexikon-menu ul li a:hover {
    text-decoration: none;
}

.lexikon-menu ul li a:hover span {
    background: var(--color-yellow);
    color: #000000;
    font-weight: bold;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
}

.lexikon-content-entry {
    background: #FFFFFF;
    padding: 30px;
}

.lexikon-content-entry h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 15px;
}

/*
 ------------------------------------------------------------------------------------------
  POST-TYPE-MENU
 ------------------------------------------------------------------------------------------
*/
.categories-menu.post ul {
    list-style-type: none;
    margin: 15px 0 0;
    padding: 0;
}

.categories-menu.post ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.categories-menu.post ul li span {
    display: flex;
    align-items: center;
}

.categories-menu.post ul li span:after {
    content: '';
    height: 5px;
    width: 5px;
    display: inline-block;
    background: #000000;
    margin: 0 0 0 10px;
}

.categories-menu.post ul li:last-of-type span:after {
    display: none;
}

.categories-menu.post ul li a {
    color: #000000 !important;
    text-decoration: underline;
}


.categories-menu.post-type {
    text-align: center;
}

.categories-menu.post-type ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.categories-menu.post-type ul li {
    display: inline-block;
}

.categories-menu.post-type ul li span,
.categories-menu.post-type ul li a {
    display: inline-block;
    margin: 5px;
    width: 40px;
    line-height: 40px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

.categories-menu.post-type ul li span {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: #000000;
    color: var(--color-yellow);
}

.categories-menu.post-type ul li a {
    width: auto;
    padding: 0 15px;
    background: #FFFFFF;
    color: inherit;
    text-align: center;
    transition: background 250ms ease-out;
    text-decoration: none;
}

.categories-menu.post-type ul li a.active, 
.categories-menu.post-type ul li a:hover {
    background: var(--color-yellow);
    text-decoration: none;
}

/*
 ------------------------------------------------------------------------------------------
  POST ARCHIVE
 ------------------------------------------------------------------------------------------
*/
.archive-header {
    text-align: center;
}

.archive-header h1 {
    margin: 0;
}

/*
 ------------------------------------------------------------------------------------------
  POST SINGLE
 ------------------------------------------------------------------------------------------
*/
body.error404 header.site-header,
body.single header.site-header {
    padding-bottom: 105px;
    margin-bottom: -60px;
}

body.single .main-article .post-thumbnail {
    background: #FFFFFF;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
}

body.single .main-article .post-thumbnail img {
    max-width: 100%;
    height: auto;
}

body.single .main-article .post-thumbnail .post-thumbnail-caption {
    padding: 5px 0 0;
    text-align: right;
}

body.single .main-article .post-thumbnail .post-thumbnail-credit {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right;
}

body.error404 .main-article .post-header,
body.single .main-article .post-header {
    background: #FFFFFF;
    padding: 15px 180px;
}

body.error404 .main-article .post-header {
    padding-top: 60px;
}

body.single .main-article .post-thumbnail .gallery-button {
    position: absolute;
    left: 15px;
    bottom: 15px;
}

body.single .main-article .post-header,
body.single .main-article .post-header * {
    font-family: Arial, Helvetica, sans-serif;
}

body.error404 .main-article .post-header h1,
body.single .main-article .post-header h1,
body.single .main-article .post-header h1 * {
    font-size: 25px;
    font-size: 2.5rem;
}

@media screen and (min-width: 576px) {
    body.error404 .main-article .post-header h1,
    body.single .main-article .post-header h1,
    body.single .main-article .post-header h1 * {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

body.single .main-article .post-header h1 .post-heading-intro,
body.single .main-article .post-header h1 .post-heading {
    display: block;
}

body.single .main-article .post-header h1 .post-heading-intro {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 15px;
}

body.single .main-article .post-leadtext {
    background: #FFFFFF;
    padding: 15px 180px;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

body.single .main-article .post-leadtext p {
    margin: 0;
}

body.single .main-article .post-meta {
    color: var(--color-gray);
    background: #FFFFFF;
    padding: 15px 180px 45px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
}

/*
body.single .main-article .post-meta * {
    color: var(--color-gray);
}
*/

body.single .main-article .post-meta .simplefavorite-button {
    margin-left: auto;
	color: #000;
}

body.single .main-article .post-meta .simplefavorite-button div.bookmark{
	color: #000 !important;
	cursor: pointer !important;
}

body.single .main-article .post-meta .simplefavorite-button div.bookmark i{
	margin-right: 5px;
	color: #000 !important;
}

body.single .main-article .post-summary {
    background: var(--color-yellow);
    padding: 30px 180px;
    font-weight: bold;
    font-size: 17px;
    font-size: 1.7rem;
    font-family: Arial;
}

body.single .main-article .post-summary ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body.single .main-article .post-summary ul li {
    padding: 0 0 0 30px;
}

body.single .main-article .post-summary ul li:before {
    content: '';
    display: inline-block;
    background: #000000;
    width: 10px;
    height: 10px;
    margin: 0 10px 0 -20px;
}

body.single .main-article .post-summary ul li+li {
    margin-top: 15px;
}

body.error404 .main-article .post-content,
body.single .main-article .post-content {
    background: #FFFFFF;
    padding: 0 180px 15px;
}

body.error404 .main-article .post-content {
    padding-bottom: 60px;
}

body.single .main-article .post-summary+.post-content {
    padding-top: 20px;
}

@media screen and (min-width: 576px) {
    body.single .main-article .post-summary+.post-content {
        padding-top: 45px;
    }
}

body.single .main-article .post-content h2 {
    margin: 30px 0 15px;
}

body.single .main-article .post-summary+.post-content h2:first-child {
    margin-top: 0;
}

body.single .main-article .post-meta+.post-content h2:first-child {
    margin-top: 0;
    padding-top: 30px;
}

body.single .main-article .post-content ul {
    margin: 30px 0;
    padding: 0;
    list-style-type: none;
}

body.single .main-article .post-content ul li {
    padding: 5px 15px 5px 30px;
    background: var(--color-lightgraydarker);
    line-height: 120%;
}

body.single .main-article .post-content ul li:before {
    content: '';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    display: inline-block;
    width: 20px;
    margin: 0 0px 0 -20px;
}

body.single .main-article .post-content ul li+li {
    margin-top: 5px;
}

body.single .main-article .post-content ul li:nth-of-type(even) {
    background: var(--color-lightgray);
}

body.single .main-article .post-content ol {
    margin: 30px 0;
    padding: 0;
    list-style-type: none;
    counter-reset: item;
}

body.single .main-article .post-content ol li {
    padding: 5px 15px 5px 40px;
    background: var(--color-lightgraydarker);
    line-height: 120%;
}

body.single .main-article .post-content ol li:before {
    content: counter(item);
    counter-increment: item;
    display: inline-block;
    background: #000000;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 -30px;
    color: #FFFFFF;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    border-radius: 100%;
    color: var(--color-lightgraydarker);
}

body.single .main-article .post-content ol li+li {
    margin-top: 5px;
}

body.single .main-article .post-content ol li:nth-of-type(even) {
    background: var(--color-lightgray);
}

body.single .main-article .post-content .wp-caption,
body.single .main-article .post-content img {
    max-width: 100% !important;
    height: auto;
}

body.single .main-article .post-content .wp-caption {
    margin: 30px 0;
}

body.single .main-article .post-content .wp-caption .wp-caption-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
}

body.single .main-article .disclaimer {
    background: #FFFFFF;
    padding: 15px 180px 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
}

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

    body.error404 .main-article .post-header,
    body.single .main-article .post-header {
        background: #FFFFFF;
        padding: 15px 45px;
    }

    body.single .main-article .post-leadtext {
        padding: 15px 45px;
    }

    body.single .main-article .post-meta {
        padding: 15px 45px 45px;
    }

    body.single .main-article .post-summary {
        padding: 30px 45px;
    }

    body.error404 .main-article .post-content,
    body.single .main-article .post-content {
        padding: 45px 45px 15px;
    }

    body.single .main-article .disclaimer {
        padding: 15px 45px 60px;
    }
}

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

    body.error404 .main-article .post-header,
    body.single .main-article .post-header {
        padding: 45px 15px 15px;
    }
    body.single .main-article .post-leadtext {
        padding: 15px;
    }
    body.single .main-article .post-meta {
        padding: 15px 15px 45px;
    }
    body.single .main-article .post-summary {
        padding: 20px 15px;
    }
    body.error404 .main-article .post-content,
    body.single .main-article .post-content {
        padding: 20px 15px 15px;
    }
    body.single .main-article .disclaimer {
        padding: 15px 15px 45px;
    }
}

body.single .main-article .entry-references {
    margin: 90px -15px 0;
    background: var(--color-lightgray);
    padding: 20px 15px;
}

@media screen and (min-width: 576px) {
    body.single .main-article .entry-references {
        margin: 90px -30px 0;
        padding: 30px;
    }
}

body.single .main-article .entry-references.empty {
    margin: 0;
    background: transparent;
    padding: 0;
    display: none;
}

body.single .main-article .entry-references h2 {
    margin: 0 0 15px;
    padding: 0 !important;
}

body.single .main-article .entry-references ul {
    margin: 0;
}

body.single .main-article .entry-references ul li {
    border: none;
    background: transparent;
    margin: 0 !important;
}

body.single .main-article .entry-references ul li:before {
    display: inline-block;
}

body.single .main-article .entry-references ul li a {
    color: inherit;
    text-decoration: underline;
}

body.single .main-article .entry-references ul li:hover {
    background: var(--color-lightgraydarker);
}

body.single .main-article .ppop-box.vita {
    margin: 30px -30px;
    background: var(--color-lightgray);
    padding: 30px;
}

body.single .main-article .ppop-box.vita h2 {
    margin-top: 0;
    padding: 0 !important;
}

body.single .main-article .ppop-box.vita ul {
    margin: 0;
}

body.single .main-article .ppop-box.vita ul li {
    padding: 5px 15px 5px 30px;
    background: transparent;
    line-height: 120%;
}

body.page-template-default .page-header {
    background: #FFFFFF;
    padding: 90px 180px 15px;
}

body.page-template-default .page-header h1 {
    font-size: 35px;
    font-size: 3.5rem;
}

body.page-template-default .post-content {
    background: #FFFFFF;
    padding: 15px 180px 90px;
}

body.page-template-default .post-content h2 {
    margin: 30px 0 15px;
}

body.page-template-default .post-content h3 {
    margin: 15px 0 10px;
}

@media screen and (max-width: 1199px) {
    body.page-template-default .page-header {
        padding: 45px 45px 15px;
    }

    body.page-template-default .post-content {
        padding: 15px 45px 45px;
    }
}

/*
 ---------------------------------------------
 ...
 ---------------------------------------------
*/
/*
*/
.fx-image-hover .fx-image-container {
    overflow: hidden;
    display: block;
}

.fx-image-hover img {
    /*-webkit-transform: scale(1);
    transform: scale(1);*/
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.fx-image-hover:hover img {
    opacity: 1;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    /*
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    */

    -webkit-animation-name: fadeInTemp;
    animation-name: fadeInTemp;
}

@-webkit-keyframes fadeInTemp {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInTemp {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

/*
 ------------------------------------------------------------------------------------------
  Newsletter
 ------------------------------------------------------------------------------------------
*/
.subscribe {
    background-color: var(--color-yellow);
    padding: 30px 15px;
    font-family: Arial, Helvetica, sans-serif;
}

@media screen and (min-width: 576px) {
    .subscribe {
        padding: 45px 30px;
        border-left: 15px solid var(--color-lightgray);
        border-right: 15px solid var(--color-lightgray);
    }
}


.page-template-page-newsletter .subscribe {
    border-color: #FFFFFF;
}

.subscribe-header div+div {
    margin: 30px 0 0 30px;
}
@media screen and (min-width: 576px) {
    .subscribe-header {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .subscribe-header div+div {
        margin: 0 0 0 30px;
    }
}

.subscribe-header i.fas {
    font-size: 80px;
    font-size: 8rem;
}

.subscribe-header h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .subscribe-header h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.page-template-page-newsletter .subscribe {
    border-color: #FFFFFF;
    padding-bottom: 75px;
}

.page-template-page-newsletter aside.subscribe {
    padding: 0 0 30px !important;
    border: none;
}

.page-template-page-newsletter .subscribe-header h2 {
    font-size: 30px;
    font-size: 3rem;
}

.page-template-page-newsletter .subscribe-benefits ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-template-page-newsletter .subscribe-benefits ul li {
    margin: 0;
    padding: 5px 0;
    display: flex;
    text-align: left;
}

@media screen and (min-width: 992px) {
    .page-template-page-newsletter .subscribe-benefits ul {
        text-align: center;
    }

    .page-template-page-newsletter .subscribe-benefits ul li {
        margin: 0;
        padding: 5px 0;
        display: inline-flex;
    }
}

.page-template-page-newsletter .subscribe-benefits ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f058";
    content: "\f00c";
    width: 50px;
    display: block;
    flex: 0 0 auto;
    font-size: 30px;
    margin-top: -10px;
    text-align: center;
}

.page-template-page-newsletter .subscribe.post-content {
    text-align: center;
}

.page-template-page-newsletter .subscribe.post-content h2 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 45px;
}

.page-template-page-newsletter .subscribe.post-content p {
    font-family: SourceSerif, serif;
}

.subscribe-form {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subscribe-form p {
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0;
}


.haet-cleverreach {
    width: 100% !important;
    position: relative;
    margin: 0 0 10px 0;
}

.haet-cleverreach input#haet-cleverreach-cleverreach_email {
    display: block !important;
    width: 100% !important;
    border: none !important;
    padding: 5px 60px 5px 15px !important;
    height: 60px !important;
    background: #FFFFFF !important;
    color: #464637 !important;
    font-size: 20px;
    font-size: 2rem;
    border: 5px solid #FFFFFF !important;
}

.haet-cleverreach .haet-cleverreach-field-wrap {
    margin: 0;
}

.haet-cleverreach button#haet-cleverreach-submit {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 60px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 50px !important;
    background: transparent !important;
    transition: all 0.1s;
    border: none !important;
    text-align: center !important;
    opacity: 1;
    border-radius: 0 !important;
    overflow: hidden;
    cursor: pointer;
}

.haet-cleverreach button#haet-cleverreach-submit:after {
    position: absolute;
    top: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f0e0";
    display: block;
    width: 60px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #FFFFFF;
    font-size: 30px;
    font-size: 3rem;
    color: inherit;
}

.haet-cleverreach p.message-error {
    position: absolute;
    margin: 0;
    top: 50px;
    /* background: rgb(255, 194, 194) !important; */
    background: #ffd4e9;
    /* color: #464637 !important; */
    color: #d40067;
    width: 100%;
    padding: 10px 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    z-index: 2;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.haet-cleverreach p.cleverreach-error-message {
    position: absolute;
    background: rgb(255, 194, 194) !important;
    color: #464637 !important;
    width: 100%;
    padding: 10px 10px;
    line-height: 17px;
    margin: 0;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.haet-cleverreach p.message-success {
    background: #000000 !important;
    color: #FFFFFF !important;
    font-weight: bold;
    padding: 10px 15px;
    font-size: 16px;
    font-size: 1.6rem;
}

/*
 ------------------------------------------------------------------------------------------
  Footer
 ------------------------------------------------------------------------------------------
*/
footer {
    padding: 35px 0 30px 0;
    
    padding: 35px 30px 30px 30px;
    background-color: var(--color-yellow);
}
@media screen and (min-width: 576px) {
    footer {
        margin: 15px;
    }
}

footer .footer-menu {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .social-menu {
    margin: 0 5px;
}

footer .footer-menu li {
    display: inline-block;
    margin: 0 5px;
}

footer .footer-menu li a {
    line-height: 30px;
    display: block;
    height: 30px;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
}

footer .social-menu li a {
    font-size: 30px;
    font-size: 3rem;
    font-weight: normal;
}

footer .footer-menu li a,
footer .footer-menu li a * {
    color: inherit;
}

.single .ppop-aside-social-sidebar {
    padding: 15px;
}

.single .ppop-aside-social-sidebar .shariff ul {
    flex-direction: row;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .single .ppop-aside-social-sidebar .shariff ul {
        flex-direction: column;
    }
    .single .ppop-aside-social-sidebar {
        float: right;
        padding: 45px 45px 30px 45px;
        margin-top: -5px;
    }
}

.single.single-branchennews .ppop-aside-social-sidebar {
    padding: 0 15px 30px 45px;
}

.shariff-buttons .shariff-button {
    background: transparent !important;
}

.shariff-buttons .shariff-button a {
    position: relative;
    height: 35px !important;
    width: 35px !important;
    border-radius: 100% !important;
    background-color: #000000 !important;
    border: none !important;
    transition: all, 0.2s;
}

.shariff-buttons .shariff-button a:hover {
    color: var(--color-yellow) !important;
    background: #000000 !important;
}

.shariff-buttons .shariff-button a:before {
    height: 35px;
    width: 35px;
    font-family: "Font Awesome 5 Free" !important;
    content: "\f129" !important;
    font-weight: 900 !important;
    display: block !important;
    line-height: 35px;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
}

.shariff-buttons .shariff-button.facebook a:before {
    font-family: "Font Awesome 5 Brands" !important;
    content: "\f39e" !important;
}

.shariff-buttons .shariff-button.xing a:before {
    font-family: "Font Awesome 5 Brands" !important;
    content: "\f168" !important;
}

.shariff-buttons .shariff-button.linkedin a:before {
    font-family: "Font Awesome 5 Brands" !important;
    content: "\f0e1" !important;
}

.shariff-buttons .shariff-button.mailto a:before {
    content: "\f1fa" !important;
}

.shariff-buttons .shariff-button.info a:before {
    content: "\f129" !important;
}

.shariff-buttons .shariff-button.printer a:before {
    content: "\f02f" !important;
}

.shariff-buttons .shariff-button .shariff-icon {
    display: none;
}

.shariff-buttons .shariff-button .shariff-text {
    display: none;
}


.nav-next-previous-container {
    position: sticky;
    bottom: 30px;
    display: none
}

@media screen and (min-width: 1200px) {
    .nav-next-previous-container {
        display: block;
    }
}

.nav-next-previous {
    position: absolute;
    /* bottom: 0; */
    margin-top: -35px;
}

.nav-next-previous-container.nav-previous .nav-next-previous {
    right: -130px;
}

.nav-next-previous-container.nav-next .nav-next-previous {
    left: -130px;
}

.nav-next-previous a {
    background: #000000;
    height: 50px;
    width: 50px;
    display: block;
    overflow: hidden;
    border-radius: 100%;
    color: #FFFFFF;
    text-decoration: none;
}

.nav-next-previous a:hover {
    text-decoration: none;
}

.nav-next-previous a:before {
    content: '';
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    font-size: 3rem;
    transition: all, 0.2s;
}

.nav-previous .nav-next-previous a:before {
    content: "\f054";
    padding-left: 4px;
}

.nav-next .nav-next-previous a:before {
    content: "\f053";
    padding-right: 2px;
}

/*
 ------------------------------------------------------------------------------------------
 Formular
 ------------------------------------------------------------------------------------------
*/
.ppop-kontaktformular {
    padding: 30px 0;
}

.ppop-kontaktformular p {
    margin: 0 !important;
    line-height: 1.3 !important;
}

.ppop-kontaktformular .form-group label {
    position: relative;
    display: inline-block;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

.ppop-kontaktformular .form-group label .required {
    color: #C0392F;
    font-size: 20px;
    font-size: 2rem;
    position: absolute;
    top: -3px;
    right: -10px;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #464637;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.wpcf7-textarea.form-control {
    height: 150px;
    line-height: initial;
    padding: 5px 10px;
}

.wpcf7-form-control.wpcf7-submit {
    border: none;
    display: block;
    height: 40px;
    margin: 30px 0 0;
    padding: 0 15px;
    line-height: 40px;
    background: #000000;
    color: #FFFFFF;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.wpcf7-form-control.wpcf7-submit:hover {
    background: var(--color-yellow) !important;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.wpcf7-form div.wpcf7-validation-errors {
    background: #FFF67B;
    margin: 30px 0;
    border: none;
    padding: 15px;
}

span.wpcf7-form-control-wrap,
span.wpcf7-form-control-wrap span {
    display: block;
}

.wpcf7-acceptance {
    margin-top: 15px;
}

.wpcf7-acceptance span.wpcf7-list-item {
    margin: 0 !important;
}

.wpcf7-acceptance span.wpcf7-list-item input {
    position: absolute;
    top: 4px;
}

.wpcf7-acceptance span.wpcf7-list-item span.wpcf7-list-item-label {
    padding: 0 0 0 30px;
    display: inline-block;
}

/*
 ------------------------------------------------------------------------------------------
 PANEL
 ------------------------------------------------------------------------------------------
*/
.panel-group.ppop-panel .panel+.panel {
    margin: 15px 0 0;
}

.panel-group.ppop-panel .panel .panel-heading h2.panel-title {
    margin: 0;
}

.panel-group.ppop-panel .panel .panel-heading h2.panel-title a {
    display: block;
    text-decoration: none;
    background: var(--color-yellow);
    background: var(--color-lightgray);
    background: var(--color-lightgraydarker);
    padding: 15px 45px 15px 15px;
    position: relative;
}

.panel-group.ppop-panel .panel .panel-heading h2.panel-title a:hover {
    background: var(--color-yellow);
}

.panel-group.ppop-panel .panel .panel-heading h2.panel-title a:after {
    content: "\f146";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

    position: absolute;
    right: 15px;
}

.panel-group.ppop-panel .panel .panel-heading h2.panel-title a.collapsed:after {
    content: "\f0fe";
}

.panel-group.ppop-panel .panel .panel-body {
    padding: 15px;
}

.panel-group.ppop-panel .panel .panel-body p:last-of-type {
    margin: 0;
}

/*
 ------------------------------------------------------------------------------------------
 GALLERY
 ------------------------------------------------------------------------------------------
*/
.gallery {
    margin: 30px -7.5px;
    position: relative;
}

.gallery.gallery-columns-3 .gallery-item {
    display: none;
    margin: 0;
    padding: 0 7.5px;
    flex: 1 1 auto;
}

.gallery.gallery-columns-3 .gallery-item:nth-of-type(1),
.gallery.gallery-columns-3 .gallery-item:nth-of-type(2),
.gallery.gallery-columns-3 .gallery-item:nth-of-type(3) {
    display: block;
}

.gallery.gallery-columns-3 .gallery-item img {
    max-width: 100%;
    height: auto;
}

.gallery .gallery-button {
    position: absolute;
    bottom: 15px;
    right: 22.5px;
}

.gallery-button {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.5);
}

/*
.gallery .gallery-button {
	pointer-events: none;
}
*/
.gallery:hover .btn {
    color: #000000 !important;
    background-color: var(--color-yellow) !important;
    border-color: var(--color-yellow) !important;
}

.btn-primary {
    color: var(--color-yellow);
    background-color: #000000;
    border-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

@media screen and (min-height: 481px),
(min-width: 481px) {
    .mfp-wrap {
        overflow: hidden !important;
    }
}

@media screen and (max-height: 480px),
(max-width: 480px) {
    .mfp-img-container {
        min-height: 300px;
    }

    .mfp-container {
        height: auto;
    }
}

.mfp-bg {
    background: #FFFFFF;
    opacity: 1;
}

.mfp-container {
    padding: 0;
}

.mfp-container:before {
    display: none;
}

.mfp-content {
    height: 100%;
    width: 100%;
    /*
	display: flex;
	flex-direction: column;*/
}


.mfp-figure {
    height: 100%;
    /*
	flex: 1 1;*/
    display: flex;
    flex-direction: column;
    cursor: default !important;
}

.mfp-figure:after {
    display: none;
}

.mfp-img-container {
    flex: 1 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px
}

img.mfp-img {
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    img.mfp-img {
        padding: 0;
    }
}

.mfp-title-container {
    flex: 0 0;
    border-top: 1px solid #DFDFDA;
    border-bottom: 1px solid #DFDFDA;
}

.mfp-title {
    padding: 30px;
    text-align: center;
    color: inherit;
    line-height: 1.3;
}

.mfp-bottom-bar {
    margin: 0 !important;
    position: initial;
    top: initial;
    left: initial;
    width: 100%;
    cursor: auto;
    flex: 0 0 auto;
    height: 48px;
    display: flex;
    justify-content: space-between;
}

.mfp-counter {
    position: initial;
    color: inherit;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 50px;
    padding: 0 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: inherit;
    border-left: 1px solid #DFDFDA;
    text-align: center;
    position: initial;
    height: 48px;
    width: 48px;
    padding: 0;
    font-size: inherit;
    cursor: pointer !important;
    opacity: 0.75;
    line-height: 48px;
}

.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover {
    opacity: 1;
}

.mfp-image-holder .mfp-close:before,
.mfp-iframe-holder .mfp-close:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00d';
}

button.mfp-arrow {
    position: absolute;
    top: auto;
    bottom: 0;

    margin: 0 !important;
    width: 48px;
    height: 48px;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.mfp-arrow-right {
    right: 48px;
    border-left: 1px solid #DFDFDA !important;
}

.mfp-arrow-left {
    border-left: 1px solid #DFDFDA !important;
    left: auto;
    right: 96px;
}

.mfp-arrow:before {
    opacity: 0.75;
    border: none !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 22px;
}

.mfp-arrow:hover:before {
    opacity: 1;
}

.mfp-arrow:after {
    display: none;
}

.mfp-arrow-right:before {
    content: "\f105";
}

.mfp-arrow-left:before {
    content: '\f104';
}


/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-arrow,
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-arrow,
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-arrow,
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


.pagination-container {
    display: flex;
    margin: 30px 0 0 0;
}

.search-results .pagination-container:first-of-type {
    margin: 0 0 30px 0;
}

.pagination-container .nav-label {
    line-height: 40px;
    margin: 0 10px 0 0;

}

.pagination-container .nav-links {
    display: flex;
}

.pagination-container .nav-links .page-numbers {
    display: block;
    height: 40px;
    width: 35px;
    text-align: center;
    line-height: 40px;
    background: #F0F0EC;
}

.pagination-container .nav-links .page-numbers.dots {
    background: transparent;
}

.pagination-container .nav-links .page-numbers+.page-numbers {
    margin: 0 0 0 5px;
}

.pagination-container .nav-links a.page-numbers {
    width: 40px;
    color: #000000;
    background: #FFFFFF;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    position: relative;
    text-decoration: none;
}

.pagination-container .nav-links a.page-numbers:hover {
    background: var(--color-yellow) !important;
    text-decoration: none;
}

.pagination-container .nav-links a.prev,
.pagination-container .nav-links a.next {
    color: transparent;
}

.pagination-container .nav-links a.prev:after,
.pagination-container .nav-links a.next:after {
    color: #000000;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    height: 40px;
    width: 40px;
    margin: 0;
    line-height: 40px;
    font-size: 12px;
    position: absolute;
    top: 0;
}

.pagination-container .nav-links a.prev:after {
    content: '\f053';
}

/*
 ---------------------------------------------
 Single Downloads
 ---------------------------------------------
*/
.post-type-archive-service .ppop-download {
    background: #FFFFFF;
    min-height: 130px;
    height: 100%;
}

.post-type-archive-service .ppop-download:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.post-type-archive-service .ppop-download a {
    display: flex;
    padding: 7.5px;
    height: 100%;
    text-decoration: none;
}

.post-type-archive-service .ppop-download .ppop-download-image {
    display: block;
    flex: 0 0 auto;
    padding: 7.5px;
}

.post-type-archive-service .ppop-download .ppop-download-image img {
    width: 100px;
    height: 100px;
    display: block;
}

.post-type-archive-service .ppop-download .ppop-download-description {
    display: block;
    padding: 7.5px;
}

.post-type-archive-service .ppop-download .ppop-download-title {
    display: block;
    font-size: 20px;
    font-size: 2rem;
}

.post-type-archive-service .ppop-download:hover .ppop-download-title {
    text-decoration: underline;
}

.post-type-archive-service .ppop-download .ppop-download-subtitle {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .post-type-archive-service .ppop-download .ppop-download-title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}




div.ppop-pressemitteilung {
    background: var(--color-lightgraydarker);
    position: relative;
    margin-bottom: 25px;
}

div.ppop-pressemitteilung:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f358";
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -20px;
    display: none;
}

div.ppop-pressemitteilung:after {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    content: 'Download als PDF';
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    top: 50%;
    left: 0;
    margin: 10px 0 0 0;
    display: none;

}

html.has-hover div.ppop-pressemitteilung:hover {
    background: var(--color-yellow);
}

html.has-hover div.ppop-pressemitteilung:hover:after,
html.has-hover div.ppop-pressemitteilung:hover:before {
    display: block;
    pointer-events: none;
}

html.has-hover div.ppop-pressemitteilung:hover * {
    opacity: 0;
}

div.ppop-pressemitteilung p {
    margin: 0;
    padding: 0;
}

div.ppop-pressemitteilung p a {

    text-decoration: none;
    display: block;
    padding: 15px;
    transition: background 0.1s;
    -webkit-transition: background 0.1s;
}

div.ppop-pressemitteilung p a strong {
    display: block;
    margin: 0 0 5px;
}

/*
 ------------------------------------------------------------------------------------------
 Print
 ------------------------------------------------------------------------------------------
*/
.show-print {
    display: none;
}

@media print {
    .hidden-print {
        display: none !important;
    }

    .show-print {
        display: block !important;
    }

    .aos-init {
        display: block !important;
    }

    html {
        padding: 0;
    }

    body {
        padding: 0;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
    }

    div.row {
        margin: 0;
    }

    div[class*="col-"] {
        width: 100% !important;
    }

    body.single .main-article .post-thumbnail {
        padding: 0.5cm 0 !important;
    }

    body.single .main-article .post-header,
    body.single .main-article .post-leadtext,
    body.single .main-article .post-meta,
    body.single .main-article .post-summary,
    body.single .main-article .post-content,
    body.single .main-article .disclaimer {
        padding: 0.5cm 3cm !important;
    }

    body.single .main-article .post-content ul,
    body.single .main-article .post-summary ul {
        margin: 0.5cm 0 !important;
        padding: 0 0 0 0.5cm !important;
        list-style-type: initial !important;
    }

    body.single .main-article .post-content ul li,
    body.single .main-article .post-summary ul li {
        padding: initial !important;
    }

    body.single .main-article .post-content ul li:before,
    body.single .main-article .post-summary ul li:before {
        content: none;
        display: none;
    }

    .site-header,
    .site-header * {
        padding: 0 !important;
        margin: 0 !important;
    }

    .site-header .header-wrap {
        padding: 0 3cm 1cm !important;
        margin: 0;
    }

    .home-link-container a.home-link,
    .home-link-container a.home-link * {
        font-size: 20pt !important;
        text-decoration: none !important;
    }
}

/*
 ------------------------------------------------------------------------------------------
 Leserumfrage
 ------------------------------------------------------------------------------------------
 */
.leserumfrage-container {
    width: 100%;
}

.single .leserumfrage-container {
    margin: 60px -15px -60px;
    width: initial;
}

@media screen and (max-width: 575.98px) {
    .single .leserumfrage-container > .col-md-12 {
        padding: 0;
    }
}

@media screen and (min-width: 576px) {
    .single .leserumfrage-container {
        margin: 60px -45px -60px;
    }
}

/*
.archive .site-main>.archive-header+.row .leserumfrage-container {
    margin: 30px 0 -30px;
}
*/

.leserumfrage {
    background: var(--color-yellow) !important;
    padding: 15px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .leserumfrage {
        flex-flow: row;
        text-align: initial;
    }
}

.leserumfrage .image {
    padding: 15px;
}

.leserumfrage img {
    max-width: 300px;
    height: auto;
}

.leserumfrage .text {
    padding: 15px;
}

.leserumfrage .text h2 {
    margin: 0 0 15px;
}

.leserumfrage .text h2 a {
    text-decoration: none;
}

.leserumfrage .text h2 span {
    display: block;
}

.leserumfrage .text h2 span.post-heading-heading {
    font-size: 2.4rem;
}

.leserumfrage .text a.btn {
    font-size: 1.8rem;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    padding: 10px 15px;
    color: #FFFFFF !important;
    white-space: initial;
}

/*
 ------------------------------------------------------------------------------------------
 PODCAST
 ------------------------------------------------------------------------------------------
*/

.bgc-white{
	background: #FFF;
}

.bgc-grey{
	background: rgba(37, 37, 37,.05);
}

.bgc-yellow{
	background: #fcf137;
}

.podcast-container {
	background: #fcf137;
	transition: all .2s ease-out;
}

.caption{
	font-size: 1.5rem;
	padding-bottom: 3rem !important;
}

.podcast-container:hover{
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 25%);
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 25%);
}

.podcast-container h1 a,
.podcast-container h2 a{
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 2.4rem !important;
}

.single-podcast .podcast-footer, 
.home .podcast-footer {
	background: #fcf137;
	border-top: 1px solid rgba(37, 37, 37,.15);
	color: rgba(37, 37, 37,.15);
}

.podcast-footer span {
	color: rgba(37, 37, 37,.7);
	font-size: 1.5rem;
	margin: 0 10px 0 0;
}

.podcast-footer span a {
	color: rgba(37, 37, 37,.7);
	font-size: 1.5rem;
	text-decoration: underline 2px rgba(37, 37, 37,.5) !important;
	transition: all 0.15s ease-in-out;
}

.podcast-footer span a:hover {
	color: rgba(37, 37, 37,1) !important;
	text-decoration: underline 2px rgba(37, 37, 37,.9) !important;
}

.podlove-web-player .text-xl {
	font-size: 2.4rem !important;
}

.swiper {
  width: 100%;
  height: inherit;
}

.swiper-pagination-container {
	position: relative;
    width: 120px;
    margin-left: auto;
}

.swiper-button-next:after, .swiper-button-prev:after {
	color: #FFF !important;
}

.swiper-pagination-bullet {
		background: #FFF !important;
		opacity: 0.8 !important;
}

.swiper-pagination-bullet-active {
	background: #fcf137 !important;
	opacity: 1 !important;
}

.podcast-summary {
	background: #FFF;
}

div.post-podcast iframe {
	display: block;
}

.podcast-list li {
	color: rgba(37,37,37,.7);
}

.podcast-list li a {
	display: inline-flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.podcast-list li i {
	color: rgba(37,37,37,.7);
}

.podcast-list li i:hover{
	color: rgba(0,0,0,1);
}

/*
 ------------------------------------------------------------------------------------------
 Tabellen
 ------------------------------------------------------------------------------------------
*/
.tablepress.table {
	margin: 30px 0;
}
h2 + .tablepress.table {
	margin-top: 0;
}

.tablepress.table thead th {
    background-color: var(--color-yellow);
    border: none;
    border-bottom: 5px solid #000;
}

.tablepress.table tbody td {
	border: none;
	border-bottom: 5px solid #000;
	background-color: transparent;
}


.tablepress.table1 .even td {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom: none;
}
/*
 ------------------------------------------------------------------------------------------
 FAVORITEN
 ------------------------------------------------------------------------------------------
 */

.favorites-menu-item {
	margin-left: 10px;
    padding-left: 15px !important;
	border-left: 1px solid rgba(0,0,0,0.1);
}

.favorites-menu-item.has-count a::after {
	display: inline-block;
    content: attr(data-userfavoritescount);
    color: #fff;
    margin-left: 5px;
    background: #000;
    padding: 0px 5px;
    line-height: 1.5;
}