@charset "utf-8";

:root {
  --hover-color: #fdb913;
}

html {
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

body {
  background: #fff;
  color: #111;
  font-family: "Open Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.40em;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  position: relative;
  cursor: default;
  text-rendering: optimizelegibility;
  letter-spacing: 0.01em;
  min-height: 100%;
}

.big {
  font-size: 1.25em;
  line-height: 1.325em;
}

.bigger {
  font-size: 1.15em;
  line-height: 1.325em;
}

.small {
  font-size: 0.86em;
  line-height: 1.5em;
}

.small p {
  margin: 0 0 1rem 0;
  padding: 0;
}

.mini {
  font-size: 0.8em;
  line-height: 1.3em;
}

h1, h2, h3, h4, h5 {
  line-height: 1.3em;
  text-align: left;
  text-decoration: none;
  padding: 0;
  font-style: normal;
  text-shadow: none;
  letter-spacing: -0.04em;
  font-weight: 700;
  font-family: "Open Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
}

h1 {
  font-size: 1.75rem;
  margin: 0 0 1.45rem 0;
  letter-spacing: -0.01em;
  font-weight: 700;
}

h2 {
  font-size: 1.0625rem;
  margin: 0 0 0.4rem 0;
  letter-spacing: -0.030em;
  font-weight: 700;
  text-align: justify;
  line-height: 22px;
}

.home-title {
  font-size: 1.75rem;
  margin: 0 0 1.45rem 0;
  letter-spacing: -0.01em;
  font-weight: 700;
  line-height: 1.3em;
}

h3 {
  font-size: 1.25rem;
  margin: 0 0 0.25rem 0;
  letter-spacing: -0.01em;
  font-weight: 700;
}

h4 {
  font-size: 1.125rem;
  margin: 0 0 0.25rem 0;
  letter-spacing: -0.02em;
  font-weight: 700;
}

h5 {
  font-size: 1rem;
  margin: 0 0 0.20rem 0;
  letter-spacing: -0.02em;
  font-weight: 700;
}

div.video-container iframe {
  height: 362px;
}

.font_300 {
  font-weight: 300;
}

.font_400 {
  font-weight: 400;
}

.font_600 {
  font-weight: 600;
}

.font_700 {
  font-weight: 700;
}

.font_800 {
  font-weight: 800;
}

img.logo_data {
  padding: 0;
  margin: 0;
  width: 80px;
  -webkit-animation: fadein 0.5s;
  -moz-animation: fadein 0.5s;
  -o-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

@media screen and (min-width: 1025px) {
  img.logo_data {
    width: 127px;
  }
}

p {
  padding: 0;
  margin: 0 0 1.50rem 0;
}

p.justify {
  text-align: justify
}

.col_01 {
  color: #fdb913;
}

.col_02 {
  color: #f37029;
}

.col_03 {
  color: #ed1d24;
}

.col_04 {
  color: #9476b5;
}

.col_05 {
  color: #92278f;
}

.col_06 {
  color: #006cb7;
}

.col_07 {
  color: #0083ca;
}

.col_08 {
  color: #00aeef;
}

.col_09 {
  color: #26747a;
}

.col_10 {
  color: #60bc56;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  background: white;
  z-index: 1080;
}

@media (min-width: 992px) {
  header {
    position: static;
  }
}

@media (min-width: 992px) {
  .flex-lg-grow-2 {
    flex-grow: 2 !important;
  }
}

#block-data-content .content img {
  max-width: 100%;
  height: auto;
}

picture img {
  width: 100%;
  height: auto;
}

ul.off-canvas-list, ul.off-canvas-list ul.submenu {
  list-style: none;
  margin-left: 0;
}

#block-data-mobilenavigation {
  position: absolute;
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-top: 1rem;
  right: 0;
  width: 100vw;
}


ul.off-canvas-list {
  height: 100vh;
  height: 100svh;
  transition: height .35s ease;
}

.collapsing ul.off-canvas-list {
  height: 0;
  overflow: hidden;
}

ul.off-canvas-list, ul.off-canvas-list ul.right-submenu {
  width: 100vw;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-left: 0;
  padding-right: 0;
  background: white;
}

ul.off-canvas-list li {
  width: 100%;
}

ul.off-canvas-list li a {
  border-bottom: 1px solid #f90;
}

ul.off-canvas-list > li:last-child {
  margin-bottom: 260px;
}

div.video-container {
  margin: 8px 0 8px 0;
}

a, .nav-link {
  color: #111;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  transition: all 0.15s ease-out 0s;
}

