/* Force output of above line by adding a unicode character. ♫ */ /** * Hauptdatei. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * Konfigurationen, Erweiterungen etc.. * -------------------------------------------------------------------------- */ /** * Basiskonfiguration mit separatem Konfigurationsimport * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Schriftangaben * * ========================================================================== */ /* ============================================================================= * * Abstaende, Radius etc. * * ========================================================================== */ /* ============================================================================= * * Breakpoints (Mediaqueries) * * ----------------------------------------------------------------------------- * Desktop-First-Methode * ========================================================================== */ /* ============================================================================= * * Cursor * * ========================================================================== */ /* ============================================================================= * * Farben * * ========================================================================== */ /* ----------------------------------------------------------------------------- * Status * -------------------------------------------------------------------------- */ /* ============================================================================= * * Konfigurationsimport * * ----------------------------------------------------------------------------- * Zwecks Uebersichtlichkeit ausgegliedert/separiert. * ========================================================================== */ /** * Schrift (Konfiguration) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Body * * ========================================================================== */ /* ============================================================================= * * Ueberschriften * * ========================================================================== */ /* ============================================================================= * * Sonstiges * * ========================================================================== */ /* ----------------------------------------------------------------------------- * Code * -------------------------------------------------------------------------- */ /** * Grundgeruest (Konfiguration) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Grundcontainer der Seite * * ========================================================================== */ /** * Navigation(en) (Konfiguration) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * *Navigation (Primaer, Service, Meta) * * ========================================================================== */ /* ============================================================================= * * Servicenavigation * * ========================================================================== */ /* ============================================================================= * * Metanavigation * * ========================================================================== */ /** * Komponenten (Konfigurationsimport) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Globaler Innenabstaende einzelnder Komponenten (Buttons, Input). * * ========================================================================== */ /* ============================================================================= * * Globaler Borderadius einzelner Komponenten. * * ========================================================================== */ /* ============================================================================= * * Konfigurationsimport einzelner komponenten. * * ========================================================================== */ /** * Link (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Formular (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * Fieldset * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Label * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Eingabe-, Auswahlelemente * -------------------------------------------------------------------------- */ /* * Border radius */ /* * Events, Status */ /* ----------------------------------------------------------------------------- * Platzhalter * -------------------------------------------------------------------------- */ /** * Bild (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Indicator (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Rating stars (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Dropdown (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Alert (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* $comp-border-radius-base*/ /** * Button (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * Standard * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Primaer * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Sekundaer * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Tertiaer * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Success * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Info * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Info * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Info * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Disabled * -------------------------------------------------------------------------- */ /** * Navigation (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Global * * ========================================================================== */ /* ============================================================================= * * Breadcrumb * * ========================================================================== */ /* ============================================================================= * * Step Wizard * * ========================================================================== */ /** * Pagination (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Tabs (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Tabelle (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * @.table * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * @.table-ondensed * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * @.table-bordered * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * @.table-striped * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * @Hover * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * @Hintergrundfarben * -------------------------------------------------------------------------- */ /** * Liste (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * Liste mit Links * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Liste mit Rahmen * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Tabellenliste * -------------------------------------------------------------------------- */ /** * Listengruppen (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Panel (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Wells (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * 'Wells' scrollbar. * -------------------------------------------------------------------------- */ /** * Accordion (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* * Toggle */ /* * Panel */ /** * Modals (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Tooltipps (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Video, Audio * * Komponentenkonfiguration(en) * * (1) Diese Variable ist optional. Wird sie nicht benoetigt, vielleicht reichen * die vererbten Eigenschaften aus, dann kann diese Variable auskommentiert * werden. Die Komponente selbst prueft auf Vorhandensein und reagiert * entsprechend darauf. * (2) Eine Vererbung von seitens des Standards tritt in Kraft wenn diese * Variable auskommentiert wird. * * @copyright 2016 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Googlemaps * * Komponentenkonfiguration(en) * * (1) Diese Variable ist optional. Wird sie nicht benoetigt, vielleicht reichen * die vererbten Eigenschaften aus, dann kann diese Variable auskommentiert * werden. Die Komponente selbst prueft auf Vorhandensein und reagiert * entsprechend darauf. * (2) Eine Vererbung von seitens des Standards tritt in Kraft wenn diese * Variable auskommentiert wird. * * @copyright 2016 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Organigramm (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Stapel (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Artikel (Konfiguration Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Import von Funktionen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Be- und Umrechnungen (PX, EM, REM, ...). * * @author Stephen Rushing, eSiteful * @url http://github.com/stephenr85/sass-unity * @package namRED */ /** * If a number has a .00001 decimal, it's probably a rounding issue and needs * to be dropped. * Example: * sub-px(13.00005px) = 13px * * @function sub-px * @param string/number $dim * * return number */ /** * Removes the unit from a number. * Example: * strip-unit(16px) = 16 * * @function strip-unit * @param string/number $num * * return number */ /** * Find the first unit in a list of numbers. * * Examples: * first-unit(0 12% 10% 1px) = px * * @function first-unit * @param number/list $dims * * return string */ /** * Convert any number to a px, or ensure a px value. * Percentages are retained. Use percent() to calculate static values. * * Examples: * px(1rem) = 16px * px(1 4rem 2em 10%) = 1px 64px 26px 10% * * @function px * @param number/list $dim * * return number A px value */ /** * Convert a number to an rem, or ensure an rem value. * Percentages are retained. Use percent() to calculate static values. * * @function rem * @param number $dim * * return number A rem value */ /** * Sometimes em values are still viable, obviously, but you have to know the * context for calculations. The baseline is stored, so each subsequent call * will use the previous $baseline parameter, if none is passed. * * @function em * @param number $dim * @param number $baseline [global $em-baseline] However many px = 1em, * or the relative em of the * current context. * @param boolean $adjust [false] When true, adjusts the global * $em-baseline to whatever the * result is. This is useful if * you want to set things * font-size: em(12px). * * return number A em value */ /** * Convert arbitrary units to or from percentages. * This works a little differently than the other unit functions, because it * does not retain units of its own type. In other words, a % value will be * converted, rather than returned entact. * * Examples: * percent(24px, 240px) = 10% * percent(1.5rem, 240px) = 10% * percent(10%, 240px) = 24px * percent(10%, rem(240px)) = 1.5rem * * @function percent * @param number $dim If a % * @param number $context The total width for the calculation of the percentages. * * @return number If $dim is a % value, returns the percent calculation in the * same unit as $context. * If $dim is another unit, a % will be returned. */ /** * Visually relative to the pixels per inch of a device, but provides a * consistent mathmatical formula for converting units to pts for print. * Totally untested with actual print at this point. * * Examples: * pt(16px) = 12pt * * @function pt * @param number $dim * @param number $px-per-inch Defaults to global $px-per-inch (96). * @param number $pt-per-inch Defaults to global $pt-per-inch (72). * * @return number A pt value. */ /** * Visually relative to the pixels per inch of a device, but provides a * consistent mathmatical formula for converting units to pts for print. * Totally untested with actual print at this point. * * Examples: * cast-unit(px, 3em, 4em, (5)) * * @function cast-unit * @param string $unit [em,pt,px,rem] * @param number $dims */ /** * Convert all numbers to the same unit type. Percentages are ignored. * Convert them first with percent(), if necessary. * * Examples: * unity(12px, 1em) = unity(12px, 1em) * unity(1em, 14px, 1.2rem, (16, 8%)) = 1em .25em 1.45em 16em 8% * * @function unity * @param number $dims * * @return number */ /** * Add numbers, normalizing them first. Percentages are ignored. * Convert them first with percent(), if necessary. * * Examples: * plus(1rem, 4px, 7em, 5) * * @function plus * @param number $dims * * @return number */ /** * Subtract numbers, normalizing them first. Percentages are ignored. * Convert them first with percent(), if necessary. * * Examples: * minus(20rem, 4px, 7em, 5) * * @function minus * @param number $dims * * @return number */ /** * Use rem units with px fallback. * Specify a px, em, or rem value with each property. Unitless values will be * considered an rem. * * Examples: * rem(font-size 12px, line-height 1.4em) * * @mixin rem * @param string $properties * * @return number */ /** * Einige Hilfsfunktionen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Zeilenhoehe kalkulieren. * * @param number $base * @param number $target * * return number */ /** * Kleinster gemeinsamer Teiler. * * @param number $a * @param number $b * * return number */ /** * Aspect-Ratio durch Angabe von Höhe und Breite bestimmen. * * @param number $x Breite (Numerator 1) * @param number $y Höhe (Denominator 1) * * return number Prozent */ /** * Durch Angabe einer Originalbreite und -hoehe und einer Zielbreite oder -hoehe * wird per Berechnung des Seitenverhaeltnisses die fehlende Zielbreite- oder * -hoehe berechnet. * * @param number $x Originalbreite (Numerator 1) * @param number $y Originalhoehe (Denominator 1) * @param number $x2 Zielbreite (Numerator 2) * @param number $y2 Zielhoehe (Denominator 2) * * return number Zielbreite oder -hoehe */ /** * Import von Platzhaltervorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Transitions. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ a, .btn { transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } .accordion-toggle, .accordion-toggle i { transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } /** * Element ausblenden. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Kindelemente anpassen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .panel-body > :first-child, .panel-heading > :first-child, .panel-footer > :first-child, .accordion > :first-child, .accordion-panel-body > :first-child, .popup-content-wrapper > :first-child { margin-top: 0; } .panel-body > :last-child, .panel-heading > :last-child, .panel-footer > :last-child, .accordion > :last-child, .accordion-panel-body > :last-child, .popup-content-wrapper > :last-child { margin-bottom: 0; } /** * Block-Level-Element zentrieren. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .center-block { display: block; margin-left: auto; margin-right: auto; } /** * Block-Level-Element zentrieren. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .clearfix:after, .nav:after, .list-table:after, .list-data:after, .clearfloat, .ui-helper-clearfix:after, ul, ol, dl, .gallery, .organisation-chart ul:after, .organisation-chart .oc-persons:after, p, blockquote, pre, hr { clear: both; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } /** * Listen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Navigationen * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .nav ul, .nav ol { border: 0 none; list-style: none; margin: 0; padding: 0; } .nav > ul > li, .nav > li, .nav > li li { background-image: none; border: 0 none; margin: 0; padding: 0; position: relative; } .nav a { display: inline-block; position: relative; text-decoration: none; } /** * Import von Vorlagen, wiederverwendbaren Mustern. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * Utilities * -------------------------------------------------------------------------- */ /** * Overflow-Vorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Overflow setzen. * * Examples: * .selector { * @include overflow(x, scroll); * } * * @param string $direction 'x' oder 'y' * @param boolean $type 'hidden', 'scroll' etc.. */ /** * Mediaqueries generieren. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Mediaqueries generieren. * * @param string $name Schluessel in der $breakpopints-Map. * @param boolean $push Schluessel hinzufuegen. */ /** * Ueberschriften. * * @author Heiko Pfefferkorn (i-fabrik GmbH) * @package namRED */ /* ----------------------------------------------------------------------------- * Komponenten * -------------------------------------------------------------------------- */ /** * Alerts. * * @author Bootstrap (modifiziert: Heiko Pfefferkorn) * @package namRED */ /** * Alert variant. * (Bootstrap adaptiert) * * @param string $bg-color Hintergrundfarbe * @param string $border-color Rahmenfarbe (wenn null dann autom. Bestimmung * per darken() anhand $bg-color) * @param string $color Textfarbe (wenn null dann autom. Bestimmung per * darken() anhand $bg-color) * @param string $link-color Textfarbe (wenn null dann autom. Bestimmung per * darken() anhand $bg-color) */ /** * Alerts. * * @author Bootstrap (modifiziert: Heiko Pfefferkorn) * @package namRED */ /** * Buttontyp. * (Bootstrap adaptiert) * * @param string $color Textfarbe * @param string $bg-color Hintergrundfarbe * @param string $border-color Rahmenfarbe * @param string $color-hover Textfarbe Mouseover etc. (Standard '$color'). * @param string $bg-color-hover Hintergrundfarbe Mouseover. Wenn nicht * angegeben, dann autom. Bestimmung per * 'darken()'. * @param string $border-color-hover Rahmenfarbe Mouseover. Wenn nicht * angegeben, dann autom. Bestimmung per * 'darken()'. */ /** * Buttongroesse. * (Bootstrap adaptiert) * * @param string $padding-vertical * @param string $padding-horizontal * @param string $font-size * @param string $line-height * @param string $border-radius */ /** * Panels. * * @author Bootstrap (modifiziert: Heiko Pfefferkorn) * @package namRED */ /** * Panel variant. * (Bootstrap adaptiert) * * @param string $border-color Rahmenfarbe * @param string $heading-color Ueberschrift - Textfarbe * @param string $heading-bg-color Ueberschrift - Hintergrundfarbe * @param string $heading-border-color Ueberschrift - Rahmenfarbe */ /** * Backgrounds. * * @author Bootstrap * @package namRED */ /** * Textfarbe plus :hover. * (Bootstrap adaptiert) * * @param string $parent Selector * @param string $color Farbe */ /** * Textfarben. * (Bootstrap adaptiert) * * @param string $parent Selector * @param string $color Farbe */ /** * Listen-Vorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Events einem Formularelement zuweisen. * (Bootstrap adaptiert) * * @param string $event 'hover', 'active', 'focus' * @param string $color Textfarbe * @param string $bg-color Hintergrundfarbe * @param string $border-color Rahmenfarbe * @param boolean $shadow Schattenwurf integrieren (Farbgebung auf Basis * von '$border-color') * @param boolean $shadow-inset Inline-Schattenwurf integrieren (Farbgebung auf * Basis von '$color') */ /** * Mit Statusklassen versehene Formularelemente bezueglich ihrer Fabrgebung etc. * definieren. * (Bootstrap adaptiert) * * Beispiele: * .form-control.info * .form-control.valid * .form-control.warning * * @param string $color Textfarbe * @param string $bg-color Hintergrundfarbe * @param string $border-color Rahmenfarbe * @param boolean $shadow Schattenwurf integrieren (Farbgebung auf Basis * von '$border-color') * @param boolean $shadow-inset Inline-Schattenwurf integrieren (Farbgebung auf * Basis von '$color') */ /** * Formularelemente-Validierungsstatus bezueglich ihrer Fabrgebung etc. * definieren. * (Bootstrap adaptiert) * * Beispiele: * .has-error [Formularelemnte] * .has-success [Formularelemnte] * .has-warning [Formularelemnte] * * @param string $color Textfarbe * @param string $bg-color Hintergrundfarbe * @param string $border-color Rahmenfarbe * @param boolean $shadow Schattenwurf integrieren (Farbgebung auf Basis * von '$border-color') * @param boolean $shadow-inset Inline-Schattenwurf integrieren (Farbgebung auf * Basis von '$color') */ /** * Tabellen-Vorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Farbvarianten (Zeile, Zelle). * (Bootstrap adaptiert) * * @param string $state * @param string $bg-color Hintergrundfarbe */ /** * Pagination-Vorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Pagination * (Bootstrap adaptiert) * * @param string $padding-vertical Vertikaler Innenabstand * @param string $padding-horizontal Horizontaler Innenabstand * @param string $font-size Schriftgroesse * @param string $border-radius Border-Radius */ /* ----------------------------------------------------------------------------- * Skins * -------------------------------------------------------------------------- */ /** * Backgrounds. * * @author Bootstrap * @package namRED */ /** * Buttontyp. * (Bootstrap adaptiert) * * @param string $parent Selector * @param string $color Farbe */ /** * Farbverlauf-Vorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Horizontaler Farbverlauf. * * @param string $start-color HEX oder RGG * @param string $end-color HEX oder RGG * @param string $start-percent Startposition (%, px) * @param string $end-percent Endposition (%, px) */ /** * Vertikaler Farbverlauf. * * @param string $start-color HEX oder RGG * @param string $end-color HEX oder RGG * @param string $start-percent Startposition (%, px) * @param string $end-percent Endposition (%, px) */ /** * Diagonaler Farbverlauf. * * @param string $start-color HEX oder RGG * @param string $end-color HEX oder RGG * @param string $start-percent Startposition (%, px) * @param string $end-percent Endposition (%, px) * @param string $deg Gradanzahl */ /* ----------------------------------------------------------------------------- * Layout * -------------------------------------------------------------------------- */ /** * Farbverlauf-Vorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Grid-Spalten generieren. * * @param string $gutter-width Spaltenabstand * @param string $grid-columns Anzahl der Spalten */ /** * Grid-Variante generieren. * * @param string $ident Teil des neuen Selectors der an '.row-' angefuegt * wird. Bsp. (md): .row-md * @param string $gutter-width Spaltenabstand * @param string $grid-columns Anzahl der Spalten */ /** * Box-Model-Vorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Box-Model setzen. * * @param string $val */ /** * Clearfix-Vorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Clearfix fuer moderne Browser * * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. * * Source: http://nicolasgallagher.com/micro-clearfix-hack/ */ /** * Ausrichtungen/Zentrierung von Elementen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Element zentrieren. * * @param string $width */ /** * Listen-Vorlagen. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Liste zuruecksetzen. * * @param string $type Eine ungeordnete (ul) oder geordnete * Liste (ol) * @param boolean $remove-list-margin Listenaussenabstaende entfernen * @param boolean $remove-list-padding Listeninnenabstaende entfernen * @param boolean $remove-item-margin Listeneintragaussenabstaende entfernen * @param boolean $remove-item-padding Listeneintraginnenabstaende entfernen */ /* ----------------------------------------------------------------------------- * Abhaengigkeiten. * -------------------------------------------------------------------------- */ /** * Animationen (Keyframes). * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Dropdown - Fade in * * ========================================================================== */ @-webkit-keyframes dropdown-fade-in { from { opacity: 0; top: 120%; } to { opacity: 1; top: 100%; } } @keyframes dropdown-fade-in { from { opacity: 0; top: 120%; } to { opacity: 1; top: 100%; } } /** * Schrifteneinbindung * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * SLMOnline * * ========================================================================== */ @font-face { font-family: 'SLMOnline'; src: url("../fonts/slmonline/slmonline.eot"); src: url("../fonts/slmonline/slmonline.eot?#iefix") format("embedded-opentype"), url("../fonts/slmonline/slmonline.woff") format("woff"), url("../fonts/slmonline/slmonline.ttf") format("truetype"), url("../fonts/slmonline/slmonline.svg#SLMOnline") format("svg"); font-style: normal; font-weight: normal; } /** * Icons * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * FontAwesome - Hilfsklasse fuer '@extend'. * * ========================================================================== */ .fa-icon-helper, .swiper-control::before, a[href^="tel"]::before, ul > li::before, .list-links a::after, .gallery-two-way-control .text > a.caption::before, .organisation-chart a::before, .datetime::before, blockquote:before, .nav-primary.mm-menu .mm-navbar .mm-btn:before, .nav-primary.mm-menu .mm-navbar .mm-btn:after, .nav-primary.mm-menu .mm-listview > li > .mm-next:after, .nav-meta > ul > li a::before, .module-publications-order .list-publication-added > li::after { display: inline-block; font-family: 'FontAwesome'; font-size: inherit; font-style: normal; font-weight: normal; line-height: 1; text-rendering: auto; } /* ============================================================================= * * SLM Icons * * ========================================================================== */ .so, .heading-so:before { font-family: 'SLMOnline'; display: inline-block; font-size: inherit; font-style: normal; font-weight: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .so-balance:before { content: '\e600'; } .so-cup:before { content: '\e601'; } .so-persons:before { content: '\e602'; } .so-whiteboard:before { content: '\e603'; } /** * Utilities * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* * Floats */ .clearfix:before, .nav:before, .list-table:before, .list-data:before, .clearfix:after, .nav:after, .list-table:after, .list-data:after { content: ' '; /* 1 */ display: table; /* 2 */ } .float-left { float: left; } .float-right { float: right; } /* * Zentrierung von Bloecken. */ /* * Sichtbarkeit von Elementen. */ .show { display: block !important; } .invisible { visibility: hidden !important; } /* Ausblenden fuer Screenreader und Browser (Credit: HTML5 Boilerplate). */ .hidden { display: none !important; visibility: hidden !important; } /* * Overflow-Eigenschaften. */ .prevent-overflow { overflow: hidden; } .prevent-overflow-x { overflow-x: hidden; } .prevent-overflow-y { overflow-y: hidden; } /* * Zeilenumbruch verhindern. */ .prevent-text-break { white-space: nowrap; } /* * Element klickbar (Cursor setzen). */ .is-clickable { cursor: pointer; } /* ============================================================================= * * Aussen-, Innenabstaende setzen/entfernen. * * ========================================================================== */ .no-margin { margin: 0; } .no-bottom-margin { margin-bottom: 0; } .no-left-margin { margin-left: 0; } .no-right-margin { margin-right: 0; } .no-top-margin { margin-top: 0; } /* ----------------------------------------------------------------------------- * Vendors * -------------------------------------------------------------------------- */ /** * Vendorimport * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* jQuery.mmenu CSS */ /* jQuery.mmenu oncanvas CSS */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { transition: transform 0.4s ease; transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; } .mm-panels > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { transform: rotate(45deg); } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 23px; } .mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 23px; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { transition: transform 0.4s ease; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking { overflow: hidden; } html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { transform: translate(440px, 0); } } /* jQuery.mmenu autoHeight addon CSS */ .mm-menu.mm-autoheight { max-height: 80%; } .mm-menu.mm-autoheight.mm-fullscreen { max-height: 100%; } .mm-menu.mm-measureheight > .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu dividers addon CSS */ .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { transition-duration: 0s; } /* jQuery.mmenu iconpanels addon CSS */ .mm-iconpanel .mm-panel { transition-property: transform, left; } .mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit; } .mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; transform: translate3d(0, 0, 0); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0px; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; } .mm-subblocker { background: inherit; opacity: 0; display: block; transition: opacity 0.4s ease; } .mm-subopened .mm-subblocker { opacity: 0.6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3; } /* jQuery.mmenu navbars addon CSS */ .mm-menu > .mm-navbar { background: inherit; padding: 0; z-index: 3; transform: translate3d(0, 0, 0); } .mm-navbar-bottom { border-top-width: 1px; border-top-style: solid; border-bottom: none; top: auto; bottom: 0; } .mm-navbar-top ~ .mm-navbar-top { border-bottom: none; } .mm-navbar-bottom ~ .mm-navbar-bottom { border-top: none; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-close:after { content: 'x'; } .mm-navbar[class*="mm-navbar-content-"] > * { box-sizing: border-box; display: block; float: left; } .mm-navbar > .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar > .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar > .mm-breadcrumbs > a { text-decoration: underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0; } .mm-navbar-top-1 { top: 0px; } .mm-hasnavbar-top-1 .mm-panels { top: 40px; } .mm-navbar-top-2 { top: 40px; } .mm-hasnavbar-top-2 .mm-panels { top: 80px; } .mm-navbar-top-3 { top: 80px; } .mm-hasnavbar-top-3 .mm-panels { top: 120px; } .mm-navbar-top-4 { top: 120px; } .mm-hasnavbar-top-4 .mm-panels { top: 160px; } .mm-navbar-bottom-1 { bottom: 0px; } .mm-hasnavbar-bottom-1 .mm-panels { bottom: 40px; } .mm-navbar-bottom-2 { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panels { bottom: 80px; } .mm-navbar-bottom-3 { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panels { bottom: 120px; } .mm-navbar-bottom-4 { bottom: 120px; } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px; } .mm-navbar-size-2 { height: 80px; } .mm-navbar-size-3 { height: 120px; } .mm-navbar-size-4 { height: 160px; } .mm-navbar-content-2 > * { width: 50%; } .mm-navbar-content-3 > * { width: 33.33%; } .mm-navbar-content-4 > * { width: 25%; } .mm-navbar-content-5 > * { width: 20%; } .mm-navbar-content-6 > * { width: 16.67%; } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-search { height: 40px; padding: 7px 10px 0 10px; } .mm-search input { border: none; border-radius: 26px; font: inherit; font-size: 14px; line-height: 26px; outline: none; display: block; width: 100%; height: 26px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 40px 0; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-noresults .mm-indexer { display: none !important; } li.mm-nosubresults > a.mm-next { display: none; } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu sectionIndexer addon CSS */ .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -100px; z-index: 3; transition: right 0.4s ease; transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.85%; } .mm-indexer ~ .mm-panel.mm-hasindexer { margin-right: 20px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; top: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check { bottom: auto; margin-top: 0; } li.mm-vertical label.mm-toggle { top: 5px; } li.mm-vertical label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-toggle, a.mm-next + label.mm-check { right: 60px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check { right: 100px; } em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } /* jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none; } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important; } .mm-menu.mm-border-offset .mm-listview > li:after, .mm-listview.mm-border-offset > li:after { right: 20px; } /* jQuery.mmenu effects extension CSS */ .mm-menu.mm-effect-menu-zoom { transition: transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-zoom { transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform-origin: left center; } html.mm-opening .mm-menu.mm-effect-menu-zoom { transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom { transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform-origin: right center; } html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom { transform: scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-menu-slide { transition: transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-slide { transform: translate3d(-30%, 0, 0); } html.mm-opening .mm-menu.mm-effect-menu-slide { transform: translate3d(0%, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide { transform: translate3d(30%, 0, 0); } html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide { transform: translate3d(0%, 0, 0); } .mm-menu.mm-effect-menu-fade { opacity: 0; transition: opacity 0.4s ease; } html.mm-opening .mm-menu.mm-effect-menu-fade { opacity: 1; } .mm-menu.mm-effect-panels-zoom .mm-panel { transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform-origin: left center; } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened { transform: scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened { transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened { transform: translate3d(0, 0, 0); } .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened { transform: translate3d(-100%, 0, 0); } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li { transition: none 0.4s ease; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(1) { transition-delay: 50ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(2) { transition-delay: 100ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(3) { transition-delay: 150ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(4) { transition-delay: 200ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(5) { transition-delay: 250ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(6) { transition-delay: 300ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(7) { transition-delay: 350ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(8) { transition-delay: 400ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(9) { transition-delay: 450ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(10) { transition-delay: 500ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(11) { transition-delay: 550ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(12) { transition-delay: 600ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(13) { transition-delay: 650ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(14) { transition-delay: 700ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(15) { transition-delay: 750ms; } .mm-menu.mm-effect-listitems-slide .mm-listview > li { transform: translate3d(50%, 0, 0); opacity: 0; transition-property: transform, opacity; } html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li { transform: translate3d(0, 0, 0); opacity: 1; } .mm-menu.mm-effect-listitems-fade .mm-listview > li { opacity: 0; transition-property: opacity; } html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li { opacity: 1; } .mm-menu.mm-effect-listitems-drop .mm-listview > li { opacity: 0; top: -25%; transition-property: opacity, top; } html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li { opacity: 1; top: 0; } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { transform: translate(-10000px, 0); } } .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu multiline extension CSS */ .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; } /* jQuery.mmenu pagedim extension CSS */ html.mm-pagedim #mm-blocker, html.mm-pagedim-white #mm-blocker, html.mm-pagedim-black #mm-blocker { opacity: 0; } html.mm-pagedim.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim-black.mm-opening #mm-blocker { opacity: 0.3; transition: opacity 0.4s ease 0.4s; } html.mm-pagedim #mm-blocker { background: inherit; } html.mm-pagedim-white #mm-blocker { background: #fff; } html.mm-pagedim-black #mm-blocker { background: #000; } /* jQuery.mmenu pageshadow extension CSS */ .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; } .mm-menu.mm-front, .mm-menu.mm-next { transition: transform 0.4s ease; transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { transform: translate3d(100%, 0, 0); } .mm-menu.mm-top { transform: translate3d(0, -100%, 0); } .mm-menu.mm-bottom { transform: translate3d(0, 100%, 0); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { transform: translate3d(0, 0, 0); } .mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ .mm-menu.mm-theme-dark { background: #333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); tap-highlight-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: white; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li .mm-next:after, .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); tap-highlight-color: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: white; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: black; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li .mm-next:after, .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); tap-highlight-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: black; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* jQuery.mmenu tileview extension CSS */ .mm-menu.mm-tileview .mm-listview:after, .mm-menu .mm-tileview.mm-listview:after { content: ''; display: block; clear: both; } .mm-menu.mm-tileview .mm-listview > li, .mm-menu .mm-tileview.mm-listview > li { width: 50%; height: 0; padding: 50% 0 0 0; float: left; position: relative; } .mm-menu.mm-tileview .mm-listview > li:after, .mm-menu .mm-tileview.mm-listview > li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-s, .mm-menu .mm-tileview.mm-listview > li.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-l, .mm-menu .mm-tileview.mm-listview > li.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span, .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mm-menu.mm-tileview .mm-listview > li > .mm-next, .mm-menu .mm-tileview.mm-listview > li > .mm-next { width: auto; } .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu .mm-tileview.mm-listview > li > .mm-next:after { content: none; display: none; } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0; } .mm-menu.mm-tileview .mm-panel:after { content: none; display: none; } .mm-menu.mm-tileview .mm-listview { margin: 0; } /** * Cookiebar * * Informationshinweis ueber Cookienutzung * * @copyright 2016 i-fabrik GmbH * @author Heiko Pfefferkorn */ /* ============================================================================= * * Variablen. * * ========================================================================== */ /* ============================================================================= * * Layout. * * ========================================================================== */ .cookiebar { background: #676767; color: #ccc; font-size: 16px; /* Flexraster */ /* Textspalte */ /* Buttonspalte */ } .cookiebar__inner { align-content: stretch; display: flex; flex-flow: row nowrap; justify-content: space-between; position: relative; } .cookiebar__inner > * { flex: 0 1 auto; } .cookiebar__text { padding: 1em 2em; } .cookiebar__text > * { margin: 0; padding: 0; } .cookiebar__text a { color: #ccc; font-weight: normal; } .cookiebar__text a:hover, .cookiebar__text a:active, .cookiebar__text a:focus { color: #ccc; } .cookiebar__controls { white-space: nowrap; /* Buttons */ } .cookiebar__controls .cookiebar__btn { background-color: rgba(0, 0, 0, 0.1); color: #ccc; display: inline-block; height: 100%; position: relative; text-align: center; text-decoration: none; width: 3rem; } .cookiebar__controls .cookiebar__btn > * { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cookiebar__controls .cookiebar__btn:hover, .cookiebar__controls .cookiebar__btn:active, .cookiebar__controls .cookiebar__btn:focus { color: #ccc; background-color: rgba(0, 0, 0, 0.2); text-decoration: none; } /** * Bootstrap-select v1.7.2 * (http://silviomoreto.github.io/bootstrap-select) * * Licensed under MIT: * https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE * * @copyright 2013-2015 bootstrap-select * @package App */ .bootstrap-select { width: 220px \0; /*IE9 and below*/ } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #cc5656; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select .dropdown-toggle:focus { outline: none; /* outline : thin dotted #333 !important; outline : 5px auto -webkit-focus-ring-color !important; outline-offset : -2px;*/ } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form--inline .bootstrap-select.btn-group, .form--horizontal .bootstrap-select.btn-group, .form--group .bootstrap-select.btn-group { margin-bottom: 0; } .form--group-lg .bootstrap-select.btn-group.form-control, .form--group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form--inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; text-align: left; width: 100%; } .bootstrap-select.btn-group .dropdown-toggle .caret { margin-top: -2px; position: absolute; right: 12px; top: 50%; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; z-index: 1035; } .bootstrap-select.btn-group .dropdown-menu.inner { border: 0; border-radius: 0; box-shadow: none; float: none; margin: 0; overflow-x: hidden; padding: 0; position: static; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu li a.opt { padding-left: 2.25em; position: relative; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; margin-top: 5px; position: absolute; right: 15px; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: .5em; } .bootstrap-select.btn-group .dropdown-menu .notify { background: #f5f5f5; border: 1px solid #e3e3e3; bottom: 5px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); margin: 0 2%; min-height: 26px; opacity: 0.9; padding: 3px 5px; pointer-events: none; position: absolute; width: 96%; } .bootstrap-select.btn-group .no-results { background: #f5f5f5; margin: 0 5px; padding: 3px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { margin-top: -1px; position: static; top: auto; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { display: inline-block; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1036; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { border-bottom: 7px solid rgba(204, 204, 204, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; bottom: -4px; content: ''; display: none; left: 9px; position: absolute; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { border-bottom: 6px solid white; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -4px; content: ''; display: none; left: 10px; position: absolute; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { border-bottom: 0; border-top: 7px solid rgba(204, 204, 204, 0.2); bottom: auto; top: -3px; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { border-bottom: 0; border-top: 6px solid white; bottom: auto; top: -3px; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { left: auto; right: 12px; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { left: auto; right: 13px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { float: left; width: 100%; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; } select.bs-select-hidden, select.selectpicker { display: none !important; } select.mobile-device { display: block !important; height: 100% !important; left: 0; opacity: 0; position: absolute !important; top: 0; width: 100%; } /* Tablesaw - v1.0.4 - 2015-02-19 * https://github.com/filamentgroup/tablesaw * Copyright (c) 2015 Filament Group; Licensed MIT */ table.tablesaw { empty-cells: show; max-width: 100%; width: 100%; } .tablesaw { border-collapse: collapse; width: 100%; } /* Structure */ .tablesaw { border: 0; padding: 0; } .tablesaw th, .tablesaw td { box-sizing: border-box; padding: .5em .7em; } .tablesaw thead tr:first-child th { padding-top: .9em; padding-bottom: .7em; } /* Table rows have a gray bottom stroke by default */ .tablesaw-stack tbody tr { border-bottom: 1px solid #dfdfdf; } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none; } /* Mobile first styles: Begin with the stacked presentation at narrow widths */ @media only all { /* // Show the table cells as a block level element .tablesaw-stack td, .tablesaw-stack th { text-align : left; display : block; } .tablesaw-stack tr { clear : both; display : table-row; } // Make the label elements a percentage width .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display : block; padding : 0 .6em 0 0; width : 30%; display : inline-block; } // For grouped headers, have a different style to visually separate the levels by classing the first label in each col group .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display : block; padding : .4em 0; margin : .4em 0; } .tablesaw-cell-label { display : block; } // Avoid double strokes when stacked .tablesaw-stack tbody th.group { margin-top : -1px; } // Avoid double strokes when stacked .tablesaw-stack th.group b.tablesaw-cell-label { display : none !important; }*/ } /** * SweetAlert * * github.com/t4t5/sweetalert * * Copyright 2014, Tristan Edwards * * Licensed under MIT */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); } 100% { transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); } 100% { transform: scale(0.5); } } .showSweetAlert { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .hideSweetAlert { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } @-webkit-keyframes animateSuccessTip { 0% { left: 1px; top: 19px; width: 0; } 54% { left: 1px; top: 19px; width: 0; } 70% { left: -8px; top: 37px; width: 50px; } 84% { left: 21px; top: 48px; width: 17px; } 100% { left: 14px; top: 45px; width: 25px; } } @keyframes animateSuccessTip { 0% { left: 1px; top: 19px; width: 0; } 54% { left: 1px; top: 19px; width: 0; } 70% { left: -8px; top: 37px; width: 50px; } 84% { left: 21px; top: 48px; width: 17px; } 100% { left: 14px; top: 45px; width: 25px; } } @-webkit-keyframes animateSuccessLong { 0% { right: 46px; top: 54px; width: 0; } 65% { right: 46px; top: 54px; width: 0; } 84% { right: 0; top: 35px; width: 55px; } 100% { right: 8px; top: 38px; width: 47px; } } @keyframes animateSuccessLong { 0% { right: 46px; top: 54px; width: 0; } 65% { right: 46px; top: 54px; width: 0; } 84% { right: 0; top: 35px; width: 55px; } 100% { right: 8px; top: 38px; width: 47px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .icon.success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { opacity: 0; transform: rotateX(100deg); } 100% { opacity: 1; transform: rotateX(0deg); } } @keyframes animateErrorIcon { 0% { opacity: 0; transform: rotateX(100deg); } 100% { opacity: 1; transform: rotateX(0deg); } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { margin-top: 26px; opacity: 0; transform: scale(0.4); } 50% { margin-top: 26px; opacity: 0; transform: scale(0.4); } 80% { margin-top: -6px; transform: scale(1.15); } 100% { margin-top: 0; opacity: 1; transform: scale(1); } } @keyframes animateXMark { 0% { margin-top: 26px; opacity: 0; transform: scale(0.4); } 50% { margin-top: 26px; opacity: 0; transform: scale(0.4); } 80% { margin-top: -6px; transform: scale(1.15); } 100% { margin-top: 0; opacity: 1; transform: scale(1); } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #f8d486; } 100% { border-color: #f8bb86; } } @keyframes pulseWarning { 0% { border-color: #f8d486; } 100% { border-color: #f8bb86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #f8d486; } 100% { background-color: #f8bb86; } } @keyframes pulseWarningIns { 0% { background-color: #f8d486; } 100% { background-color: #f8bb86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } .sweet-overlay { background-color: rgba(255, 255, 255, 0.8); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 99995; } .sweet-alert { background-color: #fff; border-radius: 0; display: none; left: 50%; margin-left: -200px; margin-top: -200px; overflow: hidden; padding: 10px; position: fixed; text-align: center; top: 50%; width: 400px; z-index: 99996; } .sweet-alert > :first-child { margin-top: 0; } .sweet-alert > :last-child { margin-bottom: 0; } @media all and (max-width: 767px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert .icon { border: 4px solid gray; border-radius: 50%; box-sizing: content-box; display: none !important; /* Icons werden nicht genutzt! */ height: 80px; margin: 20px auto; position: relative; width: 80px; } .sweet-alert .icon.error { border-color: #d43f3a; } .sweet-alert .icon.error .x-mark { position: relative; display: block; } .sweet-alert .icon.error .line { position: absolute; height: 5px; width: 47px; background-color: #d9534f; display: block; top: 37px; border-radius: 2px; } .sweet-alert .icon.error .line.left { left: 17px; transform: rotate(45deg); } .sweet-alert .icon.error .line.right { right: 16px; transform: rotate(-45deg); } .sweet-alert .icon.warning { border-color: #eea236; } .sweet-alert .icon.warning .body { background-color: #f0ad4e; border-radius: 2px; height: 47px; left: 50%; margin-left: -2px; position: absolute; top: 10px; width: 5px; } .sweet-alert .icon.warning .dot { background-color: #f0ad4e; border-radius: 50%; bottom: 10px; height: 7px; left: 50%; margin-left: -3px; position: absolute; width: 7px; } .sweet-alert .icon.info { border-color: #46b8da; } .sweet-alert .icon.info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #5bc0de; } .sweet-alert .icon.info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #5bc0de; } .sweet-alert .icon.success { border-color: #4cae4c; } .sweet-alert .icon.success::before, .sweet-alert .icon.success::after { background: white; border-radius: 50%; content: ''; height: 120px; position: absolute; transform: rotate(45deg); width: 60px; } .sweet-alert .icon.success::before { border-radius: 120px 0 0 120px; left: -33px; top: -7px; transform: rotate(-45deg); transform-origin: 60px 60px; } .sweet-alert .icon.success::after { border-radius: 0 120px 120px 0; left: 30px; top: -11px; transform: rotate(-45deg); transform-origin: 0px 60px; } .sweet-alert .icon.success .placeholder { border: 4px solid rgba(92, 184, 92, 0.2); border-radius: 50%; box-sizing: content-box; height: 80px; left: -4px; position: absolute; top: -4px; width: 80px; z-index: 2; } .sweet-alert .icon.success .fix { background-color: #fff; height: 90px; left: 28px; position: absolute; top: 8px; transform: rotate(-45deg); width: 5px; z-index: 1; } .sweet-alert .icon.success .line { background-color: #5cb85c; border-radius: 2px; display: block; height: 5px; position: absolute; z-index: 2; } .sweet-alert .icon.success .line.tip { left: 14px; top: 46px; transform: rotate(45deg); width: 25px; } .sweet-alert .icon.success .line.long { right: 8px; top: 38px; transform: rotate(-45deg); width: 47px; } .sweet-alert .icon.custom { background-position: center center; background-repeat: no-repeat; background-size: contain; border: none; border-radius: 0; } .sweet-alert .btn-default:focus { border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6); outline: 0; } .sweet-alert .btn-success:focus { border-color: #4cae4c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(76, 174, 76, 0.6); outline: 0; } .sweet-alert .btn-info:focus { border-color: #46b8da; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(70, 184, 218, 0.6); outline: 0; } .sweet-alert .btn-danger:focus { border-color: #d43f3a; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(212, 63, 58, 0.6); outline: 0; } .sweet-alert .btn-warning:focus { border-color: #eea236; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(238, 162, 54, 0.6); outline: 0; } .sweet-alert button::-moz-focus-inner { border: 0; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; cursor: -webkit-zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0; } .mfp-arrow-right { transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Swiper 3.2.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: December 7, 2015 */ .swiper-container { margin: 0 auto; overflow: hidden; position: relative; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { box-sizing: content-box; display: flex; height: 100%; position: relative; transition-property: transform; width: 100%; z-index: 1; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { margin: 0 auto; transition-timing-function: ease-out; } .swiper-slide { flex-shrink: 0; height: 100%; position: relative; width: 100%; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* a11y */ .swiper-container .swiper-notification { left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { touch-action: pan-y; } .swiper-wp8-vertical { touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { background-position: center; background-repeat: no-repeat; background-size: 27px 44px; cursor: pointer; height: 44px; margin-top: -22px; position: absolute; top: 50%; width: 27px; z-index: 10; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: auto; right: 10px; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; transform: translate3d(0, 0, 0); transition: 300ms; z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { background: #000; border-radius: 100%; display: inline-block; height: 8px; opacity: 0.2; width: 8px; } button.swiper-pagination-bullet { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-shadow: none; margin: 0; padding: 0; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { background: #007aff; opacity: 1; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { display: block; margin: 5px 0; } .swiper-container-horizontal > .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } /* 3D Container */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Cube */ .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; pointer-events: none; transform-origin: 0 0; visibility: hidden; width: 100%; z-index: 1; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 0; } .swiper-container-cube .swiper-cube-shadow { background: #000; bottom: 0; -webkit-filter: blur(50px); filter: blur(50px); height: 100%; left: 0; opacity: 0.6; position: absolute; width: 100%; z-index: 0; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; transform-origin: 50%; width: 42px; z-index: 10; } .swiper-lazy-preloader:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 100%; content: ""; display: block; height: 100%; width: 100%; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /** * Pageflip5 */ #pageflip { display: block; height: 600px; overflow: hidden; width: 100%; } /* Copyright */ #copyright-text { clear: both; display: none; padding-top: 10px; } .pageflip .pageflip-container { padding-top: 0; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } /* Hintergrundfarbe im Fullscreen-Modus */ .pageflip-container:-moz-full-screen { background-color: #fff; } .pageflip-container:fullscreen, .pageflip-container:-moz-full-screen, .pageflip-container:-webkit-full-screen { background-color: #fff; } /* Schatten */ .pageflip #dropshadow { box-shadow: 0 0 6px 2px #000; } .pageflip .flip-shadowA { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black); } .pageflip .flip-shadowB { background-image: -webkit-linear-gradient(left, black, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); } .pageflip .flip-topshadow { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), black, rgba(0, 0, 0, 0)); } .pageflip .emboss-left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black); pointer-events: none; } .pageflip .emboss-right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); pointer-events: none; } /* ============================================================================= * * Seite(n) * * ========================================================================== */ .pageflip .left-side, .pageflip .right-side { background-color: #f7f7f7; } .pageflip .outer { background-color: transparent; } .pageflip .page-content, .pageflip .page-content-wrapper { height: 100%; } .pageflip .book-content { opacity: 0; transition: opacity 1s; } .pageflip .book-offset { perspective: 3000px; perspective-origin-x: 50%; perspective-origin-y: 50%; } .pageflip .page-container { background-repeat: no-repeat; background-size: contain; overflow: hidden; position: absolute; } .pageflip .page-container.left-side { background-position: center right; } .pageflip .page-container.right-side { background-position: center left; } .pageflip .mask { cursor: pointer; } /* ----------------------------------------------------------------------------- * Seitenzahlen * -------------------------------------------------------------------------- */ .pageflip .left-side span.pagenumber, .pageflip .right-side span.pagenumber { bottom: 20px; position: absolute; } .pageflip .left-side span.pagenumber { left: 20px; text-align: left; } .pageflip .right-side span.pagenumber { right: 20px; text-align: right; } .pageflip .is-first-page .pagenumber, .pageflip .is-last-page .pagenumber { display: none; } /* ============================================================================= * * Thumbnails * * ========================================================================== */ #pageflip-thumbnails { overflow: hidden; padding-top: 5px; position: absolute; top: 12px; transition: top 0.5s, opacity 0.5s; width: 100%; } #pageflip-thumbnails.hidden { opacity: 0; top: -100px; } #thumbnail-container { width: 10px; } .pageflip .thumbnail-spread, .pageflip .thumbnail-page { background: #d7d7d7; border: 1px solid #d7d7d7; box-shadow: 0 1px 4px rgba(215, 215, 215, 0.5); float: left; margin: 0 .3125em; overflow: hidden; transition: all 0.25s; } .pageflip .thumbnail-spread:hover, .pageflip .thumbnail-page:hover { border-color: #009463; box-shadow: 0 1px 4px rgba(0, 148, 99, 0.7); transform: scale(1.1) translate(0, 4px); } .pageflip .thumbnail-button { float: left; margin: 0; padding: 0; } /* ============================================================================= * * Steuerung * * ========================================================================== */ .pageflip { /* * Buttons */ /* * Formular Seitennummer */ } .pageflip .pageflip-controls { background-color: #373737; bottom: 0; color: #777; opacity: 0; overflow: hidden; position: absolute; text-align: center; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width: 100%; } .pageflip.fullsize .pageflip-controls { bottom: 10px; } .pageflip .pf-controls { float: left; height: 36px; line-height: 36px; padding: 0; width: 50%; } .pageflip .pf-controls-social { text-align: left; } .pageflip .pf-controls-options { text-align: right; } .pageflip .pf-controls-pages { float: none; left: 50%; margin-left: -115px; position: absolute; text-align: center; top: 0; width: 230px; } .pageflip .pf-button { color: #777; cursor: pointer; display: inline-block; padding: 0; text-align: center; width: 36px; } .pageflip .pf-button:hover { color: #fff; } .pageflip .pf-button.disabled, .pageflip .pf-button.disabled:hover { color: #848484; cursor: default; } .pageflip .pf-first-page, .pageflip .pf-previous-page { float: left; } .pageflip .pf-last-page, .pageflip .pf-next-page { float: right; } .pageflip .form-pf-pagenumber { left: 50%; margin: 0 0 0 -45px; padding: 2px 0 0; position: absolute; top: 0; width: 90px; } .pageflip .form-pf-pagenumber input { height: 32px; background-color: #fff; border: 0 none; font-size: .875em; padding: 0; text-align: center; width: 100%; line-height: 32px; } /* ============================================================================= * * Breakpoints * * ========================================================================== */ /* * Schluessel existiert in der Map */ @media only screen and (max-width: 640px) { .pageflip .pf-controls-pages { border-bottom: 2px solid #595959; left: auto; margin: 0; position: relative; top: auto; width: 100%; } .pageflip .pf-button { width: 30px; } .pageflip .form-pf-pagenumber input { height: 30px; line-height: 30px; } } /** * Anpassungen von Vendorselektoren * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * @ '_swiper.scss' * * ========================================================================== */ .swiper-wrapper { margin: 0; } .swiper-container-fade .swiper-slide { z-index: 1; } .swiper-container-fade .swiper-slide-active { z-index: 99; } .swiper-pagination { bottom: 15px; right: 30px; } .swiper-pagination > .swiper-pagination-bullet { background: #fff; height: 15px; line-height: 1; margin: 0 7px; opacity: 1; overflow: hidden; text-indent: 150%; width: 15px; } .swiper-pagination > .swiper-pagination-bullet:first-child { margin-left: 0; } .swiper-pagination > .swiper-pagination-bullet:last-child { margin-right: 0; } .swiper-pagination > .swiper-pagination-bullet-active { background: #f9cb0b; } .swiper-control { background-color: #f9cb0b; border-radius: 100%; bottom: 0; color: #fff; cursor: pointer; display: inline-block; left: 0; position: absolute; text-align: center; } .swiper-control, .swiper-control::before { height: 34px; width: 34px; } .swiper-control::before { font-size: 1.5625em; line-height: 36px; } .swiper-control.prev { left: 0; } .swiper-control.prev::before { content: '\f053'; margin-left: -3px; } .swiper-control.next { left: 49px; } .swiper-control.next::before { content: '\f054'; margin-left: 3px; } .swiper-disabled { padding-bottom: 0 !important; } .swiper-disabled .swiper-pagination, .swiper-disabled .swiper-control { display: none !important; } /* ============================================================================= * * @ '_bootstrap-select.scss' * * ========================================================================== * .bootstrap-select { &.show-tick .dropdown-menu li { a { padding-left : $padding-base-horizontal-large + 10; span.check-mark { margin-top : 2px; right : auto; left : 5px; } } } &.btn-group { .dropdown-menu { z-index: 11; &.inner { overflow-x : hidden; } } } > .dropdown-toggle { border-radius : 0; } } .bs-searchbox { padding : 0; .form-control { border-left : 0 none; border-right : 0 none; border-top : 0 none; border-bottom-width : 1px; } }*/ /* ============================================================================= * * @ '_tablesaw.stackonly.scss' * * ========================================================================== * .tablesaw .tablesaw-cell- { &label, &content { > :first-child { margin-top : 0; } > :last-child { margin-bottom : 0; } } }*/ /* ============================================================================= * * @ '_sweet-alert.scss' * * ========================================================================== */ .sweet-overlay { background-color: rgba(89, 83, 83, 0.5); } .sweet-alert { background-color: #fff; padding: 20px; } .sweet-alert > .message { margin: 0 0 20px; } .sweet-alert .button-bar > * { margin: 0 10px; } .sweet-alert-danger { color: #fff; background-color: #cc5656; } .sweet-alert-danger > h2 { color: #fff; font-size: 1.3125em; margin: -10px -10px 20px; padding: 10px; } .sweet-alert-danger > .message { color: #fff; } /* ============================================================================= * * @ '_mmenu.scss' * * ========================================================================== */ #mm-blocker { background: rgba(0, 0, 0, 0.5); } /* ============================================================================= * * @ '_magnific-popup.scss' * * ========================================================================== */ .mfp-bg { background-color: rgba(55, 55, 55, 0.5); } .mfp-figure:after { box-shadow: none; background-color: transparent; bottom: 0; top: 0; } .mfp-figure > figure { background-color: #fff; padding: 15px 15px; } .mfp-figure > figure > img { margin: 0; padding: 0; } .mfp-figure > figure > figcaption { display: none; } .mfp-figure > .mpf-close { background-color: #fff; border: 0 none; bottom: auto; color: #c63434; display: block; font-size: 21px; height: 30px; left: auto; margin-top: 0; opacity: 1; padding: 0; position: absolute; right: 0; top: 0; width: 30px; z-index: 10; } /** * File : vendors-jqueryui.css * Description: Definition(en) Galeriedarstellung. * Guidelines : Eigenschaften alphabetisch sortiert (Styleguide). * Author : Heiko Pfefferkorn * Version : ($Id: vendors-jqueryui.css,v 1.4 2014/09/08 08:06:19 heiko Exp $) * Copyright : c2014 i-fabrik (http://www.ifabrik.de) */ /* ============================================================================= = = Global = ============================================================================= */ /* ----------------------------------------------------------------------------- * Layout helpers * -------------------------------------------------------------------------- */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { border: 0; font-size: 100%; line-height: 1.3; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { filter: Alpha(Opacity=0); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } /* ----------------------------------------------------------------------------- * Interaction Cues * -------------------------------------------------------------------------- */ .ui-state-disabled { cursor: default !important; } /* ----------------------------------------------------------------------------- * Icons * -------------------------------------------------------------------------- */ /* states and images */ .ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } /* ----------------------------------------------------------------------------- * Misc visuals * -------------------------------------------------------------------------- */ /* Overlays */ .ui-widget-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* ----------------------------------------------------------------------------- * Datepicker * -------------------------------------------------------------------------- */ #ui-datepicker-div { border: 1px solid #ccc; } .ui-datepicker { display: none; /*width : 17em;*/ } .ui-datepicker .ui-datepicker-header { padding: 0; position: relative; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background: transparent url(../images/icons/datepicker.png) no-repeat 0 -40px; border: 1px solid #c9cbc8; height: 30px; position: absolute; top: -1px; width: 30px; } .ui-widget-header .ui-datepicker-next.ui-state-disabled, .ui-datepicker-next.ui-state-disabled, .ui-widget-header .ui-datepicker-next.ui-state-disabled { background-position: -40px -120px; } .ui-widget-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker-prev.ui-state-disabled, .ui-widget-header .ui-datepicker-prev.ui-state-disabled { background-position: 0 -120px; } /*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {}*/ .ui-datepicker .ui-datepicker-prev { left: -1px; } .ui-datepicker .ui-datepicker-next { background-position: -40px -40px; right: -1px; } .ui-datepicker .ui-datepicker-prev-hover { background-position: 0 -80px; } .ui-datepicker .ui-datepicker-next-hover { background-position: -40px -80px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; } .ui-datepicker .ui-datepicker-title { line-height: 30px; margin: 0 30px; text-align: center; text-transform: uppercase; } .ui-datepicker .ui-datepicker-title select { background-color: #efefef; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 0; color: #747474; font-size: .875em; margin: -5px 3px 0; padding: 2px; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 40%; } .ui-datepicker table { border-collapse: collapse; margin: 0 0 2px; width: 100%; } .ui-datepicker th { background-color: transparent; border: 0; color: #747474; text-align: center; text-transform: uppercase; } .ui-datepicker th span { background-color: #ebebeb; display: block; padding: 1px 10px; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 2px 12px; text-align: center; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; border-bottom: 0; border-left: 0; border-right: 0; margin: .7em 0 0 0; padding: 0 .2em; } .ui-datepicker .ui-datepicker-buttonpane button { cursor: pointer; float: right; margin: .5em .2em .4em; overflow: visible; padding: .2em .6em .3em .6em; width: auto; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-row-break { clear: both; font-size: 0; width: 100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { left: auto; right: 2px; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { left: auto; right: 1px; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 1px; border-right-width: 0; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 1px; border-right-width: 0; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { -webkit-filter: mask(); filter: mask(); height: 200px; left: -4px; position: absolute; top: -4px; width: 200px; z-index: -1; } /* ----------------------------------------------------------------------------- * Component containers * -------------------------------------------------------------------------- */ .ui-widget { padding: 0; } .ui-widget .ui-widget { font-size: 1em; } /*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}*/ .ui-widget-content { background-color: #fff; } .ui-widget-header { /*background : #dedede url(assets/tools/datepicker.png) repeat-x 0 0;*/ border: 1px solid #c9cbc8; color: #444; height: 30px; margin: 0 1px 1px; } .ui-widget-header a { color: #444; } /* ----------------------------------------------------------------------------- * Interaction states * -------------------------------------------------------------------------- */ /*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight : normal; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color : #1c94c4; text-decoration : none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {} .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {}*/ /* ----------------------------------------------------------------------------- * Interaction Cues * -------------------------------------------------------------------------- */ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #76b83f; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { background-color: #b81900; border: 1px solid #cd0a0a; color: #fff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #fff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #fff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { color: #c0bebe; font-weight: normal; } .ui-priority-secondary.ui-state-hover, .ui-widget-content .ui-priority-secondary.ui-state-hover, .ui-widget-header .ui-priority-secondary.ui-state-hover { background-color: #f6f6f6; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { filter: Alpha(Opacity=35); opacity: .35; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } /* Misc visuals * ------------ */ /* Overlays */ .ui-widget-overlay { background-color: #666; } .ui-widget-shadow { background-color: #000; margin: -5px 0 0 -5px; opacity: .2; padding: 5px; } /* ----------------------------------------------------------------------------- * Inline Datepicker * -------------------------------------------------------------------------- */ .ui-datepicker-inline.ui-widget { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-size: 1.5625em; padding: 0; } .ui-datepicker-inline .ui-widget-content { background-color: transparent; } .ui-datepicker-inline .ui-widget-header { margin-left: 1px; margin-right: 1px; } .ui-datepicker-inline th span, .ui-datepicker-inline td span, .ui-datepicker-inline td a { padding: 7px 12px; } /* .ui-datepicker td.ui-datepicker-marked a { background-color : #bdc266; color : #fff; } .ui-datepicker td.ui-datepicker-other-month * { color : #706f6e; } .ui-datepicker td span.ui-state-active, .ui-datepicker td a.ui-state-active { background-color : transparent; color : #fff !important; } .ui-datepicker td.ui-datepicker-today span, .ui-datepicker td.ui-datepicker-today a { color : #bdc266; } */ /* ----------------------------------------------------------------------------- * Slider * -------------------------------------------------------------------------- */ /* .ui-slider { background : transparent url(assets/controls/slider.png) repeat-x 0 14px; height : 30px; padding : 0; position : relative; text-align : left; } .ui-slider .ui-slider-range { background-color : #fff; border : 0; display : block; position : absolute; z-index : 1; } .ui-slider-horizontal .ui-slider-range { height : 2px; top : 14px } .ui-slider .ui-slider-handle { background : #fff; cursor : move; height : 14px; outline : none; position : absolute; width : 6px; z-index : 2; } */ /*.ui-slider .ui-slider-handle:hover {}*/ /* .ui-slider-horizontal .ui-slider-handle { bottom : 0; margin-left : -3px; top : 8px; transition : none; -webkit-transition : none; } */ /*.ui-slider-horizontal .ui-slider-handle:hover {}*/ /* ----------------------------------------------------------------------------- * Komponenten * -------------------------------------------------------------------------- */ /** * Komponentenimport * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Links (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ========================================================================= * * Standardlink * * ====================================================================== */ a { color: #373737; font-weight: 700; text-decoration: none; } a:hover { color: #009463; text-decoration: underline; } a[href^="tel"] { color: #5f5f5f; cursor: default; tab-index: -1; text-decoration: none; } a[href^="tel"]::before { content: '\f095'; padding-right: 3px; } a[href^="tel"]:hover { color: #5f5f5f; text-decoration: none; } a.link-file > .file-info { font-size: 0.875em; font-weight: 400; padding-left: 5px; } /* ========================================================================= * * Inaktiver Link * * ====================================================================== */ a.crossed-out, span.crossed-out, a.crossed-out:hover, span.crossed-out:hover { color: #d7d7d7; cursor: default !important; text-decoration: line-through; } /** * Formulare (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ input, legend { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; } legend, fieldset .legend { background-color: #ebebeb; border-bottom: 0 none; color: #abaaaa; display: block; font-size: 1.125em; margin: 20px 0; padding: 15px 20px; position: relative; width: 100%; } fieldset { background-color: transparent; margin: 40px 0; padding: 0; position: relative; } fieldset > :first-child { margin-top: 0; } fieldset > :last-child { margin-bottom: 0; } fieldset .legend { padding-left: 45px; } fieldset .legend i { left: 20px; position: absolute; top: 17px; } .fieldset-row { margin-bottom: 40px 0; margin-top: 40px 0; } .fieldset-row fieldset { margin-bottom: 0; } .fieldset-row > :nth-child(1) fieldset, .fieldset-row > :nth-child(2) fieldset { margin-top: 0; } form { margin: 0 0; } form > :first-child { margin-top: 0; } form > :last-child { margin-bottom: 0; } label { font-weight: 400; } input, textarea, button, .btn { outline-style: none; outline-width: 0; } /*input, input[type="search"], input[type="file"], input.input-fileupload, select, textarea { -webkit-appearance : none; }*/ /* * Buttons bei Nummernfeldern entfernen. */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } /* ----------------------------------------------------------------------------- * Form control (Bootstrap) * -------------------------------------------------------------------------- */ .form-control { background-color: #fff; border: 2px solid #d7d7d7; border-radius: 2px; box-shadow: none; color: #373737; font-size: 16px; font-style: italic; height: 46px; line-height: 1.375; padding: 6px 15px; } .form-control:focus { background-color: #fff; border-color: #373737; color: #373737; box-shadow: 0 0 6px rgba(55, 55, 55, 0.3); } .form-control.is-danger { background-color: #fff; border-color: #cc5656; color: #cc5656; } .form-control.is-danger:hover, .form-control.is-danger:focus { border-color: #b83737; color: #b83737; } .form-control.is-danger:focus { outline: none; box-shadow: 0 0 8px #e4a4a4; } .form-control.is-info { background-color: #fff; border-color: #5bc0de; color: #5bc0de; } .form-control.is-info:hover, .form-control.is-info:focus { border-color: #31b0d5; color: #31b0d5; } .form-control.is-info:focus { outline: none; box-shadow: 0 0 8px #b0e1ef; } .form-control.is-invalid { background-color: #fff; border-color: #cc5656; color: #cc5656; } .form-control.is-invalid:hover, .form-control.is-invalid:focus { border-color: #b83737; color: #b83737; } .form-control.is-invalid:focus { outline: none; box-shadow: 0 0 8px #e4a4a4; } .form-control.is-success { background-color: #fff; border-color: #5cb85c; color: #5cb85c; } .form-control.is-success:hover, .form-control.is-success:focus { border-color: #449d44; color: #449d44; } .form-control.is-success:focus { outline: none; box-shadow: 0 0 8px #a3d7a3; } .form-control.is-valid { background-color: #fff; border-color: #5cb85c; color: #5cb85c; } .form-control.is-valid:hover, .form-control.is-valid:focus { border-color: #449d44; color: #449d44; } .form-control.is-valid:focus { outline: none; box-shadow: 0 0 8px #a3d7a3; } .form-control.is-warning { background-color: #fff; border-color: #f0ad4e; color: #f0ad4e; } .form-control.is-warning:hover, .form-control.is-warning:focus { border-color: #ec971f; color: #ec971f; } .form-control.is-warning:focus { outline: none; box-shadow: 0 0 8px #f8d9ac; } .form-control-reset { border: 0 none; border-radius: 0; font-size: inherit; height: auto; line-height: normal; padding: 0; } .form-control-static { margin-top: 0; } .form-control-hint { display: none; font-size: 0.875em; } /* ----------------------------------------------------------------------------- * Eingabefelder * -------------------------------------------------------------------------- */ textarea { min-height: 120px; overflow: auto; resize: vertical; } /* Set the height of file controls to match text inputs. */ input[type="file"] { display: block; } /* Make range inputs behave like textual form controls. */ input[type="range"] { display: block; width: 100%; } /* ----------------------------------------------------------------------------- * Auswahlfelder * -------------------------------------------------------------------------- */ /* * Checkboxen, Radio * Better position for radios and checkboxes. */ input.radio input.radio, input[type="radio"], input.checkbox, input[type="checkbox"] { background-color: transparent; border: 0 none; box-shadow: none; cursor: pointer; height: auto; line-height: normal; padding: 0; width: auto; } input.checkbox, input[type="checkbox"] { -webkit-appearance: checkbox; } input.radio, input[type="radio"] { -webkit-appearance: radio; } /* * Select */ select { cursor: pointer; } select[multiple], select[size] { height: auto; } select > option[disabled] { color: #ededed; } /* ----------------------------------------------------------------------------- * Status * -------------------------------------------------------------------------- */ .has-danger .help-block, .has-danger .control-label, .has-danger .radio, .has-danger .checkbox, .has-danger .radio-inline, .has-danger .checkbox-inline, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label { color: #cc5656; } .has-danger .form-control { border-color: #cc5656; box-shadow: none; } .has-danger .form-control:focus { box-shadow: none; } .has-danger .input-group-addon { color: #cc5656; border-color: #cc5656; background-color: #fff; } .has-danger .form-control-feedback { color: #cc5656; } .has-info .help-block, .has-info .control-label, .has-info .radio, .has-info .checkbox, .has-info .radio-inline, .has-info .checkbox-inline, .has-info.radio label, .has-info.checkbox label, .has-info.radio-inline label, .has-info.checkbox-inline label { color: #5bc0de; } .has-info .form-control { border-color: #5bc0de; box-shadow: none; } .has-info .form-control:focus { box-shadow: none; } .has-info .input-group-addon { color: #5bc0de; border-color: #5bc0de; background-color: #fff; } .has-info .form-control-feedback { color: #5bc0de; } .has-invalid .help-block, .has-invalid .control-label, .has-invalid .radio, .has-invalid .checkbox, .has-invalid .radio-inline, .has-invalid .checkbox-inline, .has-invalid.radio label, .has-invalid.checkbox label, .has-invalid.radio-inline label, .has-invalid.checkbox-inline label { color: #cc5656; } .has-invalid .form-control { border-color: #cc5656; box-shadow: none; } .has-invalid .form-control:focus { box-shadow: none; } .has-invalid .input-group-addon { color: #cc5656; border-color: #cc5656; background-color: #fff; } .has-invalid .form-control-feedback { color: #cc5656; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #5cb85c; } .has-success .form-control { border-color: #5cb85c; box-shadow: none; } .has-success .form-control:focus { box-shadow: none; } .has-success .input-group-addon { color: #5cb85c; border-color: #5cb85c; background-color: #fff; } .has-success .form-control-feedback { color: #5cb85c; } .has-valid .help-block, .has-valid .control-label, .has-valid .radio, .has-valid .checkbox, .has-valid .radio-inline, .has-valid .checkbox-inline, .has-valid.radio label, .has-valid.checkbox label, .has-valid.radio-inline label, .has-valid.checkbox-inline label { color: #5cb85c; } .has-valid .form-control { border-color: #5cb85c; box-shadow: none; } .has-valid .form-control:focus { box-shadow: none; } .has-valid .input-group-addon { color: #5cb85c; border-color: #5cb85c; background-color: #fff; } .has-valid .form-control-feedback { color: #5cb85c; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #f0ad4e; } .has-warning .form-control { border-color: #f0ad4e; box-shadow: none; } .has-warning .form-control:focus { box-shadow: none; } .has-warning .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; background-color: #fff; } .has-warning .form-control-feedback { color: #f0ad4e; } /* ----------------------------------------------------------------------------- * Platzhalter * ----------------------------------------------------------------------------- * Selektoren muessen einzeln aufgefuehrt werden. Versteht ein Browser eine * Regel nicht, wuerde er automatisch auch alle anderen Regeln ignorieren. * -------------------------------------------------------------------------- */ /*input[placeholder] { color : #979696; opacity : 1; } input[placeholder]:focus { color : #000; }*/ *::-webkit-input-placeholder { color: #d7d7d7 !important; font-style: italic !important; opacity: 1; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #d7d7d7; } *::-moz-placeholder { color: #d7d7d7 !important; font-style: italic !important; opacity: 1; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #d7d7d7 !important; } :-moz-placeholder { color: #d7d7d7 !important; font-style: italic !important; opacity: 1; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: #d7d7d7 !important; } :-ms-input-placeholder { color: #d7d7d7 !important; font-style: italic !important; opacity: 1; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #d7d7d7 !important; } /* ============================================================================= * * Abweichende Formulardefintionen * * ----------------------------------------------------------------------------- * Defintionen von abweichenden Komponenteneigenschaften. * ========================================================================== */ .form-submit-ctrl .step-delimiter { display: none; } .form-submit-ctrl > .ctrl { text-align: center; } .form-submit-ctrl > .ctrl-back { text-align: left; } .form-submit-ctrl > .ctrl-next { text-align: right; } .form-submit-ctrl > .ctrl > * { margin: 0 10px; } .form-submit-ctrl > .ctrl > *:first-child { margin-left: 0; } .form-submit-ctrl > .ctrl > *:last-child { margin-right: 0; } .form-submit-ctrl > .ctrl > *:first-child:last-child { margin-left: 0; margin-right: 0; } /** * Bilder (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ img { border: 0; display: inline-block; height: auto; overflow: hidden; width: 100%; } .thumbnail { border: 0 none; border-radius: 0; display: inline-block; padding: 0; position: relative; width: 30%; /* * Ausrrichtung */ /* * Groessen */ } .thumbnail > .image { display: block; z-index: 1; } .thumbnail > .caption { background-color: transparent; font-style: italic; font-weight: 300; overflow: hidden; padding: 10px 0; display: block; z-index: 2; } .thumbnail > .caption > .meta { display: block; } .thumbnail > .zoom { background-color: transparent; color: #009463; display: none; font-size: 26px; height: 28px; right: 5px; line-height: 28px; position: absolute; text-align: center; top: 5px; width: 28px; z-index: 5; } .thumbnail.left, .thumbnail.left.prevent-modify { float: left; margin: 0 40px 20px 0; } .thumbnail.right, .thumbnail.right.prevent-modify { float: right; margin: 0 0 20px 40px; } .thumbnail.size-thumbnail { width: 20%; } .thumbnail.size-medium { width: 45%; } .thumbnail.size-full { display: block; float: none; margin-left: 0; margin-right: 0; width: 100%; } .thumbnail.size-full > .zoom { display: none !important; } .thumbnail.prevent-modify { display: inline-block !important; float: initial !important; width: auto !important; } .thumbnail.prevent-modify img { max-width: 100%; width: auto; } table .thumbnail { display: block; margin-left: 0; margin-right: 0; width: 100%; } table .thumbnail.prevent-modify { display: inline-block !important; float: initial !important; width: auto !important; } table .thumbnail.prevent-modify img { max-width: 100%; width: auto; } /** * Indicator (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ @-webkit-keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .indicator { position: absolute; height: 24px; } .indicator::after { -webkit-animation: rotate 0.8s infinite linear; animation: rotate 0.8s infinite linear; border-color: #373737; border-radius: 50%; border-right-color: transparent; border-style: solid; content: ''; left: 50%; position: absolute; top: 50%; } .indicator::after, .indicator-lg::after { border-width: 4px; height: 24px; margin: -12px 0 0 -12px; width: 24px; } .indicator-md { height: 20px; } .indicator-md::after { border-width: 3px; height: 20px; margin: -10px 0 0 -10px; width: 20px; } .indicator-sm { height: 16px; } .indicator-sm::after { border-width: 3px; height: 16px; margin: -8px 0 0 -8px; width: 16px; } .indicator-xs { height: 12px; } .indicator-xs::after { border-width: 2px; height: 12px; margin: -6px 0 0 -6px; width: 12px; } /** * Rating stars * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .rating-stars { background-color: transparent; color: #f9cb0b; display: inline-block; } .rating-stars > * { background-color: transparent; color: #f9cb0b; margin: 0 1px; } .rating-stars > *:first-child { margin-left: 0; } .rating-stars > *:last-child { margin-right: 0; } /** * Dropdown (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .btn-group.open .dropdown-toggle { box-shadow: none; } .dropdown-menu { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; box-shadow: none; color: #5f5f5f; margin: 0; padding: 0; } .dropdown-menu > li > a { padding: 5px 15px; font-weight: 400; color: #373737; white-space: nowrap; } .dropdown-menu > li > a.sublevel i { padding-right: 10px; } .dropdown-menu > li > a.sublevel-2 { padding-left: 35px; } .dropdown-menu > li > a.sublevel-3 { padding-left: 55px; } .dropdown-menu > li > a.sublevel-4 { padding-left: 75px; } .dropdown-menu > li > a.sublevel-5 { padding-left: 95px; } .dropdown-menu > li > a.sublevel-6 { padding-left: 115px; } .dropdown-menu .divider { margin: 10px 0; } .dropup .dropdown-menu { margin-bottom: 0; } .open > .dropdown-menu { -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-name: dropdown-fade-in; animation-name: dropdown-fade-in; -webkit-animation-timing-function: ease; animation-timing-function: ease; } /** * Alerts (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .alert { border: 2px solid transparent; border-radius: 0; font-weight: 700; margin: 40px 0; padding: 28px; } .alert .alert-link, .alert a { font-weight: 700; } .alert .close { display: none; } .alert-dismissible { padding-right: 48px; } .alert-dismissible .close { display: block; } .alert-type-list > * { padding-left: 0; } .alert-type-list > *::before { display: none; } .alert-primary { background-color: rgba(0, 148, 99, 0.2); border-color: #009463; color: #009463; } .alert-primary hr { border-top-color: #009463; } .alert-primary .alert-link, .alert-primary a { color: #009463; } .alert-primary > .close { color: #009463; opacity: .4; } .alert-primary > .close:hover, .alert-primary > .close:active, .alert-primary > .close:focus { opacity: 1; } .alert-secondary { background-color: rgba(249, 203, 11, 0.2); border-color: #f9cb0b; color: #f9cb0b; } .alert-secondary hr { border-top-color: #f9cb0b; } .alert-secondary .alert-link, .alert-secondary a { color: #f9cb0b; } .alert-secondary > .close { color: #f9cb0b; opacity: .4; } .alert-secondary > .close:hover, .alert-secondary > .close:active, .alert-secondary > .close:focus { opacity: 1; } .alert-tertiary { background-color: rgba(55, 55, 55, 0.2); border-color: #373737; color: #373737; } .alert-tertiary hr { border-top-color: #373737; } .alert-tertiary .alert-link, .alert-tertiary a { color: #373737; } .alert-tertiary > .close { color: #373737; opacity: .4; } .alert-tertiary > .close:hover, .alert-tertiary > .close:active, .alert-tertiary > .close:focus { opacity: 1; } .alert-success { background-color: rgba(92, 184, 92, 0.2); border-color: #5cb85c; color: #5cb85c; } .alert-success hr { border-top-color: #5cb85c; } .alert-success .alert-link, .alert-success a { color: #5cb85c; } .alert-success > .close { color: #5cb85c; opacity: .4; } .alert-success > .close:hover, .alert-success > .close:active, .alert-success > .close:focus { opacity: 1; } .alert-info { background-color: rgba(91, 192, 222, 0.2); border-color: #5bc0de; color: #5bc0de; } .alert-info hr { border-top-color: #5bc0de; } .alert-info .alert-link, .alert-info a { color: #5bc0de; } .alert-info > .close { color: #5bc0de; opacity: .4; } .alert-info > .close:hover, .alert-info > .close:active, .alert-info > .close:focus { opacity: 1; } .alert-warning { background-color: rgba(240, 173, 78, 0.2); border-color: #f0ad4e; color: #f0ad4e; } .alert-warning hr { border-top-color: #f0ad4e; } .alert-warning .alert-link, .alert-warning a { color: #f0ad4e; } .alert-warning > .close { color: #f0ad4e; opacity: .4; } .alert-warning > .close:hover, .alert-warning > .close:active, .alert-warning > .close:focus { opacity: 1; } .alert-danger { background-color: rgba(204, 86, 86, 0.2); border-color: #cc5656; color: #cc5656; } .alert-danger hr { border-top-color: #cc5656; } .alert-danger .alert-link, .alert-danger a { color: #cc5656; } .alert-danger > .close { color: #cc5656; opacity: .4; } .alert-danger > .close:hover, .alert-danger > .close:active, .alert-danger > .close:focus { opacity: 1; } /** * Buttons (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Standardbutton * * ========================================================================== */ .btn { background-color: transparent; border: 2px solid transparent; color: #373737; font-weight: 700; height: 46px; border-radius: 2px; font-size: 18px; line-height: 1.33333; padding: 10px 20px; } .btn.btn-flexible { height: auto; white-space: normal; } .btn:hover, .btn:focus, .btn.focus { color: #009463; text-decoration: none; } .btn:active, .btn.active { box-shadow: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { box-shadow: none; cursor: default; opacity: 0.15; } /* ============================================================================= * * Alternative Buttons * * ========================================================================== */ .btn-default { color: #fff; background-color: #c9c9c9; border-color: #c9c9c9; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #fff; background-color: #d9d9d9; border-color: #d9d9d9; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { color: #fff; background-color: #c9c9c9; border-color: #c9c9c9; } .btn-default .badge { color: #c9c9c9; background-color: #fff; } .btn-default.btn-bordered { color: #4a4a4a; background-color: transparent; border-color: #c9c9c9; } .btn-default.btn-bordered:hover, .btn-default.btn-bordered:focus, .btn-default.btn-bordered.focus, .btn-default.btn-bordered:active, .btn-default.btn-bordered.active, .open > .btn-default.btn-bordered.dropdown-toggle { color: #d9d9d9; background-color: transparent; border-color: #d9d9d9; } .btn-default.btn-bordered:active, .btn-default.btn-bordered.active, .open > .btn-default.btn-bordered.dropdown-toggle { background-image: none; } .btn-default.btn-bordered.disabled, .btn-default.btn-bordered.disabled:hover, .btn-default.btn-bordered.disabled:focus, .btn-default.btn-bordered.disabled.focus, .btn-default.btn-bordered.disabled:active, .btn-default.btn-bordered.disabled.active, .btn-default.btn-bordered[disabled], .btn-default.btn-bordered[disabled]:hover, .btn-default.btn-bordered[disabled]:focus, .btn-default.btn-bordered[disabled].focus, .btn-default.btn-bordered[disabled]:active, .btn-default.btn-bordered[disabled].active, fieldset[disabled] .btn-default.btn-bordered, fieldset[disabled] .btn-default.btn-bordered:hover, fieldset[disabled] .btn-default.btn-bordered:focus, fieldset[disabled] .btn-default.btn-bordered.focus, fieldset[disabled] .btn-default.btn-bordered:active, fieldset[disabled] .btn-default.btn-bordered.active { color: #4a4a4a; background-color: transparent; border-color: #c9c9c9; } .btn-default.btn-bordered .badge { color: #c9c9c9; background-color: #4a4a4a; } .btn-primary { color: #fff; background-color: #009463; border-color: #009463; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #40af8a; border-color: #40af8a; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { color: #fff; background-color: #009463; border-color: #009463; } .btn-primary .badge { color: #009463; background-color: #fff; } .btn-primary.btn-bordered { color: #009463; background-color: transparent; border-color: #009463; } .btn-primary.btn-bordered:hover, .btn-primary.btn-bordered:focus, .btn-primary.btn-bordered.focus, .btn-primary.btn-bordered:active, .btn-primary.btn-bordered.active, .open > .btn-primary.btn-bordered.dropdown-toggle { color: #40af8a; background-color: transparent; border-color: #40af8a; } .btn-primary.btn-bordered:active, .btn-primary.btn-bordered.active, .open > .btn-primary.btn-bordered.dropdown-toggle { background-image: none; } .btn-primary.btn-bordered.disabled, .btn-primary.btn-bordered.disabled:hover, .btn-primary.btn-bordered.disabled:focus, .btn-primary.btn-bordered.disabled.focus, .btn-primary.btn-bordered.disabled:active, .btn-primary.btn-bordered.disabled.active, .btn-primary.btn-bordered[disabled], .btn-primary.btn-bordered[disabled]:hover, .btn-primary.btn-bordered[disabled]:focus, .btn-primary.btn-bordered[disabled].focus, .btn-primary.btn-bordered[disabled]:active, .btn-primary.btn-bordered[disabled].active, fieldset[disabled] .btn-primary.btn-bordered, fieldset[disabled] .btn-primary.btn-bordered:hover, fieldset[disabled] .btn-primary.btn-bordered:focus, fieldset[disabled] .btn-primary.btn-bordered.focus, fieldset[disabled] .btn-primary.btn-bordered:active, fieldset[disabled] .btn-primary.btn-bordered.active { color: #009463; background-color: transparent; border-color: #009463; } .btn-primary.btn-bordered .badge { color: #009463; background-color: #009463; } .btn-secondary { color: #fff; background-color: #f9cb0b; border-color: #f9cb0b; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #fff; background-color: #fbd94f; border-color: #fbd94f; } .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { background-image: none; } .btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active { color: #fff; background-color: #f9cb0b; border-color: #f9cb0b; } .btn-secondary .badge { color: #f9cb0b; background-color: #fff; } .btn-secondary.btn-bordered { color: #f9cb0b; background-color: transparent; border-color: #f9cb0b; } .btn-secondary.btn-bordered:hover, .btn-secondary.btn-bordered:focus, .btn-secondary.btn-bordered.focus, .btn-secondary.btn-bordered:active, .btn-secondary.btn-bordered.active, .open > .btn-secondary.btn-bordered.dropdown-toggle { color: #fbd94f; background-color: transparent; border-color: #fbd94f; } .btn-secondary.btn-bordered:active, .btn-secondary.btn-bordered.active, .open > .btn-secondary.btn-bordered.dropdown-toggle { background-image: none; } .btn-secondary.btn-bordered.disabled, .btn-secondary.btn-bordered.disabled:hover, .btn-secondary.btn-bordered.disabled:focus, .btn-secondary.btn-bordered.disabled.focus, .btn-secondary.btn-bordered.disabled:active, .btn-secondary.btn-bordered.disabled.active, .btn-secondary.btn-bordered[disabled], .btn-secondary.btn-bordered[disabled]:hover, .btn-secondary.btn-bordered[disabled]:focus, .btn-secondary.btn-bordered[disabled].focus, .btn-secondary.btn-bordered[disabled]:active, .btn-secondary.btn-bordered[disabled].active, fieldset[disabled] .btn-secondary.btn-bordered, fieldset[disabled] .btn-secondary.btn-bordered:hover, fieldset[disabled] .btn-secondary.btn-bordered:focus, fieldset[disabled] .btn-secondary.btn-bordered.focus, fieldset[disabled] .btn-secondary.btn-bordered:active, fieldset[disabled] .btn-secondary.btn-bordered.active { color: #f9cb0b; background-color: transparent; border-color: #f9cb0b; } .btn-secondary.btn-bordered .badge { color: #f9cb0b; background-color: #f9cb0b; } .btn-tertiary { color: #fff; background-color: #373737; border-color: #373737; } .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary.focus, .btn-tertiary:active, .btn-tertiary.active, .open > .btn-tertiary.dropdown-toggle { color: #fff; background-color: #696969; border-color: #696969; } .btn-tertiary:active, .btn-tertiary.active, .open > .btn-tertiary.dropdown-toggle { background-image: none; } .btn-tertiary.disabled, .btn-tertiary.disabled:hover, .btn-tertiary.disabled:focus, .btn-tertiary.disabled.focus, .btn-tertiary.disabled:active, .btn-tertiary.disabled.active, .btn-tertiary[disabled], .btn-tertiary[disabled]:hover, .btn-tertiary[disabled]:focus, .btn-tertiary[disabled].focus, .btn-tertiary[disabled]:active, .btn-tertiary[disabled].active, fieldset[disabled] .btn-tertiary, fieldset[disabled] .btn-tertiary:hover, fieldset[disabled] .btn-tertiary:focus, fieldset[disabled] .btn-tertiary.focus, fieldset[disabled] .btn-tertiary:active, fieldset[disabled] .btn-tertiary.active { color: #fff; background-color: #373737; border-color: #373737; } .btn-tertiary .badge { color: #373737; background-color: #fff; } .btn-tertiary.btn-bordered { color: #373737; background-color: transparent; border-color: #373737; } .btn-tertiary.btn-bordered:hover, .btn-tertiary.btn-bordered:focus, .btn-tertiary.btn-bordered.focus, .btn-tertiary.btn-bordered:active, .btn-tertiary.btn-bordered.active, .open > .btn-tertiary.btn-bordered.dropdown-toggle { color: #696969; background-color: transparent; border-color: #696969; } .btn-tertiary.btn-bordered:active, .btn-tertiary.btn-bordered.active, .open > .btn-tertiary.btn-bordered.dropdown-toggle { background-image: none; } .btn-tertiary.btn-bordered.disabled, .btn-tertiary.btn-bordered.disabled:hover, .btn-tertiary.btn-bordered.disabled:focus, .btn-tertiary.btn-bordered.disabled.focus, .btn-tertiary.btn-bordered.disabled:active, .btn-tertiary.btn-bordered.disabled.active, .btn-tertiary.btn-bordered[disabled], .btn-tertiary.btn-bordered[disabled]:hover, .btn-tertiary.btn-bordered[disabled]:focus, .btn-tertiary.btn-bordered[disabled].focus, .btn-tertiary.btn-bordered[disabled]:active, .btn-tertiary.btn-bordered[disabled].active, fieldset[disabled] .btn-tertiary.btn-bordered, fieldset[disabled] .btn-tertiary.btn-bordered:hover, fieldset[disabled] .btn-tertiary.btn-bordered:focus, fieldset[disabled] .btn-tertiary.btn-bordered.focus, fieldset[disabled] .btn-tertiary.btn-bordered:active, fieldset[disabled] .btn-tertiary.btn-bordered.active { color: #373737; background-color: transparent; border-color: #373737; } .btn-tertiary.btn-bordered .badge { color: #373737; background-color: #373737; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: white; background-color: #71c171; border-color: #71c171; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-success.btn-bordered { color: #5cb85c; background-color: transparent; border-color: #5cb85c; } .btn-success.btn-bordered:hover, .btn-success.btn-bordered:focus, .btn-success.btn-bordered.focus, .btn-success.btn-bordered:active, .btn-success.btn-bordered.active, .open > .btn-success.btn-bordered.dropdown-toggle { color: #71c171; background-color: transparent; border-color: #71c171; } .btn-success.btn-bordered:active, .btn-success.btn-bordered.active, .open > .btn-success.btn-bordered.dropdown-toggle { background-image: none; } .btn-success.btn-bordered.disabled, .btn-success.btn-bordered.disabled:hover, .btn-success.btn-bordered.disabled:focus, .btn-success.btn-bordered.disabled.focus, .btn-success.btn-bordered.disabled:active, .btn-success.btn-bordered.disabled.active, .btn-success.btn-bordered[disabled], .btn-success.btn-bordered[disabled]:hover, .btn-success.btn-bordered[disabled]:focus, .btn-success.btn-bordered[disabled].focus, .btn-success.btn-bordered[disabled]:active, .btn-success.btn-bordered[disabled].active, fieldset[disabled] .btn-success.btn-bordered, fieldset[disabled] .btn-success.btn-bordered:hover, fieldset[disabled] .btn-success.btn-bordered:focus, fieldset[disabled] .btn-success.btn-bordered.focus, fieldset[disabled] .btn-success.btn-bordered:active, fieldset[disabled] .btn-success.btn-bordered.active { color: #5cb85c; background-color: transparent; border-color: #5cb85c; } .btn-success.btn-bordered .badge { color: #5cb85c; background-color: #5cb85c; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: white; background-color: #74cae3; border-color: #74cae3; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-info.btn-bordered { color: #5bc0de; background-color: transparent; border-color: #5bc0de; } .btn-info.btn-bordered:hover, .btn-info.btn-bordered:focus, .btn-info.btn-bordered.focus, .btn-info.btn-bordered:active, .btn-info.btn-bordered.active, .open > .btn-info.btn-bordered.dropdown-toggle { color: #74cae3; background-color: transparent; border-color: #74cae3; } .btn-info.btn-bordered:active, .btn-info.btn-bordered.active, .open > .btn-info.btn-bordered.dropdown-toggle { background-image: none; } .btn-info.btn-bordered.disabled, .btn-info.btn-bordered.disabled:hover, .btn-info.btn-bordered.disabled:focus, .btn-info.btn-bordered.disabled.focus, .btn-info.btn-bordered.disabled:active, .btn-info.btn-bordered.disabled.active, .btn-info.btn-bordered[disabled], .btn-info.btn-bordered[disabled]:hover, .btn-info.btn-bordered[disabled]:focus, .btn-info.btn-bordered[disabled].focus, .btn-info.btn-bordered[disabled]:active, .btn-info.btn-bordered[disabled].active, fieldset[disabled] .btn-info.btn-bordered, fieldset[disabled] .btn-info.btn-bordered:hover, fieldset[disabled] .btn-info.btn-bordered:focus, fieldset[disabled] .btn-info.btn-bordered.focus, fieldset[disabled] .btn-info.btn-bordered:active, fieldset[disabled] .btn-info.btn-bordered.active { color: #5bc0de; background-color: transparent; border-color: #5bc0de; } .btn-info.btn-bordered .badge { color: #5bc0de; background-color: #5bc0de; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: white; background-color: #f2ba6a; border-color: #f2ba6a; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-warning.btn-bordered { color: #f0ad4e; background-color: transparent; border-color: #f0ad4e; } .btn-warning.btn-bordered:hover, .btn-warning.btn-bordered:focus, .btn-warning.btn-bordered.focus, .btn-warning.btn-bordered:active, .btn-warning.btn-bordered.active, .open > .btn-warning.btn-bordered.dropdown-toggle { color: #f2ba6a; background-color: transparent; border-color: #f2ba6a; } .btn-warning.btn-bordered:active, .btn-warning.btn-bordered.active, .open > .btn-warning.btn-bordered.dropdown-toggle { background-image: none; } .btn-warning.btn-bordered.disabled, .btn-warning.btn-bordered.disabled:hover, .btn-warning.btn-bordered.disabled:focus, .btn-warning.btn-bordered.disabled.focus, .btn-warning.btn-bordered.disabled:active, .btn-warning.btn-bordered.disabled.active, .btn-warning.btn-bordered[disabled], .btn-warning.btn-bordered[disabled]:hover, .btn-warning.btn-bordered[disabled]:focus, .btn-warning.btn-bordered[disabled].focus, .btn-warning.btn-bordered[disabled]:active, .btn-warning.btn-bordered[disabled].active, fieldset[disabled] .btn-warning.btn-bordered, fieldset[disabled] .btn-warning.btn-bordered:hover, fieldset[disabled] .btn-warning.btn-bordered:focus, fieldset[disabled] .btn-warning.btn-bordered.focus, fieldset[disabled] .btn-warning.btn-bordered:active, fieldset[disabled] .btn-warning.btn-bordered.active { color: #f0ad4e; background-color: transparent; border-color: #f0ad4e; } .btn-warning.btn-bordered .badge { color: #f0ad4e; background-color: #f0ad4e; } .btn-danger { color: #fff; background-color: #cc5656; border-color: #cc5656; } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: white; background-color: #d36e6e; border-color: #d36e6e; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { color: #fff; background-color: #cc5656; border-color: #cc5656; } .btn-danger .badge { color: #cc5656; background-color: #fff; } .btn-danger.btn-bordered { color: #cc5656; background-color: transparent; border-color: #cc5656; } .btn-danger.btn-bordered:hover, .btn-danger.btn-bordered:focus, .btn-danger.btn-bordered.focus, .btn-danger.btn-bordered:active, .btn-danger.btn-bordered.active, .open > .btn-danger.btn-bordered.dropdown-toggle { color: #d36e6e; background-color: transparent; border-color: #d36e6e; } .btn-danger.btn-bordered:active, .btn-danger.btn-bordered.active, .open > .btn-danger.btn-bordered.dropdown-toggle { background-image: none; } .btn-danger.btn-bordered.disabled, .btn-danger.btn-bordered.disabled:hover, .btn-danger.btn-bordered.disabled:focus, .btn-danger.btn-bordered.disabled.focus, .btn-danger.btn-bordered.disabled:active, .btn-danger.btn-bordered.disabled.active, .btn-danger.btn-bordered[disabled], .btn-danger.btn-bordered[disabled]:hover, .btn-danger.btn-bordered[disabled]:focus, .btn-danger.btn-bordered[disabled].focus, .btn-danger.btn-bordered[disabled]:active, .btn-danger.btn-bordered[disabled].active, fieldset[disabled] .btn-danger.btn-bordered, fieldset[disabled] .btn-danger.btn-bordered:hover, fieldset[disabled] .btn-danger.btn-bordered:focus, fieldset[disabled] .btn-danger.btn-bordered.focus, fieldset[disabled] .btn-danger.btn-bordered:active, fieldset[disabled] .btn-danger.btn-bordered.active { color: #cc5656; background-color: transparent; border-color: #cc5656; } .btn-danger.btn-bordered .badge { color: #cc5656; background-color: #cc5656; } /* ============================================================================= * * Link buttons * * ========================================================================== */ .btn-link { color: #373737; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { box-shadow: none; background-color: transparent; } .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { background-color: transparent; color: #009463; text-decoration: underline; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #ebebeb; text-decoration: none; } /* ----------------------------------------------------------------------------- * Buttongroesen * -------------------------------------------------------------------------- */ .btn-lg { border-radius: 4px; font-size: 18px; line-height: 1.33333; padding: 10px 20px; height: auto; } .btn-lg.is-rounded { border-radius: 18px; } .btn-sm { border-radius: 1px; font-size: 14px; line-height: 1.5; padding: 5px 10px; height: auto; } .btn-sm.is-rounded { border-radius: 18px; } .btn-xs { border-radius: 1px; font-size: 14px; line-height: 1.5; padding: 1px 5px; height: auto; } .btn-xs.is-rounded { border-radius: 18px; } /* ============================================================================= * * Abweichende Buttondefintionen * * ----------------------------------------------------------------------------- * Defintionen von abweichenden Komponenteneigenschaften. * ========================================================================== */ .btn.radio label { min-height: 0; } .btn.radio input[type="radio"], .btn.radio input[type="checkbox"] { margin-top: 1px; } /** * Navigation (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Standard * * ========================================================================== */ .nav a { display: inline-block; font-weight: 400; position: relative; } .nav a > i { color: #f9cb0b; padding-right: 10px; } .nav a:hover { text-decoration: none; } .nav li { margin: 0; padding-left: 0; position: relative; } .nav li::before { display: none; } /* ============================================================================= * * Breadcrumb * * ========================================================================== */ .nav-breadcrumb * { clear: none; display: inline; } .nav-breadcrumb > .title { display: none; } .nav-breadcrumb li { display: inline-block; padding-right: 5px; } .nav-breadcrumb li > * { color: #fff; font-weight: 400; font-size: 0.9375em; } .nav-breadcrumb li > a { color: #fff; } .nav-breadcrumb li > a::after { content: '/'; padding-left: 5px; } .nav-breadcrumb li > a:hover, .nav-breadcrumb li > a:focus, .nav-breadcrumb li > a.active { color: #fff; } .nav-breadcrumb li > a:hover::after, .nav-breadcrumb li > a:focus::after, .nav-breadcrumb li > a.active::after { color: #fff; } .nav-breadcrumb li:last-child { padding-right: 0; } .nav-breadcrumb li:last-child a::after { display: none; } /* ============================================================================= * * Step Wizard * * ========================================================================== */ .nav-stepwizard { font-size: 1.125em; } .nav-stepwizard > li { display: table-cell; text-align: center; width: 1%; z-index: 1; } .nav-stepwizard > li:hover { z-index: 10; } .nav-stepwizard > li > a, .nav-stepwizard > li > span { border: 2px solid #767676; background-color: transparent; border-radius: 0; color: #434343; display: block; padding: 10px 15px; z-index: 1; } .nav-stepwizard > li > span { cursor: default; } .nav-stepwizard > li > a:hover, .nav-stepwizard > li > a:focus { border-color: #373737; background-color: transparent; color: #373737; } .nav-stepwizard > li.active { z-index: 2; } .nav-stepwizard > li.active > a, .nav-stepwizard > li.active > a:hover, .nav-stepwizard > li.active > a:focus { border-color: #373737; background-color: transparent; color: #373737; } .nav-stepwizard > li.active > span { border-color: #373737; background-color: transparent; color: #373737; } .nav-stepwizard > li.disabled { opacity: .4; } .nav-stepwizard > li > a, .nav-stepwizard > li > span { margin-left: -1px; margin-right: -1px; } .nav-stepwizard > li:first-child > a { margin-left: 0; } .nav-stepwizard > li:last-child > a { margin-right: 0; } /** * Pagination (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .pagination { border-radius: 0; margin: 0; } .pagination > li { display: inline-block; margin: 0 5px 0 0; } .nav-pagination .pagination > li { margin: 0 5px 0 0; } .pagination > li > a, .pagination > li > span { background-color: transparent; border-color: #ebebeb; border-radius: 0; border-width: 2px; color: #848484; font-weight: 700; margin: 0; padding: 6px 12px; } .pagination > li > a > i, .pagination > li > span > i { padding: 0; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { color: #848484; background-color: transparent; border-color: #373737; } .pagination > li:first-child { margin-left: 0; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; } .pagination > li:last-child { margin-right: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: 0; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { background-color: transparent; border-color: #373737; color: #373737; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { background-color: transparent; border-color: #f5f5f5; color: #f5f5f5; cursor: default; } .nav-pagination { border-top: 2px solid #ebebeb; padding-top: 20px; text-align: center; } /* .pagination-lg { @include pagination-size($comp-padding-vertical-large, $comp-padding-horizontal-large, $font-size-large, $comp-border-radius-large); } .pagination-sm { @include pagination-size($comp-padding-vertical-small, $comp-padding-horizontal-small, $font-size-small, $comp-border-radius-small); }*/ /** * Video, Audio (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ========================================================================= * * Audio, Video. * * ------------------------------------------------------------------------- * Unsichtbar setzen bis der JS-Part zum Zuge kommt. Er stellt die * Sichtbarkeit dann wieder her (Vermeidung von unschoenen Browsermeldungen). * ====================================================================== */ video { background-color: transparent; } /* ------------------------------------------------------------------------- * Video * ---------------------------------------------------------------------- */ .figure.video { overflow: hidden; /* * Ausrrichtung */ } .figure.video.left { float: left; margin: 0 3% 20px 0; } .figure.video.right { float: right; margin: 0 0 20px 3%; } .figure.video.left, .figure.video.right { width: 47%; } .figure.video.left.embed-responsive-16by9, .figure.video.right.embed-responsive-16by9 { padding-bottom: 28.125%; } .figure.video.left.embed-responsive-4by3, .figure.video.right.embed-responsive-4by3 { padding-bottom: 37.5%; } /** * Panels (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .tabs { border: 2px solid #d7d7d7; padding: 10px 10px; } .tabs .nav-tabs { border-bottom: 0 none; margin: -10px -10px 0; } .tabs .nav-tabs > li { margin: 10px 10px -1px; } .tabs .nav-tabs > li > a { border: 0 none; border-radius: 2px; color: #373737; text-decoration: underline; } .tabs .nav-tabs > li > a:hover { background-color: #ebebeb; border: 0 none; color: #373737; text-decoration: none; } .tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:hover, .tabs .nav-tabs > li.active > a:focus { background-color: #ebebeb; border: 0 none; color: #373737; cursor: default; text-decoration: none; } .tabs .tab-pane h2 { color: #f9cb0b; border: 0 none; padding-bottom: 0; } .tabs .tab-pane-inner { padding-top: 15px; } .tabs .tab-pane-inner > :first-child { margin-top: 0; } .tabs .tab-pane-inner > :last-child { margin-bottom: 0; } /** * Tabellen (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * Tabellenstandards * -------------------------------------------------------------------------- */ caption { padding: 10px 10px; color: #ebebeb; text-align: left; } table { background-color: transparent; margin: 15px 0; max-width: 100%; width: 100%; } table th, table td { border: 0; color: #707070; line-height: 1.375; padding: 10px 10px; text-align: left; vertical-align: top; } table > thead > tr > th, table > thead > tr > td { color: #373737; font-weight: 700; text-align: left; font-size: 1.125em; } table > tbody > tr > th, table > tbody > tr > td { color: #373737; font-weight: 400; text-align: left; } table table { background-color: #fff; } /* ----------------------------------------------------------------------------- * @Tabelle '.table' * -------------------------------------------------------------------------- */ .table > thead > tr > th, .table > thead > tr > td { border-bottom: 2px solid #373737; border-top: 0 none; padding: 10px 10px; } .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { border-bottom: 1px solid #c9c9c9; border-top: 0 none; padding: 10px 10px; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 1px solid #c9c9c9; } /* ----------------------------------------------------------------------------- * @Tabelle '.table-condensed' * -------------------------------------------------------------------------- */ .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 3px 5px; } /* ----------------------------------------------------------------------------- * @Bordered * -------------------------------------------------------------------------- */ .table-bordered { border: 1px solid #c9c9c9; /* > thead, > tbody, > tfoot { > tr { > th, > td { border : $table-bordered-border; } } } > thead > tr { > th, > td { border-bottom-width : 1px; } }*/ } /* ----------------------------------------------------------------------------- * @Zebra * -------------------------------------------------------------------------- */ .table-striped > tbody > tr:nth-child(even) { background-color: #fff; } .table-striped > tbody > tr:nth-child(odd) { background-color: #f5f5f5; } /* ----------------------------------------------------------------------------- * @Hover * -------------------------------------------------------------------------- */ .table-hover > tbody > tr:hover { background-color: #fff; } /* ----------------------------------------------------------------------------- * @Hintergrundfarben * -------------------------------------------------------------------------- */ /* * Kontextbezogene Varianten */ table > thead > tr > td.active, table > thead > tr > th.active, table > thead > tr.active > td, table > thead > tr.active > th, table > tbody > tr > td.active, table > tbody > tr > th.active, table > tbody > tr.active > td, table > tbody > tr.active > th, table > tfoot > tr > td.active, table > tfoot > tr > th.active, table > tfoot > tr.active > td, table > tfoot > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } table > thead > tr > td.success, table > thead > tr > th.success, table > thead > tr.success > td, table > thead > tr.success > th, table > tbody > tr > td.success, table > tbody > tr > th.success, table > tbody > tr.success > td, table > tbody > tr.success > th, table > tfoot > tr > td.success, table > tfoot > tr > th.success, table > tfoot > tr.success > td, table > tfoot > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #b5dfb5; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #a3d7a3; } table > thead > tr > td.info, table > thead > tr > th.info, table > thead > tr.info > td, table > thead > tr.info > th, table > tbody > tr > td.info, table > tbody > tr > th.info, table > tbody > tr.info > td, table > tbody > tr.info > th, table > tfoot > tr > td.info, table > tfoot > tr > th.info, table > tfoot > tr.info > td, table > tfoot > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #c5e9f3; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #b0e1ef; } table > thead > tr > td.warning, table > thead > tr > th.warning, table > thead > tr.warning > td, table > thead > tr.warning > th, table > tbody > tr > td.warning, table > tbody > tr > th.warning, table > tbody > tr.warning > td, table > tbody > tr.warning > th, table > tfoot > tr > td.warning, table > tfoot > tr > th.warning, table > tfoot > tr.warning > td, table > tfoot > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fae3c4; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #f8d9ac; } table > thead > tr > td.danger, table > thead > tr > th.danger, table > thead > tr.danger > td, table > thead > tr.danger > th, table > tbody > tr > td.danger, table > tbody > tr > th.danger, table > tbody > tr.danger > td, table > tbody > tr.danger > th, table > tfoot > tr > td.danger, table > tfoot > tr > th.danger, table > tfoot > tr.danger > td, table > tfoot > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #eab8b8; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #e4a4a4; } /*table, table caption, thead, tbody, tfoot, tr, th, td { background-color : map-get($tables, 'default-background-color'); margin : 0; padding : 0; } table { background-color : map-get($tables, 'default-background-color'); border-collapse : collapse; border-spacing : 0; clear : both; empty-cells : hide; margin : map-get($measurements, 'margin-vertical') 0; min-width : map-get($tables, 'default-width'); padding : 0; } table caption, table tfoot { display : none; } th, td { border : 0 none transparent; font-weight : normal; text-align : left; vertical-align : top; &.text-top { vertical-align : top; } &.text-bottom { vertical-align : bottom; } &.text-middle { vertical-align : middle; } } th.table-cell-empty, td.table-cell-empty { background-color : transparent !important; color : transparent !important; }*/ /* ========================================================================= * * Gekapselte Tabelle * * ------------------------------------------------------------------------- * Tabelle ist scrollbar auf mobilen Geraeten bzw. auf kleineren Displays. * ====================================================================== .table-scroll { clear : both; margin : map-get($measurements, 'margin-vertical') 0; position : relative; table { margin : 0; } .table-scroll-icon { bottom : -1em; color : #9f9f9f; font-size : .75em; left : 50%; line-height : 1em; margin-left : -25px; position : absolute; text-align : center; width : 50px; } .table-scroll-inline { -webkit-overflow-scrolling : touch; overflow-y : hidden; overflow-x : auto; } }*/ /* ========================================================================= * * Layout: Fixed * * ------------------------------------------------------------------------- * Alle Spalten haben dieselbe Breite. * ====================================================================== .table--fixed-layout { table-layout : fixed; }*/ /* ========================================================================= * * Stil: Standard * * ====================================================================== .table-show-footer tfoot { display : table-row-group; } .table th { background-color : map-get($tables, 'row-header-background-color'); color : map-get($tables, 'row-header-color'); } .table th, .table td { padding : 4px 8px; } .table thead { th, td { background-color : map-get($tables, 'header-background-color'); color : map-get($tables, 'header-color'); padding-bottom : 8px; padding-top : 8px; vertical-align : top; } } .table tr.marked, .table td.marked { background-color : #f1f1f1; } .table tr.marked-medium, .table td.marked-medium { background-color : #e4e4e4; } .table tr.marked-high, .table td.marked-high { background-color : #c5c5c5; }*/ /* ========================================================================= * * Stil: mit Rahmen * * ====================================================================== .table--bordered { border : 1px solid #fff; } .table--bordered { th, td { @extend .table--bordered; } }*/ /* ========================================================================= * * Stil: Tebra * * ====================================================================== .table--striped tbody tr:nth-child(even) { background-color : map-get($tables, 'background-color-even'); } .table--striped tbody tr:nth-child(odd) { background-color : map-get($tables, 'background-color-odd'); }*/ /** * Listen (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ ul, ol { border: 0 none; list-style: none; margin: 0; padding: 0; } ul li, ol li { border: 0 none; list-style: none; margin: 0; padding: 0; } dl { border: 0 none; list-style: none; margin: 0; padding: 0; } dl dt, dl dd { border: 0 none; margin: 0; padding: 0; } ul, ol, dl { margin: 20px 0; padding: 0; } /* * Listentyp der un- und geordneten Liste uberschreiben. */ ul > li, ol > li { margin: 10px 0; padding-left: 22px; position: relative; } ul > li::before, ol > li::before { color: #f9cb0b; left: 0; position: absolute; top: 0; } ul > li::before { content: "\f105"; line-height: 1.375; } ol > li { counter-increment: step-counter; } ol > li::before { content: counter(step-counter); } /* ============================================================================= * * Bootstrap Listen * * ----------------------------------------------------------------------------- * Siehe http://getbootstrap.com/css/#type-lists * ========================================================================== */ /* ----------------------------------------------------------------------------- * Unstyled (Bootstrap Defaults) * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Inline (Bootstrap Defaults) * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Horizontal description * -------------------------------------------------------------------------- */ /* ============================================================================= * * Eigene Listen * * ========================================================================== */ .list-clean { border: 0 none; list-style: none; margin: 0; padding: 0; } .list-clean li { border: 0 none; list-style: none; margin: 0; padding: 0; } /* ----------------------------------------------------------------------------- * Social-Icons * ----------------------------------------------------------------------------- * Verwendung Showcase, Seitenuss. * -------------------------------------------------------------------------- */ .list-social-icons, .list-social-icons * { font-weight: 400; list-style: none; padding: 0; margin: 0; } .list-social-icons > li { display: inline-block; margin-right: 25px; width: 30px; } .list-social-icons > li::before { display: none; } .list-social-icons > li a { color: #fff; display: block; font-size: 0.9375em; height: 30px; opacity: .5; text-align: center; width: 30px; } .list-social-icons > li a > i { border: 2px solid #fff; line-height: 26px; border-radius: 50%; } .list-social-icons > li a > i:before { display: block; height: 26px; width: 26px; } .list-social-icons > li a:hover { opacity: 1; } .list-social-icons > li:last-child { margin-right: 0; } /* ----------------------------------------------------------------------------- * Liste mit Links * -------------------------------------------------------------------------- */ .list-links > li { border-bottom: 2px solid #f5f5f5; padding: 10px 0; } .list-links > li:last-child { border-bottom: 0; } .list-links > li::before { display: none; } .list-links a { display: block; font-weight: 400; position: relative; padding-right: 30px; } .list-links a::after { content: "\f105"; position: absolute; right: 0; text-align: center; top: 4px; width: 30px; } .list-links a.link-file::after { content: "\f019"; } .list-links a.link-file > .file-info { opacity: .5; } .list-links a.link-web::after { content: "\f14c"; } .list-links a.link-email::after { content: "\f0e0"; } .list-links a.link-anchor::after { content: "\f13d"; } .list-links a.link-googlemap::after { content: "\f041"; } .list-links a.link-pageflip::after { content: "\f02d"; } .list-links a.link-popup::after { content: "\f0aa"; } .list-links a:hover, .list-links a:active, .list-links a:focus { text-decoration: none; } /* ----------------------------------------------------------------------------- * Liste mit Rahmen * -------------------------------------------------------------------------- */ .list-bordered { border: 1px solid #f5f5f5; border-top: 0 none; } .list-bordered > li::before { display: none; } .list-bordered > li, .list-bordered > dt, .list-bordered > dd { border-top: 1px solid #f5f5f5; margin: 0; padding: 10px 20px; } /* ----------------------------------------------------------------------------- * Tabellenliste (dt = zeilenkopf, dd = Zeileninhalt) * -------------------------------------------------------------------------- */ .list-table > * { border-top: 1px solid #d7d7d7; float: left; margin: 0; padding: 15px 0; } .list-table > *:nth-child(1), .list-table > *:nth-child(2) { border-top: 0; } .list-table > li::before { content: ''; display: none; } .list-table > dt, .list-table > li:nth-child(2n+1) { clear: both; font-weight: 400; padding-right: 15px; width: 40%; } .list-table > dd, .list-table > li:nth-child(2n+2) { width: 60%; } /* ----------------------------------------------------------------------------- * Datenliste (dt = zeilenkopf, dd = Zeileninhalt) * -------------------------------------------------------------------------- */ .list-data > * { border-top: 0 none; margin: 0; padding: 5px 0; } .list-data > dt, .list-data > li:nth-child(2n+1) { float: left; font-weight: 700; width: 100px; } .list-data > dd, .list-data > li:nth-child(2n+2) { float: none; margin-left: 100px; width: auto; } /** * Listengruppen (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Listengruppe 'Checkboxen, Radio' * * ========================================================================== */ .list-group-checkbox-radio { padding-left: 15px; padding-right: 15px; } .list-group-checkbox-radio p { margin: 0; } .list-group-checkbox-radio .list-group-item { border-left: 0 none; border-right: 0 none; border-top: 0 none; border-color: #d7d7d7; margin-bottom: 0; padding: 15px 15px; } .list-group-checkbox-radio .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-checkbox-radio .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .list-group-checkbox-radio .checkbox, .list-group-checkbox-radio .radio { display: block; min-height: 0; padding-top: 0; } .list-group-checkbox-radio .checkbox label, .list-group-checkbox-radio .radio label { display: block; } .list-group-checkbox-radio.has-grid .list-group-item { padding-left: 0; padding-right: 0; } /** * Panels (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .panel { margin-bottom: 22px; background-color: transparent; border: 2px solid transparent; border-radius: 2px; box-shadow: none; } .panel-body { color: #434343; padding: 20px 20px; } .panel-heading { background-color: #d7d7d7; border-bottom: 2px solid transparent; border-top-left-radius: 1px; border-top-right-radius: 1px; font-size: 1.125em; padding: 15px 20px; } .panel-title { font-size: inherit; /* color : inherit; > a, > small, > .small, > small > a, > .small > a { color : inherit; }*/ } .panel-footer { background-color: #d7d7d7; border-top: 2px solid transparent; color: #5f5f5f; padding: 15px 20px; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; } /* ----------------------------------------------------------------------------- * Collapsable panels (aka, accordion) * ----------------------------------------------------------------------------- * Wrap a series of panels in `.panel-group` to turn them into an accordion with * the help of our collapse JavaScript plugin. * -------------------------------------------------------------------------- */ .panel-group .panel { border-radius: 2px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 2px solid transparent; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 2px solid transparent; } /* ----------------------------------------------------------------------------- * Kontextabhaengige Varianten. * -------------------------------------------------------------------------- */ .panel-default { border-color: #ebebeb; } .panel-default > .panel-heading { color: #767676; background-color: #ebebeb; border-color: #ebebeb; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebebeb; } .panel-default > .panel-heading .badge { color: #ebebeb; background-color: #767676; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebebeb; } .panel-primary { border-color: #009463; } .panel-primary > .panel-heading { color: #fff; background-color: #009463; border-color: #009463; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #009463; } .panel-primary > .panel-heading .badge { color: #009463; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #009463; } .panel-secondary { border-color: #f9cb0b; } .panel-secondary > .panel-heading { color: #fff; background-color: #f9cb0b; border-color: #f9cb0b; } .panel-secondary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f9cb0b; } .panel-secondary > .panel-heading .badge { color: #f9cb0b; background-color: #fff; } .panel-secondary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f9cb0b; } .panel-tertiary { border-color: #373737; } .panel-tertiary > .panel-heading { color: #fff; background-color: #373737; border-color: #373737; } .panel-tertiary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #373737; } .panel-tertiary > .panel-heading .badge { color: #373737; background-color: #fff; } .panel-tertiary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #373737; } .panel-success { border-color: #c7e6c7; } .panel-success > .panel-heading { color: #5cb85c; background-color: #c7e6c7; border-color: #c7e6c7; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #c7e6c7; } .panel-success > .panel-heading .badge { color: #c7e6c7; background-color: #5cb85c; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #c7e6c7; } .panel-info { border-color: #daf1f8; } .panel-info > .panel-heading { color: #5bc0de; background-color: #daf1f8; border-color: #daf1f8; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #daf1f8; } .panel-info > .panel-heading .badge { color: #daf1f8; background-color: #5bc0de; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #daf1f8; } .panel-warning { border-color: #fceedb; } .panel-warning > .panel-heading { color: #f0ad4e; background-color: #fceedb; border-color: #fceedb; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fceedb; } .panel-warning > .panel-heading .badge { color: #fceedb; background-color: #f0ad4e; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #fceedb; } .panel-danger { border-color: #efcccc; } .panel-danger > .panel-heading { color: #cc5656; background-color: #efcccc; border-color: #efcccc; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #efcccc; } .panel-danger > .panel-heading .badge { color: #efcccc; background-color: #cc5656; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #efcccc; } /** * Wells (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .well { padding: 15px; margin-bottom: 15px; background-color: transparent; border: 2px solid #f5f5f5; border-radius: 0; box-shadow: none; /* TODO - wells > blockquote noch offen blockquote { border-color : #ddd; border-color : rgba(0, 0, 0, .15); }*/ } .well > :first-child { margin-top: 0; } .well > :last-child { margin-bottom: 0; } .well-lg { border-radius: 0; margin: 20px; padding: 20px; } .well-sm { border-radius: 0; margin: 10px; padding: 10px; } .well h1, .well h2, .well h3, .well h4, .well h5, .well h6 { border-bottom: 0; font-size: 1em; font-weight: 700; margin: 10px 0; padding-bottom: 0; } .well h1, .well h2 { font-size: 1.5em; font-weight: 400; } .well h3 { font-size: 1.5em; font-weight: 400; } .well-scrollable { height: 210px; overflow-x: hidden; overflow-y: auto; } .well-scrollable-lg { height: 250px; } .well-scrollable-sm { height: 170px; } /** * Accordions (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .accordion { /* ------------------------------------------------------------------------- * Berechnungen von Werten fuer das Toggle-Icon. * ------------------------------------------------------------------------- * - Icon-Schgriftgroesse * - Icon-Positionierung (links, rechts, oberer Abstandd) * - Toggle-Padding (links oder rechts, auf Basis von Icon-Breite und -Offset) * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * Zuweisungen der Eigenschaften/Defintionen. * ---------------------------------------------------------------------- */ display: block; z-index: 1; } .accordion-toggle { background-color: transparent; border: 2px solid #c7c7c7; color: #373737; cursor: pointer; display: block; font-size: 1.125em; margin: 10px 0 0; outline: 0 !important; padding: 10px; padding-left: 40px; position: relative; text-decoration: none; } .accordion-toggle i { color: #f9cb0b; height: 20px; font-size: inherit; left: 10px; line-height: 20px; margin-top: -10px; position: absolute; text-align: center; top: 50%; width: 20px; } .accordion-toggle:hover, .accordion-toggle:focus { background-color: transparent; color: #f9cb0b; } .accordion-toggle:hover i, .accordion-toggle:focus i { color: #f9cb0b; } .accordion-toggle:active, .accordion-toggle.active { background-color: transparent; border-bottom: 0 none; color: #373737; } .accordion-toggle:active i, .accordion-toggle.active i { color: #f9cb0b; } .accordion-toggle:active i:before, .accordion-toggle.active i:before { content: '\f068'; } .accordion-panel { border: 2px solid #c7c7c7; border-top: 0 none; display: none; } .accordion-panel-body { padding: 15px; } /** * Modals (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Modal: Standard * * ========================================================================== */ .modal-dialog { margin: 0 auto; max-width: 960px; padding: 15px 15px; position: relative; width: auto; } .modal-dialog > * { z-index: 1; } .modal-dialog > .close { bottom: auto; color: #f9cb0b; display: block; height: 30px; left: auto; margin-top: 0; opacity: 1; position: absolute; right: 15px; top: 15px; width: 30px; z-index: 10; } .modal-backdrop { background-color: rgba(55, 55, 55, 0.5); } /* ----------------------------------------------------------------------------- * Kopfzeile * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Inhalt * -------------------------------------------------------------------------- */ .modal-content { background-color: #fff; border: 0 none; border-radius: 0; box-shadow: none; } .modal-body { padding: 15px 15px; } /* ----------------------------------------------------------------------------- * Fusszeile * -------------------------------------------------------------------------- */ /* ============================================================================= * * Modal: Ajax * * ----------------------------------------------------------------------------- * Benoetigt wird ein zweiter 'modal-content'-Block fuer die Anzeige des * Ladestatus. * *
*
* *
* *
* ========================================================================== */ .modal-ajax .modal-header { display: none; } .modal-ajax .modal-body { z-index: 1; } .modal-ajax .modal-title { display: none; } .modal-ajax .modal-content-loading { display: none; padding: 15px 15px; position: relative; text-align: center; } .modal-ajax .modal-content-loading .indicator { display: block; position: relative; width: 100%; } .modal-ajax.is-loading .modal-content { display: none; } .modal-ajax.is-loading .modal-content-loading { display: block; } /** * Tooltipps (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Galerien (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .gallery { margin: 20px 0; position: relative; } .gallery .swiper-slide { background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0; overflow: hidden; padding: 0; } .gallery .swiper-slide::before { display: none; } .gallery .swiper-slide .image { background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; z-index: 1; } .gallery .swiper-slide .image > img { display: none; } /* ============================================================================= * * Galerieslider * * ========================================================================== */ /* ----------------------------------------------------------------------------- * Standardgalerie * -------------------------------------------------------------------------- */ .gallery-slider .swiper-pagination { bottom: auto; top: 20px; } .gallery-slider .swiper-slide .swiper-slide-wrapper { height: 410px; overflow: hidden; position: relative; } .gallery-slider .swiper-slide .text { background-color: rgba(0, 148, 99, 0.7); bottom: 0; left: 0; position: absolute; right: 0; z-index: 2; } .gallery-slider .swiper-slide .text > .caption { color: #fff; padding: 15px 15px; } .gallery-slider .swiper-slide .text > .caption * { border-color: #fff; color: #fff; } .gallery-slider .swiper-slide .text > .caption > :first-child { margin-top: 0; } .gallery-slider .swiper-slide .text > .caption > :last-child { margin-bottom: 0; } /* ----------------------------------------------------------------------------- * Erweiterte Galerie (Text | Bild) * -------------------------------------------------------------------------- */ .gallery-slider-extended { padding-bottom: 50px; } .gallery-slider-extended .swiper-pagination { bottom: 60px; top: auto; } .gallery-slider-extended .swiper-slide .text { background-color: #009463; bottom: auto; float: left; left: auto; margin-left: -100%; position: relative; right: auto; width: 33%; } .gallery-slider-extended .swiper-slide .text > .caption { display: table-cell; padding: 0 60px; vertical-align: middle; } .gallery-slider-extended .swiper-slide .text, .gallery-slider-extended .swiper-slide .text > .caption { height: 410px; } .gallery-slider-extended .swiper-slide .image { float: left; margin-left: 33%; width: 67%; } /* ----------------------------------------------------------------------------- * Galerie mit Thumbnails * -------------------------------------------------------------------------- */ .gallery-two-way-control .swiper-slide-wrapper { height: 100%; } .gallery-two-way-control .text { background-color: rgba(55, 55, 55, 0.7); bottom: 0; left: 0; position: absolute; right: 0; transition: border-color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; z-index: 2; } .gallery-two-way-control .text > .caption { color: #fff; display: block; padding: 15px 15px; text-decoration: none; transition: color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } .gallery-two-way-control .text > .caption * { border-color: #fff; color: #fff; font-weight: 700; margin: 0; transition: color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } .gallery-two-way-control .text > .caption h2, .gallery-two-way-control .text > .caption h3, .gallery-two-way-control .text > .caption h4, .gallery-two-way-control .text > .caption h5, .gallery-two-way-control .text > .caption h6 { font-size: 1.5em; font-weight: 300; } .gallery-two-way-control .text > .caption:hover, .gallery-two-way-control .text > .caption:active, .gallery-two-way-control .text > .caption:focus { text-decoration: none; } .gallery-two-way-control .text > .caption > :first-child { margin-top: 0; } .gallery-two-way-control .text > .caption > :last-child { margin-bottom: 0; } .gallery-two-way-control .text > a.caption { padding-right: 60px; } .gallery-two-way-control .text > a.caption::before { content: "\f054"; font-size: 2em; height: 30px; line-height: 30px; margin-top: -15px; position: absolute; right: 15px; text-align: center; top: 50%; width: 30px; } .gallery-two-way-control .gallery-view, .gallery-two-way-control .gallery-thumbs { float: left; height: 540px; } .gallery-two-way-control .gallery-view { width: 78%; } .gallery-two-way-control .gallery-thumbs { width: 22%; } .gallery-two-way-control .gallery-thumbs .swiper-slide { cursor: pointer; display: block; height: 180px; } .gallery-two-way-control .gallery-thumbs .text { top: 0; border: 2px solid transparent; } .gallery-two-way-control .gallery-thumbs .text > .caption { bottom: 0; left: 0; position: absolute; right: 0; z-index: 3; } .gallery-two-way-control .gallery-thumbs .active .text { border-color: #f9cb0b; } .gallery-two-way-control .gallery-thumbs .active .text > .caption, .gallery-two-way-control .gallery-thumbs .active .text > .caption * { color: #f9cb0b; } .gallery-two-way-control .swiper-pagination { display: none; } /* ----------------------------------------------------------------------------- * Textgalerie * -------------------------------------------------------------------------- */ .gallery-text .swiper-pagination { bottom: -30px; left: 0; } .gallery-text .swiper-pagination > .swiper-pagination-bullet { height: 10px; width: 10px; } .gallery-text .swiper-slide { background-color: transparent; } .gallery-text .swiper-slide .swiper-slide-wrapper > :first-child { margin-top: 0; } .gallery-text .swiper-slide .swiper-slide-wrapper > :last-child { margin-bottom: 0; } /* ============================================================================= * * Galerieliste * * ========================================================================== */ .gallery-list .thumbnail { margin: 0; overflow: hidden; width: 100%; } .gallery-list .thumbnail > .image { background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 200px; z-index: 1; } .gallery-list .thumbnail > .image > img { display: none; } .gallery-list .thumbnail > .caption { padding-bottom: 0; } .gallery-list .item:nth-child(3n+1) { clear: both; } .gallery-list .item::before { content: ''; display: none; } /** * Googlemaps (Komponente) * * (1) Nur wenn eine bestimmte Variable existiert wird auch eine entsprechende * Defintionen integriert. * (2) Pruefen auf korrekten Variablentyp, -inhalt. * * @copyright 2016 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .googlemap { display: block; height: 400px; margin: 0; width: auto; } .googlemap::before, .googlemap::after { content: ''; display: none; position: absolute; left: 0; top: 0; bottom: 0; width: 30px; z-index: 5; } .googlemap::after { left: auto; right: 0; } .googlemap-map { display: block; height: 100%; overflow: hidden; position: relative; width: 100%; z-index: 1; } .googlemap-map .gmap-marker-text { font-family: Arial, Helvetica, Arial, sans-serif; font-size: 12px; line-height: normal; } .googlemap-map .gmap-marker-text .title { color: #373737; font-weight: bold; padding-bottom: 5px; } .googlemap.responsive-16by9, .googlemap.responsive-4by3, .googlemap.responsive-3by4, .googlemap.responsive-3by2, .googlemap.responsive-2by3 { height: auto; position: relative; } .googlemap.responsive-16by9 > .googlemap-map, .googlemap.responsive-4by3 > .googlemap-map, .googlemap.responsive-3by4 > .googlemap-map, .googlemap.responsive-3by2 > .googlemap-map, .googlemap.responsive-2by3 > .googlemap-map { height: auto; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .googlemap.responsive-16by9 { padding-top: 56.25%; } .googlemap.responsive-4by3 { padding-top: 75%; } .googlemap.responsive-3by4 { padding-top: 133.33333%; } .googlemap.responsive-3by2 { padding-top: 66.66667%; } .googlemap.responsive-2by3 { padding-top: 150%; } .is-mobile .googlemap::before, .is-mobile .googlemap::after { display: block; } /** * Organigramm (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * Globale Defintionen * -------------------------------------------------------------------------- */ .organisation-chart ul { border: 0 none; list-style: none; margin: 0; padding: 0; } .organisation-chart ul li { border: 0 none; list-style: none; margin: 0; padding: 0; } .organisation-chart ul:before, .organisation-chart ul:after { content: ' '; /* 1 */ display: table; /* 2 */ } .organisation-chart ul li::before { content: ' '; } .organisation-chart a { display: block; font-weight: inherit; height: 100%; } .organisation-chart a::before { content: "\f0c1"; font-size: .8125em; padding-right: 5px; } .organisation-chart .oc-section, .organisation-chart .oc-heading, .organisation-chart .oc-persons, .organisation-chart .oc-person { display: block; margin: 0; } .organisation-chart .oc-section { background-color: #ebebeb; color: #434343; height: 100%; position: relative; text-align: center; z-index: 1; } .organisation-chart .oc-heading { background-color: #009463; color: #fff; display: block; font-size: 0.875em; height: 50px; overflow: hidden; padding: 5px; text-align: center; width: 100%; } .organisation-chart .oc-heading > a { color: #fff; } .organisation-chart .oc-heading.oc-sub-heading { color: #a4a4a4; background-color: #ebebeb; } .organisation-chart .oc-persons { clear: none; float: left; width: 33.3333333333%; } .organisation-chart .oc-persons:before, .organisation-chart .oc-persons:after { content: ' '; /* 1 */ display: table; /* 2 */ } .organisation-chart .oc-persons:first-of-type:last-of-type { float: none; width: 100%; } .organisation-chart .oc-persons .oc-person { padding: 5px; } .organisation-chart .oc-persons .oc-person > small { color: darkgray; display: block; } .organisation-chart .oc-level-group, .organisation-chart .oc-level-0, .organisation-chart .oc-level-1, .organisation-chart .oc-level-2 { margin: 0 auto; padding: 20px 0; position: relative; } .organisation-chart .oc-level-group::before, .organisation-chart .oc-level-0::before, .organisation-chart .oc-level-1::before, .organisation-chart .oc-level-2::before { content: ""; display: block; overflow: hidden; position: relative; } .organisation-chart .oc-level-0::before { display: none; } .organisation-chart .oc-level-group { padding: 0; } .organisation-chart .oc-level-0, .organisation-chart .oc-level-1 { width: 80%; } /* ----------------------------------------------------------------------------- * Definitionen "Level-0" * -------------------------------------------------------------------------- */ .organisation-chart .oc-level-0::before { border-top: 2px solid #d7d7d7; height: 2px; margin: 0 auto; top: 50px; width: 80%; } .organisation-chart .oc-level-0 > li { float: left; height: 100%; padding: 0 20px; } .organisation-chart .oc-level-0 > li:first-child { width: 33.3333333333%; } .organisation-chart .oc-level-0 > li:last-child { width: 66.6666666666%; } .organisation-chart .oc-level-0-1::before { border-left: 2px solid #d7d7d7; border-top: 0 none; bottom: -90px; content: ""; display: block; float: none; height: 90px; left: auto; line-height: 1; position: absolute; right: 40px; top: auto; width: 2px; } /* ----------------------------------------------------------------------------- * Definitionen "Level-1" * -------------------------------------------------------------------------- */ .organisation-chart .oc-level-1::before { border-left: 2px solid #d7d7d7; height: 40px; left: 50%; margin-left: -2px; position: absolute; top: -20px; width: 2px; } .organisation-chart .oc-level-1 > li { height: 100%; margin: 0 auto; padding: 0 20px; width: 33.3333333333%; } .organisation-chart .oc-level-1-1::before { border-top: 2px solid #d7d7d7; bottom: auto; content: ""; display: block; float: none; height: 2px; left: -40px; line-height: 1; position: absolute; right: 40px; top: 48px; width: 60px; } /* ----------------------------------------------------------------------------- * Definitionen "Level-2" * -------------------------------------------------------------------------- */ .organisation-chart .oc-level-2 { margin-top: 20px; padding-top: 40px; } .organisation-chart .oc-level-2::before { border-left: 2px solid #d7d7d7; border-right: 2px solid #d7d7d7; border-top: 2px solid #d7d7d7; height: 60px; left: 40px; margin-left: -2px; margin-right: -2px; position: absolute; right: 40px; top: 0; } .organisation-chart .oc-level-2::after { border-left: 2px solid #d7d7d7; content: ""; display: block; height: 40px; right: 50%; margin: 0 auto; overflow: hidden; position: absolute; top: -40px; width: 2px; } .organisation-chart .oc-level-2.three-columns::before { right: 340px; } .organisation-chart .oc-level-2 > li { float: left; padding: 0 20px; position: relative; width: 25%; } .organisation-chart .oc-level-2 > li:last-child { float: right; } .organisation-chart .oc-level-2 > li.without-string::before { display: none; } .organisation-chart .oc-level-2 > li::before { border-left: 2px solid #d7d7d7; content: ""; display: block; height: 40px; left: 50%; margin-left: -1px; overflow: hidden; position: absolute; top: -40px; width: 2px; } .organisation-chart .oc-level-2 > li:first-child::before, .organisation-chart .oc-level-2 > li:last-child::before { display: none; } .organisation-chart .oc-level-2 > li > ul { margin-top: 40px; position: relative; } .organisation-chart .oc-level-2 > li > ul::before { border-left: 2px solid #d7d7d7; content: ""; display: block; height: 40px; left: 50%; overflow: hidden; position: absolute; top: -40px; width: 2px; } .organisation-chart .oc-level-2 > li > ul.lower { margin-top: 90px; } .organisation-chart .oc-level-2 > li > ul.lower::before { border-left: none; border-right: 2px solid #d7d7d7; border-top: 2px solid #d7d7d7; height: 220px; top: -204px; width: 423px; } .organisation-chart .oc-level-2 > li > ul.line-right::before { left: auto; right: 18px; } .organisation-chart .oc-level-2 > li > ul.line-left::before { left: 18px; } .organisation-chart .oc-level-2 .oc-sub-heading { height: auto; } .organisation-chart .oc-level-2 .oc-persons { font-size: 0.875em; } .organisation-chart .oc-level-wrap { position: relative; } .organisation-chart .oc-level-wrap.add-center-line-v::before { border-left: 2px solid #d7d7d7; bottom: 0; content: ""; display: block; left: 50%; margin-left: -2px; overflow: hidden; position: absolute; top: -40px; width: 2px; } .organisation-chart .oc-level-wrap.custom { padding-top: 40px; } .organisation-chart .oc-level-wrap.custom .oc-level-2 { margin-top: 0; } .organisation-chart .oc-level-wrap.custom .oc-level-2 > li { width: 33.33333%; } /* * Schluessel existiert in der Map */ /* * Schluessel existiert in der Map */ @media only screen and (max-width: 991px) { .organisation-chart .oc-level-1::before { margin-left: 0; } .organisation-chart .oc-level-2 { padding-bottom: 0; padding-left: 20px; } .organisation-chart .oc-level-2::before, .organisation-chart .oc-level-2.three-columns::before { border-right: 0 none; height: 100%; left: 0; right: 50%; } .organisation-chart .oc-level-2::after { left: 50%; right: auto; } .organisation-chart .oc-level-2 > li { float: none !important; margin: 40px 0 20px; padding: 0; width: 100%; } .organisation-chart .oc-level-2 > li::before { border-top: 2px solid #d7d7d7; border-left: 0 none; content: ""; display: block; height: 2px; left: -20px; overflow: hidden; position: absolute; top: 48px; width: 20px; } .organisation-chart .oc-level-2 > li:first-child { margin-top: 0; } .organisation-chart .oc-level-2 > li:first-child::before { display: block; } .organisation-chart .oc-level-2 > li:last-child { margin-bottom: 0; } .organisation-chart .oc-level-2 > li:last-child::before { display: block; } .organisation-chart .oc-level-2 > li:last-child::after { content: ''; border-left: 2px solid #fff; position: absolute; left: -20px; bottom: 0; top: 50px; } .organisation-chart .oc-level-2 > li > ul.lower { margin-top: 40px; } .organisation-chart .oc-level-2 > li > ul.lower::before { display: none; } .organisation-chart .oc-level-2 .oc-persons { font-size: 1em; } .organisation-chart .oc-level-wrap.add-center-line-v::before { display: none; } .organisation-chart .oc-level-wrap.custom { padding-top: 0; } .organisation-chart .oc-level-wrap.custom .oc-level-2::before { border-top: 0 none; right: auto; width: 2px; } .organisation-chart .oc-level-wrap.custom .oc-level-2::after { display: none; } .organisation-chart .oc-level-wrap.custom .oc-level-2 > li { width: 100%; } .organisation-chart .oc-level-wrap.custom .oc-level-2 > li:last-child::after { left: -42px; } } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 767px) { .organisation-chart .oc-level-0 { width: 100%; } .organisation-chart .oc-level-0 .oc-persons { float: none; width: 100%; } .organisation-chart .oc-level-1 > li { width: 50%; } .organisation-chart .oc-level-1-1::before { left: -20px; width: 40px; } } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 640px) { .organisation-chart .oc-level-0, .organisation-chart .oc-level-1 { width: 100%; } .organisation-chart .oc-level-0 > li, .organisation-chart .oc-level-1 > li { padding-left: 0; padding-right: 0; width: 100% !important; } .organisation-chart .oc-level-0 { padding-left: 20px; } .organisation-chart .oc-level-0::before { border-left: 2px solid #d7d7d7; border-top: 0 none; bottom: 0; content: ""; display: block; height: auto; left: 0; position: absolute; right: auto; top: 68px; width: 2px; } .organisation-chart .oc-level-0 > li { float: none; margin: 0 0 40px; } .organisation-chart .oc-level-0 > li:last-child { margin-bottom: 0; } .organisation-chart .oc-level-0 > li:last-child::before { border-top: 0 none; border-left: 2px solid #d7d7d7; height: 40px; left: 50%; top: -40px; width: 2px; } .organisation-chart .oc-level-0-1::before { border-left: 0 none; border-top: 2px solid #d7d7d7; bottom: auto; height: 2px; left: -20px; right: auto; top: 48px; width: 20px; } .organisation-chart .oc-level-0-2::before { display: none; } .organisation-chart .oc-level-1 { padding-left: 20px; } .organisation-chart .oc-level-1-1::before { left: -20px; width: 20px; } .organisation-chart .oc-level-1-1::after { border-left: 2px solid #d7d7d7; border-top: 0 none; content: ""; height: 70px; left: -20px; position: absolute; top: -20px; width: 2px; } } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 420px) { .organisation-chart .oc-level-0, .organisation-chart .oc-level-1 { width: 100%; } } /** * Stapel (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package Workspace */ .stack { margin-bottom: 15px; margin-top: 15px; } .stack .stack-item { margin: 15px 0; position: relative; } .stack .stack-item:first-child { margin-top: 0; } .stack .stack-item:last-child { margin-bottom: 0; } /* ============================================================================= * * Artikel * * ========================================================================== */ .stack-article .stack-item { margin-bottom: 50px; margin-top: 50px; position: relative; border-top: 1px solid #d7d7d7; padding-top: 50px; } .stack-article .stack-item:first-child { border-top: 0 none; margin-top: 0; padding-top: 0; } .stack-article .stack-item:last-child { margin-bottom: 0; } .stack-article .stack-item > div > * { clear: none; margin-top: 20px; } .stack-article .stack-item > div > .title { color: #373737; font-size: 2.25em; font-weight: 700; margin-top: 0; } .stack-article .stack-item > div > .datetime { display: none; } .show-articledate .stack-article .stack-item > div > .datetime { display: block; } .stack-article .stack-item.has-img > div { margin-left: 26%; } .stack-article .stack-item.has-img > img { float: left; height: auto; margin-left: 0; width: 22%; } /** * Artikel (Komponente) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .article { position: relative; /* * Abstaende (Margin) in bezug auf erste und letzte Kindelemente anpassen. */ } .article .description { /*background-color : $article-teaser-bg-color; color : $article-teaser-color; font-style : $article-teaser-font-style; font-weight : $article-teaser-font-weight; padding : $article-teaser-padding;*/ } .article > .article { /* &-header, &-footer { .datetime { display : none; &::before { @extend .fa-icon-helper; content : "\f133"; padding-right : $padding-base-horizontal-xsmall; } @at-root .show-articledate & { display : block; } } }*/ } .article > .article-header { margin: 20px 0; } .article > .article-header > .datetime { margin-top: -10px; } .article > .article-footer { display: none; margin: 20px 0; } .article > .article-body .article-body-section { margin: 30px 0; } .article > .article-body .article-body-section > :first-child { margin-top: 0; } .article > .article-body .article-body-section > :last-child { margin-bottom: 0; } .article > :first-child, .article > .article-header > :first-child, .article > .article-body > :first-child, .article > .article-footer > :first-child { margin-top: 0; } .article > :last-child, .article > .article-header > :last-child, .article > .article-body > :last-child, .article > .article-footer > :last-child { margin-bottom: 0; } .article.article-box { position: relative; padding-bottom: 60px; } .article.article-box > .title { color: #373737; } .article.article-box > .title:before { color: #afafaf; } .article.article-box > .datetime { display: none; } .article.article-box > .description { background-color: transparent; color: #797979; font-style: normal; font-weight: 400; margin: 10px 0 20px; padding: 0; } .article.article-box > .btn-readmore { bottom: 0; left: 0; position: absolute; right: 0; border-color: #e1e1e1; color: #e1e1e1; display: block; margin: 10px 0 0; } .article.article-box > .btn-readmore:hover, .article.article-box > .btn-readmore:active, .article.article-box > .btn-readmore:focus { border-color: #f9cb0b; color: #f9cb0b; } /* ----------------------------------------------------------------------------- * Kernaufbau * -------------------------------------------------------------------------- */ /** * Schriftdefintionen * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Ueberschriften * * ========================================================================== */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { clear: both; display: block; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; position: relative; } h1, .h1 { color: #009463; font-size: 2.25em; font-style: normal; font-variant: normal; font-weight: 700; line-height: 1.0625; margin: 20px 0; } h1 small, h1 .small, h1 .text-small, .h1 small, .h1 .small, .h1 .text-small { color: #009463; } h2, .h2 { color: #373737; font-size: 1.5em; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.0625; margin: 20px 0; } h2 small, h2 .small, h2 .text-small, .h2 small, .h2 .small, .h2 .text-small { color: #373737; } h3, .h3 { color: #373737; font-size: 1.5em; font-style: normal; font-variant: normal; font-weight: 700; line-height: 1.0625; margin: 20px 0; } h3 small, h3 .small, h3 .text-small, .h3 small, .h3 .small, .h3 .text-small { color: #373737; } h4, .h4, h5, .h5, h6, .h6 { color: #373737; font-size: 1.125em; font-style: normal; font-variant: normal; font-weight: 700; line-height: 1.0625; margin: 20px 0; } h4 small, h4 .small, h4 .text-small, .h4 small, .h4 .small, .h4 .text-small, h5 small, h5 .small, h5 .text-small, .h5 small, .h5 .small, .h5 .text-small, h6 small, h6 .small, h6 .text-small, .h6 small, .h6 .small, .h6 .text-small { color: #373737; } .heading-bordered, .heading-so { border-bottom: 2px solid #ebebeb; font-size: 1.5em; margin-bottom: 0; padding: 0 0 5px; position: relative; } .heading-so { min-height: 60px; padding-left: 65px; } .heading-so:before { border-bottom: 2px solid #f9cb0b; bottom: -2px; font-size: 50px; left: 0; line-height: 50px; position: absolute; top: 0; width: 50px; } /* ============================================================================= * * Kontextabhaengige Farben * * ========================================================================== */ .text-light { color: #acacac; } a.text-light:hover { color: #929292; } .text-lighter { color: #d2d2d2; } a.text-lighter:hover { color: #b8b8b8; } .text-dark { color: #2c2c2c; } a.text-dark:hover { color: #131313; } .text-darker { color: black; } a.text-darker:hover { color: black; } .text-muted { color: #ebebeb; } .text-primary { color: #009463; } a.text-primary:hover { color: #006141; } .text-secondary { color: #f9cb0b; } a.text-secondary:hover { color: #cca605; } .text-error { color: #cc5656; } a.text-error:hover { color: #b83737; } .text-invalid { color: #cc5656; } a.text-invalid:hover { color: #b83737; } .text-danger { color: #cc5656; } a.text-danger:hover { color: #b83737; } .text-info { color: #5bc0de; } a.text-info:hover { color: #31b0d5; } .text-success { color: #5cb85c; } a.text-success:hover { color: #449d44; } .text-valid { color: #5cb85c; } a.text-valid:hover { color: #449d44; } .text-warning { color: #f0ad4e; } a.text-warning:hover { color: #ec971f; } .text-primary .control-label, .text-primary .radio > label, .text-primary .checkbox > label, .text-secondary .control-label, .text-secondary .radio > label, .text-secondary .checkbox > label, .text-error .control-label, .text-error .radio > label, .text-error .checkbox > label, .text-invalid .control-label, .text-invalid .radio > label, .text-invalid .checkbox > label, .text-danger .control-label, .text-danger .radio > label, .text-danger .checkbox > label, .text-info .control-label, .text-info .radio > label, .text-info .checkbox > label, .text-success .control-label, .text-success .radio > label, .text-success .checkbox > label, .text-valid .control-label, .text-valid .radio > label, .text-valid .checkbox > label, .text-warning .control-label, .text-warning .radio > label, .text-warning .checkbox > label { font-weight: bold; } .bg-primary { color: #fff; } .bg-error { background-color: #efcccc; } a.bg-error:hover { background-color: #e4a4a4; } .bg-danger { background-color: #efcccc; } a.bg-danger:hover { background-color: #e4a4a4; } .bg-info { background-color: #daf1f8; } a.bg-info:hover { background-color: #b0e1ef; } .bg-primary { background-color: #009463; } a.bg-primary:hover { background-color: #006141; } .bg-success { background-color: #c7e6c7; } a.bg-success:hover { background-color: #a3d7a3; } .bg-warning { background-color: #fceedb; } a.bg-warning:hover { background-color: #f8d9ac; } /* ============================================================================= * * Text * * ========================================================================== */ p, blockquote, pre, hr { margin: 15px 0; } cite { font-style: italic; } .datetime { color: #999999; display: none; } .datetime::before { content: "\f017"; font-size: .9375em; padding-right: 5px; } .datetime > .time::before { content: ','; padding-right: 5px; } .show-articledate .datetime { display: block; } /* ----------------------------------------------------------------------------- * Textgroessen * Achtung: Verschachtelte Zuweisungen sollten zurueckgesetzt werden. * -------------------------------------------------------------------------- */ .large, .text-large { font-size: 1.125em; } .large .large, .text-large .large, .large .text-large, .text-large .text-large { font-size: 1em; } small, .small, .text-small, .text-small { font-size: 0.875em; } .xsmall { font-size: 0.75em; } small .xsmall, small small, small .small, small .text-small, .small .xsmall, .text-small .xsmall, .small small, .text-small small, .small .small, .text-small .small, .small .text-small, .text-small .text-small, .xsmall .xsmall, .xsmall small, .xsmall .small, .xsmall .text-small { font-size: 1em; } /* ----------------------------------------------------------------------------- * Blockquote * -------------------------------------------------------------------------- */ blockquote { background: transparent; border: 0 none transparent; clear: both; color: #5f5f5f; font-style: italic; font-weight: 300; padding: 20px 0 20px 65px; position: relative; font-family: inherit; font-size: inherit; } blockquote:before { color: #f9cb0b; content: "\f10d"; font-size: 2.375em; left: 0; position: absolute; text-align: center; top: 0; width: 65px; } blockquote p { margin: 0; } blockquote cite { color: #ebebeb; display: block; font-size: 14px; } blockquote.pull-right { border-right: 5px solid transparent; border-left: 0; } /* ----------------------------------------------------------------------------- * Highlightblock * -------------------------------------------------------------------------- */ .box-description, .article .description { background-color: #f5f5f5; color: #5f5f5f; display: block; font-style: italic; font-weight: 300; padding: 10px; } /* ----------------------------------------------------------------------------- * Sonstiges * -------------------------------------------------------------------------- */ /* Kursiver Text */ .italic, em, .em { font-style: italic; } /* Fetter Text */ strong, .strong { font-weight: 700; } mark, .mark { background-color: #fceedb; padding: 0.2em; } /* Abkuerzungen etc. */ abbr[title], abbr[data-original-title], dfn[title], acronym[title] { border-bottom: 1px dashed #e2e200; cursor: help; } /* ----------------------------------------------------------------------------- * Code * -------------------------------------------------------------------------- */ code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { background-color: rgba(0, 0, 0, 0.12); border-radius: 2px; color: #fff; font-size: 80%; } kbd { background-color: #373737; border-radius: 1px; box-shadow: none; color: #fff; } kbd kbd { background-color: transparent; box-shadow: none; font-weight: 400; } pre { background-color: #fff; border: 1px solid #f5f5f5; border-radius: 2px; color: #ebebeb; font-size: 0.9375em; line-height: 1.375; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } /** * Grundaufbau, -raster definieren * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package Workspace */ html { -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-size: 16px; } html, body, .wrapper-main { height: 100%; margin: 0; padding: 0; } body { background-color: #434343; color: #5f5f5f; font: normal normal 400 100%/1.375 "Source Sans Pro", Helvetica, Arial, sans-serif; text-align: left; } html { background-color: #434343; } html.single-page, html body { background-color: #fff; } .show-on-print { display: none; } /* ----------------------------------------------------------------------------- * Grid-Varianten * -------------------------------------------------------------------------- */ .row-md { margin-left: -30px; margin-right: -30px; } .row-md > .col-xs-1, .row-md .col-sm-1, .row-md .col-md-1, .row-md .col-lg-1, .row-md .col-xs-2, .row-md .col-sm-2, .row-md .col-md-2, .row-md .col-lg-2, .row-md .col-xs-3, .row-md .col-sm-3, .row-md .col-md-3, .row-md .col-lg-3, .row-md .col-xs-4, .row-md .col-sm-4, .row-md .col-md-4, .row-md .col-lg-4, .row-md .col-xs-5, .row-md .col-sm-5, .row-md .col-md-5, .row-md .col-lg-5, .row-md .col-xs-6, .row-md .col-sm-6, .row-md .col-md-6, .row-md .col-lg-6, .row-md .col-xs-7, .row-md .col-sm-7, .row-md .col-md-7, .row-md .col-lg-7, .row-md .col-xs-8, .row-md .col-sm-8, .row-md .col-md-8, .row-md .col-lg-8, .row-md .col-xs-9, .row-md .col-sm-9, .row-md .col-md-9, .row-md .col-lg-9, .row-md .col-xs-10, .row-md .col-sm-10, .row-md .col-md-10, .row-md .col-lg-10, .row-md .col-xs-11, .row-md .col-sm-11, .row-md .col-md-11, .row-md .col-lg-11, .row-md .col-xs-12, .row-md .col-sm-12, .row-md .col-md-12, .row-md .col-lg-12 { padding-left: 30px; padding-right: 30px; } /* ============================================================================= * * Grundcontainer der Seite * * ========================================================================== */ .page-max-width, .main-nav > ul, .widget .widget-wrap { margin-left: auto; margin-right: auto; max-width: 1240px; padding-left: 20px; padding-right: 20px; width: 100%; } .wrapper { height: auto; min-height: 100%; position: relative; width: 100%; } .main-header { background: #fff; z-index: 10; } .main-nav { background: #009463; z-index: 5; } .main-showcase { background: #009463; z-index: 3; } .main-footer { background: #434343; z-index: 2; } .main-page { background: #fff; padding: 45px 0; z-index: 1; } .main-page-wrap { position: relative; } .main-page-wrap > .main { float: left; width: 72%; } .main-page-wrap > .main:first-child:last-child { float: none; width: 100%; } .main-page-wrap > .sidebar { float: left; padding-left: 60px; width: 28%; } .main-page-wrap > .main > *, .main-page-wrap > .sidebar > * { margin-bottom: 40px; margin-top: 40px; } .main-page-wrap > .main > :first-child, .main-page-wrap > .sidebar > :first-child { margin-top: 0; } .main-page-wrap > .main > :last-child, .main-page-wrap > .sidebar > :last-child { margin-bottom: 0; } /* ============================================================================= * * Sektionen, Bereiche * * ========================================================================== */ .section { margin: 0; } .section .section-title { color: #d7d7d7; display: block; font-size: 2.25em; font-weight: 700; margin-bottom: 40px; } .section > .section-wrap { overflow: hidden; } .section > :first-child, .section > .section-wrap > :first-child { margin-top: 0; } .section > :last-child, .section > .section-wrap > :last-child { margin-bottom: 0; } /* ============================================================================= * * Info ueber aktuellen Mediaquery. * * ========================================================================== */ .system-mq { background-color: #c00; color: #fff; font-size: 10px; opacity: .6; padding: 2px 5px; position: fixed; right: 0; text-transform: uppercase; top: 0; z-index: 99999; } .system-mq span { display: none; } /** * Navigation * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Primaer * * ========================================================================== */ .nav-primary.mm-menu { background-color: #009463; color: #fff; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; text-align: left; } .nav-primary.mm-menu .mm-panels .mm-panel.mm-hasnavbar { padding-top: 75px; } .nav-primary.mm-menu .mm-panels .mm-panel.mm-hasnavbar:first-child { padding-top: 0; } .nav-primary.mm-menu .mm-panels .mm-panel.mm-hasnavbar:first-child .mm-navbar { display: none; } .nav-primary.mm-menu .mm-navbar { background-color: #005237; border-bottom: 0 none; color: #fff; height: 75px; line-height: normal; padding: 0; text-align: left; } .nav-primary.mm-menu .mm-navbar .mm-title { color: #f9cb0b; display: block; font-size: 1.5em; font-weight: 700; line-height: 75px; padding: 0 40px; z-index: 1; } .nav-primary.mm-menu .mm-navbar .mm-btn { color: #f9cb0b; height: 75px; padding: 0; width: 100%; z-index: 2; text-align: center; } .nav-primary.mm-menu .mm-navbar .mm-btn:before, .nav-primary.mm-menu .mm-navbar .mm-btn:after { border: 0 none; content: ''; font-size: 1.25em; height: 20px; margin: -10px 0 0; top: 50%; width: 20px; transform: none; } .nav-primary.mm-menu .mm-navbar .mm-btn.mm-prev::before { content: '\f104'; left: 15px; } html.mm-opened .mm-page { overflow: hidden; } .nav-primary.mm-menu .mm-listview { font-size: 1.5em; font-style: normal; font-variant: normal; font-weight: 700; line-height: 1; padding: 10px 0 0; } .nav-primary.mm-menu .mm-listview > li:after { display: none !important; } .nav-primary.mm-menu .mm-listview > li > a, .nav-primary.mm-menu .mm-listview > li > span { background-color: transparent; color: #fff; font-weight: 700; margin: 0; padding: 15px 20px; } .nav-primary.mm-menu .mm-listview > li > .mm-next { background-color: transparent; color: #fff; } .nav-primary.mm-menu .mm-listview > li > .mm-next:before { display: none; } .nav-primary.mm-menu .mm-listview > li > .mm-next:after { border: 0 none; content: '\f105'; height: 20px; margin: -10px 0 0; text-align: right; top: 50%; transform: none; width: 20px; } .nav-primary.mm-menu .mm-listview > li:hover > *, .nav-primary.mm-menu .mm-listview > li:focus > * { background-color: transparent; color: #f9cb0b; } .nav-primary.mm-menu .mm-listview > li:hover > .mm-next, .nav-primary.mm-menu .mm-listview > li:focus > .mm-next { background-color: transparent; color: #fff; } .nav-primary.mm-menu .mm-listview > li.mm-selected > a:not(.mm-subopen) { background-color: transparent; } .nav-primary.mm-menu .mm-listview > li.mm-selected > a, .nav-primary.mm-menu .mm-listview > li.mm-selected > span { background-color: transparent; color: #f9cb0b; } /* ============================================================================= * * Service * * ========================================================================== */ .nav-service { font-weight: 700; text-transform: uppercase; } .nav-service > ul > li { display: inline-block; font-size: 1.5em; } .nav-service > ul > li:after { content: '|'; font-weight: 400; padding: 0 5px; } .nav-service > ul > li:last-child:after { display: none; } .nav-service > ul > li a { background-color: transparent; color: #777; } .nav-service > ul > li a > i { display: none; } .nav-service > ul > li a:hover, .nav-service > ul > li a:focus { background-color: transparent; color: #fff; } .nav-service > ul > li a:active, .nav-service > ul > li a.active { background-color: transparent; color: #f9cb0b; } /* ============================================================================= * * Meta * * ========================================================================== */ .nav-meta h6 { color: #777; font-size: 1.5em; font-weight: 300; margin: 0 0 20px; text-transform: uppercase; } .nav-meta > ul > li { display: block; margin: 10px 0; font-size: 0.9375em; } .nav-meta > ul > li:first-child { margin-top: 0; } .nav-meta > ul > li:last-child { margin-bottom: 0; } .nav-meta > ul > li a { background-color: transparent; color: #777; display: block; padding-left: 15px; } .nav-meta > ul > li a::before { color: #f9cb0b; left: 0; position: absolute; top: 0; content: "\f105"; line-height: 1.375; } .nav-meta > ul > li a:hover, .nav-meta > ul > li a:focus { background-color: transparent; color: #fff; } .nav-meta > ul > li a:active, .nav-meta > ul > li a.active { background-color: transparent; color: #f9cb0b; } /** * Seitenfuss * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .main-header { background-color: #fff; border-bottom: 8px solid #009463; } .main-header > .page-max-width, .main-nav.main-header > ul, .widget .main-header > .widget-wrap { height: 142px; position: relative; } /* ----------------------------------------------------------------------------- * Logo * -------------------------------------------------------------------------- */ .main-header .brand { background-size: contain; background: transparent url(../images/logo.svg) no-repeat 0 0; display: block; height: 0; left: 20px; overflow: hidden; padding-top: 88px; position: absolute; top: 27px; width: 153px; } /* ----------------------------------------------------------------------------- * Suche * -------------------------------------------------------------------------- */ .main-header .form-searchbox { margin: 0 auto; max-width: 300px; width: 50%; padding-left: 45px; padding-top: 51px; } .main-header .form-searchbox .btn, .main-header .form-searchbox .form-control { border-color: #e7e7e7; height: 40px; } .main-header .form-searchbox .form-control { border-right: 0 none; } .main-header .form-searchbox .btn { border-left: 0 none; color: #e1e1e1; padding: 0 15px; } .main-header .form-searchbox .btn i { font-size: 1.125em; } /* ----------------------------------------------------------------------------- * Navigation Trigger * -------------------------------------------------------------------------- */ .main-header .trigger, .main-header .trigger i { position: absolute; height: 40px; line-height: 40px; } .main-header .trigger { color: #009463; font-weight: 700; font-size: 1.5em; text-decoration: none; text-transform: uppercase; top: 51px; padding-right: 40px; right: 20px; } .main-header .trigger i { top: 0; font-size: 1.4375em; right: 0; } /** * Seitenkopf * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .main-footer { color: #777; } .main-footer .section { background-color: #373737; padding: 40px 0; margin: 0; } .main-footer .section-service { padding-top: 0; } .main-footer .nav { float: left; margin-top: 40px; } .main-footer .nav-service { border-bottom: 2px solid #595959; float: none; margin-top: 0; padding: 15px 0; text-align: right; width: 100%; } .main-footer .nav-mediainfo { width: 30%; } .main-footer .nav-contact { width: 25%; } .main-footer .btn-login-gremien { border-color: #fff; color: #fff; float: right; margin-top: 40px; } /* ----------------------------------------------------------------------------- * Social-icons * -------------------------------------------------------------------------- */ .main-footer .section-additional { background-color: transparent; } .main-footer .section-additional .copyright { display: block; padding-top: 13px; } .main-footer .section-additional .list-social-icons { text-align: right; } .main-footer .section-additional .list-social-icons > li { width: 52px; } .main-footer .section-additional .list-social-icons > li a { font-size: 1.625em; height: 52px; width: 52px; } .main-footer .section-additional .list-social-icons > li a > i { border: 2px solid #fff; line-height: 48px; } .main-footer .section-additional .list-social-icons > li a > i:before { height: 48px; width: 48px; } /** * Randspalte * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .sidebar { color: #858585 !important; padding-top: 3.5em; } .sidebar .thumbnail { display: block; float: none; margin-left: 0; margin-right: 0; width: 100%; } .sidebar .thumbnail > .zoom { display: none !important; } .sidebar > .article { margin-bottom: 0; margin-top: 50px; position: relative; } .sidebar > .article > .title { color: #373737; font-size: 1.5em; font-style: normal; font-variant: normal; font-weight: 700; line-height: 1.0625; margin-bottom: 20px; padding-bottom: 20px; } .sidebar > .article > .title.heading-bordered::after { border-bottom: 2px solid #f9cb0b; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 50px; } .sidebar > .article:first-child { margin-top: 0; } .sidebar > .article:last-child { margin-bottom: 0; } /** * Showcase * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package Workspace */ .keyvisual { font-size: 1rem; /* * Schluessel existiert in der Map */ /* * Schluessel existiert in der Map */ /* * Schluessel existiert in der Map */ } .keyvisual .gallery { margin: 0; } .keyvisual .gallery .swiper-slide-wrapper { background-color: #373737; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 500px; overflow: hidden; padding: 20px; position: relative; } .keyvisual .gallery .swiper-pagination { bottom: 15px; font-size: 1rem; left: 20px; right: 20px; } .keyvisual .article { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; text-align: center; white-space: pre-line; width: 100%; } .keyvisual .article > div { padding-bottom: 1rem; } .keyvisual .article .title, .keyvisual .article .description { display: inline-block; color: #fff; background-color: rgba(55, 55, 55, 0.65); margin: 0; font-style: normal; font-weight: 700; font-size: 2.25em; padding: 5px 10px; text-transform: uppercase; } .keyvisual .article .description { font-size: 1.5em; font-weight: 300; text-transform: none; } .keyvisual .article .title + .description { margin-top: 5px; } .keyvisual .article .btn { bottom: 2rem; font-size: 1.125rem; height: auto; left: 50%; position: absolute; text-transform: uppercase; transform: translate3d(-50%, 0, 0); } @media only screen and (max-width: 767px) { .keyvisual { font-size: .75rem; } .keyvisual .gallery .swiper-slide-wrapper { height: 400px; } } @media only screen and (max-width: 640px) { .keyvisual .gallery .swiper-slide-wrapper { height: 300px; } .keyvisual .article .title { font-size: 1.8125em; } .keyvisual .article .description { font-size: 1.375em; } .keyvisual .article .btn { margin-top: 1em; font-size: 1rem; } } @media only screen and (max-width: 420px) { .keyvisual .article { justify-content: flex-start; } } /** **************************************************************************** * Showcase vor 03.05.2010 (ShowcaseViewHelper) */ .main-showcase { background: #373737; background-position: center center; background-repeat: no-repeat; background-size: cover; } .main-showcase, .main-showcase > .page-max-width, .main-nav.main-showcase > ul, .widget .main-showcase > .widget-wrap { position: relative; height: 110px; overflow: hidden; } .main-showcase .list-social-icons { float: left; padding-top: 33px; } .main-showcase .list-social-icons > li { width: 44px; } .main-showcase .list-social-icons > li a { font-size: 1.375em; height: 44px; width: 44px; } .main-showcase .list-social-icons > li a > i { border: 2px solid #fff; line-height: 40px; } .main-showcase .list-social-icons > li a > i:before { height: 40px; width: 40px; } .main-showcase .nav-breadcrumb { float: right; padding-top: 45px; } .main-showcase .nav-breadcrumb > .title { opacity: .5; } .main-showcase .nav-breadcrumb a { opacity: .5; } .main-showcase .nav-breadcrumb a:hover, .main-showcase .nav-breadcrumb a:focus, .main-showcase .nav-breadcrumb a.active { opacity: 1; } .main-showcase .nav-breadcrumb a:hover::after, .main-showcase .nav-breadcrumb a:focus::after, .main-showcase .nav-breadcrumb a.active::after { opacity: .5; } /* ============================================================================= * * Showcase mit Videointegration * * ========================================================================== * @keyframes video-overlay-init { from { opacity : 1; } to { opacity : 0.6; } } @keyframes video-overlay-hide { from { opacity : 0.6; } to { opacity : 0; } } @keyframes video-overlay-show { from { opacity : 0; } to { opacity : 0.6; } } @keyframes video-slogan-hide { from { opacity : 1; } to { opacity : 0; } } @keyframes video-slogan-show { from { opacity : 0; } to { opacity : 1; } } .main-showcase.type-video { &, > *, .slogan { height : $main-showcase-video-height; } .video-wrapper { background-color : transparent; background-position : center center; background-repeat : no-repeat; background-size : cover; overflow : hidden; position : relative; z-index : 1; > video { height : auto; left : 50%; min-height : 100%; min-width : 100%; overflow : hidden; position : absolute; top : 50%; transform : translateX(-50%) translateY(-50%); width : auto; z-index : -1000; } &::after { animation-duration : 1.5s; animation-fill-mode : forwards; animation-iteration-count : 1; animation-timing-function : ease; content : ''; background-color : $brand-tertiary; bottom : 0; left : 0; position : absolute; right : 0; top : 0; transition-delay : 2s; z-index : 3; } } .main-showcase-wrap { bottom : 0; display : block; left : 0; position : absolute; right : 0; top : 0; z-index : 5; } .slogan { animation-duration : 1.5s; animation-fill-mode : forwards; animation-iteration-count : 1; animation-timing-function : ease; color : $color-white; display : table; text-align : center; vertical-align : middle; width : 100%; &-inner { display : table-cell; text-align : center; vertical-align : top; > h1, > p { color : $color-white; font-size : cast-unit($font-unit-base, 32px); margin : 20px 0; text-transform : uppercase; } > p { font-size : cast-unit($font-unit-base, 22px); font-weight : $font-weight-light; margin : 0 auto; padding : 20px 0 30px; position : relative; text-transform : none; width : 80%; &::before { background-color : $brand-primary; content : ''; height : 2px; left : 50%; margin-left : -50px; overflow : hidden; position : absolute; top : 0; width : 100px; } } } } .list-social-icons { bottom : 25px; float : none; left : 0; padding-top : 0; position : absolute; right : 0; text-align : center; } .nav-breadcrumb { display : none; } //Bei dem Videostatus 'is-playing'wird: //1. das Videooverlay leicht abgeblendet //2. ein JS-Timeout setzt dann die Klasse '.clear-screen' // - ausblenden des Overlay und Slogan // - per ':hover' Overlay und Slogan ein- bzw. ausblendbar &.is-playing { .video-wrapper::after { animation-name : video-overlay-init; } &.clear-screen { .video-wrapper::after { animation-name : video-overlay-hide; } .slogan { animation-name : video-slogan-hide; } // Einblendung des Textes per ':hover' laut // https://redmine.ifabrik.de/issues/25801 deaktiviert. //&:hover { // .video-wrapper::after { animation-name : video-overlay-show; } // // .slogan { animation-name : video-slogan-show; } //} } } } @include respond-to(lg) {} @include respond-to(md) {} @include respond-to(sm) { .main-showcase.type-video { &, > *, .slogan { height : 500px; } } } @include respond-to(xs) { .main-showcase.type-video { &, > *, .slogan { height : 400px; } .slogan { $-padding : 20px; &-inner { > h1 { font-size : cast-unit($font-unit-base, 30px); margin-bottom : $-padding; } > p { padding-bottom : $-padding; padding-top : $-padding; } } } } } @include respond-to(c640) { .main-showcase { .list-social-icons { float : none; padding-top : 20px; text-align : center; width : 100%; } .nav-breadcrumb { bottom : 10px; float : none; left : 0; padding-top : 0; position : absolute; right : 0; text-align : center; } &.type-video { &, > *, .slogan { height : 300px; } .slogan-inner { > h1 { font-size : cast-unit($font-unit-base, 24px); } > p { font-size : cast-unit($font-unit-base, 17px); padding-bottom : 0; width : 100%; } } .list-social-icons { padding-top : 0; } } } } @include respond-to(c420) { .main-showcase { $-small-showcase-height : ($main-showcase-height - 20px); &, > .page-max-width { height : $-small-showcase-height; } .list-social-icons { line-height : $-small-showcase-height; padding-top : 0; } .nav-breadcrumb { display : none; } &.type-video { .slogan-inner { > h1 { font-size : cast-unit($font-unit-base, 22px); } } .list-social-icons { line-height : normal; } } } } */ /** * Seiteninhalte definieren * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package Workspace */ /* ============================================================================= * * Pageflip-Box * * ----------------------------------------------------------------------------- * Info: Alte und externe Pageflip-Parts der SLM * ========================================================================== */ .pageflip-box .thumbnail { margin: 0; } .pageflip-box .description { font-style: normal; background-color: transparent; padding: 0; font-weight: 400; } .pageflip-box .btn { margin-top: 15px; margin-right: 20px; } .pageflip-box .btn + .btn { margin-right: 0; } .pageflip-box > div > :first-child { margin-top: 0; } .pageflip-box > div > :last-child { margin-bottom: 0; } /* ============================================================================= * * Radio-Check-Toggle-Block * * ========================================================================== */ .radiocheckbox-toggle-block { display: none; padding-bottom: 15px; padding-top: 15px; } .radiocheckbox-toggle-block > .wrap { background-color: #f5f5f5; padding: 15px; } .radiocheckbox-toggle-block > .wrap > :first-child { margin-top: 0; } .radiocheckbox-toggle-block > .wrap > :last-child { margin-bottom: 0; } /* ============================================================================= * * Overlay-Contentanpassungen * * ========================================================================== */ /* ----------------------------------------------------------------------------- * Widgets * -------------------------------------------------------------------------- */ /** * Widgets (Global, Import) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Globale Defintionen. * * ========================================================================== */ .widget { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 40px 0; } .widget .article > .datetime { display: none; } /* ============================================================================= * * Widgetimport. * * ========================================================================== */ /** * Uebersicht (obere Boxen auf der Startseite) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .widget-overview > .widget-wrap { text-align: center; } .widget-overview > .widget-wrap > * { margin-top: 40px; } .widget-overview > .widget-wrap > :first-child { margin-top: 0; } .widget-overview .row > .article { padding-bottom: 0; padding-left: 30px; padding-right: 30px; text-align: left; } .widget-overview .row > .article > :last-child { margin-bottom: 0; } .widget-overview .row > .article:first-child { padding-left: 15px; } .widget-overview .row > .article:last-child { padding-right: 15px; } .widget-overview .row > li::before { display: none; } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 991px) { .widget-overview .row > .article { margin-top: 40px; } .widget-overview .row > .article:nth-child(1) { margin-top: 0; } .widget-overview .row > .article:nth-child(2) { margin-top: 0; padding-right: 15px; } .widget-overview .row > .article:nth-child(3) { padding-left: 15px; } } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 767px) { .widget-overview .row > .article { padding-left: 15px; padding-right: 15px; } .widget-overview .row > .article:nth-child(2) { margin-top: 40px; } } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 640px) { .widget-overview > .widget-wrap > .btn { display: block; } } /** * E-Paper (Themen und Frequenzen) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .widget-epaper { background-color: #f5f5f5; overflow: hidden; padding-top: 0; padding-bottom: 0; } .widget-epaper > .widget-wrap { overflow: visible; } .widget-epaper .article { margin-left: 50%; padding: 40px 0 40px 30px; } .widget-epaper .article .thumbnail { background-color: transparent; bottom: 0; float: none; left: -100%; margin: 0; position: absolute; top: 40px; transform: rotate(-8deg) scale(0.8); width: 100%; } .widget-epaper .article .thumbnail > .image { height: 100%; padding-right: 30px; } .widget-epaper .btn { margin: 10px 15px; } .widget-epaper .btn.-epaper-download { padding-left: 10px; padding-right: 10px; } .widget-epaper .btn.-epaper + .-epaper-download { margin-left: -20px; } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 767px) { .widget-epaper .article { margin-left: 0; padding-left: 0; } .widget-epaper .article > .article-body > * { clear: none; margin-left: 33%; } .widget-epaper .article > .article-body .thumbnail { bottom: auto; float: left; left: auto; margin-left: 0; position: relative; right: auto; top: auto; transform: none; width: 33%; } .widget-epaper .btn { border-radius: 1px; font-size: 14px; height: auto; line-height: 1.5; padding: 5px 10px; } } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 420px) { .widget-epaper .article > .article-body > * { clear: both; margin-left: 0; } .widget-epaper .article > .article-body .thumbnail { margin-left: 0; width: 100%; } .widget-epaper .article > .article-body .thumbnail .image { margin-bottom: 20px; padding-right: 0; } } /** * Newsuebersicht (Startseite) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .widget-news { background-image: url(../images/bg-section-news.jpg); } .widget-news .article { padding-left: 30px; padding-right: 30px; } .widget-news .article * { color: #fff; } .widget-news .article h2 { color: #fff; margin-bottom: 10px; } .widget-news .article a { color: #fff; } .widget-news .article a:hover, .widget-news .article a:active, .widget-news .article a:focus { color: #f9cb0b; } .widget-news .article .btn { border-color: #fff; color: #fff; } .widget-news .article .btn:hover, .widget-news .article .btn:active, .widget-news .article .btn:focus { border-color: #f9cb0b; color: #f9cb0b; } .widget-news .article:first-child { padding-left: 15px; } .widget-news .article:last-child { padding-right: 15px; } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 767px) { .widget-news .row > .article { margin-top: 40px; padding-left: 15px; padding-right: 15px; } .widget-news .row > .article:first-child { margin-top: 0; } } /** * Rueckblick (Startseite unten) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .widget-retrospect .article > .title { text-align: center; } /* ----------------------------------------------------------------------------- * Module * -------------------------------------------------------------------------- */ /** * Module * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Globale Defintionen. * * ========================================================================== */ .module { padding: 0; } /* ============================================================================= * * Moduleimport. * * ========================================================================== */ /** * Medienpaedagogik (Googlemap und Detail) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Konfigurationsimport. * * ========================================================================== */ /** * Medienpaedagogik (Konfiguration) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Defintionen * * ========================================================================== */ .module-media-education { clear: both; margin-bottom: 15px; margin-top: 15px; } .module-media-education .meedu-empty-info:first-child, .module-media-education .meedu-empty-info > :first-child, .module-media-education .meedu-detail:first-child, .module-media-education .meedu-detail > :first-child { margin-top: 0; } .module-media-education .meedu-empty-info:last-child, .module-media-education .meedu-empty-info > :last-child, .module-media-education .meedu-detail:last-child, .module-media-education .meedu-detail > :last-child { margin-bottom: 0; } .module-media-education .meedu-empty-info { color: #5bc0de; font-size: 0.875em; left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 0; } /** * Fernseh- und Hoerfunkstationen * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Konfigurationsimport. * * ========================================================================== */ /** * Fernseh- und Hoerfunkstationen (Konfiguration) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * Verfuegbare Senderbuchstaben. * -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Liste. * -------------------------------------------------------------------------- */ /* ============================================================================= * * Defintionen * * ========================================================================== */ .module-tvradio-stations { clear: both; margin-bottom: 15px; margin-top: 15px; } .module-tvradio-stations .tvradio-indicator { height: 32px; background: #fff url(../images/indicators/big.gif) no-repeat center center; display: none; } .module-tvradio-stations .tvradio-chars > div { overflow: hidden; } .module-tvradio-stations .tvradio-chars ul ul > li { height: 38px; } .module-tvradio-stations .tvradio-chars ul { margin: 0; padding: 0; } .module-tvradio-stations .tvradio-chars ul > li { background-color: #f5f5f5; color: #5f5f5f; cursor: pointer; display: inline-block; font-weight: 700; line-height: 38px; margin: 0; padding: 0; text-align: center; width: 38px; } .module-tvradio-stations .tvradio-chars ul > li::before { display: none; } .module-tvradio-stations .tvradio-chars ul > li:hover { background-color: #ebebeb; color: #373737; } .module-tvradio-stations .tvradio-chars ul > li.active { background-color: #f9cb0b; color: #fff; } .module-tvradio-stations .tvradio-chars .swiper-scrollbar { background-color: #f5f5f5; border-radius: 0; bottom: auto; height: 2px; left: auto; margin-top: 10px; position: relative; width: 100%; } .module-tvradio-stations .tvradio-chars .swiper-scrollbar .swiper-scrollbar-drag { background-color: #d7d7d7; border-radius: 0; } .module-tvradio-stations > .row > div { margin-top: 40px; } .module-tvradio-stations .tvradio-list > select { display: none; } .module-tvradio-stations .tvradio-list > ul { margin: 0; } .module-tvradio-stations .tvradio-list > ul > li { background-color: transparent; border: 1px solid #d7d7d7; border-left-width: 2px; border-right-width: 2px; color: #5f5f5f; cursor: pointer; font-weight: 700; margin: 0; padding: 15px 20px; } .module-tvradio-stations .tvradio-list > ul > li::before { display: none; } .module-tvradio-stations .tvradio-list > ul > li:first-child { border-top-width: 2px; } .module-tvradio-stations .tvradio-list > ul > li:last-child { border-bottom-width: 2px; } .module-tvradio-stations .tvradio-list > ul > li:hover { background-color: #f5f5f5; color: #373737; } .module-tvradio-stations .tvradio-list > ul > li.active { background-color: #373737; border-color: #373737; color: #fff; } .module-tvradio-stations .tvradio-detail > :first-child { margin-top: 0; } .module-tvradio-stations .tvradio-detail > :last-child { margin-bottom: 0; } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 767px) { .module-tvradio-stations .tvradio-list > select { display: block; } .module-tvradio-stations .tvradio-list > ul { display: none; } } /** * Startseite * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ .module-topics-frequencies .widget-intro p { font-weight: 300; font-size: 1.5em; } .module-topics-frequencies .widget-intro p a { color: #009463; font-weight: 400; } .module-topics-frequencies .widget-epaper .article .title { color: #373737; font-weight: 300; font-size: 1.5em; } .module-topics-frequencies .widget-epaper .article h2 { color: #373737; font-weight: 700; font-size: 1.125em; } .module-topics-frequencies .widget-epaper-overview .article .title { color: #373737; font-weight: 300; font-size: 1.5em; } .module-topics-frequencies .widget-epaper-overview .list-issues, .module-topics-frequencies .widget-epaper-overview .list-issues > li { padding-left: 40px; padding-right: 40px; } .module-topics-frequencies .widget-epaper-overview .list-issues > *:first-child, .module-topics-frequencies .widget-epaper-overview .list-issues > li > *:first-child { margin-top: 0; } .module-topics-frequencies .widget-epaper-overview .list-issues > *:last-child, .module-topics-frequencies .widget-epaper-overview .list-issues > li > *:last-child { margin-bottom: 0; } .module-topics-frequencies .widget-epaper-overview .list-issues > li { margin-right: 0; margin-top: 0; } .module-topics-frequencies .widget-epaper-overview .list-issues > li::before { display: none; } .module-topics-frequencies .widget-epaper-overview .list-issues > li h6 { font-weight: 400; margin-bottom: 0; } .module-topics-frequencies .widget-epaper-overview .list-issues > li p > a { color: #009463; } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 991px) { .module-topics-frequencies .widget-epaper-overview .list-issues, .module-topics-frequencies .widget-epaper-overview .list-issues > li { padding-left: 20px; padding-right: 20px; } } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 767px) { .module-topics-frequencies .widget-epaper-overview .list-issues > li { margin-top: 20px; } .module-topics-frequencies .widget-epaper-overview .list-issues > li:nth-child(2n+1) { clear: both; } .module-topics-frequencies .widget-epaper-overview .list-issues > li:nth-child(1), .module-topics-frequencies .widget-epaper-overview .list-issues > li:nth-child(2) { margin-top: 0; } } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 420px) { .module-topics-frequencies .widget-epaper-overview .list-issues > li { float: none; padding-left: 15px; padding-right: 15px; width: 100%; } .module-topics-frequencies .widget-epaper-overview .list-issues > li:nth-child(2) { margin-top: 20px; } } /** * Publikationen * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Konfigurationsimport. * * ========================================================================== */ /** * Publikationen (Konfiguration) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Defintionen * * ========================================================================== */ .module-publications-order .list-publication-added { border-color: #d7d7d7; margin: -1px 0 0; } .module-publications-order .list-publication-added > li { background-color: #ebebeb; border-color: #d7d7d7; color: #717171; cursor: pointer; } .module-publications-order .list-publication-added > li.placeholder-added { display: none; } .module-publications-order .list-publication-added > li > span { display: block; font-size: 0.875em; padding-right: 20px; } .module-publications-order .list-publication-added > li::after { content: ""; height: 24px; line-height: 24px; margin-top: -12px; position: absolute; right: 10px; text-align: center; top: 50%; width: 24px; } .module-publications-order .list-publication-added > li:hover { color: #cc5656; } /** * Medienpaedagogik (Googlemap und Detail) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Konfigurationsimport. * * ========================================================================== */ /** * Veranstaltungen (Konfiguration) * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ============================================================================= * * Teilnahme (Registrierung) * * ========================================================================== */ .module-events-participation .form-ev-register .radiocheckbox-toggle-block { padding-bottom: 0; } /* ----------------------------------------------------------------------------- * Ansichten * -------------------------------------------------------------------------- */ /** * Ansichtenimport * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Startseite * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* ----------------------------------------------------------------------------- * Mediaqueries * -------------------------------------------------------------------------- */ /** * Large Devices, Wide Screens. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* * Schluessel existiert in der Map */ @media only screen and (min-width: 1200px) { .system-mq .lg { display: block; } } /** * Medium Devices, Desktops. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* * Schluessel existiert in der Map */ @media only screen and (max-width: 1199px) { .system-mq .md { display: block; } /* ========================================================================= * * Components * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'components/_lists' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'components/_galleries' * ---------------------------------------------------------------------- */ .gallery-two-way-control .gallery-view, .gallery-two-way-control .gallery-thumbs { height: 480px; } .gallery-two-way-control .gallery-view { width: 78%; } .gallery-two-way-control .gallery-thumbs { width: 22%; } .gallery-two-way-control .gallery-thumbs .swiper-slide { height: 160px; } /* ------------------------------------------------------------------------- * @ 'components/_googlemaps' * ---------------------------------------------------------------------- */ .gmap-wrapper { height: 450px; } /* ========================================================================= * * Scaffolding * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'core/_type' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_scaffolding' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_navigation' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_header' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_footer' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_aside' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_showcase' * ---------------------------------------------------------------------- */ /* ========================================================================= * * Module * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'module/_media-education' * ---------------------------------------------------------------------- */ .module-media-education .meedu-empty-info { left: 15px; right: 15px; } .module-media-education .meedu-detail { padding-top: 40px; } } /** * Small Devices, Tablets. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* * Schluessel existiert in der Map */ @media only screen and (max-width: 991px) { .system-mq .sm { display: block; } /* ========================================================================= * * Components * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'components/_lists' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'components/_modals' * ---------------------------------------------------------------------- */ .modal-dialog { max-width: 720px; } /* ------------------------------------------------------------------------- * @ 'components/_galleries' * ---------------------------------------------------------------------- */ .gallery-slider-extended .swiper-slide .text > .caption { padding-left: 40px; padding-right: 40px; } .gallery-two-way-control .gallery-view, .gallery-two-way-control .gallery-thumbs { height: 400px; } .gallery-two-way-control .gallery-view { width: 78%; } .gallery-two-way-control .gallery-thumbs { width: 22%; } .gallery-two-way-control .gallery-thumbs .swiper-slide { height: 134px; } /* ------------------------------------------------------------------------- * @ 'components/_googlemaps' * ---------------------------------------------------------------------- */ .gmap-wrapper { height: 350px; } /* ========================================================================= * * Scaffolding * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'core/_type' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_scaffolding' * ---------------------------------------------------------------------- */ .main-page-wrap > .main, .main-page-wrap > .sidebar { float: none; width: 100%; } .main-page-wrap > .sidebar { padding-left: 0; } /* ------------------------------------------------------------------------- * @ 'core/_navigation' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_header' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_footer' * ---------------------------------------------------------------------- */ .main-footer .nav-mediainfo { width: 38%; } /* ------------------------------------------------------------------------- * @ 'core/_sidebar' * ---------------------------------------------------------------------- */ .sidebar { border-top: 2px solid #f5f5f5; margin-top: 40px; padding-top: 40px; } .sidebar > .article { float: left; width: 46%; } .sidebar > .article:nth-child(2n+1) { clear: both; } .sidebar > .article:nth-child(2n+2) { float: right; } .sidebar > .article:nth-child(1), .sidebar > .article:nth-child(2) { margin-top: 0; } /* ========================================================================= * * Module * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'module/_media-education' * ---------------------------------------------------------------------- */ .module-media-education .meedu-detail { padding-top: 40px; } .module-media-education .meedu-empty-info { left: 0; padding: 5px 15px; right: 0; } } /** * Extra Small Devices, Phones. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* * Schluessel existiert in der Map */ @media only screen and (max-width: 767px) { .system-mq .xs { display: block; } /* ========================================================================= * * Components * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'components/_lists' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'components/_galleries' * ---------------------------------------------------------------------- */ .gallery-slider .swiper-slide-wrapper { height: 280px; } .gallery-slider .swiper-control { display: none; } .gallery-slider-extended { padding-bottom: 0; } .gallery-slider-extended .swiper-pagination { bottom: auto; top: 20px; } .gallery-slider-extended .swiper-slide, .gallery-slider-extended .swiper-slide .swiper-slide-wrapper, .gallery-slider-extended .swiper-slide .text, .gallery-slider-extended .swiper-slide .image { height: auto; } .gallery-slider-extended .swiper-slide .text, .gallery-slider-extended .swiper-slide .image { clear: both; float: none; margin-left: 0; width: 100%; } .gallery-slider-extended .swiper-slide .text > .caption { display: block; height: auto; padding: 15px 20px; } .gallery-slider-extended .swiper-slide .text > .caption .heading-so { font-size: 1.25em; min-height: 50px; padding-left: 55px; } .gallery-slider-extended .swiper-slide .text > .caption .heading-so:before { font-size: 1.75em; line-height: 40px; width: 40px; text-align: center; } .gallery-slider-extended .swiper-slide .image { height: 280px; } .gallery-two-way-control .gallery-view { height: 400px; width: 100%; } .gallery-two-way-control .gallery-thumbs { display: none; } .gallery-two-way-control .swiper-pagination { bottom: auto; display: block; top: 15px; } .gallery-list .item:nth-child(3n+1) { clear: none; } .gallery-list .item:nth-child(2n+1) { clear: both; } /* ------------------------------------------------------------------------- * @ 'components/_googlemaps' * ---------------------------------------------------------------------- */ .gmap-wrapper { height: 300px; } /* ------------------------------------------------------------------------- * @ 'components/_stacks' * ---------------------------------------------------------------------- */ /* * Artikel */ .stack-article .stack-item { margin-bottom: 30px; margin-top: 30px; padding-top: 30px; } .stack-article .stack-item > div > .title { font-size: 1.75em; } /* ========================================================================= * * Vendors * * ====================================================================== */ /* ========================================================================= * * Komponenten * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'components/_forms' * ---------------------------------------------------------------------- .fieldset-row > :nth-child(2) fieldset { margin-top : $fieldset-margin; }*/ /* ------------------------------------------------------------------------- * @ 'components/_navs' * ---------------------------------------------------------------------- */ /* ========================================================================= * * Scaffolding * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'core/_type' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_scaffolding' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_navigation' * ---------------------------------------------------------------------- */ .nav-service > ul > li { font-size: 1.25em; } .nav-meta h6 { font-size: 1.25em; } /* ------------------------------------------------------------------------- * @ 'core/_header' * ---------------------------------------------------------------------- */ .main-header .form-searchbox { width: 40%; } /* ------------------------------------------------------------------------- * @ 'core/_footer' * ---------------------------------------------------------------------- */ .main-footer .section { padding-bottom: 20px; padding-top: 20px; } .main-footer .section-service { padding-top: 0; } .main-footer .section-additional, .main-footer .section-additional .list-social-icons { text-align: center; } .main-footer .section-additional .copyright { padding-top: 0; padding-bottom: 20px; } .main-footer .nav { margin-top: 20px; } .main-footer .nav-service { text-align: center; } .main-footer .nav-mediainfo { width: 55%; } .main-footer .nav-contact { width: 45%; } .main-footer .btn-login-gremien { clear: both; float: left; margin-top: 20px; width: 100%; } /* ------------------------------------------------------------------------- * @ 'core/_sidebar' * ---------------------------------------------------------------------- */ } /** * Spezielle, zugeschnitte Breakpoints. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /* * Schluessel existiert in der Map */ @media only screen and (max-width: 640px) { .system-mq .custom640 { display: block; } .hidden-c640 { display: none; } /* ========================================================================= * * Padding (left, right) Bootstrap-Grid anpassen. * * ====================================================================== */ /* ========================================================================= * * Komponenten * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'components/_forms' * ---------------------------------------------------------------------- legend, fieldset .legend { font-size : cast-unit($font-unit-base, $legend-font-size - 2); } */ /* ------------------------------------------------------------------------- * @ 'components/_images' * ---------------------------------------------------------------------- */ .thumbnail .size-thumbnail { width: 25%; } /* ------------------------------------------------------------------------- * @ 'components/_videos-audio' * ---------------------------------------------------------------------- */ .video { width: 100%; } .video.embed-responsive-16by9 { padding-bottom: 56.25%; } .video.embed-responsive6-4by3 { padding-bottom: 75%; } /* ------------------------------------------------------------------------- * @ 'components/_lists' * ---------------------------------------------------------------------- */ .list-table > dt, .list-table > dd, .list-table > li { clear: both; float: none; width: 100%; } .list-table > dd, .list-table > li:nth-child(2n+2) { border-top: 0 none; } .list-table > dt, .list-table > li:nth-child(2n+1) { color: #d7d7d7; padding-bottom: 0; padding-right: 0; } /* ------------------------------------------------------------------------- * @ 'components/_galleries' * ---------------------------------------------------------------------- */ .gallery-slider .swiper-pagination { right: 20px; top: 10px; } .gallery-slider .swiper-pagination > .swiper-pagination-bullet { height: 10px; margin-left: 5px; margin-right: 5px; width: 10px; } .gallery-slider .swiper-pagination > .swiper-pagination-bullet:first-child { margin-left: 0; } .gallery-slider .swiper-pagination > .swiper-pagination-bullet:last-child { margin-right: 0; } .gallery-slider .swiper-slide .swiper-slide-wrapper { height: 300px; } .gallery-slider-extended .swiper-slide .swiper-slide-wrapper { height: auto; } /* ------------------------------------------------------------------------- * @ 'components/_galleries' * ---------------------------------------------------------------------- */ .gallery-slider .swiper-slide-wrapper { height: 280px; } .gallery-slider .swiper-control { display: none; } .gallery-slider-extended { padding-bottom: 0; } .gallery-slider-extended .swiper-pagination { bottom: auto; top: 20px; } .gallery-slider-extended .swiper-slide, .gallery-slider-extended .swiper-slide .swiper-slide-wrapper, .gallery-slider-extended .swiper-slide .text, .gallery-slider-extended .swiper-slide .image { height: auto; } .gallery-slider-extended .swiper-slide .text, .gallery-slider-extended .swiper-slide .image { clear: both; float: none; margin-left: 0; width: 100%; } .gallery-slider-extended .swiper-slide .text > .caption { display: block; height: auto; padding: 15px 20px; } .gallery-slider-extended .swiper-slide .text > .caption .heading-so { font-size: 1.25em; min-height: 50px; padding-left: 55px; } .gallery-slider-extended .swiper-slide .text > .caption .heading-so:before { font-size: 1.75em; line-height: 40px; width: 40px; text-align: center; } .gallery-slider-extended .swiper-slide .image { height: 280px; } .gallery-two-way-control .gallery-view { height: 350px; } .gallery-list .thumbnail > .image { height: 160px; } /* ------------------------------------------------------------------------- * @ 'components/_pagination' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'components/_stacks' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'components/_stacks' * ---------------------------------------------------------------------- */ /* * Artikel */ .stack-article .stack-item { margin-bottom: 20px; margin-top: 20px; padding-top: 20px; } .stack-article .stack-item > div > .title { font-size: 1.5em; } /* ========================================================================= * * Scaffolding * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'core/_type' * ---------------------------------------------------------------------- */ h1, .h1 { font-size: 1.75em; } h2, .h2 { font-size: 1.25em; } h3, .h3 { font-size: 1.25em; } h4, .h4, h5, .h5, h6, .h6 { font-size: 1em; } /* ------------------------------------------------------------------------- * @ 'core/_scaffolding' * ---------------------------------------------------------------------- */ /* body { font-size : ($body-font-size - 2); }*/ /* ------------------------------------------------------------------------- * @ 'core/_navigation' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_header' * ---------------------------------------------------------------------- */ .main-header > .page-max-width, .main-nav.main-header > ul, .widget .main-header > .widget-wrap { padding-left: 0; padding-right: 0; } .main-header .brand { padding-top: 60px; top: 60px; width: 105px; } .main-header .trigger { font-size: 1.25em; top: 70px; } .main-header .trigger span { display: none; } .main-header .form-searchbox { border-bottom: 2px solid #e0e0e0; margin: 0; max-width: none; padding: 0; width: 100%; } .main-header .form-searchbox .form-control { border: 0 none; text-align: center; padding-left: 20px; padding-right: 0; } .main-header .form-searchbox .form-control:hover, .main-header .form-searchbox .form-control:focus { box-shadow: none; } .main-header .form-searchbox .btn { border: 0 none; padding-left: 0; padding-right: 20px; } /* ------------------------------------------------------------------------- * @ 'core/_footer' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_sidebar' * ---------------------------------------------------------------------- */ .sidebar > .article { width: 100%; } .sidebar > .article, .sidebar > .article:nth-child(2n+2) { float: none; } .sidebar > .article:nth-child(2) { margin-top: 50px; } } /* * Schluessel existiert in der Map */ @media only screen and (max-width: 420px) { .system-mq .custom420 { display: block; } .hidden-c420 { display: none; } /* ========================================================================= * * Komponenten * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'components/_forms' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'components/_lists' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'components/_accordions' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'components/_galleries' * ---------------------------------------------------------------------- */ .gallery-slider .swiper-slide .swiper-slide-wrapper { height: auto; } .gallery-slider .swiper-slide .text { background-color: #009463; bottom: 0; left: 0; position: relative; right: 0; } .gallery-slider .swiper-slide .image { height: 170px; } .gallery-slider-extended .swiper-slide .swiper-slide-wrapper { height: auto; } .gallery-slider-extended .swiper-slide .image { height: 170px; } .gallery-two-way-control .gallery-view { height: 250px; } .gallery-list .thumbnail > .image { height: 220px; } .gallery-list > .item { width: 100%; } /* ========================================================================= * * Scaffolding * * ====================================================================== */ /* ------------------------------------------------------------------------- * @ 'core/_type' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_scaffolding' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_navigation' * ---------------------------------------------------------------------- */ .main-footer .nav-meta { width: 100%; } /* ------------------------------------------------------------------------- * @ 'core/_header' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_footer' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_aside' * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * @ 'core/_elements' * ---------------------------------------------------------------------- */ .pageflip-box > div { margin-bottom: 30px; width: 100%; } .pageflip-box > div:last-child { margin-bottom: 0; } .pageflip-box .btn { display: block; margin-right: 0; } } /* ----------------------------------------------------------------------------- * Druckansicht * -------------------------------------------------------------------------- */ /** * Druckausgabe. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ @media print { * { box-shadow: none !important; text-shadow: none !important; } .system-mq, .hide-on-print { display: none !important; } .show-on-print { display: block; } } /** * Druckausgabe Vendor. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ /** * Druckausgabe Komponenten. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ @media print { /* ========================================================================= * * @ 'components/_links' * * ====================================================================== */ /*a[href]:after, abbr[title]:after { color : $color-gray; font-size : $font-size-xsmall; }*/ a[href]:after { content: ""; } abbr[title]:after { content: ""; } /* * Don't show links that are fragment identifiers,^or use the `javascript: * pseudo protocol. a[href^="#"]:after, a[href^="javascript:"]:after { content : ""; }*/ /* ========================================================================= * * @ 'components/_forms' * * ====================================================================== */ button, input, select, textarea { page-break-inside: avoid; } .form-submit-ctrl { display: none; } /* ========================================================================= * * @ 'components/_images' * * ====================================================================== */ img { page-break-inside: avoid; } /* ========================================================================= * * @ 'components/_navs' * * ====================================================================== */ .nav-stepwizard > li { display: block; float: left; width: 25%; } /* ========================================================================= * * @ 'components/_tabs' * * ====================================================================== */ .tabs .nav-tabs { display: none; } .tabs .tab-pane { display: block; border-top: 1px dashed #d7d7d7; margin-top: 20px; padding-top: 20px; } .tabs .tab-pane:first-child { border-top: 0 none; margin-top: 0; padding-top: 0; } .tabs .tab-pane-inner { padding-top: 0; } /* ========================================================================= * * @ 'components/_tables' * * ====================================================================== */ thead { display: table-header-group; } tr { page-break-inside: avoid; } /* ========================================================================= * * @ 'components/_tooltip' * * ====================================================================== */ .tooltip { display: none !important; } } /** * Druckausgabe Kernaufbau. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ @media print { .main-nav, .main-showcase { display: none !important; } /* ========================================================================= * * @ 'core/_type' * * ====================================================================== */ p, h2, h3 { orphans: 3; widows: 3; } h2, h3, h4 { page-break-after: avoid; } pre, blockquote { page-break-inside: avoid; } /* ========================================================================= * * @ 'core/_scaffolding' * * ====================================================================== */ html, body { background-color: #fff; } .page-max-width, .main-nav > ul, .widget .widget-wrap { max-width: none; } .main .main-wrap > .page { left: auto; width: 100%; } .main .main-wrap > .aside { display: none; } /* ========================================================================= * * @ 'core/_navigation' * * ====================================================================== */ /* ========================================================================= * * @ 'core/_header' * * ====================================================================== */ .main-header { border-bottom: 1px solid #cccccc; padding-top: 0; } .main-header .nav-toggle { display: none; } .main-header .bar-service { background-color: transparent; border-bottom: 1px solid #cccccc; color: #5f5f5f; left: auto; position: relative; right: auto; top: auto; } .main-header .bar-service .bar-wrap { padding-bottom: 15px; height: auto; padding-top: 15px; } .main-header .bar-service .list-pipe-delimiter li { line-height: inherit; } .main-header .bar-service .list-pipe-delimiter a { color: #5f5f5f; } .main-header .bar-service .btn-toolbar { display: none; } .main-header .bar-purchase-options { display: none; } .main-header .bar-brand > * { width: 50% !important; } .main-header .bar-brand > .text-center { display: none; } .main-header .bar-brand > .hidden-xs { display: block !important; float: left; } .main-header .bar-brand .brand { background-size: initial; } /* ========================================================================= * * @ 'core/_footer' * * ====================================================================== */ .main-footer { background-color: transparent; color: #5f5f5f; } .main-footer .list-pipe-delimiter, .main-footer .copyright { padding-left: 20px; padding-right: 20px; } .main-footer .section { padding-bottom: 0; } .main-footer .section-wrap { padding: 0; } .main-footer .section-brands, .main-footer .section-links .row, .main-footer .section-admin { display: none; } /* ========================================================================= * * @ 'core/_showcase' * * ====================================================================== */ /* ========================================================================= * * @ 'core/_page' * * ====================================================================== */ /* ========================================================================= * * @ 'core/_aside' * * ====================================================================== */ .aside { page-break-before: always; } } /** * Druckausgabe Store. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ @media print { /* ========================================================================= * * @ 'store/basket/' * * ====================================================================== */ .table-basket .basket-calculate-shipping-wrapper label { float: left; width: 30%; } .table-basket .basket-calculate-shipping-wrapper select, .table-basket .basket-calculate-shipping-wrapper .bootstrap-select, .table-basket .basket-calculate-shipping-wrapper .form-control-static { clear: none; float: left; height: auto; line-height: normal; min-height: 0; padding: 0; width: 70%; } .table-basket .basket-calculate-shipping-wrapper .bootstrap-select > .dropdown-toggle { height: auto; line-height: normal; padding: 0; } .table-basket .basket-calculate-shipping-wrapper .bootstrap-select > .dropdown-toggle .bs-caret { display: none; } .table-basket .basket-calculate-shipping-wrapper .row > * { padding-top: 15px; width: 100%; } .table-basket .basket-calculate-shipping-wrapper .row > *:first-child { padding-top: 0; } /* ========================================================================= * * @ 'store/checkout/' * * ====================================================================== */ /* ========================================================================= * * @ 'store/product/' * * ====================================================================== */ .product-detail .list-thumbnails > li span { background-image: none; } .product-detail .list-thumbnails > li span img { visibility: visible; } /* ========================================================================= * * @ 'store/user/' * * ====================================================================== */ .store-user .section-content { margin-bottom: 0; } .store-user .section-footer { display: none; } .store-user .nav-pagination { display: none !important; } .account_history_info .pager { display: none; } /* ========================================================================= * * @ 'store/wislist/' * * ====================================================================== */ } /** * Druckausgabe Ansichten. * * @copyright 2015 i-fabrik GmbH * @author Heiko Pfefferkorn * @package namRED */ @media print { /* ========================================================================= * * @ 'views/basket-faxorder/_basket-faxorder' * * ====================================================================== */ .view-basket-faxorder .main { padding-top: 60px; } } /*# sourceMappingURL=main.css.map */