body, 
b, i, span, h1, h2, h3, h4, h5, h6, p,
address, 
img,
ol, ul, li,
fieldset, form,
label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, menu, nav, section {
  background: transparent;
  border: 0;
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
}
article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

img {
  max-width: 100%;
  vertical-align: bottom;		/* damit das Bild unten keinen Rand hat */
}

iframe {
  max-width: 100%;
}

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 100%;

	color: #333;

	/* Footer auch bei weinig Text immer unten */
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}

main {
	/* Footer auch bei weinig Text immer unten */
	flex: auto;
}

a:active, a:focus {
	outline: none;
}

h1, h2 {
	font-size: 150%;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 1em;
}

h3 {
	font-size: 120%;
	margin-bottom: 1em;
}

h4 {
	font-size: 100%;
	margin-bottom: 1em;
}

textarea {
	resize: vertical;
}


/* einspaltiger, zentrierter Text */
.col-1 {
	padding: 0 1em;
}



/*** Header-Bereich ***************************************************************/

header {
	position: relative;
	margin: 1em 0;
}

header a {
	color: inherit;
	text-decoration: none;
}

header a:hover {
	color: #666;
}

header img {
	max-width: 45%;
	margin-top: .5em;
}


#navLanguage {
	float: right;
	text-align: right;
}



#navLanguage ul {
	float: right;
}

#navLanguage li {
	margin-left:  1.5em;
	float: left;
	position: relative;
}

#navLanguage a {
	display: inline;
	padding: 0;
}

.language-default {
	display: none;
}

.language-mobile {
	display: inline-block;
}


header .navMain {
	width: 100%;
	margin-top: 1.8em;
	clear: both;
	display: none;
}

header .navMain ul {
	width: inherit;
}

header .navMain li {
	border-top: 1px solid #ccc;
}

header .navMain a {
	display: block;
	padding: .8em;
}

header .navMain ul.top-nav>li>a {
/*	font-weight: bold; */
}

header .navMain ul.sub-nav>li a {
	padding-left: 2em;
}

#databaseHeadline {
	display:inline-block;
	color:#999;
	font-size:120%;
	padding-top:1em;
	margin-left: .5em;
}

/**** Mobile Navigation Item ***********************************************************/
#mobileNavIcon {
	clear: both;
	float: right;
	padding: 0;
	width: 17%;
	display: block;
	text-align: right;
	margin: 1em 0; 
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
	background: url("../bg_menu_open.png") 100% 50% no-repeat;
}

#showMenu {
	display: none; 
}

#showMenu:checked ~ nav {
	display: block;
}

#showMenu:checked ~ label {
	background:  url("../bg_menu_close.png") 100% 50% no-repeat;
}

/**** ENDE: Mobile Navigation Item ***********************************************************/


/*** END: Header-Bereich ***************************************************************/


/*** Content-Bereich ***************************************************************/

section, .section {
	clear: both;
	margin-bottom: 4em;
}

section a, .section a, #detailImage figcaption a, #modal-box-content a {
	color: #0494dc;
	text-decoration: none;
}

.content-list {
	margin: 0 2em 2em;
}

.content-list li {
	line-height: 1.8em;
	list-style: disc inside;
}

.without-bullet li {
	list-style: none;
}

.content-list li a {
	line-height: 2.5em;
}

/* Breite 100% */
.w-100 {
	width: 100%;
	background: #ccc;
}

.w-50 {
	float: none;
}

.content-center {
	text-align: center;
}

.content-2-cols, .content-3-cols, .content-4-cols, .content-preview-cols {
	padding: 0 1em;
	margin-bottom: 1.5em;
}

.content-search-cols {
	padding: 0 1em;
	margin-bottom: 1.5em;
}

.wrap-3-cols, .wrap-4-cols {
	clear: both;
}

.wrap-preview-cols, .wrap-search-cols {
	padding: .5em 0; 
	background:  #f0f0f0;
}

.image-list-item {
	text-align: center;
}



section p, .section p, #modal-box-content p {
	margin-bottom: 1em;
	line-height: 1.5em;
}

figure {
	position: relative;
}
figcaption {
	position: absolute;
	padding: 0em .8em;
	box-sizing: border-box;
	width: 100%;
	background: white;
	background: linear-gradient(to bottom right,hsla(120, 100%, 100%, 1),hsla(120, 100%, 100%, .5));
}

figcaption a, .slides figcaption a, .section figcaption a  {
	color: black;
}

.img-left {
}

.img-right {
}

.align-right {
	text-align: center;
}

.lazy {display:none;}

.archiv figcaption {
	bottom: 0px;
/*	background: linear-gradient(to bottom right,hsla(360, 100%, 100%, 1),hsla(360, 100%, 100%, .5));  */
	font-size: 110%;
}

.media figcaption {
	font-size: 110%;
	background: transparent;
	margin-top: .4em;
	position: relative;
}

.media {
	margin-bottom: 4em;
}


/** Breite fuer figcaption = Bildbreite */
.content-preview-cols figure {
	max-width: 500px;
/*	max-width: min-content; */
	margin: auto;
}

.content-search-cols figure {
	max-width: 1200px;
	margin: auto;
}

.image-list-item {
	display: inline-block;
	position: relative;
}


.image-list-item figure > img {
	max-width: inherit;
}

.image-list-item figcaption {
	display: none;
	padding: 0;
	font-size: 70%;
	bottom: 0;
/*	background: linear-gradient(to bottom right,hsla(360, 100%, 100%, 1),hsla(360, 100%, 100%, .5)); */
	z-index: 100;
/*	border: 1px solid #666; */
}

