/*
Theme Name: Child-Theme for GeneratePress by Durchstarten im Internet
Theme URI: https://durchstarten-im-internet.de
Description: Child-Theme for GeneratePress by Durchstarten im Internet is a custom made child theme that is used by the theme author within the scope of its web agency business. This Child-Theme is not intended for use by other persons than the original agency client, nevertheless it is allowed in the scope of licence applied. This theme is a child theme and built on the parent theme GeneratePress by EDGE22 Studios LTD, https://generatepress.com.
Author: Durchstarten im Internet e.K.
Template: generatepress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* TEMP SCC */

.main-navigation .menu-toggle {
	display: none;
}



/* || LOCAL GOOGLE FONTS */

/* *** HIER IST DER CSS-CODE AUS DER WEBFONTS-HELPER-WEBSITE EINZUTRAGEN UND DIESE ZEILE ZU LÖSCHEN *** */
  
  
/* || GLOBAL CSS VARIABLES */
  
/* Font and Type Scale Variables */

:root {
    /* DIE FOLGENDEN ZEILEN NACH BEDARF ANPASSEN */
    /* Bei Serifen-Schriften die Fallbacks ändern auf: "Times New Roman",Times,serif */
    --dii-heading-font: 'Source Sans 3', Arial, Helvetica, sans-serif; /* MODIFY */
    --dii-body-font: 'Source Sans 3', Arial, Helvetica, sans-serif; /* MODIFY */
    --dii-base-input: 18; /* MODIFY */
    --dii-type-scale: 1.2; /* MODIFY */
      
    /* KEINE ÄNDERUNGEN AB HIER */
    --dii-size-base: calc(1rem * var(--dii-base-input) / 16);
    --dii-size-large-1: calc(1rem * var(--dii-type-scale));
    --dii-size-large-2: calc(var(--dii-size-large-1) * var(--dii-type-scale));
    --dii-size-large-3: calc(var(--dii-size-large-2) * var(--dii-type-scale));
    --dii-size-large-4: calc(var(--dii-size-large-3) * var(--dii-type-scale));
    --dii-size-large-5: calc(var(--dii-size-large-4) * var(--dii-type-scale));
    --dii-size-large-6: calc(var(--dii-size-large-5) * var(--dii-type-scale));
    --dii-size-small-1: calc(1rem / var(--dii-type-scale));
    --dii-size-small-2: calc(var(--dii-size-small-1) / var(--dii-type-scale));
    --dii-size-small-3: calc(var(--dii-size-small-2) / var(--dii-type-scale));
}
  
/* Global spacing Variables, used for margins, paddings and whitespaces */
  
:root {
    /* DIE FOLGENDE ZEILE NACH BEDARF ANPASSEN */
    --dii-lh-spacing-1: 1.5rem; /* MODIFY */
  
    /* KEINE ÄNDERUNGEN AB HIER */
    --dii-lh-spacing-2: calc(var(--dii-lh-spacing-1) * 2);
    --dii-lh-spacing-3: calc(var(--dii-lh-spacing-1) * 3);
    --dii-lh-spacing-4: calc(var(--dii-lh-spacing-1) * 4);
    --dii-lh-spacing-5: calc(var(--dii-lh-spacing-1) * 5);
    --dii-lh-spacing-6: calc(var(--dii-lh-spacing-1) * 6);
  
    --dii-base-spacing-1: calc(1rem * 1);
    --dii-base-spacing-2: calc(1rem * 2);
    --dii-base-spacing-3: calc(1rem * 3);
    --dii-base-spacing-4: calc(1rem * 4);
    --dii-base-spacing-5: calc(1rem * 5);
    --dii-base-spacing-6: calc(1rem * 6);
    --dii-base-spacing-7: calc(1rem * 7);
    --dii-base-spacing-8: calc(1rem * 8);
    --dii-base-spacing-9: calc(1rem * 9);
    --dii-base-spacing-10: calc(1rem * 10);
}
  
/* Global Color Variables */
  
