@charset "utf-8";

/* ===== Typography Tokens =====
 * Fluide Schriftgrößen per clamp() - ersetzen px-Duplikate über Breakpoints hinweg.
 * Range: min / ideal (vw-skaliert) / max. Pixel-Werte als Kommentar.
 */
:root {
    --fs-xs:      clamp(0.75rem, 0.6vw + 0.65rem, 0.8125rem);   /* 12 - 13 px */
    --fs-sm:      clamp(0.8125rem, 0.6vw + 0.7rem, 0.875rem);   /* 13 - 14 px */
    --fs-base:    clamp(0.9375rem, 0.5vw + 0.85rem, 1rem);      /* 15 - 16 px */
    --fs-md:      clamp(1rem, 0.6vw + 0.9rem, 1.125rem);        /* 16 - 18 px */
    --fs-lg:      clamp(1.125rem, 0.8vw + 0.95rem, 1.25rem);    /* 18 - 20 px */
    --fs-xl:      clamp(1.25rem, 1vw + 1rem, 1.375rem);         /* 20 - 22 px */
    --fs-h3:      clamp(1.25rem, 1.2vw + 1rem, 1.5rem);         /* 20 - 24 px */
    --fs-h2:      clamp(1.5rem, 2.2vw + 1rem, 2rem);            /* 24 - 32 px */
    --fs-h1:      clamp(2rem, 3.2vw + 1.25rem, 3rem);           /* 32 - 48 px */
    --fs-display: clamp(2rem, 4vw + 1.25rem, 3.125rem);         /* 32 - 50 px */
    --fs-hero:    clamp(2.5rem, 6vw + 1.5rem, 4.75rem);         /* 40 - 76 px */
    --fs-mega:    clamp(3rem, 8vw + 1.75rem, 6.25rem);          /* 48 - 100 px */
}

