/*
 Theme Name:  GeneratePress Child
 Theme URI:   https://generatepress.com
 Description: Default GeneratePress child theme
 Author:      Rocky Beach Studio
 Author URI:  https://www.rockybeachstudio.de
 Template:    generatepress
 Version:     0.1
*/

@font-face {
  font-family:'Special Elite';
  font-style:normal;
  font-weight:400;
  src:url('lib/special-elite-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src:local(''),
       url('lib/special-elite-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/special-elite-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/special-elite-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('lib/special-elite-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/special-elite-v18-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family:'Yesteryear';
  font-style:normal;
  font-weight:400;
  src:url('lib/Yesteryear-Regular.eot'); /* IE9 Compat Modes */
  src:local(''),
       url('lib/Yesteryear-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/Yesteryear-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/Yesteryear-Regular.woff') format('woff'), /* Modern Browsers */
       url('lib/Yesteryear-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/Yesteryear-Regular.svg#SpecialElite') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family:'Caveat-Regular';
  font-style:normal;
  font-weight:400;
  src:url('lib/Caveat-Regular.ttf.eot'); /* IE9 Compat Modes */
  src:local(''),
       url('lib/Caveat-Regular.ttf.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/Caveat-Regular.ttf.woff') format('woff'), /* Modern Browsers */
       url('lib/caveat-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/Caveat-Regular.ttf.svg#Caveat-Regular') format('svg'); /* Legacy iOS */
}

body {
background:#000;
font-size:18px;
line-height:1.56;
font-weight:300;
text-decoration:none;
-webkit-text-size-adjust:none;
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-text-size-adjust:none;
}

a, b, span, div, ul, li, td, th, form, fieldset, input, select, textarea, p, h1, h2, h3, h4 {
font-family:'Special Elite',Arial,Helvetica,sans-serif;
outline:none;
border:0;
}

h1, h2, h3 {
font-family:'Yesteryear','Special Elite',Arial,Helvetica,sans-serif;
}

.inside-article, .wp-block-column {
text-align:center;
}

h1 {
display:inline-block;
}

.entry-title {
text-align:center;
}

p {
text-align:left;
}

a {
text-decoration:none;
transition:color .25s;
}

a:not(:hover):not(:focus) {
color:inherit;
}

.clearfix {
*zoom:1;
}

       .clearfix:before, .clearfix:after {
       content:' ';
       display:table;
       }

       .clearfix:after {
       clear:both;
       }

.site-footer .grid-container {
max-width:1100px;
border-top:1px solid #4d4d4d;
font-size:16px;
line-height:24px;
}

@media screen and (max-width:570px) {

.site-footer span {
display:block;
width:100%; height:1px;
text-indent:-1000px;
overflow:hidden;
}

}

html body #wpadminbar,
.site-header {
position:fixed; left:0px; top:0px;
width:100%;
z-index:1000;
}

.admin-bar .site-header {
top:32px;
}

.container.grid-container {
padding-top:117px;
}

@media screen and (max-width:786px) {

.admin-bar .site-header {
top:46px;
}

.container.grid-container {
padding-top:61px;
}

}

.site-header > .grid-container {
padding:0;
max-width:1100px;
border-bottom:1px solid #4d4d4d;
}

.site-logo {
margin-left:10px;
}

.nav-float-right #site-navigation {
margin:0 0 0 10px;
width:calc(100% - 105px);
}

.main-navigation .inside-navigation,
.main-navigation .main-nav>ul {
display:block;
width:100%;
}

.main-navigation .main-nav ul li {
display:block;
}

.main-navigation .main-nav ul li a {
padding:0 10px;
margin-top:54px;
}

#menu-item-114 a,
#menu-item-120 a {
margin-top:56px;
font-size:11px;
}

#menu-item-132 a {
margin-top:58px;
width:95px; height:32px;
background:url('img/amazing.png') center top no-repeat;
background-size:75px auto;
text-indent:-1000px;
overflow:hidden;
}

@media screen and (min-width:787px) {

.main-navigation .main-nav ul li {
float:left;
}

#menu-item-120 {
margin-left:calc(100% - 680px);
}

}

