/* 1753680654.9311 */
@charset utf-8;

:root {
	--color-darkestgrey-rgb:64,64,64;
	--color-darkestgrey:#404040;
	--color-darkgrey-rgb:101,101,101;
	--color-darkgrey:#656565;
	--color-grey-rgb:181,181,181;
	--color-grey:#b5b5b5;
}

@font-face {
	font-family:'Roboto';
	src:url('/includes/webfonts/roboto-v30-latin-regular.eot');
	src:local('☺︎'),url('/includes/webfonts/roboto-v30-latin-regular.eot?#iefix') format("embedded-opentype"),url('/includes/webfonts/roboto-v30-latin-regular.woff2') format("woff2"),url('/includes/webfonts/roboto-v30-latin-regular.woff') format("woff"),url('/includes/webfonts/roboto-v30-latin-regular.ttf') format("truetype"),url('/includes/webfonts/roboto-v30-latin-regular.svg#Roboto') format("svg");
	font-display:swap;
}

.Roboto {
	font-family:Roboto,Verdana,Helvetica,Arial,san serif;
	font-weight:400;
	font-style:normal;
}

* {
	margin:0;
	padding:0;
	outline:0;
	line-height:100%;
}

html{
	height:100%;
	overflow-y:scroll;
	font-size:100.01%;
}

body {
	-webkit-tap-highlight-color:transparent;
	width:100%;
	height:100%;
	text-align:center;
	font-size:62.5%;
	background:grey;
	font-family:Roboto,Verdana,Helvetica,Arial,san serif;
	background-repeat:no-repeat!important;
	background-attachment:fixed!important;
	background-size:cover!important;
}

body.videobg{
	background-image:url('/video/luftaufnahmen-bochum.webp')
}

body.videobg.dortmund{
	background-image:url('/video/drohne-luftaufnahmen-dortmund-city.webp')
}

body.videobg.dortmund-baustelle{
	background-image:url('/video/drohne-luftaufnamhe-dortmund-baustelle.webp')
}

body.videobg.hagen{
	background-image:url(/video/drohne-luftaufnahmen-hagen.webp)
}

body.videobg.hattingen{
	background-image:url(/video/drohne-luftaufnahmen-hattingen.webp)
}

body.videobg.messe{
	background-image:url(/video/messe-dortmund-zeitraffer-video.webp)
}

body.videobg.tinyplanet{
	background-image:url(/video/tiny-planet-bochum-hauptbahnhof.webp)
}

body.kontakt{
	background:url('/gif/bg/kontakt-drohne-luftaufnahmen-1440.webp') no-repeat fixed center top!important
}

body.architekturfotografie {
	background:rgba(128,128,128,.5)
}

#content,
body {
	font-family:Roboto,Verdana,Helvetica,Arial,san serif
}

.clear,
body .cb {
	clear:both;
	display:block;
	margin:0;
	padding:0;

}
body .cb.abstand {
	display:block;
	clear:both;
	margin:12px 0;
}

body .fehler{
	color:#d40000
}

body .nobreak {
	white-space:nowrap;
	text-align:left;
	display:inline-block;
	text-indent:0
}

.center{
	text-align:center
}

.rot{
	color:#e20000
}

.blau{
	color:#000682
}

hr{
	display:block;
	margin:6px 0 12px;
	height:1px;
	border:none;
	background-color:transparent;
	border-top:1px dotted #020981
}

a {
	color:#000682;
	text-decoration:1px dotted underline;
}
a:hover {
	text-decoration:underline;
}

.hidden,
.nur_mobil { 
	display:none!important
}

.nur_desktop { 
	display:inline-block!important
}

.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

* html .clearfix { 
height:1px
}

.clearfix{
	display:block
}

header#navi { 
	width:100%;
	font-size:100%;
	background-color:#fff;
	-webkit-box-shadow:0 4px 6px 0 rgba(153,153,153,.5);
	-moz-box-shadow:0 4px 6px 0 rgba(153,153,153,.5);
	box-shadow:0 4px 6px 0 rgba(153,153,153,.5)
}

nav#menu {
	width:920px;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:center
}

header#navi,
nav#menu { 
	height:48px;
	display:block;
	text-align:center;
	/*
	color:#999;
	*/
	color:#6F6F6F;
}

header#navi nav#menu #logo { 
	display:inline-block;
	position:absolute;
	top:0;
	left:-50px;
	z-index:9;
	border:none
}

header#navi nav#menu #logo_mobil {
	display:none
}

.sm { 
	box-sizing:border-box;
	position:relative;
	z-index:9999;
	-webkit-tap-highlight-color:transparent
}

.sm,.sm li,.sm ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	line-height:normal;
	direction:ltr;
	text-align:left
}

.sm-rtl,.sm-rtl li,.sm-rtl ul { 
	direction:rtl;
	text-align:right
}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6 { 
	margin:0;
	padding:0
}

.sm ul{display:none}
.sm a,.sm li{position:relative}
.sm a{display:block}
.sm a.disabled{cursor:default}
.sm::after {
	content:"";
	display:block;
	height:0;
	font:0/0 serif;
	clear:both;
	overflow:hidden
}