/* auf google maps*/
#vorlagePreviewImage {display:none;}
.vorlage-preview-image-item {
/*	width: 100%; */
}

#mapSearch {
	width: 100%;
	height: 350px;
}
/* end: auf google maps*/

.vorlage-preview-image-item  .image-list-item figcaption {
	font-size: 100%;
}

.image-list-item figcaption a.link-img-description, .image-list-item figcaption span.link-img-description {
	display: block;
	margin: .5em;
}
/* 20.11.2020 */
.image-list-item figure a.cursor-default {
	 cursor: default;
}

.image-list-item figure.no-link figcaption {
	padding-bottom: 3.5em;
	background: transparent;
}

.image-list-item .hint-only-usage, .hint-only-usage {
	text-align: center;
	font-weight: bold;
	margin: 2em ;
}

#detailImage figcaption.usage-restriction {
	top: 0;
	z-index: 100;
	position: absolute;
	background: transparent;
	padding-top: 4em;
}
/* END: 20.11.2020 */

.wrap-img-icons {
	padding: .2em;
	background: white;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	border-top: 0;
	text-align: center;
}

.img-icon {
	margin-right: .8em;
	cursor: pointer;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: white  50% 50% no-repeat;
	background-size: 80% auto;
}

.img-icon-lightbox-add {
	background-image: url('../icon-lightbox-add.png');
}

.img-icon-lightbox-remove {
	background-image: url('../icon-lightbox-remove.png');
}

.img-icon-info {
	background-image: url('../icon-info.png');
}

.img-icon-download {
	background-image: url('../icon-download.png');
}


.content-preview-cols figcaption a.show-preview {
	display: block;
	margin: 1em 2em .5em;
	padding: .5em;
	border: 1px solid #cfcfcf;
}

.button, .section .button { 
	padding: .5em 1em;
	border: 1px solid #096089;
	font-weight: bold;
	background: #0494dc;
	text-decoration: none;
	color: #fff;
}

.button-top-right {
	float: right;
	margin: 1.8em 3em;
}

#buttonCurrentImages {
	margin: .5em;
}

.phone, .section .phone, .email, .section .email {
	display: inline-block;
	padding: 1em 0;
}

.link-pwd {
	display: block;
}


input:placeholder-shown {
	color: #999;
}

.kategorien {
	text-align: center;
}
.kategorien h3 {
	font-size: 100%;
	margin-bottom: 1em;
}

.kategorien li {
}

.kategorien li a {
	display: block;
	padding: .5em 0;
}




/** Suchformular ***********************************/

#sectionSearch {
	background: #f0f0f0;
	margin: 0;
	transform: translate3d(0,0,0);		/* damit das Suchfeld unter iOS beim Scrollen am oberen Rand befestigt wird */
	z-index: 1000;	/* 23.10.2018 */
}

#sectionSearch form {
	margin: 1.5em 0; 
}

/* 23.10.2018 */
#searchLogo, #searchWrapLogo {
	display: none;
}

/* 23.10.2018 */
#searchArea {
	width: 100%;
	padding: 0 0 1em;
	float:left;
}
#searchFields {
	float: left;
	border: 1px solid #ccc;
	display: inline-block;
	background: white;
	padding: .5em 0;
	width: 78%;
	margin-right: 1em;
}

#searchFilter {
	margin-top: .6em;
	position: relative;
	display: block;
	background: white url("../bg_arrow_open.png") 95% 1em no-repeat;
	cursor: pointer;
	padding: .8em 1em .3em;
	border-top: 4px solid #f0f0f0;
}

#searchFilter.opened {
	background-image:  url("../bg_arrow_close.png");
}

#searchFilterSelection {
	margin-top: .9em;
	left: 0;
	position: absolute;
	width: 8em;
	background: white;
	border: 1px solid #ccc;
	border-top: none;
	padding: .5em 1em;
	display:none;
}
#searchFilterSelection li {
	line-height: 3em;
	cursor: pointer;
}

#searchFilterSelection li.checked {
	color: #0494dc;
}

#sectionSearch input[type=text] {
	padding:  .5em;
/*	padding: 0 .5em;
	height: 38px; */
	border: none;
/*	border: 1px solid #ccc; 
	border-color: white; */	/* 23.10.2018 */
	font-family: inherit;
}

/* 23.10.2018 */
#searchButton {
	padding: 1.15em 1.6em;
	background: #0494dc url("../lupe.png") 50% 50% no-repeat;
	border: 1px solid #0594dc;
	cursor: pointer;
}

#searchCity {
	/* width: 10.71%; */	/** bezogen auf 1903px */
	width: 23%;
}

#searchTerm {
/*	width: 26.27%; */	/** bezogen auf 1903px */
/*	width: 55%;	mit Ort-Feld */

	width: 90%;	/* 23.10.2018 */
}

#sectionSearch.fixed {
	position: fixed;
	top: 0;
	width: 100%; 
	margin:0;
	z-index: 1000;
}

#sectionSearch + main>section:first-of-type h1  {
	margin-top: 4em;

}

/* Reset Search */
#searchFields {
  position: relative;
}
#searchFields #searchTerm {
  padding-right: 20px;
  box-sizing: border-box;
}
#searchFields #searchTerm:placeholder-shown~button {
  opacity: 0;
  pointer-events: none;
}
#searchFields button {
  position: absolute;
  border: none;
  display: block;
  width: 18px;
  height: 18px;
  font-size: 14px;
  border-radius: 50%;
  top: 15px;
  margin: 0;
  background: #ddd;
  padding: 0;
  outline: none;
  cursor: pointer;
  transition: .1s;
}

