/**
 * Homepage Style
 * Design für alte-messe-leipzig.de
 *
 * @project   Alte Messe Leipzig
 * @version   1.0
 * @package   xhtml-css
 * @author    Artkolchose GmbH
 * @copyright 2015 by the author
 * @cssdoc    version 1.0-pre
 * @license   GPL v3
 *
 * @colordef  #333; schwarz
 * @colordef  #c2c2c2; hellgrau
 * @colordef  #f2f1ed; beige
 * @colordef  #f9f4e5; beige2
 * @colordef  #007380; smaragd
 */

@font-face {
	font-family: 'web_symbolsregular';
	src:         url('../fonts/websymbols.eot');
	src:         url('../fonts/websymbols.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/websymbols.woff2') format('woff2'),
				 url('../fonts/websymbols.woff') format('woff'),
				 url('../fonts/websymbols.ttf') format('truetype'),
				 url('../fonts/websymbols.svg#web_symbolsregular') format('svg');
	font-weight: normal;
	font-style:  normal;
}

html, body {
	margin:      0;
	padding:     0;
	background:  url("../images/design/bg.gif") fixed;
	font-family: "PT Sans", "Helvetica Neue", Helvetica, sans-serif;
	font-size:   15px;
	line-height: 20px;
	height:      100%;
}

html:not([class]),
html:not([class]) body {
	background: none;
}

hr {
	margin:          0 -49px -30px;
	height:          100px;
	background:      url("../images/design/schatten.svg") no-repeat;
	background-size: 100% auto;
}

hr.c12 {
	margin: 0 -49px -30px !important;
}

.block {
	display: block;
}

.nomargin {
	margin: 0;
}

.minibottomgap {
	margin-bottom: 8px !important;
}

.minibottompadd {
	padding-bottom: 8px;
}

.tinybottomgap {
	margin-bottom: 10px !important;
}

.smallbottomgap {
	margin-bottom: 20px !important;
}

.bottomgap {
	margin-bottom: 40px !important;
}

.bigbottomgap {
	margin-bottom: 80px !important;
}

.minitopgap {
	margin-top: 5px;
}

.smalltopgap {
	margin-top: 20px;
}

.topgap {
	margin-top: 40px;
}

.biggesttopgap {
	margin-top: 250px;
}

.bottompadd {
	padding-bottom: 30px;
}

.center-block {
	display: block;
	margin:  10px auto 20px;
}

.turn {
	direction: rtl;
}

.turn > * {
	direction: ltr;
}

@media only screen and (max-width: 846px) {
	.tablet-p-bottomgap {
		margin-bottom: 3.4em !important;
	}

	.tablet-p-minibottomgap {
		margin-bottom: 5px !important;
	}

	.tablet-p-nomargin {
		margin-bottom: 0 !important;
	}

	.tablet-p-topgap {
		margin-top: 40px !important;
	}
}

/**
 * @section main elements
 * @css-for all browsers
 */
#wrapper {
	position:         relative;
	margin:           0 auto;
	padding:          0 49px;
	box-sizing:       border-box;
	max-width:        1360px;
	background-color: #fff;
	box-shadow:       0 0 130px 5px rgba(0, 0, 0, 0.5);
	min-height:       100%;
	overflow:         hidden;
}

#header {
	height:      60px;
	padding-top: 110px;
	background:  #fff;
}

#header nav#main {
	position: absolute;
	bottom:   0;
}

@media only screen and (max-width: 846px) {
	#wrapper {
		padding: 0;
	}

	#header {
		height:      auto;
		padding-top: 100px;
		position:    fixed;
		background:  #fff;
		z-index:     3;
	}

	#header + #page {
		margin-top: 100px;
	}
}

#logo {
	position:        absolute;
	top:             37px;
	width:           214px;
	height:          47px;
	left:            50%;
	margin-left:     -107px;
	background:      url("../images/design/logo.svg") no-repeat;
	background-size: 100% auto;
}

#logo span {
	display: none;
}

@media only screen and (max-width: 846px) {
	#logo {
		top: 27px;
	}

	#logo:after {
		content:     '²';
		display:     block;
		position:    fixed;
		right:       29px;
		top:         21px;
		width:       30px;
		font-family: web_symbolsregular, sans-serif;
		font-size:   24px;
		line-height: 24px;
		text-align:  center;
		color:       #c2c2c2;
	}
}

@media only screen and (max-width: 667px) {
	#header {
		padding-top: 80px;
	}

	#header + #page {
		margin-top: 80px;
	}

	#logo {
		top:         17px;
		height:      42px;
		width:       184px;
		margin-left: -92px;
	}

	#logo:after {
		right: 20px;
	}
}

#page {
	padding-bottom: 315px;
}

@media only screen and (max-width: 846px) {
	#page {
		padding-left:  29px;
		padding-right: 29px;
		box-sizing:    border-box;
	}
}

@media only screen and (max-width: 667px) {
	#page {
		padding-left:   20px;
		padding-right:  20px;
		padding-bottom: 170px;
	}
}

#footer {
	position:        absolute;
	left:            0;
	bottom:          0;
	height:          290px;
	background:      #f2f1ed url("../images/design/schatten-oben.svg") no-repeat;
	background-size: 100% auto;
	margin:          0;
	padding:         25px 0 0;
}

/**
 * @section Main Menu
 * @css-for all browsers
 */
#mainmenu {
	margin:           0 auto;
	height:           60px;
	padding:          20px 0;
	box-sizing:       border-box;
	text-align:       center;
	font-size:        18px;
	letter-spacing:   0.04em;
	text-transform:   uppercase;
	list-style-type:  none;
	max-width:        1360px;
	background:       #fff;
	font-weight:      bold;
	-ms-text-justify: auto;
	text-justify:     auto;
}

#header.fixed #main {
	position:   fixed;
	top:        0;
	left:       0;
	z-index:    5;
	max-height: 60px;
}

@media only screen and (max-width: 846px) {
	#mainmenu {
		display: none;
	}
}

#mainmenu > li:first-of-type {
	display: none;
}

#mainmenu > li {
	display:        inline-block;
	padding-bottom: 20px;
}

#mainmenu li > ul {
	display: none;
}

#mainmenu > li:after {
	content:     '  | ';
	white-space: pre;
	color:       #c2c2c2;
	opacity:     0.5;
}

#mainmenu li:last-child:after {
	display: none;
}

#mainmenu li a {
	color:           #c2c2c2;
	text-decoration: none;
}

