/*
Theme Name: theme_2018_1
Author: webmaster@christinawellmer
Author URI: http://christinawellmer.de/
Description: created in 2019 
Version: 1.0
Text Domain: christinawellmer.de
*/
/*font*/
body, .site-header, .site-footer {
	font-family: "LiberationMono-Regular", Courier, Monospace;
}
@font-face {
    font-family: LiberationMono-Regular;
	/*font-weight: medium;*/
    font-style: normal;
	src: local(LiberationMono-Regular), url('fonts/LiberationMono-Regular.woff2') format('woff2'), url('fonts/LiberationMono-Regular.woff') format('woff'); 
    /*src: local(LiberationMono-Regular), url('fonts/LiberationMono-Regular-webfont.woff2') format('woff2'), url('fonts/LiberationMono-Regular-webfont.woff') format('woff');*/
	/* 20191004 vorher, ist viel gr zeichensatz, oben ist nur western latin: src: local(LiberationMono-Regular), url('fonts/LiberationMono-Regular.woff2') format('woff2'), url('fonts/LiberationMono-Regular.woff') format('woff');*/
	/**20191004: weight und style vor src oder danach? ich hatte es vorher vorher,in neuen css war es hinterher. oder egal?*/
	
	/*so lange der zu ladende font noch nicht da ist,wird der text sofort nach dem er unformatiert angezeigt wurde,
	mit einen systemfont angezeigt,bevor der geladene font da ist*/
	font-display: swap;
}
html{
	--very_dark_grey: #333;
	--slightly_lighter_than_quite_dark_grey: #737373;
	--vivid_red: #FF0000;
	--lighter_red: #fb5151;
	--content_background_color: white;
	--text_color: var(--very_dark_grey);
	--site_title_navigation_hover_active: var(--vivid_red);	
}
a{
	text-decoration: none;
	font-weight: normal;
}
a:link,
a:visited {
	color: var(--text_color);
}
a:hover,
a:active ,
.site-header a:link,
.site-header a:visited {
	color: var(--site_title_navigation_hover_active);
}
.site-header a:hover ,
.site-header a:active {
	color: var(--text_color);
}

/** mobile start: -------------------------------------------------------------------------------------------- */