body {background-color: #fff;font-weight:300}
html {overflow-x: hidden;} /*Animationen ohne Scollbar*/

a,
input,
button,
textarea { outline: none !important; }

h1, h2, h3, h4, h5, p.big, p.medium, p.XL, p.XXL {hyphens: auto;}

fazit {
	text-decoration: none;
	border-bottom: 0.75px dotted var(--maincolor);
	padding-bottom: 5px;
	font-weight: 400;
	line-height: 30px;
}

fazit::before {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 3px;
	vertical-align: -0.125em;
	background-color: var(--maincolor);
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center / contain;
	        mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center / contain;
	content: '';
	font-size: 30px;
}

a {transition: all ease-in-out 300ms;}
a:hover {color: #0d6efd; text-decoration:none;}

.pad-left {
	padding-left:0;
}

.pad-right {
	padding-right:0;
}

.pad-top {
	padding-top:0;
}

.pad-bottom {
	padding-bottom:0;
}

.padding {
	padding:0;
}

/* Fluid zwischen 400px und 1920px */
h1 {font-size: var(--fs-h1); line-height: 1.2; font-weight: 500;}
h2 {font-size: var(--fs-h2); line-height: 1.25; font-weight: 500;}
h3 {font-size: var(--fs-h3); line-height: 1.3; font-weight: 500;}
.btn{ font-size: clamp(18px, 0.0247vw + 0.901rem, 22px); line-height:1.25; }
.navbar-nav .nav-link{ font-size: clamp(16px, 0.0165vw + 0.934rem, 20px); }
p,ul,ol,li {font-size:clamp(18px,0.0329vw + 0.993rem,26px);line-height:1.4;font-weight:400}
.mm-text--sm{font-size:clamp(12px,0.2632vw + 10.9474px,16px);line-height:1.3;font-weight:400}
.mm-text--md{font-size:clamp(20px,0.6579vw + 17.3684px,30px);line-height:1.35;font-weight:500}
.mm-text--lg{font-size:clamp(24px,1.0526vw + 19.7895px,36px);line-height:1.3;font-weight:500}
.mm-text--xl{font-size:clamp(30px,1.9737vw + 22.1053px,60px);line-height:1.15;font-weight:600}


/*@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. 
  font-family: 'comorant';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Lora-Bold.ttf') format('woff2'),
 .mm-text--lg, .mm-text--xl, h1, h2 {font-family:'comorant';}
  }
*/

.accordion-button {
	padding: 30px 20px;
}


.btn.white {
	background-color: white;
	color:black;
	border-color: #fff;
}

.btn.white:hover {
	background-color: white;
	color:black;	
	border-color: #fff;
}

.btn.black {
	background-color: transparent;
	color:#000;
	border-color: #000;;
}

.btn.black:hover {
	background-color:#000;
	color:#fff;
	border-color: #000;
}

.btn.color1 {
	background-color:var(--maincolor);
	transition: transform 0.3s ease;
	color:white;
}

.btn.color1:hover {
	background-color:var(--maincolor);
	color:white;
	border-color: white;
	transform: translateX(5px);
}

.btn.color1a {
	border-color: var(--maincolor);
	background-color: transparent;
	color:var(--maincolor);
	transition: background-color 0.5s ease;
}

.btn.color1a:hover {
	background-color: var(--maincolor);
	color: white;
	border-color: var(--maincolor);
}

.btn.color2 {
	background-color: var(--secondcolor);
	transition: transform 0.3s ease;
	color:black;
}

.btn.color2:hover {
	background-color: var(--secondcolor);
	color:black;
	border-color: white;
	transform: translateX(5px);
}

.btn.color2a {
	border-color: var(--secondcolor);
	background-color: transparent;
	color:var(--secondcolor);
    transition: background-color 0.5s ease;
}

.btn.color2a:hover {
	background-color: var(--secondcolor);
	color: white;
	border-color: var(--secondcolor);
}

.btn.color3 {
	background-color: var(--thirdcolor);
	transition: transform 0.3s ease;
	color:black;
}

.btn.color3:hover {
	background-color: var(--thirdcolor);
	color:white;
	border-color: black;
	transform: translateX(5px);
}

.btn.color3a {
	border-color: var(--thirdcolor);
	background-color: transparent;
	color: var(--thirdcolor);
	transition: background-color 0.5s ease;
}

.btn.color3a:hover {
	background-color: var(--thirdcolor);
	color: white;
	border-color: var(--thirdcolor);
}

.btn.nurschrift::before, .btn.nurschrift_weiss::before {
	content: "> ";
}
.btn.nurschrift::after, .btn.nurschrift_weiss::after  {
	content: "...";
	margin-left: 2px;
}

.btn.nurschrift {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--maincolor);;
	font-weight: 800;
	padding: 0 !important;
	text-decoration: none;
	margin-top: 10px;
	padding-bottom: 5px !important;
	border-bottom: 1px solid var(--maincolor) !important;
}

.btn.nurschrift:hover, .btn.nurschrift:active, .btn.nurschrift:focus   {
	color: black;
	font-weight: 800;
	padding: 0 !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #000 !important;
	text-align: left;
}

.btn.nurschrift_weiss {
	background-color: transparent !important;
	border-color: transparent !important;
	color: white;
	font-weight: 800;
	padding: 0 !important;
	text-decoration: none;
	margin-top: 10px;
	padding-bottom: 5px !important;
	border-bottom: 1px solid white !important;
	text-align: left;
}

.btn.nurschrift_weiss:hover, .btn.nurschrift_weiss:active, .btn.nurschrift_weiss:focus   {
	color: var(--maincolor);;
	font-weight: 800;
	padding: 0 !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid var(--maincolor); !important;
}


.btn.nurschrift2 {
    background-color: transparent !important;
	border-color: transparent !important;
	color: black;
	font-weight: 700;
	padding: 0 !important;
	padding-bottom: 5px !important;
	margin-top: 12px;
	text-decoration: none;
	border-bottom: 2px solid #000 !important;
	transition: all 1s ease 0s;
}

.btn.nurschrift2:hover, .btn.nurschrift2:active, .btn.nurschrift2:focus {
	color: var(--maincolor);;
	font-weight: 700;
	border-bottom: 2px solid var(--maincolor); !important;
	transform: translateX(10px);
}

.btn.nurschrift2:hover::after {
	padding-left: 5px;
	content: "\2794";
}

.btn.nurschrift6 {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--maincolor);;
	font-weight: 600;
	padding: 0 !important;
	text-decoration: none;
	margin-top: 10px;
	padding-bottom: 5px !important;
	border-bottom: 1px solid var(--maincolor); !important;
}

.btn.nurschrift6:hover, .btn.nurschrift:active, .btn.nurschrift:focus   {
	color: black;
	font-weight: 600;
	padding: 0 !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #000 !important;
}