:root {
    /* FARBEN NACH BEDARF ANPASSEN UND NICHT BENÖTIGTE ZEILEN LÖSCHEN */
    --dii-text-color-1: #414142; /* body text, ... */ /* MODIFY */
    --dii-text-color-2: #225AA7; /* body links, ... */ /* MODIFY */
    --dii-text-color-3: #62C4DD; /* body hovers, ... */ /* MODIFY */
    --dii-text-color-4: #fff; /* MODIFY */
	--dii-text-color-5: #fff; /* MODIFY */
    --dii-accent-1: #225AA7; /* MODIFY */
    --dii-accent-2: #62C4DD; /* MODIFY */
    --dii-accent-3: #62C4DD; /* MODIFY */
	--dii-non-accent-bg-color-1: #DFEAF5; /* MODIFY */
    --dii-non-accent-bg-color-2: #fff; /* MODIFY */
	--dii-non-accent-bg-color-3: #fff; /* MODIFY */
}
  
  
/* || GLOBAL FONT STYLING */
  
html {
    font-size: var(--dii-size-base);
}

body {
    font-family: var(--dii-body-font);
    font-size: 1rem;
    font-weight: 400; /* MODIFY */
    line-height: var(--dii-lh-spacing-1);
    color: var(--dii-text-color-1);
}
  
.dii h1,
.dii .dii-h1-like {
    font-family: var(--dii-heading-font);
    font-size: var(--dii-size-large-4);
    font-weight: 700; /* MODIFY */
    line-height: 1.3; /* MODIFY */
    margin-bottom: var(--dii-lh-spacing-2); /* MODIFY */
    color: var(--dii-text-color-1); /* MODIFY */
}
  
.dii h2,
.dii .dii-h2-like {
    font-family: var(--dii-heading-font);
    font-size: var(--dii-size-large-3);
    font-weight: 700; /* MODIFY */
    line-height: 1.3; /* MODIFY */
    margin-bottom: var(--dii-lh-spacing-2); /* MODIFY */
    color: var(--dii-text-color-1); /* MODIFY */
}
  
.dii h3,
.dii .dii-h3-like {
    font-family: var(--dii-heading-font); /* MODIFY */
    font-size: var(--dii-size-large-2);
    font-weight: 700; /* MODIFY */
    line-height: 1.2; /* MODIFY */
    margin-bottom: var(--dii-lh-spacing-2); /* MODIFY */
    color: var(--dii-text-color-1); /* MODIFY */
}
  
.dii h4,
.dii .dii-h4-like {
    font-family: var(--dii-heading-font); /* MODIFY */
    font-size: var(--dii-size-large-1);
    font-weight: 700; /* MODIFY */
    line-height: 1.2; /* MODIFY */
    margin-bottom: var(--dii-lh-spacing-1); /* MODIFY */
    color: var(--dii-text-color-1); /* MODIFY */
}

.dii strong {
    font-weight: 700; /* MODIFY */
}
  
.dii p {
    margin-bottom: var(--dii-lh-spacing-1);
}
  
.dii .site-content a {
    margin-bottom: var(--dii-lh-spacing-1);
    color: var(--dii-text-color-2);
}
  
.dii .site-content a:hover {
    color: var(--dii-text-color-3);
}
  
.dii li {
    margin-bottom: 0.5rem;
}
  
.dii table {
    margin-bottom: var(--dii-lh-spacing-1);
}
  
.dii .dii-xl {
    font-size: var(--dii-size-large-5);
}
  
.dii .dii-xxl {
    font-size: var(--dii-size-large-6);
}
  
.dii small, 
.dii .dii-small {
    font-size: var(--size-s-1);
}
  
.dii .dii-xs {
    font-size: var(--size-s-2);
}
  
.dii .dii-xxs {
    font-size: var(--size-s-3);
}
  
.dii p:last-child,
.dii a:last-child,
.dii ul:last-child,
.dii ol:last-child,
.dii li:last-child {
    margin-bottom: 0;
}
  
  
/* || STYLING DII-ELEMENTS */
  
.dii .dii-section,
.dii .dii-section-margin {
    margin-bottom: var(--dii-lh-spacing-6); /* MODIFY */
}
  
.dii .dii-section.dii-first-section {
    margin-top: var(--dii-lh-spacing-6); /* entspricht i.d.R. Section-Bottom-Margin */ /* MODIFY */
}