@media screen and (max-width:786.9999px) {

.mobile-menu-open .site-header {
bottom:0px;
background:#000 url('img/bg_amazing_70.jpg') center top;
}

.mobile-menu-control-wrapper,
.mobile-menu-control-wrapper .menu-toggle, 
.mobile-menu-control-wrapper .menu-toggle:hover, 
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled,
.main-navigation.toggled .main-nav > ul {
background:none;
}

.main-nav li {
position:relative; left:100%;
transition:left .25s;
}

.mobile-menu-open .main-nav li {
left:0px;
transition:left .25s;
}

.main-nav li:nth-child(2) { transition-delay:.1s; }
.main-nav li:nth-child(3) { transition-delay:.2s; }
.main-nav li:nth-child(4) { transition-delay:.3s; }
.main-nav li:nth-child(5) { transition-delay:.4s; }
.main-nav li:nth-child(6) { transition-delay:.5s; }


.site-header > .grid-container {
border:0;
}

.site-header .header-image {
width:60px;
}

.main-navigation .main-nav ul {
padding-bottom:2em;
}

.main-navigation .main-nav ul li {
text-align:right !important;
}

.main-navigation .main-nav ul li a {
margin:0 10px 0 0 !important;
line-height:3;
}

#menu-item-132 {
padding:15px 0;
}

#menu-item-114 a,
#menu-item-120 a {
font-size:14px;
line-height:5;
}

}

/* Content */

@media screen and (min-width:768px) {

.separate-containers .inside-article, 
.separate-containers .comments-area, 
.separate-containers .page-header, 
.separate-containers .paging-navigation, 
.one-container .site-content, 
.inside-page-header {
padding:0 40px;
}

}

@media screen and (max-width:768px) {

.separate-containers .inside-article, 
.separate-containers .comments-area, 
.separate-containers .page-header, 
.separate-containers .paging-navigation, 
.one-container .site-content, 
.inside-page-header {
padding:0 5%;
}

}

/* Start */

body .wp-block-columns {
gap:30px;
}

ul.bg, ul.bg li {
position:absolute; left:0px; top:0px;
width:100%; height:100%;
margin:0; padding:0;
list-style-type:none;
background-position:center top;
background-repeat:no-repeat;
}

ul.bg {
z-index:1;
}

ul.bg li {
opacity:1;
transition:opacity .5s;
}

ul.bg li:not(.active) {
opacity:0;
}

.site, .site-footer {
position:relative;
z-index:2;
}

.home #kontakt {
margin-top:-120px;
padding-top:120px;
}

.home #kontakt > .wp-block-group__inner-container {
padding:0;
}

.home .kontakt {
position:relative;
height:660px;
margin:0 -40px;
}

@media screen and (max-width:768px) {

.home h1 {
font-size:68px;
}

#intro p:first-of-type {
padding-bottom:400px;
}

ul.bg {
top:calc(440px - 20vw);
height:500px;
}

ul.bg li {
background-position:-70px top;
background-size:auto 100%;
}

.home .kontakt {
margin:0 -5%;
}

}


.home .kontakt {
padding:0;
height:660px;
/*transform:translateX(35px);*/
background:url('img/bg-kontakt.jpg') calc(50% + 20px) top no-repeat;
font-size:15px;
line-height:1.2;
color:#000;
overflow:hidden;
}

.home .kontakt .wp-block-group__inner-container {
background:url('img/bg-papier.png') center top no-repeat;
background-size:100% 100%;
width:100%;
max-width:414px;
margin:0 auto;
padding:40px 40px 60px 40px;
}


.home .kontakt:after {
content:'';
position:absolute; left:calc(50% - 23px); bottom:50px;
transform:translateX(-50%);
width:776px; height:390px;
background:url('img/bg-schreibmaschine.png') no-repeat;
background-size:cover;
}

.home .kontakt .wp-block-group__inner-container p {
width:330px;
}


@media screen and (max-width:500px) {

.home .kontakt {
height:500px;
background-size:163% auto;
background-position:calc(50% + 18px) top;
}

.home .kontakt .wp-block-group__inner-container {
width:306px;
padding:20px 20px 30px 20px;
}

.home .kontakt:after {
left:calc(50% - 18px); bottom:40px;
width:572px; height:287.47px;
}

.home .kontakt .wp-block-group__inner-container p {
width:100%;
font-size:calc(8px + .8vw);
}

}

@media screen and (max-width:420px) {

.home .kontakt .wp-block-group__inner-container p {
margin-bottom:1em;
}

}

@media screen and (max-width:400px) {

.home .kontakt .wp-block-group__inner-container p {
font-size:calc(7.5px + .8vw);
}

}

@media screen and (max-width:374px) {

.home .kontakt .wp-block-group__inner-container p {
font-size:calc(7px + .9vw);
margin-bottom:1em;
}

}

/* Team */

.home #team {
margin:-120px -40px 0 -40px;
padding:120px 0 0 0;
}

.home #team > .wp-block-group__inner-container {
background:#000 url('img/bg.jpg') center -240px no-repeat;
padding:0 0 110px 0;
}