.btn.nurschrift6a {
	background-color: transparent !important;
	border-color: transparent !important;
	color: white;
	padding: 0 !important;
	text-decoration: none;
	padding-bottom: 5px !important;
	border-bottom: 1px solid !important;
}

.btn.nurschrift6b {
	background-color: transparent !important;
	border-color: transparent !important;
	color: black;
	padding: 0 !important;
	text-decoration: none;
	padding-bottom: 5px !important;
	border-bottom: 1px solid transparent !important;
}

.btn.nurschrift6b:hover {
	background-color: transparent !important;
	border-color: transparent !important;
	color: black;
	padding: 0 !important;
	text-decoration: none;
	padding-bottom: 5px !important;
	border-bottom: 1px solid !important;
}

.btn.mark {
    display: inline-block;
    vertical-align: baseline;
    padding: 10px;
    background-color: var(--maincolor);;
    color: #fff;
    line-height: 1em;
	border: 0;
	text-decoration: underline;
	font-weight: 400;
	margin-top: 20px;
}

.btn.nurschrift7 {
    background-color: transparent !important;
	border-color: transparent !important;
	color: black;
	font-weight: 500;
	padding: 0 !important;
	padding-bottom: 5px !important;
	margin-top: 12px;
	text-decoration: none;
	border-bottom: 1px solid #000 !important;
}

.btn.nurschrift7::before {
	padding-right: 5px;
	content: ">";
}

.btn.nurschrift7:hover, .btn.nurschrift2:active, .btn.nurschrift2:focus {
	color: var(--maincolor);;
	font-weight: 500;
	border-bottom: 1px solid var(--maincolor); !important;
	transform: translateX(6px);
}


.btn.nurschrift:active, .btn.nurschrift:focus   {
	color: black;
	font-weight: 600;
	padding: 0 !important;
	padding-bottom: 15px !important;
}

.btn.nurbtn:::after {
	content: ">";
	margin-left: 20px;
}

.btn.nurschrift8::before {
	content: "";
	margin-left: 10px;
}


.btn.sliderbutton {
	background-color: transparent !important;
	border: 0px solid !important;
	color: #000;
	font-size: 16px;
	padding-left: 30px !important;
	padding-right: 30px !important;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid #000 !important;
    padding-bottom: 10px !important;
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.btn.sliderbutton:hover {
	background-color: transparent !important;
	border: 0px solid !important;
	color: var(--maincolor);;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid var(--maincolor); !important;
}

.btn.sliderbutton:focus, .btn.sliderbutton:active  {
	background-color: transparent !important;
	border: 0px solid !important;
	color: var(--maincolor);;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid var(--maincolor); !important;
}

.btn-1 {
  margin-top: 15px;
  cursor: pointer;
  max-width: 250px;
  position: relative;
  text-decoration: none;
  width: 100%;
  background-color: black !important;
  
}
.btn-1:hover {
  text-decoration: none;
}

.btn {
	padding:15px 58px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	background-color: var(--maincolor);;
	font-weight: 400;
	font-size:16px;
	line-height:16px;
	color:#fff;
	border-style: solid;
	width: fit-content;
}

.btn:hover {
	background-color:#000;
	color:#fff;
}


.btn:active:focus, .btn-primary:active:focus, .btn-primary:focus {
	box-shadow: 0px 0px 0px #000 !important;
	border: none !important;
}

/*btn_background*/
.effect01 {
  color: white !important; 
  border: 1px solid #000;
  box-shadow:0px 0px 0px 1px #000 inset;
  background-color: #000;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.effect01:hover {
  border: 1px solid #666;
  background-color: #FFF;
  box-shadow:0px 0px 0px 2px #fff inset;
}

/*btn_text*/
.effect01 span {
  transition: all 0.2s ease-out;
  z-index: 2;
}
.effect01:hover span{
  letter-spacing: 0.13em;
  color: #fff;
}

/*highlight*/
.effect01:after {
  background: #FFF;
  border: 0px solid #000;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .8;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 50px;
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);/*easeOutCirc*/
  z-index: 1;
}

