/* SCHRIFTEN */

/* barlow-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v12-latin-regular.woff2') format('woff2');
}

/* barlow-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/barlow-v12-latin-italic.woff2') format('woff2');
}

/* barlow-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v12-latin-600.woff2') format('woff2');
}

/* barlow-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v12-latin-700.woff2') format('woff2');
}

/* barlow-semi-condensed-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-semi-condensed-v15-latin-regular.woff2') format('woff2');
}

/* barlow-semi-condensed-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-semi-condensed-v15-latin-500.woff2') format('woff2');
}

/* barlow-semi-condensed-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-semi-condensed-v15-latin-600.woff2') format('woff2');
}

/* barlow-semi-condensed-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-semi-condensed-v15-latin-700.woff2') format('woff2');
}

:root {
  --body-color: #0a0a0a;
  --body-color-rgb: 10, 10, 10;
  --body-bgrd: #778899;
  --blau-1: #2261aa;
  --blau-1-rgb: 34, 97, 170;
  --blau-2: #2766ad;
  --blau-2-rgb: 39, 102, 173;
  --blau-3: #184579;
  --blau-3-rgb: 29, 85, 149;
  --blau-4: #61aede;
  --blau-4-rgb: 97, 174, 222;
  --rot: #ba1319;
  --rot-rgb: 186, 19, 25;
  --gruen: #bab713;
  --gruen-rgb: 186, 183, 19;
  --gold: #ffd700;
  --gold-rgb: 255, 215, 0;
  --h-grau: #ebeef2;
  --h-grau-rgb: 235, 238, 242;
  --d-grau: #d8dfe5;
  --d-grau-rgb: 216, 223, 229;
  --cassiopeia-title-color: #2261aa;
  --cassiopeia-color-link: #2261aa;
  --cassiopeia-color-primary: #2261aa;
  --cassiopeia-color-hover: #153d6a;
}

html, body {
  background: var(--body-bgrd);
}

body {
  font-family: 'Barlow',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  color: var(--body-color);
  position: relative;
}

.bg-logo {
  display: none;
}

@media (min-width: 1888px) {

  .bg-logo {
    position: fixed;
    top: 3rem;
    right: 0.5rem;
    display: inline;
    width: 150px;
    height: 826px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 488 2685' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath d='M468.204.099c3.83-.638 6.374 1.906 7.649 5.093 3.824 12.116 12.11 41.436 12.11 77.761 0 63.101-27.402 93.053-88.591 93.053H49.458c-5.099 0-7.011-3.187-8.286-7.643l-8.923-34.419c-1.275-4.462 3.187-8.286 8.286-8.286h104.531V18.577c0-5.736 3.825-9.555 9.556-9.555h21.671c5.736 0 9.566 3.819 9.566 9.555v107.081h218.612c35.056 0 42.7-19.122 42.7-52.26 0-19.765-4.457-41.43-8.286-58.64-.638-3.829.642-7.654 5.736-8.923L468.204.099ZM479.677 416.938c0 5.742-3.824 8.923-9.561 8.923H204.338c-28.045 0-36.331-5.736-46.524-27.402-12.748-28.051-21.039-85.41-21.039-116.004V266.52c0-3.187 1.275-8.923 9.566-8.923h27.402c4.462 0 7.654 1.274 7.654 5.736 0 42.068 3.187 76.486 12.105 112.18h276.614c5.737 0 9.561 3.187 9.561 8.924v32.501ZM231.108 572.449c-40.787 10.835-54.172 35.693-54.172 87.316 0 50.996 13.385 75.849 54.172 86.684 23.583 6.374 48.441 7.012 72.024 7.649l-.637-189.935c-24.221.637-47.804 1.912-71.387 8.286Zm105.8-61.189c3.187 0 8.286 5.099 8.286 8.286v233.915c35.057 0 54.816-6.374 71.388-19.759 23.583-18.485 30.589-49.711 30.589-94.328 0-39.518-7.006-62.469-15.93-92.421-1.274-4.462-1.274-5.099-1.274-5.736 0-2.55 1.274-4.462 5.093-5.737l24.864-7.011c5.731-1.912 7.643 1.912 9.561 6.374 10.83 25.496 18.478 67.563 18.478 109.625 0 124.933-57.996 161.896-175.275 161.896-107.707 0-175.913-21.666-175.913-147.874 0-66.925 20.396-105.8 56.727-126.834 28.682-16.572 68.2-20.396 112.18-20.396h31.226ZM450.995 856.085c3.192 0 7.648 1.912 10.198 10.193 8.923 28.045 22.946 75.211 22.946 145.961 0 157.429-86.042 200.771-240.921 200.771S2.929 1169.668 2.929 1012.239c0-70.75 14.023-117.916 22.946-145.961 2.55-8.281 7.011-10.193 10.198-10.193.638 0 1.275 0 3.825.632l24.22 5.737c6.374 1.28 8.286 4.467 8.286 8.291 0 1.912-.637 4.456-1.274 7.006-8.286 30.6-19.759 77.766-19.759 131.301 0 119.823 58.639 147.868 191.21 147.868 132.57 0 192.479-28.045 192.479-147.868 0-53.535-10.192-100.701-19.116-131.301-.637-2.55-.637-5.094-.637-7.006 0-3.824 1.906-7.011 7.643-8.291l23.583-5.737c2.55-.632 3.187-.632 4.462-.632ZM177.567 1437.99c0 92.421 54.178 96.245 135.121 96.245 80.31 0 134.483-3.824 134.483-96.245 0-92.415-54.173-96.239-134.483-96.239-80.943 0-135.121 3.824-135.121 96.239Zm310.396 0c0 133.208-79.673 149.148-175.275 149.148-96.24 0-175.913-15.94-175.913-149.148 0-133.845 79.673-149.142 175.913-149.142 95.602 0 175.275 15.297 175.275 149.142ZM188.403 1714.61c-2.544 8.286-11.467 45.248-11.467 86.047 0 70.107 22.303 101.338 135.752 101.338 121.103 0 135.12-36.962 135.12-101.981 0-42.062-9.561-77.756-12.11-85.404H188.403Zm288.725-5.737c5.099 21.034 10.835 46.529 10.835 93.058 0 123.648-56.09 152.33-175.907 152.33-122.378 0-175.281-33.781-175.281-148.511 0-43.974 7.017-75.843 12.753-97.514l-36.968 6.374H17.589c-5.099 0-7.011-3.187-8.286-8.286L.38 1671.91c-1.912-6.379 3.824-7.654 7.648-7.654h416.84c23.583 0 41.43 0 52.26 44.617ZM479.677 2037.77v31.226c0 5.737-3.824 9.561-9.561 9.561H234.295c-42.068 0-56.728 15.935-56.728 60.552 0 52.903 14.023 107.081 17.847 119.185h274.702c5.737 0 9.561 3.187 9.561 8.924v31.869c0 5.737-3.824 9.561-9.561 9.561H205.612c-25.489 0-36.962-1.275-47.798-33.139-11.473-33.149-21.039-96.882-21.039-137.675 0-75.849 23.583-109.63 91.783-109.63h241.558c5.737 0 9.561 3.83 9.561 9.566ZM231.108 2450.14c-40.787 10.841-54.172 35.693-54.172 87.321 0 50.991 13.385 75.849 54.172 86.685 23.583 6.368 48.441 7.011 72.024 7.643l-.637-189.93c-24.221.632-47.804 1.907-71.387 8.281Zm105.8-61.184c3.187 0 8.286 5.094 8.286 8.28v233.921c35.057 0 54.816-6.374 71.388-19.759 23.583-18.484 30.589-49.716 30.589-94.333 0-39.518-7.006-62.464-15.93-92.415-1.274-4.462-1.274-5.105-1.274-5.742 0-2.55 1.274-4.462 5.093-5.737l24.864-7.011c5.731-1.907 7.643 1.918 9.561 6.379 10.83 25.49 18.478 67.558 18.478 109.625 0 124.928-57.996 161.89-175.275 161.89-107.707 0-175.913-21.671-175.913-147.868 0-66.925 20.396-105.8 56.727-126.834 28.682-16.577 68.2-20.396 112.18-20.396h31.226Z' fill='%23e2e6e9' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 150px auto;
    background-position: right top;
  }

}

/* Typo */

