/*!
Theme Name: ETL-Theme
Theme URI: http://underscores.me/
Author: brotsalz
Author URI: https://brotsalz.de/
Description: Das Theme von ETL
Version: 1.1.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: etl-theme
Tags: ETL, ETL-Theme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ETL-Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic

	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */


/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}


/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:focus, div[role="button"], area[role="button"] {
    box-shadow: none !important;
    outline: none !important;

  }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/** ETL BUTTONS */
a.btn-teal-primary, a.btn-etl-primary {
    background: var(--primary_color);
    border: 3px solid var(--primary_color);
    color: #FFF;
    display: inline-block;
    padding: 10px 20px;
    margin-right: 0.3em;
    margin-bottom: 0.5em;
}
div.btn-teal-primary, div.btn-etl-primary {
    background: var(--primary_color);
    border: 3px solid var(--primary_color);
    color: #FFF;
    display: inline-block;
    margin-right: 0.3em;
    margin-bottom: 0.5em;
}
div.btn-teal-primary a, div.btn-etl-primary a {
    padding: 10px 20px;
    display: block;
}
div.btn-teal-primary.dbl-arrow-right a, div.btn-etl-primary.dbl-arrow-right a,
a.btn-teal-primary.dbl-arrow-right, a.btn-etl-primary.dbl-arrow-right {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAUCAYAAAB1aeb6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3OTNGRTM5OEFFQTQxMUVDQjE2NkFGRjhDRDg5OEYxOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3OTNGRTM5N0FFQTQxMUVDQjE2NkFGRjhDRDg5OEYxOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjAyMiBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9IjlEMEVGMDJBQUJFNzQwQjc5ODg0RUEyMjFFNjE4RDY3IiBzdFJlZjpkb2N1bWVudElEPSI5RDBFRjAyQUFCRTc0MEI3OTg4NEVBMjIxRTYxOEQ2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJlkHwAAAIWSURBVHjapNZfSFNhGMfxs80m9AdKKEFYRf8wtD8gKQYRQYJ6kV2o0VVRF2KXFhERBBqtkN3sIhIiCIIEKaGoiFBKqYsQQaqboFpdZFBkRmZ/rPl98bcYw7O97/GBD9vO4TnPzt73ec5C6XS60fO8UXz03GIXvmHMCxhhtOMpqhxzd+MxDi6k+DR+4Rb6EHXIHcdpffn1QYrHEMcmLMcETlrkrsNdbMFzvMAV1+J/UK67r8M+HMNb7MmT+xNr9b4Nm1GBL/psVdzETNaxAV30MvrxEKU++dl5KdTiKM7gJWpsis8XF7EKX/EO3TnnQz55/VrKOxjETSx2LW7iN1qwE41qxxad+1xgc55CGZbgk34Np+KZGNV6mgv04LaW5kOBvEnUowGHtDR1rsUzYXZzCZ6gFT8s84awUW2ZUJeUhwPOh2FEsMgxb0A51VjqWrxS47RHm2nGMm+ZluoNrmElRmyLF+EGnunbm8HyCBsscru0Uf+pey64rPkJDY5SjdAOHV+jweQXTXiPZuzFfkzl3lG+B4fZYMU4gPs55//65Jkev46tOItkoSETyTq2Ag9wD1exep7Cfr/cJbzCa10nWWjCRTXHTZxX737XpojnyS3W8DBxWO93YBuO2GykEH8mMo/RmF7NhUYscs+pZcyDaTuOo9epdyg+mJ6LdngOOpWXcMz7z9x5k3o3FeCfzLTaL1DMCjAAYt/S5Dt4lI4AAAAASUVORK5CYII=');
    background-repeat: no-repeat; 
    background-position: calc(100% - 15px) center; 
    padding: 10px 20px;
    padding-right: 61px;
}
div.btn-teal-primary.dbl-arrow-right a, div.btn-etl-primary.dbl-arrow-right a {
    display: block;
}
div.btn-teal-primary.caret-right a, div.btn-etl-primary.caret-right a,
a.btn-teal-primary.caret-right, a.btn-etl-primary.caret-right {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YzODFBRTdCMDAxMTFFQ0E2QjdFMUY1QjQ5MTFBRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YzODFBRThCMDAxMTFFQ0E2QjdFMUY1QjQ5MTFBRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjM4MUFFNUIwMDExMUVDQTZCN0UxRjVCNDkxMUFGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjM4MUFFNkIwMDExMUVDQTZCN0UxRjVCNDkxMUFGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnnYjPIAAAErSURBVHjalJRBagJBEEVr7BkJ5gC5gyDEjAY8Qy6Uradw7dIDuAuCKxdBYyArT+ARojGUv7VL2naqp/3waEZnPkXV7yJmNqAADUBgCH7AB2i73+w7uXeqkDPL3YfvfK1f0HX/+R8WFWaFGIqZZcO3+gO9oFIN06Cz5JzRrXKwAD3wD5h0ZeSVm4EW+OZqHcBzXaUU9MQ+N8GXYrrzempihj5iulJMbU9LzZSU0usqVQdFkYmJaUpPkwz9OE1Z15tneolNnZhSVVPdA1grle0rbpHRxi9Xch3pX5k6FBnGMmLWT42NVBYL9ktKsOXqPd7ZM9VQduH43p6FZCdXooMb+hY8BUGwG2YAPoE5bZRIaCSHxp2T4IU9eE00q1xflpFbtHPQSVysF44CDAC0AzFJqQT55wAAAABJRU5ErkJggg==');
    background-repeat: no-repeat; 
    background-position: calc(100% - 15px) center; 
    padding: 10px 20px;
    padding-right: 50px;
}
div.btn-teal-primary.caret-right a, div.btn-etl-primary.caret-right a {
    display: block;
}
div.btn-teal-primary.envelope-right a, div.btn-etl-primary.envelope-right a,
a.btn-teal-primary.envelope-right, a.btn-etl-primary.envelope-right {
    background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAUCAYAAACeXl35AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkIwNjhERUNCMTg2MTFFQzhCMTdERjFBRTM1ODNFNkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkIwNjhERURCMTg2MTFFQzhCMTdERjFBRTM1ODNFNkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQjA2OERFQUIxODYxMUVDOEIxN0RGMUFFMzU4M0U2QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQjA2OERFQkIxODYxMUVDOEIxN0RGMUFFMzU4M0U2QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnq6w7sAAAG5SURBVHjatJY9SANBEIX3YkBjERUhYOMPqIgkWkgsLE2tIIjapNBCsLDQwsLGxkZsRLCy0MImIoJNKksRQRsxEDBEG+UKA4m/UYNZ38YXPORyGLgd+MLe3Oy828zu3BlSypQQohO8g6LQYwbwgbQBwTwGi+AUtACpQSwDesGGFz914AFcEl3WDBoFVvgpfywKhCbGqFFQF2lwSMeqBrFl5t4HCeX4Al1E2ZGLYnvMOQgC4Ek5i2CYAd0MSLogds5cfbwOgxevZScpuwb1wOQRCXCHVWN+zq8BTSBnvemxmZAv7SYhzrh7B6oQ6wGP4Ja7P/c3wOMweQhsgQsw8g+xCEiCXRCsGMUaRhxqkWItlhxi5hljgtoKMaUaOq0wxK6j6joK1kDMJm4bbIJJcMIWGa52hbN84gOLL0RfFkzwMJv0hS1xO/Qt2K3QTjDGCXM2f4sPxOWvHQO/TVyU9+OVBPvpzDAw6MI5LDeSV163g2dVwzswxXrd80wmXGjWKea6Yu6ZUn4+gbJ1jc17hRpvgoNpjWJlxpWQam0fpA20anjre9jqCiCr3vg3GHSwJUmNnxgNquV9CzAAvI7DKbI5B2MAAAAASUVORK5CYII=');
    background-repeat: no-repeat; 
    background-position: calc(100% - 15px) center; 
    padding: 10px 20px;
    padding-right: 58px;
}
div.btn-teal-primary.envelope-right a, div.btn-etl-primary.envelope-right a {
    display: block;
}

.cta-box-primary {
    background: var(--primary_color);
    border: 3px solid var(--primary_color);
    color: #FFF;
    padding: 10px 20px;
    display: inline-block;
    margin-right: 0.3em;
    margin-bottom: 0.5em;
}

.btn-teal-primary-invert {
    background: #fff;
    border: 3px solid #fff;
    color: var(--primary_color);
    padding: 10px 20px;
    display: inline-block;
    margin-right: 0.3em;
    margin-bottom: 0.5em;
}

.btn-teal-outline {
    border: 3px solid var(--primary_color);
    color: var(--primary_color) !important;
    padding: 10px 20px;
    font-weight: 600;
    display: inline-block;
    transition: all .2s ease-in;

}

