@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/.themes/offset.min.css');
@import url('/export/sites/webstart/.mercury/.mod/generator-v2.css');
@import url('/export/sites/webstart/.mercury/.mod/v-offset.css');

a[href^="http://"]:not([href*="puk-bonn.de/"]):after,
a[href^="https://"]:not([href*="puk-bonn.de/"]):after, .symbol:after {font-family: var(--my-icon-font-family);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: " \f08e";
    margin-left: 2px;
    font-size: 1.2rem;
    color: unset;
    padding: 6px 0 0 6px;
}
.symbol:after {font-size: unset;

  padding: unset;
  margin-right: 4px;}


/****************** NL-FORM ******************/
.type-newsletter-config .btn{padding: 10px;}
.type-newsletter-config .styled-form fieldset + fieldset {border-top: none;}
.type-newsletter-config .styled-form {font-size: 85%;}
.type-newsletter-config .styled-form footer {padding: 30px 0 30px; border-top: none;}
.type-newsletter-config .styled-form{border: 0;}
/*.anmeldung .type-newsletter-config h2, .anmeldung .type-newsletter-config .description {display: none;}*/
.anmeldung .type-newsletter-config {padding: 30px;     margin-bottom: 50px;}
.type-newsletter-config .styled-form fieldset {padding: 30px 30px 0px;}

.type-newsletter-config .btn[value="1"] {}
/****************** ENDE ********************/

/*********** Archiv *************/

.nl-archiv .list-content .teaser {
    margin-bottom: 20px;
}
.nl-archiv .list-entries  li:before {content:"Aktuelle Ausgabe"; content: "Aktuelle Ausgabe";
    background: #3CB371;
    padding: 4px 20px;
    margin-bottom: 13px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;}
.nl-archiv .list-entries  li + li:before {content:""; display: none;}
.nl-archiv .list-entries  li {background: #f3f3f3; padding: 30px 30px 10px; margin-bottom:40px; border-radius: 5px;}
.nl-archiv .list-entries  li + li {background: #fff; padding: 0;}
.type-contact .fa, .type-contact .ico {width: 10px;}

.btn {white-space: normal;
-webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
.box.type-linksequence a {color: #444;}
.box.box-theme.type-linksequence a {color: #fff;}
.box {padding: 30px 30px;}
.box.box-akzent1 {box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}
.box.box-akzent1 a{color: #fff;}
.box.piece > .body + .link, .box.piece > .body .text + .link, .btn-wrap-geheim .text + .link {
    justify-content: flex-start;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    margin-top: 15px;
}
.centa{display: flex; justify-content: center;}

.topfoot .no-border h2,.topfoot .no-border h3 {border-bottom: 0;}

.type-webform .form-field-privacy a{font-size: 19px;}

.piece>.body .text h4{margin-bottom: 0px;}
.h5, h5 {font-size: 19px; font-weight: 300;}
.contact-pers .h4{font-size: 18px; font-weight: 300;}
.contact-pers .text h3.fn{    margin-bottom: 5px;}
.type-map .mapbuttons .btn {margin-top: 0.5rem; margin-right: 0.5rem; display: block; width: 100%; font-size: 1.5rem;}
#template-info::before {
  display: none;
 content: '{"main-theme":"#94A936", "main-theme-hover":"#dd0011", "map-color":["#00973A","#94A936","#235789","#ac3931","#ada8b6","#ddd","#aaa","#eee","#888","#fff","#000","#aaa"], "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#000"}]},{"featureType":"landscape.natural","elementType":"all","stylers":[{"lightness":"75"},{"gamma":"1.00"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"},{"saturation":"-30"},{"lightness":"0"},{"gamma":"1"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#fafafa"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#a5b1be"}]}]}'; }

.area-foot .subfoot {padding: 10px 0;}
.btn {font-size: 80%;}


.foot-logo-wrap img {max-width: 120px;}
@media (max-width: 763.98px) {

.foot-logo-wrap.element {margin-bottom: 0;}
}
@media (min-width: 764px) {
.foot-logo-wrap {direction: rtl;}
}



.icon-color img.lazyloaded {background: var(--my-main-theme-base);}
.icon-grey img.lazyloaded {background: var(--my-grey);}
.parallax .type-section img.lazyloaded {
    opacity: 0.65; border-radius: 50%;
}
 .pp-banner * {
    font-size: 15px !important;
}
/*.para-left .type-section {margin-bottom: 0;
    align-items: center;
    justify-content: center;
    padding: 60px 90px 0;}*/
.para-left {padding: 60px 130px 40px;}
.area-foot .subfoot .image-src-box.presized {padding-bottom: 30px !important;}





.effect-parallax-bg .image-src-box img {width: auto; max-width: 100%; height: auto !important;}
.effect-parallax-bg .image-src-box.presized img {position: relative; left: unset; top: unset; display: inherit;}
.effect-parallax-bg .image-src-box.presized {position: relative; height: auto; padding-bottom: 0 !important;}

.effect-parallax-bg .image-src-box img {max-width: 200px;     margin: 0 auto; }
.effect-parallax-bg .piece.only-visual>.visual {
    margin-bottom: 0;
    /* margin: 0 auto; */
    display: flex;
    justify-content: center;
}
.effect-parallax-bg .image-src-box.presized.use-ratio {
    aspect-ratio: auto;
    width: 60%;
    height: auto;}

@media (max-width: 1013.98px) {
.list-pagination .btn.btn-append {font-size: 12px;}
}
@media (max-width: 763.98px) {
.parallax .no-resize .image-src-box img {max-width: 120px;}
.para-left {padding: 40px 40px 20px;}
}



@media (min-width: 1014px) {
header .head.isfixed .h-logo {
    max-width: 12%;}
}
@media (min-width: 1400px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 260px;
        max-width: 260px;
    }
	header.fh.header-isfixed.fix-overlay .h-logo {
        flex: 0 0 150px;
        max-width: 150px;
        margin-top: 10px;
    }
}