@charset "UTF-8";
/**
Theme Name: Martina Schubhart Portfolio
Author: Martina Schubhart
Author URI: http://www.martinaschubhart.at/
Description: Portfolio Theme für Martina Schubhart
Version: 1.0.1
Template: astra
*/
.main-header-bar { background-color: #F2F2F2; }

@media (min-width: 768px) { #page { border: 24px solid white; } }

body, p, ul, input, input[type="submit"], .ast-small-footer-section { font-family: tzimmes, serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 28px; }

@media (min-width: 640px) { body, p, ul, input, input[type="submit"], .ast-small-footer-section { font-size: 18px; line-height: 31px; } }

@media (min-width: 640px) { .ast-small-footer-section { font-size: 16px; line-height: 28px; } }

.case-section-con ul, .case-list { margin-left: 0; }

.case-section-con ul li, .case-list li { background: url("/wp-content/uploads/2020/06/test-icon.png") no-repeat; padding-left: 40px; list-style-type: none; margin: 0 0 8px 0; }

h1, h1.entry-title { font-family: europa, sans-serif; font-weight: 700; font-style: normal; }

h1.entry-title { max-width: 1400px; padding: 0 24px; margin: 0 auto; font-size: 36px !important; line-height: 46px; }

@media (min-width: 768px) { h1.entry-title { padding: 0 48px; font-size: 35px !important; line-height: 49px; } }

.entry-content h2 { font-family: europa, sans-serif; font-weight: 700; font-style: normal; font-size: 30px !important; line-height: 40px !important; margin-bottom: 8px; }

@media (min-width: 768px) { .entry-content h2 { font-size: 32px !important; line-height: 42px !important; } }

.entry-content h2 + h3 { margin-bottom: 32px; }

h2.case-subtitle, h3 { font-family: europa, sans-serif; font-weight: 300; font-style: normal; }

h2.case-subtitle { max-width: 1400px; padding: 0 24px; margin: 0 auto; color: rgba(40, 40, 40, 0.5); font-size: 28px !important; line-height: 33px; margin-bottom: 40px; line-height: 40px !important; }

@media (min-width: 768px) { h2.case-subtitle { padding: 0 48px; font-size: 35px !important; line-height: 49px; margin-bottom: 65px; line-height: 42px !important; } }

h2.h2--small { font-size: 22px !important; line-height: 1.5em !important; }

h3 { color: rgba(40, 40, 40, 0.5) !important; font-size: 27px !important; line-height: 37px !important; }

@media (min-width: 768px) { h3 { font-size: 30px !important; line-height: 40px !important; } }

h3.h3--small { font-size: 20px !important; line-height: 1.5em !important; }

h4 { font-family: tzimmes, serif; font-weight: 400; font-style: normal; font-size: 18px; margin: 40px 0 16px 0; }

a.link--underlined { font-family: tzimmes, serif; font-weight: 400; font-style: normal; font-size: 17px; text-decoration: underline; color: #282828; }

a.link--underlined:hover { color: #FF5F3A; }

blockquote.case-blockquote { font-family: europa, sans-serif; font-weight: 300; font-style: normal; font-size: 27px; line-height: 34px; margin: 0; padding: 0; border: none; }

@media (min-width: 768px) { blockquote.case-blockquote { font-size: 30px; line-height: 43px; } }

blockquote.case-blockquote cite { display: block; font-family: tzimmes, serif; font-weight: 400; font-style: normal; font-size: 16px; color: rgba(40, 40, 40, 0.5); }

.meta { color: rgba(40, 40, 40, 0.5); }

.small-meta { color: rgba(40, 40, 40, 0.5); font-size: 13px; }

/* Kontakt BTN im header */
.wpcf7-form-control.wpcf7-submit, .a-button--mohn { background: #FF5F3A; border: 1px solid #FF5F3A; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; height: auto; padding: 1px 10px; color: white; }

@media (min-width: 370px) { .wpcf7-form-control.wpcf7-submit, .a-button--mohn { padding: 3px 20px; } }

.wpcf7-form-control.wpcf7-submit:hover, .a-button--mohn:hover { color: #FF5F3A; background: white; border: 1px solid #FF5F3A; }

.ast-separate-container .ast-article-single { padding: 0 !important; }

/* Basic Layout - Site Width and Paddings */
.ast-separate-container #content .ast-container { padding: 0; max-width: 100%; }

.entry-content, header .ast-container, footer .ast-container { display: block; width: 100%; padding: 0 24px; margin: 0 auto; }

/* Case Studies */
.page-id-55 .entry-content, .page-id-172 .entry-content, .page-id-51 .entry-content, .page-id-455 .entry-content, .page-id-448 .entry-content, .page-id-1074 .entry-content { max-width: 100%; padding: 0; }

/* Über mich */
.page-id-30 .entry-content { max-width: 100%; padding: 0; }

@media (min-width: 768px) { .entry-content, header .ast-container, footer .ast-container { display: block; max-width: 1400px; padding: 0 48px; margin: 0 auto; }
  /* Case Studies */
  .page-id-55 .entry-content, .page-id-172 .entry-content, .page-id-51 .entry-content, .page-id-455 .entry-content, .page-id-448 .entry-content, .page-id-1074 .entry-content { max-width: 100%; padding: 0; }
  .page-id-30 .entry-content { max-width: 100%; padding: 0; } }

/* Coming Soon */
h1.h1--home { font-size: 22px; line-height: 39px; max-width: 650px; font-family: tzimmes, serif; font-weight: 400; font-style: italic; }

@media (min-width: 768px) { h1.h1--home { font-size: 28px; line-height: 40px; } }

h1.h1--home strong { font-weight: 400; color: #FF5F3A; }

.home-email a { color: rgba(40, 40, 40, 0.5); font-size: 20px; line-height: 1.5em; font-family: europa, sans-serif; font-weight: 300; font-style: normal; }

@media (min-width: 370px) { .home-email a { font-size: 23px; } }

@media (min-width: 768px) { .home-email a { font-size: 32px; } }

.home-email a:hover { color: #FF5F3A; text-decoration: underline; }

/* Header */
/* Header */
.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle { color: #282828; }

/* Logo */
.site-title { display: block; line-height: 38px  !important; font-family: europa, sans-serif; }

.site-title a { font-family: europa, sans-serif; font-weight: 700; font-style: normal; font-size: 18px; letter-spacing: 0.03em; line-height: 38px !important; font-family: europa, sans-serif; }

@media (min-width: 370px) { .site-title a { font-size: 20px; } }

.site-title a:hover { color: #FF5F3A; }

.site-header .site-description { font-family: tzimmes, serif; font-weight: 400; font-style: italic; font-size: 18px; }

.ast-header-break-point .main-header-bar, .main-header-bar { border-bottom: none; }

@media (min-width: 768px) { .ast-flex.main-header-container { margin-top: 20px; } }

.main-header-menu > .menu-item.current-menu-item > a, .main-header-menu > .menu-item > a:hover { color: #FF5F3A; }

/* Mobile Menu */
.ast-header-break-point .main-navigation ul li a { padding: 11px 20px; }

@media (max-width: 767px) { .vc_hidden-xs { display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) { .vc_hidden-sm { display: none !important; } }

@media (min-width: 992px) and (max-width: 1079px) { .vc_hidden-md { display: none !important; } }

@media (min-width: 1080px) { .vc_hidden-lg { display: none !important; } }

@media (min-width: 1080px) { .margin-top-large--desktop { margin-top: 140px !important; } }

@media (max-width: 767px) { .margin-top-small--mobile { margin-top: 32px; } }

/* Google Recaptcha Ausblenden */
.grecaptcha-badge { opacity: 0; }

/* Kontakt */
.contact-column--form input[type="text"], .contact-column--form input[type="email"], .contact-column--form textarea { background: rgba(222, 224, 227, 0.35); }

.contact-column--illustration { align-self: center; }

.case-section-con.ueber-mich-con { width: 100%; padding: 0 24px; }

.case-section-con.ueber-mich-con .case-text-con.case-section-right picture { display: none; }

@media (max-width: 1079px) { .case-section-con.ueber-mich-con .case-text-con { padding: 0; margin: 0; } }

@media (max-width: 600px) { .case-section-con.ueber-mich-con .case-text-con.case-section-left { margin-bottom: 32px; } }

@media (min-width: 601px) and (max-width: 1079px) { .case-section-con.ueber-mich-con .case-text-con.case-section-left { display: none; }
  .case-section-con.ueber-mich-con .case-text-con.case-section-right picture { width: 40%; padding: 0 0 40px 40px; display: block; float: right; } }

@media (min-width: 768px) and (max-width: 1079px) { .case-section-con.ueber-mich-con { width: 100%; padding: 0 48px; } }

@media (min-width: 1300px) { .case-section-con.ueber-mich-con .case-text-con.case-section-right { padding-top: 20px; } }

/* Footer */
footer .ast-small-footer a { font-size: 16px; line-height: 28px; }

footer .ast-small-footer a:hover { color: #282828; text-decoration: underline; }

/* Cookie Bar */
#cookie-notice .cn-button { background-color: #FF5F3A; border: 1px solid #FF5F3A; }

#cn-refuse-cookie.cn-button { background-color: transparent; border: 1px solid #FF5F3A; color: #FF5F3A; }

#cn-notice-text a { color: white; text-decoration: underline; }

.prefooter { background: #EBEAEA; text-align: center; overflow: hidden; border-bottom: 1px solid #DBDADA; }

.prefooter h4 { font-size: 20px; line-height: 1.5em; font-family: europa, sans-serif; font-weight: 700; font-style: normal; }

/* Vanilla Lazy Loading */
/*
Images container to occupy space
when the images aren't loaded yet
*/
.image-wrapper { width: 100%; height: 0; padding-bottom: 150%; /* ☝️ image height / width * 100% */ position: relative; }

.image { position: absolute; /* ...other positioning rules */ }

/*
Hide "broken" images before
they start loading
*/
img:not([src]):not([srcset]) { visibility: hidden; }

.topbutton { height: 50px; width: 50px; position: fixed; right: 8px; bottom: 8px; Z-index: 1; background-image: url("scroll-to-top.svg"); background-color: rgba(40, 40, 40, 0.5); background-repeat: no-repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none; }

@media (min-width: 480px) { .masonry-with-columns div { display: inline-block; float: left; width: 48.5%; margin-right: 3%; margin-bottom: 0px; }
  .masonry-with-columns div:nth-child(1) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(2) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(3) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(4) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(5) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(6) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(7) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(8) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(9) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(10) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(11) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(12) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(13) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(14) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(15) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(16) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(17) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(18) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(19) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(20) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(21) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(22) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(23) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(24) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(25) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(26) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(27) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(28) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(29) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(30) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(31) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(32) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(33) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(34) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(35) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(36) { height: auto; line-height: auto; }
  .masonry-with-columns div:nth-child(2), .masonry-with-columns div:nth-child(4), .masonry-with-columns div:nth-child(6) { margin-right: 0%; margin-top: 32px; }
  .masonry-with-columns div:nth-child(1), .masonry-with-columns div:nth-child(3), .masonry-with-columns div:nth-child(5) { padding-bottom: 32px; } }

@media (max-width: 479px) { .masonry-with-columns { display: flex; flex-wrap: wrap; }
  .masonry-with-columns div { flex-basis: 100%; } }

.masonry-with-columns div { display: flex; flex-direction: column; flex-direction: column-reverse; }

.masonry-with-columns div a { display: block; }

.masonry-with-columns img { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; }

.masonry-with-columns a.img:hover img, .masonry-with-columns a.text:hover + a.img img { transform: scale(0.98); }

.masonry-with-columns div a.text, .masonry-with-columns div p.text { padding: 20px 0 40px; text-align: center; color: rgba(40, 40, 40, 0.5); font-size: 16px; }

.masonry-with-columns div a.text strong, .masonry-with-columns div p.text strong { display: block; color: #282828; font-size: 22px; line-height: 32px; font-weight: 400; font-family: europa, sans-serif; font-weight: 400; font-style: normal; }

.masonry-with-columns div p.text, .masonry-with-columns div p.img { margin: 0; }

/*# sourceMappingURL=style.css.map */