a:hover {
  cursor: pointer;
  color: var(--hover-color, #fdb913ff);
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

section.navigation-section {
  background: transparent;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
}

.header .slogan {
  margin: 0 0 0 1.5rem;
  webkit-animation: fadein 0.5s;
  -moz-animation: fadein 0.5s;
  -o-animation: fadein 0.5s;
  animation: fadein 0.5s;
  display: none;
}

div.header h1 {
  color: #222;
  font-weight: 600;
  text-align: left;
  letter-spacing: -0.035em;
  line-height: 100%;
  font-style: normal;
  text-shadow: none;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .header .slogan {
    display: block;
  }

  .header h1 {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .header h1 {
    font-size: 2rem;
  }
}

.filtered {
  backdrop-filter: blur(2rem);
}
/*----------------------------------------------------------------------------*/
/* Had to be split up because of Safari */
.navbar-toggler {
  margin-left: auto;
  border: 0;
  cursor: pointer;
  height: 40px;
  width: 40px;
  border: none;
}

.navbar-toggler > .bar {
  display: block;
  min-width: 24px;
  min-height: 3px;
  width: 24px;
  height: 3px;
  background-color: #fdb913;
  transition: .15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}

.navbar-toggler > .bar + .bar {
  margin-top: 3px;
}

.navbar-toggler:focus, .navbar-toggler:active {
  border: none;
  box-shadow: none;
}

.navbar-toggler:not(.collapsed) > .bar {
  margin: 0;
  position: absolute;
}

.navbar-toggler:not(.collapsed) > .bar:nth-child(1) {
  transform: rotate(45deg);
}

.navbar-toggler:not(.collapsed) > .bar:nth-child(2) {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) > .bar:nth-child(3) {
  transform: rotate(-45deg);
}
/*----------------------------------------------------------------------------*/
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 8rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 0.8125rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  /*--bs-dropdown-divider-bg: var(--bs-border-color-translucent);*/
  --bs-dropdown-divider-margin-y: 0;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #fdb913;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fdb913;
  --bs-dropdown-link-active-bg: #fff;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 0.75rem;
  --bs-dropdown-item-padding-y: 0.5rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  --bs-dropdown-border-color: #ddd;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu a.is-active {
  color: #fdb913;
}


#block-mainnavigation ul > li.nav-item {
  background: transparent url(img/line-top-nav.png) left top repeat-y;
}

#block-mainnavigation > ul {
  background: transparent url(img/line-top-nav.png) right top repeat-y;
}

#block-mainnavigation .nav-item {
  width: 100%;
  color: #111;
  font-size: 15px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.00em;
  text-decoration: none;
  font-family: "Open Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
  text-align: center;
}

#block-mainnavigation .nav-item:hover:not(.has-form) > a {
  background: transparent;
  color: #fdb913;
}

.dropdown-toggle {
  padding-right: 29px !important;
  position: relative;
  background: url(img/caret-down.svg) 90% center no-repeat !important;
}

.navbar li.dropdown a.list {
  padding-right: 26px !important;
}

div.inner-content {
  padding: 0 0 0 0;
  min-height: 100vh;
}

