/* Allgemeines */ /* Schriftart */ /* Hintergrundfarbe der Seite */ /* Breite des gesamten Contents */ /* Hintergrundfarbe */ /* Breakpoints */ /* Maximale Breitenbegrenzung */ /* optionale Breitenbegrenzung interner Elemente bei fehlender Gematbegrenzung */ /* optionaler immer wiederkehrender Breakpoint oberhalb mint, bei Benutzung anzupassen */ /* Teamboxen umspringen */ /* Switch mobile Navigation */ /* Globale Parameter */ /* Color Basis: Basisfarbe Schrift */ /* Color Markant: Basisfarbe 1 markante Elemente (link, h1, border, usw...) */ /* Color Markant: Basisfarbe 2 markante Elemente (h2,...) */ /* Color Box: Standard Container hintergrund 1 */ /* Color Symbole: Standardfarbe aller Unicode-Symbole */ /* Hintergrund topslider */ /* Farben Navi bei Split */ /* @topback_norm: none; @topback_act: none; @toptext_norm: @cobase; @toptext_act: @comark1; @leistback_norm: none; @leistback_act: none; @leisttext_norm: @cobase; @leisttext_act: @cobase; #mobnav li.clicked > ul > li.clicked > ul > li.active > a, #mobnav li.active > ul > li.active > ul > li.active > a {background: @cobox;} /* Markierung aktiver Button mobnav */ /* Farben Navi bei all-in-one */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Topnav */ /* Back Topnav */ /* Back Mouseover */ /* Back Aktiv */ /* Schrift */ /* Schrift Mouseover */ /* Schrift Aktiv */ /* Leistnav 1. Ebene */ /* Back */ /* Back Mouseover */ /* Back Aktiv */ /* Schrift */ /* Schrift Mouseover */ /* Schrift Aktiv */ /* Leistnav 2. Ebene */ /* Back */ /* Back Mouseover */ /* Back Aktiv */ /* Schrift */ /* Schrift Mouseover */ /* Schrift Aktiv */ /* Leistnav 3. Ebene */ /* Back */ /* Back Mouseover */ /* Back Aktiv */ /* Schrift */ /* Schrift Mouseover */ /* Schrift Aktiv */ /* Leistnav 4. Ebene */ /* Back */ /* Back Mouseover */ /* Back Aktiv */ /* Schrift */ /* Schrift Mouseover */ /* Schrift Aktiv */ /* --------------------- */ /* Navigation global */ /* Reihenfolge im Header: "row" / "row-reverse" */ /* Hintergrundfarbe der Gesamt-Navigation */ /* Schriftgröße der Navigation */ /* Höhe der Buttons */ /* Padding innerhalb der Buttons in den Untermenüs */ /* Menüsymbol für Mobnav */ /* Breadcrumb-Navigation */ /* Schriftgröße der Breadcrumb-Navigation */ /* Fettschrift der Breadcrumb-Navigation */ /* Schriftfarbe der Breadcrumb-Navigation */ /* Text-Decoration der Links der Breadcrumb-Navigation */ /* Schriftfarbe bei Mouseover der Breadcrumb-Navigation */ /* Text-Decoration der Links bei Mouseover der Breadcrumb-Navigation */ /* Schriftfarbe wenn Aktiv in der Breadcrumb-Navigation */ /* Text-Decoration der aktiven Links der Breadcrumb-Navigation */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Standard Container Radius */ /* Dia-Inner muß weniger haben */ /* Bilderzoom */ .zoom10 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom10:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.01, 1.01); transform: scale(1.01, 1.01); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom10:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom11 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom11:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom11:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom12 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom12:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom12:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom13 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom13:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom13:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom14 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom14:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom14:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom15 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom15:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom15:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom16 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom16:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom16:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom17 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom17:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.7, 1.7); transform: scale(1.7, 1.7); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom17:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom18 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom18:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom18:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom19 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom19:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(1.9, 1.9); transform: scale(1.9, 1.9); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom19:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom20 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom20:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2, 2); transform: scale(2, 2); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom20:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom21 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom21:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2.1, 2.1); transform: scale(2.1, 2.1); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom21:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom22 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom22:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2.2, 2.2); transform: scale(2.2, 2.2); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom22:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom23 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom23:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2.3, 2.3); transform: scale(2.3, 2.3); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom23:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom24 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom24:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2.4, 2.4); transform: scale(2.4, 2.4); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom24:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom25 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom25:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2.5, 2.5); transform: scale(2.5, 2.5); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom25:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom26 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom26:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2.6, 2.6); transform: scale(2.6, 2.6); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom26:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom27 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom27:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2.7, 2.7); transform: scale(2.7, 2.7); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom27:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom28 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom28:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2.8, 2.8); transform: scale(2.8, 2.8); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom28:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom29 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom29:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(2.9, 2.9); transform: scale(2.9, 2.9); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom29:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom30 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom30:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(3, 3); transform: scale(3, 3); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom30:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom31 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom31:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(3.1, 3.1); transform: scale(3.1, 3.1); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom31:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom32 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom32:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(3.2, 3.2); transform: scale(3.2, 3.2); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom32:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom33 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom33:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(3.3, 3.3); transform: scale(3.3, 3.3); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom33:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom34 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom34:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(3.4, 3.4); transform: scale(3.4, 3.4); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom34:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } .zoom35 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 8px 8px; margin-left: -8px; /* Gleicht padding wieder aus */ margin-right: -8px; /* Gleicht padding wieder aus */ margin-top: -2px !important; /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */ } .zoom35:hover { cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transform: scale(3.5, 3.5); transform: scale(3.5, 3.5); position: relative; z-index: 15; background: #f0f0f0; -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3); border-radius: 5px; } @media (max-width: 800px) { .zoom35:hover { cursor: initial; -webkit-transform: initial; transform: initial; } } /* Ende Bilderzoom */ /* ------------------------------------ Neue Unicodesymbole ------------------------------------ */ .fhand:before, .fmail:before, .fmail2:before, .finfo:before, .foba:before, .fscha:before, .fpsch:before, .fcar:before, .fpers:before, .fperx:before, .feye:before, .fcab:before, .fpdf:before, .farr1:before, .far1b:before, .far1c:before, .farr2:before, .farr3:before, .fglob:before, .ffrag:before, .fnews:before, .fplus:before, .fmin:before, .fclam:before, .fkorb:before, .flock:before, .flog:before, .ftel:before, .ftel2:before, .ffax:before, .fche1:before, .fche2:before, .fche3:before, .fnav:before, .flis1:before, .flis2:before, .fsqu1:before, .fsqu2:before, .flupe:before, .ffb1:before, .ffb2:before, .fxi1:before, .fxi2:before, .ftwi1:before, .ftwi2:before, .fvid:before, .ffilm:before, .fcloc:before, .fmap:before, .fchart1:before, .fchart2:before, .fprint:before, .fcloud:before, .fcom1:before, .fcom2:before, .fcom3:before, .fspinn:before, .fdoup:before, .fclip:before, .fstar1:before, .fstar2:before, .fstar3:before, .feat:before, .fbeer:before, .fglass:before, .fcafe:before, .fmusic:before, .fchild:before, .fshop:before, .fmed:before, .fwifi:before, .fmob:before, .smob:before, .fshield:before, .fwhat:before, .fsmil:before, .fgoog1:before, .fgoog2:before, .fin1:before, .fin2:before, .fyout1:before, .fyout2:before, .fhome:before, .fpmed:before, .fclock:before, .frech:before, .fima:before, .fgew:before, .fpriv:before, .fsmap:before, .fdigi:before, .fspec:before, .fdir:before, .finsta:before, .fforst:before, .fpuzz:before, .sinfo:before, .sat:before, .swc:before, .scake:before, .simp:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } .symbspace { margin-left: 33px; } .fhand:before { content: "\f0a4"; } .fmail:before { content: "\f003"; } .fmail2:before { content: "\f0e0"; } .fglob:before { content: "\f0ac"; } .finfo:before { content: "\f05a"; } .ffrag:before { content: "\f059"; } .foba:before { content: "\f071"; } .fscha:before { content: "\f127"; } .fpsch:before { content: "\f0e7"; margin: 0 17px 0 -26px; font-size: 120%; } .fcar:before { content: "\f1b9"; } .fcab:before { content: "\f1ba"; } .fpers:before { content: "\f007"; margin: 0 17px 0 -26px; } .fperx:before { content: "\f234"; } .fpmed:before { content: "\f0f0"; } .feye:before { content: "\f06e"; margin: 0 13px 0 -28px; font-size: 115%; } .fpdf:before { content: "\f15c"; } .fnews:before { content: "\f1ea"; } .farr1:before { content: "\f18e"; } /* rechts */ .far1b:before { content: "\f0a9"; } /* rechts alternativ */ .far1c:before { content: "\f0da"; } /* rechts alternativ dreieck */ .farr2:before { content: "\f062"; } /* rauf */ .farr3:before { content: "\f01a"; } /* runter */ .fplus:before { content: "\f196"; } .fmin:before { content: "\f147"; } .fsqu1:before { content: "\f0c8"; } .fsqu2:before { content: "\f096"; } .fclam:before { content: "\f0c6"; } .fkorb:before { content: "\f291"; } .flock:before { content: "\f023"; } .flog:before { content: "\f090"; } .ftel:before { content: "\f095"; } .ftel2:before { content: "\f098"; } .ffax:before { content: "\f1ac"; } .fche1:before { content: "\f00c"; } .fche2:before { content: "\f058"; } .fche3:before { content: "\f046"; } .fnav:before { content: "\f054"; } .flis1:before { content: "\f03b"; } .flis2:before { content: "\f03a"; } .flupe:before { content: "\f002"; } .ffb1:before { content: "\f082"; } .ffb2:before { content: "\f09a"; } .fxi1:before { content: "\f169"; } .fxi2:before { content: "\f168"; } .ftwi1:before { content: "\f081"; } .ftwi2:before { content: "\f099"; } .finsta:before { content: "\f16d"; } .fvid:before { content: "\f1c8"; } .ffilm:before { content: "\f008"; } .fcloc:before { content: "\f017"; } .fmap:before { content: "\f041"; } .fchart1:before { content: "\f080"; } .fchart2:before { content: "\f201"; } .fprint:before { content: "\f02f"; } .fcloud:before { content: "\f0c2"; } .fcom1:before { content: "\f27a"; } .fcom2:before { content: "\f27b"; } .fcom3:before { content: "\f0e6"; } .fspinn:before { content: "\f110"; } .fdoup:before { content: "\f102"; } .fclip:before { content: "\f0ea"; } .fstar1:before { content: "\f006"; } .fstar2:before { content: "\f123"; } .fstar3:before { content: "\f005"; } .fmob:before { content: "\f10b"; font-size: 115%; } .fwhat:before { content: "\f232"; } .fgoog1:before { content: "\f0d5"; } .fgoog2:before { content: "\f0d4"; } .fin1:before { content: "\f0e1"; } .fin2:before { content: "\f08c"; } .fyout1:before { content: "\f167"; } .fyout2:before { content: "\f166"; } .fhome:before { content: "\f015"; } .fclock:before { content: "\f017"; } .frech:before { content: "\f1ec"; } .fima:before { content: "\f03e"; } .fgew:before { content: "\f275"; } .fpriv:before { content: "\f0c0"; } .fsmap:before { content: "\f0e8"; } .fdigi:before { content: "\f042"; } .fspec:before { content: "\f085"; } .fdir:before { content: "\f277"; } .fforst:before { content: "\f18c"; } .fpuzz:before { content: "\f12e"; } .feat:before { content: "\f0f5"; } .fbeer:before { content: "\f0fc"; } .fglass:before { content: "\f000"; } .fcafe:before { content: "\f0f4"; } .fmusic:before { content: "\f001"; } .fchild:before { content: "\f1ae"; } .fshop:before { content: "\f07a"; } .fmed:before { content: "\f0fa"; } .fwifi:before { content: "\f1eb"; } .fshield:before { content: "\f132"; } .fsmil:before { content: "\f118"; } .smob:before { content: "\1F4F1"; } .swc:before { content: "\1F6BD"; font-size: 95%; } .scake:before { content: "\1F370"; font-weight: bold; } /* weitere Symbole */ .sinfo:before { content: "i"; font-family: Times New Roman; font-weight: bold; font-style: italic; margin: 0 19px 0 -23px; font-size: 135%; } .sat:before { content: "@"; font-family: Times New Roman; font-weight: bold; font-style: italic; font-size: 120%; } .simp:before { content: "\00A7"; font-family: Arial; font-weight: bold; } /* Standalone symbole: */ .ico { display: inline-block; font-style: normal; color: #333333; position: relative; } .ico:before { margin: 0; } /* Numbers in circle: */ .numb { background: #007254; display: inline-block; border-radius: 5rem; color: #ffffff; font-style: normal; font-weight: bold; text-align: center; width: 24px; /* Anpassen je nach Schriftgröße */ height: 23px; /* Anpassen je nach Schriftgröße */ padding-top: 1px; /* Anpassen je nach Schriftgröße */ } /* ------------------------------------ Ende Neue Unicodesymbole ------------------------------------ */ /* ---------------- Allgmeines ---------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome.eot?v=4.5.0'); src: url('../fonts/fontawesome.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } html, body { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; background: #ffffff; font-family: "Open Sans", arial, sans-serif; } #wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 3000px; width: 100%; min-height: 100%; } #mob_wrapper { display: none; } /* Tel-Link ausblenden in Desktop-Ansicht */ @media (min-width: 800px) { a[href^="tel"] { pointer-events: none; white-space: nowrap; color: inherit!important; text-decoration: inherit!important; } } /* Kopfbereich */ #header_wrapper, #fixnav_header_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: auto; background: #ffffff; z-index: 499; overflow: show; } #header_wrapper header, #fixnav_header_wrapper header { position: relative; /*AS0716*/ max-width: 3000px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #header_wrapper header #logo, #fixnav_header_wrapper header #logo { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1rem; /*margin-left:5rem;*/ } #header_wrapper header #logo img, #fixnav_header_wrapper header #logo img { max-height: 100%; } #header_wrapper header nav, #fixnav_header_wrapper header nav { -webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; position: relative; z-index: 500; } #header_wrapper header nav ul:nth-child(1), #fixnav_header_wrapper header nav ul:nth-child(1) { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #header_wrapper header nav ul:nth-child(1) li, #fixnav_header_wrapper header nav ul:nth-child(1) li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-sizing: border-box; box-sizing: border-box; height: 2.9rem; white-space: nowrap; font-size: 15px; } #header_wrapper header nav ul:nth-child(1) li a, #fixnav_header_wrapper header nav ul:nth-child(1) li a { -webkit-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; background: none; line-height: 2.9rem; text-align: center; color: #333333; text-decoration: none; } #header_wrapper header nav ul:nth-child(1) li ul, #fixnav_header_wrapper header nav ul:nth-child(1) li ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } #header_wrapper header nav ul:nth-child(1) li.active.hasSub::after, #fixnav_header_wrapper header nav ul:nth-child(1) li.active.hasSub::after { color: #007254; } #header_wrapper header nav ul:nth-child(1) li.active a, #fixnav_header_wrapper header nav ul:nth-child(1) li.active a { background: none; color: #007254; } #header_wrapper header nav ul:nth-child(1) li:hover.hasSub::after, #fixnav_header_wrapper header nav ul:nth-child(1) li:hover.hasSub::after { color: #007254; } #header_wrapper header nav ul:nth-child(1) li:hover a, #fixnav_header_wrapper header nav ul:nth-child(1) li:hover a { background: none; color: #007254; } #header_wrapper header nav #topnav li:hover ul, #fixnav_header_wrapper header nav #topnav li:hover ul, #header_wrapper header nav #fixnav_topnav li:hover ul, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul { /*Erstes Untermenü (2. Ebene) */ margin: 0; padding: 0; list-style: none; position: absolute; display: block; color: #333333; z-index: 100; } #header_wrapper header nav #topnav li:hover ul li, #fixnav_header_wrapper header nav #topnav li:hover ul li, #header_wrapper header nav #fixnav_topnav li:hover ul li, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li { margin: 0; min-width: 100%; } #header_wrapper header nav #topnav li:hover ul li a, #fixnav_header_wrapper header nav #topnav li:hover ul li a, #header_wrapper header nav #fixnav_topnav li:hover ul li a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li a { color: #333333; background: #f0f0f0; text-align: left; padding: 0.7rem 2rem; line-height: 1.45rem; } #header_wrapper header nav #topnav li:hover ul li ul, #fixnav_header_wrapper header nav #topnav li:hover ul li ul, #header_wrapper header nav #fixnav_topnav li:hover ul li ul, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } #header_wrapper header nav #topnav li:hover ul li.hasSub a, #fixnav_header_wrapper header nav #topnav li:hover ul li.hasSub a, #header_wrapper header nav #fixnav_topnav li:hover ul li.hasSub a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li.hasSub a { padding-right: 2rem; } #header_wrapper header nav #topnav li:hover ul li.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li.hasSub::after { content: "\25E5"; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; left: -1.5rem; color: #333333; } #header_wrapper header nav #topnav li:hover ul li.active.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li.active.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li.active.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li.active.hasSub::after { color: #333333; } #header_wrapper header nav #topnav li:hover ul li.active a, #fixnav_header_wrapper header nav #topnav li:hover ul li.active a, #header_wrapper header nav #fixnav_topnav li:hover ul li.active a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li.active a { background: #dbdbdb; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover.hasSub::after { color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover a { background: #dbdbdb; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul { /*Zweites Untermenü (3. Ebene) */ margin: -2.9rem 0 0 0; padding: 0; list-style: none; position: absolute; left: 100%; display: block; color: #333333; z-index: 100; } #header_wrapper header nav #topnav li:hover ul li:hover ul li, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li { margin: 0; } #header_wrapper header nav #topnav li:hover ul li:hover ul li a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li a { color: #333333; background: #f0f0f0; } #header_wrapper header nav #topnav li:hover ul li:hover ul li ul, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li ul, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li ul, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } #header_wrapper header nav #topnav li:hover ul li:hover ul li.hasSub a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li.hasSub a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li.hasSub a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li.hasSub a { padding-right: 2rem; } #header_wrapper header nav #topnav li:hover ul li:hover ul li.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li.hasSub::after { content: "\25E5"; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; left: -1.5rem; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li.active.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li.active.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li.active.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li.active.hasSub::after { color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li.active a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li.active a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li.active a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li.active a { background: #dbdbdb; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover.hasSub::after { color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover a { background: #dbdbdb; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul { /*Drittes Untermenü (4. Ebene)*/ margin: -2.9rem 0 0 0; padding: 0; list-style: none; position: absolute; left: 100%; display: block; color: #333333; z-index: 100; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li { margin: 0; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li a { color: #333333; background: #f0f0f0; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li ul, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li ul, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li ul, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li.hasSub a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li.hasSub a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li.hasSub a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li.hasSub a { padding-right: 2rem; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li.hasSub::after { content: "\25E5"; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; left: -1.5rem; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li.active.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li.active.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li.active.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li.active.hasSub::after { color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li.active a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li.active a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li.active a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li.active a { background: #dbdbdb; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover.hasSub::after { color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover a { background: #dbdbdb; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul { /*Viertes Untermenü (5. Ebene)*/ margin: -2.9rem 0 0 0; padding: 0; list-style: none; position: absolute; left: 100%; display: block; color: #333333; z-index: 100; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li { margin: 0; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li a { color: #333333; background: #f0f0f0; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li ul, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li ul, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li ul, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li.hasSub a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li.hasSub a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li.hasSub a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li.hasSub a { padding-right: 2rem; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li.hasSub::after { content: "\25E5"; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; left: -1.5rem; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li.active.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li.active.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li.active.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li.active.hasSub::after { color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li.active a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li.active a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li.active a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li.active a { background: #dbdbdb; color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li:hover.hasSub::after, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li:hover.hasSub::after, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li:hover.hasSub::after, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li:hover.hasSub::after { color: #333333; } #header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li:hover a, #fixnav_header_wrapper header nav #topnav li:hover ul li:hover ul li:hover ul li:hover ul li:hover a, #header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li:hover a, #fixnav_header_wrapper header nav #fixnav_topnav li:hover ul li:hover ul li:hover ul li:hover ul li:hover a { background: #dbdbdb; color: #333333; } /* SubNav */ #subnav { margin-right: 3rem; padding: 0; } #subnav ul { /* Erste Unterebene */ list-style: none; padding: 0; } #subnav ul > li > a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; color: #333333; text-decoration: none; padding: 0.7rem 2rem; background: #f0f0f0; } #subnav ul > li > ul { display: none; } #subnav ul > li.active > a { color: #333333; background: #dbdbdb; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; padding: 0.7rem 2rem; } #subnav ul > li.active > ul { display: block; } #subnav ul > li:hover > a { color: #333333; background: #dbdbdb; } #subnav ul > li.hasSub { /*Wenn Untermenü existent*/ position: relative; } #subnav ul > li.hasSub a { padding-right: 2rem; } #subnav ul > li.hasSub::after { /*Pfeil nach unten (Menü geschlossen)*/ content: "\25E5"; display: inline-block; right: 1rem; position: absolute; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 0.75rem; } #subnav ul > li.hasSub.clicked { /*(Menü durch Klick geöfnet)*/ } #subnav ul > li.hasSub.clicked:after { /*Pfeil nach links*/ -webkit-transform: rotate(225deg); transform: rotate(225deg); } #subnav ul > li.hasSub.clicked > ul { /*Untermenü öffnen*/ display: block; } #subnav ul > li.hasSub.active.clicked { /*Aktives Menü durch Klick geschlossen*/ } #subnav ul > li.hasSub.active.clicked:after { /*Pfeil nach unten*/ -webkit-transform: rotate(135deg); transform: rotate(135deg); } #subnav ul > li.hasSub.active.clicked > ul { /*Untermenü schließen*/ display: none; } #subnav ul > li.hasSub.active:not(.clicked) { /*Aktives Menü, welches geschlossen und jetzt wieder geöffnet wurde (durch Klick)*/ } #subnav ul > li.hasSub.active:not(.clicked):after { /*Pfeil nach links*/ -webkit-transform: rotate(225deg); transform: rotate(225deg); } #subnav ul > li > ul { /* Zweite Unterebene */ list-style: none; padding: 0; margin-left: 2rem; } #subnav ul > li > ul > li > a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; color: #333333; text-decoration: none; padding: 0.7rem 2rem; background: #f0f0f0; } #subnav ul > li > ul > li > ul { display: none; } #subnav ul > li > ul > li.active > a { color: #333333; background: #dbdbdb; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; padding: 0.7rem 2rem; } #subnav ul > li > ul > li.active > ul { display: block; } #subnav ul > li > ul > li:hover > a { color: #333333; background: #dbdbdb; } #subnav ul > li > ul > li > ul { /* Dritte Unterebene */ list-style: none; padding: 0; margin-left: 1rem; } #subnav ul > li > ul > li > ul > li > a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; color: #333333; text-decoration: none; background: #f0f0f0; } #subnav ul > li > ul > li > ul > li > ul { display: none; } #subnav ul > li > ul > li > ul > li.active > a { color: #333333; background: #dbdbdb; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; padding: 0.7rem 2rem; } #subnav ul > li > ul > li > ul > li.active > ul { display: block; } #subnav ul > li > ul > li > ul > li:hover > a { color: #333333; background: #dbdbdb; } #subnav ul > li > ul > lu > ul > li > ul { /* Vierte Unterebene */ list-style: none; padding: 0; margin-left: 2rem; } #subnav ul > li > ul > lu > ul > li > ul > li > a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; color: #333333; text-decoration: none; padding: 0.7rem 2rem; background: #f0f0f0; } #subnav ul > li > ul > lu > ul > li > ul > li > ul { display: none; } #subnav ul > li > ul > lu > ul > li > ul > li.active > a { color: #333333; background: #dbdbdb; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; padding: 0.7rem 2rem; } #subnav ul > li > ul > lu > ul > li > ul > li.active > ul { display: block; } #subnav ul > li > ul > lu > ul > li > ul > li:hover > a { color: #333333; background: #dbdbdb; } /* FIXnav */ #wrapper .fixnav { position: fixed; top: calc(-6.9rem); z-index: 502; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 6.9rem; width: 100%; max-width: 3000px; -webkit-transition: top 0.2s ease-in-out 0s; transition: top 0.2s ease-in-out 0s; padding: 0 2rem; } #wrapper .fixnav #fixnav_zusnav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #wrapper .fixnav #fixnav_zusnav #fixnav_zusnavinner a em { margin-left: 0.3rem; } #wrapper .fixnav #fixnav_zusnav #fixnav_zusnavinner a + a { margin-left: 0.5rem; } #wrapper .fixnav header { width: auto!important; -ms-flex-preferred-size: 85%; flex-basis: 85%; max-width: unset; margin: 0; } #wrapper .fixnav header div { max-height: 100%; } #wrapper .fixnav header img { max-height: 4.3rem; max-width: 100%; } #wrapper .fixnav.visible { top: 0; } @media (max-width: 800px) { #wrapper .fixnav { display: none!important; } } /* Breadcrumb */ #breadcrumb { font-size: 9pt; font-weight: normal; } #breadcrumb a:first-child { /*text-transform:uppercase;*/ } #breadcrumb a { color: #333333; text-decoration: none; } #breadcrumb a.no_target { pointer-events: none; } #breadcrumb a:hover { color: #007254; text-decoration: underline; } #breadcrumb a.active { color: #007254; text-decoration: none; } #breadcrumb a + a { margin-left: 1rem; } #breadcrumb a + a::before { content: "\25E5"; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 0.7rem; position: relative; left: -0.5rem; top: -0.09rem; } /* Slider */ .topslide { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 18rem; margin: 0; } .topslide.fullscreen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; } .topslide div { height: 18rem; display: block; } .slider { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 10rem; margin: 0; } .slider div { height: inherit; widht: inherit; } /* Hauptbereich */ main { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1rem; width: 100%; position: relative; /*AS0716*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } main #subnav { -ms-flex-preferred-size: 32%; flex-basis: 32%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } main #content { -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } main #main_right { /*flex-basis:13%;*/ } /*Ende main*/ /* --------------------- Footer --------------------- */ footer { background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 1rem; } @media (max-width: 800px) { footer .flexbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } footer .flexbox .flexitem { margin-bottom: 8px; } /* --------------------- Ende Footer --------------------- */ /* --------------- Ticker --------------- */ #ticker { text-align: center; position: relative; font-size: 16px; margin: 4rem 0 0; height: 10rem; } @media (max-width: 420px) { #ticker { text-align: left; margin-top: 0; padding-top: 2rem; height: 8rem; border-style: solid; border-color: #999999; border-width: 1px 0 0; } } #ticker b { text-transform: uppercase; display: block; margin-left: -11.3rem; } @media (max-width: 420px) { #ticker b { margin-left: 0; } } #ticker #vmarkt_ticker { display: inline-block; } #ticker #vmarkt_ticker:before { display: block; margin: 2rem auto 0.3rem; content: ""; height: 1px; width: 95%; background: #999999; } @media (max-width: 420px) { #ticker #vmarkt_ticker:before { display: none; } } #ticker #vmarkt_ticker .date { position: relative; top: -60px; left: 4.9rem; text-align: left; display: inline-block; width: 12rem; } @media (max-width: 420px) { #ticker #vmarkt_ticker .date { position: static; } } #ticker #vmarkt_ticker .headline { display: block; } /* --------------- Ende Ticker --------------- */ /* -------------------------------- Hilfsklassen ---------------------------- */ .start h1 { text-align: center; color: #0d0d0d; font-size: 24px; } .start P { text-align: center; font-size: 16px; } .flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .flexbox .flexitem { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .linetop:before { display: block; margin: 2rem auto; content: ""; height: 1px; width: 60%; background: #999999; } .linebot:after { display: block; margin: 2rem auto; content: ""; height: 1px; width: 60%; background: #999999; } .clearfix { clear: both; display: block; height: 0; } /* ------------------------------------ ehemals style_mobile less ----------------------------------- */ /*################################################################################*/ @media (max-width: 800px) { /*################# SMARTPHONE #####################*/ /*################################################################################*/ #wrapper { width: 100%; max-width: 100%; height: 100%; overflow: show; margin: 0; padding: 0; -webkit-transition: left 0.5s ease-in-out 0s; transition: left 0.5s ease-in-out 0s; position: absolute; left: 0; } #wrapper #mob_wrapper_cont { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } nav { display: none; } #header_wrapper { background-color: transparent; } #header_wrapper header { display: block; max-width: 100%; width: 100%; height: 100%; } #header_wrapper header #logo { text-align: right; } #mob_wrapper { -webkit-transition: left 0.5s ease-in-out 0s; transition: left 0.5s ease-in-out 0s; display: inline-block; width: 80%; position: fixed; left: -80%; top: 0; height: 100%; z-index: 500; } #mob_wrapper #mobnav_btn { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 100%; top: 1rem; margin-left: 0.5rem; width: 3rem; height: 3rem; background-color: none; border-radius: 4px; /* AS 0716 */ overflow: hidden; /* AS 0716 */ } #mob_wrapper #mobnav_btn::before { content: "\2261"; font-stretch: ultra-expanded; font-size: 2rem; font-weight: bolder; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 3rem; height: 3rem; text-align: center; line-height: 46px; color: #007254; cursor: pointer; } #mob_wrapper #mobnav { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; height: 100%; list-style: none; } #wrapper.nav_opened { /* Geöffnete Navigation */ position: fixed; left: 80%; } #wrapper.nav_opened #mob_wrapper { position: fixed; height: 100%; left: 0%; } #wrapper.nav_opened #mob_wrapper #mobnav { padding-bottom: 2rem; } #wrapper.nav_opened #mob_wrapper #mobnav_btn::before { content: "\2715"; } /* Navigations-Punkte */ #mobnav { /* Hauptebene */ } #mobnav li { height: 2.9rem; } #mobnav li a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; color: #333333; text-decoration: none; padding: 0.7rem 2rem; background: none; border: 1px solid white; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #mobnav li ul { display: none; } #mobnav li.active { height: auto; } #mobnav li.active a { color: #007254; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; padding: 0.7rem 2rem; } #mobnav li.active ul { display: block; } #mobnav li.active.closed ul { display: none!important; } #mobnav li.clicked { height: auto; } #mobnav li.hasSub { position: relative; } #mobnav li.clicked > ul, #mobnav li.active > ul { /*Erstes Untermenü*/ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; list-style: none; display: block; color: #333333; } #mobnav li.clicked > ul > li, #mobnav li.active > ul > li { margin: 0; min-width: 100%; } #mobnav li.clicked > ul > li > a, #mobnav li.active > ul > li > a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; border: 1px solid white; color: #333333; background: #f0f0f0; text-align: left; padding: 0.7rem 2rem; padding-left: 3rem; line-height: 1.45rem; text-transform: none; } #mobnav li.clicked > ul > li > ul, #mobnav li.active > ul > li > ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } #mobnav li.clicked > ul > li.hasSub a, #mobnav li.active > ul > li.hasSub a { padding-right: 2rem; } #mobnav li.clicked > ul > li.hasSub::after, #mobnav li.active > ul > li.hasSub::after { content: "\25E5"; display: inline-block; right: 1rem; position: absolute; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 0.75rem; } #mobnav li.clicked > ul > li.clicked, #mobnav li.active > ul > li.clicked { height: auto; } #mobnav li.clicked > ul > li.clicked > ul, #mobnav li.active > ul > li.clicked > ul { display: block; } #mobnav li.clicked > ul > li.clicked > ul a, #mobnav li.active > ul > li.clicked > ul a { padding-left: 4rem; } #mobnav li.clicked > ul > li.active, #mobnav li.active > ul > li.active { color: #333333; height: auto; } #mobnav li.clicked > ul > li.active > a, #mobnav li.active > ul > li.active > a { background: #dbdbdb; color: #333333; } #mobnav li.clicked > ul > li.active > ul, #mobnav li.active > ul > li.active > ul { display: block; } #mobnav li.clicked > ul > li.clicked > ul, #mobnav li.active > ul > li.active > ul { /*Zweites Untermenü*/ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; list-style: none; display: block; color: #333333; } #mobnav li.clicked > ul > li.clicked > ul > li, #mobnav li.active > ul > li.active > ul > li { margin: 0; min-width: 100%; } #mobnav li.clicked > ul > li.clicked > ul > li > a, #mobnav li.active > ul > li.active > ul > li > a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; border: 1px solid white; color: #333333; background: #f0f0f0; text-align: left; padding: 0.7rem 2rem; padding-left: 4rem; line-height: 1.45rem; text-transform: none; } #mobnav li.clicked > ul > li.clicked > ul > li > ul, #mobnav li.active > ul > li.active > ul > li > ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } #mobnav li.clicked > ul > li.clicked > ul > li.hasSub a, #mobnav li.active > ul > li.active > ul > li.hasSub a { padding-right: 2rem; } #mobnav li.clicked > ul > li.clicked > ul > li.hasSub::after, #mobnav li.active > ul > li.active > ul > li.hasSub::after { content: "\25E5"; display: inline-block; right: 1rem; position: absolute; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 0.75rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked, #mobnav li.active > ul > li.active > ul > li.clicked { height: auto; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul, #mobnav li.active > ul > li.active > ul > li.clicked > ul { display: block; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul a, #mobnav li.active > ul > li.active > ul > li.clicked > ul a { padding-left: 5rem; } #mobnav li.clicked > ul > li.clicked > ul > li.active, #mobnav li.active > ul > li.active > ul > li.active { color: #333333; height: auto; } #mobnav li.clicked > ul > li.clicked > ul > li.active > a, #mobnav li.active > ul > li.active > ul > li.active > a { background: #dbdbdb; color: #333333; } #mobnav li.clicked > ul > li.clicked > ul > li.active > ul, #mobnav li.active > ul > li.active > ul > li.active > ul { display: block; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul, #mobnav li.active > ul > li.active > ul > li.active > ul { /*Drittes Untermenü*/ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; list-style: none; display: block; color: #333333; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li, #mobnav li.active > ul > li.active > ul > li.active > ul > li { margin: 0; min-width: 100%; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li > a, #mobnav li.active > ul > li.active > ul > li.active > ul > li > a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; border: 1px solid white; color: #333333; background: #f0f0f0; text-align: left; padding: 0.7rem 2rem; padding-left: 5rem; line-height: 1.45rem; text-transform: none; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li > ul, #mobnav li.active > ul > li.active > ul > li.active > ul > li > ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.hasSub a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.hasSub a { padding-right: 2rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.hasSub::after, #mobnav li.active > ul > li.active > ul > li.active > ul > li.hasSub::after { content: "\25E5"; display: inline-block; right: 1rem; position: absolute; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 0.75rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked, #mobnav li.active > ul > li.active > ul > li.active > ul > li.clicked { height: auto; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul, #mobnav li.active > ul > li.active > ul > li.active > ul > li.clicked > ul { display: block; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.clicked > ul a { padding-left: 6rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.active, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active { color: #333333; height: auto; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.active > a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > a { background: #dbdbdb; color: #333333; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul { /*Viertes Untermenü*/ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; list-style: none; display: block; color: #333333; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li { margin: 0; min-width: 100%; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li > a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li > a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; border: 1px solid white; color: #333333; background: #f0f0f0; text-align: left; padding: 0.7rem 2rem; padding-left: 6rem; line-height: 1.45rem; text-transform: none; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li > ul, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li > ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; height: 0; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.hasSub a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.hasSub a { padding-right: 2rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.hasSub::after, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.hasSub::after { content: "\25E5"; display: inline-block; right: 1rem; position: absolute; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 0.75rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.clicked { height: auto; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.clicked > ul { display: block; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.clicked > ul a { padding-left: 7rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.active, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active { color: #333333; height: auto; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.active > a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > a { background: #dbdbdb; color: #333333; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul { /*Fünftes Untermenü*/ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; list-style: none; display: block; color: #333333; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li { margin: 0; min-width: 100%; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li > a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li > a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; text-decoration: none; border: 1px solid white; color: #333333; background: #f0f0f0; text-align: left; padding: 0.7rem 2rem; padding-left: 7rem; line-height: 1.45rem; text-transform: none; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li > ul, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li > ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; height: 0; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.hasSub a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.hasSub a { padding-right: 2rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.hasSub::after, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.hasSub::after { content: "\25E5"; display: inline-block; right: 1rem; position: absolute; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 0.75rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.clicked { height: auto; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.clicked > ul { display: block; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.clicked > ul a { padding-left: 8rem; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.active, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active { color: #333333; height: auto; } #mobnav li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.clicked > ul > li.active > a, #mobnav li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > a { background: #dbdbdb; color: #333333; } /* Slider */ .topslide { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 12rem; margin: 0; } .topslide.fullscreen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; } .topslide div { height: 12rem; display: block; } .slider { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 10rem; margin: 0; } .slider div { height: inherit; widht: inherit; } /* Hauptbereich */ main { display: block; } main #subnav { display: none; } } /*media close*/ /* Symbole Unicode fontawesome und before (footer) */ /* Unicode */ .symbtel { content: "\f095"; font-size: 115%; vertical-align: top; margin-top: 1px; } .symbmob { content: "\f10b"; font-size: 140%; vertical-align: top; margin: 0 -1px 0 2px; } .symbfax { content: "\f1ac"; vertical-align: top; margin-top: 1px; } .symbmail { content: "\f0e0"; vertical-align: top; margin-top: 2px; } .symburl { content: "\f0ac"; font-size: 115%; vertical-align: top; } /* Texte im Footer */ .fymbtel, .fymbmob, .fymbfax, .fymbmail, .fymburl { margin: 0 6px 0 0; padding: 0; color: #333333; font-size: 100%; } .fymbtel { content: "Telefon:"; } .fymbmob { content: "Mobil:"; } .fymbfax { content: "Telefax:"; } .fymbmail { content: "Email:"; } .fymburl { content: "Internet:"; } /* ------------------------ Mix-ins ------------------------ */ /* team */ .team section article ul li:before { display: inline-block; background: none; font-style: normal; font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0; } /* Opacity transition */ .opac { opacity: 0.5; -webkit-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; } .opac:hover { opacity: 1; } /* Darken transition */ .dark { background: rgba(255, 255, 255, 0.5); -webkit-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; } .dark:hover { background: rgba(0, 0, 0, 0.15); } /* Loader-Animation */ .loader { background-image: url(../../gfx/load.gif); background-position: center center; background-repeat: no-repeat; background-size: 64px 64px; } .blockiert:before { content: "\f023"; font-family: 'FontAwesome'; color: #007254; font-size: 11rem; opacity: 0.3; position: absolute; margin: 12rem; } /* ------------------------ Ende Mix-ins ------------------------ */ /* Einzelformatierung diverser Elemente */ .space { margin: 1rem 0; } .space2 { margin: 2rem 0; } .bold { font-weight: bold; } .einrueck { margin-left: 2rem; } img, figure { max-width: 100%; } .imalinks { max-width: 75%; float: left; margin: 1px 2rem 1rem 0; } .imarechts { max-width: 75%; float: right; margin: 1px 0 1rem 2rem; } @media (max-width: 800px) { .imalinks, .imarechts { float: none; max-width: 100%; margin: 0; } } /* Layout */ main, aside, #ticker, video, .youtu, .dia { /* video ist ein tag wie article, keine Klasse */ -webkit-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; width: 100%; } body { font-size: 100%; font-size: 0.9rem; color: #333333; } h1, .newscont #newsarchiv h3 { /* Überschriften der News-Detailmeldungen exakt wie normale Überschrift */ color: #007254; font-size: 1.4rem; margin-bottom: 1rem; } h2 { color: #000000; font-size: 1rem; margin-bottom: 0.5rem; } h1 ul { font-size: 0.7em; margin-top: 0.7em; } a { color: #000000; text-decoration: none; } a:hover { text-decoration: underline; } p { line-height: 1.4em; text-align: justify; margin-bottom: 1rem; /* da alle margins pauschal auf 0 */ -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } b, i { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } hr { margin: 1rem; } .clearfix:after { content: "."; visibility: hidden; height: 0; width: 0; display: block; clear: both; } /* sämtliche standard-Boxen und Elemente */ fieldset, .erstimp, .daterkl, .themeline .wegframe, .altrechner hr + p, #adressblock, .back { background: #e3e3e3; border-radius: 4px 20px; padding: 1rem; } /* adressblock */ #adressblock { font-size: 0.85rem; padding: 0.8rem 0.7rem 0.2rem; margin-bottom: 1rem; } #adressblock ul { list-style-type: none; padding: 0; margin: 0 0 0.5rem 0.6rem; } #adressblock ul .adrname { font-weight: bold; } #adressblock ul .adrname span { padding: 0 4px; } #adressblock ul .adrtel a, #adressblock ul .adrfax a, #adressblock ul .adrmail a, #adressblock ul .adrurl a { color: #333333; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media (max-width: 800px) { #adressblock ul .adrtel a, #adressblock ul .adrfax a, #adressblock ul .adrmail a, #adressblock ul .adrurl a { color: #000000; } } #adressblock ul .adrtel:before, #adressblock ul .adrfax:before, #adressblock ul .adrmail:before, #adressblock ul .adrurl:before { font-family: 'FontAwesome'; display: inline-block; margin-right: 8px; color: #007254; width: 30px; } #adressblock ul .adrtel:before { content: "\f095"; font-size: 115%; vertical-align: top; margin-top: 1px; } #adressblock ul .adrfax:before { content: "\f1ac"; vertical-align: top; margin-top: 1px; } #adressblock ul .adrmail:before { content: "\f0e0"; vertical-align: top; margin-top: 2px; } #adressblock ul .adrurl:before { content: "\f0ac"; font-size: 115%; vertical-align: top; } #adressblock ul .adrurl { display: none; } #adressblock.topadr { background: rgba(255, 255, 255, 0.3); height: auto; padding-bottom: 2rem; position: absolute; z-index: 1; width: auto; left: calc(50vw - 42rem); margin-top: calc(7vw - 4rem); letter-spacing: -0.5px; font-size: 16px; color: #171717; max-height: 27rem; } @media (min-width: 3000px) { #adressblock.topadr { margin-top: 9rem; left: 52rem; } } @media (max-width: 1350px) { #adressblock.topadr { margin-top: calc(13vw - 9rem); left: 0; } } @media (max-width: 1024px) { #adressblock.topadr { margin-top: 0.3rem; font-size: 14px; } } @media (max-width: 800px) { #adressblock.topadr { margin-top: 0; color: #000000; position: relative; } } @media (max-width: 640px) { #adressblock.topadr { background: rgba(255, 255, 255, 0.4); } } #adressblock.topadr ul { padding: 4px 0; } @media (max-width: 1350px) { #adressblock.topadr ul { padding: 1px; } } @media (max-width: 1024px) { #adressblock.topadr ul { padding: 0; } } #adressblock.topadr ul li:before { color: #171717; font-family: "Open Sans", arial, sans-serif; font-size: 16px; margin: 0 6px 0 0; } @media (max-width: 1024px) { #adressblock.topadr ul li:before { font-size: 14px; } } @media (max-width: 800px) { #adressblock.topadr ul li:before { color: #000000; } } #adressblock.topadr ul .adrname { font-size: 24px; margin-bottom: 10px; } @media (max-width: 1024px) { #adressblock.topadr ul .adrname { font-size: 18px; } } #adressblock.topadr ul .adrname span { display: block; padding: 0; font-size: 16px; font-weight: normal; } @media (max-width: 1024px) { #adressblock.topadr ul .adrname span { font-size: 14px; } } #adressblock.topadr ul .adrtel:before { content: "Tel:"; } #adressblock.topadr ul .adrfax:before { content: "Fax:"; } #adressblock.topadr ul .adrmail:before { content: "Mail:"; } @media (max-width: 800px) { #adressblock.topadr ul .adrtel a { color: #000000; } } @media (max-width: 800px) { #adressblock.topadr ul .adrmail { display: none; } } #adressblock.topadr .weiterbutt { display: none; margin-left: 0.5rem; } @media (max-width: 800px) { #adressblock.topadr .weiterbutt { display: none !important; } } /* team */ .team section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 530px) { .team section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* stellt items konsequent untereinander ab breakpoint team (allg.css) */ } } .team section article { padding: 1rem calc(15vw - 6rem) 1rem 0; margin: 1px; } .team section article:last-child { padding-right: 0; } @media (max-width: 530px) { .team section article:last-child { display: block; margin: -0.8rem 0 1rem -2.1rem; } } @media (min-width: 3000px) { .team section article { padding-right: 7rem; } } @media (max-width: 530px) { .team section article { margin: 0; padding: 1rem 0; } } .team section article ul { list-style-type: none; } .team section article ul .ttel:before { content: "\f095"; font-size: 115%; vertical-align: top; margin-top: 1px; } .team section article ul .tmob:before { content: "\f10b"; font-size: 140%; vertical-align: top; margin: 0 -1px 0 2px; } .team section article ul .tfax:before { content: "\f1ac"; vertical-align: top; margin-top: 1px; } .team section article ul .tmmail:before { content: "\f0e0"; vertical-align: top; margin-top: 2px; } .team section article ul .tname { font-size: 180%; margin: -8px 0 12px -2px; } .team section article ul .tberuf { font-size: 90%; } .team section article ul .tfu { font-size: 90%; font-weight: bold; margin-bottom: 12px; } .team section .optteam { padding: 1rem 0; /* Anni unter optional */ } /* Themen */ .themen main .accordion h1 { color: #333333; font-weight: bold; font-size: 1.2rem; } .themen main .accordion .accordioncontent { padding: 0; } .themen main .accordion .accordioncontent ul { list-style-type: none; padding-left: 35px; } .themen main .accordion .accordioncontent ul li { padding: 0 1rem 1rem 0; } .themen main .accordion .accordioncontent ul li a { display: inline-block; font-size: 1rem; font-weight: bold; color: #007254; letter-spacing: 1px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .themen main .accordion .accordioncontent ul li a:hover { color: #004432; letter-spacing: 2px; } /* ---------------- flying boxes ------------------ */ #flybox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 2rem 0 0; } #flybox article { max-width: 270px; border-style: solid; border-color: #8c8c8c; border-width: 1px; padding: 2rem; margin: 1rem 0.5rem; background: #ffffff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 33%; } @media (max-width: 1024px) { #flybox article { width: 48%; } } @media (max-width: 640px) { #flybox article { width: 80%; } } #flybox article:hover { background: #e3e3e3; } #flybox article h1 { font-size: 18px; text-align: left; margin: 2rem 0; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #flybox article p { text-align: justify; font-size: 14px; letter-spacing: -0.4px; margin-bottom: 2rem; } /* ---------------- Ende flying boxes ------------------ */ /* Formulare */ form { /* ------------------------ Umfrage ------------------------ */ } form fieldset { border: none; margin: 1rem 0; } form fieldset legend { background: #e3e3e3; padding: 4px 2rem; border-radius: 18px; font-weight: bold; max-width: 70%; /* Damit IE Zeilenumbruch in legend macht */ } form fieldset ul { list-style-type: none; margin: 1px 0px 5px -9px; } @media (max-width: 420px) { form fieldset ul { padding: 1rem 0.1rem 1rem 1.5rem; } } form fieldset ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 8px 0; /* Zeilenabstand */ } @media (max-width: 530px) { form fieldset ul li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } form fieldset ul li.datkennt { display: inline-block; width: 100%; padding-right: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 1rem; } form fieldset ul li.datkennt i { font-size: 110%; color: #007254; font-style: normal; } form fieldset ul li.datkennt b { display: none; } form fieldset ul li.datkennt label { display: inline; } form fieldset ul li.datkennt input { float: right; margin: -1rem -4rem 0 0; } @media (max-width: 530px) { form fieldset ul li.datkennt input { margin-top: -2rem; } } form fieldset ul li.submitbut { display: block; } form fieldset ul li.submitbut #submit { float: right; width: 15.1rem; } @media (max-width: 420px) { form fieldset ul li.submitbut #submit { width: 12rem; } } form fieldset ul li label { -ms-flex-preferred-size: 30%; flex-basis: 30%; } @media (max-width: 530px) { form fieldset ul li label { display: block; } } form fieldset ul li label.radiolabel, form fieldset ul li label.checklabel { -ms-flex-preferred-size: 95%; flex-basis: 95%; text-align: right; /* Frage zu check oder radio nach rechts geschoben */ } @media (max-width: 530px) { form fieldset ul li label.radiolabel, form fieldset ul li label.checklabel { text-align: left; } } form fieldset ul li label b { color: #000000; margin: 0 5px 0 -11px; font-size: 12px; vertical-align: top; } form fieldset ul li input, form fieldset ul li textarea { padding: 0 4px; border-radius: 4px; border-width: 1px; border-color: rgba(227, 227, 227, 0.4); /* fade setzt objekt-transparenz ohne alpha, nur less */ background: #fcfcfc; -ms-flex-preferred-size: 55%; flex-basis: 55%; -webkit-box-sizing: border-box; box-sizing: border-box; } form fieldset ul li #copy_hint { width: 100%; text-align: left; margin-top: -1px; } form fieldset #datja { max-width: 1rem; height: 1rem; padding: 1rem; -webkit-box-sizing: content-box; box-sizing: content-box; } form .notenzeile, form .umfragezeile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } form .notenzeile .radiolabel, form .umfragezeile .radiolabel { text-align: left; -ms-flex-preferred-size: 50%; flex-basis: 50%; } form .notenzeile .radio_wrapper, form .umfragezeile .radio_wrapper { text-align: right; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 8px 0; } form .notenzeile .radio_wrapper .radio, form .umfragezeile .radio_wrapper .radio { padding: 4px 8px; margin: 2px; border-radius: 2rem; border-width: 1px; border-style: solid; opacity: 0.4; -webkit-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; } @media (max-width: 420px) { form .notenzeile .radio_wrapper .radio, form .umfragezeile .radio_wrapper .radio { margin: 1px; display: inline-block; } } form .notenzeile .radio_wrapper .radio:hover, form .umfragezeile .radio_wrapper .radio:hover { opacity: 1; } form .notenzeile .radio_wrapper .radio:nth-child(1), form .umfragezeile .radio_wrapper .radio:nth-child(1) { background: #b0b0b0; border-color: #969696; } form .notenzeile .radio_wrapper .radio:nth-child(2), form .umfragezeile .radio_wrapper .radio:nth-child(2) { background: #a3a3a3; border-color: #8a8a8a; } form .notenzeile .radio_wrapper .radio:nth-child(3), form .umfragezeile .radio_wrapper .radio:nth-child(3) { background: #969696; border-color: #7d7d7d; } form .notenzeile .radio_wrapper .radio:nth-child(4), form .umfragezeile .radio_wrapper .radio:nth-child(4) { background: #8a8a8a; border-color: #707070; } form .notenzeile .radio_wrapper .radio:nth-child(5), form .umfragezeile .radio_wrapper .radio:nth-child(5) { background: #7d7d7d; border-color: #636363; } form .notenzeile .radio_wrapper .radio:nth-child(6), form .umfragezeile .radio_wrapper .radio:nth-child(6) { background: #707070; border-color: #575757; } form .notenzeile .radio_wrapper { margin-top: -50px; } @media (max-width: 530px) { form .notenzeile .radio_wrapper { margin-top: -20px; } } form .notenzeile .radio_wrapper .radio { padding: 3px 10px; opacity: 0.8; color: #ffffff; font-weight: bold; font-size: 16px; text-shadow: 1px 1px 1px #111; } @media (max-width: 530px) { form .radio_wrapper { text-align: right; margin: -19px 9rem 0 0; } } /* Sonderformat Quickform */ #quickform div { -webkit-transition: max-height 2s ease 0s; transition: max-height 2s ease 0s; } #quickform div.quickform_hidden { max-height: 0; overflow: hidden; } #quickform fieldset { margin: 0.5rem 0; } #quickform fieldset .datschutz { font-size: 80%; } #quickform fieldset strong { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2rem; } #quickform fieldset strong li { margin: 0; border-width: 1px; border-style: solid; border-color: #cacaca; } #quickform fieldset strong .weiter, #quickform fieldset strong input[type="submit"] { width: auto; height: auto; -ms-flex-preferred-size: auto; flex-basis: auto; border-radius: 0; border-width: 1px; border-style: solid; border-color: rgba(227, 227, 227, 0.05); /* fade setzt objekt-transparenz ohne alpha, nur less */ background: #fcfcfc; font-size: 115%; margin: 0; padding: 5px 2rem 8px; white-space: nowrap; } @media (max-width: 420px) { #quickform fieldset strong .weiter, #quickform fieldset strong input[type="submit"] { white-space: normal; } } #quickform fieldset strong .weiter { cursor: pointer; text-align: center; border-color: #cacaca; } /* Rechner */ .altrechner form table { border-collapse: separate; border-spacing: 0 0.5rem; } .altrechner form table tr { background: #ebebeb; } .altrechner form table tr:first-child, .altrechner form table tr:last-child { background: none; } .altrechner form table tr:first-child + tr { display: none; } .altrechner form table tr td { padding: 0.5rem 1rem; text-align: right; } .altrechner form table tr td input, .altrechner form table tr td select, .altrechner form table tr td textarea { float: right; height: 2rem; width: 55%; min-width: 2.8rem; padding: 0 6px; margin: -2px 0 0 1rem; border-radius: 4px; border-width: 1px; border-color: rgba(227, 227, 227, 0.4); /* fade setzt objekt-transparenz ohne alpha, nur less */ background: #fcfcfc; } .altrechner form table tr td:first-child { text-align: left; } .altrechner form table tr td input[type="submit"], .altrechner form table tr td input[type="button"] { background: rgba(255, 255, 255, 0.5); -webkit-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; min-width: 12rem; /* @media (max-width: @4bp) { min-width: 9rem; font-size: 80%; letter-spacing: -0.5px; } */ } .altrechner form table tr td input[type="submit"]:hover, .altrechner form table tr td input[type="button"]:hover { background: rgba(0, 0, 0, 0.15); } .altrechner form table tr td input[type="radio"] { margin: -4px 0 -1rem 1rem; } @media (max-width: 420px) { .altrechner form table tr td input[type="radio"] { margin-left: -0.5rem; } } .altrechner form table .noback { background: none; } .altrechner form table .noback hr { display: none; } .altrechner form table .darkback { background: #d6d6d6 !important; } .altrechner form hr { display: none; } .altrechner hr { display: none; } #altrechspec form { margin: 3rem 0; } #altrechspec form table { width: 100%; } #altrechspec form table tr:first-child { background: #ebebeb; } #altrechspec form table tr:last-child { background: #d6d6d6; } #altrechspec form table tr:first-child + tr { display: table-row; } #altrechspec form table .ergeb { background: #d6d6d6; } /* Neuer Zinsrechner 1117 */ .zinsrechner form { background: #ededed; padding: 1rem 2rem; border-radius: 4px 20px; } .zinsrechner form label { width: 30vw; display: inline-block; } @media (max-width: 1024px) { .zinsrechner form label { width: 10rem; } } @media (max-width: 530px) { .zinsrechner form label { width: 99%; margin: 1rem 0; } } .zinsrechner form output { font-weight: bold; white-space: nowrap; } .zinsrechner form input { height: 6px; display: inline-block; margin-right: 1rem; } /* Ende Zinsrechner */ /* News */ @media (max-width: 800px) { .newscont { margin-top: 1rem; } } .newscont #newsarchiv { /* News Detailmeldung */ /* News Übersichtsseite */ } .newscont #newsarchiv .date { font-size: 85%; } .newscont #newsarchiv .date:before { font-family: 'FontAwesome'; color: #007254; font-size: 2rem; height: 0; width: 28px; margin: 0 14px 0 1px; content: "\f1ea"; } .newscont #newsarchiv h3 { padding-top: 1rem; margin-bottom: 0.2rem !important; } .newscont #newsarchiv .short_text { font-size: 95%; font-weight: bold; } .newscont #newsarchiv .back { background: none; padding: 0; text-align: right; display: block; width: 100%; } .newscont #newsarchiv .news_thumb { margin: 2rem 0; } .newscont #newsarchiv .news_thumb .date { opacity: 0.7; } .newscont #newsarchiv .news_thumb .headline { display: block; font-size: 120%; margin: 7px 0; } .newscont #newsarchiv .news_thumb .short_text { font-size: 95%; font-weight: normal; } .newscont #newsarchiv .news_thumb .more { float: right; } .newscont #newsarchiv .news_thumb .more:after { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 0 0 7px; content: "\f0a4"; } /* sos-Seite */ #sosapp section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2rem 0; } #sosapp section article { margin-right: 1rem; } #sosapp section article:last-child { margin: 0; } #sosapp section article ul { list-style-type: none; margin-top: 1rem; } #sosapp section article ul li:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } #sosapp section article ul li:before { content: "\f071"; } #sosapp section article #qrcode { margin-top: 1rem; width: 13rem; } #sosapp .soshandy { width: 26vw; max-width: 15rem; } @media (max-width: 800px) { #sosapp .soshandy { width: 14rem; } } @media (max-width: 640px) { #sosapp .imabreak { float: none; margin: 1rem 0; } } @media (max-width: 420px) { #sosapp .imaleft, #sosapp .imarechts { float: none; margin: 1rem 0; } } /* Vmproduct-Seite */ .prodlisthp { background: #e3e3e3; border-radius: 4px 20px; padding: 1rem; background: #ebebeb; } .prodlisthp p em { padding-left: 1.9rem; } /* Neuer Klapp-Content / Accordion */ article.accordion { -webkit-box-sizing: border-box; box-sizing: border-box; height: 2.5rem; /*Muss die gleiche Höhe wie die Height der Überschrift sein (auch in der javascript.js!)*/ margin: 0 0 1rem; overflow: hidden; padding: 0; -webkit-transition: all 0.7s ease-in-out 0s; transition: all 0.7s ease-in-out 0s; border-radius: 4px 20px; background-color: #e3e3e3; position: relative; } article.accordion h1 { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; font-size: 0.9rem; font-weight: bold; height: 2.5rem; line-height: 1.4rem; margin: 0; padding: 0.5rem 1rem; -webkit-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; width: 100%; white-space: nowrap; color: #007254; } article.accordion h1:hover { text-decoration: underline; } article.accordion h1::before { content: "+"; border: 1px solid #cacaca; border-radius: 0.15rem; display: inline-block; font-weight: lighter; height: 0.6rem; line-height: 0.5rem; margin-right: 0.5rem; text-align: center; width: 0.6rem; } article.accordion h1 .thereIsMore { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 100; right: 0; background-color: #e3e3e3; color: #333333; padding-right: 1rem; font-weight: lighter; } article.accordion h1 .thereIsMore b { padding-left: 1rem; } article.accordion .accordioncontent { background-color: #e3e3e3; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; opacity: 0; padding: 0.5rem 1rem; -webkit-transition: opacity 0.7s ease-in-out 0s; transition: opacity 0.7s ease-in-out 0s; } article.accordion .accordioncontent .right { text-align: right; } article.accordion .accordioncontent::after { content: ""; display: block; clear: both; } article.accordion .accordioncontent a.btn_more { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.1rem 0.5rem; border: 1px solid #333333; color: #333333; margin-bottom: 0.5rem; } article.accordion .accordioncontent a.btn_more:hover { color: #e3e3e3; background-color: #333333; } article.accordion.opened h1 { white-space: normal; height: auto; } article.accordion.opened h1::before { content: "-"; } article.accordion.opened h1 .thereIsMore { display: none; } article.accordion.opened .accordioncontent { -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; padding-top: 0.5rem; } article.accordion + .buttons { margin: -0.4rem 0 1rem 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } article.accordion + .buttons a { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.1rem 0.5rem; border: 1px solid #333333; color: #333333; } article.accordion + .buttons a:hover { background-color: #ffffff; } /* ENDE Klapp-Content / Accordion */ /* -------------------------------------------------- Alle videos -------------------------------------------------- */ /* Eigenvideo und grundsätzliches, video ist ein eigener tag wie article */ .videogeneral { background: #f0f0f0; border-color: #d6d6d6; border-style: solid; border-width: 1px; border-radius: 4px 20px; padding: 8px; } video, .dia { background: #f0f0f0; border-color: #d6d6d6; border-style: solid; border-width: 1px; border-radius: 4px 20px; padding: 8px; height: auto; max-width: 40rem; width: 100%; margin: 1rem 0; } .dia { -webkit-box-sizing: border-box; box-sizing: border-box; height: 36vw; max-height: 26rem; } @media (max-width: 800px) { .dia { height: 25rem; } } @media (max-width: 640px) { .dia { height: 20rem; } } @media (max-width: 530px) { .dia { height: 15rem; } } @media (max-width: 420px) { .dia { height: 10rem; } } .dia #judia01, .dia #judia02, .dia #judia03, .dia #judia04, .dia #judia05, .dia #judia06 { border-radius: 2px 12px; overflow: hidden; height: 100%; } .dia div { height: 100%; } /* Dynamische Höhe des youtube iframes */ .youtu169, .youtu43 { position: relative; overflow: hidden; width: 100%; height: auto; margin: 1rem 0; } .youtu169 iframe, .youtu43 iframe { background: #f0f0f0; border-color: #d6d6d6; border-style: solid; border-width: 1px; border-radius: 4px 20px; padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 40rem; } .youtu169 { padding-bottom: 56.25%; } .youtu169 iframe { max-height: 25rem; } .youtu43 { padding-bottom: 75%; } .youtu43 iframe { max-height: 33.75rem; } /* -------------------------------------------------- Ende videos -------------------------------------------------- */ /* -------------------- Facebook Plug-in -------------------- */ main .facebook { background: #ebebeb; padding: 1px; height: 856px; width: 500px; border-radius: 4px 20px; } main .facebook:before { content: "\f023"; font-family: 'FontAwesome'; color: #007254; font-size: 11rem; opacity: 0.3; position: absolute; margin: 12rem; } main .facebook .jutho_fbprivacy #dummy_jutho_FBprivacy1 { background-image: url(../../gfx/load.gif); background-position: center center; background-repeat: no-repeat; background-size: 64px 64px; min-height: 9rem; } main .facebook .jutho_fbprivacy .jutho_onoffswitch { margin: 1rem 1rem 1rem 11rem; -webkit-box-shadow: 0 0 2px 0 rgba(59, 59, 59, 0.6) inset; box-shadow: 0 0 2px 0 rgba(59, 59, 59, 0.6) inset; } main .facebook .jutho_fbprivacy .jutho_onoffswitch .bull { -webkit-box-shadow: none; box-shadow: none; width: 14px; height: 14px; top: -5px; } main .facebook .jutho_fbprivacy .jutho_onoffswitch.off .bull { background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, #ffffff 35%, #555555 100%) repeat scroll 0 0; } main .facebook .jutho_fbprivacy .jutho_onoffswitch.on .bull { background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, #999999 35%, #555555 100%) repeat scroll 0 0; } main .facebook .jutho_fbprivacy .jutho_onoffswitch_label { color: #333333; border-style: solid; border-color: #e3e3e3; border-width: 1px; border-radius: 1rem; padding: 2px 18px; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#cacaca)); background: linear-gradient(#fcfcfc, #cacaca); opacity: 0.8; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } main .facebook .jutho_fbprivacy .jutho_onoffswitch_label:hover { opacity: 1; } main .facebook .jutho_fbprivacy .jutho_fb_live { margin: 1rem 0; } main .facebook .jutho_fbprivacy .jutho_fb_live .fb_iframe_widget { border-radius: 4px 20px; overflow: hidden; } /* Facebook-Banner */ .fblike { margin: 2rem 0 0 0; padding: 1rem 0 0 0; border-style: solid; border-color: #a5ffe7; border-width: 1px 0 0 0; } .fblike h1 { color: #000000; font-size: 0.9rem; } .fblike .facebook { background: none; height: initial; border-radius: none; } .fblike .facebook:before { content: ""; } .fblike .facebook .jutho_fbprivacy #dummy_jutho_FBprivacy1 { background-image: none; min-height: 0rem; } .fblike .facebook .jutho_fbprivacy .jutho_onoffswitch { margin: 1rem 1rem 2rem 0.2rem; } .fblike .facebook .jutho_fbprivacy .jutho_fb_live { margin: 1rem 0; } .fblike .facebook .jutho_fbprivacy .jutho_fb_live .fb_iframe_widget { border-radius: 0; display: block; } /* -------------------- Ende Facebook Plug-in -------------------- */ /* -------------------- Captcha -------------------- */ .capt { background: #dbdbdb; border-color: #cfcfcf; border-radius: 4px 20px; border-width: 1px; border-style: solid; margin: 0; padding: 1rem; width: 13.2rem; float: right; } @media (max-width: 420px) { .capt { width: 10rem !important; } } .capt #jutho_captcha_space #jutho_captcha_new_link, .capt #jutho_captcha_space #jutho_captcha_helper_link { border-color: #007254; display: inline-block; } .capt #jutho_captcha_space #jutho_captcha_new_link:before, .capt #jutho_captcha_space #jutho_captcha_helper_link:before { color: #007254; } .capt #jutho_captcha_space #jutho_captcha_new_link { position: relative; top: -1px; } .capt #jutho_captcha_space #jutho_captcha { display: block; width: 100%; } @media (max-width: 420px) { .capt #jutho_captcha_space #jutho_captcha { float: none; } } #captcha_helper, #helperid, #helperid2 { color: #007254; font-size: 90%; background: #e3e3e3; border-radius: 4px 20px; padding: 1rem; border-style: solid; border-color: #cfcfcf; border-width: 1px; -webkit-box-shadow: 6px 6px 17px -11px rgba(0, 0, 0, 0.4); box-shadow: 6px 6px 17px -11px rgba(0, 0, 0, 0.4); } #fs_datenschutz .fmail { clear: both; text-align: left; padding: 1rem 0; } /* -------------------- Ende Captcha -------------------- */ /* ---------------------------- sonstige Spezialformate ---------------------------- */ .weiterbutt { background: rgba(255, 255, 255, 0.5); -webkit-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; background: #007254; display: inline-block; padding: 0.3rem 1rem 0.4rem; color: #ffffff; } .weiterbutt:hover { background: rgba(0, 0, 0, 0.15); } #prodhinweis { background: #e3e3e3; border-radius: 4px 20px; padding: 1rem; margin: 2rem 0; } #prodhinweis p:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } #prodhinweis p:before { content: "\f071"; } #prodhinweis p:before { margin-left: 2px; } .klein10 { font-size: 85%; line-height: 1; display: block; margin: 0.5rem 0 0.2rem 0; opacity: 0.7; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .klein10:hover { opacity: 1; } #mitgliedschaften img { float: left; margin: 0 1rem 1rem 0; } .pflichtfelderklaer { font-size: 12px; margin-bottom: -0.5rem; opacity: 0.8; padding-right: 2rem; text-align: right; } .pflichtfelderklaer b { color: #000000; } .wegframe { height: 30rem; width: 100%; padding: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #e3e3e3; border-radius: 4px 20px; margin-bottom: 1rem; } .kundenzeitung { width: 100%; height: 105rem; margin: 2rem -3px; } .kuzeit .farr3:before { font-size: 2.5rem; padding: 1px; margin: 10px 19px 65px -1px; float: left; } #fopf { margin: 1rem auto; padding: 1rem 0; background: #f0f0f0; text-align: center; } #fopf a { padding: 0 1rem; letter-spacing: 0.1px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #fopf a:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } #fopf a:before { content: "\f05a"; } #fopf a:hover { text-decoration: none; letter-spacing: 0.6px; } #fopf a:before { margin: 0 7px 0 -8px; } /* Produktpartnerseite */ #verslog img { background: #fff none repeat scroll 0 0; border-color: #fff; border-radius: 5px; border-style: solid; border-width: 1px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3); margin: 0.4rem 1rem 0.2rem 0; padding: 0.7rem; background: rgba(255, 255, 255, 0.5); -webkit-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; } #verslog img:hover { background: rgba(0, 0, 0, 0.15); } /* Counter */ #counter { /* background: #555; */ display: block; width: 15px; height: 15px; position: fixed; top: 0; right: 0; z-index: 1000; } @media (max-width: 800px) { #counter { display: none; } } /* Überschrift Datenschutz */ #dath1 h1 { margin-bottom: -5px; } #dath1 .klein10 { margin-bottom: 1rem; } /* Filereader PDF aus verzeichnis lesen */ .filereader .pdf { list-style-type: none; line-height: 25px; } .filereader .pdf:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } .filereader .pdf:before { content: "\f15c"; } /* Sonderformatierung Optional temporär */ /* Icon-Übersicht */ #icotab { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0rem 0 1rem 2rem; } #icotab p { width: 6.5rem; } /* ---------------------------- Ende sonstige Spezialformate ---------------------------- */ /* --------------------- Alle Altsymbole, sofern notwendig --------------------- */ /* Sprites */ .ytel, .yfax, .ymail, .ymob, .yhand, .yfrag, .yinfo, .ypfre, .ypfli, .ypfob, .ypfun, .yoba1, .yoba2, .ysascha, .ypescha, .ykfzscha, .ypfdez, .ypdf, .ydoc, .ygewerb, .yprivat, .ymediz, .ypara, .yrech, .yhome, .yvideo, .yglob, .yclose, .ynavclose, .xhand, .ylupe, .ylikef, .ylikem, #ystasto { background-image: url(../../gfx/spritesymb.png); background-repeat: no-repeat; background-size: 9.4rem auto; display: inline-block; height: 1.4rem; width: 1.4rem; margin: 0 0.8rem -0.4rem -2.2rem; /* vertical-align: text-bottom; */ } .ytel { background-position: -0.2rem -0.3rem; } /* y = Selektoren im Eigencontent, jederzeit beliebig anpassbar */ .ymob { background-position: -0.2rem -5.8rem; } .yfax { background-position: -0.2rem -2.15rem; } .ymail { background-position: -0.2rem -3.8rem; } .yhand { background-position: -2.1rem -14.9rem; } .yinfo { background-position: -0.2rem -9.5rem; } .yfrag { background-position: -5.6rem -14.9rem; } .ypdf { background-position: -3.7rem -0.2rem; } .ydoc { background-position: -3.7rem -2.1rem; } .ypfre { background-position: -2.1rem -0.3rem; } .ypfli { background-position: -2.1rem -2.1rem; } .ypfob { background-position: -2.1rem -5.8rem; } .ypfun { background-position: -2.1rem -3.9rem; } .ypfdez { background-position: -7.1rem -0.25rem; } .yoba1 { background-position: -5.7rem -5.9rem; } .yoba2 { background-position: -5.7rem -7.7rem; } .ypara { background-position: -7.5rem -11.3rem; } .yrech { background-position: -3.8rem -14.9rem; } .yhome { background-position: -0.2rem -11.3rem; } .ysascha { background-position: -5.7rem -9.4rem; } .ypescha { background-position: -5.7rem -11.3rem; } .ykfzscha { background-position: -5.7rem -13.2rem; } .ygewerb { background-position: -7.4rem -5.75rem; } .yprivat { background-position: -7.4rem -7.6rem; } .ymediz { background-position: -7.4rem -9.3rem; } .yvideo { background-position: -0.2rem -13.1rem; } .yglob { background-position: -0.2rem -7.6rem; } .yclose { background-position: -3.9rem -5.7rem; } .ylupe { background-position: -3.9rem -3.9rem; } .ylike { background-position: -0.2rem -16.7rem; } .ysms { background-position: -2rem -16.7rem; } .yteilen { background-position: -3.9rem -16.7rem; } .ywhats { background-position: -5.7rem -16.7rem; } /* sprites aus standardcontent mit alten elementen gekennzeichnet mit x */ .xhand { background-position: -2.1rem -14.9rem; } /* Sprites social */ .yfb01, .ytwit, .yxing, .ygoog, .yyout, .yrss, .ykonf, .yfb02 { background-image: url(../../gfx/spritesocial.png); background-repeat: no-repeat; background-size: 20rem auto; display: inline-block; height: 2rem; width: 2rem; margin: 0; } .yfb01 { background-position: -0.2rem -2.7rem; } .yfb01:hover { background-position: -0.2rem -0.2rem; } .ytwit { background-position: -2.7rem -2.7rem; } .ytwit:hover { background-position: -2.7rem -0.2rem; } .yxing { background-position: -5.15rem -2.7rem; } .yxing:hover { background-position: -5.15rem -0.2rem; } .ygoog { background-position: -7.7rem -2.7rem; } .ygoog:hover { background-position: -7.7rem -0.2rem; } .yyout { background-position: -10.2rem -2.7rem; } .yyout:hover { background-position: -10.2rem -0.2rem; } .yrss { background-position: -12.7rem -2.7rem; } .yrss:hover { background-position: -12.7rem -0.2rem; } .ykonf { background-position: -15.2rem -2.7rem; } .ykonf:hover { background-position: -15.2rem -0.2rem; } .yfb02 { background-position: -0.2rem -10.1rem; height: 4.4rem; width: 11.6rem; opacity: 0.7; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .yfb02:hover { opacity: 1; } /* Alle weiteren symbole mit Sprites */ .ynavclose { /* nur für smallnav mit festem Platz */ background-size: 15rem auto; height: 2rem; width: 2rem; background-position: -12.1rem -26.7rem; position: absolute; top: -0.2rem; right: -0.9rem; } #navclose a { height: 1.5rem; width: 0.4rem; position: absolute; top: 0; right: 0; } #ystasto { margin: 0; cursor: pointer; background-position: -7.6rem -2.1rem; } #ystasto:hover { background-position: -7.6rem -3.9rem; } /* --------------------- Ende Altsymbole --------------------- */ /* ------------------------------------------ Alle Altsymbole werden hier überschrieben bzw. ersetzt durch unicode ------------------------------------------ */ .listensymbol, .ohnepu, .partnerlink, .nolist { list-style-type: none; margin: 1rem 0; } .listensymbol li, .ohnepu li, .partnerlink li, .nolist li { margin: 1rem; } .listensymbol li em, .ohnepu li em, .partnerlink li em, .nolist li em { background: none; font-style: normal; font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 0 0 -28px; } .yinfo:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } .yinfo:before { content: "\f05a"; } .xhand:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } .xhand:before { content: "\f0a9"; } .yhand:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } .yhand:before { content: "\f0a4"; } .yfrag:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } .yfrag:before { content: "\f059"; } .ypfob:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } .ypfob:before { content: "\f062"; } .yglob:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } .yglob:before { content: "\f0ac"; } .yinfo, .yhand, .yfrag, .ypfob, .yglob { margin: 0 -28px 0 0 !important; background: none; font-style: normal; } #maklerauftrag ul { list-style-type: none; } #maklerauftrag ul li:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } #maklerauftrag ul li:before { content: "\f18e"; } #maklerauftrag .partnerlink { list-style-type: none; } #maklerauftrag .partnerlink li:before { content: ""; } #maklerauftrag .partnerlink li a:before { font-family: 'FontAwesome'; color: #007254; height: 0; width: 28px; margin: 0 13px 0 -25px; } #maklerauftrag .partnerlink li a:before { content: "\f15c"; } #pfl a { background-image: none !important; } #pfl a em { background: none; font-style: normal; font-family: 'FontAwesome'; color: #007254; height: 0; width: 2px; margin: 0 0 0 -10px; font-size: 14px; } /* ------------------------------------------ ENDE Alle Altsymbole werden hier überschrieben bzw. ersetzt durch unicode ------------------------------------------ */