.sm *,.sm ::after,.sm ::before{box-sizing:inherit}
.sm-clean {
	background:#fff;
	border-radius:0
}
.sm-clean li a,
.sm-clean li a.highlighted,
.sm-clean li a:active,
.sm-clean li a:focus,
.sm-clean li a:hover {
	padding:13px 20px;
	padding-right:58px;
	/*
	color:#999;
	*/
	color:#6F6F6F;
	font-size:150%;
	line-height:110%;
	font-weight:400;
	text-decoration:none;
	text-transform:uppercase
}

.sm-clean li>a,
.sm-clean li>a.highlighted,
.sm-clean li>a:active,
.sm-clean li>a:focus,
.sm-clean li>a:hover {
	text-transform:uppercase
}

.sm-clean li li a,
.sm-clean li li a.highlighted,
.sm-clean li li a:active,
.sm-clean li li a:focus,
.sm-clean li li a:hover {
	font-size:140%;
	line-height:130%;
	text-transform:none!important
}

.sm-clean li a.current {
	/*
	color:#000682;
	color:#999;
	*/
	color:#6F6F6F;
}

.sm-clean li a.disabled { 
	/*
	color:#bbb;
	color:#999;
	*/
	color:#6F6F6F;
}

.sm-clean li a .sub-arrow {
	position:absolute;
	top:50%;
	margin-top:-17px;
	left:auto;
	right:4px;
	width:34px;
	height:34px;
	overflow:hidden;
	font:bold 16px/34px monospace!important;
	text-align:center;
	text-shadow:none;
	background:rgba(255,255,255,.5);
	border-radius:5px
}

