body,
html {
overflow-x: hidden !important;
}
.footer_menu { }
align-content
{}@font-face {
font-family: 'futura_t_otmedium_condensed';
src: url(//julia-eising.com/wp-content/themes/julia/fonts/futura_tot_medium_condensed-webfont.woff2) format('woff2'),
url(//julia-eising.com/wp-content/themes/julia/fonts/futura_tot_medium_condensed-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'futura_bkbook';
src: url(//julia-eising.com/wp-content/themes/julia/fonts/futura_book-webfont.woff2) format('woff2'),
url(//julia-eising.com/wp-content/themes/julia/fonts/futura_book-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Georgia';
src: url(//julia-eising.com/wp-content/themes/julia/fonts/Georgia.woff2) format('woff2'),
url(//julia-eising.com/wp-content/themes/julia/fonts/Georgia.woff) format('woff');
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
vertical-align: bottom; }
body {
color: #000;
font-family: 'futura_bkbook';
font-weight: 400;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
letter-spacing: .3px;
font-weight: normal;
font-family: 'futura_t_otmedium_condensed';
}
a {
text-decoration: none; }
p {
font-family: 'Georgia';
font-size: 18px;
letter-spacing: .4px;
line-height: 28px;
margin-top: 8px;
margin-bottom: 8px;
}
ul {
list-style: none;
padding-left: 0;
}
img,
figure {
max-width: 100%;
height: auto;
}
figure {
margin: 0 0 -5px 0;
}
.entry_post_img {
margin-bottom: -0px; }
.main_body {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
position: relative;
} .container {
margin-left: auto;
margin-right: auto;
padding-left: 80px;
padding-right: 80px;
max-width: 1400px;
}
@media(min-width: 1300px) {
.container_inner {
padding-left: 100px;
padding-right: 100px;
}
}
@media(max-width: 1300px) and (min-width: 901px) {
.container_inner {
padding-left: 20px;
padding-right: 20px;
}
}
@media(max-width: 900px) {
.container {
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
} .main_header.posts_header .inner {
min-height: 500px;
}
.main_header .inner {
position: relative;
}
.site_identity {
position: fixed;
margin-left: -35px;
left: 0;
top: 45%;
transform: rotate(-90deg);
z-index: 1;
height: 40px;
line-height: 40px;
}
.site_identity h3 {
text-transform: uppercase;
font-size: 18px;
letter-spacing: .5px;
}
.posts_header .bottom_arrow {
position: absolute;
right: -50px;
top: 49%;
transform: translate(0, -58%);
}
.posts_header .bottom_arrow img {
height: 45px;
}
.posts_header .main_heading {
padding-left: 60px;
position: absolute;
top: 48%;
transform: translate(0, -50%);
}
.posts_header .main_heading h1 {
font-size: 56px;
line-height: 70px;
letter-spacing: .3px;
font-weight: normal;
font-family: 'futura_t_otmedium_condensed';
}
.banner_link {
color: #000;
position: relative;
font-family: 'futura_t_otmedium_condensed';
}
.banner_link::after {
content: "";
border-bottom: 4px solid #000;
width: 55px;
display: block;
position: absolute;
bottom: 2px;
right: 3px;
opacity: 0;
transition: all .3s ease-in-out .0s;
}
.banner_link:hover::after {
opacity: 1;
}
@media(max-width: 1480px) {
.site_identity {
margin-left: -90px;
}
} @media(max-width: 1100px) and (min-width: 900px) { }
@media(min-width: 900px) {
.site_identity.mobile {
display: none;
}
}
@media(max-width: 900px) { .site_identity.desktop {
display: none;
}
.site_identity.mobile {
display: block;
}
.posts_header .main_heading {
padding-left: 0;
}
.posts_header .main_heading h1 {
font-size: 50px;
line-height: 68px;
} .banner_link::after {
width: 48px;
}
.site_identity {
position: absolute;
margin-left: 0 !important;
left: 0;
top: 0;
transform: rotate(0deg);
z-index: 1;
height: auto;
padding-top: 30px;
}
.site_identity h3 {
font-size: 26px;
font-family: 'futura_t_otmedium_condensed';
letter-spacing: 1.5px;
}
.posts_header .bottom_arrow {
position: absolute;
right: inherit;
left: 0;
bottom: 30px;
top: inherit;
}
}
@media(max-width: 767px) {
.posts_header .main_heading h1 {
font-size: 44px;
line-height: 60px;
}
.banner_link::after {
width: 64px;
}
}
@media(max-width: 480px) {
.posts_header .main_heading h1 {
font-size: 35px;
line-height: 45px;
}
.banner_link::after {
width: 48px;
} .site_identity h3 {
font-size: 26px;
}
} #posts_area {
background: #f1f1f1;
padding-bottom: 200px;
width: 100%;
text-align: right;
float: left;
}
.entry_post {
position: relative;
}
.post_img {
width: 100%;
height: auto;
}
.entry_post_title {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
top: 0;
bottom: 0;
display: flex;
flex-direction: row;
}
.entry_post_title .post_title {
background: rgba(255,255,255,.7);
display: flex;
align-items: center; 
justify-content: center;
transition: all .3s ease-in-out .0s;
opacity: 0;
height: 100%;
width: 100%;
font-family: 'futura_t_otmedium_condensed';
letter-spacing: 1px;
padding: 0 15px;
}
.entry_post:hover .entry_post_title .post_title {
opacity: 1;
}
#posts_area .entry_post_title .post_title {
color: #000;
text-transform: uppercase;
font-size: 26px;
line-height: 32px;
}
@media(min-width: 900px) {
#posts_area div > article:nth-child(5n+1) {
width: 78%;	
float: left;
margin-top: 200px;
}
#posts_area div > article:nth-child(5n+2) {
width: 35%;
display: inline-block;
margin-top: 200px;
float: right;
margin-left: 20px;
}
#posts_area div > article:nth-child(5n+3) {
width: 50%;
display: inline-block;
vertical-align: top;
margin-top: 500px;
}
#posts_area div > article:nth-child(5n+4) {
width: 35%;
display: inline-block;
vertical-align: bottom; float: left;
margin-top: 200px;
margin-right: 20px;
}
#posts_area div > article:nth-child(5n+5) {
width: 50%;	
display: inline-block;
float: left;
margin-top: 500px;
}
}
@media(max-width: 900px) {
#posts_area {
padding-bottom: 60px;
padding-top: 60px;
}
.post_img {
margin-bottom:-4px;
}
#posts_area div > article + article {
margin-top: 25px;
}
.herzstücke  .row .column_1_2:last-child {
margin-top: -30px !important;
}
.phase-b-studios .row .column_1_2:last-child{
margin-top: -50px !important;
}
.gira-sustainability-newspaper .row .column_1_2:last-child,
.mak .row .column_1_2:last-child,
.posters .row .column_1_2:last-child{
margin-top: -60px !important;
}
}
@media(max-width: 480px) {
.entry_post_title .post_title a {
font-size: 18px;
}
} #return-to-top {
font-size: 14px;
}
#main_footer {
width: 100%;
text-align: center;
background: #fff;
padding: 20px 0;
}
body.home #main_footer,
.main_body #main_footer {
float: left;
}
#return-to-top {
font-size: 22px;
letter-spacing: 1px;
color: #000;
font-family: 'futura_t_otmedium_condensed';
}
.footer_mail {
padding: 55px 0;
}
.footer_mail a {
color: #000;
font-size: 48px;
display: inline-block;
font-family: 'futura_t_otmedium_condensed';
}
.footer_menu li {
display: inline-block;
}
.footer_menu a {
font-size: 22px;
letter-spacing: 1px;
color: #000;
margin: 0 5px;
text-transform: lowercase;
font-family: 'futura_t_otmedium_condensed';
}
#main_footer .previous_post,
#main_footer .next_post {
display: none;
}
.single_post_body .footer_mail {
display: block !important;
}
.single_post_body #main_footer::before {
background: #aaa;
content: "";
display: block;
height: 1px;
width: 1000%;
margin-left: -100%;
margin-top: -1px;
}
.single_post_body #return-to-top {
margin-top: 20px;
}
@media(min-width: 901px) {
.single_post_body #return-to-top {
display: block !important;
}
}
@media(max-width: 900px) {
.single_post_body .footer_action {
border-bottom: 1px solid #aaa;
}
.single_post_body .footer_action > * {
display: inline-block !important;
width: 32%;
text-align: center;
padding-bottom: 15px;
position: relative;
}
.single_post_body .footer_action #return-to-top::before {
content: "";
background: #aaa;
height: 50px;
width: 1px;
display: inline-block;
position: absolute;
left: -2px;
top: -8px;
}
.single_post_body .footer_action #return-to-top::after {
content: "";
background: #aaa;
height: 50px;
width: 1px;
display: inline-block;
position: absolute;
right: -2px;
top: -8px;
}
} #page_content .container > p {
display: none;
}
.page_header .right_arrow {
position: fixed;
top: 30px;
right: inherit;
margin-left: -50px;
}
.archive_header .right_arrow {
position: fixed;
top: 30px;
right: inherit;
margin-left: -55px;
}
.page_header .right_arrow img,
.archive_header .right_arrow img {
width: 45px;
height: auto;
}
.page_header .main_header .inner {
min-height: auto !important;
padding: 0;
}
@media(min-width: 901px) {
.column_1_2 {
width: 44%;
float: left;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
}
.row {
margin-left: -20px;
margin-right: -20px;
float: left;
}
}
#main_footer.page_footer {
margin-top: 120px;
}
.main_body #main_footer.page_footer #return-to-top,
.main_body #main_footer.page_footer .footer_mail {
display: none;
}
.impressum_page .column_1_2:first-child {
margin-left: 100px;
margin-bottom: 160px;
}
.impressum #main_footer {
display: none;
}
@media(max-width: 900px) {
#page_content {
padding-top: 250px;
}
.page_header .right_arrow,
.single_post_header .site_identityx.desktop{
display: none;
}
#main_footer.page_footer {
margin-top: 60px;
}
.about_page .column_1_2:last-child {
margin-top: 35px !important;
max-width: 280px !important;
}
.impressum_page .column_1_2:first-child {
margin-left: 0;
margin-top: -40px !important;
}
} .single_post_header .inner {
min-height: 500px;
}
.single_post_header .right_arrow {
position: fixed;
margin-left: -55px;
top: 30px;
}
.single_post_header .right_arrow img {
width: 45px;
}
.single_post_header .bottom_arrow {
position: absolute;
right: 0;
top: 50%;
z-index: 1;
margin-right: -50px;
transform:translate(0, -70%);
}
.single_post_header .bottom_arrow img {
height: 45px;
}
.single_post_header .site_identityx.desktop {
position: absolute;
top: 43%; margin-left: -200px; }
.single_post_header .site_identityx.desktop h3 {
transform: rotate(-90deg);
text-transform: uppercase;
font-size: 31px;
font-weight: normal;
font-family: 'futura_t_otmedium_condensed';
letter-spacing: 3px; }
.post_year {
font-size: 26px;
font-weight: normal;
font-family: 'futura_t_otmedium_condensed';
}
#single_post_area .post_title {
font-size: 52px;
letter-spacing: .3px;
text-transform: lowercase;
margin: 10px 0;
font-family: 'futura_t_otmedium_condensed';
font-weight: 400;
}
.post_author {
font-size: 26px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-top: 15px;
font-weight: normal;
font-family: 'futura_t_otmedium_condensed';
}
.post_author span {
color: #aaa;
}
.post_category a {
font-size: 26px;
text-transform: uppercase;
color: #000;
letter-spacing: 1.5px;
margin-top: 10px;
display: inline-block;
line-height: 30px;
pointer-events: none;
font-weight: normal;
font-family: 'futura_t_otmedium_condensed';
}
.entry_post_meta {
margin-bottom: 60px;
} #single_post_area p {
font-size: 18px;
}
@media(min-width: 901px) {
#single_post_area .entry_post {
padding-left: 75px;
padding-right: 75px;
padding-top:330px;
}
.herzstücke .column_1_2:last-child {
margin: 0;
padding: 0;
margin-bottom: 40px;
}
.herzstücke .column_1_2:last-child > p {
margin: 0;
}
}
@media(max-width: 1200px) and (min-width: 1100px) {
.single_post_header .main_heading {
padding-top: 21%;
}
}
@media(max-width: 1100px) and (min-width: 900px) { }
@media(max-width: 900px) {
.single_post_header .inner {
padding: 250px 0 0;
}
#single_post_area {
padding-top: 230px;
}
.single_post_header .right_arrow,
.single_post_header .bottom_arrow {
display: none;
} .herzstücke .column_1_2:first-child {
display: none;
}
.herzstücke .column_1_2:last-child p:first-child,
.phase-b-studios .column_1_2:last-child p:first-child {
margin-top: -25px;
}
}
@media(max-width: 767px) {
#single_post_area .post_title {
font-size: 44px;
line-height: 58px;
}
.banner_link::after {
width: 42px;
}
}
@media(max-width: 480px) {
#single_post_area .post_title {
font-size: 34px;
line-height: 44px;
}
.banner_link::after {
width: 32px;
border: 1px solid #000;
right: 2px;
opacity: 1;
}
.main_header.posts_header .inner {
padding: 260px 0 280px !important;
}
.site_identity h3 {
font-size: 26px;
}
.post_year {
font-size: 20px;
}
.post_author,
.post_category,
.post_category a {
font-size: 20px;
}
} body.home #custom_navigation,
.main_body #custom_navigation {
display: none;
}
.previous_post a,
.next_post a {
font-size: 22px;
letter-spacing: 1px;
color: #000;
font-family: 'futura_t_otmedium_condensed';
}
@media(min-width: 901px) {
.single_post_body #custom_navigation {
display: block;
opacity: 0;
}
.previous_post a,
.next_post a {
position: fixed;
width: 400px;
border-bottom: 2px solid #aaa;
text-align: center;
padding-bottom: 15px;
}
.previous_post a {
left: -140px;
transform: rotate(-90deg);
top: 46%;
}
.next_post a {
right: -140px;
transform: rotate(90deg);
top: 46%;
}
}
@media(max-width: 900px) {
.single_post_body #custom_navigation {
display: none;
}
} .erroe_body #main_footer {
display: none;
}
.erroe_body .inner {
padding: 120px 0;
}
@media(min-width: 901px) {
.erroe_body #single_post_area h1 {
margin-left: 100px;
}
} body.archive #custom_navigation {
display: none;
}
body.archive #main_footer {
float: left;
margin-top: 0;
} .cs_site_identity h3 {
transform: rotate(-90deg);
height: 40px;
line-height: 40px;
text-transform: uppercase;
font-weight: 400;
font-size: 31px;
letter-spacing: 3px;    }
.cs_site_title.cs_index {
position: fixed;
z-index: 1;
top: 46%;
width: 100%;
transform: translate(0, -50%);
}
.cs_site_title.cs_index .cs_site_identity {
position: relative;
}
.cs_site_title.cs_index .cs_site_identity h3 {
position: absolute;
left: -200px; }
.cs_site_title.cs_page {
position: fixed;
top: 46%;
width: 100%;
left: -35px;
transform: translate(0, -50%);
}
.cs_site_title.cs_page .cs_site_identity {
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 1400px;
}
.cs_site_title.cs_page h3 {
position: absolute;
left: -85px;  }
@media(max-width: 900px) {
.cs_site_title.cs_index .cs_site_identity,
.cs_site_title.cs_page .cs_site_identity,
.archive_header .right_arrow {
display: none;
}
}
.cs_prev_section,
.cs_next_section {
display: none;
}
.single_post_body .cs_prev_section,
.single_post_body .cs_next_section {
display: block;
}
.cs_prev_section {
position: fixed;
width: 100%;
top: 46%;
left: 0;
}
.cs_next_section {
position: fixed;
width: 100%;
top: 46%;
right: 0;
}
.cs_previous_post {
position: relative;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
.cs_previous_post a {
width: 380px;
position: absolute;
left: -150px;
border-bottom: 1px solid #aaa;
padding-bottom: 15px;
transform: rotate(-90deg);
}
.cs_next_post {
position: relative;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
.cs_next_post a {
width: 380px;
position: absolute;
right: -150px;
border-bottom: 1px solid #aaa;
padding-bottom: 15px;
transform: rotate(90deg);
}
.cs_previous_post a, 
.cs_next_post a {
font-size: 22px;
letter-spacing: 1px;
color: #000;
font-family: 'futura_t_otmedium_condensed';
}
.cs_prev_section,
.cs_next_section {
opacity: 0;
}
@media(max-width: 900px) {
.cs_previous_post a, 
.cs_next_post a {
display: none;
}
}
@media(max-width: 480px) {
.footer_mail a {
font-size:40px;
}
} @media(max-width:700px){
.break {
display:block;
}
}
.minus {
background: #000000;
width: 10px;
height: 2px;
display: inline-block;
position: relative;
top: -18px; }
@media(max-width: 767px) {
.single_post_body #main_footer {
margin-top: 0;
padding-top: 0;
}
.single_post_body #main_footer::before {
display: none;
}
}