.btn-teal-outline:is(:active, :focus, :focus-within, :hover) {
    color: #FFF !important;
    background: var(--primary_color) !important;
    transition: all .2s ease-in;
}

.btn-red {
    background: #EA5045;
    border: 3px solid #EA5045;
    color: #FFF !important;
    padding: 10px 20px;
    font-weight: 600;
    display: inline-block;
}

.kontakt-cta-subpages {
    border: none;
}

.kontakt-cta-subpages a {
    border: 3px solid var(--primary_color);
}

.btn-secondary {
    background: transparent;
    color: #FFF;
    border: 3px solid #FFF;
    padding: 10px 40px;
    display: inline-block;
    margin-left: 10px;
}

.btn-secondary:is(:active, :focus, :focus-within, :hover) {
    color: #58585A;
    background: #FFF;
    border-color: #FFF;
    transition: .2s ease-in all;
}

.kontakt-cta-subpages {
    margin: 0 auto;
}

.btn-teal-primary a,
.btn-teal-primary a:is(:active, :focus, :focus-within, :hover),
.btn-teal-primary,
.btn-teal-primary:is(:active, :focus, :focus-within, :hover) {
    color: #FFF;
}
.btn-teal-primary-invert a,
.btn-teal-primary-invert a:is(:active, :focus, :focus-within, :hover),
.btn-teal-primary-invert,
.btn-teal-primary-invert:is(:active, :focus, :focus-within, :hover) {
    color: var(--primary_color);
}
.txtAlertBox {
    border: 2px var(--primary_color) solid;
    color: var(--primary_color);
    padding: 1rem;
    margin: 3rem 0;
}
.btn-teal-primary p, .btn-teal-primary p {
    margin-bottom: 0;
}

.kontakt-cta-subpages:is(:active, :focus, :focus-within, :hover) {
    border: none !important;
}

.kontakt-cta-subpages a:is(:active, :focus, :focus-within, :hover),
.btn-teal-primary:is(:active, :focus, :focus-within, :hover) {
    background: var(--primary_light_color);
    border: 3px solid var(--primary_light_color);
    transition: .2s ease-in all;
}

.btn-teal-primary-invert:is(:active, :focus, :focus-within, :hover) {
    background: #fff;
    color: var(--primary_light_color);
    transition: .2s ease-in all;
}

.btn-teal-primary i, .btn-teal-primary-invert i {
    transition: .2s ease-in all;
}

.btn-teal-primary:is(:active, :focus, :focus-within, :hover) i, 
.btn-teal-primary-invert:is(:active, :focus, :focus-within, :hover) i {
    transform: translateX(5px);
    transition: .2s ease-in all;
}

div.btn-teal-primary a:focus-visible,
a.btn-teal-primary:focus-visible,
div.btn-etl-primary a:focus-visible,
a.btn-etl-primary:focus-visible,
div.btn-teal-primary-invert a:focus-visible,
a.btn-teal-primary-invert:focus-visible,
div.btn-secondary a:focus-visible,
a.btn-secondary:focus-visible,
div.btn-teal-outline a:focus-visible,
a.btn-teal-outline:focus-visible,
div.cta-box-primary a:focus-visible,
a.cta-box-primary:focus-visible,
div.kontakt-cta-subpages a:focus-visible,
a.kontakt-cta-subpages:focus-visible,
input:not([type="range"]):focus-visible,
button:focus-visible,
a:focus-visible {
    outline: 2px solid #333 !important;
    color: #333;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    scroll-padding-top: 125px; /* added, roha002, 2025-07-28, scroll to anchor vs. sticky nav
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #58585A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.25;
}

.color-teal {
    color: var(--primary_color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    word-wrap: break-word;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;    
}

.hero-etl-auto h1,
.hero-etl-auto h2,
.hero-etl-header h1,
.hero-etl-header h2 {
    /*font-size: 4.225em;
    line-height: 1;*/
    font-size: 3.25em;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

.etlnr-9 .hero-etl-auto h1,
.etlnr-9 .hero-etl-auto h2,
.etlnr-9 .hero-etl-header h1,
.etlnr-9 .hero-etl-header h2 {
    font-size: 3.7em;
    line-height: 1.1;
}

.hero-etl-small h1,
.hero-etl-small h2 {
    font-size: 3.2em;
    line-height: 1;
}

h1,h2 {
    font-size: 3.25em;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

h1.huge {
    font-size: 6.625em;
    line-height: 1;
    margin-bottom: 1.5rem;
}


h3 {
    font-size: 1.1em;
    line-height: 1.5;
}

p {
    margin-bottom: 1.5em;
}
.hero-etl-header p {
    hyphens: auto;
}

.subheader, h3.subheader {
    font-size: 1.25em;
}

/* newHeadlinesOrder */
body.newHeadlinesOrder h1,
body.wp-admin h1,
body.wp-editor h1 {
    font-size: 3.0em;
    line-height: 1.3;
}
body.newHeadlinesOrder h2,
body.wp-admin h2,
body.wp-editor h2 {
    font-size: 2.25em;
    line-height: 1.3;
}
body.newHeadlinesOrder .hero-etl-header h1, body.newHeadlinesOrder h1.heroH1,
body.wp-admin .hero-etl-header h1, body.wp-admin h1.heroH1,
body.wp-editor .hero-etl-header h1, body.wp-editor h1.heroH1 {
    font-size: 3.0em;
    line-height: 1.3;
}
body.newHeadlinesOrder .hero-etl-header h2, body.newHeadlinesOrder h2.heroH2,
body.wp-admin .hero-etl-header h2, body.wp-admin h2.heroH2,
body.wp-editor .hero-etl-header h2, body.wp-editor h2.heroH2 {
    font-size: 3.0em;
    line-height: 1.3;
}
body.newHeadlinesOrder h3,
body.wp-admin h3,
body.wp-editor h3 {
    font-size: 1.75em;
    line-height: 1.3;
}
body.newHeadlinesOrder h2.subheader, body.wp-admin h2.subheader, body.wp-editor h2.subheader, 
body.newHeadlinesOrder h3.subheader, body.wp-admin h3.subheader, body.wp-editor h3.subheader, 
body.newHeadlinesOrder .subheader, body.wp-admin .subheader, body.wp-editor .subheader {
    font-size: 1.5em;
    line-height: 1.3;
    margin-bottom: 2em;
}
body.newHeadlinesOrder h4,
body.wp-admin h4,
body.wp-editor h4 {
    font-size: 1.5em;
    line-height: 1.3;
}
body.newHeadlinesOrder h5,
body.wp-admin h5,
body.wp-editor h5 {
    font-size: 1.25em;
    line-height: 1.3;
    font-weight: bold;
}
body.newHeadlinesOrder h5>strong, body.newHeadlinesOrder h5>b,
body.wp-admin h5 strong, body.wp-admin h5 b,
body.wp-editor h5 strong, body.wp-editor h5 b {
    font-weight: bold;
}
body.newHeadlinesOrder h6,
body.wp-admin h6,
body.wp-editor h6 {
    font-size: 1.0em;
    line-height: 1.3;
    font-weight: bold;
}
body.newHeadlinesOrder h6>strong, body.newHeadlinesOrder h6>b,
body.wp-admin h6 strong, body.wp-admin h6 b,
body.wp-editor h6 strong, body.wp-editor h6 b {
    font-weight: bold;
}
body.newHeadlinesOrder p,
body.wp-admin p,
body.wp-editor p {
    font-size: 1.0em;
}
h1.firstH1 {
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    text-indent: -99999em;
}
/* Ende newHeadlinesOrder */

.c-primary {
    color: var(--primary_color);
}
.c-white {
    color: #FFF;
}
.c-black {
    color: #58585A;
}
.btn {
    border-radius: 0;
}
dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

p,
li {
    line-height: 1.5;

}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

.editor-wrapper ul {
    margin-left: 0em !important;
}

ul {
    margin: 0 0 1.5em 3em;
}

ol {
    margin: 0 0 1.5em 0em;
    padding: 0 0 0 1em;
}
ol > li {
    margin: 0 0 1.5em 0;
}
ol > li:last-child {
    margin: 0 0 0 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}
body.etlnr-33 img.custom-logo {
    max-width: inherit;
    width: 187px;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}
.wp-block-table th {
    vertical-align: top;

}
.wp-block-table td, .wp-block-table th {
    padding: 0.5rem 1rem 0.5rem 5px;
}


/* BLOG CUSTOMS */

/* RDG */
@media screen and (min-width: 1170px) {
    .etlnr-61 .site-branding img {
        height: inherit;
    }
}

/* GERMANIA STEUERBERATUNG */
.etlnr-41 .site-branding img {
    height: 60px;
}

/* https://studiephysiotherapie.de/ */
.etlnr-69 .site-branding img {
    height: inherit;
}



/* Container 
--------------------------------------------- */
/* Bootstrap Customs */
.hero-etl-auto .container {
    padding-bottom: 60px;
}
.hero-etl-small .container {
    padding-bottom: 20px;
}

.mw-768 {
    max-width: 768px;
}

.mw-960 {
    max-width: 960px;
}


.mw-1290 {
    max-width: 1290px;
    margin: 0 auto;
}

.mw-1290>div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 1320px) {

    .sec-head-wrapper {
        padding-left: 15px;
    }


}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1320px;
    }
}

