@import url('/system/modules/alkacon.mercury.customer.generic/css/generic-agency.css');
@import url('/.themes/fonts.css');
@import url('/.themes/ahaus.css');
@import url('/.themes/addon.css');
@import url('/shared/css/generics.css');
@import url('/shared/css/m-access.css');


.topfoot .styled-form .note-error {display: block;}
a#skip-to-content {color: #fff !important; z-index: 99; background-color: #333 !important;}

.pp-banner .buttons .btn-accept, .pp-banner .buttons .btn-accept:hover {background-color: green !important;}

.detail-page.type-contact a {color: #222;}

.slider-dots button::before {border: 12px solid #ccc; border-radius: 50%;}
.slider-dots button.active::before {border: 12px solid #ee0000;}
.slider-dots {bottom: 23px;}

#mercury-page {overflow-x: clip;}
.topfoot .styled-form {background: transparent;}
.accordion .acco-header > .acco-toggle {padding: 1rem 1rem;}
.accordion .acco-header > .acco-toggle {padding-left: 60px;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {
    color: inherit;
    background: transparent;}
	
.accordion {margin-bottom: 8px; padding-bottom: 10px;}
.list-pagination .btn.btn-append {left: 49% !important;}

.head .image-src-box.presized:not(.use-ratio) img{height:auto;}

@media (max-width: 763.98px){
.area-foot {
    line-height: 1.3;
}
}

#mercury-page{overflow: hidden;}

.nav-main-items a.link-extern:after { font-size: 18px;     top: 3px;}


#search-form .type-list-filter .filterbox + .filterbox{display: none;}


.type-slider .slide-wrapper .caption.bottom {top: unset;}

.head .element.type-flexible{    margin-bottom: 0;}

.pp-banner .banner.fixed {top: unset;}

.eyable-wrap {max-width: max-content;}
.hover-text a.easy{background: url(/.galleries/bilder/.system/easy-read.svg) no-repeat 0% 50%; padding: 10px 10px 10px 30px;     background-size: 22px;}

.hover-text a .fa-universal-access:before {content: "\f29a";font-family: 'FontAwesome'; font-style: normal;margin-right: 7px; font-size: 23px; color: #777;
    position: relative;
    top: 2px;
}
.btn-barriere {right: 165px; position: absolute; top: 23px; z-index: 10;}
.btn-barriere-no-trans {right: 165px; position: absolute; top: 58px; z-index: 10;}
.hover-text a{color: #333; font-size: 17px;}
.hover-text a:hover{text-decoration: none;}
.hover-text{margin-left: 20px;}

.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 200px;
  color: #333;
  font-size: 14px;
  background-color: #eee;
  border-radius: 10px;
  padding: 10px 15px 10px 15px;
}


.tooltip-text::after {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background-color: #eee;
  padding: 5px;
  z-index: 1;
}


.hover-text .easy .normal, .hover-text .bottom .normal{display: none;}
.hover-text .easy-active .normal{display: inline-block;}

.hover-text .easy .leicht, .hover-text .bottom .leicht{display: inline-block;}
.hover-text .easy-active .leicht{display: none;}

.hover-text:hover .tooltip-text {
  visibility: visible;
  
}
.bottom {
  top: 34px;
  left: 0;
}

.bottom::after {
  top: -5%;
  left: 45%;
}

.hover-text {
  position: relative;
  display: inline-block;
   font-family: Arial;
  text-align: center;
  cursor: pointer;
      top: -34px;
}
@media (max-width: 1013.98px){
.btn-barriere {right: 59px; top: -98px;}
.btn-barriere-no-trans {right: 59px; top: -65px;}
}
@media (max-width: 763.98px){
.btn-barriere {top: -85px;}
.btn-barriere-no-trans {top: -50px;}
}
@media (max-width: 700px){
.hover-text span{display: none !important;}
.btn-barriere {right: 21px; top: -86px;}
.btn-barriere-no-trans{right: 50px; top: -43px;}
.hover-text {margin-left: 8px;top: -40px;}
.hover-text a.easy {padding: 0px 0px 0px 22px; background-size: 23px; height: 24px; position: relative; display: block; top: 5px;}
}
@media (max-width: 549.98px){
    .btn-barriere {right: 11px; top: -89px;}
	.btn-barriere-no-trans {right: 40px; top: -50px;}
	.area-header .element.type-flexible {margin-bottom: 0;}
}
@media (max-width: 380px) {
.btn-barriere {right: 4px; top: -88px;}

}
.ico-svg.ico-my-easy-language > svg {
    vertical-align: bottom;
    fill: #777;
    height: 25px;
    width: auto;
    top: 4px;
    position: relative;
}
/*@media (min-width: 1014px){
.h-info .ls-row.no-icon li:not(:last-child) {
    margin-right: 10px !important;}
.h-info .type-linksequence li:nth-child(2) a {
        padding: 0 !important; 
    }
}*/






.header-isfixed .weglot-container {display: none !important;}
.wg-drop.country-selector .wgcurrent:after{display: none !important;}
.wg-flags a img.wg-flag {margin-right: 5px !important; height: 21px !important; width: 21px;}
.weglot-container {right: 312px; position: absolute; top: 23px; z-index: 10 !important;}
.wg-drop.country-selector .wgcurrent {border: 0 !Important;}
.country-selector a {color: #000 !important; font-weight: 500; font-size: 14px;}
.country-selector a:hover {color: #fff;}
.wg-drop.country-selector .wgcurrent a {padding-right: 20px !Important; font-size: 19px;}
.wg-drop.country-selector :not(.wgcurrent) a {font-size: 18px;}
.wg-list.country-selector a:hover {text-decoration: none !important;}
.weglot-container a[role="option"] {display: flex !important; align-items: center;}

@media (max-width: 1013.98px){
.weglot-container {right: 55px; top: 12px;}
}

@media (max-width: 549.98px) {
    .weglot-container {right: 42px; top: 6px;}
}
@media (max-width: 400px){
.wg-list.country-selector a {padding: 0 5px;}
}


hr {
    margin: 0;
    margin-top: 30px;
    border-top: 1px solid #666;
    opacity: 1;
    padding-bottom: 15px;
}


/*********** KOMMENTAR - Text in Anmeldeformular ausgeblendet ***********/
/*.type-newsletter-config label.checkbox p:nth-child(2){display: none;}*/
.type-newsletter-config label.checkbox p:nth-child(3){display: none;}


/****************** NL-FORM ******************/
.type-newsletter-config .btn{background-color: #ee0000; padding: 10px; color: #fff; border: 0; margin-top: 0px; border-radius: 0; font-size: 16px; font-weight: 400;}
.type-newsletter-config .styled-form fieldset + fieldset {border-top: none;}
.type-newsletter-config .styled-form footer {padding: 10px 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; box-shadow: none;}
.type-newsletter-config{box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);}
.type-newsletter-config .btn[value="1"] {background-color: #3CB371;}
.type-newsletter-config label{font-size: 16px;}



@media (min-width: 1014px){
.type-newsletter-config .col-lg-4 {
  flex: 0 0 auto;
  width: 45%;
}
}
@media (max-width: 763.98px){
.type-newsletter-config .btn-block {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}
}
/****************** 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;}
.nl-archiv .teaser.type-newsletter h3{font-size: 25px; margin-bottom: 3px;}
/****************** ENDE ********************/




.nav-main-items li.active > a {background-color: #ccc;}
.nav-main-items li.active.expand.ed > a, .nav-main-items > li.active > a {background-color: #fff;
}
.nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {background-color: #eee !important; background: #eee !important;}


.btn.btn-accept {
    background-color: #64d241 !important;
    color: #fff;
}
.btn.btn-save{
	background-color: #fff;
    color: #000;
}

.box.dotted{border: 5px dotted #ee0000;  box-shadow: none;  border-radius: 6px;}
.box.dotted a{    border: 2px dotted #ee0000; color: #ee0000;  font-weight: 400;}
.box.dotted a:hover{background: #fff;}

.box.red{    background: #ee0000;  color: #fff;  border-radius: 10px;}
.box.red .btn{border: 2px solid #fff; color: #fff;}


.area-foot img {max-width: 280px;}
.area-foot .topfoot {
    background: #333 url(/.galleries/bilder/.system/watermark2.png) no-repeat 100px center;}
.cite {background: #ee0000 url(/.galleries/bilder/.system/watermark-single.png) no-repeat 15% center;}

.box-border{
	border: 1px solid #000;
    padding: 12px;
    background: #efefef;
}

.kachel.type-contact .fn {
    
    position: absolute;
    left: 0;
   
    bottom: 20px;
    background: #ee0000;
    color: #fff;
    padding: 10px 9px;
    
}
.kachel .piece > .visual, .kachel .piece .heading > .piece-heading {
    margin-bottom: 0;}
.kachel.type-contact {display: grid;}

.kachel.type-contact .body {
   
    display: block;
    padding-top: 20px;}



.kachel .subtitle{
	position: absolute;
    bottom: 20px;
    background: #ee0000;
    color: #fff;
    padding: 10px 9px;
    font-size: 19px !important;
    font-style: normal !important;
}
.kachel.type-contact .text {font-size: 1.8rem}

@media (max-width: 764.98px) {

.kachel.type-contact .fn {display: none;}

}
@media (max-width: 1199.98px) and (min-width: 1014px) {
.kachel.type-contact .text {font-size: 1.7rem}
}