.h1,
.h2,
h1,
h2 {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1rem;
  line-height: 1.2;
  font-weight: 500;
}

h1,
.h1 {
  font-size: calc(1.5rem + 0.9vw);
  color: var(--cassiopeia-title-color);
}

h2,
.h2 {
  font-size: calc(1.5rem + 0.6vw);
  color: var(--cassiopeia-title-color);
}

h3,
.h3,
h4,
.h4 {
  font-size: calc(1rem + 0.3vw);
  font-weight: 600;
}

@media (min-width: 1200px) {

  h3,
  .h3,
  h4,
  .h4 {
    font-size: 1.125rem;
  }
}

.h3,
h3 {
  border-bottom: 1px dotted #888;
  border-top: 1px dotted #888;
  line-height: 1.33333;
  margin-bottom: 0.75rem;
  padding: 5px 0;
}

h3.moduletitle {
  border: none;
}

h3.t-news-title {
  --opacity: 0.8;
  border-bottom: 1px dotted rgba(var(--h-grau-rgb), var(--opacity));
  border-top: 1px dotted rgba(var(--h-grau-rgb), var(--opacity));
}

h2.subtitle {
  font-size: calc(1.125rem + 0.3vw);
  color: var(--body-color);
  margin-top: -1rem;
}

.field-entry.untertitel {
  margin-bottom: 0.5rem;
}

.page-header {
  /* max-width: 45rem; */
  text-align: center;
  padding-bottom: 0.5rem;
  /* margin-left: auto;
  margin-right: auto; */
}

.ohne-vorlage-article .page-header {
  padding-top: 2rem;
}

.blog-featured .page-header {
  text-align: center;
  padding-bottom: 1.5rem;
}

.blog-featured h2.item-title {
  color: var(--blau-1);
  font-size: 1.75rem;
}

.news .page-header h1,
.news .page-header h2 {
  text-align: left;
  margin-bottom: 0;
}

.news .article-header {
  text-align: left;
  margin-bottom: 1rem;
}

.section-title {
  color: var(--blau-1);
  text-align: center;
}

