/*
Theme Name: Bootstrap Basic
Theme URI: 
Author: Vee Winch
Author URI: http://okvee.net
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy.
Version: 1.0.2
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: buterbrod-und-spiele
Domain Path: /languages/
Tags: white, gray, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/


/* ==========================================================================
   ROOT / BASICS
   ========================================================================== */

:root {
	--red: #E63700; 		/* rgb(230,55,0) */

	--white: #FFFFFF;
	--whiteblue: #F3F8FA;	/* rgb(243,243,250) 95% WHITE 	*/	
	--lightblue: #5B9EB9; 	/* rgb(91,158,185) 	33% WHITE 	*/
	--blue: #0A6E96; 		/* rgb(10,110,150) 				*/
	--darkblue: #05374B; 	/* rgb(5,55,75) 	50% BLACK 	*/
	--black: #010B0F; 		/* rgb(1,11,15) 	90% BLACK 	*/	 


	--rgba_25_red: rgba(230,55,0,0.25);
	--rgba_50_red: rgba(230,55,0,0.5);

	--rgba_25_blue: rgba(10,110,150,0.25);
	--rgba_25_darkblue: rgba(5,55,75,0.25);
	--rgba_25_white: rgba(255,255,255,0.25);
	--rgba_25_black: rgba(30,20,0,0.25);

	--rgba_10_black: rgba(30,20,0,0.10);

	--rgba_50_blue: rgba(10,110,150,0.5);
	--rgba_50_darkblue: rgba(5,55,75,0.5);
	
	--rgba_50_white: rgba(255,255,255,0.5);
	--rgba_50_black: rgba(1,11,15,0.5);
	
	font-size: 16px;
}


/* width and height on 100% in use for SIDENAV, not working with jQuery window.scroll */   

body, html { height: 100%; }

body {
	position: relative;
	color: var(--black);
 	background-color: var(--white);
	overflow-x: hidden;
}

iframe { border: 0 none; }

.site-loaded { #background-color: purple; }


@media ( max-width: 767px ) { [class*=col-] { margin-bottom: 3rem; } }
@media ( min-width: 768px ) { [class*=col-] { margin-bottom: 6rem; } }

.site-header [class*=col-], 
.supporter [class*=col-], 
.site-title-container [class*=col-],
.cats-and-tags [class*=col-],
.nomargin-bottom	{ margin-bottom: 0; }



/* ==========================================================================
   FLEX
   ========================================================================== */


.flex-row { display: flex; flex-direction: row; }
.flex-col { display: flex; flex-direction: column; }

.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }

.justify-content-start { justify-content: flex-start; }
.justify-content-space-between { justify-content: space-between; }

.align-items-center {  align-items: center;  }
.align-items-stretch {  align-items: stretch;  }
.align-items-end {  align-items: flex-end;  }


.flex-item { flex: 0 1 auto; }
.flex-grow { flex-grow: 1; }

.flex-row > div[class*='col-'] { 
	display: flex;
	flex: 0 1 auto;
}

.flex-row > div[class*='col-']:not([class*='col-xs-offset-']),  
.flex-row > div[class*='col-']:not([class*='col-sm-offset-']),  
.flex-row > div[class*='col-']:not([class*='col-md-offset-']),  
.flex-row > div[class*='col-']:not([class*='col-lg-offset-']) { 
	margin-left: -0.25px; /* hack adjust for wrapping */
	margin-right: -0.25px; /* hack adjust for wrapping */
}

.flex-row > div[class*=col-xs-offset-],
.flex-row > div[class*=col-sm-offset-],
.flex-row > div[class*=col-md-offset-],
.flex-row > div[class*=col-lg-offset-] { 
	margin-right: -0.5px; /* hack adjust for wrapping */
}

.flex-row div[class*='col-'] > div { width:100%; }



/* ==========================================================================
   COLORS
   ========================================================================== */


