@charset "UTF-8";
/* CSS Document */

/* Neue CI: Geomanist (lizenzierter Webfont, lokal gehostet) */
@font-face {
font-family: 'Geomanist';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
src: url('fonts/geomanist-regular-webfont.woff2') format('woff2'),
     url('fonts/geomanist-regular-webfont.woff') format('woff');}

@font-face {
font-family: 'Geomanist Medium';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
src: url('fonts/geomanist-medium-webfont.woff2') format('woff2'),
     url('fonts/geomanist-medium-webfont.woff') format('woff');}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("../webfonts/fa-thin-100.woff2") format("woff2"), url("../webfonts/fa-thin-100.ttf") format("truetype"); }
@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.ttf") format("truetype"); }


.fal,
.fa-light {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300; }
:root, :host {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro"; }


.far,
.fa-regular {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400; }
:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro"; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900; }
:root, :host {
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro"; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("../webfonts/fa-thin-100.woff2") format("woff2"), url("../webfonts/fa-thin-100.ttf") format("truetype"); }

.fat,
.fa-thin {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 100; }
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 900;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 400;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 300;
  src: url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.ttf") format("truetype"); }

@font-face {
  font-family: "Font Awesome 5 Duotone";
  font-display: block;
  font-weight: 900;
  src: url("../webfonts/fa-duotone-900.woff2") format("woff2"), url("../webfonts/fa-duotone-900.ttf") format("truetype"); }
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
  unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"), url("../webfonts/fa-v4compatibility.ttf") format("truetype");
  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
.fal,
.fa-light {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300; }
:root, :host {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro"; }

.fat,
.fa-thin {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 100; }

.fa-phone::before {
  content: "\f095"; }

.fa-check::before {
  content: "\f00c"; }

.fa-check::before {
  content: "\f00c"; }

.fa-check-double::before {
  content: "\f560"; }

.fa-check-to-slot::before {
  content: "\f772"; }

.fad.fa-check::after, .fa-duotone.fa-check::after {
  content: "\f00c\f00c"; }

.fad.fa-check-double::after, .fa-duotone.fa-check-double::after {
  content: "\f560\f560"; }

.fad.fa-check-to-slot::after, .fa-duotone.fa-check-to-slot::after {
  content: "\f772\f772"; }


html, body {
		  font-family: 'Geomanist', 'Helvetica Neue', Arial, sans-serif;
	background-color:#f8f8f8 !important
}

a:link,
a:visited {
	color:#1a454b !important;
	text-decoration: none;
}

a:hover,
a:active {
	color:#8ba391 !important;
	text-decoration: none;
}

.innercontainer {
	max-width:1600px;
	margin:0 auto;
}



#contentarea .innercontainer {
	max-width:1200px !important;
	
}
.contentsite #contentarea {
	margin-top:150px !important
}
#top {
	width:100% !important;
	position:fixed !important;
	top:0;
	left:0 !important;
	text-align: right !important;
	background: #f8f8f8;
	color:#666;
	font-size:14px !important;
	padding:10px 45px;
	box-sizing: border-box;
z-index: 10000 !important
}
#top i {
	font-size:16px;
	font-style: normal;
	margin:0 2px !important
}



header {
	position:fixed;
	top:44px;
	width:1600px;
	left:50%;
	margin-left:-800px;
	background-color:#ffc629;
	padding:15px !important;
z-index: 10000 !important
}

header .innercontainer {
	max-width:1400px;
	margin:0 auto;
}


header #logo {
	height:70px !important;
	width:auto;
}

#hero {
	width:1600px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	height:560px;
	overflow:hidden;
	position: relative;
	margin-top:145px;
}

#hero img {
	position: absolute;
	top:-35%;
	width:100% !important;
}

nav {
	width:70% !important;
	float:right !important
}

.dj-subwrap-in, .dj-subcol {
	width:350px !important
}

.dj-megamenu-clean .arrow::before {
	display:none !important;
}

