/*
Theme Name: Norddeutsche Mafia
Theme URI: https://www.norddeutschemafia.de
Description: Template für Conceptstore Smöögsch
Author: hf-netsolution e.K.
Author URI: https://www.hf-netsolution.com
Version: 1.0.2
Text Domain: ndm
*/


/* 	###################
	## Farbvariablen ##
	################### */

:root,
[data-bs-theme=light] {

	--ndm-primary-color: #000;
	--ndm-secondary-color: #3d3b32;
	--ndm-magenta-color: #ff66c4;
	--ndm-font-color: #414142;
	--ndm-headline-color: #414142;
	--ndm-light-grey: #f3f3f3;
	--ndm-white: #fff;
	--ndm-header: #292929;
	--ndm-footer: #292929;
	--ndm-nav: #414142;
	--ndm-nav-color: #ff66c4;
	--ndm-nav-hover: #3d3b32;
	--ndm-dark-font-color: #343434;
	--ndm-btn: #000;
	--ndm-btn-hover: #3d3b32;
	--ndm-light-cyan: #13498f;
	--ndm-subfooter-color: #fff;

}

[data-bs-theme=dark] { }


/* 	############################
	## Schriftart: Montserrat ##
	############################ */

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v30-latin-regular.woff2') format('woff2'),
       url('fonts/montserrat-v30-latin-regular.ttf') format('truetype');
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v30-latin-700.woff2') format('woff2'),
       url('fonts/montserrat-v30-latin-700.ttf') format('truetype');
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/montserrat-v30-latin-900.woff2') format('woff2'),
       url('fonts/montserrat-v30-latin-900.ttf') format('truetype');
}


/* 	########################
	## Schriftart: Roboto ##
	######################## */

/* roboto-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v48-latin-300.woff2') format('woff2'),
       url('fonts/roboto-v48-latin-300.ttf') format('truetype');
}

/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v48-latin-regular.woff2') format('woff2'),
       url('fonts/roboto-v48-latin-regular.ttf') format('truetype');
}

/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v48-latin-700.woff2') format('woff2'),
       url('fonts/roboto-v48-latin-700.ttf') format('truetype');
}


/* 	################
	## Typography ##
	################ */

html, body			{ height: 100%; margin: 0; padding: 0; }
html 				{ box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 16px; }
body 				{ background: #fff; }

@media (max-width: 991.98px) {
	html { font-size: 15px; }
}

@media (max-width: 767.98px) {
  	html { font-size: 14px; }
}

body, button, input,
select, textarea 	{ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--ndm-font-color); }

pre, code,
input, textarea		{ font: inherit; }

::-moz-selection	{ background: var(--ndm-secondary-color); color: var(--ndm-white); }
::selection 		{ background: var(--ndm-secondary-color); color: var(--ndm-white); }


/* 	###########
	## Links ##
	########### */

a 						{ color: var(--ndm-nav-color); text-decoration: none; outline: none; font-weight: 400; }
a:hover 				{ text-decoration: none; color: var(--ndm-nav-hover); text-decoration: none; }
a:active, a:focus,
a:hover 				{ outline: none; }

.site-page a 			{ color: var(--ndm-nav-color); text-decoration: none; outline: none; font-weight: 400; }
.site-page a:hover 		{ text-decoration: none; color: var(--ndm-nav-hover); text-decoration: none; }
.site-page a:active,
.site-page a:focus,
.site-page a:hover 		{ outline: none; }


/* 	###################
	## Überschriften ##
	################### */

/* Überschriften */
h1 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 2.2em; color: var(--ndm-headline-color); text-transform: uppercase; margin-top: 40px; margin-bottom: 40px; }
h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.3em; color: var(--ndm-headline-color); text-transform: uppercase; margin-bottom: 40px; }
h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.1em; color: var(--ndm-headline-color); text-transform: uppercase; }
h4 { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 1em; color: var(--ndm-headline-color); text-transform: uppercase; }
h5 { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 1em; color: var(--ndm-headline-color); text-transform: uppercase; }
h6 { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 1em; color: var(--ndm-headline-color); text-transform: uppercase; }

.front-page h2	{ margin-bottom: 40px; }


/* 	#############
	## Content ##
	############# */

ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  margin-top: 0;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  clear: both;
  margin: 20px 0;
}
blockquote p {
  font-style: italic;
}
blockquote cite {
  font-style: normal;
  margin-bottom: 20px;
  font-size: 13px;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

figure {
  margin: 0;
}

address {
  margin: 20px 0;
}

hr {
  border: 0;
  border-top: 1px solid #e9e9e9;
  height: 1px;
  margin-bottom: 20px;
}

tt,
kbd,
pre,
code,
samp,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  background-color: #e9e9e9;
  padding: 5px 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

pre {
  overflow: auto;
  white-space: pre-wrap;
  max-width: 100%;
  line-height: 1.7;
  margin: 20px 0;
  padding: 20px;
}

details summary {
  font-weight: bold;
  margin-bottom: 20px;
}
details :focus {
  outline: none;
}

abbr,
acronym,
dfn {
  cursor: help;
  font-size: 0.95em;
  text-transform: uppercase;
  border-bottom: 1px dotted #e9e9e9;
  letter-spacing: 1px;
}

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

small {
  font-size: 82%;
}

big {
  font-size: 125%;
}

ul, ol {
  /* padding-left: 20px; */
}

ul {
  list-style: square;
}

ol {
  list-style: decimal;
}

ul li, ol li {
  margin: 8px 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 20px 20px;
}


/* 	###########
	## Table ##
	########### */

table {
  	width: 100%;
  	margin-bottom: 20px;
  	border: 1px solid #e9e9e9;
	border-collapse: collapse;
  	border-spacing: 0;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid #e9e9e9 !important;
  line-height: 1.42857;
  padding: 5px;
  vertical-align: middle;
}

table > thead > tr > th, table > thead > tr > td {
  border-bottom-width: 2px;
}

table th {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}


/* 	###################
	## Accessibility ##
	################### */

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f8f9f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  clip: auto !important;
  color: var(--ndm-font-color);
  display: block;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 17px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}


/* 	################
	## Alignments ##
	################ */

.alignleft 		{ display: inline; float: left; margin-right: 3.5em; }
.alignright 	{ display: inline; float: right; margin-left: 3.5em; }
.aligncenter 	{ clear: both; display: block; margin-left: auto; margin-right: auto; }


/* 	###############
	## Clearings ##
	############### */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	clear: both;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/* 	############
	## Helper ##
	############ */

.hide		{ display: none; }

.clearleft 	{ clear: left; }

.break, h1,
h2,
h3,
h4,
h5,
h6, p, ul, ol, dl, blockquote, pre {
	word-break: break-word;
	word-wrap: break-word;
}


/* ################
   ## Pageloader ##
   ################ */