@media screen and (max-width:768px) {

.home #team {
margin:-120px -5% 0 -5%;
padding:120px 5% 0 5%;
}

}

.home .entry-header {
display:none;
}

.home .wp-block-post-template {
max-width:750px;
margin:0 auto;
}

.home .wp-block-post-template li {
float:left;
margin-bottom:15px;
}


.home .wp-block-post-template li:first-child { transform:rotate(-2deg); }
.home .wp-block-post-template li:nth-child(2) { transform:rotate(.5deg); }
.home .wp-block-post-template li:nth-child(4) { transform:rotate(-1deg); }
.home .wp-block-post-template li:nth-child(5) { transform:rotate(2deg); }
.home .wp-block-post-template li:nth-child(6) { transform:rotate(-2deg); }

@media screen and (min-width:850px) {

.home .wp-block-post-template li + li {
margin-left:30px;
}

.home .wp-block-post-template li:nth-child(2) { margin-top:-20px; }
.home .wp-block-post-template li:nth-child(3) { margin-top:-15px; }
.home .wp-block-post-template li:nth-child(4) { clear:left; margin:20px 0 0 0; }
.home .wp-block-post-template li:nth-child(5) { margin:0 10px 0 30px; }
.home .wp-block-post-template li:nth-child(6) { margin:20px 0 0 20px; }

}

@media screen and (max-width:849.9999px) {

.home #team {
margin:-160px -5% -170px -5%;
padding:120px 0 0 0;
}

.home #team > .wp-block-group__inner-container {
background-repeat:repeat-y;
padding-bottom:200px;
}

.home .wp-block-post-template {
margin:0 auto;
width:230px;
}

.home .wp-block-post-template li:nth-child(1) { margin-left:-10px; }
.home .wp-block-post-template li:nth-child(2) { margin:0 0 0 40px; }
.home .wp-block-post-template li:nth-child(3) { margin:15px 0 0 -15px; }
.home .wp-block-post-template li:nth-child(4) { margin:15px 0 0 20px; }
.home .wp-block-post-template li:nth-child(5) { margin:15px 0 0 -10px; }
.home .wp-block-post-template li:nth-child(6) { margin:20px 0 0 30px; }

}

.home .wp-block-post-template .wp-block-group.flip-card {
margin:0; padding:0;
background-color:transparent;
perspective:1000px;
}

.home .wp-block-post-template .wp-block-group.flip-card > div {
position:relative;
transition:transform 0.6s;
transform-style:preserve-3d;
}

.home .wp-block-post-template .wp-block-group.flip-card,
.home .wp-block-post-template .wp-block-group.flip-card > div {
width:227px; height:249px;
}

.home .wp-block-post-template .wp-block-group.flip-card > div {
text-align:center;
box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
color:#000;
}

.home .wp-block-post-template .wp-block-group.flip-card:hover > div {
transform:rotateY(180deg);
}

.home .flip-card-back {
transform:rotateY(180deg);
}

.home .wp-block-post-template .wp-block-group * {
padding:0;
margin:0;
font-family:'Caveat-Regular','Special Elite',Arial,Helvetica,sans-serif;
font-size:29px;
line-height:1;
text-align:left;
}

.home .wp-block-post-template .wp-block-group .wp-block-group {
position:absolute;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

.home .wp-block-post-template .wp-block-group .wp-block-group {
width:227px; height:249px;
padding:10px;
background:#fff;
}

.home .wp-block-post-template .wp-block-group .wp-block-group h2 {
color:#000;
}

.home .wp-block-post-template .wp-block-group figure {
width:auto; max-width:100%;
}

.home .wp-block-post-template .wp-block-group img {
width:207px; height:188px;
}

.home .wp-block-post-template .wp-block-group h2 {
margin-top:10px;
text-align:center;
}

.home .wp-block-post-template .wp-block-group p {
padding:18px 10px 0 10px;
}

.home .wp-block-post-template .wp-block-group a:last-child {
font-size:21px;
}


/* Leistungen */

body.page-id-118 {
/*background:url('img/bg.jpg') center top no-repeat fixed, url('img/bg.jpg') center 1180px no-repeat, url('img/bg.jpg') center 2300px no-repeat, rgb(0,0,0);*/
background:#000 url('img/bg.jpg') center top no-repeat fixed;
}

body.page-id-118 .site-footer {
background:#000;
margin-top:-20px;
}

body.page-id-118 .wp-block-columns {
gap:0;
}

.page-id-118 h2 {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
text-align:left;
margin:0;
}

#rolodex {
position:relative;
width:calc(100% + 80px); height:477px;
margin:0 -40px;
padding:0 40px;
background:url('img/bg-rolodex.jpg') calc(50% + 17px) top no-repeat;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
}