.card {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

b,
strong {
  font-weight: 600;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

small, .small {
  font-size: 0.875em;
  line-height: 1.2;
}

a {
  cursor: pointer;
  color: var(--cassiopeia-color-link);
  line-height: inherit;
  text-decoration: none;
  border-bottom: 1px dotted var(--cassiopeia-color-link);
  padding-bottom: 2px;
}

a:hover,
a:focus {
  text-decoration: none;
  color: var(--cassiopeia-color-hover);
  border-bottom: 1px dotted var(--cassiopeia-color-hover);
}

.dark a {
  color: #f7f7f7;
}

.dark a:hover,
.dark a:focus {
  color: #f7f7f7;
  border-bottom: 1px dotted #f7f7f7;
}

a:not([class]) {
  text-decoration: none;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
  border-bottom: none;
}

a.tel,
a.endo-logo,
a.endo-symbol,
a.pathway,
a.wf_file,
.rss-logo a,
table a,
.list-title a,
a.striped,
a.osmap-link,
a.no-border {
  text-decoration: none;
  border-bottom: none;
}

a.tel {
  color: var(--body-color);
}

.mod-list li a:hover {
  text-decoration: none;
}

@media only screen and (min-width: 992px) {

  .blog-featured h2.item-title {
    font-size: 2rem;
  }

  h2.subtitle {
    margin-bottom: 1.5rem;
  }

}

@media only screen and (min-width: 1400px) {

  .news .page-header h1,
  .news .page-header h2 {
    font-size: 2.25rem;
  }

}

/* Layout */

.page-margins {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 84rem;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  height: 100vh;
}

.emu-header-container {
  position: fixed;
  width: 100%;
  max-width: 84rem;
  display: block;
  padding: 1rem 1rem 0 1rem;
  z-index: 50;
}

.emu-header-container, .emu-main-container, .footer-container {
  background-color: white;
}

.emu-main-container {
  flex: 1 0 auto;
  padding-top: 5rem;
}

.emu-logo-container {
  position: relative;
  padding-bottom: 0.75rem;
  z-index: 60;
}

.emu-nav-container {
  position: relative;
}

.content-block {
  padding: 2rem 0.5rem;
  font-size: 1.0625rem;
}

.header-schatten {
  width: 100%;
  height: 2px;
  background-color: transparent;
}

.emu-sticky .header-schatten {
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}

.box-lightgrey {
  --opacity: 0.4;
  background-color: rgba(var(--h-grau-rgb), var(--opacity));
  padding: 1rem;
}

.box-darkgrey {
  --opacity: 0.7;
  background-color: rgba(var(--d-grau-rgb), var(--opacity));
  padding: 1rem;
}

.box-blue {
  --opacity: 1;
  background-color: rgba(var(--blau-1-rgb), var(--opacity));
  color: #fff;
  padding: 1rem;
}

.box-white {
  background-color: #fff;
  padding: 1rem;
}

.bottom-color {
  --opacity: 0.7;
  background-color: rgba(var(--h-grau-rgb), var(--opacity));
  padding: 1rem 0.5rem;
}

.bottom {
  padding: 0 1rem 1rem;
}

.bottom-1 {
  padding: 0 0.5rem 1rem;
}

/* Logo */

a.endo-logo {
  display: inline-block;
  width: auto;
  height: auto;
}

a.endo-logo img {
  width: 14rem;
  height: auto;
  opacity: 1;
  transition: all 1s ease-in-out;
}

.emu-sticky a.endo-logo img {
  width: 10rem;
  height: auto;
  opacity: 0.8;
}

.endo-symbol {
  display: none;
}

.endo-logo svg {
  width: 14rem;
  height: auto;
}

/* Kliniksearch */

.klicker-wrap {
  display: flex;
  justify-content: center;
  filter: drop-shadow(rgba(0, 0, 0, 0.24) 0px 3px 8px);
  margin: 3rem auto;
}

.kliniksearch-klicker {
  width: auto;
  height: auto;
  max-width: 200px;
  background-color: #aa2261;
  z-index: 30;
}

.klicker-text {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 1.125rem;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.05em;
  padding: 1rem;
}

.klicker-button {
  display: inline-block;
  width: 100%;
  --btn-color: hsl(0, 0%, 100%);
  --btn-bg: hsl(182, 67%, 40%);
  --btn-border-color: hsl(182, 67%, 40%);
  --btn-hover-color: hsl(0, 0%, 100%);
  --btn-hover-bg: #1d9195;
  --btn-hover-border-color: #1d9195;
  --btn-focus-shadow-rgb: 39, 39, 111;
  --btn-active-color: hsl(0, 0%, 100%);
  --btn-active-bg: #1d9195;
  --btn-active-border-color: #1d9195;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.02em;
  overflow: hidden;
  border-radius: 0.01px;
  border-radius: 0;
  clip-path: polygon(0 0, 100% 0%, 87% 100%, 0% 100%);
  transform:rotate(358deg);
  padding: 0.3rem 1.25rem 0.3rem 0.5rem;
  margin-top: 1rem;
}

.klicker-wrap-2 {
  filter: drop-shadow(rgba(0, 0, 0, 0.24) 0px 3px 8px);
  width: 170px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.offcanvas.offcanvas-top {
  height: 100vh;
  left: 0;
  max-height: 100%;
  right: 0;
}

.offcanvas-header {
  background-color: #aa2261;
  color: white;
}

.kliniksearch-area {
  background-color: #054373;
  color: #fff;
}

.kliniksearch-area .h1 {
  color: #fff;
}

.klick {
  overflow: hidden;
  border-radius: 0.01px;
}

.kliniksearch-area .klicker-button {
  position: relative;
  background-color: #22a5aa;
  border-color: #22a5aa;
  overflow: hidden;
  border-radius: 0.01px;
  max-width: 300px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  text-align: left;
  padding: 0.6rem 1.25rem 0.6rem 2.5rem;
  margin-bottom: 1rem;
}

.kliniksearch-area .klicker-button:hover {
  background-color: #1d9195;
  border-color: #1d9195;
}

.klicker-button .title {
  display: block;
  font-size: 1.25em;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.kliniksearch-area .icon_search {
  position: absolute;
  top: 15px;
  right: 70px;
  width: 2rem;
  height: 2rem;
  color: white;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 62'  fill='white'%3E%3Cpath d='M38.254 33.469A21.022 21.022 0 0 0 42.24 21.12C42.24 9.454 32.786 0 21.12 0S0 9.454 0 21.12s9.454 21.12 21.12 21.12c4.612 0 8.878-1.478 12.349-3.986L53.76 61.44l7.68-7.68-23.186-20.291ZM21.12 36.48c-8.483 0-15.36-6.877-15.36-15.36S12.637 5.76 21.12 5.76s15.36 6.877 15.36 15.36-6.877 15.36-15.36 15.36Z'/%3E%3C/svg%3E") center/2rem auto no-repeat;
}

.kliniksearch-area .deutschmap {
  max-width: 60%;
  margin-bottom: 1rem;
}

/* Hero-Banner */

.hero-container {
  position: relative;
}

.hero-2-line {
  margin-top: 2rem;
}

.hero-1-line {
  margin-top: 0;
}

.hero-title {
  position: absolute;
  top: -2rem;
  left: 0;
  width: 308px;
  height: 120px;
  overflow: hidden;
  border-radius: 0.01px;
  z-index: 10;
}

.hero-2 .hero-title {
  top: -1.5rem;
}

.hero-2.hero-1-line .hero-title {
  top: 0.5rem;
}

.hero-zertifizierung .hero-title,
.hero-news .hero-title,
.hero-bericht .hero-title {
  width: 318px;
}

.hero-fortbildung .hero-title {
  width: 332px;
}

.hero-title h1 {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.7rem;
  transform:rotate(352deg);
  padding: 3px 30px 2px 12px;
}

.hero-title-bg {
  background-color: #2261aa;
  color: #fff;
}

.hero-title-bg.bg-1 {
  position: relative;
  padding: 3px 23px 2px 12px;
  clip-path: polygon(0 0, 100% 0%, 87% 100%, 0% 100%);
  z-index: 20;
}

.hero-zertifizierung .hero-title-bg.bg-1 {
  padding: 3px 20px 2px 10px;
}

.hero-1-line .hero-title-bg.bg-1 {
  padding: 3px 25px 6px 10px;
}

.hero-title-bg.bg-2 {
  padding: 3px 20px 5px 12px;
  clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
}

.hero-banner {
  width: 100%;
  height: auto;
  clip-path: polygon(0 13%, 100% 0, 100% 100%, 0% 100%);
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}

.hero-start .hero-banner {
  background: url("/images/hero-banner/home-hero-phone@2.jpg"), no-repeat;
  background-size: cover;
	background-position: center;
  height: 360px;
  padding: 4rem 1.5rem 1rem 2rem;
}

.hero-2 .hero-banner {
  height: 240px;
  clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
}

.hero-weltweit .hero-banner {
  background: url("/images/hero-banner/zertifizierung-hero-phone@2.jpg"), no-repeat;
  background-size: cover;
	background-position: center;
}

.hero-ziele .hero-banner {
  background: url("/images/hero-banner/zertifizierung-hero-phone@2.jpg"), no-repeat;
  background-size: cover;
	background-position: center;
}

.hero-bericht .hero-banner {
  background: url("/images/hero-banner/jahresbericht-hero-phone.jpg"), no-repeat;
  background-size: cover;
  background-position: center;
}

.hero-zertifizierung .hero-banner {
  background: url("/images/hero-banner/zertifizierung-hero-phone@2.jpg"), no-repeat;
  background-size: cover;
	background-position: center;
}

.hero-fortbildung .hero-banner {
  background: url("/images/hero-banner/termine-hero-phone@2.jpg"), no-repeat;
  background-size: cover;
	background-position: center;
}

.hero-patienten .hero-banner {
  background: url("/images/hero-banner/patienten-hero-phone@2.jpg"), no-repeat;
  background-size: cover;
	background-position: top left;
}

.hero-news .hero-banner {
  background: url("/images/hero-banner/ziele-hero-phone@2.jpg"), no-repeat;
  background-size: cover;
	background-position: center;
}

.hero-presse .hero-banner {
  background: url("/images/hero-banner/home-hero-phone@2.jpg"), no-repeat;
  background-size: cover;
	background-position: center;
}

.hero-text {
  font-size: 1rem;
  line-height: 1.4;
}

@media only screen and (min-width: 360px) {

  .hero-title {
    top: -1.5rem;
  }

  .hero-zertifizierung .hero-title {
    width: 348px;
  }

  .hero-zertifizierung .hero-title-bg.bg-1 {
    padding: 3px 23px 2px 12px;
  }
  
  .hero-banner {
    clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%);
  }

  .hero-2 .hero-banner {
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
  }

  .hero-text {
    font-size: 1.125rem;
    line-height: 1.5;
  }

}

@media only screen and (min-width: 420px) {

  .hero-title {
    top: -1rem;
  }

}

@media only screen and (min-width: 576px) {

  .emu-header-container {
    padding: 1rem 2rem 0 2rem;
  }

  .hero-container,
  .content-block,
  .breadcrumbs_wrapper,
  .partner {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .bottom-1 {
    padding: 0 1.5rem 2rem;
  }

  .bottom {
    padding: 0 2rem 2rem;
  }

  .bottom-color {
    padding: 1.5rem 1rem;
  }
  
  .hero-title {
    top: -1.5rem;
    left: 2rem;
    width: 380px;
  }

  .hero-1-line .hero-title {
    width: 440px;
  }

  .hero-title h1 {
    font-size: 1.875rem;
    transform:rotate(354deg);
  }

  .hero-start .hero-banner {
    height: 320px;
  }

}

@media only screen and (min-width: 768px) {
  
  .hero-title h1 {
    transform:rotate(356deg);
  }

  .hero-title-bg.bg-2 {
    padding-right: 30px;
  }

  .hero-zertifizierung .hero-title {
    width: 548px;
  }

  .hero-banner {
    padding-right: 10rem;
  }

  .kliniksearch-area .deutschmap {
    max-width: 70%;
    margin-top: 2rem;
  }

  .bottom-1 {
    padding: 0 1rem 2rem;
  }

  .bottom {
    padding: 0 1.5rem 2rem;
  }

}

@media only screen and (min-width: 992px) {

  .emu-header-container {
    position: relative;
    height: 164px;
    padding: 1.5rem 2rem 0 2rem;
  }

  .emu-sticky .emu-header-container {
    position: fixed;
    top: -92px;
  }
  
  .emu-main-container {
    padding-top: 2.5rem;
  }

  .error_site .emu-main-container {
    flex: 1 0 auto;
    padding-top: 2rem;
  }

  .emu-sticky .emu-main-container {
    padding-top: 195px;
  }

  a.endo-logo img, .emu-sticky a.endo-logo img {
    width: 16rem;
    height: 3.5rem;
  }

  .endo-symbol {
    display: inline;
    position: absolute;
    top: 16px;
    left: 0;
    width: 35px;
    height: 36px;
    z-index: 55;
    opacity: 0;
  }

  .emu-sticky .endo-symbol {
    opacity: 1;
    transition: opacity 0.6s ease-in;
  }

  .klicker-wrap {
    display: inline;
    position: absolute;
    top: 0;
    right: 7%;
    width: auto;
    max-width: 200px;
    height: auto;
    margin: 0;
    opacity: 1;
    transition: opacity 1s ease-in;
    z-index: 55;
  }

  .emu-sticky .klicker-wrap {
    opacity: 0;
    transition: opacity 1s linear;
  }

  .kliniksearch-klicker {
    clip-path: polygon(0 0, 100% 0, 100% 96%, 0% 100%);
  }
  
  .klicker-button {
    transform:rotate(357.5deg);
    font-size: 1.0625rem;
  }

  .klicker-wrap-2 {
    display:inline;
    position: absolute;
    top: 0;
    right: 6%;
    opacity: 0;
  }

  .emu-sticky .klicker-wrap-2 {
    opacity: 1;
    transition: opacity 1s ease-in;
  }

  .offcanvas.offcanvas-top {
    height: 85vh;
  }

  .kliniksearch-area .deutschmap {
    max-width: 100%;
    margin-top: 0;
  }

  .hero-2-line {
    margin-top: 1rem;
  }
  
  .hero-title {
    top: -2rem;
    left: 2.5rem;
    width: 620px;
    height: 160px;
  }

  .hero-1-line .hero-title {
    width: 620px;
  }

  .hero-2 .hero-title {
    top: -2rem;
  }
  
  .hero-title h1 {
    font-size: 2.25rem;
  }

  .hero-zertifizierung .hero-title-bg.bg-1 {
    padding: 3px 30px 2px 12px;
  }

  .hero-1-line .hero-title-bg.bg-1 {
    padding: 3px 32px 6px 12px;
  }

  .hero-start .hero-banner {
    background: url("/images/hero-banner/home-hero-desktop@2.jpg"), no-repeat;
    background-size: cover;
	  background-position: center right;
  }

  .hero-weltweit .hero-banner {
    background: url("/images/hero-banner/zertifizierung-hero-desktop@2.jpg"), no-repeat;
    background-size: cover;
	  background-position: center right;
  }

  .hero-ziele .hero-banner {
    background: url("/images/hero-banner/zertifizierung-hero-desktop@2.jpg"), no-repeat;
    background-size: cover;
	  background-position: center right;
  }

  .hero-zertifizierung .hero-banner {
    background: url("/images/hero-banner/zertifizierung-hero-desktop@2.jpg"), no-repeat;
    background-size: cover;
	  background-position: center right;
  }

  .hero-fortbildung .hero-banner {
    background: url("/images/hero-banner/termine-hero-desktop@2.jpg"), no-repeat;
    background-size: cover;
	  background-position: center right;
  }

  .hero-patienten .hero-banner {
    background: url("/images/hero-banner/patienten-hero-desktop@2.jpg"), no-repeat;
    background-size: cover;
	  background-position: top center;
  }

  .hero-news .hero-banner {
    background: url("/images/hero-banner/ziele-hero-desktop@2.jpg"), no-repeat;
    background-size: cover;
    background-position: center right;
  }

  .hero-bericht .hero-banner {
    background: url("/images/hero-banner/jahresbericht-hero-desktop.jpg"), no-repeat;
    background-size: cover;
    background-position: center right;
  }

  .hero-presse .hero-banner {
    background: url("/images/hero-banner/home-hero-desktop@2.jpg"), no-repeat;
    background-size: cover;
	  background-position: center right;
  }

  .hero-text {
    font-size: 1.25rem;
    line-height: 1.5;
    max-width: 700px;
  }

  .content-block {
    font-size: 1.125rem;
  }

  .bottom-1 {
    padding: 0 2rem 2rem;
  }

  .bottom {
    padding: 0 2.5rem 2rem;
  }

}

@media only screen and (min-width: 1200px) {

  a.endo-logo img, .emu-sticky a.endo-logo img {
    width: 18rem;
    height: 3.875rem;
  }

  .emu-header-container {
    height: 170px;
  }

  .emu-sticky .emu-header-container {
    top: -98px;
  }
  
  .emu-sticky .emu-main-container {
    padding-top: 194px;
  }

  .klicker-wrap {
    right: 10%;
  }

  .kliniksearch-klicker {
    clip-path: polygon(0 0, 100% 0, 100% 96%, 0% 100%);
  }

  .klicker-button {
    font-size: 1.125rem;
  }

  .hero-2-line {
    margin-top: 3rem;
  }
  
  .hero-title {
    top: -3rem;
    left: 3rem;
  }

  .hero-2 .hero-title {
    top: -3rem;
    left: 3rem;
  }

  .hero-weltweit .hero-title-bg.bg-1 {
    padding: 3px 34px 2px 12px;
  }

  .hero-1-line .hero-title-bg.bg-1 {
    padding: 3px 40px 6px 12px;
  }
  
  .hero-title h1 {
    font-size: 2.75rem;
    transform:rotate(358deg);
  }

  .hero-start .hero-banner {
    height: 320px;
    padding-right: 12rem;
  }

  .bottom-1 {
    padding: 0 2rem 2.5rem;
  }

  .bottom {
    padding: 1rem 3.5rem 2.5rem;
  }
  .bottom-color {
    padding: 0 1rem 3rem;
  }

}

@media only screen and (min-width: 1400px) {

  .content-block {
    padding: 2.5rem 2rem;
  }

}

@media only screen and (min-width: 1920px) {

  .offcanvas.offcanvas-top {
    height: 60vh;
  }

  .content-block {
    padding: 3rem 2rem;
  }

}

/* Hauptnavigation */

.btn.emu-menu-icon {
  --btn-active-bg: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  height: 30px;
  width: 34px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 1.375rem;
  right: 1.25rem;
  transition: top 1s ease-in-out;
  z-index: 70;
}

.emu-sticky .btn.emu-menu-icon {
  top: 1rem;
}

.emu-line {
  position: absolute;
  left: 6px;
  height: 2px;
  width: 24px;
  background: var(--blau-1);
  border-radius: 2px;
  display: block;
  transition: 0.5s;
  transform-origin: center;
}

.emu-line:nth-child(1) {
  top: 7px;
}

.emu-line:nth-child(2) {
  top: 14px;
}

.emu-line:nth-child(3) {
  top: 21px;
}

.emu-menu-icon.checked .emu-line:nth-child(1) {
  transform: translateY(7px) rotate(-45deg);
}

.emu-menu-icon.checked .emu-line:nth-child(2) {
  opacity: 0;
}

.emu-menu-icon.checked .emu-line:nth-child(3) {
  transform: translateY(-7px) rotate(45deg);
}

/* Menu Styles */

.emu-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  width: 100%;
}

.emu-menu a,
.emu-menu .btn {
  border-bottom: none;
  line-height: 1.1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
  transition-property: none;
}

.emu-menu input,
.emu-menu select,
.emu-menu a,
.emu-menu button {
  margin-bottom: 0;
}

.emu-menu input {
  display: inline-block;
}

/* Navbar (Off Canvas), kommt von rechts. */

.emu-navbar {
  background: #f8f8f8;
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  width: 100vw;
  right: -100vw;
  height: 100%;
  transform: translate(0px, 0px);
  transition: 0.25s ease;
  overflow-y: auto;
  z-index: 55;
}

.emu-navbar.active {
  transform: translate(-100vw, 0px);
}

.emu-primarynav {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  color: var(--blau-1);
  display: flex;
  flex-flow: column nowrap;
  padding-left: 20%;
  padding-right: 20%;
  margin-top: 6rem;
  margin-bottom: 2rem;
  width: 100%;
}

.emu-primarynav li {
  border-top: 1px solid #ddd;
  list-style: outside none none;
  white-space: nowrap;
}

.emu-primarynav>li {
  padding: 0.25rem 0;
}

.emu-primarynav li:first-child {
  border-top: none;
}


.emu-primarynav a {
  color: var(--blau-1);
  text-decoration: none;
}

.emu-primarynav a {
  position: relative;
}

.emu-primarynav a:hover,
.emu-primarynav a:focus {
  color: var(--blau-2);
  transition: all 0.35s ease;
}

.emu-navbar li.active a,
.nav-link.active {
  color: var(--blau-1);
}

.nav-link.active:hover,
.nav-link.active:focus {
  color: var(--blau-2);
}

.emu-primarynav li.active a:focus {
  color: var(--blau-1);
}

.emu-primarynav .dropdown-item {
  font-size: 1.0625rem;
  letter-spacing: 0.08em;
}

.dropdown-menu {
  --dropdown-link-hover-bg: #ebeef2;
  --dropdown-link-active-bg: #d8dfe5;
}

@media only screen and (min-width: 992px) {

  .emu-navbar,
  .emu-navbar.active {
    background: transparent;
    position: static;
    display: block;
    text-align: center;
    width: 100%;
    height: auto;
    transform: none;
    transition: none 0s ease 0s;
    overflow: visible;
  }

  .emu-primarynav {
    flex-flow: row nowrap;
    padding: 1rem 1rem 1rem 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .emu-sticky .emu-primarynav {
    padding-left: 2.5rem;
    transition: padding 0.4s ease-out;
  }

  .emu-primarynav>li {
    font-weight: 400;
    letter-spacing: 0.01em;
    border-top: none;
    margin: 0 0.625rem;
    padding: 0;
  }

  .emu-primarynav>li:last-child {
    border-bottom: none;
  }

  /* .emu-primarynav li.active a {
    background-color: transparent;
    color: var(--blau-1);
  } */

  .emu-primarynav li a {
    padding: 0.5rem 0;
  }

  .emu-primarynav li a::before {
    position: absolute;
    bottom: 0;
    display: block;
    height: 2px;
    width: 0%;
    content: "";
    background-color: var(--blau-1);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }

  .emu-primarynav>li>a:hover::before,
  .emu-primarynav>li.active>a::before {
    opacity: 1;
    width: 100%;
  }

  .emu-primarynav li ul li a {
    padding: 0.5rem 1rem;
  }

}

@media only screen and (min-width: 1200px) {
  .emu-primarynav>li>a {
    font-size: 1.375rem;
  }

  .emu-primarynav>li {
    margin: 0 1rem;
  }
}

/* Content Layouts */

.alert-primary {
  --alert-color: #0a0a0a;
  --alert-bg: #e0e6eb;
  --alert-border-color: #d8dfe5;
}

.start .items-leading {
  text-align: center;
}

.start .items-leading, .news .items-leading, .emu-blog .items-leading {
  --opacity: 0.4;
  background-color: rgba(var(--h-grau-rgb), var(--opacity));
  margin-bottom: 2rem;
}

.start .items-leading .item-content, .news .items-leading .item-content, .emu-blog .items-leading .item-content {
  padding: 1rem 0.5rem;
}

.cat-children h3.page-header {
  border: 1px solid #bdcdd2;
  padding: 1rem;
  margin-top: 2rem;
}

.breadcrumb {
  --opacity: 0.7;
  background-color: rgba(var(--h-grau-rgb), var(--opacity));
  font-size: 0.875rem;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
}

ol.breadcrumb li:last-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog-items,
.com-content-article.item-page {
  padding: 0 3%;
}

.content-image {
  border: 1px solid #bdcdd2;
  display: block;
  margin: 0.25rem auto 1.5rem;
}

.bottom-downloads {
  padding-top: 1rem;
}

.bottom-downloads .card {
  --card-spacer-y: 2rem;
  --card-spacer-x: 1.5rem;
  --card-title-spacer-y: 0.5rem;
  --card-border-width: 1px;
  --card-border-color: #c6cfd8;
  --card-border-radius: 0;
  --card-inner-border-radius: 0;
  --card-cap-bg: #394959;
  --card-cap-color: white;
  --card-bg: #d8dfe5;
}

.bottom .card {
  --card-spacer-y: 2rem;
  --card-spacer-x: 1.5rem;
  --card-title-spacer-y: 0.5rem;
  --card-border-width: 1px;
  --card-border-color: #c6cfd8;
  --card-border-radius: 0;
  --card-inner-border-radius: 0;
  --card-cap-bg: #2766ad;
  --card-cap-color: white;
  --card-bg: #fff;
}

h3.card-header {
  border-top: none;
}

.newsflash p.readmore {
  margin-bottom: 0;
}

.news .article-info {
  font-size: 0.9375rem;
}

.termine p {
  --opacity: 0.5;
  background-color: rgba(var(--d-grau-rgb), var(--opacity));
  padding: 1rem;
  margin-bottom: 0;
}

.termine p:nth-child(2n) {
  --opacity: 0.4;
  background-color: rgba(var(--h-grau-rgb), var(--opacity));
}

.pagenavigation {
  --opacity: 0.8;
  border-top: 1px solid rgba(var(--d-grau-rgb), var(--opacity));
  padding: 1rem 0;
  margin-top: 2rem;
}

.intro-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 16rem;
  margin: 0.5rem auto 1rem;
  border: 1px solid #bdcdd2;
}

.com-content-category-blog__navigation {
  margin-top: 2rem;
}

@media only screen and (min-width: 768px) {

  .image-right {
    float: right;
    margin: 0.25rem 0 1rem 2rem;
  }

  .newsflash .image-right {
    max-width: 12rem;
  }

  .image-left {
    float: left;
    margin: 0.25rem 2rem 0.5rem 0;
  }

}

@media only screen and (min-width: 992px) {

  .blog-items,
  .com-content-article.item-page,
  .bottom-downloads,
  .items-more,
  .com-content-category-blog__navigation {
    padding: 0 10%;
  }

  .news .items-leading, .emu-blog .items-leading {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .cat-children h3.page-header {
    margin-top: 3rem;
  }

}

/* Misc */

p.card-text {
  font-size: 1rem;
}

.spezial {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  font-weight: 500;
}

figcaption {
  color: #6d757e;
  font-size: .875em;
  line-height: 1.3;
  margin-top: 0.5rem;
}

.accordion {
  --accordion-color: var(--body-color);
  --accordion-bg: #f9fafb;
  --accordion-btn-color: #fff;
  --accordion-btn-bg: var(--blau-1);
  --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --accordion-btn-focus-border-color: none;
  --accordion-btn-focus-box-shadow: none;
  --accordion-hover-color: #fff;
  --accordion-hover-bg: var(--blau-2);
  --accordion-active-color: #fff;
  --accordion-active-bg: var(--blau-3);
}

.faq .accordion {
  --accordion-color: var(--body-color);
  --accordion-bg: #f9fafb;
  --accordion-btn-color: var(--cassiopeia-title-color);
  --accordion-btn-bg: rgba(235, 238, 242, 0);
  --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232261aa'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232261aa'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --accordion-btn-focus-border-color: none;
  --accordion-btn-focus-box-shadow: none;
  --accordion-hover-color: var(--body-color);
  --accordion-hover-bg: #ebeef2;
  --accordion-active-color: var(--body-color);
  --accordion-active-bg: #ebeef2;
}

.faq .accordion-button {
  font-size: 1.125rem;
  line-height: 1.3;
}

@media only screen and (min-width: 992px) {

  .accordion-button {
    font-size: 1.125rem;
  }

  .faq .accordion-button {
    font-size: 1.125rem;
  }

}

.triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 14px 0;
  border-color: transparent #2261aa transparent transparent;
}

/* Bestellformular Jahresbericht */

.bestellform {
  --opacity: 0.8;
  background-color: rgba(var(--h-grau-rgb), var(--opacity));
  border-bottom: 0.875rem solid var(--body-bgrd);
  font-size: 1.0625rem;
}

.formrahmen {
  background-color: #fcfcfd;
  border: 1px solid #c1cbd7;
  padding: 1.5rem;
}

.formError {
  color: #c60f13;
  font-weight: 600;
}

.formRequired {
  color: #c60f13;
}

.rsform-submit-button { 
  font-size: 1.25rem; padding: .5rem 1.5rem; 
}

/* Links, Buttons, Icons usw. */

.buttongroup {
  --opacity: 0.6;
  border-bottom: 1px solid rgba(var(--d-grau-rgb), var(--opacity));
  border-top: 1px solid rgba(var(--d-grau-rgb), var(--opacity));
  padding: 1.5rem 0;
}

.link-intern-block-light,
.link-extern-block-light,
.link-zurueck-block {
  text-align: center;
  position: relative;
  width: auto;
  box-sizing: border-box;
  --btn-color: hsl(0, 0%, 4%);
  --btn-bg: #ebeef2;
  --btn-border-color: #ebeef2;
  --btn-hover-color: hsl(0, 0%, 4%);
  --btn-hover-bg: #d8dfe5;
  --btn-hover-border-color: #d8dfe5;
  --btn-focus-shadow-rgb: 131, 138, 145;
  --btn-active-color: hsl(0, 0%, 4%);
  --btn-active-bg: #ebeef2;
  --btn-active-border-color: #ebeef2;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  padding: 0.25rem 3rem 0.25rem 1rem;
  margin-bottom: 0.25rem;
}

.link-intern-block-light::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 8px);
  right: 1rem;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5.5 0-1 1 7 7-7 7 1 1 8-8-8-8z' fill='%23001b33'/%3E%3C/svg%3E") right no-repeat;
}

.link-extern-block-light::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 7px);
  right: 1rem;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 0v8h8v-2h-1v1h-6v-6h1v-1h-2zm4 0l1.5 1.5-2.5 2.5 1 1 2.5-2.5 1.5 1.5v-4h-4z' fill='%23001b33'/%3E%3C/svg%3E") right no-repeat;
}