.effect01:hover:after {
  background: #FFF;
  border: 30px solid #000;
  opacity: 0;
  left: 120%;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

.shadow1 {
box-shadow: inset 0px 11px 14px -14px #000, inset 0px -11px 14px -14px #000; 
}
.shadow2 {
box-shadow: inset 0px 0px 15px -4px #000000;
}
.shadow_kontur {
box-shadow: inset 0px 0px 0px 1px #000000;
}
.shadow3 {
box-shadow: inset 0px -11px 12px -10px #000; 
}
.shadow4 {
box-shadow: inset 0px 11px 12px -10px #000; 
}
.shadow5 {
box-shadow: inset 0px 11px 12px -8px #000, inset 0px -11px 12px -8px #000; 
}
.shadow6 {
box-shadow: 10px 10px 30px -5px rgba(0,0,0,0.55);
}
.shadow7 {
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
}
.shadow8 {
box-shadow: 10px 10px 40px -10px rgba(0,0,0,0.5);
}
.shadow9 {
box-shadow: 10px 5px 15px 0px rgba(0,0,0,0.5);
}
.shadow10 {
box-shadow: -10px 5px 15px 0px rgba(0,0,0,0.5);
}
.shadow11 {
box-shadow: 2px 5px 60px 0px rgba(0,0,0,0.9);
}
.text-shadow1 {
	text-shadow: 5px 5px 5px #000;
}
.text-shadow2 {
	text-shadow: 10px 10px 13px #000;
}
.text-shadow3 {
	text-shadow: 4px 4px 15px #000;
}

.tab-pane p {
    color: #909090;
}


ul {
	margin:0;
	display:block;
	padding:0 0 25px 20px;
}

.col-centered {
	float:none;
	margin:0 auto;	
}

.vertical-block {
	vertical-align:middle;
  	display: table-cell;	
}

.header {
	top:0;
	left:0;
	right:0;
	padding:0;
	background-color:#fff;
	z-index:99;
}

.navigation {
	float:right;
}

.header .language {
	float:right;	
}

.header .language .btn {
	background-color:#fff;
	padding:10px 10px 5px 10px;
	border-radius:0;
	border:none;
}

.header .language .dropdown-menu li {
	padding-bottom:5px;	
}

.header .language .btn i {
	margin:0;
	padding:0;	
}

.header .language .btn-info {
	border:none;
	background-color:transparent;	
}

.header .language .btn-info:active,
.header .language .btn-info.active,
.header .language .open > .dropdown-toggle.btn-info {
	background-color:transparent;	
}

.header .language .caret {
	display:none;
}


.header .language .dropdown-menu {
	min-width:auto;
	background-color:rgba(255,255,255,0.7);
	border-radius:0;
	border:none;
	padding: 0 6px;
}

.header .language .btn-default:active:hover,
.header .language .btn-default.active:hover,
.header .language .open > .dropdown-toggle.btn-default:hover,
.header .language .btn-default:active:focus,
.header .language .btn-default.active:focus,
.header .language .open > .dropdown-toggle.btn-default:focus,
.header .language .btn-default:active.focus,
.header .language .btn-default.active.focus,
.header .language .open > .dropdown-toggle.btn-default.focus {
	background-color:rgba(255,255,255,0.7);	
}


.header .language .dropdown-menu > li {
	list-style-type:none;	
}

.header .language .dropdown-menu > li > a {
	padding:5px;	
}


.common-text {
	padding:70px 0 50px 0;	
}

.image-detail {
	padding:75px 0;
	display: table;
	width: 100%;	
}

.image-detail .col-sm-6.col-md-6 {
	display: table-cell;
    vertical-align: middle;
    float: none;	
}

.image-detail .common-heading {
	padding-bottom:19px;	
}


.contact-form {
	padding:130px 0 130px 0;
	text-align:center;	
}

.contact-form .medium-heading {
	padding-bottom:22px;	
}

.contact-form .input-group-addon {
	border-radius:0;
}

.contact-form .input-group-addon {
	
	background-color:#fff;	
}

.contact-form .form-group {
	float:left;
	width:100%;
	margin-bottom:5px;
}

.contact-form .form-control {
	box-shadow:none;
	width:100%;
	padding: 6px 12px;
}

.contact-form .input-group-addon {
	border:none;
    position: absolute;
    left:20px;
    top:13px;
    z-index: 999;
	background-color:transparent;
	padding:0;
		
}

.contact-form .fa {
	color:#676767;	
}

.contact-form .input-group {
	display:block;
}


.contact-form textarea {
	border-radius:0;
	height:172px;
}

.form-control:focus {
	border-color:#188100;	
}

.contact-form input[type="text"] {
	height:42px;	
}


/*========== accordian-block start =========*/

.panel {
	border-bottom: 0px;
	background: none;
}


.panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        background-color: rgba(0,0,0,0);
        border-bottom: 1px solid ;
}

