/*
Theme Name: :: Memories-BoEg / Photo-Album ::
Author: B.E
Author URI: https://memories.boeg.xyz
Version: 1.0
*/

/*
@media (prefers-color-scheme: dark) {
  html { filter: invert(100%); }
  img { filter: invert(100%); }
  #logo_icon_heart { fill: #ffffff; }
  #article_title { color:#000000; }
  #article_excerpt_date { color:#000000; }
  #article_excerpt { color:#000000; }
  #article_date { color:#000000; }
}
*/

/* HP */

html { scroll-behavior: smooth; }

html, body, main, article, div, header, nav, inhalt, footer, input, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, font, img, dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

/* body */

body { 
	padding: 2.4em 0 0 0;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
	
a:link { color:#000000; text-decoration:none; }
a:visited {color:#000000; text-decoration:none; }
a:hover { color:#007aff; text-decoration:none; }

/* header */
/* #=Id .=class */
	
header {
	z-index: 999;
	position: fixed;
	top: 0;
	width: 100%; 
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0.1em 0.2em #a1a1a1; }
	
.top-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 2.4em; }

/* Logo */
	
.navlogo {
	flex: 1 auto;
	justify-content: flex-start;
	align-self: flex-start; }

#logo {
	width: 2.6em;
    height: 2.6em;
	padding: 0.2em 0 0 0.5em;}	

a svg:hover #logo_icon_gabelloeffel {
	filter: drop-shadow(0 0.1em 0.2em rgba(0, 0, 0, 1));
	transition-duration: 0.2s;	}

a svg:hover #logo_icon_heart {
	fill: #007aff;
	transition-duration: 0.2s;	}

/* Navigation */
	
.navmenu-essen {
	justify-content: flex-end;
	align-content: center;	}
	
.navmenu-reisen {
	justify-content: flex-end;
	align-content: center;	}
	
.navmenu-map {
	justify-content: flex-end;
	align-content: center;	}
	
.navmenu-search {
	justify-content: flex-end;
	align-content: center;	}
	
#menuicon-essen  { 
	width: 1.7em;
	height: 1.7em;
	padding: 0.2em 0 0 0; }
	
a svg:hover #micon-essen {
	fill: #007aff;
    transition-duration: 0.2s; }
	
#menuicon-reisen { 
	width: 1.8em;
	height: 1.8em;
	padding: 0.2em 0 0 0.4em; }

a svg:hover #micon-reisen {
	fill: #007aff;
    transition-duration: 0.2s; }	

#menuicon-weltkarte { 
	width: 1.6em;
	height: 1.6em;
	padding: 0 0.4em 0 0.4em; }
	
a svg:hover #micon-weltkarte {
	fill: #007aff;
    transition-duration: 0.2s; }
	
#menuicon-search { 
	width: 1.7em;
	height: 1.8em;
	padding: 0.3em 0.5em 0 0; }
	
a svg:hover #micon-search {
	fill: #007aff;
    transition-duration: 0.2s; }
	

/* für EG: <img src="%eg-eg_cat_icon%" class="eg_icon" /> */

.eg_icon{
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(86deg) brightness(104%) contrast(101%);
	opacity: .4;
	width: 0.7em;
	height: 0.7em; }
	
/* Inhalt */
	
#article_title {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
	padding: 0.4em 0 0.2em 0;	}
	
#article_excerpt_date {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0.3em 0 0 0;}

#article_excerpt {
	font-size: 0.8em;
	font-weight: 600;
	font-style:italic;
	text-align: center; }
	
#article_date {
	font-size: 0.8em;
	font-weight: 300;
	font-style: italic;
	text-align: center; }
	
/* Kategorienicon */
	
#article_kategorienicon {
	display: flex;
	justify-content: center;
	align-items: center; }

#article_kategorieicon-essen { 
	width: 1.5em;
	height: 1.5em; }
	
#katicon-essen { 
	fill:#007aff; }
	
a svg:hover #katicon-essen {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
	
#article_kategorieicon-reisen { 
	width: 1.5em;
	height: 1.5em; }

#katicon-reisen { 
	fill:#007aff; }
	
a svg:hover #katicon-reisen {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
	
	
/* Mini-Navigation */

#mininav_icons_txt {
	font-size: 1em;
 	font-weight: 600;
	color: #000000;
	background-image: url('https://memories.boeg.xyz/wp-content/uploads/icons/gm-backgroundimage.svg');
	background-repeat: no-repeat;
    background-size: 1.4em 1.4em;
	padding: 0 0 0.2em 0.2em;	}
	
	