.dj-megamenu-clean .arrow {
	margin-top:0px !important;
	top: 0 !important;
	position: relative;
	left:0px !important
}
.dj-megamenu-clean .name {
	margin-bottom:80px !important;
	top: 0 !important
}

.dj-megamenu-clean li a.dj-up_a > span.dj-drop {
	padding:0 !important
}

.dj-megamenu-clean li a {
	text-transform:uppercase !important;
	color:#1a454b !important;
	font-size:18px !important;
	padding-top:5px !important;
	transition:0.5s!important
}
.dj-megamenu-clean li a:hover {
	text-transform:uppercase !important;
	color:#1a454b !important;
}
.dj-megamenu-clean li:hover .arrow {
	border-bottom:4px solid #1a454b !important;
	color:#1a454b !important;
		animation: border_anim 0.5s linear forwards;

	
	
}

.dj-megamenu-clean li a.active {
	color:#1a454b !important
}

.dj-megamenu-clean li.active .arrow {
	width:100% !important;
	border-bottom:4px solid #1a454b !important;
}

.dj-megamenu-clean li a.dj-up_a {
	height:70px !important
}
.dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in,
.dj-megamenu-clean li ul.dj-submenu > li:hover > a, .dj-megamenu-clean li ul.dj-submenu > li.active > a {
	background-color:#fff !important
}

.dj-megamenu-clean li ul.dj-submenu > li > a {
	color: #444 !important;
padding: 10px 14px;
text-transform: none !important;
	font-size:16px !important
}

.dj-megamenu-clean li ul.dj-submenu > li:hover > a, .dj-megamenu-clean li ul.dj-submenu > li.active > a {
	color:#1a454b !important
}

.dj-megamenu-clean li ul.dj-submenu > li > a::before {font-family: 'Font Awesome 6 Pro';
	content:"\f068";
font-weight:200 !important;
float:left;
	padding-left: 8px;
    transition: .34s !important;
	padding-top:3px !important;
	padding-right:8px !important
	
}

@keyframes border_out {
	0%{
		width: 100%;
	}
	100%{
		width: 0%;
	}
}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

.dj-megamenu-clean {
	float:right !important
}

.starttext {
	background-color:#fff !important;
	padding:40px !important;
	margin-top:-80px;
	float:left;
	width:60%;
	position: relative;
	z-index: 100;
}

.starttext h1, .teamseite h1 {
	font-size: 17px !important;
line-height: 1.4 !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight:normal !important;
	color:#1a454b !important
}

.contentsite ul {
	padding-left:0px !important;
	list-style: none !important;
}

.contentsite ul li {
	padding-left:15px !important;
	padding-bottom:10px !important;
}
.contentsite ul li i {
	margin-right:5px !important;
	padding-bottom:25px !important
}

.contentsite h1 {
	font-size: 32px !important;
line-height: 1.3;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight:normal !important;
	padding-bottom:20px !important

}
.contentsite.teamseite h1 {font-size:17px !important;
margin-bottom:0 !important;}
p, li {
	color:#666 !important;
	font-size:16px !important;
	line-height:26px !important;
}

/* Neue CI: Eyebrow-Headings ohne ::before-Balken */

.starttext h2 {
color: #1a454b !important;
border-bottom: none !important;
font-size:32px;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight:normal !important;
	margin-bottom:40px;
	margin-top:20px;
}

#angebot h2 {
	margin-top:50px !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight:normal !important;
}
#angebot h4 {
	font-size:18px !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight:normal !important;
	margin-bottom:0 !important;
	margin-top:15px !important
}

.teamseite h2 {
color: #1a454b !important;
border-bottom: none !important;
font-size:32px;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight:normal !important;
	margin-bottom:40px;
	margin-top:0px !important;
}
.starttext h3 {
font-size: 1.4rem;
line-height: 1.4;
  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight: normal;
	color:#1a454b !important
}

.starttext hr {
	margin:20px 0 !important;
	clear:both !important
}