#mainmenu > li.current-menu-item > a,
#mainmenu > li ul li.current-menu-item > a,
#mainmenu > li.current-page-ancestor > a,
#mainmenu > li.current_page_parent > a,
#mainmenu > li a:hover,
#mainmenu > li a:active,
#mainmenu > li a:focus {
	color: #007380;
}

.wissenschaft-gesundheit #mainmenu > li.current-menu-item > a,
.wissenschaft-gesundheit #mainmenu > li ul li.current-menu-item > a,
.wissenschaft-gesundheit #mainmenu > li.current-page-ancestor > a,
.wissenschaft-gesundheit #mainmenu > li a:hover,
.wissenschaft-gesundheit #mainmenu > li a:active,
.wissenschaft-gesundheit #mainmenu > li a:focus {
	color: #903;
}

.automeile #mainmenu > li.current-menu-item > a,
.automeile #mainmenu > li ul li.current-menu-item > a,
.automeile #mainmenu > li.current-page-ancestor > a,
.automeile #mainmenu > li a:hover,
.automeile #mainmenu > li a:active,
.automeile #mainmenu > li a:focus {
	color: #08b;
}

.entertainment-sport #mainmenu > li.current-menu-item > a,
.entertainment-sport #mainmenu > li ul li.current-menu-item > a,
.entertainment-sport #mainmenu > li.current-page-ancestor > a,
.entertainment-sport #mainmenu > li a:hover,
.entertainment-sport #mainmenu > li a:active,
.entertainment-sport #mainmenu > li a:focus {
	color: #5a3;
}

.handel #mainmenu > li.current-menu-item > a,
.handel #mainmenu > li ul li.current-menu-item > a,
.handel #mainmenu > li.current-page-ancestor > a,
.handel #mainmenu > li a:hover,
.handel #mainmenu > li a:active,
.handel #mainmenu > li a:focus {
	color: #607;
}

.nutzungsergaenzungen #mainmenu > li.current-menu-item a,
.nutzungsergaenzungen #mainmenu > li ul li.current-menu-item a,
.nutzungsergaenzungen #mainmenu > li.current-page-ancestor > a,
.nutzungsergaenzungen #mainmenu > li a:hover,
.nutzungsergaenzungen #mainmenu > li a:active,
.nutzungsergaenzungen #mainmenu > li a:focus {
	color: #889;
}

#header:after, #mainmenu:after, #mainmenu-drop:before {
	content:           '';
	display:           block;
	position:          absolute;
	top:               100%;
	right:             -49px;
	left:              -49px;
	max-width:         1360px;
	padding-bottom:    8.3529%;
	background-image:  url("../images/design/schatten-oben.svg");
	background-size:   100%;
	background-repeat: no-repeat;
	margin:            0 auto;
	pointer-events:    none;
	z-index:           2;
}

#header:after {
	display: none;
}

@media only screen and (max-width: 846px) {
	#mainmenu:after {
		display: none;
	}

	#header:after {
		display: block;
	}
}

#header.fixed #mainmenu:after {
	left:  0;
	right: 0;
}

#mainmenu li ul {
	display:          none;
	position:         absolute;
	box-sizing:       border-box;
	left:             -49px;
	right:            -49px;
	max-width:        1360px;
	background-color: rgba(242, 241, 237, 0.96);
	margin:           20px auto 0;
	padding:          15px 0 30px;
	list-style-type:  none;
	z-index:          5;
	text-align:       left;
}

#mainmenu li:hover ul {
	display: block;
}

#header.fixed #mainmenu-drop {
	left:  0;
	right: 0;
}

#mainmenu-drop ul {
	margin:          0;
	padding:         0;
	list-style-type: none;
}

#main:hover #mainmenu-drop {
	display: block;
}

/*#main:hover #mainmenu:after {
	display: none;
}*/
#mainmenu-drop > li:first-child a {
	display: none;
}

#mainmenu-drop > li:nth-child(3),
#mainmenu-drop > li:nth-child(6) {
	margin-top:  120px;
	margin-left: -16.692%;
}

#mainmenu-drop > li:nth-child(6) {
	margin-top: 100px;
}

#mainmenu-drop > li:last-of-type > a,
#mainmenu-drop > li:last-of-type > ul {
	display: none;
}

#mainmenu > li ul li > a,
#mainmenu > li ul li:last-of-type > ul a {
	font-size:       15px;
	line-height:     20px;
	font-weight:     normal;
	color:           #333;
	text-decoration: none;
	text-transform:  none;
}

#mainmenu > li:nth-child(2) ul li.current-menu-item > a {
	color: #333;
}

#mainmenu > li:nth-child(2) ul li.current-menu-item > a:hover,
#mainmenu > li:nth-child(2) ul li.current-menu-item > a.active {
	color: #007380;
}

#mainmenu > li:nth-child(5) ul li.current-menu-item > a {
	color: #333;
}

#mainmenu > li:nth-child(5) ul li.current-menu-item > a:hover,
#mainmenu > li:nth-child(5) ul li.current-menu-item > a.active {
	color: #007380;
}