div.inner-content:after, div.inner-content:before {
  content: "";
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

div.page {
  margin: 0;
  background: #fff;
}

div.page.columns {
  padding-left: 0;
  padding-right: 0;
}

div.page:after, div.page:before {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

div.inner-page {
  padding: 2.0rem 0 1.8rem 0;
}

div.inner-page:after, div.inner-page:before {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

div.container-all:after, div.container-all:before {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

div.container-right {
  width: 27.9%;
  float: right;
  padding: 0;
  margin: 0 0 0 0;
  position: relative;
  z-index: 1;
  min-height: 2.0rem;
  font-size: 12px;
  line-height: 1.4em;
  border-top: 1px solid #fdb913;
}

div.container-right2 {
  width: 27.9%;
  float: right;
  padding: 0;
  margin: 0 0 0 0;
  position: relative;
  z-index: 1;
  min-height: 2.0rem;
  font-size: 12px;
  line-height: 1.4em;
  border-top: 0 solid #e4e4e4;
}

div.container-right2 p {
  border-bottom: 1px solid #e4e4e4;
  padding: 8px 1px 9px 1px;
  margin: 0 0 0 0;
}

div.container-right2 p.border {
  border-bottom: 1px solid #e4e4e4;
  padding: 8px 9px 8px 9px;
  margin: 0 0 0 0;
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}

div.container-right2 p.border img {
  vertical-align: top;
  margin-bottom: 8px;
}

div.container-right2 img {
  margin-bottom: 16px;
}

div.container-right p {
  border-bottom: 1px solid #fdb913;
  padding: 8px 1px 9px 2px;
  margin: 0 0 0 0;
}

div.container-right p.border {
  border-bottom: 1px solid #fdb913;
  padding: 8px 11px 9px 11px;
  margin: 0 0 0 0;
  border-right: 1px dotted #fdb913;
  border-left: 1px dotted #fdb913;
}

div.container-left {
  width: 69.90%;
  float: left;
  margin: 0 0 0 0;
  min-height: 28.0rem;
  padding: 0;
  position: relative;
  z-index: 2;
}

div.container-left:after, div.container-left:before {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

div.container-right:after, div.container-right:before {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

div.container-right2:after, div.container-right2:before {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

div.container-right div.cont-inner {
  padding: 2.5rem 2.25rem 4.0rem 2.25rem;
  background: #21292e;
  margin: 0;
  min-height: 28.0rem;
}

div.container-right div.cont-inner:after, div.container-right div.cont-inner:before {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

div.container-right3 {
  width: 27.9%;
  float: right;
  padding: 0;
  margin: 0 0 0 0;
  position: relative;
  z-index: 1;
  min-height: 2.0rem;
  font-size: 12px;
  line-height: 1.4em;
  border-top: 1px solid #fdb913;
}

div.container-right3 p.border {
  border-bottom: 1px solid #fdb913;
  padding: 8px 11px 8px 11px;
  margin: 0 0 0 0;
  border-right: 1px dotted #fdb913;
  border-left: 1px dotted #fdb913;
}

div.beitrag:after, div.beitrag:before {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

img.img-symbol {
  -webkit-animation: fadein 0.25s;
  -moz-animation: fadein 0.25s;
  -o-animation: fadein 0.25s;
  animation: fadein 0.25s;
  width: 4.95rem;
  float: left;
  margin: 0.275rem 13px 0 0;
}

footer {
  font-size: 0.8125rem;
}

#block-footermenu ul {
  list-style: none;
  padding: 0;
  display: inline-flex;
  gap: 1rem;
}

#block-footermenu a {
  text-transform: none;
  font-weight: 600;
}

/* FORM ELEMENTS */
div.bg-formular {
  padding: 2rem 3rem;
}

form {
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
}

div.form-kontakt {
  line-height: 1.5em;
  padding: 12px 0 0 0;
  width: 100%;
  margin: 0;
  float: left;
  -webkit-animation: fadein 0.5s;
  -moz-animation: fadein 0.5s;

  -o-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

div.form_block {
  margin: 0 0 10px 0;
  padding: 0;
}

div.form-kontakt label {
  display: block;
  font-family: "Open Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0 5px 4px 0;
  text-align: left;
  color: #727b84;
}

div.form-actions {
  text-align: right;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin: 0 0 0 0;
}

select {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #111;
  font-size: 0.875rem;
  height: 2.0125rem;
  line-height: normal;
  padding: 0.2rem;
  letter-spacing: 0.02em;
  margin: 0 0 0.3rem 0;
}

select option {
  color: #111;
}

select:focus {
  background: #fafafa;
  color: #006cb7;
  border: 1px solid #7fa3c4;
}

select.timezone-detect.form-select {
  font-size: 13px;
  letter-spacing: 0.02em;
  max-width: 18rem;
}

textarea:focus {
  background: #fafafa;
  border: 1px solid #7fa3c4;
  color: #006cb7;
}

input.webform-submit, input.form-submit {
  background-color: #fdb913;
  color: #222;
  border: medium none;
  cursor: pointer;
  font-family: "Roboto", "Open Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 1.0em !important;
  font-weight: 600;
  letter-spacing: 0.0666em;
  line-height: 1.4em !important;
  margin: 8px auto 0;
  min-width: 7.6rem;
  padding: 5px 14px 5px 14px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.2s linear 0s;
  text-transform: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0px;
  border-radius: 0;
}

input.webform-submit:hover, input.form-submit:hover {
  background-color: #444;
  color: #fdb913;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  box-shadow: none;
}

div.form_block:after, div.form_block:before {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

div.js-form-item.form-item {
  padding: 0.5rem 0 0 0;
  margin: 0 0 0.4rem 0;
}

form div.description {
  font-size: 0.88em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
}

label.js-form-required.form-required {
  font-weight: 700;
  margin-bottom: 3px;
}

form.user-login-form, form.user-register-form.user-form, form.user-pass {
  background: #fff;
  padding: 0.5rem 1.75rem 1.6rem 1.75rem;
  margin: 1rem 0 0 0;
  border: 1px solid #ccc;
}

form.contact-message-form {
  background: #fff;
  padding: 0.5rem 1.75rem 1.6rem 1.75rem;
  margin: 0 0 0 0;
  border: 1px solid #ccc;
}

div.description#edit-user-picture-0-upload--description {
  padding-top: 0.4rem;
}

form.user-register-form.user-form div#edit-user-picture-wrapper {
  border: 1px solid #ccc;
  padding: 0.3rem 0 0.5rem 0;
  margin: 0.75rem 0 1rem 0;
  border-left: none;
  border-right: none;
}

textarea.form-textarea {
  resize: vertical;
}

form.user-register-form.user-form div#edit-user-picture-wrapper label {
  font-weight: 700;
  margin-bottom: 0.1rem;
}

form.user-register-form.user-form a.details-title {
  font-weight: 700;
}

div.js-form-item.form-item.form-item-contact {
  margin: 0 0 1rem 0;
}

div.js-form-item.form-item.form-item-timezone {
  padding: 0.2rem 0 0 0;
  margin: 0 0 0.4rem 0;
}

div.field--type-image.field--name-user-picture.field--widget-image-image {
}

div.field--type-image.field--name-user-picture.field--widget-image-image ul {
  padding-top: 0.1rem;
}

div.field--type-image.field--name-user-picture.field--widget-image-image ul li {
  font-size: 0.88em;
}

form.user-register-form.user-form em.placeholder {
  font-weight: 600;
}

div[aria-label="Statusmeldung"] {
  font-size: 0.88em;
  color: #006cb7;
}

div[aria-label="Fehlermeldung"] {
  font-size: 0.88em;
  padding-top: 0.2rem;
  color: #ed1d24;
}

/* SEARCH HEADER */
/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-color: white;
  font-family: inherit;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 0.3rem 0;
  padding: 0.3rem 0.5rem;
  height: 2.0125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

div.search-block-form {
  width: 12rem;
}

div#block-searchform-2.search-block-form {
  height: 1.6rem;
}


div#block-searchform-2.search-block-form div.js-form-item.form-item {
  margin: 0;
  padding: 0;
  position: absolute;
  height: 1.6rem;
  width: 12rem;
}

div#block-searchform-2.search-block-form input#edit-keys,
div#block-searchform-2.search-block-form input#edit-keys--2 {
  margin: 0;
  padding: 0 50px 0 14px;
  height: 1.6rem;
  -moz-border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -khtml-border-radius: 1.2rem;
  border-radius: 1.2rem;
  font-size: 13px;
}

div#block-searchform-2.search-block-form input#edit-keys:focus,
div#block-searchform-2.search-block-form input#edit-keys--2:focus,
div#block-searchform-3.search-block-form input#edit-keys:focus-visible,
div#block-searchform-3.search-block-form input#edit-keys--2:focus-visible {
  background: #fafafa;
  border: 1px solid #ccc;
  color: #006cb7;
  outline: none;
}

div#block-searchform-2.search-block-form div#edit-actions {
  margin: 0;
  padding: 0;
  height: 1.6rem;
  text-align: right;
}

div#block-searchform-2.search-block-form input#edit-submit,
div#block-searchform-2.search-block-form input#edit-submit--2,
div#block-searchform-2.search-block-form input#edit-submit--3 {
  margin: 0;
  padding: 0;
  min-width: 44px;
  width: 44px;
  height: 1.6rem;
  text-indent: -200px;
  -moz-border-radius-bottomright: 1.2rem;
  border-bottom-right-radius: 1.2rem;
  -webkit-border-bottom-right-radius: 1.2rem;
  -khtml-border-radius-bottomright: 1.2rem;
  -moz-border-radius-topright: 1.2rem;
  border-top-right-radius: 1.2rem;
  -webkit-border-top-right-radius: 1.2rem;
  -khtml-border-radius-topright: 1.2rem;
  background: #fdb913 url(img/bg-button-search.png) left center no-repeat;
}