.link-zurueck-block::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 8px);
  left: 1rem;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m10.5 16 1-1-7-7 7-7-1-1-8 8 8 8z' fill='%23001b33'/%3E%3C/svg%3E") left no-repeat;
}

.link-intern-block-dark,
.link-extern-block-dark {
  text-align: center;
  position: relative;
  width: auto;
  box-sizing: border-box;
  --btn-color: hsl(0, 0%, 100%);
  --btn-bg: #394959;
  --btn-border-color: #394959;
  --btn-hover-color: hsl(0, 0%, 100%);
  --btn-hover-bg: #778899;
  --btn-hover-border-color: #778899;
  --btn-focus-shadow-rgb: 39, 39, 111;
  --btn-active-color: hsl(0, 0%, 100%);
  --btn-active-bg: #394959;
  --btn-active-border-color: #394959;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  padding-left: 1rem;
  padding-right: 3rem;
  margin-bottom: 0.25rem;
}

.link-intern-block-dark::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 8px);
  right: 1rem;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5.5 0-1 1 7 7-7 7 1 1 8-8-8-8z' fill='%23ffffff'/%3E%3C/svg%3E") right no-repeat;
}

.link-extern-block-dark::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 7px);
  right: 1rem;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 0v8h8v-2h-1v1h-6v-6h1v-1h-2zm4 0l1.5 1.5-2.5 2.5 1 1 2.5-2.5 1.5 1.5v-4h-4z' fill='%23ffffff'/%3E%3C/svg%3E") right no-repeat;
}