@media screen and (min-width: 2660px) {
    .container-fluid {
    
        max-width: 2048px;
    }
}
@media screen and (min-height: 2000px) {
    .hero-etl-auto .container  {
        min-height: 1060px !important;
        max-height: 1060px !important;
    }
    .hero-etl-small .container  {
        min-height: 636px !important;
        max-height: 636px !important;
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 100%;
    }
}

/* Custom Rows */
.mt-10 {
    margin-top: 6rem;
}

.pt-10-invert {
    margin-top: -6rem;
}
.pb-10-invert {
    margin-bottom: -8rem !important;
}

.mw-720 {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1200px) {
    .cols-5>div {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

.cols-5>div {
    margin-bottom: 30px !important;
}

/* COLORS */

.c-white, .cwhite, .cWhite {
    color: #FFF !important;
}
.cprimary {
color: var(--primary_color);
}



/* Backgrounds */
.bg-primary, .bg-etl-primary {
    background-color: var(--primary_color) !important;
}
.bg-darkteal {
    background-color: var(--primary_color);
}

.bg-lightteal {
    background-color: var(--primary_light_color);
}

.bg-lightgrey {
    background-color: #f4f4f4;
}

.bg-yellow {
    background-color: #ffcd00;
}

.bg-orange {
    background-color: #f0823c;
}

.bg-white {
    background-color: #FFF;
}

.bg-blue {
    background-color: #004883;
}

/* Links
--------------------------------------------- */
a {
    color: var(--primary_color);
}



a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: inherit;
}

a:focus {
    outline: none;
}

a:hover,
a:active {
    outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: var(--primary_color);
    border: 2px solid var(--primary_color);
    border-radius: 0px;
    padding: 6px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: var(--primary_color) !important;
    border-radius: 0px !important;
}

select {
    padding: 5px 30px 5px 10px;
    border: 2px solid var(--primary_color);
    border-radius: 0;
    color: var(--primary_color);
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background-image: url('./assets/imgs/select_down.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*ul.bullets {
    list-style: outside;
    margin-left: 13px
}*/

ul.dash,
main ul:not(.bullets):not(.square) {
    list-style-type: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
ul.dash>li:before,
main ul:not(.bullets):not(.square)>li:before {
    content: "‒ ";
    color: var(--third_color);
    font-weight: bold;
    padding-right: 0.3em;
}
ul.dash>li,
main ul:not(.bullets):not(.square)>li {
    margin-bottom: 0.5em;
}

ul.dash li>ul,
main ul:not(.bullets):not(.square) li>ul {
    margin-top: 0.5em;
}

ul.bullets {
    list-style-type: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
ul.bullets>li:before {
    content: "• ";
    color: var(--primary_color);
    font-weight: bold;
    padding-right: 0.3em;
}
ul.bullets>li {
    margin-bottom: 0.5em;
}

ul.square {
    list-style-type: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
ul.square>li:before {
    content: "◼ ";
    color: var(--primary_color);
    font-weight: bold;
    padding-right: 0.3em;
}
ul.square>li {
    margin-bottom: 0.5em;
}


dl.historie dt {
    color: var(--third_color);
    font-weight: bold;
    font-size: 1.7em;
}

dl.historie dd {
    margin-left: 0;
}


.accordion {
    /* Radio Inputs */
    /* Labels */
    /* Panel Content */
}

.accordion input[name='panel'] {
    display: none;
}

.accordion label, .accordeon-header {
    position: relative;
    display: block;
    padding: 0.2em;
    background: #f4f4f4;
    font-size: 1em;
    padding: 10px 60px 10px 10px;
    color: var(--primary_color);
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}

.accordion label:after, .accordeon-header:after {
    position: absolute;
    right: 0;
    width: 2em;
    height: 2em;
    color: #FFF;
    text-align: center;
    background: transparent;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary_color);
}
.accordeon-item .nocontent {
    cursor: auto;
}
.accordeon-item .nocontent::after {
    opacity: 0;
}
.accordion label:hover, .accordeon-header:hover {
    color: #FFF;
    background: var(--primary_color);
}
.accordeon-item .nocontent:hover {
    background: #f4f4f4;
    color: var(--primary_color);
}
.accordion input:checked+label {
    color: #FFF;
    background: var(--primary_color);
}
.accordeon-header:after {
    content: '\02C4';
}
.accordion label:after, .accordeon-header.collapsed:after {
    content: '\02C5';
}
.accordion input:checked+label:after {
    content: '-';
    /* adjust line-height to vertically center icon */
    line-height: .8em;
}

.accordion .accordion__content {
    overflow: hidden;
    max-height: 0em;
    position: relative;
    /*padding: 0 1.5em;*/
    background: #fff;
    /*color: #444;*/
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}

.accordion .accordion__content:not(:last-of-type) {}

.accordion .accordion__content .accordion__header, .accordion .collapse {
    padding: 1em 0;
}

.accordion .accordion__content .accordion__body {
    /*font-size: .825em;
  line-height: 1.4em;
  padding: 0 0 1.5em;*/
}

input[name='panel']:checked~.accordion__content {
    /* Get this as close to what height you expect */
    max-height: 200vh;
}

.careerbox {
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 1em;
    padding-top: 8em;
    margin-bottom: 2em;
}

.careerbox * {
    color: #fff;
}

.careerbox .careerboxOverlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.careerbox .careerboxContent {
    z-index: 2;
    position: relative;
}

.careerbox.box1 {
    background-image: url('https://www.etl.de/wp-content/uploads/sites/3/2020/09/csaba-balazs-q9URsedw330-unsplash-e1601051036530.jpg');
    background-position: center right;
}

.careerbox.box2 {
    background-image: url('https://www.etl.de/wp-content/uploads/sites/3/2020/09/you-x-ventures-CDq4ChZouXw-unsplash-e1601052418232.jpg');
}

.careerbox.box3 {
    background-image: url('https://www.etl.de/wp-content/uploads/sites/3/2020/09/Nachfolge-e1601051235512.jpg');
}

.careerbox.box4 {
    background-image: url('https://www.etl.de/wp-content/uploads/sites/3/2020/09/Selbstandigkeit.jpg');
    background-position: top center;
}

.careerbox .btn-teal-primary a {
    display: inline-block;
}

.aContWrapper h3,
.aContWrapper p {
    hyphens: auto;
}

.steuertermine td,
.steuertermine th {
    padding: 5px;
    vertical-align: top;
}

.steuertermine th {
    padding-bottom: 0;
}

.steuertermine thead tr:last-child td {
    border-bottom: 1px solid #ccc;
}

.steuertermine thead tr:last-child td:nth-child(2) {
    width: 410px;
}

.steuertermine thead th {
    font-weight: bold;
}

.steuertermine thead td {
    font-weight: normal;
}

.steuertermine thead>tr:first-child>td:nth-child(2),
.steuertermine tr>td:nth-child(3),
.steuertermine tr>td:nth-child(4) {
    text-align: center;
}

.steuertermine thead th:nth-child(1) {
    text-align: left;
}

.steuertermine tfoot {
    display: none;
}

.steuertermine thead tr {
    background: #efefef;
}


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
.articleFooterDSEContent {
    display: none;
}

.articleFooterDSE {
    margin: 2em 0;
}

.articleFooterDSE h3 {
    font-weight: 700;
}

.articleFooterDSE h4 {
    font-size: inherit;
    font-weight: 700;
}


/* Header 
--------------------------------------------------------------*/
.site {
    margin-top: 20px;
}

#masthead {
    position: absolute;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 2000;
}

.header-transparent #masthead .bg-lightgrey {
    background: transparent;
}

.header-transparent #masthead .bottom-yellow-bar {
    display: none;
}

.header-transparent #masthead li a {
    color: #FFF;
}
/* wp-rocket lazy mist gelumpe */
#masthead.nav-opened {
    content-visibility: visible!important;
}

/* Navigation
--------------------------------------------- */

/* Breadcrumbs */
.breadcrumb {
    background: transparent;
    display: block;
    text-align: right;
}
.nav-down .breadcrumbs {
    display: none;  
}
.breadcrumbsContainer.activated {
    height: 0;
}

/* NAV SUBAGES MD MODAL */
#masthead .container {
    transition: all ease-in .2s;
}

#masthead.nav-opened {
    background: #FFF;
}

#masthead .mainnavitem a {
    transition: all ease-in .2s;
    font-weight: 600;
}