.starttext ul {
	list-style:none !important;
	padding-left:0 !important;
	margin-top:0 !important;
}
.starttext ul li {
	padding-bottom:15px!important;
}
.starttext ul li a {
	color:#666 !important;
	font-size:18px!important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	transition: .34s !important
}

.starttext ul li i {
	margin-right:5px !important
}

.starttext ul li a::before {font-family: 'Font Awesome 6 Pro';
	content:"\f061";
font-weight:200 !important;
float:left;
	padding-left: 8px;
    transition: .34s !important;
	padding-top:0px !important;
	padding-right:8px !important
	
}

.starttext ul li a:hover {
	color:#1a454b !important
}

.contactlink {
	padding:20px 60px 20px 30px;
	background-color:#f8f8f8 !important;
}

.contactlink {
	margin:25px 25px !important
}

a.contactlink i {
	color:#666 !important;
	font-style: normal !important;
	margin-right:8px !important;
}
.starttext img.el-image.uk-border-circle,.rightbox img.el-image.uk-border-circle {
width: 140px;
aspect-ratio: auto 220 / 220;
height: 140px;
border-radius: 50%;
	float:left !important;margin-right:30px!important;
	margin-bottom:20px !important
}

.clear {
	clear:both !important
}

main {
	width:100% !important;
	background-color:#fff !important;
	margin-top:80px !important;
	padding:50px 0!important
}

#contentarea main .innercontainer {
max-width:1400px !important
}
.contentsite #contentarea main .innercontainer,
.hofgarten #contentarea main .innercontainer {
max-width:1200px !important
}

.hofgarten #contentarea main h2, .hofgarten #contentarea main h3 {
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	font-weight:normal !important;
	font-size:20px;
	color:#1a454b;
	border:none !important

}

.hofgarten #contentarea main .innercontainer li {
	padding-bottom:10px !important}
.hofgarten #contentarea main .innercontainer ul {
	list-style:none !important;
	color:#1a454b !important;
}
.hofgarten #contentarea main .innercontainer .fa-check {
	color:#1a454b !important;
	margin-right:5px !important
}

.item-pagemoxy {
	width:60% !important;
	float:left !important;
}
.item-page .item-image {
	width:60% !important;
	float:left !important;
	margin-right:4% !important;
	margin-top:0 !important
}
.item-page .item-image img {
	width:100% !important;
	height:auto !important
}

h3.uk-heading-bullet {
		font-size: 17px;
line-height: 1.4;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight:normal !important;
	color:#1a454b !important

}

.uk-heading-bullet::before {
	display: none !important;
}

main h2 {
	font-size: 1.4rem;
line-height: 1.4;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight: normal !important;
padding-bottom: calc(5px + .1em);
border-bottom: calc(.2px + .05em) solid #e8e8e8;
}

.com-content-category-blog {
	width:65% !important;
	float:left !important
}

.blog-item ul {
	list-style:none !important
}

.ankerlink {
	position: absolute !important;
	margin-top:-150px !important;
	height:10px !important;width:10px !important;
	background-color:transparent!important
}

.blog-item {
	padding:40px !important;background-color: #fff;
color: #666;
box-shadow: 0 5px 15px rgba(0,0,0,.06);
margin-bottom:40px !important;
	margin-top:10px !important
}

.blog-item .item-image {
	width:43% !important;
	float:Left !important;
	margin-right:7% !important

}

.blog-item .item-content {
	width:50% !important;
	float:right !important;
	margin-left:0% !important

}
.blog-item .item-image img {
	width:100% !important;
	height:auto;
	border-radius:10px
}
.blog-item h2 a {
font-size: 1.4rem;
line-height: 1.4;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight: normal !important;
	color:#1a454b !important;
	
}

.blog-item h2 {
	border:none !important
}

p.readmore a:link,
p.readmore a:visited {
	color:#1a454b !important;
	background-color:#fff !important;
	border:1px solid #1a454b;
	border-radius: 500px !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	transition: .34s !important;
	padding:15px 20px !important
}
p.readmore a:hover,
p.readmore a:active {
	background-color:#1a454b !important;
	color:#fff !important;
}