.link-extern-block-purple {
  text-align: center;
  position: relative;
  width: auto;
  box-sizing: border-box;
  --btn-color: hsl(0, 0%, 100%);
  --btn-bg: #aa2261;
  --btn-border-color: #aa2261;
  --btn-hover-color: hsl(0, 0%, 100%);
  --btn-hover-bg: #801949;
  --btn-hover-border-color: #801949;
  --btn-focus-shadow-rgb: 39, 39, 111;
  --btn-active-color: hsl(0, 0%, 100%);
  --btn-active-bg: #aa2261;
  --btn-active-border-color: #aa2261;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  padding: 0.25rem 3rem 0.25rem 1rem;
  margin-bottom: 0.25rem;
}

.link-extern-block-purple::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 7px);
  right: 1rem;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 0v8h8v-2h-1v1h-6v-6h1v-1h-2zm4 0l1.5 1.5-2.5 2.5 1 1 2.5-2.5 1.5 1.5v-4h-4z' fill='%23ffffff'/%3E%3C/svg%3E") right no-repeat;
}

@media screen and (min-width: 768px) {

  /* .link-intern-block-light,
  .link-extern-block-light,
  .link-intern-block-dark,
  .link-extern-block-dark,
  .link-zurueck-block,
  .link-zurueck-block {
    width: 50%;
  } */

  .buttongroup .link-intern-block-light,
  .buttongroup .link-extern-block-light,
  .buttongroup .link-intern-block-dark,
  .buttongroup .link-extern-block-dark,
  .buttongroup .link-extern-block-purple {
    width: 100%;
  }

}