.dii .dii-section.dii-full-width-colored-section {
	padding-top: var(--dii-base-spacing-3); /* MODIFY */
	padding-bottom: var(--dii-base-spacing-3); /* MODIFY */
	background-color: #ededed; /* MODIFY */
}

@media (max-width: 1200px) {
  
    .dii .grid-container .site-content .dii-section {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.dii .dii-row:not(:last-child) {
    margin-bottom: var(--dii-lh-spacing-3); /* MODIFY */
}
  
.dii .dii-sub-row {
    margin-top: var(--dii-lh-spacing-2); /* MODIFY */
}

.dii .dii-section .dii-row figure:not(:last-child) {
    margin-bottom: var(--dii-lh-spacing-1); /* MODIFY */
}
  
.dii .dii-section .dii-row figure {
    width: 650px; /* MODIFY */
    max-width: 100%;
    height: auto;
	margin-left: auto; /* MODIFY */
	margin-right: auto; /* MODIFY */
	text-align: center; /* MODIFY */
}

.dii .dii-section .dii-row figure img {
	max-height: 650px; /* MODIFY */
   	width: auto;
}

.dii .dii-icon {
    width: 125px; /* MODIFY */
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
}  
  
.dii .dii-section a.dii-anchor {
    display: block; 
    position: relative; 
    top: -160px; /* MODIFY */
    visibility: hidden; 
}

.dii .dii-sub-header-container h1 {
    margin-bottom: var(--dii-lh-spacing-1);
}

.dii .dii-sub-header-container p {
    color: var(--dii-text-color-4);
    font-size: var(--dii-size-large-1);
    font-weight: 500;
}

.dii .site-content .dii-button,
.dii .site-content .dii-button:focus {
    background-color: var(--dii-accent-1); /* MODIFY */
    color: var(--dii-text-color-4); /* MODIFY */
    border-radius: 5px; /* MODIFY */
	box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.5); /* MODIFY */
    -webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.5); /* MODIFY */
    -moz-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.5); /* MODIFY */
	font-weight: 700; /* MODIFY */
    text-align: center;
    padding: 20px; /* MODIFY */
    width: fit-content; /* MODIFY */
    max-width: 100%;
    display: block;
}
  
.dii .site-content .dii-button:hover {
    background-color: var(--dii-accent-1); /* MODIFY */
    color: var(--dii-text-color-4); /* MODIFY */
	text-decoration: none;
}

.dii .dii-list {
    list-style: none;
    margin-left: 0;
}

.dii .dii-list.dii-checks {
    padding-left: 21px; /* MODIFY */
}

.dii .dii-list.dii-checks li::before {
    font-family: "Font Awesome 6 Free"; /* MODIFY */
    content: "\f00c"; /* MODIFY */
    color: var(--dii-accent-1); /* MODIFY */
    margin: 0 6px 0 -21px; /* MODIFY */
    font-weight: 900;
  }

.dii .dii-list.dii-caution {
    padding-left: 21px; /* MODIFY */
}

.dii .dii-list.dii-caution li::before {
    font-family: "Font Awesome 6 Free"; /* MODIFY */
    content: "\f0e7"; /* MODIFY */
    color: red; /* MODIFY */
    margin: 0 7px 0 -21px; /* MODIFY */
    font-weight: 900;
}

.dii .dii-list.dii-arrow {
    padding-left: 21px; /* MODIFY */
}

.dii .dii-list.dii-arrow li::before {
    font-family: "Font Awesome 6 Free"; /* MODIFY */
    content: "\f054"; /* MODIFY */
    color: var(--dii-accent-1); /* MODIFY */
    margin: 0 10px 0 -21px; /* MODIFY */
    font-weight: 900;
}