p.readmore .icon-chevron-right {
	display:none !important
}

a.angebotlink:link,
a.angebotlink:visited {
	color:#1a454b !important;
	background-color:#fff !important;
	border:1px solid #1a454b;
	border-radius: 500px !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	transition: .34s !important;
	padding:15px 20px !important
}
a.angebotlink:hover,
a.angebotlink:active {
	background-color:#1a454b !important;
	color:#fff !important;
}

.toplinks {
	width:40% !important;
	float:right !important;
	padding:0 40px 40px 40px !important;
	position: relative !important;
	top:25px;

}

.moxy .toplinks, 
.hofgarten .toplinks {
	top:25px !important
}

.toplinks a:link,
.toplinks a:visited {
	color:#1a454b !important;
	text-align: center;
	border:1px solid #1a454b;
	border-radius: 500px !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	transition: .34s !important;
	padding:10px 20px !important;
	display:block !important;
}
.toplinks a:hover,
.toplinks a:active {
	background-color:#1a454b !important;
	color:#fff !important;
}
.toplinks a.jt-title:link,
.toplinks a.jt-title:visited {
	color:#1a454b !important;
	text-align: center;
	border:none !important;
	border-radius: 500px !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	transition: .34s !important;
	padding:10px 20px !important;
	display:block !important;
	font-size:18px !important;
}
.toplinks a.jt-title:hover,
.toplinks a.jt-title:active {
	background-color:#1a454b !important;
	color:#fff !important;
}

aside {
	width:32% !important;
	float:right !important;
	box-sizing: border-box;
}
.rightbox {
	padding:40px !important;
margin-bottom:25px !important;
	background-color: #f8f8f8;}

.rightbox img {
	max-width:100% !important;
	height:auto !important;
}

iframe {
	max-width:100% !important;
}
a.externallink:link,
a.externallink:visited {
	color:#1a454b !important;

	border:1px solid #1a454b;
	border-radius: 500px !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	transition: .34s !important;
	padding:15px 20px !important
}
a.externallink:hover,
a.externallink:active {
	background-color:#1a454b !important;
	color:#fff !important;
}
i {
	font-style:normal !important
}
.coworkingangebote .coworkingangebote1 {
	width:40% !important;
	float:left !important;
	margin:10px 5% !important;
box-shadow: 0 5px 15px rgba(0,0,0,.06);
	
}

.coworkingangebote  .coworkingangebote1 img {width:100% !important;
height:auto !important}

.coworkingangebote  .coworkingangebote1 h3,
.coworkingangebote  .coworkingangebote1 p {
	margin:15px !important
}

.coworkimg {
	height:350px !important;
	overflow:hidden !important
}

.coworkingangebote1 a:link,
.coworkingangebote1 a:visited {
	color:#1a454b !important;

	border:1px solid #1a454b;
	border-radius: 500px !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	transition: .34s !important;
	padding:15px 20px !important
}
.coworkingangebote1 a:hover,
.coworkingangebote1 a:active {
	background-color:#1a454b !important;
	color:#fff !important;
}

.uk-grid > div {
	width:25% !important;
	margin:40px 3.55% !important;
	float:left!important;
box-shadow: 0 5px 15px rgba(0,0,0,.06);
	padding:0 30px 30px 30px !important;
}
.uk-grid > div img {
	width:100% !important;
	height:auto !important;
}

.uk-grid > div.uk-first-column {
	margin-left:5% !important;
}
.uk-grid-4 > div {
	width:25% !important;
	margin:40px 0% !important;
	float:left!important;
	text-align: center !important;
	padding:0 30px 30px 30px !important;
}
.uk-grid-4 > div img {
	width:100% !important;
	height:auto !important;
}

.uk-text-meta {
	color:#999 !important;
	padding:15px 0px !important
}

.uk-grid-4 > div:nth-child(even) {
	background-color:#f8f8f8 !important
}

.uk-grid-4 > div h3, .uk-grid > div h3 {font-size: 26px;
line-height: 1.4;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	transition: .34s !important;
} .rightbox h3 {font-size: 26px;
line-height: 1.4;
	color:#1a454b !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	transition: .34s !important;
}

.uk-grid-4 > div h3 {
	margin-top:25px !important;
}
.uk-grid-4 > div img {
	border-radius: 50%;
	width:200px !important;
	height:200px !important;
	margin-top:30px !important
}

.teamseite .uk-grid > div {
	width:23% !important;
	margin:40px 1% !important;
	float:left!important;
box-shadow: none !important;
	padding:0 30px 30px 30px !important;
}
.teamseite .uk-grid > div img {
	width:100% !important;
	height:auto !important;
}

.teamseite .uk-grid  h3 {
	font-size:20px !important;
	border:none !important
}

.teamseite .uk-grid > div.uk-first-column {
	margin-left:0% !important;
}


.teamseite .uk-text-meta {
	color:#999 !important;
	padding:0px 0px !important;
		  font-family: 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
}
.field-label.hidefieldinfo {
	display:none !important
}
.bilder.test {
	padding:0 !important;
	width:60% !important;
	float:left !important
}

.raumsettings, .preise {
	width:40% !important;
	float:right !important
}



.raeume .com-content-article__body {
	width:36% !important;
	float:right !important;
}

.settingstitle {
	width:50% !important;
	padding:15px !important;
	box-sizing:border-box!important;
	float:left !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
}

.settingsvalue {
	color:#1a454b !important;
	width:50% !important;
	padding:15px !important;
	box-sizing:border-box!important;
	float:left !important;
}
.com-content-article__body .fields-container li {
	clear:both !important;
	margin:0 !important; padding:0 !important
}
.com-content-article__body .fields-container li:nth-child(even) {

	background-color:#f8f8f8;
}

  .bilder .fields-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;

    list-style: none;
    padding: 0;
    margin: 0;
}

  .bilder .fields-container > li {
    margin: 0 !important;
    padding: 0 !important;
}

  .bilder .fields-container img {
    width: 100%;
    height: 140px; /* gewünschte Höhe */
    object-fit: cover;
    display: block;
}
@media (max-width: 900px) {
  .bilder .fields-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
      .bilder .fields-container {
        grid-template-columns: 1fr;
    }
}

