.hljs{display:block;overflow-x:auto;padding:.5em;background:#eee;color:black}.hljs-link,.hljs-emphasis,.hljs-attribute,.hljs-addition{color:#070}.hljs-emphasis{font-style:italic}.hljs-strong,.hljs-string,.hljs-deletion{color:#d14}.hljs-strong{font-weight:bold}.hljs-quote,.hljs-comment{color:#998;font-style:italic}.hljs-section,.hljs-title{color:#900}.hljs-class .hljs-title,.hljs-type{color:#458}.hljs-variable,.hljs-template-variable{color:#336699}.hljs-bullet{color:#997700}.hljs-meta{color:#3344bb}.hljs-code,.hljs-number,.hljs-literal,.hljs-keyword,.hljs-selector-tag{color:#099}.hljs-regexp{background-color:#fff0ff;color:#880088}.hljs-symbol{color:#990073}.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#007700} /* * * ------------------------------------------------------ * NOTES * ------------------------------------------------------ * @package Frenkelson App - Support Bundle * @author Oliver Orlowski * @license Pay-Per-Use * @copyright Frenkelson Werbeagentur GmbH 2018 * * ------------------------------------------------------ * CONTENT * ------------------------------------------------------ * * 1. GLOBAL & MISC * 2. BODY * 3. TOP * 4. HEADER * 5. FOOTER * 6. BOTTOM * 7. BUTTONS * 8. LINKS * 9. NAV * 10. TABLES * 11. CARDS * 12. TABS * 13. GALLERY * 14. FONT AWESOME * 15. TEXT * 16. BORDER * 17. BACKGROUNDS * 18. CAROUSEL * 19. POPOVER, TOOLTIP, MODAL, BREADCRUMB, PROGRESS * 20. LIST-GROUP * 21. ALERTS & BADGES * 22. FORMS * 23. TABLES */ /* * 1. GLOBAL & MISC */ img{max-width:100%;height:auto;} .bg-light {background-color:var(--light)!important;} .nav-tabs .nav-link,.navbar,.dropdown-item,.card,.dropdown-menu,.form-control,.btn,.alert,.breadcrumb,.input-group-text,.badge,.progress,.skillbar,.skillbar-bar{ border-radius: var(--border-radius);} .skillbar-title,.skillbar-title span { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius);} pre,code,kbd,samp,.tooltip,.popover {font-family: var(--font-family-monospace);} @media print { pre,blockquote {border: 1px solid var(--gray17);} .badge {border: 1px solid var(--black);} .table td,.table th {background-color: var(--white) !important; } .table-bordered th, .table-bordered td {border: 1px solid var(--gray16) !important;} } caption {color: var(--gray);} hr {border-top: 1px solid rgba(var(--black-rgb), 0.1);} mark,.mark {background-color: var(--yellow4);} .blockquote-footer {color: var(--gray);} .img-thumbnail {background-color: var(--white);border: 1px solid var(--border-color);} .figure-caption {color: var(--gray);} code {color: var(--pink)!important;} kbd {color: var(--white);background-color: var(--dark2);} pre {color: var(--dark2);} .jumbotron {background-color: var(--light);} /* * 2. BODY */ body{max-width:100%;overflow-x:hidden;color:var(--dark);background-color: var(--white);font-family:var(--font-family-sans-serif);} /* * 3. TOP */ #top-help-navigation a{color:var(--white);text-decoration:none;} #top-help-navigation{padding:0.5em 1em;background:var(--dark);color:var(--white);} /* * 4. HEADER */ #header{margin-bottom:2.5em;margin-top:2.8em;} /* * 5. FOOTER */ #footer{margin-top:2.5em;} /* * 6. BOTTOM */ #bottom{font-size:80%;padding:0.5em 1em;margin-top:2em;background:var(--dark);color:var(--white);} #bottom a{color:var(--white);text-decoration:none;} /* * 7. BUTTONS */ .btn-dark {color: var(--white);background-color: var(--gray-dark);border-color: var(--gray-dark);} .btn-outline-dark {color: var(--gray-dark);background-color: transparent;background-image: none;border-color: var(--gray-dark);} .btn-light {color: var(--dark);background-color: var(--light);border-color: var(--light);} .btn-outline-light {color: var(--light);background-color: transparent;background-image: none;border-color: var(--light);} .btn-info {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-outline-info {color: var(--info);background-color: transparent;background-image: none;border-color: var(--info);} .btn-warning {color: var(--gray-dark);background-color: var(--warning);border-color: var(--warning);} .btn-outline-warning {color: var(--warning);background-color: transparent;background-image: none;border-color: var(--warning);} .btn-danger {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-outline-danger {color: var(--danger);background-color: transparent;background-image: none;border-color: var(--danger);} .btn-success {color: var(--white);background-color: var(--success);border-color: var(--success);} .btn-outline-success {color: var(--success);background-color: transparent;background-image: none;border-color: var(--success);} .btn-secondary {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-outline-secondary {color: var(--secondary);background-color: transparent;background-image: none;border-color: var(--secondary);} .btn-primary {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-outline-primary {color: var(--primary);background-color: transparent;background-image: none;border-color: var(--primary);} .btn-link {font-weight: 400;color: var(--primary);background-color: transparent;} .btn:focus, .btn.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);} .btn-primary {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-primary:hover {color: var(--white);background-color: var(--blue3);border-color: var(--blue2);} .btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);} .btn-primary.disabled, .btn-primary:disabled {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle {color: var(--white);background-color: var(--blue2);border-color: var(--blue3);} .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);} .btn-secondary {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-secondary:hover {color: var(--white);background-color: var(--gray);border-color: var(--gray4);} .btn-secondary:focus, .btn-secondary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);} .btn-secondary.disabled, .btn-secondary:disabled {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle {color: var(--white);background-color: var(--gray4);border-color: var(--dark13);} .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);} .btn-success {color: var(--white);background-color: var(--success);border-color: var(--success);} .btn-success:hover {color: var(--white);background-color: var(--green10);border-color: var(--green2);} .btn-success:focus, .btn-success.focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);} .btn-success.disabled, .btn-success:disabled {color: var(--white);background-color: var(--success);border-color: var(--success);} .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,.show > .btn-success.dropdown-toggle {color: var(--white);background-color: var(--green2);border-color: var(--green11);} .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);} .btn-info {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-info:hover {color: var(--white);background-color: var(--cyan4);border-color: var(--cyan2);} .btn-info:focus, .btn-info.focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);} .btn-info.disabled, .btn-info:disabled {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,.show > .btn-info.dropdown-toggle {color: var(--white);background-color: var(--cyan2);border-color: var(--cyan5);} .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,.show > .btn-info.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);} .btn-warning {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);} .btn-warning:hover {color: var(--dark2);background-color: var(--yellow6);border-color: var(--yellow2);} .btn-warning:focus, .btn-warning.focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);} .btn-warning.disabled, .btn-warning:disabled {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);} .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,.show > .btn-warning.dropdown-toggle {color: var(--dark2);background-color: var(--yellow2);border-color: var(--yellow7);} .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);} .btn-danger {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-danger:hover {color: var(--white);background-color: var(--red10);border-color: var(--red2);} .btn-danger:focus, .btn-danger.focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);} .btn-danger.disabled, .btn-danger:disabled {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,.show > .btn-danger.dropdown-toggle {color: var(--white);background-color: var(--red2);border-color: var(--red11);} .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-danger.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);} .btn-light {color: var(--dark2);background-color: var(--light);border-color: var(--light);} .btn-light:hover {color: var(--dark2);background-color: var(--gray15);border-color: var(--gray3);} .btn-light:focus, .btn-light.focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);} .btn-light.disabled, .btn-light:disabled {color: var(--dark2);background-color: var(--light);border-color: var(--light);} .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,.show > .btn-light.dropdown-toggle {color: var(--dark2);background-color: var(--gray3);border-color: var(--gray14);} .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,.show > .btn-light.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);} .btn-dark {color: var(--white);background-color: var(--dark);border-color: var(--dark);} .btn-dark:hover {color: var(--white);background-color: var(--dark6);border-color: var(--dark3);} .btn-dark:focus, .btn-dark.focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);} .btn-dark.disabled, .btn-dark:disabled {color: var(--white);background-color: var(--dark);border-color: var(--dark);} .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,.show > .btn-dark.dropdown-toggle {color: var(--white);background-color: var(--dark3);border-color: var(--dark12);} .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-dark.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);} .btn-outline-primary {color: var(--primary);background-color: transparent;background-image: none;border-color: var(--primary);} .btn-outline-primary:hover {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-outline-primary:focus, .btn-outline-primary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);} .btn-outline-primary.disabled, .btn-outline-primary:disabled {color: var(--primary);} .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);} .btn-outline-secondary {color: var(--secondary);border-color: var(--secondary);} .btn-outline-secondary:hover {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-outline-secondary:focus, .btn-outline-secondary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);} .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {color: var(--secondary);} .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,.show > .btn-outline-secondary.dropdown-toggle {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);} .btn-outline-success {color: var(--success);border-color: var(--success);} .btn-outline-success:hover {color: var(--white);background-color: var(--success);border-color: var(--success);} .btn-outline-success:focus, .btn-outline-success.focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);} .btn-outline-success.disabled, .btn-outline-success:disabled {color: var(--success);} .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,.show > .btn-outline-success.dropdown-toggle {color: var(--white);background-color: var(--success);border-color: var(--success);} .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-success.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);} .btn-outline-info {color: var(--info);border-color: var(--info);} .btn-outline-info:hover {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-outline-info:focus, .btn-outline-info.focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);} .btn-outline-info.disabled, .btn-outline-info:disabled {color: var(--info);} .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,.show > .btn-outline-info.dropdown-toggle {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-info.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);} .btn-outline-warning {color: var(--warning);border-color: var(--warning);} .btn-outline-warning:hover {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);} .btn-outline-warning:focus, .btn-outline-warning.focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);} .btn-outline-warning.disabled, .btn-outline-warning:disabled {color: var(--warning);} .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,.show > .btn-outline-warning.dropdown-toggle {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);} .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-warning.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);} .btn-outline-danger {color: var(--danger);border-color: var(--danger);} .btn-outline-danger:hover {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-outline-danger:focus, .btn-outline-danger.focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);} .btn-outline-danger.disabled, .btn-outline-danger:disabled {color: var(--danger);} .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.dropdown-toggle {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-danger.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);} .btn-outline-light {color: var(--light);border-color: var(--light);} .btn-outline-light:hover {color: var(--dark2);background-color: var(--light);border-color: var(--light);} .btn-outline-light:focus, .btn-outline-light.focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);} .btn-outline-light.disabled, .btn-outline-light:disabled {color: var(--light);} .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,.show > .btn-outline-light.dropdown-toggle {color: var(--dark2);background-color: var(--light);border-color: var(--light);} .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-light.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);} .btn-outline-dark {color: var(--dark);border-color: var(--dark);} .btn-outline-dark:hover {color: var(--white);background-color: var(--dark);border-color: var(--dark);} .btn-outline-dark:focus, .btn-outline-dark.focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);} .btn-outline-dark.disabled, .btn-outline-dark:disabled {color: var(--dark);} .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,.show > .btn-outline-dark.dropdown-toggle {color: var(--white);background-color: var(--dark);border-color: var(--dark);} .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-dark.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);} .btn-link {color: var(--primary);} .btn-link:hover {color: var(--blue4);} .btn-link:disabled, .btn-link.disabled {color: var(--gray);} .close {color: var(--black);text-shadow: 0 1px 0 var(--white);} .close:hover, .close:focus {color: var(--black);} /* * 8. LINKS */ a {color: var(--primary);} a:hover {color: var(--blue4);} .page-link {color: var(--primary);background-color: var(--white);border: 1px solid var(--border-color);} .page-link:hover {color: var(--blue4);background-color: var(--light);border-color: var(--border-color);} .page-link:focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);} .page-item.active .page-link {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .page-item.disabled .page-link {color: var(--gray);background-color: var(--white);border-color: var(--border-color);} /* * 9. NAV */ .dropdown-item.active,.dropdown-item:active {color: var(--white);background-color: var(--primary);} .dropdown-item.disabled,.dropdown-item:disabled {color: var(--white);background-color: var(--light);} .dropdown-menu{padding:0;} .nav-link.disabled {color: var(--gray);} .nav-tabs {border-bottom: 1px solid var(--border-color);} .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border-color: var(--light) var(--light) var(--border-color);} .nav-tabs .nav-link.disabled {color: var(--gray);} .nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {color: var(--gray2);background-color: var(--white);border-color: var(--border-color) var(--border-color) var(--white);} .nav-pills .nav-link.active,.nav-pills .show > .nav-link {color: var(--white);background-color: var(--primary);} .navbar-light .navbar-brand {color: rgba(var(--black-rgb), 0.9);} .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {color: rgba(var(--black-rgb), 0.9);} .navbar-light .navbar-nav .nav-link {color: rgba(var(--black-rgb), 0.5);} .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color: rgba(var(--black-rgb), 0.7);} .navbar-light .navbar-nav .nav-link.disabled {color: rgba(var(--black-rgb), 0.3);} .navbar-light .navbar-nav .show > .nav-link,.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active {color: rgba(var(--black-rgb), 0.9);} .navbar-light .navbar-toggler {color: rgba(var(--black-rgb), 0.5);border-color: rgba(var(--black-rgb), 0.1);} .navbar-light .navbar-text {color: rgba(var(--black-rgb), 0.5);} .navbar-light .navbar-text a {color: rgba(var(--black-rgb), 0.9);} .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {color: rgba(var(--black-rgb), 0.9);} .navbar-dark .navbar-brand {color: var(--white);} .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {color: var(--white);} .navbar-dark .navbar-nav .nav-link {color: rgba(var(--white-rgb), 0.5);} .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: rgba(var(--white-rgb), 0.75);} .navbar-dark .navbar-nav .nav-link.disabled {color: rgba(var(--white-rgb), 0.25);} .navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .active > .nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active {color: var(--white);} .navbar-dark .navbar-toggler {color: rgba(var(--white-rgb), 0.5);border-color: rgba(var(--white-rgb), 0.1);} .navbar-dark .navbar-text {color: rgba(var(--white-rgb), 0.5);} .navbar-dark .navbar-text a {color: var(--white);} .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {color: var(--white);} /* * 10. TABLES */ .table-dark {color: var(--white);background-color: var(--dark);} .table-dark td, .table-dark th, .table-dark thead th {border-color: var(--gray-dark);} .table thead th {border-bottom: 2px solid var(--secondary);} .table td, .table th {border-top: 1px solid var(--secondary);} /* * 11. CARDS */ .card-header {background-color: var(--light);border-bottom: 1px solid var(--light);padding: 0;} .card-header .btn-link {color: var(--dark);display: block;text-decoration:none;width: 100%;text-align:left; padding: .75rem 1.25rem;} .card{border: 1px solid var(--gray-light);margin-bottom:-2px;} .card {background-color: var(--white);border: 1px solid rgba(var(--black-rgb), 0.125);} .card-header {background-color: rgba(var(--black-rgb), 0.03);border-bottom: 1px solid rgba(var(--black-rgb), 0.125);} .card-header:first-child {border-radius: calc(var(--border-radius) - 1px) calc(var(--border-radius) - 1px) 0 0;} .card-footer {background-color: rgba(var(--black-rgb), 0.03);border-top: 1px solid rgba(var(--black-rgb), 0.125);} .card-footer:last-child {border-radius: 0 0 calc(var(--border-radius) - 1px) calc(var(--border-radius) - 1px);} /* * 12. TABS */ .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: var(--dark);background-color: var(--white);border-color: var(--gray-light) var(--gray-light) var(--white);} .nav-tabs {border-bottom: 1px solid var(--gray-light);} .nav-tabs .nav-item a {color: var(--dark);} .nav-tabs .nav-link:hover {border-color: var(--gray-light) var(--gray-light) var(--gray-light);} .nav-tabs .nav-link:focus {border-color: var(--gray-light) var(--gray-light) var(--white);} /* * 13. GALLERY */ .img-thumbnail{padding:0;border:0;border-radius:0;} /* * 14. FONT AWESOME */ .fa.fa-9:not(#top-help-navigation .fa.fa-9){font-size:500%} .fa.fa-8:not(#top-help-navigation .fa.fa-8){font-size:450%} .fa.fa-7:not(#top-help-navigation .fa.fa-7){font-size:400%} .fa.fa-6:not(#top-help-navigation .fa.fa-6){font-size:350%} .fa.fa-5:not(#top-help-navigation .fa.fa-5){font-size:300%} .fa.fa-4:not(#top-help-navigation .fa.fa-4){font-size:250%} .fa.fa-3:not(#top-help-navigation .fa.fa-3){font-size:200%} .fa.fa-2:not(#top-help-navigation .fa.fa-2){font-size:150%} .fa.fa-1:not(#top-help-navigation .fa.fa-1){font-size:100%} .fa.link,.fa.fa-min-width{min-width: 1.2em;display: inline-block;} a.social-link{min-width: 1.7em;display: inline-block;text-align:center;} #top-help-navigation a.social-link{min-width: 1.2em;display: inline-block;text-align:center;} /* * 15. TEXT */ .text-white {color: var(--white) !important;} .text-primary {color: var(--primary) !important;} a.text-primary:hover, a.text-primary:focus {color: var(--blue2) !important;} .text-secondary {color: var(--secondary) !important;} a.text-secondary:hover, a.text-secondary:focus {color: var(--gray4) !important;} .text-success {color: var(--success) !important;} a.text-success:hover, a.text-success:focus {color: var(--green2) !important;} .text-info {color: var(--info) !important;} a.text-info:hover, a.text-info:focus {color: var(--cyan2) !important;} .text-warning {color: var(--yellow) !important;} a.text-warning:hover, a.text-warning:focus {color: var(--yellow2) !important;} .text-danger { color: var(--danger) !important;} a.text-danger:hover, a.text-danger:focus {color: var(--red2) !important;} .text-light {color: var(--light) !important;} a.text-light:hover, a.text-light:focus {color: var(--gray3) !important;} .text-dark {color: var(--dark) !important;} a.text-dark:hover, a.text-dark:focus {color: var(--dark3) !important;} .text-muted {color: var(--secondary) !important;} /* * 16. BORDER */ .border {border: 1px solid var(--border-color) !important;} .border-top {border-top: 1px solid var(--border-color) !important;} .border-right {border-right: 1px solid var(--border-color) !important;} .border-bottom {border-bottom: 1px solid var(--border-color) !important;} .border-left {border-left: 1px solid var(--border-color) !important;} .border-primary {border-color: var(--primary) !important;} .border-secondary {border-color: var(--secondary) !important;} .border-success {border-color: var(--success) !important;} .border-info {border-color: var(--info) !important;} .border-warning {border-color: var(--yellow) !important;} .border-danger {border-color: var(--danger) !important;} .border-light {border-color: var(--light) !important;} .border-dark {border-color: var(--dark) !important;} .border-white {border-color: var(--white) !important;} /* * 17. BACKGROUNDS */ .bg-primary {background-color: var(--primary) !important;} a.bg-primary:hover, a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {background-color: var(--blue2) !important;} .bg-secondary {background-color: var(--secondary) !important;} a.bg-secondary:hover, a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus {background-color: var(--gray4) !important;} .bg-success {background-color: var(--success) !important;} a.bg-success:hover, a.bg-success:focus,button.bg-success:hover,button.bg-success:focus {background-color: var(--green2) !important;} .bg-info {background-color: var(--info) !important;} a.bg-info:hover, a.bg-info:focus,button.bg-info:hover,button.bg-info:focus {background-color: var(--cyan2) !important;} .bg-warning {background-color: var(--yellow) !important;} a.bg-warning:hover, a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus {background-color: var(--yellow2) !important;} .bg-danger {background-color: var(--danger) !important;} a.bg-danger:hover, a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus {background-color: var(--red2) !important;} .bg-light {background-color: var(--light) !important;} a.bg-light:hover, a.bg-light:focus,button.bg-light:hover,button.bg-light:focus {background-color: var(--gray3) !important;} .bg-dark {background-color: var(--dark) !important;} a.bg-dark:hover, a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus {background-color: var(--dark3) !important;} .bg-white {background-color: var(--white) !important;} .bg-transparent {background-color: transparent !important;} /* * 18. CAROUSEL */ .carousel-control-prev,.carousel-control-next {color: var(--white);} .carousel-control-prev:hover, .carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus {color: var(--white);} .carousel-indicators li {background-color: rgba(var(--white-rgb), 0.5);} .carousel-indicators .active {background-color: var(--white);} .carousel-caption {color: var(--white);} /* * 19. POPOVER, TOOLTIP, MODAL, BREADCRUMB, PROGRESS */ .modal-content {background-color: var(--white);border: 1px solid rgba(var(--black-rgb), 0.2);} .modal-backdrop {background-color: var(--black);} .modal-header {border-bottom: 1px solid var(--light);} .modal-footer {border-top: 1px solid var(--light);} .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {border-top-color: var(--black);} .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {border-right-color: var(--black);} .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {border-bottom-color: var(--black);} .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {border-left-color: var(--black);} .tooltip-inner {color: var(--white);background-color: var(--black);} .popover {background-color: var(--white);} .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {border-top-color: rgba(var(--black-rgb), 0.25);} .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {border-top-color: var(--white);} .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {border-right-color: rgba(var(--black-rgb), 0.25);} .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {border-right-color: var(--white);} .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {border-bottom-color: rgba(var(--black-rgb), 0.25);} .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {border-bottom-color: var(--white);} .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {border-bottom: 1px solid var(--white4);} .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {border-left-color: rgba(var(--black-rgb), 0.25);} .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {border-left-color: var(--white);} .popover-header {background-color: var(--white4);border-bottom: 1px solid var(--white5);} .popover-body {color: var(--dark2);} .progress {background-color: var(--light);} .progress-bar {color: var(--white);background-color: var(--primary);} .progress-bar-striped {background-image: linear-gradient(45deg, rgba(var(--white-rgb), 0.15) 25%, transparent 25%, transparent 50%, rgba(var(--white-rgb), 0.15) 50%, rgba(var(--white-rgb), 0.15) 75%, transparent 75%, transparent);} .breadcrumb {background-color: var(--light);} .breadcrumb-item + .breadcrumb-item::before {color: var(--gray);} .breadcrumb-item.active {color: var(--gray);} /* * 20. LIST-GROUP */ .list-group-item-action {color: var(--gray2);} .list-group-item-action:hover, .list-group-item-action:focus {color: var(--gray2);background-color: var(--light);} .list-group-item-action:active {color: var(--dark2);background-color: var(--light);} .list-group-item {background-color: var(--white);border: 1px solid rgba(var(--black-rgb), 0.125);} .list-group-item.disabled, .list-group-item:disabled {color: var(--gray);background-color: var(--white);} .list-group-item.active {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .list-group-item-primary {color: var(--blue12);background-color: var(--blue9);} .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {color: var(--blue12);background-color: var(--blue8);} .list-group-item-primary.list-group-item-action.active {color: var(--white);background-color: var(--blue12);border-color: var(--blue12);} .list-group-item-secondary {color: var(--dark10);background-color: var(--gray8);} .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {color: var(--dark10);background-color: var(--gray7);} .list-group-item-secondary.list-group-item-action.active {color: var(--white);background-color: var(--dark10);border-color: var(--dark10);} .list-group-item-success {color: var(--green4);background-color: var(--green5);} .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {color: var(--green4);background-color: var(--green3);} .list-group-item-success.list-group-item-action.active {color: var(--white);background-color: var(--green4);border-color: var(--green4);} .list-group-item-info {color: var(--cyan3);background-color: var(--blue7);} .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {color: var(--cyan3);background-color: var(--blue6);} .list-group-item-info.list-group-item-action.active {color: var(--white);background-color: var(--cyan3);border-color: var(--cyan3);} .list-group-item-warning {color: var(--dark9);background-color: var(--yellow5);} .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {color: var(--dark9);background-color: var(--yellow3);} .list-group-item-warning.list-group-item-action.active {color: var(--white);background-color: var(--dark9);border-color: var(--dark9);} .list-group-item-danger {color: var(--red5);background-color: var(--red4);} .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {color: var(--red5);background-color: var(--red3);} .list-group-item-danger.list-group-item-action.active {color: var(--white);background-color: var(--red5);border-color: var(--red5);} .list-group-item-light {color: var(--gray10);background-color: var(--white3);} .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {color: var(--gray10);background-color: var(--blue5);} .list-group-item-light.list-group-item-action.active {color: var(--white);background-color: var(--gray10);border-color: var(--gray10);} .list-group-item-dark {color: var(--dark7);background-color: var(--gray6);} .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {color: var(--dark7);background-color: var(--gray5);} .list-group-item-dark.list-group-item-action.active {color: var(--white);background-color: var(--dark7);border-color: var(--dark7);} /* * 21. ALERTS & BADGES */ .alert-primary {color: var(--blue12);background-color: var(--blue15);border-color: var(--blue9);} .alert-primary hr {border-top-color: var(--blue8);} .alert-primary .alert-link {color: var(--blue13);} .alert-secondary {color: var(--dark10);background-color: var(--gray13);border-color: var(--gray8);} .alert-secondary hr {border-top-color: var(--gray7);} .alert-secondary .alert-link {color: var(--dark11);} .alert-success {color: var(--green4);background-color: var(--green9);border-color: var(--green5);} .alert-success hr {border-top-color: var(--green3);} .alert-success .alert-link {color: var(--green8);} .alert-info {color: var(--cyan3);background-color: var(--blue14);border-color: var(--blue7);} .alert-info hr {border-top-color: var(--blue6);} .alert-info .alert-link {color: var(--black3);} .alert-warning {color: var(--dark9);background-color: var(--yellow3);border-color: var(--yellow5);} .alert-warning hr {border-top-color: var(--yellow3);} .alert-warning .alert-link {color: var(--dark8);} .alert-danger {color: var(--red5);background-color: var(--red9);border-color: var(--red4);} .alert-danger hr {border-top-color: var(--red3);} .alert-danger .alert-link {color: var(--red8);} .alert-light {color: var(--gray10);background-color: var(--white2);border-color: var(--white3);} .alert-light hr {border-top-color: var(--blue5);} .alert-light .alert-link {color: var(--gray12);} .alert-dark {color: var(--dark7);background-color: var(--gray11);border-color: var(--gray6);} .alert-dark hr {border-top-color: var(--gray5);} .alert-dark .alert-link {color: var(--black2);} .badge-primary {color: var(--white);background-color: var(--primary);} .badge-primary[href]:hover, .badge-primary[href]:focus {color: var(--white);background-color: var(--blue2);} .badge-secondary {color: var(--white);background-color: var(--secondary);} .badge-secondary[href]:hover, .badge-secondary[href]:focus {color: var(--white);background-color: var(--gray4);} .badge-success {color: var(--white);background-color: var(--success);} .badge-success[href]:hover, .badge-success[href]:focus {color: var(--white);background-color: var(--green2);} .badge-info {color: var(--white);background-color: var(--info);} .badge-info[href]:hover, .badge-info[href]:focus {color: var(--white);background-color: var(--cyan2);} .badge-warning {color: var(--dark2);background-color: var(--yellow);} .badge-warning[href]:hover, .badge-warning[href]:focus {color: var(--dark2);background-color: var(--yellow2);} .badge-danger {color: var(--white);background-color: var(--danger);} .badge-danger[href]:hover, .badge-danger[href]:focus {color: var(--white);background-color: var(--red2);} .badge-light {color: var(--dark2);background-color: var(--light);} .badge-light[href]:hover, .badge-light[href]:focus {color: var(--dark2);background-color: var(--gray3);} .badge-dark {color: var(--white);background-color: var(--dark);} .badge-dark[href]:hover, .badge-dark[href]:focus {color: var(--white);background-color: var(--dark3);} /* * 22. FORMS */ .form-control {color: var(--gray2);background-color: var(--white);border: 1px solid var(--gray9);} .form-control:focus {color: var(--gray2);background-color: var(--white);border-color: var(--blue10);box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);} .form-control::-webkit-input-placeholder {color: var(--gray);} .form-control::-moz-placeholder {color: var(--gray);} .form-control:-ms-input-placeholder {color: var(--gray);} .form-control::-ms-input-placeholder {color: var(--gray);} .form-control::placeholder {color: var(--gray);} .form-control:disabled, .form-control[readonly] {background-color: var(--light);} select.form-control:focus::-ms-value {color: var(--gray2);background-color: var(--white);} .form-check-input:disabled ~ .form-check-label {color: var(--gray);} .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {border-color: var(--success);} .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus,.custom-select.is-valid:focus {border-color: var(--success);box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.25);} .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {color: var(--success);} .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {color: var(--success);} .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {background-color: var(--green7);} .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {background-color: var(--green6);} .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {box-shadow: 0 0 0 1px var(--white), 0 0 0 0.2rem rgba(var(--success-rgb), 0.25);} .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {border-color: var(--success);} .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.25);} .invalid-feedback {color: var(--danger);} .invalid-tooltip {color: var(--white);background-color: rgba(var(--danger-rgb), 0.8);} .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {border-color: var(--danger);} .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus {border-color: var(--danger);box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.25);} .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {color: var(--danger);} .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {color: var(--danger);} .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {background-color: var(--red6);} .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {background-color: var(--red7);} .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {box-shadow: 0 0 0 1px var(--white), 0 0 0 0.2rem rgba(var(--danger-rgb), 0.25);} .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {border-color: var(--danger);} .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.25);} .dropdown-menu {color: var(--dark2);background-color: var(--white);border: 1px solid rgba(var(--black-rgb), 0.15);} .dropdown-divider {border-top: 1px solid var(--light);} .dropdown-item {color: var(--dark2);} .dropdown-item:hover, .dropdown-item:focus {color: var(--dark5);background-color: var(--light);} .dropdown-item.active, .dropdown-item:active {color: var(--white);background-color: var(--primary);} .dropdown-item.disabled, .dropdown-item:disabled {color: var(--gray);} .dropdown-header {color: var(--gray);} .input-group-text {color: var(--gray2);background-color: var(--light);border: 1px solid var(--gray9);} .custom-control-input:checked ~ .custom-control-label::before {color: var(--white);background-color: var(--primary);} .custom-control-input:focus ~ .custom-control-label::before {box-shadow: 0 0 0 1px var(--white), 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);} .custom-control-input:active ~ .custom-control-label::before {color: var(--white);background-color: var(--blue11);} .custom-control-input:disabled ~ .custom-control-label {color: var(--gray);} .custom-control-input:disabled ~ .custom-control-label::before {background-color: var(--light);} .custom-control-label::before {background-color: var(--border-color);} .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color: var(--primary);} .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {background-color: var(--primary);} .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(var(--primary-rgb), 0.5);} .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {background-color: rgba(var(--primary-rgb), 0.5);} .custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: var(--primary);} .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(var(--primary-rgb), 0.5);} .custom-select {color: var(--gray2);background: var(--white) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; border: 1px solid var(--gray9);} .custom-select:focus {border-color: var(--blue10);} .custom-select:focus::-ms-value {color: var(--gray2);background-color: var(--white);} .custom-select:disabled {color: var(--gray);background-color: var(--light);} .custom-file-input:focus ~ .custom-file-control {border-color: var(--blue10);box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);} .custom-file-input:focus ~ .custom-file-control::before {border-color: var(--blue10);} .custom-file-label {color: var(--gray2);background-color: var(--white);border: 1px solid var(--gray9);} .custom-file-label::after {color: var(--gray2);background-color: var(--light);border-left: 1px solid var(--gray9);} .valid-feedback {color: var(--success);} .valid-tooltip {color: var(--white);background-color: rgba(var(--success-rgb), 0.8);} /* * 23. TABLES */ .table th,.table td {border-top: 1px solid var(--border-color);} .table thead th {border-bottom: 2px solid var(--border-color);} .table tbody + tbody {border-top: 2px solid var(--border-color);} .table .table {background-color: var(--white);} .table-bordered {border: 1px solid var(--border-color);} .table-bordered th,.table-bordered td {border: 1px solid var(--border-color);} .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(var(--black-rgb), 0.05);} .table-hover tbody tr:hover {background-color: rgba(var(--black-rgb), 0.075);} .table-primary,.table-primary > th,.table-primary > td {background-color: var(--blue9);} .table-hover .table-primary:hover {background-color: var(--blue8);} .table-hover .table-primary:hover > td,.table-hover .table-primary:hover > th {background-color: var(--blue8);} .table-secondary,.table-secondary > th,.table-secondary > td {background-color: var(--gray8);} .table-hover .table-secondary:hover {background-color: var(--gray7);} .table-hover .table-secondary:hover > td,.table-hover .table-secondary:hover > th {background-color: var(--gray7);} .table-success,.table-success > th,.table-success > td {background-color: var(--green5);} .table-hover .table-success:hover {background-color: var(--green3);} .table-hover .table-success:hover > td,.table-hover .table-success:hover > th {background-color: var(--green3);} .table-info,.table-info > th,.table-info > td {background-color: var(--blue7);} .table-hover .table-info:hover {background-color: var(--blue6);} .table-hover .table-info:hover > td,.table-hover .table-info:hover > th {background-color: var(--blue6);} .table-warning,.table-warning > th,.table-warning > td {background-color: var(--yellow5);} .table-hover .table-warning:hover {background-color: var(--yellow3);} .table-hover .table-warning:hover > td,.table-hover .table-warning:hover > th {background-color: var(--yellow3);} .table-danger,.table-danger > th,.table-danger > td {background-color: var(--red4);} .table-hover .table-danger:hover {background-color: var(--red3);} .table-hover .table-danger:hover > td,.table-hover .table-danger:hover > th {background-color: var(--red3);} .table-light,.table-light > th,.table-light > td {background-color: var(--white3);} .table-hover .table-light:hover {background-color: var(--blue5);} .table-hover .table-light:hover > td,.table-hover .table-light:hover > th {background-color: var(--blue5);} .table-dark,.table-dark > th,.table-dark > td {background-color: var(--gray6);} .table-hover .table-dark:hover {background-color: var(--gray5);} .table-hover .table-dark:hover > td,.table-hover .table-dark:hover > th {background-color: var(--gray5);} .table-active,.table-active > th,.table-active > td {background-color: rgba(var(--black-rgb), 0.075);} .table-hover .table-active:hover {background-color: rgba(var(--black-rgb), 0.075);} .table-hover .table-active:hover > td,.table-hover .table-active:hover > th {background-color: rgba(var(--black-rgb), 0.075);} .table .thead-dark th {color: var(--white);background-color: var(--dark2);border-color: var(--dark4);} .table .thead-light th {color: var(--gray2);background-color: var(--light);border-color: var(--border-color);} .table-dark {color: var(--white);background-color: var(--dark2);} .table-dark th,.table-dark td,.table-dark thead th {border-color: var(--dark4);} .table-dark.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(var(--white-rgb), 0.05);} .table-dark.table-hover tbody tr:hover {background-color: rgba(var(--white-rgb), 0.075);} /* * NOTES * ----- * @package Frenkelson App - Support Bundle * @author Oliver Orlowski * @license Pay-Per-Use * @copyright Frenkelson Werbeagentur GmbH 2019 * * You can customize the layout here and override existing variables * a minimum width of 320px was considered, less than 320px was classified as a stone age display of a nokia 6310 * * CONTENT * ------ * 0. GLOBAL SCRIPT * 1. GLOBAL STUFF * 2. MOBILE STUFF * 3. NL2GO STYLES * 4. BUTTONS * 5. TIMELINE * 6. SLIDER * 7. FORMS * 8. HEADER * 9. NEWS * 10. EVENTS * 11. STANDORTE * 12. SEARCH * 13. USER LOGIN * 14. SOCIAL SHARING * 15. TreeView * 16. FONT TYPES * 17. LOGIN NAV * 18. FOOTER * 19. ALERT * 20. TELBUCH * 21. MEIN AWO * 22. PUBLIKATIONEN * 23. SUPPORT WRAPPER * 24. ORGANIGRAMM * 25. JOBS * 26. PROJEKTE * 27. MEMBER CARDS * 28. SGF * 29. KACHELN * 30. TAG WIDGET * 31. TAG CLOUD * 32. MOBILE * 33. TABS * 34. THEMENFELDER * 35. BADGES * 36. LISTS * 37. TIMELINE * 38. HELPER * 39. AWO COUNTDOWN * 40. SOCIAL FEED * 41. Usercentrics Consent Management * 44. Corona Ampel * 45. Bubbles * 46. Bedienhilfen * 47. Jobportal Batch * */ /* * 0. GLOBAL SCRIPT */ :root { --BV-color:#E41913; --BV-rgb:rgb(228, 25, 19); --BV-rgba:rgb(228, 25, 19, .6); --BD-color:#fecd19; --BD-rgb:rgb(254, 205, 25); --BD-rgba:rgb(254, 205, 25, .6); --SZ-color:#ee7100; --SZ-rgb:rgb(238, 113, 0); --SZ-rgba:rgb(238, 113, 0, .6); --KJ-color:#a1c746; --KJ-rgb:rgb(161, 199, 70); --KJ-rgba:rgb(161, 199, 70, .6); --SO-color:#72c4ef; --SO-rgb:rgb(114, 196, 239); --SO-rgba:rgb(114, 196, 239, .6); } /* * The image-rendering property defines how the browser should render an image if it is scaled up or down from its original dimensions. By default, each browser will attempt to apply aliasing to this scaled image in order to prevent distortion, but this can sometimes be a problem if we want the image to preserve its original pixelated form. */ img[src$=".svg"] { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); image-rendering: pixelated; shape-rendering:geometricPrecision!important; } .img-w-100 figure, .img-w-100 img{width:100%;height:auto;} body,img{ image-rendering: auto; image-rendering: crisp-edges; image-rendering: pixelated; image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } /*MODAL*/ .modal-dialog { padding: 0; } .modal-backdrop { background-color: var(--gray-dark); } .modal-backdrop.show { opacity: 0.5; } .modal-backdrop{display:none;} .swipe-vonherzen .swiper-slide.h3{font-size:1rem;} .swipe-vonherzen .swiper-slide{height:60px;} video {max-width:100%;height:auto;} .singleAccordion.accordion-heading h2{padding-bottom:1.5em;} .singleAccordion.accordion-box .collapsed, .singleAccordion.accordion-box .collapse { border-bottom: var(--light) 1px solid; } .singleAccordion.accordion-box .collapse.show { margin-bottom:1rem; } .singleAccordion.accordion-box .accordion-heading{cursor:pointer;} /* * 1. GLOBAL STUFF */ .noGap-gal .figure-img,.noGap-gal .figure {margin:0;} .text-gray{color:var(--gray);} a {text-decoration:none!important;} a:link, a:visited {color:var(--primary);} a:hover, a:active {color:var(--dark);} #container a[target="_blank"]:after { font: normal normal normal 10px/1 FontAwesome; content: "\f08e"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top:-5px; margin-left: 0.25em; } #container a.no-ext-icon:after { display:none; } .no-ext-icon a:after { display:none!important; } .lead{font-size:1.2rem;font-family: AsapRegular,sans-serif;} .small, small { font-size: 90%; font-weight: 400; } .view .mask, .view .content {cursor: help;} .ctlg_view_message { font-size: 75%; font-family: AsapRegular,sans-serif; font-weight: normal; color: var(--cyan3); background-color: var(--blue14); border-color: var(--blue7); position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; } @media (min-width: 576px) { .jumbotron {padding: 4rem 15px;} } .page-item:last-child .page-link { border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } .grad-cover { background: #fff; background: -webkit-linear-gradient(var(--white) 30%, var(--light)) no-repeat fixed 0% 0% / cover; background: -o-linear-gradient(var(--white) 30%, var(--light)) no-repeat fixed 0% 0% / cover; background: -moz-linear-gradient(var(--white) 30%, var(--light)) no-repeat fixed 0% 0% / cover; background: -ms-linear-gradient(var(--white) 30%, var(--light)) no-repeat fixed 0% 0% / cover; background: linear-gradient(var(--white) 30%, var(--light)) no-repeat fixed 0% 0% / cover; } /*max-width SETTING*/ .cookiebar .inside, .article-boxed .mod_article, #bottom .inside, #top-help-navigation .inside, #header .header-inside-block, #header #navigation-block .navigation-element, .swiper-redbox-container .max-grid, .boxed-article, #header #main-navigation, #footer .inside{max-width: 90%;} @media (min-width: 1760px) { /* .cookiebar .inside, .article-boxed .mod_article, #bottom .inside, #top-help-navigation .inside, #header .header-inside-block, #header #navigation-block .navigation-element, .swiper-redbox-container .max-grid, .boxed-article, #header #main-navigation, #footer .inside{max-width: 1600px;} */ } #bottom .inside{margin:0 auto;padding: 0 25px;} blockquote{margin:2rem 0;font-family: 'awo_fago_officeitalic';display:block;padding-left:0rem;padding-top:0.5rem;display:block;} blockquote p{margin-bottom:0;} blockquote:before {content: "\f10d";float:left;margin-right:1rem;margin-top:-0.5rem;} blockquote:before, blockquote:after{font-family: FontAwesome;font-size:2rem;color:var(--primary);} /*blockquote:after {content: "\f10e";}*/ /*fonts*/ @font-face { font-family: 'AsapRegular'; src: url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Regular-webfont.eot'); src: url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Regular-webfont.woff') format('woff'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Regular-webfont.ttf') format('truetype'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Regular-webfont.svg#AsapRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AsapItalic'; src: url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Italic-webfont.eot'); src: url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Italic-webfont.woff') format('woff'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Italic-webfont.ttf') format('truetype'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Italic-webfont.svg#AsapItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AsapBold'; src: url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Bold-webfont.eot'); src: url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Bold-webfont.woff') format('woff'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Bold-webfont.ttf') format('truetype'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-Bold-webfont.svg#AsapBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AsapBoldItalic'; src: url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-BoldItalic-webfont.eot'); src: url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-BoldItalic-webfont.woff') format('woff'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-BoldItalic-webfont.ttf') format('truetype'), url('../../files/AWO_Bezirksverband_Theme/fonts/asap/Asap-BoldItalic-webfont.svg#AsapBoldItalic') format('svg'); font-weight: normal; font-style: normal; } html {background: var(--white);} body{font-size:1rem; font-style: normal; font-weight: 300; overflow-x:hidden;} #container{font-size:1.0rem;} /*#container{font-size:16px;}*/ /*#container{font-size:1.3rem;}*/ @media (min-width: 992px){ #container {min-height: 30rem;} } #header{margin-top:0;} h1,.h1{color:var(--primary);font-family:'awo_fago_officebold', sans-serif; font-weight:normal; font-style: normal; font-size:1.6rem;} h2,.h2{color:var(--primary);font-family:'awo_fago_officebold', sans-serif; font-weight:normal; font-style: normal; font-size:1.4rem;} h3,.h3{color:var(--gray-dark);font-family:'awo_fago_officebold', sans-serif; font-weight:normal; font-style: normal; font-size:1.3rem;} h4,.h4{color:var(--gray4);font-family:'awo_fago_officebold', sans-serif; font-weight:normal; font-style: normal; font-size:1.25rem;} h5,.h5{color:var(--gray4);font-family:'awo_fago_officebold', sans-serif; font-weight:normal; font-style: normal; font-size:1.2rem;} h6,.h6{color:var(--gray4);font-family:'awo_fago_officebold', sans-serif; font-weight:normal; font-style: normal; font-size:1rem;} em {font-family:var(--font-family-sans-serif); font-weight:normal; font-style: italic;} strong {font-family: 'awo_fago_officebold', sans-serif;font-weight: normal;font-style: normal;} em strong, strong em {font-family: 'awo_fago_officebold', sans-serif;font-weight: normal;font-style: italic;} .figure-caption{font-size:60%;font-weight: 300;color:var(--dark);margin-top:0.5em;} .cookiebar {padding: .3em 1.2em;background-color: var(--light);color: var(--gray-dark);font-weight: 300;z-index:9999;} .cookiebar a {color: var(--gray-dark);} .cookiebar--active {display: block !important;} .cookiebar__button {margin: 0;padding: .375rem .75rem;border: 1px solid;border-color: var(--gray-dark);border-radius: var(--border-radius);background-color: var(--light);color: var(--gray-dark);font-weight: 300;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .cookiebar__button:hover {background-color: var(--gray-dark);color: var(--light);} .cookiebar .inside{margin: 0 auto;padding-left: 15px;padding-right: 15px;} .no-touch .idf-nav-container .idf-dot {background-color: var(--dark);} .mobile .idf-nav-container {bottom: 40%;} .mobile .idf-nav-trigger{bottom: 40%;right:7%;cursor:pointer;} .article-boxed.full_width_article.tp-no-space{margin-top:0!important;} .article-boxed.full_width_article.bt-no-space{margin-bottom:0!important;} .bg-white .jumbotron{background-color: var(--white);} .display-4-2, .display-4, .display-2 {font-size: 2.6rem;font-weight: 600;line-height: 1.2;} #footer {margin-top: 0em;} .article-boxed.full_width_article{margin-top:50px!important;margin-bottom:50px!important;} .article-spaced{padding-right:25px;padding-left:25px;} .article-boxed .mod_article{margin:0px auto;padding:50px 25px;} .boxed-news .meta{display:block;font-size:80%;margin-top:0.2em;} .boxed-news .figure-caption{font-size:normal;font-size:1rem;} .partner-logo{border:var(--gray-light) 1px solid;margin-bottom:30px;width:100%;height:auto;} .partner-logo-container{padding:0;} .text-left.ce_headline .headline-underline:after{content: "";display: block;height: 2px;width: 70px;position: relative;left: 35px;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);bottom: -2px;background-color: var(--primary);} .text-center.ce_headline .headline-underline:after{content: "";display: block;height: 2px;width: 70px;position: relative;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);bottom: -2px;background-color: var(--primary);} .text-left.ce_headline.pb-1 .headline-underline:after, .text-center.ce_headline.pb-1 .headline-underline:after, .text-right.ce_headline.pb-1 .headline-underline:after{top:0.25rem;margin-bottom:0.25rem;} .text-left.ce_headline.pb-2 .headline-underline:after, .text-center.ce_headline.pb-2 .headline-underline:after, .text-right.ce_headline.pb-2 .headline-underline:after{top:0.5rem;margin-bottom:0.5rem;} .text-left.ce_headline.pb-3 .headline-underline:after, .text-center.ce_headline.pb-3 .headline-underline:after, .text-right.ce_headline.pb-3 .headline-underline:after{top:1rem;margin-bottom:1rem;} .text-left.ce_headline.pb-4 .headline-underline:after, .text-center.ce_headline.pb-4 .headline-underline:after, .text-right.ce_headline.pb-4 .headline-underline:after{top:1.5rem;margin-bottom:1.5rem;} .text-left.ce_headline.pb-5 .headline-underline:after, .text-center.ce_headline.pb-5 .headline-underline:after, .text-right.ce_headline.pb-5 .headline-underline:after{top:3rem;margin-bottom:3rem;} @media (min-width: 992px){ #header .nav-lgnone{display:none;} } .boxed-article, #header #main-navigation{margin:0 auto;padding:0 25px;} #bottom,#footer .inside{margin:0 auto;padding:0 40px;} .boxed-article{margin-top:2em;margin-bottom:2em;} #header {position:relative;margin-bottom:0em;background:var(--white);} #header a.social-link{color:var(--secondary);margin-left:0.5em;} #header a.social-link .fa {font-size:2em;} #header a.social-link.awo-logo img{height:2em;} #header a.social-link.awo-logo{padding-left: 1em;} #footer a.social-link.awo-logo{display:none;} #header .inside.container{padding-top:1em;padding-bottom:0em;padding-left:0;padding-right:0;} #container {height:auto;} #top-help-navigation .inside{margin:0 auto;padding-left:25px;padding-right:25px;} #header .header-inside-block, #header #navigation-block .navigation-element{margin:0 auto;padding-left:25px;padding-right:25px;} #header #navigation-block .navigation-element .search-block{margin-top:0.6em;margin-bottom:-2.9em;font-size:120%;z-index:80;} #navigation-block {background: var(--dark);border-bottom: solid 0.65rem var(--primary);} #header .header-inside-block{} .fit-mobile-top-space{margin-top:89px;} .container {max-width:100%;} /*full_width_article*/ .full_width_article{margin:0em -15px 0em -15px;padding-top:0em;padding-bottom:0em;} #page-logo{margin-top:1em;} #main-navigation nav{margin-top:6em;float: right;} .mod_breadcrumb{margin-top:0.2em;} #footer {background: var(--gray-light);} #footer .inside{margin-top:0em;padding-top:2em;} .fontawesome-icon-list .fa{min-width: 2em;} .fontawesome-icon-list .fa.fa-contao:before{color:var(--orange);} .fontawesome-icon-list .fa:before{font-size:130%;} .fontawesome-icon-list .fa{margin-bottom: 0.7em;} .weather-icon-list .wi:before{min-width: 2em;display: inline-block;font-size:130%;margin-bottom: 0.7em;} #icons h2.page-header, .weather-icon-list h2{margin-top:2em;} #bottom {background: var(--white);color: var(--black);margin-top: 0;padding:0.75em;} #top-help-navigation {padding: 0.2em 1em;font-size:1rem; height:auto; min-height:50px; line-height:2; background: var(--gray-light);color: var(--dark);} #top-help-navigation a {color: var(--dark);} #bottom a {color: var(--black);} #jubi {position:fixed;top:4%;right:14%;width:80px;height:80px;z-index:9999;} /* nach oben */ #gotop {position:fixed;bottom:40px;right:40px; z-index:9900; transition: all 0.2s ease-in-out;} @media(max-width: 768px){ #gotop {bottom:30px;right:30px;} } .go-to-top:active, .go-to-top:focus {box-shadow: none;} .go-to-top {width:30px; height:30px; border-radius:50%;} .go-to-top .fa {position:absolute; top:5px; left:0; width:30px; height:30px; border-radius:50%;} #gotop a{font-size:170%;} #gotop a:hover{color:var(--primary)!important;} .navbar {border-bottom:none var(--white);} .navbar-nav a{color:var(--white);} .navbar-nav a.dropdown-item{color:var(--primary);} .dropdown-item{font-family:'awo_fago_officeregular', sans-serif; font-weight:normal; font-style: normal;} .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {background-color: var(--primary);color:var(--white)!important;} /*MEGANAV-Start*/ .megamenu {position: static;} .megamenu .dropdown-menu {background: none;border: none;width: 100%;} /*MEGANAV-Ende*/ /* Hamburger & Fries */ #nav-stick .navbar-toggler {border: transparent !important;background-color: var(--primary) !important;height:40px;border-radius: 0!important;} #nav-stick .navbar-toggler:focus {outline: none !important;background-color: var(--primary) !important;height:40px;} #nav-stick .navbar-toggler .icon-bar {background-color: transparent !important;transform: rotate(0deg) translate(0px, 0px);transition: ease all .2s;} #nav-stick .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;border:solid 1px white;border-radius: 0;transition: all 0.2s;} #nav-stick .navbar-toggler .icon-bar + .icon-bar {margin-top: 4px;} #nav-stick .navbar-toggler .top-bar {transform: rotate(-135deg);margin: 6px 0 -12px 0;} #nav-stick .navbar-toggler .middle-bar {opacity: 0;width: 0;} #nav-stick .navbar-toggler .bottom-bar {transform: rotate(135deg);margin-bottom: 4px;} #nav-stick .navbar-toggler.collapsed .top-bar {transform: rotate(0);margin: 0;} #nav-stick .navbar-toggler.collapsed .middle-bar {opacity: 1;width: 100%;} #nav-stick .navbar-toggler.collapsed .bottom-bar {transform: rotate(0);margin-bottom: 0;} #nav-stick .nav-link {margin:0em;padding:0 0.5em;font-family:'awo_fago_officeregular', sans-serif; font-weight:normal; font-style: normal;} #nav-stick .nav-item:not(.sub-list){margin:0;margin-top:-1px;padding:1em 1em;text-transform:uppercase;} #nav-stick .nav-item.active{color:var(--white);background:var(--primary);} #nav-stick .nav-item:hover, .nav-item:active, .nav-item.trail {background:var(--primary);} #nav-stick .navbar, .navbar .show, .container {transition: all 0.2s ease-in-out;} /* Tabellen */ .ce_table, .ce_table table {width:100%;} .ce_table .col_0 {min-width:20%; font-weight:500;} /* Formulare */ .custom-select {background:transparent;} /* Nachrichten */ .mod_newsarchive {background:var(--light); padding:1rem;} .mod_newsreader .comment_bs, .mod_eventreader .comment_bs, .mod_faqreader .comment_bs{background:var(--light);} .mod_newsreader .reply, .mod_eventreader .reply, .mod_faqreader .reply{background:var(--yellow5);} /* Allgemein */ .badge {font-size: 100%; font-weight: 300;} .mod_newsreader .comment_bs a,.mod_eventreader .comment_bs a, .mod_faqreader .comment_bs a[target="_blank"]:after { display: none!important; } /* * 2. MOBILE STUFF */ .mobile #header {margin-bottom: 1em; margin-top: 0em;} .mobile #container {height:auto; min-height:0;} .mobile .container {max-width:100%;} .mobile #data_privacy_icon {width:100%;} .mobile #jubi {display:none;} /* * 3. NL2GO STYLES */ .nl2go-form{line-height:1.2!important;} .nl2go-form button{margin-top:0!important;color: var(--white)!important;background-color: var(--primary)!important;border-color: var(--primary)!important;display: inline-block!important;font-weight: 300!important;text-align: center!important;white-space: nowrap!important;vertical-align: middle!important;-webkit-user-select: none!important;-moz-user-select: none!important;-ms-user-select: none!important;user-select: none!important;border: 1px solid transparent!important;padding: .375rem .75rem!important;font-size: 1rem!important;line-height: 1.5!important;border-radius: var(--border-radius)!important;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .nl2go-form .text-1{margin-top:0!important;} .nl2go-form .text-2{margin-top:0.2em!important;} .nl2go-form .text-1 div div{font-size:80%!important;padding-top:0!important;} .nl2go-form img{top:0!important;} .nl2go-form .jumbotron img{display:none!important;} .nl2go-form .jumbotron .text-1 div div{padding-left:0!important;} .nl2go-form .jumbotron {padding: 4rem 0!important;} /* * 4. BUTTONS */ a.btn.btn-outline-primary{color:var(--primary);} a.btn.btn-outline-primary:hover{color:var(--white);} a.btn.btn-outline-light{color:var(--light);} a.btn.btn-outline-light:hover{color:var(--black)!important;} a.btn.btn-outline-secondary{color:var(--secondary);} a.btn.btn-outline-secondary:hover{color:var(--light)!important;} .page-item, .page-link {border:none;} .page-item .page-link {background:var(--dark)!important; color:var(--white)!important; margin-right:0.5em;} .page-item .active,.page-item .page-link:hover {background:var(--light)!important; color:var(--dark)!important; margin-right:0.5em;} .page-link:focus {box-shadow: 0 0 0 0.2rem rgba(var(--white)!important, 0.5);} .btn-primary {color: var(--white)!important;background-color: var(--primary);border-color: var(--primary);} .btn-primary:hover {color: var(--white)!important;background-color: var(--dark);border-color: var(--dark);} .btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--white)!important, 0.5);} .btn-primary.disabled, .btn-primary:disabled {color: var(--white)!important;background-color: var(--dark);border-color: var(--dark);} .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle {color: var(--white);background-color: var(--dark);border-color: var(--dark);} .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--white)!important, 0.5);} .btn-outline-dark {color: var(--white)!important;border-color: var(--dark);} .btn-outline-dark:hover {color: var(--white)!important;background-color: var(--dark);border-color: var(--dark);} .btn-outline-dark:focus, .btn-outline-dark.focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);} .btn-outline-dark.disabled, .btn-outline-dark:disabled {color: var(--dark);} .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,.show > .btn-outline-dark.dropdown-toggle {color: var(--white);background-color: var(--dark);border-color: var(--dark);} .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-dark.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);} .btn-outline-success {color: var(--dark)!important;border-color: var(--success);} .btn-outline-success:hover {color: var(--dark)!important;background-color: var(--success);border-color: var(--success);} .btn-outline-success:focus, .btn-outline-success.focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);} .btn-outline-success.disabled, .btn-outline-success:disabled {color: var(--gray)!important;} .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,.show > .btn-outline-success.dropdown-toggle {color: var(--white);background-color: var(--success);border-color: var(--success);} .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-success.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);} /* .btn-dark {color: var(--white);background-color: var(--gray-dark);border-color: var(--gray-dark);} .btn-outline-dark {color: var(--gray-dark);background-color: transparent;background-image: none;border-color: var(--gray-dark);} .btn-light {color: var(--dark);background-color: var(--light);border-color: var(--light);} .btn-outline-light {color: var(--light);background-color: transparent;background-image: none;border-color: var(--light);} .btn-info {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-outline-info {color: var(--info);background-color: transparent;background-image: none;border-color: var(--info);} .btn-warning {color: var(--gray-dark);background-color: var(--warning);border-color: var(--warning);} .btn-outline-warning {color: var(--warning);background-color: transparent;background-image: none;border-color: var(--warning);} .btn-danger {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-outline-danger {color: var(--danger);background-color: transparent;background-image: none;border-color: var(--danger);} .btn-success {color: var(--white);background-color: var(--success);border-color: var(--success);} .btn-outline-success {color: var(--success);background-color: transparent;background-image: none;border-color: var(--success);} .btn-secondary {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-outline-secondary {color: var(--secondary);background-color: transparent;background-image: none;border-color: var(--secondary);} .btn-primary {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-outline-primary {color: var(--primary);background-color: transparent;background-image: none;border-color: var(--primary);} .btn-link {font-weight: 400;color: var(--primary);background-color: transparent;} .btn:focus, .btn.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);} .btn-primary {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-primary:hover {color: var(--white);background-color: var(--blue3);border-color: var(--blue2);} .btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);} .btn-primary.disabled, .btn-primary:disabled {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle {color: var(--white);background-color: var(--blue2);border-color: var(--blue3);} .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);} .btn-secondary {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-secondary:hover {color: var(--white);background-color: var(--gray);border-color: var(--gray4);} .btn-secondary:focus, .btn-secondary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);} .btn-secondary.disabled, .btn-secondary:disabled {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle {color: var(--white);background-color: var(--gray4);border-color: var(--dark13);} .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);} .btn-success {color: var(--white);background-color: var(--success);border-color: var(--success);} .btn-success:hover {color: var(--white);background-color: var(--green10);border-color: var(--green2);} .btn-success:focus, .btn-success.focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);} .btn-success.disabled, .btn-success:disabled {color: var(--white);background-color: var(--success);border-color: var(--success);} .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,.show > .btn-success.dropdown-toggle {color: var(--white);background-color: var(--green2);border-color: var(--green11);} .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);} .btn-info {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-info:hover {color: var(--white);background-color: var(--cyan4);border-color: var(--cyan2);} .btn-info:focus, .btn-info.focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);} .btn-info.disabled, .btn-info:disabled {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,.show > .btn-info.dropdown-toggle {color: var(--white);background-color: var(--cyan2);border-color: var(--cyan5);} .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,.show > .btn-info.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);} .btn-warning {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);} .btn-warning:hover {color: var(--dark2);background-color: var(--yellow6);border-color: var(--yellow2);} .btn-warning:focus, .btn-warning.focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);} .btn-warning.disabled, .btn-warning:disabled {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);} .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,.show > .btn-warning.dropdown-toggle {color: var(--dark2);background-color: var(--yellow2);border-color: var(--yellow7);} .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);} .btn-danger {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-danger:hover {color: var(--white);background-color: var(--red10);border-color: var(--red2);} .btn-danger:focus, .btn-danger.focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);} .btn-danger.disabled, .btn-danger:disabled {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,.show > .btn-danger.dropdown-toggle {color: var(--white);background-color: var(--red2);border-color: var(--red11);} .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-danger.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);} .btn-light {color: var(--dark2);background-color: var(--light);border-color: var(--light);} .btn-light:hover {color: var(--dark2);background-color: var(--gray15);border-color: var(--gray3);} .btn-light:focus, .btn-light.focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);} .btn-light.disabled, .btn-light:disabled {color: var(--dark2);background-color: var(--light);border-color: var(--light);} .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,.show > .btn-light.dropdown-toggle {color: var(--dark2);background-color: var(--gray3);border-color: var(--gray14);} .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,.show > .btn-light.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);} .btn-dark {color: var(--white);background-color: var(--dark);border-color: var(--dark);} .btn-dark:hover {color: var(--white);background-color: var(--dark6);border-color: var(--dark3);} .btn-dark:focus, .btn-dark.focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);} .btn-dark.disabled, .btn-dark:disabled {color: var(--white);background-color: var(--dark);border-color: var(--dark);} .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,.show > .btn-dark.dropdown-toggle {color: var(--white);background-color: var(--dark3);border-color: var(--dark12);} .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-dark.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.5);} .btn-outline-primary {color: var(--primary);background-color: transparent;background-image: none;border-color: var(--primary);} .btn-outline-primary:hover {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-outline-primary:focus, .btn-outline-primary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);} .btn-outline-primary.disabled, .btn-outline-primary:disabled {color: var(--primary);} .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle {color: var(--white);background-color: var(--primary);border-color: var(--primary);} .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);} .btn-outline-secondary {color: var(--secondary);border-color: var(--secondary);} .btn-outline-secondary:hover {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-outline-secondary:focus, .btn-outline-secondary.focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);} .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {color: var(--secondary);} .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,.show > .btn-outline-secondary.dropdown-toggle {color: var(--white);background-color: var(--secondary);border-color: var(--secondary);} .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);} .btn-outline-info {color: var(--info);border-color: var(--info);} .btn-outline-info:hover {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-outline-info:focus, .btn-outline-info.focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);} .btn-outline-info.disabled, .btn-outline-info:disabled {color: var(--info);} .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,.show > .btn-outline-info.dropdown-toggle {color: var(--white);background-color: var(--info);border-color: var(--info);} .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-info.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.5);} .btn-outline-warning {color: var(--warning);border-color: var(--warning);} .btn-outline-warning:hover {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);} .btn-outline-warning:focus, .btn-outline-warning.focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);} .btn-outline-warning.disabled, .btn-outline-warning:disabled {color: var(--warning);} .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,.show > .btn-outline-warning.dropdown-toggle {color: var(--dark2);background-color: var(--warning);border-color: var(--warning);} .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-warning.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.5);} .btn-outline-danger {color: var(--danger);border-color: var(--danger);} .btn-outline-danger:hover {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-outline-danger:focus, .btn-outline-danger.focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);} .btn-outline-danger.disabled, .btn-outline-danger:disabled {color: var(--danger);} .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.dropdown-toggle {color: var(--white);background-color: var(--danger);border-color: var(--danger);} .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-danger.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);} .btn-outline-light {color: var(--light);border-color: var(--light);} .btn-outline-light:hover {color: var(--dark2);background-color: var(--light);border-color: var(--light);} .btn-outline-light:focus, .btn-outline-light.focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);} .btn-outline-light.disabled, .btn-outline-light:disabled {color: var(--light);} .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,.show > .btn-outline-light.dropdown-toggle {color: var(--dark2);background-color: var(--light);border-color: var(--light);} .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-light.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--light-rgb), 0.5);} .btn-link {color: var(--primary);} .btn-link:hover {color: var(--blue4);} .btn-link:disabled, .btn-link.disabled {color: var(--gray);} .close {color: var(--black);text-shadow: 0 1px 0 var(--white);} .close:hover, .close:focus {color: var(--black);} */ /* * 5. TIMELINE */ .timeline:after{display:block;content:'';color:rgb(var(--white-rgb));position:absolute;left:45%;bottom:0%;width:10%;height:100px;background: rgb(var(--white-rgb));background: linear-gradient(190deg, rgba(var(--white-rgb),0) 0%, rgba(var(--white-rgb),0.7) 40%, rgba(var(--white-rgb),1) 100%);z-index: 2;} .timeline{padding: 50px 0;position: relative;} .timeline-nodes{padding-bottom: 25px;position: relative;} .timeline-nodes:nth-child(even){flex-direction: row-reverse;} .timeline h3,.timeline p{padding: 5px 15px;} .timeline h3{font-weight: lighter;background: var(--primary);} .timeline p,.timeline time{color: var(--dark)} .timeline::before{content:"";display: block;position: absolute;top: 0;left: 50%;width: 0;border-left: 2px dashed var(--primary);height: 100%;z-index: 1;transform: translateX(-50%);} .timeline-content{background: var(--gray-light); border: 0px solid var(--primary);position: relative;border-radius: 0 0 var(--border-radius) var(--border-radius);box-shadow: 0px 3px 10px 0px var(--light);} .timeline-nodes:nth-child(odd) h3,.timeline-nodes:nth-child(odd) p{text-align: right;} .timeline-nodes:nth-child(odd) .timeline-date{text-align: left;} .timeline-nodes:nth-child(even) .timeline-date{text-align: right;} .timeline-nodes:nth-child(odd) .timeline-content::after{content:"";position: absolute;top: 5%;left: 100%;width: 0;border-left: 10px solid var(--primary);border-top: 10px solid transparent;border-bottom: 10px solid transparent;} .timeline-nodes:nth-child(even) .timeline-content::after{content:"";position: absolute;top: 5%;right: 100%;width: 0;border-right: 10px solid var(--primary);border-top: 10px solid transparent;border-bottom: 10px solid transparent;} .timeline-image{position: relative;z-index: 100;} .timeline-image::before{content:"";width: 80px;height: 80px;border: 2px dashed var(--primary);border-radius: 50%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color:var(--white);z-index: 1;} .timeline-image img{position: relative;z-index: 100;border-radius: 50%;max-height:70px;width:auto;} @media (max-width: 767px) { .timeline:after{left:3%;} .timeline-nodes:nth-child(odd) h3,.timeline-nodes:nth-child(odd) p{text-align: left;} .timeline-nodes:nth-child(even){flex-direction: row;} .timeline::before{content:"";display: block;position: absolute;top: 0;left: 4%;width: 0;border-left: 2px dashed var(--primary);height: 100%;z-index: 1;transform: translateX(-50%);} .timeline h3{font-size: 1.7rem;} .timeline p{font-size: 14px;} .timeline-image{position: absolute; left: 0%;top: 60px;border-radius: 50%;} .timeline-nodes:nth-child(odd) .timeline-content::after{content:"";position: absolute;top: 5%;left: auto;right: 100%;width: 0;border-left: 0;border-right: 10px solid var(--primary);border-top: 10px solid transparent;border-bottom: 10px solid transparent;} .timeline-nodes:nth-child(even) .timeline-content::after{content:"";position: absolute;top: 5%;right: 100%;width: 0;border-right: 10px solid var(--primary);border-top: 10px solid transparent;border-bottom: 10px solid transparent;} .timeline-nodes:nth-child(even) .timeline-date{text-align: left;} .timeline-image::before{width: 65px;height: 65px;} } @media (max-width: 575px) { .timeline:after{left:0%;} .timeline::before{content:"";display: block;position: absolute;top: 0;left: 3%;} .timeline-image{position: absolute;left: -5%;} .timeline-image img{height:auto!important;} .timeline-image::before{width: 60px;height: 60px;} } /* * 6. hover-container */ .hover-container {position: relative;width: 100%;} .hover-container .image {display: block;width: 100%;height: auto;} .hover-container .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: rgb(var(--secondary-rgb));background-color: rgba(var(--secondary-rgb),0.75);} .hover-container:hover .overlay {opacity: 1;} .hover-container .text {color: white;font-size: 20px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;} /* * 6. SLIDER */ .swiper-redbox-container{overflow: visible;margin-bottom:6em;} .swiper-redbox-container .swiper-content{text-align:left!important;} .swiper-redbox-container .swiper-content .headline .display-4{margin-bottom:0;line-height: 1.2;font-size:360%;word-wrap: break-word;} @media (max-width: 1260px) { .swiper-redbox-container .swiper-content .headline .display-4{font-size:300%;} } @media (max-width: 1100px) { .swiper-redbox-container .swiper-content .headline .display-4{font-size:200%;} } /*.swiper-redbox-container .swiper-content .headline .display-4{margin-bottom:0;line-height: 1.2;font-size:280%;}*/ .swiper-redbox-container .swiper-content .content{font-style:italic;font-size:160%;} .swiper-redbox-container .swiper-content .content p{padding-bottom:0;margin-bottom:0;} .swiper-redbox-container .swiper-content .content-box-inside{} .swiper-redbox-container .swiper-pagination{display:none;} .swiper-redbox-container .swiper-slide{display:block;width:100%;} .swiper-redbox-container .max-grid{margin:0 auto;width:100%;/*max-width: 1400px;*/padding-left:15px;padding-right:15px;} .swiper-redbox-container .content-box-inside{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;position:fixed;bottom:-4.5em;max-width: 1080px;width:60%;margin-left:25px;} .swiper-redbox-container .content-box-inside .btn{margin-top:1em;} .swiper-redbox-container .content-box-inside .btn-outline-light{border-color: var(--white);color:var(--white);} .swiper-redbox-container .content-box-inside .btn-outline-light:hover{background-color: var(--white);color:var(--primary);} .swiper-button-next{right:30px!important;} .swiper-button-prev{left:30px!important;} .swiper-slide .content.content-plain{padding:0 30px;} @media (max-width: 1000px) { .kulturhaus-stripes .display-3{font-size:1.5rem;} } /* * 7. FORMS */ #head_search_submit input[type="search"]{margin-right:0.5em;background-color:var(--dark4);padding:0;color:var(--white);border:0;border-bottom:var(--white) 0.02em solid;border-radius:0;height:auto;} #head_search_submit input:focus{outline: 0;box-shadow: inset 0 -1px 0 #ddd;} .datenschutz-hinweis .custom-control-label, .form-aid .widget.widget-checkbox.form-group .custom-control-label{font-size: 60%;font-weight: normal;font-family: AsapRegular;} .form-aid label{font-size:90%;font-weight: normal;font-family: AsapRegular;} .form-aid .widget.widget-radio .custom-radio{float:left;margin-bottom:0.5em;} .form-aid .widget.widget-radio .custom-radio label{margin-right:0.5em;} .form-aid .widget.widget-text.form-group label, .form-aid .widget.widget-tel.form-group label, .form-aid .widget.widget-url.form-group label, .form-aid .widget.widget-password.form-group label, .form-aid .widget.widget-select.form-group label{width:33%;float:left;} .form-aid .widget.widget-text.form-group input, .form-aid .widget.widget-tel.form-group input, .form-aid .widget.widget-url.form-group input, .form-aid .widget.widget-password.form-group input, .form-aid .widget.widget-select .custom-select{width:66%;float:left;} .form-aid .widget.widget-select .custom-select{ background-image: linear-gradient(45deg, transparent 50%, var(--dark) 50%), linear-gradient(135deg, var(--white) 50%, transparent 50%), linear-gradient(to right, var(--gray-light), var(--gray-light)); background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 1.5em 2.5em; background-repeat: no-repeat; } .form-aid .widget.widget-checkbox.form-group label[for="ctrl_social_public"], .form-aid .widget.widget-checkbox.form-group label[for="ctrl_fa_public"], .form-aid .widget.widget-checkbox.form-group label[for="ctrl_mob_public"], .form-aid .widget.widget-checkbox.form-group label[for="ctrl_pho_public"]{display:none;} .form-aid .widget{clear:both;} form .invisible{display:none;} small.form-help-message.form-text { font-size: 70%; } /* * 8. HEADER */ #header .social-icons .fa-facebook:hover{color:#3b5998;} #header .social-icons .fa-twitter:hover{color:#1da1f2;} #header .social-icons .fa-youtube:hover{color:#ff0000;} #header .social-icons .fa-instagram:hover{color:#8a3ab9;} /* * 9. NEWS */ .news_hero_slide .swiper-slide{height: 60vh;width: 100%;} .news-kachel .picture figure{margin-bottom:0;} .newslist-kachel-wrapper .inside .headline1{background:var(--primary);} .newslist-kachel-wrapper .inside .headline2{background:var(--gray2);} .newslist-kachel-wrapper .inside .headline3{background:var(--gray);} .newslist-kachel-wrapper .inside .headline4{background:var(--gray4);} .newslist-kachel-wrapper .inside .headline5{background:var(--gray-dark);} .newslist-kachel-wrapper .inside .headline6{background:var(--dark13);} .newslist-kachel-wrapper .inside .headline7{background:var(--gray10);} .newslist-kachel-wrapper .inside .headline8{background:var(--gray12);} .newslist-kachel-wrapper .inside .headline9{background:var(--dark10);} .newslist-kachel-wrapper .inside .headline10{background:var(--dark7);} .newslist-kachel-wrapper .inside .headline11{background:var(--dark6);} .newslist-kachel-wrapper .inside .headline12{background:var(--dark5);} .news-kachel .headline .heading-block{padding:1em;} .news-kachel .headline,.news-kachel .headline a{color:var(--white);line-height:normal;text-transform: uppercase;} .news-kachel .headline a:hover{text-decoration:none;} .news-kachel .figure-caption{display:none;}/*hide figcaption to preserve for robots*/ .news-kachel .headline .heading{font-size:120%;min-height:2.5em;-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap:break-word;} .news-kachel .headline .subheading{font-size:90%;min-height:2.3em;} .navigation-kachel .headline .heading{font-size:120%;min-height:2.5em;} .navigation-kachel .headline .subheading{font-size:90%;min-height:2.3em;} .mod_newslist .jumbotron .display-4{line-height: 1;-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap:break-word;} .layout_full .badge{font-family:AsapRegular,sans-serif;font-weight:normal;} .newslist-kachel-wrapper .further-information .further-info-strip { min-width: 100px; background: var(--primary); color: var(--white); font-size: 80%; padding: 5px 1.2em; margin-bottom: 5px; } .newslist-kachel-wrapper .further-information { position: absolute; left: 15px; top: 30%; } /* * 10. EVENTS */ .event-kachel .picture figure{margin-bottom:0;} .eventlist-kachel-wrapper .inside .headline1{background:var(--primary);} .eventlist-kachel-wrapper .inside .headline2{background:var(--gray2);} .eventlist-kachel-wrapper .inside .headline3{background:var(--gray);} .eventlist-kachel-wrapper .inside .headline4{background:var(--gray4);} .eventlist-kachel-wrapper .inside .headline5{background:var(--gray-dark);} .eventlist-kachel-wrapper .inside .headline6{background:var(--dark13);} .eventlist-kachel-wrapper .inside .headline7{background:var(--gray10);} .eventlist-kachel-wrapper .inside .headline8{background:var(--gray12);} .eventlist-kachel-wrapper .inside .headline9{background:var(--dark10);} .eventlist-kachel-wrapper .inside .headline10{background:var(--dark7);} .eventlist-kachel-wrapper .inside .headline11{background:var(--dark6);} .eventlist-kachel-wrapper .inside .headline12{background:var(--dark5);} .eventlist-kachel-wrapper .attributes{position:absolute;right:15px;top:5px;} .eventlist-kachel-wrapper .further-information{position:absolute;left:15px;top:30%;} .eventlist-kachel-wrapper .further-information .further-info-strip{min-width: 100px;background:var(--primary);color:var(--white);font-size:80%;padding:5px 1.2em;margin-bottom:5px;} .eventlist-kachel-wrapper .further-information .further-info-strip.secondary{background:var(--secondary);} .eventlist-kachel-wrapper .further-information .further-info-strip.tertiary{background:var(--dark);} .eventlist-kachel-wrapper .price-information{text-align: right;position:absolute;right:15px;top:30%;} .eventlist-kachel-wrapper .price-information .price-info-strip{min-width: 100px;background:var(--primary);color:var(--white);font-size:80%;padding:5px 1.2em;margin-bottom:5px;} .event-kachel .headline .heading-block{padding:1em;} .event-kachel .headline,.event-kachel .headline a{color:var(--white);line-height:normal;text-transform: uppercase;} .event-kachel .headline a:hover{text-decoration:none;} .event-kachel .headline .heading{font-size:120%;} .event-kachel .headline .subheading{font-size:90%;} .event .header {margin-bottom:2rem;} .event-kachel .inside{-webkit-box-shadow: 0px 0px 3px -1px rgba(192,192,192,1);-moz-box-shadow: 0px 0px 3px -1px rgba(192,192,192,1);box-shadow: 0px 0px 3px -1px rgba(192,192,192,1);} .eventlist-kachel-wrapper .inside img{min-width:100%;height:auto;} .event-kachel .picture figure{margin-bottom:0;width: 100%;} .event-kachel .headline .heading-block .heading{min-height:2.5em;} .event-map{width:100%;height:60vh;} .mod_eventreader .sponsor_img{height:auto;width:auto;max-height:100px;max-width:200px;} a.btn[target="_blank"]:after,.traeger a[target="_blank"]:after,.sponsoren a[target="_blank"]:after,.mod_eventreader .header a[target="_blank"]:after{display:none!important;} div.ico-min-width{min-width: 1.6em;} /* * 11. STANDORTE */ .accordion-heading h2 .arrow.fa:after, .accordion-heading h3 .arrow.fa:after {content: "\f078";} .accordion-heading h2 .collapsed .arrow.fa:after, .accordion-heading h3 .collapsed .arrow.fa:after {content: "\f054";} .standort-details .standort-map{width:100%;height:550px;} .standort-details .mod_article.boxed-article{padding:0 40px;} .standort-details .swiper-slide{height: 60vh;width: 100%;} .standort-details .accordion-box .accordion-heading, .standort-info.border-top{border-top:var(--light) 1px solid;} .standort-details .accordion-box .collapse{padding-bottom:1em;} .standort-details .accordion-box .accordion-heading:hover{cursor:pointer;} .accordion-heading h3:hover{cursor:pointer;} .standort-details .accordion-box .accordion-heading, .standort-details .standort-info h2{text-transform:uppercase;} .standort-details .round-image{border:var(--light) 1px solid;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} .standort-filter .awesomplete {display:block;} form.standort-filter label{display:none;} .accordion-heading h2 .text-right .fa:after, .accordion-heading h3 .text-right .fa:after {content: "\f078";} .accordion-heading h2 .collapsed .text-right .fa:after, .accordion-heading h3 .collapsed .text-right .fa:after {content: "\f054";} .standort-details .gesellschaft{font-size:70%;font-weight:300;} .standort-details .social-links a, .standort-details .phone a, .standort-details .mobile a, .standort-details .homepage a, .standort-details .fax a, .standort-details .email a{color:var(--dark);} .standort-details .small-pos{font-size:90%;} /*.standort-details .small-pos{font-size:70%;}*/ .standort-details h1, .standort-details h2, .standort-details h3, .standort-details h4, .standort-details h5, .standort-details h6{text-transform:uppercase;} .standort-batch{min-width:30px;min-height:28px;font-size:80%;font-family:AsapRegular,sans-serif;} /* .standort-batch{min-width:35px;min-height:32px;font-size:80%;font-family:AsapRegular,sans-serif;} */ .standort-map-single-view{min-height:400px;} .content-ges-einr .headline{min-height:4rem} /* * 12. SEARCH */ .mod_search h3{min-height:4em;} .mod_search .card{min-height:10em;} .mod_search .url{display:none;} .mod_search .relevance{display:block;font-weight: normal;font-family:var(--font-family-sans-serif);font-size:80%;font-weight: normal;} @media only screen and (max-width: 767px) { .mob-search .mod_search{margin-top:1.5em;display:block!important;} } .searchReplace{display:none;} @media only screen and (min-width: 768px) and (max-width: 785px) { #navbarSupportedContent,#navbarSupportedContent2{margin-top:0!important;} } @media only screen and (min-width: 768px) and (max-width: 1450px) { .searchReplace{display:block!important;z-index: 80;margin-top: 0.85em;margin-bottom: -2.9em;} } @media only screen and (max-width: 1049px) { .searchReplace{margin-top: 0.6em;} .search-block{display:none!important;} } /* * 13. USER LOGIN */ .mod_lostPassword label{font-size:80%;margin-bottom:0;} /* * 14. SOCIAL SHARING */ #sharingbtn{position:fixed;bottom:90px;display:block;right:0;} #sharingbtn:hover .shariff .orientation-vertical li {margin: 5px 0;} @media only screen and (min-width: 1024px) { #sharingbtn .shariff .orientation-vertical li {margin: -25px 0;} .shariff li .fab, .shariff li .far, .shariff li .fas {padding-left: 5px;} } /*shariff font awesome 5 to 4.7 translation*/ /*linkedin fix*/ .fab.fa-linkedin-in:before {content: "\f0e1";} .fab,.fas {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fab-facebook-f:before, .fab-facebook:before {content: "\f09a";} .fa-envelope:before {content: "\f003";} #sharingbtn .shariff .orientation-vertical li{-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;} #sharingbtn .mod_hofff_shariff{animation-delay: 10s;} @media only screen and (max-width: 1023px) { .fab,.fas {font-size:98%;} .shariff li .fab, .shariff li .far, .shariff li .fas {width: 30px;line-height: 30px;} .shariff li, .shariff li a {height: 30px;} .shariff .orientation-vertical li {width: 30px;} } .shariffPrintBtn{background:var(--primary);color:var(--white);height:30px;font-size: 19px;text-align: center;} .shariffPrintBtn:hover{cursor:pointer;background:var(--red10);} .static-social-share a[target="_blank"]:after {display: none!important;} .static-social-share a{color: var(--secondary);margin-right: 0.5em;} /* * 15. TreeView */ .tree-view ul, .tree-view #treeViewUL{list-style-type: none;} .tree-view #treeViewUL {margin: 0;padding: 0;} .tree-view .tree-caret {cursor: pointer;user-select: none;} .tree-view .tree-caret::before {content: "\f067";font: normal normal normal 14px/1 FontAwesome;color: black;display: inline-block;margin-right: 6px;} .tree-view .tree-caret-down::before {content: "\f068";} .tree-view .nested {display: none;} .tree-view .active {display: block;} .tree-view h3{font-size: 1.3rem;} .tree-view .ges-title{color:var(--red);font-family: 'awo_fago_officebold', sans-serif;font-weight: normal;font-style: normal;font-size: 1.3rem;} .tree-view .ges-geschfue{display:block;margin-top:-0.3em;margin-bottom:0.3em;padding-left:22px;font-size:80%;font-family:AsapRegular;font-weight:normal;} .tree-view .nested .nested.active{margin-bottom:1em;} .tree-view .list-item{list-style-type:disc;margin-left:2em;} .tree-view .tree-caret-element{margin-left:2px;} .tree-view .tree-caret-element-no-items{margin-left:22px;} .tree-view .tree-caret-element-no-items .ges-geschfue{padding-left:0px;} .tree-view li.li-caret-element{list-style-type:disc;margin-left:20px;} /* * 16. FONT TYPES */ .asap-400{font-family:AsapRegular,sans-serif;font-weight:normal;} .asap-400-i{font-family:AsapRegularItalic,sans-serif;font-weight:normal;} .asap-600{font-family:AsapBold,sans-serif;font-weight:normal;} .asap-600-i{font-family:AsapBoldItalic,sans-serif;font-weight:normal;} /* * 17. LOGIN NAV */ #nav-stick-login .navbar-expand-md .navbar-nav .nav-link {padding-right:0;padding-left:0;} #nav-stick-login .nav-link,#nav-stick-login .navbar{padding: 0;} #nav-stick-login .navbar-nav li{float:right;} #nav-stick-login .red-link i,#nav-stick-login .blue-link i{min-width:1.2em;} #nav-stick-login .red-link a{color:var(--primary);} #nav-stick-login .blue-link a{color:var(--blue);} #nav-stick-login .dropdown-item:hover, #nav-stick-login a:focus, #nav-stick-login .dropdown-item.active, #nav-stick-login .dropdown-item:link{color:var(--dark)!important;background:var(--gray-light);} #nav-stick-login .dropdown-item {padding: 0 0.3em 0 0.55em;font-size:90%;} #nav-stick-login .dropdown-item.active:before{content: "\f0da";font: normal normal normal 14px/1 FontAwesome;margin-left:-0.6em;color:rgba(var(--black-rgb), 0.15);} #nav-stick-login .dropdown-menu {color: var(--dark2);background-color: var(--white);border: 0.01em solid rgba(var(--black-rgb), 0.15);} #nav-stick-login .alert{padding: 0 0.3em 0 0.55em;} #nav-stick-login .navbar-nav .nav-item.dropdown:before{content:"\f007";position:absolute;left:-1em;top:0.59em;font: normal normal normal 14px/1 FontAwesome;} .mob_user_nav .nav-link.dropdown-toggle{color:var(--white);} /*START sick shit*/ #nav-stick-login .nav-link:active, #nav-stick-login .nav-link:link, #nav-stick-login .nav-link:visited, #nav-stick-login .nav-link:focus{background:#fbfbfb!important;} /*STOP sick shit*/ /* * 18. FOOTER */ #footer .cert-container{margin-top:1em;} #footer .cert-container img{max-width:63px;height:auto;margin-right:0.25em;} /* * 19. ALERT */ .alert{font-size:95%;font-family:AsapRegular,sans-serif;font-weight:normal;} .page-mein-awo .alert.alert-info:before{-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;font-family:FontAwesome;font-size:4em;line-height: 0.8;content:"\f06a";position:absolute;top:-0.2em;left:-0.2em;background-color: var(--blue14);border:1px solid var(--blue7);} .page-mein-awo .alert.alert-info{margin-top:1.4em;padding-left:3.4em} .page-mein-awo .alert.alert-success{margin-top:1.4em;} /* * 20. TELBUCH */ #telefonbuch_liste .round-image{border:var(--light) 1px solid;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} #telefonbuch_liste .contact-box .fa{min-width:1.5em;} #telefonbuch_liste .contact-box a{color:var(--dark);} #telefonbuch_liste .tstamp{color:var(--gray);font-size:75%;font-family:AsapRegular,sans-serif;font-weight:normal;} #telefonbuch_liste .academicTitle,#telefonbuch_liste .position,#telefonbuch_liste .birth{font-size:75%;font-family:AsapRegular,sans-serif;font-weight:normal;} /*#telefonbuch_liste .alert{ padding-top: 0.5em; padding-bottom: 0.5em;}*/ #telefonbuch_liste .form-text{color:var(--gray);font-size:60%;font-family:AsapRegular,sans-serif;font-weight:normal;} /* * 21. MEIN AWO */ .mod_personalData label[for="ctrl_em_public"]{display:none;} h1.handwrite, h2.handwrite, h3.handwrite, h4.handwrite, h5.handwrite, h6.handwrite{font-style: italic;font-size:180%;} /*member image*/ .qq-upload-button {display: block;width: auto;font-family:AsapRegular,sans-serif;font-weight:normal;font-size:1rem;text-align: center;background: var(--secondary);border-bottom: 0px solid var(--white);color: #FFF;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;} #avatar-box .widget.widget-submit .btn.btn-primary{display: block;width: 100%;} #avatar-box .btn,.qq-upload-button{margin-top:0.1em;} #avatar-box .btn-dark{color: var(--white)!important;} #avatar-box .round-image, #avatar-box .avatar img{border:var(--light) 1px solid;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;margin-bottom:0.1em;} #avatar-box .jcrop-holder{background-color:var(--white)!important;} #avatar-box .small-txt{font-family:AsapRegular,sans-serif;font-weight:normal;font-size:0.8rem;} .qq-upload-status-text.alert{margin-bottom:0;font-size:65%;} .qq-upload-status-text:empty {display: none;} .biografie.small-pos{font-family:AsapRegular,sans-serif;font-weight:normal;font-size:1rem;} /* * 22. PUBLIKATIONEN */ .publikationen-details .swiper-slide{min-height: 60vh;} .publikationen-details .mod_article.boxed-article{padding:0 40px;} .publikationen-liste .inside .headline1{background:var(--primary);} .publikationen-liste .inside .headline2{background:var(--gray2);} .publikationen-liste .inside .headline3{background:var(--gray);} .publikationen-liste .inside .headline4{background:var(--gray4);} .publikationen-liste .inside .headline5{background:var(--gray-dark);} .publikationen-liste .inside .headline6{background:var(--dark13);} .publikationen-liste .inside .headline7{background:var(--gray10);} .publikationen-liste .inside .headline8{background:var(--gray12);} .publikationen-liste .inside .headline9{background:var(--dark10);} .publikationen-liste .inside .headline10{background:var(--dark7);} .publikationen-liste .inside .headline11{background:var(--dark6);} .publikationen-liste .inside .headline12{background:var(--dark5);} /* * 23. SUPPORT WRAPPER */ #support-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--light);z-index:9950;padding:2em;display:none;overflow-y:scroll;} #support-container .inside{max-width:980px;margin:0 auto;} /* * please mind the position, another btn is oc-export-btn, position is top:calc(30vh + 56px) the height is ~56px */ #show-support-container{position:fixed;top:30vh;right:0;width:50px;height:auto;z-index:9800;padding:0.5em;background:var(--primary);-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;color:var(--white);} #show-support-container .fa{font-size:150%;} #show-support-container:hover,#hide-support-container:hover{cursor:pointer;} #hide-support-container .fa{color:var(--primary);font-size:250%;} /* * 24. ORGANIGRAMM */ #chart-container{font-family:AsapRegular,sans-serif;font-weight:normal;overflow: auto!important;text-align: center;} .orgchart{background-image:none;padding:0;} .orgchart .node .title {background-color:var(--primary);font-family:AsapRegular,sans-serif;font-weight:normal;width:200px;height:auto;} .orgchart .node .title .fa{font-size:130%;display:none;margin-top: 0.2em;margin-bottom: 0.2em;} .orgchart .lines .downLine {background-color:rgba(var(--primary-rgb), 1);} .orgchart .lines .leftLine {border-left: 1px solid rgba(var(--primary-rgb), 1);} .orgchart .lines .rightLine {border-right: 1px solid rgba(var(--primary-rgb), 1);} .orgchart .lines .topLine{border-top: 2px solid rgba(var(--primary-rgb), 1);} .orgchart .verticalNodes>td::before{border: 1px solid rgba(var(--primary-rgb), 1);} .orgchart .node .content {border: 1px solid var(--primary);height:auto;} .orgchart .node {border: 0px solid transparent;} .orgchart .node .title,.orgchart .node .content{-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap:break-word;white-space: normal;} #chart-container strong{font-family: 'awo_fago_officebold', sans-serif;font-weight:normal;} /*fix jquery add*/ .orgchart .top-node2:before{position:relative;top:33px;left:-26px;content:" ";color:var(--primary);width:26px;height:2px;background:var(--primary);display:block;} .orgchart .top-node3:before{position:relative;top:77px;left:-25px;content:" ";color:var(--primary);width:26px;height:2px;background:var(--primary);display:block;} /* * 25. JOBS */ .jobs-detail .information .fa{min-width:2em;} .jobs-detail .job-map{width:100%;height:50vh;} /* * 26. PROJEKTE */ .projekt-details .standort-map{width:100%;height:550px;} .projekt-details .round-image{border:var(--light) 1px solid;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} .projekt-details .swiper-slide{height: 60vh;width: 100%;} .projekt-details .mod_article.boxed-article{padding:0 40px;} .projekt-details .traeger_img, .projekt-details .sponsor_img{height:auto;width:auto;max-height:100px;max-width:200px;} .projekt-details .social-links a, .projekt-details .phone a, .projekt-details .mobile a, .projekt-details .homepage a, .projekt-details .fax a, .projekt-details .email a{color:var(--dark);} .projekt-details .small-pos{font-size:90%;} /* .projekt-details .small-pos{font-size:70%;} */ .projekt-details .accordion-heading:hover{cursor:pointer;} .projekt-details .accordion-box .list-group-item{font-size:100%;font-family:AsapRegular,sans-serif;font-weight:normal;padding: .3rem .5rem;} /* .projekt-details .accordion-box .list-group-item{font-size:80%;font-family:AsapRegular,sans-serif;font-weight:normal;padding: .3rem .5rem;} */ .projekt-details .accordion-box .list-group-item a{color: var(--gray-dark);} .projekt-details .accordion-box .accordion-heading, .standort-info.border-top {border-top: var(--light) 1px solid;} .projekt-teaser .closed_project{transform: rotate(-15deg);font-size:80%;font-family:AsapRegular,sans-serif;font-weight:normal;position:absolute;z-index:10;background:var(--primary);color:var(--white);top:80%;left:5px;padding:0.25em;-webkit-box-shadow: 0px 0px 3px -1px rgba(192,192,192,1); -moz-box-shadow: 0px 0px 3px -1px rgba(192,192,192,1); box-shadow: 0px 0px 3px -1px rgba(192,192,192,1);} .projekt_slider .closed_project{transform: rotate(-15deg);font-size:140%;font-family:AsapRegular,sans-serif;font-weight:normal;position:absolute;z-index:10;background:var(--white);color:var(--primary);top:0%;left:-15px;padding:0.25em;-webkit-box-shadow: 0px 0px 3px -1px rgba(192,192,192,1); -moz-box-shadow: 0px 0px 3px -1px rgba(192,192,192,1); box-shadow: 0px 0px 3px -1px rgba(192,192,192,1);} @media (min-width: 1200px) and (max-width: 1600px) { .projekt-teaser .closed_project{top:75%;} } @media (min-width: 768px) and (max-width: 1199px) { .projekt-teaser .closed_project{top:65%;} } @media (max-width: 767px) { .projekt-teaser .closed_project{transform: rotate(0deg);top: 0;left: 15px;} } /* * 27. MEMBER CARDS */ .idf-member-card .round-image{border:var(--light) 1px solid;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} .idf-member-card .social-links a, .idf-member-card .phone a, .idf-member-card .mobile a, .idf-member-card .homepage a, .idf-member-card .fax a, .idf-member-card .email a{color:var(--dark);} .idf-member-card .small-pos{font-size:90%;} .idf-member-card img[data-toggle=modal]:hover,.projekt-details img[data-toggle=modal]:hover{cursor:pointer;} /* .idf-member-card .small-pos{font-size:70%;} */ /* * 28. SGF */ .bio-public .bio{display:block!important;} .bio-public .contact-data{display:none;} /* * 29. KACHELN */ .themen-box .title{font-family:'awo_fago_officebold', sans-serif;font-weight:normal;} .themen-box .subtitle{font-size:80%;font-family:AsapRegular,sans-serif;font-weight:normal;} .themen-box .container{background: var(--gray-light);} .themen-box .container:hover{background: var(--white2);} .mod_newslist a[target="_blank"]:after{display:none!important;} /* * 30. TAG WIDGET */ .mod_tag_widget {display: none;background:var(--white);} .mod_tag_widget a{display:block;border:none;font-family: 'awo_fago_officeregular', sans-serif;font-weight: normal!important;font-style: normal;} .mod_tag_widget .tag-element:hover{background:var(--gray-light);} .tag_btn_toggle {margin-left: 220px;} .mod_tag_widget img{height:1.5em;width:auto;} .mod_tag_widget .fa{position:absolute;right:15px;color:var(--green6);} .mod_tag_widget .fa:before{font-size:1.5em;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);background:var(--white);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} .mod_tag_widget .tag-element{margin-bottom:1px;} /* * 31. TAG CLOUD */ .tagCloud{margin-bottom:1em;font-family: 'awo_fago_officeregular', sans-serif;font-weight: normal!important;font-style: normal;} /*.tagCloud{margin-bottom:1em;font-family: 'awo_fago_officebold', sans-serif;font-weight: normal!important;font-style: normal;}*/ .tagCloud .badge { /*font-size: 0.8em;*/ } /* * 32. MOBILE */ @media (max-width: 767px) { h1,h2,h3,h4,h5,h6{font-size:100%;} .display-4{font-size:120%;font-weight: 600;line-height:1;} .header-inside-block{display:none;} #header .inside.container{padding-top:0;} .fit-mobile-top-space {margin-top:0;} .full_width_article {margin: 0em -30px 0em -30px;} .swiper-redbox-container .swiper-content .headline .display-4, .swiper-redbox-container .swiper-content .content {font-size: 100%;} .swiper-redbox-container .content-box-inside {bottom: 25px;margin-left:15px;} .swiper-redbox-container {margin-bottom: 2em;} .swiper-redbox-container .swiper-slide{height:25vh!important;} .publikationen-details .swiper-slide {min-height: 25vh;} .boxed-article, #header #main-navigation {padding: 0;} #bottom, #footer .inside {padding:15px;} #header .header-inside-block, #header #navigation-block .navigation-element {padding-left:0;padding-right:0;} .dropdown-menu .row{padding:0!important;} .jumbotron .figure, .jumbotron img, .newslist-kachel-wrapper .figure, .newslist-kachel-wrapper img{width:100%;height:auto;} .newslist-kachel-wrapper .heading-block, .eventlist-kachel-wrapper .heading-block{font-size:75%;font-family:AsapRegular,sans-serif;font-weight:normal;} .standort-eigenschaften .badge{margin-bottom:0.25em;} .swiper-redbox-container .content{max-height:3em;overflow:hidden;} .nav.nav-tabs .nav-item {border: 1px solid var(--light);width: 100%;} .nav.nav-tabs .nav-link.active {background:var(--light);} #mob-home-logo{position:absolute;top:8px;right:6%;z-index:9990;width:150px;height:50px;} .swiper-redbox-container .btn{font-size:60%;padding: .35rem 0.5rem;} .swiper-button-next{right:25px;} .swiper-button-prev{left:25px;} .article-boxed.full_width_article .mod_article {padding-left:10px;padding-right:10px;} .publikationen-details .mod_article.boxed-article, .standort-details .mod_article.boxed-article, .projekt-details .mod_article.boxed-article {padding: 0 30px;} .event-kachel .headline .heading-block .heading {min-height: 0.5em;} .mod_catalogUniversalView sup::before {content: "\A";white-space: pre;} .themenfelder .tab-pane .picture{display:none;} } @media (max-width: 400px) { #container{font-size:100%;} } @media (max-width: 260px) { #mob-home-logo{display:none!important;} } @media (max-width: 1450px) { #navigation-block .mod_search{display:none;} } @media (min-width: 768px) and (max-width: 1050px) { #navigation-block .navbar-nav{font-size:80%;} .fit-mobile-top-space{margin-top:0px;} #container{font-size:100%;} } /*obsolet*/ @media (max-width: 1400px) { /*.full_width_article{padding-left:15px;padding-right:15px;}*/ } /* * 33. TABS */ .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: var(--dark);background-color: var(--white);border-color: rgba(var(--black-rgb), 0.125) rgba(var(--black-rgb), 0.125) var(--white);} .nav-tabs {border-bottom: 1px solid rgba(var(--black-rgb), 0.125);} .nav-tabs .nav-item a {color: var(--dark);} .nav-tabs .nav-link:hover {border-color: rgba(var(--black-rgb), 0.125) rgba(var(--black-rgb), 0.125) rgba(var(--black-rgb), 0.125);} .nav-tabs .nav-link:focus {border-color: rgba(var(--black-rgb), 0.125) rgba(var(--black-rgb), 0.125) var(--white);} .nav-tabs .nav-link:active{background: var(--white);} /* * 34. THEMENFELDER */ .themenfelder .tab-content .list-group,.themenfelder .nav-tabs .nav-item .nav-link{font-family:AsapRegular,sans-serif;font-weight:normal;} .themenfelder .nav-tabs .nav-item .nav-link .badge,.themenfelder .tab-content .list-group p,.themenfelder .subtitle,.themenfelder h3, .themenfelder .small-txt{font-size:80%;} .themenfelder .tab-content .list-group small{font-weight:bold;} .themenfelder h3{line-height: 1;-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap:break-word;} .themenfelder .subtitle br,.themenfelder .subtitle br:after{content:" ";} .themenfelder h3 .standort_typ{margin-top:0.3em;display: inline-block;font-size: 80%;} .themenfelder .nav-item span:hover{cursor:pointer;} .themengebiete-liste .headline .heading-block .heading { min-height: 1.5em; } /* * 35. BADGES */ .badge-plain {color: var(--dark);} .badge-white {color: var(--dark);background-color: var(--white);} /* * 36. LISTS */ .list-group-item:first-child {border-top-left-radius:0;border-top-right-radius:0;} .list-group-item:last-child {border-bottom-right-radius:0;border-bottom-left-radius:0;} .list-group-item-action:hover, .list-group-item-action:focus {color: var(--gray-dark);background-color: var(--gray11);} /* * 37. TIMELINE */ .roadmap.roadmap--orientation-horizontal .roadmap__events__event:after, .roadmap.roadmap--orientation-vertical .roadmap__events__event:after, .roadmap.roadmap--orientation-auto .roadmap__events__event:after, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:before, .roadmap.roadmap--orientation-auto .roadmap__events__event:before, .roadmap.roadmap--orientation-horizontal .roadmap__events:after, .roadmap.roadmap--orientation-vertical .roadmap__events:after, .roadmap.roadmap--orientation-auto .roadmap__events:after { background-color: var(--secondary); } .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(odd) .event__date, .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(even) .event__date { color:var(--primary); } .roadmap.roadmap--orientation-vertical .roadmap__events { max-width: 1080px; } /* * 38. HELPER */ .m-cut-10{margin:-10px!important;} .mt-cut-10{margin-top:-10px!important;} .mr-cut-10{margin-right:-10px!important;} .mb-cut-10{margin-bottom:-10px!important;} .ml-cut-10{margin-left:-10px!important;} .m-cut-15{margin:-15px!important;} .mt-cut-15{margin-top:-15px!important;} .mr-cut-15{margin-right:-15px!important;} .mb-cut-15{margin-bottom:-15px!important;} .ml-cut-15{margin-left:-15px!important;} .m-cut-20{margin:-20px!important;} .mt-cut-20{margin-top:-20px!important;} .mr-cut-20{margin-right:-20px!important;} .mb-cut-20{margin-bottom:-20px!important;} .ml-cut-20{margin-left:-20px!important;} .img-m-p-0 figure,.img-m-p-0 .figure-img {margin:0;padding:0;} .min-w-2{min-width:2em;} @media only screen and (max-width: 767px) { .hd-mob-block{display:block;} .mob-left{float:right;} } .img-gray{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url(../../files/AWO_Bezirksverband_Theme/css/desaturate.svg#greyscale);filter: gray;-webkit-filter: grayscale(1);} .idf-img-round{border: var(--light) 1px solid;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} /* * 39. AWO COUNTDOWN */ #von-herzen-countdown:before{ position:relative; top:-36px; left:-33px; margin-bottom:-80px; width: 80px; height: 80px; content:""; display:block; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2QjIwRTE2RTBBNzExRTc4QTUyQjcyMzhBQjUwODU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ2QjIwRTE3RTBBNzExRTc4QTUyQjcyMzhBQjUwODU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDZCMjBFMTRFMEE3MTFFNzhBNTJCNzIzOEFCNTA4NTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDZCMjBFMTVFMEE3MTFFNzhBNTJCNzIzOEFCNTA4NTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6uYvBXAAARaElEQVR42uxdCWwc1Rn+Z/Zerx07wY6PJMYxOUiAhBQKJlEiytGiCgotCoVylbZIJQW1ElVUVEUIURSUlCtVDyhVoQmEUgii3KFUVbmaQgOIozRcIXFMHDs+13vN0e8fv3FmxzOzs4dNEvKk33PvzHzz/ed7M5Z0XacjrfQmH4GgvBZ02zBQW1vwYElMdctUs8yby9ap2LcF0y/h+ONJ1+dgvhnSDqnjaxL751SiXsx/gvk30rr+QpboGf4dDVrDU9Uiupgq2KZYrs2p5ZJJql6xgloeeIC0vj7SFaXgvS5atKg4AMtpej5Y3GYGiE7AtAOyFDe3zABKAGEF21yWRi9uKpbnQE3OikvST8O6viNDdG+a6H6s79IOZgaWChz/pjwKEMtiyAnMLjYXeSA5gKe7LJv743fnRInWBiXpRgYypev3AMw3tQKMO+gBFIyJgmU3YnqpUFF3UCzgeQFnBU+3qCpaNEK0KiRJq3ADDyZ1fXWOaNfn4Q7lSqgqfuSHAO8DTFczeKZ90myiW+yXH9ZZmWo9xrB1Yj5GdHGtJH1YJUnrsLPkdF4nqVT0Ua4XDgO4hyC/tgNnt2mm8bevd9zPBWz7MXyu3OhyKE50PYB8B4ycbzo4LyEGsAIgBktlHpA/CsC9hNm5Tjfnpbae+9nU1u8xYv9j6yTpxRpZbgJIOd0jelDr60mNwqJq2uQzUBo98EUGT/UDhE/wtDLAY5WGQyF462kJot9E2FA6iSQZ03BDA2nxeNkABgvFeC6oP43JPLXSrHMBz9NbY/+cuC6wjwAJjej695RRs/KfcRcvYj59zhySfcR/JQOou4N3JyZf0woBIoCYCOBMzphBcwTAJZhVkOwBO8xBd4OdCPrICNHRR1Pw7LOJ9u6dXCeCizkLcp3mYfjt4GleTsXGVC+HYTcLWeEA4DhoqmBCWnhnkZ3UY/72nHA0pjDAekcHSbNnEw0PTyqAEYD3gNeNOoHnaudcYkIv72zEggyeYN00SEyAkrGldurovj/O6fqMHKu5Kfw7LS0kybh1SZo8AHGqh3EDR3nFcE5hiuaSD3vFhG7HZ8X+1bjxWrHOxjoreGaos0UR+yiqakxp5kySstmJjQP1fDkdcq7mxhKLpy2orj5iQvt6RYAXEo6iyoV1igDOtI0C2JPAujsN9c3lSAkGKdDaSpRKTR6AaL/yyhR8q2uBY8apqwBOhkxh1kH4glOWTMQKnCEObMR+10F9T83C6yq1tSQhhKkUgH4C6dMgC/yEKQWLAz48rSYA4WUE6pQQcZsknIBqAc7KZrf00bL9Lzj+GAqH03o4TCrYqCEGlCQpMXoaCajSWxUHEBe+USsQpviqqhQAWzmQ4RgOgtU1hGMCQl0VG8iqBTjNGzhTWlRZfkPt6/uq1tu7MzZjxhItmz03l8u1A0hYBukYyI+w66uYJisF4GU4cZtWJJP8gq1bgDFBCwoQNWHHsv7AGbdtHBvx+6okzUumUu+GenpWN06ffsJgJvODEGxiENLZ2cmM3IR7+6ssyxnIBzjsjnID6Z9PNHjcanBzEZOJIkzJY5pf4DzUma87Ay8ca26OV8+fv4GTuBqEM4FAwFDlUChEg4OD0wHc94eGhhAiDr8SiUR249DH8itp/gGcB5lbanJf6BhVnIcdQ1B4VDs4apGs87KDOYQtWixGi9asodYlS9g0yEBv1JMiJqyrq6MpU6YYy3uRoeDaOzKZzHoAzN7mZUhfUV4YJw271eR8ZRg+jkHib9i4lC30UOyxncXDKhbPOyb5YYujZMEyLh5Ut7VRwC0kAZAsjY2N1AJ2RqPRVrDzAouy+AcQF7VPNx6s7gs4K+u0AseYnT58I2mX0CMPPKd4r0DoYt0OR0EpqG8YDIsBnIKOEw+2urraUGvczzFYNa2UOLAaJ5f9qqtWoPqi2eI7WRQ1lQI3r9oY5wWsI/BgXhrqG5k2jdquuIISs2b5y7w4YK+qYkYuAAuXFu1EcLNVZlnLV4XEZ/WFLAAqbjbLov6lOhH2ujw/lE5TVX09nbRuHc2//HIK+cx/WZUZQNjAj8DgT0rxwglrb5cfZ+HHO5v78xMeFxg7hR8O4YnuEkznHQuVZa/bsnw5HbtqFc1fubKoAJk9MzwxZbPZWoD4dikAxq3qVgx4bmpMIjUjW2bhBzjNBloekA6s5HXDsH3Hn3pq0eCRuCa2nWj/xcNOF20DWYV1i/0pVHr309Nm2jxmn1asLbOxVbPZyTFwoXpZ5Ll9mYyxHG5uplK6jjg+jMVi+Dn5ONznklJsYLV54pzwmHKZMaFpCgKCiYr/NCyPeU7bdTwULlelR0aMWl/zsmU0beFCmnfRRSV1ukN1KZ1OI3mRNmKxJBtYnRfFc26Ki5RKGFFgLo89CFHYdASnuPz2gMBmKbhpfiiLr7+eTrzhBqpKJCggl9Zzq+JhDAwMBPG7A2BjVykAVukW5vDfjKjJ+Wafhakm+2SbOhbMYX14Xw5VRuBtQ7W1tOymm+j4q6+maCRSVpkK7OOHshsMfKmkXBgXFrdeJFnSr6BP8Owgm6o0LnyxeFe1SPAyUNmMqEzXIfhtO/30ssFLJpPU1dW1HwD+DOzbXmoxIWZ3EiSqIwXjQ48CQlFVFQ9byDIE8KobGqi5o4MaYfOa4HGrmprKAg/5L1dmkghh7gqHww9Ybr1IBup6zClt00TiHy6jgFCMrXMbY5PiECMYpNbzzqPld91F0VisIhXmETyUwcHBGNK4J6C+BXvdvRnoUpbn0EFmh+LhMHSH0pVqDqsohXVcz4Nh56pKitMzrDtr7VpacMklFQMvxeFPXx+HWS8gfOksq6CKC4+65bvmoJ6Qz45xiQ6MHpULl94dvbOqKIZ6mb/XsmABtZ1/PtXMnFkWaOy9mXWY9nZ3d8twHpsB3v3YtL/ckQmy5tIBboQkgoV+h2/khDdXSujT0HGTgwCv5cQTqWnpUpoK8FrPPJNq29vH0sJSm5FSwhwAvEdg97oA3n2Qj8su6ePCA7pLScoEIigYpRcYgmGOCghS/phmM5uwB8iKUFVF2NtgOEzNJ59Mp9x8M83hIRkVbGwWuAINu9caDAbXFwNecQy0eWRNgBIukIVYc17JIZOwOhRdsCENdQ1FoxStqaEEQpOeXbvohGuvrTh4JgMRtnCw/DeAt69ivXImA92qy9bMQvNgHwOUHu0+NAdDjsV9OahlWlXHWDoiYrlFV15JzStWUBiZRGLGDHr1ttsoctRRZQHlpuocMAse8Eiu/ooBqIuSvu5mlyyFBskFRElUnHNcuodKqkJlOPxQuMSO9dOhmlkYcS54cp9FNQBbtn69obZmO/OOOygYCJQFoCKGsnGVmfNcrvf19/dTT08PO6edWP5M4KFUioEhp0KpPZxRRHekEwPNogFnC0GL+qZwA7xt/lVX0cJrrjHYEUdAzDcZB9Os4HGLgpVljyDAQ+vt7TWqLAwcA8jsg/puwrrHwc4dxYJXsB7oZ7CQYlPjMfUVQ9BSuEhWxbaVK40y05R58wwWJnEzJ914IyXq6w8EsYjBIrB7lW78gOAkOD1j9n0AMLux+gXIDID3FMB7uOJDOwBefaEB4CTCkyCHMzZnI4lUSwdAy++7jxpPO41k5KhBOAcFoPLU3uJ1dRUFjgNjZhx72T179rCDeg1gXYtrfB+CWakPEp+QsTEAo961Z82W65oe1hoT8jIPXzx+1Sqadc45+Sd1AK/STRQEDHsnqsubAeafeOiG6X3NXScEQLdUTrNlHKYjCdnG+kmwZ9img3k6TfJLjQzYvn372Nb1AKh7IQsAHg/T2F7pc3kxMK2JfhG3sv1YPCgGAeVlHghRuG+1duHCCX0Li1MxWRRNjaG/YByPLBgYGGD13YJt60S1KzkR5/di4Mfa6Mt+jmOZrVlJzvJDJuA8HqLuuOOkKc3NE844dhCcz3KuzIACPAbreQC4GtfcN5Hn9mLgDn4l1Wk47rgRpMxA2JSwTbVDra15hdSJaJy57N6923QYSQAWgcreDtmM+f6JfnheDHwL8m2tQF+vNZyxVqq58Fozd+6EAsjMY1vH8RwAexKrHsV0HoSdxf8mw966AggGPY6bv0W3lZl0W1XYKUeWoEYAUK+ZP1+XK+xAuLPbDISZdTwP5q0BaL8U2eCkNi8VfgfA7NBG3yh3diAWtWY11kQ8qMAWRWIxvXHpUq0UD2ymXZw9WCvFLDwQkrczgADtM+zzexp9+WfSwSsUSPPkUfxd7afTXLX0uvWDgdHZs+W6WbNktzCDsxFzOJlThYQdAm/jeI6XuVLM6spOAqBxFsHOYRfkZktvAR1MDOTGr9avdusMstf82O7FBRUi9fV6EjdbJcuSG0CcJUQdgmoGjgFj8FRRrRHdq8lwOLwW8/wenPk+YYY+x+ZlA7m9C/kXQDpFp/FvF9m7PeECjYCLQ5jGlhYpByAYgICtksKek8FhG1aPVC8ej+epKif9XCXh/cC2tADqfvzOn3HuJ+kgaoUYyO0nAO1lx7fPafx7HRnx+mh1ezv1p9P6YHe31CLGIptpFYcdDCDbMpaGhgYDTN7GHpUBBAv/GYlE+Gf/LizDa5CDCjw/DOT2CqRTF99BsHce2QcP8dAP6KwSqql5CWCsyEAVhd0yGMXqy8k91u3ldzQQ9MbBOsksrwu7+G9su0x07PA4xc9E0ZMOGQBtHaIbANBap9e57PZRAUihSKQ33t6+Tcpk6nFMGxgVE16TgUth/hEwchN2Pxrb7wKwIZHcawDxj9jO23aKcw+JafaQAtDm1n6LG71FE/0kjgw0wWWGatquQDx+JxB7BMD8AexbgO0fcnYHcO7GOk7s+WXdKOaXA0weh/wchPO+9ZD36BBphcIYsw1AtgCgbznGhNYyVjhMyUzmk/3btnXWL1/eme7svBM6+RUA9Zj4rW0CPBJJ/ncgTSLZT5ZSFf48m9cAS7vc7Dh43D4Ohl9cIfrHroceIgW2TopE7sbq73JMCdkM+Wh81kh7xEM6pMDzBNBhtOgbuvntKnIfgc+AxkKhp7refps+e/ZZqpkzh79NlTpYbdhkAsjyC3tfsUPJ/3UpFPqIl9+79VZKd3dTMJGgw7UVo8IsL+qjIY1jOCPm72EWxhG27AIL9zz9NFXNmmUMz/hCAWgGuXZBGHKvZvG49johjX4SBVHbaNi26+GHKRCLkczLh+HHHl0B5Ld7nATZxe84a8hAjH5VSJqziNGR9+8Cok9NhiL4o0+3bqWPN26keFMTHY7fynQNYxbfc09+AQBgMEiBdHrPjg0btmS7ui6gqiqqmT2b+j79lPbu3MkAPc+Zvdk/wk+He+aevewy+sZzzxkF1uzAwGHFRFcAmy68MN8mIs2KA7CGaPTo6YsXN2a2b6cEPCwPMXt70yZ6Yc0amrpo0RM8YjTNgxTHDtQoOzxMg++/T1UzZpCEMEdXlMMfwNTOneNs4tSZM08aGR7e2NrRMS/c0TG27cSrrzb6eqeecUZb/ZIl1AvAAuK7LJIYQzjS2Um5wcGKfa/lYGmS23f03nzzzQPsA4vC4XBdIpF4afr06cdGXTrGe/bv393d1fX1TDb7DlI29XCydW7fUPVVbmcAka8mANyw7PHiCvabWlNTUw+wA9phGraUBCBAkzKZzJcxbQmHnatKzORoOByHil4K8KrpC9L8dvggpY3EVVVtVlwcANu6bDarDg4O9mAfXZblIwBa9wMoPWDhM7lczisGyYCJD05Gh/ahpsIqAHwdsnl4eFhK2T6bZI6/GxgY2IHgul926Eg6XJvfb6iySvYODQ0hihleV1tb+83m5uZ249ObUOlkMrln3759z0PFt2I/LtWrRwAc7yQYlEfhILaCbV0jIyMXw6EMQKXfx7oaMG8Nj3IHeCP0BWpFfcWXmQXpB+tuh8PYBFWeheVPAG61eKc2S1+wJh35dxjltf8LMAB0kpOhs1J9XQAAAABJRU5ErkJggg=='); } #von-herzen-countdown{background:var(--primary);padding:10px;} #von-herzen-countdown .inside{background:var(--green4);padding:1em;color:var(--white);text-align:center;font-family:'awo_fago_officebold', sans-serif;font-weight:normal; font-style: normal; font-size:1.4rem;} #von-herzen-countdown .inside .days{ color:var(--yellow); } /* * 40. SOCIAL FEED */ .social_feed_container a[target="_blank"]:after { display:none!important; } .social_feed_element .inner { background: var(--gray-light); border-top: 5px solid var(--light); } /* * 41. Usercentrics Consent Management */ .uc-embedding-container { overflow: hidden!important; } path#speechbubble { fill: var(--white)!important; } circle#bto-path-1,circle#ico_button_close-b { fill: var(--primary)!important; } path#fingerprint { fill: var(--dark)!important; } #Capa_1 path{ fill: var(--dark)!important; } .usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button { background-color: var(--primary)!important; } .usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header { background: var(--primary)!important; } .usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs { background-color: var(--primary)!important; } .uc-dropdown-menu.lan-opened{ background:var(--white)!important; } .uc-header-subtitle-text, .uc-header-title, .usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button, .usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a, .usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a.uc-active, .usercentrics-button.layout-1 .uc-dropdown .uc-dropdown-toggle .uc-dropdown-arrow { color: var(--white)!important; } .usercentrics-button .uc-nav-tabs .uc-nav-link.uc-active, .usercentrics-button .uc-nav-tabs .uc-nav-link.uc-active:focus { border-bottom: 2px solid #333333!important; } #uc-banner-centered .uc-banner-content{background-color:var(--dark)!important;}/*bad ass dosnt work :(*/ .uc-btn-new.uc-btn-accept{background-color:var(--green)!important;} .uc-embedding-container img{background-color:var(--light);} /*.ce_youtube .uc-embedding-container{top:-56.25vh;}*/ .job-map .uc-embedding-container img, .standort-map .uc-embedding-container img, .event-map .uc-embedding-container img{display:none;} /*.standort-map .uc-embedding-container{background-color:var(--light);}*/ /*old*.usercentrics-button .uc-privacy-button-wrapper{height:45px!important;width:45px!important;}*/ @media(max-width: 640px){ .usercentrics-button .uc-privacy-button-wrapper{height:45px!important;width:45px!important;} } /*uc v2*/ /*there are several possibilities, but all of them are limited. No powerful enough way to outside styling as ::shadow were.*/ .fyHocA{height:45px!important;width:45px!important;left:20px!important;background:var(--primary)!important;} div#usercentrics-root::data-testid(uc-privacy-button) {height:45px!important;width:45px!important;left:20px!important;background:var(--primary)!important;} /* * 42. Ausstellungen */ .austellung-info { position: absolute; left: 15px; top: 15px; } .austellung-info-strip{ min-width: 195px; background: var(--primary); color: var(--white); font-size: 80%; padding: 5px 1.2em; margin-bottom: 5px; } .austellung-info-strip.gray{ background: var(--secondary); } .austellung-info-strip.dark{ background: var(--dark); } /* * */ .kurs-flag { width: 50px; height: 50px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent var(--primary) transparent; position: absolute; right: 0; bottom: 0; } .kurs-flag.red{border-color: transparent transparent var(--success) transparent;} .kurs-flag.light{border-color: transparent transparent var(--light) transparent;color:var(--dark)!important;} .kurs-flag.green{border-color: transparent transparent var(--green) transparent;} .kurs-flag.orange{border-color: transparent transparent var(--warning) transparent;} .kurs-flag.gray{border-color: transparent transparent var(--gray) transparent;} .kurs-flag.purple{border-color: transparent transparent var(--purple) transparent;} .kurs-flag .icon{margin-top:25px;margin-left:-25px;color:var(--white);} /* * 44. Corona Ampel */ .container-ampel .css-ampel {display: inline-block;width: 20px;height: 60px;border-radius: 6px;position: relative;background-color: black;zoom: 1.7;} .container-ampel .css-ampel span,.container-ampel .css-ampel:before,.container-ampel .css-ampel:after {content: "";color: white;position: absolute;border-radius: 15px;width: 12px;height: 12px;left: 4px;} .container-ampel .css-ampel:before {top: 6px;background-color: #E41913;background-color: dimgrey;} .container-ampel .css-ampel:after {top: 24px;background-color: yellow;background-color: dimgrey;} .container-ampel .css-ampel span {top: 42px;background-color: green;background-color: dimgrey;} .container-ampel .ampelrot:before {background-color: #E41913;box-shadow: 0 0 20px #E41913;} .container-ampel .ampelgelb:after {background-color: yellow;box-shadow: 0 0 20px yellow;} .container-ampel .ampelgruen span {background-color: limegreen;box-shadow: 0 0 20px limegreen;} .container-ampel .landkreis{} /* * 45. Bubbles */ #awo-struktur-bubble .node {cursor: pointer;} #awo-struktur-bubble .node:hover {stroke: #000;stroke-width: 1.5px;} #awo-struktur-bubble .node--leaf {fill: white;} #awo-struktur-bubble .label{font-size:11px;text-anchor: middle;text-shadow: 0 0.1em 0 #fff, 0.1em 0 0 #fff, -0.1em 0 0 #fff, 0 -0.1em 0 #fff;} #awo-struktur-bubble .label,#awo-struktur-bubble .node--root,#awo-struktur-bubble .node--leaf {pointer-events: none;} #awo-struktur-bubble .meter-background {fill: #E41913;} #awo-struktur-bubble .meter-foreground {fill: #2E7AF9;} #awo-struktur-bubble{background:#ffffff;margin:0 auto;width:100%;text-align:center;} .CTA-jumbotron h4{line-height: 1;} @media (min-width: 576px) { .CTA-jumbotron{padding-top: 2rem;padding-bottom: 1rem;} } /* * 46. Bedienhilfen */ /*sprachwechsel*/ #lang_sel{position:fixed;bottom:350px;left:50px;width:45px;z-index:9999992;} @media(max-width: 768px){ #lang_sel{bottom:345px;left:24px;width:44px;} } #lang_sel .lang_icon{max-width:100%;height:auto;} #lang_sel a{display:block;background:#333399;padding:10px;border-radius:50%;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);} #lang_sel a.lang-de_ls:after { content: '\00a9'; display: block; top: 0px; left: 28px; position: absolute; height: 10px; width: 10px; z-index: 9999; color:var(--white); font-size: 14px; } #lang_sel a.lang-de_ls:hover:after { content: 'Inclusion Europe'; color:var(--white); font-size: 10px; background:#333399; width:auto; height:auto; padding:5px; } /*fontsize_ls*/ #fontsize_ls{position:fixed;bottom:195px;left:50px;width:45px;z-index:9999992;} #fontsize_ls .lang_icon{max-width:100%;height:auto;} #fontsize_ls a{margin-bottom:20px;display:block;background:var(--primary);padding:10px;border-radius:50%;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);} #fontsize_ls a:hover{cursor:pointer;} @media(max-width: 768px){ #fontsize_ls{bottom:195px;left:24px;width:44px;} } /*help nav*/ #help_ls{position:fixed;bottom:149px;left:50px;width:45px;z-index:9999992;} #help_ls .lang_icon{max-width:100%;height:auto;} #help_ls a{display:block;background:var(--primary);padding:10px;border-radius:50%;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);} @media(max-width: 768px){ #help_ls{bottom:149px;left:24px;width:44px;} } /* * 47. Jobportal Batch */ #mutig-batch .button{ transform-origin: 0 0; transform: rotate(90deg); width:150px; margin-right:-150px; text-align:center; padding:5px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background:var(--primary); color:var(--white); transition-delay: 5ms; transition-duration: 500ms; } #mutig-batch .button:hover{ cursor:pointer; background:var(--light); color:var(--primary); } #mutig-batch{ position:fixed; top:25vh; right:0px; background:var(--primary); color:var(--white); z-index:9999; } #mutig-batch .content{ padding:5px 25px; min-height:200px; transition-delay: 25ms; transition-duration: 500ms; background:var(--primary); max-width: 220px; } .mutig-batch-d-content{ display:none; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 10, 2014 */ @font-face { font-family: 'awo_fago_condbold'; src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagocondbold-webfont.eot'); src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagocondbold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagocondbold-webfont.woff2') format('woff2'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagocondbold-webfont.woff') format('woff'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagocondbold-webfont.ttf') format('truetype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagocondbold-webfont.svg#awo_fago_condbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'awo_fago_officeitalic'; src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficeitalic-webfont.eot'); src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficeitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficeitalic-webfont.woff2') format('woff2'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficeitalic-webfont.woff') format('woff'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficeitalic-webfont.ttf') format('truetype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficeitalic-webfont.svg#awo_fago_officeitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'awo_fago_officebold'; src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficebold-webfont.eot'); src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficebold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficebold-webfont.woff2') format('woff2'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficebold-webfont.woff') format('woff'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficebold-webfont.ttf') format('truetype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoofficebold-webfont.svg#awo_fago_officebold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'awo_fago_officeregular'; src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagooffice-webfont.eot'); src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagooffice-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagooffice-webfont.woff2') format('woff2'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagooffice-webfont.woff') format('woff'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagooffice-webfont.ttf') format('truetype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagooffice-webfont.svg#awo_fago_officeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'awo_fago_conditalic'; src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoconditalic-webfont.eot'); src: url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoconditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoconditalic-webfont.woff2') format('woff2'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoconditalic-webfont.woff') format('woff'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoconditalic-webfont.ttf') format('truetype'), url('../../files/AWO_Bezirksverband_Theme/fonts/AWOFago/awofagoconditalic-webfont.svg#awo_fago_conditalic') format('svg'); font-weight: normal; font-style: normal; } /* * IE Fix */ .ie .singleAccordion.accordion-box .collapsed, .ie .singleAccordion.accordion-box .collapse { border-bottom: #dcdcdc 1px solid!important; } .ie .text-gray{color:#8c8c8c!important;} .ie a:hover, .ie a:active {color:#343a40!important;} .ie .ctlg_view_message { color: var(--cyan3)!important; background-color: #d1ecf1!important; border-color: #bee5eb!important; } .ie .page-item:last-child .page-link { border-top-right-radius: 0px!important; border-bottom-right-radius: 0px!important; } .ie .page-item:first-child .page-link { border-top-left-radius: 0px!important; border-bottom-left-radius: 0px!important; } .ie .grad-cover { background: -webkit-linear-gradient(#ffffff 30%, #dcdcdc) no-repeat fixed 0% 0% / cover!important; background: -o-linear-gradient(#ffffff 30%, #dcdcdc) no-repeat fixed 0% 0% / cover!important; background: -moz-linear-gradient(#ffffff 30%, #dcdcdc) no-repeat fixed 0% 0% / cover!important; background: -ms-linear-gradient(#ffffff 30%, #dcdcdc) no-repeat fixed 0% 0% / cover!important; background: linear-gradient(#ffffff 30%, #dcdcdc) no-repeat fixed 0% 0% / cover!important; } .ie blockquote:before, .ie blockquote:after{color:#E41913!important;} .ie html {background: #ffffff!important;} .ie h1,.ie .h1{color:#E41913!important;} .ie h2,.ie .h2{color:#E41913!important;} .ie h3,.ie .h3{color:#5a5a5a!important;} .ie h4,.ie .h4{color:#545b62!important;} .ie h5,.ie .h5{color:#545b62!important;} .ie h6,.ie .h6{color:#545b62!important;} .ie em {font-family:'awo_fago_officeregular',AsapRegular, sans-serif!important;} .ie .figure-caption{color:#343a40!important;} .ie .cookiebar {background-color: #dcdcdc!important;color: #5a5a5a!important;} .ie .cookiebar a {color: #5a5a5a!important;} .ie .cookiebar--active {display: block !important;} .ie .cookiebar__button {border-color: #5a5a5a!important;border-radius: 0px!important;background-color: #dcdcdc!important;color: #5a5a5a!important;} .ie .cookiebar__button:hover {background-color: #5a5a5a!important;color: #dcdcdc!important;} .ie .no-touch .idf-nav-container .idf-dot {background-color: #343a40!important;} .ie .bg-white .jumbotron{background-color: #ffffff!important;} .ie .partner-logo{border:rgba(220,220,220,.125) 1px solid!important;} .ie .text-left.ce_headline .headline-underline:after{background-color: #E41913!important;} .ie .text-center.ce_headline .headline-underline:after{background-color: #E41913!important;} .ie #header {background:#ffffff!important;} .ie #header a.social-link{color:#8c8c8c!important;} .ie #navigation-block {background: #343a40!important;border-bottom: solid 0.65rem #E41913!important;} .ie #footer {background: rgba(220,220,220,.125)!important;} .ie .fontawesome-icon-list .fa.fa-contao:before{color:var(--orange)!important;} .ie #bottom {background: #ffffff!important;color: var(--black)!important;} .ie #top-help-navigation {background: rgba(220,220,220,.125)!important;color: #343a40!important;} .ie #top-help-navigation a {color: #343a40!important;} .ie #bottom a {color: var(--black)!important;} .ie #gotop a:hover{color:#E41913!important;} .ie .navbar {border-bottom:none #ffffff!important;} .ie .navbar-nav a{color:#ffffff!important;} .ie .navbar-nav a.dropdown-item{color:#E41913!important;} .ie .dropdown-item.active, .ie .dropdown-item:active, .ie .dropdown-item:hover, .ie .dropdown-item:focus {background-color: #E41913!important;color:#ffffff!important;} .ie #nav-stick .navbar-toggler {background-color: #E41913 !important;} .ie #nav-stick .navbar-toggler:focus {background-color: #E41913 !important;} .ie #nav-stick .nav-item.active{color:#ffffff!important;background:#E41913!important;} .ie #nav-stick .nav-item:hover, .ie .nav-item:active, .ie .nav-item.trail {background:#E41913!important;} .ie .mod_newsarchive {background:#dcdcdc!important;} .ie .mod_newsreader .comment_bs {background:#dcdcdc!important;} .ie .mod_newsreader .reply {background:#ffeeba!important;} .ie .nl2go-form button{color: #ffffff!important;background-color: #E41913!important;border-color: #E41913!important;border-radius: 0px!important;} .ie a.btn.btn-outline-primary{color:#E41913!important;} .ie a.btn.btn-outline-primary:hover{color:#ffffff!important;} .ie a.btn.btn-outline-light{color:#dcdcdc!important;} .ie a.btn.btn-outline-light:hover{color:var(--black)!important;} .ie a.btn.btn-outline-secondary{color:#8c8c8c!important;} .ie a.btn.btn-outline-secondary:hover{color:#dcdcdc!important;} .ie .page-item .page-link {background:#343a40!important; color:#ffffff!important;} .ie .page-item .active, .ie .page-item .page-link:hover {background:#dcdcdc!important; color:#343a40!important;} .ie .page-link:focus {box-shadow: 0 0 0 0.2rem rgba(255,255,255, 0.5)!important;} .ie .btn-primary {color: #ffffff!important;background-color: #E41913!important;border-color: #E41913!important;} .ie .btn-primary:hover {color: #ffffff!important;background-color: #343a40!important;border-color: #343a40!important;} .ie .btn-primary:focus, .ie .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgba(255,255,255, 0.5)!important;} .ie .btn-primary.disabled, .ie .btn-primary:disabled {color: #ffffff!important;background-color: #343a40!important;border-color: #343a40!important;} .ie .btn-primary:not(:disabled):not(.disabled):active, .ie .btn-primary:not(:disabled):not(.disabled).active, .ie .show > .btn-primary.dropdown-toggle {color: #ffffff!important;background-color: #343a40!important;border-color: #343a40!important;} .ie .btn-primary:not(:disabled):not(.disabled):active:focus, .ie .btn-primary:not(:disabled):not(.disabled).active:focus, .ie .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255,255,255, 0.5)!important;} .ie .btn-outline-dark {color: #ffffff!important;border-color: #343a40!important;} .ie .btn-outline-dark:hover {color: #ffffff!important;background-color: #343a40!important;border-color: #343a40!important;} .ie .btn-outline-dark:focus, .ie .btn-outline-dark.focus {box-shadow: 0 0 0 0.2rem rgba(52,58,64, 0.5)!important;} .ie .btn-outline-dark.disabled, .ie .btn-outline-dark:disabled {color: #343a40!important;} .ie .btn-outline-dark:not(:disabled):not(.disabled):active, .ie .btn-outline-dark:not(:disabled):not(.disabled).active, .ie .show > .btn-outline-dark.dropdown-toggle { color: #ffffff!important;background-color: #343a40!important;border-color: #343a40!important;} .ie .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .ie .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .ie .show > .btn-outline-dark.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(52,58,64, 0.5)!important;} .ie .btn-outline-success {color: #343a40!important;border-color: #8dcaae!important;} .ie .btn-outline-success:hover {color: #343a40!important;background-color: #8dcaae!important;border-color: #8dcaae!important;} .ie .btn-outline-success:focus, .ie .btn-outline-success.focus {box-shadow: 0 0 0 0.2rem rgba(141,202,174, 0.5)!important;} .ie .btn-outline-success.disabled, .ie .btn-outline-success:disabled {color: #8c8c8c!important;} .ie .btn-outline-success:not(:disabled):not(.disabled):active, .ie .btn-outline-success:not(:disabled):not(.disabled).active, .ie .show > .btn-outline-success.dropdown-toggle {color: #ffffff!important;background-color: #8dcaae!important;border-color: #8dcaae!important;} .ie .btn-outline-success:not(:disabled):not(.disabled):active:focus, .ie .btn-outline-success:not(:disabled):not(.disabled).active:focus, .ie .show > .btn-outline-success.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(141,202,174, 0.5)!important;} .ie .timeline:after{color:rgb(255,255,255)!important;background: rgb(255,255,255)!important;background: linear-gradient(190deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,1) 100%)!important;} .ie .timeline h3{font-weight: lighter!important;background: #E41913!important;} .ie .timeline p, .ie .timeline time{color: #343a40} .ie .timeline::before{border-left: 2px dashed #E41913!important;} .ie .timeline-content{background: rgba(220,220,220,.125)!important;border: 0px solid #E41913!important;border-radius: 0 0 0px 0px!important;box-shadow: 0px 3px 10px 0px #dcdcdc!important;} .ie .timeline-nodes:nth-child(odd) .timeline-content::after{border-left: 10px solid #E41913!important;} .ie .timeline-nodes:nth-child(even) .timeline-content::after{border-right: 10px solid #E41913!important;} .ie .timeline-image::before{border: 2px dashed #E41913!important;background-color:#ffffff!important;} @media (max-width: 767px) { .ie .timeline::before{border-left: 2px dashed #E41913!important;} .ie .timeline-nodes:nth-child(odd) .timeline-content::after{border-right: 10px solid #E41913!important;} .ie .timeline-nodes:nth-child(even) .timeline-content::after{border-right: 10px solid #E41913!important;} } .ie .hover-container .overlay {background-color: rgb(140,140,140)!important;background-color: rgba(140,140,140,0.75)!important;} .ie .swiper-redbox-container .content-box-inside .btn-outline-light{border-color: #ffffff!important;color:#ffffff!important;} .ie .swiper-redbox-container .content-box-inside .btn-outline-light:hover{background-color: #ffffff!important;color:#E41913!important;} .ie #head_search_submit input[type="search"]{background-color:#32383e!important;color:#ffffff!important;border-bottom:#ffffff 0.02em solid!important;} .ie .newslist-kachel-wrapper .inside .headline1{background:#E41913!important;} .ie .newslist-kachel-wrapper .inside .headline2{background:#495057!important;} .ie .newslist-kachel-wrapper .inside .headline3{background:#8c8c8c!important;} .ie .newslist-kachel-wrapper .inside .headline4{background:#545b62!important;} .ie .newslist-kachel-wrapper .inside .headline5{background:#5a5a5a!important;} .ie .newslist-kachel-wrapper .inside .headline6{background:#4e555b!important;} .ie .newslist-kachel-wrapper .inside .headline7{background:#818182!important;} .ie .newslist-kachel-wrapper .inside .headline8{background:#686868!important;} .ie .newslist-kachel-wrapper .inside .headline9{background:#383d41!important;} .ie .newslist-kachel-wrapper .inside .headline10{background:#1b1e21!important;} .ie .newslist-kachel-wrapper .inside .headline11{background:#23272b!important;} .ie .newslist-kachel-wrapper .inside .headline12{background:#16181b!important;} .ie .news-kachel .headline, .ie .news-kachel .headline a{color:#ffffff!important;} .ie .eventlist-kachel-wrapper .inside .headline1{background:#E41913!important;} .ie .eventlist-kachel-wrapper .inside .headline2{background:#495057!important;} .ie .eventlist-kachel-wrapper .inside .headline3{background:#8c8c8c!important;} .ie .eventlist-kachel-wrapper .inside .headline4{background:#545b62!important;} .ie .eventlist-kachel-wrapper .inside .headline5{background:#5a5a5a!important;} .ie .eventlist-kachel-wrapper .inside .headline6{background:#4e555b!important;} .ie .eventlist-kachel-wrapper .inside .headline7{background:#818182!important;} .ie .eventlist-kachel-wrapper .inside .headline8{background:#686868!important;} .ie .eventlist-kachel-wrapper .inside .headline9{background:#383d41!important;} .ie .eventlist-kachel-wrapper .inside .headline10{background:#1b1e21!important;} .ie .eventlist-kachel-wrapper .inside .headline11{background:#23272b!important;} .ie .eventlist-kachel-wrapper .inside .headline12{background:#16181b!important;} .ie .event-kachel .headline, .ie .event-kachel .headline a{color:#ffffff!important;} .ie .standort-details .accordion-box .accordion-heading, .ie .standort-info.border-top{border-top:#dcdcdc 1px solid!important;} .ie .standort-details .round-image{border:#dcdcdc 1px solid!important;} .ie .standort-details .social-links a, .ie .standort-details .phone a, .ie .standort-details .mobile a, .ie .standort-details .homepage a, .ie .standort-details .fax a, .ie .standort-details .email a{color:#343a40!important;} .ie .mod_search .relevance{font-family:'awo_fago_officeregular',AsapRegular, sans-serif!important;} .ie .tree-view .ges-title{color:#E41913!important;} .ie #nav-stick-login .dropdown-item:hover, .ie #nav-stick-login a:focus, .ie #nav-stick-login .dropdown-item.active, .ie #nav-stick-login .dropdown-item:link{color:#343a40!important;background:rgba(220,220,220,.125)!important;} .ie #nav-stick-login .dropdown-item.active:before{margin-left:-0.6em!important;color:rgba(0,0,0, 0.15)!important;} .ie #nav-stick-login .dropdown-menu {color: #212529!important;background-color: #ffffff!important;border: 0.01em solid rgba(0,0,0, 0.15)!important;} .ie .page-mein-awo .alert.alert-info:before{background-color: #d1ecf1!important;border:1px solid #bee5eb!important;} .ie #telefonbuch_liste .round-image{border:#dcdcdc 1px solid!important;} .ie #telefonbuch_liste .contact-box a{color:#343a40!important;} .ie #telefonbuch_liste .tstamp{color:#8c8c8c!important;} .ie #telefonbuch_liste .form-text{color:#8c8c8c!important;} .ie .qq-upload-button {background: #8c8c8c!important;border-bottom: 0px solid #ffffff!important;} .ie #avatar-box .btn-dark{color: #ffffff!important;} .ie #avatar-box .round-image, .ie #avatar-box .avatar img{border:#dcdcdc 1px solid!important;} .ie #avatar-box .jcrop-holder{background-color:#ffffff!important;} .ie .publikationen-liste .inside .headline1{background:#E41913!important;} .ie .publikationen-liste .inside .headline2{background:#495057!important;} .ie .publikationen-liste .inside .headline3{background:#8c8c8c!important;} .ie .publikationen-liste .inside .headline4{background:#545b62!important;} .ie .publikationen-liste .inside .headline5{background:#5a5a5a!important;} .ie .publikationen-liste .inside .headline6{background:#4e555b!important;} .ie .publikationen-liste .inside .headline7{background:#818182!important;} .ie .publikationen-liste .inside .headline8{background:#686868!important;} .ie .publikationen-liste .inside .headline9{background:#383d41!important;} .ie .publikationen-liste .inside .headline10{background:#1b1e21!important;} .ie .publikationen-liste .inside .headline11{background:#23272b!important;} .ie .publikationen-liste .inside .headline12{background:#16181b!important;} .ie #support-container{background:#dcdcdc!important;} .ie #show-support-container{background:#E41913!important;color:#ffffff!important;} .ie #hide-support-container .fa{color:#E41913!important;} .ie .orgchart .node .title {background-color:#E41913!important;} .ie .orgchart .lines .downLine {background-color:rgba(228,25,19, 1)!important;} .ie .orgchart .lines .leftLine {border-left: 1px solid rgba(228,25,19, 1)!important;} .ie .orgchart .lines .rightLine {border-right: 1px solid rgba(228,25,19, 1)!important;} .ie .orgchart .lines .topLine{border-top: 2px solid rgba(228,25,19, 1)!important;} .ie .orgchart .verticalNodes>td::before{border: 1px solid rgba(228,25,19, 1)!important;} .ie .orgchart .node .content {border: 1px solid #E41913!important;} .ie .orgchart .top-node2:before{color:#E41913!important;background:#E41913!important;} .ie .orgchart .top-node3:before{color:#E41913!important;background:#E41913!important;} .ie .projekt-details .round-image{border:#dcdcdc 1px solid!important;} .ie .projekt-details .social-links a, .ie .projekt-details .phone a, .ie .projekt-details .mobile a, .ie .projekt-details .homepage a, .ie .projekt-details .fax a, .ie .projekt-details .email a{color:#343a40!important;} .ie .projekt-details .small-pos{font-size:90%!important;} .ie .projekt-details .accordion-box .list-group-item a{color: #5a5a5a!important;} .ie .projekt-details .accordion-box .accordion-heading, .ie .standort-info.border-top {border-top: #dcdcdc 1px solid!important;} .ie .projekt-teaser .closed_project{background:#E41913!important;color:#ffffff!important;} .ie .projekt_slider .closed_project{background:#ffffff!important;color:#E41913!important;} .ie .idf-member-card .round-image{border:#dcdcdc 1px solid!important;} .ie .idf-member-card .social-links a, .ie .idf-member-card .phone a, .ie .idf-member-card .mobile a, .ie .idf-member-card .homepage a, .ie .idf-member-card .fax a, .ie .idf-member-card .email a{color:#343a40!important;} .ie .themen-box .container{background: rgba(220,220,220,.125)!important;} .ie .themen-box .container:hover{background: var(--white2)!important;} .ie .mod_tag_widget {background:#ffffff!important;} .ie .mod_tag_widget .tag-element:hover{background:rgba(220,220,220,.125)!important;} .ie .mod_tag_widget .fa{color:var(--green6)!important;} .ie .mod_tag_widget .fa:before{background:#ffffff!important;} @media (max-width: 767px) { .ie .nav.nav-tabs .nav-item {border: 1px solid #dcdcdc!important;} .ie .nav.nav-tabs .nav-link.active {background:#dcdcdc!important;} } .ie .nav-tabs .nav-item.show .nav-link, .ie .nav-tabs .nav-link.active {color: #343a40!important;background-color: #ffffff!important;border-color: rgba(0,0,0, 0.125) rgba(0,0,0, 0.125) #ffffff!important;} .ie .nav-tabs {border-bottom: 1px solid rgba(0,0,0, 0.125)!important;} .ie .nav-tabs .nav-item a {color: #343a40!important;} .ie .nav-tabs .nav-link:hover {border-color: rgba(0,0,0, 0.125) rgba(0,0,0, 0.125) rgba(0,0,0, 0.125)!important;} .ie .nav-tabs .nav-link:focus {border-color: rgba(0,0,0, 0.125) rgba(0,0,0, 0.125) #ffffff!important;} .ie .nav-tabs .nav-link:active{background: #ffffff!important;} .ie .badge-plain {color: #343a40!important;} .ie .badge-white {color: #343a40!important;background-color: #ffffff!important;} .ie .list-group-item-action:hover, .ie .list-group-item-action:focus {color: #5a5a5a!important;background-color: #d6d8d9!important;} .ie .roadmap.roadmap--orientation-horizontal .roadmap__events__event:after, .ie .roadmap.roadmap--orientation-vertical .roadmap__events__event:after, .ie .roadmap.roadmap--orientation-auto .roadmap__events__event:after, .ie .roadmap.roadmap--orientation-horizontal .roadmap__events__event:before, .ie .roadmap.roadmap--orientation-vertical .roadmap__events__event:before, .ie .roadmap.roadmap--orientation-auto .roadmap__events__event:before, .ie .roadmap.roadmap--orientation-horizontal .roadmap__events:after, .ie .roadmap.roadmap--orientation-vertical .roadmap__events:after, .ie .roadmap.roadmap--orientation-auto .roadmap__events:after { background-color: #8c8c8c!important;} .ie .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(odd) .event__date, .ie .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(even) .event__date { color:#E41913!important;} .ie .idf-img-round{border: #dcdcdc 1px solid!important;} .ie #von-herzen-countdown{background:#E41913!important;} .ie #von-herzen-countdown .inside{background:#155724!important;color:#ffffff!important;} .ie #von-herzen-countdown .inside .days{color:#ffc107!important;} .ie .social_feed_element .inner {background: rgba(220,220,220,.125)!important;border-top: 5px solid #dcdcdc!important;} .ie .bg-light{background:#dcdcdc!important;} .ie .bg-primary{background:#E41913!important;} .ie .text-primary{color:#E41913!important;} .ie .swiper-redbox-container .swiper-content{display:none!important;} .ie .jumbotron{background:#dcdcdc!important;} .ie #footer:after{z-index:9999;content:"Sie verwenden einen stark veralteten Browser. Dies kann zu Fehlern in der Darstellung führen. Sie benötigen mindestens Microsoft Edge oder einen alternativen Browser (Bspw. Chrome oder Firefox), um diese Website fehlerfrei darzustellen."!important;position:fixed!important;bottom:0!important;background:#E41913!important;color:#ffffff!important;width:100%!important;padding:0.5em!important;}