.panel-title {
        padding: 0px !important;
}


.panel-title > a {
		padding: 5px 0 5px 15px;
		text-decoration: none;
}

.panel-title > a:hover {
		text-decoration: underline;
		color: white;
}

.panel-title > a:focus {
		text-decoration: none;
}

.panel-group .panel + .panel {
    margin-top: 0;}

.panel-body {
	border: 0px !important;
}

.accordian-block i {
    float: right;
	font-size:13px;
	margin-top: 15px;
    margin-right: 15px;
}

/*========== accordian-block End ==========*/


/*========== blog-post start==========*/
.blog-post img {
	width:100%;
}
.blog-post .color-top {
	padding:69px 0 83px 0;
	background-color:#f6f6f6;
}

.blog-post .color-bottom {
	padding:69px 0 83px 0;
	background-color:#f8f7f7;
	width:100%;
}
.blog-post p {
	margin:0 0 16px 0;
}
.blog-post .btn {
	margin:0;
}

@media (max-width: 991px){
 .blog-post .row, .blog-overview .row {
 	padding: 0 10px;	
 }  
}


/*========== Footer Start ==========*/

.footer-title {
	font-size:20px;
	padding:0;
	font-weight: 400;
	word-wrap: break-word;
	margin-bottom: 15px;
}

.footer .footer-top {
	padding:80px 0;
	color:#000;
	background-color: #eee;
}

.footer ul {
	display:block;
	margin:0;
	padding:0;
}
.footer ul li {
	display:block;
	font-size: 18px;
	line-height: 24px;
}
.footer ul li a {
	text-decoration: underline;
	color:#000;	
	font-weight: 200;
}
.footer ul li a:hover {
	text-decoration: underline;
}

.footer-bottom {
	text-align:center;
	padding:21px 0 29px 0;	
}

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

.common-text .common-heading {margin-bottom: 20px;}
.datatable-wrapper .row { display:block !important;height: auto !important;}
.clear, .clearFix{float:none;clear:both;}
HTML, BODY{height:100%;}
HTML{overflow-y:scroll;}
TD P{font-size:16px;line-height:16px;margin:0.5em 0 0.5em 0;}
SELECT{padding:3px;}
FORM{display:inline;}
FIELDSET{margin:0 0 0 0;padding:0 0 0 0;border:0;}
FIGURE{margin:0 0 0 0;padding:0 0 0 0;}
IMG{border:0;height:auto;}
#wrapper{position:relative;max-width:100%;margin:0 auto;background-color:#FFFFFF;min-height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#headArea{position:relative;z-index:70;background-color:#FFFFFF;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
#contentArea{position:relative;}
#footer{position:absolute;left:0;bottom:0;width:100%;}
#footArea{background-color:#ECEBE9;padding:20px 0;margin:0 0 0 0;font-size:0.85em;}
#footContainer{min-height:260px;}
#headArea, #contentArea, #footArea{position:relative;clear:both;}
#headArea.sticky #logo { width:200px; }
#headArea.sticky #logo img { width:100%; height:auto; }
.mapOverlayContainer{position:relative;margin:0 auto;width:980px;max-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.mapOverlayContent{position:absolute;right:0px;top:0;width:33%;z-index:10;}
.mapOverlayText{padding:20px;background-color:#FFFFFF;}
.mapOverlayText SPAN{display:block;font-weight:bold;line-height:23px;}
#contentTop{clear:both;margin:0 0 0 0;}

.sticky .navigation-box {
	margin-top: 10px;	
}

@media only screen and (max-width: 680px) {
	.mapOverlayContent {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
}
.gallery-slider .item {
width: 45%;
}
}

/* ===== Header / Sticky-Menu ===== */
:root {
    --header-height: 116px;
    --header-height-mobile: 56px;
}

.sticky-menu header,
.sticky-menu .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: var(--header-height);
    background: #fff;
    z-index: 999;
    display: flex;
    align-items: center;
}

.sticky-menu { padding-top: var(--header-height); }

/* Container horizontal zentriert (Bootstrap), Logo + Navi vertikal mittig */
.header > .container,
.header > .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--header-height);
}

