@charset "utf-8";

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;}

@media (max-width:1168px){
    body.with-megamenu.sticky-menu #inhalt{
        padding-top:25px; /* Mobile/Burger-Zustand – Header ist höher */
    }
}

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

fazit::before {
	margin-right: 3px;
	font-family: fontawesome;
	content: '\f00c';
	color: var(--maincolor);
	font-size: 30px;
}

.collapse-button .btn::before, .fs_nav_toggle_button::before {
	margin-right: 10px;
	font-family: fontawesome;
	content: '\f0c9';
}

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,h2,h3{font-size:clamp(24px,1.0526vw + 19.7895px,36px); 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;
}

ul.slimmenu {
	float: right;
	width:100% !important;
}

ul.slimmenu li {
	float:none !important;	
}

.header ul.slimmenu li ul li {
	padding-bottom:0 !important;
}

.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;	
}

.navigation-box ul.slimmenu li > a {
	padding:12px !important;
	color: #988B7D !important;
    background-color: #ECEBE9 !important;
	font-size:14px !important;
	line-height:14px !important;
	text-transform:uppercase !important; 
}

.navigation-box ul.slimmenu li a:hover  {
	color: #ECEBE9 !important;
    background-color: #988B7D !important;	
}
.navigation-box ul.slimmenu li>ul {
	background-color: #ECEBE9 !important;	
}

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

/*==================================================================*/
/*========== New Header ==========*/
/*==================================================================*/

/*========== HÖhen einstellen für Menü ==========*/

.sticky-menu {
	padding-top: 70px;
}

.sticky-menu header {
	position: fixed;
	width: 100%;
}

.sticky-menu .megamenu .mm-outer-wrapper {
    padding-top: 29px;
}

.sticky-menu #logo2 {
  width: 200px;
  padding: 8px 0;
}

@media screen and (max-width: 1660px) {
.sticky-menu {padding-top: 50px;}		
}

.sticky-menu ul.megamenu {
	margin-top: 28px !important;
}
/* Menü Position */

.sticky-menu .collapse-button {
  padding-top: 50px;
  right:  -10px;
}


@media screen and (max-width: 1024px) {
.sticky-menu header {max-height: 100%; overflow-y: auto;}
.menu-collapser {line-height: 30px !important;}  
.sticky-menu #logo2 {width: 150px;padding: 18px 0;}
}


/*========== Custom CSS ==========*/

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

@media screen and (max-width: 1168px) {
	.header { min-height: 55px !important;}
	.collapse-button .btn, .fs_nav_toggle_button {background-color: white !important; border: 2px solid black !important; color: black !important; margin-right: 0px !important;right: 0px;}
}	

@media screen and (min-width: 1169px) {
	.header {min-height: 50px !important;}
	.fs_nav_toggle_button {background-color: white !important; border: 2px solid black !important; color: black !important; margin-right: 10px !important;}
}