.sektion {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* ############
   ## Header ##
   ############ */

.site-header 							{ line-height: 86px; position: relative; width: 100%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background: #fff; z-index: 1000; box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06); }
.is-transparent .site-header.no-scroll	{ line-height: 86px; }
.site-header.header-fixed 				{ top: 0; left: 0; position: fixed; }
.site-header .custom-logo-transparent 	{ display: none; }
.followWrap 							{ display: block; }

.is-transparent .followWrap 			{ z-index: 99; width: 100%; background: transparent; position: absolute; top: 0; display: block; }
.is-transparent .site-header 			{ background: transparent; position: fixed; top: 0; }
.is-transparent .site-header.no-sticky	{ position: absolute; top: auto; }
.is-transparent .site-header.no-scroll 	{ box-shadow: none; }

.is-transparent .site-header.no-scroll .has-t-logo .custom-logo-transparent {
  display: inline-block;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo {
  display: none;
}
.is-transparent .site-header.no-scroll #nav-toggle span {
  background-color: #fff;
}
.is-transparent .site-header.no-scroll #nav-toggle span::before, .is-transparent .site-header.no-scroll #nav-toggle span::after {
  background-color: #fff;
}
.is-transparent .site-header.no-scroll #nav-toggle.nav-is-visible span {
  background-color: transparent;
}
.is-transparent .site-header.header-fixed {
  background: #fff;
}
.is-transparent .site-header.header-fixed.no-scroll {
  background: transparent;
  box-shadow: none;
}

/* Logo */
.site-logo-div img.custom-logo-transparent	{ width: 405px; height: 66px; margin-top: 10px; }
.site-logo-div img.custom-logo 				{ width: 405px; height: 66px; margin-top: 10px; }

@media screen and (min-width: 1140px) {
	.is-transparent .no-scroll.site-header .nav-menu > li > a {
		color: rgba(255, 255, 255, 0.9);
	}
	.is-transparent .no-scroll.site-header .nav-menu > li > a:hover {
		color: var(--ndm-nav-hover);
	}
}

.site-branding 											{ float: left; }