.wp-block-spacer.gradient {
margin:0 -40px;
width:calc(100% + 80px);
background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}

@media screen and (max-width:768px) {

#rolodex {
width:calc(100% + 60px);
margin:0 -5%;
padding:0 5%;
}

}


#rolodex .wp-block-group__inner-container {
position:absolute; left:50%;
transform:translateX(-50%);
margin:0; padding:24px 0 0 19px;
width:243px; height:264px;
background:url('img/bg-rolodex.png') no-repeat;
}

#rolodex:not(.active) .wp-block-group__inner-container {
display:none;
}

#rolodex figure.wp-block-gallery.has-nested-images {
position:relative;
width:204px; height:97px;
}

#rolodex .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
position:absolute; left:50%; top:50%;
transform:translate(-50%,-50%);
width:204px; height:97px;
display:none;
}

#rolodex .wp-block-gallery.has-nested-images figure.wp-block-image img {
position:absolute; left:50%; top:50%;
transform:translate(-50%,-50%);
max-height:97px;
}

@media (max-width:781px) {

.page-id-118 .wp-block-columns:nth-of-type(2n) .wp-block-column:first-child {
order:2;
margin:-50px 0 50px 0;
}

.page-id-118 .wp-block-columns:nth-of-type(2n+1) .wp-block-column:last-child {
margin:-50px 0 50px 0;
}

}


/* Die Aufträge */

.fullsize {
margin:0 calc(0px - (50vw - 550px));
text-align:center;
}

@media (max-width:1179px) {

.fullsize {
margin:0 -40px;
}

}

.fullsize figure {
width:100%;
margin:0;
}

@media (max-width:781px) {

.fullsize {
margin:0 -5%;
}

.fullsize figure {
max-width:calc(100% + 60px);
}

.page-id-37 .entry-header {
padding-top:.5em;
}

}

.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
justify-content:center;
}

.page-id-37 .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,
.page-id-37 .wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
display:flex;
flex-direction:column;
align-items:center;
width:338px; height:262px;
padding:6px 4px;
/*background:url('img/papier.png') no-repeat;*/
transition:opacity .25s;
}

.page-id-37 .wp-block-post-template li:nth-child(2),
.page-id-37 .wp-block-post-template li:nth-child(6),
.page-id-37 .wp-block-post-template li:nth-child(8) {
/*background:url('img/papier2.png') no-repeat;*/
}

.page-id-37 .wp-block-post-template .wp-block-group.flip-card,
.page-id-37 .wp-block-post-template .wp-block-group.flip-card div {
width:330px; height:250px;
cursor:pointer;
}

.page-id-37 .wp-block-post-template .wp-block-group.flip-card .flip-card-back {
display:flex;
align-items:center;
opacity:0;
transition:opacity .5s;
}

.page-id-37 .wp-block-post-template .wp-block-group.flip-card:hover .flip-card-back,
.page-id-37 .wp-block-post-template .wp-block-group.flip-card:focus .flip-card-back {
opacity:1;
}

.page-id-37 .wp-block-post-template .wp-block-group.flip-card .flip-card-back div {
height:auto;
}

.page-id-37 .wp-block-post-template .wp-block-group.flip-card .flip-card-back {
background:#ffa200;
color:#fff;
}

.page-id-37 .wp-block-post-template .wp-block-group.flip-card .flip-card-back .wp-block-group__inner-container {
padding:40px;
}

.page-id-37 .wp-block-post-template .wp-block-group * {
padding:0;
margin:0;
text-shadow:none;
}

.page-id-37 .wp-block-post-template .wp-block-group .wp-block-post-title {
font-size:22px;
text-transform:uppercase;
cursor:pointer;
margin-bottom:1em;
font-family:'Special Elite',Arial,Helvetica,sans-serif;
/*color:#ffa200;*/
color:#fff;
}

.page-id-37 .taxonomy-post_tag {
display:inline;
width:auto; height:auto;
cursor:pointer;
font-size:14px;
line-height:1;
/*color:#000;*/
color:#fff;
}

.page-id-37 .taxonomy-post_tag a,
.page-id-37 .taxonomy-post_tag span {
font-family:'Special Elite',Arial,Helvetica,sans-serif;
text-decoration:none;
pointer-events:none;
font-size:inherit;
line-height:inherit;
cursor:pointer;
}

.page-id-37 .wp-block-post-template .wp-block-group.flip-card {
margin:0; padding:0;
background-color:transparent;
perspective:600px;
transform-origin:100% center;
}

