/* roboto-condensed-regular - latin + roboto-condensed-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../Fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'),
        url('../Fonts/roboto-condensed-v27-latin-300.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'),
        url('../Fonts/roboto-condensed-v27-latin-regular.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../Fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'),
        url('../Fonts/roboto-condensed-v27-latin-700.ttf') format('truetype');
}

/* Bootstrap */
:root {
    --bs-body-color:#606060;
    --bs-body-color-rgb:106,106,106;
    --bs-font-sans-serif:'Roboto Condensed', 'Arial Condensed', 'Arial Narrow', 'Helvetica condensed', 'Helvetica narrow', 'Arial', 'Helvetica';
    --bs-body-font-family:'Roboto Condensed', 'Arial Condensed', 'Arial Narrow', 'Helvetica condensed', 'Helvetica narrow', 'Arial', 'Helvetica';
    --bs-body-font-size: 1.15rem;
    --bs-link-color: #0057a8;
    --bs-link-color-rgb: 0,87,168;
    --bs-link-hover-color: #e49e00;
    --bs-link-hover-color-rgb: 228,158,0;
    --bs-body-font-weight: 300;
}

/* Fluid styles start */
.ce-align-left {
    text-align: left;
}
.ce-align-center {
    text-align: center;
}
.ce-align-right {
    text-align: right;
}

.ce-table td, .ce-table th {
    vertical-align: top;
}

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
    overflow: hidden;
}

.ce-left .ce-gallery, .ce-column {
    float: left;
}
.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%;
}
.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%;
}
.ce-right .ce-gallery {
    float: right;
}

.ce-gallery figure {
    display: table;
    margin: 0;
}
.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
}
.ce-gallery img {
    display: block;
}
.ce-gallery iframe {
    border-width: 0;
}


.ce-image .ce-gallery {
    margin-bottom: 0;
}

.ce-column:last-child {
    margin-right: 0;
}

.ce-row:last-child {
    margin-bottom: 0;
}

.ce-above .ce-bodytext {
    clear: both;
}


/* Fluid styles ende */

html, body {
    max-width:100%;
    /*overflow-x:hidden;*/
    text-rendering: geometricPrecision;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -font-smoothing: antialiased;
}

body {
    overflow-x:hidden;
}

sub {
    line-height:0;
}

/* Apple Farben bei automatisch erkannten Links (z. B. TeleNr.) a[href^="mailto"]*/
a[href^="tel"]  {
    color: inherit;
    text-decoration: none;
}


.fs-6 {
    font-size:1.15rem!important;
}

img {
    max-width:100%;
    height:auto;
}

div p:first-child {
    margin-top:-0.25rem;
}

.frame-space-before-extra-small {
    margin-top:1rem;
}
.frame-space-before-small  {
    margin-top:1.5rem;
}
.frame-space-before-medium  {
    margin-top:2.5rem;
}
.frame-space-before-large  {
    margin-top:3rem;
}
.frame-space-before-extra-large  {
    margin-top:4rem;
}

.frame-space-after-extra-small {
    margin-bottom:1rem;
}
.frame-space-after-small  {
    margin-bottom:1.5rem;
}
.frame-space-after-medium  {
    margin-bottom:2.5rem;
}
.frame-space-after-large  {
    margin-bottom:3rem;
}
.frame-space-after-extra-large  {
    margin-bottom:4rem;
}



/* Farben */

.bg-opacity-10 {
    --bs-bg-opacity:0.1!important;
}
.bg-opacity-25 {
    --bs-bg-opacity:0.25!important;
}
.bg-opacity-50 {
    --bs-bg-opacity:0.5!important;
}
.bg-opacity-75 {
    --bs-bg-opacity:0.75!important;
}
.bg-opacity-100 {
    --bs-bg-opacity:1 !important;
}

.weiss {
    background-color:#ffffff;
    --bs-bg-opacity: 1;
    background-color: rgba(255,255,255, var(--bs-bg-opacity)) !important;
}
.schwarz {
    background-color:#000000;
    --bs-bg-opacity: 1;
    background-color: rgba(0,0,0, var(--bs-bg-opacity)) !important;
}
.grau-dunkel {
    background-color:#606060;
    --bs-bg-opacity: 1;
    background-color: rgba(96,96,96, var(--bs-bg-opacity)) !important;
}
.grau {
    background-color:#b0b0b0;
    --bs-bg-opacity: 1;
    background-color: rgba(176,176,176, var(--bs-bg-opacity)) !important;
}
.grau-hell {
    background-color:#ededed;
    --bs-bg-opacity: 1;
    background-color: rgba(237,237,237, var(--bs-bg-opacity)) !important;
}
.blau-schwarz {
    background-color:#003b6c;
    --bs-bg-opacity: 1;
    background-color: rgba(0,59,108, var(--bs-bg-opacity)) !important;
}
.blau-dunkel {
    background-color:#0057a8;
    --bs-bg-opacity: 1;
    background-color: rgba(0,87,168, var(--bs-bg-opacity)) !important;
}  /* Standardfarbe */
.blau {
    background-color:#a2b7f4;
    --bs-bg-opacity: 1;
    background-color: rgba(162,183,244, var(--bs-bg-opacity)) !important;
}
.blau-matt {
    background-color:#c4cddb;
    --bs-bg-opacity: 1;
    background-color: rgba(196,205,219, var(--bs-bg-opacity)) !important;
}
.blau-hell {
    background-color:#b8dafc;
    --bs-bg-opacity: 1;
    background-color: rgba(184,218,252, var(--bs-bg-opacity)) !important;


}
.blau-matt-hell {
    background-color:#dce0ea;
}
.orange-dunkel {
    background-color:#e49e00;
}
.orange {
    background-color:#ffbd00;
} /* Standardfarbe */
.orange-hell {
    background-color:#ffea7a;
}
.gruen-dunkel {
    background-color:#2f8569;
}
.gruen {
    background-color:#53ae91;
}
.gruen-hell {
    background-color:#ceead9;
}
.rot {
    background-color:#cb1419;
}
.gelb {
    background-color:#ffd700;
}