.sm-clean li a .sub-arrow::before {
	content:'+'
}
.sm-clean li a.highlighted .sub-arrow::before {
	content:'-'
}
.sm-clean>li:first-child>:not(ul) a,.sm-clean>li:first-child>a{ 
	border-radius:5px 5px 0 0
}
.sm-clean>li:last-child>:not(ul) a,.sm-clean>li:last-child>a,.sm-clean>li:last-child>ul,.sm-clean>li:last-child>ul>li:last-child>:not(ul) a,.sm-clean>li:last-child>ul>li:last-child>a,.sm-clean>li:last-child>ul>li:last-child>ul,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul {
	border-radius:0 0 5px 5px
}
.sm-clean>li:last-child>:not(ul) a.highlighted,.sm-clean>li:last-child>a.highlighted,.sm-clean>li:last-child>ul>li:last-child>:not(ul) a.highlighted,.sm-clean>li:last-child>ul>li:last-child>a.highlighted,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a.highlighted,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a.highlighted,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a.highlighted,.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted {
	border-radius:0
}
.sm-clean li {
	border-top:1px solid rgba(0,0,0,.05)
}
.sm-clean>li:first-child {
	border-top:0
}
.sm-clean ul {
	background:rgba(162,162,162,.1)
}
.sm-clean ul a,
.sm-clean ul a:active,
.sm-clean ul a:focus,
.sm-clean ul a:hover {
	text-transform:none;
	border-left:8px solid transparent
}
.sm-clean ul ul a,
.sm-clean ul ul a:active,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:hover {
	border-left:16px solid transparent
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:active,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:hover {
	border-left:24px solid transparent
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:active,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:hover {
	border-left:32px solid transparent
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:active,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:hover {
	border-left:40px solid transparent
}
.sm-clean {
	clear:both;
	display:block
}

@media (min-width:960px){
	.sm-clean ul {
		position:absolute;
		width:12em
	}
	.sm-clean li {
		float:left
	}
	.sm-clean.sm-rtl li {
		float:right
	}
	.sm-clean ul li,
	.sm-clean.sm-rtl ul li,
	.sm-clean.sm-vertical li {
		float:none
	}
	.sm-clean li a {
		white-space:nowrap
	}
	.sm-clean ul a,
	.sm-clean.sm-vertical a {
		white-space:normal
	}
	.sm-clean .sm-nowrap>li>:not(ul) a,
	.sm-clean .sm-nowrap>li>a {
		white-space:nowrap
	}
	.sm-clean {
		background:#fff
	}
	.sm-clean li a,
	.sm-clean li a.highlighted,
	.sm-clean li a:active,
	.sm-clean li a:focus,
	.sm-clean li a:hover {
		padding:12px;
		/*
		color:#999;
		*/
		color:#6F6F6F;
		border-radius:0!important
	}
	.sm-clean li a.highlighted,
	.sm-clean li a:active,
	.sm-clean li a:focus,
	.sm-clean li a:hover {
		text-decoration:underline
	}
	
	.sm-clean li a.current {
		text-decoration:underline;
		font-weight:700
	}
	
	.sm-clean li.aktiv a {
		text-decoration:underline;
		background-color:#fff;
		font-weight:700
	}
	
	.sm-clean li.aktiv a li a{
		text-decoration:none!important
	}
	
	.sm-clean li a.disabled{
		color:#bbb
	}
	
	.sm-clean li a.has-submenu{
		padding-right:24px
	}
	
	.sm-clean li a .sub-arrow {
		top:50%;
		margin-top:-2px;
		right:12px;
		width:0;
		height:0;
		border-width:4px;
		border-style:solid dashed dashed;
		border-color:#555 transparent transparent;
		background:0 0;
		border-radius:0
	}
	
	.sm-clean li a .sub-arrow::before {
		display:none
		}
	
	.sm-clean li {
		border-top:0
	}
	
	.sm-clean>li>ul::after,
	.sm-clean>li>ul::before {
		content:'';
		position:absolute;
		top:-18px;
		left:30px;
		width:0;
		height:0;
		overflow:hidden;
		border-width:9px;
		border-style:dashed dashed solid;
		border-color:transparent transparent #bbb
	}
	
	.sm-clean>li>ul::after {
		top:-16px;
		left:31px;
		border-width:8px;
		border-color:transparent transparent #fff
	}
	
	.sm-clean ul {
		border:1px solid #bbb;
		padding:5px 0;
		background:#fff;
		border-radius:0!important;
		box-shadow:0 5px 9px rgba(0,0,0,.2)
	}
	
	.sm-clean li.aktiv ul a {
		font-weight:400;
		color:#555;
		text-decoration:none!important
	}
	
	.sm-clean ul a,
	.sm-clean ul a.highlighted,
	.sm-clean ul a:active,
	.sm-clean ul a:focus,
	.sm-clean ul a:hover {
		border:0!important;
		padding:6px 12px;
		color:#555
	}
	.sm-clean li.aktiv ul a.highlighted,
	.sm-clean li.aktiv ul a:active,
	.sm-clean li.aktiv ul a:focus,
	.sm-clean li.aktiv ul a:hover,
	.sm-clean ul a.highlighted,
	.sm-clean ul a:active,
	.sm-clean ul a:focus,
	.sm-clean ul a:hover {
		background:#eee;
		text-decoration:underline
	}
	
	.sm-clean ul a.current {
		text-decoration:underline
	}
	
	.sm-clean ul a.disabled {
		background:#fff;
		color:#ccc
	}
	
	.sm-clean ul a.has-submenu {
		padding-right:20px
	}
	
	.sm-clean ul a .sub-arrow {
		right:8px;
		top:50%;
		margin-top:-5px;
		border-width:5px;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #555
	}
	
	.sm-clean .scroll-down,.sm-clean .scroll-up {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#fff;
		height:20px
	}
	.sm-clean .scroll-down:hover,.sm-clean .scroll-up:hover {
		background:#eee
	}
	.sm-clean .scroll-up:hover .scroll-up-arrow {
		border-color:transparent transparent #000682
	}
	.sm-clean .scroll-down:hover .scroll-down-arrow {
		border-color:#000682 transparent transparent
	}
	.sm-clean .scroll-down-arrow,.sm-clean .scroll-up-arrow {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-6px;
		width:0;
		height:0;
		overflow:hidden;
		border-width:6px;
		border-style:dashed dashed solid;
		border-color:transparent transparent #555
	}
	
	.sm-clean .scroll-down-arrow {
		top:8px;
		border-style:solid dashed dashed;
		border-color:#555 transparent transparent
	}
	
	.sm-clean.sm-rtl a.has-submenu {
		padding-right:12px;
		padding-left:24px
	}
	.sm-clean.sm-rtl a .sub-arrow {
		right:auto;
		left:12px
	}
	.sm-clean.sm-rtl.sm-vertical a.has-submenu {
		padding:10px 20px
	}
	.sm-clean.sm-rtl.sm-vertical a .sub-arrow {
		right:auto;
		left:8px;
		border-style:dashed solid dashed dashed;
		border-color:transparent #555 transparent transparent
	}
	
	.sm-clean.sm-rtl>li>ul::before {
		left:auto;
		right:30px
	}
	.sm-clean.sm-rtl>li>ul::after { 
		left:auto;
		right:31px
	}
	.sm-clean.sm-rtl ul a.has-submenu {
		padding:10px 20px !important
	}
	.sm-clean.sm-rtl ul a .sub-arrow {
		right:auto;
		left:8px;
		border-style:dashed solid dashed dashed;
		border-color:transparent #555 transparent transparent
	}
	.sm-clean.sm-vertical {
		padding:10px 0;
		border-radius:5px
	}
	.sm-clean.sm-vertical a {
		padding:10px 20px
	}
	.sm-clean.sm-vertical a.highlighted,
	.sm-clean.sm-vertical a:active,
	.sm-clean.sm-vertical a:focus,
	.sm-clean.sm-vertical a:hover {
		background:#fff
	}
	.sm-clean.sm-vertical a.disabled {
		background:#eee
	}
	
	.sm-clean.sm-vertical a .sub-arrow {
		right:8px;
		top:50%;
		margin-top:-5px;
		border-width:5px;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #555
	}
	.sm-clean.sm-vertical>li>ul::after,
	.sm-clean.sm-vertical>li>ul::before {
		display:none
		}
	.sm-clean.sm-vertical ul a{ 
		padding:10px 20px 
	}
	.sm-clean.sm-vertical ul a.highlighted,
	.sm-clean.sm-vertical ul a:active,
	.sm-clean.sm-vertical ul a:focus,
	.sm-clean.sm-vertical ul a:hover {
		background:#eee
	}
	.sm-clean.sm-vertical ul a.disabled {
		background:#fff
	}
}

#main-menu {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0
}
#menu {
	position:relative;
	display:block;
	margin:0;
	padding:10px;
	text-align:left
}
#menu:after,
.main-nav:after { 
	clear:both;
	content:"\00a0";
	display:block;
	height:0;
	font:0/0 serif;
	overflow:hidden
}
#main-menu {
	clear:both
}
@media (min-width:960px){
	#main-menu { 
		float:left;
		margin:5px 0 0 64px;
		clear:none
	}
}