.header .logo,
.header .navigation {
    float: none;
    display: flex;
    align-items: center;
    margin: 0;
}
.header .logo { flex: 0 0 auto; }
.header .navigation { flex: 1 1 auto; justify-content: flex-end; }

.header #logo2,
#logo2 {
    display: block;
    width: auto;
    max-width: 180px;
    height: auto;
    padding: 0;
    margin: 0;
}

/* Megamenu-Inner-Padding im Sticky-Menu: nicht mehr noetig, flex macht vertikale Zentrierung */
.sticky-menu .megamenu .mm-outer-wrapper { padding-top: 0; }
.sticky-menu ul.megamenu { margin-top: 0; }

@media (max-width: 1024px) {
    .sticky-menu { padding-top: var(--header-height-mobile); }
    .sticky-menu header,
    .sticky-menu .header,
    .header > .container,
    .header > .container-fluid { min-height: var(--header-height-mobile); }
    .header #logo2,
    #logo2 { max-width: 130px; }
}

@media (max-width: 767px) {
    .breadcrumb .container { margin-left: -20px; }
}

/*========== Responsive CSS Datei ==========*/
@media (max-width: 767px) { 
.pad-left { padding:0 15px; }
.pad-right { padding:0 15px; }
.padding { padding:0; }
.btn { padding: 10px 24px; font-size:14px; line-height:14px; }
.header .navigation { float:none; }
.header-two .navigation { float:none; }
.image-detail .common-heading, .image-detail h1, .image-detail h2, .image-detail h3  { padding-top:10px; padding-bottom:15px; }
.one-colomn-section .common-heading, .one-colomn-section h1, .one-colomn-section h2, .one-colomn-section h3 { padding-bottom:20px; }
.image-detail.gray a { margin-bottom:15px; }
.accordian-block  .common-heading { padding:0 0 15px 0; }
.common-text { padding:25px 0; }
.image-detail { padding:25px 0; }
.image-detail .col-sm-6.col-md-6 { display:block; }
.contact-form { padding:25px 0; }
.accordian-block { padding:25px 0; }
.blog-post .color-top { padding:25px 0; }
.blog-post .common-heading { padding:0 0 15px 0; }
.blog-post .color-bottom { padding:25px 0; }
.blog-post .common-heading { padding:15px 0; }
.blog-post p { margin-bottom:15px; }
.blog-post .btn { margin-bottom:15px; }
.footer-title { padding: 20px 0 5px; }
.header-two { padding-bottom:14px; }
.blog-post .row { height:auto; }
.blog-post .row .col-sm-8.col-md-8 { display:block; }
.blog-post .row .col-sm-4.col-md-4 { display:block; }
.footer .row { padding: 0px 10px; }
}

@media (min-width: 768px) and (max-width: 1024px){
	.btn { padding: 15px 30px; font-size:14px; line-height:14px; }
    .navigation { float:none; }
    .header .navigation { float:none;}
    .header-two .navigation { float:none; }
    .header .language { float:right; }
	.footer .footer-top { padding: 25px 20px; }
    .image-detail .common-heading, .image-detail h1, .image-detail h2, .image-detail h3  { padding-top:0; padding-bottom:0; }
    .accordian-block  .common-heading { padding:0 0 15px 0; }
    .blog-post .common-heading { padding:0 0 15px 0; }
    .blog-post .row .col-sm-8.col-md-8 { vertical-align:middle; display:block; float:none; }
    .blog-post .row .col-sm-4.col-md-4 { vertical-align:middle; display:block; float:none; }
    .header-two { padding-bottom:25px; }
    .sticky #logo { margin: 24px 20px; }
}

@media (max-width: 991px){		.accordion {
		padding: 0 !important;
	}
}

/* Default – Desktop bleibt wie gehabt */
.download-grid .download-item{
    padding:20px 30px;
}

.download-grid .download-item{
    padding:20px 30px;
}
@media (max-width:1024px){
    .download-grid .download-item{
        flex-direction:column;
        align-items:center;
        padding:20px 0!important;
        text-align:center;
    }
    .download-grid .file-icon{
        margin:0 0 10px 0;
    }
    .download-grid p{
        margin:0 0 10px 0;
    }
	.download-grid .btn{
        margin-top:10px;
    }

}

.counter-wrap{white-space:nowrap;display:flex;gap:.25em; font-size:clamp(2.5rem,14cqw,6rem);font-weight:700}
.counter-unit{font-weight:400}