.sweiss, .sweiss .H1-light, .sweiss .H1-reg, .sweiss .H1-bold, .sweiss h1,  .sweiss .H2-light, .sweiss .H2-reg, .sweiss .H2-bold, .sweiss h2,  .sweiss .H3-light, .sweiss .H3-reg, .sweiss .H3-bold, .sweiss h3,  .sweiss .H4-light, .sweiss .H4-reg, .sweiss .H4-bold, .sweiss h4 {
    color:#ffffff;
}
.sschwarz, .sschwarz .H1-light, .sschwarz .H1-reg, .sschwarz .H1-bold, .sschwarz h1,  .sschwarz .H2-light, .sschwarz .H2-reg, .sschwarz .H2-bold, .sschwarz h2,  .sschwarz .H3-light, .sschwarz .H3-reg, .sschwarz .H3-bold, .sschwarz h3, .sschwarz .H4-light, .sschwarz .H4-reg, .sschwarz .H4-bold, .sschwarz h4 {
    color:#000000;
}
.sgrau-dunkel, .sgrau-dunkel .H1-light, .sgrau-dunkel .H1-reg, .sgrau-dunkel .H1-bold, .sgrau-dunkel h1,  .sgrau-dunkel .H2-light, .sgrau-dunkel .H2-reg, .sgrau-dunkel .H2-bold, .sgrau-dunkel h2,  .sgrau-dunkel .H3-light, .sgrau-dunkel .H3-reg, .sgrau-dunkel .H3-bold, .sgrau-dunkel h3, .sgrau-dunkel .H4-light, .sgrau-dunkel .H4-reg, .sgrau-dunkel .H4-bold, .sgrau-dunkel h4  {
    color:#606060;
}
.sgrau, .sgrau .H1-light, .sgrau .H1-reg, .sgrau .H1-bold, .sgrau h1,  .sgrau .H2-light, .sgrau .H2-reg, .sgrau .H2-bold, .sgrau h2,  .sgrau .H3-light, .sgrau .H3-reg, .sgrau .H3-bold, .sgrau h3, .sgrau .H4-light, .sgrau .H4-reg, .sgrau .H4-bold, .sgrau h4 {
    color:#b0b0b0;
}
.sgrau-hell, .sgrau-hell .H1-light, .sgrau-hell .H1-reg, .sgrau-hell .H1-bold, .sgrau-hell h1,  .sgrau-hell .H2-light, .sgrau-hell .H2-reg, .sgrau-hell .H2-bold, .sgrau-hell h2,  .sgrau-hell .H3-light, .sgrau-hell .H3-reg, .sgrau-hell .H3-bold, .sgrau-hell h3, .sgrau-hell .H4-light, .sgrau-hell .H4-reg, .sgrau-hell .H4-bold, .sgrau-hell h4 {
    color:#ededed;
}
.sblau-schwarz, .sblau-schwarz .H1-light, .sblau-schwarz .H1-reg, .sblau-schwarz .H1-bold, .sblau-schwarz h1,  .sblau-schwarz .H2-light, .sblau-schwarz .H2-reg, .sblau-schwarz .H2-bold, .sblau-schwarz h2,  .sblau-schwarz .H3-light, .sblau-schwarz .H3-reg, .sblau-schwarz .H3-bold, .sblau-schwarz h3, .sblau-schwarz .H4-light, .sblau-schwarz .H4-reg, .sblau-schwarz .H4-bold, .sblau-schwarz h4  {
    color:#003b6c;
}
.sblau-dunkel, .sblau-dunkel .H1-light, .sblau-dunkel .H1-reg, .sblau-dunkel .H1-bold, .sblau-dunkel h1,  .sblau-dunkel .H2-light, .sblau-dunkel .H2-reg, .sblau-dunkel .H2-bold, .sblau-dunkel h2,  .sblau-dunkel .H3-light, .sblau-dunkel .H3-reg, .sblau-dunkel .H3-bold, .sblau-dunkel h3, .sblau-dunkel .H4-light, .sblau-dunkel .H4-reg, .sblau-dunkel .H4-bold, .sblau-dunkel h4  {
    color:#0057a8;
}
.sblau, .sblau .H1-light, .sblau .H1-reg, .sblau .H1-bold, .sblau h1,  .sblau .H2-light, .sblau .H2-reg, .sblau .H2-bold, .sblau h2,  .sblau .H3-light, .sblau .H3-reg, .sblau .H3-bold, .sblau h3, .sblau .H4-light, .sblau .H4-reg, .sblau .H4-bold, .sblau h4  {
    color:#a2b7f4;
}
.sblau-matt, .sblau-matt .H1-light, .sblau-matt .H1-reg, .sblau-matt .H1-bold, .sblau-matt h1,  .sblau-matt .H2-light, .sblau-matt .H2-reg, .sblau-matt .H2-bold, .sblau-matt h2,  .sblau-matt .H3-light, .sblau-matt .H3-reg, .sblau-matt .H3-bold, .sblau-matt h3, .sblau-matt .H4-light, .sblau-matt .H4-reg, .sblau-matt .H4-bold, .sblau-matt h4 {
    color:#c4cddb;
}
.sblau, .sblau .H1-light, .sblau .H1-reg, .sblau .H1-bold, .sblau h1,  .sblau .H2-light, .sblau .H2-reg, .sblau .H2-bold, .sblau h2,  .sblau .H3-light, .sblau .H3-reg, .sblau .H3-bold, .sblau h3, .sblau .H4-light, .sblau .H4-reg, .sblau .H4-bold, .sblau h4 {
    color:#b8dafc;
}
.sblau-matt-hell, .sblau-matt-hell .H1-light, .sblau-matt-hell .H1-reg, .sblau-matt-hell .H1-bold, .sblau-matt-hell h1,  .sblau-matt-hell .H2-light, .sblau-matt-hell .H2-reg, .sblau-matt-hell .H2-bold, .sblau-matt-hell h2,  .sblau-matt-hell .H3-light, .sblau-matt-hell .H3-reg, .sblau-matt-hell .H3-bold, .sblau-matt-hell h3, .sblau-matt-hell .H4-light, .sblau-matt-hell .H4-reg, .sblau-matt-hell .H4-bold, .sblau-matt-hell h4  {
    color:#dce0ea;
}
.sorange-dunkel, .sorange-dunkel .H1-light, .sorange-dunkel .H1-reg, .sorange-dunkel .H1-bold, .sorange-dunkel h1,  .sorange-dunkel .H2-light, .sorange-dunkel .H2-reg, .sorange-dunkel .H2-bold, .sorange-dunkel h2,  .sorange-dunkel .H3-light, .sorange-dunkel .H3-reg, .sorange-dunkel .H3-bold, .sorange-dunkel h3, .sorange-dunkel .H4-light, .sorange-dunkel .H4-reg, .sorange-dunkel .H4-bold, .sorange-dunkel h4  {
    color:#e49e00;
}
.sorange, .sorange .H1-light, .sorange .H1-reg, .sorange .H1-bold, .sorange h1,  .sorange .H2-light, .sorange .H2-reg, .sorange .H2-bold, .sorange h2,  .sorange .H3-light, .sorange .H3-reg, .sorange .H3-bold, .sorange h3
.sorange-hell, .sorange-hell .H1-light, .sorange-hell .H1-reg, .sorange-hell .H1-bold, .sorange-hell h1,  .sorange-hell .H2-light, .sorange-hell .H2-reg, .sorange-hell .H2-bold, .sorange-hell h2,  .sorange-hell .H3-light, .sorange-hell .H3-reg, .sorange-hell .H3-bold, .sorange-hell h3, .sorange-hell .H4-light, .sorange-hell .H4-reg, .sorange-hell .H4-bold, .sorange-hell h4  {
    color:#ffea7a;
}
.sgruen-dunkel, .sgruen-dunkel .H1-light, .sgruen-dunkel .H1-reg, .sgruen-dunkel .H1-bold, .sgruen-dunkel h1,  .sgruen-dunkel .H2-light, .sgruen-dunkel .H2-reg, .sgruen-dunkel .H2-bold, .sgruen-dunkel h2,  .sgruen-dunkel .H3-light, .sgruen-dunkel .H3-reg, .sgruen-dunkel .H3-bold, .sgruen-dunkel h3, .sgruen-dunkel .H4-light, .sgruen-dunkel .H4-reg, .sgruen-dunkel .H4-bold, .sgruen-dunkel h4 {
    color:#2f8569;
}
.sgruen, .sgruen .H1-light, .sgruen .H1-reg, .sgruen .H1-bold, .sgruen h1,  .sgruen .H2-light, .sgruen .H2-reg, .sgruen .H2-bold, .sgruen h2,  .sgruen .H3-light, .sgruen .H3-reg, .sgruen .H3-bold, .sgruen h3, .sgruen .H4-light, .sgruen .H4-reg, .sgruen .H4-bold, .sgruen h4   {
    color:#53ae91;
}
.sgruen-hell, .sgruen-hell .H1-light, .sgruen-hell .H1-reg, .sgruen-hell .H1-bold, .sgruen-hell h1,  .sgruen-hell .H2-light, .sgruen-hell .H2-reg, .sgruen-hell .H2-bold, .sgruen-hell h2,  .sgruen-hell .H3-light, .sgruen-hell .H3-reg, .sgruen-hell .H3-bold, .sgruen-hell h3, .sgruen-hell .H4-light, .sgruen-hell .H4-reg, .sgruen-hell .H4-bold, .sgruen-hell h4 {
    color:#ceead9;
}
.srot, .srot .H1-light, .srot .H1-reg, .srot .H1-bold, .srot h1,  .srot .H2-light, .srot .H2-reg, .srot .H2-bold, .srot h2,  .srot .H3-light, .srot .H3-reg, .srot .H3-bold, .srot h3, .srot .H4-light, .srot .H4-reg, .srot .H4-bold, .srot h4   {
    color:#cb1419;
}
.sgelb, .sgelb .H1-light, .sgelb .H1-reg, .sgelb .H1-bold, .sgelb h1,  .sgelb .H2-light, .sgelb .H2-reg, .sgelb .H2-bold, .sgelb h2,  .sgelb .H3-light, .sgelb .H3-reg, .sgelb .H3-bold, .sgelb h3, .sgelb .H4-light, .sgelb .H4-reg, .sgelb .H4-bold, .sgelb h4 {
    color:#ffd700;
}