/*========== Responsive CSS Datei ==========*/
@media (max-width: 767px) { 
.pad-left { padding:0 15px; }
.pad-right { padding:0 15px; }
.padding { padding:0; }
.header { position:relative; left:auto; right:auto;  }
.btn { padding: 10px 24px; font-size:14px; line-height:14px; }
.header .navigation { float:none; }
.header-two .navigation { float:none; }
.menu-collapser { float:right; background-color:transparent !important; height:25px !important; width:auto !important; }
ul.slimmenu { margin: 30px 0px !important; }
ul.slimmenu li a { padding:9px 18px !important; }
ul.slimmenu li { float:left !important; }
ul.slimmenu li a { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; -ms-border-radius:0 !important; -o-border-radius:0 !important; }
ul.slimmenu li ul a { color:#000 !important; }
ul.slimmenu li ul { text-align:left !important; width:100% !important; }
ul.slimmenu li>ul>li ul { width:100% !important; }
ul.slimmenu li>ul li a:hover { background-color: #fff !important; }
.collapse-button { padding:0; width:auto !important; background-color:transparent !important;}
.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: 1168px){
    .header { position:relative; left:auto; right:auto; }
    .collapse-button .btn { padding: 12px 20px; font-size:16px; }
	.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; }
    .menu-collapser { float:right; background-color:transparent !important; height:25px !important; width:auto !important; }
    ul.slimmenu { margin: 40px 0 !important; }
    ul.slimmenu li a { padding:9px 18px !important; }
    ul.slimmenu li { float:left !important; }
    ul.slimmenu li a { border-radius:0 !important; }
    ul.slimmenu li ul a { color:#000 !important; }
    ul.slimmenu li ul { text-align:left !important; width:100% !important; }
    ul.slimmenu li>ul>li ul { width:100% !important; }
    ul.slimmenu li>ul li a:hover { background-color: #fff !important; }
	.footer .footer-top { padding: 25px 20px; }
	.collapse-button { padding:0; width:auto !important; background-color:transparent !important; top: 10px;}
    .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 (min-width: 1169px) {

    /*========== Header Start ==========*/	

    .header ul.slimmenu li a {
            font-size:22px !important;
            line-height:16px !important;
            color:#000;
            text-transform:none;
            text-decoration:none !important;
            padding: 6px 8px !important;
            background-color:transparent !important;
            border-radius:0px !important;
    }

    .header ul.slimmenu li ul {
            padding:0;
            border-radius: 0 0 0px 0px;
            background-color:var(--maincolor); !important;
            text-align:center !important;
            width: auto !important;
        right: -40px !important;
    }


    .header ul.slimmenu li ul a {
            font-size:18px !important;
            line-height:28px !important;
            color:#000 !important;
            text-transform:none !important;	
            text-align: left;
    }

    .header ul.slimmenu li>ul {
        left: -55px !important;
        width: auto !important;
        right: -55px !important;	
    }

    .header ul.slimmenu li>ul>li ul {
            position: absolute;
        left: 100% !important;
        top: 0 !important;
        z-index: 999;
        width: 100% !important;	
            background:#771919 !important;
            text-align:left !important;
            border-radius: 9px 9px 0 0;
            width: 100% !important;
            padding-bottom:15px;
    }

    .header ul.slimmenu li>ul li a:hover {
            background-color:transparent !important;	
    }

    .header ul.slimmenu li {
            border:none !important;
            padding-bottom:10px !important;
    }

    .header ul.slimmenu li .sub-toggle {
            width:auto !important;
            height:auto !important;
            background-color:transparent !important;
            right: 0px;
        top: 3px;
    }

    .header ul.slimmenu li>a:hover,
    .header ul.slimmenu li>a:focus { 
            background-color:var(--maincolor); !important;
            color:#fff !important;	
    }
    .header ul.slimmenu li>a.active { 
            background-color:var(--maincolor); !important;	
                    color:#fff !important;
    }
    .header ul.slimmenu li .sub-toggle>i {
            font-size:10px !important;
            line-height:25px !important;
    }

    .header ul.slimmenu li:hover i {
            color:#000 !important;	
    }

    .header ul.slimmenu li.result-hover a {
            background-color:var(--maincolor); !important;
            color:#fff;	
    }
    .header ul.slimmenu li.result-focus a {
            background-color:var(--maincolor); !important;
            color:#fff;	
    }

    .header ul.slimmenu li.result-hover ul a {
            background-color:transparent !important;
            color:#000;	
    }

    .header ul.slimmenu li .sub-toggle>i {
            color:var(--maincolor); !important;
            visibility: hidden;
    }
    .header ul.slimmenu li .result_hover {
            background-color:var(--maincolor); !important;	
    }
    .header ul.slimmenu li .result_hover .sub-toggle>i {
            color: #000 !important;	
    }
    .header ul.slimmenu li:hover .sub-toggle>i {
            color: #000 !important;	
    }
    /*========== Header End ==========*/
}

@media (max-width: 991px){
	.slideshow-text-gallery .position {
		top:0px !important;
		padding-top:15px;
		left:40px !important;
		right:40px !important;
	}
	.slideshow-text-gallery .btn {
		padding:10px 10px;
	}
	.slideshow-text-gallery .headline-text {
		float:left;
		padding-right:15px;
	}
		.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}
}