div#block-searchform-2.search-block-form input#edit-submit:hover,
div#block-searchform-2.search-block-form input#edit-submit--2:hover,
div#block-searchform-2.search-block-form input#edit-submit--3:hover {
  background: #fdb913 url(img/bg-button-search.png) left center no-repeat;
}

div#block-searchform-3.search-block-form div.js-form-item.form-item {
  margin: 0;
  padding: 0;
  position: absolute;
  height: 1.6rem;
  line-height: 1.6rem;
}

div#block-searchform-3.search-block-form input#edit-keys--2,
div#block-searchform-3.search-block-form input#edit-keys {
  margin: 0;
  padding: 0 50px 0 14px;
  height: 1.6rem;
  -moz-border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -khtml-border-radius: 1.2rem;
  border-radius: 1.2rem;
  font-size: 13px;
  line-height: 1.6rem;
}

div#block-searchform-3.search-block-form input#edit-keys--2:focus,
div#block-searchform-3.search-block-form input#edit-keys:focus {
  background: #fafafa;
  border: 1px solid #ccc;
  color: #006cb7;
}

div#block-searchform-3.search-block-form div#edit-actions,
div#block-searchform-3.search-block-form div#edit-actions--2 {
  margin: 0;
  padding: 0;
  height: 1.6rem;
  text-align: right;
  line-height: 1.6rem;
  display: flex;
  justify-content: flex-end;
}

