/** * @license * MyFonts Webfont Build ID 3269534, 2016-08-17T03:52:34-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: HelveticaNeueLTStd-Lt by Linotype * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-45-light/ * Copyright: Copyright © 1988, 1990, 1993, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * Webfont: HelveticaNeueLTStd-Bd by Linotype * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-75-bold/ * Copyright: Copyright © 1988, 1990, 1993, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * Webfont: HelveticaNeueLTStd-BdCn by Linotype * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-77-bold-condensed/ * Copyright: Copyright © 1990, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * Webfont: HelveticaNeueLTStd-HvIt by Linotype * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-86-heavy-italic/ * Copyright: Copyright © 1988, 1990, 1993, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3269534 * Licensed pageviews: 250,000 * * © 2016 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/31e39e"); @font-face {font-family: 'HelveticaNeueLTStd-Lt';src: url('/css/fonts/31E39E_0_0.eot');src: url('/css/fonts/31E39E_0_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/31E39E_0_0.woff2') format('woff2'),url('/css/fonts/31E39E_0_0.woff') format('woff'),url('/css/fonts/31E39E_0_0.ttf') format('truetype');} @font-face {font-family: 'HelveticaNeueLTStd-Bd';src: url('/css/fonts/31E39E_1_0.eot');src: url('/css/fonts/31E39E_1_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/31E39E_1_0.woff2') format('woff2'),url('/css/fonts/31E39E_1_0.woff') format('woff'),url('/css/fonts/31E39E_1_0.ttf') format('truetype');} @font-face {font-family: 'HelveticaNeueLTStd-BdCn';src: url('/css/fonts/31E39E_2_0.eot');src: url('/css/fonts/31E39E_2_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/31E39E_2_0.woff2') format('woff2'),url('/css/fonts/31E39E_2_0.woff') format('woff'),url('/css/fonts/31E39E_2_0.ttf') format('truetype');} @font-face {font-family: 'HelveticaNeueLTStd-HvIt';src: url('/css/fonts/31E39E_3_0.eot');src: url('/css/fonts/31E39E_3_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/31E39E_3_0.woff2') format('woff2'),url('/css/fonts/31E39E_3_0.woff') format('woff'),url('/css/fonts/31E39E_3_0.ttf') format('truetype');} @font-face { font-family:Roboto; src:url("http://fonts.gstatic.com/s/roboto/v15/ty9dfvLAziwdqQ2dHoyjphkAz4rYn47Zy2rvigWQf6w.woff2") format("woff2"); } @font-face { font-family:TopcatPort; src:url('/css/fonts/topcat-port.eot'); } @font-face { font-family:TopcatPort; src:url('/css/fonts/topcat-port.ttf');} @font-face { font-family:TopcatLogo; src:url('/css/fonts/topcat-logofont.eot'); } @font-face { font-family:TopcatLogo; src:url('/css/fonts/topcat-logofont.ttf'); } @font-face { font-family: Helvetica-black; src: url('/css/fonts/Helvetica-BlackOblique.otf'); } @font-face { font-family: Helvetica-heavy; src: url("http://db.onlinewebfonts.com/t/cebc379258f756add81ddf89e8f6a6f7.eot"); src: url("http://db.onlinewebfonts.com/t/cebc379258f756add81ddf89e8f6a6f7.eot?#iefix") format("embedded-opentype"), url("http://db.onlinewebfonts.com/t/cebc379258f756add81ddf89e8f6a6f7.woff2") format("woff2"), url("http://db.onlinewebfonts.com/t/cebc379258f756add81ddf89e8f6a6f7.woff") format("woff"), url("http://db.onlinewebfonts.com/t/cebc379258f756add81ddf89e8f6a6f7.ttf") format("truetype"), url("http://db.onlinewebfonts.com/t/cebc379258f756add81ddf89e8f6a6f7.svg#Helvetica Neue LT Std") format("svg"); } body { margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; color:#2c292d; font-size:15px; -webkit-text-size-adjust:100%; } .back2top_arrow { position:fixed; display:none; bottom:0px; right:0px; z-index:1000; } .outer_wrapper.header { position:fixed; top:0px; width:100%; height:100px; background-color:#fff; opacity:0.96; filter:alpha(opacity=96); z-index:10000; } .wrapper { max-width:1024px; margin:0px auto; } .images_preload { display:none; } #header { padding:15px 0px 0px; } #lang_select { position:absolute; margin:-5px 0px 0px 0px; right:30px; font-family: Helvetica, Arial, sans-serif; font-size:10px; font-style:italic; font-weight:bold; text-transform:uppercase; } #lang_select a { color:#000; } #logo { float:left; width:210px; padding:8px 10px 0px 0px; } #logo img { position:absolute; width:200px; z-index:10002; } #navi { float:left; padding:15px 0px 0px 50px; } .navi { margin:0px; padding:0px; list-style-type:none; } .navi li { float:left; height:25px; padding:0px; font-family:HelveticaNeueLTStd-BdCn, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.02em; text-transform:uppercase; color:#2c292d; } .navi li .snavi li { height:29px; } .navi li:hover .snavi_wrapper { display:block; } .navi li:hover .snavi { display:block; } .navi li:hover a { color:#2c292d; } .navi li:hover .snavi a { color:#c8001d; } .navi li:hover .snavi li:hover a { color:#7f7f7f; } .navi li:hover .snavi li a:hover { color:#7f7f7f; } .navi li:hover .snavi li.active a { color:#7f7f7f; } .navi li:hover .snavi li.active a:hover { color:#7f7f7f; } .navi li.active a { color:#7f7f7f; } .navi li a { display:block; padding:0px 10px; color:#2c292d; cursor:default; } .navi li:hover a { color:#7f7f7f; text-decoration:none; } .navi li a:hover { color:#7f7f7f; text-decoration:none; } .snavi_wrapper { position:absolute; display:none; top:53px; left:0px; width:100%; height:280px; background-color:#fff; opacity:0.98; filter:alpha(opacity=98); } .snavi { position:absolute; display:none; margin:30px 0px 0px 0px; padding:20px 0px 0px 0px; list-style-type:none; z-index:10001; } .snavi li { float:none; padding-bottom:0px; } .snavi li.modell_navi_link { font-family:HelveticaNeueLTStd-HvIt, Helvetica, Arial, sans-serif; } .snavi li.modell_navi_link.last { padding-bottom:10px; } .snavi li a { display:block; padding:3px 10px 3px; color:#c8001d; cursor:pointer; } .modell_navi { margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; list-style-type:none; } .modell_navi li { padding:0px; float:left; font-family:HelveticaNeueLTStd-HvIt, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.02em; text-transform:uppercase; color:#c8001d; } .modell_navi li a { display:block; padding:5px 10px 5px; color:#c8001d; } .modell_navi li a:first-child { padding-left:5px; } .modell_navi li a:hover { color:#7f7f7f; background-color:#fff; text-decoration:none; } .modell_navi li.active a { color:#7f7f7f; background-color:#fff; } #navi_burger { position:absolute; display:none; right:20px; width:30px; margin:26px 0px 0px 0px; padding:5px; text-align:right; border:1px solid #c8001d; border-radius:5px; cursor:pointer; } #navi_burger:hover { background-color:#c8001d; } #navi_burger:hover .navi_burger_line { background-color:#fff; } .navi_burger_line { height:2px; margin:4px 0px; background-color:#c8001d; } #navi_mobile { position:absolute; display:none; top:100px; width:100%; z-index:10000; } .navi_mobile { margin:0px; padding:0px; list-style-type:none; } .navi_mobile li { font-size:16px; color:#c8001d; background-color:#fff; border-top:1px solid #c8001d; cursor:pointer; } .navi_mobile li.last { border-bottom:1px solid #c8001d; } .navi_mobile li a { display:block; padding:15px 50px; color:#c8001d; } .navi_mobile li:hover { color:#fff; background-color:#c8001d; } .navi_mobile li:hover a { color:#fff; } .snavi_mobile { display:none; margin:0px; padding:0px; list-style-type:none; } .snavi_mobile li { font-size:14px; color:#c8001d; background-color:#fff; border-top:1px solid #2c292d; cursor:pointer; } .snavi_mobile li.last { border-bottom:1px solid #2c292d; } .snavi_mobile li a { display:block; padding:15px 50px; color:#2c292d; } .snavi_mobile li:hover { color:#fff; background-color:#c8001d; } .snavi_mobile li:hover a { color:#fff; } #navi_spacer { height:150px; } .content_spacer { height:75px; } .flex-direction-nav a { width:80px; height:80px; } .flex-direction-nav a:before { content: " "; display: block; background: url('/images/icons/slider_left.svg') no-repeat; background-size:100%; width: 80px; height: 80px; } .flex-direction-nav a.flex-next:before { content: " "; display: block; background: url('/images/icons/slider_right.svg') no-repeat; background-size:100%; width: 80px; height: 80px; } .sliderclaim { position:absolute; top:50%; margin-left:60%; transform:translateY(-50%); } .slide_1.startseite.sliderclaim img { width:300px; } .slide_2.startseite.sliderclaim img { width:300px; } .slide_3.startseite.sliderclaim img { width:300px; } .slide_4.startseite.sliderclaim img { width:300px; } .slide_5.startseite.sliderclaim img { width:300px; } @keyframes arrow__bottom { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 30% { -webkit-transform: translateY(20%); transform: translateY(20%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } .arrow_bottom { position:absolute; left:50%; width:80px; transform:translateX(-50%); bottom:0px; z-index:1000; } .arrow_bottom .icon { width:80px; animation:arrow__bottom 1s infinite ease-in-out; } #slider.katalog { max-width:960px; margin:0px auto; } #bnavi { max-width:960px; margin:0px auto; } .bnavi_wrapper.w0-1 { float:left; width:110px; } .bnavi_wrapper.w1 { float:left; width:230px; } .bnavi_wrapper.w1 .bnavi_arrow { margin-left:169px; } .bnavi_wrapper.w2 { float:left; width:460px; } .bnavi_wrapper.w2 .bnavi_arrow { margin-left:389px; } .bnavi_wrapper.w2-3 { float:left; width:580px; } .bnavi_wrapper.w2-3 .bnavi_arrow { margin-left:519px; } .bnavi_wrapper.w3 { float:left; width:710px; } .bnavi_wrapper.w3 .bnavi_arrow { margin-left:649px; } .bnavi_wrapper.w3 .bnavi_wrapper.w1 .bnavi_arrow { margin-left:169px; } .bnavi_wrapper.w3 .bnavi_wrapper.w2 .bnavi_arrow { margin-left:399px; } .bnavi_wrapper.h2 { height:512px; } .bnavi_wrapper.h2 .bnavi.events { height:492px; } .bnavi_wrapper.h2 .bnavi.probesegeln { height:492px; } .bnavi_wrapper.h2 .bnavi.probesegeln .bnavi_arrow { margin-top:431px; } .bnavi_wrapper.h2 .bnavi.events .bnavi_arrow { margin-top:431px; margin-left:519px; } .bnavi_wrapper.h2.w0-1 .bnavi { height:108px; } .bnavi_wrapper.prospekt_seo { margin:20px auto 0px; } .bnavi_wrapper.pr { padding-right:10px; } .bnavi_wrapper.pl { padding-left:10px; } .bnavi_wrapper.twocols .bnavi.left_col { float:left; width:470px; margin-right:10px; } .bnavi_wrapper.twocols .bnavi.right_col { float:left; width:470px; margin-left:10px; } .bnavi_wrapper.twocols .bnavi.left_col .bnavi_arrow { margin-left:409px; } .bnavi_wrapper.twocols .bnavi.right_col .bnavi_arrow { margin-left:409px; } .bnavi { min-height:236px; margin:20px 0px 0px 0px; background-repeat:no-repeat; cursor:pointer; } .bnavi.h0-1 { min-height:108px; } .bnavi.vorort { background: #c8001d; background: -moz-linear-gradient(top, #c8001d 0%, #c8001d 44%, #a60004 100%); background: -webkit-linear-gradient(top, #c8001d 0%,#c8001d 44%,#a60004 100%); background: linear-gradient(to bottom, #c8001d 0%,#c8001d 44%,#a60004 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8001d', endColorstr='#a60004',GradientType=0 ); } .bnavi.vorort:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi.vorort .bnavi_txt { padding-top:90px; font-size:100px; text-align:center; } .bnavi.vorort img { width:100%; } .bnavi.k1 { background: #c8001d; background: -moz-linear-gradient(top, #c8001d 0%, #c8001d 44%, #a60004 100%); background: -webkit-linear-gradient(top, #c8001d 0%,#c8001d 44%,#a60004 100%); background: linear-gradient(to bottom, #c8001d 0%,#c8001d 44%,#a60004 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8001d', endColorstr='#a60004',GradientType=0 ); } .bnavi.k1:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi.k1 .bnavi_txt { padding-top:75px; font-size:100px; text-align:center; } .bnavi.k1 img { width:100%; } .bnavi.events { background-image:url('/images/navigation/topcat_events4.jpg'); background-position:center center; } .bnavi.events:hover { background-color:#838383; opacity:0.85; filter:alpha(opacity=85); } .bnavi.events .bnavi_txt { padding-top:275px; padding-left:70px; font-size:72px; } .bnavi.shop { background: #c8001d; background: -moz-linear-gradient(top, #c8001d 0%, #c8001d 44%, #a60004 100%); background: -webkit-linear-gradient(top, #c8001d 0%,#c8001d 44%,#a60004 100%); background: linear-gradient(to bottom, #c8001d 0%,#c8001d 44%,#a60004 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8001d', endColorstr='#a60004',GradientType=0 ); } .bnavi.shop:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi.shop .bnavi_txt { padding-top:30px; padding-left:5px; padding-right:5px; font-size:22px; text-align:center; } .bnavi.dealer { background-color:#646464; } .bnavi.dealer:hover { background-color:#838383; } .bnavi.dealer .bnavi_txt { padding-top:48px; padding-left:5px; padding-right:5px; font-size:19px; text-align:center; } .bnavi.fb { background-color:#000; text-align:center; } .bnavi.fb:hover { background-color:#333; } .bnavi.fb .bnavi_txt { padding:0px; } .bnavi.fb .bnavi_txt a { display:block; padding-top:35px; padding-bottom:35px; } .bnavi.insta { background-color:#000; text-align:center; } .bnavi.insta:hover { background-color:#333; } .bnavi.insta .bnavi_txt { padding:0px; } .bnavi.insta .bnavi_txt a { display:block; padding-top:35px; padding-bottom:35px; } .bnavi.ersatzteile { background-color:#000; background-image:url('/images/navigation/topcat_ersatzteile_und_zubehoer.jpg'); background-position:right 0px; } .bnavi.ersatzteile .bnavi_txt { font-size:86px; } .bnavi.ersatzteile:hover { background-color:#333; background-image:url('/images/navigation/topcat_ersatzteile_und_zubehoer_hover.jpg'); } .bnavi.trailer { background-color:#000; background-image:url('/images/navigation/topcat_trailer-transport.jpg'); background-position:right 0px; } .bnavi.trailer:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi.probesegeln { background-color:#000; background-image:url('/images/navigation/topcat_probesegeln.jpg'); background-position:center center; } .bnavi.probesegeln:hover { background-color:#333; opacity:0.85; filter:alpha(opacity=85); } .bnavi.probesegeln .bnavi_txt { padding-top:205px; font-size:42px; text-align:center; } .bnavi.gebrauchtboote { background-color:#000; background-image:url('/images/navigation/topcat_gebrauchtboote3.jpg'); background-position:center center; } .bnavi.gebrauchtboote:hover { background-color:#333; opacity:0.85; filter:alpha(opacity=85); } .bnavi.gebrauchtboote .bnavi_txt { padding-top:10px; font-size:36px; } .bnavi.kontakt { background: #c8001d; background: -moz-linear-gradient(top, #c8001d 0%, #c8001d 44%, #a60004 100%); background: -webkit-linear-gradient(top, #c8001d 0%,#c8001d 44%,#a60004 100%); background: linear-gradient(to bottom, #c8001d 0%,#c8001d 44%,#a60004 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8001d', endColorstr='#a60004',GradientType=0 ); } .bnavi.kontakt:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi.kontakt .bnavi_txt { padding-top:90px; font-size:36px; text-align:center; } .bnavi.b2b { background-color:#000; background-image:url('/images/navigation/topcat_stationen2.jpg'); background-position:center center; } .bnavi.b2b:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi_prospekt_wrapper { float:left; max-width:480px; padding-right:10px; } .bnavi_prospekt_wrapper:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi_prospekt { padding:30px 20px 0px 0px; text-align:center; border:1px solid #3f3f3f; } .bnavi_prospekt img { width:100%; } .bnavi_prospekt_download { max-width:440px; margin:0px auto 0px; padding:10px 20px; font-family:TopcatPort, Helvetica, Arial, sans-serif; font-size:32px; text-align:center; text-transform:uppercase; background: #c8001d; background: -moz-linear-gradient(top, #c8001d 0%, #c8001d 44%, #a60004 100%); background: -webkit-linear-gradient(top, #c8001d 0%,#c8001d 44%,#a60004 100%); background: linear-gradient(to bottom, #c8001d 0%,#c8001d 44%,#a60004 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8001d', endColorstr='#a60004',GradientType=0 ); } .bnavi_prospekt_download a { color:#fff; } .bnavi_prospekt_download a:hover { text-decoration:none; } .bnavi_seo { max-width:660px; margin:0px auto; padding-left:10px; font-family:HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.045em; } .bnavi.regattasport { background-color:#000; background-image:url('/images/navigation/topcat_regattasport.jpg'); background-position:center center; } .bnavi.regattasport:hover { background-color:#333; opacity:0.85; filter:alpha(opacity=85); } .bnavi.regattasport .bnavi_txt { padding-top:10px; font-size:52px; } .bnavi.segeln_events { background: #c8001d; background: -moz-linear-gradient(top, #c8001d 0%, #c8001d 44%, #a60004 100%); background: -webkit-linear-gradient(top, #c8001d 0%,#c8001d 44%,#a60004 100%); background: linear-gradient(to bottom, #c8001d 0%,#c8001d 44%,#a60004 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8001d', endColorstr='#a60004',GradientType=0 ); } .bnavi.segeln_events:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi.segeln_events .bnavi_txt { padding-top:85px; font-size:40px; text-align:center; } .bnavi.einstieg { background-color:#000; background-image:url('/images/navigation/topcat_einstieg.jpg'); background-position:center center; } .bnavi.einstieg:hover { background-color:#333; } .bnavi.einstieg .bnavi_txt { font-size:36px; } .bnavi.haendler { background-color:#000; background-image:url('/images/navigation/topcat_haendler.jpg'); background-position:center center; } .bnavi.haendler:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi.stationen { background-color:#000; background-image:url('/images/navigation/topcat_stationen.jpg'); background-position:center center; } .bnavi.stationen:hover { opacity:0.85; filter:alpha(opacity=85); } .bnavi_txt { padding:20px 20px 0px 20px; font-family:HelveticaNeueLTStd-HvIt, Helvetica, Arial, sans-serif; font-size:52px; text-transform:uppercase; letter-spacing:0.01em; color:#fff; } .bnavi_txt a { color:#fff; } .bnavi_txt a:hover { text-decoration:none; } .bnavi_arrow { position:absolute; margin:175px 0px 0px 900px; z-index:10; } .wrapper.teaser { max-width:1024px; margin:0px auto 0px; padding:0px 20px 0px;} .teaser { padding-bottom:40px; } .teaser_hl { padding:0px 0px 20px 0px; font-family:HelveticaNeueLTStd-HvIt, Helvetica, Arial, sans-serif; font-size:51px; line-height:55px; letter-spacing:-0.02em; text-align:left; color:#2c292d; text-transform:uppercase; } .teaser_shl { font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.01em; text-align:left; color:#c8001d; } .teaser_txt { float:left; width:47%; padding:0px 2% 0px 1%; font-family:HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.045em; } .teaser_txt.full { float:none; width:96%; padding:0px 2% 0px 2%; text-align:center; } .teaser_txt.right { padding-left:2%; padding-right:1%; } .teaser_txt ul { margin:0px; padding:0px 0px 0px 15px; } .teaser_pic { float:left; width:47%; padding:0px 1% 0px 2%; font-family:HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.045em; } .teaser_pic.left { padding-left:1%; padding-right:2%; } .teaser_pic.modell_detail { margin-top:120px; } .teaser_pic img { width:100%; } .teaser_pic.full { float:none; width:96%; padding:0px 2% 0px 2%; text-align:center; } .teaser_pic.full img { max-width:768px; } .teaser_iframe { text-align:center; } .teaser_iframe iframe { width:100%; border:none; } .link_arrow { padding:0px 0px 0px 15px; font-family:HelveticaNeueLTStd-BdCn, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.02em; text-transform:uppercase; background-image:url('/images/icons/icon_link_arrow.svg'); background-position:left 2px; background-repeat:no-repeat; background-size:auto 15px; } .link_arrow:hover { color:#2c292d; text-decoration:none; } .modell_choose_wrapper { max-width:480px; max-height:480px; margin:0px auto; } .modell_choose { width:480px; height:480px; background-repeat:no-repeat; } .modell_choose a { display:block; width:100%; height:100%; background-size:cover; } .modell_choose_logo { position:absolute; width:300px !important; height:205px; padding:10px 0px 0px 10px; background-size:290px auto; background-repeat:no-repeat; } .modell_choose_icon_worldsailing { position:absolute; width:auto !important; padding:20px 0px 0px 330px; } .modell_choose_icon_personen { position:absolute; width:auto !important; padding:20px 0px 0px 400px; } .modell_choose_icon_transport { position:absolute; width:auto !important; padding:90px 0px 0px 400px; } .modell_choose_icon_arrow { position:absolute; width:auto !important; padding:420px 0px 0px 420px; } .modell_choose:hover .modell_choose_icon_worldsailing { display:none; } .modell_choose:hover .modell_choose_icon_personen { display:none; } .modell_choose:hover .modell_choose_icon_transport { display:none; } .modell_choose.k1 a { background-image:url('/images/modelle/K1/Topcat_K1_overview.jpg'); } .modell_choose.k1:hover a { background-image:url('/images/modelle/K1/Topcat_K1_overview_over.jpg'); } .modell_choose.k1 .modell_choose_logo { background-image:url('/images/modelle/K1/Topcat_K1_with_claim_white.svg'); } .modell_choose.k1:hover .modell_choose_logo { background-image:url('/images/modelle/K1/Topcat_K1_with_claim_white_over.svg'); } .modell_choose.k2 a { background-image:url('/images/modelle/K2/Topcat_K2_overview.jpg'); } .modell_choose.k2:hover a { background-image:url('/images/modelle/K2/Topcat_K2_overview_over.jpg'); } .modell_choose.k2 .modell_choose_logo { background-image:url('/images/modelle/K2/Topcat_K2_with_claim_white.svg'); } .modell_choose.k2:hover .modell_choose_logo { background-image:url('/images/modelle/K2/Topcat_K2_with_claim_white_over.svg'); } .modell_choose.k3 a { background-image:url('/images/modelle/K3/Topcat_K3_overview.jpg'); } .modell_choose.k3:hover a { background-image:url('/images/modelle/K3/Topcat_K3_overview_over.jpg'); } .modell_choose.k3 .modell_choose_logo { background-image:url('/images/modelle/K3/Topcat_K3_with_claim_white.svg'); } .modell_choose.k3:hover .modell_choose_logo { background-image:url('/images/modelle/K3/Topcat_K3_with_claim_white_over.svg'); } .modell_choose.k4x a { background-image:url('/images/modelle/K4X/Topcat_K4X_overview.jpg'); } .modell_choose.k4x:hover a { background-image:url('/images/modelle/K4X/Topcat_K4X_overview_over.jpg'); } .modell_choose.k4x .modell_choose_logo { background-image:url('/images/modelle/K4X/Topcat_K4X_with_claim_white.svg'); background-position:20px 20px; } .modell_choose.k4x:hover .modell_choose_logo { background-image:url('/images/modelle/K4X/Topcat_K4X.svg'); } .modell_choose.chico a { background-image:url('/images/modelle/Chico/Topcat_Chico_overview.jpg'); } .modell_choose.chico:hover a { background-image:url('/images/modelle/Chico/Topcat_Chico_overview_over.jpg'); } .modell_choose.chico .modell_choose_logo { background-image:url('/images/modelle/Chico/Topcat_Chico_with_claim_white.svg'); } .modell_choose.chico:hover .modell_choose_logo { background-image:url('/images/modelle/Chico/Topcat_Chico_with_claim_white_over.svg'); } .modell_banner { background-repeat:no-repeat; background-size:cover; background-position:center center; } .modell_banner.k1 { background-image:url('/images/content/TOPCAT_Modelle_K1_banner.jpg'); } .modell_banner.k2 { background-image:url('/images/content/TOPCAT_Modelle_K2_banner.jpg'); } .modell_banner.k3 { background-image:url('/images/content/TOPCAT_Modelle_K3_banner.jpg'); } .modell_banner.k4x { background-image:url('/images/content/TOPCAT_Modelle_K4X_banner.jpg'); } .modell_banner.chico { background-image:url('/images/content/TOPCAT_Modelle_Chico_banner.jpg'); } .modell_banner .modell_banner_logo { padding:60px 0px 0px 0px; } .modell_banner .modell_banner_logo img { width:600px; height:auto; } .modell_banner .modell_banner_icons { padding:40px 0px 60px 40px; } .modell_banner .modell_banner_icon { float:left; margin:0px 10px 0px 0px; } .modell_detail { padding:80px 0px 80px; background-color:#efefef; } .modell_detail .modell_detail_left { float:left; width:39%; margin:0px 4% 0px 2%; } .modell_detail .modell_detail_right { float:left; width:49%; margin:0px 4% 0px 2%; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:12px; line-height:29px; letter-spacing:0.03em; } .modell_detail .modell_detail_logo { padding:0px 0px 5px 0px; } .modell_detail .modell_detail_logo_claim { font-family:HelveticaNeueLTStd-HvIt, Helvetica, Arial, sans-serif; font-size:47px; line-height:48px; text-transform:uppercase; } .modell_detail .modell_detail_claim { padding:30px 0px 20px 0px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.01em; } .modell_detail .modell_detail_modell { margin:30px auto 0px; } .modell_detail .modell_detail_modell img { width:100%; max-height:500px; } .modell_detail .modell_detail_modell img.halfsize { float:left; width:50%; max-height:250px; } .modell_detail .modell_detail_dats_table { margin:0px 0px 20px 0px; padding:10px; color:#fff; background-color:#2a2524; } .modell_detail .modell_detail_dats_table a { color:#fff; text-decoration:underline; } .modell_detail .modell_detail_dats_table a:hover { color:#c8001d; } .modell_detail .modell_detail_dats_table .left_col { float:left; width:30%; height:18px; margin:0px 2% 0px 2%; padding:0px 0px 10px; text-transform:uppercase; border-bottom:1px solid #fff; } .modell_detail .modell_detail_dats_table .left_col.last { border-bottom:none; } .modell_detail .modell_detail_dats_table .right_col { float:left; width:62%; height:18px; margin:0px 2% 0px 2%; padding:0px 0px 10px; border-bottom:1px solid #fff; } .modell_detail .modell_detail_dats_table .right_col.last { border-bottom:none; } .modell_detail .modell_detail_preise_table { margin:40px 0px 20px 0px; padding:10px; color:#000; background-color:#dcdcdc; } .modell_detail .modell_detail_preise_table a { color:#fff; text-decoration:underline; } .modell_detail .modell_detail_preise_table a:hover { color:#c8001d; } .modell_detail .modell_detail_preise_boot { float:left; width:40%; margin:0px 2% 0px 2%; padding:8px 0px; } .modell_detail .modell_detail_preise_zubehoer { float:left; width:52%; margin:0px 2% 0px 2%; padding:8px 0px; line-height:16px; } .modell_detail .modell_detail_preise .modell_detail_preise_hl { margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:18px; line-height:26px; letter-spacing:0.045em; text-transform:uppercase; border-bottom:1px solid #000; } .modell_detail .modell_detail_preise_line { height:1px; margin:20px 0px; background-color:#000000; } .modell_detail .modell_detail_preise_table .preis { font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:18px; line-height:26px; letter-spacing:0.045em; } .modell_detail .modell_detail_zubehoer_left { float:left; width:65%; padding:8px 2%; } .modell_detail .modell_detail_zubehoer_right { float:left; width:27%; padding:8px 2%; text-align:right; } #Regatta.modell_detail.K1 .modell_detail_preise_boot { float:none; width:96%; } #Regatta.modell_detail.K1 .modell_detail_preise_zubehoer { float:none; width:96%; margin-top:50px; } #Extreme.modell_detail.K1 .modell_detail_preise_boot { float:none; width:96%; } #Extreme.modell_detail.K1 .modell_detail_preise_zubehoer { float:none; width:96%; margin-top:50px; } .modell_detail_spacer { width:100%; height:3px; background-color:#dcdcdc; } .content_detail_spacer { width:100%; height:3px; margin:0px 0px 80px 0px; background-color:#dcdcdc; } .gebrauchtboot { margin:0px 0px 20px 0px; padding:20px; background-color:#f0f0f0; } .gebrauchtboot_title { margin:0px 0px 20px 0px; padding:0px 0px 5px 0px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.01em; text-transform:uppercase; text-align:left; border-bottom:1px solid #2c292d; } .gebrauchtboot_details { font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:14px; line-height:21px; letter-spacing:0.01em; } .gebrauchtboot_baujahr { float:left; width:25%; } .gebrauchtboot_detail { float:left; width:55%; } .gebrauchtboot_preis { float:left; width:20%; } .gebrauchtboot_preis_preis { padding:5px 0px 0px 0px; font-size:20px; } .event_row { padding:10px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:14px; line-height:21px; letter-spacing:0.01em; color:#2c292d; background-color:#f0f0f0; } .event_row.light { background-color:#fff; } .event_row a { color:#2c292d; } .event_row a:hover { text-decoration:none; } .event_row:hover { color:#c8001d; } .event_row:hover a { color:#c8001d; } .event_row_datum { float:left; width:100%; max-width:200px; padding:0px 20px 0px 0px; } .event_row_event { float:left; } .event_row_link { float:right; } .event_row_link img { height:20px; } .abc_row { padding:10px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:18px; line-height:27px; letter-spacing:0.01em; color:#2c292d; background-color:#dcdcdc; cursor:pointer; } .abc_buchstabe { padding:10px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:18px; line-height:27px; letter-spacing:0.01em; color:#c8001d; } .abc_row.light { background-color:#f0f0f0; } .abc_row a { color:#2c292d; } .abc_row a:hover { text-decoration:none; } .abc_row:hover { color:#c8001d; } .abc_row:hover a { color:#c8001d; } .abc_content { background-color:#dcdcdc; } .abc_content.light { background-color:#f0f0f0; } .abc_content .teaser { padding-bottom:0px; } .abc_txt { padding:20px 0px; background-color:#dcdcdc; border-top:1px solid #fff; } .abc_txt.light { background-color:#f0f0f0; } .teaser_hl.konzept { font-style:italic; font-weight:bold; text-align:center; } .teaser_hl.konzept span { font-size:16px; } .teaser_konzept_links { margin:0px; padding:0px; list-style-type:none; } .teaser_konzept_links li { padding:0px 0px 0px 18px; background-image:url('/images/icons/arrow_red.jpg'); background-repeat:no-repeat; background-position:left 3px; } .wrapper.teaser.konzeptcontent { padding-top:150px; padding-bottom:20px; } .konzept_pic img { width:100%; } .download_hl { padding:30px 20px 10px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:20px; text-transform:uppercase; color:#c8001d; } .download { float:left; width:33%; min-width:240px; padding:20px 0px 30px; text-align:center; } .download_txt { padding:5px 0px 20px; font-size:14px; } .download_txt a { color:#333; } .download_txt a:hover { text-decoration:none; } .form_probesegeln input { width:100%; max-width:440px; margin:0px 0px 15px 10px; padding:20px 20px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:17px; border:1px solid #c8001d; } .form_probesegeln input[type=submit] { max-width:480px; margin:20px 0px 0px 0px; text-transform:uppercase; color:#fff; background-color:#2c292d; border:none; } .regular-radio { display: none; } .regular-radio + label { float:left; -webkit-appearance: none; background-color: #f0f0f0; border: 1px solid #c8001d; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 50px; display: inline-block; position: relative; } .regular-radio:checked + label:after { content: ' '; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 3px; background: #c8001d; text-shadow: 0px; left: 3px; font-size: 32px; } .regular-radio:checked + label { background-color: #f0f0f0; color: #99a1a7; border: 1px solid #c8001d; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); } .regular-radio + label:active, .regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .big-radio + label { padding: 16px; } .big-radio:checked + label:after { width: 10px; height: 10px; left: 11px; top: 11px;} .regular-checkbox { display: none; } .regular-checkbox + label { float:left; background-color: #f0f0f0; border: 1px solid #c8001d; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; } .regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .regular-checkbox:checked + label { background-color: #f0f0f0; border: 1px solid #c8001d; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; } .regular-checkbox:checked + label:after { content: '\2714'; font-size: 14px; position: absolute; top: 7px; left: 3px; color: #c8001d; } .big-checkbox + label { padding: 18px; } .big-checkbox:checked + label:after { font-size: 28px; left: 6px;} .radio_holder { padding:10px 0px; } .radio_holder.whitebg .regular-radio + label { background-color:#fff; } .radio_holder.whitebg .regular-radio:checked + label { background-color:#fff; } .radio_label { float:left; padding:4px 0px 0px 15px; } .checkbox_holder { padding:10px 0px; } .checkbox_holder.whitebg .regular-checkbox + label { background-color:#fff; } .checkbox_holder.whitebg .regular-checkbox:checked + label { background-color:#fff; } .checkbox_label { float:left; padding:6px 0px 0px 15px; } .form_block { margin:0px 0px 15px 0px; padding:20px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; background-color:#f0f0f0; } .form_block_hl { padding:0px 0px 15px 0px; } .form_block input { max-width:398px; margin:8px 0px; background-color:#f0f0f0; } ::-webkit-input-placeholder { color:#2c292d; } :-moz-placeholder { color:#2c292d; opacity:1; } ::-moz-placeholder { color:#2c292d; opacity:1; } :-ms-input-placeholder { color:#2c292d; } ::-ms-input-placeholder { color:#2c292d; } #Kontakt { padding-top:150px; } #Kontakt .teaser_hl { text-align:center; } #Kontakt .shl { color:#000; text-align:center; } #Kontakt .txt { max-width:375px; margin:0px auto 10px; color:#000; text-align:center; } .kontaktform { max-width:375px; margin:0px auto; padding:10px; } .kontaktform input { width:100%; max-width:335px; margin:10px 0px; padding:20px 20px; font-family:Helvetica, Arial, sans-serif; font-size:18px; background-color:#fff; border:1px solid #333; border-radius:10px; } .kontaktform .submit_btn { text-align:center; } .kontaktform .submit_btn input { width:200px; margin:10px auto; padding:10px 20px; color:#fff; background-color:#c8001d; border:none; border-radius:10px; } .kontaktform .submit_btn input:hover { color:#fff; background-color:#a60004; } .kontaktform textarea { width:100%; max-width:335px; height:150px; margin:10px 0px; padding:20px 20px; font-family:Helvetica, Arial, sans-serif; font-size:18px; background-color:#fff; border:1px solid #333; border-radius:10px; } #footer { margin:0px 0px 0px 0px; padding:40px 0px; font-size:14px; line-height:18px; color:#2c292d; background:#f0f0f0; } .footer_col { float:left; width:50%; } .footer_col.last { text-align:right; } .footer_navi { margin:0px; padding:0px; list-style-type:none; } .footer_navi li { padding:0px 0px 0px; font-family:HelveticaNeueLTStd-BdCn, Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; letter-spacing:0.02em; text-transform:uppercase; } .footer_navi li a { color:#2c292d; } .footer_navi li a:hover { color:#7f7f7f; text-decoration:none; } #footer_social { float:right; } .copyright { padding:50px 0px 0px 0px; font-family:HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; letter-spacing:0.01em; text-transform:uppercase; color:#7f7f7f; } .copyright a { color:#7f7f7f; } .copyright_col { float:left; padding:0px 15px 0px 0px; } .clear { clear:both; } .fs10 { font-size:10px; } .light_grey { color:#afafaf; } .dark_grey { color:#2c292d; } .tocenter { text-align:center; } .toright { text-align:right; } .line { width:90%; height:1px; margin:0px auto 80px; border-bottom:1px solid #c8001d; } .submit_btn { margin:20px 0px; padding:10px 20px; color:#fff; background-color:#c8001d; border:none; } .edit_button a { float:right; display:block; padding:10px 20px; color:#fff; background-color:#c8001d; } .edit_button a:hover { text-decoration:none; } a { color:#c8001d; text-decoration:none; } a:hover { text-decoration:underline; } /* iPHONE 4 PORTRAIT <-> iPhone 4 Portrait */ @media (min-width: 375px) AND (max-width:479px) { /* STARTSEITE */ .arrow_bottom { display:none; } .flexslider { min-height:220px; } .slide_1.startseite.sliderclaim img { width:100px; } .slide_2.startseite.sliderclaim img { width:100px; } .slide_3.startseite.sliderclaim img { width:100px; } .slide_4.startseite.sliderclaim img { width:100px; } .slide_5.startseite.sliderclaim img { width:100px; } .bnavi_wrapper.vorort { float:none; width:375px; margin:0px auto; padding-right:0px; } .bnavi_wrapper.vorort .bnavi.vorort { float:none; width:375px; } .bnavi_wrapper.vorort .bnavi.vorort .bnavi_txt { padding-top:75px; } .bnavi_wrapper.vorort .bnavi.vorort .bnavi_txt img { width:260px; } .bnavi_wrapper.vorort .bnavi.vorort .bnavi_arrow { margin-left:314px; } .bnavi_wrapper.vorort .bnavi.k1 { float:none; width:375px; margin-top:20px; } .bnavi_wrapper.vorort .bnavi.k1 .bnavi_txt { padding-top:55px; } .bnavi_wrapper.vorort .bnavi.k1 .bnavi_txt img { width:260px; } .bnavi_wrapper.vorort .bnavi.k1 .bnavi_arrow { margin-left:314px; } .bnavi_wrapper.events_shop { float:none; width:375px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.events { width:245px; } .bnavi_wrapper.events .bnavi.events .bnavi_txt { padding-top:220px; padding-left:20px; font-size:48px; } .bnavi_wrapper.events .bnavi.events .bnavi_arrow { margin-left:184px; } .bnavi.ersatzteile .bnavi_txt { font-size:64px; } .bnavi.ersatzteile .bnavi_arrow { margin-left:314px; } .bnavi_wrapper.probesegeln { float:none; width:375px; height:236px; margin:0px auto; padding-right:0px; } .bnavi_wrapper.probesegeln .bnavi.probesegeln { height:236px; background-position:bottom center; } .bnavi_wrapper.probesegeln .bnavi.probesegeln .bnavi_txt { padding-top:35px; text-align:left; } .bnavi_wrapper.probesegeln .bnavi.probesegeln .bnavi_arrow { margin-top:175px; margin-left:314px; } .bnavi_wrapper.gebrauchtboote { float:none; width:375px; height:748px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.gebrauchtboote .bnavi.gebrauchtboote .bnavi_txt { width:300px; } .bnavi_wrapper.gebrauchtboote .bnavi.gebrauchtboote .bnavi_arrow { margin-left:314px; } .bnavi_wrapper.kontakt { float:none; width:375px; margin:0px auto 0px; padding-right:0px; } .bnavi_wrapper.kontakt .bnavi.kontakt .bnavi_arrow { margin-left:314px; } .bnavi_wrapper.b2b { float:none; width:375px; margin:20px auto 0px; padding-left:0px; } .bnavi_wrapper.b2b .bnavi.b2b .bnavi_txt { font-size:36px; } .bnavi_wrapper.b2b .bnavi.b2b .bnavi_arrow { margin-left:314px; } .bnavi_prospekt_wrapper { float:none; margin:0px auto; padding-right:0px; } .bnavi_seo { float:none; max-width:360px; margin:20px auto 0px; padding-left:0px; } .bnavi_wrapper.twocols { width:375px; margin:0px auto; } .bnavi_wrapper.twocols .bnavi.left_col { float:none; width:375px; margin-right:0px; } .bnavi_wrapper.twocols .bnavi.right_col { float:none; width:375px; margin-left:0px; } .bnavi_wrapper.twocols .bnavi.left_col .bnavi_arrow { margin-left:314px; } .bnavi_wrapper.twocols .bnavi.right_col .bnavi_arrow { margin-left:314px; } .bnavi_wrapper.regattasport { float:none; width:375px; height:748px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.regattasport .bnavi.regattasport .bnavi_txt { width:300px; font-size:42px; } .bnavi_wrapper.regattasport .bnavi.regattasport .bnavi_arrow { margin-left:314px; } .bnavi_wrapper.segeln_events { float:none; width:375px; margin:0px auto 0px; padding-right:0px; } .bnavi_wrapper.segeln_events .bnavi.kontakt .bnavi_arrow { margin-left:314px; } .bnavi_wrapper.einstieg { float:none; width:375px; margin:20px auto 0px; padding-left:0px; } .bnavi_wrapper.einstieg .bnavi.einstieg .bnavi_txt { font-size:36px; } .bnavi_wrapper.einstieg .bnavi.einstieg .bnavi_arrow { margin-left:314px; } .teaser { padding-bottom:0px; } .teaser_txt { float:none; width:96%; padding:0px 2% 40px 2%; } .teaser_pic { float:none; width:96%; padding:0px 2% 40px 2%; } .modell_choose_wrapper { max-width:310px; max-height:310px; } .modell_choose { width:310px; height:310px; } .modell_choose_logo { width:200px !important; height:136px; background-size:200px auto; } .modell_choose_icon_worldsailing { width:40px !important; padding-top:10px; padding-left:210px; } .modell_choose_icon_personen { width:40px !important; padding-top:10px; padding-left:260px; } .modell_choose_icon_transport { width:40px !important; padding-top:60px; padding-left:260px; } .modell_choose_icon_arrow { width:40px !important; padding-top:270px; padding-left:270px; } .modell_banner .modell_banner_logo { padding-top:20px; } .modell_banner .modell_banner_logo img { width:250px; height:auto; } .modell_banner .modell_banner_icons { padding-left:20px; } .modell_banner .modell_banner_icon img {width:40px; } .modell_banner.k1 { background-position:left center; } .modell_banner.k2 { background-position:-470px center; } .modell_banner.k3 { background-position:-450px center; } .modell_banner.k4x { background-position:-380px center; } .modell_banner.chico { background-position:left center; } .modell_detail .modell_detail_left { float:none; width:96%; margin:0px auto; } .modell_detail .modell_detail_modell { text-align:center; } .modell_detail .modell_detail_right { float:none; width:96%; margin:50px auto; } .modell_detail .modell_detail_preise_boot { float:none; width:96%; } .modell_detail .modell_detail_preise_zubehoer { float:none; width:96%; margin-top:50px; } .gebrauchtboot_baujahr { float:none; width:100%; padding-bottom:15px; } .gebrauchtboot_detail { float:none; width:100%; padding-bottom:15px; } .gebrauchtboot_preis { float:none; width:100%; } .form_probesegeln input { max-width:316px; } .form_block input { max-width:276px; } .checkbox_label { max-width:300px; } .download { width:100%; min-width:100%; } .copyright_col { float:none; padding:0px; text-align:center; } .copyright_col.first_secondrow { padding-top:10px; } } /* iPHONE 4 LANDSCAPE <-> iPhone 5 Portrait */ @media (min-width: 480px) AND (max-width:567px) { /* STARTSEITE */ .flexslider { min-height:285px; } .slide_1.startseite.sliderclaim img { width:150px; } .slide_2.startseite.sliderclaim img { width:150px; } .slide_3.startseite.sliderclaim img { width:150px; } .slide_4.startseite.sliderclaim img { width:150px; } .slide_5.startseite.sliderclaim img { width:150px; } .bnavi_wrapper.vorort { float:none; width:480px; margin:0px auto; } .bnavi_wrapper.vorort .bnavi.vorort { float:left; width:230px; margin-right:10px; } .bnavi_wrapper.vorort .bnavi.k1 { float:left; width:230px; margin-left:10px;} .bnavi_wrapper.events_shop { float:none; width:480px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.events { width:350px; } .bnavi_wrapper.events .bnavi.events .bnavi_txt { padding-top:205px; padding-left:30px; } .bnavi_wrapper.events .bnavi.events .bnavi_arrow { margin-left:289px; } .bnavi.ersatzteile { width:480px; margin-left:auto; margin-right:auto; } .bnavi.ersatzteile .bnavi_txt { width:350px; } .bnavi.ersatzteile .bnavi_arrow { margin-left:419px; } .bnavi_wrapper.probesegeln { float:none; width:480px; height:236px; margin:0px auto; padding-right:0px; } .bnavi_wrapper.probesegeln .bnavi.probesegeln { height:236px; background-position:bottom center; } .bnavi_wrapper.probesegeln .bnavi.probesegeln .bnavi_txt { padding-top:35px; text-align:left; } .bnavi_wrapper.probesegeln .bnavi.probesegeln .bnavi_arrow { margin-top:175px; margin-left:419px; } .bnavi_wrapper.gebrauchtboote { float:none; width:480px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.gebrauchtboote .bnavi.gebrauchtboote .bnavi_txt { width:300px; } .bnavi_wrapper.gebrauchtboote .bnavi.gebrauchtboote .bnavi_arrow { margin-left:419px; } .bnavi_wrapper.b2b { width:230px; } .bnavi_wrapper.b2b .bnavi.b2b .bnavi_txt { font-size:36px; } .bnavi_wrapper.b2b .bnavi.b2b .bnavi_arrow { margin-left:169px; } .bnavi_prospekt_wrapper { float:none; margin:0px auto; padding-right:0px; } .bnavi_seo { float:none; max-width:640px; margin:20px auto 0px; padding-left:0px; } .bnavi_wrapper.regattasport { float:none; width:480px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.regattasport .bnavi.regattasport .bnavi_txt { width:300px; } .bnavi_wrapper.regattasport .bnavi.regattasport .bnavi_arrow { margin-left:419px; } .bnavi_wrapper.einstieg { width:230px; } .bnavi_wrapper.einstieg .bnavi.einstieg .bnavi_txt { font-size:21px; } .bnavi_wrapper.einstieg .bnavi.einstieg .bnavi_arrow { margin-left:169px; } .bnavi_wrapper.twocols { width:480px; margin:0px auto; } .bnavi_wrapper.twocols .bnavi.left_col { float:none; width:480px; margin-right:0px; } .bnavi_wrapper.twocols .bnavi.right_col { float:none; width:480px; margin-left:0px; } .bnavi_wrapper.twocols .bnavi.left_col .bnavi_arrow { margin-left:419px; } .bnavi_wrapper.twocols .bnavi.right_col .bnavi_arrow { margin-left:419px; } .teaser { padding-bottom:0px; } .teaser_txt { float:none; width:96%; padding:0px 2% 40px 2%; } .teaser_pic { float:none; width:96%; padding:0px 2% 40px 2%; } .modell_choose_wrapper { max-width:310px; max-height:310px; } .modell_choose { width:310px; height:310px; } .modell_choose_logo { width:200px !important; height:136px; background-size:200px auto; } .modell_choose_icon_worldsailing { width:40px !important; padding-top:10px; padding-left:210px; } .modell_choose_icon_personen { width:40px !important; padding-top:10px; padding-left:260px; } .modell_choose_icon_transport { width:40px !important; padding-top:60px; padding-left:260px; } .modell_choose_icon_arrow { width:40px !important; padding-top:270px; padding-left:270px; } .modell_banner .modell_banner_logo { padding-top:20px; } .modell_banner .modell_banner_logo img { width:250px; height:auto; } .modell_banner .modell_banner_icons { padding-left:20px; } .modell_banner .modell_banner_icon img {width:40px; } .modell_banner.k1 { background-position:left center; } .modell_banner.k2 { background-position:-370px center; } .modell_banner.k3 { background-position:-350px center; } .modell_banner.k4x { background-position:-280px center; } .modell_banner.chico { background-position:left center; } .modell_detail .modell_detail_left { float:none; width:96%; margin:0px auto; } .modell_detail .modell_detail_modell { text-align:center; } .modell_detail .modell_detail_right { float:none; width:96%; margin:50px auto; } .modell_detail .modell_detail_preise_boot { float:none; width:96%; } .modell_detail .modell_detail_preise_zubehoer { float:none; width:96%; margin-top:50px; } .gebrauchtboot_baujahr { float:none; width:100%; padding-bottom:15px; } .gebrauchtboot_detail { float:none; width:100%; padding-bottom:15px; } .gebrauchtboot_preis { float:none; width:100%; } .form_probesegeln input { max-width:416px; } .form_block input { max-width:376px; } .checkbox_label { max-width:400px; } .copyright_col { float:none; padding:0px; text-align:center; } .copyright_col.first_secondrow { padding-top:10px; } } /* iPHONE 5 LANDSCAPE <-> iPhone 6 Portrait */ @media (min-width: 568px) AND (max-width:666px) { /* STARTSEITE */ .flexslider { min-height:335px; } .slide_1.startseite.sliderclaim img { width:180px; } .slide_2.startseite.sliderclaim img { width:180px; } .slide_3.startseite.sliderclaim img { width:180px; } .slide_4.startseite.sliderclaim img { width:180px; } .slide_5.startseite.sliderclaim img { width:180px; } .bnavi_wrapper.vorort { float:none; width:550px; margin:0px auto; padding-right:0px; } .bnavi_wrapper.vorort .bnavi.vorort { float:left; width:265px; margin-right:10px; } .bnavi_wrapper.vorort .bnavi.vorort .bnavi_arrow { margin-left:204px; } .bnavi_wrapper.vorort .bnavi.k1 { float:left; width:265px; margin-left:10px;} .bnavi_wrapper.vorort .bnavi.k1 .bnavi_arrow { margin-left:204px; } .bnavi_wrapper.events_shop { float:none; width:550px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.events { width:420px; } .bnavi_wrapper.events .bnavi.events .bnavi_txt { padding-top:205px; padding-left:30px; } .bnavi_wrapper.events .bnavi.events .bnavi_arrow { margin-left:359px; } .bnavi.ersatzteile { width:548px; margin-left:auto; margin-right:auto; } .bnavi.ersatzteile .bnavi_txt { width:350px; font-size:48px; } .bnavi.ersatzteile .bnavi_arrow { margin-left:487px; } .bnavi_wrapper.probesegeln { float:none; width:548px; height:236px; margin:0px auto; padding-right:0px; } .bnavi_wrapper.probesegeln .bnavi.probesegeln { height:236px; background-position:bottom center; } .bnavi_wrapper.probesegeln .bnavi.probesegeln .bnavi_txt { padding-top:35px; text-align:left; } .bnavi_wrapper.probesegeln .bnavi.probesegeln .bnavi_arrow { margin-top:175px; margin-left:487px; } .bnavi_wrapper.segeln .bnavi_wrapper.probesegeln { float:none; width:560px; height:236px; margin:0px auto; padding-right:0px; } .bnavi_wrapper.segeln .bnavi_wrapper.probesegeln .bnavi.probesegeln { height:236px; background-position:bottom center; } .bnavi_wrapper.segeln .bnavi_wrapper.probesegeln .bnavi.probesegeln .bnavi_arrow { margin-top:175px; margin-left:499px; } .bnavi_wrapper.gebrauchtboote { float:none; width:548px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.gebrauchtboote .bnavi.gebrauchtboote .bnavi_arrow { margin-left:487px; } .bnavi_wrapper.b2b { width:298px; } .bnavi_wrapper.b2b .bnavi.b2b .bnavi_txt { font-size:40px; } .bnavi_wrapper.b2b .bnavi.b2b .bnavi_arrow { margin-left:237px; } .bnavi_prospekt_wrapper { float:none; margin:0px auto; padding-right:0px; } .bnavi_seo { float:none; max-width:480px; margin:20px auto 0px; padding-left:0px; } .bnavi_wrapper.twocols { width:560px; margin:0px auto; } .bnavi_wrapper.twocols .bnavi.left_col { width:270px; } .bnavi_wrapper.twocols .bnavi.right_col { width:270px; } .bnavi_wrapper.twocols .bnavi.left_col .bnavi_txt { font-size:40px; } .bnavi_wrapper.twocols .bnavi.left_col .bnavi_arrow { margin-left:209px; } .bnavi_wrapper.twocols .bnavi.right_col .bnavi_txt { font-size:40px; } .bnavi_wrapper.twocols .bnavi.right_col .bnavi_arrow { margin-left:209px; } .bnavi_wrapper.regattasport { float:none; width:560px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.regattasport .bnavi.regattasport .bnavi_arrow { margin-left:499px; } .bnavi_wrapper.einstieg { width:310px; } .bnavi_wrapper.einstieg .bnavi.einstieg .bnavi_txt { font-size:30px; } .bnavi_wrapper.einstieg .bnavi.einstieg .bnavi_arrow { margin-left:249px; } .teaser { padding-bottom:0px; } .teaser_txt { float:none; width:96%; padding:0px 2% 40px 2%; } .teaser_pic { float:none; width:96%; padding:0px 2% 40px 2%; } .modell_choose_wrapper { max-width:310px; max-height:310px; } .modell_choose { width:310px; height:310px; } .modell_choose_logo { width:200px !important; height:136px; background-size:200px auto; } .modell_choose_icon_worldsailing { width:40px !important; padding-top:10px; padding-left:210px; } .modell_choose_icon_personen { width:40px !important; padding-top:10px; padding-left:260px; } .modell_choose_icon_transport { width:40px !important; padding-top:60px; padding-left:260px; } .modell_choose_icon_arrow { width:40px !important; padding-top:270px; padding-left:270px; } .modell_banner .modell_banner_logo { padding-top:30px; } .modell_banner .modell_banner_logo img { width:250px; height:auto; } .modell_banner .modell_banner_icons { padding-left:20px; } .modell_banner .modell_banner_icon img {width:40px; } .modell_banner.k1 { background-position:left center; } .modell_banner.k2 { background-position:-320px center; } .modell_banner.k3 { background-position:-280px center; } .modell_banner.chico { background-position:left center; } .modell_detail .modell_detail_preise_boot { float:none; width:96%; } .modell_detail .modell_detail_preise_zubehoer { float:none; width:96%; margin-top:50px; } .gebrauchtboot_baujahr { float:none; width:100%; padding-bottom:15px; } .gebrauchtboot_detail { float:none; width:100%; padding-bottom:15px; } .gebrauchtboot_preis { float:none; width:100%; } .form_probesegeln input { max-width:504px; } .form_block input { max-width:464px; } .checkbox_label { max-width:440px; } .copyright_col { float:none; padding:0px; text-align:center; } .copyright_col.first_secondrow { padding-top:10px; } } /* iPHONE 6 LANDSCAPE <-> iPAD PORTRAIT <-> iPAD LANDSCAPE */ @media (min-width: 768px) AND (max-width:1023px) { /* STARTSEITE */ .arrow_bottom { display:none; } .flexslider { min-height:450px; } .slide_1.startseite.sliderclaim img { width:260px; } .slide_2.startseite.sliderclaim img { width:260px; } .slide_3.startseite.sliderclaim img { width:260px; } .slide_4.startseite.sliderclaim img { width:260px; } .slide_5.startseite.sliderclaim img { width:260px; } .bnavi_wrapper.vorort { float:none; width:710px; margin:0px auto; padding-right:0px; } .bnavi_wrapper.vorort .bnavi.vorort { float:left; width:345px; margin-right:10px; } .bnavi_wrapper.vorort .bnavi.vorort .bnavi_txt { padding-top:85px; } .bnavi_wrapper.vorort .bnavi.vorort .bnavi_txt img { width:280px; } .bnavi_wrapper.vorort .bnavi.vorort .bnavi_arrow { margin-left:284px; } .bnavi_wrapper.vorort .bnavi.k1 { float:left; width:345px; margin-left:10px; } .bnavi_wrapper.vorort .bnavi.k1 .bnavi_txt { padding-top:65px; } .bnavi_wrapper.vorort .bnavi.k1 .bnavi_txt img { width:280px; } .bnavi_wrapper.vorort .bnavi.k1 .bnavi_arrow { margin-left:284px; } .bnavi_wrapper.events_shop { float:none; width:100%; max-width:720px; margin:0px auto; padding-left:0px; } .bnavi_wrapper.events { margin-left:5px; } .bnavi_wrapper.events .bnavi.events .bnavi_txt { padding-top:205px; } .bnavi.ersatzteile { width:710px; margin-left:30px; } .bnavi.ersatzteile .bnavi_txt { width:350px; font-size:64px; } .bnavi.ersatzteile .bnavi_arrow { margin-left:649px; } .bnavi_wrapper.probesegeln_gebrauchtboote { width:710px; margin:0px auto; } .bnavi_wrapper.gebrauchtboote { max-width:460px; padding-right:0px; } .bnavi_wrapper.gebrauchtboote .bnavi.gebrauchtboote .bnavi_arrow { margin-left:399px; } .bnavi_wrapper.kontakt { max-width:220px; } .bnavi_wrapper.kontakt .bnavi.kontakt .bnavi_arrow { margin-left:159px; } .bnavi_wrapper.b2b { max-width:220px; } .bnavi_wrapper.b2b .bnavi.b2b .bnavi_txt { font-size:30px; } .bnavi_wrapper.b2b .bnavi.b2b .bnavi_arrow { margin-left:159px; } .bnavi_wrapper.prospekt_seo { width:710px; margin:20px auto 0px; } .bnavi_prospekt_wrapper { max-width:350px; } .bnavi_wrapper.twocols { width:710px; margin:0px auto; } .bnavi_wrapper.twocols .bnavi.left_col { width:345px; } .bnavi_wrapper.twocols .bnavi.right_col { width:345px; } .bnavi_wrapper.twocols .bnavi.left_col .bnavi_arrow { margin-left:284px; } .bnavi_wrapper.twocols .bnavi.right_col .bnavi_arrow { margin-left:284px; } .bnavi_wrapper.segeln { width:710px; margin:0px auto; } .bnavi_wrapper.regattasport { max-width:460px; padding-right:0px; } .bnavi_wrapper.regattasport .bnavi.regattasport .bnavi_txt { font-size:48px; } .bnavi_wrapper.regattasport .bnavi.regattasport .bnavi_arrow { margin-left:399px; } .bnavi_wrapper.segeln_events { max-width:220px; } .bnavi_wrapper.segeln_events .bnavi.kontakt .bnavi_arrow { margin-left:159px; } .bnavi_wrapper.einstieg { max-width:220px; } .bnavi_wrapper.einstieg .bnavi.einstieg .bnavi_txt { font-size:20px; } .bnavi_wrapper.einstieg .bnavi.einstieg .bnavi_arrow { margin-left:159px; } .modell_choose_wrapper { max-width:360px; max-height:360px; } .modell_choose { width:360px; height:360px; } .modell_choose_logo { width:200px !important; height:136px; background-size:200px auto; } .modell_choose_icon_worldsailing { padding-left:210px; } .modell_choose_icon_personen { padding-left:280px; } .modell_choose_icon_transport { padding-left:400px; } .modell_choose_icon_arrow { padding-top:300px; padding-left:300px; } .modell_banner .modell_banner_logo img { width:350px; height:auto; } .modell_banner .modell_banner_icons { padding-left:20px; } .modell_banner.k1 { background-position:left center; } .modell_banner.k2 { background-position:-400px center; } .modell_banner.k3 { background-position:-350px center; } .modell_banner.chico { background-position:left center; } .modell_detail .modell_detail_preise_boot { float:none; width:96%; } .modell_detail .modell_detail_preise_zubehoer { float:none; width:96%; margin-top:50px; } .form_probesegeln input { max-width:320px; } .form_block input { max-width:278px; } .checkbox_label { max-width:300px; } .copyright_col { float:none; padding:0px; text-align:center; } .copyright_col.first_secondrow { padding-top:10px; } } /* iPAD LANDSCAPE */ @media (min-width: 1024px) AND (max-width:1024px) { #logo { padding-left:20px; } .flexslider { min-height:600px; } .slide_1.startseite.sliderclaim img { width:300px; } .slide_2.startseite.sliderclaim img { width:300px; } .slide_3.startseite.sliderclaim img { width:300px; } .slide_4.startseite.sliderclaim img { width:300px; } .slide_5.startseite.sliderclaim img { width:300px; } .modell_banner .modell_banner_logo img { width:480px; height:auto; } #footer .wrapper { width:980px; } } /* GENERELL Alles KLEINER als Website im Ganzen = iPAD LANDSCAPE */ @media (max-width: 1023px) { #logo { padding-left:20px; } .outer_wrapper.header { position:absolute; } #navi { display:none; } #navi_burger { display:block; } .wrapper { max-width:100%; padding:0px; overflow:hidden; } .bnavi.trailer { width:100%; } .bnavi.trailer .bnavi_arrow { right:0px; margin-left:0px; } .footer_col, .footer_col.last { float:none; width:96%; padding:0px 2% 40px; text-align:center; } #footer_newsletter { float:none; } .footer_newsletter { padding:10px 20px; } #footer_social { float:none; margin-top:20px; } } /* GENERELL Alles GRÖSSER als Website im Ganzen (>iPad Quer) */ @media (min-width: 1025px) { #navi_mobile { display:none !important; } } /* Anpassung Felder Startseite für >960 und mind. 1024px auf 1024px anpassen */ @media (min-width: 1024px) { #bnavi { max-width:1024px; } .bnavi_wrapper.w3.events_shop { width:774px; } .bnavi_wrapper.w2-3.events { width:644px; } .bnavi_wrapper.h2 .bnavi.events .bnavi_arrow { margin-left:583px; } .bnavi_arrow { margin-left:964px; } .bnavi_wrapper.w3 { width:774px; } .bnavi_wrapper.w3 .bnavi_arrow { margin-left:713px; } .bnavi_wrapper.w2 { width:524px; } .bnavi_wrapper.w3 .bnavi_wrapper.w2 .bnavi_arrow { margin-left:463px; } }