.dii .dii-reduced-width {
    width: 700px; /* MODIFY */
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.dii .dii-mobile-reduced-width {
    width: 700px; /* MODIFY */
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
  
.dii .dii-section.dii-no-margin,
.dii .dii-section .dii-row.dii-no-margin,
.dii .dii-section .dii-row .dii-no-margin {
    margin: 0;
}

.dii .dii-section.dii-no-padding,
.dii .dii-section .dii-row.dii-no-padding,
.dii .dii-section .dii-row .dii-no-padding {
    padding: 0;
}
  
.dii .dii-social-icon {
    width: 50px; /* MODIFY */
    max-width: 100%;
    height: auto;
}
  
.dii .dii-shadow-container {
    background-color: var(--dii-non-accent-bg-color-2); /* MODIFY */
    box-shadow: 0 7px 29px rgba(0,0,0,.2); /* MODIFY */
    -webkit-box-shadow: 0 7px 29px rgba(0,0,0,.2); /* MODIFY */
    -moz-box-shadow: 0 7px 29px rgba(0,0,0,.2); /* MODIFY */
    border-radius: 5px; /* MODIFY */
	overflow: hidden; /* MODIFY */
    padding: 30px; /* MODIFY */
    width: 550px; /* MODIFY */
    max-width: 100%;
}
  
.dii .dii-colored-container {
    background-color: var(--dii-non-accent-bg-color-1); /* MODIFY */
    padding: 20px; /* MODIFY */
}
  
  
/* || GLOBAL THEME CUSTOMIZATIONS */
  
/* Containers */
  
.dii .site-content {
    padding: 0;
}

/* Menu-Container */ /* LÖSCHEN, FALLS KEINE SECONDARY NAV */

.dii .dii-menu-wrapper{
    position: sticky;
    top: 0;
	z-index: 10000;
}

/* Secondary Navigation */ /* LÖSCHEN, FALLS KEINE SECONDARY NAV */

.dii #secondary-navigation {
    background-color: var(--dii-accent-1); /* MODIFY */
}

.dii #secondary-navigation .inside-navigation {
    padding: 0;
}

.dii #secondary-navigation li {
    margin-bottom: 0;
}

.dii #secondary-navigation ul li a {
    color: var(--dii-text-color-4); /* MODIFY */
    font-size: var(--dii-size-small-1); /* MODIFY */
    font-weight: 400; /* MODIFY */
    padding-left: 0;
    padding-right: 0;
}

.dii #secondary-navigation ul li a:hover {
    color: var(--dii-text-color-4); /* MODIFY */
    text-decoration: underline; /* MODIFY */
}

.dii #secondary-navigation ul li.dii-nav-text a {
    pointer-events: none;
    padding-right: 10px; /* MODIFY */
	display: inline-block;
}

.dii #secondary-navigation ul li.dii-nav-text:after {
	font-family: "Font Awesome 6 Free";
    content: "\f095"; /* MODIFY */
	color: var(--dii-text-color-4); /* MODIFY */
    font-size: var(--dii-size-small-1); /* MODIFY */
    font-weight: 900;
    padding-right: 10px; /* MODIFY */
}

@media (max-width: 1200px) {
  
    .dii .secondary-navigation {
        padding-right: 30px;
        padding-left: 30px;
    }

}

@media(max-width: 460px) { /* MODIFY */
        
	.dii .secondary-navigation .main-nav>ul {
		justify-content: center;
	}
	
	.dii .secondary-navigation .main-nav {
		margin: 7px auto; /* MODIFY */
	}
	
	.dii .secondary-navigation .main-nav ul li a {
		line-height: var(--dii-lh-spacing-1); /* MODIFY */
		padding-left: 0;
	}

}

/* Main-Navigation */

.dii .main-navigation { /* Löschen, falls keine Secondary Nav */
    background-color: var(--dii-non-accent-bg-color-3); /* MODIFY */
    box-shadow: 0 0 12px -5px rgb(0 0 0 / 40%); /* MODIFY */
    -webkit-box-shadow: 0 0 12px -5px rgb(0 0 0 / 40%); /* MODIFY */
    -moz-box-shadow: 0 0 12px -5px rgba(0,0,0,.4); /* MODIFY */
}

.dii #site-navigation,
.dii #sticky-navigation { /* Löschen, falls Secondary Nav */
    background-color: var(--dii-non-accent-bg-color-2); /* MODIFY */
    box-shadow: 0 0 12px -5px rgb(0 0 0 / 40%); /* MODIFY */
    -webkit-box-shadow: 0 0 12px -5px rgb(0 0 0 / 40%); /* MODIFY */
    -moz-box-shadow: 0 0 12px -5px rgba(0,0,0,.4); /* MODIFY */
}
  
.dii .main-navigation.has-branding .inside-navigation.grid-container {
    padding: 0;
}