/* Buttons */
.bweiss {
    background-color:#ffffff;
    color:#606060;
}
.bschwarz {
    background-color:#000000;
    color:#fff;
}
.bgrau-dunkel {
    background-color:#606060;
    color:#fff;
}
.bgrau {
    background-color:#b0b0b0;
    color:#fff;
}
.bgrau-hell {
    background-color:#ededed;
    color:#fff;
}
.bblau-schwarz {
    background-color:#003b6c;
    color:#fff;
}
.bblau-dunkel {
    background-color:#0057a8;
    color:#fff;
}  /* Standardfarbe */
.bblau {
    background-color:rgb(176,190,243);
    color:#fff;
}
.bblau-matt {
    background-color:#c4cddb;
    color:#fff;
}
.bblau-hell {
    background-color:#b8dafc;
    color:#fff;
}
.bblau-matt-hell {
    background-color:#dce0ea;
    color:#fff;
}
.borange-dunkel {
    background-color:#e49e00;
    color:#fff;
}
.borange {
    background-color:#ffbd00;
    color:#606060;
} /* Standardfarbe */
.borange-hell {
    background-color:#ffea7a;
    color:#606060;
}
.bgruen-dunkel {
    background-color:#2f8569;
    color:#fff;
}
.bgruen {
    background-color:#53ae91;
    color:#fff;
}
.bgruen-hell {
    background-color:#ceead9;
    color:#fff;
}
.brot {
    background-color:#cb1419;
    color:#fff;
}
.bgelb {
    background-color:#ffd700;
    color:#606060;
}