.page-id-37 .wp-block-post-template .wp-block-group .wp-block-group {
position:absolute;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
/*transition:transform 0.6s;*/
/*transform-style:preserve-3d;*/
}

.page-id-37 .wp-block-post-template .wp-block-group.flip-card:hover .flip-card-front {
/*transform:rotateX(180deg)*/
}

.page-id-37 .flip-card-back {
/*transform:rotateX(-180deg);*/
}

.page-id-37 .wp-block-post-template .wp-block-group.flip-card:hover .flip-card-back {
/*transform:rotateX(0deg);*/
}

@media (max-width: 600px) {

.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
max-width:330px;
margin:0 auto;       
}

}

/* Auftrag */

.single-post .entry-content > .wp-block-image {
margin-bottom:1.75em;
}

.related {
position:relative;
max-width:1100px;
margin:0 auto;
height:525px;
padding:125px 0 90px 0;
background:url('img/bg-related.jpg') center bottom no-repeat;
overflow-x:hidden;
}

.related:before {
content:'';
position:absolute; left:0px; top:0px;
width:250px; height:100%;
background:linear-gradient(to right, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
z-index:2;
}

.related:after {
content:'';
position:absolute; right:0px; top:0px;
width:250px; height:100%;
background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
z-index:2;
}

.related ul {
position:absolute; left:-100%; top:125px;
width:300%;
z-index:1;
}

.related ul,
.related ul li {
list-style-type:none;
margin:0; padding:0;
}

.related ul li {
float:left;
}

.related ul li a {
display:block;
margin:0 auto;
width:304px; height:310px;
position:relative;
}

.related ul li a:before {
content:'';
position:absolute; left:0px; top:0px;
width:100%; height:100%;
background:url('img/box.png') no-repeat;
z-index:2;
}

.related ul li a:after {
content:'';
position:absolute; left:0px; top:0px;
width:100%; height:100%;
background:url('img/deckel.png') no-repeat;
z-index:3;
}

.related ul li a img {
display:block;
width:304px; height:310px;
object-fit:contain;
transition:all .25s;
}

.related ul li:not(.aktiv) a img {
opacity:0;
}

.related ul li.aktiv a img {
position:relative;
top:-125px;
z-index:1;
}

.related ul li.aktiv a:after {
opacity:0;
}

.related .prev,
.related .next {
position:absolute; top:50%;
width:25px; height:43px;
background:url('img/pfeil.png') no-repeat;
z-index:3;
}

.related .prev {
left:0px;
transform:rotate(180deg);
}

.related .next {
right:0px;
}

/* Amazing */

.page-id-130 {
background:#000 url('img/bg_amazing.jpg') center top;
}

.page-id-130 .site-header,
.page-id-130 .main-navigation {
background:none;
}

.page-id-130 .site.grid-container {
max-width:1004px;
}

.page-id-130 .site-main {
margin-top:8px;
}

.page-id-130 .site-footer {
/*visibility:hidden;*/
}

#amazing div {
position:relative;
width:1004px;
height:615px;
}

#amazing div img {
position:absolute;
}

.page-id-130 .site-logo {
filter:drop-shadow(0 2px 10px rgba(0,0,0,1));
}

.page-id-130 .site-footer *,
.page-id-130 .main-navigation .main-nav ul li a {
text-shadow:0 2px 10px rgba(0,0,0,1);
}


/* Datenschutz */

body.page-id-3 {
background:#000 url('img/bg.jpg') center top repeat-y;
}

.page-id-3 h2,
.page-id-3 h3,
.page-id-3 .site-main li {
font-family:'Special Elite',Arial,Helvetica,sans-serif;
text-align:left;
color:#fff;
}


/* Impressum */

.page-id-116 .site-main mark {
font-size:0.8em;
background:none;
color:#777;
}

.page-id-116 .entry-content {
position:relative;
background:url('img/bg_impressum.jpg') center bottom no-repeat;
padding-bottom:430px;
}

.page-id-116 .entry-content:before {
content:'';
display:block;
width:100%; height:25px;
background:url('img/rollo.png') center top no-repeat;
}

.page-id-116 .entry-content .wp-block-group {
max-width:858px;
margin:0 auto;
background:url('img/papier.jpg') center top no-repeat;
background-size:cover;
color:#000;
max-height:0px;
animation:rollo 3s 1 forwards;
overflow:hidden;
}

@keyframes rollo {
33% { max-height:0px; }
100% { max-height:1000px; }
}

section.related {
display:none;
}

/* ZDF */

.postid-438 .wp-block-image img {
object-position:center top !important;
}

.postid-438 .wp-block-video video {
width:100%; height:100%;
}