#mininav_icons_txt:hover {
	color: #D3072B; }
	
	
#mininav_icons_myop {
	font-size: 1.1em;
 	font-weight: 600;
	color: #007aff;
	vertical-align: super;
	padding: 0 0 0 0.2em;	}
	
#mininav_icons_myop:hover {
	color: #f39200; }
 
	
#mininav_icons {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.2em 0 0 0; }

	
#mininav_standort { 
	fill:#ff0000; }
	
#mininav_standort_gr { 
	width: 1.1em;
	height: 1.1em; }

a svg:hover #mininav_standort {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
	
	
#mininav_motorrad { 
	fill:#007aff;
	 }
	 
#mininav_motorrad_gr { 
	width: 1.2em;
	height: 1.2em; }

a svg:hover #mininav_motorrad {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
	
	
#mininav_wandern { 
	fill:#008000;
	 }
	 
#mininav_wandern_gr { 
	width: 1.3em;
	height: 1.3em; }

a svg:hover #mininav_wandern {
	fill:#f39200;
	stroke:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
	
#mininav_zufuss { 
	fill:#008000;
	 }
	 
#mininav_zufuss_gr { 
	width: 1.2em;
	height: 1.2em; }

a svg:hover #mininav_zufuss {
	fill:#f39200;
	stroke:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
	
#mininav_sightseeing { 
	fill:#008000;
	 }
	 
#mininav_sightseeing_gr { 
	width: 1.5em;
	height: 1.5em; }

a svg:hover .mininav_sightseeing {
	fill:#f39200;
	stroke:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }


#mininav_flugzeug { 
	fill:#007aff;
	 }
	 
#mininav_flugzeug_gr { 
	width: 1.2em;
	height: 1.2em; }

a svg:hover #mininav_flugzeug {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }


#mininav_schiff { 
	fill:#007aff;
	 }
	 
#mininav_schiff_gr { 
	width: 1.2em;
	height: 1.2em; }

a svg:hover #mininav_schiff {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }


#mininav_faehre { 
	fill:#007aff;
	 }
	 
#mininav_faehre_gr { 
	width: 1.2em;
	height: 1.2em; }

a svg:hover #mininav_faehre {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
	
	
#mininav_velo { 
	fill:#008000;
	 }
	 
#mininav_velo_gr { 
	width: 1.3em;
	height: 1.3em; }

a svg:hover #mininav_velo {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }	


#mininav_zug { 
	fill:#007aff;
	 }
	 
#mininav_zug_gr { 
	width: 1.2em;
	height: 1.2em; }

a svg:hover #mininav_zug {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }

	
#mininav_auto { 
	fill:#007aff;
	 }
	 
#mininav_auto_gr { 
	width: 1.25em;
	height: 1.25em;
	padding: 0.1em 0 0 0; }

a svg:hover #mininav_auto {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }


#mininav_bahnen { 
	fill:#008000;
	 }
	 
#mininav_bahnen_gr { 
	width: 1.1em;
	height: 1.1em; }

a svg:hover #mininav_bahnen {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
	
#mininav_michelin { 
	fill:#D3072B;
	 }
	 
#mininav_michelin_gr1 { 
	width: 1.0em;
	height: 1.0em;
	padding: 0 0 0 0.3em; }
	
#mininav_michelin_gr2 { 
	width: 1.9em;
	height: 1.9em; 
	padding: 0 0 0 0.3em; }
	
#mininav_michelin_gr3 { 
	width: 3.0em;
	height: 3.0em; 
	padding: 0 0 0 0.3em; }

a svg:hover #mininav_michelin {
	fill:#f39200;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }

	
/* Article */

.inhalt {
	justify-content: center;
	align-items: center;
	align-content: center;
	text-align: center;	}
	

.duckduckgo { margin: 1em 0 0 0 !important;}

.duckduckgo a:hover { filter: invert(49%) sepia(89%) saturate(5992%) hue-rotate(201deg) brightness(103%) contrast(106%); }
	
/* Seitennavigation */
	
#article_navigation {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0 0 0.6em 0;	}
	 
#article_navigation_previous a {
	border: 0.2em solid #000000;
	border-radius: 2em 2em 2em 2em;
	padding: 0.2em 0.5em 0.2em 0.5em; }
	
#article_navigation_previous a:hover {
	color: #ffffff ;
	background-color: #000000; }

