/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: A Divi Child Theme
Author: Tramsen Media
Author URI: https://tramsen.de
Template: Divi
Version: 1.2.3
*/
/* Zusätzliches CSS hinter dem abschließenden Schrägstrich einfügen
------------------------------------------------------------------- */
/*---Custom Shrink Header CSS is in child themes css folder---*/
/*-----------------------------------------------------------------------------------------*/
/*––––––-––Global-Modifications------------------------------------------------------------*/
/*---------write below css for global changings like navigation or widgets-----------------*/
/*-----------------------------------------------------------------------------------------*/
/*---Hyphenation / Trennung---*/
.hyphen, .trennung {
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.hyphen-manual, .trennung-manual /*use "" in text*/{
-ms-hyphens: manual;
-webkit-hyphens: manual;
hyphens: manual;
}
/* =========================================================
TM Dark Mode – Basis
========================================================= */
:root {
--tm-bg: #ffffff;
--tm-surface: #eef3f8;
--tm-surface-var:#f7f9fc;
--tm-text: #2b2b2b;
--tm-text-soft: #5a5a5a;
--tm-primary: #0b2c5d;
--tm-accent: #2188c8;
--tm-border: #d9e2ec;
--tm-menu-color: #2b2b2b;
--tm-heading: var(--tm-primary);
--tm-menu-bg: var(--tm-bg);
--tm-slider-text:var(--tm-bg);
}
@media (prefers-color-scheme: dark) {
:root {
--tm-bg: #2b2b2b;
--tm-surface: #1b2430;
--tm-surface-var:#031328;
--tm-surface-var-rgb:3, 19, 40;
--tm-text: #ffffff;
--tm-text-soft: #c8d2dc;
--tm-primary: #0b2c5d;
--tm-accent: #1f9ad6;
--tm-border: #2f3a48;
--tm-menu-color: var(--tm-text);
--tm-heading: var(--tm-accent);
--tm-menu-bg: var(--tm-primary);
--tm-slider-text:var(--tm-text);
}
}
body {
background-color: var(--tm-bg);
color: var(--tm-text) !important;
}
.et_pb_section.tm-section,
.et_pb_section,
.et_pb_row.tm-row,
.et_pb_column.tm-column {
background-color: var(--tm-bg);
color: var(--tm-text);
}
.tm-surface {
background-color: var(--tm-surface);
color: var(--tm-text);
}
.tm-dark-section {
background-color: var(--tm-primary);
}
.tm-main-menu {
background-color: var(--tm-menu-bg) !important;
}
#main-content {
background-color: var(--tm-bg);
}
body,
.et_pb_text,
.et_pb_text_inner,
.et_pb_module,
.et_pb_module p,
.et_pb_module li,
.tm-section li,
.tm-section .et_pb_text_inner {
color: var(--tm-text);
}
.subtitle {
margin-bottom:1% !important;
}
.subtitle p {
color: var(--tm-accent);
}
h1, h2, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h4, .et_pb_module h5, .et_pb_module h6,
.et_pb_text_inner h1, .et_pb_text_inner h2, .et_pb_text_inner h4, .et_pb_text_inner h5, .et_pb_text_inner h6,
.tm-section h1, .tm-section h2, .tm-section h3, .tm-section h4, .tm-section h5, .tm-section h6 {
color: var(--tm-heading) !important;
}
h1.sr7-layer{
color: var(--tm-slider-text) !important;;
}
h3,
.et_pb_module h3,
.et_pb_text_inner h3,
.tm-section h3 {
color: var(--tm-accent) !important;
}
.tm-dark-section h1, .tm-dark-section h2, .tm-dark-section h4, .tm-dark-sectionh5, .tm-dark-section h6, .tm-dark-section p {
color: var(--tm-bg) !important;
}
.tm-dark-section h3 {
color: #a6b4c7 !important;
font-weight:600 !important;
}
.tm-dark-section .subtitle p {
color: #a6b4c7 !important;
}
.tm-section a {
color: var(--tm-accent);
}
.team-socials .et_pb_icon {
display: inline-flex;
align-items: center;
margin-right: 12px;
margin-bottom: 0 !important;
vertical-align: middle;
}
.et_pb_button.tm-btn-primary {
background-color: var(--tm-accent) !important;
border-color: var(--tm-accent) !important;
color: #ffffff !important;
}
.et_pb_button.tm-btn-secondary {
background-color: transparent !important;
border-color: var(--tm-primary) !important;
color: var(--tm-primary) !important;
}
.dnxt-blurb-post-heading {
color: var(--tm-surface)!important;
}
#main-content .et_pb_section:last-of-type {
margin-bottom: 3.5%;
margin-top: 3.5%;
}
.caps-headline p {
color: var(--tm-accent)!important;
}
@media (prefers-color-scheme: dark) {
body,
#page-container,
#et-main-area,
#main-content,
.page.et_pb_pagebuilder_layout #main-content {
background-color: var(--tm-surface) !important;
}
.et_pb_button.tm-btn-secondary {
border-color: #ffffff !important;
color: #ffffff !important;
}
.et_pb_section.tm-section, .et_pb_section, .et_pb_row.tm-row, .et_pb_column.tm-column {
background-color: var(--tm-surface);
}
h1, h2, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h4, .et_pb_module h5, .et_pb_module h6,
.et_pb_text_inner h1, .et_pb_text_inner h2, .et_pb_text_inner h4, .et_pb_text_inner h5, .et_pb_text_inner h6,
.tm-section h1, .tm-section h2, .tm-section h3, .tm-section h4, .tm-section h5, .tm-section h6 {
color: var(--tm-text) !important;
}
.tm-dark-section h1, .tm-dark-section h2, .tm-dark-section h4, .tm-dark-sectionh5, .tm-dark-section h6, .tm-dark-section p {
color: var(--tm-text) !important;
}
.dnxt-blurb-post-heading {
color: var(--tm-text-soft)!important;
}
.tm-surface, .tm-dark-section {
background-color: var(--tm-surface-var);
color: var(--tm-text);
}
}
.tm-logo-light,
.tm-logo-dark {
margin-bottom: 0 !important;
}
.tm-logo-light {
display: block;
}
.tm-logo-dark {
display: none;
}
/* Standard Logo-Größe */
.tm-logo-light img,
.tm-logo-dark img {
max-height: 45px;
width: auto;
transition: all 0.3s ease;
}
/* Sticky kleiner skalieren */
.tm-main-menu.et_pb_sticky--top .tm-logo-light img,
.tm-main-menu.et_pb_sticky--top .tm-logo-dark img {
max-height: 45px !important;
}
/* =========================================================
Header Row vertikal zentrieren
========================================================= */
.et_pb_row_0_tb_header {
display: flex;
align-items: center;
}
/* Beide Columns ebenfalls sauber ausrichten */
.et_pb_row_0_tb_header > .et_pb_column {
display: flex;
align-items: center;
justify-content: flex-end !important;
}
/* Menü rechts weiterhin sauber ausrichten */
.et_pb_row_0_tb_header .et_pb_menu__wrap {
display: flex;
align-items: center;
justify-content: flex-end !important;
width: 100%;
}
/* ----------------------------------------
Standard Menülinks
---------------------------------------- */
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
color: var(--tm-menu-color) !important;
transition: all 0.25s ease;
position: relative;
/*padding-bottom: 20px !important;*/
}
.tm-main-menu2 .et_pb_menu_0_tb_header.et_pb_menu ul li a {
color: #fff !important;
transition: all 0.25s ease;
position: relative;
/*padding-bottom: 20px !important;*/
}
/* ----------------------------------------
Hover Zustand
---------------------------------------- */
/* Divi Default Hover deaktivieren */
.et-menu a:hover {
opacity: 1 !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover {
color: var(--tm-accent) !important;
text-decoration: solid underline var(--tm-accent) 2px;
text-underline-offset: 3px;
}
.tm-main-menu2 .et_pb_menu_0_tb_header.et_pb_menu ul li a:hover {
color: #a6b4c7 !important;
text-decoration: solid underline #a6b4c7 1.5px;
text-underline-offset: 3px;
}
/* ----------------------------------------
Aktiver Menüpunkt
---------------------------------------- */
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
color: var(--tm-primary) !important;
/*text-decoration: solid underline var(--tm-accent) 2px;*/
text-decoration: solid underline var(--tm-primary) 1px;
text-underline-offset: 3px;
}
.tm-main-menu2 .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
color: #a6b4c7 !important;
/*text-decoration: solid underline var(--tm-accent) 2px;*/
text-decoration: solid underline #a6b4c7 1.5px;
text-underline-offset: 3px;
}
/* Keine Unterstreichung im Submenü erben */
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li a {
text-decoration: none !important;
}
/* Hauptmenü aktiv: current item ODER aktives Kind */
.et_pb_menu_0_tb_header.et_pb_menu > .et_pb_menu__wrap > .et_pb_menu__menu > nav > ul > li.current-menu-item > a,
.et_pb_menu_0_tb_header.et_pb_menu > .et_pb_menu__wrap > .et_pb_menu__menu > nav > ul > li.current-menu-parent > a,
.et_pb_menu_0_tb_header.et_pb_menu > .et_pb_menu__wrap > .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a {
color: var(--tm-primary) !important;
text-decoration: solid underline var(--tm-accent) 2px !important;
text-underline-offset: 3px;
}
/* Submenü: nur das aktive Kind markieren */
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li.current-menu-item > a,
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li.current_page_item > a {
color: var(--tm-accent) !important;
background: #f9f9f9 !important;
text-decoration: none !important;
border-radius: 10px;
}
/* Parent aktiv, wenn ein Kind aktiv ist */
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-parent > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-ancestor > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_parent > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_ancestor > a {
color: var(--tm-primary) !important;
text-decoration: solid underline var(--tm-accent) 2px !important;
text-underline-offset: 3px;
}
/* Dark Mode */
@media (prefers-color-scheme: dark) {
.et_pb_menu_0_tb_header.et_pb_menu > .et_pb_menu__wrap > .et_pb_menu__menu > nav > ul > li.current-menu-item > a,
.et_pb_menu_0_tb_header.et_pb_menu > .et_pb_menu__wrap > .et_pb_menu__menu > nav > ul > li.current-menu-parent > a,
.et_pb_menu_0_tb_header.et_pb_menu > .et_pb_menu__wrap > .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a {
color: var(--tm-accent) !important;
text-decoration-color: var(--tm-accent) !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-parent > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-ancestor > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_parent > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_ancestor > a {
color: var(--tm-text) !important;
text-decoration-color: var(--tm-accent) !important;
}
}
/* ----------------------------------------
Submenü Styling
---------------------------------------- */
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu {
display: inline-block;
width: max-content !important;
min-width: 16rem !important;
max-width: calc(100vw - 3rem) !important;
white-space: normal;
background: var(--tm-menu-bg) !important;
border: 0 !important;
border-radius: 14px;
padding: 12px;
box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}
.tm-main-menu2 .et_pb_menu_0_tb_header.et_pb_menu .sub-menu {
display: inline-block;
width: max-content !important;
min-width: 16rem !important;
max-width: calc(100vw - 3rem) !important;
white-space: normal;
background: var(--tm-primary) !important;
border: 0 !important;
border-radius: 14px;
padding: 12px;
box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li {
display: block !important;
width: 100% !important;
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li a {
display: block !important;
width: 100% !important;
min-width: 16rem !important;
box-sizing: border-box;
padding: 12px 14px !important;
border-radius: 10px;
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li a:hover {
color: var(--tm-accent) !important;
background: #f9f9f9;
}
.tm-main-menu2 .et_pb_menu_0_tb_header.et_pb_menu .sub-menu li a:hover {
color: #a6b4c7 !important;
background: #15407d;
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu {
display: block;
width: max-content !important;
min-width: 16rem !important;
max-width: calc(100vw - 3rem) !important;
white-space: normal;
background: var(--tm-menu-bg) !important;
border: 0 !important;
border-radius: 14px;
padding: 12px 0;
box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li,
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li a {
width: auto !important;
min-width: unset !important;
white-space: normal;
}
/* ----------------------------------------
Dark Mode
---------------------------------------- */
@media (prefers-color-scheme: dark) {
body .et_pb_menu_0_tb_header.et_pb_menu .nav li ul,
body .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu {
background-color: var(--tm-primary) !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
color: var(--tm-text) !important;
text-decoration: solid underline var(--tm-accent) 2px;
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu {
box-shadow: 0 18px 45px rgba(0,0,0,0.35);
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li a:hover {
background: rgba(255,255,255,0.08);
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu {
background: #102f5f !important;
box-shadow: 0 18px 45px rgba(0,0,0,0.35);
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li a {
color: var(--tm-text) !important;
}
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li a:hover {
color: var(--tm-text) !important;
background: rgba(var(--tm-surface-var-rgb), 0.4) !important;
}
/* aktives Kindelement */
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li.current-menu-item > a,
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu li.current_page_item > a {
color: var(--tm-text) !important;
background: rgba(var(--tm-surface-var-rgb), 0.4) !important;
}
}
/* ========================================
CTA Buttons Styling
.prime = Primärer CTA
.second = Sekundärer CTA
======================================== */
/* ========================================
Primärer CTA Button (.prime)
======================================== */
/* Standard Light Mode */
.prime .dnxt-btn-icon {
background-color: var(--tm-primary) !important;
color: var(--tm-slider-text) !important;
border: 1px solid var(--tm-primary) !important;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.prime .dnxt-btn-icon i,
.prime .dnxt-btn-icon:after {
color: var(--tm-slider-text) !important;
}
/* Sweep Hover → leicht heller als Primary */
.prime .dnxt-hover-sweep-to-right:before {
background: #15407d !important;
}
/* ========================================
Dark Mode
Primary Button wird Accent
======================================== */
@media (prefers-color-scheme: dark) {
.prime .dnxt-btn-icon {
background-color: var(--tm-accent) !important;
border-color: var(--tm-accent) !important;
color: var(--tm-text) !important;
}
/* Sweep Hover → heller als Accent */
.prime .dnxt-hover-sweep-to-right:before {
background: #35a8e6 !important;
}
}
/* ========================================
Secondary CTA Button (.second)
======================================== */
/* Standard Light Mode */
.second .dnxt-btn-icon {
background-color: transparent !important;
color: var(--tm-primary) !important;
border: 1px solid var(--tm-primary) !important;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.second .dnxt-btn-icon i,
.second .dnxt-btn-icon:after {
color: var(--tm-primary) !important;
}
/* Sweep Hover → Full Primary Fill */
.second .dnxt-hover-sweep-to-right:before {
background: var(--tm-primary) !important;
}
/* Hover Text Weiß */
.second:hover .dnxt-btn-icon,
.second:hover .dnxt-btn-icon i,
.second:hover .dnxt-btn-icon:after {
color: #ffffff !important;
}
/* ========================================
Dark Mode
======================================== */
@media (prefers-color-scheme: dark) {
.second .dnxt-btn-icon {
color: var(--tm-accent) !important;
border-color: var(--tm-accent) !important;
}
.second .dnxt-btn-icon i,
.second .dnxt-btn-icon:after {
color: var(--tm-accent) !important;
}
/* Sweep Hover → Full Accent Fill */
.second .dnxt-hover-sweep-to-right:before {
background: var(--tm-accent) !important;
}
.second:hover .dnxt-btn-icon,
.second:hover .dnxt-btn-icon i,
.second:hover .dnxt-btn-icon:after {
color: #ffffff !important;
}
}
/* Dark Mode Umschaltung */
@media (prefers-color-scheme: dark) {
.tm-logo-light {
display: none;
}
.tm-logo-dark {
display: block;
}
}
.tm-main-menu.et_pb_sticky--top {
box-shadow: 0 10px 30px rgba(11,44,93,0.12) !important;
}
@media (prefers-color-scheme: dark) {
.tm-main-menu.et_pb_sticky--top {
box-shadow: 0 10px 30px rgba(0,0,0,0.25) !important;
}
}
/* Erste Section auf der Seite */
.et_pb_section:first-of-type {
padding-top: 0 !important;
padding-bottom:0 !important;
}
/* Erste Row innerhalb der ersten Section */
#main-content .et_pb_section:first-of-type .et_pb_row:first-of-type {
padding-top: 0 !important;
padding-bottom:0 !important;
}
.tm-cut-top-right {
clip-path: polygon(
0 0,
calc(100% - 60px) 0,
100% 60px,
100% 100%,
0 100%
);
}
.tm-cut-both {
clip-path: polygon(
0 0,
calc(100% - 60px) 0,
100% 60px,
100% 100%,
60px 100%,
0 calc(100% - 60px)
);
overflow: hidden;
}
.tm-cut-top-left {
clip-path: polygon(
80px 0,
100% 0,
100% 100%,
0 100%,
0 80px
);
overflow: hidden;
}
/* =========================================================
CTA Styles
========================================================= */
.tm-cta-content {
background: linear-gradient(
110deg,
var(--tm-surface) 0%,
var(--tm-surface) 78%,
transparent 70%
);
}
@media (prefers-color-scheme: dark) {
.tm-cta-content {
background: linear-gradient(
110deg,
var(--tm-surface-var) 0%,
var(--tm-surface-var) 78%,
transparent 70%
);
}}
.tm-cta-content.alternate {
background: linear-gradient(
110deg,
var(--tm-primary) 0%,
var(--tm-primary) 78%,
transparent 70%
);
}
.tm-cta-content.alternate h2, .tm-cta-content.alternate .et_pb_module h2, .tm-cta-content.alternate h4, .tm-cta-content.alternate p {
color: var(--tm-bg) !important;
}
.tm-cta-content.alternate .caps-headline p {
color: var(--tm-accent) !important;
}
.tm-cta-content.alternate .prime .dnxt-btn-icon {
background-color: var(--tm-accent) !important;
color: var(--tm-slider-text) !important;
border: 1px solid var(--tm-primary) !important;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.tm-cta-content.alternate .second .dnxt-btn-icon {
background-color: transparent !important;
color: var(--tm-bg) !important;
border: 1px solid var(--tm-bg) !important;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
@media (prefers-color-scheme: dark) {
.tm-cta-content.alternate h2, .tm-cta-content.alternate .et_pb_module h2,.tm-cta-content.alternate p {
color: var(--tm-text) !important;
}
.tm-cta-content.alternate .second .dnxt-btn-icon {
background-color: transparent !important;
color: var(--tm-text) !important;
border: 1px solid var(--tm-text) !important;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.tm-cta-content.alternate h2, .tm-cta-content.alternate .et_pb_module h2, .tm-cta-content.alternate h4, .tm-cta-content.alternate p {
color: var(--tm-text) !important;
}
}
.et_pb_divider:before {
border-top-color: var(--tm-border) !important;
}
/* Buttons nebeneinander */
.tm-cta-left > .dnxte_button {
display: inline-block !important;
width: auto !important;
margin-right: 32px;
margin-bottom: 24px !important;
vertical-align: middle;
}
.tm-cta-left > .dnxte_button.second {
margin-right: 0 !important;
}
.tm-break {
display: block;
width: 100%;
height: 0;
clear: both;
margin: 0 !important;
padding: 0 !important;
}
/* Blurbs nebeneinander */
.tm-cta-left > .et_pb_blurb {
display: inline-flex !important;
width: auto !important;
max-width: none !important;
margin-right: 32px;
margin-bottom: 0 !important;
vertical-align: middle;
float: none !important;
}
.tm-cta-left > .et_pb_blurb:last-child {
margin-right: 0;
}
.tm-cta-left > .et_pb_blurb .et_pb_blurb_content {
display: inline-flex !important;
align-items: center;
width: auto !important;
max-width: none !important;
}
.tm-cta-left > .et_pb_blurb .et_pb_blurb_container {
width: auto !important;
max-width: none !important;
}
.tm-cta-left > .et_pb_blurb .et_pb_main_blurb_image {
width: auto !important;
margin-right: 10px;
margin-bottom: 0;
flex: 0 0 auto;
}
.tm-cta-left > .et_pb_blurb .et_pb_module_header {
padding-bottom: 0;
white-space: nowrap;
}
/* ========================================
Rechte Bildspalte volle Höhe
======================================== */
.tm-cta-image-col {
display: flex;
}
.tm-cta-image-col .et_pb_image,
.tm-cta-image-col .et_pb_image_wrap {
width: 100%;
height: 100%;
}
.tm-cta-image-col img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: right center;
}
@media (max-width: 980px) {
.tm-cta-content {
background: var(--tm-surface);
}
/* Buttons untereinander
.tm-cta-left > .dnxte_button {
display: block !important;
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 16px !important;
}
.tm-cta-left > .dnxte_button:last-of-type::after {
display: none;
} */
/* Blurbs untereinander */
.tm-cta-left > .et_pb_blurb {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-right: 0 !important;
margin-bottom: 16px !important;
float: none !important;
}
.tm-cta-left > .et_pb_blurb .et_pb_blurb_content {
display: flex !important;
align-items: center;
width: 100% !important;
max-width: 100% !important;
}
.tm-cta-left > .et_pb_blurb .et_pb_blurb_container {
width: 100% !important;
max-width: 100% !important;
}
.tm-cta-left > .et_pb_blurb .et_pb_module_header {
white-space: normal !important;
}
/* Bild rechts ebenfalls entspannen */
.tm-cta-image-col img {
height: auto !important;
object-fit: cover;
}
}
/* =========================================================
Divi Divider – tm-surface
Light Mode → #f7f9fc
Dark Mode → #1b2430
(nur SVG/Farbe überschreiben)
========================================================= */
/* Standard Light Mode */
.tm-surface.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.tm-surface.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.slider.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
bottom:-4px!important;
}
.footer.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
/* Dark Mode → nutzt tm-bg Dark */
@media (prefers-color-scheme: dark) {
.tm-surface.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.tm-dark-section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider{
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.tm-surface.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.tm-dark-section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider{
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.slider.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
bottom:-4px!important;
}
.footer.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
}
/* =========================================================
Divi Divider – ALTERNATIVE Seite
========================================================= */
.tm-surface.alternate2.et_pb_top_divider .et_pb_top_inside_divider,
.tm-dark-section.alternate2.et_pb_top_divider .et_pb_top_inside_divider,
.tm-surface.alternate2.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.tm-dark-section.alternate2.et_pb_bottom_divider .et_pb_bottom_inside_divider {
background-image:none !important;
}
/* Standard Light Mode */
.tm-surface.alternate.et_pb_top_divider .et_pb_top_inside_divider,
.tm-dark-section.alternate.et_pb_top_divider .et_pb_top_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.tm-surface.alternate.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.tm-dark-section.alternate.et_pb_bottom_divider .et_pb_bottom_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.slider2.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.footer.alternate.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
/* Dark Mode → nutzt tm-bg Dark */
@media (prefers-color-scheme: dark) {
.tm-surface.alternate.et_pb_top_divider .et_pb_top_inside_divider,
.tm-dark-section.alternate.et_pb_top_divider .et_pb_top_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.tm-surface.alternate.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.tm-dark-section.alternate.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider{
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.slider2.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
.footer.alternate.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
background-image: url("data:image/svg+xml;utf8,\
") !important;
}
}
.et_pb_blurb_position_left .et_pb_blurb_container {
padding-left:0px!important;
}
.dnxte_feature_list_parent a .dnxte-feature-list-content, .et-db #et-boc .et-l .dnxte_feature_list_parent a .dnxte-feature-list-content {
color: var(--tm-text-soft);
transition: color 0.2s ease,
text-decoration-thickness 0.2s ease;
}
.dnxte_feature_list_parent a:hover .dnxte-feature-list-content,
.et-db #et-boc .et-l .dnxte_feature_list_parent a:hover .dnxte-feature-list-content {
color: #a6b4c7 !important;
}
a:has(>.dnxte-feature-list-wrap) .dnxte-feature-list-content {
text-decoration-color: #a6b4c7;
text-decoration-line: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 0.2s ease,text-decoration-thickness 0.2s ease;
}
.slider-button.dnxt-hover-sweep-to-right, .slider-button2.dnxt-hover-sweep-to-right {
overflow: hidden !important;
position: relative;
}
.slider-button.dnxt-hover-sweep-to-right:before {
background: #fff !important;
}
.slider-button2.dnxt-hover-sweep-to-right:before {
background: #15407d !important;
}
footer .footer-menu {
background: #0b2c5d !important;
}
footer p, footer .dnxte-feature-list-content {
color: var(--tm-slider-text) !important;
}
.footer-menu a {
color: var(--tm-slider-text);
text-decoration-line: underline;
text-decoration-color: #a6b4c7;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 0.2s ease,
text-decoration-color 0.2s ease,
text-decoration-thickness 0.2s ease;
}
.footer-menu a:hover {
color: #a6b4c7 !important;
text-decoration-color: #ffffff !important;
}
.noicon .dnxte-feature-list-img {
display: none;
}
.noicon .dnxte-feature-list-content {
margin-left: 0px;
}
footer .prime .dnxt-btn-icon {
background: var(--tm-accent) !important;
}
footer .prime .dnxt-hover-sweep-to-right:before {
background: #35a8e6 !important;
}
/* Dark Mode → nutzt tm-bg Dark */
@media (prefers-color-scheme: dark) {
.dnxte_feature_list_parent a:hover .dnxte-feature-list-content,
.et-db #et-boc .et-l .dnxte_feature_list_parent a:hover .dnxte-feature-list-content {
color: var(--tm-text) !important;
}
footer .prime .dnxt-hover-sweep-to-right:before {
background: #35a8e6 !important;
}
footer .footer-menu {
background: var(--tm-surface) !important;
}
.footer-menu a {
color: var(--tm-accent);
text-decoration-line: underline;
text-decoration-color: var(--tm-accent);
text-underline-offset: 3px;
text-decoration-thickness: 1.5px;
transition: color 0.2s ease,
text-decoration-color 0.2s ease,
text-decoration-thickness 0.2s ease;
}
}
/*-----------------------------------------------------------------------------------------*/
/*––––––-––Custom-Modifications------------------------------------------------------------*/
/*---------write below css for standard changings like modules or only for special sites---*/
/*-----------------------------------------------------------------------------------------*/
/*--- Start Customize Login Page ---*/
body.login {
background-color: #005dab !important;
}
.login a {
color:#c1c1c1 !important;
}
/*--- End Customize Login Page ---*/
/*-----------------------------------------------------------------------------------------*/
/*–––––––––Media Queries-------------------------------------------------------------------*/
/*---------Use this section for spcial dimension css. Delete what you do not need----------*/
/*-----------------------------------------------------------------------------------------*/
/*---Responsive Styles Large Desktop And Above-*/
@media all and (min-width: 1405px) {
}
/*---Responsive Styles Standard Desktop Only---*/
@media all and (min-width: 981px) and (max-width: 1405px) {
}
/*---Responsive Styles Standard Desktop Only---*/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}
/*---Responsive Styles 981px - 1100px----------*/
@media all and (min-width: 981px) and (max-width: 1100px) {
}
/*---Responsive Styles Tablet Only--------------*/
@media all and (min-width: 768px) and (max-width: 980px) {
}
/*---Responsive Styles Desktop Only------------*/
@media all and (min-width: 981px) {
}
/*---Responsive Styles Tablet And Below--------*/
@media only screen and (max-width: 980px) {
}
/*---Responsive Styles 782px-------------------*/
@media screen and (max-width: 782px) {
}
/*---Responsive Styles Tablet Portrait And Below*/
@media all and (max-width: 768px) {
/*---change float on mobile devices---*/
/*---Name the Row class ".custom-flex"---*/
/*---Name each module in that order you want to display them on tablet and below class ".custom-one, .custom-two …" to change the order on mobile devices---*/
.custom-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
.custom-flex > * {
flex: 1 100%;
}
.custom-one {
order: 1;
flex: 1 100%;
}
.custom-two {
order: 2;
flex: 1 100%;
}
.custom-three {
order: 3;
flex: 1 100%;
}
.custom-four {
order: 4;
flex: 1 100%;
}
.custom-five {
order: 5;
flex: 1 100%;
}
}
/*---Responsive Styles Smartphone Only---------*/
@media all and (max-width: 767px) {
}
/*---Responsive Styles Smartphone Portrait-----*/
@media all and (max-width: 479px) {
}
/*––––––––––--End–Media Queries-----------------------*/