#masthead .md-parent a:after {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#masthead .md-parent.opened a {
    color: var(--primary_color);
    transition: all ease-in .2s;
}

#masthead.nav-opened nav a {
    color: #58585A;

}

.md-sub-menu {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #f4f4f4;
}

.md-sub-menu a {
    line-height: 1.25em;
    display: inline-block;
    margin-bottom: 0.6em;
}

.md-sub-menu a:not(.active) {
    color: #58585A;
    transform: .2s ease-in all;
}

.md-sub-menu a:hover,
.md-sub-menu a.active,
.mainnavitem:hover a {
    color: var(--primary_color);
    transform: .2s ease-in all;
}

.md-sub-menu .editor p {
    /*line-height: 1.7;*/
}

.md-sub-menu .editor .subheader {
    line-height: 1;
}

.md-sub-menu .row:first-child>div:not(.my-0) {
    margin-bottom: 60px !important;
}

.md-sub-menu .row .mb-0.sub-md-0 {
    margin-bottom: 0 !important;
}

.md-sub-menu .row>div>div {
    margin-bottom: 15px !important;
    margin-top: 15px;
}

.md-sub-menu .row {
    padding-top: 15px;
    background-color: #f4f4f4;
}

.md-sub-menu .row strong {
    color: #FFF;
    background-color: var(--primary_color);
    padding: 4px 5px;
}

#masthead .md-parent a {
    pointer-events: none;
}

.main-navigation {
    display: block;
    width: 100%;
    margin-top: 40px;
}

.mobile-md-container .isSub .row .col-12 {
    border-left: 1px solid var(--primary_color)!important;
    margin-left: 1em!important;
} 
.mobile-md-container .isSub h3 {
    font-size: 1.2em!important;
}   
.isSub,
.isSub .row,
.isSub .row>div {
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.md-sub-menu .isSub {
    padding-left: 2em!important;
    border-left: 1px solid var(--primary_color)!important;
}


.nolink a {
    cursor: default;
}

/* NAVIGATION ONLY SHOW SCROLL UP */
#masthead.nav-down {
    position: fixed;
    background: #FFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

#masthead.nav-down>.container-fluid>.container {
    max-height: 100px;

    animation-name: nav-opacity;
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    padding-bottom: 0 !important;
}

#masthead.nav-down .nav-container.bg-lightgrey {
    background: #FFF;
}

#masthead.nav-down .bottom-yellow-bar {
    display: none;
}

#masthead.nav-down .container .main-navigation {
    margin-top: 15px;
}

.site-branding {
    position: relative;
    padding: 40px 18px 26px;
    min-height: 40px;
}

@media screen and (min-width: 990px) {
    .etlnr-3 .site-branding, .etlnr-77 .site-branding {
        padding: 30px 33px;
    }
}


.site-branding a {
    margin-top: 10px;

}

.site-branding img {
    height: 26px;
    display: block;
    flex-shrink: 0;
}

/* BLOG CUSTOMS */

/* Logokasten größer */

.site-branding img {
    /*max-width: inherit;*/ /* deaktiviert, roha002, 2024-02-21 */
}
/* zweizeilige Logos */
body.etlnr-3 .site-branding img,
body.etlnr-17 .site-branding img,
body.etlnr-19 .site-branding img,
body.etlnr-23 .site-branding img,
body.etlnr-31 .site-branding img,
body.etlnr-33 .site-branding img,
body.etlnr-37 .site-branding img,
body.etlnr-45 .site-branding img,
body.etlnr-49 .site-branding img,
body.etlnr-51 .site-branding img,
body.etlnr-53 .site-branding img
{
    height: 40px!important;
}


@media screen and (max-width:580px){
    .site-branding img {
        max-width: 160px;
    }  
}


#masthead.nav-down .site-branding {
    padding: 18px 18px 20px;
}

#masthead.nav-down .site-branding img {
    height: 45px;
}
.etlnr-61 #masthead.nav-down .site-branding img {
    height: 65px;
}
.etlnr-61 #masthead.nav-down > .container-fluid > .container {
    max-height: inherit;
}

.nav-down .menu-item-has-children:after {
    color: var(--primary_color);
}

#masthead.nav-down .top-teal-bar {
    display: none;
}

#masthead.nav-down .container a {
    color: #58585A;
}
.m-md-sub-menu .editor p:first-child {
    margin-bottom: 10px;
}
#masthead.nav-down .container .opened a,
#masthead.nav-down .container li:hover a {
    color: var(--primary_color);
}
.modal-open #masthead {
    background: #FFF;
}

@keyframes nav-opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    position: relative;
    margin-right: 25px;
    display: flex;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    font-size: 1em;
    color: #58585A;
    letter-spacing: 2px;
    margin-right: 5px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 1160px) {

    .etl-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }

}



.mobile-md-container {
    display: none;
    transform: scaleY(0);
    transform-origin: top;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    display: block;
    background: #F4F4F4;
    padding-top: 140px;
    overflow: auto;
    min-height: 100vh;
    padding-bottom: 160px;
}

.mobile-md-container .m-item {
    font-size: 1.75rem;
    margin-top: 1rem !important;
}

.mobile-md-container.active .col-12>.m-md-parent, .m-toplink {
    margin: 0 10px 15px !important;
    cursor: pointer;
    font-weight: 600;
}

.mobile-md-container strong {
    color: #FFF;
    background: var(--primary_color);
    padding: 2px 5px;
}

.mobile-md-container .cols-5>div {
    margin-bottom: 15px;
}

.mobile-md-container.active {
    transform: scaleY(1);
    transition: 0.3s ease-in;
    z-index: 9;
}

.etl-toggle-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.etl-toggle-container>* {
    cursor: pointer;
    position: relative;
    z-index: 110;
}

.etl-toggle {
    width: 36px;
    height: 28px;
}



.etl-toggle-container:hover .etl-toggle:not(.active) .etl-toggle--top {
    animation: menuToggle .4s .1s ease-in;
}

.etl-toggle-container:hover .etl-toggle:not(.active) .etl-toggle--mid {
    animation: menuToggle .4s .3s ease-in;
}

.etl-toggle-container:hover .etl-toggle:not(.active) .etl-toggle--bottom {
    animation: menuToggleLast .4s .1s ease-in;
}

#menuToggle.active .etl-toggle--bottom {
    opacity: 0;
}

#menuToggle.active .etl-toggle--top {
    top: 5px;
    background: var(--secondary_color);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    /*for IE*/
}

#menuToggle.active .etl-toggle--mid {
    top: 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
    /*for IE*/
}




@keyframes menuToggle {
    0% {
        width: inherit;
    }

    50% {
        width: 20%;
    }

    100% {
        width: inherit;
    }
}

@keyframes menuToggleLast {
    0% {
        width: 70%;
    }

    33% {
        width: 100%;
    }

    66% {
        width: 20%;
    }

    100% {
        width: 70%;
    }
}

.etl-toggle>div {
    width: 100%;
    height: 5px;
    background: var(--secondary_color);
    position: absolute;
}

.etl-toggle .etl-toggle--mid {
    top: 10px;
}

.etl-toggle .etl-toggle--bottom {
    width: 70%;
    top: 20px;
}


.menu-item-has-children:after {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #FFF;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}


.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Navigation Bars 
--------------------------------------------- */

.top-teal-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 40px;
    background-color: var(--primary_color);
    z-index: 99;
}

.bottom-yellow-bar {
    position: absolute;
    right: 0;
    bottom: -20px;
    width: 50%;
    height: 40px;
    background-color: var(--secondary_color);
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}
/*override bootstrap sticky-top */
.sticky-top {
    z-index: inherit;
    top: 100px;
}