div#block-searchform-3.search-block-form input#edit-submit,
div#block-searchform-3.search-block-form input#edit-submit--2,
div#block-searchform-3.search-block-form input#edit-submit--3 {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 44px !important;
  width: 44px !important;
  height: 1.6rem !important;
  line-height: 1.6rem !important;
  text-indent: -200px !important;
  -moz-border-radius-bottomright: 1.2rem !important;
  border-bottom-right-radius: 1.2rem !important;
  -webkit-border-bottom-right-radius: 1.2rem !important;
  -khtml-border-radius-bottomright: 1.2rem !important;
  -moz-border-radius-topright: 1.2rem !important;
  border-top-right-radius: 1.2rem !important;
  -webkit-border-top-right-radius: 1.2rem !important;
  -khtml-border-radius-topright: 1.2rem !important;
  background: #fdb913 url(img/bg-button-search.png) left center no-repeat !important;
  line-height: 1.6rem !important;
}

div#block-searchform-3.search-block-form input#edit-submit:hover,
div#block-searchform-3.search-block-form input#edit-submit--2:hover,
div#block-searchform-3.search-block-form input#edit-submit--3:hover {
  background: #fdb913 url(img/bg-button-search.png) left center no-repeat;
}

div[aria-label="Statusmeldung"] ul, div[aria-label="Fehlermeldung"] ul {
  font-size: 1em;
}

h4.label {
  background-color: #0083ca;
}

form#search-form.search-form.search-page-form {
  height: 3.8rem;
  position: relative;
}

form#search-form.search-form.search-page-form label {
  display: none;
}

div#edit-basic.container-inline {
}

form#search-form.search-form.search-page-form div.js-form-item.form-item.js-form-type-search.form-item-keys.js-form-item-keys {
  margin: 0;
  padding: 0;
}

form#search-form.search-form.search-page-form input#edit-keys {
  margin: 0;
  position: absolute;
  padding-right: 6.9rem;
  padding-left: 1.0rem;
  -moz-border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -khtml-border-radius: 1.2rem;
  border-radius: 1.2rem;
  height: 2rem;
}

form#search-form.search-form.search-page-form input#edit-submit {
  margin: 0;
  position: absolute;
  right: 0;
  min-width: 6.5rem;
  width: 6.5rem;
  -moz-border-radius-bottomright: 1.2rem;
  border-bottom-right-radius: 1.2rem;
  -webkit-border-bottom-right-radius: 1.2rem;
  -khtml-border-radius-bottomright: 1.2rem;
  -moz-border-radius-topright: 1.2rem;
  border-top-right-radius: 1.2rem;
  -webkit-border-top-right-radius: 1.2rem;
  -khtml-border-radius-topright: 1.2rem;
  height: 2rem;
}

form#search-form.search-form.search-page-form a#edit-help-link {
  position: absolute;
  left: 0;
  top: 2.4rem;
  font-size: 13px;
  display: none;
}

#block-data-page-title h1 {
  display: none !important;
}

div#block-data-content ol li h3 {
  font-size: 17px;
  margin-bottom: 0.1rem;
  padding-left: 0;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

ul.pager__items.js-pager__items {
  text-align: center;
}

ul.pager__items.js-pager__items li {
  list-style: none;
  display: inline;
  padding: 0 3px 0 3px;
  font-weight: 600;
  margin: 0 1px 0 1px;
}

ul.pager__items.js-pager__items li a {
  color: #111;
}

ul.pager__items.js-pager__items li a:hover {
  color: #006cb7;
}

ul.pager__items.js-pager__items li.is-active a {
  color: #006cb7;
}

div.anzeige-job {
  border: 1px solid #c6c4c4;
  padding: 12px 18px 5px 18px;
}

div.anzeige-job h1 {
  font-size: 26px;
  margin: 0 0 1.5rem 0;
}

.contextual-region .contextual ul.contextual-links {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: unset;
  clear: both;
  float: right;
  margin: 0;
  padding: 0.0em 0;
  position: relative;
  right: 6px;
  text-align: left;
  top: -1px;
  white-space: nowrap;
}

.contextual-region .contextual .contextual-links {
  border-radius: 0 0 0 0;
}

.contextual-region .contextual ul.contextual-links li {
  background: none;
}

.contextual-region.focus {
  border: none;
  outline: none;
}

.contextual-region .contextual ul.contextual-links li a {
  padding: 0 8px 0 8px;
  line-height: 1.8rem;
  color: #111;
}

.contextual-region .contextual ul.contextual-links li a:hover {
  color: #006cb7;
}

.no-touch .contextual-region .contextual .contextual-links li a:hover {
  color: #006cb7;
}

@media screen and (max-width: 1280px) {
  section.main-section,
  section.main-section-no-hero {
    margin-top: 0;
    margin-left: -1px;
  }
}

.right-small {
  border-left: none !important;
}