.bweiss:hover {
    background-color:#ffffff;
    color:#606060;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bschwarz:hover {
    background-color:#000000;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bgrau-dunkel:hover {
    background-color:#606060;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bgrau:hover {
    background-color:#b0b0b0;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bgrau-hell:hover {
    background-color:#ededed;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bblau-schwarz:hover {
    background-color:#003b6c;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bblau-dunkel:hover {
    background-color:#0057a8;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}  /* Standardfarbe */
.bblau:hover {
    background-color:rgb(176,190,243);
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bblau-matt:hover {
    background-color:#c4cddb;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bblau-hell:hover {
    background-color:#b8dafc;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bblau-matt-hell:hover {
    background-color:#dce0ea;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.borange-dunkel:hover {
    background-color:#e49e00;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.borange:hover {
    background-color:#ffbd00;
    color:#606060;
    box-shadow: 0px 0px 2px 0px #565656;
} /* Standardfarbe */
.borange-hell:hover {
    background-color:#ffea7a;
    color:#606060;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bgruen-dunkel:hover {
    background-color:#2f8569;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bgruen:hover {
    background-color:#53ae91;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bgruen-hell:hover {
    background-color:#ceead9;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.brot:hover {
    background-color:#cb1419;
    color:#fff;
    box-shadow: 0px 0px 2px 0px #565656;
}
.bgelb:hover {
    background-color:#ffd700;
    color:#606060;
    box-shadow: 0px 0px 2px 0px #565656;
}

/* Typografie */
b, strong, a {
    font-weight: 700;
}
a {
    text-decoration: none;
}

.tabellenunterschrift {
    font-size:0.9rem;
}

.orange-dunkel a, .orange a, .orange-hell a {
    color:#0057a8;
}
.orange-dunkel a:hover, .orange a:hover, .orange-hell a:hover {
    color:#ededed;
}

.blau-schwarz a, .blau-dunkel a, .blau a, .blau-matt a, .blau-hell a, .blau-matt-hell a {
    color:#e49e00;
}
.blau-schwarz a:hover, .blau-dunkel a:hover, .blau a:hover, .blau-matt a:hover, .blau-hell a:hover, .blau-matt-hell a:hover {
    color:#ededed;
}

.ftgross  {
    font-size:1.5rem;
}
.ftklein {
    font-size:1rem;
}

.H1-light {
    font-weight:300;
    font-size: 2.4rem;
    color:#0057a8;
}
.H2-light {
    font-weight:300;
    font-size: 1.8rem;
    color:#0057a8;
}
.H3-light {
    font-weight:300;
    font-size: 1.5rem;
    color:#0057a8;
}
.H4-light {
    font-weight:300;
    font-size: 1.2rem;
    color:#0057a8;
}
h1, .H1-reg {
    font-weight:400;
    font-size: 2.4rem;
    color:#0057a8;
}
h2, .H2-reg {
    font-weight:400;
    font-size: 1.8rem;
    color:#0057a8;
}
h3, .H3-reg {
    font-weight:400;
    font-size: 1.5rem;
    color:#0057a8;
}
h4, .H4-reg {
    font-weight:400;
    font-size: 1.2rem;
    color:#0057a8;
}
.H1-bold {
    font-weight:700;
    font-size: 2.4rem;
    color:#0057a8;
}
.H2-bold {
    font-weight:700;
    font-size: 1.8rem;
    color:#0057a8;
}
.H3-bold {
    font-weight:700;
    font-size: 1.5rem;
    color:#0057a8;
}
.H4-bold {
    font-weight:700;
    font-size: 1.2rem;
    color:#0057a8;
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .H1-light {
        font-size: 1.9rem
    }
    .H2-light {
        font-size: 1.4rem;
    }
    .H3-light {
        font-size: 1.2rem;
    }
    .H4-light {
        font-size: 1rem;
    }
    h1, .H1-reg {
        font-size: 1.9rem;
    }
    h2, .H2-reg {
        font-size: 1.4rem;
    }
    h3, .H3-reg {
        font-size: 1.2rem;
    }
    h4, .H4-reg {
        font-size: 1rem;
    }
    .H1-bold {
        font-size: 1.9rem;
    }
    .H2-bold {
        font-size: 1.4rem;
    }
    .H3-bold {
        font-size: 1.2rem;
    }
    .H4-bold {
        font-size: 1rem;
    }
}


.ce-headline-left {
    text-align:left;
}
.ce-headline-right {
    text-align:right;
}
.ce-headline-center {
    text-align:center;
}

.frame-type-text header {
    margin-bottom:1.5rem;
}


/* Header */
.topmenu {
    font-size:0.875rem;
}
.topmenu a:hover {
    color:var(--bs-link-hover-color);
}
.toplinkbg {
    background-size: contain;
    width:20px;
    height:20px;
    display:inline-block;
}
.toptrenner {
    background-color:#ededed;
    width:1px;
    height: 20px;
}
.toplink1 {
    background-image:url(../Icons/Social-media/facebook-blau-25px.png);
}
.toplink2 {
    background-image:url(../Icons/Steuerelemente/stoerung-blau.svg);
}
.toplink4 {
    background-image:url(../Icons/Steuerelemente/netze-blau.svg);
}
.toplink5 {
    background-image:url(../Icons/Steuerelemente/lupe-blau.svg);
}
.topmenu a:hover .toplink1 {
    background-image:url(../Icons/Social-media/facebook-orange-25px.png);
}
.topmenu a:hover .toplink2 {
    background-image:url(../Icons/Steuerelemente/stoerung-orange.svg);
}
.topmenu a:hover .toplink3 {
    background-image:url(../Icons/Steuerelemente/unternehmen-orange.svg);
}
.topmenu a:hover .toplink4, .toplink4akt .toplink4 {
    background-image:url(../Icons/Steuerelemente/netze-orange.svg);
}
.topmenu a:hover .toplink5 {
    background-image:url(../Icons/Steuerelemente/lupe-orange.svg);
}




.swzlogo {
    margin-left:-15px;
}

/* sticky Icons */

.sticky {
    width: 10rem;
    right: -7.8rem;
    transition: all .5s;
    padding:0.25rem;
    color:#000;
    font-weight:400;
    z-index:999999;
}
.sticky:hover {
    right:0rem;
}
.sticky img {
    width: 20px;
    height: 20px;
}
.sticky1 {
    top:30%;
}
.sticky2 {
    top:calc(30% + 45px);
}
.sticky3 {
    top:calc(30% + 90px);
}
.sticky4 {
    top:calc(30% + 135px);
}


.blinken {
    animation: blinken 1s infinite;
}
.blinkeninv {
    animation: blinkeninv 1s infinite;
}

@-webkit-keyframes blinken {
    0%, 49% {
        background-color:  #ffbd00;

    }
    50%, 100% {
        background-color: #cb1419;
    }
}

@-webkit-keyframes blinkeninv {
    0%, 49% {
        filter: invert(0);

    }
    50%, 100% {
        filter: invert(1);
    }
}


.totop {
    bottom:0%;
    transition: all .5s;
    padding:0.25rem;
    color:#000;
    font-weight:400;
    z-index:999999;
    right:0px;
}
.toptop img {
    width: 20px;
    height: 20px;
}


/* Footer */

footer {
    font-size:0.9rem;
}

footer h6 {
    position: relative;
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 40px;
}

footer h6::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background-color: #fff;
    left: 0px;
    bottom: 25px;
}

footer a {
    color:#fff!important;
    font-weight:400;
}
footer a:hover {
    color:var(--bs-link-hover-color)!important;
}

footer ul {
    padding-left:0px;
}

footer ul li {
    list-style-type: none;
    padding: 0px 0px 5px 25px;
    position: relative;
}
footer ul li:before {
    content: "\f105";
    font-family: Font Awesome\ 5 Free,fontawesome;
    font-weight: 900;
    position: absolute;
    left: 0px;
    color: #ffbd00;
}


/* Container */
.mtneg {
    margin-top:-5rem;
}
.mbneg {
    margin-bottom:-5rem;
}

/* Sitemap */
.sitemap, .sitemap ul {
    list-style:none;
}
.sitemapul2, .sitemapul3  {
    border-left: 1px solid #ededed;
}
.sitemapul2 li:before, .sitemapul3 li:before {
    border-bottom: 1px solid #ededed;
    content:'';
    display:inline-block;
    width:2rem;
    height: 0.5rem;
    margin-bottom: 0.35rem;
    margin-right: 0.25rem;
}

.sitemapul3 li:last-child:after, .sitemapul2 li:last-child:after {
    content:'';
    border-left: 1px solid #fff;
    height: 1rem;
    display: block;
    top: 1rem;
    position: absolute;
    left: -1px;
    width: 3px;
}

.sitemap a:hover { 
    color:#ffbd00;
}

/* Sticky Element */
.frame-100 {
    top: 9rem;
    position: -webkit-sticky;
    position: sticky;
}

/* Suche */
.form-control::placeholder {
    color: #b0b0b0;
    opacity: 1;
}
.tx-indexedsearch-form {
    max-width: 1088px;
    margin: auto;
    flex-wrap: wrap;
    display: flex;
}
.tx-indexedsearch-searchbox-sword {
    width:calc(100% - 80px);
    border:none;
}
.tx-indexedsearch-searchbox-button {
    width:80px;
    background-image:url(../Icons/Steuerelemente/lupe-schwarz.svg);
    background-position:center center;
    background-repeat: no-repeat;
    background-size: 40%;
    background-color: #fff;
    border: none;
    font-size: 0;
}

.tx-indexedsearch-form input:focus {
    outline: none;
}

.tx-indexedsearch-res a {
    color:#0057a8;
    text-decoration: none;
}

.tx-indexedsearch-res:hover a {
    color:var(--bs-link-hover-color);
}

.tx-indexedsearch-res .indexedpath, .tx-indexedsearch-res .indexedpath a {
    color:#b0b0b0;
}

.tx-indexedsearch-title:before {
    content:'';
    background-image:url(../Icons/Steuerelemente/lupe-schwarz.svg);
    background-position:center center;
    background-repeat: no-repeat;
    background-size: 40%;
    width: 3rem;
    height: 3rem;
    display: block;
    position: absolute;
    left: -2.5rem;
    top: -0.5rem;
}
.homeicon {
    width:15px;
    height:15px;
}
.tx-indexedsearch-searchbox h1, .tx-indexedsearch-searchbox h3 {
    max-width: 1088px;
    margin:0 auto;
}

.tx-indexedsearch-browsebox li {
    display:inline;
    margin-right:1rem;
}


/* Dropdownmenü */

.mainnavidiv {
    box-shadow: 0px 1px 3px -2px #ccc;
}

.secondlevel {
    max-width:75%;
}

.mainnav a, .secondlevel {
    transition: all 1s ease-out;
}



.menu-large {
    position: static !important;
}

.megamenu {
    padding: 0px 20px;
    width: 100%;
    border-radius:0;
}

.megamenu > div > li > ul {
    padding: 0;
    margin: 0;
}

.megamenu > div > li > ul > li {
    list-style: none;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
}

.dropdown-menu[data-bs-popper] {
    top:95%;
}

#showondesktop {
    display:block!important;
}
#showonmobile {
    display:none!important;
}
#showonmobile2 {
    display:none!important;
}

