.alignnone{width:100%;height:auto}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto 5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}ul#filter{overflow:auto}#filter li{float:left}#grid .attachment-post-thumbnail{width:100%;height:auto}#grid li{display:inline-block}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}/*
Theme Name: DirkPress
Author: Dirk Schmidtke
Author URI: http://www.dirkschmidtke.de/
Description: A tailor-made child theme of Portfolly by Dirk Schmidtke
Template: portfolly
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dirkpress
*/

html, body {width:100%;height:100%}
body {background-color:var(--wp--preset--color--base)}
#masthead {position:relative;padding:0 0 1em;height:12em;background-size:cover;background-color:#877;background-position:center right;background-repeat: no-repeat}
.container {position:relative;max-width:950px;box-sizing:border-box;padding:0 5px;margin:0 auto}
.header-bar {background: rgba(130,130,130,.7);z-index:3}
.header-bar>.container{display:flex;align-items:center;gap:1em;font-size:var(--wp--preset--font-size--medium)}
#site-navigation {flex:1;text-align:right}
#site-navigation ul, #filter, #topbar ul {margin:0}
#site-navigation ul {min-width:330px}
#site-navigation ul, #footer ul, #filter, #grid, #scroller ul, #topbar ul {list-style:none;padding:0}
#site-navigation li, .language-chooser-item a {text-transform: uppercase;line-height:1.3;font-weight:400}
#site-navigation li {letter-spacing: .2em}
#site-navigation li, #footer li, #filter li, #grid li, .scrollitem {display:inline-block}
#site-navigation li {padding-right:0.8em;color:#fff}
#site-navigation li:last-child {padding-right:0}
#site-navigation a, .language-chooser-item a {color:inherit}
#site-navigation a:hover {text-shadow: 1px 1px 1px #ccc}
.language-chooser-item a:hover {text-shadow: 1px 1px 1px #666}
.qtranxs_widget {color:#000;padding:.5em 0;display:inline-block}
.language-chooser-item {display:inline-block;padding:0 .5em 0 .35em;border-right:1px solid #000}
.language-chooser-item:last-child {border-right:0}
#site-navigation .current-menu-item::after {content:"";position:relative;left:-50%;margin-left:-.4em;bottom:-1.8em;border-width: .4em .4em 0 .4em;border-style: solid solid none solid;border-color: #fff transparent transparent transparent}
.custom-logo {display:inline-block;height:auto;width:118px}
.site-title {display:inline-block;font-size:1em;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:#fff;padding:.3em 0;margin:0;border:.4em solid #fff;border-left:0;border-right:0}
main {margin-top:-11em;margin-bottom:2em}
article {position:relative;box-sizing:border-box;max-width:100%;padding:0 1em}
article header {font-size:var(--wp--preset--font-size--medium)}
article header h1 {font-size:var(--wp--preset--font-size--large)}
.post-2 blockquote {position:relative;padding-left:5em;margin:0;color:#fff;font-size:var(--wp--preset--font-size--large);line-height:1.5;font-weight: 400;quotes: "“" "”" "‘" "’"}
.post-2 blockquote:before {position:absolute;left:0;top:-.038em;font-size:12.5em;line-height:1;content:open-quote}
ul {padding-top:1em;padding-bottom:.5em}
ol, p {padding:.8em .7em;margin:0 0 .2em 0}
ol {padding:.8em 0 .8em 2em}
.content {margin:0 0 1em 8.5em;background:#fff;font-size:var(--wp--preset--font-size--medium)}
ul.p {padding:.8em 0 .8em 2.5em}
h2.p {margin:2em 0 1em 6.43em}
.content, .post-meta, #grid li {box-shadow: .1em .1em 2em rgba(150,150,150,.2)}
.post-2 blockquote p {box-shadow:inherit;margin:0;padding:0;background:transparent}
.entry-header {margin:2em 0 1em;padding:.1em .2em}
.entry-header, #filter a {display:inline-block}
#filter a:hover {background-color: var(--wp--preset--color--contrast-3);}

#footer {padding:2em 0;text-align:center;background:#eff2f5}
#menu-submenu {display: flex;flex-wrap: wrap;justify-content: center;gap: 1em 0}
#footer li {padding:0 .2em;text-transform: uppercase;font-weight:400;color:var(--wp--preset--color--contrast-6);font-size:var(--wp--preset--font-size--normal)}
#footer li a {color:inherit;opacity:.7}
#footer li a:hover {opacity:1}

/* page styles */
.home #portrait {top:50vh;margin:-3em 0 0 -4em;}
.admin-bar.home #portrait {top:calc(50vh + 32px)}
#masthead {border-bottom:13em solid #a79fa4}
.home #masthead {height:50vh;border:0}
#header_caption {display:none}
.home #header_caption {
    position: absolute;
    top: 1.5em;
    right: 0.2em;
    color: #fff;
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    width: calc(50vh - 6em);
    display: table;
    vertical-align: bottom;
    height: 5em;
}
#header_caption span {
    display: table-cell;
    vertical-align: bottom;
    line-height: 1.2;
    font-size:1.5vh
}
.page-template-template-category .pf-featured {display:none}
.home .pf-featured {display:block;padding:5em 0 2em;background:var(--wp--preset--color--contrast)}
.home .pf-featured header {display:none}
.pf-featured span {opacity:.6}
.home main {margin-top:0}

.post-168 .content {background-color:transparent}
.cols-wrapper {display:flex;flex-wrap: wrap; gap:.5em}
.cols {flex:1 0 200px}
.cols:not(section) {
  display: flex;
  flex-direction: column;
  gap:.5em
}
.post-168 section {background:#fff;padding:0}
.cols ul {margin:1em 0;list-style-type: circle}
.cols li {padding:0 .5em;line-height:1.5;font-weight:300}
.cols h3 {text-align: center}

/** Startseite Icons **/
.post-170 .content {display:flex;flex-wrap:wrap;margin:4em 0 3em;gap:4em 1em;background:transparent;box-shadow:none}
.post-170 header {display:none}
.icon-wrapper {display: flex;flex-wrap: wrap;flex: 1 1 400px;gap: 1em}
.icon {box-sizing:border-box;flex:1 0 250px;text-align:center;padding:0}
.icon a {color:var(--wp--preset--color--contrast-5)}
.icon a svg, .icon a h3 {color:var(--wp--preset--color--contrast-3)}
.icon svg {opacity:.8;height:4em}
.icon h3 {font-size:1.1em;line-height: 1.4;color:var(--wp--preset--color--contrast-3);font-weight:400;text-transform:uppercase}
.icon p {padding:0}

/* typo */
.entry-header, #filter a {text-transform:uppercase;letter-spacing:.05em;line-height:1.2;color:#fff;background-color:var(--wp--preset--color--contrast-5);font-weight:400}
.post-2 blockquote p {font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit}
ol, p, .p li {line-height:1.4;color:var(--wp--preset--color--contrast-6);font-weight:300}

.post-meta {list-style:none}
.post-meta a {text-decoration:underline;text-decoration-color:var(--wp--preset--color--contrast-4);color:inherit}
.post-meta {font-size:1.1em;line-height:1.4;color:var(--wp--preset--color--contrast-6);font-weight:400;height:auto}
.post-meta span {color:#fff}

a {text-decoration:none}
p a, .icon a {opacity:.8}
p a:hover,.icon a:hover {opacity:1}
p a {color:var(--wp--preset--color--contrast-3);text-decoration:underline}
.cols h3 {text-transform: uppercase;font-size: 1em;line-height: 1.8;color: var(--wp--preset--color--contrast-6);font-weight:300;letter-spacing:.1em}

/* isotope */
#filter, #grid {background:transparent}
#filter {margin:5em 0 2em}
#filter a {margin:0 .2em .2em 0;padding:.2em;outline:none;border-top:.1em solid transparent}
#filter .active {border-top:.1em solid #fff}
.page-template-template-portfolio-grid main .container {margin:auto;max-width:950px}
#grid {display:flex;flex-wrap:wrap;margin:0 -.25em;font-size:var(--wp--preset--font-size--normal)}
#grid li, .scrollitem {position:relative;box-sizing: border-box;font-size:inherit;background:#fff}
#grid li {box-sizing:border-box;margin:.25em;width:calc(25% - .5em);aspect-ratio:1/1}
#grid li:hover{filter:brightness(.9)}
#grid img {width:100%}
#grid .caption {position:absolute;bottom:0;left:0;margin:auto;padding:.3em 0 .2em;line-height:1.2;text-align:center;font-weight:300;width:100%;color:#000;background:rgba(210,191,192,.8)}

/* portfolio */
#scroller {white-space:nowrap;width:100%;margin:1em auto;overflow:auto}
.scrollitem {vertical-align:top;height:26em;height:40vh;margin-left:1em}
.scrollitem:first-child {margin-left:0}
#scroller img {height:inherit;width:auto}
.post-meta {background:var(--wp--preset--color--contrast-4);padding:.9em;margin: 0 0 0 8.2em;width:auto;overflow:auto}
.post-meta li {float:left;box-sizing:border-box;width:33%;padding:0% 1em;border:1px solid #fff;border-top:0;border-bottom:0}
.post-meta li:first-child {padding-left:0;border:0}
.post-meta li:last-child {padding-right:0;border:0}
.post-meta span {width:auto;display:block;padding-bottom:.5em}

.flickity-prev-next-button:disabled {opacity:0 !important}

/* animations */
#portrait {position:absolute;top:13em;z-index:4;left:50%;margin:-4em 0 0 -4em;width:7em;height:7em;border-radius:50%;overflow:hidden}
.admin-bar #portrait {top:calc(13em + 32px)}
#portrait img {width:100%}
#portrait {background-color:#eaf4ff;border:.5em solid #eee;background-image: url(/wp-content/uploads/2017/11/schmidtke.jpg);background-size: contain;background-size: 100% auto;background-position: center;}
#portrait.pulsing {background-color:#c00;border:.5em solid #c00;background-image:none;animation-name:pulse;animation-duration:.7s;animation-iteration-count:infinite}
main.fading {animation:fade-in;animation-duration:2s}
#masthead {transition: height 1s ease-in-out}

@keyframes pulse {
  0% { transform: scale3d(1, 1, 1)}
  50% { transform: scale3d(1.2, 1.2, 1.2)}
  100% { transform: scale3d(1, 1, 1)}
}

@keyframes fade-in {
  0% {opacity:0}
  100% {opacity:1}
}

/*specials */
.post-96 p {padding: 3em 0}
.contact-mail {width:40%;padding: 0 10%;vertical-align:bottom}
.contact-phone {width:30%;padding: 0 10% 0 0;vertical-align:bottom}

@media screen and (max-width:1520px) {
/*	header {background-size:auto 150%;background-position:bottom center}*/
}

@media screen and (max-width:890px) {
	.content, h2.p {margin-left:0}
	#grid li {width:calc(33.3% - .5em);height:auto}
}

@media screen and (max-width:660px) {
	.post-meta li, .post-meta li:first-child {float:none;width:auto;border:0;padding:.2em 0 .2em 3em}
	.post-meta span {position:absolute;left:.9em;width:3em;display:inline-block}
}

@media screen and (max-width:630px) {
  #masthead {height:15em}
  .home #masthead {height:50vh}
  .header-bar>.container{flex-wrap:wrap;gap:0}
  #ci {width:50%}
  #site-navigation {order:3;flex:1 1 100%;text-align:left;overflow:auto hidden;padding-bottom:.5em}
  #topbar {order:2;width:50%;text-align: right}
  .admin-bar #portrait {top: calc(17em + 32px)}
  .post-2 blockquote {padding-left:4.5em}
	#grid li {width:calc(50% - .5em);height:auto}
}

@media screen and (max-width:540px) {
	p, .post-meta {margin-left:0}
}

@media screen and (max-width:380px) {
	#grid li {width:calc(100% - .5em)}
}

@media screen and (orientation:portrait) {
	.scrollitem {height: 30vh}
}

/* catamaran-300 - latin */
@font-face{ 
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Catamaran Light'), local('Catamaran-Light'),
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-300.svg#Catamaran') format('svg'); /* Legacy iOS */
 }
/* catamaran-regular - latin */
@font-face{ 
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Catamaran Regular'), local('Catamaran-Regular'),
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-regular.svg#Catamaran') format('svg'); /* Legacy iOS */
 }
/* catamaran-700 - latin */
@font-face{ 
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Catamaran Bold'), local('Catamaran-Bold'),
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/dirkpress/fonts/catamaran-v4-latin-700.svg#Catamaran') format('svg'); /* Legacy iOS */
 }/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}