#searchFields #searchTerm ~ button { left: 90%; }
/* ENDE: Reset Search */

#searchTerm, #searchTerm {
	outline: none;
}
/** END: Suchformular ******************************/

/* 9.2.2023 */
/** Filter-Suchformular ******************************/
#searchResultsHeader {
	margin-left: .5em;
	box-sizing: border-box;
}
#searchResultsHeader nav, #searchResultsHeader div {
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}
#search-tab-content {
	float:left;
}
#tabFilter:checked ~ nav .tab-nav, #search-tab-content > div.tab-content {
	background: #cfcfcf;
}
#search-tab-content > div.tab-content {
	padding: 1em 0 0 1em;
	float:left;
	margin-bottom: 1em;
}
#searchResultsHeader > input.tab-check, #search-tab-content > div.tab-content { 
	display: none; 
}

#searchResultsHeader > nav > label {
	text-align: left;
	padding: 1em 3em 1em 1em;
	display: inline-block;
	position: relative;
	font-weight: bold;
}
#searchResultsHeader > nav > label .arrow {
	border: solid #0594dc;
  	border-width: 0 2px 2px 0;
	display: inline-block;
  	padding: 4px;
	margin-right: 1em;
	transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
	position: absolute;
	top: 35%;
	right: 0;
}
#searchResultsHeader > .tab-check:checked ~ nav label .arrow {
	transform: rotate(-135deg);
      	-webkit-transform: rotate(-135deg);
	top: 45%;
}
#searchResultsHeader label.pointer {
	cursor: pointer;
}

#tabFilter:checked ~ div .tab-filter { display: block; }

#search-tab-content form {
	width: 100%;
}

#search-tab-content fieldset {
	margin-top: 1em;
}

#search-tab-content form label {
	display: inline; /* damit Checkbox und Label in einer Reihe bleiben */
}

#search-tab-content fieldset .row {
	margin-bottom: .5em;
}
#search-tab-content fieldset .row label {
	margin-left: .75em;
}


#search-tab-content fieldset#wrapSearchFilterButtons {
	display: block;
	width: 100%;
}

#wrapSearchFilterButtons .button {
	margin-right: 2em;
}
/** END: Filter-Suchformular ******************************/
/* 9.2.2023 */


/** Slider **************************************************************************/

#sectionSlider {
	text-align: center;
}

/** Flex Slider anpassen ***********************************/
.flex-direction-nav a {
	background: #ccc;
	height: 1.7em;
	width: 2em;
}

.flex-direction-nav {
}

.flex-direction-nav .flex-next {
	text-align: left;
	
}

.flex-direction-nav a::before {
	color: #0494dc;
	margin: 0;
	font-size: 1.5em;
}

.flex-direction-nav a.flex-next::before {
	margin-left: .4em;
}



.flexslider {
/*	margin:0 0 2em 0; */
	margin:0;
	max-width: 100%;
	position: relative;
	padding:0;
	overflow: hidden;
	border: 0;
}

.slides {
	position: relative;
}
.slides li {
	position: relative;
}

.flexslider .slides figure {
	overflow: hidden;
}

.flexslider .slides img {
/*	max-width: none; width: 1235px; height: 300px; margin: 0 -200px;*/
/*	max-width: none; width: 1029px; height: 250px; margin: 0 -200px; */
	max-width: none;
       	width: 1029px;
	height: 250px; 
	margin: 0 -200px;
}

.slides figcaption, .img-top figcaption {
/*	background: linear-gradient(to bottom right,hsla(360, 100%, 100%, 1),hsla(360, 100%, 100%, .5)); */
	bottom: 0;
	text-align: left;
}

.img-top figcaption {
	text-align: right;
}

.slider-figcaption-left {
	display: none;
}

.slider-figcaption-author {
	display: block;
}


.flex-caption {
	
	position: absolute;
      	width: 96%; 
      	padding: .3em 2%; 
      	left: 0;
      	bottom: 0;
      	background: rgba(255, 255,255,0.8);
      	color: #000;
      	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
      	font-size: .9em;
      	z-index:1000;
}

.flex-caption span {
	font-size: .6em;
      	font-weight: normal;
	opacity: 1;
}

.loading {
	background: transparent;
	min-height:400px;
      	z-index:1;
}

/** ENDE: Flex Slider anpassen ***********************************/

/** ENDE: Slider **************************************************************************/



/**** Formulare **********************************************/
main form, #modal-box-content form, #modal-box-content h1 {
	margin-top: 3em;
	width: 90%;
	margin: 0 auto;
}
main form label, #modal-box-content form label {
	text-align: left;
	display: inline-block;
}

main form .wrapMessage {height:0.5px;overflow:hidden;}

main form p, #modal-box-content form p {
	text-align: left;
}

main input[type=text],main input[type=password],main input[type=email], main input[type=submit], main textarea, main select, #modal-box-content input[type=text], #modal-box-content input[type=password], #modal-box-content input[type=email], #modal-box-content input[type=submit], #modal-box-content textarea {
	margin-bottom: 2em;
	font: inherit;
}

main select {
	padding: .4em;
	padding-right: 4em;
	border: 1px solid #ccc;
}

main input[type=text],main input[type=password],main input[type=email], main textarea, #modal-box-content input[type=text], #modal-box-content input[type=password], #modal-box-content input[type=email], #modal-box-content textarea {
	padding: .5em;
	border: 1px solid #ccc;
}

main input[type=text],main input[type=password],main input[type=email], main textarea, main form label, #modal-box-content form label, #modal-box-content input[type=text], #modal-box-content input[type=password], #modal-box-content input[type=email], #modal-box-content textarea {
	width: 98%;
}