.site-branding .site-title,
.site-branding .site-text-logo 							{ margin: 0; line-height: 1; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 23px; letter-spacing: 1px; text-transform: uppercase; color: #000; display: initial; vertical-align: middle; font-weight: 700; }

.site-branding .site-title:hover,
.site-branding .site-text-logo:hover					{ text-decoration: none; }
.site-branding .site-title 								{ display: inline-block; }
.site-branding .site-image-logo 						{ display: block; }
.site-branding .site-logo-div 							{ line-height: 75px; }

.site-branding .no-logo-img.has-desc,
.site-branding .has-logo-img 							{ line-height: 60px; }

.site-branding .no-logo-img.has-desc .site-title,
.site-branding .has-logo-img .site-title 				{ margin-top: -5px; position: relative; }

.site-branding .no-logo-img.has-desc .site-description,
.site-branding .has-logo-img .site-description 			{ font-size: 12px; line-height: 14px; margin-bottom: 0; position: relative; top: -15px; color: #000; }

.home.header-transparent .no-scroll .site-brand-inner,
.home.header-transparent .no-scroll .site-text-logo 	{ color: #fff; }


/* ################
   ## Navigation ##
   ################ */

.nav-menu,
.nav-menu * 			{ margin: 0; padding: 0; list-style: none; }

.nav-menu 				{ float: right; }
.nav-menu ul 			{ position: absolute; display: block; height: 1px; overflow: hidden; opacity: 0; z-index: -1; top: 100%; left: 0; }
.nav-menu ul.sub-ul-r 	{ left: auto; right: 0px; }
.nav-menu ul ul 		{ top: 0; left: 100%; }
.nav-menu li 			{ position: relative; }
.nav-menu > li 			{ float: left; }
.nav-menu li:hover > ul	{ display: block; height: initial; overflow: initial; opacity: 1; z-index: 99; }

.nav-menu a 			{ display: block; position: relative; }
.nav-menu ul 			{ min-width: 12em; width: fit-content; max-width: 100vw; /* border: 1px solid transparent; */ border-top: none; }

.nav-menu li 			{ white-space: nowrap; *white-space: normal; -webkit-transition: background 0.2s; transition: background 0.2s; }
.nav-menu li:hover		{ -webkit-transition: none; transition: none; }

.nav-menu a 			{ color: var(--ndm-nav); font-family: 'Roboto', sans-serif; padding-left: 16px; padding-right: 16px; font-size: 18px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 0; white-space: nowrap; }
.nav-menu a:hover 		{ color: var(--ndm-nav-hover); }
.nav-menu ul li 		{ line-height: 26px; width: fit-content; min-width: 100%; background-color: rgba(33, 37, 41, .8); }
.nav-menu ul li a 		{ border-top: 1px solid transparent; padding: 8px 18px; color: #fff; font-size: 15px; font-weight: 400; text-transform: none; letter-spacing: 0; }
.nav-menu ul li a:hover { color: var(--ndm-white); background-color: rgba(33, 37, 41, .9); }

/* Balken-Animation */
.nav-menu li.menu-item > a:before 							{ content: ""; display: block; position: absolute; bottom: 24px; left: 0; right: 0; margin: auto; width: 35%; height: 3px; background: var(--ndm-primary-color); opacity: 0; transition: none; }
.nav-menu li.menu-item > a:hover:before 					{ opacity: 1; }
.nav-menu ul li.menu-item > a:hover:before 					{ opacity: 0; }
.nav-menu li.current-menu-parent > a:before 				{ content: ""; display: block; position: absolute; bottom: 24px; left: 0; right: 0; margin: auto; width: 35%; height: 3px; background: var(--ndm-primary-color); opacity: 1; transition: none; }
.nav-menu li.current-menu-parent > a:hover:before 			{ opacity: 1; }
.nav-menu li.current-menu-item > a:before 					{ content: ""; display: block; position: absolute; bottom: 24px; left: 0; right: 0; margin: auto; width: 35%; height: 3px; background: var(--ndm-primary-color); opacity: 1; transition: none; }
.nav-menu li.current-menu-item > a:hover:before 			{ opacity: 1; }
.nav-menu ul li.current-menu-item > a:before 				{ opacity: 0; }

.nav-menu li.wpml-ls-item > a:hover:before 					{ opacity: 0; }
.nav-menu.nav-menu-mobile > li.current-menu-item > a:before	{ transition: none; opacity: 0 !important; }
.nav-menu.nav-menu-mobile > li.menu-item > a:before 		{ transition: none; opacity: 0 !important; }

.nav-menu li.current-menu-parent > a						{ color: var(--ndm-primary-color); }
.nav-menu > li:last-child > a 								{ padding-right: 0px; }
.nav-menu > li:last-child > a:before						{ left: 16px; }
.nav-menu > li a.active 									{ color: var(--ndm-primary-color); }
.nav-menu .nav-toggle-subarrow 								{ display: none; }

/* Mobil */
#nav-toggle 									{ display: none; margin-left: 15px; }

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

	.main-navigation			{ position: static; }
	.main-navigation .nav-menu 	{ width: 70% !important; display: block; height: 0px; overflow: hidden; background: transparent; }
	.nav-menu.nav-menu-mobile 	{ position: absolute; right: 0; top: 75px; z-index: 800; overflow: auto !important; border-top: 0; border-bottom: 0; }

  	.is-transparent .site-header.no-scroll .nav-menu.nav-menu-mobile { top: 105px; }

	.nav-menu li.menu-item > a:before 					{ display: none; }
	.nav-menu li.menu-item > a:hover:before 			{ display: none; }
	.nav-menu ul li.menu-item > a:hover:before 			{ display: none; }

	.nav-menu li.current-menu-item > a:before 			{ display: none; }
	.nav-menu li.current-menu-item > a:hover:before 	{ display: none; }
	.nav-menu ul li.current-menu-item > a:hover:before 	{ display: none; }

	.nav-menu > li.wpml-ls-menu-item > a 				{ padding-top: 14px !important; padding-bottom: 14px !important; }
	.nav-menu li.wpml-ls-current-language > a:before 	{ display: none !important; }
  	.nav-menu.nav-menu-mobile .sub-menu 				{ width: auto; }
	.nav-menu.nav-menu-mobile > li > a 					{ padding: 12px 20px; }
  	.nav-menu.nav-menu-mobile li:hover ul 				{ display: none; }

	.nav-menu.nav-menu-mobile ul 						{ box-shadow: none; padding-bottom: 0; border: none; position: relative; }
	.nav-menu.nav-menu-mobile ul li:last-child 			{ border-bottom: none; }
  	.nav-menu.nav-menu-mobile ul li a 					{ padding: 12px 35px; border-top: none; white-space: pre-line; font-weight: 300; text-transform: uppercase; }
  	.nav-menu.nav-menu-mobile ul li a:hover 			{ background: var(--ndm-nav-hover); }
  	.nav-menu.nav-menu-mobile ul li li a 				{ padding: 12px 70px; border-top: none; }
  	.nav-menu.nav-menu-mobile ul li li li a 			{ padding: 12px 105px; }
  	.nav-menu.nav-menu-mobile ul ul 					{ left: 0px; }
  	.nav-menu.nav-menu-mobile li 						{ line-height: 20px; background: rgba(33, 37, 41, .9); border-top: 0; width: 100% !important; }
  	.nav-menu.nav-menu-mobile > li:first-child 			{ border-top: 0px none; }
  	.nav-menu.nav-menu-mobile li.current-menu-item > a	{ color: #fff !important; font-weight: 300; text-transform: uppercase; }
  	.nav-menu.nav-menu-mobile li.current-menu-item a	{ font-weight: 600; }

  	.nav-menu.nav-menu-mobile li.current-menu-parent > a { color: #fff !important; font-weight: 600; }

  	.nav-menu.nav-menu-mobile li.nav-current-item > a 	{ color: #fff; }
  	.nav-menu.nav-menu-mobile a 						{ color: #fff; }
  	.nav-menu.nav-menu-mobile a:hover 					{ color: #fff; background-color: var(--ndm-nav-hover); }
  	.nav-menu.nav-menu-mobile .nav-toggle-subarrow 		{ display: block; color: #777; border-left: 0; font-weight: normal; position: absolute; top: 0; right: 0; cursor: pointer; text-align: center; padding: 11px 20px; z-index: 10; font-size: 22px; }

	.nav-menu.nav-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before { content: "\f106" !important; }
  	.nav-menu.nav-menu-mobile .nav-toggle-dropdown > ul											{ left: 0px; display: block !important; height: initial; overflow: initial; opacity: 1; z-index: inherit; }

	#nav-toggle											{ display: block; }

}

#nav-toggle {
  float: right;
  position: relative;
  width: 35px;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}
#nav-toggle span {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
  -webkit-transition: rotate 0.2s, translate 0.2s;
  -moz-transition: rotate 0.2s, translate 0.2s;
  transition: rotate 0.2s, translate 0.2s;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #000;
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  top: 8px;
}
#nav-toggle span:before, #nav-toggle span:after {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #000000;
  content: "";
  right: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}

#nav-toggle.nav-is-visible span {
  background: transparent;
}
#nav-toggle.nav-is-visible span:before {
  -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-1px) rotate(45deg);
  transform: translateX(4px) translateY(-1px) rotate(45deg);
}
#nav-toggle.nav-is-visible span:after {
  -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(0px) rotate(-45deg);
  transform: translateX(4px) translateY(0px) rotate(-45deg);
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
  background: #000;
}

/* Pfeil nach unten in der Navigationsleiste ausblenden */
.nav-menu.nav-menu-mobile .dropdown-toggle::after { margin-left: 0; border-top: 0.3em solid transparent; }


/* #################
   ## Animationen ##
   ################# */

@-webkit-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownSmall {
  -webkit-animation-name: fadeInDownSmall;
  animation-name: fadeInDownSmall;
}

@-webkit-keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeftSmall {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}

@-webkit-keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRightSmall {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}

@-webkit-keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}


/* ###########
   ## Suche ##
   ########### */

.search-page															{ padding: 0; min-height: 600px; }

/* Lupe rechts anordnen */
.header-dropdown-buttons 												{ float: right; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.header-dropdown-buttons i												{ font-size: 18px; padding-left: 0; color: var(--ndm-font-color); }
.header-dropdown-buttons i:hover										{ color: var(--ndm-nav-hover); }

.is-transparent .no-scroll .header-dropdown-buttons i					{ color: var(--ndm-white); }
.is-transparent .header-dropdown-buttons i								{ color: var(--ndm-font-color); }
.is-transparent .header-dropdown-buttons i:hover						{ color: var(--ndm-nav-hover); }

/* Pfeil nach Symbol verstecken */
.header-dropdown-buttons .dropdown-toggle::after 						{ display: none; }

/* Animation */
.header-dropdown-buttons .dropdown-toggle + ul.dropdown-menu 			{ -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall;}

/* Bei klick Position festlegen */
.header-dropdown-buttons ul.dropdown-menu.dropdown-menu-right.show 		{ position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; margin-top: 18px !important; }

/* Button: Lupe Anpassungen */
.header-dropdown-buttons .btn:focus 									{ box-shadow: none; }
.header-dropdown-buttons button:focus 									{ outline: 0; }
.header-dropdown-buttons .btn.dropdown-toggle 							{ /* padding: 36px 0 2px 0; */ border: 0; }

/* Button: Schliessen */
.header-dropdown-buttons li.btn-close 									{ position: absolute; top: 0; right: 0 !important; font-size: .8em; width: .6em; height: .6em; cursor: pointer; }
.header-dropdown-buttons button.close 									{ position: absolute; top: 0; right: 10px; }

/* Suchfeld */
.header-dropdown-buttons ul.dropdown-menu 								{ margin: 5px 0 0 0; padding: 0; min-width: 300px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0; }
.header-dropdown-buttons ul.dropdown-menu li 							{ float: right; padding: 20px 30px 0 0; }
.header-dropdown-buttons .btn-group .form-control 						{ float: left; width: 200px; border-radius: 0; }
.header-dropdown-buttons .form-group 									{ margin-top: 6px; margin-bottom: 25px; }

/* Suchfeld - Button */
.header-dropdown-buttons .btn-group .btn 								{ float: left; }

.header-dropdown-buttons .search-box .btn i								{ color: #fff !important; }
.header-dropdown-buttons .search-box .btn 								{ color: #fff; background-color: var(--ndm-btn); border: 1px solid var(--ndm-btn); border-radius: 0; padding-left: 10px; }
.header-dropdown-buttons .search-box .btn:hover 						{ background-color: var(--ndm-dark-font-color); border: 1px solid var(--ndm-dark-font-color); }
.header-dropdown-buttons .search-box .btn:focus,
.header-dropdown-buttons .search-box .btn:active						{ box-shadow: none !important; }

/* Suchfeld - Input */
.header-dropdown-buttons .search-box .form-control 						{ font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #1d1d1b; }
.header-dropdown-buttons .search-box .form-control:focus 				{ outline: 0; border-color: var(--ndm-btn); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/* Suchergebnisse */
.search-post-excerpt 													{ text-align: left; display: block; }
.search-separator 	 													{ margin-top: 20px; margin-bottom: 40px; border-top: 2px solid var(--ndm-btn); }
.search-term		 													{ color: #e9473a; }
.page-header 															{ padding: 0; }
.page-header h2.page-title												{ font-size: 27px; color: var(--ndm-btn); font-weight: 700; margin: 40px 0 15px 0; letter-spacing: -0.025em; text-transform: none; }
.search-result-count													{ padding: 0 0 60px 0; }
.search-img img  														{ max-width: 400px; height: auto; }

/* Buttons */
.search-output .wp-bootstrap-blocks-button .btn 						{ font-family: 'Roboto', sans-serif; border: 0px; background-color: var(--ndm-btn); color: #fff; margin: 10px 0 30px 0 !important; padding: 10px 30px; font-size: 22px; font-weight: 600; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; box-shadow: none; }
.search-output .wp-bootstrap-blocks-button .btn-primary:focus			{ background-color: var(--ndm-btn) !important; color: #fff; box-shadow: none !important; }
.search-output .wp-bootstrap-blocks-button .btn-primary:active			{ background-color: var(--ndm-btn) !important; color: #fff; box-shadow: none !important; }
.search-output .wp-bootstrap-blocks-button .btn-primary:hover			{ background-color: var(--ndm-dark-font-color); color: #fff; }

@media (max-width: 575.98px) {

	.header-dropdown-buttons .btn.dropdown-toggle 						{ padding: 0; }

}

/* Sprachen-Symbole */
.nav-menu li.wpml-ls-item a 							{ line-height: 75px; }
.nav-menu > li.wpml-ls-menu-item > a					{ padding-top: 28px; padding-bottom: 26px; padding-left: 20px; padding-right: 0; }
.nav-menu.nav-menu-mobile > li.wpml-ls-menu-item > a	{ padding-left: 30px; }
.nav-menu li.wpml-ls-menu-item ul 						{ min-width: 6rem; }

/* .nav-menu li.wpml-ls-current-language > a:before 	{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 90%; height: 2px; background: var(--ndm-nav-hover); opacity: 1; transition: all .3s ease-in; } */

/* Flaggen ausgrauen */
li.wpml-ls-menu-item img 								{ -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all .3s ease-in; }

.nav-menu li.wpml-ls-item > a:hover:before 				{ opacity: 0 !important; }

li.wpml-ls-menu-item img:hover 							{ -webkit-filter: none; filter: none; }
li.wpml-ls-current-language img 						{ -webkit-filter: none; filter: none; }


/* 	############
	## Layout ##
	############ */

/* header */
.header-top-wrapper							{ background-color: var(--ndm-header); }
.header-top 								{ position: relative; color: var(--ndm-white); padding: 4px 0; line-height: 30px; }
.header-top p 								{ margin: 0; }
.header-top i 								{ padding-right: 5px; }

.header-top ul 								{ margin: 0; padding-left: 0; list-style: none; }
.header-top ul li 							{ margin: 0; }

.header-top a 								{ color: var(--ndm-white); }
.header-top a:focus							{ color: var(--ndm-white); }
.header-top a:active						{ color: var(--ndm-white); }
.header-top a:hover							{ color: var(--ndm-white); }

/* header - Hinweise */
.header-notice-wrapper						{ background-color: var(--ndm-magenta-color); }
.header-notice 								{ position: relative; color: var(--ndm-white); padding: 4px 0; line-height: 30px; border-bottom: 4px var(--dmb-header-bg-nav) solid; }
.header-notice p 							{ margin-bottom: 0; margin: 0 5px 0px 5px; }

.header-notice a 							{ color: var(--ndm-white); margin: 0; padding: 5px 20px; font-size: 16px; font-weight: 400; letter-spacing: 0; text-transform: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; box-shadow: none; }
.header-notice a:focus						{ background-color: var(--ndm-white) !important; border-color: var(--dmb-white) !important; color: #fff; box-shadow: none !important; }
.header-notice a:active						{ background-color: var(--ndm-white) !important; border-color: var(--dmb-white) !important; color: #fff; box-shadow: none !important; }
.header-notice a:hover						{ background-color: var(--ndm-white); border-color: var(--ndm-white); color: var(--dmb-header-bg); }

/* Pages */
.site-page									{ position: relative; padding: 0 0 100px 0; min-height: 600px; }


/* 	################
	## Startseite ##
	################ */
/*
.ndm-home-icons i 		{ display: table; line-height: 1em; font-size: 38px; background-color: #fff; color: #292929; margin: 20px auto 20px auto; border: 2px solid #39b54a; padding: .5em; border-radius: 50%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.ndm-home-icons i:hover	{ background-color: #39b54a; color: #fff; }
*/

.ndm-icon 				{ display: table; margin: 0 auto; }
.ndm-home-icons i 		{ display: inline-flex; justify-content: center; align-items: center; width: 70px; height: 70px; font-size: 28px; background-color: #fff; color: #292929; margin: 20px auto; border: 2px solid #39b54a; border-radius: 50%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.ndm-home-icons i:hover { background-color: #39b54a; color: #fff; }

/* Listen */
.site-page li								{ color: var(--ndm-font-color); padding-bottom: 10px; /* padding-left: 20px; */ }
.site-page li::marker 						{ color: var(--ndm-nav-hover); font-size: 24px; }
.site 										{ background: var(--ndm-white); position: relative; }
.site-page img								{ border-radius: 0; }

@media (max-width: 575.98px) {
	.site-page-img-border img 	{ margin-bottom: 20px; }
	.site-page-img img 			{ margin-bottom: 20px; }
}

/* Startseite - Sektionen */
.home-light-grey 				{ background-color: var(--ndm-light-grey); padding-top: 60px; padding-bottom: 60px; }


/* #############
   ## Buttons ##
   ############# */

.front-page .wp-bootstrap-blocks-button a.btn.btn-primary 			{ font-family: 'Roboto', Helvetica, Arial, sans-serif; border: 0; background-color: var(--ndm-primary-color); border-color: var(--ndm-primary-color); color: #fff; margin-top: 10px; padding: 12px 30px; font-size: 16px; font-weight: 400; letter-spacing: 0; text-transform: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; }
.front-page .wp-bootstrap-blocks-button a.btn.btn-primary:focus		{ background-color: var(--ndm-primary-color) !important; border-color: var(--ndm-primary-color) !important; color: #fff; box-shadow: none !important; }
.front-page .wp-bootstrap-blocks-button a.btn.btn-primary:active	{ background-color: var(--ndm-primary-color) !important; border-color: var(--ndm-primary-color) !important; color: #fff; box-shadow: none !important; }
.front-page .wp-bootstrap-blocks-button a.btn.btn-primary:hover		{ background-color: var(--ndm-secondary-color); border-color: var(--ndm-secondary-color);  color: #fff; }

.site-page .wp-bootstrap-blocks-button a.btn.btn-primary 			{ font-family: 'Roboto', Helvetica, Arial, sans-serif; border: 0; background-color: var(--ndm-primary-color); border-color: var(--ndm-primary-color); color: #fff; margin-top: 10px; padding: 12px 30px; font-size: 16px; font-weight: 400; letter-spacing: 0; text-transform: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; }
.site-page .wp-bootstrap-blocks-button a.btn.btn-primary:focus		{ background-color: var(--ndm-primary-color) !important; border-color: var(--ndm-primary-color) !important; color: #fff; box-shadow: none !important; }
.site-page .wp-bootstrap-blocks-button a.btn.btn-primary:active		{ background-color: var(--ndm-primary-color) !important; border-color: var(--ndm-primary-color) !important; color: #fff; box-shadow: none !important; }
.site-page .wp-bootstrap-blocks-button a.btn.btn-primary:hover		{ background-color: var(--ndm-secondary-color); border-color: var(--ndm-secondary-color);  color: #fff; }

/* --- */

/* Eigene Formate */
.site-headline p							{ font-size: 26px; line-height: 36px; font-weight: 400; color: var(--ndm-font-color); }
p.site-color-cyan							{ color: var(--ndm-light-cyan) !important; font-weight: 400; }
p.site-color-cyan-big						{ color: var(--ndm-light-cyan); font-weight: 400; font-size: 26px; line-height: 36px; }
ul.site-list-ndm 							{ list-style: none; margin-left: 15px; padding: 0 0 0 1em; }
ul.site-list-ndm li::before 				{ font-family: 'Font Awesome 6 Free'; content: "\f058"; color: var(--ndm-nav-hover); font-weight: 900; display: inline-block; width: 2em; margin-left: -1em; }

/* Fragen & Antworten */
.accordion-button:not(.collapsed) 			{ background-color: #ccc; color: var(--ndm-font-color); }
.accordion-button:focus 					{ box-shadow: none; }

.accordion-item,
.accordion-button  							{ border-radius: 0 !important; }
.accordion-item 							{ color: var(--ndm-font-color); }

/* Pfeile anpassen */
.accordion-button:not(.collapsed)::after 	{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button.collapsed::after 			{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2339b54a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.accordion-button:not(.collapsed) 			{ background-color: var(--ndm-primary-color); color: #fff; }
.accordion-button:focus 					{ box-shadow: none; }

.accordion-item,
.accordion-button  							{ border-radius: 0 !important; font-weight: 700; }
.accordion-body								{ font-weight: 400; }


/* ##################
   ## Headerbilder ##
   ################## */

.header-image 				{ position: relative; }

/* header - Bilder */
img.header-img-size			{ object-fit: cover; }

/* header - Titel */
.header_title-wrapper		{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; }
.header-title				{ position: relative; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 38px; text-transform: uppercase; line-height: 44px; color: #fff; }

/* Overlay */
.dark-overlay:after			{ content:""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: inherit; }

@media (max-width: 575.98px) {
	.header-title			{ font-size: 18px; line-height: 20px; }
}


/* 	#########################
	## Services - Template ##
	######################### */

.site-services h3 							{ margin: 1.5em 0 1em 0; }
.site-services								{ position: relative; padding: 0; min-height: 600px; }
.site-services h1.wp-block-heading			{ position: relative; }
.site-services h1							{ padding-top: 40px; }
.site-services h1 							{ text-align: center !important; font-size: 40px; font-weight: 300; position: relative; display: inline-block; margin: 20px auto 40px auto; }
.site-services h1 strong 					{ font-weight: 700; }

.services-system h2.wp-block-heading		{ position: relative; }
.services-system h2							{ padding-top: 40px; }
.services-system h2 						{ text-align: center !important; font-size: 26px; font-weight: 300; position: relative; display: inline-block; margin: 20px auto 60px auto; }
.services-system h2 strong 					{ font-weight: 700; }
.services-system h3 						{ margin: 0; }
.services-system li							{ padding-bottom: 0; }
.services-system ul li						{ margin: 0; }

.references-img	img							{ padding: 60px 0 40px 0; }
.services-system							{ padding: 40px 0 60px 0; }
.site-services .accordion-item 				{ border-color: #fff; }
.tab-content 								{ border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-link 						{ border-radius: 0; }
.nav-tabs .nav-link 						{ color: var(--ndm-font-color); }
.nav-tabs .nav-link.active 					{ background-color: var(--ndm-primary-color); color: #fff; }
.nav-tabs .nav-link.active:hover 			{ /* background-color: var(--ndm-primary-color-hover); */ }

.site-services .tab-content ul				{ list-style-type: square; margin: 0; padding: 0 0 0 20px; }
.site-services .tab-content li 				{ padding-bottom: 10px; }
.site-services .tab-content li::marker 		{ color: var(--ndm-primary-color); }


@media (max-width: 991px) {

	.tab-content>.tab-pane			{ display: block; opacity: 1; }
	.site-services .accordion-item	{ border-color: var(--bs-accordion-border-color); }
	.tab-content 					{ border-left: 0; border-right: 0; border-bottom: 0; }
	.tab-content img				{ margin-bottom: 20px; }

}


/* ##########
   ## News ##
   ########## */

/* News Block */
.ndm-postimg  						{ max-width: 100%; height auto; overflow: hidden; }
.ndm-postimg img 					{ width: 100%; height: auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear;	-o-transition: all 0.3s linear;	transition: all 0.3s linear; border-radius: 0; }
.ndm-postimg img:hover				{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.ndm-news							{ /* margin-bottom: 40px; */ }
.ndm-news-bg						{ background-color: var(--ndm-light-grey); }
.ndm-news .card						{ border: 0; -webkit-border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; }
.ndm-news .card-body				{ /* padding: 0; */ }
.ndm-news .ndm-news-bg				{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); }
.ndm-news .ndm-news-content			{ padding: 0 15px 15px 15px; }

.ndm-news a							{ color: var(--ndm-font-color); font-weight: 700; text-decoration: none; }
.ndm-news h3						{ margin-top: 1em; margin-bottom: 1em; }
.ndm-news h3 a						{ color: var(--ndm-title-color); text-decoration: none; }
.ndm-news a:hover  					{ color: var(--ndm-nav-hover); text-decoration: none; }
.ndm-news a:focus,
.ndm-news a:active 					{ color: var(--ndm-font-color); text-decoration: none; }
.ndm-dateinfo 						{ padding-top: 15px; text-align: center; color: #bbc2ce; font-size: 14px; }

.ndm-news-btn 						{ /* padding-left: 15px; */ display: table; margin: 0 auto; }
.ndm-news-btn .btn 					{ font-family: 'Roboto', Arial, Helvetica, sans-serif; border: 0; background-color: var(--ndm-primary-color); color: #fff; margin: 10px 0 30px 0 !important; padding: 10px 50px; font-size: 16px; font-weight: 400; text-transform: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; }
.ndm-news-btn .btn-primary:focus	{ background-color: var(--ndm-primary-color) !important; color: #fff; box-shadow: none !important; text-decoration: none; }
.ndm-news-btn .btn-primary:active	{ background-color: var(--ndm-primary-color) !important; color: #fff; box-shadow: none !important; text-decoration: none; }
.ndm-news-btn .btn-primary:hover	{ background-color: var(--ndm-secondary-color); color: #fff; text-decoration: none; }


/* 	#####################
   	## Blog - Beiträge ##
   	##################### */

.main-container									{ padding:  40px 0 0 0; }
.main-container ul li::marker 					{ color: var(--ndm-primary-color); }
.blog-separator 	  				 			{ width: 100%; margin-bottom: 15px; position: relative; height: 1px; }
.blog-separator:after 				 			{ height: 1px; background: #d1d1d1; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); position: absolute; bottom: -1px; left: 0px; content: ""; width: 100%; }
.blog-separator-single 				 			{ width: 100%; margin-bottom: 5px; position: relative; height: 1px; }
.blog-separator-single:after		 			{ height: 1px; background: #d1d1d1; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); position: absolute; bottom: -1px; left: 0px; content: ""; width: 100%; }
.post-date a, .post-date span 		 			{ color: #798992; font-size: 11px; margin-right: 5px; }
.post-date a > i,.post-date span > i 			{ margin-right: 5px; }

/* Blog */
.blogpost 		 					 			{ margin: 0 0 70px; }
.blogpost h3	 					 			{ font-weight: 700; color: var(--ndm-font-color); }
.blogpost header 					 			{ padding: 20px 0 20px 0; }
.blogpost header h2 				 			{ font-size: 22px; text-transform: none; margin-top: 0; margin-bottom: 0; }
.blogpost .post-info 				 			{ font-size: 11px; color: #aeafb1; font-weight: 400; padding-bottom: 5px; }
.blogpost .post-info > span 		 			{ margin-right: 5px; display: inline-block; }
.blogpost .post-info a 				 			{ color: #aeafb1; }
.blogpost .blogpost-content 		 			{ padding: 0 0 10px 0; }
.blogpost .row .blogpost-content 	 			{ padding-bottom: 0; }
.blogpost footer 					 			{ font-size: 38px; padding: 10px; color: var(--ndm-primary-color); border-top: 1px solid #e9ecef; }
.blogpost .row + footer 			 			{ padding: 10px 0; }
.blogpost.full 						 			{ margin-bottom: 30px; }
.blogpost.full header 				 			{ padding: 0 0 15px 0; }
.blogpost.full .blogpost-content 	 			{ padding: 0 0 5px; }
.blogpost.full footer 				 			{ padding: 10px 0; }

.ndm-postimg  									{ max-width: 100%; height auto; overflow: hidden; }
.ndm-postimg-blog								{ /* border-bottom: 10px solid var(--ndm-primary-color); */ }
.ndm-postimg img 								{ width: 100%; height: auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear;	-o-transition: all 0.3s linear;	transition: all 0.3s linear; }
.ndm-postimg img:hover							{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/* Frontpage */
.news-content h1.wp-block-heading				{ position: relative; display: table; }
.news-content h1								{ padding-top: 40px; }
.news-content h1 								{ text-align: center !important; font-size: 40px; font-weight: 600; position: relative; display: inline-block; margin: 20px auto 40px auto; }
.news-content h1 strong 						{ font-weight: 700; }

.ndm-postcontent 				{ /* padding: 15px; border-left: 1px solid #e9ecef; border-right: 1px solid #e9ecef; */ border-bottom: 1px solid #e9ecef; }
.ndm-postcontent h2 			{ margin-top: 10px; line-height: 32px !important; }
.ndm-postcontent h2 a			{ color: var(--ndm-title-color); font-size: 28px; font-weight: 600; text-transform: none; text-decoration: none; outline: 0px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.ndm-postcontent h2 a:focus,
.ndm-postcontent h2 a:active 	{ color: var(--ndm-title-color); text-decoration: none; }
.ndm-postcontent h2 a:hover  	{ color: var(--ndm-nav-hover); text-decoration: none; }

.ndm-postinfo					{ font-size: 12px; color: var(--ndm-font-color); font-weight: 400; padding-bottom: 0; }
.ndm-postinfo span				{ color: var(--ndm-primary-color); }
.ndm-postinfo > span i			{ margin-right: 3px; display: inline-block; }
.ndm-postfooter					{ padding: 0; text-transform: none; font-size: 14px; }

.ndm-postimg 					{ position: relative; }
.ndm-dateinfo					{ position: absolute; top: 0; right: 0; background-color: var(--ndm-primary-color); color: #fff; padding: 8px; font-size: 12px; }

/* Beitragsnavigation */
ul.pagination, ul.pager										{ display: table; margin: 30px auto 30px auto; }

ul.pagination .page-item 									{ padding: 0; margin: 0 10px 0 0; border-bottom: none; display: inline-block; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
ul.pagination .page-item:last-child 						{ margin: 0; }

ul.pagination .page-item .page-link,
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link,
ul.pager .page-item .page-link 								{ text-align: center; padding: 0; height: 40px; width: 40px; border: 1px solid #9ba0a2; line-height: 39px; background-color: #9ba0a2; color: #fff; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

ul.pagination .page-item .page-link:hover,
ul.pagination .page-item .page-link:focus 					{ background-color: #727272; border: 1px solid #727272; color: #fff; }

ul.pagination .page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus 							{ background-color: var(--ndm-btn); border: 1px solid var(--ndm-btn); color: #fff; }

ul.pagination .page-link i 									{ font-size: 14px; }
ul.pagination .page-link:focus								{ box-shadow: none; }
ul.pagination a:hover 										{ text-decoration: none; }

/* Back to Blog - Button */
.news-blue-button .btn 										{ font-family: 'Roboto', Arial, Helvetica, sans-serif; border: 0; background-color: var(--ndm-btn); border-color: var(--ndm-btn); color: #fff; margin: 30px 0 60px 0; padding: 10px 40px; font-size: 16px; font-weight: 400; letter-spacing: 0; text-transform: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; box-shadow: none; }
.news-blue-button .btn-primary:focus						{ background-color: var(--ndm-btn) !important; border-color: var(--ndm-btn) !important; color: #fff; box-shadow: none !important; }
.news-blue-button .btn-primary:active						{ background-color: var(--ndm-btn) !important; border-color: var(--ndm-btn) !important; color: #fff; box-shadow: none !important; }
.news-blue-button .btn-primary:hover						{ background-color: var(--ndm-btn-hover); border-color: var(--ndm-btn-hover);  color: #fff; }

.main-container .btn 				{ font-family: 'Roboto', Arial, Helvetica, sans-serif; border: 0; background-color: var(--ndm-btn); color: #fff; margin: 10px 0 30px 0 !important; padding: 10px 50px; font-size: 16px; font-weight: 400; text-transform: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; box-shadow: none; }
.main-container .btn-primary:focus	{ background-color: var(--ndm-btn) !important; color: #fff; box-shadow: none !important; text-decoration: none; }
.main-container .btn-primary:active	{ background-color: var(--ndm-btn) !important; color: #fff; box-shadow: none !important; text-decoration: none; }
.main-container .btn-primary:hover	{ background-color: var(--ndm-btn-hover); color: #fff; text-decoration: none; }

/* Beitrag - Single */
.page-format-title h1 				{ margin-top: 40px; font-size: 40px; }

@media (max-width: 575.98px) {
	.page-format-title h1 			{ font-size: 28px; margin: 40px 0 20px 0; }
}

/* Beitragsnavigation - Single */
.site-news-content footer 		{ font-size: 38px; margin-top: 60px; padding: 10px; color: var(--ndm-btn); }

/* Sidebar - Widgets */
.widget-area					{ /* padding: 0 0 0 30px; */ }
.widget-area h3					{ font-weight: 700; text-transform: none; }
.widget-area img				{ margin: 0 auto; }
.widget-area ul 	   			{ list-style-type: none; margin: 0; padding: 0 0 20px 0; }
.widget-area li 	   			{ margin-left: 0px; border-bottom: 1px solid #e9ecef; padding: 10px 0 10px 0; }
/* .widget-area li:last-child	{ border-bottom: 0; } */
.widget-area .widget   			{ margin-bottom: 1.5em; }
.widget-area .post-date 		{ display: block; margin-top: 0; margin-left: 20px; font-size: 11px; }

.widget_archive ul li a  		{ font-size: 15px; padding-left: 5px; display: inline-block; width: 100%; }
.widget_pages ul li a  			{ font-size: 15px; padding-left: 5px; display: inline-block; width: 100%; }
.widget_recent_entries ul li a 	{ font-size: 15px; display: inline-block; width: 100%; }
.widget_nav_menu ul li a 		{ font-size: 15px; display: inline-block; width: 100%; }
.widget_categories ul li a 		{ font-size: 15px; padding-left: 5px; display: inline-block; width: 100%; }
.textwidget						{ font-size: 15px; }
.textwidget	i					{ padding-right: 5px; }

.main-container .widget-area li a			{ color: var(--ndm-font-color); }
.main-container .widget-area li a:focus,
.main-container .widget-area li a:active 	{ color: var(--ndm-font-color); }
.main-container .widget-area li a:hover  	{ color: var(--ndm-nav-hover); }


/* ###########
   ## Suche ##
   ########### */

.search-box										{ margin-bottom: 40px; }
.search-box .btn 								{ color: #fff; background-color: var(--ndm-primary-color); border: 1px solid var(--ndm-primary-color); border-radius: 0; padding-left: 8px; }
.search-box .btn:hover 							{ background-color: var(--ndm-primary-color-hover); border: 1px solid var(--ndm-primary-color-hover); }
.search-box .btn:focus,
.search-box .btn:active							{ box-shadow: none !important; }

/* Suchfeld - Input */
.search-box .form-control 						{ border-radius: 0; }
.search-box .form-control:focus 				{ outline: 0; border-color: var(--ndm-primary-color); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/* Suchergebnisse */
.search-post-excerpt 												{ text-align: left; display: block; }
.search-separator 	 												{ margin-top: 20px; margin-bottom: 40px; border-top: 2px solid var(--egim-dark-beige); }
.search-term		 												{ color: var(--ndm-primary-color); }
.page-header 														{ padding: 0; }
.page-header h2.page-title											{ font-size: 27px; color: var(--egim-red); font-weight: 700; margin: 40px 0 15px 0; letter-spacing: -0.025em; text-transform: none; }
.search-result-count												{ padding: 0 0 60px 0; }
.search-img img  													{ max-width: 400px; height: auto; }


/* #####################
   ## Carousel-Slider ##
   ##################### */

.carousel-logos 			{ margin: 40px 0 40px 0; }
.carousel-logos img 		{ position: relative; overflow: hidden; width: 150px !important; height: 150px; webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all 0.8s !important; -moz-transition: all 0.8s !important; -ms-transition: all 0.8s !important; -o-transition: all 0.8s !important; transition: all 0.8s !important; }
.carousel-logos img:hover  	{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }


/*	##################
	## 404 - Fehler ##
	################## */

#error .heading h1						{ margin-top: 40px; text-align: center; }
.error-content    						{ text-align: center; }
.error-content h1 						{ margin-bottom: 1.9em; }
.fa-minus-circle  						{ padding-top: 10px; padding-bottom: 10px; color: #912722; }


/*	###################
	## footer - oben ##
	################### */

.footer 								{ background-color: var(--ndm-footer); color: #fff; }
.footer p 								{ font-size: 18px; }
.footer img								{ width: 143px; height: 135px; }

.second-footer 							{ padding-top: 40px; padding-bottom: 40px; }
.second-footer p 						{ font-size: 15px; }

.footer-content  	   					{ padding: 10px 0 0 0; }
.footer-content h5 	   					{ font-size: 1.1em; color: var(--ndm-white); }

/* footer - Widgets */
.footer .widget ul, .footer .widget li  { padding: 0; margin: 0; list-style: none; text-align: left; }
.footer .widget ul 						{ margin: 0; }
.footer .widget li 						{ padding: 8px 0 0 0; margin: .5em;  margin-left: 1em; font-size: 15px; }

.footer .widget li:before 				{ content: '\f054'; font-family: 'Font Awesome 6 Free'; font-size: 10px; font-weight: 900; padding: 2px 0 0 0; float: left; margin-left: -1.5em; vertical-align: middle; color: #555; line-height: 12px; }
.footer .widget li:hover::before 		{ color: #fff; }

.footer .widget li a 	   				{ display: block; width: 100%; color: #fff; line-height: 1em; }
.footer .widget li a:hover 				{ color: #fff; text-decoration: underline; }

/* footer links */
.footer a 		 		  		   		{ color: #fff; outline: 0px; }
.footer a:hover  		  		   		{ color: #fff; text-decoration: underline; }
.footer a:focus, .footer a:active 		{ color: #fff; }


/*	####################
	## footer - unten ##
	#################### */

/* Subfooter */
.sub-footer 									{ background-color: var(--ndm-footer); margin-top: 10px; font-size: 15px; color: #4b4d52; border-top: 1px solid #4b4d52; }
.sub-footer p 									{ text-align: left; font-size: 15px; line-height: 38px; margin: 10px 0 10px 0; }
.sub-footer a 									{ color: #fff; text-decoration: none; }
.sub-footer a:hover 							{ color: #fff; text-decoration: underline; }

/* Menü */
.sub-footer-menu 								{ padding: 0; }
.sub-footer-menu a 								{ color: #fff; line-height: 38px; font-size: 15px; text-decoration: none; }
.sub-footer-menu a:hover 						{ color: #fff; text-decoration: underline; }

ul.sub-footer-menu  							{ margin: 0; list-style: none; }
.sub-footer-menu li 							{ float: right; }
.sub-footer-menu li:not(:last-child)::before	{ content: " - "; white-space: pre; color: var(--ndm-subfooter-color); }
.sub-footer-menu li:last-child::before 			{ content: "" }
.sub-footer-menu li:last-child::after 			{ content: "" }

/* Zahlungsicons */
ul.payment-icons	  							{ margin: 0; padding: 14px 0 14px 0; list-style: none; }
.payment-icons li 								{ display: inline; padding-left: 5px; }
.payment-icons li img							{ width: 45px; height: 30px; background-color: #fff; border-radius: 0; }

@media (max-width: 575.98px) {
	.sub-footer ul li, ol li 					{ margin: 2px 0; }
	ul.payment-icons  							{ padding: 20px 0 10px 0; }
	.payment-icons								{ display: table; margin: 0 auto !important; }
}


/* 	#########################
	## Social Media - Menü ##
	######################### */

.social-media 								{ }

.social-links-center 						{ display: table; margin: 0 auto; }
.social-links 								{ list-style: none; font-size: 0; margin: 0; padding-left: 0; }
.social-links li 							{ display: inline-block; margin: 20px 0 0 20px; }
.social-links li:first-child 				{ display: inline-block; margin-left: 0; }
.social-links li a 							{ display: block; text-align: center; font-size: 24px; }
.social-links li a:hover 					{ background-color: transparent; color: var(--ndm-magenta-color); border-color: transparent; }

.social-links.small li a 					{ width: 40px; height: 40px; font-size: 24px; }
.social-links.small li a i 					{ line-height: 36px; }

/* Quadratisch Darstellung */
.social-links.square li a, .square 			{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

/* Runde Darstellung */
.social-links.circle li a 					{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

/* LinkedIn*/
.social-links li.social-linkedin a			{ background-color: transparent; color: #fff; border: 1px solid transparent; }
.social-links li.social-linkedin a:hover	{ background-color: transparent; color: var(--ndm-magenta-color); border-color: transparent; }

/* XING */
.social-links li.social-xing a				{ background-color: transparent; color: #fff; border: 1px solid transparent; }
.social-links li.social-xing a:hover		{ background-color: transparent; color: var(--ndm-magenta-color); border-color: transparent; }

/* Facebook */
.social-links li.social-facebook a			{ background-color: transparent; color: #fff; border: 1px solid transparent; }
.social-links li.social-facebook a:hover	{ background-color: transparent; color: var(--ndm-magenta-color); border-color: transparent; }

/* Instagram */
.social-links li.social-instagram a			{ background-color: transparent; color: #fff; border: 1px solid transparent; }
.social-links li.social-instagram a:hover	{ background-color: transparent; color: var(--ndm-magenta-color); border-color: transparent; }

/* Twitter */
.social-links li.social-twitter a			{ background-color: transparent; color: #fff; border: 1px solid transparent; }
.social-links li.social-twitter a:hover		{ background-color: transparent; color: var(--ndm-magenta-color); border-color: transparent; }

/* YouTube */
.social-links li.social-youtube a			{ background-color: transparent; color: #fff; border: 1px solid transparent; }
.social-links li.social-youtube a:hover		{ background-color: transparent; color: var(--ndm-magenta-color); border-color: transparent; }

/* E-Mail */
.social-links li.contact a:hover 			{ background-color: transparent; border-color: transparent; color: #fff; }
.social-links li.social-contact a:hover		{ background-color: transparent; border-color: transparent; color: var(--ndm-magenta-color); }


/* 	#######################
	## WordPress caption ##
	####################### */

.wp-caption 						{ max-width: 100%; font-style: italic; line-height: 1.35; margin-bottom: 15px; margin-top: 5px; }
.wp-caption img[class*=wp-image-] 	{ display: block; max-width: 100%; }
.wp-caption .wp-caption-text 		{ margin: 10px 0px; }

.wp-caption-text,
.entry-thumbnail-caption,
.cycle-caption 						{ font-style: italic; line-height: 1.35; font-size: 13px; }


/*	######################
	## Kontaktformulare ##
	###################### */

/* Inputfelder fomatieren */
.wpcf7-form .form-control 													{ border-color: #dfe2e8; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.wpcf7-form .form-select 													{ border-color: #dfe2e8; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.wpcf7-form .form-control:focus 											{ border-color: var(--ndm-primary-color); }
.wpcf7-form .form-select:focus 												{ border-color: var(--ndm-primary-color); }
.wpcf7-form label 															{ cursor: pointer; padding-left: 5px; }

.wpcf7-form span.wpcf7-list-item 											{ display: block; }

/* Textfeld formatieren (Mindesthöhe) */
.wpcf7-form textarea.form-control											{ min-height: 300px; resize: none; }

/* Checkbox - Datenschutz */
.wpcf7-form .wpcf7-acceptance label 										{ position: relative; cursor: pointer; line-height: 19px; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] 							{ position: relative; visibility: hidden; }
.wpcf7-form .wpcf7-acceptance span.wpcf7-list-item 							{ margin: 0 0 0 5px; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span					{ padding-left: 5px; font-size: 13px; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span p 				{ }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:before			{ display: block; position: absolute; content: ''; border-radius: 0; height: 16px; width: 16px; top: 2px; border: 2px solid #ced4da; }
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:after 			{ display: block; position: absolute; top: 2px; left: 2; visibility: hidden; border-radius: 0; border: 8px solid var(--ndm-primary-color); }
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:before 	{ background: transparent; border-color: var(--ndm-primary-color); }
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:after 	{ visibility: visible; }
.wpcf7-form div.wpcf7-validation-errors, div.wpcf7-acceptance-missing 		{ border: 2px solid #f00; }

/* Button */
.wpcf7-form .btn-lg 														{ font-family: 'Roboto', Helvetica, Arial, sans-serif; border: 0px; background-color: var(--ndm-primary-color); color: #fff; margin-top: 10px; padding: 12px 30px; font-size: 16px; font-weight: 400; text-transform: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; }
.wpcf7-form .btn-lg:focus													{ background-color: var(--ndm-primary-color) !important; color: #fff; box-shadow: none !important; }
.wpcf7-form .btn-lg:active													{ background-color: var(--ndm-primary-color) !important; color: #fff; box-shadow: none !important; }
.wpcf7-form .btn-lg:hover													{ background-color: var(--ndm-secondary-color); color: #fff; }


/* 	##################
	## Beta-Hinweis ##
	################## */

ul.beta-notice	{ list-style-type: none !important; }
.beta-notice 	{ text-align: right !important; }


/* 	#####################
	## Pfeil nach oben ##
	##################### */

.scrollToTop 					{ color: #fff; position: fixed; bottom: 10px; right: 10px; width: 38px; height: 38px; text-align: center; cursor: pointer; background-color: rgba(0, 0, 0, 1); z-index: 1005; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); opacity: 0; filter: alpha(opacity=0); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.scrollToTop.fadeToTop 			{ -webkit-animation-name: fadeToTop; animation-name: fadeToTop; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeToTop 	{ 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeToTop 			{ 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } }

.scrollToTop.fadeToBottom 		{ -webkit-animation-name: fadeToBottom; animation-name: fadeToBottom; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeToBottom { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeToBottom 		{ 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }

.scrollToTop i 					{ line-height: 36px; font-size: 18px; }
.scrollToTop:hover 				{ background-color: rgba(41, 41, 41, 1); }

@media (max-width: 575.98px) {
	.scrollToTop 				{ bottom: 18px; }
}

/* ===================================================================================================================== */


@media (min-width: 576px) { }

@media (min-width: 768px) { }

@media (min-width: 992px) { }

@media (min-width: 1200px) { }

@media (min-width: 1400px) { }


/* Adminbar - Sonderfall header-Hinweise */
@media screen and (max-width: 600px) 			{ #wpadminbar {	position: fixed !important; } }

/* sm */
@media (max-width: 575.98px) {

	/* Überschriften */
	h1 						{ font-size: 1.5em; }
	h2 						{ font-size: 1.2em; }
	h3 						{ font-size: 1em; }

	img.header-img-size 						{ height: 150px !important; }
	.header-title h1							{ font-size: 42px; line-height: 58px; }

	ul.site-footer-menu							{ display: table; margin: 0 auto 40px auto; }
	.site-footer .social-media					{ float: none; display: table; margin: 40px auto 0 auto; }
	.site-footer .social-links li:first-child 	{ margin-left: 0; }

	/* footer Abstände*/
	.footer-content								{ margin-bottom: 40px; }
	.widget-area								{ /* padding: 20px 0 0 15px; */ }

	/* subfooter */
	.sub-footer p 								{ line-height: 14px; padding-bottom: 14px; text-align: center; }
	.sub-footer-menu							{ display: table; float: none; margin: 0 auto !important; }

}

/* md */
@media (max-width: 767.98px) { }

/* lg */
@media (max-width: 991.98px) { }

/* xl */
@media (max-width: 1199.98px) { }

/* xxl */
@media (max-width: 1399.98px) { }