/* Eigene Hintergrundfarben */

.background-grey-medium {
	background-color: #717c8e;
}

/* ⭕️ SCHRIFTEN lokal gehostet */

/* assistant-300 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/assistant-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/assistant-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/assistant-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/assistant-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/assistant-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/assistant-v6-latin-300.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-regular - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/assistant-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/assistant-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/assistant-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/assistant-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/assistant-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/assistant-v6-latin-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-600 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/assistant-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/assistant-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/assistant-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/assistant-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/assistant-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/assistant-v6-latin-600.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-700 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/assistant-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/assistant-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/assistant-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/assistant-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/assistant-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/assistant-v6-latin-700.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* ❌ ENDE FONTS */

/* ⭕️ TYPOGRAFIE */



body {
    font: 16px/1.5625 'Assistant', sans-serif;
    font-weight: 300;
    color: #242424;
}

/* Beschränkung der Zeilenlänge */

.ce_text, .ce_accordion { max-width: 800px; }
.-fullwidth .ce_text, .fullwidth-element { max-width: none; }

.main-content h1, .main-content h2, .main-content h3 {
    color: #DAA520;
}

.main-content h1 {
    font-size: 2.65em;
	font-weight: normal;
}

.main-content h2 {
    font-size: 2.25em;
	text-transform: none;
}

.main-content h2.headline-chapter {
    font-size: 2.65em;
	text-transform: none;
}

.main-content h3 {
    font-size: 1.75em;
	line-height: 1.35;
	text-transform: none;
}

.hero-image h2 {
	font-size: 1.5em;
}

.info-map-boxes-item h3 {
    color: #717c8e;
}

.info-map-boxes-item:before {
    color: #daa520;
}

.main-content blockquote {
    border-bottom: 1px dotted #717c8e;
    border-top: 1px dotted #717c8e;
    color: #717c8e;
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.33381;
    letter-spacing: 0.05rem;
    margin: 2.5rem 0 2.5rem 0;
    padding-top: 1.5rem;
    padding-bottom: 0.25rem;
    position: relative;
    text-transform: uppercase;
}

.main-content blockquote::before {
    content: "";
    position: absolute;
    top: 0;
    left: -0.47619em;
    margin: 0.47619em 0 0 -0.08333em;
    font-size: 4em;
    font-weight: bold;
    line-height: 0;
    opacity: 0.5;
}

.intro p {
	color: #717c8e;
	font-size: 1.375rem;
}

.ce_accordion .toggler {
	border-radius: 0;
	color: #007aff;
	font-weight: 400;
}

.ce_accordion .toggler:hover {
	color: #daa520;
}

.ce_accordion .toggler::after {
	color: #242424;
}

.main-content li {
	text-align: left;
}

.listenerweiterung ul {
	margin-bottom: 0;
}

.listenerweiterung .toggler {
	border-top: 0;
	border-left: 0;
	padding-top: 0;
	padding-left: 0;
}

.listenerweiterung .toggler::before {
	content: '';   
    display: inline-block;   
    height: 7px;   
    width: 7px;    
    background-size: 7px;   
    background-image: url('../../acall-images/sytem-grafiken/bullet-blue.svg'); 
    background-repeat: no-repeat;   
    margin-right: 10px;
    background-position: center center;
    vertical-align: middle;
}

.ce_accordion .accordion {
    background: #ffffff;
    border-radius: 0 0 15px 0px;
}

.listenerweiterung .accordion {
	border: 0;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 1rem;
}

.listenerweiterung .ui-accordion-header-active {
	border-bottom: 0;
}

.listenerweiterung .toggler.ui-accordion-header-active {
	margin-bottom: -20px;
}

.listenerweiterung .ui-accordion-content-active {
	border-right: 1px solid #cad0d8;
	border-bottom: 1px solid #cad0d8;
}