main form.in-one-row label {
	margin-top: 2em;
	font-style: italic;
}

main textarea, #modal-box-content textarea {
	height: 10em;
}


main input.error,main select.error, main textarea.error, #modal-box-content input.error {
	background: #fff3f3;
	border: 1px solid #f00;
}

/**** ENDE: Formulare **********************************************/


/** Suchergebnisse *************************************/
.wrap-search-cols p {
	text-align: left;
	margin: 1em;
}
.wrap-search-cols p.detail-info {
	text-align: justify;
}
.video-icon {
	position:absolute;
	top:0;
	right:0;
	opacity: .8;
	width: 40px;
	height: 40px;
	background: white url('../icon-video.png') 50% 50% no-repeat;
	background-size: 70% auto;
	z-index: 100;
	display:block;
	cursor: default;
}

/* 3.3.2022 */
.wrap-copy-id {
	margin:0;
	padding:0;
	text-align:center;
}
.link-copy-id {
	display:inline-block;
	padding: 0 20px;
	height:15px;
	background: transparent url(../icon-copy.png) 100% 50% no-repeat;
}
.search-qty-text .link-copy-id {
	padding-left: 0;
}

.search-qty-text span.msg-copy-id {
	font-weight: 85%;
	margin-left: 1.5em;
}

.input-copy-id {
	opacity: 0;
	position: absolute;
	left: -999999px;
}
.wrap-search-cols p.msg-copy-id {
	margin: 0;
	padding: 0;
	text-align: center;
}
/* 3.3.2022 */

/* 4.4.2023 */
.wrap-copy-id {
	clear:both;
}
.link-copy-description {
	cursor: pointer;
	display:inline-block;
	margin-top: .1em;
	padding: 0 1em;
	height:15px;
	background: transparent url(../icon-copy-text.png) 100% 50% no-repeat;
}
.input-copy-description {
	opacity: 0;
	position: absolute;
	left: -999999px;
}
.wrap-search-cols p.msg-copy-description  {
	margin-bottom: .5em;
}
/* 4.4.2023 */

main input[type="text"].pagenav-input {
	width: 2.5em;
	text-align: center;
}


/** Ende: Suchergebnisse *************************************/

/** Detailseite *************************************/

.wrap-details {
	margin: 0 2em 4em;
}

#detailLeft {
	margin-bottom: 2em;
}

#detailRight {
	margin-bottom: 4em;
}

.wrap-details h1, .wrap-details h2{
	text-align: left;
	margin-bottom: 2em;
}
.wrap-details h1{
	font-size: 125%;
}

.wrap-details h2{
	font-size: 100%;
}

#detailImage figcaption {
	position: relative;
}

#detailImage figcaption a {
	display: inline-block;
	padding: 1em;
	cursor: pointer;
}

.detail-similiar {
	display: inline-block;
	line-height: 2em;
}

.nav-back_prev {
	float: right;
}
.nav-back_prev a {
	margin-left: .8em;
	font-size: 130%;
}

.detail-info {
	clear: both;
	margin-bottom: 2em;
	text-align: justify;
}

#detailWrapLinklist a.button { 
	display: block;
	margin: .5em 0;
/*	background: lightgrey; */
/*	border-color: #666; */
/*	color: #666; */
	/*
	padding: .5em;
	*/
}

#detailWrapLinklist {
	width: 100%;
	margin-top: 3em;
}

#detailWrapLinklist a.detail-email { 
	margin-top: 1.5em;
}

#detailWrapLinklist a.detail-shop { 
/*	margin-bottom: 1.5em; */
}
#detailWrapLinklist a.detail-lightbox { 
/*	margin-top: 1.5em; */
}

#detailWrapLinklist a.detail-download { 
/*	margin-bottom: 1.5em; */
}

#detailWrapLinklist a.detail-download-layout { 
	margin-top: 1.5em; 
}
#detailWrapLinklist a.button-dark:first-of-type  {
	margin-top: 1.5em;
}

#detailWrapLinklist a.button-dark  { 
	background: lightgrey; 
	border-color: #666; 
	color: #666; 
}

#detailBottom {
	margin-bottom: 2em;
}

#detailBottom ul {
	margin-bottom: 2em;
}

a.button-light,#listKeywords a.button-light   { 
	display: block;
	background: #f0f0f0; 
	border-color: #666; 
	color: #666; 
	margin-bottom: .8em;
}

#listKeywords a.button-light, .section .pagenav a  {
	font-weight: normal;
}

.pagenav a  {
	display: inline-block;
	margin-right: .5em;
}

.label-desktop {
	display: none;
}

#listGoogleMeta a {
	display: inline-block;
	padding: .5em 0;
}

#metadataInfo {
	background: lightgrey;
	padding: .5em;
	display: none;
}
#metadataInfo p {
	margin-top: 1.5em;
}
#metadataInfo label {
	display: block;
	font-style: italic;
}
#metadataInfo label + *{
	margin-bottom: .5em;
}
#metadataInfo span {
	clear: left;
	display: block;
}

.wrap-youtube-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.wrap-youtube-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.container-detail {
	clear: both;
	display: none; 
}
.content-center .container-detail {	/* exists after loading into container */
	text-align: left;
}
.container-detail #detailImage figcaption {
/*	display: none; */
	background: transparent;
}
.container-detail #detailImage .detail-similiar {
	visibility: hidden;
	opacity: 0;
}
.container-detail #detailImage p.nav-back_prev {
	margin: 0;
}
.container-detail #detailWrapLinklist .detail-print {
	display: none;
}
label.close-container-detail {
	display: block;
	text-align: right;
	font-size: 160%;
	font-weight: bold;
	margin-right: 2em;
}