@media (max-width: 1200px) {
  
    .dii .main-navigation.has-branding .inside-navigation.grid-container {
        padding-right: 30px;
        padding-left: 30px;
		margin-left: auto;
		margin-right: 0;
    }

}
  
.dii .main-navigation figure {
    margin-bottom: 0;
}
  
.dii .main-navigation li {
    margin-bottom: 0;
}
  
.dii .main-navigation .main-nav ul li a {
    color: var(--dii-text-color-2); /* MODIFY */
    font-family: var(--dii-body-font); /* MODIFY */
    font-size: 1rem; /* MODIFY */
    font-weight: 700; /* MODIFY */
    padding-left: 15px; /* MODIFY */
    padding-right: 15px; /* MODIFY */
}

.dii .main-navigation .main-nav ul li:last-child a {
  padding-right: 0;
}
  
.dii .main-navigation .main-nav ul li a:hover,
.dii .main-navigation .main-nav ul li.current-menu-item > a {
    color: var(--dii-text-color-3); /* MODIFY */
}
  
.dii .main-navigation .main-nav ul li.dii-menu-cta a {
    background-color: var(--dii-accent-1); /* MODIFY */
    color: var(--dii-text-color-4); /* MODIFY */
    border-radius: 5px; /* MODIFY */
	 box-shadow: 0 0 12px -5px rgb(0 0 0 / 40%); /* MODIFY */
    -webkit-box-shadow: 0 0 12px -5px rgb(0 0 0 / 40%); /* MODIFY */
    -moz-box-shadow: 0 0 12px -5px rgba(0,0,0,.4); /* MODIFY */
	line-height: 1em;
    padding: 10px 15px; /* MODIFY */
    margin-left: 15px; /* MODIFY */
    display: inline-block;
    height: auto;
}
  
.dii .main-navigation .main-nav ul li.dii-menu-cta a:hover {
    background-color: var(--dii-accent-2); /* MODIFY */
	color: var(--dii-text-color-2); /* MODIFY */
}

/* Sub-Menus */ /* LÖSCHEN, FALLS KEINE SUB-MENUS */

.dii .main-navigation .menu-item-has-children .dropdown-menu-toggle {
    padding: 0 0 0 5px; /* MODIFY */
}

.dii .main-navigation#site-navigation ul ul {
    width: 240px; /* MODIFY */
}

.dii .main-navigation#site-navigation .sub-menu,
.dii #sticky-navigation .sub-menu,
.dii .main-navigation#site-navigation .sub-menu li,
.dii #sticky-navigation .sub-menu li {
    border: solid 1px #eaeaea; /* MODIFY */
    background-color: var(--dii-non-accent-bg-color-3); /* MODIFY */
    box-shadow: none; /* MODIFY */
}

/* Mobile Navigation */

.dii .main-navigation.has-branding .menu-toggle,
.dii .main-navigation .slideout-exit {
    color: var(--dii-text-color-1); /* MODIFY */
    font-family: var(--dii-body-font); /* MODIFY */
    font-size: 1rem;
    padding-right: 0;
    padding-left: 0;
}

.dii .main-navigation.has-branding .menu-toggle .gp-icon {
    background-color: var(--dii-accent-1); /* MODIFY */
    padding: 10px; /* MODIFY */
    color: var(--dii-text-color-5); /* MODIFY */
    border-radius: 5px; /* MODIFY */
}

.dii .main-navigation.has-branding .menu-toggle .gp-icon svg {
    top: 0;
}

.dii .main-navigation.has-branding .menu-toggle .mobile-menu {
    display: none; /* MODIFY */
}

.dii .main-navigation.slideout-navigation {
    background-color: var(--dii-non-accent-bg-color-3); /* MODIFY */
    width: 290px; /* MODIFY */
}

.main-navigation .slideout-menu .menu-item > a {
    line-height: 60px; /* MODIFY */
}
  
.main-navigation .slideout-menu .dii-menu-cta {
    margin-top: 22px; /* MODIFY */
}

/* Elements */
  
.dii .generate-back-to-top {
    bottom: 60px; /* MODIFY */
	background-color: var(--dii-text-color-2); /* MODIFY */
}

.dii .generate-back-to-top:hover {
	background-color: var(--dii-text-color-3); /* MODIFY */
}