/* mediacards */

.mm-mediacards .row{display:flex;flex-wrap:wrap;align-items:stretch}
.mm-mediacards .row>[class*="col-"]{display:flex;flex-direction:column}
.mm-mediacards .row>[class*="col-"]>*{flex:1 1 auto;min-height:0}
.mm-mediacards .media-box{position:relative;width:100%;aspect-ratio:16/9}
.mm-mediacards .media-box.h-200{aspect-ratio:auto;padding-top:200px}
.mm-mediacards .media-box.h-300{aspect-ratio:auto;padding-top:300px}
.mm-mediacards .media-box.h-400{aspect-ratio:auto;padding-top:400px}
.mm-mediacards .media-box.h-500{aspect-ratio:auto;padding-top:500px}
.mm-mediacards .media-box.h-600{aspect-ratio:auto;padding-top:600px}
.mm-mediacards .media-box>.ratio-inner,.mm-mediacards .media-box img,.mm-mediacards .media-box iframe,.mm-mediacards .media-box video{position:absolute;inset:0;width:100%;height:100%}
.mm-mediacards .media-box img,.mm-mediacards .media-box video{object-fit:cover;object-position:center}
.mm-mediacards .media-box iframe{border:0}
.mm-mediacards .media-box.cover-full{height:100%!important;aspect-ratio:auto!important}
.mm-mediacards .media-box.cover-full>*{height:100%;object-fit:cover;object-position:center}
.mm-mediacards .media-box.grow{aspect-ratio:auto!important;height:100%!important}
.mm-mediacards .mm-img-col{display:flex}
.mm-mediacards .mm-img-col.center-media{align-items:center}
.mm-mediacards .mm-img-col.center-media .media-box{flex:0 0 auto}
.mm-mediacards .mm-img-col .media-box{flex:1 1 auto}
.mm-mediacards .card{border:0;background:transparent;display:flex;flex-direction:column}
.mm-mediacards .card.mm-card{position:relative;border-radius:24px;min-height:100%;background:none!important}
.mm-mediacards .card.mm-card.fx-frame,.mm-mediacards .card.mm-card.fx-both{--mm-frame:15px}
.mm-mediacards .card.mm-card.fx-frame::after,.mm-mediacards .card.mm-card.fx-both::after{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;z-index:3;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75),inset 0 0 0 1px rgba(255,255,255,.95)}
.mm-mediacards .card.mm-card.fx-frame::before,.mm-mediacards .card.mm-card.fx-both::before{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,.38),rgba(255,255,255,.2) 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:var(--mm-frame,0)}
.mm-mediacards .card.mm-card>.mm-card__inner{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%;border-radius:24px;overflow:hidden;box-sizing:border-box;padding:var(--mm-frame,0);background-color:var(--mm-card-bg,transparent);background-image:var(--mm-card-fill,none);background-repeat:no-repeat;background-position:center;background-size:cover;background-clip:content-box;background-origin:content-box}
.mm-mediacards .card.mm-card.fx-shadow,.mm-mediacards .card.mm-card.fx-both{box-shadow:0 12px 20px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.1)}
.mm-mediacards .mm-card{--mm-pad:24px;--mm-pad-b:24px;--mm-gap:12px;--mm-btn-gap:18px}
.mm-mediacards .mm-card--space-standard{--mm-pad:24px;--mm-pad-b:24px;--mm-gap:12px;--mm-btn-gap:18px}
.mm-mediacards .mm-card--space-airy{--mm-pad:60px;--mm-pad-b:60px;--mm-gap:36px;--mm-btn-gap:24px}
.mm-mediacards .mm-card--space-gross{--mm-pad:110px;--mm-pad-b:110px;--mm-gap:55px;--mm-btn-gap:24px}
.mm-mediacards .card.mm-card .mm-card__content{padding:var(--mm-pad);position:relative;z-index:4}
.mm-mediacards .card.mm-card .mm-card__actions{padding:0 var(--mm-pad) var(--mm-pad-b);margin:0;position:relative;z-index:4}
.mm-mediacards .card.mm-card .mm-card__actions.mt-auto{margin-top:auto}
.mm-mediacards .card.mm-card .mm-btn-inline{margin:var(--mm-btn-gap) 0 0}
/*.mm-mediacards .mm-card__content p+p{margin-top:var(--mm-gap)}*/
.mm-mediacards .text-position-top{justify-content:flex-start!important}
.mm-mediacards .text-position-center{justify-content:center!important}
.mm-mediacards .text-position-bottom{justify-content:flex-end!important}
.mm-mediacards .mm-card--ta-center{text-align:center}
.mm-mediacards .mm-card--ta-right{text-align:right}
.mm-mediacards .mm-card--ta-justify{text-align:justify;text-justify:inter-word}
.mm-mediacards .mm-card--ta-left{text-align:left}
.mm-mediacards .mm-stack{display:flex;flex-direction:column;gap:1rem;width:100%;flex:1 1 auto;min-height:0}
.mm-mediacards .mm-stack>.mm-card{height:auto!important;min-height:0!important;flex:0 0 auto!important}
.mm-mediacards .mm-stack>.mm-card:last-child{flex:1 1 auto!important;min-height:0}
.mm-mediacards .counter-card{overflow:visible!important}
.mm-mediacards .counter-card>.mm-card__inner{overflow:visible;display:flex;flex-direction:column}
.mm-mediacards .counter-card .mm-card__content{padding-top:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.mm-mediacards .counter-card .mm-card__content.text-position-top{justify-content:flex-start!important}
.mm-mediacards .counter-card .mm-card__content.text-position-center{justify-content:center!important}
.mm-mediacards .counter-card .mm-card__content.text-position-bottom{justify-content:flex-end!important}
.mm-mediacards .mm-counter-row{display:flex;gap:24px;align-items:center;width:100%}
.mm-mediacards .mm-counter-row.text-position-top{align-items:flex-start}
.mm-mediacards .mm-counter-row.text-position-center{align-items:center}
.mm-mediacards .mm-counter-row.text-position-bottom{align-items:flex-end}
.mm-mediacards .mm-counter-side{min-width:0}
.mm-mediacards .mm-counter-side--counter{flex:0 0 auto;container-type:inline-size}
.mm-mediacards .mm-counter-side--label{flex:1 1 auto;min-width:0}
.mm-mediacards .counter-col{display:flex;align-items:center;justify-content:center}
.mm-mediacards .counter-col.h-200{height:200px}
.mm-mediacards .counter-col.h-300{height:300px}
.mm-mediacards .counter-col.h-400{height:400px}
.mm-mediacards .counter-col.h-500{height:500px}
.mm-mediacards .counter-col.h-600{height:600px}
.mm-mediacards .counter-wrap{white-space:nowrap;display:flex;align-items:baseline;gap:.1em;line-height:1;font-weight:700;box-sizing:border-box;width:100%;max-width:100%;font-size:clamp(2.8rem,12cqw,6rem)}
.mm-mediacards .counter-unit{font-weight:400;font-size:clamp(1.5rem,7cqw,3.5rem)}
.mm-mediacards .mm-counter-label p{margin:0}
.mm-mediacards .counter-card .mm-card__content p+p{margin-top:0!important}
.mm-mediacards .mm-card--ta-left .counter-col{justify-content:flex-start}
.mm-mediacards .mm-card--ta-center .counter-col{justify-content:center}
.mm-mediacards .mm-card--ta-right .counter-col{justify-content:flex-end}
.mm-mediacards .mm-card--ta-left .counter-wrap{justify-content:flex-start;text-align:left}
.mm-mediacards .mm-card--ta-center .counter-wrap{justify-content:center;text-align:center}
.mm-mediacards .mm-card--ta-right .counter-wrap{justify-content:flex-end;text-align:right}
.mm-mediacards .mm-intro-spacer{margin-bottom:40px}

@media (max-width:767.98px){
  .mm-mediacards{padding:20px!important}
  .mm-mediacards .container{padding:0!important;max-width:100%!important}
  .mm-mediacards .row{margin:0!important;--bs-gutter-x:0}
  .mm-mediacards [class*="col-"]{padding:0!important}
  .mm-mediacards .card.mm-card{width:100%}
  .mm-mediacards{--mm-pad:20px;--mm-pad-b:20px}
  .mm-mediacards .media-box.grow{aspect-ratio:16/9!important;height:auto!important}
  .mm-mediacards .mm-counter-row{flex-direction:column;align-items:stretch;gap:6px}
  .mm-mediacards .mm-counter-side--counter{flex:0 0 auto;max-width:100%}
  .mm-mediacards .mm-intro-spacer{margin-bottom:20px}
}