/*
colors & company names
Theme Name: bender gruppe
Theme URI: https://interstate-advertising.de
Template: twentytwentytwo
Author: Interstate Advertising GmbH
Author URI: https://interstate-advertising.de
Version: 1.5.1698666516
Updated: 2023-10-30 12:48:36
*/
/* --- CHANGE WP NATIVE BREAKPOINT FROM 600 PX TO 1100 PX --- */
@media (min-width:600px) {
.wp-block-navigation__responsive-container-open{
display:block !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display:none !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display:block !important;
}
}
@media (min-width:1100px) {
.wp-block-navigation__responsive-container-open{
display:none !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display:block !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display:none !important;
}
}
/* --- END CHANGE WP NATIVE BREAKPOINT FROM 600 PX TO 1100 PX --- */
/* -> begin ----- Global Body Styling ----- */
body {
overflow-x: clip;
max-width: 100vw;
padding-bottom: 0px!important;
margin: 0;
--wp--style--global--content-size: 650px;
--wp--style--global--wide-size: 1100px;
transition: all 0.5s;
/* hyphens: auto;
word-break: break-word;*/
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: none;
}
h1.alignwide.wp-block-post-title {
display: none;
}
hr.wp-block-separator.has-css-opacity.alignwide.is-style-wide {
display: none;
}
:where(body .is-layout-flow) > *, :where(.wp-site-blocks) > * {
margin-block-start: 0px;
}
.wp-block-spacer {
display: none;
}
.wp-site-blocks {
max-width: 100vw;
overflow-x: clip;
}
.wp-site-blocks {
padding-left: 0px !important;
padding-right: 0px !important;
}
.wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-core-group-layout-2.wp-block-group-is-layout-flex, .wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-core-group-layout-1.wp-block-group-is-layout-flex {
padding-top: 25px !important;
padding-bottom: 0px !important;
}
.to-top {
position: fixed !important;
bottom: 40px;
right: 50px;
z-index: 99;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.to-top.visible {
opacity: 1;
}
.wp-block-navigation .wp-block-navigation-item a:hover, .wp-block-navigation .wp-block-navigation-item a:focus {
text-decoration: none!important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color: #fff;
border: 0!important;
}
ul.wp-block-navigation-submenu li:first-child {
padding-top: 33px;
}
body .is-layout-constrained > .alignwide {
max-width: none;
}
/* -> end ----- Global Body Styling ----- */
/* -> begin ----- Country Specific Hiding ----- */
.country-DE .ch-only, .country-CH .de-only {
display: none !important;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
align-items: center;
}
/* -> end ----- Country Specific Hiding ----- */
.eingangstext-container {
/* margin-bottom: 100px;*/
}
.page-id-1370 .eingangstext-container {
margin-top: 180px;
}
.MainNavbar {
height: 155px;
margin-top: 0px;
}
.wp-block-site-logo img {
height: auto;
max-width: 100%;
}
.MainNavbar.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background-color: inherit;
}
.navbar-placeholder {
display: none;
width: 100%;
}
/*text color for select elements in windows OS. */
select.windows {
color: #000000 !important;
}
/* -> begin ----- Buttons ----- */
.button, .egt-button {
text-align: center;
cursor: pointer;
position: relative;
display: inline-block;
-webkit-transition: ease-out 0.3s;
-moz-transition: ease-out 0.3s;
transition: ease-out 0.3s;
opacity: .7;
}
.button:hover, .egt-button:hover {
transform: scale(1.05);
opacity: 1;
}
.page-id-6376 .egt-button {
background-color: var(--blau);
}
/* #### SUBMIT BUTTON CSS CODE IN LINE 1178 #### */
/* -> end ----- Buttons ----- */
/* -> begin ----- Typography ----- */
* {
font-family: Gotham;
line-height: 1.3;
}
h3 {
font-family: Gotham;
font-weight: 500;
}
.kachel-headline > h3 {
font-size: 18px;
text-transform: uppercase;
margin: 0;
}
.convert-to-list {
list-style-type: none;
padding: 0;
margin: 0;
}
.convert-to-list li {
list-style-type: disc;
list-style-position: outside;
text-indent: 0em;
padding-left: .1em;
margin-bottom: 5px;
}
ul.leistungen-overview {
margin: 20px;
padding: 0;
}
/* -> end ----- Typography ----- */
/* -> begin ----- Header ----- */
/* Top Bar */
.top-bar {
height: 30px;
width: 100%;
background-color: transparent;
position: sticky;
top: 0;
transition: height 0.3s;
}
/* Breadcrumb Styles */
.breadcrumb-title {
width: 100%;
max-width: 1100px;
min-height: 30px;
position: fixed!important;
top: 0px;
left: 0px;
background: linear-gradient(45deg, #000000, #A7BBD6, #AA1180, #0A5CA9, #5B2282);
justify-content: flex-end;
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
text-decoration: none;
color: #ffffff;
font-size: 14px;
font-style: normal;
display: flex;
align-items: center;
z-index: 100;
}
/* Breadcrumb Styles for Different Templates */
.page-template-wp-custom-template-roentgen-bender-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #5F83A6, #5F83A6, #5F83A6);
}
.page-template-wp-custom-template-be-imaging-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #A5288D, #A5288D, #A5288D);
}
.page-template-wp-custom-template-be-imaging-template-ch .breadcrumb-title {
background: linear-gradient(45deg, #000000, #A5288D, #A5288D, #A5288D);
}
.page-template-wp-custom-template-academy-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #7b003a, #7b003a, #7b003a);
}
.page-template-wp-custom-template-medigration-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #0B5FA6, #0B5FA6, #0B5FA6);
}
.page-template-wp-custom-template-be-consult-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #5A2780, #5A2780, #5A2780);
}
.page-template-wp-custom-template-netzwerk-wissen-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #B0A092, #B0A092, #B0A092);
}
/*.breadcrumb-title span:first-child:before {
content: url(https://bendergruppe.com/wp-content/uploads/2023/10/arrow-small-right.svg);
position: relative;
margin-right: 10px;
display: block;
margin-top: -1px;
}*/
.breadcrumb-title span.breadcrumb_last:before {
content: '' !important;
margin-right: 0px !important;
}
.breadcrumb-title span .breadcrumb_content:before {
content: '';
}
.breadcrumb-title a {
text-decoration: none;
color: #ffffff;
font-size: 14px;
font-style: normal;
display: flex;
align-items: center;
}
.breadcrumb_last {
font-weight: 500;
}
.breadcrumb-title span {
display: flex;
}
.breadcrumb_content:after {
content: '/';
padding-left: 5px;
padding-right: 5px;
}
/* Main Nav Styles */
.top-spacer {
padding-top: 182px!important;
display: none!important;
}
.main-nav-wrapper {
height: 155px;
width: 100%;
position: fixed;
z-index: 99;
top: 0;
transition: height 0.3s;
margin-block-start: 0px;
}
.ctm-nav-menu-bar {
display: flex;
align-items: center;
justify-content: space-between;
height: 125px;
width: 100%;
max-width: 1100px;
background-color: #fff;
position: sticky;
top: 0;
transition: height 0.3s;
text-transform: uppercase;
margin-left: calc((100vw - 1100px) / 2);
}
.ctm-nav-menu-bar.smaller {
height: 80px;
}
.ctm-nav-logo {
display: flex;
align-items: center;
z-index: 100001;
}
.ctm-nav-logo a {
display: flex;
}
.ctm-nav-logo img {
height: 100px;
transition: height 0.3s, padding-top 0.3s;
}
.ctm-nav-logo-shrunk {
height: 80px;
padding-top: 20px;
}
.ctm-nav-menu {
list-style: none;
display: flex;
align-items: center;
list-style-type: none;
}
.ctm-nav-menu-item {
display: inline-block;
position: relative;
}
.ctm-nav-menu-item a {
display: block;
padding: 10px;
color: #757574;
text-decoration: none;
}
.ctm-nav-menu-item a:hover {
color: #333;
}
.ctm-nav-menu-item:hover::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background-color: black;
}
.ctm-nav-menu-item.active::before {
background-color: black;
}
.ctm-nav-dropdown {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.ctm-nav-dropdown li {
list-style-type: none;
}
.ctm-nav-dropdown li a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.ctm-nav-dropdown li a:hover {
background-color: #ddd;
}
.ctm-nav-menu-item:hover .ctm-nav-dropdown {
display: block;
}
.hidden-first {
display: none;
}
/* Burger Menu Icon Variable */
:root {
--burger-icon-url: url('/wp-content/uploads/custom-uploads/burger-menu-icon.svg'); /* Default icon */
--close-icon-url: url('/wp-content/uploads/custom-uploads/close-round.svg'); /* Default icon */
}
.show {
display: block !important;
}
.ctm-nav-burger-menu {
display: none;
float: right;
background-image: var(--burger-icon-url);
background-size: cover;
width: 30px;
height: 30px;
margin: 0px 20px 0px 0px;
cursor: pointer;
}
.ctm-nav-burger-menu-close {
background-image: var(--close-icon-url);
position: absolute;
top: 26px;
right: 20px;
width: 30px;
height: 30px;
background-size: cover;
cursor: pointer;
display: none;
}
/* Style for Submenu Items */
.ctm-nav-mobile-submenu li {
padding: 10px 0;
}
.ctm-nav-mobile-submenu li a {
color: black;
padding: 8px 16px;
text-decoration: none;
display: block;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
}
.ctm-nav-mobile-submenu li a:hover {
background-color: #ddd;
}
.navPlusX {
display: flex;
align-items: center;
position: relative;
background-color: #ffffff;
}
.main-nav-wrapper[style="height: 130px;"] .navPlusX {
height: 100px;
}
input#wp-block-search__input-2 {
color: var(--wp--preset--color--foreground);
}
/* Media Query for Devices Below 833px */
/* Hide the mobile menu on screens wider than 833px */
/* Media Query for Devices Below 833px */
/* Use the existing media query to hide the mobile menu on larger screens */
/*company specific top head gradients*/
/*.page-template-wp-custom-template-roentgen-bender-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #5F83A6, #5F83A6, #5F83A6);
}
.page-template-wp-custom-template-be-imaging-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #A5288D, #A5288D, #A5288D);
}
.page-template-wp-custom-template-be-imaging-template-ch .breadcrumb-title {
background: linear-gradient(45deg, #000000, #A5288D, #A5288D, #A5288D);
}
.page-template-wp-custom-template-academy-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #7b003a, #7b003a, #7b003a);
}
.page-template-wp-custom-template-medigration-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #0B5FA6, #0B5FA6, #0B5FA6);
}
.page-template-wp-custom-template-be-consult-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #5A2780, #5A2780, #5A2780);
}
.page-template-wp-custom-template-netzwerk-wissen-template .breadcrumb-title {
background: linear-gradient(45deg, #000000, #B0A092, #B0A092, #B0A092);
}*/
/*end company specific top head gradients*/
/*hide bender gruppe from all breadcrumbs except bender gruppe template*/
.page-template-wp-custom-template-roentgen-bender-template .breadcrumb_content:first-child {
display: none;
}
.page-template-wp-custom-template-be-imaging-template .breadcrumb_content:first-child,
.page-template-wp-custom-template-be-imaging-template-ch .breadcrumb_content:first-child {
display: none;
}
.page-template-wp-custom-template-medigration-template .breadcrumb_content:first-child {
display: none;
}
.page-template-wp-custom-template-be-consult-template .breadcrumb_content:first-child {
display: none;
}
.page-template-wp-custom-template-netzwerk-wissen-template .breadcrumb_content:first-child {
display: none;
}
/*end hide bender gruppe from breadcrumbs*/
/* Apply the arrow to the first span that is a direct child of .breadcrumb-content */
.breadcrumb-title .breadcrumb-content > span:before {
content: url(/wp-content/uploads/2023/10/arrow-small-right.svg);
position: relative;
margin-right: 10px;
display: inline-block;
margin-top: -1px;
}
/* Remove the arrow if the first span contains another span with an tag, to avoid duplicate arrows */
.breadcrumb-title .breadcrumb-content > span span a:before {
content: none;
}
.breadcrumb-title span.breadcrumb_last:before {
content: '' !important;
margin-right: 0px !important;
}
.breadcrumb-title span .breadcrumb_content:before {
content: '';
}
.breadcrumb-title a {
text-decoration: none;
color: #ffffff;
font-size: 14px;
font-style: normal;
display: flex;
align-items: center;
}
.breadcrumb_last {
font-weight: 500;
}
.breadcrumb-title span {
display: flex;
}
.breadcrumb_content:after {
content: '/';
padding-left: 5px;
padding-right: 5px;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
width: 780px;
min-width: 780px;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:first-child {
width: 280px;
min-width: 280px;
justify-content: flex-start;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:last-child {
width: 40px;
min-width: 40px;
}
.wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-core-group-layout-1.wp-block-group-is-layout-flex {
padding-top: 30px !important;
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex {
height: 80px;
}
.search-wrapper {
margin-top: 0px!important;
}
.page-id-3334 .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-container-core-columns-layout-2.wp-block-columns-is-layout-flex {
display: none;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
display: flex;
justify-content: flex-end;
margin-right: 0px;
}
.wp-block-columns.is-layout-flex.wp-container-7.wp-block-columns-is-layout-flex {
align-items: center !important;
}
form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
width: 0px;
right: calc(((100vw - 1100px) / 2));
transition: 0.5s;
z-index: -1;
position: absolute;
visibility: hidden;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
input#wp-block-search__input-2,
input#wp-block-search__input-3,
input#wp-block-search__input-6 {
background-color: #ffffff;
border-radius: 0px;
border-top: none;
border-right: none;
border-bottom: none;
width: 660px;
border-left: none;
font-size: 14px;
font-weight: 400;
}
button.wp-block-search__button.wp-element-button {
width: 0px;
display: block;
height: 0px;
opacity: 0;
visibility: hidden;
padding: 0px;
}
.wp-block-columns.is-layout-flex.wp-container-7.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
width: 780px;
margin: 0px;
}
.wp-block-columns.is-layout-flex.wp-container-7.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:first-child {
max-width: 278px;
}
.wp-block-columns.is-layout-flex.wp-container-7.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:last-child {
max-width: 42px;
display: flex;
align-items: center;
border-left: solid 1px #5E6B8E;
height: 40px;
}
a.wp-block-navigation-item__content {
font-size: 14px;
color: #757574 !important;
text-transform: uppercase;
font-weight: 500;
/* margin: 0px 10px 0px 10px;*/
margin: 0;
}
.wp-block-navigation .wp-block-navigation-item {
margin: 0px 10px 0px 10px!important;
}
a.wp-block-navigation-item__content:hover {
color: #333333 !important;
}
li.wp-block-navigation-item.wp-block-navigation-link:last-child a {
margin-right: 20px;
}
.this-parent:before {
content: ' ';
position: absolute;
border-top: solid 5px #000000;
width: 100%;
top: -14px;
}
/*
ul.wp-block-navigation-submenu .this-page:before {
top: 0px;
left: -10px;
width: 5px;
border-top: 30px solid;
position: relative;
}*/
.wp-block-columns.is-layout-flex.wp-container-7.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:last-child {
max-width: 42px;
display: flex;
align-items: flex-start;
}
button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle svg, li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu button {
display: none;
}
:where(body .is-layout-flex) {
gap: 0px;
}
.wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-8.wp-block-group-is-layout-flex {
padding-top: 33px !important;
padding-bottom: 20px !important;
}
/*nav.is-responsive.wp-block-navigation.is-layout-flex.wp-block-navigation-is-layout-flex:last-child:after {
content: '';
position: absolute;
right: 0px;
display: block;
height: 40px;
border-right: solid 1px #BABAB9;
top: 0px;
}*/
.wp-block-lazyblock-country-switcher {
position: absolute;
right: calc((100vw - 1100px) / 2);
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex .wp-block-image img {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
position: absolute;
right: calc(((100vw - 1100px) / 2));
top: 85px;
z-index: 2;
}
select#countrySwitcher {
height: 20px;
width: 50px;
padding-left: 5px;
margin-top: 5px;
font-family: Gotham;
font-weight: 400;
margin-bottom: 5px;
margin-left: 10px;
border-radius: 3px;
background-color: transparent;
color: #ffffff;
border: solid 1px;
font-size: 10px;
text-align: center !important;
padding-right: 5px;
padding-top: 2px;
}
select#countrySwitcher option {
color: #000000;
}
img.wp-image-1408 {
z-index: 130;
cursor: pointer;
padding-left: 20px;
padding-top: 38px;
padding-bottom: 22px;
background-color: #ffffff;
position: relative;
}
.wp-block-lazyblock-country-switcher {
z-index: 1;
}
ul.wp-block-navigation__container.is-responsive.wp-block-navigation li a[href="https://www.bendergruppe.com/suche/"] {
display: none;
}
input#wp-block-search__input-2::-webkit-search-cancel-button,
input#wp-block-search__input-3::-webkit-search-cancel-button,
input#wp-block-search__input-6::-webkit-search-cancel-button {
display: none;
}
.wp-block-search__inside-wrapper.expanded:before {
content: '';
position: relative;
display: block;
height: 40px;
border-right: solid 1px #BABAB9;
top: 3px;
}
figure#searchicon {
position: relative;
}
figure#searchicon:before {
content: '';
position: absolute;
display: block;
height: 40px;
border-right: solid 1px #BABAB9;
top: 27px;
z-index: 140;
}
/*Category specific navigations*/
.prod-nav li {
display: none !important;
}
.prod-nav ul.wp-block-navigation__submenu-container li {
display: flex !important;
}
/*kontrastmittel*/
.prod-nav li.wp-block-pages-list__item.current-menu-item.has-child.wp-block-navigation-item.open-on-hover-click.page-kontrastmittel {
display: flex !important;
}
/*------ DO NOT DISPLAY SEARCH IN HEADER WHEN BURGER MENU IS PRESENT -----*/
@media screen and (max-width: 1100px) {
figure#searchicon {
display: none;
}
nav.is-responsive.wp-block-navigation.is-layout-flex.wp-block-navigation-is-layout-flex:last-child:after {
border: none;
}
nav.ctm-nav-menu-bar.smaller {
margin-left: 0;
}
}
/*------ DISPLAY SEARCH IN BURGER MENU -----*/
@media screen and (max-width: 1100px) {
ul.wp-block-navigation__container.is-responsive.wp-block-navigation li a[href="https://bendergruppe.com/suche/"] {
display: block;
}
/*ul.wp-block-navigation__container.is-responsive.wp-block-navigation li:last-child:before {
content: url(https://bendergruppe.com/wp-content/uploads/2023/10/zoom-out.svg);
}*/
}
/* -> end ----- Header ----- */
/* -> begin ----- Header Slider ----- */
.slider-image-wrapper {
width: 100vw;
height: 480px;
overflow: hidden;
}
.slider-image {
width: 100vw;
height: 480px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
/*filter: brightness(70%);
transition: 0.5s;
-webkit-transition: 0.5s;*/
}
.slider-text-container:hover + .slider-image,
.slider-image:hover {
filter: brightness(100%);
-webkit-transform: scale(1.005);
transform: scale(1.005);
-webkit-transition: 0.5s;
transition: 0.5s;
}
/*.slider-image:hover {
filter: brightness(100%);
-webkit-transform: scale(1.005);
transform: scale(1.005);
-webkit-transition: 0.5s;
transition: 0.5s;
}*/
.slide {
color: #ffffff;
height: 480px;
overflow: hidden;
min-width: 100vw;
}
.slider-text-container {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
position: relative;
top: -360px;
}
.headline, .subline {
text-transform: uppercase;
}
.headline {
font-size: 30px;
font-weight: 500;
}
.subline {
font-size: 20px;
font-weight: 400;
text-transform: none;
}
.slider-cta {
font-size: 14px!important;
font-weight: 500;
color: red;
padding: 12px 20px 10px 20px;
background-color: #ffffff;
color: #333333;
width: fit-content;
border-radius: 5px;
margin-top: 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-transform: uppercase;
border: solid 1px #ffffff;
}
.slider-cta:hover {
background-color: #ffffff10;
border: 1px solid #ffffff;
color: #ffffff;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.slider-text-container a {
text-decoration: none;
}
.company {
font-family: SpaceColony-Medium;
font-size: 18px;
margin-bottom: 22px;
}
.companies .cfi-article-image {
flex-shrink: 0;
width: 530px;
height: 170px;
background-size: 60%;
background-position: top;
background-repeat: no-repeat;
}
.companies {
display: flex;
flex-direction: column;
}
.slide-container {
display: flex;
transition: 1s;
overflow: hidden;
margin-top: 160px;
}
.wp-block-lazyblock-header-slider {
max-width: none;
display: flex;
}
.slider-navigation-dots {
position: absolute;
left: 0px;
top: 655px;
width: 100vw;
height: 10px;
display: flex;
justify-content: center;
}
.navigation-dot {
width: 10px;
height: 10px;
background-color: #A2A2A2;
border-radius: 5px;
margin: 0px 2.5px 0px 2.5px;
cursor: pointer;
}
.navigation-dot.active-dot {
background-color: #757574;
}
/* -> end ----- Header Slider ----- */
/* --- MEDIGRATION FEATURES --- */
.usp-head {
padding: 30px 20px;
}
.usp-head h2 {
text-align: center;
text-transform: uppercase;
font-family: 'Gotham';
font-weight: 500;
font-size: 30px;
margin-bottom: 40px;
}
.medi-feat-wrapper {
width: 100%;
max-width: 1160px;
margin: 0 auto;
text-align: center;
background: transparent;
margin-bottom: 100px;
}
ul.medi-feat-list {
display: inline;
margin: 0;
padding:0;
}
.medi-feat-item img {
max-height: 200px;
}
li.medi-feat-item {
background: #efefef;
list-style: none;
display: inline-block;
width: 25.5%;
min-height: 360px;
text-align: center;
margin: 20px;
padding: 20px;
border-radius: 20px;
vertical-align: top;
}
li.medi-feat-item > p {
font-size: 16px;
text-align: left;
hyphens: auto;
line-height: 1.4;
}
li.medi-feat-item h2 {
font-family: Gotham;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
text-align: left;
margin: 0 0 10px 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
li.medi-feat-item h3 {
font-family: Gotham;
font-weight: 400;
font-size: 20px;
text-transform: uppercase;
text-align: left;
min-height: 50px;
margin: 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
@media screen and (max-width: 1100px) {
li.medi-feat-item {
width: auto!important;
min-height: auto!important;
}
}
/* --- END MEDIGRATION FEATURES --- */
/* --- USP ITEMS --- */
.usp-wrapper {
width: 100%;
max-width: 1160px;
margin: 0 auto;
text-align: center;
background: transparent;
margin-bottom: 100px;
}
ul.usp-list {
display: inline;
margin: 0;
padding:0;
}
.usp-item img {
max-height: 200px;
float: left;
/* width: 100px;*/
margin: 0 20px 0px 0;
}
li.usp-item {
background: #efefef;
list-style: none;
display: inline-block;
width: 42%;
min-height: 330px;
text-align: left;
margin: 20px;
padding: 20px;
border-radius: 20px;
vertical-align: top;
}
li.usp-item h2 {
font-family: Gotham;
font-weight: 500;
font-size: 25px;
text-transform: uppercase;
text-align: left;
min-height: 70px;
margin: 10px;
}
@media screen and (max-width: 1100px) {
li.usp-item {
width: auto!important;
min-height: auto!important;
}
}
/* --- END USP ITEMS --- */
/* --- CHECKLIST ITEMS --- */
ul.check-list {
margin: 0;
padding: 0;
columns: 2;
gap: 20px;
}
li.check-item {
list-style: none;
position: relative;
padding-left: 40px;
text-align: left;
padding: 10px 10px 15px 40px;
}
li.check-item a {
text-decoration: none;
color: #0C5CA8;
}
/* Hide the ::after element by default for all links */
li.check-item a::after {
display: none;
}
/* Only show the ::after element for links with the 'has-url' class */
li.check-item a.has-url::after {
display: inline-block;
content: "";
position: relative;
top: -1px;
width: 12px;
height: 12px;
margin-left: 5px;
background-image: url('https://bendergruppe.com/wp-content/uploads/2024/02/icn-link-external.svg');
background-size: cover;
background-repeat: no-repeat;
vertical-align: middle;
}
/* Ensure that links without a URL (having 'no-after' class) do not show the ::after content */
li.check-item a.no-after::after {
display: none;
}
li.check-item::before {
content: "";
position: absolute;
left: 0;
top: 44%;
transform: translateY(-50%);
width: 24px;
height: 24px;
background-image: url('https://bendergruppe.com/wp-content/uploads/2023/12/checkmark.svg');
background-size: cover;
background-repeat: no-repeat;
}
.check-wrapper {
width: 100%;
max-width: 1050px;
margin: 0 auto;
text-align: center;
background: transparent;
margin-bottom: 100px;
}
li.check-item h3 {
font-family: Gotham;
font-weight: 500;
font-size: 18px;
color: #0C5CA8;
text-transform: uppercase;
padding: 0;
margin: 0;
}
@media screen and (max-width: 1100px) {
li.check-item {
width: auto !important;
min-height: auto !important;
}
ul.check-list {
columns: 1;
gap: 0px;
margin-left: 20px;
}
li.check-item h3 {
font-size: 16px;
}
}
/* --- END CHECKLIST ITEMS --- */
/* --- TEXTBLOCK ITEMS --- */
.textblock-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1120px;
padding-left: calc((100vw - 1120px) / 2);
padding-right: calc((100vw - 1120px) / 2);
text-align: center;
background: transparent;
justify-content: flex-start; /* Align items from the start */
margin-bottom: 100px;
column-gap: 20px;
}
.textblock-item-wrapper {
background: transparent;
margin: 0px 0px 0px 10px;
box-sizing: border-box; /* Include padding and borders in element's total width */
width: calc(50% - 20px); /* Adjust for margin to fit two items per row */
min-height: 100px;
}
.textblock-item {
text-align: left;
word-wrap: break-word;
overflow-wrap: break-word;
}
.textblock-item h3, .textblock-item p {
font-family: Gotham;
font-weight: 400;
font-size: 22px;
color: #0C5CA8;
text-transform: none;
padding: 0;
margin: 0 0 10px 0;
}
.textblock-item p {
font-size: 16px; /* Font size for paragraph */
color: #000;
}
.textblock-item h3 {
font-weight: 500;
font-size: 20px;
}
/* QUERIES tablet and below */
@media screen and (max-width: 1100px) {
.textblock-wrapper {
/* Adjust if needed for tablet specifics, otherwise, desktop styles apply */
}
.textblock-item-wrapper {
width: calc(100% - 20px);
margin: 10px 20px;
}
}
/* Adjustments specifically for mobile */
@media screen and (max-width: 768px) {
.textblock-item h3, .textblock-item p {
font-size: 18px; /* Slightly larger font size for better readability on mobile */
}
.slider-text-container .headline {
hyphens: auto;
}
}
/* --- END TEXTBLOCK ITEMS --- */
/* -> begin ----- Headline Colors ----- */
.page-template-wp-custom-template-bender-gruppe-template h1,
.page-template-wp-custom-template-bender-gruppe-template h2,
.page-template-wp-custom-template-bender-gruppe-template h3,
.page-template-wp-custom-template-bender-gruppe-template h4,
.page-template-wp-custom-template-bender-gruppe-template .erster-deskriptor b {
color: #000000;
}
.page-template-wp-custom-template-roentgen-bender-template h1,
.page-template-wp-custom-template-roentgen-bender-template h2,
.page-template-wp-custom-template-roentgen-bender-template h3,
.page-template-wp-custom-template-roentgen-bender-template h4,
.page-template-wp-custom-template-roentgen-bender-template.single svg,
.page-template-wp-custom-template-roentgen-bender-template .erster-deskriptor b {
color: #5F83A6;
}
.page-template-wp-custom-template-be-imaging-template h1,
.page-template-wp-custom-template-be-imaging-template h2,
.page-template-wp-custom-template-be-imaging-template h3,
.page-template-wp-custom-template-be-imaging-template h4,
.page-template-wp-custom-template-be-imaging-template.single svg,
.page-template-wp-custom-template-be-imaging-template .erster-deskriptor b {
color: #A5288D;
}
.page-template-wp-custom-template-be-imaging-template-ch h1,
.page-template-wp-custom-template-be-imaging-template-ch h2,
.page-template-wp-custom-template-be-imaging-template-ch h3,
.page-template-wp-custom-template-be-imaging-template-ch h4,
.page-template-wp-custom-template-be-imaging-template-ch.single svg,
.page-template-wp-custom-template-be-imaging-template-ch .erster-deskriptor b {
color: #A5288D;
}
/*.page-template-wp-custom-template-academy-template h1,
.page-template-wp-custom-template-academy-template h2,
.page-template-wp-custom-template-academy-template h3,
.page-template-wp-custom-template-academy-template h4,
.page-template-wp-custom-template-academy-template.single svg,
.page-template-wp-custom-template-academy-template .erster-deskriptor b {
color: #7b003a;
}*/
.page-template-wp-custom-template-radiopharmazeutika-template h1,
.page-template-wp-custom-template-radiopharmazeutika-template h2,
.page-template-wp-custom-template-radiopharmazeutika-template h3,
.page-template-wp-custom-template-be-imaging-template h4,
.page-template-wp-custom-template-radiopharmazeutika-template.single svg,
.page-template-wp-custom-template-be-imaging-template .erster-deskriptor b {
color: #A5288D;
}
.page-template-wp-custom-template-medigration-template h1,
.page-template-wp-custom-template-medigration-template h2,
.page-template-wp-custom-template-medigration-template h3,
.page-template-wp-custom-template-medigration-template h4,
.page-template-wp-custom-template-medigration-template.single svg,
.page-template-wp-custom-template-medigration-template .erster-deskriptor b {
color: #0B5FA6;
}
.page-template-wp-custom-template-be-consult-template h1,
.page-template-wp-custom-template-be-consult-template h2,
.page-template-wp-custom-template-be-consult-template h3,
.page-template-wp-custom-template-be-consult-template h4,
.page-template-wp-custom-template-be-consult-template.single svg,
.page-template-wp-custom-template-be-consult-template .erster-deskriptor b {
color: #5A2780;
}
.page-template-wp-custom-template-netzwerk-wissen-template h1,
.page-template-wp-custom-template-netzwerk-wissen-template h2,
.page-template-wp-custom-template-netzwerk-wissen-template h3,
.page-template-wp-custom-template-netzwerk-wissen-template h4,
.page-template-wp-custom-template-netzwerk-wissen-template.single svg,
.page-template-wp-custom-template-netzwerk-wissen-template .erster-deskriptor b {
color: #B0A092;
}
.page-template-wp-custom-template-bender-gruppe-template .this-page:before,
.page-template-wp-custom-template-bender-gruppe-template ul.wp-block-navigation-submenu .this-page:before,
.page-template-wp-custom-template-bender-gruppe-template .this-parent:before,
{
border-top-color: #000000;
}
.page-template-wp-custom-template-roentgen-bender-template .this-page:before,
.page-template-wp-custom-template-roentgen-bender-template ul.wp-block-navigation-submenu .this-page:before,
.page-template-wp-custom-template-roentgen-bender-template .this-parent:before {
border-top-color: #5F83A6;
}
.page-template-wp-custom-template-be-imaging-template .this-page:before,
.page-template-wp-custom-template-be-imaging-template ul.wp-block-navigation-submenu .this-page:before,
.page-template-wp-custom-template-be-imaging-template .this-parent:before {
border-top-color: #A5288D;
}
.page-template-wp-custom-template-be-imaging-template-ch .this-page:before,
.page-template-wp-custom-template-be-imaging-template-ch ul.wp-block-navigation-submenu .this-page:before,
.page-template-wp-custom-template-be-imaging-template-ch .this-parent:before {
border-top-color: #A5288D;
}
.page-template-wp-custom-template-academy-template .this-page:before,
.page-template-wp-custom-template-academy-template ul.wp-block-navigation-submenu .this-page:before,
.page-template-wp-custom-template-academy-template .this-parent:before {
border-top-color: #7b003a;
}
.page-template-wp-custom-template-radiopharmazeutika-template .this-page:before,
.page-template-wp-custom-template-radiopharmazeutika-template ul.wp-block-navigation-submenu .this-page:before,
.page-template-wp-custom-template-radiopharmazeutika-template .this-parent:before {
border-top-color: #A5288D;
}
.page-template-wp-custom-template-medigration-template .this-page:before,
.page-template-wp-custom-template-medigration-template ul.wp-block-navigation-submenu .this-page:before,
.page-template-wp-custom-template-medigration-template .this-parent:before {
border-top-color: #0B5FA6;
}
.page-template-wp-custom-template-be-consult-template .this-page:before,
.page-template-wp-custom-template-be-consult-template ul.wp-block-navigation-submenu .this-page:before,
.page-template-wp-custom-template-be-consult-template .this-parent:before {
border-top-color: #5A2780;
}
.page-template-wp-custom-template-netzwerk-wissen-template .this-page:before,
.page-template-wp-custom-template-netzwerk-wissen-template ul.wp-block-navigation-submenu .this-page:before,
.page-template-wp-custom-template-netzwerk-wissen-template .this-parent:before {
border-top-color: #B0A092;
}
/* -> end ----- Headline Colors ----- */
/* -> begin ----- Block Colors ----- */
.black {
color: #000000;
}
.white {
color: #ffffff;
}
.blue-rg {
color: #5F83A6;
}
.berry {
color: #A5288D;
}
.blue-me {
color: #0B5FA6;
}
.purple {
color: #5A2780;
}
.beige {
color: #B0A092;
}
.grey {
color: #545C6A;
}
/* -> begin ----- Block Colors ----- */
/* -> begin ----- Block Eingangstext ----- */
/*colors & company names*/
/*bender gruppe*/
.page-template-wp-custom-template-bender-gruppe-template .egt-company-name h4:before {
content: 'bender gruppe';
}
.page-template-wp-custom-template-bender-gruppe-template .egt-button,
.page-template-wp-custom-template-bender-gruppe-template .df-table-heads {
background-color: #000000;
}
/*röntgen bender*/
.page-template-wp-custom-template-roentgen-bender-template .egt-company-name h4:before {
content: 'röntgen bender';
}
.page-template-wp-custom-template-roentgen-bender-template .egt-button,
.page-template-wp-custom-template-roentgen-bender-template .df-table-heads {
background-color: #5F83A6;
}
/*b.e. imaging*/
.page-template-wp-custom-template-be-imaging-template .egt-company-name h4:before {
content: 'b.e. imaging';
}
.page-template-wp-custom-template-be-imaging-template-ch .egt-company-name h4:before {
content: 'b.e. imaging';
}
.page-template-wp-custom-template-academy-template .egt-company-name h4:before {
content: 'b.e.academy';
}
.page-template-wp-custom-template-radiopharmazeutika-template .egt-company-name h4:before {
content: 'radiopharmazeutika';
}
.page-template-wp-custom-template-be-imaging-template .egt-button,
.page-template-wp-custom-template-be-imaging-template .df-table-heads {
background-color: #A5288D;
}
.page-template-wp-custom-template-be-imaging-template-ch .egt-button,
.page-template-wp-custom-template-be-imaging-template-ch .df-table-heads {
background-color: #A5288D;
}
/*.page-template-wp-custom-template-academy-template .egt-button,*/
.page-template-wp-custom-template-academy-template .df-table-heads {
background-color: #7b003a;
}
.page-template-wp-custom-template-radiopharmazeutika-template .egt-button,
.page-template-wp-custom-template-radiopharmazeutika-template .df-table-heads {
background-color: #A5288D;
}
/*b.e. consult*/
.page-template-wp-custom-template-be-consult-template .egt-company-name h4:before {
content: 'b.e. consult';
}
.page-template-wp-custom-template-be-consult-template .egt-button,
.page-template-wp-custom-template-be-consult-template .df-table-heads {
background-color: #5A2780;
}
/*medigration*/
.page-template-wp-custom-template-medigration-template .egt-company-name h4:before {
content: 'medigration';
}
.page-template-wp-custom-template-medigration-template .egt-button,
.page-template-wp-custom-template-medigration-template .df-table-heads {
background-color: #0B5FA6;
}
/*netzwerk wissen*/
.page-template-wp-custom-template-netzwerk-wissen-template .egt-company-name h4:before {
content: 'netzwerk wissen';
}
.page-template-wp-custom-netzwerk-wissen-template .egt-button,
.page-template-wp-custom-netzwerk-wissen-template .df-table-heads {
background-color: #000000;
}
/*end of colors & company names*/
.wp-block-lazyblock-eingangstext {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
}
.eingangstext-container {
margin: 60px 0;
display: flex;
flex-direction: column;
align-items: center;
}
.egt-company-name h4 {
font-family: SpaceColony-Medium;
font-size: 20px;
text-align: center;
}
.egt-headline h1 {
font-family: Gotham;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
text-align: center;
margin-top: 0px;
}
.egt-subline h3 {
font-family: Gotham;
font-weight: 500;
font-size: 18px;
opacity: 0.54;
/* text-transform: uppercase;*/
text-align: center;
margin-top: -10px;
}
.egt-fliesstext {
font-family: Gotham;
font-weight: 400;
font-size: 18px;
column-count: 2;
column-gap: 40px;
text-align: left;
margin-top: 25px;
margin-bottom: 10px;
max-width: 1100px;
}
.egt-button {
width: 530px;
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
margin-top: 40px;
transition: all 0.2s ease-in-out;
}
.egt-button:hover {
transform: scale(1.02);
cursor: pointer;
}
.egt-button a {
font-family: Gotham;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
width: 530px;
text-align: center;
}
.egt-company-name {
display: none;
}
.page-template-wp-custom-template-bender-gruppe-template .egt-company-name {
display: block;
}
.egt-columns {
display: flex;
gap: 40px;
width: 50%;
}
.egt-col {
flex: 1;
}
.egt-col-headline {
margin-bottom: 12px;
hyphens: none;
-webkit-hyphens: none;
word-break: normal;
overflow-wrap: normal;
}
.egt-col-list {
list-style: none;
padding-left: 0;
}
.egt-col-list li {
position: relative;
padding-left: 24px;
margin-bottom: 8px;
}
.egt-col-list li::before {
content: "•";
position: absolute;
left: 0;
}
.no-break {
hyphens: none;
-webkit-hyphens: none;
word-break: normal;
overflow-wrap: normal;
white-space: nowrap;
}
/* -> end ----- Block Eingangstext ----- */
/* -> begin ----- Block Aktuelles ----- */
.wp-block-latest-posts.wp-block-latest-posts__list {
display: flex;
flex-direction: row; /* Default to row */
flex-wrap: wrap; /* Wrap items if they don't fit in a single row */
justify-content: flex-start; /* Align items to start */
}
.wp-block-latest-posts li {
background-color: #ffffff;
margin-right: 20px; /* Consistent margin */
border-radius: 5px;
padding: 10px;
font-size: 16px;
line-height: 1.5;
display: flex;
flex-direction: column;
position: relative;
box-sizing: border-box; /* Include padding and border in the element's total width and height */
flex: 1 0 calc(25% - 20px); /* Flex basis for four items per row on desktop */
}
.wp-block-latest-posts li:last-child {
margin-right: 0px;
}
h1.wp-block-heading.has-text-align-center.aktuelles-headline {
font-family: Gotham;
font-weight: 500;
text-transform: uppercase;
font-size: 30px;
text-align: center;
margin-bottom: 80px;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts {
max-width: 1100px!important;
}
.wp-block-latest-posts img {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.wp-block-latest-posts a {
font-size: 18px;
font-weight: 500;
text-decoration: none;
line-height: 1.25;
}
a.wp-block-latest-posts__post-title:after {
content: 'Mehr //';
position: absolute;
bottom: 20px;
left: 10px;
}
a.wp-block-latest-posts__post-title:hover:after {
color: #c4c4c3;
}
.wp-block-latest-posts__post-excerpt {
margin-bottom: 3em;
margin-top: 20px;
}
.wp-block-latest-posts__featured-image.aligncenter {
height: 80px;
overflow: hidden;
}
.custom-post-grid {
max-width: 1100px !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
gap: 26px;
}
.custom-post-item {
background-color: #ffffff;
border-radius: 5px;
padding: 10px;
font-size: 16px;
line-height: 1.5;
display: flex;
flex-direction: column;
position: relative;
box-sizing: border-box;
flex: 1 0 calc(25% - 20px);
max-width: 255px;
justify-content: space-between;
}
.custom-post-item .post-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
display: block;
}
.custom-post-item .post-excerpt {
font-size: 16px;
margin-bottom: 10px;
}
.custom-post-item a img {
width: 100%;
height: auto;
}
a.linked-image {
height: 80px;
overflow: hidden;
display: block;
}
.wp-block-lazyblock-custom-latest-posts {
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: wrap;
}
.cpi-content-area a {
text-decoration: none;
margin-top: 20px;
}
a.post-title {
text-decoration: none;
}
button#all-news-button {
background-color: #000000 !important;
color: var(--wp--preset--color--background);
font-size: 14px!important;
text-transform: uppercase;
border-radius: 5px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
margin-top: 40px;
font-weight: 500;
opacity: 0.7;
}
button#all-news-button:hover {
opacity: 1;
}
.read-more-button {
text-align: center;
text-decoration: none;
text-align: center;
background-color: #000000 !important;
color: #fff;
font-size: 14px !important;
text-transform: uppercase;
border-radius: 5px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
margin-top: 10px;
font-weight: 500;
opacity: 0.3;
}
.all-news-button-wrapper {
text-align: center;
margin-top: 20px;
}
#all-news-button {
padding: 10px 20px;
background-color: #0073aa;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
#all-news-button:hover {
background-color: #005a87;
}
/* -> end ----- Block Aktuelles ----- */
/* -> begin ----- Block Footer ----- */
/*background colors for companies in footer*/
.page-template-wp-custom-template-sub-page-template .footer-block-container,
.page-template-wp-custom-template-bender-gruppe-template .footer-block-container {
background-color: #ececec;
color: #4a4a4a;
}
/*end of background colors for companies in footer*/
.footer-block-container, .footer-block-container a {
color: #4a4a4a;
text-decoration: none;
}
.footer-block-container {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
padding-top: 60px;
padding-bottom: 40px;
}
.footer-ls-regular {
margin-bottom: 30px;
display: none;
}
.footer-header h3 {
font-family: Gotham;
font-weight: 500;
text-transform: uppercase;
font-size: 18px;
color: #fff;
}
.footer-content-wrapper {
/* display: flex;
justify-content: space-between; */
padding: 72px 0 52px;
z-index: 100;
position:relative;
}
.footer-content-wrapper p {
margin: 5px;
margin-left: 0;
}
/* Default styles for desktop */
.footer-block-container {
display: flex;
flex-direction: column; /* Stack all elements vertically on mobile and desktop */
align-items: flex-start; /* Align elements to the left on mobile and desktop */
justify-content: flex-start; /* Adjust the vertical alignment as well */
background-color: #ECECEC;
}
.footer-content-wrapper {
display: flex;
flex-wrap: wrap; /* Allow columns to wrap on smaller screens */
justify-content: space-between; /* Create equal spacing between columns on desktop */
width: 100%; /* Ensure full width on desktop */
}
.footer-header {
width: 100%; /* Make header span the full width on desktop */
}
.footer-left-container,
.footer-center-container,
.footer-right-container {
/* flex: 1;
width: calc(33.33% - 20px);
text-align: left;
margin-bottom: 20px; */
width: 25%;
float: left;
}
.footer-left-container {
min-width: calc(66.66666% - 20px); /* Calculate the width to create equal spacing on desktop */
}
.footer-center-container, .footer-right-container {
width: calc(16.66666% - 20px);
display: flex;
flex-direction: column;
padding-top: 5px;
}
.footer-center-container a, .footer-right-container a {
/*text-decoration: underline;*/
color: #4a4a4a;
}
.footer-center-container p, .footer-right-container p {
padding: 0px !important;
margin-block-start: 0px;
}
.social-icons {
display: flex;
margin-top: 10px;
}
.social-icons div {
margin-right: 10px;
}
/* -> end ----- Block Footer ----- */
/* -> begin ----- Block Headline + Fliesstext ----- */
.content-headline-fliesstext-container {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
margin-top: 70px;
}
.chf-headline h2, .cfi-headline h2 {
font-family: Gotham;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
}
.cfi-headline h2 {
font-size: 18px;
text-align: left;
text-transform: none;
margin-top: 0px;
}
.cfi-fliesstext {
font-family: Gotham;
font-weight: 400;
font-size: 18px;
text-align: left;
margin-top: 25px;
}
.chf-fliesstext {
font-family: Gotham;
font-weight: 400;
font-size: 18px;
column-count: 2;
column-gap: 40px;
text-align: left;
margin-top: 25px;
margin-bottom: 100px;
}
.one-col {
column-count: 1!important;
}
.content-fliesstext-image,
.content-fliesstext-image-reverse {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
margin: 100px 0px!important;
}
/* Headline and Text to the Left, Image to the Right */
.content-fliesstext-image {
display: flex;
align-items: flex-start;
gap:40px;
}
.cfi-content-wrapper {
flex-grow: 1;
}
.cfi-article-image {
flex-shrink: 0;
width: 530px;
height: 400px;
background-size: cover;
background-position: center;
}
/* Image to the Left, Headline, and Text to the Right */
.content-fliesstext-image-reverse {
display: flex;
align-items: flex-start;
flex-direction: row-reverse;
gap: 40px;
}
/* Mobile devices */
@media (max-width: 1100px) {
.content-fliesstext-image, .content-fliesstext-image-reverse {
flex-direction: column; /* Stack items vertically */
align-items: center; /* Center items for a better mobile experience */
}
.cfi-article-image {
width: 100%; /* Make the image responsive */
order: -1; /* Position image above text and headline */
margin-bottom: 10px; /* Add some space below the image */
}
/* Remove text-align center to keep text left-aligned on mobile */
.cfi-content-wrapper,
.cfi-headline h2,
.cfi-fliesstext {
/* text-align: center; */ /* This line is commented out to keep text left-aligned */
width: 100%; /* Ensure full width is used for these elements */
}
.content-fliesstext-image, .content-fliesstext-image-reverse
{
margin: 100px 20px !important;
}
}
/* -> end ----- Block Headline + Fliesstext ----- */
/* -> begin ----- Block Company Contact ----- */
/*company specific background colors*/
.page-template-wp-custom-template-bender-gruppe-template .company-contact-container {
background-color: #000000B3;
}
.page-template-wp-custom-template-roentgen-bender-template .company-contact-container {
background-color: #5F83A6B3;
}
.page-template-wp-custom-template-be-imaging-template .company-contact-container {
background-color: #A5288DB3;
}
.page-template-wp-custom-template-be-imaging-template-ch .company-contact-container {
background-color: #A5288DB3;
}
.page-template-wp-custom-template-academy-template .company-contact-container {
/* background-color: #7b003aB3;*/
background-color: #a24c75;
}
.page-template-wp-custom-template-radiopharmazeutika-template .company-contact-container {
background-color: #A5288DB3;
}
.page-template-wp-custom-template-medigration-template .company-contact-container {
background-color: #0B5FA6B3;
}
.page-template-wp-custom-template-be-consult-template .company-contact-container {
background-color: #5A2780B3;
}
.page-template-wp-custom-template-netzwerk-wissen-template .company-contact-container {
background-color: #B0A092B3;
}
/*end of company specific background colors*/
.company-contact-container {
display: flex;
color: #ffffff;
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
margin-top: -25px;
}
.ansprechpartner-container {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.ansprechpartner-wrapper {
width: 50%;
margin: 50px 0;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
align-content: flex-start;
}
.ansprechpartner-foto img {
width: 160px;
height: 160px;
border-radius: 100px;
border: 4px solid #ffffff;
}
.ansprechpartner-labels {
text-transform: uppercase;
margin-left: 30px;
}
.ansprechpartner-name {
font-weight: 500;
font-size: 20px;
}
.ansprechpartner-bereich {
font-size: 16px;
margin-top: -7px;
}
.contact-wrapper {
width: 50%;
/* margin-top: 70px;*/
margin: 75px 0 50px 0;
}
.contact-headline h3 {
color: #ffffff;
font-family: Gotham;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
}
.contact-einleitungstext {
margin-top: -20px;
}
form input, form textarea {
width: calc(100% - 20px);
border-radius: 5px;
background-color: #efefef;
border: none;
padding-left: 20px;
font-size: 18px;
color: #BBBBBB;
}
form input {
height: 50px;
}
form textarea {
padding-top: 15px;
}
input.wpcf7-form-control.wpcf7-submit {
width: calc(100% + 3px);
background-color: #ffffff80;
color: #ffffff;
text-transform: uppercase;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
input.wpcf7-form-control.wpcf7-submit:hover {
transform: scale(1.02);
background-color: #ffffff20;
}
.ansprechpartner-foto img {
background-image: url(https://www.bendergruppe.com/wp-content/uploads/2024/08/avatar-placeholder.jpg);
background-size: cover;
background-position: 0px;
}
/* -> end ----- Block Company Contact ----- */
/* -> begin ----- Content Bild + Text ----- */
.content-bild-text {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
margin-top: -25px;
}
.zeile-eins-wrapper, .zeile-zwei-wrapper {
display: flex;
margin-top: 100px;
}
.cbd-spalte {
width: 50%;
}
.cbd-spalte img {
width: 100%;
max-height: 400px;
}
.spalte-rechts {
padding-left: 20px;
}
.spalte-links {
padding-right: 20px;
}
.cbd-subhead h3 {
margin-top: 0px;
font-family: Gotham;
font-weight: 500;
font-size: 18px;
}
/* -> end ----- Content Bild + Text ----- */
/* -> begin ----- Custom Products Display ----- */
/* begin Company specific background colors */
.page-template-wp-custom-template-bender-gruppe-template .produktgruppe-container, .page-template-wp-custom-template-bender-gruppe-template .product-item a.button {
background-color: #00000073;
}
.page-template-wp-custom-template-roentgen-bender-template .produktgruppe-container, .page-template-wp-custom-template-roentgen-bender-template .product-item a.button {
background-color: #5F83A673;
}
.page-template-wp-custom-template-be-imaging-template .produktgruppe-container,
.page-template-wp-custom-template-be-imaging-template .product-item a.button,
.page-template-wp-custom-template-be-imaging-template-ch .produktgruppe-container,
.page-template-wp-custom-template-be-imaging-template-ch .product-item a.button {
background-color: #A5288D73;
}
.page-template-wp-custom-template-academy-template .produktgruppe-container,
.page-template-wp-custom-template-be-imaging-template .product-item a.button,
.page-template-wp-custom-template-be-imaging-template-ch .product-item a.button
{
background-color: #7b003a73;
}
.page-template-wp-custom-template-radiopharmazeutika-template .produktgruppe-container,
.page-template-wp-custom-template-radiopharmazeutika-template .product-item a.button,
.page-template-wp-custom-template-be-imaging-template-ch .product-item a.button {
background-color: #A5288D73;
}
.page-template-wp-custom-template-medigration-template .produktgruppe-container, .page-template-wp-custom-template-medigration-template .product-item a.button {
background-color: #0B5FA673;
}
.page-template-wp-custom-template-be-consult-template .produktgruppe-container, .page-template-wp-custom-template-be-consult-template .product-item a.button {
background-color: #5A278073;
}
.page-template-wp-custom-template-netzwerk-wissen-template .produktgruppe-container, .page-template-wp-custom-template-netzwerk-wissen-template .product-item a.button {
background-color: #B0A09273;
}
.page-template-wp-custom-template-bender-gruppe-template .product-item a.button {
background-color: #000000;
}
.page-template-wp-custom-template-roentgen-bender-template .product-item a.button {
background-color: #5F83A6;
}
.page-template-wp-custom-template-be-imaging-template .product-item a.button,
.page-template-wp-custom-template-be-imaging-template-ch .product-item a.button {
background-color: #A5288D;
}
.page-template-wp-custom-template-academy-template .product-item a.button {
background-color: #7b003a;
}
.page-template-wp-custom-template-radiopharmazeutika-template .product-item a.button {
background-color: #A5288D;
}
.page-template-wp-custom-template-medigration-template .product-item a.button {
background-color: #0B5FA6;
}
.page-template-wp-custom-template-be-consult-template .product-item a.button {
background-color: #5A2780;
}
.page-template-wp-custom-template-netzwerk-wissen-template .product-item a.button {
background-color: #B0A092;
}
/*end company specific background colors*/
.page-template-wp-custom-template-roentgen-bender-template .product-item h2 {
height: 90px;
}
.produktgruppe-container {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
padding-bottom: 100px;
margin-top: 100px;
}
.head-and-sub {
padding-top: 65px;
padding-bottom: 35px;
}
.head-and-sub h2, .head-and-sub h3 {
font-family: Gotham;
font-size: 30px;
text-align: center;
margin: 0px;
}
.head-and-sub h2 {
font-weight: 500;
}
.head-and-sub h3 {
font-weight: 400;
}
.product-item {
min-height: 550px;
background-color: #ffffff;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 40px;
width: 267px;
}
.product-item h2 {
height: 60px;
font-size: 18px;
text-transform: uppercase;
font-family: SpaceColony-Medium;
text-align: left;
margin:0;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/*.page-template-wp-custom-template-be-imaging-template .product-item h2:after,*/
.page-template-wp-custom-template-radiopharmazeutika-template .product-item h2:after {
content: '®';
font-size: 12px;
margin-bottom: 6px;
position: absolute;
}
.product-item p {
font-size: 14px;
font-family: Gotham;
color: #707070;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-weight: 400;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.product-item p {
margin-top: -5%;
margin-bottom: 5%;
}
.product-item img {
max-height: 267px;
width: auto;
max-width: 100%;
}
.product-img {
height: 267px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.product-item a.button {
/* color: #ffffff;
text-decoration: none;
width: 267px;
height: 54px;
border-radius: 5px;
font-family: Gotham;
font-weight: 500;
font-size: 14px;
margin-top: 20px;
position: relative;
bottom: 0px;
justify-content: center;*/
color: #ffffff;
text-decoration: none;
border-radius: 5px;
font-family: Gotham;
font-weight: 500;
font-size: 14px;
margin-top: 40px;
position: relative;
bottom: 0px;
justify-content: center;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
.product-item a {
display: flex;
align-items: center;
justify-content: left;
align-content: center;
text-decoration: none;
}
.square {
position: relative;
width: 100%;
}
.square:after {
content: "";
display: block;
padding-bottom: 100%;
}
.square-content {
position: absolute;
width: 100%;
height: 100%;
background-color: #cccccc; /* Used if the image is unavailable */
height: 100%; /* You must set a specified height */
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
border-radius: 10px;
}
.product-img.square:hover .square-content {
transform: scale(1.05); /* Example scale factor */
-webkit-transition: ease-out 0.3s;
-moz-transition: ease-out 0.3s;
transition: ease-out 0.3s;
}
.page-template-wp-custom-template-roentgen-bender-template .woocommerce-Tabs-panel > ul li::before {
background-color: #5F83A6;
}
.page-template-wp-custom-template-medigration-template .woocommerce-Tabs-panel > ul li::before {
background-color: #0B5FA6;
}
.page-template-wp-custom-template-be-consult-template .woocommerce-Tabs-panel > ul li::before {
background-color: #5A2780;
}
/* Responsive grid adjustments */
@media only screen and (max-width: 768px) {
/* For tablet devices */
.custom-products {
display: grid!important;
grid-template-columns: repeat(2, 1fr)!important; /* 2 items in a row for tablet */
gap: 20px!important;
margin: 0 20px!important;
}
.head-and-sub h2, .head-and-sub h3 {
font-size: 27px;
}
}
@media only screen and (max-width: 480px) {
/* For mobile devices */
.custom-products {
display: grid!important;
grid-template-columns: 1fr!important; /* 1 item in a row for mobile */
gap: 20px!important;
margin: 0 20px!important;
}
}
/*begin doccheck login*/
.dc-login {
width: 100vw;
height: 200px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
background-color: #EFEFEF;
}
.dc-login-headline h2 {
font-size: 26px;
font-family: Gotham;
font-weight: 500;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 50px;
}
.dc-login-iframe {
width: 500px;
height: 320px;
border-radius: 20px;
background-color: #ffffff;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.dc-protected-wrapper {
display: flex;
justify-content: center;
text-align: center;
}
.dc-login-headline h3 {
text-transform: uppercase;
font-family: Gotham;
font-size: 24px;
color: #707070;
}
.page-template-wp-custom-template-be-imaging-template.dc_loggedout_user.rx_loggedout_user li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu.page-uebersicht ul:after,
.page-template-wp-custom-template-be-imaging-template-ch.dc_loggedout_user.rx_loggedout_user li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu.page-uebersicht ul:after,
.page-template-wp-custom-template-radiopharmazeutika-template.dc_loggedout_user.rx_loggedout_user li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu ul:after {
display: block;
content: 'Login erforderlich';
background-color: #ffffff;
margin-top: 20px;
padding: 10px;
text-transform: none;
}
.page-template-wp-custom-template-be-imaging-template.dc_loggedout_user.rx_loggedout_user li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu.page-uebersicht ul li,
.page-template-wp-custom-template-be-imaging-template-ch.dc_loggedout_user.rx_loggedout_user li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu.page-uebersicht ul li,
.page-template-wp-custom-template-radiopharmazeutika-template.dc_loggedout_user.rx_loggedout_user li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu ul li {
display: none;
}
/*end doccheck login*/
/* -> end ----- Custom Products Display ----- */
/* -> begin ----- Product Page ----- */
figure.slider-image.wp-block-post-featured-image {
overflow: hidden;
}
li#tab-title-reviews {
display: none;
}
li#tab-title-description {
display: none;
}
.wp-block-woocommerce-product-details ul.wc-tabs {
border: none;
}
.erster-deskriptor p {
text-align: center;
}
.erster-deskriptor h2:nth-child(4),
.zweiter-deskriptor h2:nth-child(4),
.erster-deskriptor ul,
.zweiter-deskriptor ul {
display: none;
}
.zweiter-deskriptor h2 {
display: none;
}
.wp-block-group.woocommerce.product.is-layout-flow.wp-block-group-is-layout-flow .wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained {
display: flex;
flex-direction: column;
align-items: center;
}
.taxonomy-product_cat.wp-block-post-terms a {
text-decoration: none;
font-family: SpaceColony-Medium;
font-size: 20px;
text-align: center;
}
h2.wp-block-post-title, .erster-deskriptor h2 {
font-family: Gotham;
font-weight: 500;
text-transform: uppercase;
font-size: 30px;
text-align: center;
}
.taxonomy-product_cat.wp-block-post-terms {
display: flex;
justify-content: center;
}
.zweiter-deskriptor p {
display: flex;
justify-content: center;
}
.zweiter-deskriptor p b {
font-family: Gotham;
font-weight: 500;
font-size: 18px;
}
.two-cols-product {
width: 100vw;
max-width: 1100px;
margin-left: calc((100vw - 1100px) / 2);
margin-right: calc((100vw - 1100px) / 2);
}
div#tab-description {
margin-top: -70px;
padding-top: 0px;
margin-bottom: -20px;
}
.two-cols-product div#tab-description h2 {
font-family: Gotham;
font-weight: 500;
font-size: 18px;
}
.two-cols-product div#tab-description p b, .two-cols-product div#tab-description p {
font-family: Gotham;
font-weight: 400;
font-size: 18px;
}
.product-file-list {
width: 100vw;
background-color: #EFEFEF;
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
}
.pfl-headline h2 {
text-align: center;
max-width: 1100px;
text-transform: uppercase;
font-family: Gotham;
font-weight: 500;
}
.pfl-link {
background-color: #ffffff;
height: 60px;
margin-bottom: 20px;
border-radius: 30px;
display: flex;
align-items: center;
padding-left: 30px;
padding-right: 30px;
justify-content: space-between;
transition: all 0.3s ease;
max-width: 1040px;
}
.pfl-pdf-icon,
.pfl-download-icon,
.pfl-download-icon a,
.pfl-link-link a {
display: flex;
}
.pfl-link-link {
padding-top: 2px;
}
.pfl-link:hover {
-webkit-box-shadow: 0px 3px 6px #00000029;
box-shadow: 0px 3px 6px #00000029;
cursor: pointer;
}
.pfl-link-left {
display: flex;
width: 90%;
height: 60px;
align-items: center;
}
.pfl-link-link a h3 {
font-family: Gotham;
font-weight: 400;
font-size: 18px;
}
.pfl-link-link a {
text-decoration: none;
}
.pfl-link-link {
margin-left: 30px;
}
.pfl-download-icon a img {
margin-top: 10px;
}
.pfl-download-icon {
margin-right: -80px;
}
.pfl-headline {
/*margin-top: 90px;
margin-bottom: 70px;*/
}
.product-hero-image img {
width: 100vw;
}
.product-hero-image {
width: 100vw;
margin-top: 193px!important;
}
.df-wrapper {
width: 100vw;
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
margin-top: 80px;
margin-bottom: 100px;
}
.df-wrapper h3 {
font-family: Gotham;
font-weight: 500;
font-size: 18px;
}
.df-table {
max-width: 1100px;
display: flex;
flex-direction: column;
}
.df-table-heads {
display: flex;
max-width: 1100px;
justify-content: space-between;
color: #ffffff;
align-items: center;
font-family: Gotham;
font-weight: 500;
font-size: 18px;
padding-left: 20px;
padding-right: 20px;
}
.df-row {
display: flex;
justify-content: space-between;
max-width: 1100px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #D9D9D9;
padding-left: 20px;
padding-right: 20px;
}
.df-product .df-cell {
margin-right: 5px;
}
.df-cell.bold {
font-weight: 500;
}
.df-product {
display: flex;
width: 500px;
}
.df-row .df-cell:last-child {
width: 100px;
text-align: right;
}
.df-row .df-cell:nth-child(2) {
width: 450px;
padding-left: 20px;
}
.df-product .df-cell {
width: auto !important;
padding-left: 0px !important;
}
.df-col-head:nth-child(1), .df-col-head:nth-child(2) {
width: 275px;
}
.df-col-head:nth-child(3), .df-col-head:nth-child(4) {
width: 225px;
}
.df-row .df-cell p {
margin-top: 0px;
margin-bottom: 0px;
}
.df-cell.bold h3 {
margin-bottom: 5px;
margin-top: 5px;
}
/* -> end ----- Product Page ----- */
/* -> begin ----- 3er-Kachel Bild-Text-Headline ----- */
.kachel-headline {
width: 100%;
background-color: #E0DBD9;
padding: 15px 20px 15px 20px;
}
.headline-kachelgruppe h2 {
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 30px;
font-family: Gotham;
margin-bottom: 50px;
}
.kachel-container {
box-sizing: border-box;
width: 100%;
margin: 0 auto;
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
margin-top: 100px;
padding-top: 50px;
padding-bottom: 50px;
}
.kachelgruppe-grid {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
column-gap: 30px;
}
.leistung-karriere {
width: 100%;
margin-bottom: 30px;
}
/*.kachelgruppe-grid .kachel-bild {
width: 100%;
height: 200px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
transition: 0.5s;
-webkit-transition: 0.5s;
}*/
.kachelgruppe-grid .kachel-bild {
width: 100%;
height: 200px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
display: inline-block;
position:relative;
top:0px;
left: 0;
transition: 0.5s;
-webkit-transition: 0.5s;
}
.kachelgruppe-grid .kachel-bild:after {
content: "";
position: absolute;
top: -50%;
left: -60%;
width: 20%;
height: 200%;
opacity: 0;
transform: rotate(30deg);
background: rgba(255, 255, 255, 0.13);
background: linear-gradient(
to right,
rgba(255, 255, 255, 0.13) 0%,
rgba(255, 255, 255, 0.13) 77%,
rgba(255, 255, 255, 0.5) 92%,
rgba(255, 255, 255, 0.0) 100%
);
}
.kachelgruppe-grid .kachel-bild:hover {
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
-webkit-transition: 0.5s;
transition: 0.5s;
}
/* Hover state - trigger effect */
.kachelgruppe-grid .kachel-bild:hover:after {
opacity: 1;
left: 130%;
transition-property: left, top, opacity;
transition-duration: 0.7s, 0.7s, 0.15s;
transition-timing-function: ease;
}
/* Active state */
.kachelgruppe-grid .kachel-bild:active:after {
opacity: 0;
}
.kachel-bild-wrapper {
overflow: hidden;
height: 200px;
}
.kachelgruppe-grid .leistung {
background-color: #c4c4c3;
color: #000000;
font-family: Gotham;
font-weight: 400;
font-size: 15px;
}
.kachel-beschriftung-container {
padding-left: 20px;
padding-right: 20px;
}
.kachel-beschriftung-container h3 {
font-family: Gotham;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
margin-bottom: -5px;
}
/* Desktop */
/* Tablet */
/* Mobile */
/* -> end ----- 3er-Kachel Bild-Text-Headline ----- */
/* -> begin ----- organigramm ----- */
.organigramm-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 100px;
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
background-color: #efefef;
padding-top: 50px;
padding-bottom: 50px;
}
.organigramm-container h2 {
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
font-family: Gotham;
margin-bottom: 50px;
color: #ffffff;
background-color: #000000;
border-radius: 40px;
padding: 20px;
box-shadow: 0px 3px 6px #00000029;
height: 40px;
display: flex;
align-items: center;
width: 490px;
justify-content: center;
}
.oc-zweite-zeile h3 {
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
font-family: Gotham;
margin-bottom: 50px;
color: #ffffff;
border-radius: 30px;
padding: 20px;
height: 20px;
justify-content: center;
align-items: center;
width: 450px;
display: flex;
box-shadow: 0px 3px 6px #00000029;
}
.oc-zweite-zeile h3 strong, .dritte-ebene-head strong {
margin-right: 5px;
}
.zweite-dritte-zeile-container {
columns: 2;
column-gap: 50px;
}
.oc-spalte-links .oc-zweite-zeile h3 {
background-color: #5F83A6;
}
.oc-spalte-rechts .oc-zweite-zeile h3 {
background-color: #a5288d;
}
.oc-spalte-links, .oc-spalte-rechts {
width: 50%;
}
.oc-spalte-rechts {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.oc-spalte-links {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.dritte-ebene-content {
display: flex;
width: 450px;
justify-content: space-between;
padding: 20px;
height: 20px;
border-radius: 30px;
margin-bottom: 50px;
background-color: #ffffff;
align-items: center;
box-shadow: 0px 3px 6px #00000029;
}
.zweite-dritte-zeile-container {
display: flex;
}
.dritte-ebene-zahl {
color: #ffffff;
width: 70px;
height: 50px;
margin-top: -10px;
margin-right: -10px;
margin-bottom: -10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
display: flex;
align-items: center;
font-family: Gotham;
justify-content: center;
font-weight: 500;
}
.dritte-ebene-head {
display: flex;
align-items: flex-end;
font-family: Gotham;
font-weight: 400;
font-size: 20px;
}
.dritte-ebene-head:before {
content: url(https://bendergruppe.com/wp-content/uploads/2024/05/info.svg);
margin-right: 10px;
margin-bottom: -4px;
position: relative;
}
/* -> end ----- organigramm ----- */
/* -> begin ----- bulletlist ----- */
.bullet-container:before {
content: url(/wp-content/uploads/2023/12/checkmark.svg);
}
.bullet-wrapper {
margin-left: calc((100vw - 1100px) / 2);
margin-right: calc((100vw - 1100px) / 2);
}
.bullet-list {
column-count: 2;
}
.bullet-head h2 {
text-align: center;
text-transform: uppercase;
font-family: Gotham-Medium;
font-size: 30px;
}
.bullet-head h2 {
text-align: center;
text-transform: uppercase;
font-family: Gotham-Medium;
font-size: 30px;
margin-bottom: 40px;
}
.bullet-container {
display: flex;
align-items: center;
}
.bullet-container:before {
content: url(/wp-content/uploads/2023/12/checkmark.svg);
margin-right: 15px;
padding-top: 5px;
}
.bullet-container h3 {
text-transform: uppercase;
font-family: Gotham-Medium;
font-size: 20px;
margin: 0px;
}
/* -> end ----- bulletlist ----- */
/* -> begin ----- highlight kacheln ----- */
.hl-kachel-head h2 {
text-align: center;
text-transform: uppercase;
font-family: Gotham-Medium;
font-size: 30px;
margin-bottom: 40px;
}
.hl-kachel-wrapper {
margin-left: calc((100vw - 1100px) / 2);
margin-right: calc((100vw - 1100px) / 2);
margin-top: 100px;
}
.hl-kachel-list {
column-count: 2;
column-gap: 40px;
}
.hl-kachel-container {
background-color: #EFEFEF;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
height: 470px;
margin-bottom: 40px;
padding: 30px;
}
.hl-kachel-header h3 {
font-family: Gotham-Medium;
font-size: 25px;
text-align: center;
margin-bottom: 5px;
}
.hl-kachel-fliesstext {
font-family: Gotham;
font-weight: 400;
text-align: center;
}
/* -> end ----- highlight kacheln ----- */
ul.hls-content-main-features {
padding-left: 0;
}
.hls-content-main-features > ul {
padding-left: 40px;
}
.hls-content-intro-head h3,
.hls-content-main-head h3 {
text-align: left;
padding-left: 40px;
}
/* -> begin ----- highlight slider ----- */
.hls-spacer {
margin-bottom: 50px;
}
.hls-bullets {
display: none;
cursor: pointer;
}
.hls-slider-container {
position: relative;
}
.hls-prev-btn,
.hls-next-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
border: none;
background: transparent;
}
.hls-prev-btn {
left: 0;
background-image: url('https://bendergruppe.com/wp-content/themes/bender-gruppe/parts/arrow-left.svg');
background-size: contain;
background-repeat: no-repeat;
height: 40px;
width: 40px;
margin-left: 20px;
}
.hls-next-btn {
right: 0;
background-image: url('https://bendergruppe.com/wp-content/themes/bender-gruppe/parts/arrow-right.svg');
background-size: contain;
background-repeat: no-repeat;
height: 40px;
width: 40px;
margin-right: 20px;
}
/* Add or update styles for the slides */
.hls-content-container {
overflow: hidden;
white-space: nowrap; /* Ensure slides are displayed in a single line */
}
.btn-container {
position: absolute;
top: 50%;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
}
.hls-slider-container {
overflow: hidden;
width: 100vw;
margin: auto;
background: radial-gradient(#EFEFEF26, #78787826);
/* background: red;*/
min-height: 900px;
}
.hls-slider-wrapper {
display: flex;
transition: transform 0.5s ease-in-out;
}
.hls-slide {
flex: 0 0 100%;
text-align: center;
padding: 0 20px;
box-sizing: border-box;
}
.hls-slide-content-wrapper {
width: 100%; /* Each slide takes full width of the container */
flex-shrink: 0; /* Prevent flexbox from shrinking slides */
display: flex; /* Use if you want to center content inside slides */
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically */
/* padding-right: calc((100vw - 1100px) / 2);*/
transition: 0.5s;
display: none;
max-width: 1100px;
margin: 0 auto;
}
.hls-slider-head {
background: #EFEFEF;
padding: 30px 20px;
}
.hls-slider-head h2 {
text-align: center;
text-transform: uppercase;
font-family: 'Gotham';
font-weight: 500;
font-size: 30px;
margin-bottom: 40px;
}
.hls-slider-wrapper {
position: relative;
top: -80px;
padding-top: 80px;
/* background-color: #EFEFEF;*/
background: transparent;
}
.hls-nav-numbers {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1100px;
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
position: relative;
top: -40px;
z-index: 2;
}
.hls-nav-point {
width: 80px;
height: 80px;
background-color: #C4C8CB;
color: #ffffff;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
font-family: 'gotham-medium';
font-size: 40px;
cursor: pointer;
transition: .15s ease;
}
.hls-nav-point:hover {
transition: .15s ease;
transform: scale(1.1);
}
.hls-number-active {
background-color: #0C5CA8;
}
.hls-arrow-left, .hls-arrow-right {
cursor: pointer;
}
.hls-content-intro-head h3 {
font-family: 'gotham';
font-size: 22px;
margin-bottom: 10px;
text-align: center;
color: #0C5CA8;
}
.hls-content-intro-text {
font-family: 'gotham';
font-weight: 300;
text-align: center;
font-size: 18px;
}
.hls-content-main-text {
font-family: 'gotham';
font-weight: 300;
text-align: left;
font-size: 18px;
}
.hls-content-main-features li {
list-style-type: none;
list-style-position: outside;
display: flex;
margin-bottom: 10px;
line-height: 1.3;
}
.hls-content-main-features li:before {
content: url("/wp-content/uploads/2024/03/feat-check.svg");
margin-right: 10px;
}
.hls-content-main {
display: flex;
margin-top: 70px;
align-items: center;
}
.hls-content-main-head h3 {
font-family: 'gotham';
font-size: 18px;
margin-bottom: 10px;
color: #0C5CA8;
}
.hls-content-image, .hs-content-right {
padding: 20px;
width: 50%;
}
.hls-content-image {
margin-left: 0px;
position: relative;
top: 0px;
height: 400px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
.hls-slide-content-wrapper:first-child {
display: block;
}
.hls-nav-arrows {
display: flex;
justify-content: space-between;
width: 1180px;
position: absolute;
left: calc((100vw - 1180px) / 2);
margin-top: 380px;
}
.hls-number-slide-active {
color: #f00;
}
@media screen and (max-width: 1100px) {
.hls-nav-arrows {
display: none;
}
.hls-nav-arrows {
width: 120%px;
left: calc((100vw - 1180px) / 2);
}
.hls-nav-numbers {
margin: 0 auto;
width: 90%;
max-width: 1000px;
}
.hls-content-main {
display: flex;
margin-top: 50px;
align-items: center;
flex-direction: column;
}
.hls-content-intro,
.hls-content-right {
width: 90%;
margin: 0 auto;
}
}
@media screen and (max-width: 789px) {
.hls-slider-container {
height: auto;
}
.hls-content-image {
margin-left: 0px;
position: relative;
top: 0px;
width: 300px;
height: 300px;
}
.hls-prev-btn,
.hls-next-btn,
.hls-nav-numbers {
display: none;
}
.hls-slider-wrapper {
top: 0px;
padding-top: 0px;
}
.hls-bullets {
display: flex;
justify-content: center;
margin-top: 20px;
}
.hls-bullet-item {
width: 15px;
height: 15px;
background-color: #aaa;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}
.hls-active-bullet {
background-color: #0C5CA8;
}
ul.hls-content-main-features {
padding-left: 0;
}
.hls-content-main-features > ul {
padding-left: 0;
}
.hls-content-intro-head h3,
.hls-content-main-head h3 {
text-align: left;
}
.hls-content-intro-text {
font-size: 16px;
text-align: left;
}
.hls-content-main-text {
font-size: 16px;
text-align: left;
}
.hls-content-main-features > ul {
padding-left: 0;
}
}
/* -> end ----- highlight slider ----- */
/* -> begin ----- custom css ----- */
/*ul.alignwide.wp-block-post-template.is-layout-constrained.wp-block-post-template-is-layout-constrained {
margin-top: 180px;
}*/
.grey-bg {
background: #efefef;
padding-bottom: 30px;
}
span.wp-block-navigation-item__label:last-child {
padding-bottom: 0px;
}
.hide {
display: none!important;
}
.framer-l-r-20px {
padding: 0 20px!important
}
button.wp-block-navigation__responsive-container-open {
margin-right: 20px;
}
.wp-block-search .wp-block-search__input {
border: 0!important;
}
h2.wp-block-heading, h3.wp-block-heading,
h2.wp-block-heading.has-text-align-center {
font-family: 'Gotham';
font-weight: 500;
text-transform: uppercase;
font-size: 30px!important;
}
h2.wp-block-heading.produkt-page-head {
font-family: Gotham;
font-weight: 500!important;
text-transform: uppercase;
padding-top: 50px;
}
.wp-block-post-title a {
text-decoration: none;
}
h2.wp-block-post-title {
text-align: left;
}
/* -- Styles for mobile Dropdown Menu -- */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
top: 37px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
min-width: 200px;
padding-left: 0;
padding-right: 2rem;
width: auto;
}
ul.wp-block-navigation-submenu li:first-child {
padding-top: 10px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: calc(2rem + 60px);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
padding-top: 0;
}
.wp-block-navigation .wp-block-navigation-item {
margin: 0px 10px 0px 10px!important;
}
/* -- End Styles for mobile Dropdown Menu -- */
/* -> end ----- custom css ----- */
/* -> begin ----- Darreichungsformen Tabelle ----- */
.accordion > p, td > p {
display: inline;
font-weight: 500;
}
.accordion > h3, td > h3 {
font-size: 20px;
}
p.table-desc {
margin: 10px 0;
font-size: 16px;
}
.dosage_table .accordion:first-child {
background-color: #a5288d;
}
.dosage_table .accordion h3 {
color: #ffffff;
}
.dosage_table {
width: 100vw;
max-width: 1100px;
padding-top: 50px;
margin: 0 auto;
}
#simple_dosage_table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
background-color: #ffffff;
color: #000000;
}
#simple_dosage_table td, #simple_dosage_table th {
text-align: left;
padding: 8px;
border-bottom: 1px solid #D9D9D9;
width: 50%;
}
#simple_dosage_table tr:hover {
background-color: #efefef;
}
#simple_dosage_table tr>th {
background: #a5288d;
color: #ffffff;
}
.dosage_table .accordion {
background-color: #eeeeee;
color: #000000;
cursor: pointer;
padding: 12px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
margin: 2px;
border-radius: 8px;
}
.dosage_table .panel {
padding: 0 8px;
background-color: white;
display: none;
overflow: hidden;
color: #000000;
}
.dosage_table .active, .df-wrapper .active {
background-color: #a5288d;
color: #ffffff;
}
.dosage_table .arrow, .df-wrapper .arrow {
float: right;
}
.dosage_table .darrow, .df-wrapper .darrow {
display: none;
}
.dosage_table .accordian_table, .df-wrapper .accordian_table {
width: 100%;
}
.dosage_table .accordian_table th, .df-wrapper .accordian_table th {
text-align: left;
}
@media only screen and (max-width: 600px) {
.dosage_table .accordian_content, .df-wrapper .accordian_content {
display: block;
}
.dosage_table #simple_dosage_table, .df-wrapper #simple_dosage_table {
display: none;
}
}
@media only screen and (min-width: 600px) {
.dosage_table .accordian_content, .df-wrapper .accordian_content {
display: block;
}
.dosage_table #simple_dosage_table, .df-wrapper #simple_dosage_table {
display: none;
}
}
@media only screen and (min-width: 768px) {
.dosage_table .accordian_content, .df-wrapper .accordian_content {
display: none;
}
.dosage_table #simple_dosage_table, .df-wrapper #simple_dosage_table {
display: table;
}
}
/* Media query for mobile devices */
@media only screen and (max-width: 768px) {
p.table-desc,.table-desc > p, td.table-desc {
margin: 5px 0;
font-size: 16px;
}
}
/* -> end ----- Darreichungsformen Tabelle ----- */
/* -> begin ----- MEDIA QUERIES ----- */
@media screen and (max-width: 599px) {
.kachel-container {
max-width: 100%; /* Full width on mobile */
}
.leistung {
width: 100%; /* One box per row on mobile */
}
.egt-button {
width: 100%;
height: 60px;
padding: 10px;
}
.egt-button a {
/* font-size: 15px;*/
font-size: 1rem;
}
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
.kachel-container {
width: 100%; /* Adjust as needed for tablet layout */
}
.leistung {
width: calc(50% - 20px); /* Adjust width and margin as needed for spacing between boxes */
}
}
/* Media query for tablets */
@media screen and (min-width: 769px) and (max-width: 1024px) {
.wp-block-latest-posts li {
flex: 1 0 calc(50% - 20px); /* Adjust for two items per row on tablets */
max-width: calc(50% - 20px); /* Adjust max-width for tablets */
}
.wp-block-latest-posts li {
margin: 0 20px 20px 0;
}
.footer-header {
margin-top: 40px;
}
.egt-fliesstext,
.chf-fliesstext {
column-count: 1;
column-gap: 0px;
}
}
/* Media query for mobile devices */
@media screen and (max-width: 768px) {
.wp-block-group.has-background.is-layout-constrained.wp-block-group-is-layout-constrained {
padding-top: 40px!important;
}
h1.wp-block-heading.has-text-align-center.aktuelles-headline {
margin-bottom: 40px!important;
}
.slider-navigation-dots {
top: 547px!important;
}
.dosage_table {
width: 92%!important;
}
.breadcrumb-content {
display: none;
}
.accordion > p, td > p {
font-size: 20px;
}
.product-hero-image {
margin-top: 110px!important;
}
a.wp-block-navigation-item__content {
font-size: 20px;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
flex-direction: column; /* Stack items on mobile */
}
.wp-block-latest-posts li {
flex: 1 0 100%; /* Full width for mobile */
max-width: 100%; /* Ensure full width for mobile */
margin: 0 0 20px 0;
}
.egt-fliesstext,
.chf-fliesstext {
column-count: 1;
column-gap: 0px;
}
.pfl-download-icon {
margin-right: -19px;
}
.pfl-pdf-icon img {
max-width: 25px;
}
.ansprechpartner-wrapper {
display: none;
}
.contact-wrapper {
width: 100%;
margin: 75px 20px 50px 20px;
}
.slide-container {
margin-top: 47px!important;
}
.leistungsspektrum-container h2 {
margin-bottom: 50px;
}
.egt-headline h1 {
font-size: 25px;
}
.eingangstext-container {
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
}
.slider-navigation-dots {
top: 547px;
}
.footer-header {
margin-top: 40px;
}
}
@media screen and (min-width: 834px) {
#mobileMenuOverlay {
left: -100% !important;
}
.ctm-nav-mobile-menu {
display: none !important;
}
.ctm-nav-mobile-submenu {
display: none !important;
}
}
@media screen and (min-width: 1024px) {
.kachel-container {
width: 100%; /* Adjust as needed for desktop layout */
}
.leistung {
width: calc(33.333% - 20px); /* Adjust width and margin as needed for spacing between boxes */
}
}
@media screen and (max-width: 1100px) {
.slide-container {
margin-top: 90px;
}
.pfl-link {
margin: 20px;
}
.ctm-nav-mobile-overlay.show {
left: 0;
}
.ctm-nav-mobile-menu {
padding: 20px;
list-style-type: none;
flex-grow: 1;
}
.ctm-nav-mobile-submenu {
list-style-type: none;
padding: 5px 20px;
}
body.overlay-visible {
overflow: hidden; /* Prevent scrolling when overlay is visible */
}
.top-spacer {
padding-top: 90px!important;
}
.slider-navigation-dots {
top: 610px;
}
.two-cols-product {
margin-left: 0px!important;
margin-right: 0px!important;
}
/* --- 20 PX LEFT/RIGHT UNDER 1100 PX --- */
/*.eingangstext-container,*/
.footer-block-container,
.kachelgruppe-grid,
.slider-text-container,
.chf-fliesstext,
.chf-headline,
.dosage_table,
.company-contact-container,
.wp-block-lazyblock-eingangstext,
.cfi-wrapper {
padding: 0 20px!important;
}
.product-file-list {
padding-left: 20px!important;
padding-right: 20px!important;
}
.wp-block-group.cfi-wrapper.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
display: none !important;
}
.product-file-list {
width: calc(100vw - 20px);
}
.dosage_table {
padding:50px 20px 0 20px!important;
width: 95%;
}
.bc-country-switcher {
margin-right: 20px;
}
.ctm-nav-menu {
display: none;
}
.ctm-nav-burger-menu {
display: block;
}
.ctm-nav-logo img {
height: 50px;
transition: height 0.3s, padding-top 0.3s;
}
.leistungsspektrum-container {
padding: 0 20px!important;
}
/* Mobile Menu Overlay Styles */
.ctm-nav-mobile-overlay {
position: fixed;
top: 125px;
left: 100%;
width: 100%;
height: 100%;
z-index: 5;
overflow-y: auto;
transition: left 0.3s;
display: flex;
flex-direction: column;
}
.ctm-nav-mobile-overlay.show {
left: 0;
}
.ctm-nav-mobile-menu {
padding: 20px;
list-style-type: none;
flex-grow: 1;
}
.ctm-nav-mobile-submenu {
list-style-type: none;
padding: 5px 20px;
}
}
@media screen and (max-width: 1133px) {
.ctm-nav-logo img {
margin-left: 20px;
}
.df-wrapper {
margin-left: 20px;
margin-right: 20px;
}
.leistungsspektrum-container {
padding: 40px 20px!important;
}
}
@media (max-width: 1040px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
margin-right: 20px;
}
.page-id-3334 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
margin-left: 20px;
}
}
/* -> end ----- MEDIA QUERIES ----- */
/* -> begin ----- Block Partner ----- */
.partner-container {
background-color: #EFEFEF;
padding-left: calc((100vw - 1000px) / 2);
padding-right: calc((100vw - 1000px) / 2);
padding-top: 10px;
padding-bottom: 100px;
}
.partner-container h2,
.hs-slider-head h2 {
font-family: Gotham;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
text-align: center;
}
.partner-wrapper {
display: flex;
justify-content: space-between;
position: relative;
}
.partner-logo-container {
width: 265px;
height: 265px;
background-color: #fff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 23.7%; /* 4 in a row */
}
.partner-logo-container img {
max-width: 90%;
}
.partner-previous, .partner-next {
position: absolute;
top: 100px;
}
.partner-previous {
left: -90px;
}
.partner-next {
right: -90px;
}
.partner-logo-container {
margin-left: 6.66px;
margin-right: 8px;
}
.partner-logo-container:first-child {
margin-left: 0px;
}
.partner-logo-container:last-child {
margin-right: 0px;
}
/* -> end ----- Block Partner ----- */
.logo-wrapper {
display: flex;
flex-wrap: nowrap;
overflow: hidden; /* Keep scrollbar hidden */
scroll-behavior: smooth;
width: calc(100% - 40px); /* Adjust width to account for arrows */
margin: 0 20px;
}
/* Arrows */
.partner-previous, .partner-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}
.partner-previous {
left: -40px; /* Arrow outside with margin */
}
.partner-next {
right: -40px; /* Arrow outside with margin */
}
/* Navigation dots centered */
.nav-dots {
text-align: center;
padding-top: 15px;
position: absolute;
left: 50%;
transform: translateX(-50%);
width: auto;
bottom: -66px;
}
.dot {
height: 10px;
width: 10px;
margin: 5px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
cursor: pointer;
}
.dot.active {
background-color: #717171;
}
/* Responsive Design */
@media (max-width: 768px) { /* Tablet */
.partner-logo-container {
flex: 0 0 25%; /* 4 in a row */
}
}
@media (max-width: 480px) { /* Mobile */
.partner-logo-container {
flex: 0 0 50%; /* 2 in a row */
}
}
/* Media query for mobile devices */
@media (max-width: 768px) {
.footer-content-wrapper {
flex-direction: column; /* Stack containers vertically on mobile */
}
.footer-left-container,
.footer-center-container,
.footer-right-container {
width: 100%;
}
}
.produkt-page-head {
text-align: center!important;
}
.wp-block-columns.two-cols-product.is-layout-flex.wp-container-core-columns-layout-3.wp-block-columns-is-layout-flex {
margin-top: 80px;
}
.wp-block-woocommerce-product-image-gallery {
border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px 1px rgba(51,51,51,0.05);
box-shadow: 0px 0px 15px 1px rgba(51,51,51,0.05);
}
.woocommerce-Tabs-panel > ul {
margin: 0;
padding: 0px 0 0px 17px;
}
div#tab-description .layoutArea .column h2 {
display: block;
}
/* -- Admin Toolbar Frontend -- */
body.admin-bar {
margin-top: 0;
}
#wpadminbar {
position: fixed;
top: -27px; /* Hide all but 5px */
z-index: 99999;
transition: top 0.3s ease;
background-color: #ff0000;
}
#wpadminbar:hover {
top: 0; /* Show full admin bar on hover */
background-color: #333;
}
/* Media query for mobile devices */
@media (max-width: 782px) {
.wp-block-column.is-content-justification-left.is-layout-constrained.wp-container-core-column-layout-4.wp-block-column-is-layout-constrained {
margin: 50px 20px 0 20px;
}
.has-text-align-right {
text-align: left!important;
}
#wpadminbar {
top: -40px; /* Hide all but 5px */
}
}
.no-comp .egt-company-name {
display: none;
}
.bg-grey {
background-color: #EFEFEF;
padding-top: 40px;
padding-bottom: 40px;
}
/*adjustments for management page*/
.management .kachel-container {
background-color: #efefef !important;
}
.management .convert-to-list li {
list-style: none;
}
/*.management .leistung.all:last-child {
visibility: hidden;
}*/
.management .kachel-bild-wrapper {
height: 350px;
}
.management .kachelgruppe-grid .kachel-bild {
height: 350px;
}
time.wp-block-latest-posts__post-date {
display: none;
}
/*adjustments for legal pages*/
.page-id-3601 p, .page-id-3601 ol, .page-id-3607 p, .page-id-3607 ol {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
}
.page-id-3601 footer p, .page-id-3601 footer ol, .page-id-3607 footer p, .page-id-3607 footer ol {
padding: unset;
}
/*Downloads 2-cols*/
.dl-2-col-wrapper .dl-2-col-text {
width: 50%;
padding-right: 40px;
}
.dl-2-col-wrapper {
display: flex;
flex-direction: row;
max-width: 1100px;
}
.dl-2-col-download {
width: 50%;
}
.pfl-link {
margin-top: calc((var(--wp--preset--font-size--medium)* 1.44) + 1em);
}
.wp-block-lazyblock-downloads-2-col .pfl-link-link h3 strong {
font-size: 14px;
font-weight: 300;
}
@media (max-width: 767px) {
.dl-2-col-wrapper {
flex-direction: column;
}
.dl-2-col-wrapper .dl-2-col-text,
.dl-2-col-download {
width: 100%;
}
.pfl-link {
margin-left: 0px;
}
}
.product-file-list {
padding-top: 40px;
padding-bottom: 40px;
}
.eingangstext-container.egt2 {
margin-top: -90px;
}
.hls-slider-wrapper {
display: flex;
flex-wrap: nowrap;
transition: transform 0.5s ease; /* Smooth slide transition */
}
.hls-slide {
flex: 0 0 100%; /* Each slide takes up 100% of the container width */
box-sizing: border-box; /* Include padding and border in the element's total width */
}
.pfl-link-link {
display: flex;
}
body.single .hidden-first.is-layout-flex {
display: none;
}
.page-template-wp-custom-template-be-consult-template.single div#tab-description {
margin-top: -30px;
}
.page-id-4258 .eingangstext-container,
.page-id-4266 .eingangstext-container,
.page-id-4270 .eingangstext-container,
.page-id-4272 .eingangstext-container,
.page-id-4274 .eingangstext-container,
.page-id-3166 .eingangstext-container,
.top-200 {
margin-top: 200px;
}
/*Search Results Page*/
.search h2.wp-block-heading.has-text-align-center {
font-size: 20px !important;
background-color: #EFEFEF;
padding-top: 50px;
padding-bottom: 50px;
}
.search ul.alignwide.wp-block-post-template.has-global-padding.is-layout-constrained.wp-block-post-template-is-layout-constrained {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
}
.search figure.aligncenter.wp-block-post-featured-image {
padding-top: 0px !important;
margin: -1.25em -2.375em !important;
height: 100%;
}
.search .wp-block-post-date.has-small-font-size {
display: none;
}
.search .wp-block-column.is-vertically-aligned-center.has-global-padding.is-content-justification-left.is-layout-constrained {
margin-left: -30px;
padding-left: 0px !important;
}
.search ul li .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex {
height: 230px;
overflow: hidden;
}
/* Ensure the parent container has a defined height */
.search .wp-block-post-featured-image {
position: relative;
width: 100%;
height: 200px; /* Set the desired height */
overflow: hidden;
}
/* Make the element fill the parent container */
.search .wp-block-post-featured-image a {
display: block;
width: 100%;
height: 100%;
}
/* Adjust the image to cover the parent element and center it */
.search .wp-block-post-featured-image :where(img) {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
display: block;
}
.search .has-tertiary-background-color {
background-color: transparent !important;
}
.search nav.alignwide.wp-block-query-pagination.is-content-justification-space-between.is-layout-flex.wp-container-core-query-pagination-is-layout-1.wp-block-query-pagination-is-layout-flex {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
text-transform: uppercase;
}
.search .leistungsspektrum-container {
display: block;
}
.search footer.grey-bg.wp-block-template-part {
margin-top: 20px;
}
/*mobile strukturelement für unternehmen*/
@media (max-width: 1100px) {
.organigramm-container h2 {
width: 90vw;
}
.zweite-dritte-zeile-container {
flex-direction: column;
}
.oc-spalte-links, .oc-spalte-rechts {
width: 80vw;
align-items: center;
}
.dritte-ebene-content {
width: 90%;
}
.oc-zweite-zeile {
width: 100%;
}
.dritte-ebene-content {
display: flex;
}
.oc-zweite-zeile h3 {
width: 90%;
flex-direction: column;
}
.dritte-ebene-head {
font-size: 10px !important;
}
}
@media (min-width: 833px) and (max-width: 1099px) {
nav.ctm-nav-menu-bar {
margin-left: 0px;
}
}
.single-post span.breadcrumb_last {
max-width: 200px;
max-height: 20px;
overflow: hidden;
}
.single-post .grey-bg {
background-color: #ffffff;
}
.single-prod-left-description div#tab-description p {
display: none;
}
.rx-login h4 {
display: none;
}
.mo_oauth_login_button.mo_oauth_login_button_text {
width: 530px;
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
margin-top: 40px;
transition: all 0.2s ease-in-out;
justify-content: center;
text-transform: uppercase;
background-color: #A5288D;
}
.rx-login-headline h2 {
font-family: Gotham;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
text-align: center;
margin-top: 60px;
}
.rx-login {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 80px;
background-color: #EFEFEF;
width: 100vw;
}
.page-template-wp-custom-template-be-imaging-template.country-CH .product-item {
display: none;
}
.page-template-wp-custom-template-be-imaging-template.country-CH div#Cyclolux (CH) {
display: flex;
}
.country-DE div#Cyclolux (CH) {
display: none;
}
/*.textblock-item a {
color: #000000;
text-decoration: none;
border-radius: 10px;
text-align: left;
font-size: 18px;
font-weight: bold;
padding-top: 10px;
}*/
.hinweis-form .wpcf7.js {
padding-left: calc((100vw - 1120px) / 2);
padding-right: calc((100vw - 1120px) / 2);
}
.hinweis-form label.acceptance {
display: flex;
flex-direction: row-reverse;
}
.hinweis-form label.acceptance .wpcf7-list-item {
margin-left: 0px;
}
.hinweis-form label.acceptance input[type="checkbox"] {
height: 20px;
width: 20px;
}
.hinweis-form div#wpcf7-f4476-p4466-o1 input.wpcf7-form-control.wpcf7-submit {
background-color: #000000;
}
span.high-r {
display: none;
}
.page-template-wp-custom-template-be-imaging-template span.high-r,
.postid-4779 span.high-r {
display: inline;
}
div#Vision-X h2:after {
content: '®';
font-size: 12px;
margin-bottom: 6px;
position: absolute;
}
.page-template-wp-custom-template-be-consult-template .product-item p {
display: none;
}
.grecaptcha-badge {
visibility: hidden;
}
span.wpcf7-form-control-wrap[data-name="welche-lieferanten"] span.wpcf7-form-control.wpcf7-checkbox {
flex-direction: column;
display: flex;
}
span.wpcf7-form-control-wrap[data-name="welche-lieferanten"] span.wpcf7-list-item input {
width: 20px;
height: 20px;
margin-left: 0px;
margin-right: 20px;
}
span.wpcf7-form-control-wrap[data-name="welche-lieferanten"] span.wpcf7-list-item {
display: flex;
margin-left: 0px;
}
.page-id-5163 label.acceptance {
display: flex;
justify-content: flex-end;
}
.page-id-5163 .hinweis-form label.acceptance input[type="checkbox"] {
margin-right: 20px;
}
.page-id-5163 input.wpcf7-form-control.wpcf7-submit {
background-color: #000000;
}
.page-id-5163 .wpcf7 .wpcf7-submit:disabled {
background-color: #efefef;
}
.col-half-two-col {
display: flex;
column-gap: 40px;
height: 120px;
}
.page-id-5163 .col-half-two-col p {
width: 50%;
}
.page-id-5163 .eingangstext-container {
margin-bottom: 0px;
}
.page-id-5163 form.wpcf7-form.init p {
margin-top: 40px;
}
.page-id-5163 form.wpcf7-form.init label {
font-weight: 500;
}
.page-id-5163 span.wpcf7-list-item-label {
font-weight: 300;
}
.page-id-5163 span.wpcf7-form-control-wrap {
top: 20px;
}
.page-id-5163 label.acceptance span.wpcf7-form-control-wrap {
top: 0px;
}
:root {
--rot: #F06666;
--gelb: #E3C180;
--gruen: #72C6A6;
--yellow: #E3C180;
--blau: #51A1D9;
--cyan: #26DAFC;
--purple:#5c0f8c;
--nw-beige-full: #B0A091;
--nw-beige: #B0A09170;
--nw-grey: #EFEFEF;
--nw-green: #0f858c;
--typo: #3C3C3B;
}
.cyan {
background: var(--blau)!important;
}
.beige {
background: var(--nw-beige-full)!important;
}
.green {
background: var(--nw-green)!important;
}
.purple {
background: var(--purple)!important;
}
.grey {
background: var(--nw-grey)!important;
}
.color-cyan {
color: var(--blau)!important;
}
.color-beige {
color: var(--nw-beige-full)!important;
}
.color-green {
color: var(--nw-green)!important;
}
.color-purple {
color: var(--purple)!important;
}
.color-grey {
color: var(--nw-grey)!important;
}
body,
html {
margin: 0;
padding: 0;
overflow-x: clip;
font-family: 'Montserrat', sans-serif;
}
b, strong {
font-weight: 600;
}
i {
font-style: normal!important;
}
a,
a.disabled-link {
text-decoration: none;
}
.blur {
filter: blur(4px);
}
.hidden {
display: none;
}
.clear {
clear: both;
}
.nw {
/* background: var(--nw-beige)!important;*/
background: #a083b6!important;
color: var(--typo)!important;
}
p.confirmation {
display: flex;
align-items: center;
color: var(--gruen);
font-weight: 600;
}
p.confirmation img {
margin-right: 10px;
}
/* -- FORMS -- */
.radio {
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: left;
}
.radio + .radio {
margin-top: 12px;
}
.radio input {
display: none;
}
.radio input + span {
display: inline-block;
position: relative;
padding-left: 30px;
}
.radio input + span:before {
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
border-radius: 50%;
margin-right: 5px;
width: 16px;
height: 16px;
border: 1px solid #ccc;
background: #fff;
}
.radio input + span:after {
content: '';
display: block;
width: 10px;
height: 10px;
background: #222;
position: absolute;
border-radius: 50%;
top: 4px;
left: 4px;
opacity: 0;
transform: scale(0, 0);
transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.radio input:checked + span:after {
opacity: 1;
transform: scale(1, 1);
}
select {
/* styling */
background-color: white;
border-radius: 4px;
display: inline-block;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
/* reset */
margin: 0;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
border: 0;
}
option select:first-child {
color: #757575!important;
}
select.minimal {
width: 100%!important;
height: 54px;
}
select.minimal {
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1.3em + 2px),
calc(100% - 15px) calc(1.3em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 2.2em;
background-repeat: no-repeat;
}
select.minimal:focus {
background-image:
linear-gradient(45deg, green 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, green 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 15px) 1.3em,
calc(100% - 20px) 1.3em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 2.2em;
background-repeat: no-repeat;
border: 0;
outline: 0;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/* Base for label styling */
.page-template-wp-custom-template-academy-template [type="checkbox"]:not(:checked),
.page-template-wp-custom-template-academy-template [type="checkbox"]:checked {
position: absolute;
left: 0;
opacity: 0.01;
}
.page-template-wp-custom-template-academy-template [type="checkbox"]:not(:checked) + label,
.page-template-wp-custom-template-academy-template [type="checkbox"]:checked + label {
position: relative;
padding-left: 2.3em;
font-size: 1.0em;
line-height: 1.7;
cursor: pointer;
}
/* checkbox aspect */
.page-template-wp-custom-template-academy-template [type="checkbox"]:not(:checked) + label:before,
.page-template-wp-custom-template-academy-template [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1.4em;
height: 1.4em;
border: 1px solid #aaa;
background: #FFF;
border-radius: .2em;
box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);
-webkit-transition: all .275s;
transition: all .275s;
}
/* checked mark aspect */
.page-template-wp-custom-template-academy-template [type="checkbox"]:not(:checked) + label:after,
.page-template-wp-custom-template-academy-template [type="checkbox"]:checked + label:after {
content: 'X';
position: absolute;
top: .525em;
left: .18em;
font-size: 1.375em;
color: var(--gruen);
line-height: 0;
-webkit-transition: all .2s;
transition: all .2s;
}
/* checked mark aspect changes */
.page-template-wp-custom-template-academy-template [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
}
.page-template-wp-custom-template-academy-template [type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
/* Disabled checkbox */
.page-template-wp-custom-template-academy-template [type="checkbox"]:disabled:not(:checked) + label:before,
.page-template-wp-custom-template-academy-template [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #e9e9e9;
}
.page-template-wp-custom-template-academy-template [type="checkbox"]:disabled:checked + label:after {
color: #777;
}
.page-template-wp-custom-template-academy-template [type="checkbox"]:disabled + label {
color: #aaa;
}
/* Accessibility */
/* [type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);
}*/
.checkbox-container {
display: flex;
align-items: flex-start; /* Checkbox und Text vertikal ausrichten */
gap: 8px; /* Abstand zwischen Checkbox und Text */
margin-bottom: 10px;
}
.checkbox-container label {
display: block;
line-height: 1.5; /* Optional: Zeilenhöhe für bessere Lesbarkeit */
hyphens: auto;
word-wrap: break-word;
overflow-wrap: break-word;
}
/* END FORMS */
.adParticipants-container {
width: 100%;
padding: 0px;
background-color: transparent;
border: 0px solid #ddd;
/* border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}
.adParticipants-input-group {
display: flex;
align-items: center;
/* margin-bottom: 16px;*/
flex-wrap: wrap;
}
.adParticipants-input-group .edit-icon, .adParticipants-input-group .delete-icon {
position: absolute;
width: 100px;
height: 20px;
cursor: pointer;
margin-bottom: 18px;
}
.edit-icon {
right: 40px;
background: url('../img/edit-icon.svg') no-repeat center center;
background-size: contain;
display: none!important;
}
.delete-icon {
right: 10px;
height: 28px !important;
background: url('../img/delete-icon.svg') no-repeat center center;
background-size: contain;
}
.adParticipants-input-group:first-child .edit-icon,
.adParticipants-input-group:first-child .delete-icon {
display: none !important;
}
.add-button {
display: flex;
align-items: center;
cursor: pointer;
color: var(--typo);
font-weight: 500;
margin-bottom: 24px;
}
.add-button img {
margin-right: 8px;
width: 20px;
height: 20px;
}
.next-step {
display: block;
width: 100%;
padding: 12px;
background-color: var(--blau);
color: #fff;
text-align: center;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
}
.half:first-child {
float: left;
margin-right: 3%;
}
.half {
width: 47%;
float: left;
}
.next-step:hover {
background-color: #00aee6;
}
/* -- DATES -- */
.veranstaltungen {
max-width: 1100px;
margin: 20px auto;
padding: 0px;
}
.veranstaltungen h2 {
font-weight: 400;
font-size: 18px;
margin: 50px 0 15px 0;
}
.veranstaltung-row {
display: flex;
align-items: center;
justify-content: space-between; /* Abstand zwischen Inhalt und Button */
gap: 15px;
border-bottom: 1px solid #ccc;
padding: 15px 0;
}
.date-box {
text-align: left;
min-width: 60px;
line-height: 1;
}
.date-box .day {
font-size: 40px;
font-weight: 600;
display: block;
color: var(--typo);
}
.date-box .month {
font-size: 20px;
text-transform: uppercase;
color: var(--typo);
font-weight: 300;
}
.date-info-box {
flex: 1;
}
.date-info-box .date {
font-size: 17px;
font-weight: 600;
color: var(--typo);
}
.date-info-box .time {
margin: 2px 0;
color: var(--typo);
font-weight: 500;
font-size: 16px;
}
.date-info-box .details {
margin: 2px 0;
color: #555;
font-size: 0.9rem;
}
.button-box {
display: flex;
flex-direction: column;
align-items: center;
min-width: 180px; /* Breite für größere Buttons */
}
.button-box .btn {
border: none;
padding: 10px 20px; /* Größere Buttons */
color: #fff;
font-size: 1rem;
border-radius: 5px;
cursor: pointer;
font-weight: 600;
text-align: center;
width: 100%; /* Vollbreite innerhalb der Box */
}
.button-box .btn.green {
background-color: var(--gruen);
}
.button-box .btn.yellow {
background-color: var(--yellow);
/* cursor: not-allowed;*/
}
.button-box .btn.red {
background-color: #e57373;
/* cursor: not-allowed;*/
}
.button-box .hint {
font-size: 0.8rem;
color: #888;
margin-top: 5px;
}
/* Breakpoint für mobile phones (bis 480px) */
@media (max-width: 480px) {
.veranstaltung-row {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.date-box {
text-align: center;
}
.button-box {
align-items: stretch; /* Buttons volle Breite */
min-width: unset; /* Keine feste Breite mehr */
}
.next-step {
font-size: 12px;
}
.button-box .btn {
width: 100%;
text-align: center;
/*padding: 10px 0; Buttons auf Mobil kompakter */
}
}
/* -- DATES END -- */
/* Lightbox Basis-Styling */
#lightbox {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
justify-content: center;
}
#lightbox-content {
background: white;
padding: 20px;
border-radius: 8px;
width: 80%; /* Flexibler und angemessener Platz für den Inhalt */
height: 80%; /* Genügend Platz für die Anzeige */
box-sizing: border-box;
overflow: auto;
margin: 20px;
}
/* -- 4 FEATURES ON TOP -- */
.straku-features-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
max-width: 1100px;
margin: 0 auto;
margin-top: 70px;
margin-bottom: 70px;
padding: 0px;
box-sizing: border-box;
}
.straku-feature-item {
display: flex;
align-items: flex-start;
gap: 15px;
}
.straku-feature-icon img {
width: 50px;
height: 50px;
object-fit: contain;
}
.straku-feature-icon {
display: none;
}
.straku-feature-text h3 {
font-size: 18px;
font-weight: 600;
margin: 0;
color: #000;
}
.straku-feature-text p {
font-size: 16px;
color: #555;
margin: 5px 0 0;
}
@media (max-width: 1100px) {
.straku-features-wrapper {
padding: 20px;
}
}
@media (max-width: 769px) {
.straku-features-wrapper {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
@media (max-width: 768px) {
.straku-features-wrapper {
grid-template-columns: 1fr;
gap: 20px;
}
.straku-feature-icon img {
width: 40px;
height: 40px;
}
.straku-feature-text h3 {
font-size: 16px;
}
.straku-feature-text p {
font-size: 16px;
}
}
/* -- COURSE LIST -- */
.straku-course-list {
max-width: 1100px;
margin: 0 auto;
padding: 0px;
box-sizing: border-box;
width: 100%;
}
.straku-course-item {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ddd;
padding: 20px 0;
}
.straku-course-title {
font-size: 18px;
font-weight: 500;
color: #000;
flex: 1;
margin-right: 20px;
}
.straku-course-button {
flex-shrink: 0;
}
.straku-course-button .btn,
.accordion-content .btn {
display: inline-block;
/* background-color: var(--blau);*/
background-color: #5c0f8c;
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
text-align: center;
transition: background-color 0.3s ease;
}
.accordion-content .btn {
text-transform: none;
text-align: left;
margin-bottom: 20px;
transition: all 0.3s;
}
.straku-course-button .btn:hover,
.accordion-content .btn:hover {
background-color: var(--blau);
transform: scale(1.05);
}
/* Responsive Design */
@media (max-width: 768px) {
.straku-course-item {
flex-direction: column;
align-items: flex-start;
}
.straku-course-title {
margin-right: 0;
margin-bottom: 10px;
}
.straku-course-button .btn {
width: 100%;
text-align: center;
}
}
/* -- FILTER CSS -- */
.nw-filter-main-wrapper {
display: block; /* Ändern von flex zu block, um Standard-Block-Layout zu nutzen */
width: 100%;
background: var(--nw-beige);
box-sizing: border-box;
overflow-x: hidden;
text-align: center;
margin-top: 0px;
padding-top: 150px;
padding-bottom: 30px;
}
.course-container {
display: flex;
justify-content: space-between;
text-align: center;
padding: 50px 10px 50px 0px;
background-color: var(--nw-beige);
max-width: 1100px; /* Maximale Breite des Gesamtcontainers */
margin: 0 auto; /* Zentrieren des Containers */
flex-wrap: nowrap; /* Verhindert das Umfließen der Karten auf größeren Bildschirmen */
gap: 20px;
}
.nw-filter-main-wrapper .course-container {
background-color: transparent!important;
}
.course-card.purple h3,
.course-card.purple p {
color: #fff;
}
.course-card {
background: white;
border-radius: 10px;
text-align: center;
padding: 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin: 10px;
flex: 0 1 50%;
min-width: 250px;
display: flex;
flex-direction: column;
position: relative;
transition: 0.3s;
}
.course-container .course-card {
padding: 20px;
}
.page-id-6376 .course-container .course-card {
padding: 0px;
}
.course-card.inactive-cc {
opacity: 0.5;
}
.course-card:last-child {
/*margin-right: 0px;*/
}
.course-card:first-child {
/*margin-left: 0px;*/
}
.course-card button {
margin-top: auto; /* Schiebt den Button nach unten */
margin-bottom: 20px; /* Abstand vom unteren Rand der Karte */
}
.course-card:hover {
opacity: 1!important;
transition: all 0.3s ease;
cursor: pointer;
}
@media (max-width: 946px) {
.course-container {
flex-wrap: wrap; /* Erlaubt das Umfließen der Karten auf kleineren Bildschirmen */
}
.course-card {
flex: 1 1 100%; /* Jede Karte nimmt 100% der Breite ein */
margin: 10px; /* Vertikaler Abstand angepasst für gestapelte Anzeige */
margin-left: 20px;
}
.nw-filter-content-wrapper p {
hyphens: auto;
}
}
.course-card h3 {
color: var(--typo);
margin-bottom: 15px;
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
}
.course-card p {
color: var(--typo);
margin-bottom: 20px;
}
button,
.course-card button {
background-color: #51A1D9;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s;
}
.course-card button {
text-transform: uppercase;
}
button:hover,
.course-card button:hover {
background-color: #4091c2; /* Darker blue on hover */
transform: scale(1.05);
}
.book_process_content_wrapper{
background: var(--nw-grey);
height: auto;
border-radius: 20px;
padding: 20px 40px;
margin: 40px 0 20px 0;
}
span.book_info p {
font-size: 16px!important;
font-weight: 300!important;
text-transform: none!important;
margin: 0!important;
padding: 10px 0!important;
}
.headline-wrapper {
text-align: center; /* Zentriert den Inhalt */
width: 100%; /* Nimmt die volle Breite ein */
margin: 50px 0px 20px 0px; /* Abstand zum Kurscontainer */
}
.nw-filter-main-wrapper span p {
color: var(--typo);
margin: 0;
font-size: 30px;
text-transform: uppercase;
font-weight: 200;
}
.nw-filter-main-wrapper a {
line-height: 1!important;
text-decoration: none;
color: #fff;
text-transform: uppercase;
}
.egt-button.cyan.inactive,
.inactive {
opacity: .5;
cursor: not-allowed;
}
.egt-button.cyan.inactive a {
cursor: not-allowed!important;
pointer-events: none;
}
.nw-filter-main-wrapper .egt-button {
transition: all 0.3s;
position: relative;
bottom: -20px;
}
.fade-out {
transition: opacity 0.3s ease-out;
opacity: 0;
pointer-events: none; /* Prevent interaction during fade */
}
.confirm_sent span {
display: block;
margin-top: 20px;
}
.straku-filter-main-wrapper {
display: flex;
justify-content: center;
align-items: center;
min-height: 0px;
width: 100%;
background: #5c0f8c;
box-sizing: border-box;
overflow-x: hidden;
flex-direction: column;
padding-bottom:80px!important;
}
.straku-filter-content-wrapper {
width: 100%;
max-width: 1100px;
background: transparent;
min-height: 0px;
text-align: center;
margin-top: 50px;
}
.straku-filter-content-wrapper span p {
color: #fff;
margin: 0;
padding-top: 0px;
font-size: 30px;
text-transform: uppercase;
font-weight: 200;
}
.straku-filter-wrapper {
display: grid;
grid-template-columns: repeat(10, 88.5px);
grid-gap: 24px;
width: 100%;
margin: 0px 20px 0px 0px;
justify-content: center;
}
.straku-filter-item {
width: 88px;
height: 88px;
border-radius: 10px;
background: #fff;
color: #3C3C3B;
text-align: center;
transition: all 0.3s ease;
min-width: 0px;
display: flex;
align-items: center;
justify-content: space-between;
}
.straku-filter-item:hover,
.straku-filter-item.active {
cursor: pointer;
background: #51a1d9;
color: #fff;
}
.straku-filter-item img {
width: 25px;
height: auto;
margin: 20px 0 15px 0;
}
.straku-filter-item:hover img {
/*filter: brightness(30);*/
transition: all 0.3s ease;
}
.straku-filter-item.active img {
/*filter: brightness(30);*/
}
.straku-filter-item p {
padding: 0;
position: relative;
bottom: 10px;
color: #3C3C3B;
font-size: 15px;
font-weight: 600;
letter-spacing: -0.4px;
margin: 0px 0px;
line-height: 1;
}
.straku-filter-item:hover p {
color: #fff;
transition: all 0.3s ease;
}
.straku-filter-item.active p {
color: #fff;
transition: all 0.3s ease;
}
.straku-content-inner {
position: relative;
}
.page-template-wp-custom-template-academy-template .bc-country-switcher {
display: none;
}
/* -- QUERIES -- */
@media (max-width: 1099px) {
.straku-filter-wrapper {
grid-gap: 16px;
}
.straku-content-inner {
margin: 0 0px!important;
}
}
@media (max-width: 1048px) {
.straku-filter-wrapper {
grid-gap: 12px;
}
}
@media (max-width: 998px) {
.straku-filter-wrapper {
grid-template-columns: repeat(5, 88px);
grid-gap: 24px;
}
}
@media (max-width: 538px) {
.straku-filter-wrapper {
grid-template-columns: repeat(3, 88px);
}
}
@media (max-width: 315px) {
.straku-filter-main-wrapper {
width: 100%;
overflow-x: hidden;
}
}
/* -- QUERIES END -- */
/* -- FILTER CSS END -- */
/* -- STRAKU CONTENT CSS -- */
.straku-content-wrapper.switch {
overflow: hidden;
}
.straku-con-wrap {
display: flex
;
}
p#title-filter {
max-width: 644px;
font-weight: 600;
}
div#for-booking a, div#for-booking,
div#for-booking2 a, div#for-booking2 {
width: 100%;
}
.egt-button.dynamic-book,
.egt-button.hide-empty-dates {
background-color: var(--blau)!important
}
button.openDetails {
cursor: pointer;
}
img.loading-spinner {
justify-self: center;
display: flex;
padding-right: 30px;
padding-bottom: 20px;
transform: scale(0.3);
}
.straku-content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
/* min-height: 400px;*/
width: 100%;
background: transparent;
box-sizing: border-box;
overflow-y: hidden;
margin: 0px 0 30px 0;
padding-top: 50px;
}
.straku-subtitel {
height: 150px;
width: 100%;
max-width: 1100px;
text-align: center;
display: block;
position: relative;
display: flex;
justify-content: center;
}
.straku-subtitel img {
height: auto;
position: absolute;
left: 0;
top: 30%;
transition: all 0.3s ease;
}
.straku-subtitel img:hover {
transform: scale(1.2);
opacity: .7;
}
.straku-content-inner {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1100px;
}
.straku-content-left {
width: 100%;
max-width: 644px;
background: transparent;
color: #3C3C3B;
}
.straku-content-right {
width: 100%;
max-width: 416px;
background: transparent;
position: relative;
margin-top: -90px;
padding-top: 140px;
}
.straku-content-wrapper span p {
color: #000000;
margin: 0;
padding-top: 50px;
font-size: 30px;
text-transform: uppercase;
font-weight: 200;
}
@media (max-width: 1048px) {
.straku-con-wrap {
flex-direction: column;
}
.straku-infobox {
top: 0px !important;
}
.booking-modal-content {
width: 100vw !important;
}
div#bookingModal iframe {
height: 1000px !important;
margin-bottom: 100px !important;
}
.straku-content-inner {
min-height: 1000px !important;
margin-left: 0px !important;
}
}
/* Breakpoint für mobile phones (bis 480px) */
@media (max-width: 520px) {
.straku-content-wrapper span p {
padding-top: 56px;
font-size: 1.4rem;
}
}
/* Breakpoint für mobile phones (bis 480px) */
@media (max-width: 400px) {
.straku-content-wrapper span p {
padding-top: 56px;
font-size: .8rem;
}
}
.straku-infobox {
/* background: #a24c75;*/
border-radius: 10px;
background: #5c0f8c;
padding: 40px 10px 20px 30px;
color: #fff;
}
.straku-infobox p {
margin: 0;
}
.straku-infobox dl {
margin: 0;
padding: 0;
}
.straku-infobox dt {
font-weight: bold;
margin-bottom: 4px;
}
.straku-infobox dd {
margin: 0 0 16px 0;
padding: 0;
}
.straku-infobox dd a {
color: #fff;
}
.straku-infobox.nw dd a {
color: var(--typo);
}
.straku-infobox dd a:hover {
color: var(--blau);
}
.fee {
background: var(--gruen);
padding: 10px 10px 10px 10px;
position: relative;
left: -10px;
border-radius: 5px;
margin-bottom: 16px;
color: #fff;
}
.straku-infobox .fee dd {
margin: 0 0 0px 0;
padding: 0;
}
.straku-kurstitel {
text-align: left!important;
font-size: 20px;
font-weight: 600;
margin-bottom: 1rem;
/* text-transform: uppercase;*/
}
.straku-kursinhalte {
text-align: left !important;
font-size: 18px;
font-weight: 400;
margin-top: 40px;
}
.straku-kursinhalte ul {
list-style: none; /* Entfernt Standard-Bullet-Points */
padding: 0; /* Entfernt Einzug */
margin: 0;
}
.straku-kursinhalte ul li {
position: relative; /* Erforderlich für das Pseudo-Element */
padding-left: 15px; /* Platz für den Bullet Point */
line-height: 1.5; /* Vertikaler Abstand zwischen den Zeilen */
padding-bottom: 10px;
color: #757575;
font-size: 16px;
}
.straku-kursinhalte b:first-child {
line-height: 40px;
}
.straku-kursinhalte ul li:last-child {
padding-bottom: 0px;
}
.straku-kursinhalte ul li::before {
content: ''; /* Kreis hinzufügen */
position: absolute; /* Position relativ zu */
top: 0; /* Startpunkt ist die erste Zeile */
left: 0; /* Kein Abstand zum linken Rand */
transform: translateY(calc((1.5em - 5px) / 2)); /* Zentriert den Punkt zur ersten Zeile */
width: 5px; /* Größe des Bullet Points (Breite) */
height: 5px; /* Größe des Bullet Points (Höhe) */
border-radius: 50%; /* Rund */
background-color: #3C3C3B; /* Bullet Point Farbe */
}
/* -- STRAKU CONTENT CSS END -- */
/* -- STRAKU ACCORDION -- */
.straku-accordion {
width: 100%;
max-width: 644px;
margin: 40px 0 60px 0;
}
.straku-accordion-item {
border-bottom: 1px solid #E0DBD9;
}
.straku-accordion-item:last-child {
/* border-bottom: none;*/
}
.straku-accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 16px 0;
color: #3C3C3B;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.straku-accordion-header.no-border {
border-bottom: none;
}
.straku-accordion-icon {
display: inline-block;
font-size: 20px;
transition: transform 0.3s ease;
transform-origin: center center;
width: 1em;
height: 1em;
line-height: 1;
text-align: center;
vertical-align: middle;
}
.straku-accordion-content {
max-height: 0;
overflow: hidden;
padding: 0;
color: #3C3C3B;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.3;
transition: max-height 0.3s ease, padding 0.3s ease;
overflow: hidden;
transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
max-height: 0;
}
.straku-accordion-item.active .straku-accordion-content {
max-height: 200px;
padding: 16px 0;
}
.straku-accordion-item.active .straku-accordion-icon {
transform: rotate(180deg);
}
.accordion-content ul li {
margin-bottom: 10px;
}
/* -- STRAKU ACCORDION END -- */
/* -- STRAKU ACCORDION DEEPLINK -- */
.straku-ablauf-deeplink {
margin-bottom: 20px;
}
.straku-ablauf-deeplink .accordion-header {
background-color: #f1f1f1;
cursor: pointer;
padding: 10px;
display: flex;
align-items: center;
border-radius: 10px;
}
.straku-ablauf-deeplink .accordion-header:hover {
background-color: #e1e1e1;
}
.straku-ablauf-deeplink .accordion-content {
background-color: white;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px;
display: none; /* Start with content hidden */
}
.info-icon, .chevron-icon {
margin-right: 10px;
}
.chevron-icon {
margin-left: auto; /* Move Chevron to the end */
transition: transform 0.5s ease; /* Smooth transition for Chevron rotation */
}
.chevron-icon.open {
transform: rotate(180deg); /* Rotate Chevron when open */
}
.straku-accordion-item.active .straku-accordion-content {
max-height: none;
}
/* -- STRAKU ACCORDION DEEPLINK END -- */
/* -- STRAKU TERMINE -- */
.straku-termine-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, max-content));
grid-gap: 14px;
width: 100%;
max-width: 644px;
margin: 20px auto 20px auto;
justify-content: start;
}
.straku-termine-item {
width: auto;
max-width: 150px;
height: 150px;
border-radius: 10px;
background: #5c0f8c;
color: #3C3C3B;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
position: relative;
margin-bottom: 10px;
}
.straku-termine-item.boxshadow-rot {
-webkit-box-shadow: 0px 10px 0px 0px var(--rot);
-moz-box-shadow: 0px 10px 0px 0px var(--rot);
box-shadow: 0px 10px 0px 0px var(--rot);
}
.straku-termine-item.boxshadow-rot:hover {
-webkit-box-shadow: 0px 15px 0px 0px var(--rot);
-moz-box-shadow: 0px 15px 0px 0px var(--rot);
box-shadow: 0px 15px 0px 0px var(--rot);
}
.straku-termine-item.boxshadow-gelb {
-webkit-box-shadow: 0px 10px 0px 0px var(--gelb);
-moz-box-shadow: 0px 10px 0px 0px var(--gelb);
box-shadow: 0px 10px 0px 0px var(--gelb);
}
.straku-termine-item.boxshadow-gelb:hover {
-webkit-box-shadow: 0px 15px 0px 0px var(--gelb);
-moz-box-shadow: 0px 15px 0px 0px var(--gelb);
box-shadow: 0px 15px 0px 0px var(--gelb);
}
.straku-termine-item.boxshadow-gruen {
-webkit-box-shadow: 0px 10px 0px 0px var(--gruen);
-moz-box-shadow: 0px 10px 0px 0px var(--gruen);
box-shadow: 0px 10px 0px 0px var(--gruen);
}
.straku-termine-item.boxshadow-gruen:hover {
-webkit-box-shadow: 0px 15px 0px 0px var(--gruen);
-moz-box-shadow: 0px 15px 0px 0px var(--gruen);
box-shadow: 0px 15px 0px 0px var(--gruen);
}
.straku-termine-item:hover {
background: #51A1D9;
cursor: pointer;
}
.straku-termine-item.nw:hover,
.straku-termine-item.nw.selected-straku {
background: var(--blau)!important;
cursor: pointer;
}
.straku-termine-item.selected-straku {
background: #51A1D9;
}
/*.straku-termine-item.selected-straku::after {
content: "0D7";
position: absolute;
top: -9px;
right: 5px;
font-size: 40px;
font-weight: 200;
color: #fff !important;
cursor: pointer;
}*/
.straku-termine-item.nw.selected-straku dl,
.straku-termine-item.nw.selected-straku > span {
color: #ffffff;
}
.straku-termine-item.nw.selected-straku img {
filter: brightness(1);
}
.straku-filter-item img {
width: 25px;
height: auto;
margin: 20px 0 15px 0;
}
.straku-termine-item img {
width: auto;
height: 12px;
margin-bottom: 0px;
}
.straku-termine-item.nw img {
filter: brightness(0.4);
}
.straku-termine-item.nw.active img,
.straku-termine-item.nw:hover img {
filter: brightness(30);
}
.straku-termine-item p {
margin: 0;
font-size: 14px;
font-weight: bold;
color: #fff;
}
.straku-termine-item > span {
color: #fff;
font-size: 15px;
font-weight: 200;
display: flex;
align-items: center;
gap: 8px;
position: absolute;
bottom: 20px;
}
.straku-termine-item.nw > span {
color: var(--typo);
}
.straku-termine-item.nw.active > span,
.straku-termine-item.nw:hover > span {
color: #fff!important;
}
.straku-termine-item dl {
margin: 0;
padding: 0;
color: #fff;
}
.straku-termine-item.nw dl {
margin: 0;
padding: 0;
color: var(--typo);
}
.straku-termine-item.nw.active dl,
.straku-termine-item.nw:hover dl {
margin: 0;
padding: 0;
color: #fff!important;
}
.straku-termine-item dt {
font-weight: bold;
margin-bottom: 0px;
font-size: 30px;
line-height: 1;
}
.straku-termine-item dd {
margin: 0 0 26px 0;
padding: 0;
font-size: 16px;
font-weight: 200;
text-transform: uppercase;
}
/* -- STRAKU TERMINE END -- */
/* -- STRAKU LEGENDE -- */
.straku-legende {
margin: 0 0 20px 0;
}
.straku-legende-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 10px;
align-items: flex-start;
}
.straku-legende-list li {
position: relative;
padding-left: 20px;
line-height: 1.5;
text-align: left;
font-size: 16px!important;
}
.straku-legende-list li::before {
content: ''; /* Kreis hinzufügen */
display: inline-block;
width: 10px; /* Feste Breite des Bullet Points */
height: 10px; /* Feste Höhe des Bullet Points */
border-radius: 50%; /* Runde Form */
position: absolute; /* Position relativ zum li */
top: 0; /* Startpunkt oben */
left: 0; /* Links bündig */
transform: translateY(calc((1.5em - 10px) / 2)); /* Vertikal zentriert zur ersten Zeile */
margin-right: 8px; /* Abstand zum Text */
}
.straku-legende-list li.rot::before {
background-color: var(--rot);
}
.straku-legende-list li.gelb::before {
background-color: var(--gelb);
}
.straku-legende-list li.gruen::before {
background-color: var(--gruen);
}
@media (max-width: 1099px) {
.straku-content-wrapper {
padding: 50px 20px !important;
height: 100%;
overflow: visible;
}
.straku-infobox {
max-width: none !important;
width: calc(100% - 20px) !important;
/* width: 100%!important;*/
padding-right: 20px;
box-sizing: border-box;
margin-left: 20px;
}
}
@media (max-width: 1048px) {
.straku-infobox {
max-width: none !important; /* Hebt die Einschränkung auf */
width: calc(100% - 0px) !important; /* Volle Breite minus 20px links und rechts */
margin: 0 auto; /* Zentriert den Inhalt */
border-radius: 10px;
background: #5c0f8c;
padding: 40px;
color: #fff;
box-sizing: border-box; /* Padding wird in die Breite eingerechnet */
}
.straku-content-inner {
display: flex !important; /* Flexbox aktivieren */
flex-direction: column !important; /* Elemente untereinander anordnen */
align-items: flex-start !important; /* Links ausrichten */
gap: 20px !important; /* Abstand zwischen den Elementen */
}
/* Volle Breite für linken Bereich (Button) */
.straku-content-left {
flex: 1 !important;
max-width: 100% !important; /* Nimmt die volle Breite ein */
}
/* Volle Breite für rechten Bereich (Infobox) */
.straku-content-right {
flex: 1 !important;
max-width: 100% !important; /* Nimmt die volle Breite ein */
margin-top: 0px;
}
/* Button korrekt positionieren */
.egt-button {
margin-top: 20px !important;
width: 94% !important;
margin-bottom: 20px;
}
.straku-accordion {
min-width: 100%;
}
}
@media (max-width: 1048px) {
.straku-termine-wrapper {
display: grid; /* Grid-Layout aktivieren */
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
/* minmax(150px, 1fr): Items sind mindestens 150px breit, passen sich aber dynamisch an */
grid-gap: 11px; /* Abstand zwischen den Items */
width: 100%; /* Volle Breite */
max-width: 100%; /* Keine Einschränkung */
justify-content: center; /* Inhalte zentrieren */
}
.straku-termine-item {
width: 100%; /* Füllt die Spalte vollständig */
max-width: none; /* Hebt max-width-Einschränkung auf */
height: 150px; /* Feste Höhe */
display: flex; /* Inhalte innerhalb der Items zentrieren */
align-items: center; /* Vertikale Zentrierung */
justify-content: center; /* Horizontale Zentrierung */
text-align: center; /* Text ausrichten */
}
}
@media (max-width: 600px) {
.straku-termine-wrapper {
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
/* Items sind mindestens 100px breit */
grid-gap: 11px; /* Gleicher Abstand */
}
.straku-termine-item {
height: 110px; /* Höhe bleibt konstant */
}
.straku-termine-item dt {
font-size: 30px;
line-height: 0.8;
}
.straku-termine-item dd {
font-size: 14px;
font-weight: 200;
}
.straku-termine-item.active::after {
top: 0px;
right: 5px;
font-size: 20px;
}
}
.browser-safari .straku-filter-item p {
letter-spacing: -1.5px;
}
.page-id-6042 footer.footer-ls-regular.wp-block-template-part {
display: none;
}
.page-id-6042 div#kurse-buchen {
padding-top: 30px;
}
.cfi-wrapper {
display: none;
}
.page-template-wp-custom-template-bender-gruppe-template .cfi-wrapper,
.page-template-wp-custom-template-bender-gruppe-template .footer-ls-regular {
display: flex;
}
/*.page-template-wp-custom-template-academy-template footer.footer-ls-regular.wp-block-template-part {
display: none;
}
.page-template-wp-custom-template-academy-template .footer-block-container {
margin-top: -80px;
}
*/
.straku-content-inner {
margin-bottom: 140px;
}
.in-house-schulung-box {
position: absolute;
background-color: #E3DCE9;
left: 0;
padding-left: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 30px;
top: calc(100% + 20px);
border-radius: 10px;
color: #5c0f8c;
}
.in-house-schulung-box a {
color: #5c0f8c;
font-weight: bold;
}
.paketpreis span.kurstag,
.neu span.kurstag,
.aktualisiert span.kurstag {
display: block;
background-color: #7b003a;
color: #ffffff;
padding: 10px;
border-radius: 5px;
text-transform: uppercase;
margin-right: 20px;
font-size: 10px;
hyphens: manual !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
span.kurstag {
display: none;
}
.straku-course-title {
display: flex;
align-items: center;
}
p.zusatzinfo-kurstyp {
font-size: 20px !important;
font-weight: 400 !important;
text-transform: none !important;
}
.wp-block-lazyblock-weiche {
margin-block-start: 0;
}
.page-id-3563 ul.leistungen-overview {
margin-left: 0;
}
.app-only {
display: none !important;
}
.page-template-wp-custom-template-be-imaging-template ul.wp-block-navigation-submenu .this-page:before {
display: none !important;
}
.page-template-wp-custom-template-be-imaging-template-ch ul.wp-block-navigation-submenu .this-page:before {
display: none !important;
}
@media (max-width: 1100px) {
.prod-video-wrapper {
width: calc(100vw - 40px) !important;
max-width: calc(100vw - 40px) !important;
margin-left: 20px !important;
}
}
.country-DE div#Cyclolux® (CH) {
display: none;
}
.single-product .dc-login {
position: absolute;
top: 0px;
left: 0px;
display: flex;
}
.page-template-wp-custom-template-be-imaging-template.single-product.dc_loggedout_user .product-hero-image.slide,
.page-template-wp-custom-template-be-imaging-template.single-product.dc_loggedout_user ul.tabs.wc-tabs,
.page-template-wp-custom-template-be-imaging-template.single-product.dc_loggedout_user img,
.page-template-wp-custom-template-be-imaging-template.single-product.dc_loggedout_user h2,
.page-template-wp-custom-template-be-imaging-template.single-product.dc_loggedout_user .product-file-list,
.page-template-wp-custom-template-be-imaging-template.single-product.dc_loggedout_user .prod-video-wrapper {
display: none;
}
.page-template-wp-custom-template-be-imaging-template.single-product.rx_loggedin_user.country-CH .product-hero-image.slide,
.page-template-wp-custom-template-be-imaging-template.single-product.rx_loggedin_user.country-CH ul.tabs.wc-tabs,
.page-template-wp-custom-template-be-imaging-template.single-product.rx_loggedin_user.country-CH img,
.page-template-wp-custom-template-be-imaging-template.single-product.rx_loggedin_user.country-CH h2,
.page-template-wp-custom-template-be-imaging-template.single-product.rx_loggedin_user.country-CH .product-file-list,
.page-template-wp-custom-template-be-imaging-template.single-product.rx_loggedin_user.country-CH .prod-video-wrapper {
display: block;
}
.page-template-wp-custom-template-be-imaging-template.single-product.dc_loggedout_user .main-nav-wrapper img {
display: block;
}
.page-template-wp-custom-template-be-imaging-template.single-product.dc_loggedout_user footer.wp-block-template-part:last-child {
margin-top: 470px;
}
.contact-email {
margin-bottom: 10px;
}
.dc_loggedin_user .hide-for-docchecked {
height: 0px;
visibility: hiddeN;
margin-bottom: -200px;
}
/*product detail pages footer company*/
/*b.e.consult*/
.single-product.product_cat-b-e-consult
.footer-left-container p:first-child {
font-size: 0px;
}
.single-product.product_cat-b-e-consult
.footer-left-container p:first-child:before {
content: 'b.e.consult GmbH';
font-size: var(--wp--preset--font-size--medium);
}
.single-product.product_cat-b-e-consult
.footer-left-container p a[href="mailto:info@bendergruppe.com"] {
font-size: 0px;
}
.single-product.product_cat-b-e-consult
.footer-left-container p a[href="mailto:info@bendergruppe.com"]:before {
content: 'be-consult@bendergruppe.com';
font-size: var(--wp--preset--font-size--medium);
}
/*b.e.imaging*/
.single-product.product_cat-b-e-imaging
.footer-left-container p:first-child {
font-size: 0px;
}
.single-product.product_cat-b-e-imaging
.footer-left-container p:first-child:before {
content: 'b.e.imaging GmbH';
font-size: var(--wp--preset--font-size--medium);
}
.single-product.product_cat-b-e-imaging
.footer-left-container p a[href="mailto:info@bendergruppe.com"] {
font-size: 0px;
}
.single-product.product_cat-b-e-imaging
.footer-left-container p a[href="mailto:info@bendergruppe.com"]:before {
content: 'be-imaging@bendergruppe.com';
font-size: var(--wp--preset--font-size--medium);
}
/*röntgen bender*/
.single-product.product_cat-rontgen-bender
.footer-left-container p:first-child {
font-size: 0px;
}
.single-product.product_cat-rontgen-bender
.footer-left-container p:first-child:before {
content: 'röntgen bender GmbH & Co. KG';
font-size: var(--wp--preset--font-size--medium);
}
.single-product.product_cat-rontgen-bender
.footer-left-container p a[href="mailto:info@bendergruppe.com"] {
font-size: 0px;
}
.single-product.product_cat-rontgen-bender
.footer-left-container p a[href="mailto:info@bendergruppe.com"]:before {
content: 'roentgen-bender@bendergruppe.com';
font-size: var(--wp--preset--font-size--medium);
}
/* link button für kurse / veranstaltungen in tiny mce*/
blockquote {
margin: 0;
width: fit-content;
display: inline-block;
background-color: var(--purple);
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
text-align: center;
transition: background-color 0.3s ease;
}
blockquote a {
color: #ffffff;
}
blockquote:hover {
transform: scale(1.05);
}
.page-id-6313 blockquote {
background-color: var(--nw-beige);
}
@media (max-width: 768px) {
.footer-center-container, .footer-right-container {
align-items: flex-start;
}
}
button.btn.inactive-cc {
opacity: 0.6;
}
.slide {
transition: 0.2s;
}
/* Webinare*/
.webinar-wrapper {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
width: 100vw;
max-width: 1100px;
}
.webinar-container {
width: calc(33% - 13px);
}
.webinar-contents {
display: flex;
flex-wrap: wrap;
column-gap: 25px;
}
.webinar-video video {
width: 100%;
}
.webinar-video {
height: calc(((1100px / 3) - 20px) / 16 * 9);
}
.webinar-video img {
border-radius: 10px;
}
.webinar-title h3 {
font-size: 20px;
margin: -5px 0 30px 0;
}
.webinar-published {
margin: 30px 0px 10px 0px;
font-size: 15px;
}
.webinar-wrapper {
background-color: #dddddd;
padding-top: 50px;
padding-bottom: 50px;
}
.webinar-wrapper .pfl-headline h2 {
margin-bottom: 50px;
margin-top: 20px;
}
.product-file-list {
margin-block-start: 0px !important;
margin-block-end: 0px !important;
}
.wp-singular p {
margin-block-start: 0 !important;
}
.webinar-lightbox {
position: fixed;
top: 0px;
left: 0px;
width: 100vw;
background-color: #000000ab;
height: 100vh;
z-index: 100;
justify-content: center;
align-items: center;
}
.webinar-lightbox video {
width: 80%;
height: auto;
}
@media (max-width: 1200px) {
.webinar-contents {
flex-direction: column;
align-items: center;
}
.webinar-container {
width: calc(100% - 40px);
}
.webinar-video {
height: auto;
}
.webinar-lightbox video {
width: 100%;
}
.webinar-published {
margin: 10px 0px 10px 0px;
}
}
.rx-protected-wrapper .rx-login {
width: 100%;
margin-top: 250px;
}
.straku-course-preview {
width: 88px;
height: 88px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 3px 3px 6px #00000029;
margin-right: 20px;
margin-bottom: -10px;
margin-top: -10px;
}
.straku-course-preview img {
width: 100%;
height: auto;
}
div#lightbox2 {
position: fixed;
z-index: 1000;
top: 0px;
left: 0px;
width: 80vw;
padding: 10vh 10vw;
background-color: #000000d9;
justify-content: center;
align-items: center;
flex-direction: column;
}
div#lightbox2-content {
width: 80vw;
max-width: 80vh;
height: calc(80vh - 50px);
max-height: 80vw;
padding: 10px;
overflow: hidden;
margin-top: 50px;
}
.lightbox2-close {
width: 80vw;
max-width: 80vh;
display: flex;
justify-content: flex-end;
padding-right: 40px;
margin-bottom: -30px;
}
div#lightbox2-content iframe {
border: none;
}
div#lightbox2-content div {
margin-top: -50px;
}
div#lightbox2-epilogue {
color: #ffffff;
padding: 0px 0px;
font-weight: bold;
}
.epilogue-wrapper {
display: flex;
width: calc(80vw - 40px);
max-width: calc(80vh - 40px);
padding: 10px 20px;
}
div#lightbox2-background {
width: 100vw;
height: 100vh;
z-index: -1;
position: fixed;
}
div#lightbox2-epilogue-button button.btn.show-course-details {
width: 120px;
text-transform: uppercase;
font-weight: bold;
margin-left: 10px;
}
/**** new shit ****/
.radio-only {
display: none;
}
.page-template-wp-custom-template-radiopharmazeutika-template.single-product .radio-only {
display: block;
}
.page-template-wp-custom-template-radiopharmazeutika-template.single-product .not-radio {
display: none;
}
.postid-7264 .erster-deskriptor .page p, .postid-7264 .erster-deskriptor .page h2, .postid-7264 .single-prod-left-description div#tab-description p strong {
display: none !important;
}
.postid-7264 .single-prod-left-description div#tab-description p {
display: block !important;
}
@media (max-width: 1100px) {
.company-contact-container {
margin-top: 230px;
}
}
.contact-einleitungstext {
margin-bottom: 10px;
}
.straku-infobox.nw, .straku-termine-item.nw {
background-color: var(--nw-beige) !important;
}
p.prostata-mrt:after {
content: '';
background-image: url(/wp-content/uploads/2025/05/logo-afuw.png);
width: 100%;
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: top right;
background-size: contain;
margin-top: -10px;
}
span.straku-subtitel.straku-min {
justify-content: flex-start;
}
span.straku-subtitel.straku-min p#title-filter {
margin-left: 60px;
padding-top: 45px;
text-align: left;
}
.ansprechpartner-name {
margin-bottom: 5px;
}
@media (min-width: 1101px) {
li.wp-block-navigation-item.wp-block-navigation-link.page-suche {
display: none;
}
}
.straku-legende-list li:before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
transform: translateY(calc((1.5em - 10px) / 2));
margin-right: 8px;
}
.straku-legende-list li.gruen:before {
background-color: var(--gruen);
}
.straku-legende-list li.gelb:before {
background-color: var(--gelb);
}
.straku-legende-list li.rot:before {
background-color: var(--rot);
}
.single-product.product_cat-b-e-imaging .not-radio .footer-left-container p:first-child {
font-size: 0px;
}
.single-product.product_cat-b-e-imaging .not-radio .footer-left-container p:first-child:before {
content: 'b.e.imaging GmbH';
font-size: var(--wp--preset--font-size--medium);
}
.woocommerce-Tabs-panel > ul li:before {
content: '';
}
p#title-filter.zahnaerzte:after, p#title-filter.zfa:after, p#title-filter.tieraerzte:after, p#title-filter.tfa:after, p#title-filter.mpe:after, p#title-filter.techniker:after {
content: 'durchgeführt von';
background-image: url(/wp-content/uploads/2025/06/Bildschirmfoto-2025-06-11-um-10.15.26.png);
width: calc(100% - 110px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: top right;
background-size: contain;
margin-top: -10px;
font-size: 14px;
text-align: right;
padding-right: 110px;
display: flex;
align-items: center;
top: 45px;
justify-content: flex-end;
}
@media (max-width: 900px) {
#title-filter.zahnarzt:after, p#title-filter.zfa:after, p#title-filter.tierarzt:after, p#title-filter.tfa:after, p#title-filter.mpe:after, p#title-filter.techniker:after {
content: 'durchgeführt von';
background-image: url(/wp-content/uploads/2025/06/Bildschirmfoto-2025-06-11-um-10.15.26.png);
width: calc(100% - 0px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: top right;
background-size: contain;
margin-top: -10px;
font-size: 14px;
text-align: right;
padding-right: 0px;
display: flex;
align-items: flex-end;
top: 95px;
justify-content: flex-end;
flex-direction: column;
padding-top: 10px;
background-size: 78px;
}
}
.page-id-3607.wp-singular p,
.page-id-3601.wp-singular p {
margin-bottom: 10px !important;
}
.page-id-3601 h2 {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
padding-top: 10px;
padding-bottom: 10px;
}
.legal-head {
padding-top: 30px !important;
}
.product-img.square .square-content {
background-color: #ffffff;
}
/*release 6/25*/
.in-house-schulung-box button {
background-color: #5c0f8c;
width: 100%;
margin-top: 20px;
}
.in-house-schulung-box button a {
color: #ffffff;
}
@media (max-width: 1100px) {
.hinweis-form {
padding: 0px 20px;
}
.custom-post-grid {
flex-direction: column;
}
.custom-post-item {
max-width: none;
}
a.linked-image {
height: 150px;
}
}
p#title-filter.zahnarzt:after, p#title-filter.zfa:after, p#title-filter.tierarzt:after, p#title-filter.tfa:after, p#title-filter.mpe:after, p#title-filter.techniker:after {
content: 'durchgeführt von';
background-image: url(/wp-content/uploads/2025/06/Bildschirmfoto-2025-06-11-um-10.15.26.png);
width: calc(100% - 110px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: top right;
background-size: contain;
margin-top: -10px;
font-size: 14px;
text-align: right;
padding-right: 110px;
display: flex;
align-items: center;
top: 45px;
justify-content: flex-end;
}
@media (max-width: 900px) {
#title-filter.zahnarzt:after, p#title-filter.zfa:after, p#title-filter.tierarzt:after, p#title-filter.tfa:after, p#title-filter.mpe:after, p#title-filter.techniker:after {
content: 'durchgeführt von';
background-image: url(/wp-content/uploads/2025/06/Bildschirmfoto-2025-06-11-um-10.15.26.png);
width: calc(100% - 0px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: top right;
background-size: contain;
margin-top: -10px;
font-size: 14px;
text-align: right;
padding-right: 0px;
display: flex;
align-items: flex-end;
top: 95px;
justify-content: flex-end;
flex-direction: column;
padding-top: 10px;
background-size: 78px;
}
}
.paketpreis span.kurstag, .neu span.kurstag, .aktualisiert span.kurstag {
display: flex;
background-color: #7b003a;
color: #ffffff;
padding: 0px 10px;
border-radius: 5px;
text-transform: uppercase;
margin-right: 20px;
font-size: 10px;
hyphens: manual !important;
word-break: normal !important;
overflow-wrap: normal !important;
height: 35px;
align-items: center;
}
span.kurstag.prakti-tag {
background-color: #5c0f8c;
font-weight: 500;
max-width: 90px;
text-align: center;
line-height: 1.1;
padding: 0px 10px;
height: 35px;
margin-right: 10px;
}
.cou-con {
display: flex;
justify-content: space-between;
width: 100%;
}
.straku-course-item {
align-items: center;
}
.tag-things {
display: flex;
margin-bottom: 10px;
}
span.infobox-tag {
background-color: #ffffff;
color: #5c0f8c;
border-radius: 5px;
margin-bottom: 20px;
width: 100px;
height: 30px;
display: flex;
line-height: 1.1;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 10px;
}
.infobox-tags {
display: flex;
column-gap: 10px;
}
.go-on-prakti-button {
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
margin-top: 40px;
transition: all 0.2s ease-in-out;
background-color: var(--blau) !important;
font-family: Gotham;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
text-align: center;
width: 100%;
justify-content: center;
}
.po-option,
.po-option-stuff.internship {
background-color: #E3E3E3;
padding: 30px 20px;
border-radius: 10px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 500;
text-align: center;
display: flex;
align-items: center;
column-gap: 20px;
}
.po-option-button {
background-color: #ffffff;
width: 35px;
height: 35px;
border-radius: 17.5px;
}
.po-title {
margin-bottom: 30px;
}
.po-option.selected-prakt-option .po-option-button {
background-color: #3C3C3B;
border: solid 5px #ffffff;
width: 25px;
height: 25px;
}
.prakti-selection-on .hello,
.prakti-selection-on .straku-legende.hide-empty-dates,
.prakti-selection-on .straku-termine-wrapper.dynamic-events,
.prakti-selection-on span.hide-empty-dates,
.prakti-selection-on .straku-accordion,
.prakti-selection-on .straku-kursbeschreibung,
.prakti-selection-on .straku-kurstitel {
display: none !important;
}
.po-option.selected-prakt-option {
flex-direction: column;
padding-bottom: 0px;
}
.praktikum-self-registry {
background-color: #ffffff;
width: calc(100% - 2px);
padding: 20px;
border: solid 1px #E3E3E3;
}
.prakti-form-input-set input {
margin-bottom: 20px;
}
.selected-prakt-option .po-option-stuff {
padding-bottom: 20px;
}
.prakti-form-text {
font-weight: 400;
text-transform: none;
text-align: left;
margin: 10px 0px;
}
.prakti-form-label {
font-weight: 600;
text-transform: none;
text-align: left;
margin: 10px 0px;
}
.po-option-stuff {
display: flex;
column-gap: 20px;
align-items: center;
}
.prakti-form-input-set input[type="file"] {
padding-top: 15px;
height: 40px;
}
.prakti-checkboxes {
display: flex;
justify-content: flex-start;
}
.prakti-checkboxes input[type="checkbox"] {
width: 50px;
margin-right: 10px;
margin-top: 20px;
}
.prakti-checkboxes {
display: flex;
justify-content: flex-start;
align-items: center;
}
.prakti-checkboxes label {
margin-right: 10px;
}
.po-option-stuff.internship {
font-size: 18px;
text-transform: none;
color: #707070;
padding: 20px 10px;
}
.praktikum-select-internship {
padding: 30px 20px;
border: solid 1px #E3E3E3;
border-radius: 0px 0px 10px 10px;
margin-top: -30px;
transition: 1s;
}
.selected-internship .po-option-button {
background-color: #3C3C3B;
border: solid 5px #ffffff;
width: 25px;
height: 25px;
}
div#for-booking2.visible-fucking-button {
opacity: 1 !important;
}
/* WebKit (Chrome, Safari) */
input[type="file"]::-webkit-file-upload-button {
background: #0073aa;
color: #fff;
padding: 0.5em 1em;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
top: 0px;
left: 0px;
margin-top:0px;
z-index: 5;
opacity: 0;
position: absolute;
}
/* Firefox */
input[type="file"]::-moz-file-upload-button {
background: #0073aa;
color: #fff;
padding: 0.5em 1em;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
top: 0px;
left: 0px;
margin-top:0px;
z-index: 5;
opacity: 0;
position: absolute;
}
/* Standard */
/*input[type="file"]::file-selector-button {
background: #0073aa;
color: #fff;
padding: 0.5em 1em;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top:0px;
width: 100%;
top: 0px;
left: 0px;
z-index: 5;
opacity: 0;
position: absolute;
}
.prakti-file-input:after {
content: 'Aktuelle Fachkundenachweise hochladen';
text-align: left !important;
width: 100%;
position: absolute;
margin-top: 15px;
margin-left: 20px;
text-transform: none;
font-size: 18px;
color: #BBBBBB;
font-weight: 400;
left: 20px;
height: 1px;
overflow: visible;
}
input[type="file"] {
color: transparent;
}
input[data-gtm-form-interact-field-id="0"] {
color: #3C3C3B;
opacity: 1;
}
.prakti-file-input:has(> input[data-gtm-form-interact-field-id="0"]):after {
display: none;
}
/* WebKit (Chrome, Safari) */
input[data-gtm-form-interact-field-id="0"]::-webkit-file-upload-button {
opacity: 1;
}
input[data-gtm-form-interact-field-id="0"]::-moz-file-upload-button {
opacity: 1;
}
input[data-gtm-form-interact-field-id="0"]::file-selector-button {
opacity: 1;
}
*/
.paketpreis span.kurstag,
.neu span.kurstag,
.aktualisiert span.kurstag {
border: solid 2px #7b003a;
background-color: transparent;
color: #7b003a;
font-weight: 700;
}
span.kurstag.prakti-tag {
color: #5c0f8c;
border: solid 2px #5c0f8c;
background-color: transparent;
font-weight: 700;
}
.lazyblock-link-button-1YROPF.wp-block-lazyblock-link-button .egt-button {
background-color: var(--blau);
}
.page-id-6042 .nw-filter-main-wrapper {
padding-bottom: 90px;
}
.eingangstext-container.egt2 {
margin-top: -155px;
margin-bottom: 90px;
}
.page-id-6376 .eingangstext-container.egt2 {
margin-top: -70px;
margin-bottom: 90px;
}
.po-option.selected-prakt-option .po-option-stuff.internship.prakti-eigene-result .po-option-button {
background-color: #ffffff;
}
.po-option-stuff.internship.prakti-eigene-result.selected-own-result .po-option-button {
background-color: #3C3C3B !important;
}
.wp-block-navigation__responsive-container-close {
width: 100vw;
padding-right: 20px;
left: -20px;
display: flex;
justify-content: flex-end;
}
.praktikum-self-registry form input, .praktikum-self-registry form textarea {
color: #3C3C3B;
}
.po-option-description.intern-description strong {
text-transform: uppercase;
}
.po-option-description.intern-description {
text-align: left;
}
.po-option-stuff.internship.prakti-eigene-result:first-child:before {
content: 'Bitte wählen Sie Ihre Klinik / Praxis';
position: absolute;
margin-top: -130px;
}
.po-option-stuff.internship.prakti-eigene-result:first-child {
margin-top: 60px;
}
.geraete-list {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.prakti-geraet {
display: flex;
align-items: center;
}
/*
.prakti-file-input:after {
content: 'Aktuelle Fachkundenachweise hochladen';
text-align: left !important;
width: 100%;
position: absolute;
margin-top: 15px;
margin-left: 20px;
text-transform: none;
font-size: 18px;
color: #3C3C3B;
font-weight: 400;
left: 20px;
height: 1px;
overflow: visible;
}
.prakti-form-input-set input[type="file"] {
color: transparent;
}
.prakti-form-input-set input[data-gtm-form-interact-field-id="0"] {
color: #3C3C3B !important;
}
.prakti-file-input.abnahmepruef:after {
content: 'Letzte Sachverständigenprüfung hochladen';
}
*/
.prakti-file-input label {
text-align: left;
display: block;
text-transform: none;
font-weight: 400;
color: #000000;
}
.prakti-file-input input[type="file"]:after {
content: url(https://www.bendergruppe.com/wp-content/uploads/2025/08/FontAwsome-upload.svg);
float: right;
margin-right: 20px;
}
.prakti-file-input input {
cursor: pointer;
}
.infobox-tag:empty {
display: none;
}
.page-id-7599 form.post-password-form input {
margin-bottom: 50px;
}
.page-id-7599 form.post-password-form {
padding: 250px;
}
.page-id-7599 .course-container .course-card {
padding: 0px;
}
.lazyblock-link-button-Z2mX2F7.wp-block-lazyblock-link-button .egt-button {
background-color: var(--blau);
}
.straku-content-left:has(.straku-termine-item.selected-straku) .go-on-prakti-button {
opacity: 1 !important;
}
.hello,
.go-on-prakti-button,
.po-option-stuff.internship.prakti-eigene-result {
cursor: pointer;
}
.straku-content-left:has(.po-option-stuff.internship.selected-internship) div#for-booking2.egt-button.hide-empty-dates.visible-fucking-button {
opacity: 1 !important;
}
.prakti-own-result .prakti-re-search {
display: none !important;
}
.prakti-own-result .prakti-re-search:last-child {
display: flex !important;
}
span.wpcf7-form-control-wrap[data-name="datenschutzeinwilligung"] input[type="checkbox"] {
width: 50px;
margin-right: 30px;
}
.post-7403 .pfl-link-link span.high-r {
display: none;
}
/*release 6/25*/
.in-house-schulung-box button {
background-color: #5c0f8c;
width: 100%;
margin-top: 20px;
}
.in-house-schulung-box button a {
color: #ffffff;
}
@media (max-width: 1100px) {
.hinweis-form {
padding: 0px 20px;
}
.custom-post-grid {
flex-direction: column;
}
.custom-post-item {
max-width: none;
}
a.linked-image {
height: 150px;
}
}
p#title-filter.zahnarzt:after, p#title-filter.zfa:after, p#title-filter.tierarzt:after, p#title-filter.tfa:after, p#title-filter.mpe:after, p#title-filter.techniker:after {
content: 'durchgeführt von';
background-image: url(/wp-content/uploads/2025/06/Bildschirmfoto-2025-06-11-um-10.15.26.png);
width: calc(100% - 110px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: top right;
background-size: contain;
margin-top: -10px;
font-size: 14px;
text-align: right;
padding-right: 110px;
display: flex;
align-items: center;
top: 45px;
justify-content: flex-end;
}
@media (max-width: 900px) {
#title-filter.zahnarzt:after, p#title-filter.zfa:after, p#title-filter.tierarzt:after, p#title-filter.tfa:after, p#title-filter.mpe:after, p#title-filter.techniker:after {
content: 'durchgeführt von';
background-image: url(/wp-content/uploads/2025/06/Bildschirmfoto-2025-06-11-um-10.15.26.png);
width: calc(100% - 0px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: top right;
background-size: contain;
margin-top: -10px;
font-size: 14px;
text-align: right;
padding-right: 0px;
display: flex;
align-items: flex-end;
top: 95px;
justify-content: flex-end;
flex-direction: column;
padding-top: 10px;
background-size: 78px;
}
}
.paketpreis span.kurstag, .neu span.kurstag, .aktualisiert span.kurstag {
display: flex;
background-color: #7b003a;
color: #ffffff;
padding: 0px 10px;
border-radius: 5px;
text-transform: uppercase;
margin-right: 20px;
font-size: 10px;
hyphens: manual !important;
word-break: normal !important;
overflow-wrap: normal !important;
height: 35px;
align-items: center;
}
span.kurstag.prakti-tag {
background-color: #5c0f8c;
font-weight: 500;
max-width: 90px;
text-align: center;
line-height: 1.1;
padding: 0px 10px;
height: 35px;
margin-right: 10px;
}
.cou-con {
display: flex;
justify-content: space-between;
width: 100%;
}
.straku-course-item {
align-items: center;
}
.tag-things {
display: flex;
margin-bottom: 10px;
}
span.infobox-tag {
background-color: #ffffff;
color: #5c0f8c;
border-radius: 5px;
margin-bottom: 20px;
width: 100px;
height: 30px;
display: flex;
line-height: 1.1;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 10px;
}
.infobox-tags {
display: flex;
column-gap: 10px;
}
.go-on-prakti-button {
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
margin-top: 40px;
transition: all 0.2s ease-in-out;
background-color: var(--blau) !important;
font-family: Gotham;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
text-align: center;
width: 100%;
justify-content: center;
}
.po-option,
.po-option-stuff.internship {
background-color: #E3E3E3;
padding: 30px 20px;
border-radius: 10px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 500;
text-align: center;
display: flex;
align-items: center;
column-gap: 20px;
}
.po-option-button {
background-color: #ffffff;
width: 35px;
height: 35px;
border-radius: 17.5px;
}
.po-title {
margin-bottom: 30px;
}
.po-option.selected-prakt-option .po-option-button {
background-color: #3C3C3B;
border: solid 5px #ffffff;
width: 25px;
height: 25px;
}
.prakti-selection-on .hello,
.prakti-selection-on .straku-legende.hide-empty-dates,
.prakti-selection-on .straku-termine-wrapper.dynamic-events,
.prakti-selection-on span.hide-empty-dates,
.prakti-selection-on .straku-accordion,
.prakti-selection-on .straku-kursbeschreibung,
.prakti-selection-on .straku-kurstitel {
display: none !important;
}
.po-option.selected-prakt-option {
flex-direction: column;
padding-bottom: 0px;
}
.praktikum-self-registry {
background-color: #ffffff;
width: calc(100% - 2px);
padding: 20px;
border: solid 1px #E3E3E3;
}
.prakti-form-input-set input {
margin-bottom: 20px;
}
.selected-prakt-option .po-option-stuff {
padding-bottom: 20px;
}
.prakti-form-text {
font-weight: 400;
text-transform: none;
text-align: left;
margin: 10px 0px;
}
.prakti-form-label {
font-weight: 600;
text-transform: none;
text-align: left;
margin: 10px 0px;
}
.po-option-stuff {
display: flex;
column-gap: 20px;
align-items: center;
}
.prakti-form-input-set input[type="file"] {
padding-top: 10px;
height: 40px;
}
.prakti-checkboxes {
display: flex;
justify-content: flex-start;
}
.prakti-checkboxes input[type="checkbox"] {
width: 50px;
margin-right: 10px;
margin-top: 20px;
}
.prakti-checkboxes {
display: flex;
justify-content: flex-start;
align-items: center;
}
.prakti-checkboxes label {
margin-right: 10px;
}
.po-option-stuff.internship {
font-size: 18px;
text-transform: none;
color: #707070;
padding: 20px 10px;
}
.praktikum-select-internship {
padding: 30px 20px;
border: solid 1px #E3E3E3;
border-radius: 0px 0px 10px 10px;
margin-top: -30px;
transition: 1s;
}
.selected-internship .po-option-button {
background-color: #3C3C3B;
border: solid 5px #ffffff;
width: 25px;
height: 25px;
}
div#for-booking2.visible-fucking-button {
opacity: 1 !important;
}
/* WebKit (Chrome, Safari) */
input[type="file"]::-webkit-file-upload-button {
background: #0073aa;
color: #fff;
padding: 0.5em 1em;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
top: 0px;
left: 0px;
margin-top:0px;
z-index: 5;
opacity: 0;
position: absolute;
}
/* Firefox */
input[type="file"]::-moz-file-upload-button {
background: #0073aa;
color: #fff;
padding: 0.5em 1em;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
top: 0px;
left: 0px;
margin-top:0px;
z-index: 5;
opacity: 0;
position: absolute;
}
/* Standard */
input[type="file"]::file-selector-button {
background: #0073aa;
color: #fff;
padding: 0.5em 1em;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top:0px;
width: 100%;
top: 0px;
left: 0px;
z-index: 5;
opacity: 0;
position: absolute;
}
.prakti-file-input:after {
content: 'Aktuelle Fachkundenachweise hochladen';
text-align: left !important;
width: 100%;
position: absolute;
margin-top: 15px;
margin-left: 20px;
text-transform: none;
font-size: 18px;
color: #BBBBBB;
font-weight: 400;
left: 20px;
height: 1px;
overflow: visible;
}
input[type="file"] {
color: transparent;
}
input[data-gtm-form-interact-field-id="0"] {
color: #3C3C3B;
opacity: 1;
}
.prakti-file-input:has(> input[data-gtm-form-interact-field-id="0"]):after {
display: none;
}
/* WebKit (Chrome, Safari) */
input[data-gtm-form-interact-field-id="0"]::-webkit-file-upload-button {
opacity: 1;
}
input[data-gtm-form-interact-field-id="0"]::-moz-file-upload-button {
opacity: 1;
}
input[data-gtm-form-interact-field-id="0"]::file-selector-button {
opacity: 1;
}
.paketpreis span.kurstag,
.neu span.kurstag,
.aktualisiert span.kurstag {
border: solid 2px #7b003a;
background-color: transparent;
color: #7b003a;
font-weight: 700;
}
span.kurstag.prakti-tag {
color: #5c0f8c;
border: solid 2px #5c0f8c;
background-color: transparent;
font-weight: 700;
}
.lazyblock-link-button-1YROPF.wp-block-lazyblock-link-button .egt-button {
background-color: var(--blau);
}
.page-id-6042 .nw-filter-main-wrapper {
padding-bottom: 90px;
}
.eingangstext-container.egt2 {
margin-top: -155px;
margin-bottom: 90px;
}
.page-id-6376 .eingangstext-container.egt2 {
margin-top: -70px;
margin-bottom: 90px;
}
.po-option.selected-prakt-option .po-option-stuff.internship.prakti-eigene-result .po-option-button {
background-color: #ffffff;
}
.po-option-stuff.internship.prakti-eigene-result.selected-own-result .po-option-button {
background-color: #3C3C3B !important;
}
.wp-block-navigation__responsive-container-close {
width: 100vw;
padding-right: 20px;
left: -20px;
display: flex;
justify-content: flex-end;
}
.praktikum-self-registry form input, .praktikum-self-registry form textarea {
color: #3C3C3B;
}
.po-option-description.intern-description strong {
text-transform: uppercase;
}
.po-option-description.intern-description {
text-align: left;
}
.po-option-stuff.internship.prakti-eigene-result:first-child:before {
content: 'Bitte wählen Sie Ihre Klinik / Praxis';
position: absolute;
margin-top: -130px;
}
.po-option-stuff.internship.prakti-eigene-result:first-child {
margin-top: 60px;
}
.geraete-list {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.prakti-geraet {
display: flex;
align-items: center;
}
.prakti-file-input:after {
content: 'Aktuelle Fachkundenachweise hochladen';
text-align: left !important;
width: 100%;
position: absolute;
margin-top: 15px;
margin-left: 20px;
text-transform: none;
font-size: 18px;
color: #3C3C3B;
font-weight: 400;
left: 20px;
height: 1px;
overflow: visible;
}
.prakti-form-input-set input[type="file"] {
color: transparent;
}
.prakti-form-input-set input[data-gtm-form-interact-field-id="0"] {
color: #3C3C3B !important;
}
.prakti-file-input.abnahmepruef:after {
content: 'Letzte Sachverständigenprüfung hochladen';
}
.infobox-tag:empty {
display: none;
}
.lazyblock-link-button-Z2mX2F7.wp-block-lazyblock-link-button .egt-button, .lazyblock-link-button-1QfvDc.wp-block-lazyblock-link-button .egt-button {
background-color: var(--blau);
}
/* B) Adjustments to info box on course detail pages */
.straku-infobox {
padding: 20px 20px 20px 20px;
}
.in-house-schulung-box {
padding: 20px 20px 20px 20px;
}
.straku-infobox .additional-course-info dd {
margin: 0 0 10px 0;
}
.straku-infobox .additional-course-info.has-checkmarks dd {
position: relative;
padding-left: 20px;
}
.additional-course-info dd img {
position: absolute;
left: 0px;
}
.additional-course-info {
font-size: 14px;
}
.additional-course-info img {
filter: brightness(0) invert(1);
}
.straku-infobox div:last-child dd:last-child {
margin-bottom: 0px;
}
.straku-content-right {
margin-left: auto;
}
.straku-infobox dl {
font-size: 16px;
}
.straku-infobox dd {
margin: 0 0 15px 0;
padding: 0;
}
.in-house-schulung-box {
padding: 15px;
font-size: 16px;
}
.in-house-schulung-box button {
margin-top: 8px;
}
@media screen and (min-width: 1366px) and (max-width: 1440px) and (min-height: 768px) and (max-height: 900px) {
.straku-content-right {
font-size: 14px;
margin-left: auto;
}
.straku-content-left {
width: calc(100% - 470px);
}
.straku-infobox {
width: 450px !important;
box-sizing: border-box;
}
.straku-infobox dd {
margin: 0 0 10px 0;
padding: 0;
}
.straku-termine-wrapper {
grid-template-columns: repeat(auto-fill, minmax(148px, max-content));
grid-gap: 14px;
width: 100%;
grid-gap: 10px;
}
.straku-termine-item {
max-width: 148px;
height: 148px;
}
}
@media screen and (max-width: 1048px) {
.straku-content-right {
padding-top: 0px;
}
.straku-infobox {
position: relative!important;
}
.page-template-wp-custom-template-academy-template .company-contact-container {
margin-top: 110px;
}
}
.go-on-prakti-button, .hello {
cursor: pointer;
}
/* homepage all news button */
.all-news-button {
background-color: #000000 !important;
color: var(--wp--preset--color--background);
font-size: 14px !important;
text-transform: uppercase;
border-radius: 5px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
margin-top: 40px;
font-weight: 500;
opacity: 0.7;
display: inline-block;
transition: all 0.3s;
}
.all-news-button:hover {
transform: scale(1.05);
opacity: 1;
transition: all 0.3s;
}
/* new news page */
.wp-block-lazyblock-list-posts-filters {
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: wrap;
}
.category-filter-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
flex-wrap: wrap;
}
.category-filter-btn {
margin: 10px;
background-color: #b2b2b2;
font-size: 15px;
}
.category-filter-btn.active, button.category-filter-btn:hover {
background-color: #000000;
}
button.category-filter-btn[data-category="9"], button.category-filter-btn[data-category="36"], button.category-filter-btn[data-category="1"] {
display: none;
}
button.category-filter-btn {
width: calc((100% - 110px) / 6);
font-size: 12px;
padding: 0px;
}
@media (max-width: 1000px) {
button.category-filter-btn {
width: calc((100% - 66px) / 3);
}
}
@media (max-width: 600px) {
button.category-filter-btn {
width: calc((100% - 44px) / 2);
}
}
button.category-filter-btn[data-category="43"] {
margin-right:0px;
}
button.category-filter-btn:first-child {
margin-left: 0px;}
p.post-company {
font-size: 12px;
margin-top: 10px !important;
margin-bottom: 0px;
margin-block-end: -15px !important;
opacity: 0.7;
height: 15px;
}
/* kontrastmittel ch page */
.page-template-wp-custom-template-be-imaging-template-ch .breadcrumb-title {
background: linear-gradient(45deg, #000000, #A5288D, #A5288D, #A5288D);
}
.page-template-wp-custom-template-be-imaging-template-ch .company-contact-container {
background-color: #A5288DB3;
}
.page-template-wp-custom-template-be-imaging-template-ch .footer-block-container {
background-color: #A5288D;
}
.page-template-wp-custom-template-be-imaging-template-ch .egt-button, .page-template-wp-custom-template-be-imaging-template-ch .df-table-heads {
background-color: #A5288D;
}
.page-template-wp-custom-template-be-imaging-template-ch h1, .page-template-wp-custom-template-be-imaging-template-ch h2, .page-template-wp-custom-template-be-imaging-template-ch h3, .page-template-wp-custom-template-be-imaging-template-ch h4, .page-template-wp-custom-template-be-imaging-template-ch.single svg, .page-template-wp-custom-template-be-imaging-template-ch .erster-deskriptor b {
color: #A5288D;
}
.page-template-wp-custom-template-be-imaging-template-ch .contact-headline h3 {
color: #ffffff;
}
/* Unternehmen page */
/* fix "Unternehmensprofil" button on Unternehmen page */
.eingangstext-container.egt2.mt-0 {
margin-top: 0px;
margin-bottom: 90px;
}
.textblock-item-wrapper {
margin: 0px 0px 30px 10px;
}
.template-wp-custom-template-be-imaging-template-ch h3 {
margin-bottom: 18px;
}
/*minor fixes for footer courses and headlines on legal pages*/
.page-template-wp-custom-template-academy-template footer.footer-ls-regular.wp-block-template-part {
display: none !important;
}
.chf-headline h2 {
padding: 0px;
}
/* Fachinformationen page */
.wp-block-lazyblock-downloads-no-desc {
background-color: #ededed;
}
.product-files.product-files-container {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
}
@media screen and (max-width: 1133px) {
.product-files.product-files-container {
padding: 40px 20px !important;
}
}
.product-files-wrapper {
display: flex;
flex-wrap: wrap;
padding-bottom: 70px;
margin-bottom: 70px;
border-bottom: 1px solid #ffffff;
align-items: start;
}
.product-files-wrapper:last-child {
padding-bottom: 70px;
margin-bottom: 0px;
border-bottom: none;
}
.product-files-wrapper:first-child {
padding-top: 70px;
}
.left-col {
width: 50%;
padding-right: 40px;
box-sizing: border-box;
}
.right-col {
width: 50%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.right-col a {
display: flex;
position: relative;
padding-left: 60px;
padding-right: 60px;
border-radius: 30px;
background-color: #fff;
color: #a5288d;
font-size: 14px;
margin-bottom: 10px;
width: 100%;
min-height: 60px;
justify-content: start;
align-items: center;
}
.right-col a:last-child {
margin-bottom: 0px;
}
.right-col a:hover {
-webkit-box-shadow: 0px 3px 6px #00000029;
box-shadow: 0px 3px 6px #00000029;
}
.right-col .pfl-pdf-icon {
position: absolute;
left: 20px;
}
.right-col .pfl-download-icon {
position: absolute;
right: 20px;
margin-right: 0;
}
.left-col h3 {
font-size: 18px;
margin: 0;
color: #a5288d;
}
/*adjustments for mobile navigation release 8/25*/
@media screen and (max-width: 768px) {
a.wp-block-navigation-item__content {
font-size: 18px;
}
.cmplz-cookiebanner {
position: fixed;
top: 25% !important;
left: 0% !important;
right: 0% !important;
bottom: 25%;
min-height: 450px !important;
}
li.wp-block-navigation-item.mobile-submenu.ch-only.wp-block-navigation-link.page-kontrastmittel-ch {
margin-top: 10px !important;
}
nav.ctm-nav-menu-bar.smaller .ctm-nav-logo {
width: 100%;
background-color: #ffffff;
padding-bottom: 5px;
padding-top: 5px;
}
nav.ctm-nav-menu-bar.smaller ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li a {
text-transform: none;
font-weight: 400;
margin-bottom: 10px;}
.country-CH li.wp-block-navigation-item.mobile-submenu.de-only.wp-block-navigation-link.page-kontrastmittel {
display: none;
}
.country-DE li.wp-block-navigation-item.mobile-submenu.ch-only.wp-block-navigation-link.page-kontrastmittel-ch {
display: none !important;
}
}
@media (max-width: 1100px) {
.organigramm-container h2 {
width: 60vw;
}
}
.oc-zweite-zeile h3 {
padding: 17.5px 20px 20px 20px;
display: block;
}
/*adjustments to b.e.consult page*/
.page-template-wp-custom-template-be-consult-template .produkte-container .product-img.square {
display: none;
}
.page-template-wp-custom-template-be-consult-template .product-item {
min-height: 0px;
}
.page-template-wp-custom-template-be-consult-template .product-item h2 {
font-family: 'Gotham';
font-weight: 700;
text-align: center !important;
width: 100%;
}
.page-template-wp-custom-template-be-consult-template .product-item a.button {
background-color: #5A2780;
margin-top: 0px;
}
/*adjustments alle kurse*/
.partnerdings .course-card {
display: flex;
align-items: center;
padding: 40px 20px;
}
.partnerdings .course-card img {
height: 70px;
width: auto;
min-width: 0px !important;
margin-bottom: 0px !important;
}
.partnerdings .course-card h3 {
font-size: 18px;
margin-top: 30px;
margin-bottom: 20px;
}
.partnerdings .course-card p {
margin-bottom: 0px;
font-size: 14px;
}
.nw-filter-main-wrapper.partnerdings {
padding-top: 50px;
}
.nw-filter-main-wrapper.partnerdings p {
margin-bottom: 0px;
}
.all-kurse.wp-block-lazyblock-kursuebersicht-alle-kurse {
margin-block-start: 0;
}
.all-kurse .straku-filter-main-wrapper, .all-kurse .straku-course-button .btn, .all-kurse .accordion-content .btn, .all-kurse .straku-infobox {
background-color: #7b003a;
}
.all-kurse .in-house-schulung-box button {
background-color: var(--blau);
}
.all-kurse .in-house-schulung-box {
background-color: #a24c75;
color: #ffffff;
}
.all-kurse .course-container .course-card {
padding: 0px;
}
.all-kurse .straku-content-inner {
flex-direction: column;
}
.straku-course-list.straku-course-list-akdmi
{
margin-top: 120px;
}
.all-kurse p#title-filter:after {
content: 'Angebote der';
background-image: url(/wp-content/uploads/2024/12/di-icon-positivElement-1.png);
width: calc(100% - 150px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center right;
background-size: 140px;
margin-top: -10px;
font-size: 14px;
text-align: right;
padding-right: 150px;
display: flex;
align-items: center;
top: 45px;
justify-content: flex-end;
}
.straku-course-list.straku-course-list-akdmi .straku-course-item:before {
content: 'Angebote der';
background-image: url(/wp-content/uploads/2025/08/220829_die-akdmi_Logo_RGB-farbe.jpeg);
width: calc(100% - 150px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center right;
background-size: 140px;
margin-top: -100px;
font-size: 14px;
text-align: right;
padding-right: 150px;
display: flex;
align-items: center;
top: 45px;
justify-content: flex-end;
border-bottom: solid 1px #ddd;
text-transform: uppercase;
font-weight: 700;
}
.straku-course-list.straku-course-list-akdmi .straku-course-item:first-child {
position: relative;
}
.lazyblock-link-button-Z2mX2F7.wp-block-lazyblock-link-button {
background-color: var(--nw-grey) !important;
margin-block-start: -120px;
padding: 0px 0px 1px 0px;
}
/* webinars with filters */
.webinar-wrapper.new-webinar-wrapper {
width: unset;
}
.webinar-filter-buttons {
display: flex;
column-gap: 10px;
justify-content: center;
}
.webinar-filter-btn {
position: relative;
padding: 46px 15px 15px 15px;
font-size: 12px;
width: 110px;
background-color: #a5288d;
margin-bottom: 10px;
}
.webinar-filter-btn:before {
content: '* =';
position: absolute;
top: 6px;
left: 50%;
font-size: 22px;
width: 15px;
color: #ffffff;
background-color: #791d67;
border-radius: 5px;
text-align: center;
line-height: 0.3;
height: 20px;
padding: 12px 5px 0 5px;
transform: translateX(-50%);
}
.webinar-filter-btn:hover {
background-color: #791d67;
}
.webinar-filter-btn:hover:before {
background-color: #a5288d;
}
.webinar-filter-btn.active {
background-color: #791d67;
}
.webinar-filter-btn.active:before {
background-color: #a5288d;
}
.new-webinar-contents {
display: flex;
flex-wrap: wrap;
margin-top: 60px;
}
.new-webinar-container {
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
display: flex;
border-bottom: 1px solid #fff;
flex-wrap: wrap;
}
.new-webinar-video {
width: 200px;
cursor: pointer;
}
.new-webinar-details {
padding-left: 30px;
cursor: pointer;
width: calc(100% - 230px);
}
.new-webinar-video img {
border-radius: 10px;
}
.new-webinar-published {
margin: 5px 0px;
font-size: 15px;
}
.new-webinar-title {
}
.new-webinar-title h3 {
font-size: 20px;
margin: 0;
}
@media (max-width: 1150px) {
.webinar-wrapper.new-webinar-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.webinar-filter-buttons {
display: flex ;
column-gap: 10px;
justify-content: center;
flex-wrap: wrap;
}
.webinar-filter-btn {
width: calc(100% / 8);
}
}
@media (max-width: 991px) {
.webinar-filter-btn {
width: calc(100% / 5);
}
}
@media (max-width: 575px) {
.webinar-filter-btn {
width: calc(100% / 4);
}
}
@media (max-width: 425px) {
.webinar-filter-btn {
width: calc(100% / 3);
}
}
/* end webinars with filters */
button.category-filter-btn {
height: 40px;
}
span.straku-subtitel.straku-min a {
width: 40px;
height: 70px;
/* background-color: yellow; */
display: block;
position: absolute;
top: 20px;
z-index: 20;
cursor: pointer;
}
.all-kurse p#title-filter.zahnaerzte:after,
.all-kurse p#title-filter.zfa:after,
.all-kurse p#title-filter.tieraerzte:after,
.all-kurse p#title-filter.tfa:after,
.all-kurse p#title-filter.mpe:after,
.all-kurse p#title-filter.techniker:after {
background-image: url(/wp-content/uploads/2025/06/Bildschirmfoto-2025-06-11-um-10.15.26.png);
background-size: contain;
padding-right: 110px;
width: calc(100% - 110px);
}
@media (max-width: 900px) {
.all-kurse p#title-filter.zahnarzt:after, .all-kurse p#title-filter.zfa:after, .all-kurse p#title-filter.tierarzt:after, .all-kurse p#title-filter.tfa:after, .all-kurse p#title-filter.mpe:after, .all-kurse p#title-filter.techniker:after {
background-image: url(/wp-content/uploads/2025/06/Bildschirmfoto-2025-06-11-um-10.15.26.png);
background-size: contain;
padding-right: 110px;
width: auto;
right: 0;
left: auto;
background-position: right center;
display: flex
;
justify-content: center;
}
}
@media (max-width: 600px) {
.all-kurse p#title-filter.zahnarzt:after, .all-kurse p#title-filter.zfa:after, .all-kurse p#title-filter.tierarzt:after, .all-kurse p#title-filter.tfa:after, .all-kurse p#title-filter.mpe:after, .all-kurse p#title-filter.techniker:after, .all-kurse p#title-filter:after {
margin-top: 40px;
}
}
dl.dynamic-infobox:not([data-kategorie="aerzte"]) .docs-only {
display: none !important;
}
.search-again .prakti-form-input-set.search-for-prakt-place input[data-gtm-form-interact-field-id="0"],
.search-again .prakti-form-input-set.search-for-prakt-place input[data-gtm-form-interact-field-id="1"],
.search-again .prakti-form-input-set.search-for-prakt-place input[data-gtm-form-interact-field-id="2"],
.search-again .prakti-form-input-set.search-for-prakt-place input[data-gtm-form-interact-field-id="3"] {
color: #000000 !important;
background-color: transparent;
font-weight: 700;
padding: 0 !important;
height: 20px;
margin: 0px;
}
.go-on-prakti-button.search-again {
height: 400px;
margin-top: -350px;
z-index: 11111111;
position: relative;
opacity: 0.5 !important;
background-color: transparent !important;
}
.go-on-prakti-button.search-again:after {
content: 'asfd';
background-image: url(https://www.bendergruppe.com/wp-content/uploads/2025/10/edit.svg);
background-repeat: no-repeat;
position: absolute;
right: 0px;
margin-top: 110px;
background-size: contain;
display: block;
width: 40px;
}
form.wpcf7-form.init {
margin-top: 20px;
}
.prakti-file-input input[type="file"] {
position: absolute;
top: 0px;
}
.prakti-file-input {
padding-bottom: 50px;
}
.prakti-file-input input[type="file"] {
position: absolute;
top: 0px;
width: 580px;
left: -300px;
}
.prakti-file-input:after {
content: 'Aktuelle Fachkundenachweise hochladen';
text-align: left !important;
width: 580px;
position: absolute;
margin-top: 15px;
margin-left: 20px;
text-transform: none;
font-size: 18px;
color: #3C3C3B;
font-weight: 400;
left: 20px;
height: 1px;
overflow: visible;
left: -300px;
}
.prakti-file-input::before {
position: absolute !important;
left: -300px !important;
top: 70px !important;
}
.prakti-file-input {
padding-bottom: 100px;
padding-top: 10px;
}
.geraete-list {
margin-bottom: 10px;
}
button.category-filter-btn[data-category="46"]
{
display: none;
}
.product-files-wrapper.ch-only {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
background-color: #ededed;
}
.page-id-7806 .right-col a {
padding-top: 3px;
padding-left: 30px;
}
.wp-block-lazyblock-fachinfos-products-and-links {
margin-block-start: 1px;
}
.po-option {
font-size: 16px;
}
.prakti-geraet input[type="checkbox"] {
z-index: 5;
}
/*adjustments to single product pages*/
.woocommerce div.product .wp-block-woocommerce-product-details.erster-deskriptor {
width: auto;
}
.produkt-page-head, .erster-deskriptor p, .erster-deskriptor h2 {
text-align: left !important;
}
.single-product .wp-block-column.is-vertically-aligned-center
{
align-self: flex-start;
}
.wp-block-columns.two-cols-product.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
margin-bottom: 50px;
}
.hidden-footer {
display: none !important;
}
.footer-bottom-area {
margin-block-start: -25px !important;
}
.two-cols-product div#tab-description h2 {
margin-top: 30px;
}
.page-template-wp-custom-template-be-imaging-template .two-cols-product div#tab-description h2 {
margin-top: 50px;
}
.page-template-wp-custom-template-be-consult-template .woocommerce-tabs {
padding-top: 20px;
}
.postid-7410 div#tab-description {
margin-top: 0px !important;
}
.two-cols-product {
width: 100vw;
max-width: 1100px;
margin-left: calc((100vw - 1100px) / 2);
margin-right: calc((100vw - 1100px) / 2);
margin-top: 50px;
margin-bottom: 50px;
}
h2.has-text-align-center.produkt-page-head.wp-block-post-title {
margin-left: 20px;
}
.wp-block-column.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-column-is-layout-4.wp-block-column-is-layout-constrained {
display: flex;
justify-content: flex-end;
width: 100%;
padding-left: 80px;
}
.single-prod-left-description div#tab-description h2.not-again {
display: none;
}
/* Fachinformationen page */
.wp-block-lazyblock-downloads-no-desc {
background-color: #ededed;
}
.product-files.product-files-container {
padding-left: calc((100vw - 1100px) / 2);
padding-right: calc((100vw - 1100px) / 2);
}
@media screen and (max-width: 1133px) {
.product-files.product-files-container {
padding: 40px 20px !important;
}
}
.product-files-wrapper {
display: flex;
flex-wrap: wrap;
padding-bottom: 70px;
margin-bottom: 70px;
border-bottom: 1px solid #ffffff;
align-items: start;
}
.product-files-wrapper:last-child {
padding-bottom: 70px;
margin-bottom: 0px;
border-bottom: none;
}
.product-files-wrapper:first-child {
padding-top: 70px;
}
.left-col {
width: 50%;
padding-right: 40px;
box-sizing: border-box;
}
.right-col {
width: 50%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.right-col a {
display: flex;
position: relative;
padding-left: 60px;
padding-right: 60px;
border-radius: 30px;
background-color: #fff;
color: #a5288d;
font-size: 14px;
margin-bottom: 10px;
width: 100%;
min-height: 60px;
justify-content: start;
align-items: center;
}
.right-col a:last-child {
margin-bottom: 0px;
}
.right-col a:hover {
-webkit-box-shadow: 0px 3px 6px #00000029;
box-shadow: 0px 3px 6px #00000029;
}
.right-col .pfl-pdf-icon {
position: absolute;
left: 20px;
}
.right-col .pfl-download-icon {
position: absolute;
right: 20px;
margin-right: 0;
}
.left-col h3 {
font-size: 18px;
margin: 0;
color: #a5288d;
}
/*adjustments for mobile navigation release 8/25*/
@media screen and (max-width: 768px) {
a.wp-block-navigation-item__content {
font-size: 18px;
}
.cmplz-cookiebanner {
position: fixed;
top: 25% !important;
left: 0% !important;
right: 0% !important;
bottom: 25%;
min-height: 450px !important;
}
li.wp-block-navigation-item.mobile-submenu.ch-only.wp-block-navigation-link.page-kontrastmittel-ch {
margin-top: 10px !important;
}
nav.ctm-nav-menu-bar.smaller .ctm-nav-logo {
width: 100%;
background-color: #ffffff;
padding-bottom: 5px;
padding-top: 5px;
}
nav.ctm-nav-menu-bar.smaller ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li a {
text-transform: none;
font-weight: 400;
margin-bottom: 10px;}
.country-CH li.wp-block-navigation-item.mobile-submenu.de-only.wp-block-navigation-link.page-kontrastmittel {
display: none;
}
.country-DE li.wp-block-navigation-item.mobile-submenu.ch-only.wp-block-navigation-link.page-kontrastmittel-ch {
display: none !important;
}
}
@media (max-width: 1100px) {
.organigramm-container h2 {
width: 60vw;
}
}
.oc-zweite-zeile h3 {
padding: 17.5px 20px 20px 20px;
display: block;
}
/*adjustments to b.e.consult page*/
.page-template-wp-custom-template-be-consult-template .produkte-container .product-img.square {
display: none;
}
.page-template-wp-custom-template-be-consult-template .product-item {
min-height: 0px;
}
.page-template-wp-custom-template-be-consult-template .product-item h2 {
font-family: 'Gotham';
font-weight: 700;
text-align: center !important;
width: 100%;
}
.page-template-wp-custom-template-be-consult-template .product-item a.button {
background-color: #5A2780;
margin-top: 0px;
}
/*adjustments alle kurse*/
.partnerdings .course-card {
display: flex;
align-items: center;
padding: 40px 20px;
}
.partnerdings .course-card img {
height: 70px;
width: auto;
min-width: 0px !important;
margin-bottom: 0px !important;
}
.partnerdings .course-card h3 {
font-size: 18px;
margin-top: 30px;
margin-bottom: 20px;
}
.partnerdings .course-card p {
margin-bottom: 0px;
font-size: 14px;
}
.nw-filter-main-wrapper.partnerdings {
padding-top: 50px;
}
.nw-filter-main-wrapper.partnerdings p {
margin-bottom: 0px;
}
.all-kurse.wp-block-lazyblock-kursuebersicht-alle-kurse {
margin-block-start: 0;
}
.all-kurse .straku-filter-main-wrapper, .all-kurse .straku-course-button .btn, .all-kurse .accordion-content .btn, .all-kurse .straku-infobox {
background-color: #7b003a;
}
.all-kurse .in-house-schulung-box button {
background-color: var(--blau);
}
.all-kurse .in-house-schulung-box {
background-color: #a24c75;
color: #ffffff;
}
.all-kurse .course-container .course-card {
padding: 0px;
}
.all-kurse .straku-content-inner {
flex-direction: column;
}
.straku-course-list.straku-course-list-akdmi
{
margin-top: 120px;
}
.all-kurse p#title-filter:after {
content: 'Angebote der';
background-image: url(/wp-content/uploads/2024/12/di-icon-positivElement-1.png);
width: calc(100% - 150px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center right;
background-size: 140px;
margin-top: -10px;
font-size: 14px;
text-align: right;
padding-right: 150px;
display: flex;
align-items: center;
top: 45px;
justify-content: flex-end;
}
.straku-course-list.straku-course-list-akdmi .straku-course-item:first-child:before {
content: 'Angebote der';
background-image: url(/wp-content/uploads/2025/08/220829_die-akdmi_Logo_RGB-farbe.jpeg);
width: calc(100% - 150px);
height: 58px;
left: 0px;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center right;
background-size: 140px;
margin-top: -100px;
font-size: 14px;
text-align: right;
padding-right: 150px;
display: flex;
align-items: center;
top: 45px;
justify-content: flex-end;
border-bottom: solid 1px #ddd;
text-transform: uppercase;
font-weight: 700;
}
.straku-course-list.straku-course-list-akdmi .straku-course-item:first-child {
position: relative;
}
.lazyblock-link-button-20GLmC.wp-block-lazyblock-link-button {
background-color: var(--nw-grey) !important;
margin-block-start: -120px;
padding: 0px 0px 1px 0px;
}
/* webinars with filters */
.webinar-wrapper.new-webinar-wrapper {
width: unset;
}
.webinar-filter-buttons {
display: flex;
column-gap: 10px;
justify-content: center;
}
.webinar-filter-btn {
position: relative;
padding: 46px 15px 15px 15px;
font-size: 12px;
width: 110px;
background-color: #a5288d;
margin-bottom: 10px;
}
.webinar-filter-btn:before {
content: '* =';
position: absolute;
top: 6px;
left: 50%;
font-size: 22px;
width: 15px;
color: #ffffff;
background-color: #791d67;
border-radius: 5px;
text-align: center;
line-height: 0.3;
height: 20px;
padding: 12px 5px 0 5px;
transform: translateX(-50%);
}
.webinar-filter-btn:hover {
background-color: #791d67;
}
.webinar-filter-btn:hover:before {
background-color: #a5288d;
}
.webinar-filter-btn.active {
background-color: #791d67;
}
.webinar-filter-btn.active:before {
background-color: #a5288d;
}
.new-webinar-contents {
display: flex;
flex-wrap: wrap;
margin-top: 60px;
}
.new-webinar-container {
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
display: flex;
border-bottom: 1px solid #fff;
flex-wrap: wrap;
}
.new-webinar-video {
width: 200px;
cursor: pointer;
}
.new-webinar-details {
padding-left: 30px;
cursor: pointer;
width: calc(100% - 230px);
}
.new-webinar-video img {
border-radius: 10px;
}
.new-webinar-published {
margin: 5px 0px;
font-size: 15px;
}
.new-webinar-title {
}
.new-webinar-title h3 {
font-size: 20px;
margin: 0;
}
@media (max-width: 1150px) {
.webinar-wrapper.new-webinar-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.webinar-filter-buttons {
display: flex ;
column-gap: 10px;
justify-content: center;
flex-wrap: wrap;
}
.webinar-filter-btn {
width: calc(100% / 8);
}
}
@media (max-width: 991px) {
.webinar-filter-btn {
width: calc(100% / 5);
}
}
@media (max-width: 575px) {
.webinar-filter-btn {
width: calc(100% / 4);
}
}
@media (max-width: 425px) {
.webinar-filter-btn {
width: calc(100% / 3);
}
}
/* end webinars with filters */
.woocommerce div.product .wp-block-woocommerce-product-details.erster-deskriptor {
width: auto;
}
.produkt-page-head, .erster-deskriptor p, .erster-deskriptor h2 {
text-align: left !important;
}
.single-product .wp-block-column.is-vertically-aligned-center
{
align-self: flex-start;
}
.wp-block-columns.two-cols-product.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
margin-bottom: 20px;
}
.hidden-footer {
display: none !important;
}
.footer-bottom-area {
margin-block-start: -25px !important;
}
.two-cols-product div#tab-description h2 {
margin-top: 30px;
}
.page-template-wp-custom-template-be-imaging-template .two-cols-product div#tab-description h2 {
margin-top: 50px;
}
.page-template-wp-custom-template-be-consult-template .woocommerce-tabs {
padding-top: 20px;
}
.postid-7410 div#tab-description {
margin-top: 0px !important;
}
.two-cols-product {
width: 100vw;
max-width: 1100px;
margin-left: calc((100vw - 1100px) / 2);
margin-right: calc((100vw - 1100px) / 2);
margin-top: 50px;
margin-bottom: 50px;
}
h2.has-text-align-center.produkt-page-head.wp-block-post-title {
margin-left: 20px;
}
.wp-block-column.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-column-is-layout-4.wp-block-column-is-layout-constrained {
display: flex;
justify-content: flex-end;
width: 100%;
padding-left: 80px;
}
/* Latest Webinars */
.webinar-hidden {
display: none;
}
.webinar-show-all-wrapper {
display: flex;
justify-content: center;
}
/* Kursflyer Download */
/* url example : /kursuebersicht/humanmediziner/ */
.course-flyer-download {
position: absolute;
right: 0;
top: 50%;
transform: translateY(calc(50% - 45px));
}
@media (max-width: 1024px) {
.straku-content-wrapper .course-flyer-download {
display: block;
position: relative;
transform: none;
top: unset;
right: unset;
margin-right: auto;
text-align: left;
margin-top: 30px;
}
}
/* end Kursflyer Download */
.in-house-schulung-box {
padding: 0px;
font-size: 13px;
color: #000000;
background-color: transparent;
}
.in-house-schulung-box a {
font-weight: normal;
text-decoration: underline;
color: #000000;
}
.latest-webinar-contents {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.new-webinar-container {
width: 31%;
margin-bottom: 0px;
padding-bottom: 0px;
display: flex;
border-bottom: none;
flex-wrap: nowrap;
flex-direction: column;
}
.webinar-hidden {
display: none !important;
}
.new-webinar-video {
width: 100%;
}
.new-webinar-details {
padding-left: 0px;
cursor: pointer;
width: 100%;
}
button.webinar-show-all-btn {
background-color: #A5288D;
}
span.straku-year {
margin: 0 0 26px 0;
padding: 0;
font-size: 16px;
font-weight: 200;
}
.straku-termine-item dd {
font-weight: 600;
}
dd.straku-time {
font-weight: 200;
}
dd.straku-weekday {
font-weight: 200;
font-size: 0.8em;
}
span.straku-kurs-ort {
bottom: -25px;
width: 100%;
display: flex;
justify-content: center;
height: 25px;
padding-top: 10px;
z-index: 1;
}
.straku-termine-item dl {
box-shadow: 0px 40px 0px 0px #AD9C8D;
height: 140px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
width: 100%;
}
.straku-termine-item dd {
margin-bottom: 5px;
}
span.straku-day {
font-size: 36px;
}
.straku-termine-item.nw > span {
color: #ffffff;
}
.straku-termine-item.nw img {
filter: none;
}
/*.straku-legende {
margin-top: 50px;
}*/
.straku-termine-item dd {
margin-bottom: 8px;
margin-top: -5px;
}
.straku-termine-item dt {
font-weight: bold;
margin-bottom: 0px;
font-size: 25px;
}
.straku-termine-item {
margin-bottom: 45px;
}
/*end adjustments to single product pages*/
.prakti-group-title {
font-weight: 600;
text-transform: none;
text-align: left;
margin: 50px 0px 10px;
}
.page-id-7684 .course-card.inactive-cc {
opacity: 1;
}
.partnerdings .course-card {
cursor: default;
}
.page-id-6376 li.rot {
display: none;
}
.latest-webinar-contents {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: flex-start;
column-gap: 38px;
}
span.straku-subtitel.straku-min a.course-flyer-download {
width: auto;
top: 55px;
position: absolute;
}
@media (max-width: 600px) {
.straku-termine-item dl {
box-shadow: 0px 25px 0px 0px #AD9B8D;
}
.straku-termine-item dd {
margin-bottom: 8px;
margin-top: -11px;
}
}
.lazyblock-link-button-Z2cq6nl.wp-block-lazyblock-link-button a {
background-color: #51A1D9;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s;
}
.lazyblock-link-button-Z2cq6nl.wp-block-lazyblock-link-button {
margin-top: 160px;
}
.page-template-wp-custom-template-academy-template div#wpcf7-f6886-p6042-o2 [type="checkbox"]:not(:checked), .page-template-wp-custom-template-academy-template div#wpcf7-f6886-p6042-o2 [type="checkbox"]:checked {
position: relative;
left: 0;
opacity: 1;
width: 20px;
height: 20px;
}
div#wpcf7-f6886-p6042-o2 span.wpcf7-list-item.first.last {
margin: 0;
display: flex;
}
.lazyblock-eingangstext-Z1qeIuD.wp-block-lazyblock-eingangstext .egt-button {
background: var(--blau) !important;
}
.page-template-wp-custom-template-be-consult-template .lazyblock-eingangstext-Z1qeIuD.wp-block-lazyblock-eingangstext .egt-button {
background: #5A2780 !important;
}
.page-id-3254 .egt-button {
margin-top: 100px;
}
@media (max-width: 600px) {
.straku-con-wrap:has(.selected-straku):not(:has(.straku-termine-wrapper.kombi-wrap)) .straku-infobox,
.straku-con-wrap:has(.straku-termine-item.selected-straku[data-course-key="c1"]):has(.straku-termine-item.selected-straku[data-course-key="c2"]) .straku-infobox
{
position: fixed !important;
top: 60px !important;
left: 20px;
width: calc(100vw - 40px) !important;
z-index: 2!important;
}
.straku-con-wrap:has(.selected-straku):not(:has(.straku-termine-wrapper.kombi-wrap)) .egt-button.hide-empty-dates,
.straku-con-wrap:has(.straku-termine-item.selected-straku[data-course-key="c1"]):has(.straku-termine-item.selected-straku[data-course-key="c2"]) .egt-button.hide-empty-dates {
position: fixed !important;
top: calc(100vh - 200px) !important;
z-index: 2;
width: calc(100vw - 60px) !important;
}
.straku-con-wrap:has(.selected-straku):not(:has(.straku-termine-wrapper.kombi-wrap)) .egt-button.hide-empty-dates a:after,
.straku-con-wrap:has(.straku-termine-item.selected-straku[data-course-key="c1"]):has(.straku-termine-item.selected-straku[data-course-key="c2"]) .egt-button.hide-empty-dates a:after
{
content: '';
width: 100vw;
height: 100vh;
position: fixed;
background-color: #000000;
top: 0;
left: 0;
opacity: 0.7;
z-index: -1;
}
.straku-con-wrap:has(.selected-straku):not(:has(.straku-termine-wrapper.kombi-wrap)) .egt-button.hide-empty-dates a:before,
.straku-con-wrap:has(.straku-termine-item.selected-straku[data-course-key="c1"]):has(.straku-termine-item.selected-straku[data-course-key="c2"]) .egt-button.hide-empty-dates a:before {
content: 'Kurs jetzt buchen';
width: 100%;
background-color: var(--blau) !important;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.straku-con-wrap:has(.selected-straku):not(:has(.straku-termine-wrapper.kombi-wrap)),
.straku-con-wrap:has(.straku-termine-item.selected-straku[data-course-key="c1"]):has(.straku-termine-item.selected-straku[data-course-key="c2"]) {
z-index: 100;
position: relative;
}
.selected-straku:before {
content: 'X';
position: fixed;
top: 20px;
right: 20px;
z-index: 5;
color: #ffffff;
font-size: 25px;
transform: scaleX(1.1);
}
.straku-con-wrap:has(.straku-termine-item.selected-straku[data-course-key="c1"]):has(.straku-termine-item.selected-straku[data-course-key="c2"]) .egt-button.hide-empty-dates {
position: fixed !important;
top: calc(100vh - 100px) !important;
z-index: 1;
width: calc(100vw - 60px) !important;
height: 40px;
}
.straku-con-wrap:has(.straku-termine-item.selected-straku[data-course-key="c1"]):has(.straku-termine-item.selected-straku[data-course-key="c2"]) dd {
margin-bottom: 5px !important;
font-size: 14px !important;
}
.straku-con-wrap:has(.straku-termine-item.selected-straku[data-course-key="c1"]):has(.straku-termine-item.selected-straku[data-course-key="c2"]) .kurspaket-block {
margin-top: 10px !important;
}
.straku-con-wrap:has(.straku-termine-item.selected-straku[data-course-key="c1"]):has(.straku-termine-item.selected-straku[data-course-key="c2"]) .kurspaket-wrap {
margin-bottom: 0px !important;
}
}
@-moz-document url-prefix() {
.prakt-fakti-file-input::after {
height: 20px;
width: calc(100% - 40px);
background-image: url(/wp-content/uploads/2025/08/FontAwsome-upload.svg);
background-repeat: no-repeat;
background-position: right;
}
}
.page-template-wp-custom-template-academy-template [type="checkbox"]:not(:checked), .page-template-wp-custom-template-academy-template [type="checkbox"]:checked {
position: relative;
left: 0;
opacity: 1;
width: 20px;
height: 20px;
}
.wpcf7-list-item {
margin-left: 0px;
}
@media (max-width: 600px) {
span.straku-day {
font-size: 30px;
}
.straku-termine-item dt {
margin-bottom: 5px;
}
}
.country-DE div#Cyclolux®\ \(CH\) {
display: none;
}
div#wpcf7-f8090-p3224-o2 span.wpcf7-list-item.first.last label {
display: inline-flex;
padding-bottom: 20px;
}
div#wpcf7-f8090-p3224-o2 span.wpcf7-list-item.first.last input[type="checkbox"] {
width: 70px !important;
height: 25px;
margin-right: 10px;
}
nav.is-responsive.wp-block-navigation.is-layout-flex.wp-block-navigation-is-layout-flex {
margin-right: 20px;
}
.custom-post-item a.read-more-button:hover {
transform: scale(1.05);
background-color: #000000 !important;
transition: 0.3s ease-in-out;
opacity: 1;
}
.page-id-3224 .egt-button {
margin-top: 120px;
}
.straku-course-item.straku-min.akdmi {
position: relative;
}
.page-template-wp-custom-template-academy-template .prakti-geraet input[type="checkbox"] {
position: relative;
margin-right: -25px;
opacity: 0;
}
.straku-feature-item {
background-color: #efefef;
padding: 20px;
border-radius: 20px;
}
.straku-feature-text h3 {
color: rgb(107, 56, 142);
margin-bottom: 10px;
}
div#wpcf7-f6886-p6376-o2 input.wpcf7-form-control.wpcf7-submit.has-spinner,
div#wpcf7-f6886-p6313-o2 input.wpcf7-form-control.wpcf7-submit.has-spinner {
margin-top: 20px;
}
@media (min-width: 601px) {
.company-tabs__bar button.company-tabs__btn {
width: 120px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
}
.wp-block-lazyblock-company-contact-element-academy:has(
.company-tabs__btn[data-tab="kontakt"][aria-selected="true"]
) div#kontakt .contact-wrapper {
background: #a24c75 !important;
}
.wp-block-lazyblock-company-contact-element-academy:has(
.company-tabs__btn[data-tab="faq"][aria-selected="true"]
) div#kontakt {
background: #784F97 !important;
}
.faqs-accordion__content a {
color: #ffffff !important;
font-weight: 600;
}
.faqs-accordion {
background-color: transparent!important;
}
.company-tabs__btn[aria-selected="true"] {
font-weight: 400 !important;
}
.page-template-wp-custom-template-medigration-template .egt-button {
margin-top: 120px;
}
.page-template-wp-custom-template-roentgen-bender-template.page-id-3189 .egt-button {
margin-top: 130px !important;
}
@media (max-width: 1100px) {
.company-tabs__panel[data-panel="faq"] {
width: 100vw !important;
position: relative;
margin-left: -50vw !important;
}
.company-tabs__bar {
left: 20px !important;
}
.company-tabs__bar button.company-tabs__btn {
height: 43px !important;
}
button.company-tabs__btn {
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
}
@media (max-width: 768px) {
.company-tabs__panel[data-panel="faq"] {
width: 100vw !important;
position: relative;
margin-left: -20px !important;
}
.company-tabs__bar {
top: -39px !important;
}
.contact-wrapper {
width: calc(200% - 40px) !important;
}
}
.page-id-7754 .kachel-text p {
padding-top: 20px;
}
.page-id-7754 .kachel-headline h3 {
text-transform: none;
}
.faqs-accordion {
background-color: #784F97 !important;
}
/*search results colors */
.search ul li {
position: relative;
}
/*medigration products and pages*/
li.wp-block-post.product_cat-medigration .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-medigration-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #0b5fa6;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.product_cat-medigration h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-medigration-template h2.wp-block-post-title:before {
content: 'Softwarelösungen';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*bender gruppe pages*/
li.wp-block-post.template-wp-custom-template-bender-gruppe-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #000000;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.template-wp-custom-template-bender-gruppe-template h2.wp-block-post-title:before {
content: 'bender gruppe';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*b.e.academy pages and courses */
li.wp-block-post.template-wp-custom-template-academy-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-fort-und-weiterbildungen .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #7b003a;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.template-wp-custom-template-academy-template h2.wp-block-post-title:before,
li.wp-block-post.product_cat-fort-und-weiterbildungen h2.wp-block-post-title:before {
content: 'Fort- und Weiterbildungen';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*röntgen bender pages and products*/
li.wp-block-post.product_cat-rontgen-bender .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-roentgen-bender-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #5F83A6;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.product_cat-rontgen-bender h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-roentgen-bender-template h2.wp-block-post-title:before {
content: 'Medizinprodukte';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*consulting pages and products*/
li.wp-block-post.template-wp-custom-template-be-consult-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-b-e-consult .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #5a2780;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.template-wp-custom-template-be-consult-template h2.wp-block-post-title:before,
li.wp-block-post.product_cat-b-e-consult h2.wp-block-post-title:before {
content: 'Consulting';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*b.e.imaging & b.e.imaging CH & radiopharmazeutika pages & products*/
li.wp-block-post.product_cat-b-e-imaging .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-b-e-imaging-ag .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-kontrastmittel-ch .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-radiopharmazeutika .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-be-imaging-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-be-imaging-template-ch .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-radiopharmazeutika-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #a5288d;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.product_cat-b-e-imaging h2.wp-block-post-title:before,
li.wp-block-post.product_cat-b-e-imaging-ag h2.wp-block-post-title:before,
li.wp-block-post.product_cat-kontrastmittel-ch h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-be-imaging-template h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-be-imaging-template-ch h2.wp-block-post-title:before {
content: 'Kontrastmittel';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
li.wp-block-post.product_cat-radiopharmazeutika h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-radiopharmazeutika-template h2.wp-block-post-title:before {
content: 'Radiopharmazeutika';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
.country-DE li.wp-block-post.product_cat-b-e-imaging-ag,
.country-DE li.wp-block-post.product_cat-kontrastmittel-ch,
.country-DE li.wp-block-post.product_cat-radiopharmazeutika,
.country-DE li.wp-block-post.template-wp-custom-template-be-imaging-template-ch,
.country-DE li.wp-block-post.template-wp-custom-template-radiopharmazeutika-template,
.country-CH li.wp-block-post.template-wp-custom-template-be-imaging-template,
.country-CH li.wp-block-post.product_cat-b-e-imaging {
display: none;
}
.search figure.aligncenter.wp-block-post-featured-image {
width: 230px;
height: 230px;
overflow: visible;
}
.country-DE div#Resotran®\ \(CH\) {
display: none !important;
}
.search .wp-block-post-excerpt {
margin-top: 5px;
}
.faqs-accordion__content ul li {
color: #ffffff;
}
.country-DE li.wp-block-post.post-7806.page.type-page.status-publish.hentry.template-wp-custom-template-bender-gruppe-template {
display: none;
}
.rx_loggedout_user .product_cat-radiopharmazeutika p.wp-block-post-excerpt__excerpt,
.rx_loggedout_user .product_cat-kontrastmittel-ch p.wp-block-post-excerpt__excerpt {
display: none;
}
.rx_loggedout_user .product_cat-radiopharmazeutika h2.wp-block-post-title:after,
.rx_loggedout_user .product_cat-kontrastmittel-ch h2.wp-block-post-title:after {
content: 'Zur Produktanzeige bitte einloggen.';
display: block;
margin-top: 30px;
}
.rx_loggedout_user .product_cat-radiopharmazeutika .wp-block-column.is-vertically-aligned-center.has-tertiary-background-color.has-background.is-layout-flow.wp-block-column-is-layout-flow img,
.rx_loggedout_user .product_cat-kontrastmittel-ch .wp-block-column.is-vertically-aligned-center.has-tertiary-background-color.has-background.is-layout-flow.wp-block-column-is-layout-flow img {
opacity: 0;
}
.rx_loggedout_user .product_cat-radiopharmazeutika .wp-block-column.is-vertically-aligned-center.has-tertiary-background-color.has-background.is-layout-flow.wp-block-column-is-layout-flow:before,
.rx_loggedout_user .product_cat-kontrastmittel-ch .wp-block-column.is-vertically-aligned-center.has-tertiary-background-color.has-background.is-layout-flow.wp-block-column-is-layout-flow:before {
display: block;
opacity: 1;
height: 80%;
width: 100%;
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2024/05/bender-gruppe-logo-no-claim.svg);
background-repeat: no-repeat;
}
.product_cat-b-e-imaging.country-CH ul li ul li.wp-block-navigation-item {
display: none;
}
.product_cat-b-e-imaging.country-CH ul li ul li.wp-block-navigation-item.ch-only {
display: block;
}
/*tabs / bewertungen */
@media (min-width: 601px) {
.company-tabs__bar button.company-tabs__btn {
width: 130px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
}
.wp-block-lazyblock-company-contact-element-academy:has(
.company-tabs__btn[data-tab="faq"][aria-selected="true"]
) div#kontakt {
background: #784F97 !important;
}
.faqs-accordion__content a {
color: #ffffff !important;
font-weight: 600;
}
.company-tabs__btn[aria-selected="true"] {
font-weight: 400 !important;
}
.page-template-wp-custom-template-medigration-template .egt-button {
margin-top: 120px;
}
.page-template-wp-custom-template-roentgen-bender-template.page-id-3189 .egt-button {
margin-top: 130px !important;
}
@media (max-width: 1100px) {
.company-tabs__panel[data-panel="faq"] {
width: 100vw !important;
position: relative;
margin-left: -50vw !important;
}
.company-tabs__bar {
left: 20px !important;
}
.company-tabs__bar button.company-tabs__btn {
height: 43px !important;
}
button.company-tabs__btn {
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
}
@media (max-width: 768px) {
.company-tabs__panel[data-panel="faq"] {
width: 100vw !important;
position: relative;
margin-left: -20px !important;
}
.company-tabs__bar {
top: -39px !important;
}
.contact-wrapper {
width: calc(200% - 40px) !important;
}
}
.page-id-7754 .kachel-text p {
padding-top: 20px;
}
.page-id-7754 .kachel-headline h3 {
text-transform: none;
}
.wp-block-lazyblock-bewertungsblock-header {
width: 100vw;
display: flex;
justify-content: center;
}
.bewertungs-wrapper {
widtH: 510px;
background-color: #905374;
margin-right: 550px;
color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 20px;
}
.bew-left {
background-color: #ffffff;
display: flex;
}
.bew-stars {
display: flex;
padding: 10px 15px 5px 15px;
column-gap: 5px;
}
.bewertungs-wrapper {
width: 510px;
background-color: #905374;
margin-right: 550px;
color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 20px;
height: 100px;
margin-top: -165px;
z-index: 1;
}
.bew-content {
display: flex;
column-gap: 20px;
}
.bew-left, .bew-right {
width: calc(50% - 10px);
}
.wp-block-lazyblock-bewertungsblock-header-hs {
width: 100vw;
display: flex;
justify-content: center;
margin-top: -80px;
}
.bewertungs-wrapper {
widtH: 510px;
background-color: #9480AF;
margin-right: 550px;
color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 20px;
}
.bew-left {
background-color: #ffffff;
display: flex;
}
.bew-stars {
display: flex;
padding: 10px 5px 5px 17.5px;
column-gap: 13px;
}
.bewertungs-wrapper {
width: 510px;
background-color: #9480AF;
margin-right: 550px;
color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 20px;
height: 100px;
margin-top: -165px;
z-index: 1;
}
.bew-content {
display: flex;
column-gap: 20px;
align-items: center;
}
.bew-left, .bew-right {
width: calc(50% - 10px);
}
.bew-left {
height: 45px;
display: flex;
justify-content: space-between;
width: calc(50% - 10px);
margin-right: 20px;
display: flex;
align-items: center;
}
.bew-left-number {
height: 50px;
width: 50px;
color: #5C0F8C;
display: flex;
align-items: center;
justify-content: center;
border: solid 12.5px #5C0F8C;
border-radius: 50%;
background-color: #ffffff;
margin-top: 0px;
margin-right: -20px;
font-weight: 700;
font-size: 22px;
}
.bew-star1, .bew-star2, .bew-star3, .bew-star4, .bew-star5 {
transform: scale(1.5);
}
.bew-head {
font-weight: 700;
font-size: 22px;
margin-bottom: 10px;
margin-top: -5px;
}
.bew-right {
font-size: 18px;
line-height: 1.15;
}
.bew-right a {
color: #ffffff;
font-weight: 700;
}
/*search results colors */
.search ul li {
position: relative;
}
/*medigration products and pages*/
li.wp-block-post.product_cat-medigration .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-medigration-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #0b5fa6;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.product_cat-medigration h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-medigration-template h2.wp-block-post-title:before {
content: 'Softwarelösungen';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*bender gruppe pages*/
li.wp-block-post.template-wp-custom-template-bender-gruppe-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #000000;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.template-wp-custom-template-bender-gruppe-template h2.wp-block-post-title:before {
content: 'bender gruppe';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*b.e.academy pages and courses */
li.wp-block-post.template-wp-custom-template-academy-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-fort-und-weiterbildungen .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #7b003a;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.template-wp-custom-template-academy-template h2.wp-block-post-title:before,
li.wp-block-post.product_cat-fort-und-weiterbildungen h2.wp-block-post-title:before {
content: 'Fort- und Weiterbildungen';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*röntgen bender pages and products*/
li.wp-block-post.product_cat-rontgen-bender .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-roentgen-bender-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #5F83A6;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.product_cat-rontgen-bender h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-roentgen-bender-template h2.wp-block-post-title:before {
content: 'Medizinprodukte';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*consulting pages and products*/
li.wp-block-post.template-wp-custom-template-be-consult-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-b-e-consult .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #5a2780;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.template-wp-custom-template-be-consult-template h2.wp-block-post-title:before,
li.wp-block-post.product_cat-b-e-consult h2.wp-block-post-title:before {
content: 'Consulting';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
/*b.e.imaging & b.e.imaging CH & radiopharmazeutika pages & products*/
li.wp-block-post.product_cat-b-e-imaging .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-b-e-imaging-ag .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-kontrastmittel-ch .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.product_cat-radiopharmazeutika .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-be-imaging-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-be-imaging-template-ch .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after,
li.wp-block-post.template-wp-custom-template-radiopharmazeutika-template .wp-block-columns.are-vertically-aligned-center.has-background.is-layout-flex.wp-block-columns-is-layout-flex:after {
content: '';
display: block;
background-color: #a5288d;
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0px 10px 10px 0px;
}
li.wp-block-post.product_cat-b-e-imaging h2.wp-block-post-title:before,
li.wp-block-post.product_cat-b-e-imaging-ag h2.wp-block-post-title:before,
li.wp-block-post.product_cat-kontrastmittel-ch h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-be-imaging-template h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-be-imaging-template-ch h2.wp-block-post-title:before {
content: 'Kontrastmittel';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
li.wp-block-post.product_cat-radiopharmazeutika h2.wp-block-post-title:before,
li.wp-block-post.template-wp-custom-template-radiopharmazeutika-template h2.wp-block-post-title:before {
content: 'Radiopharmazeutika';
display: block;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin-bottom: 5px;
color: #000000b3;
}
.country-DE li.wp-block-post.product_cat-b-e-imaging-ag,
.country-DE li.wp-block-post.product_cat-kontrastmittel-ch,
.country-DE li.wp-block-post.product_cat-radiopharmazeutika,
.country-DE li.wp-block-post.template-wp-custom-template-be-imaging-template-ch,
.country-DE li.wp-block-post.template-wp-custom-template-radiopharmazeutika-template,
.country-CH li.wp-block-post.template-wp-custom-template-be-imaging-template,
.country-CH li.wp-block-post.product_cat-b-e-imaging {
display: none;
}
.search figure.aligncenter.wp-block-post-featured-image {
width: 230px;
height: 230px;
overflow: visible;
}
.search .wp-block-post-excerpt {
margin-top: 5px;
}
@media (min-width: 1100px) {
.bew-left.list-view-bew {
width: 170px;
}
.straku-course-title {
width: 700px;
}
.bew-left.list-view-bew:before {
content: '';
width: 30px;
background-color: #fff;
height: 35px;
display: block;
position: absolute;
bottom: -40px;
right: 170px;
z-index: 0;
}
.bew-left.list-view-bew {
position: relative;
}
.bew-left.list-view-bew .bew-star1,
.bew-left.list-view-bew .bew-star2,
.bew-left.list-view-bew .bew-star3,
.bew-left.list-view-bew .bew-star4,
.bew-left.list-view-bew .bew-star5 {
transform: scale(1.2);
}
.bew-left.list-view-bew .bew-stars {
padding: 5px 5px 5px 11.5px;
}
.bew-left.list-view-bew .bew-header-ring-wrapper {
position: absolute;
left: 107% !important;
top: 50%;
width: 78px;
height: 78px;
transform: scale(0.9) translate(-63%, -54%) !important;
pointer-events: none;
z-index: 1;
}
}
@media (max-width: 1099px) {
.bew-left.list-view-bew {
display: none;
}
}
.straku-course-item .bew-left {
height: calc((14px * 1.3) + 20px) !important;
}
.straku-course-item {
min-height: 56.5px;
}
.tag-things {
margin-top: -20px;
margin-bottom: 20px;
}
.paketpreis span.kurstag, .neu span.kurstag, .aktualisiert span.kurstag {
border-left: solid 2px #7b003a;
border-bottom: solid 2px #7b003a;
border-right: solid 2px #7b003a;
background-color: transparent;
color: #7b003a;
font-weight: 700;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: none;
}
.bew-left.list-view-bew .bew-left-number {
transform: scale(0.7);
margin-left: -40px;
position: relative;
left: -15px;
}
.bew-left.list-view-bew .output-result-number {
margin-right: -45px;
}
.bew-left.list-view-bew .bew-stars {
z-index: 1;
}
.slider-text-container a {
width: fit-content;
display: block;
}
#my-calendar {
margin-top: 100px;
}
.my-calendar {
margin-top: 100px;
}
.my-calendar-navigation {
margin-top: 100px;
}
@media (max-width: 1099px) {
.bew-left.list-view-bew {
display: none;
}
}
.straku-infobox .bewertungs-wrapper.course-bewertung {
width: calc(100% - 40px);
margin-left: 50px;
margin-top: 85px;
position: absolute;
border-radius: 10px;
padding-bottom: 20px;
height: 75px;
}
.straku-infobox .bew-head {
font-size: 19px;
margin-bottom: 0px;
}
.straku-infobox .bew-right {
font-size: 12px;
margin-top: 10px;
}
.straku-infobox .bew-star1,
.straku-infobox .bew-star2,
.straku-infobox .bew-star3,
.straku-infobox .bew-star4,
.straku-infobox .bew-star5 {
transform: scale(1.2);
}
.straku-infobox .bew-stars {
padding: 5px 10px 5px 12.5px;
}
.straku-infobox .bew-left {
margin-top: 10px;
}
@media (max-width: 1048px) {
.straku-infobox {
position: relative !important;
margin-bottom: 160px;
}
.straku-infobox .bewertungs-wrapper.course-bewertung {
margin-top: 120px;
max-width: 420px;
}
}
@media (max-width: 599px) {
.straku-infobox {
position: relative !important;
margin-bottom: 160px;
}
.straku-infobox .bew-stars {
transform: scale(0.8);
}
.straku-infobox .bew-stars {
padding: 0px 0px 0px 0px;
}
.straku-infobox .bew-left-number {
transform: scale(0.75);
}
.straku-infobox .bew-head {
font-size: 15px;
}
.straku-infobox .bew-left-number {
margin-left: -13px;
}
.straku-infobox .bew-right {
font-size: 10px;
}
.straku-infobox .bew-left {
height: 35px;
}
.straku-infobox .bewertungs-wrapper.course-bewertung {
height: 75px;
z-index: 1 !important;
}
.straku-infobox .bewertungs-wrapper.course-bewertung {
margin-top: 160px;
max-width: 420px;
}
}
/* Forms */
.cf7-group {
padding-left: 100px;
}
.cf7-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 16px;
}
.cf7-col--full {
grid-column: 1 / -1;
}
.cf7-row label {
display: block;
font-weight: 400;
margin-bottom: 4px;
margin-right: 16px;
}
.cf7-row input,
.cf7-row textarea {
/*width: 90%;*/
background-color: #fff;
}
.wpcf7-select {
width: 100%;
height: 52px;
}
.wpcf7 input[type="radio"] {
width: 16px;
height: 16px;
margin-right: 6px;
vertical-align: text-top;
}
.wp-container-core-columns-is-layout-f56f613f {
/*background-color: #EFEFEF;*/
}
.eg-button {
background-color: #A5288D!important;
}
.cf7-button {
width: 50%;
}
/* colors Button */
.bordeaux-button {
background-color: #7b003a!important;
}
.purple-button {
background-color: #A5288D!important;
}
.black-button {
color: #ffffff!important;
background-color: #000000;
padding: 15px 20px;
margin: 20px 0 10px;
}
.black-button >a {
color: #ffffff!important;
}
.blue-button {
background-color: #51a0d8;
}
.brown-button {
background-color: #b0a091;
}
.green-button {
background-color: #0f858c;
}
.margin-top {
margin-top: 160px!important;
}
.margin-top-small {
margin-top: 80px!important;
}
.margin-top-minus {
margin-top: -100px!important;
}
.margin-bottom {
margin-bottom: 160px!important;
}
.margin-bottom-small {
margin-bottom: 80px!important;
}
/* background colors */
.purple-dark {
background-color: #8C67A7;
}
.purple {
background-color: #9480AF;
}
.purple-light {
background-color: #B59DC6;
}
.grey {
background-color: #EFEFEF;
}
.white {
background-color: transparent;
}
.brown {
background-color: #b0a091;
}
.bordeaux-dark {
background-color: #7b003a;
}
.bordeaux {
background-color: #D69ECC;
}
.bordeaux-light {
background-color: #7b003a73;
}
.berry {
background-color: #AA1180;
}
.berry-light {
background-color: #C069B0;
}
.berry-dark {
background-color: #A5288D;
}
@media(max-width: 600px) {
.cf7-row {
grid-template-columns: 1fr;
}
}
@media(max-width: 768px) {
.bewertungs-wrapper {
/* width: 85%!important;
max-width: 100%;
margin: -140px auto 35px 10px!important;
height: auto; */
width: 100%!important;
max-width: 100%!important;
margin: -120px 0 0 0!important;
height: auto!important;
box-sizing: border-box!important;
}
.bew-content {
/*flex-wrap: wrap;*/
flex-direction: column!important;
align-items: flex-start!important;
gap: 15px!important;
}
.be-ta-bewertungs-wrapper {
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 10px;
padding: 14px 10px;
}
.be-ta-detail .btb-links {
font-size: 30px!important;
}
.btb-rechts .bew-stars {
transform: scale(1)!important;
margin-left: 0px!important;
margin-top: 0px!important;
}
.btb-links,
.btb-rechts {
/*flex: 1 1 100%;
justify-content: center;*/
width: 100%!important;
}
.bewertung-tab-wrapper:has( .be-ta-bewertungs-wrapper[data-rating-code="stars_global"] .output-result-number:not(.empty-rating) ) {
display: block;
width: 30%;
}
}
button.company-tabs__btn:first-child { background-color: #a24c75 !important; }
/* #kontakt {
background-color: #a24c75;
} */
form input[type="checkbox"] {
width: 20px;
height: 20px;
padding: 0;
border-radius: 0;
background-color: transparent;
}