@font-face {font-family:'Open Sans';font-display:swap;font-style:normal;font-weight:400;
src: local('OpenSans-Regular'),local('OpenSans-Regular'),
url('../fonts/open-sans-v16-latin-regular.ttf') format('truetype');}
@font-face {font-family:'Open Sans';font-display:swap;font-style:normal;font-weight:500;
src: local('OpenSans-Medium'),local('OpenSans-Medium'),
url('../fonts/OpenSans-Medium.ttf') format('truetype');}
@font-face {font-family:'Open Sans';font-display:swap;font-style:normal;font-weight:700;
src:local('OpenSans-Bold'),local('OpenSans-Bold'),
url('../fonts/OpenSans-Medium.ttf') format('truetype');}
@font-face {font-family:'Open Sans Condensed';font-display:swap;font-style:normal;font-weight:300;
src:local('OpenSansCondensed-Light'),local('OpenSansCondensed-Light'),
url('../fonts/OpenSansCondensed-Light.ttf') format('truetype');}
@font-face {font-family:'Open Sans Condensed';font-display:swap;font-style:normal;font-weight:700;
src:local('OpenSansCondensed-Bold'),local('OpenSansCondensed-Bold'),
url('../fonts/OpenSansCondensed-Bold.ttf') format('truetype');}
@font-face {font-family:'Arimo';font-display:swap;font-style:normal;font-weight:400;
src: local('Arimo-Regular'), local('Arimo-Regular'),
url('../fonts/Arimo-Regular.ttf') format('truetype');}
@font-face {font-family:'Arimo';font-display:swap;font-style:normal;font-weight:500;
src: local('Arimo-Medium'), local('Arimo-Medium'),
url('../fonts/Arimo-Medium.ttf') format('truetype');}
@font-face {font-family:'Arimo';font-display:swap;font-style:normal;font-weight:600;
src: local('Arimo-SemiBold'), local('Arimo-SemiBold'),
url('../fonts/Arimo-SemiBold.ttf') format('truetype');}
@font-face {font-family:'Arimo';font-display:swap;font-style:normal;font-weight:700;
src: local('Arimo-Bold'), local('Arimo-Bold'),
url('../fonts/Arimo-Bold.ttf') format('truetype');}


