REISETASCHE 40 x 30 x 20 cm Boardgepäck Reise Koffer HANDGEPÄCK f. z.B Wizzair

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700); /* LAYOUT */.header-bg {background:#fff; text-align:left; border-bottom:1px solid #e5e5e5}.subheader {background:#f5f5f5; padding:15px 0; color:#aaa; text-transform: uppercase; text-align: center}.container, .topnav, .container-fluid, p, .topnav ul li, .logo, .row {font-family: ‚Open Sans‘, serif; font-weight: 400; font-size:12px} /* SIDEBAR */.sidebar {text-align:left; margin:0; padding:0 40px 0 0}.sidebar h1, .footer h1 {text-transform: uppercase; font-size:14px; color:#555; font-weight:700; margin:40px 0 0 0; padding:0}.sidebar hr, .footer hr {width:25%; height:1px; margin:5px 0; padding:0; background:#FF851B; border:none}.sidebar p {margin:0; padding:5px 0; color:#555}span.zv-icons {font-size:12px; color:#666; letter-spacing: 1px}span.zv-icons img {margin:5px 5px}span.flags {display:block; font-size:12px; color:#666; letter-spacing:1px; padding:5px 15px; margin:0; line-height:20px}span.flags img {margin:0 10px 0 0; position: relative; top:-1px}/* HEADER */.topnav {height:55px; border-bottom:1px solid #efefef; padding:20px 0 0 0; margin:0}.topnav i {color:#FF851B}.topnav ul {margin:0; padding:0}.topnav ul li {font-size:12px; color:#999; list-style-type:none; float:left; padding:0 20px}.logo {font-size:32px; color:#666; font-weight:300; margin:0; padding:40px 0; text-transform: uppercase}.logo i {color:#ddd}.subinfo {font-size:12px; text-transform:uppercase; font-weight:700; color:#999; letter-spacing:2px; text-align:center; margin:5px 0; padding:0}.subinfo i {color:#bbb} /* SUCHE */.header-suche {text-align:right; height:55px; border-bottom:1px solid #efefef; padding:13px 0 0 0; margin:0}.header-suche a {text-decoration: none}.suchfeld {float:left; width:200px; height:30px; font-family: ‚Open Sans‘, serif; background:#f4f4f4; color:#999; line-height:30px; margin:0 0 0 150px; padding:0 20px; border:none; font-size:12px; border:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: left; text-decoration: none}.suchbutton {float:right; width:30px; height:30px; border:none; background:#fff; color:#999; font-size:20px; text-align:center; margin:0; padding:0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border:none;}.suchbutton i {line-height: 30px}.suchbutton:hover {color:#FF851B} /* MENU */.menupos {background:#fff; margin:53px 0 0 0; padding:0;}ul.menu {margin:0; padding:0}ul.menu li {float:left; list-style-type:none; margin:0; padding:0 25px; font-family: ‚Open Sans‘, serif; font-weight:700; font-size:12px; text-transform: uppercase; text-align: center; letter-spacing: 1px} ul.menu li a {display:block; color:#666; text-decoration:none; padding:4px 0; border-bottom:1px solid #fff}ul.menu li a:hover {background:none; color:#FF851B; border-bottom:1px solid #999} ul.menu li.m1 a {background:none; color:#FF851B; border-bottom:1px solid #999}ul.menu li.m1 a:hover { border-bottom:1px solid #FF851B}/* RESPONSIVE MENU */.dropdown {margin:0; padding:0;}ul.resmenu {margin:0; padding:0; width:100%;}ul.resmenu li {float:left; display:block; margin:0; padding:0; width:20%; background:none; text-align: center}ul.resmenu li a {display:inline-block; text-align:center; font-size:20px; color:#999; background:none; text-decoration: none; margin:0; padding:15px 0}ul.resmenu li a:hover {color:#FF851B} /* KATEGORIEN */ul.katmenu {margin:0; padding:0;}ul.katmenu li {list-style-type:none; margin:0; padding:8px 0}ul.katmenu li:before {font-family: ‚FontAwesome‘; content: ‚f0da‘; padding:0 10px 0 10px; color: #FF851B;}ul.katmenu li i {color:#FF851B}ul.katmenu li a {font-size:11px; font-weight:400; text-transform:uppercase; letter-spacing:1px; color:#555; text-decoration:none}ul.katmenu li a:hover {color:#FF851B;}ul.katmenu li a.ukat {padding:0 0 0 10px}/* SERVICE */.service {height:40px; margin:15px 0; padding:0; color:#aaa; text-align: left; text-transform: uppercase; font-size:10px} .service-1 {float:left; margin:0; margin-right:8px; padding:0; color:#d3cfc5; font-size:30px; text-align:center;}.service-2 {margin:0; padding:0; color:#FF851B; line-height: 16px; font-size:16px; font-weight:400;} a.newsletter {width:80%; background:#fff; border:1px solid #bbb; box-shadow:1px 1px 0px #ddd; font-size:10px; text-transform: uppercase; color:#888; font-weight:700; padding:15px 0; text-decoration: none; margin:0; letter-spacing:1px; display:block; text-align: center; margin:10px 0}a.newsletter:hover {background:#efefef;} /* ARTIKELBILDER */.image-gallery {margin:0; width:420px; height:550px;}.image-gallery .big-image {width:420px; height:420px; margin:0; position:relative;}.image-gallery .big-image img {opacity:0; position:absolute; left:0px; top:0px; max-height:420px; width:auto; margin:0; transition: opacity 350ms;}.image-gallery .big-image img:target {opacity:1;}.image-gallery .big-image img:target ~ img#default {opacity:0;}.image-gallery .big-image img#default {opacity:1;}.image-gallery .thumbs {margin:0; position: relative; top:10px;}.image-gallery .thumbs ul {list-style-type:none; margin:0!important; padding:0!important; text-align: center}.image-gallery .thumbs li {width:23%; list-style:none; margin:0; padding:0; display:inline-block; margin-right:3px; text-align: center}.image-gallery .thumbs li a:hover{opacity:1;}.image-gallery .thumbs li a {opacity:0.85; text-align: center}.image-gallery .thumbs li a:focus{opacity:1;}.image-gallery .thumbs li img {max-height:100px; width:auto;} /* ARTIKELBESCHREIBUNG */.artdesc, .artpic {margin:0; padding:20px 0; padding-top:40px; text-align:center;}.artdesc {text-align: left; padding-left:20px}.vob {margin:0; padding:10px 5px}.img-responsive {display: block; width:100%; height:auto;}.artpic-tag {background:#fff; text-transform:uppercase; font-size:10px; letter-spacing:2px; color:#777; padding:5px 10px; text-align: center; position: relative; top:40px; z-index:3; font-weight: 700; box-shadow:1px 1px 0px #bbb}.artdesc h1 {font-size:22px; text-transform: uppercase; font-weight:400; color:#777; letter-spacing:4px; text-align:center; margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px dotted #FF851B}.artdesc h2 {font-size:22px; text-transform: uppercase; font-weight:700; color:#FF851B; letter-spacing:4px; text-align:center; margin:0 0 10px 0; padding:0 0 15px 0; border-bottom:1px dotted #FF851B}.artdesc h2 span {font-size: 10px; color:#aaa; padding-left:10px; position:relative; top:-5px}.artdesc h3 {font-size:12px; text-transform: uppercase; font-weight:700; color:#888; letter-spacing:4px; text-align: left; margin:30px 0 15px 0; padding:0}.artdesc .kaufen {margin:30px 0 10px 0; padding:0}.artdesc .rowfix {padding:0; padding-right:15px}.artdesc .kaufaktion {margin:0; padding:0 15px; padding-right:0}.artdesc .kaufen i, .artdesc .kaufaktion i {color:#aaa}.artdesc .kaufen a, .artdesc .kaufaktion a {background:#fff; border:1px solid #bbb; box-shadow:1px 1px 0px #ddd; font-size:12px; text-transform: uppercase; color:#888; font-weight:700; padding:15px 0; text-decoration: none; margin:0; letter-spacing:3px; display:block; text-align: center}.artdesc .kaufen a:hover, .artdesc .kaufaktion a:hover {background:#eee; color:#777}.artdesc .kaufaktion a {font-size:10px!important; letter-spacing:2px!important}.artdesc .tags {margin:0; padding:20px 0 10px 0}.artdesc .tags span {background:#aaa; color:#fff; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:2px; text-align:center; margin:0 10px 0 0; padding:5px 10px}.artdesc .tags span:hover {background:#999}.artdesc .details span {background:#fff; border:1px solid #aaa; color:#777; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:2px; text-align:center; margin:0 10px 0 0; padding:5px 10px; box-shadow:1px 1px 0px #ddd;}.artdesc .details span:hover {background:#ddd}.artdesc .details .farbe {float:left; width:20px; height:20px; border:1px solid #fff; padding:0; margin:0 10px 0 0; box-shadow:1px 1px 0px #ccc}.artdesc ul, .content ul {margin:15px 0; padding:0}.artdesc ul li, .content ul li {list-style-type:none; border-bottom: 1px dotted #ddd; margin:0; padding:5px 15px} /* TABS */.tabs {background: none; padding:0; margin:15px 0 0 0}.tabs span {display: none}#tbc {display: block; position: relative; margin:0; padding:0}#tbc ul {margin:0; padding:0; overflow: hidden; background:none;}#tbc ul li {float:left; display:inline; list-style-type: none; margin:0 10px 0 0; padding:0;}#tbc ul li a {display: inline-block; position: relative; z-index: 1; background:none; text-align: center; margin:0; padding:12px 20px 10px 20px; text-decoration: none; cursor: pointer; color:#777; background:none; font-family: ‚Open Sans‘, serif; font-weight:700; letter-spacing:2px; text-transform: uppercase; font-size:14px; border-bottom:1px solid #ccc;}#tbc ul li i {color:#FF851B;}#tbc ul li a:hover {background:none; color:#555; text-decoration: none; border-bottom:1px solid #FF851B;}#tbc ul li a:hover i {color:#999; text-decoration: none}#tbc > div {position: relative; clear: both; visibility: hidden; background: #fff; margin:0; padding: 0 15px; height: 0; overflow: hidden; color: #3e454c; text-align:left; font-family: ‚Open Sans‘, serif; font-size: 14px; font-weight: 400}#tbc > div h1 {font-family: ‚Open Sans‘, serif; font-size:14px; font-weight:700; text-transform: uppercase; letter-spacing: 2px; color:#777; margin:10px 0 15px 0; padding:0}#tbc > div i {color:#FF851B;}#tbc > div ul.tablist {margin:10px!important; padding:0!important; background:none!important}#tbc > div ul.tablist li {list-style-type:none!important; display:block!important; float:none!important; margin:10px 0!important; padding:0!important; background:none!important}#tbc > div ul.tablist li i {color:#888}span:target ~ #tbc ul li:first-child a {background:none; color: #777; border-bottom:1px solid #ddd;}span:target ~ #tbc ul li:first-child a:hover {background:none; color: #555; border-bottom:1px solid #FF851B;}span:target ~ #tbc > div:first-of-type {visibility:hidden; height:0; padding:0 10px;}span ~ #tbc > div:first-of-type, #tbl-1:target ~ #tbc > div.tbc-1, #tbl-2:target ~ #tbc > div.tbc-2, #tbl-3:target ~ #tbc > div.tbc-3, #tbl-4:target ~ #tbc > div.tbc-4 {visibility: visible; height: auto; padding: 15px; position: relative; z-index: 6;}span ~ #tbc > ul li:first-child a, #tbl-1:target ~ #tbc > ul li a[href$=“#tbl-1″], #tbl-2:target ~ #tbc > ul li a[href$=“#tbl-2″], #tbl-3:target ~ #tbc > ul li a[href$=“#tbl-3″], #tbl-4:target ~ #tbc > ul li a[href$=“#tbl-4″] {background:none; color: #555; border-bottom:1px solid #FF851B;} /* CROSS-SELL */ .xsell {margin:20px 0; padding:0}.xsell h1 {letter-spacing: 2px; text-transform: uppercase; font-weight: 700; color:#777; font-size:16px; border:1px solid #FF851B; border-left:none; border-right:none; padding:10px 0; text-align: center; border-top:1px solid #999; margin:40px 0 20px 0}.xsellbox h2 {font-weight:700; font-size:12px; color:#666; text-transform: uppercase; letter-spacing:2px; border:1px solid #FF851B; border-left:none; border-right:none; margin:0; padding:10px 0; text-align: center; border-top:1px solid #999}.xsellbox h2:hover {background:#eee}.xsellbox h3 {font-weight:700; font-size:12px; color:#777; text-transform: uppercase; letter-spacing:2px; margin:0; padding:10px 0; text-align: center}.xsellbox a {text-decoration: none!important} /* FOOTER */.footer-bg {background:#f5f5f5; border:1px solid #e5e5e5; border-left:none; border-right:none; padding:0 0 20px 0; margin-top:20px;}.footer {font-size:12px; color:#666;}.footer p {padding:10px 0}.footer p i {color:#FF851B}i.sm {font-size:32px; color:#FF851B; margin:5px}i.sm:hover {color:#999;} /* MEDIA QUERY */ @media (min-width:992px) and (max-width:1200px) { ul.menu li {padding:0 12px;} .suchfeld {width:200px; margin-left:85px} .artdesc .kaufaktion a {letter-spacing:1px!important} .image-gallery {width:350px; height:450px;} .image-gallery .big-image {width:350px; height:350px;} .image-gallery .big-image img {max-height:350px; width:auto} .image-gallery .thumbs {max-width:350px; text-align: center} .image-gallery .thumbs li img {max-height:75px; width:auto} } @media (min-width:768px) and (max-width:992px) { .suchfeld {margin:0} .logo {margin:0; padding:20px} .menupos {margin:0; padding:0} .header-bg {padding-bottom:15px} .subinfo {font-size:10px} .image-gallery {width:500px; height:600px; margin:0 auto} .image-gallery .big-image {width:500px; height:500px;} .image-gallery .big-image img {max-height:500px; width:auto} .image-gallery .thumbs {max-width:500px; text-align: center} .image-gallery .thumbs li img {max-height:100px; width:auto} .artpic, .artdesc {padding:20px; margin:0;} } @media (max-width:768px) { .container-fluid, .container, .row {margin:0; padding:0} .suchfeld {width:250px; margin:0} .logo {text-align: center; padding:15px 0 0 0; margin:0} .subheader {margin:0; padding:10px 0} .subinfo {margin:0; padding:0} .container, .maincontent, .artpic, .artdesc {margin:0; padding:0} .container {padding:0 10px} .artpic {margin-top:20px; text-align:center} .image-gallery {width:300px; height:400px; margin:0 auto} .image-gallery .big-image {width:300px; height:300px;} .image-gallery .big-image img {max-height:300px; width:auto} .image-gallery .thumbs {max-width:300px; text-align: center} .image-gallery .thumbs li img {max-height:90px; width:auto} .artdesc h1 {font-size:16px} .artdesc h2 {font-size:16px} .artdesc h2 span {top:auto} .artdesc .kaufen {margin:20px 0 0 0} .artdesc .kaufaktion {margin-top:5px} #tbc ul li {display:block; width:100%; background:none} #tbc ul li a {display:block; width:100%;} .footer {padding:20px; margin:0} .footer h1 {margin:0; padding:0} .sidebar {padding-bottom:30px} }