/*!
Theme Name: pr-jf.de
Theme URI: https://www.erdelji.net/wordpress/themes/pr-jf.de
Author: Ervin Erdelji Software
Author URI: https://www.erdelji.net/
Description: ...
Version: 1.0
License: Proprietary
License URI: https://www.erdelji.net/proprietary-license.txt
Tags: none
Text Domain: prjf

This theme is unpublished proprietary source code of Ervin Erdelji
Software. All rights reserved.
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
body{background:#f7f7f7;color:#0f0f0f;font-family:Montserrat,sans-serif;font-size:19;font-weight:400;line-height:1.4}a{color:inherit;text-decoration:none}h1{font-size:calc(19px + (38 - 19) * ((100vw - 320px)/ (1680 - 320)));line-height:1.4em}@media (min-width:1680px){h1{font-size:38px;line-height:1.4em}}h2{font-size:calc(14.25px + (28.5 - 14.25) * ((100vw - 320px)/ (1680 - 320)));line-height:1.4em}@media (min-width:1680px){h2{font-size:28.5px;line-height:1.4em}}p{margin-bottom:1em;font-size:calc(12px + (19 - 12) * ((100vw - 320px)/ (1680 - 320)));line-height:1.4em}@media (min-width:1680px){p{font-size:19px;line-height:1.4em}}strong{font-weight:700}footer{color:#000060;text-align:center}ol,ul{list-style-position:outside;margin-bottom:1em;margin-left:15px}ul{list-style-type:disc}ol{list-style-type:decimal}.hide-on-mobile{display:none}@media (min-width:767px){.hide-on-mobile{display:block}}@media screen and (orientation:portrait){.hide-on-mobile{display:none}}.show-on-mobile{display:block}@media (min-width:767px){.show-on-mobile{display:none}}@media screen and (orientation:portrait){.show-on-mobile{display:block}}#back-to-top{border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid #009902;background:0 0;bottom:.5em;cursor:pointer;height:0;opacity:0;position:fixed;right:.5em;visibility:hidden;width:0;z-index:2}#back-to-top.active{opacity:1;visibility:visible}header{background:#f0f0f0;height:100%;left:0;position:fixed;top:0;transform:translateZ(1111px);width:6rem;z-index:3}header a{display:block}header .logo{height:auto;transform-origin:0 0;transform:translate3d(.6rem,1.5rem,0) rotate(-90deg) translate3d(-100%,0,0);width:150%}header+nav{background:#fff;box-shadow:0 1px 10px #000;left:6rem;padding:1em 1em 1em 1em;padding-top:3em;position:fixed;text-align:center;top:0;transform:translateZ(1000px);width:calc(100% - 6rem - 2em);z-index:2}@media (min-width:767px){header+nav{padding-top:1em}}header+nav #burger-menu{color:#009902;display:block;font-size:2em;line-height:1em;height:1em;right:.5em;top:.35em;position:fixed;width:1em;z-index:3}@media (min-width:767px){header+nav #burger-menu{display:none}}header+nav #facebook{background:url(img/facebook.png) no-repeat 0 0;display:block;height:25px;position:fixed;right:calc(.5em + 2em + 20px + 63px + 20px);text-indent:-9999px;top:1.2em;width:25px}@media (min-width:767px){header+nav #facebook{right:calc(.5em + 63px + 10px);top:.9em}}header+nav #xing{background:url(img/xing.png) no-repeat 0 0;display:block;height:25px;position:fixed;right:calc(.5em + 2em + 20px);text-indent:-9999px;top:1em;width:63px}@media (min-width:767px){header+nav #xing{right:.5em;top:.75em}}header+nav ul{height:0;margin:0 auto;opacity:.01;max-width:80%;visibility:hidden}@media (min-width:767px){header+nav ul{height:auto;opacity:1;visibility:visible}}header+nav ul.visible{height:auto;opacity:1;visibility:visible}header+nav ul li{display:block}@media (min-width:767px){header+nav ul li{display:inline}header+nav ul li:after{content:" |"}header+nav ul li:last-child:after{content:""}}header+nav ul li a{color:#009902}header+nav ul li a:hover{color:#000060}footer p{bottom:0;font-size:11px;left:0;line-height:2.1818182;position:fixed;transform:translate3d(2.25rem,0,0) rotate(-90deg);transform-origin:0 0;z-index:1001}footer+nav{bottom:0;padding:0 1em 1em 1em;top:unset}.section{-ms-flex-align:center;align-items:center;background:#7878dc;background:#000060;box-shadow:0 20px 60px -10px rgba(0,0,0,.2);color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:6rem;position:relative;width:calc(100% - 6rem);z-index:1}.section#datenschutz,.section#impressum,.section.start{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:100vh}.section#datenschutz,.section#impressum{padding-top:4em}.section.start{text-align:center}.section.start img{width:90%}@media (min-width:568px){.section.start img{max-width:500px}}.section.start h1{color:#009902!important;margin-top:1em;font-size:calc(28.5px + (57 - 28.5) * ((100vw - 320px)/ (1680 - 320)));line-height:1.4em}@media (min-width:1680px){.section.start h1{font-size:57px;line-height:1.4em}}.section.start h2{color:#000060!important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:calc(19px + (38 - 19) * ((100vw - 320px)/ (1680 - 320)));line-height:1.4em}@media (min-width:1680px){.section.start h2{font-size:38px;line-height:1.4em}}

.section::before {
  background:url(images/waves1.png) repeat;
  background-size:600px 600px;
  content:"";
  height:100%;
  left:0;
  opacity:.1;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}

@supports (background-image: url('images/waves1.avif')) {
  .section::before {
    background: url('images/waves1.avif') repeat;
    background-size: 600px 600px;
  }
}

@supports (background-image: url('images/waves1.webp')) and not (background-image: url('images/waves1.avif')) {
  .section::before {
    background: url('images/waves1.webp') repeat;
    background-size: 600px 600px;
  }
}

.section h1{color:#009902}.section h2{color:#fff}.section .teasers{display:block;margin:0 auto;width:100%}@media (min-width:570px){.section .teasers{width:calc(225px + 6em + 2em)}}@media (min-width:768px){.section .teasers{width:calc(300px + 6em + 2em)}}@media (min-width:1024px){.section .teasers{width:calc(360px + 6em + 2em)}}.section .teasers div{-ms-flex-align:center;align-items:center;background:#f7f7f7;border-radius:50%;color:#009902;display:-ms-flexbox;display:flex;height:60px;-ms-flex-pack:center;justify-content:center;margin:0 auto 1em auto;min-width:1em;padding:1em;width:60px}@media (min-width:570px){.section .teasers div{display:-ms-inline-flexbox;display:inline-flex;height:75px;margin-right:1em;width:75px}.section .teasers div:last-child{margin-right:0}}@media (min-width:768px){.section .teasers div{height:100px;width:100px}}@media (min-width:1024px){.section .teasers div{height:120px;width:120px}}.section .teasers div::before{content:"";float:left;width:auto;padding-bottom:100%}.section .teasers div p{margin:0}.section.start,.section.white{background:#fff;color:inherit}

.section.start::before,.section.white::before {
  background:url(images/waves2.png) repeat;
  background-size:600px 600px
}

@supports (background-image: url('images/waves2.avif')) {
  .section.start::before,.section.white::before {
    background: url('images/waves2.avif') repeat;
    background-size: 600px 600px;
  }
}

@supports (background-image: url('images/waves2.webp')) and not (background-image: url('images/waves2.avif')) {
  .section.start::before,.section.white::before {
    background: url('images/waves2.webp') repeat;
    background-size: 600px 600px;
  }
}

.section.start .teasers div,.section.white .teasers div{background:#000060;color:#009902}.section.start h1,.section.white h1{color:#000060}.section.start h2,.section.white h2{color:#009902}.section:last-child{background:#000}.image{background-position:center center;background-repeat:no-repeat;background-size:cover;height:40vh;margin-left:6rem}.outer{margin:0 auto;max-width:1184px}.content{padding:1em}@media (min-width:414px){.content{padding:2em 1em}}@media (min-width:767px){.content{padding:3em 1em}}@media (min-width:1024px){.content{padding:4em 1em}}#projekte ul{background:#fff;list-style-type:none;padding:1em 1em 1em 1em;margin-left:0;margin-top:1em}#projekte ul li{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;float:left;height:auto;-ms-flex-pack:center;justify-content:center;margin-bottom:1em;max-height:180px;width:100%}@media (min-width:414px){#projekte ul li{width:50%}#projekte ul li:nth-child(2n+1){clear:left}}@media (min-width:767px){#projekte ul li{width:25%}#projekte ul li:nth-child(2n+1){clear:none}#projekte ul li:nth-child(4n+1){clear:left}}@media (min-width:1024px){#projekte ul li{width:20%}#projekte ul li:nth-child(2n+1){clear:none}#projekte ul li:nth-child(4n+1){clear:none}#projekte ul li:nth-child(5n+1){clear:left}}#projekte ul li img{display:block;height:auto;max-height:100%;width:60%}#kontakt a{color:#009902}#kontakt a:hover{color:#fff}#impressum img{width:90%}@media (min-width:568px){#impressum img{max-width:500px}}#back-to-top{-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transform:scale(5);transform-origin:100% 100%;transition:all 1s ease-in-out,transform .5s ease-in-out}#back-to-top.active{transform:scale(1);transition:opacity 1s ease-in-out,transform .5s ease-in-out}#back-to-top:hover{transform:scale(1.5)}header+nav ul,nav ul li a{transition:all .25s ease-in-out}#kontakt a{transition:all .5s ease-in-out}.start img{animation:spinner 4s linear 1 forwards;opacity:0;transform:rotateY(-90deg) translateZ(0)}@keyframes spinner{0%{opacity:0;transform:rotateY(-90deg) translateZ(0)}20%{opacity:1}33.33333333%{opacity:1;transform:rotateY(-270deg)}60.66666667%{opacity:1;transform:rotateY(-450deg)}100%{opacity:1;transform:rotateY(-720deg)}}.start picture+h1{animation:zoom1 1s ease-in-out 1 forwards;animation-delay:4s;opacity:0;transform:scale(0)}@keyframes zoom1{0%{opacity:.3;transform:scale(0)}20%{opacity:1}50%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}90%{opacity:.5;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}.start picture+h1+h2{animation:zoom1 1s linear 1 forwards;animation-delay:4.5s;opacity:0;transform:scale(1.3)}.teasers div:hover{animation:gentlespin 1s ease-in-out infinite;transform:rotateY(0)}@keyframes gentlespin{0%{transform:rotateY(0)}100%{transform:rotateY(-360deg)}}

.responsive-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.responsive-cover-2 {
  object-fit: cover;
  width: 100%;
}

.underline {
  text-decoration: underline;
}

nav ul {
  display: none;
}

nav ul.visible {
  display: block;
}

/* Montserrat Regular */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Montserrat-Regular.ttf') format('truetype');
  font-display: swap;
}

/* Montserrat Italic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/Montserrat-Italic.ttf') format('truetype');
  font-display: swap;
}

/* Montserrat Bold */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/Montserrat-Bold.ttf') format('truetype');
  font-display: swap;
}

/* Montserrat Bold Italic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/Montserrat-BoldItalic.ttf') format('truetype');
  font-display: swap;
}