.post,
.page {
    margin: 0 auto;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus, .screen-reader-text:focus-within, .screen-reader-text.active {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/* Site Tiles */
.etl-site-tile-wrapper {
    position: relative;
    padding: 15px 15px 30px;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.etl-site-tile-wrapper>a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.etl-site-tile-wrapper .site-icon {
    margin-bottom: 10px;
}

.etl-site-tile-wrapper .site-icon img {
    max-height: 50px;
}

.etl-site-tile-wrapper .site-title a {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 700;
}

.learn-more-wrapper {
    margin-top: 10px;
    position: absolute;
    margin: 0 auto;
    bottom: -20px;
}

/* Sec Indicator */
.sec-head-wrapper {
    margin-top: 1.5em;
    display: inline-block;
    margin-bottom: 2em;
    position: relative;
}

.sec-head-bar {
    background: var(--primary_color);
    height: 20px;
    width: calc(100% + 15px);
    position: relative;
    right: 0;
}

.sec-head-bar .sec-head-cross {
    content: '';
    background: var(--primary_color);
    height: 20px;
    width: 200px;
    position: absolute;
    border-right: 1px solid #FFF;
    left: -214px;
}

.sec-head-bar .sec-head-cross:after {
    content: '';
    background: var(--primary_color);
    height: 20px;
    right: -15px;
    position: absolute;
    width: 12px;
}

.sec-head-title {
    padding-top: 7px;
    color: var(--primary_color);
    position: relative;
    font-weight: 400;
}

.sec-head-title:before {
    content: '';
    height: 25px;
    width: 3px;
    background: var(--primary_color);
    position: absolute;
    left: -15px;
    top: 0;
}

/* Footer */
footer .social-media-wrapper {
    width: 100%;
    display: flex;
    color: var(--primary_color);

}
.col-newsletter p {
    margin-bottom: 1rem;
}
.footer-cta .socialMediaWrapper a {
    font-size: 2rem;
    margin-right: 1rem;
    transition: all .2s ease-in;
}

.footer-cta .socialMediaWrapper a:hover {
    color: #199189;
    transition: all .2s ease-in;
}

footer .footer-hr {
    border-bottom-width: 2px;
    margin-bottom: 0rem;
}

.newsletter-col i {
    margin: 0 15px 0 0;
}

footer .social-media-wrapper h3,
.newsletter-col i,
.subpage-site-tiles-headline h3 {
    font-size: 2.2rem;
}

footer .social-media-wrapper i {
    margin: 0 0 0 10px;
}


footer .sec-head-bar {
    background: #FFFFFF;
}

footer .sec-head-bar .sec-head-cross,
footer .sec-head-title:before {
    background: #FFF;
    border: none;
}

footer .sec-head-title:before {
    left: -15px;
}

footer .sec-head-bar .sec-head-cross:after {
    background: #FFF;
}

footer .sec-head-title,
.contact-row {
    color: #FFF;
}

.foot-nav-menu {
    padding-top: 30px;
}

.foot-nav-menu a {
    color: #58585A;
    display: inline-block;
    line-height: 1.5;
    transition: all ease-in .2s;
}
.foot-nav-menu .btn-teal-outline, .foot-nav-menu .btn-red {
    font-size: 0.8rem;
    min-width: 160px;
}

.foot-nav-menu a:hover {
    color: var(--primary_color);
    transition: all ease-in .2s;
}

.foot-nav-menu .sec-ind {
    color: var(--primary_color);
    font-weight: 600;
    margin-bottom: 15px;
}

.footer-header-wrapper * {
    color: #FFF;
}

.contact-row .f-h4 {
    min-height: 60px;
    font-size: 1.5rem;
}

.contact-row a {
    display: block;
    margin: 10px 0;
    color: var(--secondary_color);
}

.footer-a-big {
    font-size: 1.45rem;
}

.footer-logo {
    max-width: 110px;
    margin: 30px 0;
}

.site-info,
.site-info i,
.site-info a {
    color: #FFF;
}

.site-info i {
    margin-right: 15px;
}

/* MODULES */
/* MAP SIDEBAR BLOCK */
.subMapWrapperA {
        color: #58585A;
    }
    .subMapWrapper {
        background: #F4F4F4;
        padding: 25px;
    }
    .sec-ind {
        position: relative;
        font-weight: 600;
    }
    .subMapWrapper svg {
        margin: 15px 0 30px;
    }
    .subMapWrapper a {
        font-weight: 600;
    }
    .subMapWrapper p {
        margin-bottom: 0;
    }
/* AUTORENDATEN */
.subKontaktWrapper:not(.autorInContentWrapper) {
        background: #F4F4F4;
        padding: 25px;
    }
    .sec-ind {
        position: relative;
        font-weight: 600;
    }
    .subKontaktWrapper p {
        margin-bottom: 0;
    }
/* STANDORTSUCHE STYLES  */

.stsResultwrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .stsQueryHeader {
        display: flex;
        flex-wrap: wrap;
    }
    .stsMapWrapper {
        /*background: #f4f4f4;*/
        min-height: 700px;
        max-height: 700px;
        height: 700px;
        overflow-y: hidden;
        display: none;
    }
    .stsComps > p {
        margin-bottom: 5px;
    }
    .stsComps * {
        border: none !important;
    }  
    .stsComps thead {
        display: none !important;
    }
    .stsComps th, .stsComps td {
        padding: 10px 10px 0 0 !important;
    }
    .stsComps tbody > tr {
        display: flex;
        flex-wrap: wrap;
        cursor: pointer;
    margin-bottom: 15px;
    padding: 5px;    
    border-bottom: 2px solid var(--primary_color) !important; /* Uh oh, seit wann haben denn TRs einen Rahmen? */
    }
    .stsComps tbody > tr:hover {
        border-color: #f0823c !important;
    }

    .cl_addr, .cl_comp {
        max-width: 50%;
        flex: 0 0 100%;
    }
    .cl_seals, .cl_link {
        max-width: 50%;
        flex: 0 0 100%;
        text-align: right;
    }
    .cl_dist {
        max-width: 100%;
        flex: 0 0 100%;
        font-size: 0.8em;
        color: #aaa;
    }
    .cl_seals img {
        width: auto;
        max-width: 100%;
    }

    .stsQueryHeader > * {
        margin: 10px 15px 0 0;
    }
    .stsQueryHeader input,
    .stsQueryHeader select {
        padding: 10px 30px 10px 10px;
        border: 2px solid var(--primary_color); 
        border-radius: 0;
        color: var(--primary_color);
    }

    #stsSubmit {
        text-align: center;
        background: var(--primary_color);
        color: #FFF;
        padding: 5px 20px;
    }
    .stsResultCont {
        /*display: flex;
        align-items: top;*/
        margin-right: 15px;
    }

    .stsSpS {
            opacity: 0.5;
    }
    .spStb, .spWp {
        display: none;
    }

    .modal-content {
        border-radius: 0;
    }
    .modal-header {
        padding: 2.3rem 2.6rem;
    }
    .modal-body {
        padding: 0 2.6rem;
    }
    .modal-footer {
        padding: 1em 2.6rem;
        justify-content: flex-start;
    }
    .modal-footer .close {
        font-size: 1em;
        font-weight: normal;
        position: absolute;
        right: 0;
    }
    
    /* Modal: list of Locations in #stsMod */
    #ml_div {} /* whole content */
    #stsModLable {} /* lable/title */
    .ml_txt {} 
    .ml_postcode {}
    .ml_loc {}
    
    /* List of companies */
    #cl_div, .stsComps {} /* whole content */
    .cl_dist {} /* distance */
    .cl_comp {} /* company */
    .cl_addr {} /* address */
    .cl_link {} /* link to company details */

    .cl_comp::first-line { font-weight: bold; }
    
    /* Modal: company details in #stsMod  */
    .modal-overlay { background:#ddd;opacity:0.7;width:100%;min-height:100%;height:auto;position:fixed;top:0;left:0;z-index:1;}
    .modal-content { font-size: 0.8em; }
    #cd_div {z-index:2;} /* whole content */
    #cd_div .modal-header { border-bottom: none; }
    #stsModLable {} /* lable/title */
    .cd_title {} 
    .cd_couns {} /* div counselors */
    .cd_cou {} /* counselor */
    .cd_data {} /* company data */
    .cd_comp {} /* company, address */
    .cd_comm {} /* communication */
    .cd_img {} /* comp. image */
    
    .cd_cou { }
    .cd_comp::first-line { font-weight: bold; }
    
    #stsModLable h4 { 
        color: #575759;
    }
    #stsModLable h4.blau {}
    #stsModLable h5 { 
        color: #444;
    }
    .loadMoreRes {
        cursor: pointer;
    }
    #cl_div tbody tr.hidden {
        display: none;
    }
    #map-side-bar {
        display: none;
    }
    .vcfDaten {display: none;}
/* PRICETAG */
.pricePackageRow.row {
    width: 100% !important;
    max-width: 100% !important;
}
.priceTagWrapper {
    font-weight: 400;
    color: var(--primary_color);
    border: 2px solid var(--primary_color);
    padding: 1rem 3rem;
    display: inline-block;
    min-width: 250px;
}
.priceTagWrapper .bigPrice {
    font-size: 2.3rem;
    font-weight: 400;
}   
.pricePackageRow .editor-wrapper h2 {
    font-size: 3rem;
}

/* VERTICAL TABS */
.vertical-tab-container * {
    color: #FFF;
}
.vertical-tab-nav-wrapper .nav-link {
    min-height: 140px;
    border-radius: 0;
    cursor: pointer;
    background-size: cover;
    position: relative;
}

.vertical-tab-container .tab-content, .vertical-tab-container .tab-pane {
    height: 100%;
    position: relative;
}
.vertical-tab-container .nav-tabs {
    border-bottom: 0;
}
.nav-title-wrapper {
    margin-top: 1.625em;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 5px;
}
.nav-desc-wrapper {
    font-size: 1rem;
}

.bgAOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: none;

    z-index: 0;
}

