/*===== general options =========*/
a {
box-shadow: none !important;
}
.view *, .album_categories *, .album_back_button *, #album_disabled_layer {
font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}
#album_disabled_layer {
display: none;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
background-color: transparent;
z-index: 10;
padding-top: 20px;
color: #fff;
}
#album_list_container {
position: relative;
}
/* ====================== album onhover styles ==========================*/
#album_list .view {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
display: none;
}
.view .mask,
.view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
font-family: Raleway, serif;
padding: 10px;
/*background: rgba(0, 0, 0, 0.8);*/
margin: 20px 0 0 0;
}
.album_back_button a, .view a {
text-decoration: none !important;
}
.view p {
font-family: Merriweather, serif;
font-style: italic;
font-size: 14px;
position: relative;
color: #fff;
padding: 0px 20px 0px;
text-align: center;
}
.view a.info {
display: inline-block;
text-decoration: none;
font-size: 13px;
padding: 2px 14px;
margin-bottom: 3px;
background: #000;
color: #fff;
font-family: Raleway, serif;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}
.mask-text h2 {
font-size: 20px !important;
}
.view a.info:hover {
box-shadow: 0 0 5px #000
}
.view .mask-bg {
height: 100%;
}
.view .album_social {
color: #fff;
position: absolute;
bottom: 3px;
left: 3px;
border: 1px solid #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px 5px;
}
.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
color: #ffffff;
outline: none;
}
/*1*/
.view .info {
margin-top: 5px;
}
.view-first .mask {
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
transition: all 0.4s ease-in-out;
}
.view-first h2 {
transform: translateY(-100px);
opacity: 0;
font-family: Raleway, serif;
transition: all 0.2s ease-in-out;
}
.view-first p {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}
.view-first a.info {
opacity: 0;
transition: all 0.2s ease-in-out;
}
/* */
.view-first:hover img {
/*transform: scale(1.1);*/
}
.view-first:hover .mask {
opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
opacity: 1;
transform: translateY(0px);
}
.view-first:hover p {
transition-delay: 0.1s;
}
.view-first:hover a.info {
transition-delay: 0.2s;
}
/*2*/
.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.view-second .mask {
background-color: rgba(226, 200, 127, 0.2);
transition: all 0.5s linear;
opacity: 0;
}
.view-second h2 {
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}
.view-second p {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.view-second a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}
.view-second:hover .mask {
opacity: 1;
}
.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
transform: scale(1);
opacity: 1;
}
.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}
/*3*/
.view-third img {
transform: scaleY(1);
transition: all .7s ease-in-out;
}
.view-third a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.view-third:hover img {
-webkit-transform: scale(10);
transform: scale(10);
opacity: 0;
}
.view-third:hover .mask {
opacity: 1;
}
.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
transform: scale(1);
opacity: 1;
}
/* ==== view 4 ===*/
.view-forth-wrapper {
overflow: hidden;
position: relative !important;
height: 100%;
/* cursor: pointer;*/
}
.view-forth img {
max-width: 100%;
position: relative;
top: 0;
-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.view-forth .mask {
position: absolute;
width: 100%;
/* height: 70px;*/
/* bottom: -70px;*/
height: 50%;
bottom: -50%;
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
top: inherit;
}
.view-forth:hover .mask {
bottom: 0;
}
.view-forth:hover img {
top: -30px;
}
/*== view 5 ==*/
.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
display: block;
position: relative;
}
.view-fifth .view-fifth-wrapper {
overflow: hidden;
height: 100%;
}
.view-fifth .view-fifth-wrapper .mask {
display: none;
position: absolute;
background: #333;
background: rgba(75, 75, 75, 0.7);
width: 100%;
height: 100%;
}
/* ====================== album category styles ==========================*/
#filters {
margin: 1% 0;
padding: 0;
list-style: none;
list-style-type: none !important;
}
#filters li {
float: left;
list-style-type: none !important;
}
#filters li:first-child span {
margin-left: 0px;
}
#filters li span {
display: block;
text-decoration: none;
cursor: pointer;
}
.album_categories {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
padding-top: 5px;
}
/*========= sharing buttons ============*/
.album_socials {
position: relative;
top: 3px;
width: 100px;
height: 28px;
margin: 0 auto;
}
.album_socials .rwd-share-buttons {
top: 0px !important;
width: 100% !important;
margin: 0px !important;
}
.album_socials a {
text-decoration: underline !important;
}
.gallery_images, .album_image_place {
margin-top: 15px;
margin-top: 15px;
}
#rwd-share-facebook:hover {
background-position: 0 -31px !important;
}
#rwd-share-twitter:hover {
background-position: -31px 32px !important;
}
#rwd-share-googleplus:hover {
background-position: -66px -31px !important;
}
.rwd-share-buttons li, .rwd-share-buttons li a {
width: 26px !important;
border: 0px !important;
}
.rwd-share-buttons {
top: 0 !important;
}
.img_link_btn {
position: absolute;
z-index: 99999;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 8px;
}
.rwd-title {
padding: 10px 0px !important;
}
@media only screen and (max-width: 475px) {
.rwd-share-buttons {
top: -25px !important;
}
.rwd-title-text {
line-height: 15px;
}
}
/*========= hover style ===========*/
#hover {
color: rgba(188, 175, 204, 0.9);
}
h2#testimonials {
color: #fffae3;
}
div#all {
width: 100%;
height: 100%;
}
.view img {
height: auto;
}
.view {
color: #fff;
margin: 0 10px 10px 0;
overflow: hidden;
position: relative;
text-align: center;
float: left;
cursor: default;
border: 1px solid #ccc;
}
.view-wrapper {
height: 100%;
}
.view img {
display: block;
position: relative;
transition: all 0.2s linear;
height: 100%;
width: auto;
max-width: 100%;
margin: 0 auto;
}
.mask-text h2 {
font-size: 20px !important;
margin-top: 20px !important;
}
/* view 1 */
.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
color: #fff;
}
/* view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
color: #333;
}
.view-second .mask-text h2 {
border-bottom: 1px solid #333;
}
/* view 3*/
.view-third .mask {
background-color: #ccc;
transition: all 0.5s linear;
opacity: 0;
color: #333;
}
.view-third h2 {
border-bottom: 1px solid #333;
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}
.view-third p {
color: #333;
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.view-third .text-category {
color: #333;
}
/* view 4 */
.view-forth .mask-bg {
background: #333;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.view-forth .mask-text {
color: #fff;
position: relative;
z-index: 500;
padding: 5px 8px;
}
.view-forth .mask-text h2 {
margin: 0px;
font-size: 13px;
padding: 2px;
color: #fff;
}
.view-forth .mask-text h2:hover {
cursor: pointer;
}
.view-forth .text-category {
display: block;
font-size: 15px;
color: #fff;
}
.view-forth p {
color: #fff;
}
/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
color: #fff;
}
.justified-gallery {
width: 100%;
position: relative;
}
.justified-gallery a{
border:none;
}
.justified-gallery > a,
.justified-gallery > div {
position: absolute;
display: inline-block;
opacity: 0;
overflow:hidden;
filter: alpha(opacity=0);
/* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
position: absolute;
top: 50%;
left: 50%;
padding: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
left: 0;
right: 0;
margin: 0;
color: #3AD6FC;
font-size: 13px;
font-weight: 300;
font-family: sans-serif;
//margin-left: px;
background:rgba(255,28,28,0.9) !important;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
display: initial;
filter: "alpha(opacity=70)";
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
opacity: 1.0;
filter: alpha(opacity=100);
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
-moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
-ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0 10px 0;
left: 50%;
opacity: initial;
filter: initial;
overflow: initial;
}
.justified-gallery > .spinner > span {
display: inline-block;
opacity: 0;
filter: alpha(opacity=0);
/* IE8 or Earlier */
width: 8px;
height: 8px;
margin: 0 4px 0 4px;
background-color: #000;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.play-icon {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.load_more2 {
margin: 10px 0;
position:relative;
text-align:center;
width:100%;
}
.load_more_button2 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:14px !important;;
color:#FF1C1C !important;;
background:#26A6FC !important;
cursor:pointer;
}
.load_more_button2:hover{
color:#FF4242 !important;
background:#0FEFFF !important;
}
.loading2 {
display:none;
}
.paginate2{
font-size:18px !important;
color:#26A6FC !important;
text-align: center;
margin-top: 25px;
}
.paginate2 a{
border-bottom: none !important;
}
.icon-style2{
font-size: 18px !important;
color:#26A6FC !important;
}
.clear{
clear:both;
}
.play-icon.youtube-icon {background:url(https://www.moerth-stocker.de/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(https://www.moerth-stocker.de/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;}
Mörth & Stocker KOMPLETTLÖSUNGEN AUS EINER HAND
Einfamilienhaus in Fronreute/StaigEinfamilienhaus in Fronreute/BlitzenreuteEinfamilienhaus mit Praxis in Ailingen/LottenweilerEinfamilienhaus in Weingarten11-Familienhaus in Wilhelmsdorf7-Familienhaus in Ravensburg, Raueneggstr. 40Einfamilienhaus in BermatingenEinfamilienhaus in Fronreute/StaigEinfamilienhaus in NeukirchEinfamilienhaus in BaindtEinfamilienhaus in GrünkrautKomplett sanierte 3-Zi.ETW in FriedrichshafenEinfamilienhaus in Baindt-SchachenZwei Einfamilienhäuser in Fronreute/StaigEinfamilienhaus in BermatingenKomplett sanierte 3-Zi.ETW in Ravenburg6-Familienhaus in Altshausen2 Einfamilienhäuser in Blitzenreute, Baugebiet LeimäckerEinfamilienhaus in Gaisbeuren, Baugebiet BergstraßeEinfamilienhaus in Aulendorf, Baugebiet SchützenhausstraßeEinfamilienhaus in Haisterkirch, Untere BachäckerKomplett sanierte 2-Zi.ETW in FriedrichshafenDoppelhaushälfte in Oberzell2 Einfamilienhäuser in MochenwangenEinfamilienhaus in Tettnang/WalchesreuteKomplette Dachsanierung in Ebersbach2 Doppelhäuser in Weingarten/Trauben45 m² Wintergartenanbau in BlitzenreuteDoppelhaushälfte in Obereschach2 Einfamilienhäuser in Blitzenreute3 Einfamilienhäuser in StaigKomplettsanierung eines Mehrfamilienhaus in LindauSanierung eines EFH in Altshausenund und und......
HIER EINE AUSWAHL AN REFERENZEN - M&S-OBJEKTEN DER LETZTEN 25 JAHRE:
Neubauprojekte:
7 Einfamilienhäuser in Staig, Große BettnaZweifamilienhaus in Staig, Im Dinkel3 Doppelhäuser in Altshausen, Im Brühl2 Einfamilienhäuser in Altshausen, Zeppelinstraße, BeethovenstraßeGästehaus Lamm in Fronreute / Staig mit 35 Hotelzimmern2 Doppelhäuser in Altshausen, Im Stampf4 Zweifamilienhäuser in Oberreute / LangenriedEinfamilienhaus in Amtzell2 Einfamilienenhäuser in Ebenweiler, Baugebiet GassenäckerReiheneckhaus in Ahausen / BermatingenDoppelhaus in Ahausen / Bermatingen2 Einfamilienhäuser in Staig, Staiger Ried5 Einfamilienhäuser in Staig, Schussenstraße 1 - 1/5Wohn- und Geschäftshaus in Ludwigshaufen am Bodensee, 4 Wohnungen und 1 PolizeipostenDreifamilienhaus in Ludwigshaufen am Bodensee2 Zweifamilienhäuser in Ludwigshaufen am BodenseeEinfamilienhaus in Ludwigshaufen am BodenseeDoppelhaushälfte in Ravensburg / BavendorfEinfamilienhaus in Oberankenreute, Weidenweg Einfamilienhaus in Schmalegg2 Einfamilienhäuser mit Einliegerwohnungen in Wilhelmsdorf / ZussdorfEinfamilienhaus in Ravensburg / WeissenauEinfamilienhaus in Holzständerbauweise in Bad Saulgau, Krumme ÄckerEinfamilienhaus mit Einliegerwohnung in Albstadt / Ebingen3 Reihenhäuser in Vogt, Richard-Wagner-StraßeDoppelhaus in Salem / Beuren6-Familienhaus in Weingarten, Tobelstr. 34 Einfamilienhäuser in Blitzenreute, Rehmweg3 Einfamilienhäuser in Schlier Doppelhaus in Blitzenreute, Zum Leisen StegEinfamilienhaus in Blitzenreute, Im HopfengartenEinfamilienhaus in Blitzenreute, Zum Leisen Steg6 Reihenhäuser in Blitzenreute, Im KalkofenWohn- und Geschäftshaus Fronreute / Staig, Am Mühlbach 16 Wohnungen und 2 Gewerbeeinheiten mit Tiefgarage2 Doppelhäuser und 4 Eigentumswohnungen in Fronreute / Staig am Zehntstadel2 Einfamilienhäuser in Fronreute/Staig, Kleine BettnaEinfamilienhaus in Blitzenreute, Leimäcker8 Einfamilienhäuser in Weingarten, Trauben 4 Doppelhäuser in Weingarten/Trauben6-Familienhaus in Ravensburg, Kelterweg 143 Einfamilienhäuser in Fronreute/Staig, Große BettnaWohn- und Geschäftshaus in Fronreute/Staig, Große Bettna 13 Einfamilienhäuser in Blitzenreute, LeimäckerEinfamilienhaus in WolpertswendeEinfamilienhaus in Altshausen, Im BrühlZweifamilienhaus in Urnau2 Doppelhäuser in WittenhofenDoppelhaus in Obereschach, AngelestraßeDoppelhaus in Berg/Ettishofen17-Familienhaus in Ravensburg, Tettnanger Str. 26 -Aufteilung und Vermarktung-2 Einfamilienhäuser in Fronreute/Staig, Kleine BettnaEinfamilienhaus in Schmalegg, Am GreckenhofEinfamilienhaus in OberankenreuteEinfamilienhaus in Horgenzell/RinggenweilerEFH in Aulendorf, Josef-Rieck-Straße (KfW 70)EFH in Blitzenreute, Baugebiet Leimäcker (KfW 85)EFH in Blitzenreute Baugebiet Leimäcker (Bungalow) (KfW 70)DHH in Weingarten Baugebiet Trauben (KfW 70)EFH in Gaissbeuren, Bergstraße (KfW 55)EFH mit ELW in Haisterkirch, Untere Bachäcker (KfW 85)
Sanierungsobjekte
Zweifamilienhaus in AltshausenDenkmalgeschützes Mehrfamilienhaus in Lindau/Insel, ParadiesplatzSanierung Einfamilienhaus in AltshausenKindergarten in Fronreute / BlitzenreuteGasthaus Lamm in StaigMehrfamilienhaus in Ravensburg, Tettnanger Str. 26Denkmalgeschütztes Mehrfamilienhaus in Lindau/Insel, BrettermarktDoppelhaus in Blitzenreute, EngelburgwegEinfamilienhaus in Baienfurt Erschließungen von Baugrundstücken für private Bauherren und öffentliche Träger:Baugebietes "Riedstraße" in Fronhofenmit insgesammt 14 Bauplätzen im Auftrag der Gemeinde FronreuteBaugebiet Oberreute / LangenriedErschließung des Baugebietes Oberreute-Langenried bei Oberstaufen im Allgäu mit insgesammt 8 Bauplätzen für einen privaten BauherrenBaugebiet Trauben/WeingartenErschließung des Baugebietes mit insgesamt 16 BauplätzenBaugebiet Rehmweg in Blitzenreute4 Bauplätze für einen privaten Bauherrenund und.........