@media only screen and (max-width: 846px) {
	#mainmenu {
		background-color: #f8f8f6;
		padding:          0 0;
		left:             0;
		right:            0;
		z-index:          -1;
		height:           auto;
		text-align:       left;
		position:         absolute;
	}

	#mainmenu:before {
		background: #fff;
		content:    "";
		width:      100%;
		height:     100px;
		position:   fixed;
		left:       0;
		top:        0;
		z-index:    1;
	}

	#mainmenu > li:first-of-type,
	#mainmenu > li {
		padding-bottom: 0;
		display:        block;
	}

	#mainmenu > li:after {
		display: none;
	}

	#mainmenu > li a,
	#mainmenu > li ul li a,
	#mainmenu > li:last-of-type > ul li a {
		background-image:  url("../images/design/schatten-oben2.svg");
		background-size:   100% auto;
		background-repeat: no-repeat;
	}

	#mainmenu > li a:hover,
	#mainmenu > li.current-menu-item > a,
	#mainmenu > li li.current-menu-item > a.active,
	#mainmenu > li.current-page-ancestor > a.active,
	#mainmenu > li ul li a:hover,
	#mainmenu > li:last-of-type > ul li a:hover {
		color:            #fff !important;
		background-color: #c58e00; /* ff3.6+ */
		background:       url("../images/design/schatten-oben.svg") no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c58e00), color-stop(100%, #FFCC00)); /* safari4+,chrome */
		background:       url("../images/design/schatten-oben.svg") no-repeat, -webkit-linear-gradient(0deg, #c58e00 0%, #FFCC00 100%); /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
		background:       url("../images/design/schatten-oben.svg") no-repeat, linear-gradient(90deg, #c58e00 0%, #FFCC00 100%); /* w3c */
	}

	#mainmenu > li:last-of-type {
		background: none;
	}

	#mainmenu > li:nth-child(3),
	#mainmenu > li:nth-child(6) {
		margin-top:  0;
		margin-left: 0;
	}

	#mainmenu > li:last-of-type > ul {
		display: block;
	}

	#mainmenu li a {
		display:     block;
		padding:     21px 57px 16px;
		font-size:   28px;
		line-height: 33px;
		font-weight: normal;
		color:       #007380;
	}

	#mainmenu > li ul li a {
		color:        #007380;
		font-size:    20px;
		line-height:  33px;
		padding-left: 102px;
	}

	.wissenschaft-gesundheit #mainmenu > li a {
		color: #903;
	}

	.automeile #mainmenu > li a {
		color: #08b;
	}

	.entertainment-sport #mainmenu > li a {
		color: #5a3;
	}

	.handel #mainmenu #mainmenu > li a {
		color: #607;
	}

	.nutzungsergaenzungen #mainmenu > li {
		color: #889;
	}

	#mainmenu li ul,
	#mainmenu li:hover ul {
		position: static;
		margin:   0;
		display:  none;
		padding:  0;
	}

	#mainmenu li.menu-item-has-children > a {
		position: relative;
	}

	#mainmenu li.menu-item-has-children > a:after {
		content:     '{';
		font-family: web_symbolsregular, sans-serif;
		font-size:   34px;
		position:    absolute;
		top:         0;
		right:       0;
		color:       #d6d6d6;
		width:       70px;
		height:      70px;
		padding:     19px 0;
		box-sizing:  border-box;
		text-align:  center;
	}

	#mainmenu li.menu-item-has-children.current-menu-item > a:after,
	#mainmenu li.menu-item-has-children > a:hover:after {
		color: #fff;
	}

	#mainmenu li.menu-item-has-children > a.open:after {
		content: '}';
	}

	#mainmenu li.menu-item-has-children > a.open + ul {
		display: block;
	}
}

@media only screen and (max-width: 667px) {
	#mainmenu:before {
		height: 80px;
	}

	#mainmenu li a {
		padding:     11px 27px 9px;
		font-size:   15px;
		line-height: 20px;
	}

	#mainmenu > li ul li a {
		font-size:    15px;
		line-height:  20px;
		padding-left: 52px;
	}

	#mainmenu li.menu-item-has-children > a:after {
		font-size:   28px;
		line-height: 40px;
		width:       40px;
		height:      40px;
		padding:     0;
	}
}

/**
 * @section Meta Menu
 * @css-for all browsers
 */
#meta {
	position:   absolute;
	right:      0;
	top:        20px;
	text-align: right;
}

#metamenu {
	list-style-type: none;
	margin:          0;
	padding:         0;
	font-size:       13px;
	line-height:     15px;
}

#metamenu li {
	padding:     0;
	margin:      0;
	line-height: 15px;
}

#metamenu li:first-child,
#metamenu li:nth-child(2) {
	display: inline-block;
}

#metamenu li:first-child:after {
	content:     ' |';
	white-space: pre;
	color:       #c2c2c2;
}

#metamenu li a {
	color:           #c2c2c2;
	text-decoration: none;
}

@media only screen and (max-width: 846px) {
	#meta {
		display: none;
	}
}

/**
 * @section Footer Menu
 * @css-for all browsers
 */
#foot {
	padding:    0 49px;
	box-sizing: border-box;
}

@media only screen and (max-width: 846px) {
	#foot {
		padding: 0 29px;
	}
}

@media only screen and (max-width: 667px) {
	#foot {
		padding: 0 20px;
	}
}

#footmenu {
	margin:          0;
	padding:         0;
	list-style-type: none;
	z-index:         20;
}

#footmenu > li {
	padding:       10px 0;
	border-bottom: 1px solid #007380;
	margin-right:  20px;
}

#footmenu > li:nth-child(3),
#footmenu > li:nth-child(4),
#footmenu > li:nth-child(5),
#footmenu > li:last-child {
	border-bottom: none;
}

#footmenu > li:nth-child(3),
#footmenu > li:nth-child(4),
#footmenu > li:nth-child(5) {
	position: absolute;
	left:     101.45%;
	top:      0;
}

#footmenu > li:nth-child(4) {
	left: 202.9%;
}

#footmenu > li:nth-child(5) {
	left: 304.35%;
}

#footmenu > li:nth-child(5) li:nth-child(5) {
	margin-top:  10px;
	padding-top: 10px;
	border-top:  1px solid #007380;
}

#footmenu li a, #footmenu > li:nth-child(5) li:nth-child(5) a {
	display:         block;
	color:           #007380;
	text-decoration: none;
	font-weight:     bold;
}

#footmenu li ul {
	margin:          0;
	padding:         0 10px 0 0;
	list-style-type: none;
}

#footmenu li li a {
	color:       #333;
	font-weight: normal;
}

#footmenu li li a:hover,
#footmenu li li a:active,
#footmenu li li a:focus {
	color: #007380;
}

#foot span {
	margin-top:  5px;
	border-top:  1px solid #007380;
	padding-top: 10px;
}

#foot span.fix {
	display: none;
}

#foot span a {
	color:           #007380;
	text-decoration: none;
}

.wissenschaft-gesundheit #footmenu > li > a,
.wissenschaft-gesundheit #footmenu > li:nth-child(5) li:nth-child(5) a,
.wissenschaft-gesundheit #footmenu li li a:hover,
.wissenschaft-gesundheit #footmenu li li a:active,
.wissenschaft-gesundheit #footmenu li li a:focus,
.wissenschaft-gesundheit #foot span a {
	color: #903;
}

.wissenschaft-gesundheit #footmenu > li,
.wissenschaft-gesundheit #footmenu > li:nth-child(5) li:nth-child(5),
.wissenschaft-gesundheit #foot span {
	border-color: #903;
}

.automeile #footmenu > li > a,
.automeile #footmenu > li:nth-child(5) li:nth-child(5) a,
.automeile #footmenu li li a:hover,
.automeile #footmenu li li a:active,
.automeile #footmenu li li a:focus,
.automeile #foot span a {
	color: #08b;
}