.vertical-tab-container .vertical-content-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vertical-tab-nav-wrapper .nav-link.active .bgAOverlay {
    background-color: var(--primary_color);
}
a.vertical-learn-more {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}
.vertical-tab-container h3 {
    font-size: 2.75em;
    /*max-width: 460px;*/
    word-wrap: break-word;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;    
}
@media screen and (max-width: 992px) {
    .vertical-tab-nav-wrapper .nav-link.active .bgAOverlay {
    background-color: transparent;
    }
    .bgAOverlay > a {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        z-index: 2;
    }

}


/* ARTICLE FEED */
.article-wrapper {
    text-align: left;
}

.aImageHeader {
    height: 0;
    padding: 28%; /*22.5%*/
    width: 100%;
    background-size: cover;
    margin-bottom: 30px;
}

.aHeadInfo {
    display: flex;
    align-items: center;
}

.aHeadInfo>* {
    margin-right: 10px;
}

.queryarticle {
    display: block;
    margin: 20px 0;
    position: relative;
}

.aCatWrapper {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    background: var(--primary_color);
    padding: 10px 20px;
}

.qImgWrapper {
    min-height: 150px;
    height: 100%;
}

.firstCol .qImgWrapper {
    min-height: 200px;
}

.aDateWrapper {
    color: var(--primary_color);
    margin-bottom: 10px;
}

.aDateWrapper img {
    margin-right: 10px;
}

.aContWrapper {
    padding: 15px;
    background: #F4F4F4;
}

.aContWrapper .btn-teal-primary, .aContWrapper .btn-teal-primary-invert {
    margin: 0;
}

.aFooterWrapper {
    margin-top: 10px;
    display: flex;
}

.aFooterWrapper>div {
    flex: 0 1 50%;
    max-width: 50%;
    padding: 15px;
    margin-bottom: 0;
    background: #F4F4F4;
    text-align: center;
}

.aFooterWrapper .aDateWrapper {
    margin-right: 5px;
}

.aFooterWrapper .aReadMore {
    margin-left: 5px;
}

.tArticleRow .theAContWrap {
    padding: 45px 45px 0;
}

.tThema {
    font-weight: 500;
    color: #58585A;
    padding: 10px 20px;
    background: var(--secondary_color);
    display: inline-block;
}

.tArticleRow h2 {
    font-size: 2rem;
    font-weight: 400;
    margin-top: 1rem;
}

.tArticleRow .aTopMore {
    text-align: right;
}

.tArticleRow .aContWrapper {
    padding: 0;
}

.tArticleRow .aContWrapper:after {
    content: url('assets/imgs/top-batch.svg');
    position: absolute;
    top: 0;
    right: 30px;
}

.nArticleRow .aContWrapper {
    min-height: 11rem;
}

.nArticleRow h3, .nArticleRow h4, .nArticleRow h5 {
    /*font-weight: 600;*/
    margin-bottom: 0.75em;
    color: #333;
}

.nArticleRow .excerpt {
    color: #333;
}


/* SUBPAGES */
.subpage-bl-template-content .col-12>div {
    /*max-width: 764px;*/
}
#ETLMAPSYMBOL path, .shareDynamics #Heart {
    fill: var(--primary_color);
}


.shareDynamics {
    margin: 10px 10px 0 0;
}

.subpage-cta-section .btn-teal-primary {
    background-color: transparent;
    padding: 0;
    padding-top: 10px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.subpage-cta-section .container {
    margin-bottom: 0 !important;
}

.subpage-cta-section .btn-teal-primary a {
    padding: 10px 20px;
    background: var(--primary_color);
    color: #FFF
}

.subpage-cta-section h2 {
    hyphens: none;
}
.pricePackageRow.align-items-center {
    align-items: flex-start !important; 
}
/* SWIPER */
.articleSliderNav {
    display: flex;
    justify-content: center;
}

.articleSliderNav>div {
    margin: 20px 10px;
}

.newsmain-wrapper {
    position: relative;
}

.icon-subpage-swiper {
    position: relative;
}

.icon-subpage-swiper .site-icon-wrapper {
    padding: 0 30px;
    word-wrap: break-word;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;

}

.swiper-button-disabled {
    opacity: 0.3;
    transition: all .2s ease-in;
}

.etlswipe-white-next {
    position: absolute;
    width: 30px;
    right: 0;
    z-index: 9;
    top: 35px;
    transition: all .2s ease-in;

}

.etlswipe-white-prev {
    position: absolute;
    width: 30px;
    left: 0;
    z-index: 9;
    top: 35px;
    transition: all .2s ease-in;

}

.etlswipe-white-next:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #FFF;
    font-size: 2rem;
}

.etlswipe-white-prev:before {
    content: '\f053';
    font-family: "Font Awesome 5 Free";
    color: #FFF;
    font-weight: 900;
    font-size: 2rem;
}

#mainA-swiper-button-next:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--primary_color);
    font-size: 2rem;
}

#mainA-swiper-button-prev:before {
    content: '\f053';
    font-family: "Font Awesome 5 Free";
    color: var(--primary_color);
    font-weight: 900;
    font-size: 2rem;
}

#mainA-swiper-button-prev {
    left: -45px;
}

#mainA-swiper-button-next {
    right: -45px;
}
.kanzleiImg, .kanzleiWrapper .beraterImgwrapper {
    min-width: 280px;
    min-height: 280px;
}
@media (max-width: 620px) {
    .kanzleiImg, .kanzleiWrapper .beraterImgwrapper, .etlAPImage {
    /*min-width: 100%;
    min-height: 100%;*/
    }
}

/*NEWS FILTER */
.aFilterNavWrapper {
    text-align: right;
}

.aNavFilterBar {
    padding: 60px 0 0;
    display: inline-flex;
    color: var(--primary_color);
    align-items: center;
}

.theFilter {
    display: flex;
}

.aNavFilterBar span {
    font-weight: 600;
}

.aFilterItem {
    padding: 5px 15px;
    border: 1px solid;
    margin: 5px 0 5px 5px;
    cursor: pointer;
    transition: .2s ease-in all;
}

.aFilterItem:hover,
.aFilterItem.active {
    background: var(--primary_color);
    color: #FFF;
    transition: .2s ease-in all;
}
/* CONTACT FORMS */
.kontaktFormRow {
    flex-wrap: wrap;
}
.kontaktFormRow label {
    display: block;
}
.kontaktFormRow * {
    margin-top: 1rem;
    width: 100%;
    max-width: 100%;
}
.dsgvoCont {
    align-items: flex-start;
}
.submit-col * {
    width: auto;
}
.dsgvoCont input {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 2px;
}
#formTemplateSubmit {
    cursor: pointer;
}
.noticeCont {
    color: red;
}
.inputInvalid {
    border: 2px solid red !important;
}
.dsgvoRemind {
    color: red;
}
.colpx-0 .kontaktFormRow > div {
    padding: 0;
    padding-right: 1rem;
}

#kontaktStatus {
    padding: 1rem;
    color: #FFF;
    display: none;
}
#kontaktStatus.formSent {
    background: green;
    display: block;
}

#kontaktStatus.formError {
    background: red;
    display: block;
}


/* NETWORK ARCHIVE GENERALS
    Tags: Network, Network-UI */
.subheaderNetQuery {
    font-size: 2rem;
}
.articleFilterHeadline.subHeader {
    color: var(--primary_color);
}
.networkDropdowntoggle {
    display: inline-block;
    border: 2px solid var(--primary_color);
    padding: 0.5rem 1rem;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
  
}
.networkFilterDropdownCont .dropdown-menu {
    border-radius: 0;
    margin-top: 0.5rem;
    outline: 2px solid var(--primary_color);
    padding: 1rem;
    height: auto;
    max-height: 50vh;
    overflow-x: hidden;
}
#searchArticles {
    color: #FFF;
    border-radius: 0px;
    border: 2px solid var(--primary_color);
    padding: 0.5rem 1rem;

}

.queryFilterButton, .searchFilterButton, .searchFilterButtonRetro {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: #9D9D9D;
    color: #FFF;
    transition: .2s all ease-in;
    border: 2px solid #9D9D9D;
    cursor: pointer;
    margin-bottom: 0.5rem;
}
.queryFilterButton.outline {
    background: #FFF;
    color: var(--primary_color);
    border: 2px solid var(--primary_color);
}
.queryFilterButton:hover, 
.queryFilterButton.active {
    background: var(--primary_color);
    color: #FFF;
    transition: .2s all ease-in;
    border: 2px solid var(--primary_color);
}
.NetworkotherCta {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: var(--primary_color);
    color: #FFF;
    cursor: pointer;
}
.NetworkotherCta:hover {
    color: #FFF;
}