.preisvalue .field-value {
	float:left !important
}

.preisebox {
	display:block !important
}

.preisebox .field-value  {
	float:left !important;
	font-size:30px !important;
	color: #1a454b !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	width:40% !important;
}
.preisebox .field-label {
	float:right !important;
	width:60% !important;
	text-align: left !important
}
.preisebox .field-prefix {
	float:right !important;
}

.settingsvalue .field-label {
	float:left !important;
	margin-right:5px !important
}

.settingsvalue .field-value {
	float:left !important;
	margin-right:5px !important;
	border-left:1px dotted #ccc !important;
	padding-left:5px !important;
}
.hinweisbox {
	background-color:#f8f8f8 !important;
	font-size:13px !important;
	line-height:20px !important;
	padding:15px !important;
	
}

.hinweisbox .field-label {
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	
}

[data-modals-element=modal] [data-modals-element=overlay] {
	background-color:rgba(255,255,255,0.40) !important;

	backdrop-filter: none !important
}

[data-modals-element=modal] {
	z-index: 1000001 !important;
}


.raeumemain #hero .innercontainer {
	display:none !important
}
.raeumemain #hero  {
	max-width:1400px !important;
	padding:50px 0 !important;
	
}

.raeumemain #hero .raeumeintro {
	width:55% !important;
	float:left !important
}

.raeumemain #hero h1 {

	color:#1a454b !important;
font-size: 2.625rem;

line-height: 1.2;
 font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight: normal !important;

}

.raeumemain #hero h2 {
font-size: 17px ;
line-height: 1.4;
 font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight: normal !important;
	color:#1a454b !important
}