* {margin:0;padding:0;border:0;outline:0;}
html, body {height:100%;-webkit-text-size-adjust:none;text-size-adjust:none;}
body {font-family:'Open Sans',sans-serif;font-size:10px;font-weight:400;line-height:160%;margin:0;}
main {margin-top:0;}
hr {border:solid #e0e0e0 1px;height:0;margin:10px 0;}
.hr2 {border:solid #e0e0e0 1px;height:0;margin:25px 0;}
.hr3 {border:solid #444 1px;height:0;margin:10px 0;}
.hr4 {border:solid #000 1px;height:0;margin:10px 0;opacity:0.12}
.hr5 {border:solid #000 1px;height:0;margin:25px 0;opacity:0.12}
.hr6 {border:solid #b0b0b0 1px;height:0;margin:12px 0;}
.hr7 {border:solid #b0b0b0 1px;height:0;margin:12px 0 18px 0;}


/* Headlines */
h1,h2,h3,h4,h5,h6,h7 {font-family:'Arimo',sans-serif;margin:0;padding:0;border:0;font-weight:600;}
h1 {font-size:380%;line-height:130%;}
h2 {font-size:380%;line-height:130%;}
h3 {font-size:320%;line-height:130%;}
h4 {font-size:320%;line-height:130%;margin-top:2px;font-weight:400;}
h5 {font-size:260%;line-height:130%;}
h6 {font-size:210%;line-height:130%;}


/* Typografie */
p {font-size:200%;line-height:170%;}
strong {font-family:'Open Sans',sans-serif;font-weight:700;}
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.j {text-align:justify;}
.black {color:#000;}
.white {color:#fff;}
.blue {color:#3d5d79;}
.red {color:#ed6c66;}
.grey {color:#ccc;}
.shy {-webkit-hyphens:auto;hyphens:auto;}
.big {font-size:240%;line-height:160%;text-shadow:0 0 5px rgba(0, 0, 0, 0.9);}
.big2 {font-size:240%;line-height:160%;font-weight:500;}
.small {font-size:175%;line-height:170%;}
.smaller {font-size:150%;line-height:170%;}
.semi {font-weight:500;}
.bold {font-weight:600;}
.atab {tab-size:30;white-space:pre;}
.phone {font-size:240%;color:#fff;font-family:'Open Sans Condensed',sans-serif;font-weight:700;}


/* Links */
a:link {color:#000;text-decoration:none;}a:visited {color:#000;text-decoration:none;}a:hover{color:#3d5d79;transition:all 0.6s ease;text-decoration:none;}a:active{color:#000;text-decoration:none;}
a.l1:link {font-family:'Arimo',sans-serif;font-weight:500;font-size:210%;line-height:50px;color:#ccc;text-decoration:none;}a.l1:visited {font-family:'Arimo',sans-serif;font-weight:500;font-size:210%;line-height:50px;color:#ccc;text-decoration:none;}
a.l1:hover{transition:all 0.6s ease;color:#fff;text-decoration:none;}a.l1:active {font-family:'Arimo',sans-serif;font-weight:500;font-size:210%;line-height:50px;color:#ccc;text-decoration:none;}
a.l2:link {color:#ccc;text-decoration:none;}a.l2:visited {color:#ccc;text-decoration:none;}
a.l2:hover{color:#fff;transition:all 0.6s ease;opacity:0.6;text-decoration:none;}a.l2:active {color:#ccc;text-decoration:none;}
a.l3:link {color:#fff;text-decoration:none;}a.l3:visited {color:#fff;text-decoration:none;}
a.l3:hover{color:#3d5d79;transition:all 0.6s ease;text-decoration:none;}a.l3:active {color:#fff;text-decoration:none;}
a.l4:link {font-family:'Arimo',sans-serif;font-size:100%;text-align:center;line-height:135%;color:#fff;font-weight:700;text-decoration:none;}
a.l4:visited {font-family:'Arimo',sans-serif;font-size:100%;text-align:center;line-height:135%;color:#fff;font-weight:700;text-decoration:none;}
a.l4:hover{font-family:'Arimo',sans-serif;font-size:100%;text-align:center;line-height:135%;color:#3d5d79;background:transparent;font-weight:700;text-decoration:none;transition:all 0.6s ease;}
a.l4:active {font-family:'Arimo',sans-serif;font-size:100%;text-align:center;line-height:135%;color:#fff;font-weight:700;text-decoration:none;}
a.l5:link {color:#aaa;text-decoration:none;}a.l5:visited {color:#aaa;text-decoration:none;}a.l5:hover{color:#fff;transition:all 0.6s ease;text-decoration:none;}a.l5:active{color:#aaa;text-decoration:none;}
a.l6:link {font-size:320%;line-height:130%;font-weight:600;color:#fff;text-decoration:none;}a.l6:visited {font-size:320%;line-height:130%;font-weight:600;color:#fff;text-decoration:none;}
a.l6:hover{font-size:320%;line-height:130%;font-weight:600;color:#fff;text-decoration:none;transition:all 0.6s ease;opacity:0.6}a.l6:active {font-size:320%;line-height:130%;font-weight:600;color:#fff;text-decoration:none;}
a.l7:link {color:#3d5d79;text-decoration:none;}a.l7:visited {color:#3d5d79;text-decoration:none;}a.l7:hover{color:#ed6c66;;transition:all 0.6s ease;text-decoration:none;}a.l7:active{color:#3d5d79;text-decoration:none;}
a.l8:link {font-family:'Arimo',sans-serif;color:#3d5d79;font-size:280%;line-height:260%;font-weight:600;text-decoration:none;}a.l8:visited {font-family:'Arimo',sans-serif;color:#3d5d79;font-size:280%;line-height:260%;font-weight:600;text-decoration:none;}
a.l8:hover{font-family:'Arimo',sans-serif;color:#ed6c66;font-size:280%;line-height:260%;font-weight:600;transition:all 0.6s ease;text-decoration:none;}a.l8:active {font-family:'Arimo',sans-serif;color:#3d5d79;font-size:280%;line-height:260%;font-weight:600;text-decoration:none;}
a.l9:link {font-family:'Arimo',serif;font-size:540%;font-weight:700;line-height:125%;color:#3d5d79;}a.l9:visited {font-family:'Arimo',serif;font-size:540%;font-weight:700;line-height:125%;color:#3d5d79;}
a.l9:hover{font-family:'Arimo',serif;font-size:540%;font-weight:700;line-height:125%;color:#3d5d79;transition:all 0.6s ease;letter-spacing:5px;}a.l9:active {font-family:'Arimo',serif;font-size:540%;font-weight:700;line-height:125%;color:#3d5d79;}
a.l10:link {font-family:'Arimo',serif;font-size:540%;font-weight:500;line-height:125%;color:#ed6c66;}a.l10:visited {font-family:'Arimo',serif;font-size:540%;font-weight:500;line-height:125%;color:#ed6c66;}
a.l10:hover{font-family:'Arimo',serif;font-size:540%;font-weight:500;line-height:125%;color:#ed6c66;transition:all 0.6s ease;letter-spacing:5px;}a.l10:active {font-family:'Arimo',serif;font-size:540%;font-weight:500;line-height:125%;color:#ed6c66;}



/* Sticky Nav */
.anker {position:absolute;top:-130px;width:1px;height:1px;margin-bottom:-1px;}
.header-navigation {position:fixed;top:0;width:100%;height:130px;transition:top 0.3s;background-image:url("../poolbau/edelstahlpools/pb.png");z-index:11;box-shadow:0 1px 3px rgba(0,0,0,.25), 0 3px 9px rgba(0,0,0,.25);}
.slideUp {-webkit-transform: translateY(-130px);transform:translateY(-130px);transition:transform .3s ease-out;}
.slideDown {-webkit-transform:translateY(0);transform:translateY(0);transition:transform .3s ease-out;}
#navi {width:100%;position:relative;margin:0 auto -20px auto;z-index:9000;box-shadow:0px 0px 12px 5px rgba(0,0,0,.2);}
.pool25 {position:relative;width:140px;height:130px;margin:-25px 15px 0 15px;float:right;z-index:8;}
.pool25:hover {opacity:0.4;webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.tel {position:absolute;width:240px;left:70px;margin-top:-6px;}


/* Megamenu Bar */
a.nl1:link {color:#000!important;}a.nl1:visited {color:#000;}a.nl1:hover{color:#3d5d79!important;webkit-transition:all 1s ease;transition:all 1s ease;}a.nl1:active{color:#000;}
.menu {font-family:'Open Sans Condensed',sans-serif;font-size:280%;font-weight:700;color:#000;line-height:320%;margin-left:20px;}
.menu2 {font-family:'Open Sans Condensed',sans-serif;font-size:280%;font-weight:700;color:#fff;line-height:320%;margin-left:20px;}
.megamenu_container {max-width:980px;margin:0 auto;position:relative;z-index:9;}
.megamenu_fixed {max-width:960px;position:relative;top:0;margin:0 auto 0;padding:0 10px;z-index:9;}
.megamenu {list-style:none;padding:72px 0 0 0;margin:0;}
.megamenu > li {display:inline;border:none;padding:0 0 0 10px;transition:background 0.4s ease-out;}
.megamenu > li a {text-decoration:none;color:#000;}
.megamenu > li a:hover {color:#fff;transition:all 0.6s ease;}
.megamenu > li span a {color:#bcbdbf;}
.megamenu > li a:focus {outline:none;}
.megamenu > li .drop,.megamenu > li .nodrop {font-size:220%;color:#bcbdbf;line-height:50px;font-family:'Open Sans Condensed',sans-serif;font-weight:700;}
.megamenu > li .drop {background-repeat:no-repeat;background-position:right 18px;padding:14px 14px 20px 0;}
.megamenu > li .nodrop {padding:14px 14px 20px 0;}
.megamenu > li .drop:hover {cursor:pointer;color:#fff;transition:all 0.6s ease;}
.megamenu > li .nodrop:hover {cursor:pointer;color:#fff!important;transition:all 0.6s ease;}
.megamenu > li ul {list-style-image:url(../poolbau/edelstahlpools/luxuspool.png);padding:0;width:auto;position:relative;font-size:185%;line-height:210%;margin-left:44px;font-family:'Open Sans',sans-serif;color:#000;font-weight:500;}
.megamenu > li .megamenu_fullwidth {position:absolute;top:106px;left:-9999em;z-index:9998;width:100%;margin:0;padding:5px 0 40px 1px;box-shadow:0 1px 3px rgba(0, 0, 0, .18), 0 3px 9px rgba(0, 0, 0, .15);background-image:url("../poolbau/edelstahlpools/pw.png");opacity:0;}
.megamenu_push .megamenu > li .megamenu_fullwidth {position:relative;top:5px;}
.megamenu > li:hover .megamenu_fullwidth {left:0;opacity:100%;transition:opacity 0.6s}
.megamenu .col_1,.megamenu .col_2,.megamenu .col_3,.megamenu .col_4,.megamenu .col_5 {float:left;position:relative;margin-left:15px;margin-right:15px;}
.megamenu .col_1 {width:50px;}.megamenu .col_2 {width:130px;}.megamenu .col_3 {width:210px;}.megamenu .col_4 {width:290px;}.megamenu .col_5 {width:370px;}


/* Overlay Menu */
.nav {position:relative;width:auto;display:block;border:none;margin:25px 0 -50px 5px;}
.btn-nav {position:relative;background:transparent!important;cursor:pointer;z-index:10;}
.btn-nav:focus {outline:0;}
.btn-nav:hover {-webkit-transition:all 1s ease;transition:all 1s ease;opacity:0.6;}
.nav-content {position:fixed;top:-100%;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0.94);display:block;height:100%;z-index:90;}
.nav-list {list-style:none;padding:0;position:relative;top:12%;}
.item-anchor:after {content:"";position:absolute;width:3px;height:3px;left:0;bottom:0;z-index:9;background:transparent!important;-webkit-transition:all 1s ease;transition:all 1s ease;}
.item-anchor {color:#fff;font-size:30px;text-transform:uppercase;position:relative;text-decoration:none;padding:10px;}
.item-anchor:hover, .item-anchor:focus {color:#3d5d79;-webkit-transition: all 1s ease;transition: all 1s ease;letter-spacing:20px;}
.item-anchor:hover:after, .item-anchor:focus:after{width:100%;background:#3d5d79;-webkit-transition:all 1s ease;transition: all 1s ease;}
.nav-item {margin:40px auto;text-align:center;letter-spacing:12px;}
.subnav {position:absolute;height:60px;bottom:0;width:100%;margin:0 auto;text-align:center;}
@keyframes showNav {from {top:-100%;} to {top:0;}}@-webkit-keyframes showNav {from {top:-100%;} to {top:0;}}
.showNav {-webkit-animation:showNav 1s ease forwards;animation:showNav 1s ease forwards;}
@keyframes hideNav {from {top: 0;} to {top:-100%;}}@-webkit-keyframes hideNav {from {top:0;} to {top:-100%;}}
.hideNav {-webkit-animation:hideNav 1s ease forwards;animation:hideNav 1s ease forwards;}
.hidden {display:none;}
.close {position:absolute;width:26px;height:26px;right:30px;top:30px;}
.close:hover {opacity:0.4;webkit-transition:all 0.5s ease;transition:all 0.5s ease;}


/* Slideshow */
.slideshowwrapper {position:relative;width:100vw;height:90%vh;box-shadow:0px 0px 12px 5px rgba(0,0,0,.3);z-index:5;}
.sstitle {font-family:'Arimo',sans-serif;font-weight:600;font-size:600%;line-height:135%;color:#fff;text-shadow:0 0 12px rgba(0, 0, 0, 0.9);}
.headline {position:absolute;z-index:90;width:680px;bottom:20%;margin-left:10%;}
.slideshow {position:relative;width:100vw;height:900px;overflow:hidden;}
.slideshow-image {position:absolute;width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;
-webkit-animation-name:kenburns;animation-name:kenburns;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:16s;animation-duration:16s;opacity: 1;transform: scale(1.2);}
.slideshow-image:nth-child(1) {-webkit-animation-name:kenburns-1;animation-name:kenburns-1;z-index:3;}
.slideshow-image:nth-child(2) {-webkit-animation-name:kenburns-2;animation-name:kenburns-2;z-index:2;}
.slideshow-image:nth-child(3) {-webkit-animation-name:kenburns-3;animation-name:kenburns-3;z-index:1;}
.slideshow-image:nth-child(4) {-webkit-animation-name:kenburns-4;animation-name:kenburns-4;z-index:0;}
@-webkit-keyframes kenburns-1 {0% {opacity:1;transform:scale(1.2);}1.5625% {opacity:1;}23.4375% {opacity:1;}26.5625% {opacity:0;transform:scale(1);}100% {opacity:0;transform:scale(1.2);}98.4375% {opacity:0;transform:scale(1.2117647059);}100% {opacity:1;}}
@keyframes kenburns-1 {0% {opacity:1;transform:scale(1.2);}1.5625% {opacity:1;}23.4375% {opacity:1;}26.5625% {opacity:0;transform:scale(1);}100% {opacity:0;transform:scale(1.2);}98.4375% {opacity:0;transform:scale(1.2117647059);}100% {opacity:1;}}
@-webkit-keyframes kenburns-2 {23.4375% {opacity:1;transform:scale(1.2);}26.5625% {opacity:1;}48.4375% {opacity:1;}51.5625% {opacity:0;transform:scale(1);}100% {opacity:0;transform: scale(1.2);}}
@keyframes kenburns-2 {23.4375% {opacity:1;transform:scale(1.2);}26.5625% {opacity:1;}48.4375% {opacity:1;}51.5625% {opacity:0;transform: scale(1);}100% {opacity:0;transform:scale(1.2);}}
@-webkit-keyframes kenburns-3 {48.4375% {opacity:1;transform:scale(1.2);}51.5625% {opacity:1;}73.4375% {opacity:1;}76.5625% {opacity:0;transform:scale(1);}100% {opacity:0;transform:scale(1.2);}}
@keyframes kenburns-3 {48.4375% {opacity:1;transform:scale(1.2);}51.5625% {opacity:1;}73.4375% {opacity:1;}76.5625% {opacity:0;transform:scale(1);}100% {opacity:0;transform:scale(1.2);}}
@-webkit-keyframes kenburns-4 {73.4375% {opacity:1;transform: scale(1.2);}76.5625% {opacity:1;}98.4375% {opacity:1;}100% {opacity:0;transform:scale(1);}}
@keyframes kenburns-4 {73.4375% {opacity:1;transform:scale(1.2);}76.5625% {opacity:1;}98.4375% {opacity:1;}100% {opacity:0;transform:scale(1);}}


/* Newsletter */
.angebot {position:relative;float:right;max-width:290px;padding:14px 20px 30px 20px;margin:0 3%;height:355px;margin-bottom:-355px;top:-520px;background-image:url("../poolbau/edelstahlpools/pw2.png");z-index:9;clear:both;}
.closebtn {position:absolute;background:transparent!important;width:20px;height:20px;right:20px;top:20px;}
.closebtn:hover {opacity:0.4;webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.btn-close {position:relative;background:transparent!important;cursor:pointer;z-index:10;}
.btn-close:hover {-webkit-transition:all 1s ease;transition:all 1s ease;opacity:0.6;}


/* Listen */
ul.list {list-style:none;font-size:220%;color:#000;font-weight:500;line-height:200%;} .haken {width:15px;height:14px;}
ul.list2 {list-style:url(../poolbau/edelstahlpools/luxuspool.png);color:#000;font-weight:500;margin:10px 0 10px 22px;font-size:200%;line-height:170%;}
ul.list3 {list-style:url(../poolbau/edelstahlpools/luxuspool.png);color:#3d5d79;font-weight:500;margin:10px 0 10px 20px;font-size:200%;line-height:170%;}


/* Content */
#flex-container {display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#test {opacity:0;transition:opacity 0.6s ease-in;}
#test.load {opacity:1;}
#produkt1      {order:1;}
#produkt1_info {order:2;}
#produkt2      {order:4;}
#produkt2_info {order:3;}
#produkt3      {order:5;}
#produkt3_info {order:6;}
#produkt4      {order:8;}
#produkt4_info {order:7;}
.flex {display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;}
.left {float:left;}
.right {float:right;}
.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}
.img {width:100%;}
.img2 {width:100%;margin-top:27px;}
.marg {margin:0 8px;}
.content1 {max-width:2000px;width:94%;margin:0 auto;background:#fff;-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);}
.ccontent1 {position:relative;width:94%;max-width:900px;margin:0 auto;}
.ccontent2 {position:relative;width:94%;max-width:800px;margin:0 auto;}
.ccontent3 {position:relative;max-width:100%;margin:0 auto;}
.ccontent4 {position:relative;max-width:1400px;margin:0 auto;}
.ccontent5 {position:relative;max-width:1000px;margin:0 auto;}
.ccontent6 {position:relative;max-width:1140px;margin:0 auto;}
.ccontent7 {position:relative;max-width:1740px;margin:0 auto;}
.ccontent8 {position:relative;width:94%;max-width:1240px;margin:0 auto;}
.ccontent9 {position:relative;max-width:1200px;margin:0 auto;}
.pad1 {padding:100px 30px 100px 30px;}
.pad2 {padding:150px 0;}
.pad3 {padding:5% 15% 5% 5%;}
.pad4 {padding:100px 0 0 0;}
.pad5 {padding:0 3%;width:94%;}
.pad6 {padding:80px 0 140px 0;}
.pad7 {padding:0 20px;}
.pad8 {padding:10px;}
.pad9 {padding:220px 0 140px 0;}
.pad10 {padding-right:30px;}
.pad11 {padding-left:30px;}
.down {width:60px;height:45px;margin:0 auto;}
.down2 {position:absolute;bottom:3%;width:60px;height:45px;left:50%;margin-left:-30px;z-index:9000000;}
.bg {position:fixed;z-index:-1;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;}
.abs {width:100%;padding:150px 0 100px 0;}
.abs2 {width:100%;padding:300px 0;}
.abs3 {width:100%;padding:350px 0;}
.smallpic {width:100%;height:600px;background-position:center top;background-size:cover;background-color:#ddd;z-index:5;}
.aktion {position:relative;width:280px;height:222px;z-index:10;margin:180px 50px -401px 0!important;float:right;opacity:1}
.aktion:hover {transition:all 0.6s ease;opacity:0.7;}
.product {position:absolute;max-width:600px;z-index:9000;right:0;margin-right:50px;}


/* Tabelle */
table.GeneratedTable {width:100%;background-color:#fff;border-collapse:collapse;border-width:1px;border-color:#e0e0e0;border-style:solid;color:#000;}
table.GeneratedTable td, table.GeneratedTable th {border-width:1px;border-color:#e0e0e0;border-style:solid;text-align:center;font-size:140%;padding:12px 5px;}
table.GeneratedTable thead {background-color:#fff;}


/* Thumbnail */
.thumb {overflow:hidden;background-color:#000;justify-content:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.thumb img {object-fit:cover;object-position:50%;width:100%;min-height:100%;transition:transform .5s ease;}
.thumb:hover img {transform:scale(1.1);opacity:0.7;}
.thumb2 {overflow:hidden;background-color:#fff;justify-content:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;border:10px solid white;box-sizing:border-box;}
.thumb2 img {object-fit:cover;object-position:50%;width:100%;min-height:100%;}
.thumb3 {overflow:hidden;background-color:#000;justify-content:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;border:10px solid white;box-sizing:border-box;}
.thumb3 img {object-fit:cover;object-position:50%;width:100%;min-height:100%;transition:transform .5s ease;}
.thumb3:hover img {transform:scale(1.1);opacity:0.7;}
.thumb4 {overflow:hidden;background-color:#e7ddda;justify-content:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;border:10px solid #e7ddda;box-sizing:border-box;}
.thumb4 img {object-fit:cover;object-position:50%;width:100%;min-height:100%;}
.thumb5 {overflow:hidden;background-color:#000;justify-content:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.thumb5 img {object-fit:cover;object-position:50%;width:100%;min-height:100%;transition:transform .5s ease;}
.thumb6 {overflow:hidden;background-color:#ebeae0;justify-content:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;border:10px solid #ebeae0;box-sizing:border-box;}
.thumb6 img {object-fit:cover;object-position:50%;width:100%;min-height:100%;}


/* Parallax */
.sektion {position:relative;width:100%;height:100%;overflow:hidden;}
.hintergrundbild {position:absolute;background-image:url("../poolbau/edelstahlpools/p.png");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;}
.hintergrundbild1 {position:absolute;height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;}
.text1 {position:absolute;top:40%;text-align:center;left:5%;width:90%;z-index:2;background:transparent;}
.text2 {position:absolute;bottom:12%;text-align:center;left:5%;width:90%;z-index:2;background:transparent;}
.text3 {position:absolute;bottom:8%;text-align:center;left:5%;width:90%;z-index:2;background:transparent;}
.text4 {position:absolute;bottom:20%;text-align:center;left:5%;width:90%;z-index:2;background:transparent;}
.text5 {position:absolute;bottom:16%;text-align:center;left:5%;width:90%;z-index:2;background:transparent;}
.text6 {position:absolute;bottom:30%;text-align:center;left:5%;width:90%;z-index:2;background:transparent;}
.thin {font-weight:300;margin:0 6px;}
.hintergrundbild img {min-width:100%;}
.text h1, .text h2, .text p, .text ul {margin:2%;} ul {list-style:none;}
.down3 {position:relative;width:60px;height:45px;margin:0 auto;z-index:90;}
.subline1 {font-family:'Arimo',serif;font-size:360%;font-weight:600;line-height:190%;}
.subline2 {font-family:'Arimo',serif;font-size:360%;font-weight:500;line-height:190%;text-shadow:0 0 12px rgba(0, 0, 0, .9);}


/* Accordion */
.accordion-container .accordion-title {position:relative;margin:0;padding:20px 70px 20px 20px;background-color:#fff;font-family:'Open Sans',sans-serif;font-size:210%;font-weight:500;color:#000;cursor:pointer;border-bottom:1px solid #ddd;}
.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open {background-color:#ebeef1;}
.accordion-container .accordion-title::before {content: "";position:absolute;top:50%;right:25px;width:15px;height:2px;transform:rotate(90deg);background:#3d5d79;transition:all .3s ease-in-out;}
.accordion-container .accordion-title::after {content:"";position:absolute;top:50%;right:25px;width:15px;height:2px;background:#3d5d79;transition:all .2s ease-in-out;}
.accordion-container .accordion-title.open::before {transform: rotate(180deg);}
.accordion-container .accordion-title.open::after {opacity:0;}
.accordion-content {padding:50px 15px 50px 15px;font-family:'Open Sans',sans-serif;font-size:90%;font-weight:400;}
.accordion-container {max-width:100%;margin:0 auto;}
.subt {font-size:100%;font-weight:600;line-height:100%;line-height:170%;color:#000;}


/* Formular */
label {color:#fff;font-size:180%;line-height:180%;}
.f1 {background-color: rgba(255, 255, 255, 0.4);width:90%;font-family:'Open Sans',sans-serif;font-size:100%;color:#000;padding:0 10px;line-height:200%;border-width:2px;border-style:solid;border-color:#eee;margin-bottom:12px;}
.f2 {background-color: rgba(255, 255, 255, 0.4);width:95%;font-family:'Open Sans',sans-serif;font-size:100%;color:#000;padding:0 10px;line-height:200%;border-width:2px;border-style:solid;border-color:#eee;}
.f3 {background-color: rgba(255, 255, 255, 0.4);width:92%;font-family:'Open Sans',sans-serif;font-size:160%;color:#000;padding:0 10px;line-height:180%;border-width:2px;border-style:solid;border-color:#b0b0b0;margin-bottom:12px;}
.button {font-family:'Arimo',sans-serif;text-align:center;font-size:200%;font-weight:700;width:220px;color:#fff;background-color:#3d5d79;padding:10px 0;margin:30px auto;border-width:2px;border-style:solid;border-color:#eee;border-radius:5px;}
.button:hover {color:#3d5d79;background-color:#fff;border-style:solid;border-color:#3d5d79;transition:all 0.6s ease;}
.button2 {font-family:'Arimo',sans-serif;font-size:180%;font-weight:700;text-align:center;width:240px;color:#fff;background-color:#3d5d79;border-width:2px;border-style:solid;border-color:#fff;padding:10px 0;margin:5px auto;border-radius:5px;}
.button2:hover {color:#3d5d79;background-color:#fff;border-width:2px;border-style:solid;border-color:#3d5d79;transition:all 0.6s ease;}
.button3 {font-family:'Arimo',sans-serif;font-size:180%;font-weight:700;text-align:center;width:210px;color:#fff;background-color:#3d5d79;border-width:2px;border-style:solid;border-color:#fff;padding:10px 0;margin:5px 0 30px 0;border-radius:5px;}
.button3:hover {color:#3d5d79;background-color:#fff;border-width:2px;border-style:solid;border-color:#3d5d79;transition:all 0.6s ease;}
.button4 {font-family:'Arimo',sans-serif;font-size:180%;font-weight:700;text-align:center;width:240px;color:#fff;background-color:#3d5d79;border-width:2px;border-style:solid;border-color:#fff;padding:10px 0;margin:5px 0;border-radius:5px;}
.button4:hover {color:#3d5d79;background-color:#fff;border-width:2px;border-style:solid;border-color:#3d5d79;transition:all 0.6s ease;}
.button5 {font-family:'Arimo',sans-serif;font-size:180%;font-weight:700;text-align:center;width:160px;color:#fff;background-color:#3d5d79;border-width:2px;border-style:solid;border-color:#fff;padding:10px 0;margin:5px 0 30px 0;border-radius:5px;}
.button5:hover {color:#3d5d79;background-color:#fff;border-width:2px;border-style:solid;border-color:#3d5d79;transition:all 0.6s ease;}


/* Footer */
footer {width:100%;padding:50px 0;background:#1b2a35;}
.top {position:relative;width:60px;height:45px;margin:0 auto 0 auto;opacity:.8;z-index:8;}
.cfooter {position:relative;width:94%;max-width:960px;margin:0 auto;}
.footertxt {font-size:170%;line-height:200%;color:#999;}


/*  Grid  */
.section {clear:both;padding:0;margin:0;}
.col {display:block;float:left;margin:0;}
.col2 {display:block;float:left;margin:0;}
.group:before, .group:after {content:"";display:table;}
.group:after {clear:both;}.group {}
.span_1_of_1 {position:relative;width:100%;}
.span_2_of_2 {width:100%;}.span_1_of_2 {width:50%;}
.span_3_of_3 {width:100%;}.span_2_of_3 {width:66.66%;}.span_1_of_3 {width:33.33%;}
.span_4_of_4 {width:25%;}.span_3_of_4 {width:75%;}.span_2_of_4 {width:50%;}.span_1_of_4 {width:25%;}
.span_5_of_5 {width:20%;}.span_4_of_5 {width:80%;}.span_3_of_5 {width:60%;}.span_2_of_5 {width:40%;}.span_1_of_5 {width:20%;}


@media only screen and (max-width: 980px) {
.tel {display:none;}
.navigation {display:none;}
.btn-nav {position:relative;}
.nav {margin-top:-40px;margin-left:10px;}
.pool25 {float:none;margin:0 auto;}
.down2 {position:absolute;bottom:5%;}}


@media only screen and (max-width: 820px) {
#produkt1      {order:1;}
#produkt1_info {order:2;}
#produkt2      {order:3;}
#produkt2_info {order:4;}
#produkt3      {order:5;}
#produkt3_info {order:6;}
#produkt4      {order:7;}
#produkt4_info {order:8;}
h1 {font-size:300%;line-height:130%;}
h2 {font-size:300%;line-height:130%;}
h3 {font-size:260%;line-height:135%;}
h4 {font-size:260%;}
p {font-size:170%;}
ul.list {font-size:170%;}
ul.list2 {font-size:170%;}
ul.list3 {font-size:170%;}
a.l1:link {font-size:160%;}
a.l9:link {font-size:460%;}
a.l10:link {font-size:460%;}
.aktion {position:relative;width:250px;height:198px;z-index:10;margin:170px auto -344px auto!important;float:none;opacity:1}
.subline1 {font-size:280%;}
.subline2 {font-size:280%;}
.sstitle {font-size:420%;}
.headline {position:absolute;z-index:90;width:90%;bottom:15%;margin-left:5%;}
.accordion-title {font-size:190%;}
.accordion-content {padding:30px;}
.slideshowwrapper {height:740px;}
.slideshow {height:740px;}
.big {font-size:210%;}
.big2 {font-size:190%;line-height:160%;}
.ccontent {padding:15px;}
.pad1 {padding:60px 30px 60px 30px;}
.pad2 {padding:60px 0;}
.pad3 {padding:8%}
.pad4 {padding:60px 0 0 0;}
.pad5 {padding:0 4%;}
.pad10 {padding-right:0;}
.pad11 {padding-left:0;}
.img2 {margin-top:0;width:80%;}
.button {font-size:190%;width:190px;}
.button2 {font-size:190%;width:220px;}
.button3 {font-size:190%;width:220px;}
.col {margin:0;padding:0;}
.span_2_of_2 {width:100%;} .span_1_of_2 {width:100%;}
.span_3_of_3 {width:100%;} .span_2_of_3 {width:100%;} .span_1_of_3 {width:100%;}
.span_4_of_4 {width:100%;} .span_3_of_4 {width:100%;} .span_2_of_4 {width:100%;} .span_1_of_4 {width:100%;}
.span_5_of_5 {width:100%;} .span_4_of_5 {width:100%;} .span_3_of_5 {width:100%;} .span_2_of_5 {width:100%;} .span_1_of_5 {width:100%;}
.thumb:hover {transition:all 0.6s ease;transform:scale(1.0,1.0);opacity:0.7;}.wrfw3 {padding:80px 0;}
.smallpic {height:450px;}
.product {display:none;}
.close {right:50%;margin-right:-13px;}
.angebot {float:none;top:-560px;margin:0 auto -410px auto;}}