.ArticleQueryCols .aCatWrapper {
    padding: 0.5rem 1rem;  
}
.queryTopBadge {
    border-top: 4px solid var(--secondary_color);
    font-size: 2rem;
    position: absolute;
    left: 0.5rem;
    top: -5px;
    color: var(--secondary_color);
}
.queryTopBadge i {
   position: absolute;
}
.aDateWrapper i {
    margin-right: 5px;
}
.articleOverViewRow .ArticleCols.firsCols .queryTopBadge i,
.articleOverViewRow .ArticleColsRetro.firsCols .queryTopBadge i {
    font-size: 3rem;
}

.articleOverViewRow .ArticleCols,
.articleOverViewRow .ArticleColsRetro {
    display: none;
}
.articleOverViewRow .ArticleCols.shown,
.articleOverViewRow .ArticleColsRetro.shown {
    display: block;
}
/* AKTUELLS STYLING 
Tags: News, Aktuelles */
.category-ind {
    background: var(--primary_color);
    color: #FFF;
    padding: 5px 10px;
    display: inline-block;
}

.aDate {
    color: var(--primary_color);
    margin: 10px 0;
}

/* NETWORK KONTAKT STYLING */
.etlAPImage { 
    width: 150px;
    /*height: 150px;*/
    height: auto;

}

.ApImageInContent {
    width: 250px;
    height: 150px;
    background-size: cover;
}


/* EVENT STYLINGS
Tags: Veranstaltungen, Events */
#searchTheArticles { 
    min-width: 230px; 
    padding: 0.5rem 1rem;
    }

.noHighlighteventContent i {
    width: 1.5rem;
}
.eventReadMore {
    display: block;
    text-align: left;
    font-weight: 500;
}
.highLighteventRow {
    flex-wrap: wrap;
}
.articleOverViewRow .aContWrapper h3, .articleOverViewRow .aContWrapper h4  { 
    color: #333;  
    word-break: break-word;
    -moz-hyphens: auto;
    hyphens: auto;

    /*font-weight: 600;*/
}

.articleOverViewRow .aContWrapper  {
    min-height: 12rem;
    color: #333;
}
.overviewEventContainer .sideBarLabel {
    font-size: 0.85rem;
}
.aDateWrapper img {
    margin-right: 10px;
    margin-bottom: 2px;
}
.eContWrapper h3 {
    min-height: 2rem;
    color: #333;
    word-break: break-word;
    -moz-hyphens: auto;
    hyphens: auto;
    font-weight: 600;
}
.eContWrapper .excerpt {
    color: #666;
}
.placeWrapper {
    min-height: 2.5rem;
}



/* TO DO / IN KLÄRUNG */
.subpage-cta-section {
    background: #F4F4F4;
}

.subpage-cta-section * {
    color: #58585A;
}

.subpage-cta-section img,
.branchen-cat .subpage-subbranchen {
    display: none;
}

/* ARTICLE SINGLE NEWS */
.article-col .article-wrapper {
    max-width: 860px;
}

.sideBarHeader {
    color: var(--primary_color);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.sideBarHeader>* {
    margin-right: 5px !important;
}

.moreArticleWrapper strong {
    color: #58585A;
}

.moreArticleWrapper strong:hover {
    color: var(--primary_color);
}

.searchWrapper form {
    display: flex;
    align-items: center;
}

.searchWrapper input {
    height: 40px;
    margin-right: 5px;
}

.searchArticleSub {
    height: 40px !important;
    background: var(--primary_color) !important;
    color: #FFF !important;
    display: inline-flex !important;
    width: 80px !important;
    align-items: center !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: center !important;
}

.sideBarItemWrapper {
    margin-bottom: 30px;
}

.aCats {
    padding: 4px 8px;
    border: 2px solid var(--primary_color);
    color: var(--primary_color);
    display: inline-block;
    margin: 0 5px 5px 0;
}

.articleFooterHead {
    display: block;
}

.articleFooterShare img {
    margin: 10px 10px 0 0;
}


/* SEARCH RESULTS */
.searchResults strong {
    color: #58585A;
}

.searchResults .sideArticlesWrapper {
    margin-bottom: 30px;
}

/* Stellenanzeigen */
.jobHeader {
    font-weight: 600;
}

.jobRow {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    border-bottom: 1px solid #f4f4f4;
}

.jobRow .jobTitle {
    flex: 0 0 70%;
    max-width: 70%;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-wrap: break-word;
    padding-right: 15px;
}

.showMore {
    display: none;
    cursor: pointer;
}


.jobRow .jobTitle .readMore {
    color: #58585A;
}

.jobRow .jobCity {
    flex: 0 0 30%;
    max-width: 30%;
    padding-right: 15px;
}

.paginationjs {
    font-family: Arial, Helvetica, sans-serif !important;
}

.paginationjs .paginationjs-pages li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #58585A;
    padding-left: 5px;
}

.jobContainer .paginationjs-pages ul li:before {
    display: none;
}

.jobContainer a.page {
    padding: 0 5px;
    cursor: pointer;
}

.jobContainer a.page.current {
    font-weight: 600;
}

.jobContainer .nav {
    cursor: pointer;
}

.jobContainer .nav.disabled {
    opacity: 0.5;
    cursor: default;
}

.jobsNavContainer,
.jobNavFilterBar {
    display: flex;
    align-items: center;
}

#jobFilter,
#jobFilter select {
    margin-left: 10px;
}

/* Milestones */

.milestone-wrapper {
    display: flex;
    align-items: center;
}
.ms-year-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    padding-bottom: 4em;
}
.ms-year-wrapper:after {
    border-right: 4px dotted #58585A;
    content: '';
    height: 100%;
    position: absolute;
    left: 50px;
    top: 0;
    z-index: -1;
}
.milestone-wrapper:last-child .ms-year-wrapper:after {
    display: none;
}
.ms-year {
    width: 100px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary_color);
    color: #FFF;
    font-weight: 600;
}
.ms-ereignis {
    flex: 0 0 75%;
    max-width: 75%;
    font-size: 1.2em;
    padding-bottom: 2em;
}

/* LANG SWITCH */
.langSwtich {
    margin-top: 40px;
}
.langSwtich * {
    font-weight: 600;
}
#masthead.nav-down  .langSwtich {
    margin-top: 15px;
}
.langSwtich i, .langSwtich .cSecondary {
    color: var(--secondary_color);
}
.greenSwitch i, .greenSwitch .cSecondary,
.greySwitch i, .greySwitch .cSecondary { 
    color: var(--primary_color);
} 
#masthead.nav-down .langSwtich *, #masthead.nav-opened .langSwtich *,
.langSwitch.greySwitch *  {
    color: #58585A !important;
}
#masthead.nav-down  .langSwtich i, #masthead.nav-down  .cSecondary,
#masthead.nav-opened  .langSwtich i, #masthead.nav-opened  .cSecondary   {
    color: #00857D !important;
}


/* SPECIAL CASES */
.germaniaTips iframe * {
font-family: Arial, Helvetica, sans-serif !important;
}
figure.wp-embed-aspect-16-9 iframe {
    max-height: calc(47vw);
}


@media (max-width: 1320px) {
    .main-navigation li {
        margin-right: 10px;
    }
}

@media screen and (max-width: 1160px) {

    #masthead.nav-down .container .main-navigation {
        margin-top: 0;
    }
}

@media screen and (max-width: 992px) {

    .vertical-tab-nav-wrapper {
        flex-wrap: wrap;
    }

    .vertical-tab-container .nav-link {
        margin: 15px !important;
        width: calc(50% - 30px) !important;
        flex: auto;
    }
}

@media screen and (max-width: 768px) {
 
    .hero-etl-auto h1,
    .hero-etl-auto h2,
    .hero-etl-header h1,
    .hero-etl-header h2 {
        font-size: 2.05rem;
    }

    .hero-etl-small h1,
    .hero-etl-small h2 {
        font-size: 1.75rem;
    }

    h1,h2 {
        font-size: 2.25rem;
        word-wrap: break-word;
        hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
    }
    h1.huge {
        font-size: 4.625em;
    }


    .vertical-tab-container .nav-link {
        margin: 0 !important;
        margin-bottom: 2rem !important;
        width: 100% !important;
        flex: 0 0 100% !important;
    }
    .hero-etl-header.hero-etl-auto {
        background-size: cover!important;
        background-position: center center!important;
    }
}

@media screen and (max-width: 620px) {
    .sliderHeroHeadline {
        font-size: 1.25rem;
    }
    .hyphens-620 {
        hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;

    }
}