.automeile #footmenu > li,
.automeile #footmenu > li:nth-child(5) li:nth-child(5),
.automeile #foot span {
	border-color: #08b;
}

.entertainment-sport #footmenu > li > a,
.entertainment-sport #footmenu > li:nth-child(5) li:nth-child(5) a,
.entertainment-sport #footmenu li li a:hover,
.entertainment-sport #footmenu li li a:active,
.entertainment-sport #footmenu li li a:focus,
.entertainment-sport #foot span a {
	color: #5a3;
}

.entertainment-sport #footmenu > li,
.entertainment-sport #footmenu > li:nth-child(5) li:nth-child(5),
.entertainment-sport #foot span {
	border-color: #5a3;
}

.handel #footmenu > li > a,
.handel #footmenu > li:nth-child(5) li:nth-child(5) a,
.handel #footmenu li li a:hover,
.handel #footmenu li li a:active,
.handel #footmenu li li a:focus,
.handel #foot span a {
	color: #607;
}

.handel #footmenu > li,
.handel #footmenu > li:nth-child(5) li:nth-child(5),
.handel #foot span {
	border-color: #607;
}

.nutzungsergaenzungen #footmenu > li > a,
.nutzungsergaenzungen #footmenu > li:nth-child(5) li:nth-child(5) a,
.nutzungsergaenzungen #footmenu li li a:hover,
.nutzungsergaenzungen #footmenu li li a:active,
.nutzungsergaenzungen #footmenu li li a:focus,
.nutzungsergaenzungen #foot span a {
	color: #889;
}

.nutzungsergaenzungen #footmenu > li,
.nutzungsergaenzungen #footmenu > li:nth-child(5) li:nth-child(5),
.nutzungsergaenzungen #foot span {
	border-color: #889;
}

#footmenu li a:hover, #footmenu > li:nth-child(5) li:nth-child(5) a:hover {
	color: #333;
}

@media only screen and (max-width: 667px) {
	#footer {
		height: 145px;
	}

	#footmenu li,
	#footmenu li a {
		display: inline;
		border:  none;
		margin:  0;
	}

	#footmenu li:after {
		content:     ' |';
		color:       #007380;
		white-space: pre;
	}

	#footmenu li:last-of-type:after {
		content: '';
	}
}

/**
 * @section Teaser im Kopfbereich
 * @css-for all browsers
 */
.teaser {
	height: 500px;
}

.teaser.gold-gradient {
	margin-left:  -49px;
	margin-right: -49px;
	padding:      0 49px;
}

.teaser:after {
	content:           '';
	position:          absolute;
	bottom:            0;
	width:             100%;
	left:              0;
	padding-bottom:    7.3529%;
	background-image:  url("../images/design/schatten-unten.svg");
	background-size:   100%;
	background-repeat: no-repeat;
	z-index:           1;
}

.teaser > div {
	height: 500px;
}

.teaser > div:first-child {
	width:        414px;
	position:     absolute;
	margin-left:  -49px;
	padding-left: 49px;
	z-index:      1;
}

.teaser > div:nth-child(2) {
	padding-left: 414px;
	box-sizing:   border-box;
	margin-left:  49px;
}

.teaser > div:nth-child(2) img {
	min-width:     0;
	max-width:     none;
	float:         right;
	margin-bottom: -100%;
}

@media only screen and (max-width: 846px) {
	.teaser {
		height:         0;
		padding-bottom: 60.254%;
		padding-top:    156px;
	}

	.teaser:before {
		content:           '';
		position:          absolute;
		top:               156px;
		width:             100%;
		left:              0;
		padding-bottom:    7.3529%;
		background-image:  url("../images/design/schatten-oben.svg");
		background-size:   100%;
		background-repeat: no-repeat;
		z-index:           2;
	}

	.teaser > div:first-child {
		width:    100%;
		margin:   -156px -29px 0;
		padding:  0 29px;
		height:   156px;
		position: relative;
	}

	.teaser > div:first-child h1.biggesttopgap,
	.teaser > div:first-child h2.biggesttopgap {
		margin-top:    55px;
		margin-bottom: 12px !important;
	}

	.teaser > div:nth-child(2) img {
		min-width: 100%;
		max-width: 100%;
		float:     none;
		position:  absolute;
		left:      0;
		right:     0;
	}

	.teaser > div:nth-child(2) {
		margin:     0 -29px;
		padding:    0 29px 60.254%;
		height:     0;
		overflow:   hidden;
		box-sizing: inherit;
	}

	.teaser br {
		display: none;
	}
}

@media only screen and (max-width: 667px) {
	.teaser {
		padding-top: 116px;
	}

	.teaser:before {
		top: 116px;
	}

	.teaser > div:first-child {
		margin:  -116px -20px 0;
		padding: 0 20px;
		height:  116px;
	}

	.teaser > div:nth-child(2) {
		margin:  0 -20px;
		padding: 0 20px 60.254%;
	}

	.teaser > div:first-child h1.biggesttopgap,
	.teaser > div:first-child h2.biggesttopgap {
		margin-top: 25px;
	}
}

/**
 * @section Farben und Verläufe
 * @css-for all browsers
 */
