body {
	font-size: 100%;
}

.intro-slogan {
	font-size: 5.5em;
	line-height: 1.0em;
}	


@media screen and (max-width: 50em) {
	.intro-slogan {
		font-size: 4.7em;
		line-height: 1.0em;
	}
}

@media screen and (max-width: 40em) {
	.intro-slogan {
		font-size: 4.3em;
		line-height: 1.0em;
	}
}

@media screen and (max-width: 30em) {
	.intro-slogan {
		font-size: 2.5em;
		line-height: 1.0em;
	}
}


.entry-tags,
.entry-cats,
.entry-title {display: none !important;}

/* --- Typography --- */
.entry-content p,
.entry-content p.standard-text,
.entry-content ul,
.entry-content ol,
.entry-content .wide-content {
	font-size: 17.6px;
	font-size: 1.1rem;
	line-height: 1.55;
}

/* --- Headings --- */
h2 {
	margin: 35px 0 15px;
	font-size: 32px;
	font-size: 2em;
	line-height: 1.1;
}

/* --- Menü Mobile --- */
@media screen and (max-width: 1149px) { #site-nav ul li a {
font-size: 1.7em;
}
	
#site-nav ul ul.sub-menu,
#site-nav ul ul.children {
	display: block;
	margin: 5px 0 0 0;
	border-top: 1px solid #ffb442;
}
		
#site-nav ul li li a {
    padding: 2px;
	}
	
	#site-nav ul ul li a:before {
    content: '\00B6';
		display: inline;
    padding: 0px 11px 0px 7px;
    		}
		
	#site-nav ul li li a {
font-size: 1.2em; }

#site-nav ul li {
    display: block;
    padding: 0px;
    border-bottom: 5px solid #ffb442; background-color: #ffb442; }
		}

/* --- Menü Tablet --- */
@media screen and (min-width: 767px) {#site-nav ul ul li a:before {
    content: '\00B6';
		display: inline;
    padding: 0px 11px 00px 32px;
    		}
	}

@media screen and (min-width: 1023px) {#site-nav ul ul li a:before {
    content: '\00B6';
		display: inline;
    padding: 0px 11px 00px 47px;
    		}
	}

/* --- Menü Desktop --- */
@media screen and (min-width: 1150px) {#site-nav ul ul li a:before {
    content: '\00B6';
		display: inline;
    padding: 5px;
    		}
	}

.menu-container {
    border-top: 0px solid #ffb442;
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://bjoerngrafik.de/fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}




/* eczar-700 - latin */
@font-face {
  font-family: 'Eczar';
  font-style: normal;
  font-weight: 700;
  src: url('https://bjoerngrafik.de/fonts/eczar-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Eczar Bold'), local('Eczar-Bold'),
       url('https://bjoerngrafik.de/fonts/eczar-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://bjoerngrafik.de/fonts/eczar-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://bjoerngrafik.de/fonts/eczar-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://bjoerngrafik.de/fonts/eczar-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://bjoerngrafik.de/fonts/eczar-v6-latin-700.svg#Eczar') format('svg'); /* Legacy iOS */
}



.intro-slogan { font-family: "Eczar", serif; }

h2 { font-family: "Eczar", serif; letter-spacing: 0.2px; }


@media screen and (min-width: 40em)
{.jetpack-portfolio-primary
    {column-count: 2;column-gap: 15px;}}

@media screen and (min-width: 50em)
{.jetpack-portfolio-primary
    {column-count: 3;column-gap: 15px !important;}}


h3.more-projects {margin: 50px 0 0 0;
}

/* GRID STARTSEITE */

.jetpack-portfolio-primary {
position: relative;
max-width: 1300px;
}

.jetpack-portfolio-primary .cf {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/* GRID STARTSEITE Header */

.home #masthead {
position: relative;
max-width: 1300px;
}

/* STOERER */

.badge-on img {
	transform: scale(1);
	transition: .3s;
}

.badge-on:hover img {
	transform: scale(1.05);
	transition: .3s;
}

.badge-on img {
	width: 150px}
		

@media screen and (min-width: 1023px) {
	.badge-on {
    position: relative;
    float: right;
    margin-top: -400px;
		left: 30px;
}}

@media screen and (min-width: 769px) and (max-width: 1022px) {
	.badge-on {
    position: absolute;
    float: right;
    margin-top: -450px;
		right: 15px;
}}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.badge-on {
    position: absolute;
    float: right;
    margin-top: -450px;
		right: 15px;
}}

@media screen and (max-width: 480px) {
	.badge-on {
    position: absolute;
    float: right;
    margin-top: -350px;
		right: 15px;
}}