@font-face {
    font-family: 'Hot Mess';
    src: url('../fonts/HotMess.woff2') format('woff2'),
        url('../fonts/HotMess.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Attila Sans Classic';
    src: url('../fonts/AttilaSansClassic-Regular.woff2') format('woff2'),
        url('../fonts/AttilaSansClassic-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Attila Sans Classic';
    src: url('../fonts/AttilaSansClassic-Medium.woff2') format('woff2'),
        url('../fonts/AttilaSansClassic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Attila Sans Classic';
    src: url('../fonts/AttilaSansClassic-Semibold.woff2') format('woff2'),
        url('../fonts/AttilaSansClassic-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Attila Sans Classic';
    src: url('../fonts/AttilaSansClassic-Bold.woff2') format('woff2'),
        url('../fonts/AttilaSansClassic-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html
{
    font-weight: 500;
}


div.tm-toolbar.tm-toolbar-default  {top:-20px;}

/*.whheadline
{
    margin-left: -3rem;
}
*/
.whheadline .heading-lastwords
{
    font-family: 'Hot Mess';
    font-size: 2.7em;
    font-weight: normal;
    display: block;
    margin-left: 5rem;
    margin-top: -1rem;
}

.hotmess
{
    font-family: 'Hot Mess';
    font-weight: normal;
    display: block;
    margin-top: -1rem;
    margin-right: 10rem;
}
.hotmess-no-margin
{
    font-family: 'Hot Mess';
    font-weight: normal;
    display: block;
}

.headline-floated-left {
  float:left;
  display:inline-block;
}
.headline-image-floated-left {
  float:left;
  position: relative;
  top:-3.2rem;
  left:1rem;
}

.headline-image-floated-left-top {
  float:left;
  position: relative;
  top: -11rem;
  right:-50rem;
}

/*Headers*/
.header_row_xl {padding-top:150px;}
/*.header_row_s*/

/*Mainnavi*/
.uk-navbar-nav>li>a 
{
  line-height: 3.2rem;
}
.uk-navbar-nav li a:hover,
.uk-navbar-nav li.uk-active a {
  background-image: url(../../../images/icons/circle-yellow.svg);
  background-repeat: no-repeat;
  background-position:1rem;
}

/*Dropdown Navi*/

.uk-navbar-dropdown-nav li a {
  line-height: 1.25rem;
}

.uk-navbar-dropdown-nav li a:hover {
  background-image: url(../../../images/icons/circle-yellow.svg);
  background-repeat: no-repeat;
  background-position: 2rem;
 }

/* Sub Navi In Page*/
.uk-subnav > * > a {
  background-position:center;
  line-height: 3.2rem;
}

.uk-subnav > * > a:hover {
  background-image: url(../../../images/icons/circle-yellow.svg);
  background-repeat: no-repeat;
}

.uk-subnav .uk-active a  {
  background-image: url(../../../images/icons/circle-yellow.svg);
  background-repeat: no-repeat;
  font-weight: 700;
}


/*Local Group in Header*/
#module-1216 {
  position:absolute;
  bottom:-1.75rem;
  width:350px; /*muss mobil auf Logo-Breite angepasst werden*/
  text-align: center;
}


.local-group {
  background:#ECC71A;
  border-radius: 2rem;
  padding: 0.15rem 1rem;
  font-weight: 700;
  width:auto;
  display: inline-block;
}



/*Profile*/
.uk-tile-default {
  border:1px solid #000;
  border-radius: 2rem;
  padding: 2rem;
}
.profile-local-group {
  background:#ECC71A;
  border-radius: 2rem;
  display: inline;
  width: auto;
  padding: 0.5rem 2rem;
  font-weight: 700;
  margin-right: 1rem;
  line-height: 3rem;;
}
.profile-membership {
  background:#EB87C4;
  color:#fff;
  border-radius: 2rem;
  display: inline;
  width: auto;
  padding: 0.5rem 2rem;
  font-weight: 700;
  margin-right: 1rem;
}

.profile-text-list {font-size:1.5rem;}
.profile-text-list .uk-flex-middle {align-items: baseline;}
.profile-text-list .el-item {margin-top: 1rem;}
.profile-text-list .el-image {background:#000; border-radius:2rem;padding:0.25rem; color:#fff;}
.profile-text-list.blue .el-image {background:#2452F5; border-radius:2rem;padding:0.25rem; color:#fff;}
.profile-text-list.pink .el-image {background:#EB87C4; border-radius:2rem;padding:0.25rem; color:#fff;}
.profile-text-list.red .el-image {background:#EB4800; border-radius:2rem;padding:0.25rem; color:#fff;}
.profile-text-list.yellow .el-image {background:#ECC71A; border-radius:2rem;padding:0.25rem; color:#fff;}
.profile-text-list.green .el-image {background:#006800; border-radius:2rem;padding:0.25rem; color:#fff;}

.profile-action-btn .uk-button{width:320px;}

.profile-img-row {position:relative; top:0; height:0;}
.profile-name-row  {padding-left:35%; position: relative;z-index: 10;}

.slogan-icon .el-element {margin-top:60px;}
.slogan-icon .el-image {position:relative; top:-30px;}
.slogan_row {padding-top:3rem;}
.slogan_row_textblock {margin-left: 7.3rem;top:-2rem;}
.slogan-icon .el-content h2 {line-height: 2rem;}
.slogan-icon .el-content em {color:#000; font-size:1.3rem; font-style: normal;}


.slogan-icon-right {float: right;}
.slogan-icon-right .el-element {margin-top:60px;}
.slogan-icon-right .el-image {position:relative; top:-50px;}
.slogan-icon-right .el-content {font-size:2.5rem; font-weight: bold; line-height: 2.5rem;}
.slogan_row .hotmess {float: right;}

/*Icon List*/
.social-icon-list {float:left; margin-right:2rem; }
.social-icon-list-name {line-height:50px;}
.social-icon-list-name p {padding: 0;}
/*Large Text List*/
.large-text-list {font-size:1.3rem;}
.large-text-list .uk-flex-middle {align-items: baseline;}
.large-text-list .el-item {margin-top: 1rem;}
.large-text-list .el-image {background:#000; border-radius:2rem;padding:0.25rem; color:#fff;}
.large-text-list.blue .el-image {background:#2452F5; border-radius:2rem;padding:0.25rem; color:#fff;}


.medium-text-list {font-size:1.3rem;}
.medium-text-list .uk-flex-middle {align-items: baseline;}
.medium-text-list .el-item {margin-top: 1.25rem;}
.medium-text-list .el-image {background:#000; border-radius:2rem;padding:0.25rem; color:#ECC71A;}



/*Dividers*/
.divider-black {background:#000;}
.divider-red {background:#EB4800;}

/*Grids */
.grid-termine .uk-padding {display:none;}
.grid-headline-text-buttons .uk-button {border-radius: 2rem; margin-left: 3rem;}
.grid-headline-text-buttons .el-title {
  background-image: url(../../../images/icons/circle-yellow-top.svg);
  background-repeat: no-repeat;
  background-position: 1rem;
  line-height: 3.5rem;
  padding-left: 2rem;
}
.grid-headline-text-buttons .el-content {padding:0 3rem; }
.grid-womenshub-people .el-title {
  clear: right;
  position: relative;
  top:-3rem;
}
.grid-womenshub-people .el-content {
  position: relative;
  top: -3rem!important;
}
.grid-womenshub-people .el-meta {
  background:#ECC71A;
  padding:0.5rem 1rem;
  border-radius: 5rem;
  font-size:1.5rem;
  font-weight:bold;
  position: relative;
  top: -4rem;
  left:-2rem;
  float: right;
  z-index:2;
  min-width: 65px;
}

/*Panel Sliders*/
.panel-slider-yellow-stimmen .el-meta {
  font-family: 'Hot Mess';
  font-weight: normal;
  font-size: 2rem;
  padding:2rem 0;
}
.panel-slider-yellow-stimmen .el-slidenav svg {color:#000;}

/*Special Images*/
.img-right-top .el-image {
margin-left:2rem;
margin-top:-2rem;
}

/*Special Text Settings*/
.text-large-bottom-padding {padding-bottom:2rem;}

/*Buttons*/

.btn-big .uk-button {
  border-radius: 2rem;
  line-height: 2rem;
  font-size:1.3rem;
  padding:0.5rem 2.5rem;
  margin-bottom: 2rem;
}

.btn-price .uk-button {
  border-radius: 2rem;
  line-height: 2rem;
  font-size:1.5rem;
  padding:0.5rem 2.5rem;
  margin-bottom: 2rem;
}
.btn-red .uk-button {
  background-color:#EB4800;
  color:#fff;
  border-radius: 2rem;
  line-height: 2rem;
  font-size:1.5rem;
  padding:0.5rem 2.5rem;
}
.btn-red .uk-button:hover {
  background-color:#A23607;
  color:#fff;
  }

.btn-floated-left .uk-button {float:left;}

.table-termine .el-link {
  background-color:#EB4800;
  color:#fff;
  border-radius: 2rem;
  line-height: 2rem;
  font-size:1.5rem;
  padding:0.5rem 2.5rem;
}

.table-termine .el-link:hover {
  background-color:#A23607;
  color:#fff;
  }

.btn-top-menu .uk-button{
  border-radius: 2rem;
  line-height: 1.2rem;
  padding: 0.2rem 0.5rem;
}

/*Price Boxes*/
.price-box .uk-card{border-radius: 3rem;}
.price-header {background:#EEEBED; border-top-left-radius: 3rem; border-top-right-radius: 3rem; height: 33rem;}
.price-header-content {padding:0rem 2rem;}
.price-header-content.price em {font-style: normal; font-size:1.5rem;}
.price-header-content.last {margin-bottom:2rem;}
.price-content {background:#F3F1F3; padding:0rem 1rem; }
.product-name {margin-top:2rem;}

.price-monthly.hide,
.price-yearly.hide,
.button-monthly.hide,
.button-yearly.hide
{
  display: none;
}
.price-monthly.show,
.price-yearly.show,
.button-monthly.show,
.button-yearly.show
{
  display: block;
}

  /*Footer*/
.footer-links .uk-link-text{
  margin:0 2.5rem;
  font-size:1rem;
  }
.copyright {
  color:#fff;
  font-size:0.75rem;
  text-align: center;
}
.copyright a,
.footercolumns li > div {
  color:#fff;
}
.footercolumns li:not(:has(a)) {
  margin-top: 0!important;
}

div.tm-toolbar.tm-toolbar-default {
  display:block!important;
  position: fixed;
  right: 0px;
  background: transparent;
  z-index: 1000;
  width: 100%;
}

/*Striped Section*/
.striped-section .uk-container > .uk-grid > div{
  padding:2rem;
  font-size:1.5rem;
}

.striped-section .uk-container > .uk-grid:nth-child(2n) {
  background-color: rgba(0,0,0,0.10);
}

.big-pic-2cols .wh-second-col {padding:5rem 5rem!important;}

/*Love Sessions*/
.love-sessions-nameheader 
{
  background:#dedede; 
  padding: 1rem;
  margin: 0!important;
}
.love-sessions-content 
{
  background:#dedede; 
  padding: 1rem;
  margin: 0!important;
}

@media (max-width: 640px) {
    .uk-text-large {
        font-size: 1em;
    }
    .slogan-icon-right .el-content{
      font-size:1.4em!important;
      line-height:1.1em!important;
    }
    .whheadline {font-size: 1.8em;}
    .heading-lastwords {
      font-size:1.5em!important;
      margin-left:3rem!important;
      margin-top:-0.5rem!important;}
    .headline-whd h1 {font-size:1.5em;}
    .headline-whd .headline-image-floated-left {float:right;}
    .headline-whd .headline-image-floated-left img{width:150px;}
    .img-right-top .el-image {
      float:right;
      margin-left:0;
      margin-top:-3rem;
    }
    .badge-text-list .badge {
      display:block;
      text-align:center!important;
    }
    .grid-womenshub-people .el-meta {
      font-size:1em;
      top:-3rem;
      padding:0.25rem 0.5rem;
    }
    .grid-womenshub-people .el-title {font-size:1.4em; top:-2em;}
    .grid-womenshub-people .el-content {font-size:0.85em; top:-3.5rem!important }
    .profile-img-row img {height:120px; width:120px;}
    .profile-img-row .uk-position-relative {top:-60px!important;}
    .profile-name-row {padding-left: 7%; padding-top:40px;}
}



@media (max-width: 960px) {
  .striped-section .uk-container > .uk-grid > div{
    padding:1rem;
    font-size:1.5rem;
  }
}


@media (max-width: 1279px) {
div.tm-toolbar.tm-toolbar-default.uk-visible\@l {
    display:block!important;
    position: absolute;
    right: 0px;
    background: transparent;
    z-index: 1000;
    width: 100%;
    }
}

/* HEADER IMAGES RESIZE */

/*@media (min-width: 1921px) {
  .header-small > div {
    min-height: 800px!important;
    background-size: cover;
  }
}

@media (max-width: 1279px) {
  .header-small > div {
    min-height: 500px!important;
    background-size: cover;
  }
}

@media (max-width: 1023px) {
  .header-small > div {
    min-height: 400px!important;
    background-size: cover;
  }
}

@media (max-width: 639px) {
  .header-small > div {
    min-height: 300px!important;
    background-size: cover;
  }
}

@media (max-width: 413px) {
  .header-small > div {
    min-height: 200px!important;
    background-size: cover;
  }
}*/

/* HEADING EINZEILIG NEXT LOVE SESSIONS MODUL: https://www.womenshub.de/love-session */

/* DAYS RED BUTTONS SAME WIDTH */

.big-pic-2cols .btn-red a {
  width: 330px;
}

@media (max-width: 413px) {
  .big-pic-2cols .btn-red a {
      margin-left: calc(((100vw - 330px) / 2) - 57px);
  }
}

/* TEXT CLAMPING */

@media (min-width: 639px) {
  .love-sessions-content .uk-panel:has(.clamps) {
    min-height: 325px;
  }
  .love-sessions-content .uk-panel .clamps {
    margin-top: 1.5rem;
  }
  .clamp-7 .love-sessions-content .uk-panel .clamps {
    --lines: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lines);
    line-clamp: var(--lines);
    overflow: hidden;
  }
  .clamp-8 .love-sessions-content .uk-panel .clamps {
    --lines: 8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lines);
    line-clamp: var(--lines);
    overflow: hidden;
  }
  .clamp-9 .love-sessions-content .uk-panel .clamps {
    --lines: 9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lines);
    line-clamp: var(--lines);
    overflow: hidden;
  }
  .clamp-10 .love-sessions-content .uk-panel .clamps {
    --lines: 10;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lines);
    line-clamp: var(--lines);
    overflow: hidden;
  }
}

/* Change animation for elements using the uk-animation-slide-top class to ROTATION */
@keyframes slide-top-main {
  from {
    transform: scale(0.6) rotate(0turn);
  }
  to {
    transform: scale(1) rotate(calc(2 * 1turn));
  }
}
main .uk-animation-slide-top { 
  animation-name: slide-top-main;
}

/* Clamp + clickable container + pseudo "button" */

.clamp {
  --lines: 4;           /* overridden by data-lines */
  --gap: .8rem;         /* space between text tail and button */
  --btnH: 1.8rem;       /* visual height of the button line */
  position: relative;
  padding-bottom: calc(var(--gap) + var(--btnH));
  overflow: hidden;
  height: auto;
  transition: height 0.3s ease;
}
.clamp__inner {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1rem;
}
.clamp__toggle {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1.4;
  text-decoration: none;
  user-select: none;
  cursor: pointer;
  
  border-radius: 2rem;
  padding: 0.5rem 2.5rem;
  background-color: #ffffff;
}
.clamp.is-open .clamp__inner {
  -webkit-line-clamp: initial;
  overflow: visible;
  display: block;
}

/* LANGUAGE SWITCHER & TOP MENU */

.language-bar {
  /*position: absolute;
  top: 0;
  right: 0;*/
}

.language-bar li:has(.uk-button) {
  margin-right: 0;
}
.tm-toolbar div:has(> .language-bar) {
  padding-left: 0.5rem;
}
.topmenu-bar li:has(.uk-button) {
  margin-left: 0.7rem;
  padding-left: 0;
}
.topmenu-bar li:has(.uk-button) a:hover {
  background: #ecc71aa0;
}
div.mod-languages ul li.lang-active {
  background-color: unset;
}

@media (max-width: 1279px) {
  .tm-toolbar .uk-first-column:has(.topmenu-bar) {
    display: none;
  }
}

/* NAVBAR FIXES */

.tm-header .uk-navbar-left, .tm-header .uk-navbar-right, .tm-header [class*=uk-navbar-center]
{
  align-items: end;
}

/* FOOTER FIXES */

.footer-container 
{
  text-align: center;
}
.footer-container .footer-links 
{
  display: inline-block;
}
.footercolumns h3 span {
  color: white!important;
  background: none;
  font-weight: 700;
}

/* MOBILE MENU FIXES */

/* Open submenus whose parent is a heading (empty or # link) in mobile offcanvas */
.uk-offcanvas .uk-nav li.uk-parent > a[role="button"][href=""] + .uk-nav-sub,
.uk-offcanvas .uk-nav li.uk-parent > a[role="button"][href="#"] + .uk-nav-sub,
.uk-offcanvas .uk-nav li.uk-parent > a[href=""] + .uk-nav-sub[hidden],
.uk-offcanvas .uk-nav li.uk-parent > a[href="#"] + .uk-nav-sub[hidden] {
  display: block !important; /* override [hidden] */
}

/* move specialmobilemenu up (no margin top) */
div > :has(> .specialmobilemenu) {
  margin-top: 0 !important;
}

/* hide icon open/close in offcanvas */

.uk-offcanvas .uk-nav li.uk-parent > a[role="button"] > span.uk-icon,
.uk-offcanvas .uk-nav li.uk-parent > a > span.uk-icon {
  display: none;
}

/* LOGO + CITY */

body.hamburg .uk-logo:after,
body.munich .uk-logo:after,
body.zurich .uk-logo:after {
  background-color: #ecc71a;
  border: 1px solid transparent;
  color: #000;
  border-radius: 2rem;
  padding: 0.4rem 1rem;
  line-height: 1.2rem;
  font-weight: 800;
  font-size: 20px;
  top: 1.4rem;
  position: relative;
}

html[lang="de-de"] body.munich .uk-logo:after {
  content: "München";
}

html[lang="en-gb"] body.munich .uk-logo:after {
    content: "Munich";
}

html[lang="de-de"] body.zurich .uk-logo:after {
  content: "Zürich";
}

html[lang="en-gb"] body.zurich .uk-logo:after {
    content: "Zurich";
}

html[lang="de-de"] body.hamburg .uk-logo:after {
  content: "Hamburg";
}

html[lang="en-gb"] body.hamburg .uk-logo:after {
    content: "Hamburg";
}

.mod-languages a {
  text-transform: lowercase;
}

/* PROFILE */

#profile-modal .uk-modal-dialog {
  margin: 0 auto;
  max-height: 90vh;
  overflow-y: auto;
}

/* only center if the dialog height is less than viewport height */
@media (min-height: 600px) {
  #profile-modal .uk-modal-dialog:not(:has(.uk-overflow-auto)) {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

#profile-prev,
#profile-next{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  color: #fff;
  font-size: 64px;
  line-height: 1;
  font-weight: 400;
  text-shadow: 0 2px 10px rgba(0,0,0,.6);
  cursor: pointer;
  z-index: 100000;
  appearance: none;
  -webkit-appearance: none;
  display: none;
}
#profile-next{ right: 16px; left: auto; }

body.profile-nav-visible #profile-prev,
body.profile-nav-visible #profile-next{
  display: block;
}

.grid-womenshub-people .el-image,
.avatar-crop {
  filter: grayscale(100%);
  /*width: 288px;
  height: 288px;
  background: #F3F1F3;*/
}
.grid-womenshub-people .el-title {
  font-size: 1.5rem; 
  line-height: 1.2;       
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
} 
.grid-womenshub-people .el-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 1.2rem;
}

#profile-modal .profileWrap h1 + div {
  max-width: 700px;
}

#profile-modal .avatar-crop {
  width: 288px;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  overflow: hidden;
}

.grid-womenshub-people .el-meta:has(.comEMPTY) { /* ".comEMPTY" via Condition inside Compose from Essentials */ 
  height: 33.6px;
  background: none;
}
.grid-womenshub-people .el-meta:has(.comOTHER) /* .comMUC, .comZH, .comBER, .comHAM, .comROS are also available */
{
  opacity: 0;
}

.uk-subnav-pill>*>a:hover
{
  background-color: #ffffff00;
}
.uk-subnav-pill>*>:first-child {
  min-width: 59px;
}

.profileWrap hr:last-of-type {
  display: none;
}

.profile-bereich {
  border: 1px solid #000;
  border-radius: 1.5rem;
  padding: 1.5rem 0.6rem;
  margin-bottom: 2rem;
}

.profile-website {
  margin-top: 1.5rem!important;
  float: right;
}
.profile-website a {
  margin: 1rem 0;
  display: inline-block;
}
.profile-website .profile-local-group
{
  /*display: block;*/
  width: 255px;
  text-align: center;
  line-height: inherit;
  background: #000;
  color: #fff;
}

.profile-aside {
  flex: 0 0 auto;
  width: 288px;
  max-width: 100%;
  align-self: flex-start; /* prevent vertical stretch */
}

.avatar-crop {
  width: 288px;
  aspect-ratio: 1 / 1; /* always square */
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}

@media (max-width: 959.98px) {
  .profile-aside {
    margin-left: auto;
    margin-right: auto;
  }
}

/* SIGNUP-LOGIN */

form#member-registration .control-label > label,
form#member-profile .control-label > label
{
  font-weight: 600;
}
.tm-top:has(.signup-login) {
  padding-bottom: 0;
}
.signup-login a.com-users-login__register {
  display: none;
}
.tm-bottom:has(.signup-login) {
  padding-top: 0;
}

form#member-registration input:not([type="checkbox"]),
form#member-registration textarea,
form#member-registration select,
form#member-registration .dz-message,
form#member-profile input:not([type="checkbox"]),
form#member-profile textarea,
form#member-profile select,
form#member-profile .dz-message,
.com-users-profile dd:not(:has(.acfup-item)),
#grid-search,
#grid-filter.uk-select
{
  background: #fff;
  padding-left: 0.5rem;
}

form#member-registration > fieldset,
form#member-profile > fieldset:not(:first-of-type),
.com-users-profile fieldset:not(:first-of-type)
{
  margin-top: 2rem;
}
form#member-registration fieldset legend,
.com-users-profile fieldset[id^="users-profile-custom-fields"] legend,
.com-users-profile__edit fieldset:not(:first-of-type) legend
{
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.2rem 0.5rem 0.3rem;
  background: #000; /* #eeebed;*/
  color: #fff;
}

form#member-registration fieldset:nth-of-type(2) legend:after,
form#member-profile fieldset:nth-of-type(2) legend:after,
.com-users-profile fieldset:nth-of-type(2) legend:after
{
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
}

html[lang="de-de"] form#member-registration fieldset:nth-of-type(2) legend:after,
html[lang="de-de"] form#member-profile fieldset:nth-of-type(2) legend:after,
html[lang="de-de"] .com-users-profile fieldset:nth-of-type(2) legend:after
{
  content: "(Diese Angaben sind für alle auf der Website sichtbar)";
  display: block;
}

html[lang="en-gb"] form#member-registration fieldset:nth-of-type(2) legend:after,
html[lang="en-gb"] form#member-profile fieldset:nth-of-type(2) legend:after,
html[lang="en-gb"] .com-users-profile fieldset:nth-of-type(2) legend:after 
{
  content: "(This information is visible to everyone on the website)";
  display: block;
}

/* PROFILE SHOW + EDIT */

.com-users-profile fieldset:first-of-type > legend,
.com-users-profile__edit fieldset:first-of-type > legend
{
  margin: 0 0 20px 0;
  font-family: Attila Sans Classic;
  font-weight: 700;
  color: #000;
  text-transform: none;
  font-size: 2.625rem;
}

#users-profile-custom-fields-11 /* hide RECHTLICHES on Profile Show */
{
  display: none;
} 

.com-users-profile dd
{
  margin-bottom: 20px;
}

.com-users-profile__edit.btn-toolbar {
  justify-content: flex-end;
  margin-bottom: -40px;
}
.com-users-profile__edit.btn-toolbar .btn.btn-primary {
  border-radius: 2rem;
}

/* BECAUSE OF MOBILE FIXES */

.panel-slider-yellow-stimmen .el-meta,
.whheadline .heading-lastwords
{
  /* line-height: 2rem;
  margin-top: 1rem; */

  line-height: 0.6em;
  margin-top: 0.2em;
  margin-bottom: 0.4em;
}
@media (max-width: 640px) {
  .heading-lastwords 
  {
    font-size: 3em!important; /* 1.5em!important; */
    margin-top: 0.2em!important; /* -0.5rem!important; */
  }
}
.h2, .uk-h2, h2,
.slogan-icon .el-content h2
{
  line-height: 2rem; /* 1.75rem; */
} 
.slogan-icon .el-content em
{
  line-height: 1rem;
}
.slogan_row_textblock
{
  top: -1rem;
}
.price-header
{
  min-height: 37rem;
  height: unset;
}
@media (max-width: 640px) {
  .price-header
  {
    min-height: unset;
  }
}

/* MOBILE HERO IMAGE FIXES */
@media (max-width: 768px) {
  .fixmobilehero-left .header-small > div {
    background-position: -300px!important;
  }
  .fixmobilehero-right .header-small > div {
    background-position: -800px!important;
  }
}

/* STYLE EMPTY PROFILE FIELDS IN VIEW */
.com-users-profile dd.emptyfield {
  color: #888;
  font-style: italic;
  background: palegoldenrod;
}

/* COMMUNITY GRID COUNTER */

/*#community-grid { counter-reset: item; }
#community-grid .uk-grid > * { counter-increment: item; }
#community-grid .uk-grid > * .el-title::before { content: counter(item) ". "; }*/

/* FIX EVENTS SUBMENU NOT ACTIVATING PARENT IN MAIN MENU */
/* 1. */
.uk-navbar-dropdown ul.uk-nav-sub,
#tm-dialog-mobile ul.uk-nav-sub ul
{
  display: none;
}

/* SEARCH NAME + EVENT FILTER */

div#grid-tools {
  margin-bottom: 5em;
}

label#grid-filter-lbl, label#grid-search-lbl
{

}

/* search-only hiding so we never interfere with UIkit’s own classes */
.is-search-hidden { display: none !important; }

.filter-tools {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  .filter-tools {
    flex-wrap: wrap;
  }

  .filter-tools > * {
    flex: 1 1 100%;
  }
}

/* hide user field EVENTS on profile show & edit */
#users-profile-custom-fields-13,
fieldset:has(#jform_com_fields_teilgenommene_events_new)
{
  display: none;
}