a { color: #028cd1; } a:hover, a:focus, a:active { color: #027ddb; } table thead th { color: #fbfbfb; background-color: #1e1e1e; } table tbody td { color: #1e1e1e; background-color: #fbfbfb; } table tbody tr:nth-child(even) td { color: #1e1e1e; background-color: #f3f2f2; } article h1, .content h1, aside h1, .flex-header h1, article h2, .content h2, aside h2, .flex-header h2, article h3, .content h3, aside h3, .flex-header h3, article h4, .content h4, aside h4, .flex-header h4 { color: #1e1e1e; font-family: 'Teko', sans-serif; } .card-header { font-family: 'Teko', sans-serif; } .fa.flex-header-icon { color: #1e1e1e; } html, body { background-color: #ffffff; color: #474747; font-family: 'Open Sans', sans-serif; } nav.navbar, .toggle-menu { background: #ffffff; font-family: 'Teko', sans-serif; } .card-block { color: #474747; } .btn { font-family: 'Open Sans', sans-serif; } .btn-disclaimer-text { font-family: 'Open Sans', sans-serif; color: #474747; } blockquote { font-family: 'Open Sans', sans-serif; } th { font-family: 'Open Sans', sans-serif; } #body .c1 { color: #00a767; } #body .c1a { color: #ff5757; } #body .c2 { color: #00a767; } #body .c2a { color: #00964d; } #body .c3 { color: #e0781d; } #body .c3a { color: #e06800; } #body .c1h:hover { color: #00a767; } #body .c1ah:hover { color: #ff5757; } #body .c2h:hover { color: #00a767; } #body .c2ah:hover { color: #00964d; } #body .c3h:hover { color: #e0781d; } #body .c3ah:hover { color: #e06800; } #body .bgc1, #body .bgc1 .card-header h2 { background-color: #00a767; color: #fff; } #body .bgc1 { color: #fff; } #body .bgc1a { background-color: #ff5757; color: #fff; } .btn-coutline.btn.bgc1 .btn-inner:after, .btn-coutline.btn.bgc1 .btn-inner:before, .btn-coutline.btn.bgc1:after, .btn-coutline.btn.bgc1:before { background-color: #00a767; } #body .bgc1a { color: #fff; } #body .bgc2, #body .bgc2 .card-header h2 { background-color: #00a767; color: #fff; } #body .bgc2 { color: #fff; } .btn-coutline.btn.bgc2 .btn-inner:after, .btn-coutline.btn.bgc2 .btn-inner:before, .btn-coutline.btn.bgc2:after, .btn-coutline.btn.bgc2:before { background-color: #00a767; } #body .bgc2a { background-color: #00964d; color: #fff; } #body .bgc2a { color: #fff; } #body .bgc3, #body .bgc3 .card-header h2 { background-color: #e0781d; color: #fff; } #body .bgc3 { color: #fff; } .btn-coutline.btn.bgc3 .btn-inner:after, .btn-coutline.btn.bgc3 .btn-inner:before, .btn-coutline.btn.bgc3:after, .btn-coutline.btn.bgc3:before { background-color: #e0781d; } #body .bgc3a { background-color: #e06800; color: #fff; } #body .bgc3a { color: #fff; } #body .bgc1h:hover, #body .bgc1h:focus, #body .bgc1h:active, #body .bgc1h.active { background-color: #00a767; color: #fff; } #body .bgc1ah:hover, #body .bgc1ah:focus, #body .bgc1ah:active, #body .bgc1ah.active { background-color: #ff5757; color: #fff; } #body .bgc2h:hover, #body .bgc2h:focus, #body .bgc2h:active, #body .bgc2h.active { background-color: #00a767; color: #fff; } #body .bgc2ah:hover, #body .bgc2ah:focus, #body .bgc2ah:active, #body .bgc2ah.active { background-color: #00964d; color: #fff; } #body .bgc3h:hover, #body .bgc3h:focus, #body .bgc3h:active, #body .bgc3h.active { background-color: #e0781d; color: #fff; } #body .bgc3ah:hover, #body .bgc3ah:focus, #body .bgc3ah:active, #body .bgc3ah.active { background-color: #e06800; color: #fff; } #body .bc1, .bc1 .card-block { border-color: #00a767; } #body .bc1a { border-color: #ff5757; } #body .bc2, .bc2 .card-block { border-color: #00a767; } #body .bc2a { border-color: #00964d; } #body .bc3, .bc3 .card-block { border-color: #e0781d; } #body .bc3a { border-color: #e06800; } #body .bc1h:hover, #body .bc1h.active { border-color: #00a767; } #body .bc1ah:hover, #body .bc1ah.active { border-color: #ff5757; } #body .bc2h:hover, #body .bc2h.active { border-color: #00a767; } #body .bc2ah:hover, #body .bc2ah.active { border-color: #00964d; } #body .bc3h:hover, #body .bc3h.active { border-color: #e0781d; } #body .bc3ah:hover, #body .bc3ah.active { border-color: #e06800; } //#body .active .bgc1aa, #body .bgc1aa.active { background-color: #ff5757; color: #fff; } //#body .active .bgc2aa, #body .bgc2aa.active { background-color: #00964d; color: #fff; } //#body .active .bgc3aa, #body .bgc3aa.active { background-color: #e06800; color: #fff; } .navbar li.open>.dropdown-menu a, .navbar li.dropdown.open a, .navbar li.dropdown.open a:hover, .navbar li.dropdown.open a:focus, .navbar li.dropdown.open a:active { background-color: #000000; color: #fbfbfb; } .navbar li.open>.dropdown-menu a:hover { background-color: #000000; color: #ffffff; } nav.navbar a, .navbar-toggler { color: #000000; } .navbar .nav-item a:hover, .navbar .nav-item a:focus, .navbar .nav-item a:active, .navbar .nav-item+.nav-item a:hover, .navbar .nav-item+.nav-item a:active, .navbar .nav-item+.nav-item a:focus, .navbar .nav-item.active a, .navbar .nav-item.active a, .navbar .nav-item.active a { background-color: #ffffff; color: #000000; } nav.navbar .active a, nav.navbar .current-menu-parent a, nav.navbar a:active, nav.navbar a:focus, nav.navbar a:hover { color: #000000; } footer#footer { color: #fbfbfb; background-position: top center; } footer { background-color: #151515; } footer h1, footer h2, footer h3, footer h4, footer .flex-header h1, footer .flex-header h2, footer .flex-header h3, footer .flex-header h4 { color: #ffffff; } footer a { color: #028cd1; } footer a:hover { color: #027ddb; } .content, .flex-header, .hero-cont-color, .language-container, article div, main article, .card-block { background: #fff; } .container.connect { background: #fff; background-clip: content-box; } .table-of-content .list-group-item.active { color: #fff; background-color: #00a767; border-color: #00a767; } a.list-group-item:hover, a.list-group-item:focus, a.list-group-item:active { color: #fff; background-color: #ff5757; } /*------------------*\ HAMBURGER MENU \*------------------*/ /* * Hamburger Defaults */ .hamburger { position: absolute; } amp-sidebar[aria-hidden="false"] ~ .hamburger .hamburger-inner, amp-sidebar[aria-hidden="false"] ~ .hamburger .hamburger-inner::after, amp-sidebar[aria-hidden="false"] ~ .hamburger .hamburger-inner::before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before { background: #3bffb4; } .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; z-index: 9999; } .hamburger:focus, .hamburger:active { outline: none; } .hamburger-box { position: relative; display: inline-block; width: 40px; height: 24px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 40px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #000000; } .hamburger-inner { top: 50%; display: block; margin-top: -2px; } .hamburger-inner:after, .hamburger-inner:before { display: block; content: ''; } .hamburger-inner:before { top: -10px; } .hamburger-inner:after { bottom: -10px; } /* * 3DX */ /* * 3DX Reverse */ /* * 3DY */ /* * 3DY Reverse */ /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.15s; transition-delay: 0.15s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner, amp-sidebar[aria-hidden="false"] ~ .hamburger--collapse .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.32s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after, amp-sidebar[aria-hidden="false"] ~ .hamburger--collapse .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; } .hamburger--collapse.is-active .hamburger-inner::before, amp-sidebar[aria-hidden="false"] ~ .hamburger--collapse .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ /* * Elastic */ /* * Elastic Reverse */ /* * Emphatic */ /* * Emphatic Reverse */ /* * Slider */ /* * Slider Reverse */ /* * Spring */ /* * Spring Reverse */ /* * Stand */ /* * Stand Reverse */ /* * Spin */ /* * Spin Reverse */ /* * Squeeze */ /* * Vortex */ /* * Vortex Reverse */ main article ul:not(.nolist) li:before, .content ul:not(.nolist) li:before { content: "\f054"; color: #1e1e1e; } main article ol li:before, .content ol li:before { content: counter(step-counter); position: absolute; margin-left: -45px; color: #1e1e1e; width: 35px; text-align: center; font-size: 28px; font-weight: 700; } .navbar { display: block; width: 100%; } .navbar ul.nav { padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-brand { padding-top: 1rem; padding-left: 1.25rem; padding-bottom: .25rem; margin-right: 1rem; font-size: 1.25rem; float: left; } .navbar::after { display: table; } .navbar-fixed { position: absolute; } .navbar .nav-item a, .navbar .nav-item+.nav-item a { display: block; padding: 1rem 1.25rem; } .dropdown-menu, .data-holder { display: none; } .nav { list-style: none; } {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"/#organization","name":"Wettfreunde","url":"/","sameAs":["https://www.facebook.com/flexjobslife.com","https://twitter.com/