@charset "UTF-8"; /* Schriften */ @font-face { font-family: 'open_sansregular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'open_sanssemibold'; src: url('../fonts/OpenSans-Semibold-webfont.eot'); src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'open_sanssemibold_italic'; src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot'); src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'merriweatherbold'; src: url('../fonts/merriweather-bold-webfont.eot'); src: url('../fonts/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather-bold-webfont.woff') format('woff'), url('../fonts/merriweather-bold-webfont.ttf') format('truetype'), url('../fonts/merriweather-bold-webfont.svg#merriweatherbold') format('svg'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'merriweatherregular'; src: url('../fonts/merriweather-regular-webfont.eot'); src: url('../fonts/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather-regular-webfont.woff') format('woff'), url('../fonts/merriweather-regular-webfont.ttf') format('truetype'), url('../fonts/merriweather-regular-webfont.svg#merriweatherregular') format('svg'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?tpm91x'); src:url('../fonts/icomoon.eot?#iefixtpm91x') format('embedded-opentype'), url('../fonts/icomoon.woff?tpm91x') format('woff'), url('../fonts/icomoon.ttf?tpm91x') format('truetype'), url('../fonts/icomoon.svg?tpm91x#icomoon') format('svg'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'zgsymbol'; src: url('../fonts/ZGSymbol-Regular.eot'); src: url('../fonts/ZGSymbol-Regular.eot') format('embedded-opentype'), url('../fonts/ZGSymbol-Regular.woff') format('woff'), url('../fonts/ZGSymbol-Regular.ttf') format('truetype'), url('../fonts/ZGSymbol-Regular.svg#ZGSymbol-Regular') format('svg'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'Alegreya'; src: url('../fonts/Alegreya-Regular.eot'); src: url('../fonts/Alegreya-Regular.eot') format('embedded-opentype'), url('../fonts/Alegreya-Regular.woff') format('woff'), url('../fonts/Alegreya-Regular.ttf') format('truetype'), url('../fonts/Alegreya-Regular.svg#ZGSymbol-Regular') format('svg'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'Alegreya'; src: url('../fonts/Alegreya-Italic.eot'); src: url('../fonts/Alegreya-Italic.eot') format('embedded-opentype'), url('../fonts/Alegreya-Italic.woff') format('woff'), url('../fonts/Alegreya-Italic.ttf') format('truetype'), url('../fonts/Alegreya-Italic.svg#ZGSymbol-Regular') format('svg'); font-weight: normal; font-style: italic; text-rendering: optimizeLegibility; } /* Reset & Defaults */ html { height: 100%; width: 100%; } body { margin: 0; padding: 0; border: 0; background-color: #FFFDE3; position:scroll; height: 100%; width: 100%; } .clearfix { clear: both; } /* .clearfix-v2 { zoom: 1; } */ /* .clearfix-v2:before, .clearfix-v2:after { content: ""; display: table; } .clearfix-v2:after { clear: both; } */ .fl { float: left; } .fr { float: right; } /* Hintergrundbild */ .bg-image { z-index: -1; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../img/bg-fewo-resp.svg); background-size: 320 auto; background-position: center 150px; background-repeat: no-repeat; background-attachment: scroll; } @media screen and (min-width:321px) { .bg-image { background-image: url(../img/bg-fewo-resp.svg); background-size: 768 auto; background-position: center 300px; } } @media screen and (min-width:769px) { .bg-image { background-image: url(../img/bg-ferienwohnung-resp.svg); background-size: 1536px auto; background-position: center 300px; } } @media screen and (min-width:1537px) { .bg-image { background-image: url(../img/bg-ferienwohnung-resp.svg); background-size: 2560px auto; background-position: center 300px; } } @media screen and (min-width:2561px) { .bg-image { background-image: url(../img/bg-ferienwohnung-resp.svg); background-size: 100% auto; background-position: center 300px; } } /* Haupt-Inhalt mit Schatten */ div.wrapper { width:92%; min-height:100%; min-width: 300px; max-width: 1160px; position:relative; margin: 0 auto; background-color: #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 769px) { div.wrapper { width:94%; min-height:100%; box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.2); } } /* xxx */ /* Adresszeile */ div.top-head { background-color: #151515; min-height: 2.25em; } /* Adresszeile Links */ div.top-head a { color: white; text-decoration: none; } div.top-head a:hover { color: #BF9A57; text-decoration: none; } p.top-head-text { display: block; text-align: center; width:50%; margin: 0; float: right; font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding: 0.5em 0; } /* Header Icon */ span.top-head-icon { font-family: 'icomoon'; } /* Für kleine Bildschirme */ @media screen and (max-width:500px) { /* Text wird versteckt */ span.top-head-hide { display: none; } /* Linie zwischen Buttons */ p.tht1 { box-sizing: border-box; font-size: 1.3em; background-color: #151515; border-left-color: white; border-left-style: solid; border-left-width: 1px; } p.tht2 { box-sizing: border-box; font-size: 1.3em; background-color: #151515; border-right-color: white; border-right-style: solid; border-right-width: 1px; } } /* Für mittlere Bildschirme */ @media screen and (min-width:501px) and (max-width:768px) { p.top-head-text { font-size: 0.75em; padding-top: 0.75em; padding-bottom: 0.75em; } } /* Für Grosse Bildschirme */ @media screen and (min-width:769px) { p.top-head-text { width:auto; font-size: 0.75em; padding-top: 0.75em; padding-bottom: 0.75em; } p.tht1 { padding-right: 36px; padding-left: 1.5em; } p.tht2 { padding-right: 1.5em; padding-left: 36px; } } /* Navigation */ div.nav-container { height:auto; max-width: 768px; width: 100%; box-sizing: border-box; border-bottom: 4px solid #BF9A57; border-top: 4px solid #BF9A57; padding: 24px 1em; } /* Logo - kleiner Bildschirm */ div.logo { width: 100%; float: none; } div.logo a img { display: block; width: auto; height: 70px; margin: 0 auto; } /* Logo - mittel und grosser Bildschirm */ @media screen and (min-width:767px) { div.nav-container { max-width: 1160px; padding: 24px 2.25em 24px 2.25em; } div.logo { width: 222px; float: left; } } /* Navigation - Kleine Bildschirme */ #navigation { display: none; } .mobile-menu-wrapper { float: right; margin: 0; position: relative; display: block; } .mobile-menu-button { background-image: url(../img/mobile-menu-icon.svg); background-repeat: no-repeat; background-position: center; width: 60px; height: 60px; float: left; margin: 0 1px 0 0; } .mobile-menu-title { color: #fff; width: 195px; /* Breite vom Navigationsfeld (ohne Button) */ height: 40px; /* Gesamthöhe = height + Padding */ padding: 20px 0 0 0; float: left; font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; text-indent: 20px; } .mobile-menu-button:hover { cursor: pointer; } #mobile-menu { width: 226px; /* Breite der Linien innen */ padding: 1px 15px 0 !important; } .mobile-menu-inner { width: 256px; /* Breite aussen */ height: 230px; overflow: none; position: absolute; top: 60px; z-index: 99; display: none; padding: 0; margin: 1px 0 0 0; } #mobile-menu li { border-top: #313335 1px solid; border-bottom: #313335 1px solid; font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; text-decoration: none; list-style-type: none; } #mobile-menu li a { color: #9da0a4; line-height: 48px; /* Höhle der Menus */ text-decoration: none; display: block; } .mobile-menu-title, .mobile-menu-inner, .mobile-menu-button { background-color: #151515; } #mobile-menu li a:hover, #mobile-menu li.current_page_item a, #mobile-menu li.current_page_item ul li a:hover { color: #fff; } #mobile-menu li.current_page_item ul li a { color: #9da0a4; } @media only screen and (max-width: 767px) { .mobile-menu-wrapper { float: none; margin: 20px auto 0; width: 260px; } } /* Navigation - Grosser Bildschirm */ @media only screen and (min-width: 1025px) { div.nav-container { max-width: 1160px; padding: 24px 36px 12px 36px; } .mobile-menu-wrapper { display: none; } .main-navigation select { display: none; float: right; margin: 50px 0 0 0; } #navigation { float: right; margin: 0; display: block; } #navigation li { float: left; display: block; } #navigation li strong { font-family: 'merriweatherbold', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; font-weight: 500; font-style: normal; color: #151515; font-size: 15px; border-right: #A0A0A0 1px solid; display: block; padding: 8px 16px; } #navigation li a { padding: 20px 0 0; text-decoration: none; display: block; } #navigation li:last-child strong { border-right: none; padding-right: 0; } #navigation li:first-child strong { padding-left: 0; } #navigation li span { display: block; color: #A0A0A0; font-family: 'merriweatherregular', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; font-style: normal; font-weight: 400; font-size: 11px; margin: 3px 0 0 0; } #navigation li a:hover strong, #navigation li:hover strong, #navigation li.current-menu-item a strong { color: #BF9A57; } #navigation li a:hover span, #navigation li:hover span, #navigation li.current-menu-item a span { color: #000; } } /* Abstände */ .rssa { margin-bottom: 1em; } div.content-container { max-width:1160px; padding: 0; box-sizing: border-box; } div.columns { float:left; padding-left:1em; padding-right:1em; box-sizing: border-box; } @media screen and (min-width:321px) { .rssa { margin-bottom: 1.5em; } div.content-container { padding: 0 0.35em; } } @media screen and (min-width:601px) { .rssa { margin-bottom: 2em; } div.content-container { padding: 0 0.75em; } } @media screen and (min-width:935px) { .rssa { margin-bottom: 2.5em; } div.content-container { padding: 0 1.25em; } } /* Raster */ .small-1 { width:100% } @media screen and (min-width:601px) { .medium-1 { width:50%; } .medium-2 { width:100%; } } @media screen and (min-width:935px) { .large-1 { width:8.333333%; } .large-2 { width:16.666666%; } .large-3 { width:25%; } .large-4 { width:33.333333%; } .large-5 { width:41.666666%; } .large-6 { width:50%; } .large-7 { width:58.333333%; } .large-8 { width:66.666666%; } .large-9 { width:75%; } .large-10 { width:83.333333%; } .large-11 { width:91.666666%; } .large-12 { width:100%; } } .wohnung { width: 100%; height: auto; } h3 { font-family: 'merriweatherregular', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; font-weight: 400; font-style: normal; font-size: 18px; } .title-style { border-bottom: gainsboro 2px solid; position: relative; padding: 0 0 6px 0; margin: 0 0 24px 0; } .title-block { width: 64px; height: 4px; display: block; position: absolute; left: 0; bottom: -4px; background-color: #BF9A57; } .main-text-head { font-family: 'open_sanssemibold', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; margin-top: 30px; margin-bottom: 6px; } .main-text { font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; margin-top: 12px; margin-bottom: 0; } .main-text-2 { font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; margin-top: 0; margin-bottom: 12px; } .fotolegende { font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 11px; line-height: 1; margin-top: 0; margin-bottom: 48px; text-align: right; } .text-list { font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; margin-top: 12px; margin-bottom: 12px; margin-left: 38px; text-indent: -38px; } .text-list:last-child { margin-bottom: 0; } .text-list-bullet1 { font-family: 'icomoon', sans-serif; font-style: normal; font-weight: 400; display: inline-block; width: 38px; text-indent: 0; margin-left: 0; color: #BF9A57; font-size: 18px; } .kontakt-icon { display: inline-block; position: relative; font-family: 'zgsymbol'; font-style: normal; font-weight: 400; font-size: 50px; line-height: 18px; vertical-align: baseline; } .ki-pos-1 { top: 2px; } .ki-pos-2 { top: 11px; } .kontakt-text { display: inline-block; padding-left: 20px; font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; vertical-align: baseline; } .bg-kontakt-image { width: 100%; height: auto; float: none; } .bg-kontakt-image img { width: 100%; height: auto; } .kontakt-text-container-1 { box-sizing: border-box; padding: 0; border-bottom: #A0A0A0 1px solid; margin-left: 0; color: #151515; } .kontakt-text-container-2 { box-sizing: border-box; padding: 0 0 6px 0; border-bottom: #A0A0A0 1px solid; margin-left: 0; color: #151515; } .kontakt-text-container-3 { box-sizing: border-box; padding: 0; border-bottom: white 0px solid; margin-left: 0; color: #151515; } .kontakt-text-container-1 a, .kontakt-text-container-2 a, .kontakt-text-container-3 a { text-decoration: none; color: inherit; } .kontakt-text-container-1 a:hover, .kontakt-text-container-2 a:hover, .kontakt-text-container-3 a:hover { text-decoration: none; color: #BF9A57; } @media screen and (min-width:601px) { .bg-kontakt-image { width: 220px; height: auto; /* Hier ein fester Wert eintragen */ float: left; } .bg-kontakt-image img { width: 100%; height: auto; } .kontakt-text-container-1 { padding: 0; margin-left: 250px; } .kontakt-text-container-2 { padding: 0 0 6px 0; margin-left: 250px; } .kontakt-text-container-3 { padding: 0; margin-left: 250px; } } @media screen and (min-width:935px) { .bg-kontakt-image { width: 100%; height: auto; float: none; } .bg-kontakt-image img { width: 100%; height: auto; } .kontakt-text-container-1 { padding: 0; margin-left: 0; } .kontakt-text-container-2 { padding: 0 0 6px 0; margin-left: 0; } .kontakt-text-container-3 { padding: 0; margin-left: 0; } } /* Read More Buttons */ .read-more { font-family: 'merriweatherregular', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; font-weight: 400; font-style: normal; font-size: 14px; color: #A0A0A0; display: inline-block; padding: 12px 18px; border: 1px solid #A0A0A0; margin-top: 1em; margin-bottom: 1.5em; } .online-buchen { font-family: 'merriweatherregular', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; font-weight: 400; font-style: normal; font-size: 14px; color: #A0A0A0; display: inline-block; padding: 9px 80px; border: 1px solid #A0A0A0; } .online-buchen-2 { font-family: 'merriweatherregular', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; font-weight: 400; font-style: normal; font-size: 14px; color: #A0A0A0; display: inline-block; padding: 12px 36px; border: 1px solid #A0A0A0; text-align: center; } .online-buchen-button-2 { margin-top: 3em; } .online-buchen-button { width: 100%; padding: 18px 0px; background-color: #151515; } a:hover .read-more, a:hover .online-buchen, a:hover .online-buchen-2 { border: 1px solid #BF9A57; color: #BF9A57; } /* Read More Verstecken */ .small-rm { text-align: center; width: 100%; } .medium-rm { display: none; } .large-rm { display: none; } .align-center { text-align: center; } .clearfix-button-small { display: block; clear: both; } .clearfix-button-medium { display: none; clear: none; } .clearfix-button-large { display: none; clear: none; } @media screen and (min-width:601px) { .align-left { text-align: left; } .small-rm { display: none; } .medium-rm { box-sizing: border-box; display: block; float: left; padding: 0 1em; width: 50%; } .large-rm { display: none; } .clearfix-button-small { display: none; clear: none; } .clearfix-button-medium { display: block; clear: both; } .clearfix-button-large { display: none; clear: none; } } @media screen and (min-width:935px) { .align-left { text-align: left; } .small-rm { display: none; } .medium-rm { display: none; } .large-rm { box-sizing: border-box; display: block; float: left; padding: 0 1em; width: 33.333333%; margin-bottom: 2em; } .clearfix-button-small { display: none; clear: none; } .clearfix-button-medium { display: none; clear: none; } .clearfix-button-large { display: block; clear: both; } } /* Zweite Seite */ .second-header { width: 100%; max-width: 100%; height: 70px; display: none; } .shs { margin-bottom: 1.5em; } @media screen and (min-width:769px) { .second-header { width: 100%; max-width: 100%; height: 130px; display: block; background-image: url(../img/ZG-HB.jpg); background-position: center center; background-size: 100% auto; position: relative; } .shs { margin-bottom: 2em; } .sh-text-container { position: absolute; width: 100%; max-width: 1160px; height: 130px; } .sh-text { font-family: 'Alegreya', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;; font-style: italic; font-weight: normal; font-size: 36px; line-height: 0; color: black; text-align: center; } .sh-author { font-family: 'Alegreya', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;; font-style: normal; font-weight: normal; font-size: 14px; line-height: 0; color: black; text-align: center; } .sht-sr { margin-right: 15%; } .sht-sl { margin-left: 15%; } } div.content-container-v2 { max-width:1160px; min-height: 100%; padding: 0 0.75em; } @media screen and (min-width:321px) { div.content-container-v2 { padding: 0 1.5em; } } @media screen and (min-width:769px) { div.content-container-v2 { padding: 0 2em; } } div.content-area-left { width: 100%; max-width: 1160px; border-right: #dcdcdc 0px solid; margin-right: 0em; padding-right: 0; margin-bottom: 2em; box-sizing: border-box; } div.content-area-right { width: 100%; min-height: 100%; max-width: 1160px; margin-top: 1.5em; margin-bottom: 2em; box-sizing: border-box; } @media screen and (min-width:1025px) { div.content-area-left { width: 73%; float: left; border-right: #dcdcdc 2px solid; padding-right: 2%; } div.content-area-right { width: 25%; margin-left: 75%; margin-top: 0; } } .preis-single-container { display: block; box-sizing: border-box; position: relative; width: 100%; } .preis-single { display: block; box-sizing: border-box; position: relative; width: 100%; border-bottom: #bf9a57 4px solid; background-color: #151515; padding: 30px 25px; z-index: 100; } .preis-single-inner { display: block; box-sizing: border-box; position: relative; width: 100%; border: #a0a0a0 1px solid; z-index: 200; } .preis-single-info { display: block; position: relative; width: 120px; background-color: #151515; margin: auto; z-index: 300; } .preis-single-info.psi-top { top: -8px; } .preis-single-info.psi-bottom { bottom: -8px; } p.preis-tag-tabelle { color:#a0a0a0; font-family: 'merriweatherregular', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 16px; text-align:center; margin: 0; z-index: 900; } p.preis-text-tabelle { color:#ffffff; font-family: 'merriweatherbold', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; font-weight: 600; font-style: normal; font-size: 40px; line-height: 40px; text-align:center; margin: 40px 0; z-index: 900; } .two-col-text-container { margin-top: 2.5em; } @media only screen and (min-width: 769px) { .two-col-text-container { -moz-column-count: 2; column-count: 2; -moz-column-gap: 1.5em; column-gap: 1.5em; } .two-col-text-container h4.main-text-head:first-child { margin-top: 0; } } .google-maps-container { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; margin-bottom: 2.5em; } .google-maps-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mt15 { margin-top: 1.5em; } .mt25 { margin-top: 2.5em; } .kontakt-text-v2 { display: inline-block; padding-left: 20px; font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 18px; vertical-align: baseline; } .kontakt-text-container-1-v2 { box-sizing: border-box; padding: 0; border-bottom: #A0A0A0 1px solid; margin-left: 0; color: #151515; } .kontakt-text-container-2-v2 { box-sizing: border-box; padding: 0 0 6px 0; border-bottom: #A0A0A0 1px solid; margin-left: 0; color: #151515; } .kontakt-text-container-3-v2 { box-sizing: border-box; padding: 0; border-bottom: white 0px solid; margin-left: 0; color: #151515; } .kontakt-text-container-1-v2 a, .kontakt-text-container-2-v2 a, .kontakt-text-container-3-v2 a { text-decoration: none; color: inherit; } .kontakt-text-container-1-v2 a:hover, .kontakt-text-container-2-v2 a:hover, .kontakt-text-container-3-v2 a:hover { text-decoration: none; color: #BF9A57; } .content-container-v3 { padding: 0 0.5em; } .extra-container { width: 100%; box-sizing: border-box; float:left; overflow: hidden; padding: 0 0.5em 1.75em; } @media only screen and (min-width: 580px) { .content-container-v3 { padding: 0 0.75em; } .extra-container { width: 50%; padding: 0 0.75em 2em; } } @media only screen and (min-width: 940px) { .content-container-v3 { padding: 0 1em; } .extra-container { width: 33.33333333%; padding: 0 1em 2.5em; } } .extra-image-container { width: 100%; height: auto; overflow: hidden; } .extra-image-container img { width: 100%; height: auto; } .title-style-v2 { position: relative; padding: 0 0 6px 0; margin: 0 0 24px 0; } .title-block { width: 43px; height: 4px; display: block; position: absolute; left: 0; bottom: -4px; background-color: #BF9A57; } .event-container { width: 100%; box-sizing: border-box; padding: 0 0 1.75em; } @media only screen and (min-width: 580px) { .event-container { padding: 0 0 2em; } } @media only screen and (min-width: 940px) { .event-container { padding: 0 0 2.5em; } } .event-image-container { width: 100%; height: auto; overflow: hidden; margin-bottom: 0.5em; } .event-image-container img { width: 100%; height: auto; } .event-datum-container { float: left; } .event-monat { display: block; width: 70px; font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; text-align: center; background-color: #bf9a57; color: white; border: #bf9a57 1px solid; padding: 6px 0; margin: 0; } .event-tag { display: block; width: 70px; font-family: 'open_sanssemibold', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 500; font-size: 22px; line-height: 24px; text-align: center; border: #bf9a57 1px solid; padding: 10px 0; margin: 0; } .event-detail-container { margin-left: 100px; } .event-titel { font-family: 'merriweatherregular', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; font-weight: 400; font-style: normal; font-size: 18px; line-height:21px; text-align: left; padding: 0; margin: 1.5em 0 0.75em; } .event-ort { width: 100%; font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 18px; text-align: left; padding: 6px 0; margin: 0 0 0.75em; border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; } .event-color { color: #a0a0a0; } .main-text-3 { font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; margin-top: 0; margin-bottom: 12px; margin-left:1.5em; text-indent:-1.5em; } span.listenzeichen { display:inline-block; text-indent:0; width:1.5em; margin-left:0; color: #BF9A57; } .main-text-2 a { text-decoration: none; color: #BF9A57; } .fotolegende a { text-decoration: none; color: inherit; } .slider-comment-container { padding: 0 1em; } .testimonial-wrapper { border: #dcdcdc 1px solid; padding: 1em; position: relative; } .testimonial-image { float: left; width: 60px; height: auto; margin: 0; } .testimonial-image img { width: 100%; } .testimonial-text { font-family: 'Alegreya', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;; font-style: italic; font-weight: normal; font-size: 20px; line-height: 1.3; color: black; margin-left: 84px; margin-right:1em; float: none; margin-top: 10px; padding-top: 0; } @media only screen and (min-width: 600px) { .testimonial-image { float: left; width: 75px; height: auto; margin: 0; } .testimonial-text { font-size: 22px; margin-left: 94px; } } @media only screen and (min-width: 900px) { .testimonial-image { float: left; width: 90px; height: auto; margin: 0; } .testimonial-text { font-size: 24px; margin-left: 114px; } } .testimonial-speech { background: url(../img/testimonial-pfeil.svg) no-repeat; width: 22px; height: 22px; position: absolute; bottom: -21px; left: 20px; } .testimonial-author { font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; color: #a0a0a0; margin: 24px 0 0 21px; } .before-footer { margin-top: 1.5em; height: 35px; width: 100%; } .footer-end { background-color: #151515; font-family: 'open_sansregular', Geneva, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: 400; font-size: 9px; color: white; text-align: center; padding: 12px 0; position:absolute; bottom:0; width: 100%; } .footer-end a { color: inherit; text-decoration: none; } .footer-end a:hover, .footer-end a:active { color: #BF9A57; } @media screen and (min-width:321px) { .footer-end { font-size: 11px; } }