@font-face {
font-family: Metric-regular;
font-display: swap;
src: url(//galeriewedding.de/wp-content/themes/galerie-wedding/css/font/MetricWeb-Regular.woff); }
@font-face {
font-family: Metric-bold;
font-display: swap;
src: url(//galeriewedding.de/wp-content/themes/galerie-wedding/css/font/MetricWeb-Bold.woff); }  html, body {
font-family: Metric-regular, sans-serif;
font-size: 1.1em;
}
::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;
}  .menu-main_menu-container {
background: white;
top: 0;
width: 100%;
z-index: 888; }
.menu-main_menu-container ul.menu {
padding: 10px;
text-align: right; }
.menu-main_menu-container ul.menu li.menu-item {
margin-right: 10px;
display: inline; }
.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{
border-top: 4px solid black;
bottom:0;
display: flex;
align-items: center;
justify-content: space-between;
position:fixed;
width:100%;
z-index:999;
background:white;
}
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+5) {
display: none;
}
footer.heat div ul#menu-footer_menu li:nth-last-child(-n+1) {
display: none;
}
footer.heat div ul#menu-footer_menu li:nth-child(-n+3) {
display: none;
}
}
.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: 10px; }
.menu-footer_menu-container ul.menu li.menu-item {
display: inline;
margin-left: 10px; }
.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: inline; }
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 {
margin-top: 50px; }
.content:after {
clear: both;
display: block;
content: "";
margin-bottom: 80px; }
.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;
border: 4px solid black;
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: 55px 10px;  }
.single-content:after {
clear: both;
display: block;
content: "\00a0";
margin-bottom: 120px; }
.single-content .post-static {
padding: 12px 22px 22px 22px;
float: left;
border: 4px solid black;
width: 25vw;
min-width: 370px;
max-width: 450px;
margin-bottom: 20px; }
.single-content .post-static h1, .single-content .post-static h2 {
letter-spacing: 1px; }
.single-content .post-static h1 {
font: 2.2em Metric-bold, sans-serif;
margin-top:45px;
}
.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 {
border: 4px solid black;
vertical-align: bottom; }
.single-content .wp-caption {
position: relative;
float: left;
background: white; }
.single-content .wp-caption .wp-caption-text {
position: absolute;
background: white;
height: 100%;
width: 100% !important;
vertical-align: bottom;
padding: 10px;
border: 4px solid black;
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;
border: 4px solid black;
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;
padding: 10px;
}
.single-content .post-flex p {
white-space: pre-line;
padding: 10px;
max-width: 35vw;
border: 4px solid black;
}
.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) {
.single-content .post-static,
.post-flex, .post-flex p{
width: 100% !important;
max-width: 100% !important;
height: auto;
font-size: 4vw !important;
border:none !important;
margin-top:50px !important;
margin-left:0px !important;
margin-right:0px !important;
}
.single-content .post-flex, .single-content .post-static{
padding: 0px !important;
}
.single-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;
left:10px;
}	
.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;
}