#article_navigation_top a {
	border: 0.2em solid #000000;
	border-radius: 1.5em;
	padding: 0.2em 0.2em 0.3em 0.2em;
	margin: 0 1em 0 1em; }
	
#article_navigation_top	a:hover {
	color: #ffffff ;
	background-color: #000000; }

#article_navigation_next a {
	border: 0.2em solid #000000;
	border-radius: 2em 2em 2em 2em;
	padding: 0.2em 0.5em 0.2em 0.5em; }
	
#article_navigation_next a:hover {
	color: #ffffff ;
	background-color: #000000; }

/* Tag-Cloud */

.tagcloud {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin: 0.8em 0em 0em 0em; }

.tagcloud a {
	font-size: 1em;
	color: #000000;
	border: 0.1em solid #000000;
	padding: 0.1em 0.4em 0.1em 0.4em;
	line-height: 1em;
	white-space: nowrap;
	margin: 0.1em; }
  
.tagcloud a:hover {
	color: #ffffff;
	border: 0.1em solid #ffffff;
	background-color: #000000; }
	
.tag-cloud-link { 
	font-size:1em !important;
}
	
/* Footer */

footer {
	flex: 1 100%;
	align-items: center;
	text-align: center;
	padding: 0 0 0.5em 0;	}

.copyright-footer {
	font-size: 0.5em;
 	font-weight: 400;
	text-align: center; }
	
/* Suche */

#top_search {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 1em 0 0 0;	}
	
#search_lupe { 
	width: 1.7em;
	height: 1.7em; }
	
#search_lupe_icon { 
	fill:#007aff; }
#search_lupe_icon_I { 
	fill:#007aff; }

#article_search {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin: 1em 0 0 0;	}

#form_search {
	border: 0.2em solid #000000;
	border-radius: 0em 2em 2em 2em;
	padding: 0em 0em 0em 0.5em; }

.search_input_text { 
	outline: 0;
	padding: 0.2em 0.2em 0.2em 0.5em;	}
	
#search_submit_text {
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 2.5em;
	height: 2.2em;
	font-size: 1rem;
	font-weight: 900;
	border: 0.2em solid #ffffff;
	border-radius: 0em 2em 2em 0em;
	background-color: #000000;
    color: #ffffff;
    cursor: pointer; }

#search_submit_text:hover {
	color: #ffffff;
	background-color: #007aff; }
	
/* Contact */

#contact_link_mailicon {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	filter: invert(49%) sepia(89%) saturate(5992%) hue-rotate(201deg) brightness(103%) contrast(106%);
	margin: 1em 0em 0em 0em; }

#contact_link_text {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 1em 0em 0em 0em; }
	
#insta_link_text { 
	width: 3.2em;
	height: 3.2em; }	

#contact_link_icon {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 1em 0em 0em 0em; }
	
#insta_link_icon { 
	width: 3.2em;
	height: 3.2em; }
	
a svg:hover #insta_link_icon_svg_weissrand1 {
	filter: drop-shadow(0 0.1em 0.2em rgba(0, 0, 0, 1));
	transition-duration: 0.2s;
	fill:#007aff; }
	
a svg:hover #insta_link_icon_svg_weissrand2 {
	filter: drop-shadow(0 0.1em 0.2em rgba(0, 0, 0, 1));
	transition-duration: 0.2s;
	fill:#007aff; }

a svg:hover #insta_link_icon_svg_weissrand3 {
	filter: drop-shadow(0 0.1em 0.2em rgba(0, 0, 0, 1));
	transition-duration: 0.2s;
	fill:#007aff; }
	
/* WPGoogle Maps */

.gmap_font {
	font-weight: 700;
	font-size: 12px; }
	
/* Valuation */
	
.inhalt_valuation {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 1.5em 0 0 0;}	

.valuation_sp1 {
	flex: 0 1 25%; }
	
.valuation_sp2 {
	flex: 1 0 auto; }
	
.valuation_icon {
	text-align: left;
	font-size: 1.5em;
 	font-weight: 500;
	}
	
.valuation_food_icon {
	color: #007aff;
	}
	
.valuation_smiley {
	vertical-align: middle;
	width: 1.3em;
	height: 1.3em; }
	
.valuation_service_icon {
	color: #ed1b24;
	}
	
/* 404 */

#top_notfound_404 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 1em 0em 0em 0em; }
	
#notfound_404_icon { 
	width: 3.2em;
	height: 2.3em; }
	
#notfound_404_icon_can { 
	fill:#007aff; }