@charset "UTF-8"; /* master.scss ersetzt _bootstrap.scss - alle Partials, auch die Bootstrap Partials werden hier importiert. */ /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /* Uebersteuert Bootstrap Variablen in _variables.scss */ /* Bootstrap Partials*/ /* Ende Bootstrap Partials */ /* Anfang Fontawesome Partials */ /* Ende Fontawesome Partials */ @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"); /* Custom Partials. */ @import url("https://fonts.googleapis.com/css?family=Karla:300, 400,700,400italic,700italic"); html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } * input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* The library definition. This is set in the iconmoon prefeences. Default is 'icomoon' */ /* The SASS list that powers everything. Derived from the css files provided by icomoon. */ /* The directory that the specific font files reside in. */ /* Determine if CSS psuedo-elements will be using ::before, ::after, or both */ /* Iconfonts are often links. Should these links underline by default or on hover. */ /* Basic distance between elements */ /* Changing Susy default global settings */ .srt, .form__label--hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .centered { float: none; margin-left: auto; margin-right: auto; } .icn--nav-toggle:before { display: block; content: ''; position: absolute; } .float-left { float: left; } .float-right { float: right; } #modal { display: none; } .modal { padding: 60px 15px; width: 100%; border-radius: 0.4em; min-height: 13.125em; background: #fff; display: none; } @media (min-width: 420px) { .modal { width: 400px; } } @media (min-width: 510px) { .modal { width: 480px; } } @media (min-width: 640px) { .modal { width: 584px; padding: 60px 30px; } } @media (min-width: 720px) { .modal { width: 680px; } } @media (min-width: 822px) { .modal { width: 800px; } } .modal.modal-small { max-width: 400px; } .modal__content { margin-top: 0; margin-bottom: 0; } .modal__close { position: absolute; top: 0; right: 0; height: 40px; width: 40px; cursor: pointer; display: table; } .modal__close__icon { text-align: center; margin-top: auto; vertical-align: middle; line-height: 100%; display: table-cell; } .modal__close__icon i { margin-right: 15px; } .modal__close__icon i.fa { font-size: 16px; color: #797e83; } .modal .content-head { text-align: center; } .modal .general-info li { float: none; } .modal h3 { color: #797e83; margin-top: 0; } .modal .content-primary, .modal .content-secondary { text-align: left; } /*! lightslider - v1.1.2 - 2015-04-05 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ /** /!!! core css Should not edit !!!/**/ .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url("../img/controls.png"); cursor: pointer; position: absolute; z-index: 9999; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { background-position: 0 0; left: 10px; } .lSAction > .lSNext { background-position: -32px 0; right: 10px; } .lSAction > a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } ul { list-style: none outside none; padding-left: 0; margin: 0; } .demo .item { margin-bottom: 60px; } .content-slider li { background-color: #ed3020; text-align: center; color: #FFF; } .content-slider h3 { margin: 0; padding: 70px 0; } .demo { width: 800px; } @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } /* _icon-fonts */ [class^="icon-"]:before, [class^="icon-"]:after, [class^="icon-"] .pseudo-after, [class^="icon-"] .pseudo-before, [class*=" icon-"]:before, [class*=" icon-"]:after, [class*=" icon-"] .pseudo-after, [class*=" icon-"] .pseudo-before { font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; text-decoration: none; } [class^="icon-"]:before:hover, [class^="icon-"]:after:hover, [class^="icon-"] .pseudo-after:hover, [class^="icon-"] .pseudo-before:hover, [class*=" icon-"]:before:hover, [class*=" icon-"]:after:hover, [class*=" icon-"] .pseudo-after:hover, [class*=" icon-"] .pseudo-before:hover { text-decoration: none !important; } .icon-facebook:before { content: ""; } .icon-twitter:before { content: ""; } .icon-home:before { content: ""; } .icon-video:before { content: ""; } .icon-euro:before { content: ""; } .icon-print:before { content: ""; } @media (min-width: 1px) and (max-width: 717px) { .is-collapsed-mobile { display: none; } } @media (min-width: 718px) { .is-collapsed-mobile { display: none; } } @media (min-width: 1px) and (max-width: 717px) { .is-displayed-mobile { display: block !important; } .is-hidden-mobile { display: none; } } @media (min-width: 718px) { .is-displayed-mobile { display: none; } } /* _base */ * { -moz-box-sizing: border-box; box-sizing: border-box; } body { color: #4f4f4f; font-size: 16px; font-family: "Karla", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: normal; } h3 { font-size: 1.3em; line-height: 1.95em; margin-bottom: 8px; } h4 { color: #999da1; font-weight: 700; font-size: 1em; margin-bottom: 8px; } a { color: inherit; text-decoration: none; font-weight: 400; } a.link { color: inherit; text-decoration: underline; } a.link:hover { text-decoration: none; } p { margin: 0 0 1.875em; font-weight: 300; font-size: 1.125em; line-height: 1.5em; } strong { font-weight: 600; } em { font-style: italic; } blockquote { font-weight: 300; font-style: italic; font-size: 1.25em; quotes: "“" "”" "‘" "’"; } blockquote:before { content: open-quote; color: #d6d7d9; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote:after { content: close-quote; color: #d6d7d9; font-size: 4em; line-height: 0.1em; margin-left: 0.1em; vertical-align: -0.6em; } @media (min-width: 718px) { blockquote { margin: 1.33333em 0; padding: 0 0 0 5%; border-left: 0.33333em solid #d6d7d9; font-size: 1.5em; } } blockquote p { display: inline; } img { max-width: 100%; height: auto; } ul, li { margin: 0; padding: 0; list-style-type: none; } input, textarea { display: block; outline: 0; border: 0; } input:focus, textarea:focus { transition: 0.2s; } tr { vertical-align: top; } h1 { font-weight: 300; font-size: 1.6em; line-height: 1.10476; } @media (min-width: 718px) { h1 { font-size: 2em; line-height: 1.25714; } } .headline-primary, .headline-primary--grouped { font-weight: 300; font-size: 2.625em; line-height: 1; } h2, .headline-secondary, .headline-secondary--grouped { letter-spacing: 1px; font-weight: 100; font-size: 1.5em; } /* _buttons */ .btn--default { background-color: #00BFFF; } .btn--success { background-color: #5ece7f; } .btn--secondary { background-color: #fff; } .btn--error { background-color: #FF0000; } .btn--warning { background-color: #FF8C00; } .btn--info { background-color: #FF8C00; } .btn--link { background-color: inherit; } [class^="btn--"] { margin-bottom: 1.42857em; width: auto; display: inline-block; } [class^="btn--"]:first-child { margin-right: 1.07143em; } [class^="btn--"], .form__btn { padding: 11.25px 15px; border: 0; border-radius: none; color: #fff; text-transform: uppercase; font-size: 0.875em; font-weight: 400; transition: all 0.2s ease-in; } [class^="btn--"]:hover, .form__btn:hover { opacity: initial; box-shadow: 0 0 12px #fff; } [class^="btn--"]:active, .form__btn:active { opacity: initial; } .btn--secondary { color: #00BFFF; } .btn--link { color: #00BFFF; text-align: center; } [class^="btn--"]:hover { box-shadow: 0 0 12px #d6d7d9; } button { outline: 0; } /* _nav */ @media (min-width: 1px) and (max-width: 717px) { .nav__item { border-bottom: 1px solid #ebecec; } .nav__item:last-child { border-bottom: none; } .nav__item li { border-top: 1px solid #ebecec; } } .nav__item a { color: black; } .nav__item:last-child { margin-right: 0; } .nav__item:last-child a { border: none; } @media (min-width: 718px) { .nav__item, .nav__item--current { display: inline-block; margin: 0 0.75em 0 0; } } .nav__item a, .nav__item--current a { font-size: 1.125em; font-weight: 300; display: block; padding: 0.44444em; padding-top: 12px; } @media (min-width: 1px) and (max-width: 717px) { .nav__item a, .nav__item--current a { clear: both; padding: 0.66667em; padding-left: 30px; } } .nav__item a:hover, .nav__item--current a { color: #00BFFF; } /* * Dropit v1.1.0 * http://dev7studios.com/dropit * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /*
*/ /* These styles assume you are using ul and li */ .dropit { list-style: none; padding: 0; margin: 0; } .dropit .dropit-trigger { position: relative; } .dropit .dropit-submenu { position: absolute; top: 100%; left: 0; /* dropdown left or right */ z-index: 1000; display: none; min-width: 100%; list-style: none; padding: 0; margin: 0; text-align: left; } /* Main Navigation */ .navigation .navbar .dropit .dropit-open { background-color: #fff; } .navigation .navbar .dropit .dropit-open .dropit-submenu { display: block; background-color: #fff; } .navigation .nav--small.dropit { background-color: transparent; } .navigation .nav--small.dropit .dropit-submenu { position: relative; background-color: #f8f8f9; } .navigation .nav--small.dropit .dropit-submenu li { padding-left: 19.95px; } .navigation .nav--small.dropit .dropit-submenu li:hover { background-color: #ebecec; } .navigation .nav--small.dropit .dropit-submenu li.active { background-color: #ebecec; } .navigation .dropit li a:hover { background-color: #ebecec; color: black; } .navigation .dropit li.active a { background-color: #ebecec; color: black; } .navigation .dropit i.fa { vertical-align: middle; font-size: .5em; padding-left: .7em; margin-bottom: 3px; } .navigation .dropit.nav--large li.active a { background-color: transparent; border-bottom: 2px solid #797e83; } .navigation .dropit.nav--large li a:hover { background-color: transparent; border-bottom: 2px solid #797e83; } /* Headlines */ .headline-primary { margin-bottom: 1.66667em; } .headline-primary--grouped { margin-bottom: 0; } .headline-secondary { margin-bottom: 0.91667em; } .headline-secondary--grouped { margin-top: 0.41667em; margin-bottom: 2.25em; } /* formpage */ body.form-page { background-color: #f8f8f9; } .form { display: inline-block; width: 100%; } .form-page-content { padding: 15px; width: 100%; margin: 0 auto; border: 1px solid #ebecec; color: #00BFFF; min-height: 13.125em; background: #fff; } @media (min-width: 420px) { .form-page-content { width: 400px; } } @media (min-width: 510px) { .form-page-content { width: 480px; } } @media (min-width: 640px) { .form-page-content { width: 584px; padding: 30px 30px; margin-top: 30px; } } @media (min-width: 720px) { .form-page-content { width: 680px; } } @media (min-width: 822px) { .form-page-content { width: 800px; } } @media (min-width: 1024px) { .form-page-content { width: 960px; } } .form-page-content .content-head { text-align: center; } .form-page-content .general-info li { float: none; } .form-page-content .content-description { margin: 30px 0; display: inline-block; } .form-page-content h3 { color: #4f4f4f; margin-top: 0; font-weight: 100; } .form-page-content .content-primary, .form-page-content .content-secondary { text-align: left; } /* Forms */ label { color: #00BFFF; } label a { text-decoration: underline; } label.required:after { content: " *"; } fieldset { border: none; margin: 0 0 45px; padding: 0; } input.error, .form__input.error { border: 1px solid; border-color: #FF0000; } input[type="cancel"] { text-align: center; } input.error::-webkit-input-placeholder { color: #FF0000 !important; } input.error:-moz-placeholder { /* Firefox 18- */ color: #FF0000 !important; } input.error::-moz-placeholder { /* Firefox 19+ */ color: #FF0000 !important; } input.error:-ms-input-placeholder { color: #FF0000 !important; } .form__label { display: block; margin-bottom: 0.0625em; padding-bottom: 3.75px; } .form__input { width: 100%; padding: 0.55556em; margin-bottom: 1.11111em; border: none; border-radius: 0; background: #dbf6ff; font-weight: 300; font-style: italic; font-size: 18px; color: #797e83; } .form__input:focus { box-shadow: 0 0 10px #fff; } .form__input.form__input--small { width: auto; } .form__textarea { width: 100%; height: 220px; padding: 0.55556em; margin-bottom: 30px; background: #dbf6ff; border: 0; border: none; outline: none; font-style: italic; font-size: 18px; color: #797e83; } .form__textarea.form__textarea--small { height: 120px; } .form .checkbox-item { position: relative; padding-left: 37.5px; margin-bottom: 15px; } .form .checkbox-item input[type="checkbox"] { display: none; } .form .checkbox-item label { cursor: pointer; } .form .checkbox-item input[type="checkbox"] + label:before { background: #dbf6ff; border: 1px solid #dbf6ff; content: "\00a0"; display: inline-block; font: 16px/1em sans-serif; height: 16px; margin: 0 .25em 0 0; padding: 2px; vertical-align: top; width: 16px; position: absolute; width: 16px; left: 0; top: 4px; } .form .checkbox-item input[type="checkbox"]:checked + label:before { background: #dbf6ff; color: #666; content: "\2713"; text-align: center; padding: 2px; } .form .checkbox-item input[type="checkbox"]:checked + label:after { font-weight: bold; } .form .checkbox-item a { display: inline-block; } .form__btn { background: #00BFFF; display: inline-block; margin-bottom: 0; } .form__btn { margin-bottom: 0; } .select { position: relative; float: left; width: 100%; } @media (min-width: 718px) { .select { float: none; width: auto; } } .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; line-height: 1.2em; padding-right: 30px; background-color: #fff; } .select select::-ms-expand { display: none; } .select:after { font: normal normal normal 14px/1 FontAwesome; font-size: .6em; color: #0F0F0F; content: "\f078"; padding: 17px 8px; position: absolute; right: 0; top: 0; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box; } @media (min-width: 718px) { .select:after { right: 10px; } } /* _images */ .img--wrap { border: 1px solid #d6d7d9; padding: 0.375em; } .img--avatar { display: block; border-radius: 50%; } .img--hero { margin-bottom: 2.625em; } .back-to-top { background: none; margin: 0; position: fixed; bottom: 0; right: 0; width: 70px; height: 70px; z-index: 100; display: none; text-decoration: none; color: #d6d7d9; } .back-to-top i.fa { font-size: 3.75em; } /* select */ .jq-selectx { width: auto; position: relative; display: inline-block; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jq-selectx * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jq-selectx button { position: relative; width: 100%; border: none; padding: 0; cursor: pointer; background-color: transparent; text-align: left; text-transform: uppercase; } .jq-selectx ul { width: auto; position: absolute; z-index: 10; visibility: hidden; border: 1px solid; border-top: none; background-color: #fff; color: #656a6e; list-style-type: none; padding: 7.5px; margin: 0; margin-top: 12px; margin-left: -15px; } .jq-selectx ul.open { visibility: visible; } .jq-selectx ul li { width: 100%; float: left; display: block; white-space: nowrap; padding: 5px; cursor: pointer; text-transform: none; } .jq-selectx ul li:hover { color: black; } .jq-selectx ul li.selected { color: black; width: 100%; } .jq-selectx .caret { position: absolute; top: 12px; right: 7px; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; } .controller [class^="selector__"].jq-selectx .fa { margin-left: 0; } /* animations */ .jq-selectx-fade { transition: visibility 0.4s, opacity 0.4s; opacity: 0; } .jq-selectx-fade.open { opacity: 1; } .jq-selectx-slide { transition: visibility 0.4s cubic-bezier(0, 1, 0.5, 1), transform 0.4s cubic-bezier(0, 1, 0.5, 1); transform: scaleY(0); transform-origin: top; } .jq-selectx-slide.open { transform: scaleY(1); } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .row-select2 { font-weight: bold; } @media (min-width: 718px) { .row-select2 { width: 48.8959%; float: right; margin-right: 0; color: #0F0F0F; } } @media (max-width: 717px) { .row-select2 { margin-bottom: 15px; } } .row-select2 .label { width: auto; float: left; display: inline-block; } .js-example-tags-container ul { list-style: none; padding: 0; } .tag-selected { list-style: none; background-color: #e4e4e4; border: none; border-radius: 0; cursor: default; float: left; margin-right: 0; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { display: inline-block; background-color: transparent; color: #0F0F0F; border: none; margin-right: 0; } .select2-dropdown.select2-dropdown--below { min-width: 320px !important; border: none; background: #dbf6ff; } .select2-container--default .select2-selection--single { padding: 6px; height: 37px; min-width: 320px !important; font-size: 1.2em; position: relative; } input.select2-search__field { width: auto !important; } .select2-search__field::-webkit-input-placeholder { color: #0F0F0F !important; cursor: pointer; font-weight: normal; font-style: italic; text-transform: uppercase; } .select2-search__field::-moz-input-placeholder { color: #0F0F0F !important; font-weight: normal; font-style: italic; text-transform: uppercase; } .select2-search__field:-moz-input-placeholder { color: #0F0F0F !important; font-weight: normal; font-style: italic; text-transform: uppercase; } .select2-search__field::-webkit-input-placeholder { color: #0F0F0F !important; font-weight: normal; font-style: italic; text-transform: uppercase; } .select2-search__field:-ms-input-placeholder { color: #0F0F0F !important; font-weight: normal; font-style: italic; text-transform: uppercase; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple { border: none; border-radius: 0; background: #dbf6ff; color: #0F0F0F; } .select2-container--default .select2-results__group { border-top: 1px solid; border-bottom: 1px solid; } .select2-container--default .select2-selection--multiple { margin-bottom: 0; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 7px 10px; font-weight: normal; } .site-logo { background-image: url(../img/logo.png); height: 44px; background-repeat: no-repeat; display: block; } .logo-print { display: none; } .footer-logo { width: 141px; height: 31px; display: block; background-image: url(../img/logo-white.png); background-repeat: no-repeat; background-size: cover; background-position: center center; } .icn--nav-toggle { width: 25px; height: 17px; border-top: solid 3px #797e83; border-bottom: solid 3px #797e83; position: absolute; right: 15px; top: 15px; display: none; } .icn--nav-toggle:before { width: 25px; height: 3px; background: #999da1; top: 4px; } .icn--nav-toggle:hover { cursor: pointer; } i { margin-right: .2em; } i.fa { font-size: .9em; } i.fa.fa-file { font-size: 1em; margin-right: .4em; } .headline-primary { margin-top: 0; margin-bottom: 40px; } @media (min-width: 1px) and (max-width: 717px) { .headline-primary { font-size: 2em; line-height: 1.06667; } } .headline-primary--grouped { margin-bottom: 0; } .headline-secondary { margin-bottom: 0.91667em; } .headline-secondary--grouped { margin-top: 0.41667em; margin-bottom: 2.25em; } /* _main */ html, body { margin: 0; padding: 0; height: 100%; } .clip { min-height: 100%; width: 100%; position: relative; } main { width: 100%; clear: both; } @media (max-width: 439px) { main { padding-bottom: 448px; } } @media (min-width: 440px) { main { padding-bottom: 367px; } } @media (min-width: 640px) { main { padding-bottom: 297px; } } .row-bg-color { width: 100%; display: block; background-color: #00BFFF; } .row-bg-color.row-bg-color__footer { margin-bottom: 0; position: absolute; bottom: 0; left: 0; } @media (max-width: 439px) { .row-bg-color.row-bg-color__footer { height: 448px; } } @media (min-width: 440px) { .row-bg-color.row-bg-color__footer { height: 367px; } } @media (min-width: 640px) { .row-bg-color.row-bg-color__footer { height: 297px; } } .navigation, .key-area, .row-controller, .content, footer, .flash-messages, .row-breadcrumb, .row-subnav, .row-subnav { width: 100%; padding: 0 15px; max-width: 1200px; margin-left: auto; margin-right: auto; } @media (min-width: 718px) { .navigation, .key-area, .row-controller, .content, footer, .flash-messages, .row-breadcrumb, .row-subnav, .row-subnav { padding: 0 30px; } } .navigation:after, .key-area:after, .row-controller:after, .content:after, footer:after, .flash-messages:after, .row-breadcrumb:after, .row-subnav:after, .row-subnav:after { content: " "; display: block; clear: both; } .navigation { clear: left; } @media (min-width: 1px) and (max-width: 717px) { .navigation { padding-left: 0; padding-right: 0; } } .row-bg-color, .action-buttons, .content, .flash-messages { margin-bottom: 15px; } @media (min-width: 718px) { .row-bg-color, .action-buttons, .content, .flash-messages { margin-bottom: 30px; } } .site-logo { display: inline-block; float: left; width: 141px; background-size: 141px; } @media (min-width: 1px) and (max-width: 717px) { .site-logo { padding-left: 15px; background-position: 15px; width: 156px; } } @media (min-width: 830px) { .site-logo { width: 190px; background-size: 190px; } } .navbar { text-align: right; } .navbar a:hover { cursor: pointer; } @media (min-width: 718px) and (max-width: 734px) { .nav__item a, .nav__item--current a { padding-left: 3px; } } .nav--small { clear: both; } @media (min-width: 1024px) { .content.page { padding-right: 20%; } } section.content { margin-bottom: 30px; } footer { background-color: #00BFFF; } .row-bg-color--as-user.alert-bar { position: relative; text-align: right; padding-right: 30px; padding-top: 0; padding-bottom: 0; border-radius: 0; } .row-bg-color--as-user.alert-bar .icn--nav-toggle { z-index: 2; top: 10px; border-color: #fff; position: absolute; } @media (min-width: 1px) and (max-width: 717px) { .row-bg-color--as-user.alert-bar { text-align: center; min-height: 40px; text-align: left; padding: 0; } .row-bg-color--as-user.alert-bar .nav__item:last-child { padding: 10px 30px; background-color: #525559; } } .row-bg-color--as-user.alert-bar .nav--small { position: absolute; z-index: 1; width: 100%; background-color: #525559; } .row-bg-color--as-user.alert-bar .nav--small .nav__item:last-child { padding: 0; background-color: #525559; } .row-bg-color--as-user.row-bg-color { font-weight: normal; color: #d6d7d9; } .row-bg-color--as-user .log { display: inline-block; } .row-bg-color--as-user a, .row-bg-color--as-user strong { font-weight: 100; font-size: .9em; color: #fff; } .navigation { position: relative; margin-bottom: 7.5px; } @media (min-width: 718px) { .navigation { margin-bottom: 15px; margin-top: 15px; } } .key-area { color: #fff; } .key-area .lightSlider .key-primary .inner { height: 100%; } .row-bg-color--key-area { background-repeat: no-repeat; background-attachment: local; background-position: 200% 200%; } @media (min-width: 718px) { .row-bg-color--key-area { background-image: url("../img/logo-icon-big.png"); background-position: 118% 133%; } } @media (min-width: 870px) { .row-bg-color--key-area { background-position: 105% 123%; } } @media (min-width: 1024px) { .row-bg-color--key-area { background-position: 113% 100%; } } @media (min-width: 1355px) { .row-bg-color--key-area { background-position: 100% 100%; } } @media (min-width: 1355px) { .row-bg-color--key-area { background-position: 90% 100%; } } .key-area [class^="btn--"] { margin-bottom: 0; } .key-primary { background-size: cover; background-position: center center; text-align: right; } @media (min-width: 1px) and (max-width: 717px) { .key-primary { margin-left: -15px; margin-right: -15px; } .key-primary .inner { padding: 41% 15px 15% 50%; } } @media (min-width: 1px) and (max-width: 717px) and (max-width: 717px) { .key-primary .inner { text-align: left; } } @media (min-width: 718px) { .key-primary { border-left: 1px solid #fff; border-right: 1px solid #fff; width: 48.8959%; float: left; margin-right: 2.2082%; } .key-primary .inner { width: 100%; padding: 41% 15px 15% 50%; } } @media (min-width: 1024px) { .key-primary .inner { padding: 0 105px; } } @media (min-width: 1150px) { .key-primary .inner { padding: 0 135px; } } .key-primary .form__input { background: #fff; } .key-secondary { color: #fff; } .key-secondary .headline-primary { margin-bottom: 15px; } .key-secondary .inner { padding: 30px 15px 30px 0; } @media (min-width: 718px) { .key-secondary { width: 48.8959%; float: right; margin-right: 0; } .key-secondary .inner { padding: 30px 0 30px 15px; } } @media (min-width: 1150px) { .key-secondary .inner { padding: 45px 66px 30px 15px; } } @media (max-width: 1030px) { .key-secondary [class^="btn--"] { float: left; } .key-secondary [class^="btn--"]:first-child { margin-bottom: 15px; } } @media (max-width: 717px) { .key-secondary [class^="btn--"]:last-child { margin-bottom: 30px; } } .key-primary, .key-secondary { position: relative; overflow: hidden; } @media (min-width: 718px) { .key-primary, .key-secondary { height: 382px; } .key-primary form, .key-secondary form { position: absolute; bottom: 45px; } } @media (min-width: 1034) { .key-primary, .key-secondary { height: 336px; } .key-primary form, .key-secondary form { bottom: 84px; } } @media (min-width: 1150px) { .key-primary form, .key-secondary form { bottom: 51px; } } .key-area.key-area-no-bg { position: relative; padding-top: 7px; padding-bottom: 30px; } .key-area.key-area-no-bg [class^="btn--"] { margin-bottom: 20px; float: left; } .key-area.key-area-no-bg .general-info { position: relative; float: left; left: 0; bottom: 0; margin-top: 30px; } @media (min-width: 718px) { .key-area.key-area-no-bg .general-info { margin-bottom: 15px; font-size: 16px; } } .key-area.key-area-no-bg h2 { font-size: 1.3em; margin: 0 0 8px; } .key-area.key-area-no-bg > h2 { margin-bottom: 15px; } .key-area.key-area-no-bg > h1 { margin-top: 60px; margin-bottom: 15px; } @media (min-width: 1px) and (max-width: 717px) { .key-area.key-area-no-bg > h1 { margin-top: 30px; } } .key-area.key-area-no-bg > h1 span { font-size: .45em; display: block; margin-bottom: .4em; } .key-area.key-area-no-bg > h1 a.link { color: #0F0F0F; text-decoration: none; font-size: .6em; } .key-area.key-area-no-bg > h1 a.link:hover { text-decoration: underline; } .key-area.key-area-no-bg .key-primary { height: auto; border: none; } @media (min-width: 1px) and (max-width: 717px) { .key-area.key-area-no-bg .key-primary { margin-left: inherit; margin-right: inherit; } } .key-area.key-area-no-bg .key-primary .inner { padding-left: 0; padding-right: 0; padding: 0; } .key-area.key-area-no-bg .key-primary .inner .headline-primary { margin: inherit; } .key-area.key-area-no-bg .key-secondary { height: auto; float: left; } .key-area.key-area-no-bg .key-secondary .inner { padding: 0; margin-top: -6px; } .key-area.key-area-no-bg .key-primary form, .key-area.key-area-no-bg .key-secondary form { position: relative; float: left; bottom: inherit; } .navigation.navbar.sub-nav { text-align: left; float: left; padding: 0px; } @media (min-width: 916px) { .navigation.navbar.sub-nav { background-color: #525559; margin-bottom: 30px; } .navigation.navbar.sub-nav li a:hover { background-color: #fff; } } @media (min-width: 916px) { .navigation.navbar.sub-nav.is-collapsed-mobile { display: none; margin-bottom: -4px; } } .navigation.navbar.sub-nav.is-hidden-mobile { margin-top: -10px; } @media (max-width: 915px) { .navigation.navbar.sub-nav.is-hidden-mobile { display: none; } } .navigation.navbar.sub-nav ul { display: inline-block; list-style-type: none; float: left; } .navigation.navbar.sub-nav .nav__item, .navigation.navbar.sub-nav .nav__item--current { float: left; margin: 0; padding: 0 1px 0 0; } @media (max-width: 915px) { .navigation.navbar.sub-nav .nav__item, .navigation.navbar.sub-nav .nav__item--current { width: 100%; border-bottom: 1px solid #ebecec; background-color: #fff; } .navigation.navbar.sub-nav .nav__item:first-child, .navigation.navbar.sub-nav .nav__item--current:first-child { border-top: 1px solid #fff; } .navigation.navbar.sub-nav .nav__item:hover, .navigation.navbar.sub-nav .nav__item--current:hover { border-bottom: 1px solid #fff; } } @media (max-width: 915px) { .navigation.navbar.sub-nav .nav__item.active, .navigation.navbar.sub-nav .nav__item--current.active { border-bottom: 1px solid #fff; } } .navigation.navbar.sub-nav .nav__item.active a, .navigation.navbar.sub-nav .nav__item--current.active a { background-color: #ebecec; } .navigation.navbar.sub-nav .nav__item a, .navigation.navbar.sub-nav .nav__item--current a { font-size: 12.8px; text-transform: uppercase; font-weight: 600; } @media (min-width: 916px) { .navigation.navbar.sub-nav .nav__item a, .navigation.navbar.sub-nav .nav__item--current a { padding: 8px 10px; color: #fff; } .navigation.navbar.sub-nav .nav__item a:hover, .navigation.navbar.sub-nav .nav__item--current a:hover { color: #656a6e; } } @media (max-width: 915px) and (min-width: 1px) { .navigation.navbar.sub-nav .nav__item a, .navigation.navbar.sub-nav .nav__item--current a { clear: none; float: left; width: 100%; padding: 12px 0 12px 30px; } } #toggle_2 { background-color: #FF8C00; width: 50px; color: white; line-height: 1; padding: 10px 0 5px 0; text-align: center; cursor: pointer; margin: -3px 0 10px 0; float: left; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } @media (max-width: 915px) { #toggle_2.is-displayed-mobile { display: block; } } .row-breadcrumb { font-size: .9em; } .breadcrumb { width: 100%; float: left; margin-left: 0; margin-right: 0; float: left; padding: 0; margin-bottom: 30px; margin-top: 0; text-transform: uppercase; font-style: italic; } .breadcrumb li { display: inline-block; padding-right: 4.5px; margin-bottom: 7.5px; } .breadcrumb li span { color: #797e83; display: inline-block; } .breadcrumb li .fa { margin-left: 7.5px; margin-right: 0; font-size: 1.1em; } .breadcrumb li.active span { color: #0F0F0F; } .breadcrumb li:hover span { color: #0F0F0F; } .row-controller { color: #fff; line-height: 1; margin-bottom: 15px; } .row-controller [class^="btn--"] { margin-bottom: 15px; width: 100%; } @media (min-width: 718px) { .row-controller [class^="btn--"] { width: auto; } } .row-controller [class^="btn--"] { width: auto; padding: 12.25px 15px; } .controller { background-color: #0F0F0F; display: block; width: 100%; float: left; margin-bottom: 15px; } .controller [class^="selector__"] { margin: 11.25px 15px; text-transform: uppercase; display: inline; float: left; } .controller [class^="selector__"] .fa { margin-left: 7.5px; vertical-align: middle; font-size: 8px; } @media (max-width: 580px) { .controller [class^="selector__"] { clear: both; } } .controller .selector__a { width: 100%; } .controller .selector__a a { display: block; } @media (min-width: 718px) { .controller.controller-filter { width: 48.8959%; float: left; margin-right: 2.2082%; } } .controller.controller--navigator { text-align: right; } .controller.controller--navigator li { display: inline-block; float: none; } .controller.controller--navigator li.selector__a { float: left; width: auto; } .controller.controller--navigator li a:hover { color: #00BFFF; } .controller-sort { margin-bottom: 15px; } @media (min-width: 718px) { .controller-sort { float: left; display: inline-block; width: auto; margin-right: 15px; } } .controller-sort.controller { background-color: #999da1; } .controller-sort .form__input { background-color: #ebecec; outline: none; margin-bottom: 0; border: none; color: #0F0F0F; } @media (min-width: 718px) { .controller-sort .form__input { width: auto; } } .controller-sort a { font-style: italic; } .action-buttons { float: left; } @media (min-width: 718px) { .action-buttons { width: 48.8959%; float: right; margin-right: 0; } } /* Controller Dropdowns, affecting "dropit menu" */ .row-controller .dropit .dropit-submenu { background-color: #fff; border: 1px solid black; color: #0F0F0F; left: -15px; width: 290px; margin: 0; margin-top: 11px; text-align: left; max-height: 210px; overflow-x: hidden; overflow-y: auto; } .row-controller .dropit .dropit-submenu li { padding: 0 15px; float: left; width: 100%; } .row-controller .dropit .dropit-submenu li:hover { background-color: #ebecec; } .row-controller .dropit .dropit-submenu a { text-transform: none; width: 100%; float: left; padding: 7px 0; } .row-controller .controller-sort.dropit .dropit-submenu { width: auto; margin-right: 15px; border-color: #999da1; } .row-controller .controller-sort.dropit .dropit-submenu a { font-style: italic; } .box { border: 1px solid #d6d7d9; padding: 1px; margin-bottom: 15px; } @media (min-width: 718px) { .box { width: 48.8959%; float: left; margin-bottom: 30px; } .box:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .box:nth-child(2n + 2) { margin-left: 51.1041%; margin-right: -100%; clear: none; } } .box.faded { opacity: .5; } @media (min-width: 718px) { .box_tender { height: 388px; } } @media (min-width: 1024px) { .box_tender { height: 370px; } } .box_tender__head, .box_tender__bottom, .box_userprofile { position: relative; padding: 22.5px 15px; } @media (min-width: 1150px) { .box_tender__head, .box_tender__bottom, .box_userprofile { padding: 30px 15px 30px 30px; } } .box_tender__head, .box_userprofile { position: relative; background-color: #00BFFF; padding-bottom: 45px; color: #fff; } @media (max-width: 545px) { .box_tender__head, .box_userprofile { padding-bottom: 75px; } } .box_tender__head { height: 43%; padding-right: 6em; } @media (max-width: 479px) { .box_tender__head { padding-right: 5.6em; } } @media (min-width: 1024px) { .box_tender__head { height: 42%; } } h2.headline-box { font-style: italic; margin-top: -5px; } h2.headline-box .fa { font-size: .5em; position: absolute; right: 6px; top: 8px; } h2.headline-box .fa-pencil:before { content: ""; } h2.headline-box .fa-pencil:after { content: "\f040"; font-size: 1.3em; } h2.headline-box a:hover { color: #FF8C00; } @media (min-width: 1px) and (max-width: 717px) { h2.headline-box { font-size: 17.6px; line-height: 22.4px; } } @media (min-width: 480px) and (max-width: 717px) { h2.headline-box { font-size: 20.8px; line-height: 22.4px; } } @media (min-width: 718px) { h2.headline-box { font-size: 17.6px; line-height: 22.4px; } } @media (min-width: 923px) and (max-width: 1125px) { h2.headline-box { font-size: 20.8px; line-height: 22.4px; } } @media (min-width: 1024px) { h2.headline-box { font-size: 22.4px; line-height: 24px; } } [class^="object-tag__"] { position: absolute; z-index: 1; right: -10px; font-size: 14.4px; line-height: 1; } @media (max-width: 479px) { [class^="object-tag__"] { font-size: 12px; } } [class^="object-tag__"] li { display: inline; float: left; } [class^="object-tag__"] li:first-child { padding: 3px 10px 3px 10px; } [class^="object-tag__"] li:last-child { display: inline; } [class^="object-tag__"] li:last-child:after { content: ' '; position: absolute; width: 0; height: 0; right: 0; top: -6px; border-width: 3px 4px; border-style: solid; border-color: transparent transparent #525559 #525559; } .object-tag__notification { top: 30px; color: #fff; background-color: #FF8C00; } .object-tag__price { top: 56.1px; background-color: #fff; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-weight: bold; color: #0F0F0F; } .object-tag__price li:last-child { border-right: 1px solid #d6d7d9; border-bottom: 1px solid #d6d7d9; padding: 9px 8px 10px 0; margin-left: 0; line-height: .9; } .object-tag__price li:first-child { padding-right: 0px; } .object-tag__price li:first-child:after { content: "VB"; padding-left: 6.4px; } .object-tag__usertag { top: 83.1px; color: #fff; background-color: #9279c3; } .general-info { font-size: 14.4px; line-height: 12.8px; position: absolute; bottom: 17px; left: 15px; } .general-info a:hover { color: #FF8C00; } @media (min-width: 1150px) { .general-info { left: 30px; } } .general-info li { display: inline-block; margin-right: 15px; float: left; margin-top: 8px; } .general-info .fa { padding-right: 4px; } .basic-info { display: inline-flex; width: 100%; } .basic-info li { display: inline; float: left; } .basic-info img { margin-bottom: 0; } .basic-info .label { padding-right: 15px; font-style: italic; } .basic-info .data { font-weight: 600; } .basic-info [class^="btn--"] { margin-bottom: 0; } .basic-info .tender-logo { display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: 0% 0%; } @media (max-width: 529px) { .basic-info .tender-logo { display: none; } } @media (min-width: 530px) and (max-width: 719px) { .basic-info .tender-logo { width: 14.8265%; float: left; margin-right: 2.2082%; } } @media (min-width: 718px) { .basic-info .tender-logo { display: none; } } @media (min-width: 1024px) { .basic-info .tender-logo { display: inline-block; width: 14.8265%; float: left; margin-right: 2.2082%; } } @media (min-width: 530px) and (max-width: 719px) { .tender-info { width: 82.9653%; float: right; margin-right: 0; } } @media (min-width: 1024px) { .tender-info { width: 82.9653%; float: right; margin-right: 0; padding-left: 7.5px; } } .tender-info-table { font-size: 0.9375em; margin-bottom: 19.995px; } .tender-info-table tr { line-height: 24px; vertical-align: top; } .box_userprofile { padding-right: 3em; padding-bottom: 75px; } @media (min-width: 360px) { .box_userprofile { padding-bottom: 60px; } } @media (min-width: 520px) { .box_userprofile { padding-bottom: 45px; } } @media (min-width: 718px) { .box_userprofile { height: 230px; } } @media (min-width: 718px) { .box_userprofile { height: 200px; } } .box_userprofile .headline-box__secondary { margin-top: 11.25px; font-size: 14.4px; display: block; line-height: 19.2px; } .content-head { width: 100%; float: left; margin-left: 0; margin-right: 0; padding: 7.5px 15px 22.5px 15px; background-color: #ebecec; color: #0F0F0F; margin-bottom: 30px; } @media (min-width: 718px) { .content-head { padding: 7.5px 30px 22.5px 30px; } } .content-head h1 { font-size: 2em; margin-bottom: 30px; } @media (max-width: 639px) { .content-head h1 { font-size: 1.5em; margin-bottom: 22.5px; } } .content-head a.link { font-size: .6em; font-weight: bold; } .content-head .general-info { font-size: 16px; position: relative; left: inherit; bottom: inherit; } .content-primary { margin-bottom: 30px; } @media (min-width: 718px) { .content-primary { width: 48.8959%; float: left; margin-right: 2.2082%; } } @media (max-width: 479px) { .content-secondary { padding-top: 15px; } } @media (min-width: 718px) { .content-secondary { width: 48.8959%; float: right; margin-right: 0; } } .facts-table { width: 100%; display: inline-block; border-bottom: 1px solid black; padding: 15px 0 7.5px 0; font-weight: bold; text-transform: uppercase; } .facts-table:last-child { border: none; } .facts-table td { padding: 0 15px 7.5px 0; } .facts-table td:last-child { text-transform: none; color: #4f4f4f; } .facts-section { margin-bottom: 30px; } .key-value-pairs { text-transform: uppercase; color: #4f4f4f; font-weight: bold; } .button-list { float: right; } @media (min-width: 1px) and (max-width: 480px) { .button-list { float: none; } } .button-list.button-list--fullwidth [class^="btn--"] { width: 100%; margin-bottom: 15px; } .button-list.button-list--twocol { float: none; } .button-list.button-list--twocol li:nth-child(3) { float: right; } @media (min-width: 1px) and (max-width: 480px) { .button-list.button-list--twocol li:nth-child(3) { float: none; } } @media (min-width: 719px) and (max-width: 820px) { .button-list.button-list--twocol li { display: block; float: none; } .button-list.button-list--twocol li:last-child { float: none; } .button-list.button-list--twocol li [class^="btn--"] { display: block; float: left; width: 100%; } } .button-list li { display: inline; } .button-list li input { margin-bottom: 5px; } .button-list li:last-child [class^="btn--"] { margin-right: 0; } @media (min-width: 1px) and (max-width: 480px) { .button-list li { display: block; float: none; } .button-list li:last-child { float: none; } .button-list li [class^="btn--"] { display: block; float: left; width: 100%; } } .modal h2 { margin-top: 0; font-weight: 700; color: #00BFFF; } .modal .button-list { width: 100%; display: inline-block; margin-bottom: 30px; } @media (max-width: 480px) and (min-width: 1px) { .modal .form-submit.button-list li { width: 100%; } .modal .form-submit.button-list li:last-child { width: 100%; } } .content-tender .lSSlideOuter { margin-bottom: 45px; } .content-tender .lSSlideWrapper { overflow: hidden; } @media (max-width: 640px) { .content-tender .lSSlideWrapper { margin-bottom: 30px; } } .content-tender .lightSlider { overflow: hidden; } .content-tender .lightSlider img { width: 100%; } .content-tender .lightSlider img .key-primary { overflow: hidden; } .content-tender .lSSlideOuter .lSPager.lSGallery img { width: 100%; } .lSAction > a { height: 42px; } .morelink { font-weight: bold; } .shortcontent, .allcontent { transition: all 0.5s ease; display: block; } .tab-info { padding-top: 15px; } .tab-info ul { display: block; } .tab-info li { display: inline; } .tab-info li a { padding: 7.5px 15px; text-transform: uppercase; } .tab-info li a.active { font-weight: bold; border-left: 1px solid; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid white; } .tab-info .tab { margin-top: 7.5px; border: 1px solid; padding: 15px; overflow: hidden; } .files { display: inline-block; color: #656a6e; } .files a { float: left; margin-right: 15px; margin-bottom: 15px; } address { display: inline-block; } address p { margin-bottom: 7.5px; float: left; clear: both; line-height: 1.3em; } address .firma { font-weight: 700; } address .firma a { font-weight: bold; } .form-page-content.login { width: 100%; } @media (min-width: 481px) { .form-page-content.login { width: 430px; } } .form-page-content.login form { text-align: left; } .form-page-content.login .content-head { padding: 0; } .form-page-content.login .form__input.before-label { margin-bottom: 3px; } .form-page-content.login [class^="btn--"] { width: 100%; float: left; } .image-upload { margin-bottom: 30px; float: left; width: 100%; } .user-logo { margin: 0; padding-bottom: 15px; } @media (min-width: 718px) { .user-logo { width: 50%; } } @media (min-width: 1024px) { .user-logo { width: 30%; } } @media (max-width: 716px) { .user-logo { width: 30%; } } @media (max-width: 420px) { .user-logo { width: 50%; } } input.link { display: inline-block; } .profil-view-edit address { margin-bottom: 15px; } .profil .vich-image img { max-height: 180px; } .devided__col--first.image-space { width: 48.8959%; float: left; margin-right: 2.2082%; } .devided__col--second { width: 48.8959%; float: right; margin-right: 0; } .devided__col--second li { width: 100%; } .devided__col--second li [class^="btn--"] { width: 100%; } .image-space { position: relative; background: #dbf6ff; width: 100%; height: 180px; float: left; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: 15px; } @media (max-width: 510px) { .image-space { height: 185px; } } @media (min-width: 511px) and (max-width: 639px) { .image-space { height: 225px; } } @media (min-width: 640px) and (max-width: 717px) { .image-space { height: 254px; } } @media (min-width: 718px) and (max-width: 823px) { .image-space { height: 144px; } } .image-space .close__icon { position: absolute; top: .4em; right: .5em; cursor: pointer; } .image-space .close__icon i.fa { color: #FF0000; font-size: 18px; margin-right: 0; } .form-submit.button-list li { text-align: center; width: 48.8959%; float: left; margin-right: 2.2082%; } .form-submit.button-list li:last-child { width: 48.8959%; float: right; margin-right: 0; } .form-submit.button-list li a { padding-top: 15px; display: inline-block; text-transform: uppercase; font-weight: 700; } .form-submit.button-list li input { width: 100%; } .images-upload, .files-upload { float: left; width: 100%; } .images-upload .image-space, .images-upload .image-entry, .images-upload .file-entry, .files-upload .image-space, .files-upload .image-entry, .files-upload .file-entry { width: 48.8959%; float: left; height: 150px; overflow: hidden; } .images-upload .image-space img, .images-upload .image-entry img, .images-upload .file-entry img, .files-upload .image-space img, .files-upload .image-entry img, .files-upload .file-entry img { width: 100%; overflow: hidden; } .images-upload .image-space .close__icon, .images-upload .image-entry .close__icon, .images-upload .file-entry .close__icon, .files-upload .image-space .close__icon, .files-upload .image-entry .close__icon, .files-upload .file-entry .close__icon { top: .2em; } .images-upload .image-space:nth-child(2n + 1), .images-upload .image-entry:nth-child(2n + 1), .images-upload .file-entry:nth-child(2n + 1), .files-upload .image-space:nth-child(2n + 1), .files-upload .image-entry:nth-child(2n + 1), .files-upload .file-entry:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .images-upload .image-space:nth-child(2n + 2), .images-upload .image-entry:nth-child(2n + 2), .images-upload .file-entry:nth-child(2n + 2), .files-upload .image-space:nth-child(2n + 2), .files-upload .image-entry:nth-child(2n + 2), .files-upload .file-entry:nth-child(2n + 2) { margin-left: 51.1041%; margin-right: -100%; clear: none; } .images-upload .image-space i.fa, .images-upload .image-entry i.fa, .images-upload .file-entry i.fa, .files-upload .image-space i.fa, .files-upload .image-entry i.fa, .files-upload .file-entry i.fa { font-size: 12.8px; } .images-upload .button-list, .images-upload .form__label, .files-upload .button-list, .files-upload .form__label { float: left; clear: both; } .images-upload { margin-bottom: 15px; } a.action-link { font-weight: bold; } a.action-link:hover { text-decoration: underline; } .file-link { cursor: pointer; margin-bottom: 10px; display: inline-block; } .file-link:before { font: normal normal normal 14px/1 FontAwesome; content: "\f093"; font-size: 1em; padding-right: 5px; } .files-upload .fa-times { padding-left: 3.75px; color: #FF0000; } .textarea-material { height: 110px; } .files-attached .checkbox-item { line-height: 2em; margin-bottom: 3px; } .files-attached .checkbox-item label { color: #4f4f4f; } .highlighted-block { padding: 20px 15px 20px; background-color: #ebecec; } .highlighted-block h3 { margin-top: -10px; } .highlighted-block .subform { margin-bottom: 15px; padding: 15px 15px 30px; background-color: #fff; } .highlighted-block .subform .form__input { margin-bottom: 5px; } p.highlighted-block { color: #656a6e; } .pagination { clear: both; display: block; width: 100%; text-align: center; } .pagination ul { display: inline-block; } .pagination ul li { display: inline; } .pagination ul li a { float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s; } .pagination ul li a.active { background-color: #00BFFF; color: #fff; } .pagination ul li a:hover:not(.active) { background-color: #ebecec; } .row-bg-color .row-bg-color__footer { margin-bottom: 0; } .footer-logo { margin-bottom: 57px; margin-top: 43.5px; } footer { font-size: 1em; color: #fff; padding-bottom: 15px; } footer ul { margin-bottom: 22.5px; } footer li.nav__item, footer li .nav__item--current { display: block; margin: 0 0 6px 0; border: none; } footer li.nav__item a, footer li .nav__item--current a { font-size: inherit; font-weight: inherit; padding: 0; color: #fff; } footer li.nav__item a:hover, footer li .nav__item--current a:hover { color: #fff; text-decoration: underline; } @media (min-width: 480px) and (max-width: 639px) { footer ul { width: 48.8959%; float: left; } footer ul:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } footer ul:nth-child(2n + 2) { margin-left: 51.1041%; margin-right: -100%; clear: none; } } @media (min-width: 640px) { footer ul { width: 31.8612%; float: left; margin-right: 2.2082%; } footer ul:last-child { width: 31.8612%; float: right; margin-right: 0; } } .flash-messages { max-width: 1200px; margin-left: auto; margin-right: auto; width: 100%; margin-bottom: 0; } .flash-messages:after { content: " "; display: block; clear: both; } .content .flash-messages { padding: 0; } .alert-bar { width: 100%; float: left; margin-left: 0; margin-right: 0; clear: both; padding: 7.5px 15px; display: block; margin-bottom: 17px; color: #fff; font-weight: bold; border-radius: 0.4em; } .alert-bar i.fa { font-size: 1.2em; } .alert-bar.error { background-color: #FF0000; } .alert-bar.success { background-color: #5ece7f; } .alert-bar.info { background-color: #797e83; } .alert-bar.warning { background-color: #FF8C00; } .alert-bar .link { font-weight: bold; text-transform: uppercase; } .alert-text { display: block; margin-top: -17px; font-weight: bold; } .alert-text.error { color: #FF0000; } .alert-text.success { color: #5ece7f; } .alert-text.info { color: #797e83; } .alert-text.warning { color: #FF8C00; } .responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .group { zoom: 1; } /* IE6 */ *:first-child + html .group { zoom: 1; } /* IE7 */ #tenderimageupload, #tenderfileupload { border: 3px dashed; text-align: center; padding-top: 6%; } #tenderimageupload .upload-text, #tenderfileupload .upload-text { display: block; margin-bottom: 30px; } #tenderimageupload [class^="btn--"]:first-child, #tenderfileupload [class^="btn--"]:first-child { margin-right: 0; } #tenderimageupload .images-upload.image-list, #tenderimageupload .files-upload.file-list, #tenderfileupload .images-upload.image-list, #tenderfileupload .files-upload.file-list { margin-top: 20px; } #tenderimageupload .images-upload.image-list .image-entry, #tenderimageupload .images-upload.image-list .file-entry, #tenderimageupload .files-upload.file-list .image-entry, #tenderimageupload .files-upload.file-list .file-entry, #tenderfileupload .images-upload.image-list .image-entry, #tenderfileupload .images-upload.image-list .file-entry, #tenderfileupload .files-upload.file-list .image-entry, #tenderfileupload .files-upload.file-list .file-entry { position: relative; padding-bottom: 65px; height: 196px; } #tenderimageupload .images-upload.image-list .image-entry > canvas:first-child, #tenderimageupload .images-upload.image-list .image-entry img, #tenderimageupload .images-upload.image-list .file-entry > canvas:first-child, #tenderimageupload .images-upload.image-list .file-entry img, #tenderimageupload .files-upload.file-list .image-entry > canvas:first-child, #tenderimageupload .files-upload.file-list .image-entry img, #tenderimageupload .files-upload.file-list .file-entry > canvas:first-child, #tenderimageupload .files-upload.file-list .file-entry img, #tenderfileupload .images-upload.image-list .image-entry > canvas:first-child, #tenderfileupload .images-upload.image-list .image-entry img, #tenderfileupload .images-upload.image-list .file-entry > canvas:first-child, #tenderfileupload .images-upload.image-list .file-entry img, #tenderfileupload .files-upload.file-list .image-entry > canvas:first-child, #tenderfileupload .files-upload.file-list .image-entry img, #tenderfileupload .files-upload.file-list .file-entry > canvas:first-child, #tenderfileupload .files-upload.file-list .file-entry img { height: 100%; position: inherit; top: auto; right: auto; } #tenderimageupload .images-upload.image-list .image-entry > img, #tenderimageupload .images-upload.image-list .file-entry > img, #tenderimageupload .files-upload.file-list .image-entry > img, #tenderimageupload .files-upload.file-list .file-entry > img, #tenderfileupload .images-upload.image-list .image-entry > img, #tenderfileupload .images-upload.image-list .file-entry > img, #tenderfileupload .files-upload.file-list .image-entry > img, #tenderfileupload .files-upload.file-list .file-entry > img { width: auto; } #tenderimageupload .images-upload.image-list .image-entry canvas, #tenderimageupload .images-upload.image-list .file-entry canvas, #tenderimageupload .files-upload.file-list .image-entry canvas, #tenderimageupload .files-upload.file-list .file-entry canvas, #tenderfileupload .images-upload.image-list .image-entry canvas, #tenderfileupload .images-upload.image-list .file-entry canvas, #tenderfileupload .files-upload.file-list .image-entry canvas, #tenderfileupload .files-upload.file-list .file-entry canvas { position: absolute; top: 10px; right: 10px; } #tenderimageupload .images-upload.image-list .image-entry .filename, #tenderimageupload .images-upload.image-list .file-entry .filename, #tenderimageupload .files-upload.file-list .image-entry .filename, #tenderimageupload .files-upload.file-list .file-entry .filename, #tenderfileupload .images-upload.image-list .image-entry .filename, #tenderfileupload .images-upload.image-list .file-entry .filename, #tenderfileupload .files-upload.file-list .image-entry .filename, #tenderfileupload .files-upload.file-list .file-entry .filename { display: block; } #tenderimageupload .images-upload.image-list .image-entry a.deletelink, #tenderimageupload .images-upload.image-list .file-entry a.deletelink, #tenderimageupload .files-upload.file-list .image-entry a.deletelink, #tenderimageupload .files-upload.file-list .file-entry a.deletelink, #tenderfileupload .images-upload.image-list .image-entry a.deletelink, #tenderfileupload .images-upload.image-list .file-entry a.deletelink, #tenderfileupload .files-upload.file-list .image-entry a.deletelink, #tenderfileupload .files-upload.file-list .file-entry a.deletelink { position: absolute; top: 10px; right: 16px; } #tenderimageupload .images-upload.image-list .image-entry a.deletelink:hover, #tenderimageupload .images-upload.image-list .file-entry a.deletelink:hover, #tenderimageupload .files-upload.file-list .image-entry a.deletelink:hover, #tenderimageupload .files-upload.file-list .file-entry a.deletelink:hover, #tenderfileupload .images-upload.image-list .image-entry a.deletelink:hover, #tenderfileupload .images-upload.image-list .file-entry a.deletelink:hover, #tenderfileupload .files-upload.file-list .image-entry a.deletelink:hover, #tenderfileupload .files-upload.file-list .file-entry a.deletelink:hover { opacity: .7; } #tenderimageupload .images-upload.image-list .image-entry a.deletelink.fa-times:before, #tenderimageupload .images-upload.image-list .file-entry a.deletelink.fa-times:before, #tenderimageupload .files-upload.file-list .image-entry a.deletelink.fa-times:before, #tenderimageupload .files-upload.file-list .file-entry a.deletelink.fa-times:before, #tenderfileupload .images-upload.image-list .image-entry a.deletelink.fa-times:before, #tenderfileupload .images-upload.image-list .file-entry a.deletelink.fa-times:before, #tenderfileupload .files-upload.file-list .image-entry a.deletelink.fa-times:before, #tenderfileupload .files-upload.file-list .file-entry a.deletelink.fa-times:before { content: ""; } #tenderimageupload .images-upload.image-list .image-entry a.deletelink.fa-times:after, #tenderimageupload .images-upload.image-list .file-entry a.deletelink.fa-times:after, #tenderimageupload .files-upload.file-list .image-entry a.deletelink.fa-times:after, #tenderimageupload .files-upload.file-list .file-entry a.deletelink.fa-times:after, #tenderfileupload .images-upload.image-list .image-entry a.deletelink.fa-times:after, #tenderfileupload .images-upload.image-list .file-entry a.deletelink.fa-times:after, #tenderfileupload .files-upload.file-list .image-entry a.deletelink.fa-times:after, #tenderfileupload .files-upload.file-list .file-entry a.deletelink.fa-times:after { content: "\f00d"; color: #FF0000; font-size: 1.4em; font-weight: 600; font-size: 1.3em; } #tenderimageupload .files-upload.file-list .file-entry, #tenderfileupload .files-upload.file-list .file-entry { width: 100%; clear: both; margin: auto; background-color: #fff; height: auto; margin-bottom: 15px; padding: 15px 0 5px 0; } #tenderimageupload .files-upload.file-list .file-entry canvas, #tenderimageupload .files-upload.file-list .file-entry img, #tenderfileupload .files-upload.file-list .file-entry canvas, #tenderfileupload .files-upload.file-list .file-entry img { height: auto; } .data-table { margin-bottom: 30px; } @media (min-width: 718px) { .key-area .page_subtitle { font-size: 1.5em; } } @media (min-width: 1px) and (max-width: 717px) { .page-template .row-bg-color--key-area .key-area.key-area_info-slider, .page-template-default .row-bg-color--key-area .key-area.key-area_info-slider { padding: 0; } .page-template .row-bg-color--key-area .key-area.key-area_info-slider .key-primary, .page-template-default .row-bg-color--key-area .key-area.key-area_info-slider .key-primary { margin: 0; } .page-template .row-bg-color--key-area .key-area.key-area_info-slider .key-secondary, .page-template-default .row-bg-color--key-area .key-area.key-area_info-slider .key-secondary { padding: 0 15px; } } .content.page { padding: 0 15px; } .content.page h2 { font-weight: 700; } .content.page li h2 { font-size: 1.4em; } .content.page figure { margin-left: 0; margin-right: 0; } .content.page P, .content.page ul, .content.page table, .content.page ol { margin: 0 0 1.875em; font-weight: 300; line-height: 1.5em; } .content.page ul, .content.page li { list-style-type: disc; } @media (min-width: 718px) { .content.page { padding: 0 30px; } .content.page figure { max-width: 820px; } .content.page h1, .content.page h2 { font-size: 1.8em; } .content.page P, .content.page ul, .content.page table, .content.page ol { max-width: 790px; font-size: 1.3em; margin: 0 0 1.875em; font-weight: 300; line-height: 1.5em; } } .content.page ul { margin-left: 15px; } /* easyeditor */ .easyeditor { width: 100%; height: 220px; padding: 0.83333em; margin-bottom: 30px; background: #dbf6ff; border: 0; border: none; outline: none; font-size: 18px; color: #797e83; overflow-y: scroll; } .easyeditor ul, .easyeditor li { padding: 0 0 10px 10px; margin: 0 0 10px 10px; list-style-type: disc; } .easyeditor h3, .easyeditor h4 { margin: 0; padding: 0; } .easyeditor-toolbar { margin-bottom: 9px; color: #4f4f4f; } .easyeditor-toolbar li { display: inline; margin-right: 9px; } .easyeditor-toolbar button { margin-bottom: 9px; } @media print { body { margin: 0 auto; width: 210mm; padding: 20mm; margin-bottom: 0; } @page { body { width: 210mm; padding: 20mm; margin-bottom: 0; } } table, article, img, div.allcontent, ul { page-break-inside: avoid; } div.allcontent { page-break-before: avoid; } h1, h2, h3 { page-break-after: avoid !important; } .comment { page-break-before: avoid; } header, nav, footer, form, .pagination, .row-bg-color__footer, .row-breadcrumb, .row-bg-color--key-area, .row-controller, .files, .back-to-top { display: none !important; } .logo-print { display: block; width: 190px; margin-bottom: 20mm; } section.content { margin-bottom: 0; } .content-primary, .content-secondary, address, h1, h2, h3, p { width: 100%; } .content-head { padding: 0; background-color: transparent; } .tab-info .tabs li > a { font-weight: 600; font-size: 1.25em; } .tab-info .tab { border: none; padding: 0; } .tab-info li a { border: none; padding: 0; } .tab-info li a.active { border: none; } .tab-info li:first-child { display: none; } .tab-info div.tab:first-child { display: none !important; } .tab-info div.tab:last-child { display: block !important; } .allcontent { display: block !important; } .shortcontent { display: none; } .morelink { display: none; } .lSPager { display: none; } .lSSlideWrapper { overflow: visible; } .lightSlider { width: 100% !important; float: left; transform: inherit !important; } .lightSlider li { width: 50% !important; } .lightSlider img { width: 100%; padding-right: 1mm; display: inline-block; } .box { float: left !important; width: 100% !important; display: block !important; clear: both !important; height: auto !important; margin-left: 0 !important; margin-right: 0 !important; } } /* https://css-tricks.com/responsive-data-tables/ */ /* Generic Styling, for Desktops/Laptops */ .data-table { width: 100%; border-collapse: collapse; /* Zebra striping */ /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ } .data-table tr:nth-of-type(odd) { background: #ebecec; } .data-table th { background: #525559; color: #fff; font-weight: bold; } .data-table td, .data-table th { padding: 9px; border: 1px solid #ccc; text-align: left; } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { .data-table { /* Force table to not be like tables anymore */ /* Hide table headers (but not display: none;, for accessibility) */ /* Label the data */ } .data-table table, .data-table thead, .data-table tbody, .data-table th, .data-table td, .data-table tr { display: block; } .data-table thead tr { position: absolute; top: -9999px; left: -9999px; } .data-table tr { border: none; margin-bottom: 2em; } .data-table td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #ebecec; position: relative; padding-left: 50%; } .data-table tr:nth-of-type(odd) td { border-bottom: 1px solid #fff; } .data-table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 9px; left: 9px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: 600; } .data-table td:nth-of-type(1):before { content: "Titel 1:"; } .data-table td:nth-of-type(2):before { content: "Titel 2:"; } .data-table td:nth-of-type(3):before { content: "Titel 3:"; } .data-table td:nth-of-type(4):before { content: "Titel 4:"; } .data-table td:nth-of-type(5):before { content: "Titel 5:"; } .data-table td:nth-of-type(6):before { content: "Titel 6:"; } .data-table td:nth-of-type(7):before { content: "Titel 7:"; } .data-table td:nth-of-type(8):before { content: "Titel 8:"; } .data-table td:nth-of-type(9):before { content: "Titel 9:"; } .data-table td:nth-of-type(10):before { content: "Titel 10:"; } }