.raeumemain #hero p {
font-size: 16px ;
	color:#666 !important
}
.raeumemain #hero ul {
	padding-left:0 !important;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 3rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.raeumemain #hero ul li {
	background-color:#fff !important;
box-shadow: 0 5px 15px rgba(0,0,0,.06);
  border: 0px solid #ccc;
  padding: 1rem;
  box-sizing: border-box;
}

.raeumemain #hero ul li h3 {
	font-size: 18px;
	color:#1a454b !important;
	padding-top:10px !important;
line-height: 1.2;
 font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight: normal !important;
	display:block !important;
	width:100% !important;
}
.raeumemain #hero ul li p {
	font-size: 15px !important;
	padding-top:10px !important

}

.raeumegalerie {
	float:right !important;
	width:45% !important;
	height:100% !important
}

.cameraContent img, .camerastarted div, .camerastarted {
	width:100% !important
}

.nivoSlider {
	box-shadow:none !important;
	margin-left:40px !important
}

.raeumemain .blog-items {
	display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.raeumemain .blog-item:nth-child(odd) {
	width:48% !important;
	margin-right:2% !important;
	float:left !important;
	padding:0 !important;
	flex: initial;
}
.raeumemain .blog-item:nth-child(even) {
	width:48% !important;
	margin-left:2% !important;
	float:left !important;
	padding:0 !important;flex: initial;

}
.raeumemain .blog-item .item-image {
	width:100% !important;
	border-radius:0 !important;
}
.raeumemain .blog-item .item-image img {
	width:100% !important;
	border-radius:0 !important;
}

.raeumemain .blog-item .item-content {
	width:100% !important;
	padding:15px !important
	
}

.introtopic {
	padding:50px !important;
	
}

.introtopic:nth-child(odd) {
	padding:50px !important;
	background-color:#fff !important;
	
}
.introtopic:nth-child(even) {
	padding:50px !important;
	background-color:#f8f8f8 !important;
	
}

#contentarea main .introtopic .innercontainer {
	max-width:1200px !important;
}

.introtopic img {
	width: 60% !important;
	height:auto !important;
	float:right !important;
		margin-left:5%;
	
}


.introtopic p.readmore a:link,
.introtopic p.readmore a:visited {
	padding:10px 30px !important
}

.introtopic .uk-heading-bullet {
	color:#1a454b !important;
	padding-bottom:15px !important
}
.introtopic p {
	margin:25px 0 !important
}
.introtopic h2 {
font-size: 28px !important;
line-height: 1.4;
font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
font-weight: normal !important;
padding-bottom: calc(5px + .1em);
border-bottom: none !important;
	padding-top:40px !important
}
footer {border:1px solid #999 !important;
border-width:1px 0 1px 0 !important;
	padding:50px 0!important }

.footerout {
	background-color:#fff !important;
	padding:25px !important;
	color:#666;
	font-size:15px !important
}

footer .innercontainer, .footerout .innercontainer {
	max-width:1400px !important
}

.footerleft img {
	margin-bottom:25px !important
}

.footerleft {
	padding:50px 0 !important;
	width:40% !important;
	float:left !important;
}

.footerright {
	padding:50px 0 !important;
	width:60% !important;
	float:right !important;
}

.footerright div {
	width:30% !important;
	float:left !important
}
.faqs {
	background-color:#f8f8f8 !important;
padding: 50px 0!important;
}

.faqs [data-rlta-element=container] {
	max-width:96%;
	width:800px;
	font-size:16px;
	margin:1px auto !important
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] {
	font-size:16px !important
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
	padding:0px !important;
	padding-top:10px !important;
	font-size:16px !important
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=accordions]>[data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel],[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
	border-radius:0 !important
}

.jtcs_item_wrapper {
background-color: #fff !important;
padding-left:0 !important;
	padding-top:0 !important;
	padding-right:0 !important;
padding-bottom:25px !important;
margin-bottom:15px !important;
width: 100%;


	
}
.jt-inner h3, .jt-inner .jt-introtext {
	padding:0 15px 0 15px !important;
	text-align: center !important
}
.owl-item .slide {
	padding:0 !important;
	padding-bottom:8px !important;
}