.main-menu-btn {
	float:right;
	margin:6px 10px;
	position:relative;
	display:inline-block;
	width:29px;
	height:29px;
	text-indent:29px;
	white-space:nowrap;
	overflow:hidden;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent
}

.main-menu-btn-icon,
.main-menu-btn-icon:after,
.main-menu-btn-icon:before {
	position:absolute;
	top:50%;
	left:2px;
	height:2px;
	width:24px;
	background:#555;
	-webkit-transition:all .25s;
	transition:all .25s
}

.main-menu-btn-icon:before {
	content:'';
	top:-7px;
	left:0
}
.main-menu-btn-icon:after {
	content:'';
	top:7px;
	left:0
}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
	height:0;
	background:0 0
}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
	top:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
	top:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

#main-menu-state {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	border:0;
	padding:0;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px)
}

#main-menu-state:not(:checked)~#main-menu {
	display:none
}
#main-menu-state:checked~#main-menu {
	display:block
}

@media (min-width:960px){
	.main-menu-btn {
		position:absolute;
		top:-99999px
	}
	#main-menu-state:not(:checked)~#main-menu {
		display:block
	}
}

.sm-clean li.bt_icon a,
header#navi nav#menu li.bt_icon a {
	padding-top:2px !important;
	padding-bottom:4px !important;
	padding-left:4px !important;
	padding-right:4px !important
}

.sm-clean li.bt_icon svg,
header#navi nav#menu li.bt_icon svg {
	stroke:#6F6F6F;
	margin-top:6px;
	stroke-width: 2;
}

header#navi nav#menu li.bt_icon a.tel_link svg {
	vertical-align:-3px;
}


.sm-clean li a.home-icon {
	padding:10px 6px !important
}
header#navi nav#menu a.tel_link span.grau {
	/*
	color:#999 !important;
	color:#999;
	*/
	color:#6F6F6F !important;
}

.icon16 {
	background:url(/gif/icon-sprite.png) no-repeat 0 0;
	height:16px;
	width:16px;
	padding:0;
	overflow:hidden;
	display:inline-block
}
.facebook16 {
	background:url(/gif/icon-sprite.png) no-repeat -16px 0!important
}

.youtube16 {
	background:url(/gif/icon-sprite.png) no-repeat -32px 0!important
}

.instagram16 {
	background:url(/gif/icon-sprite.png) no-repeat -48px 0!important
}

.icon20 {
	background:url(/gif/icon-sprite.png) no-repeat 0 0;
	height:20px;
	width:20px;
	padding:0;
	overflow:hidden;
	display:inline-block
}

.icon2420 { 
	background:url(/gif/icon-sprite.png) no-repeat 0 0;
	height:20px;
	width:24px;
	padding:0;
	overflow:hidden;
	display:inline-block
}

.icon1612 {
	background:url(/gif/icon-sprite.png) no-repeat 0 0;
	height:12px !important;
	width:16px !important;
	padding:0;
	overflow:hidden;
	display:inline-block
}

.facebook20{background:url(/gif/icon-sprite.png) no-repeat 0 -16px !important}

.twitter20{background:url(/gif/icon-sprite.png) no-repeat -20px -16px !important}

.gplus20{background:url(/gif/icon-sprite.png) no-repeat -40px -16px !important}

.pinterest20{background:url(/gif/icon-sprite.png) no-repeat 0 -36px !important}

.mail20{background:url(/gif/icon-sprite.png) no-repeat -20px -36px !important}

.nl24{background:url(/gif/icon-sprite.png) no-repeat -40px -36px !important}

.de24{background:url(/gif/icon-sprite.png) no-repeat -40px -56px !important}

.flag20{vertical-align:-5px}

.de16{background:url(/gif/icon-sprite.png) no-repeat -32px -76px !important}

.nl16{background:url(/gif/icon-sprite.png) no-repeat -48px -76px !important}

.es16{background:url(/gif/icon-sprite.png) no-repeat -48px -89px !important}

.flag12{vertical-align:-2px}

#breadcrumb {
	font-size:90%;
	/*
	color:#999;
	*/
	color:#6F6F6F;
}
#breadcrumb a {
	text-decoration:1px dotted underline;
	/*
	text-decoration:none;
	color:#999;
	*/
	color:#6F6F6F;
}
#breadcrumb a:hover {
	text-decoration:underline;
}

#content { 
	width:940px;
	margin:24px auto 0;
	padding:0;
	text-align:left;
	font-size:110%
}

#content section {
	padding:10px
}

#content h1 {
	font-size:200%;
	line-height:120%;
	margin:0 0 12px;
	color:#000682
}

#content h3,
#content p.h3 {
	font-size:160%;
	line-height:120%;
	margin:0 0 6px;
	font-weight:600
}

#content h2,
#content h3.h2,
#content p.h2 {
	font-size:180%;
	line-height:120%;
	margin:0 0 12px
}

#content h3.h4,
#content h4 { 
	font-size:140%;
	line-height:120%;
	margin:0 0 6px
}

#content h1,
#content h2,
#content h3,
#content h4,
#content .h2,
#content .h3 {
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	font-weight:600
}

#content p {
	font-size:130%;
	margin:0 0 12px
}

#content section.formular p {
	font-size:100%
}

#content li,
#content section.formular #ansprechpartner p,
footer {
	font-size:130%
}