/* Hover menu */

.mainnav {
    height: 90px;
}
.mainnavul {
    padding-top:23px;
    justify-content: right;
}

.mainnavul .nav-item:hover {
    border-bottom:solid 5px #ffbd00;
}

.nav-item:hover .dropdown-menu {
    display: block;
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
    top: 95%;
}

.megamenu .row .col:nth-child(6), .megamenu .row .col:nth-child(10) {
    margin-left:160px;
}


@media (max-width: 1050px) {

    .sticky-top {
        position:relative;
    }

    #showondesktop {
        display:none!important;
    }
    #showonmobile {
        display:block!important;
    }
    #showonmobile2 {
        display:block!important;
    }
    .sticky {
        display:none;
    }
    .mmenuicons {
        padding-left:5%;
    }
    .mmenuicons img {
        width:20px;
        height:20px;
    }

    .navbar-brand {
        width:75%;
    }
    .navbar-nav {
        display: flex;
        flex-direction: column !important;
        padding-left: 0;
        margin-bottom: 0;
    }
    .dropdown-toggle:after {
        display: none;
    }
    .dddropdown {
        float: right;
        width: 45px;
        height: 45px;
        font-size: 1.5rem;
        color: rgba(0,0,0,1);
        padding: 0px !important;
        color:#fff;
        text-align:center;
        background: rgba(255,255,255,0.1);
        border-left: 1px solid rgba(255,255,255,0.5);
        line-height: 45px;
    }


    .mnavtitem1 {
        background-color:#0057a8;
        border-top: 1px solid rgba(255,255,255,0.5);
    }
    .mnavtitem2, .mnavtitem3 {
        background-color:#0057a8;
        border-top: 1px solid rgba(255,255,255,0.5);
    }
    .maitem1 {
        width: calc(100% - 45px);
        padding-left: 5% !important;
    }
    .maitem2 {
        width: calc(100% - 45px);
        padding-left: 10% !important;
        line-height: 45px;
    }
    .maitem3 {
        width: calc(100% - 45px);
        padding-left: 15% !important;
        line-height: 45px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position:relative;
    }
    .mul2, .mul3 {
        padding-top:0px;
        padding-bottom:0px;
    }
    .collapse:not(.show) {
        display:none!important;
    }
    .navbar-toggler:focus {
        box-shadow:none;
    }

}