.link-extern::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  padding-left: 1.125rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 8 8'%3E%3Cpath d='M0 0v8h8v-2h-1v1h-6v-6h1v-1h-2zm4 0l1.5 1.5-2.5 2.5 1 1 2.5-2.5 1.5 1.5v-4h-4z' fill='%232261aa'/%3E%3C/svg%3E") left no-repeat;
  /* open-iconic-master - external-link.svg */
}

.link-extern:hover::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 8 8'%3E%3Cpath d='M0 0v8h8v-2h-1v1h-6v-6h1v-1h-2zm4 0l1.5 1.5-2.5 2.5 1 1 2.5-2.5 1.5 1.5v-4h-4z' fill='%23153d6a'/%3E%3C/svg%3E") left no-repeat;
}

.dark .link-extern::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  padding-left: 1.125rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 8 8'%3E%3Cpath d='M0 0v8h8v-2h-1v1h-6v-6h1v-1h-2zm4 0l1.5 1.5-2.5 2.5 1 1 2.5-2.5 1.5 1.5v-4h-4z' fill='%23ffffff'/%3E%3C/svg%3E") left no-repeat;
  /* open-iconic-master - external-link.svg */
}

.link-intern::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  padding-left: 1.125rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5.5 0-1 1 7 7-7 7 1 1 8-8-8-8z' fill='%23007ae6'/%3E%3C/svg%3E") left no-repeat;
}

