html {
scroll-padding-top: 120px;
}
body {
font-family: museo-sans, sans-serif;;
font-size: 16px;
color: #000000;
padding-top: 120px;
font-display: swap;
}
.carousel-item-fullscreen {
padding-top: 120px;
height: calc(100vh - 120px);
}
.carousel-caption-align-center {
height: calc(100vh - 120px);
/* top: calc(50% + 120px);
bottom: 120px; */
}
.inhalt {
/* padding: 30px 0px; */
}
.inhaltOTeaser {
/* padding: 30px 0px; */
}
.zcms-content {
}
.freeprivacypolicy-com---palette-light .cc-nb-okagree:focus,
.freeprivacypolicy-com---palette-light .cc-nb-reject:focus,
.freeprivacypolicy-com---palette-light .cc-nb-changep:focus,
.freeprivacypolicy-com---palette-light .cc-cp-foot-save:focus {
box-shadow: none !important;
}
.freeprivacypolicy-com---pc-dialog {
border: 1rem solid #ffffff;
}
.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb {
max-width: 1000px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.freeprivacypolicy-com---palette-light .cc-nb-text a:focus {
box-shadow: none !important;
}
.freeprivacypolicy-com---palette-light .cc-nb-okagree,
.freeprivacypolicy-com---palette-light .cc-nb-reject,
.freeprivacypolicy-com---palette-light .cc-cp-foot-save {
color: #ffffff !important;
background-color: #48b5cd !important;
}
.freeprivacypolicy-com---palette-light .cc-cp-body-tabs,
.freeprivacypolicy-com---pc-dialog .cc-cp-body-tabs-item,
.freeprivacypolicy-com---palette-light .cc-cp-body-content {
background-color: #ffffff !important;
color: #000000 !important;
}
.freeprivacypolicy-com---palette-light .cc-cp-body-tabs-item-link {
color: #000000 !important;
}
.freeprivacypolicy-com---palette-light .cc-pc-head-close:active, .freeprivacypolicy-com---palette-light .cc-pc-head-close:focus {
border-color: #48b5cd !important;
border-size: 1px !important;
}
.freeprivacypolicy-com---palette-light .cc-cp-foot {
background-color: #ffffff !important;
}
.freeprivacypolicy-com---palette-light .cc-cp-foot-byline,
.freeprivacypolicy-com---pc-dialog .cc-cp-foot-byline a {
color: #cccccc !important;
}
.freeprivacypolicy-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked+label:before {
background-color: #48b5cd !important;
}
.freeprivacypolicy-com---palette-light .cc-cp-body-tabs-item[active=true] button {
color: #48b5cd !important;
border-top: 0.5px solid #48b5cd !important;
border-bottom: 0.5px solid #48b5cd !important;
background-color: #ffffff !important;
border-radius: 0 !important;
}
#open_preferences_center {
position: fixed;
z-index: 9999;
bottom: 0.75rem;
left: 0.75rem;
text-decoration: none;
padding: 0.5rem;
border-radius: 50%;
background-color: #aaaaaa;
box-shadow: 1px 1px 5px 0px #8f8f8f;
transition: transform 0.2s ease-in-out;
}
#open_preferences_center:hover {
transform: scale(1.1);
}
a {
color: #48B5CD;
text-decoration: none;
}
a:hover {
color: #12365B;
text-decoration: underline;
}
.btn-link {
color: #48B5CD;
}
.btn-link:hover, .btn-link:active {
color: #12365B;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
.bildergalerie div.bildarchivBoxKlein {
}
.bildergalerie .bildarchivTextWrapper .bildarchivTextBG {
}
.bildergalerie .bildarchivTextWrapper .bildarchivText {
}
.startBildarchivContent2 {
}
.cycle-karussell-text {
}
.cycle-karussell-text h1, .cycle-karussell-text h2, .cycle-karussell-text h3, .cycle-karussell-text h4, .cycle-karussell-text h5, .cycle-karussell-text h6 {
}
.cycle-karussell-link {
}
.cycle-karussell-link:hover, .cycle-karussell-link:active, .cycle-karussell-link:focus {
}
.cycle-karussell-link > span {
}
.cycle-karussell-link:hover > span {
}
.cycle-karussell-text a {
}
.cycle-karussell-btn {
}
.cycle-karussell-btn:hover, .cycle-karussell-btn:active, .cycle-karussell-btn:focus {
}
.cycle-karussell-pager span {
}
.cycle-karussell-pager span.cycle-pager-active {
}
.jqcycle-karussell-left a, .jqcycle-karussell-right a {
}
#footer {
color: #ffffff;
}
#footer a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
#footer a:hover {
color: #48B5CD;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
.formular .formularTextPflicht {
}
.formular .formularText {
}
.listing a.listingRow1 {
}
.listing a:hover.listingRow1 {
}
.listing a.listingRow2 {
}
.listing a:hover.listingRow2 {
}
.listing a .listingInfo {
}
.listing a:hover .listingInfo {
}
.listing .list-group-item {
overflow: hidden;
}
#logo {
}
#header {
}
.nachrichten .textNachricht {
}
.nachrichten .textNachricht h1 {
}
.nachrichten .textNachrichtInfo {
}
.nachrichten .textNachrichtInfo a {
}
.nachrichten .headerNachricht h1 {
}
.nachrichten .headerNachrichtSymbol {
color: #48B5CD;
}
.nachrichten .textNachrichtInline {
}
.startNewsContent2 {
}
.conNachrichtDropDown3 {
margin-bottom: 15px; }
.card-news {
}
.card-header-news {
}
.card-news-link {
}
.card-news-sign {
}
.card-body-news {
}
#navigator {
color: #ffffff;
padding: 0.75rem 0 0.25rem 0;
font-weight: normal;
font-style: normal;
text-align: left;
font-weight: normal;
font-style: normal;
}
#navigator a {
color: #ffffff;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
#navigator a:hover {
color: #000000;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
#oneClickLinks {
background-color: #eeeeee;
border-radius: 6px;;
text-align: center;
}
#oneClickLinks a.navi {
margin: 0px 15px;
}
#oneClickLinks a.navi-aktiv {
margin: 0px 15px;
}
#oneClickLinks a.navi:hover, #oneClickLinks a.navi-aktiv:hover {
}
.kseite1 {
}
.kseite2 {
background-color: #f7f7f7;
}
.opTeaserNachrichten h1.header,
.opTeaserBilder h1.header,
.opTeaserSuche h1.header,
.opTeaserTermine h1.header {
}
.opTeaserNachrichtText h1, .opTeaserNachrichtText h2, .opTeaserNachrichtText h3,
.opTeaserSucheText h1, .opTeaserSucheText h2, .opTeaserSucheText h3,
.opTeaserTerminText h1, .opTeaserTerminText h2, .opTeaserTerminText h3 {
}
.opTeaserNachricht .opTeaserNachrichtText,
.opTeaserTermin .opTeaserTerminText {
}
.opTeaserNachricht .opTeaserNachrichtText a,
.opTeaserTermin .opTeaserTerminText a {
}
.opTeaserNachricht .opTeaserNachrichtText a:hover,
.opTeaserTermin .opTeaserTerminText a:hover {
}
.opTeaserTermin .opTeaserTerminDatum {
}
.opTeaserTermin .opTeaserTerminUhrzeit,
.opTeaserTermin .opTeaserTerminOrt {
}
.produkte div.textProduktInlay:hover {
background-color: #dedede;
color: #000000;
}
.produkte div.textProduktInlay:hover h1 {
color: #000000;
}
#socialmedia {
}
#sprachen {
text-align: right;
}
#sprachen a.navi, #sprachen button, #sprachen ul li a, #sprachen .labelSprache {
margin: 0px 0px 0px 15px;
}
#sprachen a.navi-aktiv {
margin: 0px 0px 0px 15px;
}
#sprachen a.navi:hover, #sprachen a.navi-aktiv:hover {
}
#sprachen .flaggen {
margin: 0px 0px 0px 15px;
}
#suche {
text-align: left;
}
#suchergebnis {
max-width: 1100px;
margin: 0 auto;
}
#suchergebnis h1.suche {
}
#suchergebnis .sucheErgebnisbox {
}
#suchergebnis .sucheInfo {
}
#supportSuche {
background-color: #eeeeee;
border-color: #cccccc;
}
#supportSuchergebnis {
border-color: #cccccc;
}
#supportSuchergebnis .supportListeintragDesc {
color: #666666;
}
#supportSuchergebnis .supportListeintragRow2 {
background-color: #eeeeee;
}
#supportSuchergebnis .supportListeintragRow1:hover, #supportSuchergebnis .supportListeintragRow2:hover {
background-color: #cccccc;
}
.supportText {
border-color: #eeeeee;
}
.termine .textTermin,
.termine .startTerminContentText {
}
.termine .textTermine2 h1, .termine .startTerminContentText h1 {
}
.termine .textTermin .datum, .termine .textTermin .uhrzeit, .termine .textTermin .ort,
.termine .startTerminContentText .datum, .termine .startTerminContentText .uhrzeit, .termine .startTerminContentText .ort {
/*
*/
}
#umfrage {
}
#umfrageFrage {
}
#umfrageAntworten {
}
.umfrageBalken {
}
#umfrageGesamt {
}
.zInhaltsverzeichnis {
}
a.inhaltslink {
}
#forum #navigator a {
color: #48B5CD;
}
/* @group TOP Button */
#topBtn {
background-color: #aaaaaa;
color: #ffffff;
}
/* 4 Spalten mit Animation */
.int4SpaltenAni .int4SpaltenAniH {
}
.int4SpaltenAni .int4SpaltenAniText {
font-size: 16px;
}
.int4SpaltenAni .int4SpaltenAniLink {
background-color: #48B5CD;
font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.int4SpaltenAni {
min-height: 175px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.int4SpaltenAni {
min-height: 240px;
}
}
.zcms-zus-navi-sticky-top {
top: 120px;
}
ul.zcms-tags-cloud {
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-transform: uppercase;
}
ul.zcms-tags-cloud small {
vertical-align: text-top;
}
#container1 {
}
#container2 {
background-color: #9BBE46;
}
#container3 {
}
#container4 {
padding: 30px 0;
background-color: #12365B;
}
#container5 {
}
#container6 {
}
#container7 {
}
#container8 {
}
#container9 {
}
#container10 {
}
#header .cycle-slide img { width: 100%; height: auto }
.img-responsive {
max-width: 100%;
height: auto;
}
.table-primary, .table-primary>td, .table-primary>th {
background-color: #48b5cd; }
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
border-color: #48b5cd; }
.table-hover .table-primary:hover {
background-color: #48b5cd; }
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
background-color: #48b5cd; }
.btn-primary {
color: #ffffff;background-color: #48b5cd;border-color: #48b5cd; }
.btn-primary:hover {
color: #ffffff;background-color: #48b5cd;border-color: #48b5cd; }
.btn-primary.focus, .btn-primary:focus {
color: #ffffff;background-color: #48b5cd;border-color: #48b5cd; }
.btn-primary.disabled, .btn-primary:disabled {
color: #ffffff;background-color: #48b5cd;border-color: #48b5cd; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
color: #ffffff;background-color: #48b5cd;border-color: #48b5cd; }
.btn-outline-primary {
color: #48b5cd;border-color: #48b5cd; }
.btn-outline-primary:hover {
color: #48b5cd;background-color: #48b5cd;border-color: #48b5cd; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
background-color: #48b5cd; }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
color: #48b5cd;background-color: #48b5cd;border-color: #48b5cd; }
.badge-primary {
color: #ffffff;background-color: #48b5cd; }
a.badge-primary:focus, a.badge-primary:hover {
color: #ffffff;background-color: #48b5cd; }
.alert-primary {
color: #ffffff;background-color: #48b5cd;border-color: #48b5cd; }
.alert-primary hr {
border-top-color: #48b5cd; }
.alert-primary .alert-link {
color: #ffffff; }
.list-group-item-primary {
color: #ffffff;background-color: #48b5cd; }
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
color: #ffffff;background-color: #48b5cd; }
.list-group-item-primary.list-group-item-action.active {
color: #ffffff;background-color: #48b5cd;border-color: #48b5cd; }
.bg-primary {
background-color: #48b5cd!important;color: #ffffff!important; }
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
background-color: #48b5cd!important;color: #ffffff!important; }
.border-primary {
border-color: #48b5cd!important; }
.text-primary {
color: #48b5cd!important; }
a.text-primary:focus, a.text-primary:hover {
color: #48b5cd!important; }
.navbar-dark .navbar-nav .nav-link {
color: #ffffff!important; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #ffffff!important;opacity: 0.75; }
.table-secondary, .table-secondary>td, .table-secondary>th {
background-color: #ADB0A7; }
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
border-color: #ADB0A7; }
.table-hover .table-secondary:hover {
background-color: #ADB0A7; }
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
background-color: #ADB0A7; }
.btn-secondary {
color: #000000;background-color: #ADB0A7;border-color: #ADB0A7; }
.btn-secondary:hover {
color: #000000;background-color: #ADB0A7;border-color: #ADB0A7; }
.btn-secondary.focus, .btn-secondary:focus {
color: #000000;background-color: #ADB0A7;border-color: #ADB0A7; }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #000000;background-color: #ADB0A7;border-color: #ADB0A7; }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
color: #000000;background-color: #ADB0A7;border-color: #ADB0A7; }
.btn-outline-secondary {
color: #ADB0A7;border-color: #ADB0A7; }
.btn-outline-secondary:hover {
color: #ADB0A7;background-color: #ADB0A7;border-color: #ADB0A7; }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
background-color: #ADB0A7; }
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
color: #ADB0A7;background-color: #ADB0A7;border-color: #ADB0A7; }
.badge-secondary {
color: #000000;background-color: #ADB0A7; }
a.badge-secondary:focus, a.badge-secondary:hover {
color: #000000;background-color: #ADB0A7; }
.alert-secondary {
color: #000000;background-color: #ADB0A7;border-color: #ADB0A7; }
.alert-secondary hr {
border-top-color: #ADB0A7; }
.alert-secondary .alert-link {
color: #000000; }
.list-group-item-secondary {
color: #000000;background-color: #ADB0A7; }
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
color: #000000;background-color: #ADB0A7; }
.list-group-item-secondary.list-group-item-action.active {
color: #000000;background-color: #ADB0A7;border-color: #ADB0A7; }
.bg-secondary {
background-color: #ADB0A7!important;color: #000000!important; }
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
background-color: #ADB0A7!important;color: #000000!important; }
.border-secondary {
border-color: #ADB0A7!important; }
.text-secondary {
color: #ADB0A7!important; }
a.text-secondary:focus, a.text-secondary:hover {
color: #ADB0A7!important; }
.navbar-dark .navbar-nav .nav-link {
color: #000000!important; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #000000!important;opacity: 0.75; }
.table-success, .table-success>td, .table-success>th {
background-color: #9bbe46; }
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
border-color: #9bbe46; }
.table-hover .table-success:hover {
background-color: #9bbe46; }
.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
background-color: #9bbe46; }
.btn-success {
color: #ffffff;background-color: #9bbe46;border-color: #9bbe46; }
.btn-success:hover {
color: #ffffff;background-color: #9bbe46;border-color: #9bbe46; }
.btn-success.focus, .btn-success:focus {
color: #ffffff;background-color: #9bbe46;border-color: #9bbe46; }
.btn-success.disabled, .btn-success:disabled {
color: #ffffff;background-color: #9bbe46;border-color: #9bbe46; }
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
color: #ffffff;background-color: #9bbe46;border-color: #9bbe46; }
.btn-outline-success {
color: #9bbe46;border-color: #9bbe46; }
.btn-outline-success:hover {
color: #9bbe46;background-color: #9bbe46;border-color: #9bbe46; }
.btn-outline-success.disabled, .btn-outline-success:disabled {
background-color: #9bbe46; }
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
color: #9bbe46;background-color: #9bbe46;border-color: #9bbe46; }
.badge-success {
color: #ffffff;background-color: #9bbe46; }
a.badge-success:focus, a.badge-success:hover {
color: #ffffff;background-color: #9bbe46; }
.alert-success {
color: #ffffff;background-color: #9bbe46;border-color: #9bbe46; }
.alert-success hr {
border-top-color: #9bbe46; }
.alert-success .alert-link {
color: #ffffff; }
.list-group-item-success {
color: #ffffff;background-color: #9bbe46; }
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
color: #ffffff;background-color: #9bbe46; }
.list-group-item-success.list-group-item-action.active {
color: #ffffff;background-color: #9bbe46;border-color: #9bbe46; }
.bg-success {
background-color: #9bbe46!important;color: #ffffff!important; }
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
background-color: #9bbe46!important;color: #ffffff!important; }
.border-success {
border-color: #9bbe46!important; }
.text-success {
color: #9bbe46!important; }
a.text-success:focus, a.text-success:hover {
color: #9bbe46!important; }
.navbar-dark .navbar-nav .nav-link {
color: #ffffff!important; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #ffffff!important;opacity: 0.75; }
.table-danger, .table-danger>td, .table-danger>th {
background-color: #B40082; }
.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
border-color: #B40082; }
.table-hover .table-danger:hover {
background-color: #B40082; }
.table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
background-color: #B40082; }
.btn-danger {
color: #ffffff;background-color: #B40082;border-color: #B40082; }
.btn-danger:hover {
color: #ffffff;background-color: #B40082;border-color: #B40082; }
.btn-danger.focus, .btn-danger:focus {
color: #ffffff;background-color: #B40082;border-color: #B40082; }
.btn-danger.disabled, .btn-danger:disabled {
color: #ffffff;background-color: #B40082;border-color: #B40082; }
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
color: #ffffff;background-color: #B40082;border-color: #B40082; }
.btn-outline-danger {
color: #B40082;border-color: #B40082; }
.btn-outline-danger:hover {
color: #B40082;background-color: #B40082;border-color: #B40082; }
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
background-color: #B40082; }
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
color: #B40082;background-color: #B40082;border-color: #B40082; }
.badge-danger {
color: #ffffff;background-color: #B40082; }
a.badge-danger:focus, a.badge-danger:hover {
color: #ffffff;background-color: #B40082; }
.alert-danger {
color: #ffffff;background-color: #B40082;border-color: #B40082; }
.alert-danger hr {
border-top-color: #B40082; }
.alert-danger .alert-link {
color: #ffffff; }
.list-group-item-danger {
color: #ffffff;background-color: #B40082; }
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
color: #ffffff;background-color: #B40082; }
.list-group-item-danger.list-group-item-action.active {
color: #ffffff;background-color: #B40082;border-color: #B40082; }
.bg-danger {
background-color: #B40082!important;color: #ffffff!important; }
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
background-color: #B40082!important;color: #ffffff!important; }
.border-danger {
border-color: #B40082!important; }
.text-danger {
color: #B40082!important; }
a.text-danger:focus, a.text-danger:hover {
color: #B40082!important; }
.navbar-dark .navbar-nav .nav-link {
color: #ffffff!important; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #ffffff!important;opacity: 0.75; }
.table-warning, .table-warning>td, .table-warning>th {
background-color: #E9C816; }
.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
border-color: #E9C816; }
.table-hover .table-warning:hover {
background-color: #E9C816; }
.table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
background-color: #E9C816; }
.btn-warning {
color: #ffffff;background-color: #E9C816;border-color: #E9C816; }
.btn-warning:hover {
color: #ffffff;background-color: #E9C816;border-color: #E9C816; }
.btn-warning.focus, .btn-warning:focus {
color: #ffffff;background-color: #E9C816;border-color: #E9C816; }
.btn-warning.disabled, .btn-warning:disabled {
color: #ffffff;background-color: #E9C816;border-color: #E9C816; }
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
color: #ffffff;background-color: #E9C816;border-color: #E9C816; }
.btn-outline-warning {
color: #E9C816;border-color: #E9C816; }
.btn-outline-warning:hover {
color: #E9C816;background-color: #E9C816;border-color: #E9C816; }
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
background-color: #E9C816; }
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
color: #E9C816;background-color: #E9C816;border-color: #E9C816; }
.badge-warning {
color: #ffffff;background-color: #E9C816; }
a.badge-warning:focus, a.badge-warning:hover {
color: #ffffff;background-color: #E9C816; }
.alert-warning {
color: #ffffff;background-color: #E9C816;border-color: #E9C816; }
.alert-warning hr {
border-top-color: #E9C816; }
.alert-warning .alert-link {
color: #ffffff; }
.list-group-item-warning {
color: #ffffff;background-color: #E9C816; }
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
color: #ffffff;background-color: #E9C816; }
.list-group-item-warning.list-group-item-action.active {
color: #ffffff;background-color: #E9C816;border-color: #E9C816; }
.bg-warning {
background-color: #E9C816!important;color: #ffffff!important; }
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
background-color: #E9C816!important;color: #ffffff!important; }
.border-warning {
border-color: #E9C816!important; }
.text-warning {
color: #E9C816!important; }
a.text-warning:focus, a.text-warning:hover {
color: #E9C816!important; }
.navbar-dark .navbar-nav .nav-link {
color: #ffffff!important; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #ffffff!important;opacity: 0.75; }
.table-info, .table-info>td, .table-info>th {
background-color: #12365B; }
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
border-color: #12365B; }
.table-hover .table-info:hover {
background-color: #12365B; }
.table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
background-color: #12365B; }
.btn-info {
color: #ffffff;background-color: #12365B;border-color: #12365B; }
.btn-info:hover {
color: #ffffff;background-color: #12365B;border-color: #12365B; }
.btn-info.focus, .btn-info:focus {
color: #ffffff;background-color: #12365B;border-color: #12365B; }
.btn-info.disabled, .btn-info:disabled {
color: #ffffff;background-color: #12365B;border-color: #12365B; }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
color: #ffffff;background-color: #12365B;border-color: #12365B; }
.btn-outline-info {
color: #12365B;border-color: #12365B; }
.btn-outline-info:hover {
color: #12365B;background-color: #12365B;border-color: #12365B; }
.btn-outline-info.disabled, .btn-outline-info:disabled {
background-color: #12365B; }
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
color: #12365B;background-color: #12365B;border-color: #12365B; }
.badge-info {
color: #ffffff;background-color: #12365B; }
a.badge-info:focus, a.badge-info:hover {
color: #ffffff;background-color: #12365B; }
.alert-info {
color: #ffffff;background-color: #12365B;border-color: #12365B; }
.alert-info hr {
border-top-color: #12365B; }
.alert-info .alert-link {
color: #ffffff; }
.list-group-item-info {
color: #ffffff;background-color: #12365B; }
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
color: #ffffff;background-color: #12365B; }
.list-group-item-info.list-group-item-action.active {
color: #ffffff;background-color: #12365B;border-color: #12365B; }
.bg-info {
background-color: #12365B!important;color: #ffffff!important; }
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
background-color: #12365B!important;color: #ffffff!important; }
.border-info {
border-color: #12365B!important; }
.text-info {
color: #12365B!important; }
a.text-info:focus, a.text-info:hover {
color: #12365B!important; }
.navbar-dark .navbar-nav .nav-link {
color: #ffffff!important; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #ffffff!important;opacity: 0.75; }
.table-light, .table-light>td, .table-light>th {
background-color: #f7f7f7; }
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
border-color: #f7f7f7; }
.table-hover .table-light:hover {
background-color: #f7f7f7; }
.table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
background-color: #f7f7f7; }
.btn-light {
color: #000000;background-color: #f7f7f7;border-color: #f7f7f7; }
.btn-light:hover {
color: #000000;background-color: #f7f7f7;border-color: #f7f7f7; }
.btn-light.focus, .btn-light:focus {
color: #000000;background-color: #f7f7f7;border-color: #f7f7f7; }
.btn-light.disabled, .btn-light:disabled {
color: #000000;background-color: #f7f7f7;border-color: #f7f7f7; }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
color: #000000;background-color: #f7f7f7;border-color: #f7f7f7; }
.btn-outline-light {
color: #f7f7f7;border-color: #f7f7f7; }
.btn-outline-light:hover {
color: #f7f7f7;background-color: #f7f7f7;border-color: #f7f7f7; }
.btn-outline-light.disabled, .btn-outline-light:disabled {
background-color: #f7f7f7; }
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {
color: #f7f7f7;background-color: #f7f7f7;border-color: #f7f7f7; }
.badge-light {
color: #000000;background-color: #f7f7f7; }
a.badge-light:focus, a.badge-light:hover {
color: #000000;background-color: #f7f7f7; }
.alert-light {
color: #000000;background-color: #f7f7f7;border-color: #f7f7f7; }
.alert-light hr {
border-top-color: #f7f7f7; }
.alert-light .alert-link {
color: #000000; }
.list-group-item-light {
color: #000000;background-color: #f7f7f7; }
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
color: #000000;background-color: #f7f7f7; }
.list-group-item-light.list-group-item-action.active {
color: #000000;background-color: #f7f7f7;border-color: #f7f7f7; }
.bg-light {
background-color: #f7f7f7!important;color: #000000!important; }
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
background-color: #f7f7f7!important;color: #000000!important; }
.border-light {
border-color: #f7f7f7!important; }
.text-light {
color: #f7f7f7!important; }
a.text-light:focus, a.text-light:hover {
color: #f7f7f7!important; }
.navbar-dark .navbar-nav .nav-link {
color: #000000!important; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #000000!important;opacity: 0.75; }
.table-dark, .table-dark>td, .table-dark>th {
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
}
.table-hover .table-dark:hover {
}
.table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
}
.btn-dark {
color: #ffffff; }
.btn-dark:hover {
color: #ffffff; }
.btn-dark.focus, .btn-dark:focus {
color: #ffffff; }
.btn-dark.disabled, .btn-dark:disabled {
color: #ffffff; }
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
color: #ffffff; }
.btn-outline-dark {
}
.btn-outline-dark:hover {
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
}
.badge-dark {
color: #ffffff; }
a.badge-dark:focus, a.badge-dark:hover {
color: #ffffff; }
.alert-dark {
color: #ffffff; }
.alert-dark hr {
}
.alert-dark .alert-link {
color: #ffffff; }
.list-group-item-dark {
color: #ffffff; }
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
color: #ffffff; }
.list-group-item-dark.list-group-item-action.active {
color: #ffffff; }
.bg-dark {
color: #ffffff!important; }
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
color: #ffffff!important; }
.border-dark {
}
.text-dark {
}
a.text-dark:focus, a.text-dark:hover {
}
.navbar-dark .navbar-nav .nav-link {
color: #ffffff!important; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #ffffff!important;opacity: 0.75; }
.text-muted {
color: #aaaaaa!important; }
.dropdown-item.active, .dropdown-item:active {
background-color: #48b5cd!important;color: #ffffff!important; }
@media (min-width: 768px) {
.navbar-expand-md .navbar-nav .nav-link {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
/* Toggler */
.navbar-dark .navbar-toggler,
.navbar-light .navbar-toggler {
border-width: 0px;
padding: 0px;
}
/* Logo */
.navbar-brand {
font-size: inherit;
margin-right: 1.5rem;
}
.navbar-brand-logo {
height: 60px;
width: auto;
}
/* 1. Ebene */
.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
font-size: 1.1rem;
}
/* 1. Ebene Aktiv */
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:focus {
outline: none;
}
/* Navi 3 Ebene aktiv */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
}
/* Suche */
.navbar-search-dropdown {
padding: 0px;
width: 250px;
}
/* Externe Navigation */
#navigationExtern {
padding: 0;
}
#navigationExtern p {
margin: 0px;
}
/* sidebar */
@media (max-width: 767.98px) {
.nav-sidebar {
padding-top: 1rem;
}
.nav-sidebar-close-btn {
display: none;
}
}
@media (min-width: 768px) {
.nav-sidebar {
position: fixed;
top: 0;
right: 0;
width: 50%;
height: 100vh;
overflow-y: auto;
box-sizing: border-box;
transform: translateX(100%);
transition: transform 0.15s ease;
}
.nav-sidebar .navbar-nav {
padding: 86px 2rem 2rem 2rem;
}
.nav-sidebar-close-btn {
position: absolute;
top: 1rem;
right: 1.75rem;
width: 30px;
height: 30px;
font-family: 'Gill Sans', sans-serif;
font-weight: 100;
font-size: 30px;
line-height: 30px;
vertical-align: sub;
cursor: pointer;
z-index: 10;
}
.nav-sidebar #navigationExtern {
padding: 86px 2rem 2rem 2rem;
}
.nav-sidebar #navigationExtern .navbar-nav {
padding: 0;
}
.navbar-collapse.show {
transform: translateX(0);
}
} .navbar-dark .navbar-toggler,
.navbar-light .navbar-toggler {
color: #12365B !important;
}
.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(18, 54, 91, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar {
min-height: 120px;
background-color: #ffffff !important;
border-bottom: 1px solid #ADB0A7;}
.navbar-brand-logo {
}
.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
color: #12365B !important;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .active>.nav-link,
#navigationExtern .navbar-nav .nav-link.active,
#navigationExtern .navbar-nav .nav-link.show,
#navigationExtern .navbar-nav .show>.nav-link,
#navigationExtern .navbar-nav .nav-link:focus,
#navigationExtern .navbar-nav .nav-link:hover {
color: #48B5CD !important;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
}
#navigation .dropdown-menu {
}
#navigation .dropdown-item {
}
#navigation .dropdown-item.active,
#navigation .dropdown-item:active,
#navigation .dropdown-item:focus,
#navigation .dropdown-item:hover {
}
.dropdown-item.active,
.dropdown-item:active {
}
.navbar-form-zcms-mobile {
display: none;
}
.btn-suche-navbar {
background-color: transparent;
border-width: 0px;
color: #12365B !important;
}
.btn-suche-navbar:hover {
background-color: #ffffff !important;
color: #48B5CD !important;
}
#navigationExtern a {
color: #12365B !important;
}
#navigationExtern a.active, #navigationExtern a:active {
color: #48B5CD !important;
}
@media (max-width: 767.98px) {
.navbar-expand-xs > .container, .navbar-expand-xs > .container-fluid, .navbar-expand-xs > .container-lg, .navbar-expand-xs > .container-xs, .navbar-expand-xs > .container-sm, .navbar-expand-xs > .container-xl {
padding-right:0;
padding-left:0
}
.navbar {
min-height: inherit;
}
}
@media (max-width: 10000px) { .navbar-nav {
height: 100vh !important;
text-align: center;
padding-top: 15px;
}
#navigation .dropdown-item {
text-align: center;
}
.navbar-form-zcms {
display: none !important;
}
.navbar-form-zcms-mobile {
display: block !important;
}
#navigation .form-inline .form-control {
max-width: 250px;
margin: 0 auto;
}
.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
font-size: 1.2rem;
}
#navigation .dropdown-menu {
background-color: transparent;
border-width: 0px;
}
#navigation .dropdown-item {
color: #12365B; background-color: transparent;
}
#navigation .dropdown-item.active,
#navigation .dropdown-item:active {
color: #48B5CD;
background-color: transparent;
}
#navigation .dropdown-item:focus,
#navigation .dropdown-item:hover {
color: #48B5CD;
background-color: transparent;
}
/* no outline */
.navbar-toggler:focus,
.navbar-toggler:active {
outline: 0;
}
/* close verstecken */
.navbar-toggler.collapsed .close-icon {
display: none;
}
.navbar-toggler .close-icon {
width: 30px;
height: 30px;
font-family: 'Gill Sans', sans-serif;
font-weight: 100;
font-size: 30px;
line-height: 30px;
vertical-align: sub;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
display: inline;
}
/* Dritte Ebene mobil */
.dropdown-submenu {
position: inherit;
}
.dropdown-submenu a::after {
transform: rotate(0deg);
position: inherit;
right: inherit;
top: inherit;
}
}
.no-gutters-n15 {
margin-left: -15px;
margin-right: -15px;
}
.no-gutters-15 {
margin-left: 15px;
margin-right: 15px;
}
/* Events für Google Analytics begrenzen */
/* a *, button * { pointer-events: none; } */
/* Headline */
h1, .h1 {
font-size: 1.8rem;
line-height: 2rem;
color: #12365B;
font-weight: 900;
font-style: normal;
text-transform: uppercase;
margin: 0px 0px 0.5rem 0px;
padding: 0px;
}
h2, .h2 {
font-size: 1.5rem;
line-height: 1.7rem;
color: #12365B;
font-weight: 900;
font-style: normal;
text-transform: uppercase;
margin: 0px 0px 0.5rem 0px;
padding: 0px;
}
h3, .h3 {
font-size: 1.4rem;
line-height: 1.6rem;
color: #12365B;
font-weight: 900;
font-style: normal;
text-transform: uppercase;
margin: 0px 0px 0.5rem 0px;
padding: 0px;
}
h4, .h4 {
font-size: 1.2rem;
line-height: 1.3rem;
color: #12365B;
font-weight: 900;
font-style: normal;
margin: 0px 0px 0.5rem 0px;
padding: 0px;
}
h5, .h5 {
font-size: 1.1rem;
line-height: 1.2rem;
color: #12365B;
font-weight: 900;
font-style: normal;
margin: 0px 0px 0.25rem 0px;
padding: 0px;
}
h6, .h6 {
font-size: 1rem;
line-height: 1.1rem;
color: #12365B;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0.25rem 0px;
padding: 0px;
}
@media screen and (min-width: 768px) {
h1, .h1 {
font-size: 2.1rem;
line-height: 2.3rem;
margin: 2px 0px 0.5rem 0px;
}
h2, .h2 {
font-size: 1.8rem;
line-height: 2rem;
margin: 2px 0px 0.5rem 0px;
}
h3, .h3 {
font-size: 1.5rem;
line-height: 1.65rem;
margin: 1px 0px 0.5rem 0px;
}
h4, .h4 {
font-size: 1.4rem;
line-height: 1.5rem;
margin: 0px 0px 0.5rem 0px;
}
h5, .h5 {
font-size: 1.2rem;
line-height: 1.4rem;
margin: 0px 0px 0.25rem 0px;
}
h6, .h6 {
font-size: 1.1rem;
line-height: 1.2rem;
margin: 0px 0px 0.25rem 0px;
}
}
@media screen and (min-width: 992px) {
h1, .h1 {
font-size: 2.6rem;
line-height: 2.9rem;
margin: 3px 0px 0.5rem 0px;
}
h2, .h2 {
font-size: 2.2rem;
line-height: 2.4rem;
margin: 2px 0px 0.5rem 0px;
}
h3, .h3 {
font-size: 1.6rem;
line-height: 1.75rem;
margin: 2px 0px 0.5rem 0px;
}
h4, .h4 {
font-size: 1.4rem;
line-height: 1.5rem;
margin: 0px 0px 0.5rem 0px;
}
h5, .h5 {
font-size: 1.2rem;
line-height: 1.4rem;
margin: 0px 0px 0.25rem 0px;
}
h6, .h6 {
font-size: 1.1rem;
line-height: 1.2rem;
margin: 0px 0px 0.25rem 0px;
}
}
.becker-h-sub {
color: #48B5CD;
}
/* Table */
.table .thead-dark th {
background-color: #12365B;
}
.table thead th {
border-bottom: #12365B 1px solid;
}
.table-borderless thead th {
border: 0;
}
.table tbody td a.table-product {
font-weight: bold;
}
.table-ssm td, .table-ssm th {
padding: 0 0;
font-weight: normal;
font-size: 0.9rem;
}
/* FancyBox */
@media (max-width: 768px) {
/* .fancybox-slide {
height: initial;
} */
}
/* blockquote */
blockquote {
color: #48B5CD;
font-family: Tahoma, sans-serif;
font-size: 1rem;
margin: 1rem 2rem 0 2rem;
}
blockquote h1 {
font-size: 2rem;
}
blockquote p {
font-style: italic;
margin-bottom: 0;
}
blockquote p::before,
blockquote p::after {
content: "“";
font-family: Georgia;
font-size: 3rem;
margin: -1rem 0 0 -1.5rem;
position: absolute;
opacity: 1;
}
blockquote p::after {
content: "”";
margin: -0.3rem 0 0 0.1rem;
}
blockquote cite {
display: block;
font-style: normal;
margin-top: 0.5rem;
font-size: 1rem;
color: #12365b;
}
@media (min-width: 767.98px) {
blockquote {
color: #48B5CD;
font-family: Tahoma, sans-serif;
font-size: 1rem;
margin: 1rem 0 0 2rem;
}
blockquote p::before,
blockquote p::after {
content: "“";
font-family: Georgia;
font-size: 4rem;
margin: -1.5rem 0 0 -2.5rem;
position: absolute;
opacity: 1;
}
blockquote p::after {
content: "”";
margin: -0.5rem 0 0 0.5rem;
}
}
.produktgruppe_2, .produktgruppe_2_series {
font-size: 1.2rem;
color: #12365B;
text-transform: uppercase;
font-weight: bold;
}
.produktgruppe_2, .produktgruppe_2_series, .produktgruppe_2_note {
font-size: 1rem;
color: #12365B;
text-transform: uppercase;
font-weight: bold;
}
.produktgruppe_2_series, .produktgruppe_2_series {
color: #48B5CD;
}
.produktgruppe_2_note {
color: #ADB0A7;
text-transform: none;
}
.becker-produktgruppe-2-tech-content {
min-height: 24px;
margin: 0 0 8px 0;
}
img.becker-produktgruppe-2-tech-icon {
padding-right: 0.5rem;
height: 16px;
width: auto;
}
.carouselTextPosLeft {
text-align: left;
}
.carouselTextPosLeft h3 {
font-size: 1.15rem;
line-height: 1.3rem;
padding: 0;
margin: 0;
}
.carouselTextPosLeft h5 {
font-size: 1rem;
line-height: 1.2rem;
padding: 0;
margin: 0;
}
@media (min-width: 992px) {
.carouselTextPosLeft {
left: 3rem;
}
.carouselTextPosLeft h3 {
font-size: 1.3rem;
line-height: 1.5rem;
}
.carouselTextPosLeft h5 {
font-size: 1.1rem;
line-height: 1.3rem;
}
}
.carouselTextPosLeft div {
line-height: 15px;
}
.carousel-inner2 {
border-radius: 1rem;
}
.carousel-control2 {
display: flex;
margin-top: 0.5rem;
align-items: center;
justify-content: space-between;
position: relative;
width: 100%;
}
.carousel-indicators2 {
position: inherit;
right: inherit;
bottom: inherit;
left: inherit;
padding: 0 0 0 46px;
margin: 0 auto;
display: flex;
justify-content: center;
}
.carousel-indicators2 li {
background-color: rgba(72,181,205, 0.5);
width: 20px;
height: 20px;
border: none;
border-radius: 50%;
margin-right: 3px;
margin-left: 3px;
}
.carousel-indicators2 li.active {
background-color: rgba(72,181,205, 1);
margin-right: 3px;
margin-left: 3px;
}
.carousel-arrow2 {
display: flex;
position: relative;
top: 7px;
right: 0px;
}
.carousel-control-prev2, .carousel-control-next2 {
transform: translateY(-50%); /* Ausrichten anhand der Mitte */
color: #48B5CD;
opacity: 1;
font-size: 1.5rem;
line-height: 100%;
padding: 0.25rem;
position: inherit;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
z-index: 1;
display: inherit;
align-items: center;
justify-content: space-between;
width: auto;
text-align: right;
}
.carousel-control-next2:focus, .carousel-control-next2:hover, .carousel-control-prev2:focus, .carousel-control-prev2:hover {
color: #48B5CD;
opacity: 0.5;
}
.carousel-caption-text2 {
border-radius: 0.5rem;
}
/* .news-slider-1-box {
border-radius: 0.5rem;
}
.news-slider-1-img > img {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
} */
.becker-baureihen-slider-1 .slick-track {
display: flex !important;
}
.becker-baureihen-slider-1 .slick-slide {
height: inherit !important;
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(196,200,194,1) 100%);
border-radius: 0.5rem;
padding: 1rem;
}
.becker-baureihen-slider-1-box {
display: flex;
flex-direction: column;
}
.becker-baureihen-slider-1-img {
order: 1;
margin-bottom: auto;
}
.becker-baureihen-slider-1-text {
order: 2;
margin-top: auto;
}
.becker-baureihen-slider-1-box .becker-baureihen-slider-1-button {
position: absolute;
bottom: 0px;
}
.becker-baureihen-slider-1 .slick-navigation {
display: flex;
flex-direction: column;
}
.becker-baureihen-slider-1 .becker-slick-nav-arrows {
display: flex;
justify-content: flex-end;
}
.becker-baureihen-slider-1 .slick-nav-dots {
display: flex;
justify-content: center;
}
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-prev,
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-next {
position: static;
width: 24px;
height: 24px;
}
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-prev:before,
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-next:before {
font-family: inherit;
font-size: 24px;
line-height: 1;
opacity: 0.25;
color: #000000;
}
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-prev:before {
content: '<';
}
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-next:before {
content: '>';
}
.becker-baureihen-slider-1 .slick-nav-dots .slick-dots li {
margin: 0 3px;
}
.news-slider-1 .slick-nav-arrows .slick-prev:before,
.news-slider-1 .slick-nav-arrows .slick-next:before,
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-prev:before,
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-next:before {
color: #48B5CD;
opacity: 1;
}
.news-slider-1 .slick-nav-arrows .slick-prev:hover:before,
.news-slider-1 .slick-nav-arrows .slick-next:hover:before,
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-prev:hover:before,
.becker-baureihen-slider-1 .becker-slick-nav-arrows .slick-next:hover:before {
opacity: 0.5;
}
.news-slider-1 .slick-nav-dots .slick-dots {
color: #48B5CD;
}
.becker-baureihen-slider-1 .becker-slick-nav-dots .slick-dots {
color: #48B5CD;
bottom: 13px;
}
.news-slider-1 .slick-nav-dots .slick-dots li button:before,
.becker-baureihen-slider-1 .becker-slick-nav-dots .slick-dots li button:before {
color: #48B5CD;
opacity: 0.5;
font-size: 24px;
}
.news-slider-1 .slick-nav-dots .slick-dots li.slick-active button:before,
.becker-baureihen-slider-1 .becker-slick-nav-dots .slick-dots li.slick-active button:before {
opacity: 1;
}
.becker-baureihen-slider-1-text p {
line-height: 140%;
}
.becker-baureihen-slider-1-text .h3 {
font-size: 1rem;
line-height: 1rem;
color: #48B5CD;
text-transform: none;
}
.becker-baureihen-slider-1-text .h2 {
font-size: 1.25rem;
line-height: 1rem;
color: #48B5CD;
text-transform: uppercase;
}
.header-text-content {
border-radius: 0;
}
@media (max-width: 768px) {
.zcms_product_gallery .lightbox img {
height:150px
}
}
.zcms_product_gallery img:not(.ecommerce-disabled):not(.zcms_product_gallery-main-img) {
border-bottom:2px solid transparent
}
.zcms_product_gallery img:not(.ecommerce-disabled):not(.zcms_product_gallery-main-img).active {
border-color: #48B5CD;
}
/* Kontakt Flag */
#becker-home-kontakt-flag {
position: fixed;
top: 122px;
right: 0px;
z-index: 9990 !important;
height: 26px;
}
.becker-home-kontakt-flag-icon {
display: none;
background-color: #12365B;
color: #ffffff;
padding: 5px 10px;
font-size: 16px;
line-height: 20px;
}
.becker-home-kontakt-flag-text {
background-color: #48B5CD;
color: #ffffff;
padding: 5px 10px;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
.becker-home-kontakt-flag-link {
color: #ffffff;
text-decoration: none;
}
.becker-home-kontakt-flag-link:hover {
text-decoration: none;
}
@media screen and (min-width: 512px) {
#topBtn {
bottom: 4rem;
}
#becker-home-kontakt-flag {
position: fixed;
top: inherit;
bottom: 0;
right: 0px;
height: 32px;
}
.becker-home-kontakt-flag-text {
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
}
@media screen and (min-width: 768px) {
.becker-home-kontakt-flag-icon {
display: inline;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
}
@media screen and (min-width: 992px) {
#becker-home-kontakt-flag {
height: 39px;
}
.becker-home-kontakt-flag-icon {
display: inline;
padding: 10px 20px;
font-size: 24px;
line-height: 29px;
}
.becker-home-kontakt-flag-text {
padding: 10px 20px;
font-size: 24px;
line-height: 29px;
}
}
.zcmsBody_9565 .zcms-teaser_1 {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
/* get-in-touch Flag (z.B. Holzindustrie) */
#fixed-get-in-touch {
position: fixed;
top: 50%;
right: -15px;
z-index: 99999 !important;
height: 250px;
margin-top: -125px;
min-width: 50px;
}
@media (max-width: 575.98px) {
#fixed-get-in-touch {
position: fixed;
top: 50%;
right: -15px;
z-index: 99999;
height: 165px;
margin-top: -82px;
min-width: 50px;
}
}
/* Becker Produkt Suche */
.becker-produkt-suche-form {
background-color: #E9C816;
}
#beckerSearchResultAnzahl {
font-weight: bold;
}
.becker-productsearch-result-small {
height: 500px;
overflow: hidden;
-webkit-mask:
linear-gradient(to top ,#fff,var(--t,#fff)) top / 100% 30%,
linear-gradient(#fff,#fff) center / 100% 40%,
linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;
-webkit-mask-repeat:no-repeat;
mask:
linear-gradient(to top ,#fff,var(--t,#fff)) top / 100% 30%,
linear-gradient(#fff,#fff) center / 100% 40%,
linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;
mask-repeat:no-repeat; --b:transparent;
}
.btn-becker-productsearch-more {
color: #48B5CD !important;
background-color: transparent;
border: none;
}
.btn-becker-productsearch-more:hover {
color: #12365B !important;
background-color: transparent;
border: none;
}
/* Header */
[data-src]::before {
content: '';
display: block;
padding-top: 56.25%;
}
/* BUTTONS */
.btn {
border-radius: 0;
}
.btn-becker {
border-radius: 0px;
padding: .5rem 1rem;
}
.btn-outline-info:hover {
color: #ffffff !important;
}
/* BADGES */
.badge {
border-radius: 0;
font-size: 90%;
padding: .4em 0.5em;
font-weight: normal;
}
/* Formular */
.form-control, .custom-select {
border-radius: 0.5rem;
}
/* Carousel */
.carousel-caption-text > h2 {
color: #ffffff;
}
/* IMAGE */
.startBildarchiv2Overlay {
background-color: #9BBE46;
opacity: 0.8;
}
.startBildarchiv2OverlayText {
color: #ffffff;
}
/* SOCIAL MEDIA */
@media screen and (max-width: 571.98px) {
#socialmedia a.socialmedia:last-child {
margin-right: 0px;
}
}
/* Sprungmarker */
.zcms-marker {
position: absolute;
visibility: hidden;
height: 0px !important;
width: 0px;
margin: -170px;
}
/* LOGO */
.navbar-brand-logo {
width: 126px;
height: 30px;
margin: 5px 0.5rem 5px 0px;
}
@media screen and (min-width: 512px) {
.navbar-brand-logo {
width: 147px;
height: 35px;
margin: 5px 1rem 5px 0px;
}
}
@media screen and (min-width: 768px) {
.navbar-brand-logo {
width: 210px;
height: 50px;
margin: 5px 1rem 5px 0px;
}
}
/* NAVIGATION */
.fixed-top {
z-index: 9991 !important;
}
.navbar .becker-nav-top {
color: #12365B;
text-transform: uppercase;
font-size: 0.9rem;
margin-left: 1rem;
}
.navbar-toggler {
font-size: 1.1rem;
}
.navbar .becker-nav-toggler {
text-transform: uppercase;
vertical-align: middle;
color: #12365B;
padding-left: 8px;
}
@media screen and (min-width: 768px) {
.navbar-toggler {
font-size: 1.25rem;
}
.navbar .becker-nav-toggler {
padding-left: 15px;
}
}
/* Mobile Navigation soll scrollen können */
.fixed-top .navbar-collapse {
max-height: 85vh;
overflow-y: auto;
overflow-x: hidden;
/* margin-bottom: -8px; */
}
@media screen and (min-width: 768px) {
.fixed-top .navbar-collapse {
max-height: 90vh;
overflow: hidden;
margin-bottom: -8px;
}
}
#navigationExtern {
padding-bottom: 0;
}
#navigationExtern .becker-navi-col1 {
background-color: #12365B;
}
#navigationExtern .becker-navi-col1 a.naviTop {
display: block;
color: #ffffff !important;
text-transform: uppercase;
text-decoration: none;
font-size: 1.1rem;
line-height: 2.1rem;
}
#navigationExtern .becker-navi-col1 a.naviTop:hover {
color: #48B5CD !important;
}
#navigationExtern .becker-navi-col1 a.naviTopStream {
color: #48B5CD !important;
}
#navigationExtern .becker-navi-col1 a.naviTopStream:hover {
color: #ffffff !important;
}
#navigationExtern .becker-navi-col1 a.naviTopSub {
font-size: 1rem;
line-height: 1.6rem;
}
@media (max-width: 10000px) {
.navbar-toggler .close-icon {
padding-left: 0.4rem;
}
}
@media screen and (min-width: 768px) {
#navigationExtern .becker-navi-col1 a.naviTop {
font-size: 1rem;
line-height: 2rem;
}
#navigationExtern .becker-navi-col1 a.naviTopSub {
font-size: 1rem;
line-height: 1.6rem;
}
}
@media screen and (min-width: 992px) {
#navigationExtern .becker-navi-col1 a.naviTop {
font-size: 1.2rem;
line-height: 2.25rem;
}
#navigationExtern .becker-navi-col1 a.naviTopSub {
font-size: 1.1rem;
line-height: 2rem;
text-transform: none;
}
}
#navigationExtern .becker-navi-col2 {
background-color: #ffffff;
}
/* nav-item active */
#navigationExtern .becker-navi-col2 a.nav-item {
display: block;
font-size: 1rem;
color: #48B5CD !important;
text-decoration: none;
margin-bottom: 0.4rem;
}
#navigationExtern .becker-navi-col2 a.nav-item:hover {
color: #12365B !important;
}
#navigationExtern .becker-navi-col2 a.nav-ebene-1 {
display: block;
font-size: 1.1rem;
line-height: 1.25rem;
margin-bottom: 0.75rem;
color: #ADB0A7 !important;
font-weight: normal;
text-transform: uppercase;
}
#navigationExtern .becker-navi-col2 div.nav-ebene-1-space {
height: 2rem;
}
#navigationExtern .becker-navi-sub-close {
position: absolute;
top: 5px;
right: 0;
font-size: 1.5rem;
color: #12365B;
opacity: 1;
}
#navigationExtern .becker-navi-sub-close:hover {
opacity: 0.7;
}
#navigation .navbar-sprache-dropdown, #navigation .navbar-subsidiaries-dropdown {
background-color: #ffffff;
padding: 0;
border: 1px solid #dedede;
border-radius: 4px;
}
#navigation .navbar-sprache-dropdown .dropdown-item, #navigation .navbar-subsidiaries-dropdown .dropdown-item {
text-align: left;
padding: 0.5rem 1.5rem;
}
#navigation .navbar-sprache-dropdown .dropdown-item:hover, #navigation .navbar-subsidiaries-dropdown .dropdown-item:hover {
text-align: left;
padding: 0.5rem 1.5rem;
color: #ffffff;
background-color: #48B5CD;
}
/* #navigation .dropdown-item:focus, #navigation .dropdown-item:hover {
color: #000000;
} */
#navigation .navbar-subsidiaries-dropdown {
background-color: #ffffff;
line-height: 1.1rem;
min-width: 280px;
overflow: scroll;
}
@media screen and (max-height: 860px) {
#navigation .navbar-subsidiaries-dropdown {
height: 100vh;
padding-bottom: 150px;
}
}
/* Navigation Suche */
.fixed-top .navsearch-collapse {
max-height: 90vh;
overflow-y: auto;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
/* Navigation Produkte */
#becker-navi-main-product {
display: none;
}
/* IND Zusätzlichen Navigation */
.nav-link-zus {
cursor: pointer;
}
.zcms-zus-navi-sticky-top {
top: 95px;
}
@media screen and (min-width: 768px) {
.zcms-zus-navi-sticky-top {
top: 120px;
}
}
/* HEADER */
#header {
margin: 0 -15px;
}
/* #header img {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
} */
/* Suchergebnis */
#suchergebnis {
margin: 3rem 0;
}
/* Schulungen */
.termine-meta {
font-size: 1.1rem;
line-height: 2rem;
}
.becker-form-check-label-white {
color: #ffffff;
}
.paypal-button-text {
color: #ffffff;
}
/* LISTEN */
.list-group {
border-radius: 0;
}
.list-group-item {
background-color: transparent;
border-top-width: 0;
border-right-width: 0;
border-bottom: 1px solid rgba(0,0,0,.125);
border-left-width: 0;
padding: .75rem 0rem;
transition: 300ms;
}
.list-group-item:hover {
border-bottom: 1px solid rgba(18,54,91,0.4);
color: rgb(18,54,91);
}
.list-group-item:last-child {
border-bottom-width: 0px;
}
/* zCMS Liste */
.zcms-list li::before {
color: #48B5CD !important;
}
.zcms-list li a {
color: #000000;
}
.zcms-list li a:hover {
text-decoration: none;
color: #48B5CD !important;
}
/* TEASER */
.zcms-teaser_1 {
background-color: #f4f4f4;
border: 1px solid #12365B;
}
.zcms-teaser_1-text {
color: #12365B;
}
.zcms-teaser_1-h-sub {
color: #48B5CD;
font-size: 1em;
}
h3 > span.zcms-teaser_3-h-main {
font-size: 1.5rem;
line-height: 1.6rem;
}
@media screen and (min-width: 768px) {
h3 > span.zcms-teaser_3-h-main {
font-size: 2rem;
line-height: 2rem;
}
}
@media screen and (max-width: 991.98px) {
.zcms-teaser_3 {
background-color: rgba(255,255,255,0.7);
}
}
/* PRODUKTE */
button.becker-produkt-button {
background-color: transparent;
border-width: 0px;
padding: 0px;
outline: 0;
}
button.becker-produkt-button:hover {
opacity: 0.8;
}
button.becker-produkt-button:focus {
outline:0;
}
button.becker-produkt-button:active {
color: #000000;
}
.becker-produktgruppe-card {
border-radius: 0;
border-color: rgba(173,176,167,0.4);
}
.becker-produktgruppe-card > .card-header {
background-color: #ffffff;
border-bottom-width: 0;
padding: 1rem 0.25rem;
}
.becker-produktgruppe-h-main {
font-size: 1rem;
line-height: 1.05rem;
font-weight: 700;
text-align: center;
margin: 0;
padding: 0;
}
.becker-produktgruppe-card > .card-body {
padding: 0.5rem;
}
.becker-produktgruppe-card > .card-footer {
background-color: #f7f7f7;
padding: 0.5rem 0.25rem;
margin-top: 0.5rem;
border-top-width: 0;
border-radius: 0;
font-size: 0.95rem;
line-height: 1.4rem;
}
p.becker-produktgruppe-sm {
font-size: 0.9rem;
line-height: 120%;
margin-bottom: 0.5rem !important;
}
/* DOWNLOAD */
.becker-download-titel {
font-size: 1.1rem;
line-height: 1.15rem;
color: #000000;
font-weight: bold;
padding: 0;
}
.becker-download-icon {
height: 50px;
}
.becker-download-flagge {
width: 30px;
}
.becker-download-datum {
line-height: 1rem;
}
.becker-download-result-small {
height: 300px;
overflow: hidden;
-webkit-mask:
linear-gradient(to top ,#fff,var(--t,#fff)) top / 100% 30%,
linear-gradient(#fff,#fff) center / 100% 40%,
linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;
-webkit-mask-repeat:no-repeat;
mask:
linear-gradient(to top ,#fff,var(--t,#fff)) top / 100% 30%,
linear-gradient(#fff,#fff) center / 100% 40%,
linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;
mask-repeat:no-repeat; --b:transparent;
}
.btn-becker-download-more {
color: #48B5CD !important;
background-color: transparent;
border: none;
}
.btn-becker-download-more:hover {
color: #12365B !important;
background-color: transparent;
border: none;
}
.becker-download-container select {
margin-bottom: 0.5rem;
}
/* BRANCHEN TEASER */
.becker-branchen-teaser-1 .carousel-indicators {
display: none;
}
@media screen and (min-width: 768px) {
.becker-branchen-teaser-1 .carousel-indicators {
position: relative;
right: inherit;
bottom: inherit;
left: inherit;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 1rem 3rem;
display: block;
text-align: center;
background-color: #12365B;
}
}
.becker-branchen-teaser-1 .carousel-indicators li {
display: inline-block;
width: auto;
height: auto;
border: none;
opacity: 1;
background-color: transparent;
color: #ffffff;
padding: 0 1rem;
text-indent: 0;
border-right: 1px solid #ffffff;
line-height: 105%;
}
.becker-branchen-teaser-1 .carousel-indicators li:last-child {
border-right-width: 0px;
}
.becker-branchen-teaser-1 .carousel-indicators li.active, .becker-branchen-teaser-1 .carousel-indicators li:hover {
color: #48B5CD;
}
.becker-branchen-teaser-1 .carousel-caption {
top: inherit;
left: 10px;
right: 10px;
bottom: 10px;
padding: 0.5rem;
margin: 0 auto;
text-align: center;
background-color: rgba(255,255,255,0.85);
}
@media screen and (min-width: 512px) {
.becker-branchen-teaser-1 .carousel-caption {
left: 15px;
right: 15px;
bottom: 15px;
padding: 1.5rem;
margin: 0;
text-align: left;
max-width: 60%;
}
}
@media screen and (min-width: 992px) {
.becker-branchen-teaser-1 .carousel-caption {
left: 8%;
bottom: 10%;
padding: 2rem;
margin: 0;
text-align: left;
max-width: 45%;
}
}
@media screen and (min-width: 1200px) {
.becker-branchen-teaser-1 .carousel-caption {
left: 10%;
bottom: 20%;
padding: 4rem;
margin: 0;
text-align: left;
max-width: 45%;
}
}
.becker-branchen-teaser-1 .carousel-caption h2 {
font-size: 1.1rem;
line-height: 1.2rem;
margin: 0 0 7px 0;
}
.becker-branchen-teaser-1 .carousel-caption h3 {
font-size: 1rem;
line-height: 1.1rem;
}
.becker-branchen-teaser-1 .carousel-caption h4, .becker-branchen-teaser-1 .carousel-caption div>img {
display: none;
}
@media screen and (max-width: 768px) {
.becker-branchen-teaser-1 .btn {
font-size: 0.9rem;
padding: 0.25rem;
}
}
@media screen and (max-width: 767.98px) and (min-width: 512px) {
.becker-branchen-teaser-1 .carousel-caption h2 {
font-size: 1.2rem;
line-height: 1.3rem;
}
.becker-branchen-teaser-1 .carousel-caption h3 {
font-size: 1rem;
line-height: 1rem;
}
.becker-branchen-teaser-1 .carousel-caption h4 {
display: block;
font-size: 1rem;
line-height: 1rem;
}
}
@media screen and (min-width: 768px) {
.becker-branchen-teaser-1 .carousel-caption h2 {
font-size: 1.8rem;
line-height: 1.9rem;
margin-bottom: 0;
padding: 0;
}
.becker-branchen-teaser-1 .carousel-caption h3 {
font-size: 1.4rem;
line-height: 1.5rem;
margin-bottom: 0;
padding: 0;
}
.becker-branchen-teaser-1 .carousel-caption h4 {
display: block;
font-size: 1.2rem;
line-height: 1.3rem;
margin-bottom: 0;
padding: 0;
}
.becker-branchen-teaser-1 .carousel-caption div>img {
display: inline;
}
}
.becker-branchen-teaser-1 .carousel-caption p {
display: none;
}
/* Startseite Karusell Fullscreen */
.zcms-carousel-fullscreen-1 .carousel-caption {
top: inherit;
left: 10px;
right: 10px;
bottom: 10%;
padding: 0.75rem 0.5rem;
margin: 0 auto;
text-align: center;
height: auto;
width: auto;
color: #000000;
background-color: rgba(255,255,255,0.85);
}
@media screen and (min-width: 512px) {
.zcms-carousel-fullscreen-1 .carousel-caption {
left: 15px;
right: inherit;
bottom: 8%;
padding: 1.5rem;
margin: 0;
text-align: left;
}
}
@media screen and (min-width: 992px) {
.zcms-carousel-fullscreen-1 .carousel-caption {
left: 8%;
right: inherit;
bottom: 10%;
padding: 2rem;
margin: 0;
text-align: left;
}
}
@media screen and (min-width: 1200px) {
.zcms-carousel-fullscreen-1 .carousel-caption {
left: 10%;
right: inherit;
bottom: 20%;
padding: 4rem;
margin: 0;
text-align: left;
}
}
.zcms-carousel-fullscreen-1 .carousel-caption h2 {
font-size: 1.1rem;
line-height: 1.2rem;
margin: 0 0 7px 0;
}
.zcms-carousel-fullscreen-1 .carousel-caption h3 {
font-size: 1rem;
line-height: 1.1rem;
}
.zcms-carousel-fullscreen-1 .carousel-caption p {
line-height: 0.1rem;
}
.zcms-carousel-fullscreen-1 .carousel-caption div>img {
display: none;
}
.zcms-carousel-fullscreen-1 .carousel-caption a.btn-zcms {
margin-top: 0.75rem;
}
/* Becker News */
.beckerNewsContainer {
background-color: #fff;
box-shadow: 3px 3px 6px -3px #dfdfdf;
}
.beckerNewsContainerTermin {
/* border: 2px solid #B40082; */
background-color: #fff;
box-shadow: 3px 3px 6px -3px #dfdfdf;
/* text-align: center;
display: flex;
align-items: center; */
}
.beckerNewsContainerTermin .beckerNewsTerminDate {
z-index: 100;
position: absolute;
top: 0;
font-size: 0.9rem;
background-color: #B40082;
color: #fff;
padding: 0.25rem 1.5rem 0.25rem .5rem;
clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
}
/* .beckerNewsContainerTermin .beckerNewsContentBild {
} */
/* .beckerNewsContainerTermin .beckerNewsContentBild > img {
} */
/* .beckerNewsContainer:hover, .beckerNewsContainerTermin:hover {
opacity: 0.75;
} */
.beckerNewsContainer a {
color: inherit;
}
/* .beckerNewsContainerTermin a {
color: #fff;
} */
.beckerNewsContainer:hover a, .beckerNewsContainerTermin:hover a {
text-decoration: none;
color: inherit;
}
.hvr-grow {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
@media screen and (max-width: 768px) {
.zcms-carousel-fullscreen-1 .btn {
font-size: 0.9rem;
padding: 0.25rem;
}
}
@media screen and (min-width: 512px) {
.zcms-carousel-fullscreen-1 .carousel-caption h2 {
font-size: 1.2rem;
line-height: 1.3rem;
}
.zcms-carousel-fullscreen-1 .carousel-caption h3 {
font-size: 1rem;
line-height: 1rem;
}
.zcms-carousel-fullscreen-1 .carousel-caption h4 {
display: block;
font-size: 1rem;
line-height: 1rem;
}
}
@media screen and (min-width: 768px) {
.zcms-carousel-fullscreen-1 .carousel-caption h2 {
font-size: 1.8rem;
line-height: 1.9rem;
margin-bottom: 0;
padding: 0;
}
.zcms-carousel-fullscreen-1 .carousel-caption h3 {
font-size: 1.4rem;
line-height: 1.5rem;
margin-bottom: 0;
padding: 0;
}
.zcms-carousel-fullscreen-1 .carousel-caption h4 {
display: block;
font-size: 1.2rem;
line-height: 1.3rem;
margin-bottom: 0;
padding: 0;
}
.zcms-carousel-fullscreen-1 .carousel-caption div>img {
display: inline;
}
.zcms-carousel-fullscreen-1 .carousel-caption p {
line-height: 1.1rem;
}
}
/* Becker Woodworking calculator */
.becker_wood_result {
font-size: 20px;
font-weight: bold;
}
.becker_wood_result_h {
color: #ffffff;
}
.becker_wood_result_label {
color: #12365B;
text-align: right;
font-size: 24px;
}
/* #becker_wood_result_savings {
color: #ffffff;
font-size: 24px;
} */
.becker_wood_result_label_actual {
color: #ffffff;
background-color: #B40082;
text-align: left;
}
.becker_wood_result_label_becker {
color: #ffffff;
background-color: transparent;
text-align: left;
}
.becker_wood_result_label_h {
color: #fff;
font-size: 28px;
text-align: center;
}
.becker_wood_result_label_2 {
color: #fff;
font-size: 20px;
text-align: center;
}
.becker_wood_result_pump {
border: 1px solid #ffffff;
}
.becker_wood_result_download {
color: #ffffff;
font-size: 14px;
text-align: center;
}
.becker_wood_result_value {
color: #ffffff;
}
.becker_wood_result_value_2 {
color: #ffffff;
font-size: 20px;
text-align: center;
}
#formBeckerCalc label {
color: #ffffff;
}
#formBeckerCalc h3, #formBeckerCalc h4,
#becker_anlagen_result_form h3, #becker_anlagen_result_form h4 {
color: #ffffff;
}
#becker_anlagen_result_form h3, #becker_anlagen_result_form h4 {
text-transform: inherit;
}
.becker-table-calc td {
height: 40px;
vertical-align: middle;
}
.co2-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
#co2ResultCon,
#co2BeckerResultCon {
flex: 1 1 calc(50% - 10px); /* 50% minus halbes gap */
min-width: 340px;
box-sizing: border-box;
color: #ffffff;
padding: 0.5rem 0.75rem;
font-weight: bold;
font-size: 1.4rem;
}
#co2ResultCon {
background-color: #B40082;
}
#co2BeckerResultCon {
background-color: #9BBE46;
}
#co2ResultCon > .label,
#co2BeckerResultCon > .label {
font-size: 1rem;
}
/* PLZ Suche */
.becker-plz-einleitung, .becker-plz-einleitung h1, .becker-plz-einleitung h2, .becker-plz-einleitung h3, .becker-plz-einleitung h4, .becker-plz-einleitung h5, .becker-plz-einleitung h6 {
color: #ffffff;
}
/* Becker Verpackungs Kalkulator */
.navbar .becker-nav-top-shop {
color: #48b5cd;
}
.navbar .becker-nav-top-shop:hover {
text-decoration: none;
color: #12365B;
}
.navbar .becker-nav-vacuum {
font-size: 1.25rem;
text-transform: uppercase;
vertical-align: middle;
color: #12365B;
}
.navbar .becker-nav-vacuum:hover {
text-decoration: none;
color: #48b5cd;
}
.btn {
border-radius: 1.5rem !important;
}
.btn-sm {
border-radius: 1rem !important;
}
.input-group-append .btn {
border-top-left-radius: 0 !important;
border-top-right-radius: 0.5rem !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0.5rem !important;
}
.zcms-teaser_6_container .btn {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.becker-nav {
background-color: #ffffff;
}
.becker-nav-container {
background-color: #f4f4f4;
padding: 0.15rem 0;
}
.navIcon {
width: auto;
height: 16px;
}
.becker-nav-top-sm {
color: #12365B;
text-transform: inherit;
font-size: 0.8rem;
}
.becker-nav-top-sm:hover {
color: #48b5cd;
}
.navbar-toggler-icon-becker {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(72,181,205, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler-becker {
font-size: 1rem;
}
.close-icon-becker {
color: #48b5cd;
padding-left: 0px;
padding-right: 3px;
font-size: 23px !important;
line-height: 23px !important;
text-align: center;
}
@media screen and (min-width: 768px) {
.close-icon-becker {
padding-left: 0.4rem;
padding-right: 3px;
font-size: 30px !important;
line-height: 30px !important;
}
}
.becker-nav-toggler-becker {
text-transform: uppercase;
vertical-align: middle;
color: #48b5cd;
padding-left: 8px;
}
@media screen and (min-width: 768px) {
.navbar-toggler-becker {
font-size: 1.25rem;
}
.becker-nav-toggler-becker {
padding-left: 15px;
}
}
.becker-nav-top-item {
color: #12365B !important;
font-size: 1.15rem;
text-transform: inherit;
}
.becker-nav-top-item:hover {
color: #48b5cd !important;
text-decoration: none !important;
text-transform: inherit;
}
a.becker-location {
display: block;
margin: 0 0 10px 0;
padding: 0;
color: #48b5cd;
text-transform: uppercase;
}
a.becker-location:hover {
color: #12365B;
text-decoration: none;
}
a.becker-location:before {
font-family: "FontAwesome";
content: "\f041";
display: inline-block;
padding-right: 7px;
color: #48b5cd;
font-size: 1.15rem;
vertical-align: middle;
}
.becker-form-label {
font-weight: bold;
line-height: 120%;
margin-bottom: 0.25rem;
}
.becker-form-start {
margin: 0;
background-color: #48B5CD;
color: #fff;
}
.becker-form-content {
margin: 0.5rem 0 0 0;
background-color: #48B5CD;
color: #fff;
}
.becker-form-start h4, .becker-form-content h2, .becker-form-content h3, .becker-form-content h4, .becker-form-content h5, .becker-form-content h6 {
color: #ffffff;
}
.becker-form-content-service {
background-color: #9BBE46;
color: #ffffff;
}
.becker-form-quick {
margin: 0 0 0.15rem 0;
padding: 1rem;
background-color: #48B5CD;
color: #ffffff;
border-bottom: 1px solid #ffffff;
}
.becker-form-quick:last-child {
border-bottom-width: 0;
}
.becker-form-quick a {
color: #ffffff;
}
.bfFormError, .custom-radio.bfFormError {
border: 1px solid red;
background-color: rgb(180, 0, 130);
color: white;
}
.bfFormError::placeholder {
color: white;
}
.beckerFlyout {
z-index: 10001;
position: fixed;
right: -267px;
top: 50%;
transform: translateY(-50%);
width: 300px;
height: auto;
background-color: #48B5CD;
box-shadow: -2px 0 5px rgba(0,0,0,0.3);
transition: right 0.5s;
padding: 0.5rem 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.beckerFlyout.open {
right: 0;
}
#beckerFlyoutClose {
position: absolute;
top: 0.5rem;
right: 1rem;
color: #ffffff;
}
.image-zcms-zoom-link {
display: inline-block;
position: relative;
}
.image-zcms-zoom-link img {
transition: opacity 0.3s ease;
}
.image-zcms-zoom-link::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
transition: background-color 0.3s ease;
pointer-events: none;
}
.image-zcms-zoom-link:hover::before {
background: rgba(0, 0, 0, 0.3);
}
.image-zcms-zoom-link::after {
content: '\f002';
font-family: 'FontAwesome';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2em;
color: white;
opacity: 0; /* Ursprünglich unsichtbar */
transition: opacity 0.3s ease;
pointer-events: none;
}
.image-zcms-zoom-link:hover::after {
opacity: 1;
}#accordionNews0000010447 .card-header-news {
background-color: #48B5CD;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
margin-bottom: 0.25rem;
}
#accordionNews0000010447 .card-header-news a {
color: #ffffff;
}
#accordionNews0000010447 .card-header-news a:hover {
color: #12365B;
text-decoration: none;
}
#accordionNews0000010447 .card-body-news {
padding-top: 1rem;
padding-bottom: 1.5rem;
}@media (max-width: 768px) {}