.gold-gradient {
	background: #FFCC00;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ibGdyYWQiIHgxPSI4JSIgeTE9IjEwMCUiIHgyPSI5MiUiIHkyPSIwJSIgPjxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyMzgsMTk0LDM5KTtzdG9wLW9wYWNpdHk6MSIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigxOTcsMTQyLDApO3N0b3Atb3BhY2l0eToxIiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjbGdyYWQpIi8+PC9zdmc+); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #FFCC00), color-stop(100%, #c58e00)); /* safari4+,chrome */
	background: -webkit-linear-gradient(50deg, #FFCC00 0%, #c58e00 100%); /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
	background: linear-gradient(40deg, #FFCC00 0%, #c58e00 100%); /* w3c */
}

.lbeige {
	background-color: #f2f1ed;
}

.beige {
	background-color: #f9f4e5;
}

.lgrey {
	background-color: #f8f8f6;
}

.lgrey2 {
	background-color: #ebebeb;
}

.grey {
	background: #c2c2c2;
}

.white {
	background-color: #fff;
}

.smaragd {
	background-color: #007380;
}

.txt_gold, a:link,
a:visited, a:focus,
a:hover, a:active,
.social.txt_gold li.twitter a:before,
.social.txt_gold li.facebook a:before {
	color:           #c58e00;
	text-decoration: none;
}

@media only screen and (max-width: 846px) {
	.social.txt_gold li.twitter a:before,
	.social.txt_gold li.facebook a:before {
		color: #e0e0e0;
	}
}

.txt_white {
	color: #fff;
}

.txt_black, a.txt_black {
	color: #333;
}

.txt_smaragd,
a.txt_smaragd {
	color:           #007380;
	text-decoration: none;
}

/**
 * @section Auszeichnungsfarben für "Nutzung" Seiten
 * @css-for all browsers
 */
body.wissenschaft-gesundheit .txt_smaragd,
body.wissenschaft-gesundheit a.txt_smaragd,
.txt_wissenschaft-gesundheit {
	color: #903;
}

body.automeile .txt_smaragd,
body.automeile a.txt_smaragd,
.txt_automeile-leipzig {
	color: #08b;
}

body.entertainment-sport .txt_smaragd,
body.entertainment-sport a.txt_smaragd,
.txt_entertainment-und-sport {
	color: #5a3;
}

body.handel .txt_smaragd,
body.handel a.txt_smaragd,
.txt_handel {
	color: #607;
}

body.nutzungsergaenzungen .txt_smaragd,
body.nutzungsergaenzungen a.txt_smaragd,
.txt_nutzungsergaenzungen {
	color: #889;
}

/**
 * @section Schriftgrößen und Schnitte
 * @css-for all browsers
 */
.normal {
	font-size:   15px;
	line-height: 20px;
}

.medium-2 {
	font-size:   18px;
	line-height: 22px;
}

.medium {
	font-size:   24px;
	line-height: 28px;
}

.big {
	font-size:   28px;
	line-height: 33px;
}

@media only screen and (max-width: 846px) {
	.teaser .big {
		font-size:   20px;
		line-height: 24px;
	}
}

.biggest {
	font-size:   33px;
	line-height: 39px;
}

.thin {
	font-weight: normal;
}

.uc {
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

time {
	display:     block;
	font-weight: bold;
}

/**
 * @section besondere Auszeichnungen
 * @css-for all browsers
 */
a.more,
button[type="submit"].more {
	position:        absolute;
	bottom:          0;
	right:           0;
	text-transform:  uppercase;
	color:           #fff;
	font-weight:     bold;
	text-decoration: none;
	padding:         5px 7px 1px 25px;
	border:          none;

	background:      #c58e00;
	background:      url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ibGdyYWQiIHgxPSI4JSIgeTE9IjEwMCUiIHgyPSI5MiUiIHkyPSIwJSIgPjxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigxOTcsMTQyLDApO3N0b3Atb3BhY2l0eToxIiAvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDIzOCwxOTQsMzkpO3N0b3Atb3BhY2l0eToxIiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjbGdyYWQpIi8+PC9zdmc+); /* ff3.6+ */
	background:      -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c58e00), color-stop(100%, #FFCC00)); /* safari4+,chrome */
	background:      -webkit-linear-gradient(50deg, #c58e00 0%, #FFCC00 100%); /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
	background:      linear-gradient(40deg, #c58e00 0%, #FFCC00 100%); /* w3c */
}

button[type="submit"].more {
	/*padding-bottom: 5px;
	letter-spacing: -1px;*/
	font-family: inherit;
	cursor:      pointer;
}

a.more:before,
button[type="submit"].more:before {
	content:         '';
	position:        absolute;
	top:             4px;
	left:            4px;
	width:           17px;
	height:          17px;
	background:      url("../images/design/stern-weiss.svg");
	background-size: 100%;
}

*[class*="ratio-"] a.more:after {
	content:  '';
	position: absolute;
	top:      -1000%;
	left:     -1000%;
	bottom:   0;
	right:    0;
}

.icon-container img {
	margin-bottom: -90px;
}

@media only screen and (max-width: 667px) {
	.icon-container {
		box-sizing: border-box;
		padding:    0 70px;
	}
}

@media only screen and (max-width: 440px) {
	.icon-container {
		padding: 0;
	}
}

@media only screen and (max-width: 320px) {
	.icon-container {
		padding: 0;
	}

	.icon-container img {
		margin-bottom: -70px;
	}
}

.img-container img {
	margin-bottom: -35px;
}

.img-container strong {
	padding-left: 10px;
}

.year {
	position: relative;
	display:  inline-block;
	padding:  8px;
}

.year:before {
	content:          '';
	position:         absolute;
	left:             -40px;
	width:            30px;
	height:           30px;
	top:              2px;
	background-image: url("../images/design/stern-gold.svg");
}

.anchor {
	position:   relative;
	top:        -170px;
	display:    inline-block;
	visibility: hidden;
	/*	display:block;
		height:170px; /!* this is the height of your header *!/
		margin-top:-170px; /!* this is again negative value of the height of your header *!/
		visibility:hidden;*/
}

@media only screen and (max-width: 846px) {
	.anchor {
		top: -170px;
	}
}

@media only screen and (max-width: 667px) {
	.anchor {
		top: -120px;
	}
}

.newsbox {
	position: relative;
}

.social {
	position:        absolute;
	bottom:          15px;
	left:            0;
	margin:          0;
	padding:         0 15px;
	list-style-type: none;
	width:           100%;
	box-sizing:      border-box;
}

.social.top {
	bottom:  auto;
	top:     15px;
	padding: 0 10px;
}

.social.top2 {
	bottom:  auto;
	top:     0;
	padding: 0;
}

.social li {
	display: inline-block;
}

.social li.photo {
	font-size: 13px;
}

.social li.photo:before {
	content:      'I';
	position:     relative;
	font-family:  web_symbolsregular, sans-serif;
	font-size:    12px;
	top:          -1px;
	margin-right: 0.5em;
}

p.photo:before {
	content:      'I';
	position:     relative;
	font-family:  web_symbolsregular, sans-serif;
	font-size:    12px;
	top:          -1px;
	margin-right: 0.5em;
}

.social li.twitter,
.social li.facebook {
	float: right;
}

.social li.twitter a:before,
.social li.facebook a:before {
	content:     'k';
	font-family: web_symbolsregular, sans-serif;
	color:       #333;
	margin-left: 2px;
}

.social li.facebook a:before {
	content: 'f';
}

.social li.twitter span,
.social li.facebook span {
	display: none;
}

#footer .social {
	bottom:  auto;
	margin:  170px 0 0;
	padding: 0;
}

#footer .social li.facebook a,
#footer .social li.twitter a,
#footer .social li.facebook a:before,
#footer .social li.twitter a:before {
	color:       #007380 !important;
	font-weight: bold;
}

.wissenschaft-gesundheit #footer .social li.facebook a,
.wissenschaft-gesundheit #footer .social li.twitter a,
.wissenschaft-gesundheit #footer .social li.facebook a:before,
.wissenschaft-gesundheit #footer .social li.twitter a:before {
	color: #903 !important;
}

.automeile #footer .social li.facebook a,
.automeile #footer .social li.twitter a,
.automeile #footer .social li.facebook a:before,
.automeile #footer .social li.twitter a:before {
	color: #08b !important;
}