#content li,
#content p {
	line-height:130%
}

#content ol,
#content ul {
	margin:0 0 24px 24px
}

#content ol.list_split li,
#content ul.list_split li {
	word-wrap:break-word
}

#content td,
#content th { 
	font-size:130%;
	line-height:130%;
	vertical-align:top;
	padding:0 4px 4px 0
}

#content p.h4 {
	font-size:140%;
	line-height:120%;
	margin:0 0 6px;
	font-weight:600
}

#content table {
	margin:0 0 12px;
	border-collapse:collapse
}

#content ul.list_split { 
	float:left;
	width:46%;
	margin:0 2% 24px
}

#content .r {
	margin-right:0
}

#content p.galerie_thumbs {
	width:100%
}

#content p.galerie_thumbs img {
	margin:0 4px 4px 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:1px solid #fff
}

#content .pic_l {
	float:left;
	margin:2px 12px 6px 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}

#content .pic_r{
	float:right;
	margin:2px 0 6px 12px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}

#content .rand {
	border:1px solid #fff
}

#content .luftbilder_bsp {
	display:block;
	width:100%;
	padding:0;
	list-style:none;
	margin:6px 0 12px;
	text-align:left
}

.luftbilder_bsp li {
	width:220px;
	height:auto;
	display:block;
	margin:0 5px 10px;
	float:left
}

.luftbilder_bsp li img {
	width:218px;
	height:218px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	margin:0;
	padding:0;
	border:1px solid #fff
}

.seo_bsp li {
	width:120px
}

.seo_bsp li img {
	width:118px;
	height:118px
}

#content div.galerie_grid,
#content .seo_srcset2021 {
	display:block;
	width:100%;
	padding:0;
	list-style:none;
	margin:6px auto 12px;
	text-align:center
}

#content div.galerie_grid.no_space_bottom,
#content .seo_srcset2021.no_space_bottom {
	margin-bottom:0 !important
}

div.galerie_grid figure.pic,
.seo_srcset2021 li {
	display:block;
	margin:0 5px 10px;
	float:left
}

.seo_srcset2021 li.vid {
	overflow:hidden
}

div.galerie_grid figure.pic img,
.seo_srcset2021 li img,
.seo_srcset2021 li video {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	margin:0;
	padding:0;
	border:1px solid #fff
}

.seo_srcset2021 li video {
	width:100% !important;
	height:auto !important;	
	max-width:480px !important;	
}


@media screen and (min-width:960px) {

	div.galerie_grid figure.pic,
	.seo_srcset2021 li { 
		width:100% !important;
		max-width:293px;
		height:auto;
		min-height:164px
	}
	
	.seo_srcset2021 li div.responsive-video {
		margin-bottom:0 !important
	}
	
	div.galerie_grid figure.pic img,
	.seo_srcset2021 li img,
	.seo_srcset2021 li video {
		width:100% !important;
		max-width:291px;
		height:auto !important;
		max-height:164px
	}
	
	div.galerie_grid.square_thumbs figure.pic,
	.seo_srcset2021.square_thumbs li { 
		max-width:172px !important
	}
	
	div.galerie_grid.square_thumbs figure.pic img,
	.seo_srcset2021.square_thumbs li img {
		max-width:170px;
		max-height:170px !important
	}
	
	div.galerie_grid.pano_square_thumbs figure.pic,
	.seo_srcset2021.pano_square_thumbs li {
		max-width:291px !important
	}
	
	div.galerie_grid.pano_square_thumbs figure.pic img,
	.seo_srcset2021.pano_square_thumbs li img {
		max-width:291px;
		max-height:291px !important
	}
	
	div.galerie_grid.thumbs_4zu3 figure.pic img,
	.seo_srcset2021.thumbs_4zu3 li img {
		max-height:218px !important
	}
	
	div.galerie_grid.thumbs_3zu2 figure.pic img,
	.seo_srcset2021.thumbs_3zu2 li img {
		max-height:194px !important
	}
	
	#content div.box_tv_produktion .seo_srcset2021 li {
		max-width:calc(33.33% - 10px)!important;
		max-height:160px !important
	}
	
	#content div.box_tv_produktion .seo_srcset2021 {
		margin-bottom:0
	}
}



div.galerie_grid figure.pic,
.luftbilder_bsp li,
.seo_srcset2021 li {
	position:relative
}

div.galerie_grid figure.pic a,
.luftbilder_bsp li a,
.seo_srcset2021 li a {
	display:block;
	width:auto;
	max-width:100%
}

div.galerie_grid figure.pic a span,
.luftbilder_bsp li a span,
.seo_srcset2021 li a span {
	display:block;
	position:absolute;
	left:0;
	bottom:3px;
	padding:6px;
	width:calc(100% - 12px);
	background:rgba(255,255,255,.75)
}

.box_round {
	background:rgba(256,256,256,.95);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}

.box_round.w75 { 
	background:rgba(256,256,256,.75)
}

.box50 {
	width:444px;
	padding:10px;
	margin:12px 12px 0 0
}

.box_l{
	float:left
}

.box_r {
	float:right;
	margin-right:0
}

#fb-root_box{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center
}

#content section.formular form p.r,
footer p.r {
	text-align:right !important
}