div.page.columns {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

div.inner-page {
  padding: 1.75rem 0 1.7rem 0;
}

.right-submenu {
  top: 0 !important;
  width: 15.625rem;
}

.right-submenu .back > a {
  color: #999;
  text-transform: uppercase;
  font-weight: bold;
  background: white;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #f37029;
  margin: 0;
  top: 0;
  padding: 0.64667rem 0.5rem 0.53667rem 0.5rem;
}
.right-submenu .back > a:hover {
  background: #e8e8e8;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #f37029;
}

.right-submenu li {
  list-style: none;
}
.right-submenu li.back {
  display: none;
}

div#block-searchform-2.search-block-form {
  top: 3rem;
}


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

  section.hero-slider-region,
  section.main-section-no-hero {
    margin-top: 5.68rem;
    margin-left: -1px;
  }

  div#block-searchform-2.search-block-form {
    display: none;
  }

  .right-submenu {
    top: 0 !important;
  }

}

@media screen and (max-width: 979px) {

  section.hero-slider-region,
  section.main-section-no-hero {
    margin-top: 8.25rem;
    margin-left: -1px;
  }

  .right-submenu {
    top: 0 !important;
  }

  div.video-container iframe {
    height: 350px;
  }
}

@media screen and (max-width: 820px) {

  .column, .columns {
    padding-left: 2.0rem;
    padding-right: 2.0rem;
  }

  div.page.columns {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }

  div.inner-page {
    padding: 1.4rem 0 1.3rem 0;
  }

  div.container-right {
    width: 100%;
    float: none;
    min-height: 1.5rem;
    background: #fff;
    font-size: 13px;
    line-height: 1.3666em;
    border-left: 1px solid #fdb813;
    border-right: 1px solid #fdb813;
  }

  div.container-right2 {
    width: 100%;
    float: none;
    min-height: 1.5rem;
    background: #fff;
    font-size: 13px;
    line-height: 1.3666em;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
  }

  div.container-right p {
    padding: 9px 12px;
  }

  div.container-right3 {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 0 0;
    position: relative;
    z-index: 1;
    min-height: 2.0rem;
    font-size: 12px;
    line-height: 1.4em;
    border-top: 1px solid #fdb913;
  }

  div.container-left {
    width: 100%;
    float: none;
    padding: 0;
    min-height: 9.5rem;
    margin: 0.0rem 0 1rem 0;
  }

  div.cont_flags {
    padding: 8px 12px 9px 12px;
  }

  div.cont_flags div.flag.left, div.cont_flags div.flag.center, div.cont_flags div.flag.right {
    text-align: left;
    width: 70px;
    float: left !important;
  }

  div.video-container iframe {
    height: 408px;
  }

}

@media screen and (max-width: 768px) {
  div.video-container iframe {
    height: 378px;
  }
}

@media screen and (max-width: 720px) {
  div.video-container iframe {
    height: 358px;
  }

  form.contact-message-form {
    padding: 0.5rem 1.25rem 1.6rem;
  }

  form.user-login-form, form.user-register-form.user-form, form.user-pass {
    padding: 0.5rem 1.25rem 1.6rem;
  }
}

@media screen and (max-width: 640px) {
  section.hero-slider-region,
  section.main-section-no-hero {
    margin-top: 8.25rem;
    margin-left: -1px;
  }

  div.container-right div.cont-inner {
    min-height: 28rem;
    padding: 2.0rem 1.75rem 3rem;
  }

  div.video-container iframe {
    height: 310px;
  }
}

@media screen and (max-width: 600px) {
  div.video-container iframe {
    height: 290px;
  }
}

@media screen and (max-width: 560px) {
  div.page.columns {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }

  div.inner-page {
    padding: 1.1rem 0 1.0rem 0;
  }

  section.hero-slider-region,
  section.main-section-no-hero {
    margin-top: 8.65rem;
    margin-left: -1px;
  }

  .right-submenu .back > a {
    padding: 0.46rem 0.9375rem 0.46rem 0.4rem;
  }

  ul.off-canvas-list li a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.00em;
    padding: 0.57667rem 0.5rem 0.47667rem 0.4rem;
  }

  h1.title {
    line-height: 2.45rem;
  }

  div.video-container iframe {
    height: 270px;
  }

}

@media screen and (max-width: 510px) {
  div.video-container iframe {
    height: 250px;
  }
}

@media screen and (max-width: 480px) {
  h1 {
    font-size: 23px;
    margin: 0 0 0.75rem 0;
  }

  h3 {
    font-size: 20px;
    margin: 0 0 0.25rem 0;
  }

  h4 {
    font-size: 19px;
    letter-spacing: 0.01em;
  }

  div.page.columns {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
  }

  div.inner-page {
    padding: 0.9rem 0 0.9rem 0;
  }

  div.video-container iframe {
    height: 224px;
  }

  form.contact-message-form div.form-actions {
    text-align: center;
  }

  input#edit-submit, input#edit-preview {
    min-width: 10rem;
  }

}