.entertainment-sport #footer .social li.facebook a,
.entertainment-sport #footer .social li.twitter a,
.entertainment-sport #footer .social li.facebook a:before,
.entertainment-sport #footer .social li.twitter a:before {
	color: #5a3 !important;
}

.handel #footer .social li.facebook a,
.handel #footer .social li.twitter a,
.handel #footer .social li.facebook a:before,
.handel #footer .social li.twitter a:before {
	color: #607 !important;
}

.nutzungsergaenzungen #footer .social li.facebook a,
.nutzungsergaenzungen #footer .social li.twitter a,
.nutzungsergaenzungen #footer .social li.facebook a:before,
.nutzungsergaenzungen #footer .social li.twitter a:before {
	color: #889 !important;
}

#footer .social li.twitter a:before,
#footer .social li.facebook a:before {
	padding-right: 0.3em;
	font-weight:   normal;
}

#footer .social li.facebook a:hover,
#footer .social li.twitter a:hover,
#footer .social li.facebook a:hover:before,
#footer .social li.twitter a:hover:before {
	color: #333 !important;
}

#footer .social li.twitter,
#footer .social li.facebook {
	display: block;
	float:   none;
}

@media only screen and (max-width: 846px) {
	.history .box2 {
		padding-bottom: 60px;
	}

	#footer .social li {
		line-height: 29px;
	}

	.social li.facebook a:before,
	.social li.twitter a:before {
		font-size: 28px;
	}

	.social li.twitter a:before,
	.social li.facebook a:before {
		color: #d6d6d6;
	}

	.gold-gradient .social li.twitter a:before,
	.gold-gradient .social li.facebook a:before {
		color: #c58e00;
	}
}

@media only screen and (max-width: 667px) {
	.social li.facebook,
	.social li.twitter {
		display: none;
	}

	#footer .social {
		position: relative;
		margin:   7px 0 3px;
	}

	#footer .social li.facebook,
	#footer .social li.twitter {
		display: block;
	}
}

.photolist {
	counter-reset:   photolist 0;
	list-style-type: none;
}

.photolist[data-reset="2"] {
	counter-reset: photolist 20;
}

.photolist[data-reset="3"] {
	counter-reset: photolist 40;
}

.photolist[data-reset="4"] {
	counter-reset: photolist 60;
}

.photolist[data-reset="5"] {
	counter-reset: photolist 80;
}

.photolist[data-reset="6"] {
	counter-reset: photolist 100;
}

.photolist[data-reset="7"] {
	counter-reset: photolist 120;
}

.photolist[data-reset="8"] {
	counter-reset: photolist 140;
}

.photolist[data-reset="9"] {
	counter-reset: photolist 160;
}

.photolist[data-reset="10"] {
	counter-reset: photolist 180;
}

.photolist[data-reset="11"] {
	counter-reset: photolist 200;
}

.photolist[data-reset="12"] {
	counter-reset: photolist 220;
}

.photolist[data-reset="13"] {
	counter-reset: photolist 240;
}

.photolist li:before {
	counter-increment: photolist;
	content:           counter(photolist);
	position:          absolute;
	top:               13px;
	left:              13px;
	color:             #fff;
	font-weight:       bold;
	z-index:           2;
	width:             20px;
	padding-top:       25px;
	text-align:        center;
	background:        url("../images/design/stern-gold.svg") no-repeat;
	background-size:   20px 20px;
	font-size:         15px;
	line-height:       20px;
}

@media only screen and (max-width: 846px) {
	.photolist .smallbox {
		padding: 15px;
	}

	.photolist em {
		position: absolute;
		bottom:   20px;
		right:    15px;
	}
}

.usage {
	margin:          0;
	padding:         0;
	list-style-type: none;
}

.usage li a {
	display:        block;
	color:          #fff;
	font-weight:    bold;
	padding-bottom: 40px;
}

.usage li a:before {
	content:   'Schwerpunkt';
	font-size: 15px;
	display:   block;
}

.usage a span {
	display: none;
}

