/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 30 2024 | 07:55:47 */
body {
  	background: #fff;
  	font-family: 'Source Sans Pro', sans-serif;
  	font-size: 19px;
  	font-weight: 400;
  	line-height: 1.54em;}
p, ul, li, table, tr, td {
  	font-weight: inherit;
  	line-height: inherit;}
a:hover {
  	text-decoration: none;}
h1, h2, h3, h4, h5 {
  	font-weight: inherit;}

#main-wrapper {
  	width: 1600px;
  	max-width: 85%;
  	margin: 0 auto;
  	position: relative;}
@media (max-width: 1000px) {
  	#main-wrapper  {
    	max-width: 100%;}
}

/* SIDEBAR MENU */
.sidebar {
  	margin-top: 95px;
  	font-size: inherit;}
@media (max-width: 1000px) {
  	.sidebar  {
    	margin-top: 0;}
}
h1.blog-title {
  	font-size: inherit;
  	line-height: inherit;}
.blog-title a {
  	display: inline-block;
  	padding: 0px;
  	border: none;
  	font-size: inherit;
  	line-height: 1.54em;
  	font-weight: inherit;
  	text-align: inherit;
  	text-transform: none;
  	letter-spacing: inherit;
  	color: inherit;}
.blog-title a:hover {
  	background: transparent;
  	color: #000;}
.blog-description {
  	display: block;
  	font-size: 13px;
  	line-height: 20px;
  	color: #767676;}
.main-menu::before,
.widgets::before,
.widget + .widget::before,
.credits::before {
  	height: 0;
  	margin: 30px 0;}
.main-menu .current-menu-item::before,
.main-menu .current_page_item::before {
  	content: '\2022';
  	top: 4px;
  	left: -12px;}
.main-menu li {
  	margin-top: 0;
  	line-height: inherit;
  	font-weight: inherit;
  	text-transform: none;
  	letter-spacing: inherit;}
.main-menu .lang-item {
  	margin-top: 12px;}
.parent-pageid-2 .menu-item-28::before, /* Portfolio */
.portfoliosubpage .menu-item-28::before, /* Portfolio Subpage */
.parent-pageid-133 .menu-item-151::before, /* Portfolio EN */
.portfoliosubpage .menu-item-151::before, /* Portfolio EN Subpage */
.parent-pageid-16 .menu-item-27::before, /* Aufträge */
.auftraegesubpage .menu-item-27::before, /* Aufträge Subpage */
.parent-pageid-138 .menu-item-149::before, /* Jobs EN */
.auftraegesubpage .menu-item-149::before, /* Jobs EN Subpage */
.single-post .menu-item-26::before, /* Aktuell */
.single-post .menu-item-150::before /* News EN */ {
  	display: block;
  	font: 16px/1 "Genericons";
  	color: #333;
  	position: absolute;
  	content: '\2022';
  	top: 4px;
  	left: -12px;}

/* MOBILE MENU */
.mobile-navigation {
  	background: #fff;}
.mobile-menu {
  	padding: 5% 5% 2% 5%;
  	font-size: 1em;}
.mobile-menu li {
  	margin-top: 0;
  	line-height: inherit;
  	font-weight: inherit;
  	text-transform: none;
  	letter-spacing: inherit;}
.mobile-menu a:hover {
  	color: #000;}
.mobile-menu .current-menu-item::before,
.mobile-menu .current_page_item::before {
  	content: '';}
.mobile-menu > .current-menu-item > a,
.mobile-menu > .current_page_item > a {
  	color: #000;}
.nav-toggle {
  	border-radius: 0;}
.nav-toggle .bars {
  	width: 25px;}
.nav-toggle .bar {
  	width: 25px;
  	height: 1px;
  	background: #333;
  	border-radius: 0;}
.nav-toggle.active {
  	background-color: #fff !important;}
.nav-toggle.active .bar {
  	background: #333;}

/* MAIN CONTENT */
.content.thin {
  	width: 100%;}
.post-inner {
  	padding: 50px 0;
  	width: 100%;
  	max-width: 100%;}
@media (max-width: 600px) {
  	.post-inner {
    	max-width: 90%;}
}
.post.single .post-title {
  	font-size: 1.8em;
  	line-height: 1em;
  	font-weight: 300;
  	margin-bottom: 60px;}
.post-content {
  	color: #555;}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  	font-weight: 400;
  	margin-top: 60px;
  	color: #333;}
.post-content h2 {
  	font-size: 1.3em;}
.post-content h3 {
  	font-size: 1em;}
.post-date {
  	margin: -50px 0 50px 0;
  	font-size: 11px;
  	color: #999;
  	letter-spacing: 0.5px;}
.post-content a {
  	transition: all 0.2s ease-out;}
.post-content a:hover {
  	background-color: #333;
  	color: #fff;
  	text-decoration: none;}
.post-content a.img-link:hover {
  	background-color: transparent;}
.post-edit-link {
  	font-size: 13px;
  	color: #767676;}

/* Post navigation */
.post-navigation {
  	background: none;}
.post-navigation a {
  	width: 190px;
  	height: 50px;
  	background: transparent;
  	line-height: 1em;}
.post-navigation p {
  	font-size: 13px;
  	font-weight: inherit;
  	text-transform: none;
  	letter-spacing: 2px;
  	color: #666;
  	position: absolute;}

/* PORTFOLIO */
.portfolio {
  	display: flex;
  	flex-wrap: wrap;
  	margin: 0 -20px;}
.portfolio .portfolio-item {
  	flex: 0 1 25%;}
.portfolio .portfolio-thumbnail {
  	padding: 0 20px 5px 20px;}
.portfolio .portfolio-post-title {
  	padding: 0 20px 50px 20px;
  	line-height: 1.2em;}
.portfolio .portfolio-post-date {
  	padding: 7px 20px 50px 20px;
  	line-height: 1.2em;}
@media (max-width: 1200px) {
  	.portfolio .portfolio-item {
    	flex: 0 1 33.3%;}
}
@media (max-width: 600px) {
  	.portfolio {
    	margin: 0 -10px;}
  	.portfolio .portfolio-item {
    	flex: 0 1 50%;}
  	.portfolio .portfolio-thumbnail {
    	padding: 0 10px 5px 10px;}
  	.portfolio .portfolio-post-title {
    	padding: 0 10px 50px 10px;}
  	.portfolio .portfolio-post-date {
    	padding: 7px 10px 50px 10px;}
}
@media (max-width: 374px) {
  	.portfolio .portfolio-item {
    	flex: 0 1 100%;}
  	.portfolio-thumbnail img {
    	width: 100%;
    	height: auto;}
}

/* GALLERY */
.gallery {
  	position: relative;
  	margin: 0 -20px 40px -20px !important;}
.gallery-loading {
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	background-image: url('https://von-steffelin.de/wp-content/themes/fukasawa-child/images/loading.gif');
  	background-repeat: no-repeat;
  	background-position: center top;}
.gallery-content {
  	opacity: 0;}
.gallery-icon a:hover {
  	background-color: transparent;}
.gallery .gallery-caption {
  	font-style: normal;
  	font-size: 12px;
  	font-size: .75rem;
  	line-height: 1.3em;
  	margin: 0;
  	padding: 0;}
.gallery .gallery-caption .gallery-img-caption,
.gallery .gallery-caption .gallery-img-description {
	display: block;
	opacity: 0.7;}
.gallery-item {
	padding: 20px;
	margin-bottom: 40px;
	text-align: left !important;}
.gallery .gallery-img-title {
	color: #777;
	display: none;}
@media (min-width: 880px) {
	.gallery {
    	margin: -20px -20px 20px -20px !important;}
	.gallery-item {
    	padding: 20px;}
}
@media (min-width: 321px) {
	.gallery .gallery-caption .gallery-img-caption,
	.gallery .gallery-caption .gallery-img-description {
    	display: none;}
}

/* LIGHTBOX */
.pswp__bg {
	background: #fff;}
.pswp__button {
	filter: invert(100%) sepia(0%) hue-rotate(-60deg) saturate(120);}
.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
	background: transparent;}
.pswp__caption__center,
.pswp__counter {
	color: #000;}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
	width: 210px;
	height: 240px;
	margin-top: -120px;}
.pswp__button--arrow--left {
	left: 0;}
.pswp__button--arrow--right {
	right: 0;}
.pswp__button--arrow--left::before {
	top: 105px;
	left: 30px;
	background-color: rgba(0,0,0,0.5);}
.pswp__button--arrow--right::before {
	top: 105px;
	right: 30px;
	background-color: rgba(0,0,0,0.5);}

/* TABLES */
.post-content table {
	margin: 0;
	font-size: 1em;}
.post-content th,
.post-content td {
	line-height: inherit;
	border-color: #ccc !important;
	border-bottom: none;
	border-left: none;
	border-right: none;}
.post-content tr:first-child td {
	border-top: none;}
.post-content table tbody > tr:nth-child(2n+1) > td {
 	background: none;}
table tr {
	vertical-align: top;}
table tr td,
.post-content th,
.post-content td {
	padding: 0.3em 10px;
	width: auto;
	word-wrap: break-word;}
table tr td:first-child {
	width: 120px;
	white-space: nowrap;
	padding-left: 0;}
table tr td:last-child {
	padding-right: 0;}
@media screen and (max-width: 599px) {
	table tr td:first-child {
    	width: auto;}
}

/* CREDITS MOBILE */
.credits-mobile {
	display: none;}
@media (max-width: 1000px) {
	.credits-mobile {
    	margin: 60px auto;
    	font-size: 13px;
	    display: block;}
	.credits-mobile p {
    	color: #999;
    	line-height: 160%;
    	margin: 0 auto;
    	text-align: center;}
	.credits-mobile p a {
    	color: #999;}
	.credits-mobile p a:hover {
    	color: #666;}
}