@media screen and (max-width: 430px) {
  h1 {
    font-size: 21px;
    margin: 0 0 0.75rem 0;
  }

  h2 {
    font-size: 16px;
    line-height: 21px;
  }

  h3 {
    font-size: 19px;
    margin: 0 0 0.25rem 0;
  }

  h4 {
    font-size: 18px;
    letter-spacing: 0.01em;
  }

  section.hero-slider-region,
  section.main-section-no-hero {
    margin-top: 7.55rem;
    margin-left: -1px;
  }

  .right-submenu {
    width: 11rem;
  }

  ul.off-canvas-list li a {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.00em;
    padding: 0.57667rem 0.5rem 0.47667rem 0.4rem;
  }

  h1.title {
    line-height: 2.45rem;
  }

  div.video-container iframe {
    height: 196px;
  }

  div#block-searchform-3.search-block-form .form-search {
    width: 11rem;
  }

}

@media screen and (max-width: 400px) {
  div.form-actions {
    text-align: center;
  }

  div.video-container iframe {
    height: 182px;
  }
  div#block-searchform-3.search-block-form {
    width: 10rem;
  }

  div#block-searchform-3.search-block-form .form-search {
    width: 10rem;
  }
}

@media screen and (max-width: 360px) {
  img.logo_data {
    left: 0.9rem;
    top: 12px;
    width: 60px;
    height: auto;
  }

  h1 {
    font-size: 20px;
    margin: 0 0 0.75rem 0;
  }

  h2 {
    font-size: 15px;
    line-height: 19px;
  }

  h3 {
    font-size: 18px;
    margin: 0 0 0.25rem 0;
  }

  h4 {
    font-size: 17px;
    letter-spacing: 0.01em;
  }
}

@media screen and (max-width: 320px) {
  h1 {
    font-size: 19px;
    margin: 0 0 0.75rem 0;
  }

  h2 {
    font-size: 15px;
    line-height: 19px;
  }

  h3 {
    font-size: 17px;
    margin: 0 0 0.25rem 0;
  }

  h4 {
    font-size: 16px;
    letter-spacing: 0.01em;
  }

  div.video-container iframe {
    height: 160px;
  }

  div#block-searchform-3.search-block-form {
    width: 10rem;
  }

  div#block-searchform-3.search-block-form .form-search {
    width: 10rem;
  }
}

a[href]:after {
  content: none !important;
}

div.pagebreak {
  height: 0;
  margin: 0;
  padding: 0;
  page-break-after: always;
  display: none;
}

.container-right2 img {
  width: 100% !important;
}

div#block-languageswitcher a[href^="/de"] {
  background: url('images/de2.png') no-repeat right center;
}

div#block-languageswitcher a[href^="/en"] {
  background: url('images/en2.png') no-repeat right center;
}

.off-canvas-list li > a.active,
.off-canvas-list li > a.is-active {
  color: #fdb913 !important;
}

/* switch active color for anchors with color_* class */
.off-canvas-list a[class^="color"].active {
  color: #fff !important;
}

.off-canvas-list ul.submenu li > a.active {
  color: #fdb913;
}

.off-canvas-list li.parent-active > a {
  color: #fdb913 !important;
}

.container-all #block-data-content .search-page-form {
  display: none !important;
}

.container-all .container-left a {
  font-weight: bold;
  text-decoration: underline;
}

.container-all .container-right a {
  font-weight: bold;
  text-decoration: underline;
}

.accordion {
  margin-bottom: 0;
  margin-left: 0;
}

.accordion .accordion-navigation, .accordion dd {
  display: block;
  margin-bottom: 0 !important;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
  color: #222;
}
.accordion .accordion-navigation > a, .accordion dd > a {
  color: #222;
  display: flex;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: #e3e3e3;
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
  display: none;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
  background: #fff;
  display: block;
}

.parent-active > ul {
  height: auto;
  transition: all 0.15s ease-out 0s;
}

li.has-submenu > a:before {
  content: "";
  margin-right: 0;
  display: none;
}
li.has-submenu > a:after {
  content: url("/themes/data/css/img/caret-down.svg") !important;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 1rem;
  transition: transform 200ms linear;
}
li.has-submenu > a.active:after {
  transform: rotate(-90deg);
}

ul.off-canvas-list li a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
ul.off-canvas-list li a img {
  margin-left: 1rem;
  margin-right: 0;
}

.sub-fill {
  flex-grow: 1;
}
.sub-button {
  height: 0;
  padding: 0 0 25px 25px !important;
  background: rgba(255, 255, 255, 0.0) url(img/btn-back.png) no-repeat center;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

ul.submenu li > a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  background-color: rgba(200, 200, 200, 0.1);
}
ul.submenu li > a:hover {
  background-color: rgba(200, 200, 200, 0.3);
}

a[class^="color_0"] {
  color: #000;
  height: 0;
  padding: 1.25rem 1rem 1.25rem 2.875rem !important;
  border-bottom: 1px solid #f4f4f4 !important;
  background-size: 1.5rem 1.5rem !important;
}

a.color_01 {
  background: #fdb813 url(img/svg/icons_planen_white.svg) no-repeat 1rem;
}

a.color_02 {
  background: #f37029 url(img/svg/icons_anmelden_white.svg) no-repeat 1rem;
}

