/* project.css (media queries included) */ /* ======================================================== Elements ======================================================== */ /* -------------------------------------------------------- Base (Mobile) -------------------------------------------------------- */ /* Global */ /* Standanmeldung englisch - Akkordeon */ #registration .accordion-navigation-link { padding: 1em 1em 0.7em 18%; background-repeat: no-repeat; background-position: 0.5em center; } #registration .ui-accordion .ui-accordion-header .ui-accordion-header-icon { bottom: 12px; } #registration .en { background-image: url(../fl_layout_images/fl_flagge_en.png) } #registration .fr { background-image: url(../fl_layout_images/fl_flagge_fr.png) } #registration .it { background-image: url(../fl_layout_images/fl_flagge_it.png) } #registration .pt { background-image: url(../fl_layout_images/fl_flagge_pt.png) } #registration .es { background-image: url(../fl_layout_images/fl_flagge_es.png) } /* -------------------------------------------------------- Tablet -------------------------------------------------------- */ @media (min-width: 768px) { /* Navigation */ .de #nav-main ul li.nav-main-1, .es #nav-main ul li.nav-main-1 { width: 29%; } .en #nav-main ul li.nav-main-1 { width: 17%; } .de #nav-main ul li.nav-main-2 { width: 31%; } .en #nav-main ul li.nav-main-2 { width: 37%; } .es #nav-main ul li.nav-main-2 { width: 26%; } .de #nav-main ul li.nav-main-3 { width: 26%; } .en #nav-main ul li.nav-main-3 { width: 30%; } .es #nav-main ul li.nav-main-3 { width: 29%; } .de #nav-main ul li.nav-main-4 { width: 14%; } .en #nav-main ul li.nav-main-4, .es #nav-main ul li.nav-main-4 { width: 16%; } } /*@media Tablet */ /* -------------------------------------------------------- Screen -------------------------------------------------------- */ @media (min-width: 1108px) { body div.page-wrap{ min-height: 790px; } /* Navigation Startseite */ .de.home #nav-main ul li.nav-main-1 { width: 26%; } .en.home #nav-main ul li.nav-main-1 { width: 16%; } .es.home #nav-main ul li.nav-main-1 { width: 26%; } .de.home #nav-main ul li.nav-main-2 { width: 32%; } .en.home #nav-main ul li.nav-main-2 { width: 36%; } .es.home #nav-main ul li.nav-main-2 { width: 27%; } .de.home #nav-main ul li.nav-main-3 { width: 27%; } .en.home #nav-main ul li.nav-main-3 { width: 31%; } .es.home #nav-main ul li.nav-main-3 { width: 30%; } .de.home #nav-main ul li.nav-main-4 { width: 14%; } .en.home #nav-main ul li.nav-main-4, .es.home #nav-main ul li.nav-main-4 { width: 16%; } /* Navigation Content-Seite */ .de #nav-main ul li.nav-main-1 { width: 26%; } .en #nav-main ul li.nav-main-1 { width: 16%; } .es #nav-main ul li.nav-main-1 { width: 26%; } .de #nav-main ul li.nav-main-2 { width: 32%; } .en #nav-main ul li.nav-main-2 { width: 36%; } .es #nav-main ul li.nav-main-2 { width: 27%; } .de #nav-main ul li.nav-main-3 { width: 27%; } .en #nav-main ul li.nav-main-3 { width: 31%; } .es #nav-main ul li.nav-main-3 { width: 30%; } .de #nav-main ul li.nav-main-4 { width: 15%; } .en #nav-main ul li.nav-main-4, .es #nav-main ul li.nav-main-4 { width: 17%; } /* Hover-Navigation Startseite */ #nav-main ul li.nav-main-1:hover ul.nav-second { margin-left: -1%; } .de #nav-main ul li.nav-main-2:hover ul.nav-second { margin-left: 5%; } .en #nav-main ul li.nav-main-2:hover ul.nav-second { margin-left: 7%; } .es #nav-main ul li.nav-main-2:hover ul.nav-second { margin-left: 3%; } .de #nav-main ul li.nav-main-3:hover ul.nav-second { margin-left: 2%; } .en #nav-main ul li.nav-main-3:hover ul.nav-second { margin-left: 4%; } .es #nav-main ul li.nav-main-3:hover ul.nav-second { margin-left: 4%; } .de #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -8%; } .en #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -6%; } .es #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -6%; } /* Hover-Navigation Unterseite */ #nav-main ul li.nav-main-1:hover ul.nav-second { margin-left: 0; } .de #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -7%; } .en #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -5%; } .es #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -5%; } .on-scrolling #logo, .on-scrolling #logo-alternate { padding-top: 4px; padding-bottom: 4px; } .on-scrolling #nav-main { padding-top: 0 !important; } body.content .on-scrolling #logo img { max-height: 50px; } body.content #logo img { padding-bottom: 10px; } ul.nav-second { width: 22%; } .home #nav-main { padding-top: 62px; padding-left: 0.7em; } #nav-main, #nav-main.nav-main-active { padding-top: 10px; padding-bottom: 25px; } .on-scrolling #logo, .on-scrolling #logo-alternate { padding-bottom: 8px; } ul.nav-second { margin: 0; } /* Standanmeldung englisch - Akkordeon */ #fl_aussteller_anmeldung_akkordeon_navigation_en .accordion-navigation-link { padding: 1em 1em 0.7em 13%; } } /*@media Screen */ /* -------------------------------------------------------- Widescreen -------------------------------------------------------- */ @media (min-width: 1780px) { /* Navigation */ ul.nav-second { width: 19%; } /* Hover-Navigation Startseite */ .home #nav-main ul li.nav-main-2:hover ul.nav-second { margin-left: 6%; } .de.home #nav-main ul li.nav-main-3:hover ul.nav-second { margin-left: 4%; } .en.home #nav-main ul li.nav-main-3:hover ul.nav-second { margin-left: 6%; } .de.home #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -4.5%; } .en.home #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -3%; } .es.home #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -3%; } /* Hover-Navigation Unterseite */ .de #nav-main ul li.nav-main-2:hover ul.nav-second { margin-left: 6.5%; } .en #nav-main ul li.nav-main-2:hover ul.nav-second { margin-left: 8.5%; } .es #nav-main ul li.nav-main-2:hover ul.nav-second { margin-left: 4%; } .de #nav-main ul li.nav-main-3:hover ul.nav-second { margin-left: 4%; } .en #nav-main ul li.nav-main-3:hover ul.nav-second { margin-left: 6%; } .es #nav-main ul li.nav-main-3:hover ul.nav-second { margin-left: 5%; } .de #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -4%; } .en #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -2%; } .es #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -2%; } /* Standanmeldung englisch - Akkordeon */ #fl_aussteller_anmeldung_akkordeon_navigation_en .accordion-navigation-link { padding: 1em 1em 0.7em 9%; } } /*@media Widescreen */ /* ======================================================== new Colors ======================================================== Primär: #990c51 (weinrot) Sekundär: #4C6A73 (dunkelblau) Tertiär: #c3d2d5 (blaugrau) Zusatz: #C1DD00 (limette) Icons: #4C6A73 Links: #990c51 Schrift: #4C6A73 Highlight: #95c59c ======================================================== */ /* Base */ body, .fancybox-title{ color:#4C6A73; } .text-error, a.gsa-spellcheck-link { color: #990c51; } #screen-fixed { background-color: #fff; } #side-panel li a { background-color: #990c51; color: #fff; } #side-panel li a span { color: #fff; } /* Home-Icon Side-Panel*/ .icon-side-home-item1, .icon-side-home-item5{ background-color: #c3d2d5; } .icon-side-home-item2{ background-color: #C1DD00; } .icon-side-home-item3, .icon-side-home-item4{ background-color: #4C6A73; } /* Ausklapp-Mobil-Navigation */ .mobile-nav-toggle, .mobile-search-button { color: #990c51; } .nav-mobile-wrap { background: #990c51; } .mobile-nav-toggle.mobile-nav-toggle-active { color: #4C6A73; } a { color: #990c51; } a.link-highlight, a.link-highlight-block { background-color: #990c51; } .news a{ color: #990c51; } .news, .news-noscript { background-color: #95c59c; } h5, p, li, table { color: #4C6A73; } h2, h4 { color: #990c51; } h3 { color: #4C6A73; } #content hr, .downloadcenter-category{ border-bottom-color: #4C6A73; } /* Forms */ .form-control:focus { border-color:#990c51; } label { color: #4C6A73; } legend { color: #990c51; } .form-control { background-color: #c3d2d5; border-color: #c3d2d5; color: #4C6A73; } .form-control::-moz-placeholder { color: #4C6A73; } .form-control:-ms-input-placeholder { color: #4C6A73; } .form-control::-webkit-input-placeholder { color: #4C6A73; } #content p.help-block { color: #990c51; } /* Tabellen */ .table { border-left: 1px solid #990c51; border-right: 1px solid #990c51; } .table.table-striped { border: 0; } .table > thead > tr > th { background-color: #990c51; } .table-color > thead > tr > th { background-color: #990c51; } .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { color: #4C6A73; background-color: #fff; } .table-color > tbody > tr > th, .table-color > tfoot > tr > th, .table-color > thead > tr > td, .table-color > tbody > tr > td, .table-color > tfoot > tr > td { background-color: #d7f6dc; color:#4C6A73; } .table-striped > tbody > tr > td, .table-striped > tbody > tr > th { background-color: #d7f6dc; } .table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th { background-color: #fff; } .table-color.table-striped > tbody > tr:nth-child(2n) > td, .table-color.table-striped > tbody > tr:nth-child(2n) > th { background-color: #f0fff3; } .table > tbody > tr > th, .table > tbody > tr > td { border-bottom-color: #990c51; } /* Content */ #content blockquote { border-left-color: #990c51; } #content li:before { color: #4C6A73; } #content ul ul li:before { color: #990c51; } #content .col-highlight ul li:before, #content .highlight ul li:before { color: #990c51; } #content .col-highlight ul ul li:before, #content .highlight ul ul li:before { color: #4C6A73; } .col-highlight, #content .highlight, #content .ui-tabs-panel .highlight, #content .ui-accordion-content .highlight { background-color: #95c59c; } p.col-highlight, h3.highlight, #content .col-highlight h2, #content .col-highlight h3, #content .col-highlight h4, #content .col-highlight h5, #content .col-highlight p, #content .col-highlight li, #content .col-highlight table{ color:#4C6A73; } #content h4.highlight { color:#4C6A73; } .col-highlight h3{ color: #4C6A73; } .text-success a, .text-error a, a.gsa-spellcheck-link b{ color:#4C6A73; } #content .anchor-links li a { background-color: #c3d2d5; border-color: #c3d2d5; color: #4C6A73; } #content .anchor-links-color li a { background-color: #990c51; border-color: #990c51; color: #fff; } .img-border img, #content .border{ border-color: #4C6A73; } #nav-meta ul li a, #nav-lang ul li a, #nav-footer ul li a, #nav-social ul li a, #footer-copyright { color: #4C6A73; } #nav-main ul li.nav-main-li-active, #nav-level3 ul li.nav-level3-li-active span { background-color: #990c51; } #nav-level2 ul li.nav-level2-li-active span, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current { background-color: #c1dd00; color:#4C6A73; } #nav-level2 ul li a{ color:#990c51; } #nav-level3 ul li a { color: #4C6A73; } #nav-level2 ul li a { background: none; color: #4C6A73; } #nav-level2, #nav-level3 { border-bottom-color: #c3d2d5; } #nav-main ul li.nav-main-li-active { padding-top: 1em; } #nav-main ul li span { color:#fff; border-bottom-width: 0; } .news-content-slider li p{ color:#990c51; } .news-content-slider li p a { color: #4C6A73; } .icon-news-left:before, .icon-news-right:before, .icon-gallery-zoom:before { color: #4C6A73; } .pressphoto-img { background-color: #990c51; } .pressreleases-date{ color: #4C6A73; } .quotation{ background: #c3d2d5; } .quotation .icon-news-left:before, .quotation .icon-news-right:before{ color: #990c51; } /* Tiles */ .tile { border-color: #4C6A73; } #tile-event { background-color: #fff; } /* Tile Links */ a.tile-text-link { background: #4C6A73; color: #fff; } .tile-color-rosa a.tile-text-link { background: #C54C73; color: #fff; } .tile-color-rosa { border-color: #C54C73; } .tile-color-green a.tile-text-link { background: #95C59C; color: #fff; } .tile-color-green { border-color: #95C59C; } .tile-color-limette a.tile-text-link { background: #C1DD00; color: #fff; } .tile-color-limette { border-color: #C1DD00; } /* Fancybox */ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span, #fancybox-buttons ul { background-color: #990c51; } /* Tile Search */ #tile-search { background-color: #fff; border-color:#ffd409; } /* Suche */ .gsa-search input { background-color: #fff; color: #4C6A73; } .tile .tile-search-inner { border-color: #4C6A73; background-color: #4C6A73; } .nav-level2-search .tile-search-inner { border-color: #4C6A73; background-color: #4C6A73; } .tile-search-content h3 { background-color: #fff; color: #990c51; } .gsa-search-mobile { background-color: #990c51; } input.gsa-search-mobile-input { color: #4C6A73; text-transform: none; } .gsa-search-mobile-button { background-color: #990c51; color: #fff; } .gsa-search input, input.gsa-search-mobile-input, .gsa-search input::-webkit-input-placeholder, input.gsa-search-mobile-input::-webkit-input-placeholder, .gsa-search input:-moz-placeholder, input.gsa-search-mobile-input:-moz-placeholder, .gsa-search input:-ms-input-placeholder, input.gsa-search-mobile-input:-ms-input-placeholder { opacity: 1; } .gsa-spellcheck, .gsa-related-queries, .gsa-keymatch, .gsa-result { border-bottom-color: #990c51; } /* GSA Content Search */ .gsa-content-search, #content .gsa-content-search-option, #content button.gsa-content-search-button, #content .gsa-content-search-button:hover { background-color: #990c51; } #content #gsa-content-search-select { background-color: #c3d2d5; color:#fff; } #content .gsa-content-search-button { color:#fff; } /* Tab-Navigation */ #content .ui-tabs .ui-tabs-panel { background-color: #fff; border-color: #990c51; } #content ul.ui-tabs-nav .ui-state-active { background-color: #fff; border-color: #990c51; } #content .tab-navigation .ui-state-default { background-color: #fff; border-color: #990c51; } #content .tab-navigation-colored .ui-state-default { background-color: #c3d2d5; border-color: #c3d2d5; } #content .tab-navigation .ui-widget-header .ui-state-default a { color: #990c51; } #content .tab-navigation-colored .ui-widget-header .ui-state-default a { color: #4C6A73; } #content .tab-navigation-colored .ui-widget-header .ui-state-active a, #content .tab-navigation .ui-widget-header .ui-state-active a { background: #990c51; color: #fff; } #content .tab-navigation .ui-state-default.ui-state-hover a { color: #4C6A73; } /* Accordion-Navigation */ .accordion-navigation-link, .ui-accordion .ui-accordion-header { background-color: #fff; border-color: #990c51; color: #990c51; } .ui-state-default .ui-icon, .ui-state-active .ui-icon { color: #565657; } .ui-accordion .ui-state-active { background-color: #fff; border-color: #c3d2d5 #c3d2d5 #990c51 #c3d2d5; } .accordion-navigation-box{ border-color: #c3d2d5; } .accordion-category { background-color: #c54c73; color: #fff; } .ui-accordion .ui-accordion-header.ui-state-active { background-color: #fff; color: #4C6A73; } .accordion-navigation-colored .accordion-navigation-link { background-color: #990c51; color: #fff; } .accordion-navigation-colored .ui-accordion .ui-accordion-header, .accordion-navigation-colored .ui-accordion .ui-accordion-header.ui-state-hover { background-color: #990c51; border-color: #c3d2d5 #c3d2d5 #990c51 #c3d2d5; color: #fff; } .accordion-navigation-colored .ui-accordion .ui-accordion-header.ui-state-hover { font-weight: bold; } .accordion-navigation .ui-state-default .ui-icon{ background-image: url(../fl_layout_images/fl_accordion_down.svg); } .accordion-navigation-colored .ui-state-default .ui-icon{ background-image: url(../fl_layout_images/fl_accordion_down_color.svg); } .accordion-navigation .ui-state-active .ui-icon, .accordion-navigation-colored .ui-state-active .ui-icon{ background-image: url(../fl_layout_images/fl_accordion_up.svg); } /* A-Z-Liste */ #content .page-navigation li span { background-color: #fff; color: #990c51; border-color: #990c51; } #content .page-navigation li a { background-color: #990c51; color: #fff; border-color: #990c51; } /* Sitemap */ #content .sitemap ul.sitemap-level1 li a { background-color: #990c51; color: #fff; } #content .sitemap ul.sitemap-level2 li a { background-color: #c3d2d5; color:#4C6A73; } #content .sitemap ul.sitemap-level3 li a { background-color: #fff; color: #4C6A73; } /* Buttons */ #content button { background-color: #4C6A73; color:#fff; } #content button.btn-colored, a.button-link { background-color: #990c51; color:#fff; } /* Banner-Generator */ .banner-generator-image{ border-color: #C1DD00; background-color: #C1DD00; } /* ePDF */ .epdf-step { border: 1px solid #990c51; background-color: #fff; } .epdf-step1-active, .epdf-step2-active { background-color: #990c51; color: #fff; } .col-options { border-bottom-color: #990c51; border-top-color: #990c51; } h4.epdf-category, h5.epdf-subcategory { color: #990c51; } /* Newsletter */ .newsletter-selection { border-color: #ef7d00; } h3.newsletter-web-category { background-color: #464646; color: #fff; margin-top: 0.5em; padding: 0.5em; } /* Event-DB */ .eventdb-options { border-bottom-color: #990c51; border-top-color: #990c51; } .eventdb-highlights-item-line, .eventdb-memolist-item-line, .eventdb-details-description { border-bottom-color: #990c51; } .eventdb-search-result-sort select{ background-color: #c3d2d5; } #content .page-navigation li span.page-navigation-active{ background-color: #C1DD00; border-color: #C1DD00; color:#fff; } .eventdb-summary-list-date h3, .eventdb-details-title h3, .eventdb-speakers-details-headline h3{ color:#990c51; } .eventdb-summery-list-event:nth-child(even), .eventdb-details-subevent:nth-child(even){ background-color: #c3d2d5; } .eventdb-summery-list-event:nth-child(odd), .eventdb-details-subevent:nth-child(odd){ background-color: #fff; } .eventdb-speakers-details-relations-title, .eventdb-speakers-details-relations-date { color: #4C6A73; } .eventdb-table-headcol { background-color: #990c51; } .eventdb-table-col { border-bottom-color: #f0fff3; } .eventdb-col-mobile-odd { background-color: #e6f6f8; } .eventdb-col-mobile-even{ background-color: #d9f1f4; } .eventdb-table-category { color: #4C6A73; } .eventdb-table-head .eventdb-table-col{ background-color: #95c59c; } .eventdb-table-link { border-bottom-color: #990c51; } .eventdb-speakers-list-col { color: #4C6A73; } /* Blätterkatalog */ .b-controls{ color: #4C6A73; } .b-selector .b-current, .b-selector ul, .booklet .b-tab, .booklet .b-counter { background-color: #c3d2d5; color: #4C6A73; } .b-selector a { color: #4C6A73; } /* Fachpressestand */ .servicelist img { border: 1px solid #c3d2d5; } /* Startseite - Kacheln */ /* #tile-3{ border-color: #C1DD00; } #tile-3 a { background-color: #C1DD00; color: #4C6A73; } .tile-counter { background-color: #c3d2d5; color: #fff; } #tile-5{ border-color: #c3d2d5; } #tile-5 .tile-counter span { color: #fff; } #tile-5 .tile-counter span.tile-counter-time { color: #4C6A73; font-weight: bold; } */ h2.news-header { background-color: #4C6A73; color: #fff; } .news-headline h2:hover { background-color: #4C6A73; } .news-button { background-color:transparent; } /* Pressemitteilungen */ .pressreleases-details-date{ color: #990c51; } /* Neuheitenreport */ .spotlight .ui-tooltip { background-color: #990c51; color: #fff; padding: 10px 20px; } .spotlight .ui-tooltip ul li, .spotlight .ui-tooltip h3{ color: #fff; } /* Progress Bar */ progress { background-color: #c3d2d5; } progress[role], progress[aria-valuenow]:before { background-color: #4C6A73; } progress[aria-valuenow] { background: #c3d2d5; } progress::-moz-progress-bar { background-color: #4C6A73; } progress::-webkit-progress-bar { background-color: #c3d2d5; } progress::-webkit-progress-value { background-color: #4C6A73; } progress[aria-valuenow]:before { background-color: #4C6A73; } /* Loader */ .icon-loader-animation { border-color: #c3d2d5 #c3d2d5 #c3d2d5 #4C6A73; } /* Umfrage */ .jrating-container { background-color: #c3d2d5; } .jRatingColor { background-color: #4C6A73; } .jRatingAverage { background-color: #990c51; } /* Tablet Colors */ @media (min-width: 768px) { html{ background: #fff; } body .body-wrap{ background: #fff url(../fl_layout_images/fl_background_gradient.png) repeat-x bottom left; } body.home .body-wrap{ background: #fff url(../fl_layout_images/fl_background_gradient_home.png) repeat-x bottom left; } /* Side-Panel */ #side-panel li a:hover { background-color: #c3d2d5; color:#4C6A73; } #side-panel li a:hover span{ color: #4C6A73; } a:hover .icon-side-home-item1, a:hover .icon-side-home-item5 { background-color: #990c51; } a:hover .icon-side-home-item2 { background-color: #c1dd00; } /* Tiles */ .tile:hover { border-color: #c3d2d5; } .tile-color-rosa a.tile-text-link:hover, .tile-color-green a.tile-text-link:hover, .tile-color-limettea.tile-text-link:hover { background-color: #c3d2d5; } .tile-color-rosa:hover, .tile-color-green:hover, .tile-color-limette:hover { border-color: #c3d2d5; } a.tile-text-link:hover { background-color: #c3d2d5; color: #4c6a73; } /* Navigation */ #nav-main ul li.nav-main-li-active{ background-color:transparent; padding-top: 0; } #nav-main ul li a.nav-main-current, #nav-main ul li a.nav-main-active, #nav-main ul li span { border-width: 0; color: #4C6A73; } #nav-main ul li a { color: #990c51; } #nav-level2 ul li a:hover{ background-color: #c3d2d5; border-bottom-width: 2px; } #nav-level3 ul li a:hover { text-decoration: underline; background:none; color:#990c51; } #nav-meta ul li a:hover, #nav-lang ul li a:hover, #nav-social ul li a:hover, #nav-footer ul li a:hover { color: #990c51; } #nav-meta ul li a:hover{ border:0; } #nav-main ul li a:hover { color: #4C6A73; border-bottom-color: #4C6A73; } #nav-main ul.nav-second { background-color: #4C6A73; } #nav-main ul.nav-second li.nav-second-li-active span, #nav-main ul.nav-second li a:hover { color: #fff; } #nav-level2 ul li { border-color: #990c51; } #nav-level2 ul li:hover { border-color: #c3d2d5; } #nav-level2 ul li.nav-level2-li-active { border-color: #C1DD00; } #nav-level2 ul li a { background-color: #990c51; color: #fff; } #nav-level2 ul li a:hover { background-color: #c3d2d5; color: #4C6A73; animation: color-animation 1s; -moz-animation: color-animation 1s; -webkit-animation: color-animation 1s; } #nav-level2 ul li span { background-color: #990c51; color: #fff; } #nav-level2 ul li.nav-level2-search { background-color: #fff; border-color: #464646; color: #fff; } #nav-level3 ul li a { color: #4C6A73; } #nav-level3 ul li span { background-color: #464646; color: #fff; } #nav-level3 ul li a:hover { text-decoration: underline; } #content .page-navigation li a { border-color: #990c51; background-color: #990c51; color: #fff; } .news, .news-noscript { background-color: #fff; } /* Forms */ .form-control { background-color: #fff; border-color: #fff; } .form-elements { background-color: #c3d2d5; } legend, #content p.help-block { color: #990c51; } /* Tabellen */ .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #95c59c; color: #4C6A73; } .table-hover.table-color > tbody > tr:hover > td{ background-color: #95c59c; color:#4C6A73; } /* ePDF */ .epdf-step1-inactive { background-color: #990c51; color: #990c51; } .epdf-step2-inactive { background-color: #990c51; color: #990c51; } .epdf-step a { color: #990c51; } /* Akkordeon */ .ui-accordion.accordion-navigation-colored .ui-accordion-header:hover, .ui-accordion.accordion-navigation-colored .ui-state-hover, .ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-state-hover { background-color: #C1DD00; border-color: #C1DD00; color: #4C6A73; } .ui-accordion .ui-state-active, .ui-accordion .ui-state-active.ui-state-hover, .ui-accordion.accordion-navigation-colored .ui-state-active.ui-state-hover { border-color: #990c51 #990c51 #4C6A73 #990c51; } .accordion-navigation-box{ border-color: #990c51; } .accordion-category{ background-image: url(../fl_layout_images/fl_accordion_category.png); background-color: #fff; color: #fff; } .accordion-navigation-colored .accordion-category{ background-color: #990c51; } .ui-accordion-header.ui-state-active .accordion-category, .ui-accordion-header:hover .accordion-category{ background-image: url(../fl_layout_images/fl_accordion_category.png); } .accordion-navigation .ui-state-default.ui-accordion-header:hover .ui-icon, .accordion-navigation-colored .ui-state-default.ui-accordion-header:hover .ui-icon{ background-image: url(../fl_layout_images/fl_accordion_down_color.svg); } .accordion-navigation .ui-state-default.ui-state-active.ui-state-hover .ui-icon, .accordion-navigation-colored .ui-state-default.ui-state-active.ui-state-hover .ui-icon{ background-image: url(../fl_layout_images/fl_accordion_up_hover.svg); } /* Tab-Navigation */ #content .tab-navigation .ui-state-hover { border-color: #C1DD00; } #content .tab-navigation .ui-state-default.ui-state-hover a, #content .tab-navigation-colored .ui-state-default.ui-state-hover a { background-color: #C1DD00; color: #4C6A73; } #content .tab-navigation .ui-state-active.ui-state-hover a, #content .tab-navigation-colored .ui-state-active.ui-state-hover a { background-color: #990c51; color: #fff; } #content ul.ui-tabs-nav .ui-state-active.ui-state-hover{ border-color: #990c51; } /* Pressemitteilungen */ .pressreleases-item { background-color: #fff; } #content .pressreleases-item h3, #content .pressreleases-archive-item h3 { color: #4C6A73; } /* Pressetermine */ .pressdates.ui-widget-content { color: #fff; } .pressdates-item { border-bottom-color: #990c51; } .pressdates-headline { background-color: #990c51; } .pressdate-time, .pressdate-headline-time, .pressdate-title, .pressdate-headline-info, .pressdate-headline-location, .pressdate-location { color: #fff; } /* Event-DB */ .eventdb-speakers-list-item { border-bottom-color: #990c51; } } /*@media Tablet Colors */ /* Screen Colors */ @media (min-width: 1108px) { /* Global */ body { background-attachment: fixed; height: auto; } body.fixed-footer, body.fixed-footer div.body-wrap { height: 100%; } /* Beim Scrollen ändert sich auch das Hintergrundbild? (Aubergine) */ /*body.on-scrolling div.page-wrap { background: url(../fl_layout_images/fl_background_content_scroll.png) no-repeat center top fixed; }*/ body div.page-wrap { background: url(../fl_layout_images/fl_background_content.png) no-repeat center top fixed; } body.home div.page-wrap { background: url(../fl_layout_images/fl_background_home.png) no-repeat center top; } #screen-fixed { background-color: transparent; } /* Beim Scrollen ändert sich auch das Hintergrundbild? (Aubergine) */ /*#screen-fixed.on-scrolling { background: url(../fl_layout_images/fl_background_content_scroll.png) no-repeat center top fixed #fff; }*/ /* Beim Scrollen ändert sich nur die Hintergrundfarbe (Johannisbeere) */ #screen-fixed.on-scrolling { background-color: #fff; } #content .page-navigation li a:hover { background-color: #c3d2d5; border-color: #c3d2d5; color: #4C6A73; } #content .anchor-links li a:hover, #content .anchor-links-color li a:hover { background-color: #C1DD00; border-color: #C1DD00; color: #4C6A73; } a.link-highlight:hover, a.link-highlight-block:hover { background-color: #c54c73; } .quotation button:hover .icon-news-left:before, .quotation button:hover .icon-news-right:before{ color: #4C6A73; } #content .quotation button:hover{ background-color: #c3d2d5; } /* Buttons */ #content button:hover { background-color: #C1DD00; color:#4C6A73; } #content button.btn-colored:hover, a.button-link:hover { background-color: #C1DD00; color:#4C6A73; } /* Suche */ .gsa-dynamic-navigation-headline { background-color: #c3d2d5; color:#fff; } .ui-state-default:hover .ui-icon{ background-image: url(../fl_layout_images/fl_accordion_down.svg); } #content .gsa-content-search-button:hover{ color:#c3d2d5; } /* Blätterkatalog */ .booklet .b-tab:hover { background-color: #C1DD00; color: #4C6A73; } .b-selector a:hover { color: #4C6A73; } /* Event- DB */ .eventdb-highlights-icons a:hover:before, .eventdb-search-result-icons a:hover:before, .eventdb-details-icons a:hover:before, .eventdb-memolist-icons a:hover:before{ color:#c3d2d5; } .eventdb-speakers-list-headcol { background-color: #990c51; color: #fff; } .eventdb-speakers-list-sort { color: #fff; } #content .eventdb-search-result-icons [class^="icon-"]:hover, #content .eventdb-search-result-icons [class*=" icon-"]:hover, #content .eventdb-highlights-icons [class^="icon-"]:hover, #content .eventdb-highlights-icons [class*=" icon-"]:hover, #content .eventdb-memolist-icons [class^="icon-"]:hover, #content .eventdb-memolist-icons [class*=" icon-"]:hover, #content .eventdb-details-icons [class^="icon-"]:hover, #content .eventdb-details-icons [class*=" icon-"]:hover, #content .eventdb-speakers-list-sort [class^="icon-"]:hover, #content .eventdb-speakers-list-sort [class*=" icon-"]:hover{ color: #c3d2d5; } .eventdb-table-col { background-color: #f0fff3; } .eventdb-col-odd{ background-color: #d7f6dc; } /* Startseite - Kacheln & Ticker */ /* #tile-2:hover, #tile-2:hover a, #tile-5:hover, #tile-5:hover a, #tile-5:hover, #tile-5:hover div { background-color: #C1DD00; color: #4C6A73; border-color: #C1DD00; } #tile-3:hover, #tile-3:hover a{ background-color: #4C6A73; color: #fff; border-color: #4C6A73; } #tile-5:hover .tile-counter span { color: #fff; } */ .pressreleases-date{ color: #4C6A73; } } /*@media Screen Colors */ /* -------------------------------------------------------- Widescreen -------------------------------------------------------- */ @media (min-width: 1780px) { body.on-scrolling div.page-wrap, body div.page-wrap { background: url(../fl_layout_images/fl_background_content_wide.png) no-repeat center top fixed; } body.home div.page-wrap { background: url(../fl_layout_images/fl_background_home_wide.png) no-repeat center top fixed; } #screen-fixed.on-scrolling { background-image: none; } body .body-wrap { background: #fff url(../fl_layout_images/fl_background_gradient_wide.png) repeat-x bottom left; } body.home .body-wrap { background: #fff url(../fl_layout_images/fl_background_gradient_home_wide.png) repeat-x bottom left; } section { min-height: 800px; } }