.moxy .jtcs_item_wrapper, 
.hofgarten .jtcs_item_wrapper {
display:none;
}

.jt-introtext {margin-bottom:0 !important}


.jt-cs .owl-dots span {
	border-color:#1a454b !important;
}
.jt-cs .owl-dots .active span {
	background:#1a454b !important;
}

.owl-prev, .owl-next {
	color:#1a454b !important
}
.nivoSlider {
	background:none !important
}

.nivo-directionNav {
	width:100%!important 
}
a.nivo-nextNav {
	right:50px !important
}
.mobilebr {display:none}


#chronoform-raeume-mieten fieldset .form_img {
	width:100% !important;
	height:auto !important
}
#chronoform-raeume-mieten fieldset {
	width:30% !important;
	margin:0 1.5% !important;
	float:left !important;
	transition: .34s !important;
}


#chronoform-raeume-mieten fieldset:hover {
	opacity:0.8 !important;
	cursor:pointer !important
}

#chronoform-raeume-mieten fieldset {
    border: 2px solid rgb(255, 255, 255);
    transition: 0.2s ;
    cursor: pointer;
margin-bottom:25px !important}
#chronoform-raeume-mieten fieldset.active {
    border: 2px solid #1a454b !important;
  }

#chronoform-raeume-mieten fieldset .grey.rounded {
	background-color:#1a454b;
	color:#fff !important;
	border-radius:0 !important;
	margin-bottom:0 !important
}

#chronoform-raeume-mieten {display:block !important}


#chronoform-raeume-mieten fieldset .preise {
	width:100% !important;
	padding:8px !important
}

.link-infos:link,
.link-infos:visited {
		background-color:#1a454b;
	color:#fff !important;
	float:right;
	padding:8px 15px !important;
	transition: .34s !important
}

.link-infos:hover,
.link-infos:active {
		background-color:#ddd !important;
	color:#fff !important;
	float:right;
	padding:8px 15px !important;
	
}

.roomselected,.bestuhlungselected {
	display:block !important;
	
}

.roomselected label,.bestuhlungselected label {
	float:left !important
}

#roomselected, #bestuhlungselected {
	padding:0 !important;
	border:0 !important;
	margin-left:5px !important;
	width:300px !important;
	background:none !important
}

.aktuelleauswahl {
		background-color:rgba(26, 69, 75, 0.2);
	padding:10px;
		border: 1px solid #1a454b;
}
.aktuelleauswahl h4 {
	font-size:16px;
	font-weight:bold !important
}

#chronoform-raeume-mieten h2, #chronoform-raeume-mieten h3 {
	font-size:22px;
	font-weight:normal !important;
	color:#1a454b !important;
	border:none !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	padding-bottom:15px !important
}

.bestuhlung {
	width:30% !important;
	margin:8px 1.5%!important;
	padding:10px 15px !important;
	border:2px solid #1a454b;
	color:#1a454b;
	transition:1s;
	float:left !important;
	text-align: center;
	
}

.bestuhlung:hover ,.bestuhlungactive{
	width:30% !important;

	padding:10px 15px !important;
	border:2px solid #1a454b;
	background-color:#1a454b;
	color:#fff;
}
#chronoform-raeume-mieten .bardemand_left {
	width:50% !important;
	float:left !important;
}
#chronoform-raeume-mieten .bardemand_right {
	width:50% !important;
	float:right !important;
}


