diff --git a/css/haus-schleusingen.css b/css/haus-schleusingen.css index b9f214f..aa9d2c9 100644 --- a/css/haus-schleusingen.css +++ b/css/haus-schleusingen.css @@ -781,6 +781,30 @@ nav.scrolled .nav-links a:hover { line-height: 1.6; } +.lage-map-wrapper { + margin-top: 3rem; + border: 1px solid var(--warm); + overflow: hidden; +} + +.lage-map-wrapper iframe { + display: block; + width: 100%; + height: 450px; + filter: grayscale(30%) contrast(1.05); + transition: filter 0.4s ease; +} + +.lage-map-wrapper:hover iframe { + filter: grayscale(0%) contrast(1); +} + +@media (width <= 900px) { + .lage-map-wrapper iframe { + height: 320px; + } +} + /* CONTACT */ .contact-section { background: var(--cream); diff --git a/haus-schleusingen.html b/haus-schleusingen.html index e32be4c..94e9445 100644 --- a/haus-schleusingen.html +++ b/haus-schleusingen.html @@ -6,7 +6,6 @@ Einfamilienhaus zur Miete - Schleusingen - @@ -438,6 +437,19 @@ + +
+ +