.dii figure:not(:last-child) {
    margin-bottom: var(--dii-lh-spacing-1);
}
  
.dii .site-content figure {
    text-align: center; /* MODIFY */
}

.dii .site-content figcaption,
.dii .site-content figcaption a {
	color: var(--dii-text-color-1); /* MODIFY */
	font-size: var(--dii-size-small-1); /* MODIFY */
}

/* 2-Column-Stylings */
  
@media (max-width: 1080px) { /* MODIFY */
      
    .dii .site-content .dii-two-columns > .gb-grid-column {
        width: 100%;
    }
    
    .dii .site-content .dii-two-columns > .gb-grid-column:last-child {
        margin-top: var(--dii-lh-spacing-2); /* MODIFY */
    }
    
    .dii .site-content .dii-two-columns.dii-stack-top > .gb-grid-column:last-child {
        order: -1;
        margin-top: 0;
        margin-bottom: var(--dii-lh-spacing-2); /* MODIFY */
    }

}

/* 3-Column-Stylings */

@media (max-width: 1080px) { /* MODIFY */
    
    .dii .site-content .dii-three-columns .gb-grid-column {
        width: 100%;
    }
    
    .dii .site-content .dii-three-columns > .gb-grid-column:nth-child(2), 
    .dii .site-content .dii-three-columns > .gb-grid-column:nth-child(3) {
        margin-top: var(--dii-lh-spacing-2); /* MODIFY */
    }

    .dii .site-content .dii-three-columns.dii-stack-top > .gb-grid-column:last-child{
        order: -1;
        margin-top: 0;
        margin-bottom: var(--dii-lh-spacing-2); /* MODIFY */
    }

}

/* 4-Column-Stylings */

@media (max-width: 1080px) { /* MODIFY */
    
    .dii .site-content .dii-four-columns > .gb-grid-column {
        width: 50%;
    }
    
    .dii .site-content .dii-four-columns > .gb-grid-column:nth-child(3), 
    .dii .site-content .dii-four-columns > .gb-grid-column:nth-child(4) {
        margin-top: var(--dii-lh-spacing-2); /* MODIFY */
    }

    .dii .site-content .dii-four-columns.dii-stack-top > .gb-grid-column:last-child {
        order: -1;
        margin-top: 0;
        margin-bottom: var(--dii-lh-spacing-2); /* MODIFY */
    }

}

@media (max-width: 650px) { /* MODIFY */
    
    .dii .site-content .dii-four-columns > .gb-grid-column {
        width: 100%;
    }
    
    .dii .site-content .dii-four-columns > .gb-grid-column:nth-child(2), 
    .dii .site-content .dii-four-columns > .gb-grid-column:nth-child(3), 
    .dii .site-content .dii-four-columns > .gb-grid-column:nth-child(4) {
        margin-top: var(--dii-lh-spacing-2); /* MODIFY */
    }

    .dii .site-content .dii-four-columns.dii-stack-top > .gb-grid-column:last-child {
        order: -1;
        margin-top: 0;
        margin-bottom: var(--dii-lh-spacing-2); /* MODIFY */
    }

}


/* || FOOTER STYLINGS */
  
/* Main-Footer */

.dii footer .dii-main-footer {
    background-color: var(--dii-non-accent-bg-color-3); /* MODIFY */
    padding: var(--dii-lh-spacing-3) 0; /* MODIFY */
}

@media (max-width: 1200px) {
  
    .dii footer .dii-main-footer {
        padding-right: 30px;
        padding-left: 30px;
    }

}

.dii footer .dii-main-footer .dii-section {
    margin-bottom: var(--dii-lh-spacing-3); /* MODIFY */
}

.dii footer .dii-main-footer .dii-section:last-child {
    margin-bottom: 0;
}

.dii footer .dii-main-footer .dii-row {
    margin-bottom: 0; /* MODIFY */
}

.dii footer .dii-main-footer p {
    color: var(--dii-text-color-2); /* MODIFY */
}

.dii footer .dii-main-footer a {
    color: var(--dii-text-color-2); /* MODIFY */
}

.dii footer .dii-main-footer a:hover { 
    color: var(--dii-text-color-3); /* MODIFY */
}

/* Bottom-Footer */
  