@media screen and (max-width: 520px) {
    .theFilter {
        flex-direction: column;
    }

    .aFilterNavWrapper {
        text-align: left;
    }

    .aNavFilterBar {
        align-items: baseline;
    }

    .jobRow .jobTitle {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .jobRow .jobCity {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .accordion label {
        font-size: 1.15rem;
    }
    .ms-year {
        width: 60px;
        height: 50px;
    }
    .ms-ereignis {
        hyphens: auto;
        font-size: 1em;
        padding-bottom: 2em;
    }
    .ms-year-wrapper:after {
        left: 30px;
    }
}

@media screen and (max-width: 460px) {
    .hero-etl-auto h1,
    .hero-etl-auto h2,
    .hero-etl-header h1,
    .hero-etl-header h2 {
        font-size: 1.8rem;
    }

    .hero-etl-small h1,
    .hero-etl-small h2 {
        font-size: 1.5rem;
    }

    .subheader {
        font-size: 1.2em;
    }

    .subheader br {
        display: none;
    }

    h1,h2 {
        font-size: 2rem;
        hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
    }
    h1.huge {
        font-size: 3.625rem;
        hyphens: auto;
    }


    h3,
    .subpage-site-tiles-headline h3 {
        font-size: 1.425em;
    }

    .tArticleRow .theAContWrap {
        padding: 45px 15px 0 15px;
    }

    .bottom-yellow-bar,
    .top-teal-bar {
        height: 30px;
    }
    .jobRow {
        flex-direction: column;
    }

}



/* TO TRANSFER */
.hero-etl-full .container {
    min-height: 100vh;
    padding-top: 200px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.hero-etl-auto {
    position: relative;
}
.hero-etl-small {
    position: relative;
}
.hero-etl-auto .container {
    min-height: 50vh;
    padding-top: 200px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center; 
}
.hero-etl-small .container {
    min-height: 30vh;
    padding-top: 70px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center; 
}
.darkenOverlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


/* Password Form */
.post-password-form {
    margin: 20vh 0;
    width: 100%;
    text-align: center;
}

main table td {
    border-bottom: 1px solid #eee;
}






/**
* New Adaptions
*/

.kHeadlineBox * {
    margin-bottom: 0;
}

.bgContainerImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/* Tileboxes with Icon */


.krIconTileImgWrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


/* White Section Header */

.whiteHeader .sec-head-title {
    color: #FFF;
}

.whiteHeader .sec-head-bar, .whiteHeader .sec-head-bar .sec-head-cross, .whiteHeader .sec-head-bar .sec-head-cross:after, .whiteHeader .sec-head-title:before {
    background: #FFF;
}


/* SubPages Stb etc.. */
.karriereSubTileHeader {
    border-bottom: 2px solid #ffcd02;
    margin-bottom: 1rem;
}
.karriereSubTileHeader > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.karriereSubTileHeader p {
    margin-bottom: 0; 
}
.subKarriereTileCont .col-12 > div {
    max-width: 360px;
}

.subKarriereBenefitCont img, .karriereSubTileHeader img {
    max-height: 45px;
    max-width: 45px;
    width: auto;
}


/* Vertical Tabs */
.krVertiNavItem {
    background: #B5E3D8;
    color: #00857D;
    transition: .3s ease-in;
}

.krVertiNavItem.active, .krVertiNavItem:hover  {
    background: #00857D;
    color: #FFF;
}

.tabContVertMediaHeader {
    height: 0;
    width: 100%;
    postion: relative;
    padding-bottom: 42.5%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.tabContentTitle {
    background: #00857D;
    color: #FFF;
}

.verticalContactCard > div {
    display: flex;
    max-width: 95%;
    margin: 0 auto;
}

.krSlideDesc p {
    margin-bottom: 0;
}


.verticalContactCard > div > * {
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
}
.verticalContactCard > div figure {
    margin: 0;
    width: 100%;
    height: 100%;
}

.verticalContactCard > div figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.verticalContactCard > div > div p:last-child {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .verticalContactCard > div {
        flex-wrap: wrap;
    }
    .verticalContactCard > div > * {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}

.yellowCounting {
    background: #FFCD02;
    color: #FFF;
    height: 3rem;
    width: 3rem;
    display: flex;
    align-items:center;
    justify-content:center;
}

@media (max-width: 992px) {
    .kHeadlineBox p {
        text-align: center !important;
        line-height: 2.25rem;
        font-size: 1.75rem;
    }
}


@media (max-width: 576px){
.krIconTileLinkWrapper * {
    font-size: 1rem !important;
}
.krIconTileLinkWrapper {
    max-width: 200px;
}
}
@media (min-width: 761px){
.krIconTileLinkWrapper {
    max-width: 280px;
}
}


.responsive-video {	
    position: relative;	padding-bottom: 56%;	margin-top: 15px;	height: 0;	overflow: hidden; margin-bottom: 2em;
}
.responsive-video iframe,  .responsive-video object,  .responsive-video embed, .responsive-video video {
    position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;
}

.site-icon-wrapper .site-title {
    padding: 10px 0;
    text-align: center;
}
.site-icon-wrapper .site-title a { 
    color: #FFF;
    display: inline-block;
}
.icon-wrapper {
    margin: 5px auto;
    width: 100px;
    height: 100px;
    display: flex;
align-items: center;
justify-content: center;
}
.icon-wrapper img {
    max-height: 80px;
    width: auto;
}
.site-icon-wrapper > a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;

}
table.noBorder, table.noBorder tr, table.noBorder th, table.noBorder td {
    border: none!important;
}
.netzwerkLogos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.netzwerkLogos > [class*='col-'] {
    display: flex;
    flex-direction: column;
    padding: 0;
    padding-right: 1em;
    padding-bottom: 1em;
}
.netzwerkLogos div>div {
    padding: 1em;
    padding-bottom: 0;
    height: 100%;
    background: #e0e0e0;
}
.netzwerkLogos img {
    max-width: 70%;
    margin-top: 1em;
    max-height: 100px;
    width: auto;
    height: auto;
}
.netzwerkLogos div>div p:first-child {
    min-height: 120px;
    max-height: 120px;
    height: 120px;
    line-height: 700%;
}
.backgroundBox > p:last-child, 
.backgroundBox > ul:last-child, 
.backgroundBox > ol:last-child {
    margin-bottom: 0;
}
.dlBoxWrapper .geschuetzt {
    display: block;
    /*cursor: help;*/
    color: #999;
    margin-bottom: -5px;
    margin-top: 5px;
    font-size: 0.9em;    
}
.dlBoxWrapper .geschuetzt a {
    display: inline-block;
}
.dlBoxWrapper .dlBoxDesc  {
    margin-top: 10px;
}
.dlBoxWrapper .dlTitle  {
    font-size: 1.3em;
}
.dlBoxWrapper .dlTitle span {
    font-size: 0.75em;
}
.dlBoxWrapper .dlPubDate {
    display: inline-block;
    margin-right: 25px;
    font-size: 0.8em;
    color: #999;
    position: absolute;
    right: -9px;
}

.hinweisVideoDSGVO {
    background: rgba(255,255,255,0.9);
    border: 2px solid var(--primary_color);
    padding: 1em;
}

@media print {
    .noPrint {
        display: none!important;
    }
    .bg-lightgrey.nav-container, .apBox {
        background: transparent;
    }
    .col.article-col, .tagWrapper, .catWrapper {
        padding-top: 0;
    }
    .langSwtich {
        display: none!important;
    }
}
@media screen {
    .nurPrint {
        display: none!important;
    }
}

#wrapperDeutschlandkarte {
    position: relative;
}
#wrapperDeutschlandkarte > object {
    /* */
}
#wrapperDeutschlandkarte > object + img, #wrapperDeutschlandkarte > div > img.img-fluid {
    position: absolute;
    top: 59%;
    left: 80%;
    width: 3em;
    filter: none;
    animation: shake 2s ease 0s infinite normal forwards;
}
@keyframes shake {
    0% { transform: translate(0px, 0px) rotate(0deg); }
    50% { transform: translate(-4px, 4px) rotate(-4deg); }
}

.container.stickymenu {
    border: 10px solid var(--primary_color);
    border-radius: 25px;
    box-shadow: 0px 0px 5px 1px #000;
    background: #fff;
    padding: 20px 25px;
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 300px;
    height: auto;
    min-height: 150px;
    max-height: 400px;
    z-index: 100;
    overflow-y: auto;
}
.stickyopen, .stickyclose {
    border: 5px solid var(--primary_color);
    border-radius: 50%;
    background: var(--primary_color);
    color: #fff;
    padding: 0;
    position: fixed;
    right: 25px;
    bottom: 35px;
    width: 70px;
    height: 70px;
    z-index: 101;
    overflow: hidden;
    text-align: center;
    font-size: 3em;
    cursor: pointer;
    animation: stickyhello 1.5s ease 05s 2 normal forwards;
}
.stickyclose {
    z-index: 102;
    display: none;
}
@keyframes stickyhello {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 50% 50%;
	}

	10% {
		transform: rotate(8deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-10deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(10deg);
	}

	80% {
		transform: rotate(-8deg);
	}

	90% {
		transform: rotate(8deg);
	}
}

figure.wp-block-video {
    margin: 0;
}