/* Test */
@media (min-width: 200px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

/* test end */


@media (max-width: 768px) {
    .megamenu {
        margin-left: 0;
        margin-right: 0;
    }
    .megamenu > li {
        margin-bottom: 30px;
    }
    .megamenu > li:last-child {
        margin-bottom: 0;
    }
    .megamenu.dropdown-header {
        padding: 3px 15px !important;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header {
        color: #fff;
    }
}

.navcol {
    border-left:solid 1px #ededed;
}
.navcol a {
    color:#0057a8;
}
.mainnav a:hover, .navcol:hover .navcol a {
    color:var(--bs-link-hover-color)!important;
}

a.active {
    color:#ffbd00!important;
}

.pdtopnav {
    padding-top:12px;
}

.li-active {
    border-bottom:solid 5px #0057a8;
}

.navfirstcol {
    width:160px;
    max-width: 160px;
}

.menuiconbig {
    height:75px;
    width:75px;
}
.menuiconsmall {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0px 1px 3px 0px #565656;
    transition: all 1s ease-out;
    aspect-ratio: 1/1;
}



.thirdlevelicon {
    background-size: contain;
    width:20px;
    height:22px;
    display:inline-block;
    background-repeat:no-repeat;
    background-image:url(../Icons/Steuerelemente/pfeil-menueebene3-blau.svg);
    margin-left: 1.55rem;
}
.thirdtrigger:hover .thirdlevelicon {
    background-repeat:repeat;
}
.thirdtrigger:hover .thirdlevel {
    visibility: visible;
    opacity: 1;
}

.thirdtrigger:hover .secondlevel {
    color:var(--bs-link-hover-color)!important;
}
.thirdtrigger:hover .menuiconsmall {
    background-color:#ffbd00;
}

.thirdlevel {
    border-width: 0 0 3px 0;
    border-style:solid;
    border-color:#ffbd00;
    visibility: hidden;
    opacity: 0;
    transition: all 1s ease-out;
    position: absolute;
    background-color:#fff;
    width:100%;
}

.thirdlevel a {
    font-weight:400;
}
.thirdlevel a:hover {
    font-weight:700;
}

/* Breadcrumb */
.breadcrumbdiv {
    z-index: 999;
}

.breadcrumb {
    color:#777776;
    font-size:0.75rem;
    float:right;
}
.breadcrumbicon {
    width:8px;
    height:8px;
}

.breadcrumbstart {
    width:14px;
    height:10px;
}

.breadcrumb-item + .breadcrumb-item:before {
    display:none;
}

.breadcrumb .active {
    text-decoration: underline;
}

/* Sticky Subnavigation */

.subnav1, .subnav2, .subnav3 {
    color:#0057a8;
}
.subnav1:hover, .subnav2:hover, .subnav3:hover {
    color:var(--bs-link-hover-color);
}
.submenuicon {
    height:50px;
    width:50px;
}

.subnav3 {
    font-weight:300;
}

.subnavihead {
    line-height:50px;
}

.subnaviul3 {
    list-style-type: disc;
}

.subul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

.subul li {
    padding-left: 16px;
}

.subul li::before {
    content: "•";
    padding-right: 8px;
    color: #0057a8;
}

.subul li.submenuhashub:before {
    width: 10px;
    height: 10px;
    display: inline-block;
    content:'';
    background:url('../Icons/Steuerelemente/pfeil-klein-blau.svg');
    margin-bottom: 1.5px;
}

.subul li.submenuhashub:hover:before, .subul li.submenuactive:before {
    background:url('../Icons/Steuerelemente/pfeil-klein-orange.svg');
}


.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url('../Icons/Steuerelemente/x-lg.svg');
}


.mobsubtoggle {
    background-image: url('../Icons/Steuerelemente/plus-lg.svg');
    background-size: 40%;
    background-position: center center;
    background-repeat: no-repeat;
}
.mobsubtoggle[aria-expanded="true"] {
    background-image: url('../Icons/Steuerelemente/dash-lg.svg');
}



/* trenner */

hr {
    border-width: 0.1rem;
}


/* Soalten */

.fuenfspalter .col-xl-2, .fuenfspalter .col-lg-2 {
    width:20%!important;
}
@media (max-width: 1024px) {
    .fuenfspalter .col-md-6 {
        width:50%!important;
    }
}

/* tabellen  */

.ce-table, .contenttable, .table {
    width: 100%;
    max-width: 100%;
    border: 1px solid #dadada;
    background-color: #fff;
    font-size:1.1rem;
    font-weight:400;
}

.ce-table p:last-child, .contenttable p:last-child {
    margin-bottom:0px;
}
.ce-table p:first-child, .contenttable p:first-child {
    margin-top:0px;
}

.ce-table thead th, .contenttable thead th {
    border-bottom: 2px solid #dadada;
    background-color: #0057a8;
    color: #fff;
}

.ce-table th, .ce-table td, .contenttable th, .contenttable td {
    border-top: 1px solid #dadada;
}
.ce-table th, .ce-table td, .contenttable th, .contenttable td {
    padding: 0.25em 0.5em;
    vertical-align: top;
}

.ce-table .ftklein, .contenttable .ftklein, .table .ftklein {
    font-size:0.9rem;
}


/* News */

.newsautorimg {
    width:40px;
    height:40px;
}
.postlist .post {
    display:none;
}

.newsteaser {
    font-weight: 700;
}

/* Buttons */

.btn {
    position: relative;
    z-index: 1;
    border:none!important;
    box-shadow:none!important;
}
.btn:hover:before {
    opacity: 1;
    transform: scale(1.015,1);
}
.btn:before {
    background-color: #e49e00;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0.5,1);
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: -1;
    border-radius:var(--bs-border-radius);
}

.orange-dunkel .btn:before, .orange .btn:before, .orange-hell .btn:before {
    background-color: #b0b0b0;
}


/* Powermail */

.powermail_input, .powermail_textarea {
    background: #ececec none repeat scroll 0 0 !important;
    border: 1px solid #dbdbdb !important;
    border-radius: 0 !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset !important;
    color: #aaa !important;
    display: block !important;
    font-family: "Roboto",sans-serif !important;
    font-size: 14px !important;
    margin: 0 0 15px !important;
    max-width: 100% !important;
    outline: 0 none !important;
    padding: 12px 11px 11px !important;
    width: 100% !important;
}

input.powermail_submit:hover {
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0.7;
}

input.powermail_submit {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #678e91 0%, #8fadb0 50%, #8fadb0 100%) repeat scroll 0 0;
    background: linear-gradient(
        to top,
        #678e91 0%,
        #8fadb0 50%,
        #8fadb0 100%,
        transparent 0px
        );
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 25px 0;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    border: 0px;
}

input[type="checkbox"]:checked + label {
}
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label span {
    background: rgba(0, 0, 0, 0) url("/typo3conf/ext/rangauwerke/Resources/Public/Images/check_radio_sheet.png") no-repeat scroll left top;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    width: 20px;
    border: solid 1px #333;
}
input[type="checkbox"]:checked + label span {
    background: rgba(0, 0, 0, 0) url("/typo3conf/ext/rangauwerke/Resources/Public/Images/check_radio_sheet.png") no-repeat scroll -24px top;
}
input[type="radio"]:checked + label {
}
input[type="radio"] {
    display: none;
}
input[type="radio"] + label span {
    background: rgba(0, 0, 0, 0) url("/typo3conf/ext/rangauwerke/Resources/Public/Images/check_radio_sheet.png") no-repeat scroll left top;
    cursor: pointer;
    display: inline-block;
    height: 31px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    width: 32px;
}
input[type="radio"]:checked + label span {
    background: rgba(0, 0, 0, 0) url("/typo3conf/ext/rangauwerke/Resources/Public/Images/check_radio_sheet.png") no-repeat scroll -38px top;
}

.powermail_fieldset .layout1, .powermail_fieldset .layout2 {
    display:block;
    float:left;
    width: 32%;
    margin-right:2%;
}
.powermail_fieldset .layout2 {
    margin-right:0px;
}

.powermail_fieldwrap_type_textarea {
    display: inline-block;
    float: none;
    width: 100%;
}
label.powermail_label, .checkbox label {
    font-size:14px;
}
.radio{
    margin-bottom:10px;
}
input:focus, textarea:focus {
    border:1px solid #8fadb0 !important;
    transition:all 0.3s ease-in-out 0s;
}
.powermail_fieldwrap_telefonnummer {
    margin-top:15px;
}

.powermail_fieldwrap .col-sm-2 {
    width:100%!important;
}

.checkbox label span {
    float: left;
}
.checkbox label p {
    display: table;
}

.tx-powermail .btn-primary {
    color: #fff;
    background-color: #0057a8;
    border-color: transparent;
    border-radius: 0px;
    width: auto;
    text-align: center;
    padding: 15px;
    position: relative;
    font-weight: 400;
    font-size: 1.2rem;
}

.powermail_fieldset_24 legend {
    display:none;
}


/* Einrueckungen */


@media (min-width: 768px) {
    .frame-101 {
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    .frame-102 {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .frame-103 {
        width: 70%;
        margin: 0 auto;
        display: block;
    }
}

/* Form */

.frame-type-form_formframework .row {
    margin-bottom:1rem;
}
.frame-type-form_formframework input[type="checkbox"] {
    display:inline-block;
    width: 20px;
    height: 20px;
    margin-top: 0.2rem;
    margin-left:0.5rem;
}
.frame-type-form_formframework .checkbox label {
    font-size:inherit;
}
.frame-type-form_formframework .form-check {
    padding-left:0px;
}
.frame-type-form_formframework .form-control {
    border-radius:0px;
}
select {
    background-image:url("/typo3conf/ext/rangauwerke/Resources/Public/Images/select-arow.png");
    background-repeat:  no-repeat;
    background-position:right center;
}

.align-items-stretch .container {
    height:100%;
}

#mehrpostsanzeigen {
    width:180px;
}

.offcanvas.offcanvas-bottom {
    height:auto;
    font-size: 1rem;
}


p, h1, h2, h3, h4, h5, h6 { hyphens: auto; }