@media only screen and (min-width: 846px) {
	.usage a span {
		display:         block;
		position:        absolute;
		bottom:          0;
		right:           0;
		text-transform:  uppercase;
		color:           #fff;
		font-size:       15px;
		line-height:     19px;
		font-weight:     bold;
		text-decoration: none;
		padding:         5px 7px 1px 25px;

		background:      #c58e00;
		background:      url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ibGdyYWQiIHgxPSI4JSIgeTE9IjEwMCUiIHgyPSI5MiUiIHkyPSIwJSIgPjxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigxOTcsMTQyLDApO3N0b3Atb3BhY2l0eToxIiAvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDIzOCwxOTQsMzkpO3N0b3Atb3BhY2l0eToxIiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjbGdyYWQpIi8+PC9zdmc+); /* ff3.6+ */
		background:      -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c58e00), color-stop(100%, #FFCC00)); /* safari4+,chrome */
		background:      -webkit-linear-gradient(50deg, #c58e00 0%, #FFCC00 100%); /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
		background:      linear-gradient(40deg, #c58e00 0%, #FFCC00 100%); /* w3c */
	}

	.usage a span:before {
		content:         '';
		position:        absolute;
		top:             4px;
		left:            4px;
		width:           17px;
		height:          17px;
		background:      url("../images/design/stern-weiss.svg");
		background-size: 100%;
	}
}

@media only screen and (max-width: 846px) {
	.usage li,
	.usage li a {
		height: 180px;
	}

	.usage li a:hover span {
		right: -4px;
	}
}

@media only screen and (max-width: 667px) {
	.usage li,
	.usage li a {
		height: auto;
	}

	.usage li a:hover span {
		right: 0;
	}
}

.usage li.wissenschaft-gesundheit,
.place.wissenschaft-gesundheit {
	background-color: #903;
}

.usage li.automeile-leipzig,
.place.automeile-leipzig {
	background-color: #08b;
}

.usage li.entertainment-und-sport,
.place.entertainment-und-sport {
	background-color: #5a3;
}

.usage li.handel,
.place.handel {
	background-color: #607;
}

.usage li.nutzungsergaenzungen,
.place.nutzungsergaenzungen {
	background-color: #889;
}

.usage li .box {
	margin-bottom: -1px;
}

.usage img {
	padding:    0 20px 10px;
	max-height: 115px;
	box-sizing: border-box;
	min-width:  0;
	max-width:  none;
	width:      100%;
}

@media only screen and (max-width: 846px) {
	.usage br {
		display: none;
	}
}

.place {
	position: absolute;
	top:      0;
	left:     0;
}

img.auto {
	min-width: 0;
	max-width: none;
	display:   block;
}

img.auto:last-of-type {
	position:          absolute;
	top:               0;
	left:              50%;
	-webkit-transform: translateX(-50%);
	-ms-transform:     translateX(-50%);
	transform:         translateX(-50%);
	opacity:           0;
}

img.auto:first-of-type {
	opacity:           1;
	position:          relative;
	top:               0;
	left:              0;
	-webkit-transform: translateX(0);
	-ms-transform:     translateX(0);
	transform:         translateX(0);
	margin:            10px auto 20px;
}

ol.map li {
	position:     relative;
	padding-left: 1.6em;
}

ol.map li:before {
	position:      absolute;
	left:          0;
	font-weight:   bold;
	display:       inline-block;
	width:         1.3em;
	padding-right: 0.3em;
	text-align:    right;
}

.disposalbox ul, ul.stars {
	margin:          0;
	padding:         0;
	list-style-type: none;
}

.disposalbox ul li, ul.stars li {
	position:      relative;
	padding-left:  1.6em;
	margin-bottom: 6px;
}

.disposalbox ul li:before, ul.stars li:before {
	content:     'R';
	position:    absolute;
	left:        5px;
	top:         -2px;
	font-family: web_symbolsregular, sans-serif;
	font-size:   14px;
	color:       #c58e00;
}

.sell-box-header {
	position: relative;
}

.sell-box-header::before {
	content:  '';
	height:   84px;
	width:    74px;
	position: absolute;
	top:      -4px;
	left:     0;
}

.disposalbox h2 {
	margin: 0 0 0 88px;
}

.sell-box-header.vermarktung::before {
	background: url("../images/vermietung/vermarktung.svg") no-repeat;
}

.sell-box-header.rahmen::before {
	background: url("../images/vermietung/rahmenbedingungen.svg") no-repeat;
}

.sell-box-header.infra::before {
	background: url("../images/vermietung/infrastruktur.svg") no-repeat;
}

.sell-box-header.umfeld::before {
	background: url("../images/vermietung/umfeld.svg") no-repeat;
}

.sell-box-header.science::before {
	background: url("../images/vermietung/wissenschaften.svg") no-repeat;
}

.sell-box-header > ul {
	margin: 30px 0 40px 84px;
}

@media only screen and (max-width: 667px) {
	.disposalbox.box h2 {
		padding-left:     0;
		background-image: none;
		min-height:       0;
	}
}

.contactbox p {
	margin: 0;
}

.contactbox dl {
	margin:  0;
	padding: 0;
}

.contactbox dt, .contactbox dd {
	display: inline;
	margin:  0;
}

.contactbox dt {
	display:     inline-block;
	width:       55px;
	font-weight: normal;
}

.contactbox dt:after {
	content: ':';
}

.contactbox dd:after {
	content:     '\A';
	white-space: pre;
}

@media only screen and (max-width: 667px) {
	.contactbox {
		margin-bottom: 60px;
	}
}

.newsarchive li a {
	display:     block;
	font-weight: bold;
}

.newsarchive li ul {
	display:         none;
	margin:          0 10px;
	padding:         0;
	list-style-type: none;
}

.newsarchive li ul li {
	margin-bottom: 10px;
	position:      relative;
	padding-left:  1.3em;
}

.newsarchive li ul li:before {
	content:     'R';
	position:    absolute;
	top:         -2px;
	left:        0;
	color:       #D6D6D6;
	font-family: web_symbolsregular, sans-serif;
	font-size:   14px;
}

.newsarchive li ul a {
	color:       #858585;
	font-weight: normal;
}

.newsarchive li ul li.active a,
.newsarchive li ul a:active,
.newsarchive li ul a:focus,
.newsarchive li ul a:hover {
	color: #007380;
}

.newsarchive li ul li.active a {
	font-weight: bold;
}

.newsarchive li ul li.active::before {
	color: #c58e00;
}

.newsarchive .rssfeed a:before {
	content:       'r';
	font-family:   web_symbolsregular, sans-serif;
	font-size:     14px;
	position:      relative;
	top:           -1px;
	padding-right: 0.3em;
}

ul.page-numbers {
	margin:          0 auto;
	padding:         0;
	list-style-type: none;
	text-align:      center;
}

ul.page-numbers li {
	display: inline-block;
}

ul.page-numbers .page-numbers,
a.page-loading {
	display:          block;
	width:            50px;
	height:           50px;
	padding:          10px;
	line-height:      30px;
	font-weight:      bold;
	color:            #333;
	background-color: #f8f8f6;
	box-sizing:       border-box;
}

ul.page-numbers span.page-numbers.current,
ul.page-numbers a.page-numbers:focus,
ul.page-numbers a.page-numbers:active,
ul.page-numbers a.page-numbers:hover,
a.page-loading:hover,
a.page-loading:active,
a.page-loading:focus {
	color: #c58e00;
}

a.page-loading {
	width:   auto;
	display: inline-block;
	padding: 10px 50px;
}

.downloadbox {
	background-color: #ebebeb;
	text-align:       center;
	height:           auto;
	padding-bottom:   0;
	width:            100%;
	overflow:         hidden;
}

.downloadbox:before {
	content:        '';
	display:        block;
	padding-bottom: 80.6451%;
}

.downloadbox .img {
	position:   absolute;
	top:        0;
	bottom:     0;
	left:       0;
	right:      0;

	text-align: center; /* Align center inline elements */
	font:       0/0 a;
}

.downloadbox .img:before {
	content:        ' ';
	display:        inline-block;
	vertical-align: middle;
	height:         100%;
}

.downloadbox img {
	display:        inline-block;
	vertical-align: middle;
	min-width:      0;
	max-width:      none;
	max-height:     80%;
	filter:         drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
}

.downloadbox .img.landscape img {
	max-height: 70%;
}

.downloadbox + .lgrey2 {
	position:   relative;
	text-align: right;
}

.downloadbox + .lgrey2 a {
	position: relative;
}

.downloadbox.noshadow img {
	box-shadow: none;
}

.smallbox.textonlybox {
	height: calc(100% - 37px); /* input[type="submit"]-height */
}

iframe {
	position: absolute;
	top:      50%;
	left:     50%;
	margin:   -220px 0 0 -480px;
	z-index:  1;
}

#mapPlaceholder {
	position:   absolute;
	top:        50%;
	left:       50%;
	margin:     -220px 0 0 -480px;
	z-index:    2;
	min-width:  0;
	min-height: 0;
	max-height: 440px;
}