.red, .site-title a	{ color: #EB3C0F; } /* RED 235 60 15 #EB3C0F */
.blue 		{ color: #0A6E96; } 		/* BLUE 10 110 150 #0A6E96 */
.darkblue 	{ color: #05374b; } 		/* BLUE 5 55 75 #0A6E96 */
.white		{ color: #FFFFFF; } 		
.black		{ color: #1E1400; } 		/* BLACK 30	20 0 #1E1400 */

.sovjetred {} /* SOVJETRED 217 0 0 #D90000 */
.sovjetyellow {} /* SOVJETYELLOW 252 209 22 #FCD116 */

a, a:hover { color: #1E1400; }

.red-back	{ background-color: #EB3C0F; }
.blue-back	{ background-color: #0A6E96; }
.white-back { background-color: #FFFFFF; }
.black-back { background-color: #1E1400; }



:-moz-selection { background: #1E1400; color: #FFF;  }
:-selection { background: #1E1400; color: #FFF;  }


.border-1px-solid-red 		{ border: 1px solid var(--red); }
.border-1px-solid-darkblue	{ border: 1px solid var(--darkblue); }

.border-2px-solid-red 		{ border: 2px solid var(--red); }
.border-2px-solid-darkblue	{ border: 2px solid var(--darkblue); }

.border-3px-solid-red		{ border: 3px solid var(--red); }
.border-3px-solid-darkblue	{ border: 3px solid var(--darkblue); }





/* ==========================================================================
   LINKS
   ========================================================================== */

a, a:hover, a:focus, a:visited { 
	color: inherit;
	text-decoration: none;
	background-color: transparent;
	border: 0 none;
	outline: 0;
} 


/* SIMPLE DECORATION */

.card .card-content a, a.read-more, .entry-meta.copyright a,
#map a  { color: var(--red); }

.card .card-content a:hover, .entry-meta.copyright a:hover,
#map a:hover { text-decoration: underline; }

.card .card-content a:active, .entry-meta.copyright a:active,
#map a:active { color: var(--white); background-color: var(--red); } 



/* ARTICLE DECORATION */

.article-body-container a, .taxonomy-description a {

	padding: 0px 5px;

	line-height: 0;

	overflow-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word;

	-webkit-hyphens: none; 
	-moz-hyphens: none; 
	hyphens: none;

	-webkit-box-shadow: var(--rgba_50_red) 0 -3px 0 inset;
	   -moz-box-shadow: var(--rgba_50_red) 0 -3px 0 inset;
			box-shadow: var(--rgba_50_red) 0 -3px 0 inset;
	

	-webkit-transition: -webkit-box-shadow .15s ease;
			transition: -webkit-box-shadow .15s ease;
					transition: box-shadow .15s ease;
					transition: box-shadow .15s ease, -webkit-box-shadow .25s ease; 

}

.article-body-container a:hover, .article-body-container a:focus,
.taxonomy-description a:hover, .taxonomy-description a:focus {

	-webkit-box-shadow: var(--rgba_50_red) 0 -6px 0 inset;
	   -moz-box-shadow: var(--rgba_50_red) 0 -6px 0 inset;
			box-shadow: var(--rgba_50_red) 0 -6px 0 inset; 
}





/* NO DECORATION */

a[rel~="image-link"], a:hover [rel~="image-link"], a:focus [rel~="image-link"],
a.no-decoration,  a.no-decoration:hover, a.no-decoration:focus,
a.smcf-link, a.smcf-link:hover, a.smcf-link:focus, 
.pages-container a.entry-title,
#map a, #map a:hover, #map a:active  {
	padding: 0px; 
	text-decoration: none;
	border-bottom: 0 none;
	background: unset;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}



/* ==========================================================================
   TYPO
   ========================================================================== */



html {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

html, body {
	font-family: 'Vollkorn', 'Gerogia', serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;

	-webkit-font-smoothing: subpixel-antialiased;
}

@media ( max-width: 767px )  { html, body { font-size: 1.125rem; } } /* 18 */
@media ( min-width: 768px )  { html, body { font-size: 1.250rem; } } /* 20 */
@media ( min-width: 992px )  { html, body { font-size: 1.250rem; } } /* 20 */

	
p { 
	margin: 0 0 20px 0;  
	-webkit-hyphens: auto; 
	-moz-hyphens: auto; 
	hyphens: auto;
}

p:last-child { margin: 0 0 0 0; }


strong, b {
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6, .entry-title, blockquote {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.05em; 
	line-height: 1.3;
	margin-top: 0; 
	margin-bottom: 1rem;
}

button,
.entry-label,
.article-teaser,
.smcf-link { 
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.01em;
}


.navbar .nav>li>a,
.entry-meta,
.caption, 
.article-author,
.entry-footer {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 300;
}



h1 { font-size: 2.25em; }
h2 { font-size: 2em; 	 }
h3 { font-size: 1.5em;  }
h4 { font-size: 1.375em; }
h5 { font-size: 1.1875em; }
h6 { font-size: 1em; }

.entry-meta, .caption, .entry-footer { font-size: 0.65em; }


.site-header .site-description h4, .site-header .site-description h6 { color: #ffffff; text-shadow: 0px 0px 5px #333333;  margin: 0; padding: 0; }
.site-header .site-description h4 { margin-top: 10px; }


@media ( max-width: 575px )  { .site-header .site-description h4 { font-size: 12px; font-weight: 300; } .site-header .site-description h6 { font-size: 12px; font-weight: 300; display: none;  } }
@media ( min-width: 576px )  { .site-header .site-description h4 { font-size: 14px; font-weight: 500; } .site-header .site-description h6 { font-size: 12px; font-weight: 300; display: block; } }
@media ( min-width: 768px )  { .site-header .site-description h4 { font-size: 16px; font-weight: 500; } .site-header .site-description h6 { font-size: 16px; font-weight: 300; display: block; } }
@media ( min-width: 992px )  { .site-header .site-description h4 { font-size: 16px; font-weight: 500; } .site-header .site-description h6 { font-size: 16px; font-weight: 300; display: block; } }



@media ( max-width: 575px ) 								{ .article-heading-container .entry-title { font-size: 2.0rem; } .article-heading-container .entry-label { font-size: 1rem; } }
@media ( min-width: 576px ) and ( orientation: portrait  ) 	{ .article-heading-container .entry-title { font-size: 2.0rem; } .article-heading-container .entry-label { font-size: 1rem; } }
@media ( min-width: 576px ) and ( orientation: landscape ) 	{ .article-heading-container .entry-title { font-size: 2.0rem; } .article-heading-container .entry-label { font-size: 1rem; } }
@media ( min-width: 768px ) 								{ .article-heading-container .entry-title { font-size: 2.0em; } .article-heading-container .entry-label { font-size: 24px; } }
@media ( min-width: 768px )									{ .article-heading-container .entry-title { font-size: 2.0em; } .article-heading-container .entry-label { font-size: 24px; } }
@media ( min-width: 992px ) 								{ .article-heading-container .entry-title { font-size: 3.0em; } .article-heading-container .entry-label { font-size: 1.5em; } }
@media ( min-width: 1200px) 								{ .article-heading-container .entry-title { font-size: 3.5em; } .article-heading-container .entry-label { font-size: 1.5em; } }



.site-description span { white-space: nowrap; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.nowrap { white-space: nowrap; }

blockquote { font-size: 1.25em; }



/* ==========================================================================
   GENERAL 
   ========================================================================== */

/*  SHADOWS */

.box-shadow {
	-webkit-box-shadow: 5px 5px 0px 0px rgba(5,55,75,0.5);
	   -moz-box-shadow: 5px 5px 0px 0px rgba(5,55,75,0.5);
			box-shadow: 5px 5px 0px 0px rgba(5,55,75,0.5);

	-webkit-transition: -webkit-box-shadow .25s ease;
			transition: -webkit-box-shadow .25s ease;
			transition: box-shadow .25s ease;
			transition: box-shadow .25s ease, -webkit-box-shadow .25s ease; 
}

.box-shadow.anime:hover, .box-shadow.anime:active {
	-webkit-box-shadow: 10px 10px 0px 0px rgba(5,55,75,0.5);
	   -moz-box-shadow: 10px 10px 0px 0px rgba(5,55,75,0.5);
			box-shadow: 10px 10px 0px 0px rgba(5,55,75,0.5);

}


.box-shadow-blur {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(5,55,75,0.5);
	   -moz-box-shadow: 0px 0px 8px 0px rgba(5,55,75,0.5);
	   		box-shadow: 0px 0px 8px 0px rgba(5,55,75,0.5);
}


.text-shadow { text-shadow: 0px 0px 5px #333333; }



/*  PADDINGS */

.padding-20-30 { padding: 15px 30px; }
.padding-30 { padding: 30px; }


/* ==========================================================================
   IMAGE BEHAVIOUR CENTER / OVERFLOW / CONTAINING
   ========================================================================== */

.image-container-wrapper { 	
	position: relative;
	border: 1px solid var(--rgba_10_black);
	overflow: hidden;
}

.image-container-wrapper:before {
	display: block;
	content: "";
	width: 100%;
}


.sixteen-ten:before { padding-top: 62.50%; }
.sixteen-nine:before { padding-top: 56.25%; }
.five-four:before { padding-top: 80%; }
.four-five:before { padding-top: 125%; }
.four-three:before { padding-top: 75%; }
.three-four:before { padding-top: 133.333334%; }
.three-two:before { padding-top: 66.666667%; }
.two-three:before { padding-top: 150%; }

.image-container-wrapper > .image-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: block;
}


.image-container a {
	display: block;	
	text-decoration: none;
	border: 0 none;
	height: 100%;
}

.image-container img {
	position: relative;
	max-width: 100%;
	height: auto;
}

.image-container.v-align-top, 
.image-container.v-align-center,
.image-container.v-align-bottom { 
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.image-container img  {
	position: relative;
	min-width: 100%;
	min-height: 100%;
	
	width: auto;
	height: auto;

	overflow: hidden;

}

.image-container.v-align-top img {
	top: 0%; left: 50%;
	-webkit-transform: translateX(-50%) translateY(0%);
	transform: translateX(-50%) translateY(0%);
}

.image-container.v-align-center img {
	top: 50%; left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.image-container.v-align-bottom img {
	bottom: 0%; left: 50%;
	-webkit-transform: translateX(-50%) translateY(50%);
	transform: translateX(-50%) translateY(50%);
}

.caption { padding: 10px 30px; }


/* ==========================================================================
   NAVIGATION
   ========================================================================== */

.navbar .site-title { margin-top: 60px; padding: 0px 30px 0px 30px; }
.navbar .site-description { margin-top: 20px; margin-left: 10px; margin-right: 10px; }
.navbar .site-description h4 { font-size: 14px; margin: 0; padding: 0; font-weight: 500; }
.navbar .site-description h6 {font-size: 12px;  margin-top: 10px; padding: 0; font-weight: 500; }
.navbar .site-description span, .navbar .site-description span { white-space: nowrap; }
.navbar-nav { float: none;  width: 220px; }
.navbar-nav>li { float: none; }

.navbar .nav>li>a, .navbar .nav>li>a:hover, .navbar .nav>li>a:focus { 
	font-size: 16px; 
	text-decoration: none; 
	border-bottom: 0px none;
	background: transparent; 
	color: #FFFFFF;
	text-shadow: 0 0 0 rgba(255, 255, 255, 0.25);
	
	-webkit-box-shadow: none;
			box-shadow: none;
}

.navbar .nav>li>a:hover, .navbar .nav>li>a:focus, .nav>li.active>a {
	color: #EC4415;
}

.navbar .socialmedia { margin: 20px 0 40px; }
.navbar .socialmedia a { margin: 0 5px; }
.navbar .socialmedia a, .navbar .socialmedia a:hover, .navbar .socialmedia a:focus {  
	color: #FFFFFF; 
	order-bottom: 0 none; 	
	-webkit-box-shadow: none;
			box-shadow: none;
}



/* ==========================================================================
   SITE HEADER
   ========================================================================== */

.site-header {
	box-sizing: border-box;
	position: fixed;
	width: 100vw;
	height: 60px;
}


.site-header .site-header-background {
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	background-color: var(--black);
	opacity: 0.75
}


.site-header-container, .site-header-container .row { pointer-events: none;  }
.site-header-container .site-menu, 
.site-header-container .site-title,
.site-header-container .supporter { pointer-events: auto;  }


.site-header .site-title h2 {
	margin: 0; 
	margin-top: 10px;
	background-color: #ffffff;
	border: 1px solid #333333;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(5, 55, 75, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(5, 55, 75, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(5, 55, 75, 0.2);
}

@media (max-width: 575px)  { .site-header .site-title h2 { padding: 0.1em; } }
@media (min-width: 576px)  { .site-header .site-title h2 { padding: 0.1em; } }
@media (min-width: 768px)  { .site-header .site-title h2 { padding: 0.2em; } }
@media (min-width: 992px)  { .site-header .site-title h2 { padding: 0.2em; } }
@media (min-width: 1200px) { .site-header .site-title h2 { padding: 0em 0.2em 0.2em; } }

.blog .site-header.affix-top .site-title, 
.blog .site-header.affix-top .site-description,
.archive .site-header.affix-top .site-title, 
.archive .site-header.affix-top .site-description { 
	opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out;
	   -moz-transition: opacity .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out;
		 -o-transition: opacity .5s ease-in-out;
			transition: opacity .5s ease-in-out;
}

.blog .site-header.affix .site-title, 
.blog .site-header.affix .site-description,
.archive .site-header.affix .site-title, 
.archive .site-header.affix .site-description { 
	opacity: 1; 
	-webkit-transition: opacity .5s ease-in-out;
	   -moz-transition: opacity .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out;
		 -o-transition: opacity .5s ease-in-out;
			transition: opacity .5s ease-in-out;
}


/* ==========================================================================
   SITE SUPPORTER
   ========================================================================== */


.supporter {  box-sizing: border-box; border: 0px solid #FFFFFF; }

.supporter ul { list-style: none; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; margin: 0; padding: 0; }
.supporter ul li { flex: 1;  margin: 0; }
.supporter a { border: 0 none; line-height: 0; }

.supporter ul li a img { padding: 1rem; }

.site-header .supporter ul { height: 60px; padding-top: .2rem; }


/*.site-header .supporter ul { border: 1px solid #fff; }*/
/*.site-header .supporter ul li { border: 1px solid #0ff; } */
/*.site-header .supporter ul li img { border: 1px solid #f00; }*/


@media (min-width: 768px)  { .site-header .supporter ul { width: 320px; } .site-header .supporter ul li { padding-right: 1.0rem; } }
@media (min-width: 992px)  { .site-header .supporter ul { width: 450px; } .site-header .supporter ul li { padding-right: 1.5rem; } }
@media (min-width: 1200px) { .site-header .supporter ul { width: 600px; } .site-header .supporter ul li { padding-right: 2.0rem; } }


.site-main .supporter-container { margin-bottom: 3rem; }
.site-main .supporter .coop { margin-bottom: 2rem; }
.site-main .supporter ul li:last-child { padding-right: 0px; } 



/* ==========================================================================
   HEADER VIDEO HEADING CONTAINER
   ========================================================================== */

.site-background-container, .article-header-container {
	position: relative;
	width: 100vw;
	margin: 0 auto 5rem;
	overflow: hidden;
}


@media (max-width: 767px) and (orientation: portrait)  { .site-background-container, .article-header-container { height: 60vh; } }
@media (max-width: 767px) and (orientation: landscape) { .site-background-container, .article-header-container { height: 100vh; } }

@media (min-width: 768px) and (orientation: portrait)  { .site-background-container, .article-header-container { height: 50vh; } }
@media (min-width: 768px) and (orientation: landscape) { .site-background-container, .article-header-container { height: 75vh; } }

@media (min-width: 992px) and (orientation: portrait)  { .site-background-container, .article-header-container { height: 56.25vw; } }
@media (min-width: 992px) and (orientation: landscape) { .site-background-container, .article-header-container { height: 56.25vw; } }

.site-video-container, .article-video-container {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	line-height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #ccc;	
}


.site-video-container iframe, .article-video-container iframe {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);

	width: 177.77777778vh;
	height: 56.25vw;
	min-width: 100%;
	min-height: 100%;

}

.mobile .ytplayer { display: none; }
.tablet .ytplayer { display: none; }


button.button-mute {
	position: absolute;
	left: 20px;
	bottom: 20px;
	border: 1px solid #0A6E96;
	border-radius: 2px;
	background: transparent;
	line-height: 1em;
	padding: 5px;
	font-size: 16px;
}

.article-heading-container {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: 0 auto;
}

.article-heading-positioner {
	position: absolute;
	width: 100%;
	padding-left: 2em; padding-right: 2em;
	text-align: center;
}

.article-heading-positioner.top { }
.article-heading-positioner.bottom { }

.article-heading-positioner .entry-label { margin-top: 0px; margin-bottom: 1em; }
.article-heading-positioner .entry-title { margin-top: 0px; margin-bottom: 0px; }

@media ( max-width: 575px )  { .article-heading-positioner { padding-left: 0.5em; padding-right: 0.5em; } .article-heading-positioner.top { bottom: 1em; } .article-heading-positioner.bottom { bottom: 1em; } }

@media ( min-width: 576px ) and ( orientation: portrait  ) { .article-heading-positioner { padding-left: 1em; padding-right: 1em; } .article-heading-positioner.top { bottom: 2.5em; } .article-heading-positioner.bottom { bottom: 2.5em; } }
@media ( min-width: 576px ) and ( orientation: landscape ) { .article-heading-positioner { padding-left: 1em; padding-right: 1em; } .article-heading-positioner.top { bottom: 2.5em; } .article-heading-positioner.bottom { bottom: 2.5em; } }

@media ( min-width: 768px ) and ( orientation: portrait  ) { .article-heading-positioner { padding-left: 1.5em; padding-right: 1.5em; } .article-heading-positioner.top { bottom: 3em; } .article-heading-positioner.bottom { bottom: 3em; } }
@media ( min-width: 768px ) and ( orientation: landscape ) { .article-heading-positioner { padding-left: 1.5em; padding-right: 1.5em; } .article-heading-positioner.top { bottom: 3em; } .article-heading-positioner.bottom { bottom: 3em; } }

@media ( min-width: 992px ) { .article-heading-positioner { padding-left: 2em; padding-right: 2em; } .article-heading-positioner.top { top: 5em; } .article-heading-positioner.bottom { bottom: 4em; }  }

@media ( min-width: 1200px) { .article-heading-positioner { padding-left: 2em; padding-right: 2em; } .article-heading-positioner.top { top: 6em; } .article-heading-positioner.bottom { bottom: 4em; }  }


.article-heading-positioner .entry-label { margin-top: 0px; margin-bottom: 1em; }
.article-heading-positioner .entry-title { margin-top: 0px; margin-bottom: 0px; }


.goa19  {
	position: absolute;
	width: 150px;
	pointer-events: auto;
}

.goa19 a {
	width: 100%;
	height: 100%;
}

@media ( max-width: 575px )  { .goa19 { top: auto; bottom: 30px; left: auto; right: 30px; } }

@media ( min-width: 576px ) and ( orientation: portrait  ) { .goa19 { top: auto; bottom: 30px; left: auto; right: 30px; } }
@media ( min-width: 576px ) and ( orientation: landscape ) { .goa19 { top: auto; bottom: 30px; left: auto; right: 30px; } }
@media ( min-width: 768px ) and ( orientation: portrait  ) { .goa19 { top: auto; bottom: 30px; left: auto; right: 30px; } }
@media ( min-width: 768px ) and ( orientation: landscape ) { .goa19 { top: auto; bottom: 30px; left: auto; right: 30px; } }

@media ( min-width: 992px ) { .goa19 { top: 90px; left: 30px; width: 150px; } }


/* ==========================================================================
   HOME AND ARCHIVE SITE-TITLE CONTAINER
   ========================================================================== */


.site-title-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; padding-top: 100px; }
	
.site-title-container .site-title {}
.site-title-container .site-title h1 { margin: 0; padding: 0; }

@media ( min-width: 992px ) { .site-title-container .site-title { padding: 0 0.75em; } }
@media ( min-width: 1200px) { .site-title-container .site-title { padding: 0 0.5em; } }


@media ( max-width: 575px ) and ( orientation: portrait  ) { .site-title-container .site-description { margin-top: 0em; } }

@media ( min-width: 576px ) and ( orientation: portrait  ) { .site-title-container .site-description { margin-top: 0em; } }
@media ( min-width: 576px ) and ( orientation: landscape ) { .site-title-container .site-description { margin-top: 0em; } }

@media ( min-width: 768px ) and ( orientation: portrait  ) { .site-title-container .site-description { margin-top: 2em; } }
@media ( min-width: 768px ) and ( orientation: landscape ) { .site-title-container .site-description { margin-top: 2em; } }

@media ( min-width: 992px ) { .site-title-container .site-description { margin-top: 1em; } }

@media ( min-width: 1200px) { .site-title-container .site-description { margin-top: 1em; } }


.site-title-container .site-description h5,
.site-title-container .site-description h3, 
.site-title-container .site-description h6 {
	margin: 0px; padding: 0px;
	color: #FFFFFF; 
	text-shadow: 0px 0px 5px #333333; 	
	line-height: 1.4em;
	letter-spacing: 0.1em; 
}

.site-title-container .site-description h5 { font-weight: 500; }
.site-title-container .site-description h3 { font-weight: 700; text-transform: uppercase; } 
.site-title-container .site-description h6 { font-weight: 500; }


@media (max-width: 575px) and ( orientation: portrait  ) { 
	.site-title-container .site-description h5 { font-size:	14px; margin-top: 1em; font-weight: 300; } 
	.site-title-container .site-description h3 { font-size: 16px; margin-top: 1em; } 
	.site-title-container .site-description h6 { font-size: 14px; margin-top: 1em; font-weight: 300; } 
}

@media (min-width: 576px) and ( orientation: portrait  ) {
	.site-title-container .site-description h5 { text-align: center; font-size:	18px; margin-top: 1em; font-weight: 300; } 
	.site-title-container .site-description h3 { text-align: center; font-size: 20px; margin-top: 1em; } 
	.site-title-container .site-description h6 { text-align: center; font-size: 16px; margin-top: 1em; font-weight: 300; } 
 }

@media (min-width: 576px) and ( orientation: landscape ) { 
	.site-title-container .site-description h5 { text-align: center; font-size:	18px; margin-top: 1em; font-weight: 300; } 
	.site-title-container .site-description h3 { text-align: center; font-size: 20px; margin-top: 1em; } 
	.site-title-container .site-description h6 { text-align: center; font-size: 16px; margin-top: 1em; font-weight: 300; } 
}

@media (min-width: 768px) and ( orientation: portrait ) { 
	.site-title-container .site-description h5 { text-align: center; font-size:	22px; margin-top: 1em; font-weight: 500; } 
	.site-title-container .site-description h3 { text-align: center; font-size: 24px; margin-top: 1em; } 
	.site-title-container .site-description h6 { text-align: center; font-size: 20px; margin-top: 1em; font-weight: 500; } 
}

@media (min-width: 768px) and ( orientation: landscape ) { 
	.site-title-container .site-description h5 { text-align: center; font-size:	22px; margin-top: 1em; font-weight: 500; } 
	.site-title-container .site-description h3 { text-align: center; font-size:	30px; margin-top: 1em; } 
	.site-title-container .site-description h6 { text-align: center; font-size:	20px; margin-top: 1em; font-weight: 500; } 
}

@media (min-width: 992px) { 
	.site-title-container .site-description h5 { text-align: center; font-size:	24px; margin-top: 0.5em; font-weight: 500; } 
	.site-title-container .site-description h3 { text-align: center; font-size: 36px; margin-top: 0.3em; } 
	.site-title-container .site-description h6 { text-align: center; font-size: 20px; margin-top: 0.6em; font-weight: 500; } 
}

@media (min-width: 1200px) { 
	.site-title-container .site-description h5 { font-size:	32px; } 
	.site-title-container .site-description h3 { font-size: 48px; } 
	.site-title-container .site-description h6 { font-size: 24px; } 
}


@media (max-width: 575px) and (orientation: portrait) { .site-title-container .site-description h3 .from-to { white-space: normal; } }


.site-title-container.affix-top {
	opacity: 1; 
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.site-title-container.affix {
	opacity: 0; 
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}



/* ==========================================================================
   CONTACT / PAYPAL CONTAINER
   ========================================================================== */


.contact-container h4, .support-container h4 { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 700; }
.contact-container h4, .support-container h4, .contact-container h5, .support-container h5 { margin-top: 0; margin-bottom: 1em; }

.support-paypal-form input.paypal { border: 2px solid #05374b;  padding: 0.75em 1em; border-radius: 6px; }
.support-paypal-form input.paypal { margin: 20px auto; }
.blog .support-paypal-form input.paypal { margin: 20px 0; width: 50%; }



.support-paypal-form input.paypal:hover { border: 2px solid #EB3C0F;  }

.single .article-body-container .support-us-container .support-us-funding .support-paypal-form { position: relative; width: 33%; }

.single .article-body-container .support-us-container .support-us-funding input.paypal { display: inline-block; padding: .5rem 1rem; margin: 0; }

.single .article-body-container .support-us-container .support-us-funding label { font-size: 1em; font-weight: 500; padding-left: 1.5rem; }

.single .article-body-container .support-us-container .support-us-funding label span.like-article { display: block; }
.single .article-body-container .support-us-container .support-us-funding label span.please-support { display: block; }


.support-paypal-form .paypal-pixel { display: none; }


/* ==========================================================================
   BLOG ROLE, ARCHIVE ARTICLES
   ========================================================================== */

.multi-articles article { background-color: #FFFFFF; padding: 15px; }

.multi-articles article .entry-header { position: relative; margin-bottom: 1.5rem; }

.multi-articles article .entry-heading {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin: 0;
	padding: 10px;
	color: #FFFFFF;
}

.multi-articles article .entry-heading a,
.multi-articles article .entry-heading a:hover,
.multi-articles article .entry-heading a:focus {
	border-bottom: 0 none;
	background-image: none;
	color: #FFFFFF;
}


.multi-articles article .entry-heading .entry-label { margin-bottom: 10px; }
.multi-articles article .entry-heading .entry-title { margin-bottom: 0; }



/* RESPONSIVE SIZES */

@media ( max-width: 575px )  								{ .multi-articles article .entry-heading .entry-label { font-size: 0.625rem; } .multi-articles article .entry-heading .entry-title { font-size: 1.10rem; } }
@media ( min-width: 576px ) and ( orientation: portrait  ) 	{ .multi-articles article .entry-heading .entry-label { font-size: 0.625rem; } .multi-articles article .entry-heading .entry-title { font-size: 1.00rem; } }
@media ( min-width: 576px ) and ( orientation: landscape ) 	{ .multi-articles article .entry-heading .entry-label { font-size: 0.625rem; } .multi-articles article .entry-heading .entry-title { font-size: 1.00rem; } }
@media ( min-width: 768px ) and ( orientation: portrait  ) 	{ .multi-articles article .entry-heading .entry-label { font-size: 0.750rem; } .multi-articles article .entry-heading .entry-title { font-size: 1.25rem; } }
@media ( min-width: 768px ) and ( orientation: landscape ) 	{ .multi-articles article .entry-heading .entry-label { font-size: 0.750rem; } .multi-articles article .entry-heading .entry-title { font-size: 1.25rem; } }
@media ( min-width: 992px ) 								{ .multi-articles article .entry-heading .entry-label { font-size: 0.875rem; } .multi-articles article .entry-heading .entry-title { font-size: 1.50rem; } }
@media ( min-width: 1200px) 								{ .multi-articles article .entry-heading .entry-label { font-size: 1.000rem; } .multi-articles article .entry-heading .entry-title { font-size: 2.00rem; } }


.multi-articles article .entry-header .comments-link {
	position: absolute;
	top: -10px; right: -10px;
	width: auto !important;
	font-size: 1rem;
}

.multi-articles article .entry-header .comments-link .fa { color: #FFFFFF; } 

.multi-articles article .entry-header .comments-link .comment-total {
	box-sizing: border-box;
	position: absolute;
	width: 100%; height: 100%;
	top: 100%; left: 0;

	font-size: 1rem;
	font-weight: 500;
	line-height: 0;
	text-align: center; 


	-webkit-transform: translateX(-5%) translateY(-50%);
	transform: translateX(-5%) translateY(-50%);
}


.multi-articles article .entry-content { padding-left: 15px; padding-right: 15px; }

.multi-articles article .entry-content .entry-meta .time { display: inline-block; margin-bottom: 10px; }
.multi-articles article .entry-content .entry-meta .reading-time { padding-left: 10px; }


.multi-articles article .entry-summary { margin-bottom: 25px; }


.multi-articles article .entry-summary a.read-more { 
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8em;
}


.multi-articles article .entry-summary a.read-more:before { content: ' '; }
.multi-articles article .entry-summary a.read-more:after { content: '→'; padding-left: 5px; transition: all .3s ease-out; }
.multi-articles article .entry-summary a.read-more:hover:after,
.multi-articles article .entry-summary a.read-more:active:after { padding-left: 10px; transition: all .05s linear;  }




.multi-articles article .entry-footer {
	position: relative;
	margin-bottom: 0;
}


.archive .taxonomy-description { margin-bottom: 1rem; }



/* ==========================================================================
   SINGLE ARTICLE / PAGE
   ========================================================================== */


.article-heading-container { color: var(--white); text-shadow: 0px 0px 5px #333333; }

.article-body-container .article-teaser { font-size: 1em; font-weight: 700; margin-bottom: 1.5rem; } 

.article-body-container .entry-meta span { padding-right: .5em; }
.article-body-container .publishing-container { margin-bottom: 1.5rem; }
.support-us-container { margin-bottom: 3rem;  }


.article-body-container .subheading-container { margin-bottom: 25px; }

blockquote .blockquote-author { font-style: italic; font-weight: 300; font-size: 0.55em; white-space: nowrap;  }
blockquote .blockquote-author:before { content:'\2014 \00A0'; padding-left: 1em; }


@media (max-width: 575px)  { blockquote { margin: 30px 20px 30px 20px; } }
@media (min-width: 576px)  { blockquote { margin: 30px 30px 30px 30px; } } 
@media (min-width: 768px)  { blockquote { margin: 20px 30px 30px 30px; } }
@media (min-width: 992px)  { blockquote { margin: 2rem 2rem 2rem -20%; width: 60%; float: left; text-align: right; } }
@media (min-width: 1200px) { blockquote { width: 50%; } }


.single .pages-container { margin-bottom: 5rem; }

.single .multi-articles [class*=col-] { margin-bottom: 3rem; }


.single .multi-articles .section-header { margin-bottom: 2rem; }

.single .multi-articles article { width: 100%; }
.single .multi-articles article .entry-header { margin-bottom: 0; }
.single .multi-articles article .entry-header .image-container-wrapper { margin-bottom: 1rem; }

.single .multi-articles article .entry-header .entry-heading { position: relative; padding: 0; }
.single .multi-articles article .entry-header .entry-heading .entry-label { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.01em; color: var(--black); }
.single .multi-articles article .entry-header .entry-heading .entry-title { font-size: 0.875rem; font-weight: 500; letter-spacing: 0.01em; }
.single .multi-articles article .entry-header .entry-heading .entry-title a { color: var(--black); }

.single .multi-articles article .entry-content { padding-left: 0; padding-right: 0; }
.single .multi-articles article .entry-summary { font-size: 0.85rem; margin-bottom: 0; }

.single .multi-articles article .comments-link, 
.single .multi-articles article .entry-meta,
.single .multi-articles article .entry-summary,
.single .multi-articles article .entry-footer { display: none; }


.single .pages-container:before, .single .multi-articles:before { 
	transform: rotate(-2deg);
    display: block;
    content: '';
    background: var(--rgba_50_blue);
    width: 25%;
    height: 2px;
    margin: 0 auto 5.5rem;
}



.single .comments-container:before { 
	transform: rotate(-2deg);
    display: block;
    content: '';
    background: var(--rgba_50_blue);
    width: 75%;
    height: 3px;
    margin: 0 auto 5.5rem;
}


/* ==========================================================================
   PAGES
   ========================================================================== */

.datenschutzerklaerungen .article-teaser,
.impressum .article-teaser { 
	font-family: 'Vollkorn', 'Gerogia', serif;
	font-style: normal;
	font-weight: 400; 
}

.ueber-uns .article-teaser + .support-us-container,
.live-crowdfunding .article-teaser + .support-us-container,
.reisekasse .article-teaser + .support-us-container
	{ display: none; }

.ueber-uns .article-body-container .article-teaser,
.live-crowdfunding .article-body-container .article-teaser,
.reisekasse .article-body-container .article-teaser	
	{ margin-bottom: 5rem; }



/* ==========================================================================
   CATS and TAGS
   ========================================================================== */


.single .cats-and-tags { margin-bottom: 2rem }


.cats-and-tags {}

.entry-meta.categories { 
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: capitalize;
}

.categories-label, .tags-label { display: none; }

.categories a.category div {
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 2px 4px 1px; 

	color: var(--darkblue); 
	border: 2px solid var(--darkblue); 
	white-space: nowrap;

	-webkit-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
}



.categories a.category:hover div {
	-webkit-transform: scale(1.05, 1.05);
			transform: scale(1.05, 1.05);

}

.categories a.category span.prefix:after { content: ' '; }

.tags {
	font-size: 0.75rem;
	letter-spacing: 0.01rem;
	overflow: hidden;
}

.tags .tag  { 
	display: inline-block; 
	margin-right: 1rem;
	white-space: no
} 

.tags .tag:after { content: ' '; } 



.multi-articles .categories { 
	display: inline-block; 
	padding: 0px 15px;
}

.multi-articles article .entry-footer .tags { 
	position: absolute; 
	bottom: 0px; right: 15px; 
	padding: 10px 10px 20px; 
	
	line-height: 2;
	
	background-color: #FFFFFF;
	border: 1px solid var(--darkblue);

	pointer-events: none;
	opacity: 0;

	-webkit-transition: opacity 0.25s ease;
       -moz-transition: opacity 0.25s ease;
        -ms-transition: opacity 0.25s ease;
         -o-transition: opacity 0.25s ease;
            transition: opacity 0.25s ease;

}

.multi-articles article .entry-footer .tags.show { opacity: 1; }


div.spacer { 	
	position: absolute;
	display: inline-block; 
	right: 0; bottom: 0;
	float: right;
	width: 30px;
	height: 30px;
}

button.open-tags { 	
	position: absolute; 
	bottom: 0px; right: 15px; 
	box-shadow: 0px 0px 0px none;
	line-height: 0;
	border: 1px solid #fff; 
	padding: 7px 6px 6px 8px;

	background-color: #FFFFFF; 
	color: var(--darkblue);
}

button.open-tags.show {
	border: 1px solid var(--darkblue);
	border-top: 0px solid #FFFFFF; 
	border-left: 0px solid #FFFFFF; 
}




/* ==========================================================================
   PAGINATION
   ========================================================================== */

.pagination { 
	
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.05em;
	font-size: 12px;
	pointer-events: none;
	opacity: 0;
}


.pagination.show {
	opacity: 1; 
	-webkit-transition: opacity 0.35s ease;
	   -moz-transition: opacity 0.35s ease;
		-ms-transition: opacity 0.35s ease;
		 -o-transition: opacity 0.35s ease;
			transition: opacity 0.35s ease;
}

.pagination a { border-bottom: 0 none; display: block; pointer-events: auto; box-shadow: none;  }


.pagination.container-fixed { 
	position: fixed; 
	width: 100vw; height: 50px; 
	bottom: 1rem;
	box-sizing: border-box;
}

@media (max-width: 767px) { .pagination { background-color: transparent; } }
@media (min-width: 768px) { .pagination.container-fixed  { top: 50%; } }

.pagination .previous, .pagination .next { 
	position: absolute; 
	height: 100%;
	border: 1px solid #0A6E96; 
	background-color: #ffffff; 
	overflow: hidden; 
	margin: 0; padding: 0; 
	box-sizing: border-box;
}


.pagination .previous {  left: 1rem; }
.pagination .next { right: 1rem; }

.pagination a { 
	height: 100%;
	display: flex; 
	flex-direction: row; 
	flex-wrap: nowrap; 
	justify-content: space-between; 
	align-items: center; 
	align-content: center;
	box-sizing: border-box;
	padding: 0; margin: 0;
	border: 0 none;
	text-decoration: none;

 }


.pagination a div { 
	flex: 1 0 auto;
	white-space: nowrap;
}

.pagination .fas { height: 100%; padding: 10px; color: #0A6E96; }
.pagination .fa-2x { font-size: 25px; }
.pagination .fas:hover { color: #EB3C0F; }

.pagination .pagination-title { 
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0.2em;
	white-space: nowrap;
}

.pagination a .pagination-title { 
	
	max-width: 0ch;

	-webkit-transition: all .75s ease;
	   -moz-transition: all .75s ease;
		-ms-transition: all .75s ease;
		 -o-transition: all .75s ease;
			transition: all .75s ease;

}

.pagination a:hover .pagination-title { 
	max-width: 30ch;
	margin: 0 10px;

	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		 -o-transition: all .2s ease;
			transition: all .2s ease;
 }



/* ==========================================================================
   CARDS
   ========================================================================== */


.card {  
	font-family: 'Rubik', sans-serif; 
	font-style: normal; 
	font-weight: 300; 
	font-size: 0.75em;
	background-color: var(--white); 
	padding: 0.75rem;
}


@media (min-width: 768px) { .card { padding: 1.5rem; } }



/*.card {
	-webkit-transform: translateY(0);
	-webkit-transition: all 1s ease;
			transition: all transform 1s ease;
}

.card:hover{
	-webkit-transform: scale(1.02, 1.02);
			transform: scale(1.02, 1.02);

	-webkit-transition: all .25s ease;
			transition: all transform .25s ease;
}*/


.card .card-header { margin-bottom: 1em; }




/* ==========================================================================
   CROWDFUNDING IMAGE GALLERY 
   ========================================================================== */

.crowdfunding-gallery .gallery-single {
	position: relative;
	width: 100%;
}

.crowdfunding-gallery .gallery-single .dummy {
	padding-top: 100%; /* forces 1:1 aspect ratio */
}

.crowdfunding-gallery .gallery-single .img-container {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	text-align:center; /* Align center inline elements */
	font: 0/0 a;
	border: 1px solid #ddd;

}

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

.crowdfunding-gallery .gallery-single .img-container img {
	vertical-align: middle;
	display: inline-block;
	padding: 5px;
}


/* ==========================================================================
   SLICK SLIDER // OWL-CAROUSEL
   ========================================================================== */


.slick-slider .slick-img-responsive, .owl-carousel .owl-carousel-img-responsive { 
	
	display: block;
	width: 100%;
	height: auto;

 }


/* ==========================================================================
   POP-OVER
   ========================================================================== */
.popover { width: 25%; }

.popover-link-dekoder { background-color: #0A6E96; padding: 6px 10px 1px; color: #FFFFFF; border-bottom: 0 none; cursor: pointer; }
.popover-link-dekoder:hover { background-color: #EB3C0F; padding: 6px 10px 1px; color: #FFFFFF; border-bottom: 0 none; }

.popover-content { background-color: #FFFFFF; border: 1px solid #0A6E96; padding: 10px; font-size: 16px;  }
.popover-title { margin-top: 0; margin-bottom: 5px; }

a.goto-dekoder { margin-left: 10px; margin-right: 10px; }
a.goto-dekoder:after { content: ' →'; }

.tooltips { 
	color: #FFFFFF; 
	background-color: var(--blue); 

	border-bottom: 0 none; 
	padding: 0px 5px; 
	border-radius: 2px;

	cursor: pointer; 

	white-space: nowrap; 

	-webkit-hyphens: none; 
	   -moz-hyphens: none; 
			hyphens: none; 

	-webkit-transition: all .15s ease-in-out;
	   -moz-transition: all .15s ease-in-out;
		-ms-transition: all .15s ease-in-out;
		 -o-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
}
.tooltips:hover { 
	background-color: #EB3C0F; 
	box-shadow: none; 
}



.Zebra_Tooltip {
    position: absolute;
    background: transparent;
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	padding : 0px;
	margin-top: -30px;
}

.Zebra_Tooltip .Zebra_Tooltip_Message {
    position: relative;
    padding: 10px;
    border: 1px solid #0A6E96;
    color: #000 !important;
    font-size: inherit;
    text-align: left;
    font-weight: normal;
    line-height: inherit;
    -webkit-border-radius: px;
    -moz-border-radius: 0px;
    border-radius: 0px;

  	-webkit-box-shadow: 5px 5px 0px 0px var(--rgba_50_darkblue);
	   -moz-box-shadow: 5px 5px 0px 0px var(--rgba_50_darkblue);
			box-shadow: 5px 5px 0px 0px var(--rgba_50_darkblue);
    
    *margin-right: 0;
    _width:expression(document.body.clientWidth > 250 ? '250px': 'auto'); /* max-width for IE6 */
}


.Zebra_Tooltip .Zebra_Tooltip_Arrow         { display: none; position: absolute; height: 10px; width: 20px; overflow: hidden; }

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom  { bottom: 0 }
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top     { top: 0    }

.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
    position: absolute;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    left: 0;
    _border-left-color: #0A6E96; ;
    _border-right-color: #0A6E96;
    _filter: chroma(color=#0A6E96);
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div  {
    top: 0;
    _border-bottom-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div     {
    bottom: 0;
    _border-top-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Close {
    text-decoration: none;
    color: #FFF;
    position: absolute;
    right: 8px;
    top: 1px;
    font-size: inherit;
    font-weight: bold;
}

.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
    color: #C40000;
}

.Zebra_Tooltip_Message a { 
	display: inline-block; 
	margin-top: 5px; 
	line-height: 1.5em; 
	color: #EB3C0F;
	border: none; 
	background-image: none; 
	
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
		}
.Zebra_Tooltip_Message a:hover {  }
.Zebra_Tooltip_Message a:after { 
	content: ' ↗' ; 
	/*font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 400;
	content: "\f35d"; /*fontawesome*/ */
	font-size: 16px;
	font-weight: bold;
	padding-left: 0.3em;
}

.Zebra_Tooltip_Message a:hover:after { padding-left: 0.6em; }



/* ==========================================================================
   SOCIAL MEDIA SHARE BUTTONS
   ========================================================================== */


/* Disable WhatsApp button on Desktop - Tutorial link: http://smcf.me/1VIxAsz */
@media screen and (min-width: 1024px) { .smcf-whatsapp { display: none !important; } }
 
.smcf-social {
	font-size: 1.5em;
	-webkit-font-smoothing: antialiased;
}

a.smcf-link {
	color: var(--darkblue);
	margin-right: 15px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	border: 0 none;
	background-image: none;

	-webkit-transition: all  -webkit-transform 0.3s ease; /* cubic-bezier(0.165, 0.84, 0.44, 1) */
			transition: all  transform 0.3s ease;

}

a.smcf-link:hover, a.smcf-link:active { color: var(--red); }


a.smcf-link:hover{
	-webkit-transform: scale(1.2, 1.2);
			transform: scale(1.2, 1.2);

	-webkit-transition: all 0.15s ease; /* cubic-bezier(0.165, 0.84, 0.44, 1) */
			transition: all 0.15s ease;
}
 
.smcf-twitter { background: #00aced; }
.smcf-twitter:hover,.smcf-twitter:active { background: #0084b4; }
 
.smcf-facebook { background: #3B5997; }
.smcf-facebook:hover,.smcf-facebook:active { background: #2d4372; }
 
.smcf-googleplus { background: #D64937; }
.smcf-googleplus:hover,.smcf-googleplus:active { background: #b53525; }
 
.smcf-buffer { background: #444; }
.smcf-buffer:hover,.smcf-buffer:active { background: #222; }
 
.smcf-pinterest { background: #bd081c; }
.smcf-pinterest:hover,.smcf-pinterest:active { background: #bd081c; }
 
.smcf-linkedin { background: #0074A1; }
.smcf-linkedin:hover,.smcf-linkedin:active { background: #006288; }
 
.smcf-whatsapp { background: #43d854; }
.smcf-whatsapp:hover,.smcf-whatsapp:active { background: #009688; }
 


/* ==========================================================================
   COMMENTS
   ========================================================================== */


@media (min-width: 768px) { .comments-container { font-size: 0.8em; } }

.comments-container .comments-header .comment-intro { font-size: 0.7em; font-weight: 300; margin-bottom: 15px; }

.comments-container .comments-list { list-style: none; margin: 0; padding: 0; }

.comments-container .comments-list li { padding: 0; margin: 0; margin-bottom: 1em; }


.comments-container .comments-list li.even {  }
.comments-container .comments-list li.odd {  }

.comments-container .comments-list li .comment-metadata {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 0.7em;
	margin-bottom: 0.5em; 
}

.comments-container .comments-list li .comment-author  {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0.5em;
}

.comments-container .comments-list li .comment-author cite  {
	font-style: normal;
}


.comments-container .comments-list li .comment-content {
	margin-bottom: 4em; 
}


.comment-respond .logged-in-as {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 300;
	margin-bottom: 0.5em;
	font-size: 0.7em;
}

.comment-respond .form-control {
	margin-bottom: 2em;
	font-family: 'Vollkorn', serif;
	font-style: normal;
	font-weight: 500;
	font-size: 100%;
	padding: 10px 10px;
	line-height: 1.5;
	color: #1E1400;
	background-image: none;
	border: 1px solid #1E1400;
	border-radius: 0px;
}

.comment-respond .form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(30, 20, 0, .075), 0 0 8px rgba(10, 110, 150, 0.5);
	box-shadow: inset 0 1px 1px rgba(30, 20, 0, .075), 0 0 8px rgba(10, 110, 150, 0.5)
}


.comment-respond .control-label {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0.5em;
	font-size: 70%; 
}

.comment-respond .help-block {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 300;
	margin-bottom: 0.5em;
	font-size: 70%; 
	margin-bottom: 2em;
 }

.no-comments {
	display: inline-block;
	font-size: 0.8rem;
	font-style: italic;
}
.no-comments:before {
	display: block;
	content: '';
	background: var(--rgba_50_darkblue);
	height: 2px;
	margin-bottom: 5px;
}


.bbus-btn {
	background-color: #fff;
	border: 1px solid #EB3C0F;
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 70%; 
	padding: 5px 10px; 
}

.bbus-btn:hover {
	background-color: #0A6E96;
	color: #FFFFFF;
	border: 1px solid #EB3C0F;
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 70%; 
	padding: 5px 10px; 
}

/* ==========================================================================
   GOOGLE MAPS
   ========================================================================== */

.map-container-header { margin-bottom: 25px; }



.blog .map-container, .archive .map-container  {
	padding-left: 0px;
	padding-right: 0px;
}

.map-container #map {
	width: 100%;
	background-color: #EEEEEE;
	height: calc(100vh - 60px);
}

.single .map-container #map { height: 60vh; }


.page-template-map-only #map { height: 100vh; }


/* Used fro Screenshots */

/*@media (min-width: 1339.95px) { 
	.blog .map-container #map { height: 900px; } 
	.single .map-container #map { height: 600px; } 
}
*/

/* 	INFO-WINDOW
	Just use .gm-style-iw 
*/


#map .gm-style-iw {
	width: 400px; 
	min-height: 150px;
    font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 1.5 !important;
	font-style: normal;
	font-weight: 400;
    text-decoration: none;
}

#map .gm-style-iw .info_content { width: 100%; }
#map .gm-style-iw .info_content p,
#map .gm-style-iw .info_content p:last-child {  margin-bottom: 1rem; }
#map .gm-style-iw img { max-width: 100%; margin-bottom: 1rem; }


#map .my-custom-class-for-label {
	border: 1px solid #eb3a44;
	border-radius: 5px;
	background: #fee1d7;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	font-size: 14px;
	color: #eb3a44;
}


.map-heading { margin-bottom: 2rem; }



.single .scroll-to-map { 
	position: fixed; 
	bottom: 5rem; left: 1rem; 
	color: var(--blue); 
	opacity: 0;

}

@media (min-width: 768px) { .single .scroll-to-map { bottom: 1rem; } }


.single .scroll-to-map.show {
	opacity: 1; 
	-webkit-transition: opacity 0.35s ease;
	   -moz-transition: opacity 0.35s ease;
		-ms-transition: opacity 0.35s ease;
		 -o-transition: opacity 0.35s ease;
			transition: opacity 0.35s ease;
	}

.single .scroll-to-map a { display: inline-block; box-shadow: none; background-color: var(--white); border: 1px solid var(--blue); padding: 8px 10px; }
.single .scroll-to-map .fa-2x { font-size: 1.5rem; }





/* ==========================================================================
   TABLES
   ========================================================================== */

.table {
	font-family: 'Rubik', sans-serif;
	width: 100%; 
	font-size: 75%;
	font-style: normal;
	font-weight: 300;

 }

.table thead th, .table tfoot td {
	font-style: normal;
	font-weight: 500;
	text-align: left;
}

.table th, .table td { padding: 8px; }
.table thead th { padding-top: 20px; padding-bottom: 20px; }
.table tfoot td { padding-top: 20px; padding-bottom: 20px; }


.table tbody tr:nth-child(odd) { background: #F3F3F3; }
.table tbody tr:nth-child(even) { background: #FFF; }
.table tfoot tr:nth-child(odd)  { border-top: 1px dashed #000; }
.table tfoot tr:nth-child(even)  { border-top: 1px solid #000; }

.table.crowdfunding th.website,  .table td.website { width: 0%; display: none; }
.table.crowdfunding .name { width: 30%; }
@media ( max-width: 768px ) { .table.crowdfunding .number, .table.crowdfunding .kommentar { display: none; } }
.table.crowdfunding .betrag { width: 15%; text-align: right; }

.table.chash-out .art, .table.chash-in .art  { width: 20%; }
.table.chash-out .ausgaben, .table.chash-in .ausgaben  { width: 43%; }
.table.chash-out .rubel, .table.chash-in .rubel { width: 15%; text-align: right; }
.table.chash-out .euro, .table.chash-in .euro { width: 12%; text-align: right; }
.table.chash-out .kurs, .table.chash-in .kurs { width: 10%; text-align: right; font-style: italic; }


/* ==========================================================================
   LAZY LOAD
   ========================================================================== */

/* https://github.com/aFarkas/lazysizes/blob/gh-pages/README.md */

.lazyload, .lazyloading { opacity: 0; }
.lazyloaded { opacity: 1; transition: opacity 1000ms; }

.blur-up {
	-webkit-filter: blur(10px);
	filter: blur(10px);
	transition: filter 1000ms,
	-webkit-filter 1000ms;
}

.blur-up.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* Required WordPress CSS */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}


/* ==========================================================================
   Reading PROGRESS Bar
   ========================================================================== */


.progressbar-container {
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0px;
	margin: 0; padding: 0;
	line-height: 0;
	opacity: 0.75;

	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		 -o-transition: all .5s ease;
			transition: all .5s ease;
}

.site-loaded .progressbar-container {  }

.progressbar-container.affix { 
	position: fixed; top: 60px; 
	opacity: 0.9;
	height: 3px;
}


.progressbar-container .readingProgressbar {
	display: block;
	position: absolute;
	width: 100%;
	left: 0; top: 0;
	height: 100%;
	border: none;

	background-color: var(--white);
	color: var(--darkblue);

	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;

}

.progressbar-container .readingProgressbar::-webkit-progress-bar { background-color: var(--white) } /*  Color Safari for the progress-background */
.progressbar-container .readingProgressbar::-webkit-progress-value { background-color: var(--blue); } /*  Color Safari for the progress-value */
.progressbar-container .readingProgressbar::-moz-progress-bar { background-color: var(--blue); } /*  Color Firefox for the progress-value */



/* ==========================================================================
   SITE-FOOTER
   ========================================================================== */

#site-footer { 
	
	padding: 7rem 2rem 2rem;

	background-color: var(--darkblue); color: var(--white); 
	-webkit-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.5);
	   -moz-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.5);
			box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.5);
}

#site-footer .bbus img { margin: 0 auto 5rem; padding: 0 3rem; }
#site-footer .entry-meta { margin-bottom: 1rem;  }
#site-footer .site-description h3, #site-footer .site-description h5, #site-footer .site-description h6  { font-weight: 500; }

#site-footer .supporter { margin-bottom: 0;  }
#site-footer .supporter ul { margin: 0 auto; }

#site-footer .supporter ul li { padding-left: .75rem; padding-right: .75rem; }


/* ==========================================================================
   Z-INDEXs
   ========================================================================== */

#sidebar-wrapper { z-index: inherit; }

.site-header { z-index: 88; }
.progressbar-container { z-index: 77; }
.overlay { z-index: 66; }
.Zebra_Tooltip { z-index: 55;  }
.pagination { z-index: 44; }
.scroll-to-map { z-index: 43; }
.multi-articles article .entry-header .comments-link { z-index: 33; }
.multi-articles article .entry-header .entry-heading { z-index: 22; }
.multi-articles article .entry-header .image-container-wrapper { z-index: 11;  }