/*
#fb_box {
	width:420px;
	margin:0 auto;
	border-bottom:4px solid #ff0
}

.fb-like-box,
.fb-like-box span,
.fb-like-box.fb_iframe_widget span iframe {
	width:100%!important
}
*/

#ani_mitte {
	margin:20px auto 0
}



/*### FOOTER START ###*/

footer {
	width:940px;
	margin:6px auto 0 auto
}

footer p {
	/*
	padding:4px 4px 12px
	*/
}

footer,
footer a { 
	color:#fff;
	/*
	text-decoration:none;
	*/
	text-decoration:1px dotted underline;
}

footer a:hover { 
	text-decoration:underline;
}

footer span.l {
	float:left
}

footer span.r,
footer p.fr {
	float:right
}

footer p.small {
	text-align:center;
	font-size:100%
}

footer div.spacer {
	margin:4px 0;
	display:block;
}

footer ul.linklist {
	list-style:none;
	float:left;
}
footer ul.linklist li {
	/* 
	display:inline-block;
	*/
	display:inline;
}

footer ul.linklist li.r {
	float:right;
}

footer ul.linklist li:after {content: " | " }
footer ul.linklist li.last:after {content: "" }


footer .bg,
footer .bg span {
	display:inline !important;
	padding:6px !important;
	background-color:rgba(0,0,0,.65) !important;
	border-radius: 4px !important;
}

footer div.socialmedia {
	text-align:center !important;
	width:auto;
	clear:both;
}

footer div.socialmedia p,
footer div.socialmedia ul {
	/*
	width:auto;
	*/
	display:inline-block !important;
	margin:0 auto !important;
	list-style:none;
}

footer div.socialmedia ul li {
	text-align:left;
}

footer div.socialmedia p a,
footer div.socialmedia li a {
	display:block;
	width:auto;
	margin-bottom:6px
}

footer div.socialmedia p a svg,
footer div.socialmedia li a svg {
	stroke:#fff;
	stroke-width:2;
	width:16px;
	height:16px;
}

footer div.socialmedia p a svg,
footer div.socialmedia p a img,
footer div.socialmedia li a svg {
	margin-right:6px;
	vertical-align:-3px;
	display:inline-block
}

footer div.socialmedia p a span.icon16 {
	margin-right:6px;
	vertical-align:-3px;
	display:inline-block
}


footer ul.links {
	display:inline-block !important;
	margin:6px auto 0 auto !important;
	list-style:none;
}

footer ul.links li {
	display:inline-block;
	line-height:260%;
	margin-right:4px;
}

/*
footer ul.links li:after {
	content: " | ";
	padding:6px;
	backgound:none;
}
footer ul.links li:first-child:after,
footer ul.links li:last-child:after {content: "" }
*/

footer ul.links li a {
	display:inline-block;
	padding:5px 2px;
}

/*### FOOTER ENDE ###*/











.mc-hide-scrolls { 
	overflow:hidden
}

body .mc-cycle {
	left:0;
	position:fixed;
	top:0;
	z-index:-1
}

div.mc-image {
	-webkit-transition:opacity 1s ease-in-out;
	-moz-transition:opacity 1s ease-in-out;
	-o-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat
}

.mc-old-browser .mc-image {
	overflow:hidden
}

#js_alert {
	font-size:160%;
	position:absolute;
	top:0;
	left:0;
	z-index:99999999999;
	display:block;
	width:96%;
	padding:2%;
	background-color:red;
	color:#fff
}













#content .boxen {
	display:block;
	clear:both;
	margin-bottom:20px
}

#content .boxen .box33 {
	float:left;
	width:calc(33% - 34px);
	padding:10px;
	margin:12px 6px;
	border:1px solid #000682;
	font-size:100%
}

#content .boxen p:last-child {
	margin-bottom:0
}

#content .boxen p.bottom {
	margin-bottom:12px
}

#content .boxen .preisbox {
	width:calc(33% - 14px);
	padding:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	position:relative
}

#content .boxen .preisbox p {
	padding-left:10px;
	padding-right:10px;
	text-align:center
}

#content .boxen .preisbox p.head {
	padding:10px;
	color:#fff;
	background-color:#000682;
	text-align:left
}

#content .boxen .preisbox p.preis strong,
#content .boxen .preisbox p.preis span.bold {
	font-size:140%;
	color:#0c8200;
	display:inline-block;
	margin-bottom:4px;
	margin-top:0
}

#content .boxen .preisbox .small {
	font-size:100%;
	margin-bottom:8px
}

#content .boxen .box50 {
	float:left;
	width:calc(50% - 34px);
	padding:10px;
	margin:12px 6px;
	border:1px solid #000682;
	font-size:110%
}

#content .boxen .box50_vergleich {
	float:left!important;
	width:calc(50% - 12px)!important;
	padding:0;
	margin:0 12px 12px 0;
	border:0 solid #000682;
	font-size:110%
}

#content .boxen .box50_vergleich:nth-child(even) {
	margin-right:0!important
}

#content .boxen .filmbox50 {
	float:left;
	width:calc(50% - 12px)!important;
	padding:0;
	margin:0 6px 12px;
	border:0 solid #000682;
	font-size:110%
}

#content .boxen .filmbox100 {
	float:none;
	width:calc(100% - 12px)!important;
	padding:0;
	margin:0 6px 12px;
	border:0 solid #000682;
	font-size:110%
}

