/*
Theme Name: Pronomen Child
Template: yootheme
Version: 1.0
*/

/* Card-Grundaufbau */
/* Toolbar */
.tm-toolbar-default {
  max-width: 1380px;
  width: 100%;
  min-height:26px;
  margin: 0 auto;
  background: linear-gradient(
    to right,
    #ddfa42 0,
    #ddfa42 90px,
    #8198f0 90px,
    #8198f0 100%
  );
}


/* Card Grundaufbau */
.card-round {
  position: relative;
  overflow: hidden;
}


/* Bildbereich */
.card-round .uk-inline-clip {
  position: relative;
  z-index: 2;
  margin: 14px;
  padding: 0;
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
  overflow: hidden;
}

.uk-tile-muted {

  border-radius: 26px;
}

.card-round .uk-inline-clip img {
  display: block;
  width: 100%;
}


/* SVG oben links über dem Bild
.card-round::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -6px;
  width: 165px;
  height: 165px;
  background-image: url("assets/svg/card-top.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  z-index: 5;
  pointer-events: none;
}


/* Inhalt über dem oberen SVG sauber stapeln */
.card-round .uk-card-body,
.card-round .uk-text-meta,
.card-round .uk-button,
.card-round .uk-button-default {
  position: relative;
  z-index: 3;
}


/* Meta rechtsbündig */
.card-round .uk-text-meta {
  display: block;
  width: 100%;
  text-align: right;
}


/* Button rechts */
.card-round .uk-button-default {
  position: relative;
  display: block;
  width: fit-content;
  margin-left: auto;
  text-align: right;
  z-index: 4;
}


/* SVG direkt hinter / neben Mehr erfahren
.card-round .uk-button-default::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -62px;
  width: 58px;
  height: 58px;
  transform: translateY(-50%);
  background-image: url("assets/svg/card-link.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
  pointer-events: none;
}