.action-close-container-detail {
	display:none;
}

.current-detail-image {
	border-bottom: .5em solid #0594dc;
}
.html-holder-detail {
	display: none;
}
.detail-page-loader {
	margin: 0 5em 3em;
}


.container-detail #detailBottom {

	margin-bottom: 0;
}
.container-detail .wrap-details {

	margin-bottom: .5em;
}
/** ENDE: Detailseite *************************************/

/** Social Icons **********************************************/

#wrapSocialIcons {
	margin-top: 5em;
/*	padding-top: .5em;
	border-top: 1px solid #ccc; */
}

#wrapSocialIcons a {
	color: white;
}

.social-icon {
	display: block;
	margin: 0;
	margin-bottom: .9em;
	padding: .5em;
	padding-left: 45px;
	background: transparent  0 50% no-repeat;
	width: 8em;
}

#socialIconFacebook {
	background-image: url("../icon-facebook.png");
	background-color: #3b579d;
}

#socialIconTwitter {
	background-image: url("../icon-twitter.png");
	background-color: #55acee;
}

#socialIconGooglePlus {
	background-image: url("../icon-google-plus.png");
	background-color: #de5549;
}
/** ENDE: Social Icons **********************************************/

/** E-Mail Items *******************************************/
.email-item {
	margin-bottom: 2em;
}


/** ENDE: E-Mail Items *************************************/


/** Seiten Partner-Agenturen, Referenzen *****************************************/

#partneragenturen li {
	line-height: 2.5em;
}
#referenzen a  {
	display: block;
	padding: .5em 0;
}
/** ENDE: Seiten Partner-Agenturen, Referenzen *****************************************/


/** Seite Luftbild-Autoren *****************************************/
#luftbild-fotografen span {
	display: inline-block;
	padding: .5em;
}
#luftbild-fotografen span.luftbild-autor-name {
	width: 50%;
	text-align: left;
}
#luftbild-fotografen span.luftbild-autor-anzahl {
	text-align: right;
	width: 30%;
}

.aufzaehlung li {
	clear: both;
}

.aufzaehlung ul>li:nth-child(even)  {
	background: #f0f0f0;
}

.aufzaehlung li:hover,.aufzaehlung ul>li:nth-child(even):hover {
	background: #ccc;
}

/** ENDE: Seite Luftbild-Autoren *****************************************/


/** Warteschleife *************************************************/
#warteschleife {
	display: none;
	text-align: center;
	margin: 0 auto;
	padding: 1em;
	border: 2px double #ff0000;
	width: 70%;
	font-weight: bold;
}

#warteschleife p {
	font-size: 100%;
}
/** ENDE: Warteschleife *******************************************/

#sectionRequest, #sectionMap {	/* auf google maps */
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background:  #f0f0f0;
	padding-top: 1em;
	padding-bottom: 1em;
}

#sectionRequest, #sectionMap {
	position: relative;
	background: transparent;
}

#sectionRequest {
	/*background: #ccc url("../bg_request.jpg") center 0 no-repeat;*/
	background: #f0f0f0;
}
#sectionMap {
	background: #ccc url("../bg_karte.jpg") center 0 no-repeat;
}

#copyrightMap {
	position: absolute;
	bottom: .5em;
	right: .5em;
	font-size: 70%;
}

/* Adress auf Impressum-Seite */

.address p {
	margin-bottom: 2em;
}
.address label {
	display: block;
	margin: 1.2em 0 .3em;
}

.qr-code {
	display: none;
}

.link-media {
	color: inherit;
	font-size: 110%;
	margin-top: .4em;
}
.small {
	font-size: 75%;
	margin: 0;
}


.bold {
	font-weight: bold;
}

.msg {
	font-weight: bold;
	color: #f00;
}

.msg-normal {
	color: #f00;
}
.msg-restriction {
	color: #939393;
}

/* auch in Vorschauansicht der show_preview in Suchergebnissen */
.justify {
	text-align: justify !important;
}

span.error,p.error {
	color: #c00;
}

.msgHiddenText {
	display: none;
}

/*** END: Content-Bereich ***************************************************************/


/** Footer ***********************************************/

footer {
	clear: both;
	background: #666;
	font-size: 90%;
	color: white;
}

/* padding-right, padding-left sind def. durch Klasse col-1 */
.footer {
	padding-top: 1em;
	padding-bottom: 1em;
}

footer a {
	color: inherit;
	text-decoration: none;
}

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

footer nav {
}

footer .navMain {
	width: 100%;
	text-align: center;
	margin-bottom: 4em;
}

footer .navMain ul {
}

footer .navMain li {
	font-weight: bold;
}

footer .navMain li a {
	display: block;
	padding:   1.3em 0;
}
footer .navMain>ul>li>a {
	text-transform: uppercase;
}
footer .navMain li ul {

}
footer .navMain li li {
	font-weight: normal;
}

footer nav.legal-nav {
	text-align: center;
}

footer nav.legal-nav a {
	display: inline-block;
	margin: 0 .5em;
}

address {
	font-style: normal;
	text-align: center; 
	margin-bottom: 2em;
}

address ul {
	margin-bottom: 2em; 
}

#social {
	text-align: center; 
	margin: 3em 0 1em;
}
#social a {
	display: inline-block;
	margin-right: 14px;
	width: 29px;
	height: 29px;
}

#instagram {
	background: url("../icon_instagram.png") 50% 50% no-repeat transparent;
	background-size: 75% auto;
}