#content .boxen .filmbox100 p:first-child {
	margin-top:0
}

#content .boxen .filmbox100 div {
	margin-bottom:2px
}

#content .boxen .filmbox50 p:first-child {
	margin-top:0
}

#content .boxen .filmbox50 div {
	margin-bottom:2px
}

#content .boxen .filmbox33 {
	float:left;
	width:calc(33% - 12px)!important;
	padding:0;
	margin:0 6px 12px;
	border:0 solid #000682;
	font-size:100%
}

#content .boxen .filmbox33 p:first-child {
	margin-top:4px
}

#content .boxen .filmbox33 div {
	margin-bottom:2px
}

#content .boxen .filmbox33 .font_130,
#content .boxen .filmbox50 .font_130,
#content .boxen .filmbox66 .font_130,
#content .boxen .filmbox100 .font_130 {
	font-size:120%!important
}

#content .flex-container .flexbox33 {
	width:calc(33.33% - 14px);
	display:flex;
	flex-flow:column nowrap;
	text-align:left;
	padding:0;
	margin-bottom:12px
}

#content .flex-container .flexbox33 h3 {
	margin-top:0
}

#content .flex-container .flexbox33 p {
	margin-bottom:0
}

#content .boxen.box_tv_produktion {
	background:#d8d8d8;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:10px;
	text-align:center;
	border:1px solid #fff
}

#content .boxen.box_tv_produktion .filmbox33 {
	float:left;
	width:calc(33.33% - 12px)!important;
	padding:0;
	margin:0 6px 6px;
	border:0 solid #000682;
	font-size:100%
}

#content .boxen.box_tv_produktion .filmbox33 p:first-child {
	margin-top:4px
}

#content .boxen.box_tv_produktion .filmbox33 img.responsive_pic1 {
	width:100%;
	height:auto
}

#content .no_space_top{margin-top:0!important}
#content .no_space_bottom{margin-bottom:0!important}
#content .space_top{margin-top:16px !important}
#content .space_bottom{margin-bottom:16px !important}

#content span.button,
#content strong.button {
	display:inline-block;
	margin-top:8px;
	padding:10px 10px 10px 50px;
	border:2px solid #0c8200;
	font-size:160%;
	background:rgba(12,130,0,.1) url(/gif/icons/phone.png) no-repeat 10px 10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	line-height:32px;
	color:#0c8200
}

#content strong.button.mail,
#content span.button.mail {
	background:rgba(12,130,0,0.1) url(/gif/icons/mail-form.png) no-repeat 10px 10px;
	margin-right:12px
}

#content span.button img.icon,
#content strong.button img.icon {
	float:left;
	margin:2px 8px 0 0
}

#content span.button a,
#content strong.button a {
	text-decoration:none;
	color:#0c8200;
	font-weight:700
}

#content a.bt {
	display:inline-block;
	margin-top:8px;
	padding:6px 10px;
	border:2px solid #0c8200;
	background:rgba(12,130,0,.1);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size:110%;
	line-height:130%;
	color:#0c8200;
	text-transform:uppercase;
	text-decoration:none
}

.seo2_bsp li {
	width:218px
}

.seo2_bsp li img {
	width:216px;
height:auto
}

#content .responsive_100 {
	width:100%;
	height:auto
}

#content .responsive_pic {
	width:auto;
	max-width:100%;
	height:auto
}

#content .flex-container {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	margin-bottom:20px
}

#content .flex-container .box33 {
	float:left;
	width:calc(33% - 34px);
	padding:10px;
	margin:12px 6px;
	border:1px solid #000682;
	font-size:110%
}

#content .flex-container p:last-child {
	margin-bottom:0
}

#content .flex-container .preisbox {
	width:calc(33.33% - 14px);
	display:flex;
	flex-flow:column nowrap;
	text-align:left;
	padding:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	position:relative
}

#content .flex-container p.bottom {
	margin-bottom:12px;
	margin-top:auto
}

#content .flex-container .preisbox p {
	padding-left:10px;
	padding-right:10px;
	text-align:center
}

#content .flex-container .preisbox p.head {
	padding:10px;
	color:#fff;
	background-color:#000682;
	text-align:left
}

#content .flex-container .preisbox p.preis strong,
#content .flex-container .preisbox p.preis span.bold {
	font-size:140%;
	color:#0c8200;
	display:inline-block;
	margin-bottom:4px;
	margin-top:0
}

#content .flex-container .preisbox .small {
	font-size:100%;
	margin-bottom:8px
}



#content div.box_aerial {
	display:inline-block;
	padding:10px;
	background-color:rgba(128,128,128,.25);
	color:#000;
	clear:none
}

#content div.box_aerial_top {
	width:calc(33% - 20px);
	margin:0 0 20px
}

#content div.box_aerial_bottom {
	width:calc(50%);
	margin:0 auto;
	text-align:center
}

#content div.box_aerial h2 {
	font-size:140%;
	margin-bottom:2px;
	clear:none
}

#content div.box_aerial p {
	margin-bottom:0;
	clear:none
}

#content div.box_l_66 {
	display:inline-block;
	float:left;
	width:calc(66% - 30px);
	margin:0 30px 20px 0;
	clear:none
}

#content div.box_l_33 {
	display:inline-block;
	float:left;
	width:calc(33% - 30px);
	margin:0 30px 20px 0;
	clear:none
}