.dii footer .dii-bottom-footer {
    background-color: var(--dii-accent-1); /* MODIFY */
    padding: 20px 0; /* MODIFY */
}
 
@media (max-width: 1200px) {
  
    .dii footer .dii-bottom-footer {
        padding-right: 30px;
        padding-left: 30px;
    }

}

.dii footer .dii-bottom-footer .dii-section {
    margin: 0;
}
  
.dii footer .dii-bottom-footer p,
.dii footer .dii-bottom-footer a {
    color: var(--dii-text-color-4); /* MODIFY */
    text-decoration: none; /* MODIFY */
    font-size: var(--dii-size-small-1); /* MODIFY */
}
  
.dii .dii-footer .dii-bottom-footer a:hover { 
    text-decoration: underline; /* MODIFY */
}
  
  
/* || VII. GLOBAL PLUGIN STYLINGS */
  
/* Ninja Forms */
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-fields-required {
    text-align: center;
    font-style: italic;
    margin-bottom: var(--dii-lh-spacing-1);
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-content {
    padding: 0;
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .listradio-container {
    margin-bottom: 15px; /* MODIFY */
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .three-col-list ul li {
    width: 100px;
    max-width: 100%;
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .dii-nf-radio li {
    margin-bottom: 10px !important; /* MODIFY */
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .dii-nf-radio li:not(:last-child) {
    margin-right: 1.5rem !important; /* MODIFY */
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .field-wrap:not(.submit-wrap) input,
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .field-wrap textarea {
    background-color: var(--dii-non-accent-bg-color-2); /* MODIFY */
    color: var(--dii-text-color-1);
    font-family: var(--dii-body-font);
    font-size: 1rem;
    font-weight: 400;
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .submit-container {
    margin-bottom: 0;
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .field-wrap.submit-wrap input,
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .field-wrap.submit-wrap input:focus {
    background-color: var(--dii-accent-1); /* MODIFY */
    color: var(--dii-text-color-4); /* MODIFY */
    font-family: var(--dii-body-font);
    font-size: 1rem; /* MODIFY */
    font-weight: 700; /* MODIFY */
    line-height: var(--dii-lh-spacing-1);
    padding: 20px; /* MODIFY */
    width: 250px; /* MODIFY */
    max-width: 100%;
    display: block;
    height: unset;
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-form-content .field-wrap.submit-wrap input:hover {
    background-color: var(--dii-accent-1); /* MODIFY */
    transition: none;
    color: var(--dii-text-color-4); /* MODIFY */
}
  
.dii .dii-section .dii-row .nf-form-cont .nf-response-msg {
    margin-top: var(--dii-lh-spacing-1);
}
  
/* bookly */
  
.dii .bookly-form * {
    font-size: 1rem;
}
  
.dii .bookly-form .bookly-btn.ladda-button:hover {
    background-color: var(--dii-accent-2) !important; /* MODIFY */
}
  
.dii .bookly-form .bookly-details-step .bookly-form-group .bookly-label-error {
    font-size: var(--dii-size-small-1);
    color: #900 !important;
}
  
.dii .bookly-nav-steps {
    border-top: none !important;
    margin-bottom: 0;
}
  
.dii .dii-section .bookly-nav-steps button {
    margin-bottom: 0;
}
  
@media (max-width: 690px) { /* MODIFY */
  
    .dii .bookly-form .bookly-time-step {
        width: 100% !important;
    }

}
  
@media (max-width: 480px) { /* MODIFY */
  
    .dii .bookly-form .bookly-slot-calendar{
        margin-right: 0px;
    }
  
    .dii .dii-section .bookly-form .picker__holder{
        width: 100% !important;
    }

}
  
  
/* || VIII. SITE-SPECIFIC STYLINGS */
  
/* Rechtstextseiten */
  
.dii .dii-page-impressum .dii-section h2,
.dii .dii-page-datenschutz .dii-section h2 {
    margin: var(--dii-lh-spacing-2) 0 var(--dii-lh-spacing-1); /* MODIFY */
}
  
.dii .dii-page-impressum .dii-section h3,
.dii .dii-page-datenschutz .dii-section h3 {
    margin-bottom: var(--dii-lh-spacing-1); /* MODIFY */
}