#instagram:hover {
	background-image: url("../icon_instagram_gray.png");
}
/** END: Footer ***********************************************/

/** Cookie Hinweis **********************************************************/
#cookie {
	position:fixed;
	bottom:0;
	width:100%;
	border-top: 1px solid #666;
	z-index:2000;
	padding: 1em 1em;
	display: none;
	background: #f0f0f0;
}
#cookie p {margin-bottom: .5em;}
#cookie a { color: #0494dc;text-decoration: none; }

#cookie button {
/*	float: right; */
	width: auto;
	margin-top: 0;
	padding: .5em 1em;
	font-size: 100%;
	font-weight: bold;
	background: #0494dc;
	color: #fff;
	border: 1px solid #096089;
	padding: .5em;
	cursor: pointer;
}

#cookie a#linkDenyCookie {
	background: transparent;
	color: #0494dc;
/*	border: 1px solid #0494dc; */
	text-decoration: none;
	margin-left: 2em;
}

#cookieText, #cookieButtons {
	width: 98%;
	float: none;
	text-align: center;
}

/** ENDE: Cookie Hinweis ******************************************************/


/** Modal Box ****************************************************/
#modal-box-overlay {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: rgb(119,119,119);
	opacity: 0.7;
	cursor: pointer;
	z-index: 1200;
}

#modal-box-wrap {
	position: absolute;
	background: transparent;
	padding: 1.5em;
	z-index: 1201;
	box-sizing: border-box;
	width: 100%;
}

#modal-box-content {
	position: relative;
	background: white;
	height: auto;
	padding: .8em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
	box-sizing: border-box;
}

#modal-box-content h1 {
	font-size: 120%;
	text-align: left;
	margin-bottom: 1.5em;
}

#modal-box-close {
	display: inline-block;
	position: absolute;
	top: .5em;
	right: .5em;
	width: 30px;
	height: 30px;
	background: transparent url('../icon-modal-box-close.png') 50% 50% no-repeat;
	background-size: 100% auto;
	z-index: 1202;
	cursor: pointer;
}
/** ENDE: Modal Box ************************************************/


.cleaner {
	clear: both;
}


/* ab 450px ******************************************/
@media only screen and (min-width: 500px) 
{
/*	header img {*/
	.img-logo {
		max-width: 200px;
		margin-top: 0;
	}

	.language-default {
		display: inline-block;
	}

	.language-mobile {
		display: none;
	}

	/* vierspaltig wird zu zweispaltig */
	.content-4-cols {
		float: left;
		width: 46.2962963%;
		margin: 0 1.851851852% 2em;
		padding: 0;
	}
	/* Umbruch nach jeder vierten Spalte ******************/
	.wrap-4-cols .content-4-cols:nth-child(4n+1) {
		clear: left;
	}

	.kategorien li {
		line-height: 1.5em;
	}
	.kategorien li a {
		display: inline;
		padding: 0;
	}

	.qr-code {
		display: inline;
	}

	.w-50 {
		float: left;
		width: 50%;
	}

	.img-left {
		float: left;
		margin-right: 2em;
	}

	.img-right {
		float: right;
		margin-left: 2em;
	}

	.phone, .section .phone, .email, .section .email {
		display: inline;
		padding: 0;
	}
	
	.phone, .section .phone {
		color: inherit;
		cursor: default;
	}

	.phone:hover, .section .phone:hover {
		text-decoration: none;
	}

	.link-pwd {
		display: inline-block;
		margin-left: 3em;
	}

	.slider-figcaption-author {
		display: inline;
	}

	#modal-box-wrap {
		width: 480px;
	}

}

/* ab 700px ******************************************/
@media only screen and (min-width: 700px) 
{
	#search-tab-content fieldset.search-filter {
		float:left;
		margin-right: 3em;
		margin-top: 0;
	}

	footer .navMain {
		text-align: left;
	}

	footer .navMain>ul {
		display: flex;
		justify-content: space-between;
	}

	footer .navMain li {
		margin-right: 1.5em;
		display: inline-block;
		vertical-align: top;
		font-weight: bold;
	}

	footer .navMain>ul>li>a {
		text-transform: none;
	}

	footer .navMain li a {
		display: inline-block;
		padding:  0;
	}

	footer .navMain li ul {
		margin-top: .8em;
	}
	footer .navMain li li {
		float: none;
		display: block;
		font-weight: normal;
		line-height: 1.5em;
	}

	address ul {
		margin-bottom: 0; 
	}

	address ul li {
		display: inline-block;
		padding: 0 10px;
		border-right: 1px solid #fff;
		margin-bottom: .7em;
		line-height: 1em;
	}

	address ul li:last-of-type {
    		border: none;
	}
}