#content div.box_r_66 {
	display:inline-block;
	float:left;
	width:calc(66% - 0px);
	margin:0 0 20px;
	clear:none
}

#content div.box_r_33 {
	display:inline-block;
	float:left;
	width:calc(33% - 0px);
	margin:0 0 20px;
	clear:none
}


.mc-hide-scrolls {
	overflow:hidden
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1
}

div.mc-image {
	-webkit-transition:opacity 1s ease-in-out;
	-moz-transition:opacity 1s ease-in-out;
	-o-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%
}

.mc-old-browser .mc-image {
	overflow:hidden
}

#content .link_button {
	width:auto;
	height:auto;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:6px;
	font-size:100%;
	color:rgba(76,76,72,.85);
	border:2px solid rgba(76,76,72,.85);
	background-color:#fff;
	-webkit-transition:color .4s ease-out,background-color .2s ease-in;
	transition:color .4s ease-out,background-color .2s ease-in
}

#content :hover.link_button,
#content a:hover.link_button {
	text-decoration:none;
	color:#fff!important;
	background-color:rgba(76,76,72,.85);
	padding:6px
}

#content :hover.link_button * {
	text-decoration:none;
	color:#fff!important
}

#content .link_button_small {
	width:auto;
	height:auto;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	font-size:90%;
	padding:6px;
	color:rgba(76,76,72,.85);
	border:1px solid rgba(76,76,72,.85);
	background-color:#fff;
	-webkit-transition:color .4s ease-out,background-color .2s ease-in;
	transition:color .4s ease-out,background-color .2s ease-in;
	font-weight:400!important
}

#content :hover.link_button_small,
#content a:hover.link_button_small {
	text-decoration:none;
	color:#fff!important;
	background-color:rgba(76,76,72,.85);
	padding:6px
}

#content :hover.link_button_small * {
	text-decoration:none;
	color:#fff!important
}











#content .accordion {
	display:block
}
#content .accordion .accordion-toggle {
	cursor:pointer
}
#content .accordion .accordion-content {
	display:none
}
#content .accordion .accordion-content.default {
	display:block
}
#content .accordion .accordion-toggle {
	margin:10px 0 6px;
	font-weight:700;
	color:rgba(0,6,130,1)
}

#content .accordion .accordion-toggle {
	margin-bottom:0;
	padding:8px;
	color:rgba(0,6,130,1);
	border:1px solid rgba(0,6,130,1);
	background:rgba(255,255,255,0);
	font-weight:400
}

#content .accordion .accordion-toggle span {
	width:16px;
	height:16px;
	display:block;
	float:left;
	margin:2px 8px 0 0;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-down' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23656565' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='18' y1='13' x2='12' y2='19' /%3E%3Cline x1='6' y1='13' x2='12' y2='19' /%3E%3C/svg%3E")!important;
	background-repeat:no-repeat no-repeat!important;
	background-position:0 1px !important;
	background-size:cover
}

#content .accordion .accordion-toggle.active span {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-up' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23656565' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='18' y1='11' x2='12' y2='5' /%3E%3Cline x1='6' y1='11' x2='12' y2='5' /%3E%3C/svg%3E")!important;
	background-repeat:no-repeat no-repeat!important;
	background-position:0 1px !important;
	background-size:cover
}

#content .accordion .accordion-content {
	margin:0;
	padding:0;
	color:rgba(0,6,130,1);
	font-weight:400
}

#content .accordion .accordion-content {
	padding:10px 10px 10px 32px;
	color:rgba(0,0,0,1);
	border:1px solid rgba(0,6,130,1);
	border-top:none
}

#content .accordion .accordion-toggle:first-child {
	margin-top:0
}

#content .accordion .accordion-toggle:last-child,
#content .accordion .accordion-content:last-child {
	margin-bottom:0
}

#content .accordion .accordion-content p:first-child,
#content .accordion .accordion-content ol:first-child,
#content .accordion .accordion-content ul:first-child,
#content .accordion .accordion-content li:first-child {
	margin-top:0
}

#content .accordion .accordion-content p:last-child,
#content .accordion .accordion-content ol:last-child,
#content .accordion .accordion-content ul:last-child,
#content .accordion .accordion-content li:last-child {
	margin-bottom:0
}

#content .accordion .accordion-content ol,
#content .accordion .accordion-content ul {
	margin-left:14px
}

.bold {
	font-weight:600!important
}



#content div.small_center.w480 {
	width: 100% !important;
	max-width: 480px !important;
}

#content div.small_center {
	width: 60%;
	max-width: 320px !important;
	display: block;
	margin: 0 auto;
	text-align: left;
}

#content div.small_center.w480 figure.pic, 
#content div.small_center.w480 figure.pic img, 
#content div.small_center.w480 figure.pic video, 
#content div.small_center.w480 figure.pic a.img_link {
	width: 100%;
	max-width: 480px !important;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#content div.small_center figure.pic {
	width: 100%;
	max-width: 320px;
	height: auto;
	display: table;
	clear: both;
	margin: 12px auto 24px auto !important;
}



#content figcaption {
	font-size: 130%;
	line-height: 140%;
	margin: 2px 0 4px 0;
	margin-bottom: 4px;
}

#content div.small_center figure.pic figcaption {
	width: 100%;
	text-align: center;
}

footer p.small.links a {
	display:inline-block;
	padding:6px 2px;
}