a.color_03 {
  background: #ed1d24 url(img/svg/icons_untersuchen_white.svg) no-repeat 1rem;
}

a.color_04 {
  background: #9476b5 url(img/svg/icons_befunden_white.svg) no-repeat 1rem;
}

a.color_05 {
  background: #92278f url(img/svg/icons_diagnostizieren_white.svg) no-repeat 1rem;
}

a.color_06 {
  background: #006cb7 url(img/svg/icons_vernetzen_white.svg) no-repeat 1rem;
}

a.color_07 {
  background: #0083ca url(img/svg/icons_dokumentieren_white.svg) no-repeat 1rem;
}

a.color_08 {
  background: #00aeef url(img/svg/icons_archivieren_white.svg) no-repeat 1rem;
}

a.color_09 {
  background: #26747a url(img/svg/icons_abrechnen_white.svg) no-repeat 1rem;
}

a.color_10 {
  background: #60bc56 url(img/btn_10_s.png) no-repeat 1rem;
}

a.workflow {
  margin: 0;
  padding: 0;
  width: 100%;
}
span.centertext {
  padding-right: 1rem;
}

.container-fullwidth a, .container-left a {
  font-weight: bold;
  text-decoration: underline;
}

h2[class^="col_"] {
  display: flex;
  align-items: center;
}

h2[class^="col_"] > img {
  margin-right: 0.5rem;
}

.col_planen {
  color: #fdb913 !important;
}

.col_anmelden {
  color: #f37029 !important;
}

.col_untersuchen {
  color: #ed1d24 !important;
}

.col_befunden {
  color: #9476b5 !important;
}

.col_diagnose {
  color: #92278f !important;
}

.col_vernetzen {
  color: #006cb7 !important;
}

.col_dokumentieren {
  color: #0083ca !important;
}

.col_archivieren {
  color: #00aeef !important;
}

.col_abrechnen {
  color: #26747a !important;
}

.col_service {
  color: #60bc56 !important;
}

.col_dataorange {
  color: #fdb913 !important;
}

.col_datagelb {
  color: #fdb913 !important;
}

.unserewerte {
  color: #f25e27 !important;
}

figure picture {
  display: flex;
  justify-content: center;
  width: 100%;
}

figure picture img {
  width: 60%;
  height: auto;
}

figcaption {
  text-align: center;
}

div.small-3.large-3.columns {
  float: left;
  margin-bottom: 1.5%;
  padding-left: 1%;
  padding-right: 1%;
  position: relative;
}

table {
  background: white;
  table-layout: fixed;
  width: 100%;
}

.large-3 {
  width: 33.3%;
}

div.small-3.large-3.columns table td img.logo {
  max-height: 75px;
}

div.small-3.large-3.columns table td {
  height: 85px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
}

fieldset legend {
  font-size: 0.875rem;
  font-weight: bold;
  background: white;
  padding: 0 0.1875rem;
  margin: 0 0 0 -0.1875rem;
}

/* HERO SLIDER -------------------------------------------------------------- */

.carousel-indicators [data-bs-target] {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.hero-slider-region img {
  max-height: 65vh;
  max-height: 65svh;
  object-position: var(--slider-object-position, left 42%);
  object-fit: cover;
}

.hero-slider-overlay {
  position: absolute;
  left: 0;
  bottom: 3.5rem;
  padding: 0.25rem 1.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: white;
  background-color: #2f363c;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  width: 16.25rem;
  max-width: 16.25rem;
}

.hero-slider-overlay p {
  font-size: 1.5rem;
  margin: 1rem 0;
}

.hero-slider-overlay svg {
  height: 1.5rem;
  margin-right: 1rem;
}

@media (min-width: 1024px) {
  .hero-slider-overlay {
    bottom: 10rem;
    padding: 1rem 3rem;
    width: 40.625rem;
    max-width: 40.625rem;
  }

  .hero-slider-overlay p {
    font-size: 3rem;
  }

  .hero-slider-overlay svg {
    height: 3rem;
    margin-right: 2rem;
  }
}
/* END HERO SLIDER ---------------------------------------------------------- */

.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded,
.blur-up.lazyloading {
  -webkit-filter: blur(0);
  filter: blur(0);
}

/* COOKIESJSR FIX ----------------------------------------------------------- */
@media (max-width: 576px) {
  .cookiesjsr-layer--body {
    bottom: 8rem;
  }
  .cookiesjsr-layer button.save {
    margin: 0.625em;
    padding: 0;
    width: calc(100% - 2.5em);
  }
}
/* END COOKIESJSR FIX ------------------------------------------------------- */

/* ADMIN TOOLBAR FIX -------------------------------------------------------- */
.toolbar-oriented .toolbar-bar {
  z-index: 1100;
}
/* END ADMIN TOOLBAR FIX ---------------------------------------------------- */