@media only screen and (min-width: 700px) 
{
	#mobileNavIcon {
		display: none;
	}

	header .navMain {
		display: block;
		text-align: center;
	}
	header .navMain>ul {
		display: flex;
		justify-content: space-between;
	}

	header .navMain ul li:hover > ul {
    		visibility:visible;
    		opacity:1;
	}

	header .navMain ul>li {
		position: relative;
		border-top: 0;
	}

	header .navMain a {
		display: inline;
		padding: 0;
	}

	header .navMain ul.top-nav>li>a {
/*		font-weight: normal; */
	}


	header .navMain ul.sub-nav {
		position: absolute;
	/*	display: none; */
		visibility:hidden;
    		opacity:0;

		left: 0;
		top: 100%;
		z-index: 1001;
		white-space:nowrap;
		clear: both;
		background: white;
		text-align: left;
		padding: 1em;
		padding-right: 4em;
	}

	header .navMain ul.sub-nav>li {
		clear: both;
		line-height: 2em;
	}

	header .navMain ul.sub-nav>li a {
		padding-left: 0;
	}

	#mainNavTopLogin, #mainNavTopLogout {
		border-left: 1px solid #ccc;
		padding-left: 1.5em;
	}

	#mainNavTopLogin a {
		font-weight: bold;
		color: #0494dc;
	}

	

	/* 23.10.2018 */
	#searchArea {
		float: none;
		margin-top: 1em;
		width: 68%;
		display: inline-block;
		padding: 0;
	}

	#searchFields {
		margin-right: 0;
		float: none;
		width: 87%;
	}


	#searchFilter {
		border-top: 0;
		border-left: 1px solid #ccc;
		display: inline-block;
		background-position: 80% 50%;
		cursor: pointer;
		float: right;
		/*
		padding: .3em 3em .3em 1em;
		margin-right: 1em;
		*/

		padding: .3em 3em .3em 1em;
		margin-top: 0;
	}


	#searchFilterSelection {
		margin-top: 1em;
	}
	#searchFilterSelection li {
		line-height: 2em;
	}

	
	#searchTerm {
		width: 60%;	/* 23.10.2018 */
	}

	#sectionSearch form {
		margin-top: 0;
	}

	/* 23.10.2018 */
	#searchWrapLogo {
		display: inline;
		float:left;
	}

	#searchLogo {
		display: inline;
		margin-right: 2em;
		visibility: hidden;
		opacity: 0;
		transition: all ease-out .0s;
	}

	#sectionSearch.fixed  #searchLogo {
		visibility: visible;
		opacity: 1;
		transition: all ease-in .6s;

/*		display: inline;
		margin-right: 1em;
		*/
	}


	#detailWrapLinklist {
		width: 50%;
	}

	#listKeywords a.button-light {
		display: inline-block;
		margin-right: .3em;
		padding: .3em .5em;
	}

	/** Social Icons **********************************************/
	#wrapSocialIcons {
		margin-top: 3em;
	}

	.social-icon {
		display: inline-block;
		margin-right: .5em;
		width: 6em;
	}
	/** ENDE: Social Icons **********************************************/

	.flexslider .slides img {
	       	width: 1029px;
		height: 250px; 
		margin: 0 -100px;
	}

	.slider-figcaption-left {
		display: block;
	}

	/* Bilder mit den neuesten Themen (2-spaltig) */
	.content-preview-cols {
		float: left;
		width: 46.2962963%;
		margin: 0 1.851851852%;
		padding: 0 0 1em;
	}

	.content-search-cols {
		float: left;
		margin: 0 .45%;
		padding: 0 0 1em;
	}


	.label-desktop {
		padding: 0 .5em;
		display: inline;
	}

	.address label {
		display: inline-block;
		margin: 0;
		width: 6em;
		float:left;
	}

	/*
	.content-preview-cols figcaption {
		display: none;
	}
	*/


	#modal-box-wrap.wrap-send-email {
		width: 90%;
	}

	#modal-box-wrap.wrap-send-email input[type=text], #modal-box-wrap.wrap-send-email textarea {
		width: 50%;
	}

	#metadataInfo label {
		float: left;
		width: 40%;
	}

	/** E-Mail Items *******************************************/
	.email-item {
		float: left;
		width: 45%;
		margin-right: 5%;
	}

	.email-item-single {
		width: 80%;
	}

	#emailWrapItems .email-item:nth-child(odd)  {
		clear: left;
	}
	.email-item img {
		float: left;
		padding-right: 1em;
	}
/** ENDE: E-Mail Items *************************************/
	

}