.link-intern:hover::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5.5 0-1 1 7 7-7 7 1 1 8-8-8-8z' fill='%23004488'/%3E%3C/svg%3E") left no-repeat;
}

.dark .link-intern::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  padding-left: 1.125rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5.5 0-1 1 7 7-7 7 1 1 8-8-8-8z' fill='%23ffffff'/%3E%3C/svg%3E") left no-repeat;
}

.list-title .link-intern::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5.5 0-1 1 7 7-7 7 1 1 8-8-8-8z' fill='%23001b33'/%3E%3C/svg%3E") left no-repeat;
}

.icon_home::before {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  padding-left: 1.125rem;
  vertical-align: -1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m16 9.226-8-6.21-8 6.21V6.694l8-6.21 8 6.21zM14 9v6h-4v-4H6v4H2V9l6-4.5z' fill='%2313569f'/%3E%3C/svg%3E%0A") left no-repeat;
}

.link-pdf::before,
.wf_file[href$=".pdf"]::before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43 56'%3E%3Cpath d='M30.485,0l-29.022,0c-0.808,0 -1.463,0.655 -1.463,1.926l0,53.074c0,0.345 0.655,1 1.463,1l40.074,0c0.808,0 1.463,-0.655 1.463,-1l0,-42.022c0,-0.696 -0.093,-0.92 -0.257,-1.085l-11.636,-11.636c-0.165,-0.164 -0.389,-0.257 -0.622,-0.257Z' style='fill:%23e9e9e0;fill-rule:nonzero;'/%3E%3Cpath d='M31,0.151l0,11.849l11.849,0l-11.849,-11.849Z' style='fill:%23d9d7ca;fill-rule:nonzero;'/%3E%3Cpath d='M13.014,33.324c-0.348,0 -0.682,-0.113 -0.967,-0.326c-1.041,-0.781 -1.181,-1.65 -1.115,-2.242c0.182,-1.628 2.195,-3.332 5.985,-5.068c1.504,-3.296 2.935,-7.357 3.788,-10.75c-0.998,-2.172 -1.968,-4.99 -1.261,-6.643c0.248,-0.579 0.557,-1.023 1.134,-1.215c0.228,-0.076 0.804,-0.172 1.016,-0.172c0.504,0 0.947,0.649 1.261,1.049c0.295,0.376 0.964,1.173 -0.373,6.802c1.348,2.784 3.258,5.62 5.088,7.562c1.311,-0.237 2.439,-0.358 3.358,-0.358c1.566,-0 2.515,0.365 2.902,1.117c0.32,0.622 0.189,1.349 -0.39,2.16c-0.557,0.779 -1.325,1.191 -2.22,1.191c-1.216,-0 -2.632,-0.768 -4.211,-2.285c-2.837,0.593 -6.15,1.651 -8.828,2.822c-0.836,1.774 -1.637,3.203 -2.383,4.251c-1.025,1.435 -1.909,2.105 -2.784,2.105Zm2.662,-5.126c-2.137,1.201 -3.008,2.188 -3.071,2.744c-0.01,0.092 -0.037,0.334 0.431,0.692c0.149,-0.047 1.019,-0.444 2.64,-3.436Zm13.637,-4.442c0.815,0.627 1.014,0.944 1.547,0.944c0.234,0 0.901,-0.01 1.21,-0.441c0.149,-0.209 0.207,-0.343 0.23,-0.415c-0.123,-0.065 -0.286,-0.197 -1.175,-0.197c-0.505,0.001 -1.14,0.023 -1.812,0.109Zm-7.47,-6.582c-0.715,2.474 -1.659,5.145 -2.674,7.564c2.09,-0.811 4.362,-1.519 6.496,-2.02c-1.35,-1.568 -2.699,-3.526 -3.822,-5.544Zm-0.607,-8.462c-0.098,0.033 -1.33,1.757 0.096,3.216c0.949,-2.115 -0.053,-3.23 -0.096,-3.216Z' style='fill:%23e60000;fill-rule:nonzero;'/%3E%3Cpath d='M41.537,56l-40.074,0c-0.808,0 -1.463,-0.655 -1.463,-1.463l-0,-15.537l43,0l0,15.537c0,0.808 -0.655,1.463 -1.463,1.463Z' style='fill:%23e60000;fill-rule:nonzero;'/%3E%3Cg%3E%3Cpath d='M10.885,53l-1.641,0l0,-10.076l2.898,0c0.428,0 0.852,0.068 1.271,0.205c0.419,0.137 0.795,0.342 1.128,0.615c0.333,0.273 0.602,0.604 0.807,0.991c0.205,0.387 0.308,0.822 0.308,1.306c0,0.511 -0.087,0.973 -0.26,1.388c-0.173,0.415 -0.415,0.764 -0.725,1.046c-0.31,0.282 -0.684,0.501 -1.121,0.656c-0.437,0.155 -0.921,0.232 -1.449,0.232l-1.217,0l0,3.637l0.001,0Zm0,-8.832l0,3.992l1.504,0c0.2,0 0.398,-0.034 0.595,-0.103c0.196,-0.068 0.376,-0.18 0.54,-0.335c0.164,-0.155 0.296,-0.371 0.396,-0.649c0.1,-0.278 0.15,-0.622 0.15,-1.032c-0,-0.164 -0.023,-0.354 -0.068,-0.567c-0.046,-0.214 -0.139,-0.419 -0.28,-0.615c-0.142,-0.196 -0.34,-0.36 -0.595,-0.492c-0.255,-0.132 -0.593,-0.198 -1.012,-0.198l-1.23,0l0,-0.001Z' style='fill:%23fff;fill-rule:nonzero;stroke:%23fff;stroke-width:0.5px;'/%3E%3Cpath d='M25.719,47.682c0,0.829 -0.089,1.538 -0.267,2.126c-0.178,0.588 -0.403,1.08 -0.677,1.477c-0.274,0.397 -0.581,0.709 -0.923,0.937c-0.342,0.228 -0.672,0.398 -0.991,0.513c-0.319,0.114 -0.611,0.187 -0.875,0.219c-0.264,0.03 -0.46,0.046 -0.588,0.046l-3.814,0l-0,-10.076l3.035,0c0.848,0 1.593,0.135 2.235,0.403c0.642,0.268 1.176,0.627 1.6,1.073c0.424,0.446 0.74,0.955 0.95,1.524c0.21,0.57 0.315,1.156 0.315,1.758Zm-4.867,4.115c1.112,0 1.914,-0.355 2.406,-1.066c0.492,-0.711 0.738,-1.741 0.738,-3.09c-0,-0.419 -0.05,-0.834 -0.15,-1.244c-0.101,-0.41 -0.294,-0.781 -0.581,-1.114c-0.287,-0.333 -0.677,-0.602 -1.169,-0.807c-0.492,-0.205 -1.13,-0.308 -1.914,-0.308l-0.957,0l-0,7.629l1.627,0Z' style='fill:%23fff;fill-rule:nonzero;stroke:%23fff;stroke-width:0.5px;'/%3E%3Cpath d='M29.766,44.168l-0,3.172l4.211,0l-0,1.121l-4.211,0l-0,4.539l-1.668,0l-0,-10.076l6.302,0l-0,1.244l-4.634,0Z' style='fill:%23fff;fill-rule:nonzero;stroke:%23fff;stroke-width:0.5px;'/%3E%3C/g%3E%3C/svg%3E") left no-repeat;
}

