/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/
/* ============================================= 1.0 ALLGEMEIN ============================================= */

	/* ------ 1.1 MAIN ------ */
	html {
		position: relative;
		min-height: 100%;
	}
	html, body {
		outline: none;
		color: rgba(0,0,0,1);
		overflow-x: hidden;
	}
	body {
		z-index: 100;
		background-color: rgba(255,255,255,1);
	}
	a {
		color: rgba(0,0,0,1);
		outline: none !important;
		text-decoration: none !important;
		cursor: pointer;

		-webkit-transition: color ease 0.3s;
		-moz-transition: color ease 0.3s;
		-o-transition: color ease 0.3s;
		transition: color ease 0.3s;
	}
		a:hover { color: rgba(0,0,0,0.8); }
		a:active, a:focus { color: rgba(0,0,0,0.7); }
		button:focus { outline: 0; }

/* ============================================= 2.0 CONTAINER ============================================= */

	#page {
		margin: 0px 0px 0px;
		padding-bottom: 70px;
	}
		@media (max-width: 1191px) {
			#page.page-content { margin-top: 50px; }
		}
		@media (min-width: 1192px) {
			#page.page-content { margin-top: 80px; }
		}
	.fullheight {
		height: 100%;
	}


	/* ------ 2.1 NAVIGATION ------ */
	#body-start nav a {
		color: rgba(255,255,255,1);
	}
	#navmain.navbar-dark .navbar-toggler {
		margin: 10px auto;
		border-radius: 0px;
		border-width: 0px;
		cursor: pointer;
	}
		nav#navmain .navbar-toggler-icon {
			width: 2em;
			height: 2em;
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		}
	/*#body-start nav#navmain .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }*/

	/*.absolute-top {
		position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	    z-index: 1030;
	}*/
	#navmain.navbar {
		background-color: rgba(0,0,0,1);
		padding: 0px 1rem;
	}
	#navmain.navbar .nav-link {
		padding: 20px 30px;
		text-transform: uppercase;
		color: rgba(255,255,255,1);
	}
		@media (max-width: 1191px) { /*XS-MD*/
			#navmain.navbar .navbar-secondary {
				flex-direction: row;
			}
		}
			#navmain.navbar .navbar-secondary .nav-link { padding: 27px 30px; }
		#navmain.navbar .nav-item-icon .nav-link { padding: 16px 15px; }
		#navmain.navbar .navbar-nav.mr-auto .nav-link {
			font-size: 22px;
		}
		#navmain.navbar .navbar-nav.ml-auto .nav-link {
			font-size: 12px;
		}

		#navmain.navbar .dropdown-menu {
			margin: 0px;
			border-width: 0px;
			border-radius: 0px;
			background-color: rgba(0,0,0,1);
			color: rgba(255,255,255,1);
		}
			#navmain.navbar .dropdown-menu .dropdown-item {
				color: rgba(255,255,255,1);
				padding: 10px 18px;
			}
			#navmain.navbar-dark .navbar-toggler:hover,
			#navmain.navbar .nav-item:hover,
			#navmain.navbar .dropdown-menu .dropdown-item:hover {
				background-color: rgba(255,255,255,0.1);
			}
			#navmain.navbar .nav-item.active,
			#navmain.navbar .dropdown-menu .dropdown-item.active,
			#navmain.navbar .dropdown-menu .dropdown-item:active {
				background-color: rgba(0,130,150,1);
			}

			@media (max-width: 1191px) { /*XS-MD*/
				#navmain.navbar .nav-link {
					padding: 8px 0px;
					text-align: center;
				}
				#navmain.navbar .dropdown-menu {
					margin-top: 0px;
				}
					#navmain.navbar .dropdown-menu .dropdown-item {
						text-align: center;
					}
			}

	/*.navbar { padding: 0px 15px; }
	.navbar-nav .nav-link {
		-webkit-transition: opacity ease 0.3s;
		-moz-transition: opacity ease 0.3s;
		-o-transition: opacity ease 0.3s;
		transition: opacity ease 0.3s;
	}
		nav#navmain .navbar-nav .nav-link:hover { opacity: 0.8; }
		nav#navmain .navbar-nav li.subnav-item a {
			padding: 5px 15px 6px;
		}

	.navbar > .container, .navbar > .container-fluid { display: block; }
	a.navbar-brand {
		width: 275px;
		height: 73px;
		margin: 28px 0px 2px;
		background-image: url("../img/vector/logo-steinbock-schwarz.svg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	button.navbar-toggler {
		cursor: pointer;
		padding: 15px;
	}*/

	#navmain .navbar-nav #nav-item-wohnen.nav-item.active .nav-link, #body-wohnen #navmain .navbar-nav .subnav-item.active .nav-link { color: rgba(210,215,40,1); }
	#navmain .navbar-nav #nav-item-arbeiten.nav-item.active .nav-link, #body-arbeiten #navmain .navbar-nav .subnav-item.active .nav-link { color: rgba(200,50,121,1); }
	#navmain .navbar-nav #nav-item-shopping.nav-item.active .nav-link, #body-shopping #navmain .navbar-nav .subnav-item.active .nav-link { color: rgba(0,130,150,1); }

	.icon-social {
		width: 40px;
		height: 40px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
		.icon-social.iconw-facebook { background-image: url('../img/vector/iconw-facebook.svg'); background-size: 20px; }
		.icon-social.iconw-instagram { background-image: url('../img/vector/iconw-instagram.svg'); background-size: 30px; }

	@media (max-width: 1191px) { /*XS-MD*/
		.navbar { padding-bottom: 10px; }
	}
	@media (min-width: 1192px) { /*LG-XL*/

	}

	/* ------ 2.2 TEASER ------ */

	#teaser {
		width: 100%;
		position: relative;
	}
		#teaser .teaser-media {
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
			#teaser .teaser-media .teaser-table {
				width: 100%;
				display: table;
			}
				#teaser .teaser-media .teaser-table .teaser-cell {
					display: table-cell;
  					vertical-align: middle;
					width: 200px;
				}
				#teaser .teaser-media .teaser-block {
					/*border: 7px rgba(255,255,255,1) solid;*/
					color: rgba(255,255,255,1);
					padding: 15px 0px;
					letter-spacing: 1px;
				}
				.teaser-vector {
					display: block;
					position: relative;
					margin: 0px auto;
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
				}
				.teaser-vector.vector-logo {
					width: 70%;
					/*background-image: url("../img/vector/HalloSommer.svg");*/
					background-image: url("../img/vector/logo-steinbock-weiss.svg");
					/*background-image: url("../img/vector/Fruehlingsfestival_hoch.svg");*/
					/*background-image: url("../img/vector/bemyvalentine.svg");*/
					/*background-image: url("../img/vector/be_my_valentine_mit_logo.svg");*/
					/*background-image: url("../img/vector/merryxmas.svg");*/
				}
				.teaser-media .teaser-special .vector-logo { background-position: bottom; }
				.teaser-vector.vector-grandopening { background-image: url("../img/vector/stay-inspired.svg"); }
				.teaser-vector.vector-iloveyou { background-image: url("../img/vector/mami-day.svg"); }
				.teaser-vector.vector-streetart { background-image: url("../img/vector/streetart.svg"); }
				.teaser-vector.vector-coronabubble, .teaser-vector.vector-waterdamage {
					position: absolute;
					background-position: left bottom;
				}
					.teaser-vector.vector-waterdamage { background-image: url("../img/vector/waterdamage-desktop20.svg"); }
				@media (max-width: 767px) { .teaser-vector.vector-coronabubble { background-image: url("../img/vector/corona-mobile.svg"); } }
				@media (min-width: 768px) { .teaser-vector.vector-coronabubble { background-image: url("../img/vector/corona-desktop.svg"); } }
				@media (max-width: 767px) { .teaser-vector.vector-autumnalcampaign { background-image: url("../img/vector/herbstkampagne-mobile.svg"); } }
				@media (min-width: 768px) { .teaser-vector.vector-autumnalcampaign { background-image: url("../img/vector/herbstkampagne-desktop.svg"); } }
				@media (max-width: 767px) { .teaser-vector.vector-xmas2021 { background-image: url("../img/vector/xmas21/xmas_inspired-mobile.svg"); } }
				@media (min-width: 768px) { .teaser-vector.vector-xmas2021 { background-image: url("../img/vector/xmas21/xmas_inspired-desktop.svg"); } }
					.teaser-media .teaser-special .vector-grandopening { background-position: bottom; }
					.teaser-media .teaser-special .vector-iloveyou { background-position: bottom; }
					.teaser-media .teaser-special .vector-streetart { background-position: bottom; }

					.teaser-media .teaser-vector { max-height: 180px; }
						.teaser-media.teaser-hero .teaser-vector { max-height: none; }
					#teaser .teaser-media .teaser-block.teaser-block-team .teaser-text { text-transform: none; }

					.teaser-media .teaser-bubble .circle-bubble { display: none; }
					.teaser-media.teaser-hero .teaser-bubble .circle-bubble {
						display: block;
						position: absolute;
						background-color: rgba(255,255,255,1);
						border-radius: 50%;
						border: 0px solid black;
					}
						.teaser-media.teaser-hero .teaser-bubble .circle-bubble .bubble-text {
							position: absolute;
							padding: 0px;
						}
							.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-openinghours .bubble-text { text-align: right; }
							.teaser-media.teaser-hero .teaser-bubble .circle-bubble .bubble-text h2, .teaser-media.teaser-hero .teaser-bubble .circle-bubble .bubble-text p {
								color: rgba(0,0,0,1);
							}
							.teaser-media.teaser-hero .teaser-bubble .circle-bubble .bubble-text p {
								text-transform: uppercase;
								margin-bottom: 0px;
							}


					@media (max-width: 767px) {
						.vector-logo { height: 200px; }

						.teaser-media .teaser-special .vector-logo { height: 30px; margin-bottom: 15px; }
						.teaser-media .teaser-special .vector-grandopening { width: 75%; height: 110px; }
						.teaser-media .teaser-special .vector-iloveyou { width: 75%; height: 110px; }
						.teaser-media .teaser-special .vector-autumnalcampaign { width: 75%; height: 210px; }
						.teaser-media .teaser-special .vector-xmas2021 { width: 75%; height: 210px; }
						.teaser-media .teaser-special .vector-streetart { width: 75%; height: 110px; }

						.teaser-media.teaser-hero .teaser-special .vector-logo { height: 50px; margin-bottom: 30px; }
						.teaser-media.teaser-hero .teaser-special .vector-grandopening { width: 75%; height: 170px; }
						.teaser-media.teaser-hero .teaser-special .vector-iloveyou { width: 75%; height: 170px; }
						.teaser-media.teaser-hero .teaser-special .vector-streetart { width: 75%; height: 170px; }

						.teaser-media.teaser-hero .teaser-bubble .vector-coronabubble { width: 66%; height: 390px; bottom: -18px; left: -7px; }
						.teaser-media.teaser-hero .teaser-bubble .vector-waterdamage { width: 69%; height: 415px; bottom: -116px; left: -37px; }
						.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-openinghours {
							width: 401px;
						  height: 401px;
						  top: -223px;
						  right: -129px;
						}
						.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-openinghours .bubble-text {
							top: 240px;
							left: 10px;
							right: 148px;
						}
						.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-openinghours .bubble-text h2 {
							display: none;
						}
						.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-openinghours .bubble-text p {
							font-size: 14px;
						  line-height: 17px;
						}
						.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-openinghours .bubble-text p + p {
							margin-top: 5px;
						}
						.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-notification { width: 375px; height: 375px; bottom: -128px; left: -51px; }
							.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-notification .bubble-text {
								bottom: 171px;
								left: 76px;
								right: 60px;
							}
					}
					@media (min-width: 768px) and (max-width: 1399px) {
						.vector-logo { height: 300px; }

						.teaser-media .teaser-special .vector-logo { height: 35px; margin-bottom: 20px; }
						.teaser-media .teaser-special .vector-grandopening { width: 80%; height: 250px; }
						.teaser-media .teaser-special .vector-iloveyou { width: 80%; height: 250px; }
						.teaser-media .teaser-special .vector-autumnalcampaign { width: 100%; height: 250px; }
						.teaser-media .teaser-special .vector-xmas2021 { width: 100%; height: 250px; }
						.teaser-media .teaser-special .vector-streetart { width: 80%; height: 250px; }

						.teaser-media.teaser-hero .teaser-special .vector-logo { height: 65px; margin-bottom: 30px; }
						.teaser-media.teaser-hero .teaser-special .vector-grandopening { width: 80%; height: 250px; }
						.teaser-media.teaser-hero .teaser-special .vector-iloveyou { width: 80%; height: 250px; }
						.teaser-media.teaser-hero .teaser-special .vector-streetart { width: 80%; height: 250px; }

						.teaser-media.teaser-hero .teaser-bubble .vector-coronabubble { width: 500px; height: 570px; bottom: -80px; left: -15px; }
						.teaser-media.teaser-hero .teaser-bubble .vector-waterdamage { width: 500px; height: 425px; bottom: -115px; left: -8px; }
					}
					@media (min-width: 1400px) {
						.vector-logo { height: 360px; }

						.teaser-media .teaser-special .vector-logo { height: 35px; margin-bottom: 20px; }
						.teaser-media .teaser-special .vector-grandopening { width: 75%; height: 310px; }
						.teaser-media .teaser-special .vector-iloveyou { width: 75%; height: 310px; }
						.teaser-media .teaser-special .vector-autumnalcampaign { width: 81%; height: 320px; }
						.teaser-media .teaser-special .vector-xmas2021 { width: 81%; height: 320px; }
						.teaser-media .teaser-special .vector-streetart { width: 75%; height: 310px; }

						.teaser-media.teaser-hero .teaser-special .vector-logo { height: 68px; margin-bottom: 40px; }
						.teaser-media.teaser-hero .teaser-special .vector-grandopening { width: 75%; height: 310px; }
						.teaser-media.teaser-hero .teaser-special .vector-iloveyou { width: 75%; height: 310px; }
						.teaser-media.teaser-hero .teaser-special .vector-streetart { width: 75%; height: 310px; }

						.teaser-media.teaser-hero .teaser-bubble .vector-coronabubble { width: 500px; height: 570px; bottom: -80px; left: -15px; }
						.teaser-media.teaser-hero .teaser-bubble .vector-waterdamage { width: 500px; height: 425px; bottom: -115px; left: -8px; }
					}
					@media (min-width: 768px) {
						.teaser-media.teaser-hero .teaser-bubble .circle-bubble .bubble-text p {
							font-size: 17px;
							line-height: 20px;
							margin-bottom: 10px;
						}

						.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-openinghours {
							width: 465px; height: 465px;
							top: -223px; right: -100px;
						}
							.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-openinghours .bubble-text {
								top: 223px;
								left: 10px;
								right: 140px;
							}
						.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-notifications {
							width: 500px; height: 500px;
							bottom: -230px; left: -74px;
						}
							.teaser-media.teaser-hero .teaser-bubble .circle-bubble.circle-bubble-notifications .bubble-text {
								bottom: 295px;
								left: 145px;
								right: 85px;
							}
					}

				.teaser-overlay {
					position: absolute;
					width: 100%;
					height: 100%;
				}
					.teaser-overlay .teaser-border {
						width: 100%;
						height: 100%;
						border-radius: 0px;
						border-color: rgba(255,255,255,1);
						border-style: dotted;
						border-width: 5px;
					}

			.teaser-overlay .teaser-sborder-box {
				position: relative;
				width: 100%;
				height: 100%;
			}
				.teaser-overlay .teaser-sborder {
					position: absolute;
					border-radius: 0px;
					border-color: rgba(255,255,255,1);
					border-style: dotted;
					border-width: 0px;
				}
					.teaser-overlay .teaser-sborder.sborder-top,.teaser-overlay .teaser-sborder.sborder-xtop { top: 0px; }
					.teaser-overlay .teaser-sborder.sborder-right,.teaser-overlay .teaser-sborder.sborder-yright { right: 0px; }
					.teaser-overlay .teaser-sborder.sborder-bottom,.teaser-overlay .teaser-sborder.sborder-xbottom { bottom: 0px; }
				 	.teaser-overlay .teaser-sborder.sborder-left,.teaser-overlay .teaser-sborder.sborder-yleft { left: 0px; }

				.teaser-overlay .teaser-vborder {
					position: absolute;
					background-image: url('data');
				}
				.teaser-overlay .teaser-vborder.vborder-h {
					height: 3px;
					background-repeat: repeat-x;
					background-size: contain;
				}
					.teaser-vborder.vborder-h.vborder-top { top: 0px; }
					.teaser-overlay .teaser-vborder.vborder-top,.teaser-overlay .teaser-vborder.vborder-xtop { top: 0px; }
					.teaser-overlay .teaser-vborder.vborder-right,.teaser-overlay .teaser-vborder.vborder-yright { right: 0px; }
					.teaser-overlay .teaser-vborder.vborder-bottom,.teaser-overlay .teaser-vborder.vborder-xbottom { bottom: 0px; }
				 	.teaser-overlay .teaser-vborder.vborder-left,.teaser-overlay .teaser-vborder.vborder-yleft { left: 0px; }

			.teaser-overlay .teaser-illustration {
				position: absolute;
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
				.teaser-overlay .teaser-illustration.leaf-right { background-image: url('../img/vector/herbstillustration-rechts.svg'); }
				.teaser-overlay .teaser-illustration.leaf-bottom { background-image: url('../img/vector/herbstillustration-unten.svg'); }
				.teaser-overlay .teaser-illustration.leaf-left { background-image: url('../img/vector/herbstillustration-links.svg'); }

				.teaser-sborder-box {
					border: 2px dotted white;
				}
				.teaser-hero .teaser-sborder-box { border-width: 0px; }

				/*********** MOBILE ***********/
				@media (max-width: 767px) {
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-top { border-top-width: 1px; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-right { border-right-width: 1px; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-bottom { border-bottom-width: 1px; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-left { border-left-width: 1px; }

					.teaser-hero .teaser-overlay .teaser-illustration.leaf-right {
						width: 43%; height: 26%;
						top: -10%; right: -18%;
					}
					.teaser-hero .teaser-overlay .teaser-illustration.leaf-bottom {
						width: 42%; height: 26%;
						bottom: -9%; left: 6%;
					}
					.teaser-hero .teaser-overlay .teaser-illustration.leaf-left {
						width: 40%; height: 26%;
						top: -1.5%; left: -14%;
					}
					.teaser-sborder.sborder-h.sborder-top { width: 100%; }
					.teaser-sborder.sborder-h.sborder-bottomleft { width: 40%; }
					.teaser-sborder.sborder-h.sborder-bottomright { width: 40%; }
					.teaser-vborder.vborder-v.vborder-left { width: 40%; }
					.teaser-vborder.vborder-v.vborder-right { width: 40%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-top.sborder-yleft { width: 82%; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-top.sborder-yright { display: none; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-right.sborder-xtop { display: none; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-right.sborder-xbottom { height: 89%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-bottom.sborder-yleft { width: 15%; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-bottom.sborder-yright { width: 65%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-left.sborder-xtop { height: 5%; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-left.sborder-xbottom { height: 82%; }
				}

				/*********** TABLET ***********/
				@media (min-width: 768px) and (max-width: 1399px) {
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-top { border-top-width: 4px; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-right { border-right-width: 4px; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-bottom { border-bottom-width: 4px; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-left { border-left-width: 4px; }

					.teaser-hero .teaser-overlay .teaser-illustration.leaf-right {
						width: 26%; height: 35%;
						top: 8%; right: -13%;
					}
					.teaser-hero .teaser-overlay .teaser-illustration.leaf-bottom {
						width: 27%; height: 36%;
						bottom: -18%; left: 17%;
					}
					.teaser-hero .teaser-overlay .teaser-illustration.leaf-left {
						width: 31%; height: 43%;
						top: -19.5%; left: -11%;
					}
					.teaser-sborder.sborder-h.sborder-top { width: 100%; }
					.teaser-sborder.sborder-h.sborder-bottomleft { width: 40%; }
					.teaser-sborder.sborder-h.sborder-bottomright { width: 40%; }
					.teaser-vborder.vborder-v.vborder-left { width: 40%; }
					.teaser-vborder.vborder-v.vborder-right { width: 40%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-top.sborder-yleft { display: none; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-top.sborder-yright { width: 86%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-right.sborder-xtop { height: 13%; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-right.sborder-xbottom { height: 64%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-bottom.sborder-yleft { width: 23%; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-bottom.sborder-yright { width: 62%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-left.sborder-xtop { display: none; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-left.sborder-xbottom { height: 87%; }
				}

				/*********** DESKTOP ***********/
				@media (min-width: 1400px) {
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-top { border-top-width: 5px; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-right { border-right-width: 5px; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-bottom { border-bottom-width: 5px; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-left { border-left-width: 5px; }

					.teaser-hero .teaser-overlay .teaser-illustration.leaf-right {
						width: 20%; height: 36%;
						top: 8%; right: -10%;
					}
					.teaser-hero .teaser-overlay .teaser-illustration.leaf-bottom {
						width: 18%; height: 35%;
						bottom: -16%; left: 19%;
					}
					.teaser-hero .teaser-overlay .teaser-illustration.leaf-left {
						width: 19%; height: 33%;
						top: -12.5%; left: -8%;
					}
					.teaser-sborder.sborder-h.sborder-top { width: 100%; }
					.teaser-sborder.sborder-h.sborder-bottomleft { width: 40%; }
					.teaser-sborder.sborder-h.sborder-bottomright { width: 40%; }
					.teaser-vborder.vborder-v.vborder-left { width: 40%; }
					.teaser-vborder.vborder-v.vborder-right { width: 40%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-top.sborder-yleft { display: none; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-top.sborder-yright { width: 95%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-right.sborder-xtop { height: 13%; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-right.sborder-xbottom { height: 64%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-bottom.sborder-yleft { width: 23%; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-bottom.sborder-yright { width: 67%; }

					.teaser-hero .teaser-overlay .teaser-sborder.sborder-left.sborder-xtop { display: none; }
					.teaser-hero .teaser-overlay .teaser-sborder.sborder-left.sborder-xbottom { height: 87%; }
				}

		.border-separator {
			width: 120px;
			margin-top: 30px;
			margin-bottom: 30px;
			height: 1px;
			border-top: 7px rgba(0,0,0,1) solid;
		}
			.border-separator.border-separator-center { margin-left: auto; margin-right: auto; }

		button.teaser-breaker {
			position: absolute;
			top: 80px;
			right: 0px;
			background-color: rgba(255,255,255,1);
			border-width: 1px 0px 1px 1px;
			border-color: rgba(255,255,255,1);
			border-style: solid;
			outline: 0px;
			color: rgba(0,0,0,1);

			-webkit-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
			-moz-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
			-o-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
			transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		}
			button.teaser-breaker:hover, button.teaser-breaker:focus {
				background-color: rgba(0,0,0,1);
				/*border-color: rgba(0,0,0,1);*/
			}
				button.teaser-breaker:hover a, button.teaser-breaker:focus a { color: rgba(255,255,255,1); }
			.teaser-breaker a { display: block; width: 100%; height: 100%; }


			/*********** Phone ***********/
			@media (max-width: 767px) {

				.teaser-border {
					padding: 20px 20px;
				}
				.teaser-overlay {
					padding: 20px 20px;
				}
				/* ------ Bilder ------ */
				.teaser-media {
					height: 320px;
				}
					.teaser-media.teaser-hero {
						height: 93vh;
						min-height: 600px;
					}
				/*#teaser .teaser-img-steinbock {background-color: black;}*/
				/*#teaser .teaser-img-steinbock {background-color: white;}*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/18-09_Teaser.jpg"); }*/
				#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Summer_02_2025_Website.jpg"); }
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Ostern_2025_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Valentinstag_2025_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Sommer-Grill-2_2024_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Muttertag_2025_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Winter_2024.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Herbstmarkt_2024.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Sommer_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Fruehlingsfestival_Sujet_Querformat.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/04-11_Teaser.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/rot-valentin-2022-md.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/teaser-gelb-fruehlingskampagne2.jpg"); }*/
				#teaser .teaser-img-muttertag	{ background-image: url("../img/teaser/mami-day-md.jpg"); }
				#teaser .teaser-img-treemall	{ background-image: url("../img/teaser/baum-einkaufshalle-xs.jpg"); }
				#teaser .teaser-img-xmascreative	{ background-image: url("../img/teaser/xmas21-basteln-xs.jpg"); }
				#teaser .teaser-img-street-art	{ background-image: url("../img/teaser/street-art.jpg"); }
				#teaser .teaser-img-valentinesday	{ background-image: url("../img/teaser/lila-valentin-xs.jpg"); }
				#teaser .teaser-img-treppenhaus_lila	{ background-image: url("../img/teaser/lila-treppenhaus-xs.jpg"); }
				#teaser .teaser-img-treppenhaus_blau	{ background-image: url("../img/teaser/blau-treppenhaus-xs.jpg"); }

				.news-card.news-card-primary .news-card-img {
					height: 300px;
				}
			}

			/*********** TABLET ***********/
			@media (min-width: 768px) and (max-width: 1399px) {
				.teaser-overlay {
					padding: 60px;
				}
				/* ------ Bilder ------ */
				.teaser-media {
					height: 450px;
				}
					.teaser-media.teaser-hero {
						height: 93vh;
						min-height: 600px;
					}
				/*#teaser .teaser-img-steinbock {background-color: black;}*/
				/*#teaser .teaser-img-steinbock {background-color: white;}*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/18-09_Teaser.jpg"); }*/
				#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Summer_02_2025_Website.jpg"); }
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Ostern_2025_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Valentinstag_2025_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Sommer-Grill-2_2024_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Muttertag_2025_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Winter_2024.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Herbstmarkt_2024.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Sommer_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Fruehlingsfestival_Sujet_Querformat.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/04-11_Teaser.jpg"); }*/
				/*#teaser .teaser-img-steinbock	{ background-image: url("../img/rot-valentin-2022-md.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/teaser-gelb-fruehlingskampagne2.jpg"); }*/				
				#teaser .teaser-img-muttertag	{ background-image: url("../img/teaser/mami-day-md.jpg"); }
				#teaser .teaser-img-treemall	{ background-image: url("../img/teaser/baum-einkaufshalle-md.jpg"); }
				#teaser .teaser-img-xmascreative	{ background-image: url("../img/teaser/xmas21-basteln-md.jpg"); }
				#teaser .teaser-img-street-art	{ background-image: url("../img/teaser/street-art.jpg"); }
				#teaser .teaser-img-valentinesday	{ background-image: url("../img/teaser/lila-valentin-md.jpg"); }
				#teaser .teaser-img-treppenhaus_lila		{ background-image: url("../img/teaser/lila-treppenhaus-md.jpg"); }
				#teaser .teaser-img-treppenhaus_blau		{ background-image: url("../img/teaser/blau-treppenhaus-md.jpg"); }

				.news-card.news-card-primary .news-card-img {
					height: 500px;
				}
			}

			/*********** DESKTOP ***********/
			@media (min-width: 1400px) {
				.teaser-overlay {
					padding: 70px;
				}
				/* ------ Bilder ------ */
				.teaser-media {
					height: 520px;
				}
					.teaser-media.teaser-hero {
						height: 93vh;
						min-height: 600px;
					}
				/*#teaser .teaser-img-steinbock {background-color: black;}*/
				/*#teaser .teaser-img-steinbock {background-color: white;}*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/18-09_Teaser.jpg"); }*/
				#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Summer_02_2025_Website.jpg"); }
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Ostern_2025_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Valentinstag_2025_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Sommer-Grill-2_2024_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Muttertag_2025_Website.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Winter_2024.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Herbstmarkt_2024.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Sommer_Website.jpg"); }*/				
		   		/*#teaser .teaser-img-steinbock		{ background-image: url("../img/STEINBOCK_Fruehlingsfestival_Sujet_Querformat.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/04-11_Teaser_high.jpg"); }*/
				/*#teaser .teaser-img-steinbock	{ background-image: url("../img/rot-valentin-2022-md.jpg"); }*/
				/*#teaser .teaser-img-steinbock		{ background-image: url("../img/teaser-gelb-fruehlingskampagne2.jpg"); }*/					
				#teaser .teaser-img-muttertag	{ background-image: url("../img/teaser/mami-day-md.jpg"); }
				#teaser .teaser-img-treemall	{ background-image: url("../img/teaser/baum-einkaufshalle-lg.jpg"); }
				#teaser .teaser-img-xmascreative	{ background-image: url("../img/teaser/xmas21-basteln-lg.jpg"); }
				#teaser .teaser-img-street-art	{ background-image: url("../img/teaser/street-art.jpg"); }
				#teaser .teaser-img-valentinesday	{ background-image: url("../img/teaser/lila-valentin-md.jpg"); }
				#teaser .teaser-img-treppenhaus_lila	{ background-image: url("../img/teaser/lila-treppenhaus-md.jpg"); }
				#teaser .teaser-img-treppenhaus_blau	{ background-image: url("../img/teaser/blau-treppenhaus-md.jpg"); }

				.news-card.news-card-primary .news-card-img {
					height: 500px;
				}
			}

			@media (min-width: 1500px) {
				#start-promteaser-gelb-fruehlingskampagne1.jpgotions .news-card .news-card-img {
					height: 365px;
				}
			}

	/* ------ 2.3 CONTENT ------ */
	hr {
		background-color: rgba(0,130,150,0.6);
	}
	.content-main {
		margin-top: 50px;
	}
	#content {
		width: 100%;
		position: relative;
	}
	@media (max-width: 575px) { /*XS*/
		.col-12.m-medium-t {
			margin-top: 0px;
		}
		h2 {
			margin-top: 20px;
		}
	}
		h1.title-line,h2.title-line {
			padding-bottom: 18px;
			margin-bottom: 20px;
		}

	.bg-white { background-color: rgba(255,255,255,1); color: rgba(0,0,0,1); }
	.bg-black { background-color: rgba(0,0,0,1); color: rgba(255,255,255,1); }
	.bg-green, .bg-wohnen { background-color: rgba(210,215,40,1)!important; color: rgba(255,255,255,1); }
	.bg-magenta, .bg-arbeiten { background-color: rgba(200,50,121,1); color: rgba(255,255,255,1); }
	.bg-turquoise, .bg-shopping { background-color: rgba(0,130,150,1); color: rgba(255,255,255,1); }

	.bg-image {
		background-color: rgba(241,244,245,1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.img-block {
		position: relative;
		width: 100%;
		background-color: rgba(0,0,0,1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.container-center {
		display: table;
		width: 100%;
		height: 100%;
	}
		.block-center {
			display: table-cell;
			width: 100%;
		}

		.frame-teaser {
			position: relative;
			width: 100%;
			background-color: rgba(255,255,255,1);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		@media (min-width: 576px) and (max-width: 767px) { /*SM*/ .frame-teaser{ height: 300px;  } }
		@media (max-width: 767px) { /*XS*/ .frame-teaser { height: 260px; margin-top: 25px; margin-bottom: 25px; } }
		@media (min-width: 768px) and (max-width: 1191px) { /*MD*/ .frame-teaser { height: 375px; } }
		@media (min-width: 1192px) and (max-width: 1499px) { /*LG*/ .frame-teaser { height: 560px; } }
		@media (min-width: 1500px) { /*XL*/ .frame-teaser { height: 670px; } }

		@media (max-width: 767px) {
			.button-start {
				height: 200px;
				margin-bottom: 20px;
			}
		}
		@media (min-width: 768px) {
			.button-start {
				height: 340px;
			}
		}
		@media (min-width: 576px) and (max-width: 767px) { /*SM*/ #frame-webcam iframe { height: 300px; } .embed-container iframe { height: 300px; } }
		@media (max-width: 767px) { /*XS*/ #frame-webcam iframe { height: 300px;margin-top: 25px; } .embed-container iframe { height: 300px; } }
		@media (min-width: 768px) and (max-width: 1191px) { /*MD*/ #frame-webcam iframe { height: 565px; } .embed-container iframe { height: 565px; } }
		@media (min-width: 1192px) and (max-width: 1499px) { /*LG*/ #frame-webcam iframe { height: 695px; } .embed-container iframe { height: 695px; } }
		@media (min-width: 1500px) { /*XL*/ #frame-webcam iframe { height: 755px; } .embed-container iframe { height: 755px; } }

		.embed-container iframe {
	    width: 100%;
	    min-width: 100%;
			border: 1px rgba(0,0,0,1) solid;
		}

		/* -- 2.3.1 NEWS -- */
		.news-card {
			margin-top: 15px;
			margin-bottom: 15px;
		}
			.news-card .news-card-img {
				display: block;
				height: 300px;
				margin-bottom: 20px;
			}
			.news-card .news-date {
				color: rgba(0,130,150,1);
				margin-bottom: 8px;
			}
			.news-card .news-title {
				margin-top: 18px;
				margin-bottom: 18px;
			}

		/* -- 2.3.2 STARTSEITE -- */
		.button-start {
			color: rgba(255,255,255,1);
			text-align: center;

			-webkit-transition: opacity ease 0.3s;
			-moz-transition: opacity ease 0.3s;
			-o-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
		}
			.button-start > .row { height: 100%; }
			.button-start:hover { opacity: 0.8; }
			.button-start {
				font-size: 52px;
				line-height: 52px;
			}

		/* -- 2.3.3 IMMOBILIEN -- */
		#property-preview {
			background-color: rgba(255,255,255,1);
			border: 1px rgba(0,0,0,1) solid;
			margin: 0px 0px 0px;
			width: 100%;
			margin-bottom: 10px;
		}
			#property-preview .property-preview-img {
				background-size: cover;
				background-position: center bottom;
				height: 100%;
				-webkit-transition: background ease 0.3s;
				-moz-transition: background ease 0.3s;
				-o-transition: background ease 0.3s;
				transition: background ease 0.3s;
			}
			#property-preview img { width: 100%; }

			.table-themed .table-header { background-color: rgba(0,130,150,1)!important; }
			.table-themed .table-body-margin .col { color: rgba(0,130,150,1); }
			.custom-control-input:checked~.custom-control-indicator { background-color: rgba(0,130,150,1)!important; }

			.row-property {
				cursor: pointer;
				-webkit-transition: opacity ease 0.3s;
				-moz-transition: opacity ease 0.3s;
				-o-transition: opacity ease 0.3s;
				transition: opacity ease 0.3s;
			}
				.row-property:hover { opacity: 0.8; }
				.row-property:active { opacity: 0.7; }

		/* -- 2.3.4 KACHELN -- */
		.retail-cards {
			margin: 0px -3px 0px 0px;
		}
			.retail-cards .retail-card {
				background-color: rgba(255,255,255,1);
				background-size: contain;
				border: 1px rgba(0,0,0,1) solid;
				margin: -1px -1px;
				z-index: 50;

				-webkit-transition: box-shadow ease 0.3s, border-color ease 0.3s, transform ease 0.3s;
				-moz-transition: box-shadow ease 0.3s, border-color ease 0.3s, transform ease 0.3s;
				-o-transition: box-shadow ease 0.3s, border-color ease 0.3s, transform ease 0.3s;
				transition: box-shadow ease 0.3s, border-color ease 0.3s, transform ease 0.3s;
			}
				.retail-cards .retail-card:hover {
					z-index: 100;
					border-color: rgba(255,255,255,1);
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-ms-transform: scale(1.05);
					-o-transform: scale(1.05);
					transform: scale(1.05);
					box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
				}
				@media (max-width: 575px) { /*XS*/
					.retail-cards .retail-card { height: 135px; }
				}
				@media (min-width: 576px) and (max-width: 1191px) { /*SM-MD*/
					#property-preview { height: 290px; }
					.retail-cards .retail-card { height: 145px; }
				}
				@media (min-width: 1192px) and (max-width: 1499px) { /*LG*/
					#property-preview { height: 100%; }
					.retail-cards .retail-card { height: 160px; }
				}
				@media (min-width: 1500px) { /*XL*/
					#property-preview { height: 100%; }
					.retail-cards .retail-card { height: 195px; }
				}

		/* -- 2.3.5 IMPRESSIONEN -- */
		.thumb-impression {
			display: block;
			width: 100%;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover; /* 40px */
			margin: 15px 0px;

			-webkit-transition: opacity ease 0.3s;
			-moz-transition: opacity ease 0.3s;
			-o-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
		}

			@media (max-width: 575px) { /*XS*/
				.thumb-impression { height: 175px; }
			}
			@media (min-width: 576px) and (max-width: 1191px) { /*SM-MD*/
				.thumb-impression { height: 160px; }
			}
			@media (min-width: 1192px) { /*LG*/
				.thumb-impression { height: 195px; }
			}
			.thumb-impression a { display: block; height: 100%; }
			.numberCircle {
			    border-radius: 50%;
			    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

			    width: 36px;
			    height: 36px;
			    padding: 8px;

			    background: #fff;
			    border: 2px solid #666;
			    color: #666;
			    text-align: center;

			}
		/* -- 2.3.6 LAGE -- */
		#gmap-frame, .container-map {
			width: 100%;
			height: 580px;
			background-size: contain;
		}

		.container-map {
			background-image: url('../img/steinbock-map_shopping.jpg');
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		}
			.container-map a { display: block; width: 100%; height: 100%; }

			@media (max-width: 1191px) {
				#gmap-frame, .container-map {
					height: 350px;
				}
			}
			@media (max-width: 575px) { /*XS*/
				#gmap-frame, .container-map {
					height: 580px;
					margin-bottom: 25px;
				}
			}


		/* -- 2.3.8 NEWS -- */

		/* -- 2.3.9 EVENTS -- */
		.img-portrait {
			max-height: 220px;
			margin-bottom: 10px;
		}
		.retail-block-logo {
			text-align: left;
		}
			.retail-block-logo img { max-height: 150px; width: auto; max-width: 75%; }
		@media (max-width: 767px) { /*XS*/
			.retail-block-logo { text-align: center; }
		}

		.retail-sidebar .retail-block:nth-child(0n+2) h2, .retail-sidebar .retail-block:nth-child(0n+2) .h2 {
			margin-top: 20px;
		}

	.transparent {
		opacity: 0;
	}

	/* ------ 2.5 FUSSZEILE ------ */
	footer {
		margin-top: 40px;
	}
		footer.subnav-spacer {
			padding-bottom: 100px;
		}
/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 SCHRIFTEN ------ */
		/* -- 3.1.1 Brandon Grotesque -- */
		h1, h2, h3, .button-concept, label, button, #navmain.navbar .navbar-nav.mr-auto .nav-link,
		.button-start, #page th, .link-pdf, .table-themed .col, .btn-primary, #page-downloads ul li a, #page-app ul li a, #location ul li a, ul.dashed > li:before, .legend-icon, .teaser-media.teaser-hero .teaser-bubble .circle-bubble .bubble-text p {
			position: relative;
			font-family: "brandon-grotesque", 'Trebuchet MS', sans-serif;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 0.03em;
			text-transform: uppercase;
		    -webkit-font-smoothing: subpixel-antialiased;
		}
		/* -- 3.1.2 Minion Pr -- */
		h4, p, .p, table, input, textarea, #page td, #page ul li, .btn-link, .btn-secondary, .dropdown-menu, #location li, #navmain.navbar .navbar-nav.ml-auto .nav-link {
			position: relative;
			font-family: 'minion-pro', 'Times New Roman', serif;
			font-weight: normal;
			font-style: normal;
		    -webkit-font-smoothing: subpixel-antialiased;
		}
		.font-small {
			font-size: 12px;
			line-height: 16px;
		}
	/* ------ 3.2 TITEL ------ */
	h1.title-line,h2.title-line {
		font-size: 35px;
	}
		h1.title-line:after,h2.title-line:after {
			position: absolute;
			content: "";
			width: 120px;
			height: 8px;
			background-color: rgba(0,0,0,1);
			bottom: 0px;
			left: 0px;
		}
	@media (max-width: 575px) { /*XS*/
		h1.title-line::after {
			bottom:0px;
		}
		h1.title-line {
			padding-bottom: 18px;
			margin-bottom: 20px;
		}
	}
	h1.title-focus {
		text-align: center;
	}
		h1.title-focus.title-line:after {
			left: 50%;
			margin-left: -60px;
		}
	h4 {
		font-weight: bold;
		margin: 0px;
	}

	@media (max-width: 575px) { /*XS*/
		h1 {
			font-size: 32px;
			line-height: 36px;

			margin: 32px 0px 10px;
			padding: 0px 0px 28px;
		}
			h1.title-focus {
				font-size: 42px;
				line-height: 42px;
			}
		h2,.h2 {
			font-size: 30px;
			line-height: 30px;
			margin: 32px 0px 17px;
		}
			nav#navmain .navbar-nav li.subnav-item a {
				font-size: 16px;
				line-height: 16px;
			}
		h3,.h3 {
			font-size: 26px;
			line-height: 26px;
			margin: 40px 0px 12px;
		}
		#page-downloads ul li a, #page-app ul li a {
			margin: 10px 0px 10px 12px;
			font-size: 15px;
		}
	}

	@media (min-width: 576px) and (max-width: 767px) { /*SM*/
		h1 {
			font-size: 38px;
			line-height: 38px;
		}
			h1.title-focus {
				font-size: 42px;
				line-height: 42px;
			}
		h1,.h1 {
			margin: 38px 0px 10px;
			padding: 0px 0px 28px;
		}
		h2,.h2 {
			font-size: 30px;
			line-height: 30px;
			margin: 38px 0px 17px;
		}
			nav#navmain .navbar-nav li.subnav-item a {
				font-size: 16px;
				line-height: 16px;
			}
		h3,.h3 {
			font-size: 20px;
			line-height: 20px;
			margin: 30px 0px 12px;
		}
		#page-downloads ul li a, #page-app ul li a {
			margin: 14px 0px 14px 25px;
			font-size: 18px;
		}
	}
	@media (min-width: 768px) { /*MD-XL*/
		h1 {
			font-size: 38px;
			line-height: 38px;
		}
			h1.title-focus {
				font-size: 42px;
				line-height: 42px;
			}
		h1,.h1 {
			margin: 25px 0px 10px;
			padding: 0px 0px 28px;
		}
		h2,.h2 {
			margin: 25px 0px 17px;
			font-size: 30px;
			line-height: 30px;
		}
			nav#navmain .navbar-nav li.subnav-item a {
				font-size: 16px;
				line-height: 16px;
			}
		h3,.h3 {
			font-size: 20px;
			line-height: 20px;
			margin: 40px 0px 12px;
		}
		#page-downloads ul li a, #page-app ul li a {
			margin: 20px 0px 20px 25px;
			font-size: 21px;
		}
	}
	@media (max-width: 576px) {
		#body-impressum-datenschutz h2 {
			margin-top: 25px;
			font-size: 27px;
		}
	}
	/* ------ 3.3 ALLGEMEIN ------ */
		@media (max-width: 575px) { /*XS*/
			h4, p, .p, #page ul li, #page th, #page td, .link-pdf {
				font-size: 16px;
				line-height: 22px;
			}
		}
		@media (min-width: 576px) and (max-width: 1191px) { /*SM-MD*/
			h4, p, .p, #page ul li, #page th, #page td, .link-pdf {
				font-size: 16px;
				line-height: 22px;
			}
		}
		@media (min-width: 1192px) { /*LG*/
			h4, p, .p, #page ul li, #page th, #page td, .link-pdf {
				font-size: 17px;
				line-height: 24px;
			}
		}
		p, .p { margin-bottom: 24px; }
		.link-pdf {
			display: block;
			margin: 8px 0px 8px 25px;
		}
		#page-downloads ul li a, #page-app ul li a { display: block; }
			#page-downloads ul, #page-app ul { list-style-type: none; }
			#body-wohnen #text ul li a:hover { color: rgba(210,215,40,1); }
			#body-arbeiten #text ul li a:hover { color: rgba(200,50,121,1); }
			#body-shopping #text ul li a:hover { color: rgba(0,130,150,1); }


	.page-content p a { color: rgba(0,130,150,1); }
		.page-content p a:hover { color: rgba(0,130,150,0.8); }

	a.link-underlined { border-bottom: 3px rgba(0,0,0,1) solid; }
	.link-newsletter { cursor: pointer; }

	.color-orange { color: rgba(247,164,42,1); }

	.text-justify-center {
		text-align: justify;
		-moz-text-align-last: center;
		text-align-last: center;
	}

	#news-14 hr {
		background-color: transparent;
		border-color: transparent;
		border-bottom: 2px dotted rgba(166,21,124,1);

	}
	#news-14 .news-date { color: rgba(166,21,124,1); }

	/* ------ 3.4 ICONS ------ */
	.icon-pdf {
		content: '';
		display: inline-block;
		width: 12px;
		height: 20px;
		background-image: url('../img/vector/iconb-pdf.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain; /* 40px */
	}
		table td .icon-pdf {
			position: absolute;
			width: 30px;
			height: 20px;
			left: 50%;
			margin-left: -15px;
		}

	.icon-magnifyingglass {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 68px;
		height: 60px;
		display: inline-block;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 50%; /* 40px */
		background-color: rgba(0,0,0,0.5);
		background-image: url('../img/vector/icon-lupe.svg');

		-webkit-transition: background-size ease-in 0.3s, width ease-in 0.3s, height ease-in 0.3s;
		-moz-transition: background-size ease-in 0.3s, width ease-in 0.3s, height ease-in 0.3s;
		-o-transition: background-size ease-in 0.3s, width ease-in 0.3s, height ease-in 0.3s;
		transition: background-size ease-in 0.3s, width ease-in 0.3s, height ease-in 0.3s;
	}
		.img-block:hover .icon-magnifyingglass, .img-block:active .icon-magnifyingglass {
			width: 100%;
			height: 100%;
		}
	/* ------ 3.6 LISTEN ------ */
	ul.dashed {
		list-style: none;
	}
		ul.dashed > li {
			margin-top: 0px!important;
			text-indent: -5px;
		}
			ul.dashed > li:before {
				content: "- ";
				text-indent: -5px;
			}

	#page ol, #page ul, #page dl {
		padding-left: 21px;
	}
	.map-legend-list li {
		list-style: none;
	}
	.lists-legend { margin-bottom: 15px; }
	#page ul.legend {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 5px;
	 }
		ul.legend li {
			display: flex;
			list-style: none;
		}
			ul.legend li .legend-icon {
				width: 100%;
				line-height: 30px;
				text-align: center;
				border-radius: 0px;
				border: 1px rgba(0,130,150,1) solid;
				margin-right: 5px;
				color: rgba(0,130,150,1);
				padding-left: 1px;
				background: rgba(255,255,255,1);
			}
			@media (min-width: 1192px) {
				ul.legend li {
					margin-top: 14px;
				}
					ul.legend li .list-legend-icon {
						width: 36px;
					}
					ul.legend li .legend-icon {
						font-size: 110%;
						height: 26px;
						width: 26px;
						line-height: 25px;
					}
			}
			@media (max-width: 1191px) {
				ul.legend li {
					margin-top: 10px;
				}
					ul.legend li .list-legend-icon {
						width: 28px;
					}
					ul.legend li .legend-icon {
						font-size: 93%;
						height: 22px;
						width: 22px;
						line-height: 22px;
					}
			}
				ul.legend li .legend-icon.legend-icon-area {
					color: rgba(255,255,255,1);
					background-color: rgba(0,130,150,1);
				}

/* ============================================= 4.0 FORMULAR ============================================= */
	select {
		-webkit-appearance: none!important;
		-webkit-border-radius: 0px!important;
	}
	/* ------ 4.1 FELDER ------ */
	label {
		cursor: pointer;
		padding: 0px;
		margin-bottom: 0px;
	}
	#contact-application label {
			margin-top: 15px;
	}
	.custom-checkbox .custom-control-indicator {
		border-radius: 0px!important;
		box-shadow: none!important;
		height: 23px;
		width: 23px;
	}
		.custom-control-input:active ~ .custom-control-indicator { background-color: #d4d4d4; }
	.custom-control-description {
		padding-top: 5px;
		padding-left: 5px;
	}
	.form-inactive {
		opacity: 0.5;
	}
	.form-container p {
		margin-bottom: 0px;
	}
	input.field-text, textarea.field-textarea {
		width: 100%;
		border: 1px rgba(0,0,0,1) solid;
		border-radius: 0px;
		outline: none !important;
		box-shadow: none !important;
		text-align: left;
		font-size: 17px;
		padding: 10px 15px;
		margin-bottom: 15px;
		color: #000;

		-webkit-transition: border-color ease 0.3s;
		-moz-transition: border-color ease 0.3s;
		-o-transition: border-color ease 0.3s;
		transition: border-color ease 0.3s;
	}
	#row-form-add { display: none; }
	.group-newsletter input.form-control {
		background-color: rgba(0,130,150,1);
		color: rgba(255,255,255,1);
		border-color: rgba(255,255,255,1);
	}
		.group-newsletter input.form-control:focus {
			background-color: rgba(0,130,150,1);
			color: rgba(255,255,255,1);
			border-color: rgba(255,255,255,1);
			box-shadow: none;
		}

		#form-application > .row:last-child input.field-text, #form-application > .row:last-child textarea.field-textarea { margin-bottom: 0px; }
		input.field-text.error, select.form-control.error, textarea.field-textarea.error { border-color: rgba(200,50,121,1) !important; }
		input.field-text:focus, textarea.field-textarea:focus { border-color: rgba(210,215,40,1); }
		input.field-text:placeholder, textarea.field-textarea:placeholder { color: #000; }
		input, input:active, input:focus, a:focus, label:focus, textarea, textarea:active, textarea:focus { outline: 0 !important; outline-style:none !important; outline-width:0 !important; }

	.custom-control-indicator {
		background-color: rgba(255,255,255,1);
		border: 1px rgba(0,130,150,1) solid;
	}

	/* ------ 4.2 BUTTONS ------ */

	.modal-body a.btn {
		width: 100%;
		background-image: none;
		box-shadow: none !important;
		outline: none !important;
		border-width: 2px;
		border-style: solid;
		border-radius: 0px;
		padding: 8px 38px;

		-webkit-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		-moz-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		-o-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
	}
		.modal-body a.btn.btn-primary {
			background-color: rgba(0,0,0,1);
			border-color: transparent;
		}
		.modal-body a.btn.btn-secondary {
			background-color: transparent;
			border-color: rgba(0,0,0,1);
		}

		button#btn-request:hover, button#btn-request:focus, button#btn-request.active {
			background-color: rgba(255,255,255,1);
			color: rgba(0,0,0,1);
		}

	button.btn-inverted, button#btn-send {
		background-image: none;
		box-shadow: none !important;
		outline: none !important;
		cursor: pointer;
		border-style: solid;
		border-width: 1px;
		border-radius: 0px;
		padding: 8px 38px;
		margin-bottom: 10px;
		font-weight: 100;

		-webkit-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		-moz-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		-o-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
		transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s;
	}
	button.btn-inverted {
		background-color: rgba(255,255,255,1);
		border-color: rgba(255,255,255,1);
		color: rgba(0,0,0,1);
	}
		button.btn-inverted:hover, button.btn-inverted:focus {
			background-color: rgba(0,0,0,1);
			border-color: rgba(0,0,0,1);
			color: rgba(255,255,255,1);
		}

	.btn-secondary {
		border-radius: 0px;
		border-color: rgba(255,255,255,1);
		background-color: rgba(255,255,255,1);
		color: rgba(0,130,150,1);
		cursor: pointer;
	}

	.btn-link {
		color: rgba(0,0,0,1);
		padding: 6px 0px;
	}
		.btn-link:hover { color: rgba(0,130,150,1); }
		.btn-link.arrow-forward:after {
			content: '›';
			margin-left: 15px;
		}
		.btn-link.arrow-back:before {
			content: '‹';
			margin-right: 15px;
		}

	button#btn-send {
		background-color: rgba(0,130,150,1);
		border-color: rgba(0,130,150,1);
		color: rgba(255,255,255,1);
	}
		button#btn-send:hover, button#btn-send:focus, button#btn-send.active {
			background-color: rgba(255,255,255,1);
			border-color: rgba(0,0,0,1);
			color: rgba(0,0,0,1);
		}
	@media (max-width: 576px) {
		#contact-application {
			margin-top: 25px;
		}
	}
/* ============================================= 5.0 TABELLEN ============================================= */

	table td {
		vertical-align: top;
	}
	#table-body {
		width: 100%;
		height: 417px;
		margin: 1px;
		overflow: hidden;
	}
	.table-themed .col {
		padding: 0px;
		overflow: hidden;
		font-size: 14px;
		justify-content: center;
		align-items: center;
		text-align: center;
		line-height: 14px;
		font-weight: bold;
		width: 100%;
		min-height: 30px;
	}
		.table-themed .col .inner {
			width: 100%; height: 100%;
			border: 1px rgba(0,130,150,1) solid;
			padding: 5px 15px 3px;
			justify-content: center;
			align-items: center;
			text-align: center;
		}
		/*.table-themed .table-header .col { height: 55px; }
		.table-themed .table-body .col { height: 30px; }*/
	.table-header {
		font-weight: bold;
		color: rgba(255,255,255,1);
		background-color: rgba(200,50,121,1);
	}
	.table-body {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.table-themed {
		width: 100%;
	}
	.border-3 {
		border-top: 2.5px solid white;
		border-bottom: -1.5px solid white;
		border-right: 1.5px solid white;
		border-left: 1.5px solid white;
	}
	@media (max-width: 1499px) {
		.table-themed .col {
			font-size: 13px;
			line-height: 15px;
		}
	}
	@media (max-width: 1191px) {
		.table-themed .col {
			font-size: 12px;
			line-height: 15px;
		}
		#location table td, #location table td p {
			font-size: 13px;
			line-height: 15px;
		}
	}
	@media (max-width: 575px) {
		.table-themed .col {
			font-size: 10px;
			line-height: 12px;
		}
		#location table td, #location table td p {
			font-size: 13px;
			line-height: 15px;
		}
		#table-body {
			width: 100%;
			height: 420px;
			overflow: hidden;
		}
		#property-preview {
			margin-bottom: 25px;
		}
	}

	#location td {
		background-color: rgba(210,215,40,0.5);
		border-top: 4.5px solid white;
		border-bottom: 4.5px solid white;
		border-right: 4.5px solid white;
		border-left: 4.5px solid white;
	}
	#location td p { text-align: center; margin: 10px 0px 10px	}

	/* Shops Lage Steinbock ausblenden */
	#property-steinbock{
		display:none;
	}

/* ============================================= 6.0 SONSTIGES ============================================= */

	.clearer { clear: both; }

	.btn-link {
		-webkit-transition: color ease 0.3s;
		-moz-transition: color ease 0.3s;
		-o-transition: color ease 0.3s;
		transition: color ease 0.3s;
	}

	#navmain.navbar-dark .navbar-toggler,
	#navmain.navbar .nav-item,
	#navmain.navbar .dropdown-menu .dropdown-item {
		-webkit-transition: background-color ease 0.3s;
		-moz-transition: background-color ease 0.3s;
		-o-transition: background-color ease 0.3s;
		transition: background-color ease 0.3s;
	}


	/* ------ 6.1 BILDER ------ */

	/* ------ 6.2 ABSTÄNDE ------ */
	.nom	{ margin-top: 0px !important; margin-bottom: 0px !important; }
	.nomt	{ margin-top: 0px !important; }
	.nomb	{ margin-bottom: 0px !important; }

	.m-heavy	{ margin-top: 80px; margin-bottom: 80px; }
	.m-strong	{ margin-top: 50px; margin-bottom: 50px; }
	.m-medium	{ margin-top: 25px; margin-bottom: 25px; }
	.m-light	{ margin-top: 10px; margin-bottom: 10px; }

	.m-content-t{ margin-top: 120px; }
	.m-content-b{ margin-bottom: 120px; }
	.m-heavy-t	{ margin-top: 90px; }
	.m-heavy-b	{ margin-bottom: 90px; }
	.m-strong-t	{ margin-top: 50px; }
	.m-strong-b	{ margin-bottom: 50px; }
	.m-medium-t	{ margin-top: 27px; }
	.m-medium-b	{ margin-bottom: 27px; }
	.m-light2-t	{ margin-top: 18px; }
	.m-light2-b	{ margin-top: 18px; }
	.m-light-t	{ margin-top: 7px; }
	.m-light-b	{ margin-bottom: 7px; }

	.p-text	{ padding: 0px 20px; }
	.p-light{ padding-top: 20px; padding-bottom: 20px; }
	.p-all	{ padding: 20px; }

	@media (max-width: 767px) {
		.m-medium-b	{ margin-bottom: 10px; }
	}
	/* ------ 6.3 ROYALSLIDER ------ */
	.royalSlider {
		width: 100%;
	}

	@media (max-width: 575px) { /*XS*/
	}
	@media (min-width: 576px) and (max-width: 767px) { /*SM*/
	}
	@media (min-width: 768px) and (max-width: 1191px) { /*MD*/
	}
	@media (min-width: 1192px) and (max-width: 1499px) { /*LG*/
	}
	@media (min-width: 1500px) { /*XL*/
	}
		.royalSlider .frame-teaser {
			width: 100%;
			height: auto;
			margin: 0px;
		}

	/* ------ 6.4 MODAL & LIGHTBOX ------ */
	.modal-content {
		border-radius: 0px;
		border-width: 0px;
	}
		.modal-header {
			border-bottom-width: 0px;
		}
	.fancybox-lock .fancybox-overlay { overflow-x: hidden !important; }

	/* ------ 6.5 EU-Banner ------ */
	.container-cookie { position: relative; }
	#cookie-law {
		width: 40%;
		background: rgba(0,130,150,0.5);
		margin: auto;
		position: fixed;
		bottom: 160px;
		z-index: 1025;
		text-align: center;
		right: 0px;
		color: rgba(255,255,255,1);
		padding: 20px 12px;
	}

	@media (max-width: 1191px) { /*LG*/
		#cookie-law { width: 53%; }
	}
		@media (max-width: 767px) { /*XS*/
			#cookie-law { width: 90%; }
		}
		#cookie-law p {
			color: rgba(255,255,255,1);
			text-align: left;
			display: inline-block;
			margin: 0px;
		}
		#cookie-law a { color: rgba(255,255,255,1); font-weight: bold; }
			#cookie-law a:hover { color: rgba(255,255,255,0.8); }
		#cookie-law button {
			background-color: transparent;
			border-width: 0px;
			position: absolute;
			top: 0px;
			right: 12px;
			width: 36px;
			height: 36px;
			opacity: 1;
			cursor: pointer;

			-webkit-transition: opacity ease 0.3s;
			-moz-transition: opacity ease 0.3s;
			-o-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
		}
		#cookie-law button:before, #cookie-law button:after {
			position: absolute;
			top: 0px;
			left: 17px;
			content: ' ';
			height: 36px;
			width: 3px;
			background-color: rgba(255,255,255,1);

			-webkit-transition: background-color ease 0.3s;
			-moz-transition: background-color ease 0.3s;
			-o-transition: background-color ease 0.3s;
			transition: background-color ease 0.3s;
		}
			#cookie-law button:before { transform: rotate(45deg); }
			#cookie-law button:after { transform: rotate(-45deg); }

			#cookie-law button:hover { opacity: 0.8; }
				#cookie-law button:hover:before, #cookie-law button:hover:after { background-color: rgba(255,255,255,1); }

		#devmsg { font-family: 'Consolas','Verdana',sans-serif; position: fixed; z-index: 9999; top: 0px; left: 0px; background-color: rgba(0,0,0,0.6); color: rgba(255,255,255,1); padding: 5px 10px; text-transform: uppercase; font-size: 11px; }

	/* ------ 6.5 PRINT ------ */
	.visible-print {
		display: none;
	}

	@media (max-width: 575px) { /*XS*/
	}
	@media (min-width: 576px) and (max-width: 767px) { /*SM*/
	}
	@media (min-width: 768px) and (max-width: 1191px) { /*MD*/
	}
	@media (min-width: 1192px) and (max-width: 1499px) { /*LG*/
	}
	@media (min-width: 1500px) { /*XL*/
	}

/* NEWS Fruehlingsfestival */
.spring-festival .item {
	display: flex;
	flex-direction: row-reverse;
}

.spring-festival .item {
		border-top: 1px solid black;
		padding-top: 20px;
		margin-top: 20px;
}

.spring-festival .item strong {
	color: #8c9b47;
	font-family: 'minion-pro', 'Times New Roman', serif;
}

.spring-festival .item h2 {
	margin-top: 18px;
	margin-bottom: 18px;
}

.spring-festival .item.coop .image img {
	width: 150px;
}

.spring-festival .item.lush .image img {
	width: 180px;
}

.spring-festival .item.pur-suisse .image img {
	width: 140px;
}

.spring-festival .item.spiga .image img {
	width: 110px;
}

.spring-festival .item.physiozentrum .image img {
	width: 200px;
}

@media (min-width: 768px) {

.spring-festival .item .image {
	flex: 0 0 200px;
	display: flex;
}

.spring-festival .item .text {
	padding-left: 20px;
}

}

@media (max-width: 767px) {

.spring-festival .item {
	display: flex;
	flex-direction: column;
}

.spring-festival .item .image {
	width: 200px;
	flex-grow: 0;
}

}