/* ab 950px ******************************************/
@media only screen and (min-width: 950px) 
{

	.align-right {
		text-align: right;
	}

	header nav ul.top-nav>li {
		font-size: .85em; 
	}

	header .navMain {
		float: right;
		text-align: right;
		width: auto;
	}

	header .navMain ul {
		display: block;
		justify-content: initial;
		float: right;
	}

	header .navMain ul.top-nav>li {
		margin-left:  1.5em;
		float: left;
	}

	.flex-direction-nav a {
		height: 2.8em;
		width: 3em;
	}

	.flex-direction-nav a::before {
		font-size: 2.5em;
	}

	.flex-direction-nav a.flex-next::before {
		margin-left: .3em;
	}


	.flexslider .slides figure {
		overflow: visible;
	}

	.flexslider .slides img {
		max-width: 100%; width: auto; height: auto; margin: 0 0;
	}

	/* zweispaltiger Text *******************************************/
	.content-2-cols {
		float: left;
		width: 46.2962963%;
		margin: 0 1.851851852% 4em;
		padding: 0;
		text-align: left; 
	}

	/* Umbruch nach jeder zweiten Spalte ******************/
	.content-2-cols:nth-child(2n) {
/*		clear: left; */
	}

	.content-3-cols {
		float: left;
		padding: 0;
	}

	/* dreispaltiger Text *******************************************/
	.content-3-cols {
		width: 29.62962963%;
		margin: 0 1.851851852%;
	}

	/* vierspaltiger Text *******************************************/
	.content-4-cols {
		width: 21.2962963%;
		margin: 0 1.851851852%;
	}

	/* Umbruch nach jeder vierten Spalte ******************/
	.wrap-4-cols .content-4-cols:nth-child(4n+1) {
		clear: left;
	}

	/* Umbruch nach jeder dritten Spalte ******************/
	.wrap-3-cols .content-3-cols:nth-child(3n+1) {
		clear: left;
	}


	/* Bilder mit den neuesten Themen (4-spaltig) */
	.content-preview-cols {
	/*	width: 21.2962963%;		20px margin*/
		width: 24.07407407%;	/* 	10px margin */
	/*	margin: 0 1.851851852%;		20px margin*/
		margin: 0 0.462962963%; /* 	10px margin */
	}

	/* auf google maps */
	.vorlage-preview-image-item .content-preview-cols {
		width:auto;
		max-width:100%;
		margin:0;
	}
	#mapSearch {
		height: 550px;
	}
	/* end: auf google maps */

	.text-col-1 {
	}

	.text-2-cols {
		width: 100%;
		column-count: 2;
	  	column-gap: 2em;  
		text-align: justify;
	}
	

	.kategorien {
	}

	main form {
		width: 50%;
	}

	.text-2-cols-list {
		margin:0 auto;
		line-height: 1.5em;
	}

	.text-2-cols-list a {
		display: inline;
		padding-bottom: 0;
	}

	#buttonCurrentImages {
		float: right;
	}

	#partneragenturen {
	}
	#partneragenturen li {
		line-height: 1.5em;
	}

	#referenzen a {
		padding: .2em 0;
	}

	#luftbild-fotografen span {
		line-height: 1.5em;
		padding: 0;
	}
	#luftbild-fotografen span.luftbild-autor-name {
		width: 70%;
	}

	#search-tab-content fieldset#wrapSearchFilterButtons {
		float:left;
		margin-right: 3em;
		margin-top: 0;
		width: auto;
	}

	.media {
		margin-bottom: 0;
	}

	#warteschleife {
		width: 20%;
	}


	footer .navMain, footer nav.legal-nav {
		float: left;
		width: 75%;
	}

	footer .navMain {
		margin-bottom: 7em;
	}

	footer .navMain>ul {
		display: block;
		justify-content: initial;
	}

	footer nav.legal-nav {
		padding: .5em 0 0;
		text-align: left;
	}

	footer nav.legal-nav a {
		display: inline-block;
		margin-right: 1em;
	}

	address, #social {
		text-align: left;
	}

	#social {
		margin: 0;
	}

	address ul {
		margin-bottom: 2em; 
	}

	address ul li {
		display: block;
    		border: none;
	}
}

/* ab 1080px ****************************************/
@media only screen and (min-width: 1180px) 
{

	/* einspaltiger, zentrierter Text */
	.col-1  {
		padding-left:  calc(50% - 540px);
		padding-right:  calc(50% - 540px);
	}



	/*
	#sectionSearch.fixed {
		left:  calc(50% - 540px);
		text-align: left;
		padding-left: 0;
		padding-right: 0;
		width: 1080px; 
	}
	*/

	#searchCity {
		width: 15%;
	}
/* mit Ort-Feld 
	#searchTerm {
		width: 40%;
	}
*/

	main form.in-one-row input[type=text], main form.in-one-row input[type=password], main form.in-one-row input[type=email], main form.in-one-row label {
		width: 40%;
	}

	main form.in-one-row label {
		margin-top: .5em;
	}

	#metadataInfo label {
		width: 20%;
	}
}

@media only screen and (min-width: 1400px) 
{
	.slider-figcaption-left {
		width: 65%;
		display: inline-block;
	}

	.slider-figcaption-right {
		float: right;
	}

	/* 23.10.2018 */
	#searchArea {
		width: 75%;
	}

	#searchCity {
		width: 10%;
	}

	#searchTerm {
	/*	width: 65%; 23.10.2018 */
	}

	.wrap-preview-cols {
		padding: .5em calc(50% - 840px); 
	}

	.wrap-search-cols {
		padding: .5em calc(50% - 840px); 
	}


	/** Detailseite *************************************/

	.wrap-detail-landscape {
		padding: .5em calc(50% - 840px); 
	}
	.wrap-detail-portrait {
		padding: .5em calc(50% - 840px); 
	}

	#detailLeft {
		float:left;
	}

	.wrap-detail-landscape #detailLeft {
		width: 50%;
	}

	.wrap-detail-portrait #detailLeft {
		width: 40%;
	}

	#detailRight { 
		width: 35%;
	}

	.wrap-detail-landscape #detailRight {
		margin-left: 52.5%;
	}

	.wrap-detail-portrait #detailRight, .wrap-detail-portrait #detailBottom {
		margin-left: 42.5%;
	}

	.wrap-detail-landscape #detailBottom {
		clear: left;
	}

	#detailWrapLinklist {
		width: 75%;
	}


	/** ENDE: Detailseite *************************************/


	.img-top-with-max-width img {
		max-width: 1380px; 
	}

	/** Breite fuer figcaption = Bildbreite */

	.img-top-with-max-width {
	/*
		max-width: 1380px;
		margin: auto;
		*/
	}

	.img-top-with-max-width figcaption {
		padding-right: calc(50% - 670px); 	/* Bildunterschrift nach links unter das Bild verschieben */
	}

	.img-top-with-max-width > img {
	/*	max-width: inherit; */
	}

/*

	.content-preview-cols {
		float: left;
		width: 11.9047619%;
		margin: 0 0.297619047%;
		padding: 0;
	}
	*/

	#cookieText, #cookieButtons {
		text-align:left;
	}
	#cookieText { width: 70%;float: left;margin-right: 2em; }
	#cookieButtons { width: auto; }
}

/* ab 2300px */
@media only screen and (min-width: 2300px) 
{
	.flexslider .slides figure {
		width: 2300px;
		margin: 0 auto;
	}
}