button.nui.button.colored.slate {
float:right;
	background-color:#1a454b !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	border-radius:0 !important;
	color:#fff !important;

	margin-top:30px !important;
	font-weight:normal !important;
	font-size:18px !important;
	transition:1s!important;
	margin-bottom:30px !important;
}
button.nui.button.colored.slate:hover {
	opacity:0.7
}
button.nui.button.colored.slate::after {
	 font-family: 'Font Awesome 6 Pro';
	content: "\f138" !important;
	font-weight:bold !important;
	font-size:18px !important;
	margin-top:0px !important;
	padding-left:5px !important
}
a.nui.button.colored.red {
float:left;
	background-color:#999 !important;
		  font-family: 'Geomanist Medium', 'Geomanist', 'Helvetica Neue', Arial, sans-serif !important;
	border-radius:0 !important;
	color:#fff !important;
	margin-top:30px !important;
	font-weight:normal !important;
	font-size:18px !important;
	transition:1s!important;
	margin-bottom:30px !important;
}
a.nui.button.colored.red:hover {
	opacity:0.5
}
a.nui.button.colored.red::before {
	 font-family: 'Font Awesome 6 Pro';
	content: "\f060" !important;
	font-weight:bold !important;
	font-size:18px !important;
	margin-top:0px !important;
	padding-left:5px !important
}
.nui.form .field {
	display:block !important;width:48% !important;
	margin-right:2% !important;
	float:left !important;
	padding-bottom:20px!important 
}
.nui.form .field label {
	padding-bottom:5px !important
}
.nui.form .field input, .nui.select {
	border:1px solid #ddd !important;
	border-radius:0 !important;
}

.aktuelleauswahl .field.holder {
	float:none !important;
	margin:0 !important;
	padding-bottom:0 !important
}

#personen1 {
	width:150px !important
}
.persoenliches .field.holder {
	display:block !important;width:48% !important;
	margin-right:2% !important;
	float:left !important;
	padding-bottom:20px!important 
}

.persoenliches .field.holder.nachricht {
	display:block !important;width:98% !important;
	margin-right:2% !important;
	float:left !important;
	padding-bottom:20px!important 
}

.persoenliches .width100 .field.holder {
	display:block !important;width:98% !important;
	margin-right:2% !important;
	float:left !important;
	padding-bottom:20px!important 
}

.persoenliches .field.holder.nachricht textarea {
	display:block !important;width:100% !important;
	border:1px solid #ddd !important;
	border-radius:0 !important
}
.persoenliches .nui.checkbox>label {
	display:block !important
}
.flex.equal.items {
	display:block !important
}
#chronoform-raeume-mieten 
{padding-top:50px !important}

.persoenliches .field.holder label,
.persoenliches .field.holder input {
	width:100% !important
}
.nui.label.circular.slate, .nui.divider.block, .circular.green {
	display:none !important
}

.nui.flex[class*="equal items"]>.item span {
	padding:10px !important;
	
}
.nui.flex[class*="equal items"]>.item {
	flex:auto !important;
	display:block !important;
	width:14.5% !important;
	float:left !important
}
.nui.flex[class*="equal items"]>.item span.bold {
	padding:10px !important;
		background-color:#1a454b !important;
	color:#fff !important;
}

/* ===== Neue CI 2026: Larken (Adobe Fonts) fuer grosse Headlines ===== */
.contentsite h1,
.starttext h2,
.teamseite h2,
#angebot h2,
.introtopic h2,
main h2,
.raeumemain #hero h1 {
	font-family: 'larken', Georgia, 'Times New Roman', serif !important;
	font-weight: 500 !important;
	text-transform: uppercase;
}

/* ===== Neue CI 2026: Footer-Logo ===== */
.footerleft .footerlogo {
	display: block;
	width: 180px;
	height: auto;
	margin-bottom: 25px;
}

/* Altes Logo aus dem Adress-Modul (mod-custom246) ausblenden -
   endgueltig entfernen: Bild im Modul "address" im Backend loeschen */
.footerleft .mod-custom .uk-margin {
	display: none !important;
}

/* ===== Neue CI 2026: Headings generell ===== */
/* Alle Headings in Petrol (spezifischere Regeln oben sind ebenfalls Petrol) */
h1, h2, h3, h4, h5, h6 {
	color: #1a454b;
}

/* Links in Headings erben die Schriftfamilie der Headline */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: inherit !important;
}