/**testauskommentierung 20190708 nur damit auch in desktop angezeigt:*/
@media only screen and (max-width: 967px/*20190807 699px*/) /*and (-webkit-min-device-pixel-ratio: 1.50) 20190708 auskommentiert*/, 
	   only screen and (max-width: 967px/*20190807 699px*/) /*and (min-resolution:144dpi) 20190708 auskommentiert*/
		/*20190702 notebook test:*/
	   /*, only screen and (orientation: landscape) and (max-height: 968px)*/ {
	html {
		--beautiful_middle_grey: #efebeb;
		--middle_grey: #C2C2C2;
		--darker_middle_grey: #b3b3b3;
		--background_color: white;
		--color_h2_about_and_world:  var(--lighter_red);
		--color_h2_contact: var(--middle_grey);
		--photo_navigation_hover_and_active: var(--lighter_red);
		--photo_navigation_link_and_visited: var(--slightly_lighter_than_quite_dark_grey);
		--color_footer_site_top_link_mobile: var(--darker_middle_grey);	 
		--color_horizontal_rule_contact_mobile: var(--beautiful_middle_grey);		
		--horizontal_margin_between_elements: 0.075rem;
		--horizontal_margin_body_top_and_bottom: 0.5rem;
		--font_size_h2_contact: 0.92rem;
		--font_size_h2_about_and_world: 1.05rem;
		--font_size_copyright: 0.89rem;
		--font_size_contact: 0.86rem;
		--font_size_position_between_photographs: 0.78rem;
		--font_size_menu_links: 0.89rem;
		--font_size_menu_links_etwas_groesser: 0.96rem;
		--font_size_menu_links_groesser: 1rem;
		--font_size_photo_nav_mobile_previous_next: 0.78rem;
		--font_size_photo_nav_mobile_previous_next_groesser: 1.0rem;
		--body_font_size: 0.93rem;
		--vertical_margin_right: 0;
	}
	html {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: auto;
		margin-top: auto;
	}
	body {
		margin-top: 0;
		margin-bottom: var(--horizontal_margin_body_top_and_bottom);
		font-size: var(--body_font_size);
		color: var(--text_color);
		text-align: center;
		margin-left: 0.2rem;
		margin-right: 0.2rem;
	}
	h2 {
		text-decoration: none;
		font-weight: normal;
		font-size: var(--font_size_h2_about_and_world);
		color: var(--color_h2_contact);
		line-height: 1.5;
	}
	/**header...-----------------------------------------*/
	#top-of-page {
		height: var(--horizontal_margin_body_top_and_bottom); 
		background-color: var(--background_color);
	}
	#header-site-title-desktop,
	#header-navigation-desktop{
		display: none;
	}
	#header-container {
		display: -webkit-flex;
		display: flex;
		margin-left: 0;
		margin-right: 0;
	}
	#header-left-margin-tablet-container {
		-webkit-flex: 0.030;
		flex: 0.030;
		background-color: var(--background_color);
	}
	#header-site-title-and-navigations-mobile-container {
		/*rolle flex item, neben left und right margin*/
		-webkit-flex: 0.94;
		flex: 0.94;
		
		/*rolle flex container fuer title und navigation*/
		display: -webkit-flex;
		display: flex;
	}
	#header-site-title-mobile{
		-webkit-flex-grow: 1;
		flex-grow: 1;
		text-align: left;
		padding-bottom: 0;
		padding-left: 0.8rem;
		padding-top: 0.3rem;
		margin-left: 0;
		margin-right: 0;
		padding-right: 0;
	}
	#header-navigations-mobile-container {
		text-align: right;
		padding-bottom: 1rem;
		padding-right: 0.8rem;
		padding-top: 0.6rem;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}
	#header-right-margin-tablet-container {
		-webkit-flex: 0.030;
		flex: 0.030;
		background-color: var(--background_color);		
	}
	.site-header {
		color: var(--text_color);
		margin-top: 0;
		margin-bottom: 0;
		background-color: var(--content_background_color);
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 0;
	}
	.site-header h1{
		font-size:  120%;
		color: var(--text_color);
	}
	.site-navigation ul{
		list-style-type: none;
		/**horizontales drop-menue*/
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0.1rem;
		padding-right: 0.1rem;
		margin: 0 0 0 0;
		line-height: 0.1;
	}
	/**Navigation-Liste (ohne Link-Gestaltung)*/
	.site-navigation ul li {
		/*horizontal nebeneinander die menu-eintraege anzeigen,je als block, also umgebung auch klickbar*/
		display: inline; /*inline-block;20180208 nur wenn minify css durchgefuehrt wird.*/
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0; /*0.1rem;20180208 nur wenn minify css durchgefuehrt wird.*/
		padding-right: 0; /*0.1rem;20180208 nur wenn minify css durchgefuehrt wird.*/
		margin: 0 0 0 0;
		line-height: 0.1;
	}
	.site-navigation a:link,
	.site-navigation a:visited,
	.menu-icon-arrow:link,
	.menu-icon-arrow:visited{
		color: var(--photo_navigation_link_and_visited);
		/*20180225:TODO es ist zu ueberlegen,was rot angezeigt werden soll im menu.aktuell sind es  manchmal 2 items gleichzeitig.
		liegt daran, dass nach about klick und scrollen nicht das menu ausgeblendet wird.
		und TODO es ist zu ueberlegen,ob klarer gemacht werden soll wie das menu wieder ausgeblendet werden kann,zb mit einem x*/
	}
	.site-navigation a:hover,
	.site-navigation a:active ,
	.menu-icon-arrow:hover,
	.menu-icon-arrow:active{
		color:  var(--lighter_red);
	}
	/*Link des Menueelementes auf dessen untergeordneter Seite wir sind hervorheben:
	fuer categorie-menueeintraege und deren posts*/
	.current-menu-parent a:link,
	.current-menu-parent a:visited{
		color: var(--lighter_red);
	}
	/*hamburger menu*/
	.nav-dropdown-standard,
	.nav-dropdown-button-standard {
		display: inline-block;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.menu-icon-container {
		margin-left: 0;
		text-align: right;
		margin-top: 0;
		padding-top: 0.3rem;
		margin-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
		font-size: 0.89rem;
	}
	.menu-icon-line {
		margin-top: 0.2rem;
		margin-bottom: 0.2rem;
		margin-right: 0;
		width: 1.2rem;
		height: 0.2rem;
		background-color: var(--very_dark_grey);
		margin: 0.3rem 0;
		font-size: 0.89rem;
	}
	.menu-icon-line-bottom {
		width: 1.2rem;
		height: 0.2rem;
		background-color: var(--very_dark_grey);
		margin-left: 0;
		margin-right: 0;
		margin-top: 0.3rem;
		margin-bottom: 0;
		font-size: 0.89rem;
	}
	/*end hamburger menu*/
	/*-------------------------------------------------------------------*/
	/*Standard-Dropdown-Menue*/
	.nav-dropdown-standard,
	.nav-dropdown-button-standard {
		/*inline-block; 20180208 nur wenn minify css durchgefuehrt wird.*/
	}
	.nav-dropdown-content-standard,
	#nav-dropdown-content {
		display: none;
		text-align: right;
		/*20170830,TODO:wenn grosse schriftgrösse in kleinem handy hochformat eingestellt,
		 *dann kann es sein das zwei menueintraege uebereinaner liegen. das verhindern.
		 *20170821 alle eintraege nebeneinander anzeigen,unter der obersten headerzeile*/
		position: absolute;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		line-height: 0.1;
		top: 4rem;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0.1rem;
		padding-right: 0.1rem;
		right: 0.3rem;
		font-size: var(--font_size_menu_links);
		margin-right: 0.8rem;
	}
	/**fuer alle browser *ausser* safari*/
	.nav-dropdown-standard:hover .nav-dropdown-content-standard,
	.nav-dropdown-standard:focus .nav-dropdown-content-standard  {
		display: block;
	}
	/*--------------------------------------------------*/
	/*Safari-Mobile Dropdown-Menu*/
	#nav-dropdown,
	#nav-dropdown-button {
		display: inline;
	}
	#nav-dropdown-content{
		position: fixed;
	}
	#nav-dropdown-content:target {
		display: block;
	}
	/** body...-------------------------------*/
	#post-photo-flex-container {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		padding-bottom: 0;
		padding-top: 0;
		background-color: var(--content_background_color);
		margin-right: 0;
		text-align: center;
	}
	#post-photo-left-margin-tablet-container {
		-webkit-flex: 0.12;
		flex: 0.12;
		background-color: var(--background_color);	
	}
	#photo-navigation-previous-desktop-section,
	.photo-navigation-previous {
		display: none;
	}
	#post-photo-flex-item-3 {
		-webkit-flex: 0.8;
		flex: 0.8;
		padding-bottom: 0;
		padding-top: 2rem;
		/**damit webseite bei beiden bildformaten gleich hoch*/
		height: 550px;
		-webkit-flex-grow: 1;
		flex-grow: 1;/*bewirkt,dass dieses element allen freien platz einnimmt in dem flex container,
					und die anderen nur den platz den sie benoetigen.statt flex:0.9;mit festen prozentualwerten.
					hiermit kann erreicht werden,dass ein element linksbuendig ist und ein anderes rechtsbuendig*/
	}
	#photo-navigation-next-desktop-section,
	.photo-navigation-next {
		display: none;
	}
	#post-photo-right-margin-tablet-container {
		-webkit-flex: 0.12;
		flex: 0.12;
		background-color: var(--background_color);
	}
	.photograph-landscape {
		padding-top: 4.1rem;
		padding-bottom: 2.5rem;
		padding-bottom: 0;
	}
	.photograph {
		padding-left: 0;
	}
	.photograph-portrait {
		padding-bottom: 0;
		padding-top: 1.45rem;
		text-align: center;
		padding-right: 2.5rem;
		padding-left: 2.3rem;
	}
	.photograph-landscape img {
		max-width: 73.5vw;
		max-height: 49vw;
	}
	.photograph-portrait img {
		max-height: 73.5vw;
		max-width: 49vw;
	}
	.photo-navigation-previous-desktop,
	.photo-navigation-next-desktop {
		display: none;
	}
	#current-position-between-photos-mobile a:link,
	#current-position-between-photos-mobile a:visited {
		color:	var(--photo_navigation_link_and_visited);
	}
	#current-position-between-photos-mobile a:active,
	#current-position-between-photos-mobile a:hover {
		color: var(--photo_navigation_hover_and_active);
	}
	#position-between-photos-flex-container {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		padding-top: 0;
		background-color: var(--content_background_color);
		padding-bottom: 0;
	}
	/**falls mobile dann auch im fall landscape mit rand innerhalb des html links und rechts*/	
	#position-between-photos-left-margin-tablet-container {
		-webkit-flex: 0.030;
		flex: 0.030;
		background-color: var(--background_color);
		padding-bottom: 5rem;
	}
	#position-between-photos-flex-item-1 {
		-webkit-flex: 0.94;
		flex: 0.94;
		text-align: center;
		padding-bottom: 0;
		padding-top: 0;
		margin-top: 0.1rem;
		margin-bottom: 0.6rem;
	}
	#position-between-photos-right-margin-tablet-container {
		-webkit-flex: 0.030;
		flex: 0.030;
		background-color: var(--background_color);
	}
	#current-position-between-photos {
		display: none;
	}
	#current-position-between-photos-mobile {
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: center center 0;
		-o-transform-origin: center center 0;
		transform-origin: center center 0;
		margin-top: 0;
		padding-left: 6rem;
		margin-right: 0.5rem;
		text-align: right;
		margin-bottom: 12rem;
		font-size: var(--font_size_position_between_photographs);			
		color: var(--photo_navigation_link_and_visited);
	}
	#photo-nav-mobile-previous,
	#photo-nav-mobile-next {
		font-size: var(--font_size_photo_nav_mobile_previous_next);		
		color: var(--photo_navigation_link_and_visited);
		padding-top: 10.27rem;
	}
	#photo-nav-mobile-next a,
	#photo-nav-mobile-previous a {
		display: block;
	}
	#photo-nav-mobile-next a:link,
	#photo-nav-mobile-next a:visited,
	#photo-nav-mobile-previous a:link,
	#photo-nav-mobile-previous a:visited	{
		color:	var(--photo_navigation_link_and_visited);	
	}
	#photo-nav-mobile-next a:active,
	#photo-nav-mobile-next a:hover,
	#photo-nav-mobile-previous a:active,
	#photo-nav-mobile-previous a:hover {
		color: var(--photo_navigation_hover_and_active);	
	}
	#above-about-and-world-container-desktop,
	#about-and-world-text-flex-container-desktop {
		display: none;
	}
	#about-text-flex-container-mobile {
		display: -webkit-flex;
		display: flex;
		align-items: flex-start;
		padding-top: 0rem;
		margin-top: var(--horizontal_margin_between_elements);
		background-color: var(--content_background_color);
		padding-bottom: 0rem;
		padding-top: 0rem;
		margin-right: var(--vertical_margin_right);
		margin-bottom: 0;
	}
	#about-left-margin-mobile-container,
	#about-right-margin-mobile-container {
		-webkit-flex: 0.030;
		flex: 0.030;
		background-color: var(--background_color);
		padding-top: 5rem;
		padding-bottom: 16.4rem;
	}
	#about-text-top-horizontal-rule-mobile {	
		border-top: 4px;
		border-top-style: dotted;		
		border-top-color: var(--color_horizontal_rule_contact_mobile);			
		margin-top: 0.2rem;
		height: 0.6rem;	
		/*abschliessend mit about text*/		
		padding-left: 0;
		padding-right: 0;
		margin-right: 0.8rem;
		margin-left: 0.8rem;	
	}
	.about-text-flex-item {
		-webkit-flex: 0.94;
		flex: 0.94;
		line-height: 2;
		padding-bottom: 0;
		padding-top: 0;
		margin-top: 0; 
		margin-bottom: 0;
	}
	#about-mobile {
		text-align: left;
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 0.8rem;
		padding-right: 0.8rem;
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
	}
	#world-text-flex-container-mobile {
		display: -webkit-flex;
		display: flex;
		align-items: flex-start;
		margin-top: var(--horizontal_margin_between_elements);
		margin-bottom: 0;
		background-color: var(--content_background_color);	
		padding-bottom: 0;
		padding-top: 0;		
		margin-right: var(--vertical_margin_right);
	}
	#world-left-margin-mobile-container,
	#world-right-margin-mobile-container {
		-webkit-flex: 0.030;
		flex: 0.030;
		background-color: var(--background_color);
		padding-top: 14rem;
		padding-bottom: 20.4rem; /*TODO die passende laenge des randes anders naemlich dynamisch loesen20180122*/
	}
	.world-text-flex-item{
		-webkit-flex: 0.94;
		flex: 0.94;
		padding-bottom: 0;
		padding-top: 0;
		line-height: 2;
	}
	.world-text {
		text-align: left;
		padding-left: 0.8rem;
		padding-right: 0.8rem;
		padding-top: 0.2rem;
		padding-bottom: 1rem;
		margin-bottom: 0;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
	}
	#about-mobile h2,
	.world-text h2 {
		line-height: 1.7;
		padding-top: 0.5rem;
		margin-top: 0;
		color: var(--color_h2_about_and_world);
	}
	.about-text-line-1,
	.about-text-line-2 {
		padding-bottom: 0.5rem;
		line-height: 1.7;
	}
	.about-text-line-3 {
		line-height: 1.7;
	}
	.about-text-line-4 {
		margin-top: 2.5rem;						
		line-height: 1.7;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.world-text h2 {
		text-align: left;
		padding-right: 0;
		padding-bottom: 0;
	}
	.world-text-line-1,
	.world-text-line-2,
	.world-text-line-3,
	.world-text-line-4,
	.world-text-line-5 {
		padding-bottom: 1rem;
		line-height: 1.75;
	}
	/*-----FOOTER------------------------------------------*/
	.site-footer {
		font-size: var(--font_size_copyright);
		margin-bottom: 0;
	}
	/*dotted line oberhalb footer contact desktop*/
	#above-footer-container-desktop {
		display: none;
	}
	#footer-flex-container {
		display: -webkit-flex;
		display: flex;
		margin-bottom: 0;
	}
	#footer-left-margin-tablet-container {
		-webkit-flex: 0.03;
		flex: 0.03;
		background-color: var(--background_color);
		margin-bottom: 0;
	}
	#footer-flex-item-1 {
		-webkit-flex: 0.94;
		flex: 0.94;
		text-align: center;		
		padding-bottom: 0;
		padding-top: 0;
	}
	#footer-right-margin-tablet-container {
		-webkit-flex: 0.03;
		flex: 0.03;
		background-color: var(--background_color);
		margin-bottom: 0;
	}
	#footer-top-link-and-copyright-container {
		display: -webkit-flex;
		display: flex;
		margin-top: 2.35rem;
	}
	.footer-site-top-link {
		-webkit-flex: 0.05;
		flex: 0.05;
		text-align: left;
		margin-top: var(--horizontal_margin_between_elements);
		margin-right: 0;
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 0;
		background-color: var(--content_background_color);
		font-size: 0.92rem;
	}
	.footer-site-top-link a {
		display: block;
		padding-bottom: 0.85rem;
		padding-top: 1.45rem;
		padding-left: 1.1rem;
		padding-right: 1rem;
	}
	.footer-site-top-link a:link,
	.footer-site-top-link a:visited {
		color: var(--lighter_red);
	}
	.footer-site-top-link a:hover
	.footer-site-top-link a:active {
		color: var(--color_footer_site_top_link_mobile);
	}
	.copyright {
		-webkit-flex: 0.95;
		flex: 0.95;
		text-align: right;
		padding-left: 1rem;
		margin-top: var(--horizontal_margin_between_elements);
		padding-bottom: 1.4rem;
		padding-top: 1.6rem;
		padding-right: 0.8rem;
		background-color: var(--content_background_color);
		margin-right: 0;
	}
	#contact-page-text-desktop {
		display: none;
	}
	#contact-page-text-mobile {
		display: -webkit-flex;
		display: flex;
		align-items: flex-start;
		padding-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		background-color: var(--content_background_color);
		font-size: var(--font_size_contact);
		padding-left: 0;
		padding-right: 0;
		margin-right: var(--vertical_margin_right);
		margin-top: 0;
	}
	#contact-text-mobile {
		-webkit-flex: 1;
		flex: 1;
		text-align: left;
		padding-bottom: 0.35rem;
		padding-left: 0.8rem;
		padding-right: 0.8rem;
		margin-bottom: 3.4rem;
		line-height: 2;
		text-align: left;
		margin-top: 0;
		padding-top: 0;
	}
	#contact-text-top-horizontal-rule-mobile {
		height: 0;
		border-top: 4px;
		border-top-style: dotted;
		padding-top: 0;
		margin-top: 0;
		border-top-color: var(--color_horizontal_rule_contact_mobile);
		margin-left: 0.8rem;
		margin-right: 1rem;
		height: 0.775rem;
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
		margin-left: 0;	
	}
	.invitation {
		margin-bottom: 2.2rem;
	}
	#invitation-text-line-1,
	#invitation-text-line-2{
		line-height: 1.7;
	}
	#invitation-text-line-2 {
		padding-bottom: 1.2rem;
	}
	#address-text h2 {
		padding-right: 0;
		padding-bottom: 0;
	}
	.invitation h2,
	#invitation-text-line-1,
	#invitation-text-line-2{
		text-align: left;
	}
	.physical-address h2,
	#address-text-line-1,
	#address-text-line-2,
	#address-text-line-3,
	#address-text-line-4 {
		text-align: left;
		padding-right: 0.2rem;
	}
	#contact-text-mobile h2 {
		font-size: var(--font_size_h2_contact);
		padding-top: 0.5rem;
	}
	/**media dependent anpassungen:---------------------------------------*/
	/*TODO,20190802: position between photos nicht zentiert,
	abstand zw pos between und linie darunter zu gross,
	munueitems ueberschneiden sich,
	fuer copyright und contact ist horiz scrollen noetig*/
	/**fuer anzeige im pc in verkleinerte browserfenster oder in moto*/
	@media 	only screen and (min-width: 201px) and (max-width: 220px){
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 57vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 35vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 16vw;
		}
		.photograph-portrait {
			padding-top: 3vw;
		}
		#current-position-between-photos-mobile {
			margin-top: 15vw;
		}
	}
	/**20190802 fertig. aber:
	TODO: menu ueberschneidet sich ab 237px vpw und kleiner
	und fuer copyright ist horiz scrollen noetig*/
	@media 	only screen and (min-width: 221px) and (max-width: 240px){
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 57vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 35vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 16vw;
		}
		.photograph-portrait {
			padding-top: 3vw;
		}
		#current-position-between-photos-mobile {
			margin-top: 20vw;
		}
	}
	@media 	only screen and (min-width: 241px) and (max-width: 260px){
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 57vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 35vw;	
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 16vw;
		}
		.photograph-portrait {
			padding-top: 3vw;					
		}
		#current-position-between-photos-mobile {
			margin-top: 20vw;
			margin-bottom: 46vw;
		}
	}
	@media 	only screen and (min-width: 261px) and (max-width: 280px){
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 57vw;	
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 38vw;
			padding-bottom: 14vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 20vw;
		}
		.photograph-portrait {
			padding-top: 7vw;		
		}
		#current-position-between-photos-mobile {
			margin-top: 18vw;
			margin-bottom: 44vw;
		}
	}
	@media only screen and (min-width: 281px) and (max-width: 300px){
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 57vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 33vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 15vw;
			padding-bottom: 15vw;
		}
		.photograph-landscape {
			padding-top: 20vw;
		}
		.photograph-portrait {
			padding-top: 8vw;	
		}
		#current-position-between-photos-mobile {
			margin-top: 16vw;
			margin-bottom: 46vw;
		}
	}
	/*zb iphone se laut ff dev edition*/
	@media only screen and (min-width: 301px) and (max-width: 350px){
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 62vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			margin-right: 4vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 45vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 5vw;
			padding-top: 0;
			text-align: right;
			width: 66.5vw;
		}
		.photograph-landscape {
			padding-top: 27vw;
		}
		.photograph-portrait {
			padding-top: 15vw;					
		}
	}
	@media only screen and (min-width: 351px) and (max-width: 355px){
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 62vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {	
			top: 0;
			padding-top: 16.5vw;
			margin-right: 4vw;
		}
		.photograph-landscape {
			padding-top: 17vw;
		}
		.photograph-portrait {
			padding-top: 5vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 34.5vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
	}
	/*zb moto*/
	@media only screen and (min-width: 356px) and (max-width: 360px){
		.nav-dropdown-content-standard,
		#nav-dropdown-content {	
			top: 0;
			padding-top: 16.5vw;
			margin-right: 4vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 62vw;
		}
		.photograph-landscape {
			padding-top: 17vw;
		}
		.photograph-portrait {
			padding-top: 5vw;				
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 35vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
	}
	@media only screen and (min-width: 361px) and (max-width: 370px){		
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 16.5vw;
			margin-right: 4vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 63vw;
		}
		.photograph-landscape {
			padding-top: 17vw;
		}
		.photograph-portrait {
			padding-top: 5vw;				
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 35vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
	}
	@media only screen and (min-width: 371px) and (max-width: 380px){	
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 16.5vw;
			margin-right: 4vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 63vw;
		}
		.photograph-landscape {
			padding-top: 17.5vw;
		}
		.photograph-portrait {
			padding-top: 5.5vw;	
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 35vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
	}
	@media only screen and (min-width: 381px) and (max-width: 390px){
		html{
			--horizontal_margin_body_top_and_bottom: 2.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 16.5vw;
			margin-right: 4vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 63vw;
		}
		.photograph-landscape {
			padding-top: 17.7vw;
		}
		.photograph-portrait {
			padding-top: 5.5vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 35vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
	}
	@media only screen and (min-width: 391px) and (max-width: 395px){
		html{
			--horizontal_margin_body_top_and_bottom: 2.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 17.0vw;
			margin-right: 4vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 63vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 35vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 17vw;
		}
		.photograph-portrait {
			padding-top: 6.1vw;
		}
	}
	@media only screen and (min-width: 396px) and (max-width: 400px){
		html{
			--horizontal_margin_body_top_and_bottom: 2.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 18.0vw;		
			margin-right: 4vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 63vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 35vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 17.4vw;
		}
		.photograph-portrait {
			padding-top: 6.3vw;
		}
	}
	@media only screen and (min-width: 401px) and (max-width: 410px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 100vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 18.0vw;		
			margin-right: 4vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 40vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 23vw;
		}
		.photograph-portrait {
			padding-top: 11.3vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 42vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 411px) and (max-width: 420px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {	
			top: 0;			
			padding-top: 17.5vw;		
			margin-right: 4vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {		
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 421px) and (max-width: 430px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 17.5vw;
			margin-right: 4vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {		
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 431px) and (max-width: 440px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 17.5vw;		
			margin-right: 4vw;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {	
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;		
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 441px) and (max-width: 450px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 17.0vw;		
			margin-right: 4vw;
			font-size: 0.91rem;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {		
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 451px) and (max-width: 460px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 17.0vw;		
			margin-right: 4vw;
			font-size: 0.93rem;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 461px) and (max-width: 470px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;			
			padding-top: 16.5vw;		
			margin-right: 4vw;
			font-size: 0.93rem;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 471px) and (max-width: 480px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		body {
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 15vw;
			margin-right: 4vw;
			font-size: 0.93rem;
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 481px) and (max-width: 490px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 15vw;	
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 491px) and (max-width: 500px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 15vw;	
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0; 
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}	
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 501px) and (max-width: 550px){	
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 12vw;	
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 100vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.2vw;
			padding-bottom: 10vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 10vw;
			padding-bottom: 10vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;				
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 44.2vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
		}	
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container, 
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 551px) and (max-width: 600px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}	
		.nav-dropdown-content-standard, 
		#nav-dropdown-content {	
			top: 0;	
			padding-top: 12vw;	
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 97vw;
		}	
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 46.2vw;
			padding-bottom: 6vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 6vw;
			padding-bottom: 6vw;
		}
		.photograph-landscape {	
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;			
		}	
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 51vw;/**TODO,20190916:ab hier nach oben (nach unten ist bereits) weitermachen mit abstand anpassung 1 of 16 und unten.aufteilen 550 bis 591 wahrsch.*/
		}	
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0; 
			height: 30vw;
		}		
		#position-between-photos-flex-container {
			margin-bottom: 0; 
		}
		#position-between-photos-left-margin-tablet-container, 
		#position-between-photos-right-margin-tablet-container	{
			padding-bottom: 0; 
			margin-bottom: 0; 
		}
	} 
	
	/*DID ab breite >= 601 bis 966 abstand 1 of 16 angepasst und zu rand unten.
	TODO bei geringerer breite prüfen, ob das auch anzupassen.20190916.*/
	
	@media only screen and (min-width: 601px) and (max-width: 610px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw; 
		}	
		.nav-dropdown-content-standard, 
		#nav-dropdown-content {		
			top: 0; 					
			padding-top: 12vw; 			
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3, 
		#post-photo-left-margin-tablet-container, 
		#post-photo-right-margin-tablet-container {	
			height: 97vw; 
		}	
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 46.2vw;
			padding-bottom: 5vw; 
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 5vw; 
			padding-bottom: 5vw; 
		}
		.photograph-landscape {	
			padding-top: 25.2vw; 
		}
		.photograph-portrait {
			padding-top: 13.5vw; 				
		}	
		#position-between-photos-mobile {
			margin-left: 0; 
			padding-left: 0; 
			margin-top:  0; 
			padding-top: 0; 
			text-align: right; 
			width: 52.5vw; 
		}	
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0; 
			height: 30vw; 
		}		
		#position-between-photos-flex-container {
			margin-bottom: 0; 
		}
		#position-between-photos-left-margin-tablet-container, 
		#position-between-photos-right-margin-tablet-container	{
			padding-bottom: 0; 
			margin-bottom: 0; 
		}
	}
	@media only screen and (min-width: 611px) and (max-width: 620px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12vw;
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 97vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 46.2vw;
			padding-bottom: 5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 5vw;
			padding-bottom: 5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;				
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 53vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 621px) and (max-width: 630px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12vw;	
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 95vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 46.2vw;
			padding-bottom: 5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 5vw;
			padding-bottom: 5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;		
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 54vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 631px) and (max-width: 640px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12vw;	
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 93vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 46.2vw;
			padding-bottom: 5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 5vw;
			padding-bottom: 5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 54vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 641px) and (max-width: 650px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12vw;
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 93vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 46.5vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.0vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 54vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 32.4vw;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 651px) and (max-width: 660px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 12vw;	
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 93vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 46.5vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.0vw;		
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 54vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 661px) and (max-width: 670px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12vw;
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 90vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 46.5vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 14.0vw;	
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 53vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 671px) and (max-width: 680px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;                                  
  			padding-top: 12vw; 
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 90vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 45.7vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.0vw;			
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 53vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 681px) and (max-width: 690px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 12vw;	
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 90vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 49.8vw;
			padding-top: 46.3vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.5vw;				
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 53vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 691px) and (max-width: 700px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12vw;
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 90vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 44.7vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 13.8vw;	
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 53vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 701px) and (max-width: 711px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12vw;
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 90vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 44.7vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
			.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 14.2vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 53vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 711px) and (max-width: 720px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 12vw;	
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 90vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 44.1vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 14.2vw;	
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 53vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 721px) and (max-width: 730px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12vw;
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 90vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 43.6vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 14.2vw;	
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 54vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	/**TODO 20190912: von hier aus nach oben muessen noch die titel vergroessert und
	hamburger menu daran angepasst werden.
	ausserdem muss noch wo titel groeser auch 1 of 16 und navigation pfeile groesser gemacht werden.
	und der abstand unter bild muss noch angepasst werden

	did 20190916: pfeile vergroessert wo noetig.
	TODO ewt noch farbe anpassen bei einigen groessen deswegen? 
	evt noch position anpassen noetig nach groessenaenderung?*/	
	@media only screen and (min-width: 731px) and (max-width: 740px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 12.7vw;		
			margin-right: 3.6vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 90vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser); 
			padding-top: 43.3vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 14.2vw;	
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 54vw; 
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 741px) and (max-width: 750px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {
			padding-top: 0.85rem;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12.7vw;
			margin-right: 3.6vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 90vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 43.2vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 14.6vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 55vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 751px) and (max-width: 760px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12vw;
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 85vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 43.0vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 14.8vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 57vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 761px) and (max-width: 770px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {	
			top: 0;		
			padding-top: 13vw; 		
			margin-right: 4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 85vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 42.6vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 14.7vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 57vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 771px) and (max-width: 780px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {		
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;			
			padding-top: 12vw;		
			margin-right: 3.8vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 85vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 41.3vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 14.9vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 57vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 781px) and (max-width: 790px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {		
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12vw;
			margin-right: 3.7vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 85vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 41.2vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 15.2vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 57vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	/*TODO: 20190906:
	-bei mobilen: hoehe: vor allem abstand 1 of 10 zu bild aber auch oben anpassen.
	-schriftgroesse menueitems bei grossen mobil groesser.
	-dort evt auch seitentitel groesser*/	
	@media only screen and (min-width: 791px) and (max-width: 800px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {		
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12.5vw;	
			margin-right: 3.7vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 85vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 41.5vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 15.2vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 57vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 801px) and (max-width: 810px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12.5vw;
			margin-right: 3.7vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 85vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 41.4vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 15.3vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 57vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 811px) and (max-width: 820px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12.5vw;
			margin-right: 3.7vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 85vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 41.3vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 15.4vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 57vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 821px) and (max-width: 830px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {		
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12.5vw;
			margin-right: 3.6vw;
			font-size: var(--font_size_menu_links_etwas_groesser);		
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 85vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 41vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 15.6vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 57vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 831px) and (max-width: 840px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {		
			padding-top: 0.85rem;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12.5vw;
			margin-right: 3.6vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 85vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 40.8vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {	
			padding-top: 25.2vw; 
		}
		.photograph-portrait {
			padding-top: 15.8vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 57vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 841px) and (max-width: 850px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12.5vw;
			margin-right: 3.6vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 80vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 40.6vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 15.8vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 59vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 851px) and (max-width: 860px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {		
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12.5vw;
			margin-right: 3.5vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 80vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 40.3vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.0vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 59vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 861px) and (max-width: 870px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12.5vw;	
			margin-right: 3.6vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 80vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 40.2vw;
			padding-bottom: 4.5vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.5vw;
			padding-bottom: 4.5vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.2vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 59vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 871px) and (max-width: 880px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {		
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;		
			padding-top: 12.5vw;
			margin-right: 3.6vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 80vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 39.8vw;
			padding-bottom: 4.4vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.4vw;
			padding-bottom: 4.4vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.0vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 59vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 881px) and (max-width: 890px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {		
			padding-top: 0.85rem;
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12.5vw;
			margin-right: 3.5vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 75vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 39.8vw;
			padding-bottom: 4.4vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.4vw;
			padding-bottom: 4.4vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.3vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 61vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container, 
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 891px) and (max-width: 900px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {
			padding-top: 0.85rem;		
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12.5vw;
			margin-right: 3.5vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 75vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 43.9vw;
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 39.5vw;
			padding-bottom: 4.4vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.4vw;
			padding-bottom: 4.4vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.3vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 61vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 901px) and (max-width: 910px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 12.5vw;	
			margin-right: 3.5vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 75vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 39.5vw;
			padding-bottom: 4.4vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.4vw;
			padding-bottom: 4.4vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.3vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 60.5vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 911px) and (max-width: 920px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12.5vw;	
			margin-right: 3.4vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 74vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 39.3vw;
			padding-bottom: 4.4vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4.4vw;
			padding-bottom: 4.4vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.5vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top: 0;
			padding-top: 0;
			text-align: right;
			width: 60.5vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 921px) and (max-width: 930px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12.5vw;	
			margin-right: 3.5vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 74vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser); 
			padding-top: 39.4vw;
			padding-bottom: 4vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4vw;
			padding-bottom: 4vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.7vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 60.5vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 931px) and (max-width: 940px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 12.5vw;	
			margin-right: 3.6vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 72vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 39.2vw;
			padding-bottom: 4vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 4vw;
			padding-bottom: 4vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.8vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 60.5vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 941px) and (max-width: 950px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 11.7vw;	
			margin-right: 3.5vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 72vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 39.2vw;
			padding-bottom: 3.8vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 3.8vw;
			padding-bottom: 3.8vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 16.8vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 60.5vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 951px) and (max-width: 960px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;	
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;
			padding-top: 11.7vw;
			margin-right: 3.5vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 72vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 39vw;
			padding-bottom: 3.8vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 3.8vw;
			padding-bottom: 3.8vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 17.0vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 60.5vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	} 
	@media 	only screen and (min-width: 961px) and (max-width: 967px){
		html{
			--horizontal_margin_body_top_and_bottom: 3.5vw;
		}
		#header-site-title-mobile {
			font-size: 1.1rem;
		}
		#header-navigations-mobile-container {			
			padding-top: 0.85rem;		
		}
		.nav-dropdown-content-standard,
		#nav-dropdown-content {
			top: 0;	
			padding-top: 11.7vw;	
			margin-right: 3.6vw;
			font-size: var(--font_size_menu_links_etwas_groesser);
		}
		#post-photo-flex-item-3,
		#post-photo-left-margin-tablet-container,
		#post-photo-right-margin-tablet-container {
			height: 72vw;
		}
		#photo-nav-mobile-previous, #photo-nav-mobile-next {
			padding-top: 42.6vw;
			font-size: var(--font_size_photo_nav_mobile_previous_next_groesser);
			padding-top: 39vw;
			padding-bottom: 3.6vw;
		}
		#photo-nav-mobile-previous a, #photo-nav-mobile-next a {
			padding-top: 3.6vw;
			padding-bottom: 3.6vw;
		}
		.photograph-landscape {
			padding-top: 25.2vw;
		}
		.photograph-portrait {
			padding-top: 17.0vw;
		}
		#position-between-photos-mobile {
			margin-left: 0;
			padding-left: 0;
			margin-top:  0;
			padding-top: 0;
			text-align: right;
			width: 60.5vw;
		}
		#position-between-photos-flex-item-1 {
			margin-bottom: 0;
			margin-top: 0;
			height: 30vw;
		}
		#position-between-photos-flex-container {
			margin-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container,
		#position-between-photos-right-margin-tablet-container {
			padding-bottom: 0;
			margin-bottom: 0;
		}
	} 	
	/**+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
	/*TODO, 2019-08-07*/
	/*Fuer anzeige auf smartphones mit hoher aufloesung. zb moto, iphone, nicht jedoch samsung oder asus-tablet*/
	@media  only screen and (max-width: 699px) and (min-resolution:192dpi), 
			only screen and (max-width: 699px) and (-webkit-min-device-pixel-ratio: 2.00){
		/*Seitentitel und Menu-Button*/
		#header-site-title-mobile, 
		#header-navigations-mobile-container {
			padding-bottom: 0rem; 
		}
	}
}
/*end mobile.css*/

/*------start tablet und desktop css --------------------------------------*/
@media
/*fall tablet oder hochaufloesender desktop monitor oder desktop normal aufloesender monitor*/
only screen and (min-width: 968px)/*, 20190807 hier stand vorher 700*/
/*TODO, 20190802: wieder einkommentieren wahrscheinlich. 
fall desktop kleines browser fenster*/
/*test 20190708 auskommentiert zum test  
only screen and (max-width: 699px) and (-webkit-max-device-pixel-ratio: 1.49), 
only screen and (max-width: 699px) and (max-resolution:143dpi)*/{
	/**html...--------------------------------------------*/
	html {
		--html_and_body_width: 968px; 
		--html_and_body_width_with_smaller_image: 900px;
		--background_color_desktop_tablet: #f2f2f2;
		--dark_grey: #404040;
		--quite_dark_grey: #676c73;
		--photo_navigation_link_visited_color: var(--quite_dark_grey);
		--color_footer_site_top_link_desktop: var(--slightly_lighter_than_quite_dark_grey);
		--horizontal_margin_page_top: 3rem;
		background-color: var(--content_background_color);
	}
	body, html {
	  width: var(--html_and_body_width);
	  margin: 0 auto;
	}
	body {
		font-size: 93%;
		color: var(--text_color);
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		background-color: var(--content_background_color);
	}
	h2 {
		text-decoration: none;
		font-weight: normal;
		font-size: 117%;
		color: var(--lighter_red);
		line-height: 4;
		text-align: left;
		padding-right: 0;
		padding-bottom: 0;
	}
	/*header...-----------------------------------------*/
	#top-of-page {
		height: 0;
		background-color: var(--content_background_color);
	}
	.site-header {
		color: var(--text_color);
		margin-top: 0;
		margin-bottom: 0;
		background-color:  var(--content_background_color);
	}
	.site-header h1{
		font-size: 150%;
		color: var(--text_color);
	}
	#header-container {
		display: -webkit-flex;
		display: flex;
	}
	#header-site-title-and-navigations-mobile-container {
		display: none;
	}
	#header-site-title-desktop {
		-webkit-flex: 0.575;
		flex: 0.575;
		text-align: left;
		padding-left: 1.5rem;
		margin-bottom: 4rem;
		padding-top: 0.8rem;
	}
	#header-site-title-desktop a {
		display: block;
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
	#header-navigation-desktop {
		-webkit-flex: 1.155;
		flex: 1.155; 
		text-align: right;
		padding-right: 1.5rem;
		padding-bottom: 2.5rem;
		padding-top: 8.8rem;
		padding-bottom: 0;
		padding-top: 6.3rem;
	}
	.site-navigation ul{
		list-style-type: none;
		font-size: 117%;	
	}
	.site-navigation ul li {
		/*horizontal nebeneinander die menu-eintraege anzeigen, je als block, also umgebung auch klickbar*/	
		display: inline-block; /*20191003 von inline zu block geaendert. inline-block; 20180208 nur wenn minify css durchgefuehrt wird.*/		
		padding-top: 0;
		padding-right: 0;
		padding-left: 0; /*0.5rem; 20180208:nur wenn minify css durchgefuehrt wird. */
		padding-right: 0;
		margin-right: 0;
	}
	.site-navigation a:link,
	.site-navigation a:visited
	{
		color: var(--text_color);
		/*20191003*/
		display: block;
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
	.site-navigation a:hover,
	.site-navigation a:active {
		color: var(--site_title_navigation_hover_active);
	}
	/*Link des Menueelementes auf dessen untergeordneter Seite wir sind hervorheben:
	fuer categorie-menueeintraege und deren posts*/
	.current-menu-parent a:link,
	.current-menu-parent a:visited,
	/*Link des Menueelementes auf dessen Seite wir sind hervorheben:
	fuer page-menueeintraege*/
	.current_page_item a:link,
	.current_page_item a:visited{
		color: var(--lighter_red);
	}
	/*dropdown menus nicht anzeigen*/
	#nav-dropdown,
	.nav-dropdown-standard{
		display: none;
	}
	
	/*footer...----------------------------------------*/	
	.site-footer {
		font-size: 96%;
		border-top: 0;
		border-top-style: dotted;
		border-top-color: var(--background_color_desktop_tablet);
	}
	#footer-flex-container {
		display: -webkit-flex;
		display: flex;
	}
	#footer-flex-item-1 {
		-webkit-flex: 1;
		flex: 1;
		text-align: center;		
		padding-bottom: 1.8rem;
		padding-top: 0;
	}	
	/*photo post...---------------*/	
	#post-photo-flex-container {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		padding-bottom: 0;
		padding-top: 0;
		background-color: var(--content_background_color);
	}
	#current-position-between-photos-mobile{
		display: none;
	}
	#photo-nav-mobile-previous,
	#photo-nav-mobile-next {
		display: none;
	}
	#photo-navigation-previous-desktop-section {
		-webkit-flex: 0.75;
		flex: 0.75;
		text-align: right;
		padding-bottom: 5rem;
		padding-top: 5rem;
	}
	#post-photo-flex-item-3 {
		-webkit-flex: 2.3;
		flex: 2.3;
		padding-bottom: 1rem;
		padding-top: 2rem;
		height: 550px;
		align-self: center;
		vertical-align: middle;
	}
	img {
		max-width:120%;
		max-height: 120%;
	}
	.photograph-portrait img {
		max-height: 80%;
		max-width: 100%;
		vertical-align: middle;
		height: 540px;
		width: 360px;
	}
	.photograph-landscape {
		vertical-align: middle;
		padding-top: 6rem;
		padding-bottom: 4rem;
	}
	.photograph-landscape img{
		height: 360px;
		width: 540px;
	}
	.photograph {
		vertical-align: middle;
	}
	#photo-nav-mobile {
		display: none;
	}
	#photo-navigation-next-desktop-section {
		-webkit-flex: 0.75;
		flex: 0.75;
		text-align: right;
		padding-bottom: 5rem;
		padding-top: 5rem;
	}
	.photo-navigation-next-desktop a ,
	.photo-navigation-previous-desktop a{
		font-size: 1rem;
		display: block;
		padding-bottom: 5rem;
		padding-top: 5rem;
	}
	.photo-navigation-next-desktop a:link,
	.photo-navigation-next-desktop a:visited,
	.photo-navigation-previous-desktop a:link,
	.photo-navigation-previous-desktop a:visited{
		color: var(--lighter_red);
	}
	.photo-navigation-next-desktop a:active,
	.photo-navigation-next-desktop a:hover,
	.photo-navigation-previous-desktop a:active,
	.photo-navigation-previous-desktop a:hover{	
		color: var(--dark_grey);
	}
	.photo-navigation-previous-desktop{	
		font-size: 1rem;
		padding-left: 1.5rem;
		text-align: left;
	}
	.photo-navigation-next-desktop{
		font-size: 1rem;
		padding-right: 1.5rem;
	}
	#position-between-photos-flex-container {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		padding-bottom: 0;
		padding-top: 0;
		background-color: var(--content_background_color);
		padding-bottom: 6rem;
	}
	#position-between-photos-flex-item-1 {
		-webkit-flex: 1;
		flex: 1;
		text-align: center;
		padding-bottom: 0;
		padding-top: 0;
		margin-top: 5.5rem;
	}
	#current-position-between-photos {
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		
		-webkit-transform-origin: center center 0;
		-o-transform-origin: center center 0;	
		transform-origin: center center 0;
	}
	/**sonstige bereiche ausser photo-bereichen (about, contact)------------*/
	#about-text-flex-container-mobile,
	#world-text-flex-container-mobile {
		display: none;
	}
	/*dotted line oberhalb about und world*/
	#above-about-and-world-container-desktop {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		border-top: 4px;
		border-top-style: dotted;
		border-top-color: var(--background_color_desktop_tablet);
	}
	#about-and-world-text-flex-container-desktop {
		display: -webkit-flex;
		display: flex;
		align-items: flex-start;
		padding-bottom: 3rem;
		padding-top: 2rem;
		margin-top: 3rem;
		background-color: var(--content_background_color);
		border-top: 0;
	 }
	.about-text-flex-item{
		-webkit-flex: 2.2;
		flex: 2.2;
		line-height: 2;
	}
	.world-text-flex-item{
		-webkit-flex: 4;
		flex: 4;
		line-height: 2;
	}
	#about {
		text-align: left;
		padding-top: 0;
		padding-bottom: 0.5rem;
		padding-left: 1rem;
		padding-right: 1rem;
		margin-top: 0;
		margin-right: 0;
		margin-left: 0.5rem;
	}
	.world-text {
		text-align: left;
		padding-right: 1.5rem;
		padding-left: 3.3rem;
		padding-top: 0;
		padding-bottom: 0.5rem;
		margin-bottom: 0;
		margin-top: 0.29rem;
		margin-left: 0;
		margin-right: 0;
	}
	/*dotted line oberhalb footer contact desktop*/
	#above-footer-container-desktop {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		border-top: 4px;
		border-top-style: dotted;
		border-top-color: var(--background_color_desktop_tablet); 	
		margin-top: 2rem;
	}
	#contact-page-text-mobile {
		display: none;
	}
	/*fuer about und contact gemeinsam seite fuer desktop.mobile ist extra,anderer name*/
	/*flex container fuer contact invitation und physical address auf der about-contact seite fuer desktop*/
	#contact-page-text-desktop {
		display: -webkit-flex;
		display: flex;
		align-items: flex-start;
		padding-bottom: 0;
		margin-top: 0;
		padding-top: 3rem;
		padding-bottom: 3rem;
		background-color: var(--content_background_color);
		font-size: 94%;
	}
	#contact-text-desktop {
		-webkit-flex: 1;
		flex: 1;
		text-align: left;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-bottom: 0;
		line-height: 2;
		text-align: left;
	}
	#address-text{
		text-align: left;
		padding-right: 2rem;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-top: 0;
		line-height: 2;
	}
	#footer-top-link-and-copyright-container {
		display: -webkit-flex;
		display: flex;
		margin-top: 0.29rem; /*entspricht etwa 4px;*/
	}
	.footer {
		background-color: var(--content_background_color);
	}
	.footer-site-top-link {
		-webkit-flex: 0.2; 
		flex: 0.2;
		text-align: left;	
		margin-top: 1rem;
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 0;
		background-color: var(--content_background_color);
		font-size: 0.92rem;
	}
	.footer-site-top-link a {
		display: block;
		padding-top: 1.9rem;
		padding-bottom: 1.8rem;
		padding-left: 1.5rem;
	}
	.footer-site-top-link a:link,
	.footer-site-top-link a:visited {
		color: var(--lighter_red);
	}
	.footer-site-top-link a:hover,
	.footer-site-top-linkr a:active {
		color: var(--color_footer_site_top_link_desktop);
	}
	.copyright {
		-webkit-flex: 0.8;
		flex: 0.8;
		text-align: right;
		padding-left: 1.5rem;
		margin-top: 1rem;
		padding-bottom: 1.8rem;
		padding-top: 1.9rem;
		padding-right: 1.5rem;
		background-color: var(--content_background_color);
	}
	/* 20190908: eventuell bei mittlerem desktop viewportheight, von 969px bis 999px. vorerst weglassen, da zusaetzliche verkomplizierung. */
	/*@media only screen and (min-width: 968px) and (max-height: 999px) {
		#header-navigation-desktop {
			padding-bottom: 2.5rem; 
			padding-top: 7.5rem; 
		}
	}*/		
	
	/** TODO, 20190807: - fall schmaler als 968 aber breiter als 700: 
	evt about nebeneinander?  */
	
	/*20190702/20190907:fuer notebook mit niedriger viewporthoehe.
	 *aktuell auch fuer browserfenster mit niedriger hoehe auf groesseren monitoren.
	 *rand oben kleiner,
	 *menu auf gleicher hoehe wie seitentitel.
	 *rand zwischen bild unten und 1 of 16 etwas kuerzer.
	 *bild etwas kleiner.
	 *seitenbreite kleiner*/
	@media only screen and (orientation: landscape) and (max-height: 968px) {
		body {
			width: 600px;		
		}
		img {
			max-width: 100%;
			max-height: 100%;
		}
		.photograph-portrait img {
			max-height: 66.6%;
			max-width: 66.6%;
			vertical-align: middle;
			height: 472px;
			width: 309px;
		}
		.photograph-landscape img{
			height: 309px;
			width: 472px;
		}
		@media only screen and (orientation: landscape) and (max-height: 968px) and (min-height: 850px){
			#header-site-title-desktop {
				padding-top: 1.4rem;
			}
			#header-navigation-desktop {		
				/*menue desktop auf gleicher hoehe wie seitentitel*/
				padding-top: 1.9rem;
			}
		}
		@media only screen and (orientation: landscape) and (max-height: 849px){
			#header-site-title-desktop {
				padding-top: 0rem;
			}
			#header-navigation-desktop {		
				/*menue desktop auf gleicher hoehe wie seitentitel*/
				padding-top: 0.5rem;
			}
		}
		#header-site-title-desktop {
				padding-bottom: 0;
				margin-bottom: 1.5rem;
		}
		#header-navigation-desktop {
			padding-bottom: 0;
			margin-bottom: 0;
		}
		#position-between-photos-flex-item-1 {
			margin-top: 1.5rem;
		}
		#photo-navigation-previous-desktop-section,
		#photo-navigation-next-desktop-section {
			padding-bottom: 6.5rem;
			padding-top: 4rem;
		}
		#post-photo-flex-item-3 {
			height: 530px;
		}
		.photograph-landscape {
			padding-top: 5.1rem;
		}
	}
	/**Fall Horizontale Orientierung. Dann identisch mit Desktop-Version. 
	Hier steht explizit alles, das weiter unten im Fall von vertikaler Orientierung ueberschrieben wird. 
	Damit es sicher korrekt funktioniert, wenn zwischen beiden Faellen gewechselt wird.*/
	@media only screen and (orientation: landscape) {
		body {	
			width: var(--html_and_body_width); 
		}	
		#header-left-margin-tablet-container {
			display: none; 		
		}
		#header-site-title-desktop {
			-webkit-flex: 0.575; 
			flex: 0.575; 		
		}
		#header-navigation-desktop {
			-webkit-flex: 1.155; 
			flex: 1.155;	
		}
		#header-right-margin-tablet-container {
			display: none; 	
		}
		/**---------------------------------------------------------------*/
		#post-photo-left-margin-tablet-container {
			display: none; 
		}
		#photo-navigation-previous-desktop-section {
			-webkit-flex: 0.75;
			flex: 0.75;		
		}
		#post-photo-flex-item-3 {
			-webkit-flex: 2.3; 
			flex: 2.3; 		
		}
		#photo-navigation-next-desktop-section {
			-webkit-flex: 0.75;
			flex: 0.75;
		}
		#post-photo-right-margin-tablet-container {
			display: none; 
		}
		/**---------------------------------------------------------------- */
		#position-between-photos-flex-container {
			padding-bottom: 0;
			padding-bottom: 6rem;
		}
		#position-between-photos-left-margin-tablet-container {
			display: none; 
		}
		#position-between-photos-flex-item-1 {
			-webkit-flex: 1;
			flex: 1;	
		}
		#position-between-photos-right-margin-tablet-container {
			display: none; 
			text-align: center;
		}
		/**---------------------------------------------------------------- */
		#about-and-world-text-flex-container-desktop {
			padding-bottom: 3rem;
			padding-top: 2rem; 
		 }
		#about-and-world-left-margin-tablet-container {
			display: none; 
		}
		.about-text-flex-item{
			-webkit-flex: 2.2; 
			flex: 2.2; 			
			padding-bottom: 0; 
			padding-top: 0;
		}
		.world-text-flex-item{
			-webkit-flex: 4; 
			flex: 4; 		
			padding-bottom: 0; 
			padding-top: 0;
		}
		#about-and-world-right-margin-tablet-container {
			display: none; 
		}
		/**---------------------------------------------------------------- */
		#footer-left-margin-tablet-container {
			display: none; 
		}
		#footer-flex-item-1 {
			-webkit-flex: 1;
			flex: 1;
		}
		#footer-right-margin-tablet-container {
			display: none; 
		}	
	}
	/** TODO, 2019-08-07 
	20180121: 
		Falls verkleinerung der desktop seite zur anzeige in horizontalem tablet, 
		dann anzeige eines hintergrundfarbigem rands links und rechts von der seite 
		(wie auf desktop oder tablet horizontal auch, 
		dort ist das der hintergrund ausserhalb des html, 
		der wird bei verkleinerung nicht angezeigt, 
		daher in diesem fall hier technisch anders geloest) */
	@media only screen and (orientation: portrait ) {
		body {
			width: 950px
		}
		#header-left-margin-tablet-container {
			-webkit-flex: 0.056;
			flex: 0.056;
			background-color: var(--content_background_color);
		}
		#header-site-title-desktop {
			-webkit-flex: 0.555;
			flex: 0.555;
		}
		#header-navigation-desktop {
			-webkit-flex: 1.115;
			flex: 1.115;
		}
		#header-right-margin-tablet-container {
			-webkit-flex: 0.056;
			flex: 0.056;
			background-color: var(--content_background_color);
		}
		/**---------------------------------------------------------------*/
		#post-photo-left-margin-tablet-container  {
			-webkit-flex: 0.13;
			flex: 0.13;
			padding-bottom: 0;
			padding-top: 5rem;
			height: 550px;
			background-color: var(--content_background_color);
		}
		#photo-navigation-previous-desktop-section {
			-webkit-flex: 0.73;
			flex: 0.73;
		}
		#post-photo-flex-item-3 {
			-webkit-flex: 2.23;
			flex: 2.23;
		}
		#photo-navigation-next-desktop-section {
			-webkit-flex: 0.73;
			flex: 0.73;
		}
		#post-photo-right-margin-tablet-container {
			-webkit-flex: 0.13;
			flex: 0.13;
			background-color: var(--content_background_color);
			padding-bottom: 0;
			padding-top: 5rem;
			height: 550px;
		}
		/**----------------------------------------------------------------*/
		#position-between-photos-flex-container {
			padding-bottom: 0;
		}
		#position-between-photos-left-margin-tablet-container {
			-webkit-flex: 0.030;
			flex: 0.030;
			background-color: var(--content_background_color);
			padding-bottom: 7rem;
		}
		#position-between-photos-flex-item-1 {
			-webkit-flex: 0.96;
			flex: 0.96;
			padding-bottom: 5rem;
		}
		#position-between-photos-right-margin-tablet-container {
			-webkit-flex: 0.03;
			flex: 0.03;
			background-color: var(--content_background_color);
			padding-bottom: 7rem;
		}
		/**----------------------------------------------------------------*/
		#about-and-world-text-flex-container-desktop {
			padding-bottom: 0;
			padding-top: 0;
		 }
		#about-and-world-left-margin-tablet-container {
			-webkit-flex: 0.16;
			flex: 0.16;
			background-color: var(--content_background_color);
			padding-top: 14rem;
			padding-bottom: 15rem;
		}
		.about-text-flex-item{
			-webkit-flex: 1.7;
			flex: 1.7;
			padding-bottom: 3rem;
			padding-top: 2rem;
		}
		.world-text-flex-item{
			-webkit-flex: 3.2;
			flex: 3.2;
			padding-bottom: 3rem;
			padding-top: 2rem;
		}
		#about-and-world-right-margin-tablet-container {
			-webkit-flex: 0.16;
			flex: 0.16;
			background-color: var(--content_background_color);
			padding-top: 14rem;
			padding-bottom: 15rem;
		}
		/**----------------------------------------------------------------*/
		#footer-left-margin-tablet-container {
			-webkit-flex: 0.03;
			flex: 0.03;
			background-color: var(--content_background_color);
		}
		#footer-flex-item-1 {
			-webkit-flex: 0.96;
			flex: 0.96;
		}
		#footer-right-margin-tablet-container {
			-webkit-flex: 0.03;
			flex: 0.03;
			background-color: var(--content_background_color);
		}
	}
}
/* ------------end desktop und tablet version-----------------------------------------------------------------------------------------------------------------------*/