:root {
--gw-black:          #0d0d0d;
--gw-white:          #f5f3ef;
--gw-line:           rgba(13,13,13,0.12);
--gw-nav-h-mobile:   56px;
}
@media (min-width: 768px) {
.home .post{
max-width:350px;
max-height:500px;
}
}
.wp-caption-text{
pointer-events:none;
}
.startseite {
padding: 15px;
font-size: 1.2em;
border: 4px solid;
margin: 0px 30px;
}
footer .menu {
list-style: none; margin: 0;
padding: 0;
display: flex; flex-wrap: wrap; gap: 1.5rem; }
footer .menu li {
display: inline-block;
}
footer .menu a {
text-decoration: none;
}
.post {
position: relative;
overflow: hidden; border: 4px solid #000; } .post img {
display: block;
width: 100%;
height: auto;
transition: transform 400ms cubic-bezier(.22,.9,.3,1),
filter 300ms ease;
transform-origin: center center;
will-change: transform, filter;
} .post:hover img {
transform: scale(1.06);
}
.single-content, .content {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.single-content.is-ready, .content.is-ready{
opacity: 1;
}
@font-face {
font-family: Metric-regular;
font-display: swap;
src: url(//galeriewedding.de/wp-content/themes/galerie-wedding/css/font/Metric-Regular.woff2); }
@font-face {
font-family: Metric-bold;
font-display: swap;
src: url(//galeriewedding.de/wp-content/themes/galerie-wedding/css/font/Metric-Bold.woff2); }  html, body {
font-family: Metric-regular, sans-serif;
font-size: 1.1em;
}
.site-logo img {
height:auto;
width: 75px;
padding-left:10px;
padding-top:10px;
padding-bottom:5px;
}
::selection {
color: white;
background: black; }
a:link, a:visited {
color: black;
}
#km-network-overlay{
margin-bottom:45px;
}
.search-button{
padding: 0px 5px 0px 5px;
margin-left: 5px;
border-radius: 5px;
}
@media (min-width: 768px) {
#menu-main_menu {
font-size:1.3em;
text-transform:uppercase;
} .menu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0; background: #fff;
padding: 0;
margin: 0;
list-style: none;
min-width: 200px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
z-index: 999;
}
.menu li {
position: relative; }
.menu .sub-menu {
top: 100%; margin-top: 0 !important;
padding-top: 0 !important;
}
.menu .sub-menu {
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.menu li:hover > .sub-menu {
visibility: visible;
opacity: 1;
} .menu li:hover > .sub-menu {
display: block;
} .menu > li:last-child .sub-menu {
left: auto; right: 0; } .menu .sub-menu li a {
display: block;
padding: 10px 15px;
text-decoration: none;
color: #333;
background: #fff;
}
.menu .sub-menu li a:hover {
background: #f5f5f5;
}
}  .menu-main_menu-container {
top: 0;
width: 100%;
z-index: 888; }
.menu-main_menu-container ul.menu {
display: flex;
justify-content: flex-end; gap: 15px; padding: 5px;
list-style: none;
}
.menu-main_menu-container ul.menu li.menu-item {
margin: 0; }
.menu-main_menu-container ul.menu li.menu-item a:link, .menu-main_menu-container ul.menu li.menu-item a:visited {
color: black;
text-decoration: none; }
.menu-main_menu-container ul.menu li.menu-item a:link:hover, .menu-main_menu-container ul.menu li.menu-item a:visited:hover {
text-decoration:underline;
}
header.heat {
display: flex;
align-items: center;
justify-content: space-between;
position:fixed;
width:100%;
top:0;
left:0;
background:white !important;
z-index: 9999;
border-bottom: 4px solid black;
}
footer.heat {
position: fixed;
bottom: 0;
left: 0;
right: 0; border-top: 4px solid black;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px 0 10px; background: white;
z-index: 999;
}
img.galerie-top {
margin-left:10px;
}
.wedding-bottom{
margin-right:10px;
}
@media (max-width: 768px) {
header.heat, footer.heat {
position: fixed !important; width: 100% !important; z-index: 9999; display: flex !important;
flex-direction: column !important; align-items: center !important; background: white !important; padding:8px;
}
#km-network-overlay{
display:none;
}
header.heat a {
display: block !important;
text-align: center !important;
}
header.heat img.galerie-top, .wedding-bottom {
max-width: 80% !important;
height: auto !important;
padding:10px;
}
header.heat nav {
width: 100% !important;
}
header.heat nav ul#menu-main_menu,  footer.heat div ul#menu-footer_menu {
display: flex;
justify-content: space-between; padding: 0;
margin: 0;
list-style: none;
}
header.heat nav ul#menu-main_menu li, footer.heat div ul#menu-footer_menu li {
text-align: center;
margin: 0;
flex: 1 1 auto; }
header.heat nav ul#menu-main_menu li a, footer.heat div ul#menu-footer_menu li a {
display: block;
padding: 0px 0;
font-size: 4vw; }
header.heat nav ul#menu-main_menu li:nth-last-child(-n+1) {
display: none;
}
footer.heat div ul#menu-footer_menu li:nth-child(-n+3) {
display: none;
}
}
@media (max-width: 768px) {
.content .post .entry-content{
font-size:1.3rem;
} .menu .sub-menu {
display: block !important;
position: static !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: none !important;
}
.menu .sub-menu li a {
padding: 8px 0;
background: none !important;
color: #000; }	
}
.galerie-top {
width: 77px;
height: 13px;
z-index: 999;
top: 12px;
left: 10px; }
.galerie-top h1 {
text-indent: -5000px; } .menu-footer_menu-container {
width: 100%;
background: white;
z-index: 999; }
.menu-footer_menu-container ul.menu {
padding: 5px; }
.menu-footer_menu-container ul.menu li.menu-item {
display: flex;
}
.menu-footer_menu-container ul.menu li.menu-item a:link, .menu-footer_menu-container ul.menu li.menu-item a:visited {
color: black;
text-decoration: none; }
.menu-footer_menu-container ul.menu li.menu-item a:link:hover, .menu-footer_menu-container ul.menu li.menu-item a:visited:hover {
text-decoration:underline;
}
.wedding-bottom {
width: 90px;
z-index: 999;
}
.current-menu-item {
font-weight:800; } form.menu-search-form {
display: flex; }
form.menu-search-form p {
display: inline; }
form.menu-search-form p input {
display: inline; }
form.menu-search-form p input.text_input:focus {
border: none;
outline: none; }  .content {
padding-left: 10px;
margin-top: 75px; }
.content:after {
clear: both;
display: block;
content: "";
margin-bottom: 80px;
padding-bottom: 50px;}
.content .post {
font-family: Metric-bold, sans-serif;
font-size: 1.8em;
letter-spacing: 1px;
line-height: 1.1em;
position: relative;
float: left;
margin: 10px; }
.content .post img {
margin: 0;
padding: 0; min-width: 350px;
height: auto;
}
.content .post .entry-content {
position: absolute;
bottom: 22px;
left: 22px;
z-index: 99;
max-width: 320px; }
.content .post .entry-content a:link, .content .post .entry-content a:visited, .content .post .entry-content h2 {
color: black;
text-decoration: none; } .single-content {
margin: 75px 10px;  }
.single-content:after {
clear: both;
display: block;
content: "\00a0";
margin-bottom: 120px;
padding-bottom: 50px;
}
.single-content .post-static {
padding: 12px 22px 22px 22px;
float: left;
border: 4px solid black;
width: 25vw;
min-width: 350px;
max-width: 450px;
margin-bottom: 20px; }
.single-content .post-static h1, .single-content .post-static h2 {
letter-spacing: 1px; }
.single-content .post-static h1, h1 {
font: 2.2em Metric-bold, sans-serif;
margin-top:15px;
}
.single-content .post-static h2.entry-title {
font: 2.2em Metric-bold, sans-serif; }
.single-content .post-static strong {
font-family: Metric-bold, sans-serif !important; }
.single-content .post-static p {
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.3em; }
.single-content img { vertical-align: bottom; }
.single-content .wp-caption, .wp-caption {
position: relative;
float: left;
background: white; }
.single-content .wp-caption .wp-caption-text, .wp-caption-text {
position: absolute;
background: white;
height: 100%;
width: 100% !important;
vertical-align: bottom;
padding: 0px; display: none;
white-space: pre-line; }
.single-content .wp-caption .wp-caption-text .caption-text-bottom {
position: absolute;
bottom: 22px;
left: 22px; }
.single-content .wp-caption:hover .wp-caption-text {
display: block; }
.single-content .post {
font-family: Metric-bold, sans-serif;
font-size: 1.8em;
letter-spacing: 1px;
line-height: 1.1em;
position: relative;
float: left;
margin: 10px; }
.single-content .post img {
margin: 0;
padding: 0; min-width: 350px;
height: auto;
}
.single-content .post .entry-content {
position: absolute;
bottom: 22px;
left: 22px;
z-index: 99;
max-width: 93%; }
.single-content .post .entry-content a:link, .single-content .post .entry-content a:visited, .single-content .post .entry-content h2 {
color: black;
text-decoration: none; }
.single-content .post-flex {
float: left; border: 4px solid black;
}
.single-content .post-flex p {
white-space: pre-line;
padding: 10px;
max-width: 35vw; }
.single-content .post-flex iframe  {
border: 4px solid black !important;
}
.single-content .post-flex strong {
font-family: Metric-bold;
}
.single-content .post-flex p, .single-content .post-flex img {
vertical-align: bottom; }
.single-content .slideshow-container .prev, .single-content .slideshow-container .cycle-slideshow, .single-content .slideshow-container .next {
float: left; }
.single-content .slideshow-container img {
width: 400px;
height: auto;
}
.single-content .slideshow-container .prev, .single-content .slideshow-container .next {
color: black;
line-height: 300px;
margin: 10px; }
.single-content .presse-post {
border: 4px solid black;
width: 24%;
height: 15vw;
padding: 22px;
float: left;
margin: 0.5%;
position: relative; }
.single-content .presse-post h2.entry-title {
font: 1.8em Metric-bold, sans-serif; }
.single-content .presse-post p {
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.3em; }
.single-content .presse-post .presse-entry {
position: absolute;
bottom: 10px;
left: 10px;
font: 1.8em Metric-bold, sans-serif;
color: black; }
.single-content .presse-post:nth-child(4n) {
margin-right: 0 !important; }
@media (max-width: 768px) {
.startseite{
font-size: 1em;
border: none;
padding-top:15px;
margin: 0px !important;
}
.single-content .post-static,
.post-flex, .post-flex p{
max-width: 100% !important;
height: auto;
font-size: 4vw !important;
border:none !important;
margin-left:0px !important;
margin-right:0px !important;
}
.single-content .post, .content .post {
margin-top:10px !important;
margin-bottom:10px !important;
}
.single-content .post-static,
.post-flex{
margin-top:25px !important;
}
.single-content .post-flex, .single-content .post-static{
padding: 0px !important;
}
.menu-search-form{
display:none !important;
}
.single-content .post img, .content .post img {
max-width:100%;
width:90%;
height:150px;
object-fit:cover;
}
.container .post-programm .entry-content, .single-content .post .entry-content {
font-size:20px;
line-height:1;
}
.single-content{
margin-top: 40px;
margin-left: 0px !important;
padding-left:10px;
margin-bottom: 55px !important;
}
.post-flex, .post-programm, .category-publikationen, .post {
margin-left:0px !important;
margin-right:0px !important; }	
.presse-entry{
font-size:0.4em !important;
}
.single-content .post-flex img {
max-width:100%;
}
} .container {
position: relative;
width: 100%; }
.container .post-programm {
float: left !important;
position: relative !important;
left: 0 !important;
top: 0 !important; }
.container .post-programm .entry-content {
position: absolute;
bottom: 22px;
left: 22px;
max-width: 330px;
width: 90%;}
.single-content .post-static #filters .custom-select {
position: relative;
width: auto; }
.single-content .post-static #filters .custom-select:after {
content: '\25BC';
font: 1em sans-serif;
position: absolute;
line-height: 3em;
pointer-events: none;
margin-left: -20px; }
.single-content .post-static #filters .custom-select:before {
content: '';
right: 6px;
top: 0px;
width: 20px;
height: 20px;
position: absolute;
pointer-events: none;
display: block; }
.single-content .post-static #filters .custom-select select {
min-width: 140px;
font: 1.2em Metric-bold, sans-serif;
letter-spacing: 1px;
margin-top: 0.5em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent; }  .isotope-item {
z-index: 2; }
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1; } .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s; }
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width; }
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity; } .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s; }
.isotope .isotope-item {
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-ms-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
transition-delay: 0s, 0.8s, 0s; }
:::  Reset
-------------------------------------------------- */
html {
box-sizing: border-box;
overflow-y: scroll;
overflow-x: hidden;
}
*, *::before, *::after {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
box-sizing: inherit;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, subhead, summary {
display: block;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.skip-link {
position: absolute;
top: -40px;
left: 0;
background: #000;
color: #fff;
padding: 8px 16px;
z-index: 100;
text-decoration: none;
font-size: 16px;
transition: top 0.3s;
}
.skip-link:focus {
top: 0;
left: 0;
} .aligncenter {
display: block;
margin: 0 auto;
}
.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.alignright {
float: right;
margin: 0 0 1em 1em;
} @media only screen and (max-width: 767px) {
.post-static
{
width: 100% !important;
max-width: 100% !important;
}
.post-static {
height: auto;
font-size: 4vw;
}
}
#cookie-law-info-bar {
background: white;
bottom: 0;
}
.cookies {
background: white;
position: fixed;
width: 100%;
z-index: 10000;
bottom: 0;
color: black;
padding: 10px;
height: 4rem;
border-top: 1px solid black;
display: flex;
align-items: center;
justify-content: center;
}
.footer_btn {
background: black;
color: white;
padding: 5px 8px;
margin: 10px;
} .gw-hamburger {
display: none; flex-direction: column;
justify-content: center;
align-items: flex-end;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 25px;
width: 40px;
height: 40px; margin-left: auto;
flex-shrink: 0;
}
.gw-hamburger span {
display: block;
background: var(--gw-black);
height: 2px;
transition: transform 0.35s cubic-bezier(.4,0,.2,1), opacity 0.2s, width 0.3s;
}
.gw-hamburger span:nth-child(1) { width: 24px; }
.gw-hamburger span:nth-child(2) { width: 16px; }
.gw-hamburger span:nth-child(3) { width: 20px; }
.gw-hamburger[aria-expanded="true"] span:nth-child(1) {
width: 22px;
transform: translateY(6px) rotate(45deg);
}
.gw-hamburger[aria-expanded="true"] span:nth-child(2) {
opacity: 0; width: 0;
}
.gw-hamburger[aria-expanded="true"] span:nth-child(3) {
width: 22px;
transform: translateY(-6px) rotate(-45deg);
} .gw-mobile-overlay {
position: fixed;
inset: 0;
background: var(--gw-white);
z-index: 9998; display: flex;
flex-direction: column;
padding-top: var(--gw-nav-h-mobile);
transform: translateX(100%);
transition: transform 0.4s cubic-bezier(.4,0,.2,1);
}
.gw-mobile-overlay.open {
transform: translateX(0);
}
.gw-mobile-inner {
flex: 1;
overflow-y: auto;
padding: 32px 24px 32px;
display: flex;
flex-direction: column;
} .gw-mobile-links {
list-style: none;
padding: 0;
margin: 0;
}
.gw-mobile-links li {
list-style: none;
border-bottom: 1px solid var(--gw-line);
overflow: hidden;
} .gw-mobile-links > li > a,
.gw-mobile-links > li > .gw-acc-btn {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 18px 0;
font-weight: 300;
font-size: 26px;
letter-spacing: 0.01em;
text-decoration: none;
color: var(--gw-black);
background: none;
border: none;
cursor: pointer;
text-align: left;
line-height: 1.2;
transition: color 0.2s;
}
.gw-mobile-links > li > a:hover,
.gw-mobile-links > li > .gw-acc-btn:hover { color: #888; } .gw-acc-arrow {
display: inline-block;
width: 10px; height: 10px;
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
transform: rotate(45deg);
transition: transform 0.22s;
flex-shrink: 0;
margin-left: 12px;
}
.gw-mobile-links > li.gw-open > .gw-acc-btn .gw-acc-arrow {
transform: rotate(-135deg) translateY(4px);
} .gw-mobile-links .sub-menu {
list-style: none;
padding: 0;
margin: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.35s cubic-bezier(.4,0,.2,1);
}
.gw-mobile-links li.gw-open > .sub-menu {
max-height: 400px;
}
.gw-mobile-links .sub-menu li { list-style: none; }
.gw-mobile-links .sub-menu a {
display: block;
padding: 9px 0 9px 16px; font-size: 11px;
letter-spacing: 0.13em;
text-transform: uppercase;
text-decoration: none;
color: #888;
border-left: 1px solid var(--gw-line);
transition: color 0.2s, border-color 0.2s;
margin-bottom: 3px;
}
.gw-mobile-links .sub-menu a:hover {
color: var(--gw-black);
border-left-color: var(--gw-black);
} .gw-mobile-footer {
margin-top: 40px; padding-top: 28px;
} .gw-mobile-footer__newsletter {
margin-bottom: 24px;
}
.gw-mobile-footer__newsletter a {
display: inline-flex;
align-items: center;
gap: 8px; font-size: 9px;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
color: var(--gw-white);
background: var(--gw-black);
padding: 11px 18px;
transition: opacity 0.2s;
}
.gw-mobile-footer__newsletter a:hover { opacity: 0.72; } .gw-mobile-footer__socials {
display: flex;
gap: 10px;
margin-bottom: 24px;
}
.gw-mobile-footer__socials a {
display: flex;
align-items: center;
justify-content: center;
width: 36px; height: 36px;
border: 1px solid var(--gw-line);
color: var(--gw-black);
text-decoration: none;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.gw-mobile-footer__socials a:hover {
background: var(--gw-black);
color: var(--gw-white);
border-color: var(--gw-black);
} .gw-mobile-footer__info { font-size: 14px;
line-height: 1.9;
letter-spacing: 0.05em;
color: #888;
margin-bottom: 22px;
}
.gw-mobile-footer__info strong {
display: block;
font-weight: 400;
color: var(--gw-black);
font-size: 12px;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 5px;
} .gw-mobile-footer__legal {
padding-top: 18px;
border-top: 1px solid var(--gw-line);
}
.gw-mobile-footer__legal-list,
.gw-mobile-footer__legal > ul {
list-style: none;
padding: 0; margin: 0;
display: flex;
flex-wrap: wrap;
gap: 12px 18px;
}
.gw-mobile-footer__legal-list li,
.gw-mobile-footer__legal > ul li { list-style: none; }
.gw-mobile-footer__legal a,
.gw-mobile-footer__legal-list a { font-size: 9px;
letter-spacing: 0.15em;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
transition: color 0.2s;
}
.gw-mobile-footer__legal a:hover,
.gw-mobile-footer__legal-list a:hover { color: var(--gw-black); } @media (max-width: 768px) {
header.heat {
overflow: visible !important;
padding-right: 16px !important;
}
.gw-hamburger {
margin-right: 0;
flex-shrink: 0;
} .gw-hamburger { display: flex; }
header.heat nav, footer.heat {
display: none !important;
} header.heat {
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 16px !important;
height: var(--gw-nav-h-mobile) !important;
}
header.heat .site-logo {
flex-shrink: 0;
display: flex;
align-items: center;
} header.heat .site-logo img {
max-height: 32px !important;
width: auto !important;
padding: 0 !important;
}
}