html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: none;
}
del {
text-decoration: line-through;
}
table {
border-spacing: 0;
}
a img {
border: none;
}
img {
vertical-align: middle;
} .farbe1 {color:#D5908F;}
.farbe2 {color:#B46966;}
.farbe23 {color:#896a6e;}
.farbe3 {color:#22677C;} @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/fonts/roboto-condensed-v27-latin-300.woff2) format('woff2'), url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/fonts/roboto-condensed-v27-latin-300.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/fonts/roboto-condensed-v27-latin-700.woff2) format('woff2'), url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/fonts/roboto-condensed-v27-latin-700.ttf) format('truetype'); }
a {
color: #22677C;
}
a:hover {
color: #B46966;
}
body {
background:#fff;
color:#000;
font-size:1em;
line-height:1.7em;
-webkit-text-size-adjust: none;
text-size-adjust: none;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
}
strong, b {
font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.2;
color:#22677C;
}
h1 {
font-size: 1.625rem;
padding-bottom:0.25rem;
margin-bottom: 0.75rem;
}
h2 {
font-size: 1.625rem;
margin: 1rem 0 0.75rem 0;
}
h3 {
font-size: 1.375rem;
margin: 1rem 0 0.75rem 0;
}
h4 {
font-size: 1.25rem;
margin: 1rem 0 0.75rem 0;
}
h5 {
font-size: 1.125rem;
margin: 1rem 0 0.75rem 0;
}
hr {
width:100%;
border-top: 1px solid #333;
border-bottom: none;
clear: both;
height: 0;
margin: .75rem 0;
padding: 0;
}
img {
max-width: 100%;
height: auto;
}
.alignleft {
float:left;
margin: 0 1em 1em 0;
}
.alignright {
float:right;
margin: 0 0 1em 1em;
}
.aligncenter, .center {
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
} .header-center,
.content-center,
.footer-center,
.wp-block-basic,
.wp-block-image,
.content-blocks > p,
.content-blocks > h1,
.content-blocks > h2,
.content-blocks > h3,
.content-blocks > h4,
.content-blocks > h5,
.content-blocks > h6,
.content-blocks > ul
{
min-width:18rem;
width: 90%;
margin:0 5%;
} @media screen and (min-width: 77.77rem) {
.header-center,
.content-center,
.footer-center,
.site-header-sub .header-center,
.wp-block-basic,
.wp-block-image,
.content-blocks > p,
.content-blocks > h1,
.content-blocks > h2,
.content-blocks > h3,
.content-blocks > h4,
.content-blocks > h5,
.content-blocks > h6,
.content-blocks > ul{
width: 70rem;
margin:0 auto;
}
}
@media screen and (min-width: 100rem) {
.header-center-- {
width: 90rem;
margin:0 auto;
}
}  .site-header {
background-color:rgba(255,255,255,0);
position: fixed;
min-width: 20rem;
width: 100%;
z-index: 9;
}
.header-flex {
display: flex;
justify-content: space-between;
padding: 2.5rem 0 2rem;
align-items: flex-end;
transition: .4s;
}
.site-header-down .header-flex {
padding: .5rem 0 .25em;
}
.site-header-sub.site-header-up .header-flex {
padding: 4.5rem 0 .25em;
}
.site-header-sub.site-header-down .header-flex {
padding: 0 0 .25em;
}
.header-logo {
padding-bottom: .5rem;
}
.header-logo h1,
.header-logo a {
display: block;
text-decoration:none;
}
.header-logo a:hover {
}
.logo-size {
width: 11rem;
transition: .4s;
}
.site-header-sub .logo-size {
width: 13rem;
}
@media screen and (min-width: 45rem) {
.logo-size {
width: 15rem;
}
.site-header-sub .logo-size {
width: 14rem;
}
}
.site-header-down .logo-size  {
width: 14rem;
margin-left:.5rem;
}
.site-header-sub.site-header-down .logo-size  {
width: 14rem;
margin-left:0;
}
.logo-space{
width:100%;
padding-bottom: 50%;
position: relative;
}
.logo-space h1,
.logo-space a{
overflow: hidden;
text-indent: -9999px;
display:block;
position: absolute;
height: 100%;
width:100%;
padding: 0;
margin:0;
background: url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/images/logo-dea-1.svg) no-repeat right center;
background-size: auto 100%;
}
.logo-space b{
display: block;
position: absolute;
height: 100%;
width:70%;
background: url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/images/logo-dea-2.svg) no-repeat right center;
background-size: auto 100%;
}
.logo-space i{
display: block;
position: absolute;
height: 100%;
width:80%;
background: url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/images/logo-dea-3.svg) no-repeat right center;
background-size: auto 100%;
}
.site-header-home .logo-space i,
.site-header-home .logo-space b{
right:0;
} .site-header-home .logo-space b{
opacity: 0;
transform: rotate(-10deg);
animation: rotateA .5s ease-in-out 1s forwards; /
}
.site-header-home .logo-space i{
opacity: 0;
transform: rotate(10deg);
animation: rotateB .5s ease-in-out 1s forwards;
}
@keyframes rotateA {
from {
opacity: 0;
transform: rotate(-10deg);
}
to {
opacity: 1;
transform: rotate(0deg);
}
}
@keyframes rotateB {
from {
opacity: 0;
transform: rotate(10deg);
}
to {
opacity: 1;
transform: rotate(0deg);
}
} .site-header-sub .logo-space{
padding-bottom: 25%;
}
.site-header-sub .logo-size  .logo-space a,
.site-header-sub .logo-size  .logo-space b,
.site-header-sub .logo-size  .logo-space i{
transition:  .4s;
width:100%;
height:200%;
bottom:0;
}
.site-header-sub .logo-size  .logo-space b,
.site-header-sub .logo-size  .logo-space i{
--bottom:100%;
}
.site-header-sub.site-header-down .logo-size  .logo-space a  {
--top: -4.125rem;
transition:  .4s;
}
.site-header-sub.site-header-down .logo-size  .logo-space b  {
bottom: 100%;
transition:  .4s;
}
.site-header-sub.site-header-down .logo-size  .logo-space i  {
bottom: 130%;
transition:  .4s;
}
.site-header-up {
background-color:rgba(255,255,255,0);
transition: .4s;
}
.site-header-down {
background-color:rgba(255,255,255,.9);
transition: .4s;
}
.header-space {
height:13rem;
} .home-hero {
width:100%;
min-height: 30rem;
height: calc(100vh - 3.75rem);
}
.content-home {
font-size:1.25em;
line-height: 1.7;
padding:3rem 0 2.25rem;
}
.content-home strong{
color:#22677C;
}
@media screen and (min-width: 50em) {
.content-home {
text-align: center;
}
} .main-navigation {
width:100%;
}
.main-navigation input {
display: none;
}
.main-navigation li a{
text-decoration: none;
color:#22677C;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.main-navigation li a:hover {
color: #22677C;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
font-weight: 700;
color:#22677C;
}
body.single-portfolio #menu-item-38 a,
body.single-projekte #menu-item-39 a {
font-weight: 700;
}
@media screen and (max-width: 44.999em) {
.main-navigation label {
position: absolute;
top: 1.125rem;
right: 1.5rem;
height: 1.5rem;
width: 2rem;
z-index: 5;
}
.main-navigation input + label span {
position: absolute;
width: 100%;
height: 0.25rem;
top: 50%;
left: 0;
display: block;
background: #896a6e;
transition: .4s;
}
.main-navigation input + label span:first-child {
top: 0;
background: #B46966;
}
.main-navigation input + label span:last-child {
top: 100%;
background: #22677C;
}
.main-navigation body label:hover {
cursor: pointer;
}
.main-navigation input:checked + label span {
opacity: 0;
top: 50%;
}
.main-navigation input:checked + label span:first-child {
opacity: 1;
transform: rotate(45deg);
background: #22677C;
}
.main-navigation input:checked + label span:last-child {
opacity: 1;
transform: rotate(-45deg);
background: #22677C;
}
.main-navigation .after-checkbox {
background: #fff;
position: absolute;
left:0;
display:none;
z-index: 4;
width: 100%;
}
.main-navigation input:checked ~ .after-checkbox {
display:block;
}
.main-navigation ul  {
padding: 1em 0;
}
.main-navigation ul li {
padding: 0.25em 1.5em;
font-size:1.25rem;
}
}
@media screen and (min-width: 45em) {
.main-navigation {
padding-bottom: .75rem;
}
.main-navigation ul{
display:flex;
}
.main-navigation ul li{
padding-left:1rem;
}
.main-navigation ul li a{
display:inline-block;
padding: 0;
line-height: 1;
font-size: 1rem;
}
.main-navigation ul li:last-child{
padding-left:1.5rem;
}
.main-navigation ul li:last-child a{
background: #22677C;
padding: .375rem 1rem;
border-radius:1rem;
color:#fff;
line-height: 1;
font-size: 1rem;
letter-spacing: 1px;
}
} .page-content {
}
.page-content p {
padding-bottom:1rem;
}
.textplusbild-bild {
padding-bottom:1.5rem;
}
@media screen and (min-width: 40em) {
.textplusbild {
display:flex;
}
.textplusbild-bild {
flex: 0 0 35%;
}
.textplusbild-text {
flex: 1;
padding-left:3rem;
}
}
.fotocredit {
color:rgba(0,0,0,.6);
font-size:.75rem;
text-align: right;
padding: 0 0 .5rem 0;
} ul.gallerylist  {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
}
.gallerylist li {
flex: 0 0 100%;
margin-bottom: 3vh;
}
@media screen and (min-width: 30em) {
.gallerylist li { flex: 0 0 48%;; margin-bottom: 3.75vh;}
}
@media screen and (min-width: 50em) {
.gallerylist li { flex: 0 0 31.5%; margin-bottom: 3.75vh;}
}
.gallerylist .imagespace {
width: 100%;
height: 0;
padding-bottom:66%;
position: relative;
background-color: #22677C;
}
.gallerylist .imagespace > div {
width: 100%;
height: 100%;
position: absolute;
}
.gallerylist a {
text-decoration: none;
}
.gallerylist a h3{
text-decoration: none;
font-weight: normal;
padding: 0;
margin: .25rem 0 .25rem;
font-size: 1.25rem;
color:#000;
} ul.gallery  {
display:flex;
flex-wrap: wrap;
gap:1rem;
list-style: none;
}
.gallery li {
flex: 1 1 calc((100% - 1rem) / 2);
}
@media screen and (min-width: 35em) {
.gallery li{ flex: 1 1 calc((100% - 2rem) / 3);}
}
@media screen and (min-width: 50em) {
.gallery li{ flex: 1 1 calc((100% - 3rem) / 4);}
}
@media screen and (min-width: 66.666em) {
.gallery li{ flex: 1 1 calc((100% - 5rem) / 6);}
}
.gallery li div{
width:100%;
height:0;
padding-bottom:100%;
background-size:cover;
position: relative;
}
.gallery li div a{
width:100%;
height:100%;
position: absolute;
display: block;
} #--fancybox-overlay {
background-color:#fff!important;
opacity: 0.9!important;
}
#fancybox-title {
color: #000000!important;
font-size:.875rem!important;
margin: 0;
padding:0;
}
#--fancybox-title-inside {
color:#22677C;
font-size:0.75rem;
} .site-footer {
text-align: center;
padding:1.5rem 0 2rem 0;
}
.socialmedia {
text-align: center;
}
.socialmedia a {
background-color: #22677C;
border-radius: 50%;
display: inline-block;
width: 1.625rem;
height: 1.625rem;
margin: 0 .125rem;
overflow: hidden;
text-indent: -9999px;
}
.socialmedia a.social-linkedin {
background: #22677C url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/images/icon-linkedin.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-instagram {
background: #22677C url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/images/icon-instagram.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-website {
background: #22677C url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/images/icon-website.png) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-facebook:hover {
background: #B46966 url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/images/icon-linkedin.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-instagram:hover {
background: #B46966 url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/images/icon-instagram.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-website:hover {
background: #B46966 url(//www.deaschmidt.at/wp-content/themes/fotografiebewegt/images/icon-website.png) no-repeat center center;
background-size: 100% 100%;
}
.footer-navigation ul {
display: flex;
justify-content: center;
}
.footer-navigation ul li{
padding: .75rem;
}
.footer-navigation ul a{
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
font-size:.875rem;
}