a#loadmap {
	position:    absolute;
	display:     block;
	top:         50%;
	left:        50%;
	margin:      -18.5px 0 0 -109.5px;
	z-index:     2;
	width:       219px;
	height:      37px;
	background:  url("../images/design/activate-map-button.svg");
	text-indent: -9999px;
	z-index:     3;
	visibility:  visible;
}
a#loadmap:not([onclick]) {
	height: 57px;
	background:  url("../images/design/activate-map-button-disabled.svg");
}

#topbutton {
	position:        fixed;
	width:           120px;
	height:          60px;
	background:      url("../images/design/top.svg");
	background-size: contain;
	bottom:          0;
	z-index:         100;
	left:            50%;
	margin-left:     -60px;
}

#topbutton span {
	display: none;
}

@media only screen and (max-width: 846px) {
	#topbutton {
		width:       80px;
		height:      40px;
		margin-left: -40px;
	}
}

.noscale {
	min-width: 0;
	max-width: none;
}

.nologo {
	height: 100px;
	margin: 10px auto 20px;
	width:  100px;
}

.zoomimg img {
	-webkit-transform: scale(1.7);
	-ms-transform:     scale(1.7);
	transform:         scale(1.7);
}

.mt30 {
	display: inline-block;
	float:   none;
	margin:  30px 0 0 0;
}

.contactbox.nomargin {
	margin-bottom: 0;
}

@media screen and (max-width: 846px) {
	.mt30 {
		margin: 30px 0 0 0;
	}

	.contactbox {
		display: block;
		float:   none;
	}

}

/* image fixes */
@media screen and (max-width: 1024px) {
	.news .downloadbox img {
		max-width: 100%;
	}

	.mapph {
		min-width: 100%;
		max-width: 100%;
		float:     none;
		position:  absolute;
		left:      0;
		right:     0;
	}
}

div#notify {
	position:   absolute;
	background: url(../images/map/background.gif) repeat;
	color:      black;
	top:        50%;
	left:       50%;
	margin:     -220px 0 0 -480px;
	width:      960px;
	height:     440px;
	z-index:    20;
}

div#notify span {
	display:           inline-block;
	background-image:  url(../images/map/loading.gif);
	background-repeat: no-repeat;
	width:             150px;
	height:            10px;
	position:          absolute;
	top:               50%;
	left:              50%;
	text-indent:       -9999px;
	margin:            -5px 0 0 -75px;
}

.activeSub {
	color: #007380 !important;
}

.nonActiveSub {
	color: #333 !important;
}

/* objectfit on mobile */
@media screen and (max-width: 1024px) {
	.img img {
		-o-object-fit:      cover;
		object-fit:         cover;
		-o-object-position: center;
		object-position:    center;
		min-width:          100%;
		min-height:         100%;
		max-width:          none;
	}
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
	.icon-container .biggest {
		font-size:   20px;
		line-height: 21px;
	}

	.icon-container .center {
		position:      absolute;
		bottom:        10px;
		left:          0;
		right:         0;
		margin-bottom: 0;
	}

	.usage li a {
		font-size:   20px;
		line-height: 21px;
	}
}

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

}

/*.historie .sameheight > div:first-of-type {*/
/*overflow: hidden;*/
/*max-height: 100%;*/
/*height: 100%;*/
/*min-height: 100%;*/
/*}*/
/*.historie .history .sameheight > div:first-of-type img {*/
/*max-height: none;*/
/*/!*min-height: 100%;*!/*/
/*min-width: 100%;*/
/*-o-object-fit: cover;*/
/*object-fit: cover;*/
/*-o-object-position: center	;*/
/*object-position: center	;*/
/*}*/

.homenews .news img {
	max-width: 80%;
}

/*.homenews .news img{
	width: auto;
	!*max-width: 100%;*!
	min-width: 100%;
	max-height: 233px;
	min-height: 100%;
	object-fit: cover;
	object-position: center;
}*/

.the_content img {
	max-width:  100% !important;
	max-height: none !important;
	min-width:  0 !important;
	min-height: 0 !important;
	/*	height: auto;
		width: auto;*/
}

/* re-position all anchors to stay under the nav */
a[id="#topbutton"] {
	position:   relative;
	top:        -90px;
	display:    inline-block;
	visibility: hidden;
}

#cookie-notice + a#topbutton {
	bottom: 44px;
}

/*
form.validate input:invalid ~ button[type="submit"] {
	color: rgba(255, 255, 255, .5);
	pointer-events: none;
}
*/
input[type="number"] {
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

body.kontakt img,
.english #page img {
	max-width: none;
	min-width: 0;
}

.hometeaser {
	margin: 3.4em 0 6.8em;
	padding: 64px 64px 60px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.hometeaser {
		padding: 30px 30px 45px;
	}
}

.hometeaser__headline {
  white-space: pre-line;
  text-align: center;
  font-weight: normal;
  margin-bottom: 22px;
}

@media only screen and (max-width: 767px) {
	.hometeaser__headline {
		font-size: 20px;
		line-height: 24px;
	}
}

.hometeaser__headline::first-line {
	font-weight: bold;
	letter-spacing: 0.025em;
}

.hometeaser__button {
	display: inline-block;
	padding: 10px 20px 7px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.hometeaser__button {
		font-size: 20px;
		line-height: 24px;
	}
}

.embed-responsive {
	position: relative;
}
.embed-responsive.embed-responsive-16by10::before {
	content: '';
	position: relative;
	width: 100%;
	padding-top: 62.5%;
	display: block;
}
.embed-responsive.youtube-embed iframe {
	margin: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.embed-responsive:not(.youtube-embed) iframe {
	margin: 0;
	left: 0;
	top: 0;
	max-width: none;
	width: 160%;
	height: 160%;
	-webkit-transform: scale(0.625);
	    -ms-transform: scale(0.625);
	        transform: scale(0.625);
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
}

.verkauf-und-vermietung .hometeaser__button {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}