a { color: #7c4410; }
a:link { color: #7c4410; }
a:visited { color: #666666; text-decoration: underline; }
a:hover { color: #daa520; }
a:focus { color: #daa520; }
a:active { color: #0055dd; }

a.button, .button a {
	color: white;
	text-decoration: none;
}

.mod_iso_cart a, .mod_iso_orderdetails a { color: #0055dd; text-decoration: underline; }
.mod_iso_cart a:link, .mod_iso_orderdetails a:link { color: #0055dd; text-decoration: underline; }
.mod_iso_cart a:visited, .mod_iso_orderdetails a:visited { color: #0055dd; text-decoration: underline; }
.mod_iso_cart a:hover, .mod_iso_orderdetails a:hover { color: #daa520; text-decoration: underline; }
.mod_iso_cart a:focus, .mod_iso_orderdetails a:focus { color: #daa520; text-decoration: underline; }
.mod_iso_cart a:active, .mod_iso_orderdetails a:active { color: #daa520; text-decoration: underline; }

.bold-line {
	border-top: 7px solid #dae2e8;
}

.main-content ul {
	list-style-type: none;
	padding-left: 1.25rem;
}

.main-content .pricing-table-plan ul, ul.icon-links {
	list-style-type: none;
	padding-left: 0;
}

.main-content .ce_text li::before, .main-content .teaser-boxes-item li::before {
	content: '';   
    display: inline-block;
    height: 7px;   
    width: 7px;    
    background-size: 7px;   
    background-image: url('../../03-Smart-SIP-Phone/img/bullet.svg'); 
    background-repeat: no-repeat;   
    margin-right: 13px;
    margin-left: -1.25rem;
    background-position: center center;
    vertical-align: middle;
}

.main-content p + ul { margin-top: -1.5em; }

.main-content .pricing-table-plan p + ul { margin-top: 0; }

/* Wenn Listen in Spaltenset aufgeteilt werden, Abstand oben bei Umbruch rausnehmen: */

.one-list .rs-column.-large-first-row, .one-list .rs-column.-medium-col-2-1, .one-list .rs-column.-medium-col-2-1 { margin-top: 0; }

.one-list ul { margin-bottom: 0; }

/*  ❌ ENDE TYPOGRAFIE */

/* ⭕️ HEADER */

/* Header Grid-CSS */
.grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.span-col-2 { grid-column: span 2 / auto; }
.span-row-2 { grid-row: span 2 / auto; }
/* Ende Header Grid-CSS */

.page-header {
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
}

/* Header-Navigation cleaner */
.header-navigation {
	background-image: none;
    box-shadow: 0 0 0;
}

.header-navigation-inner {
	position: relative;
	height: 65px;
	min-height: 65px;
}

@media screen and (max-width: 900px) {
.header-navigation-inner {
	position: relative;
	height: 195px;
	min-height: 195px;
}
}

@media screen and (max-width: 900px) {
.logo {
    position: static;
    margin-left: 5.55556%;
    margin-left: var(--page-padding-left);
    padding-top: 3.5em;
    padding-bottom: 0.75em;
}
}

/* ednt-slogan und Logo */

.logo-container {
	padding-top: 80px;
	padding-top: 5rem;
}

@media (min-width: 910px) {
.logo-container {
	padding-top: 24px;
	padding-top: 1.0rem;
	padding-bottom: 24px;
	padding-bottom: 1.5rem;
}
}

h1.ssp-logo {
	line-height: 0;
	margin: 0;
        height:60px;
}


.ednt-slogan, .ednt-slogan-mobile {
	color: #daa520;
	font-weight: bold;
	font-size: 1.125em;
	margin-top: 1rem;
}

.ednt-slogan a, .ednt-slogan a:hover, .ednt-slogan a:focus,
.ednt-slogan-mobile a, .ednt-slogan-mobile a:hover, .ednt-slogan-mobile a:focus {
	color: #daa520;
	text-decoration: none;
}

.ednt-slogan-mobile {
	display: none;
}

@media (max-width: 419px) {
.ednt-slogan {
	display: none;
}
.ednt-slogan-mobile {
	display: block;
}
}

/* Shop-Icons */

.shop-icons-container {
	justify-self: right;
	margin-top: 7px;
}

.header-links.-secondary a {
    color: #ffffff;
    margin-right: 1px;
}

.header-links.-secondary a:before {
    background: #daa520;
}

.header-links.-secondary a:after {
    background: #7c4410;
}

.header-links.-secondary a {
/*-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;*/
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

/* Ende Shop-Icons */

.header-links {
	margin: 0;
}

.header-links strong {
	margin-right: 16px;
	margin-right: 1rem;
}

.header-links strong.last {
	margin-right: 0;
}

.header-links.-right {
    float: right;
    margin: -15px 0 0 0;
}

@media (max-width: 900px) {
.header-links.-right {
    float: right;
    margin-right: 0;
}
}

/* Toggler B2B – B2C */

@media (max-width:575px) {
.b2b-b2c-toggler { display: none; }
}

.b2b-b2c-toggler {
	position: absolute;
	top: 2px;
	right: 330px;
	text-align: right;
}

.b2b-b2c-toggler ul {
	display: flex;
	justify-content: space-between;
}

.b2b-b2c-toggler a, .b2b-b2c-toggler a:link, .b2b-b2c-toggler a:visited {
	color: #daa520;
	font-weight: 400;
	text-decoration: none;
}

.b2b-b2c-toggler a:hover, .b2b-b2c-toggler a:hover.trail {
	color: #aaaaaa;
}

/*.b2b-b2c-toggler .active {
	font-weight: 700;
}*/

.website-switch-handle-bar {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
    background: #ccc;
    border-radius: 8px;
    transition: background-color .3s ease-out;
    margin: 0 5px -2px 5px;
    cursor: pointer;
}

.website-switch-handle-b2c {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #daa520;
/*    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 50%); */
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 50%); 

    position: absolute;
    left: 0;
    cursor: pointer;
}

.website-switch-handle-b2b {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #daa520;
/*    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 50%); */
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 50%); 

    position: absolute;
    right: 0;
    cursor: pointer;
}




/* ❌ ENDE HEADER */

/* ⭕️ NAVIGATIONEN */

/* Main Navigation und Mobile Navigation */

.main-nav-container {
	margin-bottom: 1rem;
}

@media (min-width: 801px) {
.main-nav-container {
	margin-bottom: 1rem;
}
}

.main-navigation {
	float: left;
	font-weight: 400;
	letter-spacing: 0.05rem;
}
.main-navigation-mobile {
	font-weight: 400;
	letter-spacing: 0.05rem;
}


.main-navigation .level_2, .main-navigation-mobile .level_2 {
	text-transform: none;
}

/* Aus main.css überschrieben für grid */
@media screen and (max-width: 900px) {
.main-navigation {
	position: relative;
	float: none;
	height: auto;
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;
	}
}

.main-navigation {
    margin-right: 0;
    padding-right: 0;
}

.main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus {
    color: #222222;
}

.main-navigation > ul > li > ul {
	position: absolute;
	top: 100%;
	left: 0;
	border: solid #eeeeee;
	border-width: 5px 1px 1px 1px;
	border-top-color: #daa520;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	opacity: 0;
	box-shadow: none;
	-webkit-transition: max-height 0s, padding 0s, opacity 0.3s;
	-webkit-transition-delay: 0.3s, 0.3s, 0s;
	-moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	-o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}

.main-navigation > ul > li:hover > ul {
    padding: 0;
}

.main-navigation > ul > li > ul li.last {
    border-bottom: 0;
}

.main-navigation .level_2 li.first span, .main-navigation .level_2 li.first a {
    padding-left: 0.175em;
}

.main-navigation .level_2 li.first strong {
    padding-left: 0.35em;
}

.main-navigation > ul > li > a:after, .main-navigation > ul > li > strong:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after {
    content: "";
    position: absolute;
    top: 22px;
    right: 50%;
    left: 50%;
    border-bottom: 0;
    -webkit-transition: right 0.4s ease-out, left 0.4s ease-out;
    -moz-transition: right 0.4s ease-out, left 0.4s ease-out;
    -o-transition: right 0.4s ease-out, left 0.4s ease-out;
    transition: right 0.4s ease-out, left 0.4s ease-out;
}

.main-navigation > ul > li:hover > a::after, .main-navigation > ul > li:hover > strong.active::after, .main-navigation > ul > li:hover > strong.trail::after, .main-navigation > ul > li:hover > strong.forward::after {
    content: "";
    position: absolute;
    top: 22px;
    right: 0.7em;
    left: 0.7em;
    border-bottom: 0px solid #daa520;
    -webkit-transition-duration: 0.1s, 0.1s;
    -moz-transition-duration: 0.1s, 0.1s;
    -o-transition-duration: 0.1s, 0.1s;
    transition-duration: 0.1s, 0.1s;
}

.main-navigation > ul > li > a.first, .main-navigation > ul > li > strong.first {
    margin-left: -15px;
}

.main-navigation > ul > li > strong.active, .main-navigation > ul > li > strong.trail, .main-navigation > ul > li > strong.forward {
  font-size: 1em;
}

.main-navigation-search {
	position: absolute;
	top: 19px;
	right: 120px;
	height: 3.125em;
	border-radius: 0;
}

.main-navigation-search:hover, .main-navigation-search.focus {
    border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #e0e5eb;
}

.main-navigation-search input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #DAA520;
}
.main-navigation-search input::-moz-placeholder {
	/* Firefox 19+ */
	color: #DAA520;
}
.main-navigation-search input::-ms-input-placeholder {
	/* IE 10+ */
	color: #DAA520;
}
.main-navigation-search input::-moz-placeholder {
	/* Firefox 18- */
	color: #DAA520;
}

.main-navigation > ul > li > a, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward {
    color: #daa520;
    font-size: 1em;
    z-index: 2;
}

.main-navigation > ul > li > ul {
	top: 16px;
}

.main-navigation > ul > li > a.last,
.main-navigation > ul > li > strong.last {
    padding-right: 0;
}

.main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li strong.active, .main-navigation > ul > li strong.trail, .main-navigation > ul > li strong.forward {
    color: #daa520;
    font-weight: 600;
}

.main-navigation > ul > li > ul strong.active, .main-navigation > ul > li > ul strong.trail, .main-navigation > ul > li > ul strong.forward {
    color: #0055dd;
}

.main-navigation > ul > li > a::after, .main-navigation > ul > li > strong.active::after, .main-navigation > ul > li > strong.trail::after, .main-navigation > ul > li > strong.forward::after {
    content: "";
    position: absolute;
    top: -1px;
    right: 50%;
    left: 50%;
    border-top: 0;
    -webkit-transition: right 0.4s ease-out, left 0.4s ease-out;
    -moz-transition: right 0.4s ease-out, left 0.4s ease-out;
    -o-transition: right 0.4s ease-out, left 0.4s ease-out;
    transition: right 0.4s ease-out, left 0.4s ease-out;
}

.main-navigation-search:after {
    top: 0;
    border-left: 1px solid #daa520;
    height: 3.75em;
    margin: -0.5em 0 0;
}

.main-navigation-search button {
    color: #DAA520;
}

.main-navigation-search button:after {
    font-size: 1.5em;
}

.main-navigation-search button:hover, .main-navigation-search button:focus {
    color: #DAA520;
}

.main-navigation-search input {
    border: 0;
}

.main-navigation-mobile-search input, .main-navigation-mobile-search input:hover, .main-navigation-mobile-search input:focus {
    border: 1px solid #ffffff;
}
.main-navigation-mobile-open:after {
	background: #DAA520;
	box-shadow: 0 7px #717c8e, 0 14px #717c8e;
}
.main-navigation-mobile {
	background: #DAA520;
	color: #ffffff;
}
.main-navigation-mobile nav {
	border-top: 1px solid #ffffff;
}
.main-navigation-mobile .main-navigation-mobile-expand {
    box-shadow: inset 1px 0 #ffffff;
}
.main-navigation-mobile ul ul {
	background: #DAA520;
}
.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
	border-bottom: 1px solid #ffffff;
	background-color: #DAA520;
	color: #ffffff;
}
.main-navigation-mobile a:hover,
.main-navigation-mobile a:focus,
.main-navigation-mobile strong:hover,
.main-navigation-mobile strong:focus,
.main-navigation-mobile span.active:hover,
.main-navigation-mobile span.active:focus,
.main-navigation-mobile span.trail:hover,
.main-navigation-mobile span.trail:focus,
.main-navigation-mobile span.forward:hover,
.main-navigation-mobile span.forward:focus {
	background-color: #DAA520;
	color: #eb4c13;
}

.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
	background-color: #DAA520;
	box-shadow: inset 0 0 5px #DAA520;
}
.main-navigation-mobile li li {
	background-color: #DAA520;
	color: #ffffff;
}
.main-navigation-mobile-search input,
.main-navigation-mobile-search input:hover,
.main-navigation-mobile-search input:focus {
	background-color: #ffffff;
	border: 1px solid #ffffff;
}
.main-navigation-mobile-open:after {
    content: "";
    display: block;
    height: 3px;
    border-radius: 2px;
    background: #DAA520;
    box-shadow: 0 7px #daa520, 0 14px #daa520;
}

.main-navigation-mobile a, .main-navigation-mobile strong.active, .main-navigation-mobile strong.trail, .main-navigation-mobile strong.forward {
    background-color: #DAA520;
}

.main-navigation-mobile-search button {
	color: #DAA520;
}

.main-navigation-mobile-icons.main-navigation-mobile-icons a::before {
    color: #DAA520 !important;
}

/* Mobile Nav wird ab 909px eingeblendet */
@media screen and (max-width: 909px) {
.main-navigation, .main-navigation-search { display: none; }
.main-navigation-mobile-open, .main-navigation-mobile.is-enabled { display: block; }
.main-navigation-mobile-open {
	position: absolute;
	top: 50px;
	left: 3.7037%;
}
}

@media screen and (max-width: 900px) {
.main-navigation-mobile-open {
	position: absolute;
	top: 50px;
	left: 5.55556%;
	}
	}

@media screen and (max-width: 480px) {
.shop-icons-container {
	display: none;
}
}

.main-navigation-mobile .icon-links {
	display: block;
}

@media screen and (min-width: 481px) {
.main-navigation-mobile .icon-links {
	display: none;
}
}

.main-navigation-mobile-icons.main-navigation-mobile-icons a {
    border-radius: 40px;
}

/* Ende Main Navigation und Mobile Navigation */

/* Anfang Mega-Menü und Banner*/

.mega-dropdown {
	background: #ffffff;
	border: 1px solid #cccccc;
	border-top: none;
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 10px 18px -9px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 10px 18px -9px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 18px -9px rgba(0,0,0,0.75);
	margin-top: 1px;
	left: 0;
	width: 100%;
}

.mega-dropdown-column ul a {
	line-height: 1.4;
	padding: 0.5rem 0;
}

.mega-dropdown-column h1,
.mega-dropdown-column h2,
.mega-dropdown-column h3 {
	margin: 0 0 1rem;
	font-size: 2.25rem;
	font-weight: normal;
	color: #DAA520;
}

.mega-dropdown-column p {
	font-size: 1rem;
}

.mega-menu-banner .image_container {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: white;
    background-image: none;
    box-shadow: 0 0 0 0;
}

/*. mega-menu-banner .button
	Styles im Bereich Buttons. */

/* Ende Mega-Menü und Banner */

.button-startseite {
	float: right;
	margin: -60px 24px 0 0;
}

.icon-links-label{
	color: #152935 !important;
}

.header-dropdown:hover {
	color: #69aadb;
}

 /* meta-nav */

.meta-nav-container {
    font-size: 0.875rem;
    justify-self: right;
}

.meta-nav-container .header-links {
	padding: 0;
}

.meta-nav ul {
	margin: 0;
	padding: 0;
}

.meta-nav a.last {
	margin-right: 0;
}

@media (max-width:800px) {
.meta-nav {
    display: none;
}
}

/* Ende meta-nav */

.mod_customnav {
	color: #daa520;
}

/* Artikelnavigation (One Pager EuF) */

.artikelnav {
    background-color: #daa520;
    border-bottom: 1px solid rgba(178, 185, 196,0.7);
    box-shadow: 0px 5px 6px -3px rgba(178, 185, 196,0.7);
        -webkit-box-shadow: 0px 5px 6px -3px rgba(178, 185, 196,0.7);
        -moz-box-shadow: 0px 5px 6px -3px rgba(178, 185, 196,0.7);
    position: sticky;
    top: 105px;
    z-index: 20;
}

@media (max-width:900px) { .artikelnav { top: 0; } }

@media (max-width:575px) { .artikelnav { display: none; } }

.mod_onepage_navigation {
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
    padding: 0;
    text-transform: uppercase;
}

.mod_onepage_navigation ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0.5rem 0;
    padding: 0;
}

.mod_onepage_navigation li {
    padding: 0 2rem;
    text-align: center;
}

.mod_onepage_navigation a { color: #ffffff; text-decoration: none; }
.mod_onepage_navigation a:link { color: #ffffff; text-decoration: none; }
.mod_onepage_navigation a:visited { color: #ffffff; text-decoration: none; }
.mod_onepage_navigation a:hover { color: #7c4410; text-decoration: none; }
.mod_onepage_navigation a:focus { color: #7c4410; text-decoration: none; }
.mod_onepage_navigation a:active { color: #ffffff; text-decoration: none; }

/*.mod_onepage_navigation a { color: #daa520; text-decoration: none; }
.mod_onepage_navigation a:link { color: #daa520; text-decoration: none; }
.mod_onepage_navigation a:visited { color: #daa520; text-decoration: none; }
.mod_onepage_navigation a:hover { color: #0055dd; text-decoration: none; }
.mod_onepage_navigation a:focus { color: #0055dd; text-decoration: none; }
.mod_onepage_navigation a:active { color: #daa520; text-decoration: none; }*/

/*.mod_onepage_navigation a::after {
    content: url('acall-blue-arrow-down.svg');
    display: block;
    float: right;
    height: auto;
    line-height: 1.5;
    padding-left: 0.5rem;
    width: 1rem;
}

.mod_onepage_navigation a:hover::after {
    content: url('acall-blue-arrow-down-hover.svg');
    display: block;
    float: right;
    height: auto;
    line-height: 1.5;
    padding-left: 0.5rem;
    width: 1rem;
}*/


/* ❌ ENDE NAVIGATIONEN*/

/* ⭕️ Tagline und Breadcrumbs */

#Tagline {
	max-width: 1100px;
	margin: 0 auto;
}

@media only screen and (min-width:550px) {
#Tagline {
	margin-bottom: 1rem;
}
}

.tagline {
	border-bottom: 0 !important;
}

#Breadcrumb {
	margin-bottom: 0rem;
}

@media only screen and (max-width:599px) {
#Breadcrumb {
	margin-bottom: 0rem;
}
}

.breadcrumb {
	border-bottom: 1px solid #eeeeee;
}

.mod_breadcrumb {
	float: left;
	margin: 0;
	padding: 0.5rem 0 0.5rem 0;
	font-size: 0.875rem;
	color: #daa520;
}

.mod_breadcrumb a, .mod_breadcrumb a:link {
	color: #666666;
	text-decoration: none;
}

.mod_breadcrumb li.active {
	font-weight: 600;
}

@media screen and (max-width: 599px) {
.mod_breadcrumb {
	display: none;
}
}

.tagline-button {
	float: right;
	margin-right: 0.5em;
}

.tagline-button-second {
	margin-right: 0;
}

/* ❌ Ende Tagline und Breadcrumbs */

/* ⭕️ CONTENT */

.mod_article + .mod_article {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.main-slider {
	background-image: none !important;
}

p.confirmation,p.information,p.warning,div.confirmation,div.information,div.warning,span.confirmation,span.information,span.warning {
	overflow: visible;
	border: 0;
	background: transparent;
}

.tl_confirm {
    border: 1px solid #717c8e;
    font-weight:700;
    max-width: 800px;
    padding: 1rem;
}

/* ⭕️ Boxen und Banner */

.teaser-boxes-item, .team-boxes-item {
    font-size: 1em;
    color: inherit;
}

.-boxed > .teaser-boxes-item, .-boxed > .team-boxes-item {
    overflow: hidden;
    padding: 1.42857em;
    border: 1px solid #cad0d8;
	border-radius: 0 0 15px 0px;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
    outline: none;
    background-color: #ffffff;
}

.blue-box .teaser-boxes-item {
	background: #7c4410;
	border-radius: 0 0 15px 0px;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	color: #ffffff !important;
	font-size: 1rem;
	padding: 0.5rem;
}

.blue-box h1, .blue-box h2, .blue-box h3, .blue-box h4, .blue-box h5, .blue-box h6 {
	color: #ffffff;
}

.blue-box .image-wrapper {
	float: left;
	width: 75px;
	margin-top: 0.42857em;
	margin-right: 1rem;
	min-height: 120px;
}

@media only screen and (max-width: 350px) {
.blue-box .image-wrapper {
	float: none;
	width: 75px;
	margin-top: 0.42857em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	min-height: 0;
}

.blue-box h1, .blue-box h2, .blue-box h3, .blue-box h4, .blue-box h5, .blue-box h6, .blue-box p {
	text-align: center;
}

}

.blue-box a {
	color: #ffffff;
	text-decoration: none;
}

/* Headlines über Bildern */

.headline-box {
	font-weight: normal;
	font-style: normal;
	margin-top: 19rem;
	padding: 0.5rem;
	text-transform: uppercase;
}

@media (max-width:1188px) {
.headline-box {
	margin-right: -6%;
	margin-left: -6%;
}
}

@media (max-width:636px) {
.headline-box {
	margin-right: -6%;
	margin-left: -6%;
}
h1.headline-box {
	font-size: 1.5em;
}
}

@media (max-width:380px) {
h1.headline-box {
	font-size: 1.25em;
}
}

.box-white {
	background-color: #ffffff;
}

.headline-black {
	color: #000000;
	font-weight: 300;
}

.headline-blue {
	color: #0055dd;
	font-weight: 300;
}

.banner {
	margin: 0 auto;
	padding: 1.5rem;
}

@media only screen and (max-width: 899px) {
.banner {
	margin: 0 auto;
	padding: 1rem;
}
}

.banner.max-width-539 {
	padding-bottom: 0;
}

.banner .ce_text { max-width: 100%; }
.banner p { max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.banner-solo {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.banner-border {
	border-top: 1px solid #545655;
	border-bottom: 1px solid #545655;
}

.banner-orange {
	background-color: #7c4410;
}

.banner-orange h1,
.banner-orange h2,
.banner-orange h3,
.banner-orange h4,
.banner-orange h5,
.banner-orange h6 {
	color: #ffffff;
	font-family: 'Assistant', sans-serif;
	font-weight: 300;
	letter-spacing: 0.02rem;
	margin: 0;
	padding: 0;
	text-transform: none;
}

.banner-orange h1 {
	line-height: 1.125;
}

.banner-orange h2,
.banner-orange h3,
.banner-orange h4,
.banner-orange h5,
.banner-orange h6 {
	line-height: 1.5;
}

@media only screen and (max-width: 899px) {
.banner-orange h1,
.banner-orange h2,
.banner-orange h3,
.banner-orange h4,
.banner-orange h5,
.banner-orange h6 {
	font-size: 1.125em;
}
}

.banner-white {
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.80);
}

.banner-white h1,
.banner-white h2,
.banner-white h3,
.banner-white h4,
.banner-white h5,
.banner-white h6 {
	color: #152935;
	font-family: 'Assistant', sans-serif;
	font-weight: 300;
	letter-spacing: 0.02rem;
	margin: 0;
	padding: 0;
	text-transform: none;
}

.banner-white h1 {
	line-height: 1.125;
}

.banner-white h2,
.banner-white h3,
.banner-white h4,
.banner-white h5,
.banner-white h6 {
	line-height: 1.5;
}

/*@media only screen and (max-width: 899px) {
.banner-white h1,
.banner-white h2,
.banner-white h3,
.banner-white h4,
.banner-white h5,
.banner-white h6 {
	font-size: 1.125em;
}
}*/

.banner-white span {
	color: #DAA520;
	font-family: 'Assistant', sans-serif;
	font-weight: 600;
}

.banner-white strong {
	font-family: 'Assistant', sans-serif;
	font-weight: 600;
}

.banner-white br {
	margin-bottom: 1rem;
}

.banner-blue { background-color: #daa520; }

.banner-blue h1,
.banner-blue h2,
.banner-blue h3,
.banner-blue h4,
.banner-blue h5,
.banner-blue h6 {
	color: #ffffff;
	font-family: 'Assistant', sans-serif;
	font-weight: 300;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}

.banner-blue p {
    color: #ffffff;
    text-align: center;
}

.banner-blue span {
	font-family: 'Assistant', sans-serif;
	font-weight: 600;
}

@media only screen and (min-width:540px) and (max-width:549px) {
.banner-over-image {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -280px;}}

@media only screen and (min-width:550px) and (max-width:750px) {
.banner-over-image {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -370px;}}

@media only screen and (min-width:750px) {
.banner-over-image {
	position: absolute;
	left: 0;
	left: 50%;
	bottom: -370px;}}

@media only screen and (min-width:900px) {
.banner-over-image {
	position: absolute;
	left: 0;
	left: 50%;
	bottom: -560px;}}

.banner .-fullwidth { text-align: center; }

.advantages {
	background-color: #f3f9ff;
}

.advantages p:before {
    font: 1rem/1 "RockSolid Icons";
	color: #daa520;
    content: "\e0ef";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-right: 0.5rem;
}

.h-black h2, h2 .h-black { color: #152935; }

.icon-boxes {
	display: flex;
}

.icon-boxes-item {
	font-size: 1em;
}

.icon-boxes-item::before {
    background: #ffffff;
	border: 0.05em solid #cad0d8;
    color: #cad0d8;
}
.icon-boxes-item:hover::before, .icon-boxes-item:focus::before {
    border: 0.05em solid #b2b9c4;
    color: #b2b9c4;
    background-color: #ffffff;
}

.icon-boxes-item-text {
	text-align: left;
}

.icon-boxes-item.-boxed {
    border: 1px solid #cad0d8;
    border-radius: 15px;
}

.icon-boxes-item.-boxed:hover {
    border: 1px solid #b2b9c4;
    border-radius: 15px;
}

.rotating-boxes-item-content {
    margin: 0em;
    padding: 1rem;
    text-align: center;
    width: 100%;
}

.rotating-boxes-item-cover {
    color: #DAA520;
    padding: 1rem;
}

.acall-rotating-box .rotating-boxes-item-cover, .acall-rotating-box .rotating-boxes-item-content {
    background: #DAA520;
    border: 1px solid #0055dd;
    color: #ffffff;
    min-height: 200px;
    padding-top: 2rem;
    text-align: center;
}

.acall-rotating-box .rotating-boxes-item-cover {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.acall-rotating-box .rotating-boxes-item-content {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.acall-rotating-box .rotating-boxes-item-content img {    opacity: 0.5;}

.acall-rotating-box rotating-boxes-item-content h1, .acall-rotating-box .rotating-boxes-item-content h2, .acall-rotating-box .rotating-boxes-item-content h3 {
    color: #ffffff;
}

.acall-rotating-box rotating-boxes-item-content h1 {
    font-size: 1.75em;
}

.acall-rotating-box .rotating-boxes-item-content h2 {
    font-size: 1.5em;
}
.acall-rotating-box .rotating-boxes-item-content h3 {
    font-size: 1.25em;
}

.rotating-boxes-item-cover::before, .rotating-boxes-item-cover::after {
  position: absolute;
  top: 30%;
}
.list-box li {
	margin-left: -1.42857em;
	margin-right: -1.42857em;
	padding: 0.5rem 1.42857em;
}

.list-box li:nth-child(odd) {
	background-color: #e4eaf2;
}

@media only screen and (min-width:600px) {
.list-box .icon-boxes-item {
    min-height: 27rem;
}
}

.with-number-blue .image-wrapper {
    max-width: 35px;
    float: left;
    margin-top: 0rem !important;
    margin-left: 0rem !important;
    margin-bottom: 0rem !important;
    margin-right: 1rem !important;
}

.angebot {
	box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.15);
	border: 1px solid #DAA520;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #DAA520;
	padding: 2rem;
}

.angebot .image-wrapper {
	float: left;
	margin-right: 2rem;
}

.angebot .teaser-boxes-item-text {
	font-size: 1.25rem;
}

.price-big {
	font-size: 2rem
}

.box-link {
	background-image: url("https://www.ednt.de/files/tao/img/logos_und_icons/banner-box-arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.box-orange {
	background-color: #7c4410;
	color: #ffffff;
	margin-top: 1px;
	padding: 0.71429em 1.42857em;
}

.box-orange a {
	color: #ffffff;
	text-decoration: none;
}

.to-shop {
	font-size: 1.25rem;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 6000;
}

.to-shop p {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.75;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

/*	=== Entsättigen von Bildern, z.B. für Logos auf rotating-boxes-item-cover. Achtung: Beim Einsatz auf ausreichende Spezifizierung achten. Steht die Klasse desaturate ohne weitere Spezifikation im CSS überschreibt das die Aufhebung. ===*/

.desaturate .rotating-boxes-item-cover img {
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
    opacity: 0.5;
}

.desaturate .rotating-boxes-item-content img {
    filter: grayscale(0%) !important;
    filter: none !important;
    -webkit-filter: grayscale(0) !important; /* Old WebKit */
    opacity: 1;
}

/* Boxen etc. flex-boxen */

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


.to-shop a {display: block;}

/* ❌ Boxen Ende */

/* ⭕️ TOOLTIPS */

[tooltip] {
  position: relative;
}

/* Gilt für alle Tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-size: 1rem;
  line-height: 1.5;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001;
}
[tooltip]::after {
  content: attr(tooltip);
  font-family: 'Assistant', Helvetica, sans-serif;
  font-weight: 300;
  text-align: center;
  min-width: 200px;
  max-width: 300px;
  height: auto;
/*  white-space: nowrap;*/
/*  overflow: hidden;*/
/*  text-overflow: ellipsis;*/
  padding: 0.75rem 1rem;
  border-radius: 8px;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #DAA520;
  color: #fff;
  z-index: 1000;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

/* ❌ TOOLTIPS Ende */

.syndication {
    margin: 0.75em 0 0 1.25em;
    float: right;
}

/* ⭕️ IMAGES UND HILFSMITTEL IMAGES */
.image_container {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 0.75em;
    border: 0;
    border-radius: 0;
    background: white;
    background-image: none;
    box-shadow: 0 0 0;
}

.ce_gallery .image_container {
    position: relative;
    display: inline-block;
    padding: 0.75em;
    border: 1px solid #b2b9c4;
    border-radius: 0;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));
    background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));
    background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.ce_gallery .image_container a:hover:before,
.ce_gallery .image_container a:focus:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
}

.ce_gallery .image_container a:hover:after,
.ce_gallery .image_container a:focus:after {
	font: 1.5em/1 "RockSolid Icons";
	content: "\2b";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin: -0.5em;
	color: white;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.ce_gallery .image_container a:hover img,
.ce_gallery .image_container a:focus img {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	filter: blur(2px);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

/* Colorbox Styles */

#cboxOverlay, #colorbox, #cboxContent, #cboxLoadedContent {
    background-color: #ffffff; /* Add a color of your choice */
}

#cboxLoadedContent {
	border: #ffffff;
}

#cboxTitle, #cboxCurrent {
    color: #daa520;
    top: -25px;
}

/* Weiße Grafiken */

#cboxNext {
    position: absolute;
    top: 50%;
    right: 0;/* war 5px */
    margin-top: -32px;
    background: url(controls.png) no-repeat top right;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}

#cboxPrevious {
    position: absolute;
    top: 50%;
    left: 0;/* war 5px */
    margin-top: -32px;
    background: url(controls.png) no-repeat top left;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}

#cboxClose {
    position: absolute;
    top: 0;/* war 5px */
    right: 15px;/* war 5px */
    display: block;
    background: url(controls.png) no-repeat top center;
    width: 38px;
    height: 19px;
    text-indent: -9999px;
}

#cboxLoadingGraphic {
    background: url(loading.gif) no-repeat center center;
}

/*	WIRD DAS NOCH GEBRAUCHT? 
	Styles für Bild-Text-Kombis */

.bg-acall-001 {
  background-image: url(../img/acall-background-images/acall-bg-001-business-frau-tablet.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}


/*	Galerien */

.main-content .ce_gallery ul li {
	background-image: none;
	border: 1px solid #cccccc;
	list-style-type: none !important;
	padding-left: 0;
}

/*	Hintergrundbild Container mindestens 235px hoch */

.centered-wrapper.-variable-height.-medium  {
    background-color: #ffffff;
    min-height: 235px;
}	

@media only screen and (min-width: 350px) {
.centered-wrapper.-variable-height.-medium  {
    min-height: 250px;}}

@media only screen and (min-width: 550px) {
.centered-wrapper.-variable-height.-medium  {
    min-height: 400px;}}

@media only screen and (min-width: 900px) {
.centered-wrapper.-variable-height.-medium  {
    min-height: 600px;}}

/*	=== Hintergrundbild Container Breite beschränken und mit zusätzlichem Hintergrundbild/-farbe gestalten === */

@media only screen and (min-width: 1300px) {
.centered-wrapper.-variable-height  {
    max-width: 1300px;
    margin: 0 auto;}}

/*	ENDE Hintergrundbilder */

.hero-image div {
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	margin-bottom: 2rem;
}

.hero-image div.centered-wrapper-background {
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
}

@media only screen and (max-width: 1300px) {
.hero-image div.centered-wrapper-background {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
}

/* ❌ ENDE IMAGES UND HILFSMITTEL IMAGES */

.sidebar { font-size: 0.875em; }

/* Preistabellen */

.pricing-table-plan h3 {
	background-color: #DAA520;
	color: #ffffff;
	font-size: 1.125em;
	font-weight: bold;
	min-height: 85px;
}

.pricing-table-plan.-highlighted h3 {
	background: #daa520;
}

.pricing-table-plan {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.pricing-table-plan:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.pricing-table-plan:last-of-type {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.pricing-table-plan.-highlighted {
    border-radius: 15px;
}

.pricing-table-plan.-highlighted h3 {
    border-radius: 15px 15px 0 0;
}

.pricing-table-plan h3:first-of-type {
	border-top-left-radius: 15px;
}

.pricing-table-plan h3:last-of-type {
	border-top-right-radius: 15px;
}

/* Buttons in Preistabelle */

.pricing-table-plan.-highlighted a {
    border-color: #003c70 #003c70 #003c70;
    color: white;
    text-shadow: none;
    background: #7c4410;
    box-shadow: inset 0 1px #b6e5fa;
}

.pricing-table-plan.-highlighted a:focus {
	background: #7c4410;
	border-color: #003c70 #003c70 #003c70;
    box-shadow: inset 0 0;
}

.pricing-table-plan.-highlighted a:hover {
	background: #7c4410;
	border-color: #003c70 #003c70 #003c70;
    box-shadow: inset 0 0;
}

.pricing-table-plan.-highlighted a:active {
	background: #0055dd;
    box-shadow: 0 0 0 0;
}

.pricing-table-plan p b {
    display: inline-block;
    vertical-align: super;
    margin-left: 0;
    font-weight: normal;
    font-size: 0.5em;
    color: #000000;
}

.pricing-table-plan p i {
    padding-top: 0.5rem;
}

.pricing-table-plan ul li {
    padding: 15px 15px;
}

.pricing-table-plan .image_container {
    padding: 0;
    border: 0;
    background: white;
    background-image: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/* Preistabelle Grid */
.pricing-table-grid {
	width: 100%;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 749px) {
.pricing-table-grid {
	grid-template-columns: 1fr;
}
.pricing-table-plan { border-radius: 15px;}
.pricing-table-plan li:last-of-type { border-bottom: 0; }
}
.pricing-table-grid .pricing-table-plan { width: 100%; }
.pricing-table-grid::before, .pricing-table-grid::after { content: none; }

/* Tabellen-Styles */

table th, table td {
    border: solid #ffffff;
    border-width: 1px 0 0 1px;
}

table {
    border: 0;
    border-top: 1px solid #0055dd;
    border-bottom: 3px solid #0055dd;
    border-radius: 0;
    background: white;
}

tbody tr:nth-child(odd) {
	background-color: rgba(0,145,211,0.1);
}

thead tr {
	background-color: rgba(0,145,211,0.6);
	color: #ffffff;
}

thead tr th {
	border-bottom: 1px solid #0055dd !important;
}

tfoot tr {
	background-color: rgba(200,200,200,0.1);
}

tfoot td {
	border-top: 1px solid #0055dd;
}

/* Zählziffern */

.counter-boxes-item p {
    color: #0055dd;
}

.counter-boxes-item:before {
    color: #0055dd;
}

/* Sitemap */

.mod_sitemap ul {
    margin-bottom: 0;
}

.mod_sitemap li, .mod_sitemap a.submenu {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.mod_sitemap ul.level_2 {
    padding-left: 24px;
    padding-left: 1.5rem;
}

.mod_sitemap ul li li {
    padding: 0.1875em 0 0 1.75em !important;
}

.mod_sitemap .submenu li.first {
    margin-top: 16px;
    margin-top: 1rem;
}

.mod_sitemap .level_1 li.sibling {
    border-bottom: 1px dotted #666666;
    padding-bottom: 1rem;
}

.mod_sitemap ul li::before { color: #7c4410; }

.mod_sitemap a, .mod_sitemap a:link, .mod_sitemap a:visited { color: #666666; }
.mod_sitemap a:hover, .mod_sitemap a:active { color: #7c4410; }

/* ⭕️ FORMULARE */

@media (max-width: 900px) {
#rueckruf-formular {
	border-top: 1px dotted #b2b9c4;
	padding-top: 40px;
	padding-top: 2.5rem;
}
}

.widget-checkbox fieldset { border: none; }

.widget-checkbox legend { padding: 0; }

/* Buttons */

.pricing-table-plan.-highlighted a,
.rotating-boxes-item-content .rotating-boxes-item-link,
.pricing-table-plan a,
.highlight-box-link,
.feature-box-link,
.headline-box-link,
.footer-bar input[type=submit],
.footer-bar button,
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	padding: 0.64286em 1.42857em;
	border: 0;
	border-radius: 50px;
	outline: none;
	font-size: 0.875em;
	font-weight: 600;
	letter-spacing: 0.025rem;
	line-height: 1.42929;
	color: white;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	background: #daa520;
	box-shadow: none;
}
.footer-bar input[type=submit],
.footer-bar button {
	color: white;
	background: #DAA520;
}
.footer-bar input[type=submit],
.footer-bar button {
	border: 1px solid #ffffff;
}
.rotating-boxes-item-content .rotating-boxes-item-link:hover,
.pricing-table-plan a:hover,
.highlight-box-link:hover,
.feature-box-link:hover,
.headline-box-link:hover,
.footer-bar input[type=submit]:hover,
.footer-bar button:hover,
.rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:focus,
.highlight-box-link:focus,
.feature-box-link:focus,
.headline-box-link:focus,
.footer-bar input[type=submit]:focus,
.footer-bar button:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
	border: 0;
	text-decoration: none;
	background: #7c4410;
}
.footer-bar input[type=submit]:hover,
.footer-bar button:hover,
.footer-bar input[type=submit]:focus,
.footer-bar button:focus {
	border: 1px solid #ffffff;
}
.main-navigation-search button:hover {
	background: #ffffff;
}

.rotating-boxes-item-content .rotating-boxes-item-link:active,
.pricing-table-plan a:active,
.highlight-box-link:active,
.feature-box-link:active,
.headline-box-link:active,
.footer-bar input[type=submit]:active,
.footer-bar button:active,
button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	background: #7c4410;
}
.footer-bar input[type=submit]:active,
.footer-bar button:active {
	border: 1px solid #ffffff;
}
/* Ausnahme Sprachenwechsler */
.mod_changelanguage select {
	appearance: none; /* Entfernt das Standard-Design */
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: white;
	border: 1px solid #daa520;
	border-radius: 5px;
	padding: 5px;
	color: #7c4410;
	cursor: pointer;
	font-size: 1rem;
}
/* Pfeil ersetzen */
.mod_changelanguage {
	position: relative;
	width: max-content;
}
.mod_changelanguage::after {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 7px;
	pointer-events: none;
	font-size: 0.75rem;
	color: #7c4410;
  content: "\25BC";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.mod_changelanguage option {
	background-color: white;
	color: #7c4410;
	font-size: 1rem;
}
/* Ende Sprachenwechsler */
.pricing-table-plan.-highlighted a {
	border: 0;
	color: white;
	text-shadow: none;
	background: #daa520;
	box-shadow: none;
}
.pricing-table-plan.-highlighted a:hover,
.pricing-table-plan.-highlighted a:focus {
	border: 0;
	background: #7c4410;
}
.pricing-table-plan.-highlighted a:active {
	background: #0055dd;
}

.rotating-boxes-item-content .rotating-boxes-item-link {
	border: 0;
	color: #ffffff;
	text-shadow: none;
	background: #daa520;
	box-shadow: none;
}
.rotating-boxes-item-content .rotating-boxes-item-link:hover,
.pricing-table-plan a:hover,
.rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:focus {
	border: 0;
	background: #7c4410;
}
.rotating-boxes-item-content .rotating-boxes-item-link:active,
.pricing-table-plan a:active {
	background: #daa520;
}

.rueckruf-button {
	float: right;
	font-size: 0.75rem;
}

.rueckruf-button .icon-links-label {
	color: #ffffff !important;
    margin-left: 0.25rem;
}

.rueckruf-button a {
	color: #ffffff !important;
    margin-left: 0.75rem;
}

.rueckruf-button a:hover {
	text-decoration: none !important;
}

.rueckruf-button ul, .rueckruf-button li {
	list-style: none;
}

.main-nav-container .button {
	position: absolute;
	top: 48px;
	right: 0;
}

@media only screen and (max-width: 480px) {
.main-nav-container .button {
	position: absolute;
	top: 10px;
	right: 0;
}
}

.rueckruf-button li {
	padding-bottom: 0;
}

.hero-image .button, .hero-button {
	cursor: pointer;
	-webkit-border-radius: 50px;
	-moz-border-radius:  50px;
	border-radius:  50px;
	padding: 0 1rem;
	margin-top: 1rem;
}

.hero-image .button p, .hero-button p {
	margin-bottom: 0.75em;
}

.mega-menu-banner .button {
	position: relative;
	top: auto;
	right: auto;
}

.main-content label .mandatory {
    color: #0055dd;
}

.cta-start-first, .cta-start-last {
	background-color: #daa520;
	/*border-radius: 0 0 10px 0;*/
	margin-bottom: 1.5em !important;
	min-height: 2rem;
	width: 100%;
}

.cta-start-first p, .cta-start-last p {
	margin-bottom: 0.75em;
}

.cta-start-first a, .cta-start-last a {
	color: #ffffff;
	font-weight: bold;
}

.cta-start-first a:hover, .cta-start-last a:hover {
	text-decoration: none;
}

@media only screen and (max-width: 599px) {
.cta-start-first {
	margin-bottom: 0 !important;
}

/*.cta-start p:first-of-type {
	margin-bottom: 0;
}*/
}

input.text, input.mandatory {
	background-color: #ffffff !important;
	border: 1px solid #000000 !important;
}


/* ❌ ENDE FORMULARE */

/* ⭕️ Styles für isotope Shop-Elemente */

/* Neue bzw. zusätzliche Abstände und Styles im Checkout */

.mod_iso_cart {
	margin-bottom: 64px;
	margin-bottom: 4rem;
}

.mod_iso_checkout .steps {
	border-bottom: 1px dotted #cad0d8;
	color: #cad0d8;
	font-weight: normal;
}

.mod_iso_checkout .steps li {
	font-weight: normal;
}

.mod_iso_checkout .steps li.active {
	color: #000000;
	font-weight: bold;
}

.shippingaddress {
	border-top: 1px dotted #cad0d8;
    margin-top: 3rem;
}

fieldset #ctrl_paymentmethod {
	border: 1px solid #cad0d8;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.info_container {
	margin-bottom: 1rem;
}

.foot_last {
	font-weight: bold;
}
/* Modul Produkt-Liste */

/* Mehrspaltige Anzeige der Produktliste – Achtung: wird beim Konfigurator wieder aufgehoben, falls dieser eingesetzt wird! */

.product_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 775px) {
.mod_iso_productlist .product {
	border: 0;
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
    min-height: 180px;
	padding: 0.5rem;
    width: 46%;
}

.mod_iso_productlist .product_last {
	clear: both;
	margin-right: 0;
}
}

@media (min-width: 1024px) {
.mod_iso_productlist .product {
	border: 0;
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
    min-height: 180px;
	padding: 0.5rem;
    width: 30%;
}
.mod_iso_productlist .product_last {
	clear: both;
	margin-right: 0;
}
}

.product_list .image_container {
	height: 200px;
	max-height: 200px;
	min-height: 200px;
}

.product_list img {
	width: auto;
	height: 200px;
}

.product_list .image_container a:hover::before, .product_list .image_container a:focus::before {
    content: "";
    width: 0;
    height: 0;
    background: transparent;
}

.product_list .image_container a:hover::after, .product_list .image_container a:focus::after {
    content: none;
    display: none;
}

.product_list .image_container a img {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.product_list .image_container a:hover img, .product_list .image_container a:focus img {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.product_list .info_container h2 { font-size: 1.3rem; }

.product_list .info_container h2 a, .product_list .info_container h2 a:link, .product_list .info_container h2 a:visited, .product_list .info_container h2 a:hover, .product_list .info_container h2 a:active {
	color: #DAA520;
	text-decoration: none;
}

.product_list .price {
	color: #DAA520;
	font-size: 2.5rem;
}

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

/* Product Reader (Detailseiten) */

.mod_iso_productreader .product-columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.mod_iso_productreader .product-image-column {
	margin-right: 1rem;
	width: 50%;
}

@media (max-width:740px) {

.mod_iso_productreader .product-columns { display: block; }

.mod_iso_productreader .product-image-column {
	margin-right: 0;
	width: 100%;
}
}

.mod_iso_productreader .product-info-column { width: 50%; }

.mod_iso_productreader .product-images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mod_iso_productreader .product-images .image_container {
	border: 1px solid #cad0d8;
	max-width: 30%;
	padding: 0.5rem;
}

.mod_iso_productreader .product-images .image_container:first-of-type {
	border: none;
	margin-left: 0;
	max-width: 100%;
	width: 100%;
}

.mod_iso_productreader .product-images .image_container:nth-child(2) { margin-left: 0; }

.product h2, .product h3 {margin-bottom: 1.5rem;}

.mod_iso_productreader .image_container {
	border: none;
	margin-left: 1rem;
	margin-bottom: 2rem;
}

.mod_iso_productreader .image_container:first-of-type { margin-left: 0; }

.product_list img { max-height: 300px; }

.mod_iso_productreader .price { font-size: 2.5rem; }

.mod_iso_productreader .original_price {
    font-size: 1rem;
    font-weight: 400;
}

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

/* Buttons unter der Produktliste Abstand */

input.add_to_cart, input.update {
	margin-right: 6px;
	margin-right: 0.375rem;
}

/* Attribut Detailbeschreibung */

.detailed-description {
    margin-top: 3rem;
    border-top: 1px dotted #b2b9c4;
    padding-top: 2rem;
}

/* Ab hier Produktliste in Tabellenform */

.list-order .productlist-listendarstellung {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.list-order .productlist-listendarstellung .product {
	border: 1px solid #cad0d8;
	border-bottom: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	float: none;
	margin-right: 0;
	margin-bottom: 0;
    min-height: 60px;
	padding: 0.5rem;
    width: 100%;
}
.list-order .productlist-listendarstellung .product:first-of-type {
	border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.list-order .productlist-listendarstellung .product:last-of-type {
	border-bottom: 1px solid #cad0d8;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.list-order .productlist-listendarstellung .formbody, .list-order .productlist-listendarstellung .info_container, .list-order .productlist-listendarstellung .submit_container {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 767px) {
.list-order .productlist-listendarstellung .formbody {
	display: block;
}
.list-order .productlist-listendarstellung .info_container, .list-order .productlist-listendarstellung .submit_container {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
}

.list-order .productlist-listendarstellung form {
	margin-top: 0;
	margin-bottom: 0;
}

.list-order .productlist-listendarstellung h1, .list-order .productlist-listendarstellung h2, .list-order .productlist-listendarstellung h3, .list-order .productlist-listendarstellung h4, .list-order .productlist-listendarstellung h5, .list-order .productlist-listendarstellung h6,
.list-order .productlist-listendarstellung a, .list-order .productlist-listendarstellung .price, .list-order .productlist-listendarstellung .submit_container {
	color: #152935;
	font-size: 1rem;
	font-weight: 700;
	margin-right: 10px;
	margin-bottom: 0;
	margin-top: 0;
}

@media (max-width: 767px) {
.list-order .productlist-listendarstellung h1, .list-order .productlist-listendarstellung h2, .list-order .productlist-listendarstellung h3, .list-order .productlist-listendarstellung h4, .list-order .productlist-listendarstellung h5, .list-order .productlist-listendarstellung h6,
.list-order .productlist-listendarstellung a, .list-order .productlist-listendarstellung .price, .list-order .productlist-listendarstellung .submit_container {
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

.list-order .productlist-listendarstellung button, .list-order .productlist-listendarstellung input[type="submit"] {
	width: auto;
}
}

@media (max-width: 575px) {
td.quantity input {
	text-align: center;
}
}

.list-order .productlist-listendarstellung .product_list .image_container {
	height: 80px;
	max-height: 80px;
	min-height: 80px;
	margin-bottom: 0;
	padding: 0;
}

.list-order .productlist-listendarstellung .product_list img {
	width: auto;
	height: 80px;
    max-height: 80px;
}

.list-order .productlist-listendarstellung h1, .list-order .productlist-listendarstellung h2, .list-order .productlist-listendarstellung h3, .list-order .productlist-listendarstellung h4, .list-order .productlist-listendarstellung h5, .list-order .productlist-listendarstellung h6, .offer, .submit_container {
	color: #152935;
	font-size: 1rem;
	font-weight: 700;
	margin-right: 10px;
}

/* Warenkorb schöner */

td.quantity input {
	padding: 14px 8px;
	padding: 0.375rem 0.375rem;
	text-align: center;
}

a.continue {
	display: block;
	margin-top: 18px;
	margin-top: 1.125rem;
}

@media (min-width: 600px) {
a.continue {
	float: right;
}
}

.mod_iso_cart .price {
	text-align: right;
}

.mod_iso_cart .actions {
	text-align: right;
	width: 90px;
}

.mod_iso_cart .actions a, .mod_iso_cart .actions a:hover {
	text-decoration: none;
}

.mod_iso_cart .actions span {
	display: none;
}

.mod_iso_cart a.edit::before {
	font: 1rem/1 "RockSolid Icons";
	color: #daa520;
    content: "\e0e3";
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.mod_iso_cart a.remove::before {
	font: 1rem/1 "RockSolid Icons";
	color: #daa520;
    content: "\e14a";
    display: inline-block;
    position: relative;
}

.mod_iso_cart .image_container, .mod_iso_checkout .image_container, .mod_iso_orderdetails .image_container {
	height: 80px;
	max-height: 80px;
	min-height: 80px;
	margin-bottom: 0;
	padding: 0;
}

.mod_iso_cart img, .mod_iso_checkout img, .mod_iso_orderdetails img {
	width: auto;
	height: 80px;
    max-height: 80px;
}

/* Warenkorb für den Konfigurator */

.mod_iso_productlist.konfigurator-liste .product {
    border-bottom: 1px solid #cad0d8;
	float: none;
	margin-bottom: 3rem;
    min-height: 180px;
	padding-bottom: 1rem;
    width: 100%;
}


.konfigurator-uebersicht {
	background-color: white;
	border: 1px solid#b2b9c4;		
	border-radius: 20px;
	box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.15);
	padding: 1rem;
	position: fixed;
	top: 13.5rem;
	z-index: 99999;
}

.warenkorb-konfigurator .image_container {
	padding: 0;
	width: 50px
}

.warenkorb-konfigurator td {
	padding: 0.125em 0.625em;
}

.warenkorb-konfigurator td.col_0 {
	padding: 0.125em 0;
	width: 0;
}

.warenkorb-konfigurator td.name {
	border-width: 1px 0 0 0;
}

.warenkorb-konfigurator td.quantity {
	width: 90px;
}

/* Ende Warenkorb für den Konfigurator */

/* Message für Warenkorb */

.mod_iso_messages {
	background: #ffffff;
	border: 1px solid #0053a1;
	border-radius: 3px;
	box-shadow: 4px 4px 8px -1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 4px 4px 8px -1px rgba(0,0,0,0.25);
		-moz-box-shadow: 4px 4px 8px -1px rgba(0,0,0,0.25);
	margin: 0;
	max-width: 500px;
	padding: 1rem;
}

.mod_iso_messages p {
	margin: 0;
	text-align: left;
}

#iso_ajaxBox {
	width: 30%;
    padding: 0;
    position: fixed;
    top: 10%;
    left: 40%;
    background: transparent url(../images/loading.gif) no-repeat right center;
    border: none;
    font-family: "Trebuchet MS",Verdana,sans-serif;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    color: #000;
    z-index: 9999;
}

@media (max-width:350px) {
#iso_ajaxBox {
	width: 60%;
	left: 3%
}
}

@media (max-width:800px) {
#iso_ajaxBox {
	width: 60%;
	left: 22%
}
}

#iso_ajaxBox .iso_confirm {
    padding-left: 32px;
    background: url("https://www.ednt.de/files/tao/img/logos_und_icons/delete.svg") left center no-repeat;
}

/*#iso_ajaxBox.btnClose {
    background: url("https://www.ednt.de/files/tao/img/logos_und_icons/delete.svg") left center no-repeat;
    cursor: pointer;
    padding-left: 32px;
}*/


/* Checkout */

.steps li {
	font-weight: bold;
}

.steps li.passed {
	font-weight: normal;
}

/* Sonstige Inhalts-Elemente */

.main-content .icon-text-block::before {
	color: #DAA520;
}

/* ❌ ENDE CONTENT */

/* ⭕️ FOOTER */
.page-footer {
	background-color: #eeeeee;
	color: #000000;
	padding-bottom: 110px;
}

.page-footer .ce_text { margin: 0 auto; }

.page-footer a {
	color: #000000;
	text-decoration: underline;
}

.footer-bar .-color-inverted {
	background: transparent !important;
}

.footer-bar, .footer-bar h3 {
	color: #000000;
}
.page-footer .icon-links-label {
	color: #000000 !important;
}

.footer-top-link > span {
	color: #000000;
}

.footer-top-link:after  {
	background: #ffffff;
	border-radius: 10px;
	color: #DAA520
;
}

.footer-copyright {
	color: #000000;
}

.footer-bar input,
.footer-bar textarea {
	background: #ffffff;
	color: #daa520;
}

.page-footer .mod_customnav {
	color: #000000;
}

.footer-links li:before {
    background: #000000;
}

.news-footer-item time {
    background: transparent;
    border: 1px solid #ffffff;
}

.social-media-link-footer li {
	float: left;
	margin-right: 0.5rem;
	font-size: 2rem;
}

.page-footer .anmeldung, .page-footer .angemeldet {
	content: "";
	display: table;
	clear: both;
}

.footer-bar h1, .footer-bar h2, .footer-bar h3 { border-bottom: 1px solid #333333;   }
footer hr { border-top: 1px solid #333333; }
footer .centered-wrapper.-border-bottom { border-bottom: 1px solid #333333; }
footer .centered-wrapper.-border-top { border-top: 0; }
/* ❌ ENDE FOOTER */

/* ⭕️ ALLGEMEINE VERBESSERUNGEN */

.mod_cms_accept_tags form {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000000;
}
.mod_cms_accept_tags form > .tags > div .head label { background: #7c4410 !important; }
.mod_cms_accept_tags form > .tags > div .head label::after {
    background: #ffffff !important;
    border: 1px solid #7c4410;
}

.mod_cms_accept_tags form .submit.first { margin-right: 0.5rem; }

.icon-hr {
	margin-bottom: 2em;
}

/* ❌ ENDE ALLGEMEINE VERBESSERUNGEN */

/* ⭕️ HILFSKLASSEN */

.pull-right { float: right !important; }
.center { text-align: center; }

.center-container {
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

.center-container h1, .center-container h2, .center-container h3, .center-container h4, .center-container h5, .center-container h6, .center-container a {
	text-align: center;
}

.max-content { width: max-content; }
@media only screen and (max-width: 800px) {
.max-content { width: 100%; }}

@media only screen and (max-width: 599px) {
.mobile-no { display: none; }}

@media only screen and (min-width: 600px) {
.desktop-no { display: none; }}

.max-width-539 { display: block; }
	
@media only screen and (min-width: 550px) {
.max-width-539 { display: none; }}

.min-width-539 { display: none; }

@media only screen and (min-width: 550px) {
.min-width-539 { display: block; }}

.anmeldung, .angemeldet {
	text-align: right;
	margin-bottom: 2rem;
}

p:empty { display: none }

/* ❌ ENDE HILFSKLASSEN */

/* Header mit Sprachenwechsler und Hamburger-Icon Grid-CSS */
.grid-language {
	display: grid;
	grid-template-columns: auto auto max-content max-content max-content;
	grid-template-areas: 
	  "logo toggler lang icons search"; /* Desktop-Ansicht */
	align-items: start;
	gap: 30px;
	position: relative;
	padding-top: 2rem;
}
  
/* Jedes Element bekommt eine eigene Grid-Area */
.grid-language .logo-container {
	grid-area: logo;
	padding-top: 0;
}
.grid-language .toggler-container {
	grid-area: toggler;
	position: relative;
	width: 100%;
	align-self: normal;
}
.grid-language .b2b-b2c-toggler {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
}
.grid-language .b2b-b2c-toggler ul {
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
}
.grid-language .language-container {
	grid-area: lang;
	justify-self: right;
	align-self: normal;
}
.grid-language .icon-container {
	grid-area: icons;
	justify-self: right;
	align-self: normal;
}
.grid-language .icon-container ul {
	margin: 0;
	padding: 0;
}
.grid-language .icon-container li a:first-of-type { margin-right: 5px; }
.grid-language .search-container {
	grid-area: search;
	justify-self: right;
	align-self: normal;
}
.grid-language .main-navigation-search {
	position: relative;
	right: 0;
  }
  
  
  /* Mobile Ansicht */
  @media (max-width: 909px) {
	.grid-language {
	  grid-template-columns: 60px auto max-content max-content;
	  grid-template-rows: auto auto;
	  grid-template-areas: 
		". toggler lang icons"
		"logo logo logo logo"; /* Logo bekommt eigene Reihe */
	justify-self: end;
	gap: 30px;
	}
  
	.logo-container {
	  grid-area: logo;
	  padding-top: 0;
	  text-align: center; /* Falls Logo mittig sein soll */
	}
  
	.toggler-container {
	  grid-area: toggler;
	  justify-self: left;
	}
  
	.language-container {
	  grid-area: lang;
	  justify-self: center;
	}
  
	.icon-container {
	  grid-area: icons;
	  justify-self: right;
	}
  
	.search-container {
		display: none;
	  grid-area: search;
	  justify-self: right;
	}
}

  /* Mobile Ansicht */
  @media (max-width: 575px) {
	.grid-language {
	  grid-template-columns: auto auto;
	  grid-template-rows: auto auto auto;
	  grid-template-areas: 
		". icons"
		"toggler lang"
		"logo logo";
		align-items: center;
	justify-self: end;
	gap: 15px;
	}

	.logo-container {
	  grid-area: logo;
	  padding-top: 0;
	  text-align: center;
	}
  
	.toggler-container {
	  grid-area: toggler;
	  justify-self: left;
	}
	.grid-language .b2b-b2c-toggler ul {
		display: flex;
		justify-content: start;
		padding: 0;
		margin: 0;
	}
	

	.b2b-b2c-toggler { display: block; }
  
	.language-container {
	  grid-area: lang;
	  justify-self: right;
	}
}
/* Ende Header mit Sprachenwechsler und Hamburger-Icon Grid-CSS */