/* default bg*/
body {
    background: var(--var-secondary) !important;
}

.bg-primary p {
    color: white;
}
.bg-primary .element-header {
    color: white;
}

.frame-background-primary .frame-background-transparent .frame-type-text {
    background: rgba(40, 107, 77, .85);
    color: white;
}


/* tertiary frame-type-text mit Transparentem hintergrund */

.col-white-tranparent .frame-type-text {
    background: rgba(255, 255, 255, 0.4);
    color: white;
}
.col-white-tranparent .frame-type-text p {
    background: transparent;
    color: white;
}
.col-white-tranparent .frame-type-text .element-header {
    background: transparent;
    color: white;
    font-weight: 600;
}

.frame-background-tertiary .btn-primary {
    background: transparent;
    color: white;
    border: 1px solid white;
}



h1 { font-weight: 900; }
h2 { font-weight: 900; }
h3 { font-weight: 600; }

/* hr */

hr { color: white;  max-width: 8rem;  height: 1px; border-bottom: 0px solid; opacity: 1; }

.frame-background-none hr {color: var(--var-primary);color: white;width: 8rem;border-bottom-color: white;}
.frame-background-primary hr { color: white; max-width: 8rem; border-bottom-color: white; }
.frame-background-secondary hr { color: var(--var-primary);  max-width: 8rem; border-bottom-color: var(--var-primary);}
.frame-background-tertiary hr { color: white ;  max-width: 8rem; border-bottom-color: white;}


.element-header {
  position: relative;
}

.element-header span {
  display: inline-block;
  position: relative;
}

.frame-background-none .element-header span::after {
  content: "";
  display: block;
  width: 8rem;
  height: 1px;
  background: var(--var-primary);
  margin-top: 0.5rem;
}
.frame-background-primary .element-header span::after {
  content: "";
  display: block;
  width: 8rem;
  height: 1px;
  background: white;
  margin-top: 0.5rem;
}

.frame-background-secondary .element-header span::after {
  content: "";
  display: block;
  width: 8rem;
  height: 1px;
  background: var(--var-primary);
  margin-top: 0.5rem;
}
.frame-background-tertiary .element-header span::after {
  content: "";
  display: block;
  width: 8rem;
  height: 1px;
  background: white;
  margin-top: 0.5rem;
}


/* Startseite Strich übe der Übeschrift */
.has-icon .element-header { min-height: 6rem; }
.has-icon .element-header span::before {
  content: "";
  display: block;
  width: 8rem;
  height: 1px;
  background: white;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.has-icon .element-header span::after {
  content: "";
  display: none;
  width: 8rem;
  height: 1px;
  background: transparent;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Transport */
#c430 .frame-backgroundimage-container .frame-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
}


#c448 .frame-backgroundimage-container .frame-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

#c465 .frame-backgroundimage-container .frame-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}


#c500 .frame-backgroundimage-container .frame-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}


#c519 .frame-backgroundimage-container .frame-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: bottom left;
    background-size: contain;
    background-repeat: no-repeat;
}


#c419 .frame-backgroundimage-container .frame-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

#c281 .frame-backgroundimage-container .frame-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
}