.link-pdf::before {
  width: 1rem;
  height: 1rem;
  padding-left: 1.125rem;
  vertical-align: -1px;
}

.wf_file[href$=".pdf"]::before {
  width: 1.5rem;
  height: 1.5rem;
  padding-left: 1.75rem;
  vertical-align: -5px;
}

.link-mail::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 1.375rem;
  vertical-align: -2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m14.998 3 .002.002v9.996l-.002.002H1.002L1 12.998V3.002L1.002 3h13.996zM15 2H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1z' fill='%23277cb2'/%3E%3Cpath d='m5.831 9.773-3 2.182a.559.559 0 0 1-.785-.124.563.563 0 0 1 .124-.786l3-2.182a.563.563 0 0 1 .662.91zM13.955 11.831a.563.563 0 0 1-.785.124l-3-2.182a.563.563 0 0 1 .662-.91l3 2.182a.563.563 0 0 1 .124.786zM13.831 4.955l-5.5 4a.562.562 0 0 1-.662 0l-5.5-4a.563.563 0 0 1 .662-.91L8 7.804l5.169-3.759a.563.563 0 0 1 .662.91z' fill='%232261aa'/%3E%3C/svg%3E") left no-repeat;
}

.link-mail:hover::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m14.998 3 .002.002v9.996l-.002.002H1.002L1 12.998V3.002L1.002 3h13.996zM15 2H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1z' fill='%23277cb2'/%3E%3Cpath d='m5.831 9.773-3 2.182a.559.559 0 0 1-.785-.124.563.563 0 0 1 .124-.786l3-2.182a.563.563 0 0 1 .662.91zM13.955 11.831a.563.563 0 0 1-.785.124l-3-2.182a.563.563 0 0 1 .662-.91l3 2.182a.563.563 0 0 1 .124.786zM13.831 4.955l-5.5 4a.562.562 0 0 1-.662 0l-5.5-4a.563.563 0 0 1 .662-.91L8 7.804l5.169-3.759a.563.563 0 0 1 .662.91z' fill='%23637383'/%3E%3C/svg%3E") left no-repeat;
}

.striped {
  display: block;
  width: 100%;
  --opacity: 0.7;
  background-color: rgba(var(--h-grau-rgb), var(--opacity));
  border: 1px solid transparent;
  border-radius: 0.3rem;
  font-weight: 600;
  padding: 0.3125rem 1rem;
}

a.striped:hover {
  --opacity: 0.7;
  background-color: rgba(var(--h-grau-rgb), var(--opacity));
}

.btn.wf_file {
  padding: 0.5rem 1rem;
}

.readmore {
  margin-top: 1rem;
}

.topnews .readmore {
  text-align: center;
  margin-top: 2rem;
}

.btn-primary {
  --btn-color: hsl(0, 0%, 100%);
  --btn-bg: hsl(240, 98%, 17%);
  --btn-border-color: hsl(240, 98%, 17%);
  --btn-hover-color: hsl(0, 0%, 100%);
  --btn-hover-bg: #010149;
  --btn-hover-border-color: #010145;
  --btn-focus-shadow-rgb: 39, 39, 111;
  --btn-active-color: hsl(0, 0%, 100%);
  --btn-active-bg: #010145;
  --btn-active-border-color: #010141;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: hsl(0, 0%, 100%);
  --btn-disabled-bg: hsl(240, 98%, 17%);
  --btn-disabled-border-color: hsl(240, 98%, 17%);
}

.btn-secondary {
  color: var(--body-color);
  background-color: var(--h-grau);
  border-color: var(--h-grau);
  --btn-active-color: var(--body-color);
  --btn-active-bg: var(--h-grau);
  --btn-active-border-color: var(--h-grau);
}

.btn-secondary:hover, .btn-secondary:focus {
  color: var(--body-color);
  background-color: var(--d-grau);
  border-color: var(--d-grau);
}

/* Footer */

.partner {
  padding: 1rem 0.5rem;
  border-bottom: 0.875rem solid var(--body-bgrd);
}

.partner .card {
  --card-border-width: 0;
  background-color: #fff;
  height: 10.5rem;
}

.partner .card-body { 
  display: flex; 
  justify-content: center; 
  align-items: center;
}

.partner .card a {
	text-decoration: none;
  border: none;
}

.partner .card a::before,
.partner .card a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.partner .card a:hover::before,
.partner .card a:hover::after {
  background-color: var(--d-grau);
  opacity: 0.1;
}

.partner .moduletitle, .partner .module-subtitle {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.partner .moduletitle {
  --opacity: 0.5;
  background: rgba(var(--d-grau-rgb), var(--opacity));
  color: #4d4d4d;
  font-size: 1.0625rem;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

.partner .module-subtitle {
  font-size: 0.8125rem;
  line-height: 1.2;
  margin-top: 0.5rem;
}

.partner .dgooc-logo {
  width: 80px;
  height: auto;
}

.partner .ae-logo {
  width: 50px;
  height: auto;
}

.partner .bvou-logo {
  width: 120px;
  height: auto;
}

.partner .dgu-logo {
  width: 60px;
  height: auto;
}

.partner .eprd-logo {
  width: 140px;
  height: auto;
}

.footer {
  background: var(--blau-3);
  color: #fff;
  padding: 2rem;
  margin-top: 0;
}

.footer-container {
  border-top: 0.875rem solid var(--body-bgrd);
}

.emu-copyright {
  font-size: 0.8125rem;
}

.footer hr {
  border-top: 1px solid #fff;
  opacity: .7;
}

.footer h3 {
  border-bottom: 1px dotted var(--h-grau);
  border-top: 1px dotted var(--h-grau);
  font-size: 1rem;
  line-height: 1.33333;
  margin-bottom: 0.75rem;
  padding: 5px 0;
}

.emu-footernav {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  width: 100%;
}

.emu-footernav a {
  border-bottom: none;
  line-height: 1.1;
  text-decoration: none;
  display: block;
  padding: 0.5rem 0;
}

.emu-footernav .active a {
  color:#d7d7d7;
}

.emu-footernav a:hover,
.emu-footernav a:focus,
.emu-footernav .active a:hover {
  border-bottom: none;
  color:#d7d7d7;
}

@media only screen and (min-width: 992px) {
  
  .partner {
    padding: 1.5rem 1rem 0;
  }

  .bestellform {
    font-size: 1.125rem;
  }
  
  .emu-copyright {
    font-size: 0.9375rem;
  }

  .emu-footernav a {
    padding: 0.375rem 0;
  }

}

@media only screen and (min-width: 1200px) {
  
  .partner {
    padding: 2rem 2rem 0.5rem;
  }

}