design_neu4.css
html,div,span,applet,object,iframe,blockquote,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin-top:20px;background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;
vertical-align: top;
}
body{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,ul,li,p,em,strong,pre,code{font-size:100%;font-style:normal;font-weight:400;
//line-height:inherit;
margin:0;padding:0}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:''}
table{
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
margin-top: 10px;
}
form{display:block}
xmp{padding:15px}
cite,em,dfn{font-style:italic}
strong,b{font-weight:700}
sup{bottom:.3em;position:relative;vertical-align:super}
sub{bottom:-.2em;position:relative;vertical-align:sub}
li,dd,blockquote{margin-left:1em}
code,kbd,samp,pre,tt,var,textarea{font-family:Consolas, "Lucida Console", "Courier New", Courier, mono-space;font-size:100%}
del{text-decoration:line-through}
ins,dfn{border-bottom:1px solid #ccc}
small,sup,sub{font-size:85%}
abbr,acronym{border-bottom-style:dotted;border-bottom-width:1px;text-transform:uppercase}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
label,button{cursor:pointer}
.left{
float:left;
margin-top: 10px;
}
.right{
float:right;
margin-top:-5px;
}
.center{text-align:center}
.clear{clear:both;
padding-top: -35px;}
.loader, .success{display: none;}
.hidden{display:none!important;visibility:hidden}
img.left{margin-bottom:5px;margin-right:8px}
img.right{margin-bottom:5px;margin-left:8px}
pre,blockquote,ul,ol,dl,address,p{margin:0 0 1em}
a abbr,a acronym,fieldset{border:medium none}
a img,img{border:0;text-decoration:none}
textarea:focus, input:focus, select:focus {outline: none; background: none;}
header, nav, section, article, aside, footer, menu {display: block}
input:-webkit-autofill{color: #666 !important;background: none !important}
ul, li {margin: 0;}
.inline{display: inline !important;}
.block {display: block !important;}
.center {text-align: center !important;}
.middle{vertical-align: middle;}
.main .template .template_content .performance_information.left div table tr td {
//font-weight: bold;
font-size: 12px;
}
.eugen {
font-weight: bold;
text-align:center;
}
eugen {
//font-weight: bold;
}
.main .template .template_content .performance_information.left div table tr td .template {
font-size: 10px;
}
.main .template .template_content .add_blocks.right .block_template .block_background p .hidden {
font-family: Verdana, Geneva, sans-serif;
}
.main .template .template_content .add_blocks.right .block_template .block_background p {
font-family: Verdana, Geneva, sans-serif;
}
.lang-en :lang(de) { display: none; }
.lang-de :lang(en) { display: none; }
.clear img{
float:right;
margin-top: -13px;
margin-bottom: 2px;
}
.clear a {
margin-top: 0px;
margin-bottom: 2px;
}
a:link,
a:visited,
a:hover,
a:active{
//color:#D8D8D8;
//color:#4e5e6b;
}
a.button:active{
color:#D8D8D8;
}
.block_background a
{
color:#4e5e6b;
}
.asa_txt a
{
color:#4e5e6b;
}
}
.asa_txts a
{
color:#4e5e6b;
}
.mainmenu_wrapper a
{
color:#190714;
}
address {
font-style: normal;
}
.mainb2 {
width: 564px;
margin-left: auto;
margin-right: auto;
}
.mainb1 {
width: 410px;
margin-left: auto;
margin-right: auto;
}
.main12 {
width: 520px;
margin-left: auto;
margin-right: auto;
}
.main2 {
width: 550px;
margin-left: auto;
margin-right: auto;
}
.newsletter {
margin-top: 19px;
}
.bg{
background: url(bl.jpg) no-repeat center center fixed;
-moz-background-size: cover;
background-size: cover;
}
.newsletter form label {
color: #6f8394;
padding-right: 7px;
font-weight: lighter;
}
.newsletter form input[type="text"] {
border-radius: 20px;
padding-left: 15px;
padding-right: 25px;
width: 169px;
height: 26px;
background-color: #f4f4f4;
background-clip: padding-box;
border: 0;
border-top: 1px solid #828282;
border-left: 1px solid #a8a8a8;
border-bottom: 1px solid #d0d0d0;
box-shadow: inset 0 1px 3px #d2d2d2;
color: #4e5e6b;
}
.newsletter form input[type="submit"] {
margin-left: -28px;
cursor: pointer;
font-weight: bold;
color: #4e5e6b;
padding-top: 5px;
padding-left: 3px;
padding-bottom: 5px;
width: 101px;
border: 1px solid #bbc7d2;
border-radius: 20px;
background-clip: padding-box;
background-color: #d5dfe9;
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
}
.newsletter form input[type="submit"]:hover {
background-image: none;
background-color: #bbc4cc;
}
.header {
// background: url("../images/header_background.png");
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #dcddde;
border-right: 1px solid #dcddde;
border-bottom: 1px solid #ddddde;
//margin-top: 29px;
//margin-left: 10px;
}
.logo img{
//margin-left: 20%;
margin-top: 18px;
margin-bottom: 14px;
margin-right: 10px;
float: left;
}
.contact {
margin-left: 109px;
margin-top: 21px;
width: 200px;
}
.contact img {
padding-right: 7px;
}
.contact address, .contact address a {
color: #4e5e6b;
font-size: 14px;
line-height: 20px;
font-weight: bold;
margin: 0px;
margin-top: 2px;
}
.contact p {
color: #6f8394;
font-size: 90%;
line-height: 14px;
}
.contact a {
color: #6f8394;
font-size: 90%;
line-height: 14px;
float:left;
}
.ebay_besuchen a {
color: #4e5e6b;
text-decoration: underline;
word-wrap: break-word;
}
.ebay_besuchen a:hover {
text-decoration: none;
}
.ebay_besuchen form input[type="button"],
.ebay_besuchen a.button{
height: 22px;
margin-top: 4px;
width: 143px;
color: #4e5e6b;
font-weight: bold;
font-size: 95%;
padding-bottom: 2px;
border: 1px solid #bac7d2;
border-radius: 8px;
background-clip: padding-box;
background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
cursor: pointer;
display:block;
text-decoration:none;
text-align:center;
line-height:22px;
}
.ebay_besuchen form input[type="button"]:hover,
.ebay_besuchen a.button:hover{
background-image: none;
background-color: #bbc4cc;
}
.menu_block {
border-top: 3px solid white;
border-bottom: 3px solid white;
margin-left: 9px;
background: url("../images/menu_background.png");
width: 800px;
}
ul.menu {
color: white;
font-weight: bold;
font-size: 120%;
display: inline-block;
margin: 2px;
padding-left: 32px;
padding-right: 32px;
background-repeat: no-repeat;
background-position: right center;
}
ul.menu li {
float: left;
position:relative;
color: white;
font-size: 100%;
display: block;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 32px;
padding-right: 32px;
background-image: url("../images/menu_breaker.png");
background-repeat: no-repeat;
background-position: right center;
}
ul.menu li a {
color: white;
font-size: 100%;
display: block;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 32px;
padding-right: 32px;
background-image: url("../images/menu_breaker.png");
background-repeat: no-repeat;
background-position: right center;
}
ul.menu li:last-child a:last-child {
background: #ef6237;
}
ul.menu li:last-child a:last-child:hover {
background-color: #ef6237;
}
ul.menu li a:hover {
background-color: #ef6237;
position:relative; z-index:90;
}
ul.menu li ul {
font-size: 100%;
position:absolute;
top:46px;
left:0px;
display: none;
background: url("../images/menu_background.png");
padding:0;
width:100%;
z-index:100;
}
ul.menu li ul li {
float: none;
padding:0px;
width:100%;
border-top:1px solid #d04417;
border-bottom:1px solid #f07146;
}
ul.menu li ul li:first-child{
border-top:none;
}
ul.menu li ul li:last-child{
border-bottom:none;
}
ul.menu li ul li a{
background:transparent;
margin:0px;
padding:5px 0;
width:100%;
display:block;
text-align:center;
}
ul.menu li:hover ul {
display:block;
}
.menu_block img {
float:right;
padding-top: 6px;
padding-bottom: 5px;
padding-right: 21px;
}
.search {
position: absolute;
left: 50%;
margin-left: 316px;
background: url("../images/menu_background.png");
width: 274px;
border-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.search form {
padding-left: 13px;
margin-bottom: 12px;
margin-top: 10px;
}
.search form input[type="text"] {
width: 180px;
border-radius: 15px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
height: 29px;
color: #4e5e6b;
padding-left: 15px;
padding-right: 25px;
border: 0;
background-clip: padding-box;
background-color: #f4f4f4;
box-shadow: inset 0 1px 4px rgba(0,0,0,.75);
}
.search form input[type="image"] {
margin-bottom: -10px;
padding-top: 6px;
padding-bottom: 5px;
padding-left: 12px;
padding-right: 11px;
margin-left: -17px;
border: 1px solid #bac7d2;
border-radius: 15px;
background-clip: padding-box;
background-color: #d5dfe9;
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
}
.search form input[type="image"]:hover {
background-image: none;
background-color: #bbc4cc;
}
.template {
border-top: 1px solid #ddddde;
margin-left: 10px;
margin-top: 3px;
border-left: 1px solid #dcddde;
border-right: 1px solid #dcddde;
background-color: #f2f2f2;
overflow: hidden;
}
.template_image {
margin-left: 10px;
}
.template_image_container {
width: 706px;
height: 530px;
//border: 1px solid #dbdbdb;
//margin-top: 15px;
//margin-left: 5px;
//padding-left: 10px;
//padding-right: 11px;
//padding-top: 11px;
//padding-bottom: 8px;
//border-radius: 10px;
//background-clip: padding-box;
//background-color: #fff;
//box-shadow: inset 0 0 9px rgba(0,0,0,.31);
}
.template_image_container img {
border: 1px solid #dbdbdb;
border-radius: 10px;
height: 530px;
}
.template_choose_image {
margin-left: 0px;
margin-top: 10px;
}
.template_choose_image img{
border: 1px solid #d4d4d4;
border-radius: 6px;
margin-right: 7px;
margin-top: 7px;
max-height:50px;
width:auto;
margin-left: 5px;
}
.template_choose_image img:hover {
border: 1px solid #e84720;
cursor: pointer;
}
.template_choose_image_1 {
margin-left: 0px;
//margin-top: -12px;
margin-bottom: 3px;
}
.template_choose_image_1_vk {
margin-left: 0px;
//margin-top: -12px;
margin-bottom: 3px;
background: #FA8258;
}
.template_choose_image_1_vkg {
margin-left: 0px;
//margin-top: -12px;
margin-bottom: 3px;
background: #00FF00;
}
.template_choose_image_1 img{
border: 1px solid #d4d4d4;
border-radius: 6px;
margin-right: 5px;
max-height:95px;
width: auto;
margin-top: 0px;
margin-bottom: 2px;
}
.clear img{
border: 1px solid #d4d4d4;
border-radius: 6px;
margin-right: 5px;
max-height:85px;
width: 33;
margin-top: -10px;
margin-bottom: 0px;
}
.template_choose_image_1 img:hover {
border: 1px solid #e84720;
cursor: pointer;
}
.template_information {
line-height: 29px;
margin-top: 120px;
width: 750px;
//min-height:460px;
position:relative;
//padding-bottom:150px;
font-size: 130%;
}
.template_title {
color: #4e5e6b;
font-size: 200%;
padding-bottom: 21px;
border-bottom: 1px solid #ddddde;
margin-left: 20px;
margin-top: 50px;
}
.template_title5 {color: #4e5e6b;
font-size: 300%;
margin-left: 20px;
}
.template_title6 {
color: #FF0000;
font-size: 150%;
//padding-bottom: 21px;
//border-bottom: 1px solid #ddddde;
margin-left: 430px;
//padding-top: 21px;
}
.template_attributes_1 {
border-top: 1px solid #ffffff;
margin-left: 22px;
border-bottom: 1px solid #ddddde;
margin-bottom: -150px;
}
.template_attributes {
border-top: 1px solid #ffffff;
padding-top: 16px;
margin-left: 22px;
border-bottom: 1px solid #ddddde;
padding-bottom: 19px;
position:relative;
}
table.attributes tr {
line-height: 10px;
//text-align:center;
}
table.attributes tr td {
padding-right: 10px;
color: #4e5e6b;
}
table.attributes tr td:last-child {
font-weight: bold;
}
.template_shipping {
border-top: 1px solid #fff;
padding-top: 19px;
color: black;
padding-left: 26px;
background-position: 4px 34px;
//width: 373px;
margin-left: 70px;
}
.template_shipping span {
color: #ed4f16;
font-weight: bold;
}
.arrow-left {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right:20px solid #e94e1b;
margin-top: 41px;
position: relative;
left: 50%;
margin-left: -228px;
margin-top: 70px;
}
.buy_form {
background: #D8D8D8;
border-top: 1px solid #ddddde;
//box-shadow: inset 0 3px 0 white;
padding-top: 20px;
padding-bottom: 19px;
padding-left: 12px;
//width: 95%;
margin-top: 19px;
margin-left: 19px;
}
.buy_form_title {
//color: white;
display:inline-block;
padding-left: 72px;
}
.buy_form_title p {
margin: 0px;
padding: 0px;
padding-left: 1px;
}
.buy_form_title h1 {
font-size: 300%;
font-weight: bold;
font-family: Arial;
}
.quantity label {
color: white;
margin-left: 7px;
}
.quantity input {
width: 34px;
margin-left: 3px;
padding-top: 8px;
font-size: 115%;
padding-bottom: 8px;
padding-left: 6px;
padding-right: 6px;
margin-top: -4px;
text-align: center;
font-weight: bold;
color: #4e5e6b;
border: 0;
background-clip: padding-box;
border-radius: 15px;
background-clip: padding-box;
background-color: #f4f4f4;
box-shadow: inset 0 1px 4px rgba(0,0,0,.75);
}
.buy_now {
margin-left: 11px;
}
.buy_now input,
.buy_now a{
display:block;
text-align:top;
line-height:32px;
height: 32px;
margin-top: 0px;
margin-right: 21px;
width: 176px;
color: #4e5e6b;
font-weight: bold;
font-size: 125%;
border: 1px solid #bac7d2;
border-radius: 8px;
background-clip: padding-box;
background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
cursor: pointer;
}
.buy_now input:hover,
.buy_now a:hover{
background-image: none;
background-color: #bbc4cc;
}
.free_shipping {
width: 288px;
margin-left: 195px;
margin-top: -22px;
margin-bottom: 22px;
color: #4e5e6b;
font-weight: bold;
padding-left: 27px;
background: white;
background-repeat: no-repeat;
background-position: 4px center;
position: absolute;
border-radius: 15px;
border: 6px solid #088A08;
}
.payment_shipping {
float: right;
overflow: hidden;
position: absolute;
bottom: -277px;
right: 25px;
height: 405px;
width: 497px;
}
.payment_methods {
margin-left: 140px;
}
.payment_methods h4 {
margin-bottom: 3px;
}
.payment_methods h4, .shipping_methods h4 {
color: #4e5e6b;
}
.uberweisung {
border-radius: 10px;
background-clip: padding-box;
background-color: #f18f25;
color: #f0f8ff;
width: 85px;
padding-bottom: 0px;
padding-right: 8px;
font-size: 89%;
padding-top: 0px;
margin-top: 0px;
padding-left: 8px;
font-weight: bold;
cursor: default;
line-height: 23px;
margin-top: 0px;
}
.shipping_methods {
margin-left: 18px;
}
.shipping_methods h4 {
margin-bottom: 3px;
}
.shipping_methods img:last-child {
margin-top: -4px;
}
.template_content {
//border-top: 1px solid #ddddde;
//box-shadow: inset 0px 2px 0px white;
margin-top: 70px;
margin-bottom: 15px;
padding-top: 75px;
}
.template_contentk {
border-top: 1px solid #ddddde;
box-shadow: inset 0px 2px 0px white;
margin-top: 70px;
margin-bottom: 15px;
//padding-top: 75px;
}
.performance_information {
//width: 815px;
color: #4e5e6b;
}
.performance_information h3{
font-size: 120%;
font-weight: bold;
margin-top: 26px;
margin-bottom: 32px;
color: #4e5e6b;
}
.performance_information {
line-height: 23px;
//margin-left: 9px;
padding-right:9px;
}
.suche {
//padding-top: 49px;
//margin-top: 26px;
//margin-bottom: 52px;
margin-right: auto;
margin-left: auto;
max-width: 1280px;
}
.performance_information ul{
list-style:disc;
padding:0 10px;
}
.add_blocks {
vertical-align:top;
//padding-top: 19px;
position: top;
//padding-right: 19px;
margin-top: 0px;
//margin-left: -19px;
margin-top: -3px;
}
.add_blocks2 {
vertical-align:top;
padding-top: 19px;
position: top;
padding-left: 69px;
margin-top: 0px;
margin-left: 10px;
margin-top: 16px;
}
.block_template_1 {
//width: 730px;
margin-bottom: 20px;
margin-top: 20px;
}
.block_template_1 h2{
background: #D8D8D8;
//background-repeat: repeat-x;
//color: white;
font-size: 130%;
//font-weight: bold;
//border-bottom: 2px solid #088A08;
padding-left:10px;
padding-top: 10px;
padding-bottom: 11px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.block_template_1 div.block_background {
color: #5e6c77;
min-height: 380px;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_1:nth-child(1) p {
padding-bottom: 39px;
}
.block_template_1:nth-child(2) div.block_background {
padding-bottom: 18px;
}
.block_template_1:nth-child(2) p {
padding-bottom: 5px;
}
.block_template_1 p span {
color: #359913;
font-weight: bold;
}
.block_template_a {
width: 302px;
margin-bottom: 20px;
}
.block_template_a h2{
background: url("../images/add_block_background.png") #088A08;
background-repeat: repeat-x;
color: white;
font-size: 130%;
font-weight: bold;
border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 15px;
padding-bottom: 11px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.block_template_a div.block_background {
color: #5e6c77;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
min-height: 380px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_a:nth-child(1) p {
padding-bottom: 39px;
}
.block_template_a:nth-child(2) div.block_background {
padding-bottom: 18px;
}
.block_template_a:nth-child(2) p {
padding-bottom: 5px;
}
.block_template_a p span {
color: #359913;
font-weight: bold;
}
.block_template_s {
font-size: 130%;
width: 400px;
margin-bottom: 20px;
padding-left:15px;
padding-top: 14px;
//min-height: 600px;
}
.block_template_s h2{
background: #D8D8D8;
//background-repeat: repeat-x;
//color: white;
font-size: 100%;
//font-weight: bold;
//border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 11px;
padding-bottom: 6px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.block_template_s div.block_background {
color: #5e6c77;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_s:nth-child(1) p {
padding-bottom: 39px;
}
.block_template_s:nth-child(2) div.block_background {
padding-bottom: 18px;
}
.block_template_s:nth-child(2) p {
padding-bottom: 5px;
}
.block_template {
font-size: 130%;
width: 420px;
margin-bottom: 20px;
padding-left:15px;
padding-top: 14px;
}
.block_template h2{
background: #D8D8D8;
//background-repeat: repeat-x;
//color: white;
font-size: 100%;
//font-weight: bold;
//border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 11px;
padding-bottom: 6px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.block_template div.block_background {
color: #5e6c77;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template:nth-child(1) p {
padding-bottom: 39px;
}
.block_template:nth-child(2) div.block_background {
padding-bottom: 18px;
}
.block_template:nth-child(2) p {
padding-bottom: 5px;
}
.block_template p span {
color: #359913;
font-weight: bold;
}
.block_template_2 {
background: url("../images/block_background_2.png");
background-repeat: no-repeat;
background-position: center;
height: 43px;
}
.block_template_3 {
background: url("../images/block_background_3.png");
background-repeat: no-repeat;
background-position: center;
height: 58px;
}
.offers a {
display: block;
}
.offers_block {
border-top: 1px solid #ddddde;
box-shadow: inset 0px 1px 0px white;
border-left: 1px solid #dcddde;
border-right: 1px solid #dcddde;
margin-left: 10px;
margin-bottom: 20px;
overflow: hidden;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-clip: padding-box;
background-color: #f2f2f2;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%); /* gradient overlay */
padding-left: 13px;
padding-right: 13px;
}
.offers_block h3 {
margin-top: 34px;
font-size: 120%;
font-weight: bold;
margin-left: 4px;
margin-bottom: 18px;
color: #4e5e6b;
}
.offers {
border-radius: 7px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #f7f7f7 100%); /* gradient overlay */
border-right: 1px solid #d1d0d1;
border-left: 1px solid #d1d0d1;
overflow: hidden;
padding-top: 16px;
padding-bottom: 16px;
margin-bottom: 18px;
}
.offer_template {
border: 1px solid #d4d4d4;
border-radius: 8px;
background-clip: padding-box;
width: 217px;
min-height:350px;
margin-left: 12px;
}
.offer_template:hover {
border: 1px solid #e84720;
cursor: pointer;
}
.offer_template img{
border-radius: 8px;
max-width:215px;
}
.offer_template h2 {
color: #4e5e6b;
font-size: 111%;
font-weight: bold;
margin-top: 13px;
margin-left: 10px;
margin-right: 10px;
line-height: 15px;
padding-bottom: 0px;
}
.offer_template h1 {
color: #e94e1b;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 5px;
font-size: 165%;
font-weight: bold;
}
.offer_template p {
margin-left: 12px;
line-height: 10px;
color: #4e5e6b;
}
.suggestions {
text-align: center;
}
.suggestions form input,
.suggestions a{
border: 1px solid #bac7d2;
border-radius: 15px;
background-clip: padding-box;
background-color: #d5dfe9;
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
margin-top: 5px;
padding-left: 18px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 6px;
font-weight: bold;
margin-bottom: 27px;
cursor: pointer;
display:inline-block;
line-height:20px;
}
.suggestions form input:hover,
.suggestions a:hover{
background-image: none;
background-color: #bbc4cc;
}
.lli_cb { clear:both; margin:0; padding:0; background:none; display:none; }
.lli_flag {
float:left;
border-radius: 2px;
background-image: url('http://www.highline-autoteile.de/ebay/flagen.png');
background-repeat: no-repeat;
}
.lli_flag a {
display: block;
width: 41px;
height: 27px;
}
.lli_box {
margin-top: 20px;
overflow: hidden;
min-width: 936px;
max-width: 1318px;
}
.block_template_d h2{
//max-width: 777px;
vertical-align: middle;
background: #D8D8D8;
//background-repeat: repeat-x;
//color: white;
font-size: 130%;
//font-weight: bold;
//border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 10px;
padding-bottom: 8px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: 10px;
}
.block_template_d{
width: 794px;
padding-left:auto;
}
.block_template_do h2{
//max-width: 777px;
vertical-align: middle;
background: #D8D8D8;
//background-repeat: repeat-x;
//color: white;
font-size: 130%;
//font-weight: bold;
//border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 10px;
padding-bottom: 8px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: 10px;
}
.block_template_do{
width: 794px;
padding-left:auto;
height: 170px;
}
.block_template_d1 h2{
max-width: 730px;
vertical-align: middle;
background: url("../images/add_block_background.png") #088A08;
background-repeat: repeat-x;
color: white;
font-size: 130%;
font-weight: bold;
border-bottom: 2px solid #088A08;
padding-left:auto;
padding-top: 15px;
padding-bottom: 11px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: 10px;
}
.block_template_do1 h2{
max-width: 730px;
vertical-align: middle;
background: url("../images/add_block_background.png") #088A08;
background-repeat: repeat-x;
color: white;
font-size: 130%;
font-weight: bold;
border-bottom: 2px solid #088A08;
padding-left:auto;
padding-top: 15px;
padding-bottom: 11px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: 10px;
}
.block_template_d a{
font-size: 100%;
//font-weight: bold;
}
.block_template_d div.block_background {
max-width: 780px;
color: #5e6c77;
//min-height: 800px;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_d:nth-child(1) p {
max-width: 750px;
padding-bottom: 39px;
vertical-align: middle;
margin-bottom: 10px;
}
.block_template_d:nth-child(2) div.block_background {
max-width: 750px;
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: middle;
}
.block_template_d:nth-child(2) p {
padding-bottom: 10px;
vertical-align: middle;
margin-bottom: 10px;
}
.block_template_d p span {
margin-bottom: 10px;
color: #359913;
font-weight: bold;
vertical-align: middle;
}
.block_template_do a{
font-size: 100%;
//font-weight: bold;
}
.block_template_do div.block_background {
max-width: 780px;
color: #5e6c77;
//min-height: 800px;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_do:nth-child(1) p {
max-width: 750px;
padding-bottom: 39px;
vertical-align: middle;
margin-bottom: 10px;
}
.block_template_do:nth-child(2) div.block_background {
max-width: 750px;
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: middle;
}
.block_template_do:nth-child(2) p {
padding-bottom: 10px;
vertical-align: middle;
margin-bottom: 10px;
}
.block_template_do p span {
margin-bottom: 10px;
color: #359913;
font-weight: bold;
vertical-align: middle;
}
.search_b {
display: inline-block;
margin-top: 20px;
left: 30px;
margin-left: 30px;
//background: url("../images/menu_background.png");
width: 20%;
border-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
vertical-align:top
}
.search_b form {
width: 400px;
padding-left: 5px;
margin-bottom: 22px;
margin-top: 10px;
display: inline-block;
}
.search_b form input[type="text"] {
width: 100%;
border-radius: 15px;
//border-top-right-radius: 0px;
//border-bottom-right-radius: 0px;
height: 29px;
color: #4e5e6b;
padding-left: 5px;
//padding-right: 25px;
border: 0;
background-clip: padding-box;
background-color: #f4f4f4;
box-shadow: inset 0 1px 4px rgba(0,0,0,.75);
margin-top: 1px;
}
.search_b_ form input[type="image"] {
margin-bottom: -10px;
padding-top: 6px;
padding-bottom: 5px;
padding-left: 12px;
padding-right: 11px;
margin-left: 17px;
border: 1px solid #bac7d2;
border-radius: 15px;
background-clip: padding-box;
background-color: #d5dfe9;
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
}
.search_b form input[type="image"]:hover {
background-image: none;
background-color: #bbc4cc;
}
.search_c {
margin-top: 10px;
left: 50%;
margin-left: 126px;
//background: url("../images/menu_background.png");
width: 300px;
border-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.search_c form {
padding-left: 105px;
margin-bottom: 12px;
}
.search_c form input[type="text"] {
width: 89px;
border-radius: 15px;
//border-top-right-radius: 0px;
//border-bottom-right-radius: 0px;
height: 29px;
color: #4e5e6b;
padding-left: 15px;
//padding-right: 25px;
border: 0;
background-clip: padding-box;
background-color: #f4f4f4;
box-shadow: inset 0 1px 4px rgba(0,0,0,.75);
}
.search_c form input[type="image"] {
margin-bottom: -10px;
padding-top: 6px;
padding-bottom: 5px;
padding-left: 12px;
padding-right: 11px;
margin-left: 17px;
border: 1px solid #bac7d2;
border-radius: 15px;
background-clip: padding-box;
background-color: #d5dfe9;
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
}
.search_c form input[type="image"]:hover {
background-image: none;
background-color: #bbc4cc;
}
.search_d {
margin-top: 10px;
left: 10px;
margin-left: 6px;
//background: url("../images/menu_background.png");
width: 300px;
border-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.search_d form {
padding-left: 5px;
margin-bottom: 12px;
}
.search_d form input[type="text"] {
width: 89px;
border-radius: 15px;
//border-top-right-radius: 0px;
//border-bottom-right-radius: 0px;
height: 29px;
color: #4e5e6b;
padding-left: 15px;
//padding-right: 25px;
border: 0;
background-clip: padding-box;
background-color: #f4f4f4;
box-shadow: inset 0 1px 4px rgba(0,0,0,.75);
}
.search_d form input[type="image"] {
margin-bottom: -10px;
padding-top: 6px;
padding-bottom: 5px;
padding-left: 12px;
padding-right: 11px;
margin-left: 17px;
border: 1px solid #bac7d2;
border-radius: 15px;
background-clip: padding-box;
background-color: #d5dfe9;
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
}
.search_d form input[type="image"]:hover {
background-image: none;
background-color: #bbc4cc;
}
.etope { clear:both; margin:0; padding:0; background:none; display:none; }
#lli_sw_es { margin-left:7px; background-position: 0 -107px; }
#lli_sw_it { margin-left:7px; background-position: 0 -81px; }
#lli_sw_fr { margin-left:7px; background-position: 0 -54px; }
#lli_sw_en { margin-left:7px; background-position: 0 -26px; }
#lli_sw_de { margin-left:7px; background-position: 0 0; }
.top {vertical-align: top;
//max-width: 80%;
}
.imgzentriert {
margin-top: 70px;
display: block;
margin: 0 auto;
}
text-align: center;
}
.ebay_besuchen_1 {
margin-top: 20px;
margin-left: 13px;
margin-right: 13px;
width: 143px;
margin-bottom: 15px;
text-align:left
}
.ebay_besuchen_1 form{
margin-top: 20px;
margin-left: 20px;
margin-right: 13px;
width: 143px;
margin-bottom: 15px;
text-align:left
}
.ebay_besuchen_1 a {
color: #4e5e6b;
word-wrap: break-word;
}
.ebay_besuchen_1 a:hover {
text-decoration: none;
text-decoration: underline;
}
.ebay_besuchen_1 form input[type="button"]:hover,
.ebay_besuchen_1 a.button:hover{
background-image: none;
background-color: #bbc4cc;
}
.block_template_o h2{
max-width: 520px;
vertical-align: middle;
background: url("../images/add_block_background.png") #088A08;
background-repeat: repeat-x;
color: white;
font-size: 130%;
font-weight: bold;
border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 15px;
padding-bottom: 11px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: 10px;
margin-left: 0;
}
.block_template_o div.block_background {
max-width: 500px;
color: #5e6c77;
min-height: 400px;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
text-align:center;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_o:nth-child(1) p {
max-width: 500px;
padding-bottom: 39px;
vertical-align: middle;
margin-bottom: 10px;
margin: auto;
}
.block_template_o:nth-child(2) div.block_background {
max-width: 500px;
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: middle;
padding-left:15px;
}
.block_template_o:nth-child(2) p {
padding-bottom: 10px;
vertical-align: middle;
margin-bottom: 10px;
}
.block_template_o p span {
margin-bottom: 10px;
color: #359913;
font-weight: bold;
vertical-align: middle;
}
.block_template_0 {
width: 402px;
margin-bottom: 20px;
margin-left: 15;
}
.button{
//height: 29px;
margin-top: 9px;
width: 100px;
color: #4e5e6b;
font-weight: bold;
font-size: 85%;
//padding-bottom: 11px;
margin-left: 11px;
border: 1px solid #bac7d2;
border-radius: 8px;
background-clip: padding-box;
background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
//background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
//cursor: pointer;
display:block;
text-decoration:none;
vertical-align:top;
text-align:center;
line-height:22px;
}
.button2{
height: 20px;
margin-top: 12px;
width: 150px;
color: #4e5e6b;
font-weight: bold;
font-size: 115%;
padding-bottom: 11px;
border: 1px solid #bac7d2;
border-radius: 8px;
background-clip: padding-box;
background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
//background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
//cursor: pointer;
display:block;
text-decoration:none;
vertical-align:top;
text-align:center;
line-height:12px;
}
.button3{
height: 4px;
margin-top: 9px;
width: 70px;
color: #4e5e6b;
font-weight: bold;
font-size: 35%;
padding-bottom: 11px;
border: 1px solid #bac7d2;
border-radius: 8px;
background-clip: padding-box;
background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
//background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
//cursor: pointer;
display:block;
text-decoration:none;
vertical-align:top;
text-align:center;
line-height:20px;
}
.button4{
//height: 19px;
//margin-top: 5px;
//width: 80px;
//color: #4e5e6b;
font-weight: bold;
font-size: 75%;
//padding-bottom: 5px;
border: 1px solid #bac7d2;
//border-radius: 8px;
background-clip: padding-box;
//background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
//background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
//cursor: pointer;
//display:block;
text-decoration:none;
//vertical-align:top;
text-align:center;
//line-height:12px;
margin-left: 9;
}
.ebay_besuchen_1 a.button{
//height: 19px;
//margin-top: 5px;
//width: 80px;
color: #4e5e6b;
font-weight: bold;
font-size: 75%;
//padding-bottom: 5px;
border: 1px solid #bac7d2;
//border-radius: 8px;
background-clip: padding-box;
background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
//background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
//cursor: pointer;
//display:block;
text-decoration:none;
//vertical-align:top;
text-align:center;
//line-height:12px;
margin-left: 9;
}
.button5{
//height: 20px;
//margin-top: 1px;
//width: 120px;
//color: #4e5e6b;
font-weight: bold;
//font-size: 60%;
//padding-bottom: 1px;
border: 1px solid #bac7d2;
border-radius: 8px;
background-clip: padding-box;
//background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
//background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
//cursor: pointer;
display:block;
text-decoration:none;
//vertical-align:top;
text-align:center;
//line-height:5px;
}
#content {
width: 700px ;
margin-left: auto ;
margin-right: auto ;
}
.asa_product_box {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 172px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
//background-color: #fff;
}
.asa_product_box_kat {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 226px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
//background-color: #fff;
font-size: 120%;
}
.asa_product_boxwa {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 172px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
//background-color: #fff;
min-height: 350px;
}
.asa_product_boxwa1 {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 10px 0;
width: 290px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
//background-color: #fff;
min-height: 300px;
}
.asa_product_boxs {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 155px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
//background-color: #fff;
}
.asa_product_boxs_st {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 10px 0;
width: 160px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
//background-color: #fff;
}
.asa_product_boxg {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 173px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #58FA58 79.35%, #fff 100%);
background-color: #d4dfe9;
}
.asa_product_boxgel {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 172px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #FFBF00 79.35%, #fff 100%);
background-color: ##FFBF00;
}
.asa_product_boxb {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 172px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #013ADF 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #013ADF 79.35%, #fff 100%);
background-color: #013ADF;
}
.asa_product_boxv {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 172px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #cc3333 79.35%, #fff 100%);
background-color: #d4dfe9;
}
.asa_product_box_f {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 172px;
height: 220px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
background-color: #d4dfe9;
}
.asa_product_boxs {
border: 1px solid gray;
padding: 5px 12px;
margin: 0 0 15px 0;
width: 167px;
display: inline-block;
text-align: center;
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
//background-color: #fff;
//background-color: #cecece;
}
.asa_head {
margin: 0 0 5px 0;
display: inline-block;
}
.asa_pic {
height: 120px;
float: left;
margin-right: 5px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
width: 100%;
margin: 0 0 5px 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.asa_pic img{
height: 130px;
//float: left;
margin-right: 5px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
//max-width: 160px;
margin: 0 0 5px 0;
margin-top: 0px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
.asa_pic3 {
float: left;
margin-right: 5px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
margin: 0 0 5px 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
background-image:
url(http://hl24.eu/img/R1.png),
url(...);
}
body {
font-size: 12px;
color: #18191a;
}
.asa_txt {
color: black;
font-size: 15px;
line-height: 1.2;
height: 110px;
overflow: hidden;
overflow: auto;
//text-align: left;
margin: 5px 0 5px 0;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.asa_txt :hover
{
background-color:#efefef;
color: gray;
}
.asa_txt_3 {
color: black;
font-size: 12px;
line-height: 1.2;
height: 140px;
//overflow: hidden;
//overflow-x: hidden;
//overflow-y: hidden;
text-align: left;
margin: 5px 0 5px 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
overflow: auto;
}
.asa_txt2 {
color: black;
font-size: 12px;
line-height: 1.2;
//height: 140px;
//overflow: hidden;
//overflow-x: hidden;
//overflow-y: hidden;
text-align: left;
margin: 5px 0 5px 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
overflow: auto;
font-size: 120%;
}
.asa_txts {
color: gray;
font-size: 14px;
//line-height: 1.2;
// height: 12px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
text-align: left;
margin: 5px 0 5px 0;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
span.asa_price, strong.asa_price {
font-weight: bold;
font-size: 16px;
}
span.asa_price {
color: #c30000;
}
span.asa_unitprice {
float: right;
font-size: 10px;
}
a.symple-button {
background: -moz-linear-gradient(#9a0000, #d41c1a) repeat scroll 0 0 #d41c1a;
background-image: -webkit-gradient(linear,left top,left bottom,from(#9a0000),to(#d41c1a));
background-color: #d41c1a;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF003366,EndColorStr=#FF55AAEE);
border: medium none !important;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: inherit;
line-height: 1em;
margin: 5px 5px 5px 0;
outline: medium none;
padding: 0.8em 1em;
text-align: center;
text-decoration: none !important;
white-space: nowrap;
}
a {
color: #585858;
}
.block_template_d1 h2{
max-width: 400px;
vertical-align: middle;
background: url("../images/add_block_background.png") #088A08;
background-repeat: repeat-x;
color: white;
font-size: 130%;
font-weight: bold;
border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 15px;
padding-bottom: 11px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: 10px;
}
.block_template_d1 div.block_background {
max-width: 400px;
color: #5e6c77;
min-height: 400px;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_d1:nth-child(1) p {
max-width: 400px;
padding-bottom: 39px;
vertical-align: middle;
margin-bottom: 10px;
}
.block_template_d1:nth-child(2) div.block_background {
max-width: 400px;
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: middle;
}
.block_template_d1:nth-child(2) p {
padding-bottom: 10px;
vertical-align: middle;
margin-bottom: 10px;
}
.block_template_d1 p span {
margin-bottom: 10px;
color: #359913;
font-weight: bold;
vertical-align: middle;
}
.search_b1 {
margin-top: 10px;
left: 50%;
margin-left: 16px;
//background: url("../images/menu_background.png");
//width: 800px;
border-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
vertical-align:top
}
.search_b1 form {
padding-left: 13px;
margin-bottom: 12px;
margin-top: 10px;
}
.search_b1 form input[type="text"] {
width: 130px;
border-radius: 15px;
//border-top-right-radius: 0px;
//border-bottom-right-radius: 0px;
height: 29px;
color: #4e5e6b;
padding-left: 5px;
padding-right: 5px;
border: 0;
background-clip: padding-box;
background-color: #f4f4f4;
box-shadow: inset 0 1px 4px rgba(0,0,0,.75);
}
.search_b1 form input[type="image"] {
margin-bottom: -10px;
padding-top: 6px;
padding-bottom: 5px;
padding-left: 12px;
padding-right: 11px;
margin-left: -17px;
border: 1px solid #bac7d2;
border-radius: 15px;
background-clip: padding-box;
background-color: #d5dfe9;
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
}
.search_b1 form input[type="image"]:hover {
background-image: none;
background-color: #bbc4cc;
}
.search_c1 {
margin-top: 10px;
left: 50%;
margin-left: 136px;
//background: url("../images/menu_background.png");
width: 400px;
border-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.search_c1 form {
padding-left: 13px;
margin-bottom: 12px;
}
.search_c1 form input[type="text"] {
width: 85px;
border-radius: 15px;
//border-top-right-radius: 0px;
//border-bottom-right-radius: 0px;
height: 29px;
color: #4e5e6b;
//padding-left: 15px;
//padding-right: 25px;
border: 0;
background-clip: padding-box;
background-color: #f4f4f4;
box-shadow: inset 0 1px 4px rgba(0,0,0,.75);
}
.search_c1 form input[type="image"] {
//margin-bottom: -10px;
//padding-top: 6px;
//padding-bottom: 5px;
//padding-left: 12px;
//padding-right: 11px;
//margin-left: -17px;
border: 1px solid #bac7d2;
border-radius: 15px;
background-clip: padding-box;
background-color: #d5dfe9;
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
}
.search_c1 form input[type="image"]:hover {
background-image: none;
background-color: #bbc4cc;
}
.rightm{
//float:right;
}
.ct-vehicle-core stroke {
font-size: 13px;
line-height: 13px;
display: block;
text-decoration: line-through;
}
.auto {
height: 150px;
overflow: auto;
width: 510px;
border: 1px solid #000;
padding: 10px;
}
.container {
position:relative; width:200px; height:150px;
}
.container img {
position:absolute; top:0; left:0; opacity:0;
-webkit-animation-name: slider; -webkit-animation-timing-function: ease;
-webkit-animation-duration: 50s; -webkit-animation-iteration-count: infinite;
animation-name: slider; animation-timing-function: ease;
animation-duration: 50s; animation-iteration-count: infinite;
}
.container:hover img {
}
@-webkit-keyframes slider {
0% {opacity:0;-webkit-transform: rotate(0) scale(0.2) skew(30deg,20deg);}
20% {opacity:1;-webkit-transform: rotate(0) scale(1) skew(0deg,0deg);}
30% {opacity:0;-webkit-transform: rotate(0) scale(0) skew(0deg,0deg);}
100% {opacity:0;-webkit-transform: rotate(0) scale(0.2) skew(30deg,20deg);-webkit-animation-delay: 5s; animation-delay: 5s;}
}
@keyframes slider {
0% {opacity:0;transform: rotate(0) scale(0.2) skew(30deg,20deg);}
20% {opacity:1;transform: rotate(0) scale(1) skew(0deg,0deg);}
30% {opacity:0;transform: rotate(0) scale(0) skew(0deg,0deg);-webkit-animation-delay: 5s; animation-delay: 5s;}
100% {opacity:0;transform: rotate(0) scale(0.2) skew(30deg,20deg);}
}
.container img:nth-of-type(1) {-webkit-animation-delay: 40s; animation-delay: 40s;}
.container img:nth-of-type(2) {-webkit-animation-delay: 30s; animation-delay: 30s;}
.container img:nth-of-type(3) {-webkit-animation-delay: 20s; animation-delay: 20s;}
.container img:nth-of-type(4) {-webkit-animation-delay: 10s; animation-delay: 10s;}
.container img:nth-of-type(5) {-webkit-animation-delay: 0s; animation-delay: 00s;}
.container .hovertext {
position: absolute; top:130px; left:30px;
font-size:1.5em; color: #4e5e6b;
-webkit-transition: all 5.7s ease; transition: all 5.7s ease;
}
.container:hover .hovertext {
top:20px; color: rgba(255,255,255,0);
-webkit-transition: all 5.7s ease; transition: all 5.7s ease;
}
.left a {
color: #4e5e6b;
}
.ebay_besuchen_3 {
margin-top: 20px;
margin-left: 13px;
margin-right: 13px;
width: 143px;
margin-bottom: 15px;
text-align:left
}
.ebay_besuchen_3 form{
margin-top: 20px;
margin-left: 190px;
margin-right: 13px;
width: 143px;
margin-bottom: 15px;
text-align:left
}
.ebay_besuchen_3 a {
color: #4e5e6b;
text-decoration: underline;
word-wrap: break-word;
}
.ebay_besuchen_3 a:hover {
text-decoration: none;
}
.ebay_besuchen_3 form input[type="button"],
.ebay_besuchen_3 a.button{
height: 12px;
margin-top: 10px;
width: 143px;
color: #4e5e6b;
font-weight: bold;
font-size: 85%;
padding-bottom: 11px;
border: 1px solid #bac7d2;
border-radius: 8px;
background-clip: padding-box;
background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
cursor: pointer;
display:block;
text-decoration:none;
vertical-align:top;
text-align:center;
line-height:22px;
}
.ebay_besuchen_3 form input[type="button"]:hover,
.ebay_besuchen_3 a.button:hover{
background-image: none;
background-color: #bbc4cc;
}
.block_template_f h2{
max-width: 758px;
vertical-align: middle;
background: url("../images/add_block_background.png") #088A08;
background-repeat: repeat-x;
color: white;
font-size: 130%;
font-weight: bold;
border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 15px;
padding-bottom: 11px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: 10px;
}
.block_template_f div.block_background {
max-width: 758px;
color: #5e6c77;
min-height: 800px;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_f:nth-child(1) p {
max-width: 758px;
padding-bottom: 39px;
vertical-align: middle;
margin-bottom: 10px;
}
.block_template_f:nth-child(2) div.block_background {
max-width: 748px;
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: middle;
}
.block_template_f:nth-child(2) p {
padding-bottom: 10px;
vertical-align: middle;
margin-bottom: 10px;
}
.block_template_f p span {
margin-bottom: 10px;
color: #359913;
font-weight: bold;
vertical-align: middle;
}
.cc_container, .cc_message, .cc_btn {
animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
-webkit-animation-name: slideUp;
animation-name: slideUp;
}
.cc_container {
background: #fff;
color: #999;
font-size: 17px;
font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
box-sizing: border-box;
border: 1px solid #ccc;
}
.cc_container {
padding: 15px 30px 15px;
}
.cc_container {
position: fixed;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
padding: 10px;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
color: #000;
background-color: #f1d600;
transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
-webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
border-radius: 5px;
-webkit-border-radius: 5px;
}
textarea.has--error, input[type="text"].has--error, input[type="search"].has--error, input[type="password"].has--error, input[type="number"].has--error, input[type="email"].has--error, input[type="tel"].has--error {
color: #e74c3c;
background: #faeceb;
border-color: #e74c3c;
}
textarea.has--error, input[type="text"].has--error, input[type="search"].has--error, input[type="password"].has--error, input[type="number"].has--error, input[type="email"].has--error, input[type="tel"].has--error {
color: #e74c3c;
background: #faeceb;
border-color: #e74c3c;
}
.register--content .register--field {
margin-bottom: 15px;
margin-bottom: 0.9375rem;
}
.register--content .register--field {
margin-bottom: 10px;
margin-bottom: 0.625rem;
width: 100%;
}
.register--content .register--field {
margin-bottom: 15px;
margin-bottom: .9375rem;
}
.register--content .register--field {
margin-bottom: 10px;
margin-bottom: .625rem;
width: 100%;
}
.footerLanguages {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.template_choose_imagea {
margin-left: 0px;
margin-top: 10px;
}
.template_choose_imagea img{
border: 1px solid #d4d4d4;
border-radius: 6px;
margin-right: 7px;
margin-top: 5px;
max-height:50px;
width:auto;
margin-left: 5px;
}
.template_choose_imagea img:hover {
border: 1px solid #e84720;
cursor: pointer;
}
.button2{
height: 27px;
margin-top: 9px;
width: 145px;
color: #4e5e6b;
font-weight: bold;
font-size: 85%;
padding-bottom: 11px;
//border: 1px solid #bac7d2;
border-radius: 8px;
background-clip: padding-box;
background-color: #d4dfe9;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
//background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
//cursor: pointer;
display:block;
text-decoration:none;
vertical-align:top;
text-align:center;
line-height:22px;
}
.tooltip {
color: #c32e04;
text-decoration: underline;
cursor: help;
}
[data-tooltip] {
position: relative;
}
[data-tooltip]::after {
content: attr(data-tooltip);
pointer-events: none;
opacity: 0;
transition: opacity 0.5s;
display: block;
position: absolute;
bottom: 1em;
left: -6em;
width: 15em;
padding: 0.5em;
z-index: 100;
color: #000;
background-color: #ffebe6;
border: solid 1px #c32e04;
border-radius: 0.5em;
}
[data-tooltip]:hover::after {
opacity: 1;
}
.hl-seite {
padding-left: 0 !important;
padding: 0;
width: auto;
height: auto;
display: block;
margin: 0 auto;
position: relative;}
.hl-seite * {
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;}
div.hl-seite3 {
left:-1%;
position: relative;}
.hl-seite input { display: none; }
.hl-gruppe1:hover{
transform: scale(1.05);
transition: all 0.5s ease-in-out;
position:absolute;
//position:relative;x-index:2000;
top:30px; left:30px;
transition: all 5.7s ease;
}
.hl-gruppe {
display: block;
transform: scale(1);
transition: 0.5s;
position: relative;
left: 1%; }
.hl-seite2 {
top: 0;
opacity: 0;
width: auto;
display: block;
position: absolute;
transform: scale(0);
transition: all .1s ease-in-out;
}
.hl-seite2 img {
width: auto;
max-width: 100%;
max-height:inherit;
margin: 0 0 0 -1%;}
.hl-seite3-dots {
width: 100%;
top: 570px;
height: 25px;
display: block;
position: relative;
text-align: center;}
.hl-seite3 label {
width: auto;
height: auto;
display: none;
position: absolute;
opacity: 0;
z-index: 10000;
cursor: pointer;
transition: opacity .01s;
color: #FFF;
font-size: 20em;
text-align: center;
font-family: "Verdana", sans-serif;
//background-color: rgba(255, 255, 255, .30);
text-shadow: 0px 0px 15px rgb(159, 159, 119);}
.hl-seite2:hover +
.hl-seite3 label { opacity: 0.4;
}
.hl-seite3 label:hover { opacity: 1;
}
.hl-seite3 .zoom { right: 38%;
width: auto;
height: auto;
display: none;
position: absolute;
opacity: 0;
z-index: 10000;
cursor: pointer;
transition: opacity .1s;
color: #FFF;
font-size: 5em;
text-align: center;
font-family: "Verdana", sans-serif;
//background-color: rgba(255, 255, 255, .30);
text-shadow: 0px 12px 15px rgb(159, 159, 119);
}
.hl-seite3 .next { right: 0; }
input:checked + .hl-gruppe .hl-seite2 {
opacity: 1;
transform: scale(1);
//transition: opacity 0.4s ease-in-out;}
input:checked + .hl-gruppe .hl-seite3 label { display: block; }
.hl-seite3-dots .hl-seite3-dot {
top: -5px;
width: 96px;
height: 61px;
margin: 0 1px;
position: relative;
display: inline;}
.hl-seite3-dots .hl-seite3-dot:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.8);}
input#img-1:checked ~ .hl-seite3-dots label#img-dot-1,
input#img-2:checked ~ .hl-seite3-dots label#img-dot-2,
input#img-3:checked ~ .hl-seite3-dots label#img-dot-3,
input#img-4:checked ~ .hl-seite3-dots label#img-dot-4,
input#img-5:checked ~ .hl-seite3-dots label#img-dot-5,
input#img-6:checked ~ .hl-seite3-dots label#img-dot-6,
input#img-7:checked ~ .hl-seite3-dots label#img-dot-7,
input#img-8:checked ~ .hl-seite3-dots label#img-dot-8,
input#img-9:checked ~ .hl-seite3-dots label#img-dot-9,
input#img-10:checked ~ .hl-seite3-dots label#img-dot-10
{
background: rgba(200, 100, 0, 0.8);}
.hl-seite3-dot > img {
border: 1px solid gray;
}
.hl-seite3 label {
line-height: 435px;}
.hl-seite3-dot > img {
text-align: center;
height: 80px;}
@media all and (max-width: 1100px) {
.left{
float:none;
//margin-top: 10px;
}
.template_information {
margin-top: 248px;
}
}
@media all and (max-width: 900px) {
.hl-seite3-dots {
width: 100%;
top: 585px;
height: 25px;
display: block;
position: relative;
text-align: center;}
.left{
float:none;
//margin-top: 10px;
}
.template_information {
margin-top: 228px;
}
}
@media all and (max-width: 800px) {
.buy_form {
padding-top: 20px;
padding-bottom: 19px;
padding-left: 15%;
width: 85%;
margin-top: 19px;
}
.hl-seite3-dots {
width: 100%;
top: 555px;
height: 25px;
display: block;
position: relative;
text-align: center;}
.hl-seite2 img {
width: auto;
max-width: 100%;
max-height:510px;
margin: 0 0 0 -1%;}
.template_information {
//margin-top: 708px;
}
}
@media all and (max-width: 700px) {
.buy_form {
padding-top: 20px;
padding-bottom: 19px;
padding-left: 15%;
width: 120%;
margin-top: 19px;
}
.template_information {
// margin-top: 748px;
}
.left{
float:none;
//margin-top: 10px;
}
.hl-seite3-dots {
width: 100%;
top: 525px;
height: 25px;
display: block;
position: relative;
text-align: center;}
.hl-seite2 img {
width: auto;
max-width: 100%;
max-height:480px;
margin: 0 0 0 -1%;}
}
@media all and (max-width: 600px) {
.buy_form {
padding-top: 20px;
padding-bottom: 19px;
padding-left: 15%;
width: 120%;
margin-top: 19px;
}
.hl-seite3-dots {
width: 100%;
top: 485px;
height: 25px;
display: block;
position: relative;
text-align: center;}
.template_information {
margin-top: 648px;
}
.left{
float:none;
//margin-top: 10px;
}
.hl-seite2 img {
width: auto;
max-width: 100%;
max-height:420px;
margin: 0 0 0 -1%;}
.hl-seite3 .zoom {
display: none;
cursor: pointer;
color: #FFF;
font-size: 0em;
text-align: center;
font-family: "Verdana", sans-serif;
text-shadow: 0px 12px 15px rgb(159, 159, 119);
}
}
@media all and (max-width: 500px) {
.buy_form {
padding-top: 20px;
padding-bottom: 19px;
padding-left: 10%;
width: 120%;
margin-top: 19px;
}
.left{
float:none;
//margin-top: 10px;
}
.hl-seite3 label {
line-height: 305px;}
.btn,
.btn:visited {
padding: 5px 10px;
}
.template_information {
margin-top: 498px;
text-align: left;
}
.hl-seite3-dots {
width: 100%;
top: 350px;
height: 25px;
display: block;
position: relative;
text-align: center;}
.hl-seite2 img {
width: auto;
max-width: 100%;
max-height:320px;
margin: 0 0 0 -1%;}
.hl-seite3 .zoom {
display: none;
cursor: pointer;
color: #FFF;
font-size: 0em;
text-align: center;
font-family: "Verdana", sans-serif;
text-shadow: 0px 12px 15px rgb(159, 159, 119);
}
}
@media all and (max-width: 450px) {
.hl-seite3 .zoom {
display: none;
cursor: pointer;
color: #FFF;
font-size: 0em;
text-align: center;
font-family: "Verdana", sans-serif;
text-shadow: 0px 12px 15px rgb(159, 159, 119);
}
.hl-seite3 label {
font-size: 35em;
}
.buy_form {
padding-top: 20px;
padding-bottom: 19px;
padding-left: 10%;
width: 120%;
margin-top: 19px;
}
.left{
float:none;
//margin-top: 10px;
}
.hl-seite3 label {
line-height: 305px;}
.btn,
.btn:visited {
padding: 5px 10px;
}
.template_information {
margin-top: 520px;
text-align: left;
}
.hl-seite3-dots {
width: 100%;
top: 350px;
height: 25px;
display: block;
position: relative;
text-align: center;}
.hl-seite2 img {
width: auto;
max-width: 100%;
max-height:320px;
margin: 0 0 0 -1%;}
}
table.attributes tr {
line-height: 23px;
}
table.attributes tr td {
padding-right: 25px;
color: #4e5e6b;
}
table.attributes tr td:last-child {
font-weight: bold;
}
.clear2 img {
float: right;
margin-top: -5px;
margin-bottom: 2px;
text-align: right;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
margin-top: -2px;
width: 100%;
}
.ebay_besuchen_1 a.button{
//height: 19px;
//margin-top: 5px;
//width: 80px;
color: #4e5e6b;
font-weight: bold;
font-size: 75%;
//padding-bottom: 5px;
border: 1px solid #bac7d2;
//border-radius: 8px;
background-clip: padding-box;
background-color: #2ECCFA;
box-shadow: 0 2px 4px rgba(0,0,0,.44);
//background-image: linear-gradient(to top, rgba(0,0,0,.14) 0%, rgba(255,255,255,.14) 100%);
//cursor: pointer;
//display:block;
text-decoration:none;
//vertical-align:top;
text-align:center;
//line-height:12px;
margin-left: 9;
}
.tooltip {
color: #c32e04;
text-decoration: underline;
cursor: help;
}
[data-tooltip] {
position: relative;
//padding-top: -50px;
}
[data-tooltip]::after {
content: attr(data-tooltip);
pointer-events: none;
opacity: 0;
transition: opacity 0.5s;
display: block;
position: absolute;
bottom: -5em;
//top: 5px;
left: 6em;
width: 45em;
padding: 0.5em;
z-index: 100;
color: #000;
background-color: #ffebe6;
border: solid 1px #c32e04;
border-radius: 0.5em;
}
[data-tooltip]:hover::after {
opacity: 1;
}
@media all and (min-width: 1550px) {
.buy_form_title {
//color: white;
display:inline-block;
padding-left: 12px;
}
.template_information {
line-height: 29px;
margin-top: 78px;
width: 27%;
min-height: 520px;
display:block;
padding-bottom: 50px;
}
.suche {
//padding-top: 49px;
//margin-top: 26px;
margin-bottom: 52px;
margin-right: auto;
margin-left: auto;
max-width: 1980px;
}
.template {
border-top: 1px solid #ddddde;
margin-left: 10px;
margin-top: 3px;
border-left: 1px solid #dcddde;
border-right: 1px solid #dcddde;
background-color: #f2f2f2;
overflow: hidden;
}
.block_template_d {
width: 1100px;
padding-left: auto;
}
.asa_product_box {
width: 193.5px;
}
.asa_product_box_f {
width: 193.5px;
}
.asa_product_boxs {
width: 193.5px;
}
.template_image_container {
width: 700px;
height: 530px;
border: 1px solid #dbdbdb;
margin-top: 15px;
margin-left: 5px;
padding-left: 10px;
padding-right: 11px;
padding-top: 11px;
padding-bottom: 8px;
border-radius: 10px;
background-clip: padding-box;
background-color: #fff;
box-shadow: inset 0 0 9px rgba(0,0,0,.31);
}
.block_template_d div.block_background {
max-width: 100%;
color: #5e6c77;
//min-height: 800px;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_1 {
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}
.performance_information {
width: 100%;
}
.free_shipping {
width: 200px;
margin-left: 25px;
margin-top: -22px;
margin-bottom: 22px;
color: #4e5e6b;
font-weight: bold;
padding-left: 7px;
padding-right: 7px;
background: white;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: 4px center;
position: absolute;
border-radius: 15px;
border: 6px solid #088A08;
}
.block_template_s {
font-size: 130%;
margin-bottom: 20px;
padding-left:15px;
padding-top: 14px;
//min-height: 600px;
}
.block_template_s h2{
background: #D8D8D8;
//background-repeat: repeat-x;
//color: white;
font-size: 100%;
//font-weight: bold;
//border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 11px;
padding-bottom: 6px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.block_template_s div.block_background {
color: #5e6c77;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_s:nth-child(1) p {
padding-bottom: 39px;
}
.block_template_s:nth-child(2) div.block_background {
padding-bottom: 18px;
}
.block_template_s:nth-child(2) p {
padding-bottom: 5px;
}
.block_template {
font-size: 130%;
max-width: 350px;
}
}
@media all and (min-width: 1630px) {
.template_information {
line-height: 29px;
margin-top: 28px;
width: 35%;
min-height: 520px;
display:block;
padding-bottom: 50px;
}
.buy_form_title {
//color: white;
display:inline-block;
padding-left: 32px;
width: 300px;
}
.suche {
//padding-top: 49px;
//margin-top: 26px;
margin-bottom: 12px;
margin-right: auto;
margin-left: auto;
max-width: 1980px;
}
.template {
border-top: 1px solid #ddddde;
margin-left: 10px;
margin-top: 3px;
border-left: 1px solid #dcddde;
border-right: 1px solid #dcddde;
background-color: #f2f2f2;
overflow: hidden;
}
.block_template_d {
width: 1200px;
padding-left: auto;
}
.asa_product_box {
width: 173px;
}
.asa_product_box_f {
width: 173px;
}
.asa_product_boxs {
width: 173px;
}
.template_image_container {
width: 706px;
height: 530px;
border: 1px solid #dbdbdb;
margin-top: 15px;
margin-left: 5px;
padding-left: 10px;
padding-right: 11px;
padding-top: 11px;
padding-bottom: 8px;
border-radius: 10px;
background-clip: padding-box;
background-color: #fff;
box-shadow: inset 0 0 9px rgba(0,0,0,.31);
}
.block_template_d div.block_background {
max-width: 100%;
color: #5e6c77;
//min-height: 800px;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_1 {
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}
.performance_information {
width: 100%;
}
.free_shipping {
width: 288px;
margin-left: 55px;
margin-top: -22px;
margin-bottom: 22px;
color: #4e5e6b;
font-weight: bold;
padding-left: 7px;
padding-right: 7px;
background: white;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: 4px center;
position: absolute;
border-radius: 15px;
border: 6px solid #088A08;
}
.block_template_s {
font-size: 130%;
width: 550px;
margin-bottom: 20px;
padding-left:15px;
padding-top: 14px;
//min-height: 600px;
}
.block_template_s h2{
background: #D8D8D8;
//background-repeat: repeat-x;
//color: white;
font-size: 100%;
//font-weight: bold;
//border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 11px;
padding-bottom: 6px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.block_template_s div.block_background {
color: #5e6c77;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_s:nth-child(1) p {
padding-bottom: 39px;
}
.block_template_s:nth-child(2) div.block_background {
padding-bottom: 18px;
}
.block_template_s:nth-child(2) p {
padding-bottom: 5px;
}
.block_template {
font-size: 130%;
max-width: 400px;
max-width: 400px;
}
}
@media all and (min-width: 1780px) {
.template_information {
line-height: 29px;
margin-top: 28px;
width: 40%;
min-height: 520px;
display:block;
// padding-bottom: 180px;
}
.suche {
//padding-top: 49px;
//margin-top: 26px;
margin-bottom: 52px;
margin-right: auto;
margin-left: auto;
max-width: 1980px;
}
.template {
border-top: 1px solid #ddddde;
margin-left: 10px;
margin-top: 3px;
border-left: 1px solid #dcddde;
border-right: 1px solid #dcddde;
background-color: #f2f2f2;
overflow: hidden;
}
.block_template_d {
width: 1300px;
padding-left: auto;
}
.asa_product_box {
width: 190px;
}
.asa_product_boxg {
width: 190px;
}
.asa_product_box_f {
width: 190px;
}
.asa_product_boxs {
width: 190px;
}
.template_image_container {
width: 706px;
height: 530px;
border: 1px solid #dbdbdb;
margin-top: 15px;
margin-left: 5px;
padding-left: 10px;
padding-right: 11px;
padding-top: 11px;
padding-bottom: 8px;
border-radius: 10px;
background-clip: padding-box;
background-color: #fff;
box-shadow: inset 0 0 9px rgba(0,0,0,.31);
}
.block_template_d div.block_background {
max-width: 100%;
color: #5e6c77;
//min-height: 800px;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_1 {
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}
.performance_information {
width: 100%;
}
.free_shipping {
width: 288px;
margin-left: 109px;
margin-top: -22px;
margin-bottom: 22px;
color: #4e5e6b;
font-weight: bold;
padding-left: 7px;
padding-right: 7px;
background: white;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: 4px center;
position: absolute;
border-radius: 15px;
border: 6px solid #088A08;
}
.block_template {
font-size: 130%;
max-width: 500px;
}
}
.preloader {
display:none;
}
.preloader_image {
display:none;
}
.page_header {
transition: background 0.2s ease-in-out 0s, margin 0.6s ease-in-out 0s;
top: -30;
left: 0;
right: 0;
position: relative;
z-index: 1000;
margin: 0;
padding: 0;
height: 50px;
}
.header_darkgrey {
top: -40;
background-color: #4e5e6b;
}
.sf-menu > li .mega-menu, .sf-menu li > ul {
text-align: left;
list-style: none;
top: 30;
}
.tt-dropdown-menu .tt-suggestion, .tt-menu .tt-suggestion {
display: block;
padding: 3px 12px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #797979;
}
.tt-dropdown-menu, .tt-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
}
.form-control {
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #606060;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.tt-menu {
border-radius: 4px;
background-color: #ffffff;
position: absolute;
top: 150;
left: 35%;
max-width:650px;
max-height: 420px;
z-index: 5;
}
.tt-menuoben {
border-radius: 4px;
background-color: #ffffff;
position: absolute;
top: 250;
left: 35%;
max-width:650px;
max-height: 420px;
z-index: 5;
}
.tt-menuoben a {
margin-left: 5px;
margin-right: 5px;
}
.tt-menu a {
margin-left: 5px;
margin-right: 5px;
}
.toggle_menu.mobile-active1 {
z-index: 3000;
display: block;
width: 30px;
top: 39px;
background-color: #181407;
content: '';
left: 380;
-webkit-transform: rotate(0deg);
transform: rotate(45deg);
transition: .25s ease-in-out;
height: 2px;
}
.toggle_menu2.mobile-active2 {
z-index: 3000;
display: block;
width: 30px;
top: 39px;
background-color: #181407;
content: '';
left: 380;
-webkit-transform: rotate(0deg);
transform: rotate(225deg);
transition: .25s ease-in-out;
height: 2px;
}
.toggle_menu:before, .toggle_menu span {
left: 15px;
top: 50%;
}
.toggle_menu {
position: absolute;
top: 50%;
left: 50%;
margin-left: -30px;
margin-top: -30px;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 1001;
visibility: visible;
}
.block_template_d h2 button a
{
color: #F2F2F2;
}
.auswahl_a{
padding-left: 5px;
width: 19%;
display: inline-block;
padding-bottom: 7px;
}
.auswahl{
padding-left: 5px;
width: 19%;
display: inline-block;
padding-bottom: 7px;
}
.auswahl select{
color: #323232;
font-size: 25px;
height: 63px;
font-weight: 30;
width: 100%;
z-index: 1001;
//position: absolute;
background-color: #ffffff;
}
.auswahl_a select{
//position: absolute;
color: #323232;
font-size: 20px;
//height: 40px;
font-weight: 30;
width: 100%;
//z-index: 1001;
//position: absolute;
//background-color: #ffffff;
}
.rot{
color: #FF0040;
}
.menuecss{
text-align: center;
}
.spracher{
width: 400px;
//margin-top: 3px;
padding-right: 3px;
position: absolute;
text-align: right;
display: inline-block;
}
@media (min-width: 650px) and (max-width: 1100px) {
.tt-menu {
border-radius: 4px;
background-color: #ffffff;
position: absolute;
top: 300;
left: 15%;
max-width:650px;
max-height: 420px;
z-index: 5;
}
.block_template_d{
width: 594px;
padding-left:auto;
}
.ebay_besuchen5 {
}
.block_template_s {
font-size: 130%;
width: 300px;
margin-bottom: 20px;
padding-left:15px;
padding-top: 14px;
//min-height: 600px;
}
.block_template_s h2{
background: #D8D8D8;
//background-repeat: repeat-x;
//color: white;
font-size: 100%;
//font-weight: bold;
//border-bottom: 2px solid #088A08;
padding-left:15px;
padding-top: 11px;
padding-bottom: 6px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.block_template_s div.block_background {
color: #5e6c77;
padding-right: 16px;
padding-left: 16px;
padding-top: 19px;
line-height: 20px;
border-radius: 7px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 3px rgba(107,109,113,.7);
background-image: linear-gradient(to top, #dbdbdc 0%, #dbdbdc 0.54%, #e8e8e8 2.44%, #f2f2f2 23.63%, #f2f2f2 79.35%, #fff 100%);
}
.block_template_s:nth-child(1) p {
padding-bottom: 39px;
}
.block_template_s:nth-child(2) div.block_background {
padding-bottom: 18px;
}
.block_template_s:nth-child(2) p {
padding-bottom: 5px;
}
.block_template {
font-size: 130%;
margin-bottom: 20px;
padding-left: 15px;
padding-top: 14px;
}
.header_darkgrey {
min-width: 1000px;
top: -40;
background-color: #4e5e6b;
}
.main {
min-width: 1000px;
top: -40;
background-color: #4e5e6b;
}
.template_image_container {
width: 526px;
height: 560px;
//border: 1px solid #dbdbdb;
//margin-top: 15px;
//margin-left: 5px;
//padding-left: 10px;
//padding-right: 11px;
//padding-top: 11px;
//padding-bottom: 8px;
//border-radius: 10px;
//background-clip: padding-box;
//background-color: #fff;
//box-shadow: inset 0 0 9px rgba(0,0,0,.31);
}
.template_information {
line-height: 29px;
// margin-top: 120px;
width: 550px;
//min-height: 460px;
position: relative;
//padding-bottom: 150px;
font-size: 130%;
}
.block_template_1 {
width: 525px;
margin-bottom: 20px;
margin-top: 20px;
display: inline-block;
}
}
.template_choose_image_1 video {
width: 90%;
padding-left: 5%;
padding-right: auto;
}
@media (min-width: 250px) and (max-width: 649px) {
.tt-menu {
border-radius: 4px;
background-color: #ffffff;
position: absolute;
top: 300;
left: 15%;
max-width:650px;
max-height: 420px;
z-index: 5;
}
.block_template_1 {
width: 390px;
}
.main12 {
width: 400px;
margin-left: auto;
margin-right: auto;
}
.auto {
height: 320px;
overflow: auto;
width: 370px;
border: 1px solid #000;
padding: 10px;
}
.ebay_besuchen_1 form {
margin-top: 20px;
margin-left: 1px;
margin-right: 13px;
width: 133px;
margin-bottom: 15px;
text-align: left;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], textarea, select, .form-control {
height: 50px;
background-color: transparent;
border-radius: 5px;
box-shadow: none;
color: #323232;
padding-left: 20px;
//padding-right: 20px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
//line-height: 30px;
font-weight: 300;
border: 2px solid rgba(0, 0, 0, 0.05);
width: 200px;
}
body {
font: normal 14px/1 Arial,Helvetica,Garuda,sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 1;
}
.ebay_besuchen_1 form {
margin-top: 20px;
margin-left: 20px;
margin-right: 13px;
width: 243px;
margin-bottom: 15px;
text-align: left;
}
.ebay_besuchen_3 form {
margin-top: 20px;
margin-left: 100px;
margin-right: 13px;
width: 243px;
margin-bottom: 15px;
text-align: left;
}
}
@media (min-width: 1100px) and (max-width: 1600px) {
.template_information {
line-height: 29px;
margin-top: 198px;
width: 80%;
}
.buy_form {
background:
#D8D8D8;
border-top: 1px solid
#ddddde;
//box-shadow: inset 0 3px 0 white;
padding-top: 20px;
padding-bottom: 19px;
padding-left: 12px;
width: 100%;
margin-top: 19px;
margin-left: 19px;
}
.free_shipping {
width: 300px;
margin-left: 25px;
margin-top: -22px;
margin-bottom: 22px;
color: #4e5e6b;
font-weight: bold;
padding-left: 7px;
padding-right: 7px;
background: white;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: 4px center;
position: absolute;
border-radius: 15px;
border: 6px solid #088A08;
}
.template_image_container {
//width: 900px;
height: 430px;
border: 1px solid
#dbdbdb;
margin-top: 15px;
margin-left: 5px;
padding-left: 10px;
padding-right: 11px;
padding-top: 11px;
padding-bottom: 118px;
border-radius: 10px;
background-clip: padding-box;
background-color:
#fff;
box-shadow: inset 0 0 9px
rgba(0,0,0,.31);
}
.left {
float: middle;
// margin-top: 10px;
}
}
.top1 tbody {
height: 9em;
overflow: scroll;
overflow-x: scroll;
display: block;
padding: 1px 3px;
line-height: 1.42857143;
vertical-align: top;
border: 1px solid #585858;
height: 170px;
table-layout: fixed;
overflow-x: scroll;
font-size: 10px;
color: #585858;
}
.asa_txt button a
{
color:#E0F8F7;
}
button a
{
color:#E0F8F7;
}
.left button a
{
color:#E0F8F7;
}
.left1{
float:left;
margin-top: 10px;
text-align: left;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background: transparent;
color: #79d7d8;
}
.pagination > .disabled > a,
.pagination > .disabled > span,
.pagination > .disabled > a:hover,
.pagination > .disabled > span:hover,
.pagination > .disabled > a:focus,
.pagination > .disabled > span:focus {
background-color: #fafafa;
color: #656565;
opacity: 0.5;
}
/* forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea,
select,
.form-control {
height: 50px;
background-color: transparent;
border-radius: 5px;
box-shadow: none;
color: #323232;
padding-left: 20px;
//padding-right: 20px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
//line-height: 30px;
font-weight: 300;
border: 2px solid rgba(0, 0, 0, 0.05);
}
input[type="text"] + .theme_button,
input[type="email"] + .theme_button,
input[type="url"] + .theme_button,
input[type="password"] + .theme_button,
input[type="search"] + .theme_button,
input[type="tel"] + .theme_button,
input[type="number"] + .theme_button,
input[type="date"] + .theme_button,
textarea + .theme_button,
select + .theme_button,
.form-control + .theme_button {
position: absolute;
padding: 0;
top: 0;
right: 0;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
color: #ffffff;
box-shadow: none;
border-radius: 0 20px 20px 0;
cursor: pointer;
}
.input-text-center input[type="text"], .input-text-center
input[type="email"], .input-text-center
input[type="url"], .input-text-center
input[type="password"], .input-text-center
input[type="search"], .input-text-center
input[type="tel"], .input-text-center
input[type="number"], .input-text-center
input[type="date"], .input-text-center
textarea, .input-text-center
select, .input-text-center
.form-control {
text-align: center;
}
.with_background input[type="text"], .with_background
input[type="email"], .with_background
input[type="url"], .with_background
input[type="password"], .with_background
input[type="search"], .with_background
input[type="tel"], .with_background
input[type="number"], .with_background
input[type="date"], .with_background
textarea, .with_background
select, .with_background
.form-control {
background-color: #ffffff;
}
.form-group {
position: relative;
margin-bottom: 20px;
}
.form-group-wrap {
position: relative;
}
.inline-form .form-group-wrap {
display: inline-block;
}
/* select styling */
.form-control option {
color: #323232;
background-color: #ffffff;
}
.form-control-unstyled {
border: none;
background-color: transparent;
}
/* select styling */
.select-group {
position: relative;
border-radius: 0;
padding: 0;
z-index: 1;
}
.select-group select {
position: relative;
cursor: pointer;
z-index: 1;
padding-right: 50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent !important;
box-shadow: none !important;
}
.select-group select::-ms-expand {
display: none;
}
.select-group .empty {
color: #656565;
}
.select-group option {
font-style: normal;
color: #323232;
font-weight: 300;
}
.select-group option[data-default] {
color: #656565;
}
.select-group:hover select + .theme_button,
.select-group:hover select + i {
color: #323232;
}
.select-group:hover .theme_button {
transition: all 0.05s linear 0s;
}
.select-group select + i,
.select-group .theme_button {
font-size: 14px;
z-index: -1;
}
.form-inline .select-group {
display: inline-block;
max-width: 100%;
}
.form-inline .select-group select {
width: 100%;
}
.form-control.invalid {
box-shadow: 0 0 0 2px #4ebbe3;
}
.form-control:focus {
border-color: rgba(101, 101, 101, 0.3);
box-shadow: none;
}
.form-control:-moz-placeholder {
color: #939393;
font-style: italic;
}
.form-control::-moz-placeholder {
color: #939393;
}
.form-control:-ms-input-placeholder {
color: #939393;
}
.form-control::-webkit-input-placeholder {
color: #939393;
}
.form-control:focus:-moz-placeholder {
color: transparent;
}
.form-control:focus::-moz-placeholder {
color: transparent;
}
.form-control:focus:-ms-input-placeholder {
color: transparent;
}
.form-control:focus::-webkit-input-placeholder {
color: transparent;
}
/*icons for forms */
form label + i,
form label + i {
position: absolute;
font-size: 14px !important;
left: 20px;
top: 18px;
width: 1em;
line-height: 1;
text-align: center;
}
form label + i + .form-control,
form label + i + .form-control {
padding-left: 45px;
}
form .with_icon {
padding-left: 25px;
}
form .with_icon + [class*="fa-"],
form .with_icon + [class*="icon2-"] {
position: absolute;
top: 17px;
left: 2px;
font-size: 12px;
}
form .with_icon:focus + [class*="fa-"],
form .with_icon:focus + [class*="icon2-"] {
color: #bee27b;
}
label {
font-weight: inherit;
}
.checkbox label,
.radio label {
font-weight: inherit;
}
.checkbox label[for],
.radio label[for] {
font-weight: inherit;
}
.form-control + [class*="icon2-"] {
position: absolute;
font-size: 24px;
left: 20px;
top: 50%;
color: #4ebbe3;
}
.checkbox label[for] + input[type=checkbox],
.checkbox label[for] + input[type=radio],
.radio label[for] + input[type=checkbox],
.radio label[for] + input[type=radio] {
left: 20px;
}
input[type=checkbox],
input[type=radio] {
//margin-top: 7px;
}
.form-wrapper.with_background, .form-wrapper.muted_background, .form-wrapper.cs, .form-wrapper.ds, .form-wrapper.ls {
padding: 35px;
}
.form-inline-button .form-inline {
position: relative;
}
.form-inline-button .form-inline .form-control {
width: 100%;
margin: 0;
}
.form-inline-button .form-inline label {
display: block;
}
.form-inline-button .form-inline label[for] {
display: none;
}
.form-inline-button .form-inline .form-group {
display: block;
vertical-align: top;
position: relative;
}
@media (min-width: 768px) {
.form-inline-button .form-inline .form-group.inline-block {
min-width: 370px;
margin-right: 5px;
}
}
.form-inline-button .form-inline [type="text"],
.form-inline-button .form-inline [type="password"],
.form-inline-button .form-inline [type="search"],
.form-inline-button .form-inline [type="email"] {
padding-right: 50px;
width: 100%;
}
.form-inline-button .form-inline [type="submit"],
.form-inline-button .form-inline .theme_button {
font-size: 0;
padding-left: 22px;
padding-right: 22px;
margin: 0;
position: absolute;
right: 0;
top: 0;
border: none;
background-color: #4ebbe3;
color: #ffffff;
}
.form-inline-button .form-inline [type="submit"] i,
.form-inline-button .form-inline .theme_button i {
font-size: 16px;
content: "\e656";
font-family: 'rt-icons-2';
line-height: 1;
top: 0;
}
.form-inline-button .form-inline [type="submit"]:hover,
.form-inline-button .form-inline .theme_button:hover {
opacity: 0.5;
}
.has-error .form-control {
border-color: #4ebbe3;
}
.has-error label,
.has-error .help-block {
color: #4ebbe3;
}
/* inline input with button */
.button-on-input {
position: relative;
}
.button-on-input input[type*="text"],
.button-on-input input[type*="email"]
input[type*="password"],
.button-on-input .form-group {
width: 100%;
}
.button-on-input button,
.button-on-input input[type*="submit"] {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
/* bootstrap tables */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
padding: 15px 15px;
border-color: #f2f2f2;
}
.table {
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
.table td + th,
.table th + td,
.table th + th,
.table td + td {
border-left: 1px solid #f2f2f2;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border-bottom-width: 1px;
}
.table > tbody > tr > td.media-middle {
vertical-align: middle;
}
.table-responsive {
border: none;
}
/* bootstrap buttons */
.btn {
padding: 22px 30px 22px;
margin: 0 0 4px 0;
font-weight: 700;
border: none;
border-radius: 0;
outline: none;
transition: all 0.3s ease-in-out 0s;
}
.btn:hover, .btn:focus {
outline: none;
}
/* media elements */
.media {
margin-top: 17px;
}
.media .media-object {
max-width: 100px;
}
li.media:before,
li.media:after {
display: block;
content: '';
clear: both;
}
.media-right,
.media > .pull-right {
padding-left: 20px;
}
.media-left,
.media > .pull-left {
padding-right: 20px;
}
.media-left img,
.media-right img {
max-width: 85px;
}
/* small in headings */
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
color: inherit;
font-weight: 300;
}
/* labels */
.label-success {
color: #ffffff;
background-color: #9fc201;
}
.label-info {
color: #ffffff;
background-color: #19bcdb;
}
.label-warning {
color: #ffffff;
background-color: #f4b803;
}
.label-danger {
color: #ffffff;
background-color: #ec5c42;
}
/*caret*/
.caret {
border: none;
line-height: 20px;
width: 20px;
height: 20px;
border: 1px solid #f2f2f2;
text-align: center;
margin-left: 5px;
vertical-align: baseline;
}
.caret:before {
content: "\f107";
font-family: FontAwesome;
}
/* helpers */
@media (max-width: 499px) {
.hidden-xxs {
display: none !important;
}
}
/*
** General Styles for HTML tags
*/
html {
width: 100%;
height: 100%;
position: relative;
overflow: visible;
font-size: 16px;
}
::-moz-selection {
color: #ffffff;
background-color: #4ebbe3;
}
::selection {
color: #ffffff;
background-color: #4ebbe3;
}
::-moz-selection {
color: #ffffff;
//background-color: #4ebbe3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
line-height: 1.34;
word-break: break-word;
margin-top: 1.1em;
margin-bottom: 0.8em;
}
h1 {
font-size: 52px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0;
}
p {
margin-bottom: 15px;
}
p:last-child {
margin-bottom: 0;
}
blockquote {
position: relative;
margin: 40px 0;
padding: 0 0 0 50px;
border: none;
font-size: 20px;
font-weight: 300;
line-height: 1.5em;
color: #656565;
}
blockquote .item-meta {
margin-top: 25px;
}
blockquote h4, blockquote h5 {
font-size: 30px;
margin-bottom: 0;
}
blockquote cite {
display: block;
font-style: normal;
margin-top: 40px;
font-size: 18px;
}
blockquote:before {
content: "\"";
font-size: 80px;
position: absolute;
font-style: italic;
font-weight: 700;
top: 25px;
left: -10px;
color: #323232;
}
@media (min-width: 992px) {
blockquote.lg-big {
font-size: 24px;
padding-left: 70px;
}
blockquote.lg-big:before {
font-size: 130px;
left: -20px;
top: 45px;
}
}
.flexslider blockquote,
.owl-carousel blockquote {
margin: 0;
}
img, figure {
//max-width: 100px;
height: auto;
}
figcaption, .entry-caption {
padding: 2px 0 12px;
}
figcaption p, .entry-caption p {
margin-bottom: 0;
}
a {
text-decoration: none;
transition: all 0.05s ease-in-out 0s;
}
a:hover {
color: #bee27b;
text-decoration: none;
transition: all 0.2s linear 0s;
}
input:focus,
button:focus,
select:focus,
textarea:focus,
a:focus {
outline: medium none;
text-decoration: none;
}
a > img {
//transition: all 0.2s ease-in-out 0s;
}
a:hover > img {
opacity: 0.8;
}
hr {
border: none;
height: 1px;
margin-left: 0;
margin-right: 0;
background-color: #f2f2f2;
}
iframe {
border: none;
max-width: 100%;
}
input[type='number'] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
table {
width: 100%;
max-width: 100%;
margin: 10px 0;
}
table th {
color: #323232;
font-weight: normal;
vertical-align: middle;
line-height: 1;
}
.table_template thead {
background-color: #4ebbe3;
color: #323232;
}
.table_template thead.light {
background-color: #ffffff;
}
.table_template th {
font-weight: 700;
}
.table_template td, .table_template th {
padding: 18px 30px;
}
.table_template tbody tr:nth-of-type(odd) {
background-color: rgba(238, 238, 238, 0.1);
}
.table_template tbody tr:nth-of-type(even) {
background-color: rgba(17, 17, 17, 0.05);
}
canvas {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
/*
** Styled Lists
*/
ul, ol {
padding-left: 30px;
margin-bottom: 20px;
}
.list1 ul,
ul.list1 {
list-style: none;
padding: 0;
}
.padding_30 .list1 ul, .padding_30
ul.list1 {
margin: 0;
}
.list1 li {
position: relative;
padding: 9px 0 10px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.muted_background .list1 li {
border-color: rgba(255, 255, 255, 0.4);
}
.list1 li > .media {
margin: 3px 0;
}
@media (min-width: 992px) {
.list1 li {
padding-top: 10px;
padding-bottom: 10px;
}
}
.list1.big-padding li {
padding-top: 22px;
padding-bottom: 21px;
}
.list1.huge-padding li {
padding-top: 37px;
padding-bottom: 36px;
}
.list1.no-bullets li {
padding-left: 0;
}
.list1.no-bullets li:before {
display: none;
}
.list1 li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.list1.no-top-border li:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.list1.no-bottom-border li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.list1 li:before {
content: '';
display: block;
position: absolute;
border: 1px solid #4ebbe3;
left: 10px;
top: 21px;
width: 7px;
height: 7px;
border-radius: 50%;
}
.list2 ul,
ul.list2 {
list-style: none;
padding-left: 20px;
}
.list2 li {
position: relative;
padding: 5px 0 5px 0;
}
.list2 li:first-child {
padding-top: 0;
}
.list2 li:first-child:before {
top: calc(50% - 5px);
-webkit-transform: translateY(0);
transform: translateY(0);
}
/*
** Time Table
*/
#timetable span {
display: block;
}
#timetable th, #timetable td {
vertical-align: middle;
font-weight: normal;
text-align: center;
padding: 25px 5px;
}
#timetable thead {
color: #ffffff;
}
#timetable thead th {
border: 1px solid rgba(255, 255, 255, 0.23);
border-width: 0 1px;
}
#timetable tbody th, #timetable tbody td {
border: 1px solid #f2f2f2;
transition: all 0.2s ease-in-out 0s;
}
#timetable tbody .current {
background-color: #4ebbe3;
border-color: #4ebbe3;
}
#timetable tbody .current a {
color: #ffffff;
}
/*
** toTop
*/
#toTop {
bottom: 10px;
right: 10px;
display: none;
width: 50px;
height: 50px;
overflow: hidden;
position: fixed;
text-decoration: none;
z-index: 9999;
font-size: 0;
color: transparent;
border-radius: 50%;
color: #ffffff;
background: #4ebbe3;
}
@media (min-width: 768px) {
#toTop {
bottom: 30px;
right: 30px;
}
}
@media (min-width: 992px) {
#toTop {
width: 60px;
height: 60px;
bottom: 60px;
right: 60px;
}
}
#toTop:after {
color: #ffffff;
content: "\f106";
font-size: 16px;
line-height: 50px;
font-family: FontAwesome;
text-align: center;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 0.2s linear;
}
@media (min-width: 992px) {
#toTop:after {
line-height: 60px;
}
}
#toTopHover, #toTop:hover {
bottom: 15px;
opacity: 1;
}
@media (min-width: 768px) {
#toTopHover, #toTop:hover {
bottom: 35px;
}
}
@media (min-width: 992px) {
#toTopHover, #toTop:hover {
bottom: 65px;
}
}
#toTop:hover:after {
color: #ffffff;
}
#toTop:active, #toTop:focus {
outline: medium none;
}
.fa-lg {
font-size: 30;
line-height: .05em;
vertical-align: -.075em;
}
/* RESET - ganz wichtig */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* HEADER IMMER FIXIERT */
.modern-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 9999 !important;
background: white !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
transform: none !important; /* Verhindert Verstecken */
transition: none !important; /* Keine Animationen */
}
/* BODY ANPASSUNG */
body {
padding-top: 50px !important; /* Platz für Header */
}
.header-content {
display: flex;
justify-content: space-between;
}
/* Body-Padding um den Header-Platz zu schaffen */
body.with-fixed-header {
padding-top: 60px; /* Anpassen je nach Header-Höhe */
}
.header-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
.logo-section a {
display: flex;
align-items: center;
text-decoration: none;
}
.logo-section img {
height: 2.5rem;
max-height: 3rem;
width: auto;
}
/* Desktop Navigation */
.desktop-nav {
display: none;
align-items: center;
gap: 1rem;
}
.nav-item {
position: relative;
display: inline-block;
}
.nav-link {
color: #4b5563;
text-decoration: none;
font-weight: 500;
padding: 0.5rem 0.75rem;
border-radius: 0.375rem;
transition: all 0.2s ease;
display: flex;
align-items: center;
gap: 0.25rem;
white-space: nowrap;
}
.nav-link:hover {
color: #2563eb;
background-color: #f3f4f6;
}
/* Dropdown-Menü */
.dropdown {
position: relative;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
background: white;
border-radius: 0.375rem;
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
min-width: 12rem;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.2s ease;
z-index: 50;
}
.dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dropdown-item {
display: block;
padding: 0.5rem 1rem;
color: #374151;
text-decoration: none;
font-size: 0.875rem;
transition: all 0.2s ease;
}
.dropdown-item:hover {
background-color: #2563eb;
color: white;
}
/* Warenkorb-Icon */
.cart-container {
position: relative;
cursor: pointer;
color: #4b5563;
padding: 0.5rem 0.75rem;
border-radius: 0.375rem;
transition: all 0.2s ease;
display: flex;
align-items: center;
gap: 0.25rem;
}
.cart-container:hover {
color: #2563eb;
background-color: #f3f4f6;
}
.cart-badge {
position: absolute;
top: 0.25rem;
right: 0.25rem;
background: #ef4444;
color: white;
font-size: 0.75rem;
font-weight: bold;
padding: 0.125rem 0.375rem;
border-radius: 9999px;
min-width: 1.25rem;
text-align: center;
line-height: 1;
}
/* Mobile Header */
.mobile-header {
display: flex;
align-items: center;
gap: 0.5rem;
}
.mobile-cart {
position: relative;
cursor: pointer;
color: #4b5563;
padding: 0.5rem;
margin-right: 0.5rem;
}
.mobile-cart:hover {
color: #2563eb;
}
.mobile-cart .cart-badge {
position: absolute;
top: -0.25rem;
right: -0.25rem;
background: #ef4444;
color: white;
font-size: 0.75rem;
font-weight: bold;
padding: 0.125rem 0.25rem;
border-radius: 9999px;
}
.mobile-menu-button {
color: #4b5563;
background: none;
border: none;
font-size: 1.45rem;
cursor: pointer;
padding: 0.5rem;
}
.mobile-menu-button:hover {
color: #2563eb;
}
/* Mobile Navigation */
.mobile-nav {
display: none;
background: white;
border-top: 1px solid #e5e7eb;
padding: 1rem 0;
}
.mobile-nav.open {
display: block;
}
.mobile-nav-item {
display: block;
padding: 0.75rem 1rem;
color: #4b5563;
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid #f3f4f6;
transition: all 0.2s ease;
}
.mobile-nav-item:hover {
background-color: #eff6ff;
color: #2563eb;
}
.language-select {
width: 100%;
padding: 0.5rem;
border: 1px solid #d1d5db;
border-radius: 0.375rem;
background: white;
color: #374151;
margin: 0.5rem 1rem;
}
/* Content Bereich - um zu zeigen, dass der Header fixiert ist */
.content {
padding: 2rem 1rem;
max-width: 1200px;
margin: 0 auto;
}
.content-section {
background: white;
padding: 2rem;
margin: 1rem 0;
border-radius: 0.5rem;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* Responsive Design */
@media (min-width: 768px) {
.desktop-nav {
display: flex;
}
.mobile-header {
display: none;
}
body.with-fixed-header {
padding-top: 90px; /* Größerer Padding für Desktop */
}
}
@media (max-width: 767px) {
.header-container {
padding: 0 0.5rem;
}
.header-content {
padding: 0.5rem 0;
min-height: 50px;
}
.logo-section img {
height: 2rem;
}
body.with-fixed-header {
padding-top: 60px; /* Kleinerer Padding für Mobile */
}
}
.vehicles-container {
background: #f8fafc;
padding: 2rem 1rem;
border-radius: 12px;
margin: 1rem 0;
}
.vehicles-header {
text-align: center;
margin-bottom: 2rem;
}
.vehicles-title {
font-size: 2rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 0.5rem;
background: linear-gradient(135deg, #3b82f6, #1e40af);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.vehicles-subtitle {
color: #64748b;
font-size: 1rem;
}
/* Grid Layout für Fahrzeuge */
.vehicles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
max-width: 1200px;
margin: 0 auto;
}
/* Mobile optimiert */
@media (max-width: 768px) {
.vehicles-grid {
grid-template-columns: 1fr;
gap: 1rem;
}
.vehicles-container {
padding: 1rem 0.5rem;
}
.vehicles-title {
font-size: 1.5rem;
}
}
/* Fahrzeug Card */
.vehicle-card {
background: white;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
position: relative;
}
.vehicle-card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
/* Bild Container */
.vehicle-image-container {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
}
.vehicle-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.vehicle-card:hover .vehicle-image {
transform: scale(1.05);
}
/* Verfügbarkeits-Badge */
.availability-badge {
position: absolute;
top: 12px;
right: 12px;
background: #10b981;
color: white;
padding: 0.25rem 0.75rem;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Content Bereich */
.vehicle-content {
padding: 1.5rem;
}
.vehicle-title {
font-size: 1.25rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 0.5rem;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.vehicle-details {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1rem;
}
.detail-tag {
background: #e0f2fe;
color: #0369a1;
padding: 0.25rem 0.75rem;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 500;
}
/* Action Button */
.vehicle-action {
width: 100%;
background: linear-gradient(135deg, #3b82f6, #1d4ed8);
color: white;
border: none;
padding: 0.75rem 1rem;
border-radius: 10px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.vehicle-action:hover {
background: linear-gradient(135deg, #1d4ed8, #1e40af);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}
.action-icon {
width: 18px;
height: 18px;
}
/* Placeholder für leere Bilder */
.image-placeholder {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
color: #64748b;
font-size: 3rem;
}
/* Loading Animation */
.loading-shimmer {
background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
background-size: 200% 100%;
animation: shimmer 2s infinite;
}
@keyframes shimmer {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
/* Responsives Design */
@media (max-width: 640px) {
.vehicle-content {
padding: 1rem;
}
.vehicle-title {
font-size: 1.1rem;
}
.vehicle-image-container {
height: 160px;
}
}
.warenkorb-modal {
display: none;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
animation: fadeIn 0.3s ease;
}
.warenkorb-modal-content {
background-color: #fefefe;
margin: 5% auto;
padding: 0;
border-radius: 12px;
width: 90%;
max-width: 600px;
max-height: 80vh;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
animation: slideIn 0.3s ease;
}
.warenkorb-header {
padding: 20px;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border-radius: 12px 12px 0 0;
}
.warenkorb-header h3 {
margin: 0;
font-size: 1.5rem;
}
.warenkorb-close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
}
.warenkorb-close:hover {
transform: scale(1.1);
opacity: 0.8;
}
.warenkorb-body {
padding: 20px;
overflow-y: auto;
flex-grow: 1;
max-height: 50vh;
}
.warenkorb-footer {
padding: 20px;
border-top: 1px solid #eee;
text-align: center;
background-color: #f8f9fa;
border-radius: 0 0 12px 12px;
}
.warenkorb-item {
display: flex;
align-items: center;
padding: 15px;
border-bottom: 1px solid #eee;
background: white;
margin-bottom: 10px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
.warenkorb-item:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.warenkorb-item img {
width: 80px;
height: 60px;
object-fit: cover;
border-radius: 4px;
margin-right: 15px;
}
.warenkorb-item-info {
flex-grow: 1;
}
.warenkorb-item-title {
font-weight: bold;
margin-bottom: 5px;
color: #333;
}
.warenkorb-item-price {
color: #e74c3c;
font-weight: bold;
font-size: 1.1rem;
}
.warenkorb-item-remove {
background: #e74c3c;
color: white;
border: none;
padding: 8px 12px;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
}
.warenkorb-item-remove:hover {
background: #c0392b;
transform: scale(1.05);
}
.btn-warenkorb-kasse {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
padding: 12px 30px;
border-radius: 25px;
font-size: 1.1rem;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
min-width: 150px;
}
.btn-warenkorb-kasse:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}
.warenkorb-loading {
text-align: center;
padding: 40px;
color: #666;
}
.warenkorb-empty {
text-align: center;
padding: 40px;
color: #666;
}
.warenkorb-summary {
background: #f8f9fa;
padding: 15px;
border-radius: 8px;
margin-top: 15px;
}
.warenkorb-summary-row {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.warenkorb-summary-total {
font-weight: bold;
font-size: 1.2rem;
color: #e74c3c;
border-top: 1px solid #ddd;
padding-top: 8px;
}
/* Pulsing Animation für Warenkorb-Badge */
.cart-badge-pulse {
animation: pulse 0.6s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideIn {
from { transform: translateY(-50px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
/* Mobile Optimierung */
@media (max-width: 768px) {
.warenkorb-modal-content {
width: 95%;
margin: 10% auto;
max-height: 85vh;
}
.warenkorb-item {
flex-direction: column;
text-align: center;
}
.warenkorb-item img {
margin-bottom: 10px;
margin-right: 0;
}
}
/* Animation für Mobile Menu Icon */
.mobile-menu-button i {
transition: transform 0.3s ease;
}
.mobile-menu-button.active i {
transform: rotate(90deg);
}
/* Smooth animations für Mobile Nav */
.mobile-nav {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, opacity 0.3s ease;
}
.mobile-nav.open {
max-height: 500px;
opacity: 1;
}
.menu-container {
width: 95%;
max-width: 1200px;
margin: 0 auto;
font-family: Arial, sans-serif;
overflow: visible;
position: relative;
}
/* HSN/TSN Container */
.hsn-tsn-container {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.hsn-tsn-input {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 15px;
}
.hsn-tsn-input input {
padding: 12px;
border: 2px solid #dee2e6;
border-radius: 6px;
flex: 1;
min-width: 120px;
font-size: 16px;
transition: border-color 0.3s ease;
}
.hsn-tsn-input input:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.hsn-tsn-button {
padding: 12px 20px;
border: none;
border-radius: 6px;
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
color: white;
cursor: pointer;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.hsn-tsn-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.separator {
text-align: center;
font-weight: bold;
color: #6c757d;
margin: 15px 0;
position: relative;
}
.separator::before,
.separator::after {
content: '';
position: absolute;
top: 50%;
width: 40%;
height: 1px;
background-color: #dee2e6;
}
.separator::before {
left: 0;
}
.separator::after {
right: 0;
}
/* Neue Auswahlleiste */
.selection-bar {
display: flex;
flex-wrap: wrap;
gap: 10px;
background: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
border: 2px solid #e9ecef;
position: relative;
align-items: center;
z-index: 1;
overflow: visible;
}
.reset-container-inline {
margin-right: 15px;
}
.reset-button-small {
width: 35px;
height: 35px;
border: none;
border-radius: 50%;
background: linear-gradient(135deg, #dc3545 0%, #bd2130 100%);
color: white;
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.reset-button-small:hover {
transform: scale(1.1);
box-shadow: 0 4px 8px rgba(220,53,69,0.3);
}
.selection-item {
position: relative;
min-width: 140px;
background: #f8f9fa;
border: 2px solid #dee2e6;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
flex: 1;
max-width: 200px;
user-select: none;
}
.selection-item:hover {
border-color: #007bff;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,123,255,0.2);
}
.selection-item.active {
border-color: #007bff;
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
}
.selection-item.disabled {
opacity: 0.5;
cursor: not-allowed;
background: #f8f9fa;
border-color: #e9ecef;
}
.selection-item.disabled:hover {
transform: none;
box-shadow: none;
border-color: #e9ecef;
}
.selection-item.dropdown-open {
border-color: #007bff;
background: #e3f2fd;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
z-index: 9998;
position: relative;
}
.selection-label {
font-size: 12px;
font-weight: 600;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 8px 12px 4px;
border-bottom: 1px solid rgba(0,0,0,0.1);
user-select: none;
pointer-events: none;
}
.selection-value {
padding: 8px 12px 12px;
font-size: 14px;
font-weight: 500;
color: #495057;
min-height: 20px;
display: flex;
align-items: center;
justify-content: space-between;
user-select: none;
pointer-events: none;
}
.arrow-indicator {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
color: #6c757d;
font-size: 12px;
pointer-events: none;
transition: transform 0.3s ease;
}
.selection-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 2px solid #007bff;
border-top: none;
border-radius: 0 0 8px 8px;
box-shadow: 0 8px 25px rgba(0,0,0,0.25);
z-index: 9999;
max-height: 250px;
overflow-y: auto;
display: none;
min-width: 100%;
max-width: 300px;
}
.selection-dropdown.show {
display: block;
animation: slideDown 0.3s ease;
z-index: 10000;
position: absolute;
background: white;
border: 2px solid #007bff;
border-top: none;
box-shadow: 0 8px 25px rgba(0,0,0,0.25);
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.selection-dropdown select {
width: 100%;
padding: 12px;
border: none;
background: transparent;
font-size: 14px;
cursor: pointer;
outline: none;
max-height: 200px;
pointer-events: all;
user-select: auto;
}
.selection-dropdown select option {
padding: 8px 12px;
transition: background-color 0.2s ease;
}
.selection-dropdown select option:hover {
background-color: #e3f2fd;
}
.selection-dropdown select option.rot {
color: #dc3545;
font-weight: bold;
}
/* Mobile Optimierungen */
@media (max-width: 768px) {
.selection-bar {
flex-direction: column;
gap: 5px;
overflow: visible;
}
.selection-item {
min-width: 100%;
max-width: 100%;
}
.selection-dropdown {
left: 0;
right: 0;
max-width: none;
width: 100%;
}
.hsn-tsn-input {
//flex-direction: column;
gap: 10px;
}
.hsn-tsn-input input {
width: 30%;
}
/* Mobile: Verstecke nicht aktive Items initial */
.selection-item:not(.active):not(#markeItem) {
display: none;
}
}
@media (min-width: 769px) {
.selection-bar {
flex-wrap: nowrap;
overflow-x: visible;
overflow-y: visible;
}
.selection-item {
flex: 0 0 auto;
min-width: 140px;
position: relative;
}
/* Desktop: Dropdown-Positionierung anpassen je nach Position */
.selection-item:nth-last-child(-n+2) .selection-dropdown {
left: auto;
right: 0;
min-width: 200px;
}
}
/* Scrollbar für Dropdown */
.selection-dropdown::-webkit-scrollbar {
width: 6px;
}
.selection-dropdown::-webkit-scrollbar-track {
background: #f1f1f1;
}
.selection-dropdown::-webkit-scrollbar-thumb {
background: #007bff;
border-radius: 3px;
}
.selection-dropdown::-webkit-scrollbar-thumb:hover {
background: #0056b3;
}
/* Loading States */
.loading .selection-item {
opacity: 0.7;
pointer-events: none;
position: relative;
}
.loading .selection-item::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
border: 2px solid #f3f3f3;
border-top: 2px solid #007bff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Improved hover effects */
.selection-item:not(.disabled):hover .selection-label {
color: #007bff;
}
.selection-item:not(.disabled):hover .arrow-indicator {
color: #007bff;
transform: translateY(-50%) scale(1.2);
}
/* Focus states for accessibility */
.selection-item:focus,
.selection-dropdown select:focus {
outline: 2px solid #007bff;
outline-offset: 2px;
}
/* Smooth transitions for all interactions */
* {
transition: all 0.2s ease;
}
/* Verbesserte Klick-Erfahrung */
.selection-item:not(.disabled):active {
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0,123,255,0.3);
}
/* Reset und Base Styles mit hoher Spezifität */
.highline-modern-article * {
box-sizing: border-box !important;
}
.highline-modern-article {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
background: white !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 8px 32px rgba(0,0,0,0.1) !important;
margin: 2rem auto !important;
max-width: 1200px !important;
width: 100% !important;
position: relative !important;
z-index: 1 !important;
}
/* Desktop-first Galerie */
.highline-gallery-section {
position: relative !important;
background: #f8f9fa !important;
min-height: 300px !important;
}
.highline-gallery-main {
display: flex !important;
max-height: 500px !important;
}
.highline-thumbnail-sidebar {
width: 120px !important;
background: white !important;
border-right: 1px solid #e9ecef !important;
overflow-y: auto !important;
padding: 1rem 0.5rem !important;
display: flex !important;
flex-direction: column !important;
gap: 0.5rem !important;
max-height: 500px !important;
}
.highline-thumbnail-item {
width: 100px !important;
height: 100px !important;
border-radius: 8px !important;
overflow: hidden !important;
cursor: pointer !important;
border: 3px solid transparent !important;
transition: all 0.3s ease !important;
position: relative !important;
}
.highline-thumbnail-item.active {
border-color: #4a90e2 !important;
transform: scale(1.05) !important;
box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3) !important;
}
.highline-thumbnail-item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.highline-thumbnail-counter {
position: absolute !important;
top: 4px !important;
right: 4px !important;
background: rgba(0,0,0,0.8) !important;
color: white !important;
font-size: 11px !important;
padding: 2px 6px !important;
border-radius: 4px !important;
font-weight: bold !important;
}
.highline-main-gallery {
flex: 1 !important;
position: relative !important;
overflow: hidden !important;
background: white !important;
}
.highline-gallery-viewport {
display: flex !important;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
height: 100% !important;
/* ENTFERNT: touch-action: pan-y pinch-zoom !important; */
/* NEU: Bessere Touch-Behandlung */
touch-action: manipulation !important;
}
.highline-gallery-slide {
min-width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
background: white !important;
padding: 20px !important;
}
.highline-gallery-slide img {
max-width: 95% !important;
max-height: 95% !important;
object-fit: contain !important;
cursor: zoom-in !important;
transition: transform 0.3s ease !important;
border-radius: 8px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
}
.highline-gallery-slide img.zoomed {
cursor: zoom-out !important;
transform: scale(2.5) !important;
z-index: 1000 !important;
position: relative !important;
}
/* Navigation Buttons */
.highline-gallery-nav {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: rgba(0,0,0,0.7) !important;
color: white !important;
border: none !important;
width: 50px !important;
height: 50px !important;
border-radius: 50% !important;
cursor: pointer !important;
font-size: 20px !important;
z-index: 100 !important;
opacity: 0 !important;
transition: all 0.3s ease !important;
backdrop-filter: blur(10px) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.highline-gallery-nav:hover {
background: rgba(0,0,0,0.9) !important;
transform: translateY(-50%) scale(1.1) !important;
}
.highline-gallery-nav.prev {
left: 1rem !important;
}
.highline-gallery-nav.next {
right: 1rem !important;
}
.highline-main-gallery:hover .highline-gallery-nav {
opacity: 1 !important;
}
/* Controls */
.highline-gallery-controls {
position: absolute !important;
top: 1rem !important;
right: 1rem !important;
display: flex !important;
gap: 0.5rem !important;
z-index: 200 !important;
}
.highline-control-button {
background: rgba(0,0,0,0.7) !important;
color: white !important;
border: none !important;
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
cursor: pointer !important;
font-size: 16px !important;
transition: all 0.3s ease !important;
backdrop-filter: blur(10px) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.highline-control-button:hover {
background: rgba(0,0,0,0.9) !important;
transform: scale(1.1) !important;
}
/* Content Bereich */
.highline-article-content {
padding: 2rem !important;
}
.highline-article-title {
font-size: 1.8rem !important;
font-weight: 700 !important;
color: #333 !important;
margin-bottom: 1rem !important;
line-height: 1.3 !important;
}
.highline-article-meta {
display: flex !important;
gap: 1rem !important;
color: #666 !important;
font-size: 0.9rem !important;
margin-bottom: 1.5rem !important;
flex-wrap: wrap !important;
}
.highline-meta-item {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
}
/* Preis Sektion */
.highline-price-section {
background: linear-gradient(135deg, #4a90e2, #357abd) !important;
color: white !important;
padding: 2rem !important;
border-radius: 16px !important;
margin: 2rem 0 !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}
.highline-price-display {
font-size: 2.5rem !important;
font-weight: 700 !important;
margin-bottom: 0.5rem !important;
position: relative !important;
z-index: 1 !important;
}
.highline-shipping-details {
font-size: 1rem !important;
opacity: 0.9 !important;
margin-bottom: 1.5rem !important;
position: relative !important;
z-index: 1 !important;
}
.highline-action-buttons {
display: flex !important;
gap: 1rem !important;
justify-content: center !important;
position: relative !important;
z-index: 1 !important;
flex-wrap: wrap !important;
}
.highline-action-btn {
padding: 1rem 2rem !important;
border: none !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 1rem !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
text-decoration: none !important;
min-width: 200px !important;
justify-content: center !important;
}
.highline-btn-cart {
background: white !important;
color: #4a90e2 !important;
}
.highline-btn-cart:hover {
background: #f8f9fa !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important;
}
.highline-btn-question {
background: rgba(255,255,255,0.2) !important;
color: white !important;
border: 2px solid white !important;
}
.highline-btn-question:hover {
background: white !important;
color: #4a90e2 !important;
}
/* Tab Navigation */
.highline-content-tabs {
margin-bottom: 2rem !important;
}
.highline-tab-navigation {
display: flex !important;
border-bottom: 2px solid #f0f0f0 !important;
gap: 0 !important;
overflow-x: auto !important;
margin-bottom: 1.5rem !important;
}
.highline-tab-nav-item {
padding: 1rem 1.5rem !important;
border: none !important;
background: none !important;
cursor: pointer !important;
font-weight: 500 !important;
color: #666 !important;
transition: all 0.3s ease !important;
white-space: nowrap !important;
position: relative !important;
font-size: 0.8rem !important;
}
.highline-tab-nav-item.active {
color: #4a90e2 !important;
}
.highline-tab-nav-item.active::after {
content: "" !important;
position: absolute !important;
bottom: -2px !important;
left: 0 !important;
right: 0 !important;
height: 3px !important;
background: #4a90e2 !important;
border-radius: 2px 2px 0 0 !important;
}
.highline-tab-panel {
padding: 1.5rem 0 !important;
display: none !important;
}
.highline-tab-panel.active {
display: block !important;
}
/* Specs Grid */
.highline-specs-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
gap: 1.5rem !important;
margin: 1rem 0 !important;
}
.highline-specs-table {
background: #f8f9fa !important;
border-radius: 12px !important;
padding: 1.5rem !important;
}
.highline-specs-table h4 {
margin-bottom: 1rem !important;
color: #333 !important;
font-weight: 600 !important;
font-size: 1.1rem !important;
}
.highline-specs-row {
display: flex !important;
justify-content: space-between !important;
padding: 0.75rem 0 !important;
border-bottom: 1px solid #e9ecef !important;
}
.highline-specs-row:last-child {
border-bottom: none !important;
}
.highline-specs-label {
font-weight: 500 !important;
color: #666 !important;
}
.highline-specs-value {
color: #333 !important;
text-align: right !important;
}
/* Video Spezifische Styles */
.highline-gallery-slide video {
max-width: 95% !important;
max-height: 95% !important;
border-radius: 8px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
background: #000 !important;
}
.highline-video-overlay {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
background: rgba(0,0,0,0.8) !important;
color: white !important;
padding: 1rem 2rem !important;
border-radius: 8px !important;
font-size: 1.2rem !important;
pointer-events: none !important;
z-index: 10 !important;
opacity: 0 !important;
transition: opacity 0.3s ease !important;
}
.highline-gallery-slide:hover .highline-video-overlay {
opacity: 1 !important;
}
.highline-thumbnail-video-indicator {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
background: rgba(0,0,0,0.8) !important;
color: white !important;
font-size: 20px !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
pointer-events: none !important;
}
/* Video Controls anpassen */
.highline-gallery-slide video::-webkit-media-controls-panel {
background: rgba(0,0,0,0.8) !important;
}
.highline-gallery-slide video::-webkit-media-controls-play-button,
.highline-gallery-slide video::-webkit-media-controls-volume-slider,
.highline-gallery-slide video::-webkit-media-controls-timeline {
filter: invert(1) !important;
}
@media (max-width: 768px) {
.highline-gallery-main {
flex-direction: column !important;
max-height: 170px;
padding-top: 20px !important;
}
.highline-thumbnail-sidebar {
width: 100% !important;
height: 100px !important;
flex-direction: row !important;
overflow-x: auto !important;
border-right: none !important;
border-bottom: 1px solid #e9ecef !important;
padding: 0.5rem !important;
-webkit-overflow-scrolling: touch;
}
.highline-thumbnail-item {
min-width: 80px !important;
width: 80px !important;
height: 80px !important;
}
.highline-main-gallery {
height: 400px !important;
}
.highline-gallery-controls {
top: 0.5rem !important;
right: 0.5rem !important;
}
.highline-control-button {
width: 40px !important;
height: 40px !important;
font-size: 14px !important;
}
.highline-article-content {
padding: 1.5rem !important;
}
.highline-article-title {
font-size: 1.5rem !important;
}
.highline-price-display {
font-size: 2rem !important;
}
.highline-action-buttons {
flex-direction: column !important;
}
.highline-action-btn {
min-width: 100% !important;
}
.highline-specs-grid {
grid-template-columns: 1fr !important;
}
.highline-article-meta {
flex-direction: column !important;
gap: 0.5rem !important;
}
}
/* Mobile Optimierungen für Artikel-Anzeige */
/* Basis-Container anpassen */
.highline-modern-article {
margin: 1rem auto !important;
max-width: 1200px !important
width: calc(100% - 2rem) !important;
}
/* Mobile Media Queries erweitern */
@media (max-width: 480px) {
.highline-modern-article {
margin: 0.5rem auto !important;
width: calc(100% - 1rem) !important;
border-radius: 12px !important;
}
.highline-gallery-main {
flex-direction: column !important;
height: auto !important;
}
.highline-thumbnail-sidebar {
width: 100% !important;
height: 80px !important;
flex-direction: row !important;
overflow-x: auto !important;
overflow-y: hidden !important;
border-right: none !important;
border-bottom: 1px solid #e9ecef !important;
padding: 0.5rem !important;
scrollbar-width: none !important; /* Firefox */
-ms-overflow-style: none !important; /* IE/Edge */
}
.highline-thumbnail-sidebar::-webkit-scrollbar {
display: none !important; /* Chrome/Safari */
}
.highline-thumbnail-item {
min-width: 60px !important;
width: 60px !important;
height: 60px !important;
flex-shrink: 0 !important;
}
.highline-thumbnail-counter {
font-size: 9px !important;
padding: 1px 4px !important;
top: 2px !important;
right: 2px !important;
}
.highline-thumbnail-video-indicator {
font-size: 16px !important;
width: 30px !important;
height: 30px !important;
}
.highline-main-gallery {
height: 300px !important;
min-height: 300px !important;
}
.highline-gallery-slide {
padding: 10px !important;
}
.highline-gallery-slide img,
.highline-gallery-slide video {
max-width: 100% !important;
max-height: 100% !important;
}
.highline-gallery-controls {
top: 0.25rem !important;
right: 0.25rem !important;
gap: 0.25rem !important;
}
.highline-control-button {
width: 36px !important;
height: 36px !important;
font-size: 12px !important;
}
.highline-gallery-nav {
width: 40px !important;
height: 40px !important;
font-size: 16px !important;
}
.highline-gallery-nav.prev {
left: 0.5rem !important;
}
.highline-gallery-nav.next {
right: 0.5rem !important;
}
/* Content Anpassungen */
.highline-article-content {
padding: 1rem !important;
}
.highline-article-title {
font-size: 1.25rem !important;
line-height: 1.2 !important;
margin-bottom: 0.75rem !important;
}
.highline-article-meta {
flex-direction: column !important;
gap: 0.5rem !important;
margin-bottom: 1rem !important;
}
.highline-meta-item {
font-size: 0.85rem !important;
}
/* Preis-Sektion */
.highline-price-section {
padding: 1.5rem 1rem !important;
margin: 1.5rem 0 !important;
}
.highline-price-display {
font-size: 2rem !important;
margin-bottom: 0.5rem !important;
}
.highline-shipping-details {
font-size: 0.9rem !important;
margin-bottom: 1rem !important;
}
.highline-action-buttons {
flex-direction: column !important;
gap: 0.75rem !important;
}
.highline-action-btn {
min-width: 100% !important;
padding: 0.875rem 1.5rem !important;
font-size: 0.9rem !important;
}
/* Tab Navigation */
.highline-tab-navigation {
gap: 0 !important;
margin-bottom: 1rem !important;
}
.highline-tab-nav-item {
padding: 0.75rem 1rem !important;
font-size: 0.6rem !important;
min-width: 0 !important;
flex: 1 !important;
text-align: center !important;
}
.highline-tab-panel {
padding: 1rem 0 !important;
}
/* Specs Grid */
.highline-specs-grid {
grid-template-columns: 1fr !important;
gap: 1rem !important;
}
.highline-specs-table {
padding: 1rem !important;
}
.highline-specs-table h4 {
font-size: 1rem !important;
margin-bottom: 0.75rem !important;
}
.highline-specs-row {
padding: 0.5rem 0 !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 0.25rem !important;
}
.highline-specs-label {
font-size: 0.85rem !important;
}
.highline-specs-value {
font-size: 0.9rem !important;
text-align: left !important;
font-weight: 600 !important;
}
}
/* Noch kleinere Bildschirme */
@media (max-width: 360px) {
.highline-modern-article {
width: calc(100% - 0.5rem) !important;
margin: 0.25rem auto !important;
}
.highline-article-content {
padding: 0.75rem !important;
}
.highline-article-title {
font-size: 1.1rem !important;
}
.highline-price-section {
padding: 1rem 0.75rem !important;
}
.highline-price-display {
font-size: 1.75rem !important;
}
.highline-main-gallery {
height: 250px !important;
}
.highline-thumbnail-item {
min-width: 50px !important;
width: 50px !important;
height: 50px !important;
}
.highline-thumbnail-sidebar {
height: 70px !important;
}
.highline-tab-nav-item {
padding: 0.5rem 0.5rem !important;
font-size: 0.8rem !important;
}
}
/* Landscape Modus für kleine Geräte */
@media (max-width: 480px) and (orientation: landscape) {
.highline-main-gallery {
height: 200px !important;
}
.highline-thumbnail-sidebar {
height: 60px !important;
}
.highline-thumbnail-item {
width: 50px !important;
height: 50px !important;
}
}
/* Touch-spezifische Verbesserungen */
@media (pointer: coarse) {
.highline-thumbnail-item {
border-width: 2px !important;
}
.highline-gallery-nav,
.highline-control-button {
min-width: 44px !important;
min-height: 44px !important;
}
.highline-tab-nav-item {
min-height: 44px !important;
}
}
@container (max-width: 400px) {
.highline-specs-grid {
grid-template-columns: 1fr !important;
}
.highline-action-buttons {
flex-direction: column !important;
}
}
}
/* Accessibility Verbesserungen */
@media (prefers-reduced-motion: reduce) {
.highline-gallery-viewport,
.highline-thumbnail-item,
.highline-action-btn,
.highline-gallery-nav,
.highline-control-button {
transition: none !important;
}
}
/* High DPI Displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.highline-thumbnail-item img {
image-rendering: -webkit-optimize-contrast !important;
image-rendering: crisp-edges !important;
}
}
/* Zusätzliche Viewport-spezifische Anpassungen */
@media (max-width: 400px) {
/* Spezielle Regeln für sehr kleine Bildschirme */
.highline-modern-article {
box-shadow: none !important;
border-radius: 8px !important;
}
.highline-gallery-section {
border-radius: 8px 8px 0 0 !important;
}
.highline-article-content {
border-radius: 0 0 8px 8px !important;
}
/* Text lesbar halten */
.highline-specs-label,
.highline-specs-value {
font-size: 0.8rem !important;
line-height: 1.3 !important;
}
/* Buttons touch-friendly */
.highline-action-btn {
min-height: 48px !important;
font-size: 0.85rem !important;
}
}
* Mobile-spezifische Verbesserungen */
@media (max-width: 768px) {
/* Galerie-Container: Scrolling erlauben */
.highline-gallery-viewport {
touch-action: auto !important;
overflow: visible !important;
}
/* Hauptgalerie: Touch-Events nicht blockieren */
.highline-main-gallery {
touch-action: auto !important;
overflow: visible !important;
}
/* Slides: Natürliches Scrolling */
.highline-gallery-slide {
touch-action: auto !important;
overflow: visible !important;
}
/* Bilder: Zoom-Funktionalität deaktivieren auf Mobile */
.highline-gallery-slide img {
cursor: default !important;
touch-action: auto !important;
}
/* Zoom-Funktion auf Mobile deaktivieren */
.highline-gallery-slide img.zoomed {
transform: none !important;
cursor: default !important;
}
}
/* Alternative: Komplett neue Mobile-Behandlung */
@media (max-width: 768px) and (pointer: coarse) {
/* Für Touch-Geräte: Alle Touch-Beschränkungen aufheben */
.highline-gallery-section,
.highline-gallery-main,
.highline-gallery-viewport,
.highline-gallery-slide,
.highline-gallery-slide img,
.highline-gallery-slide video {
touch-action: auto !important;
overflow: visible !important;
}
/* Navigation nur bei Hover zeigen (Desktop) */
.highline-gallery-nav {
display: none !important;
}
/* Controls auf Mobile kleiner und weniger störend */
.highline-gallery-controls {
opacity: 0.7 !important;
pointer-events: auto !important;
}
}
/* Zusätzliche Scroll-Sicherheit */
@media (max-width: 480px) {
/* Artikel-Container: Scroll sicherstellen */
.highline-modern-article {
overflow: visible !important;
touch-action: auto !important;
}
/* Body: Scroll nicht blockieren */
body {
touch-action: auto !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
/* Galerie-Bereich: Keine Touch-Interferenz */
.highline-gallery-section * {
touch-action: auto !important;
}
}
/* Fallback für sehr problematische Geräte */
@media (max-width: 400px) {
/* Alle Gallery-Elemente: Maximale Scroll-Kompatibilität */
.highline-gallery-viewport {
touch-action: none !important;
pointer-events: none !important;
}
.highline-gallery-slide {
pointer-events: auto !important;
touch-action: auto !important;
}
}
/* iOS Safari spezifische Fixes */
@supports (-webkit-touch-callout: none) {
.highline-gallery-viewport {
-webkit-overflow-scrolling: touch !important;
touch-action: auto !important;
}
.highline-main-gallery {
-webkit-overflow-scrolling: touch !important;
}
}
@supports not (display: grid) {
.highline-specs-grid {
display: block !important;
}
.highline-specs-table {
margin-bottom: 1rem !important;
}
}
@supports not (display: flex) {
.highline-gallery-main {
display: block !important;
}
.highline-thumbnail-sidebar {
width: 100% !important;
height: auto !important;
}
}
@media (max-width: 768px) {
.highline-gallery-section,
.highline-gallery-viewport,
.highline-gallery-slide,
.highline-gallery-slide * {
touch-action: auto !important;
-webkit-overflow-scrolling: touch !important;
}
/* Navigation auf Mobile ausblenden */
.highline-gallery-nav {
display: none !important;
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
background-color: #f8f9fa;
color: #333;
line-height: 1.6;
//max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.clear { clear: both; }
/* Header Bereich */
.search-header {
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
color: white;
// padding: 20px;
border-radius: 12px;
margin-bottom: 25px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.search-header h2 {
margin: 0;
font-size: 1.5rem;
font-weight: 600;
}
.search-info {
display: flex;
align-items: center;
gap: 10px;
}
.result-count {
background: rgba(255,255,255,0.2);
padding: 8px 15px;
border-radius: 20px;
font-size: 0.9rem;
backdrop-filter: blur(10px);
}
/* Close Button */
.close-search-btn {
background: linear-gradient(135deg, #e74c3c, #c0392b);
color: white;
border: none;
padding: 12px 20px;
border-radius: 25px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 3px 10px rgba(231, 76, 60, 0.3);
}
.close-search-btn:hover {
background: linear-gradient(135deg, #c0392b, #a93226);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);
}
/* Info Box */
.info-box {
background: linear-gradient(135deg, #fff, #f8f9fa);
padding: 20px;
margin-bottom: 25px;
border-radius: 12px;
border-left: 4px solid #3498db;
box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}
.info-box p {
margin-bottom: 10px;
color: #555;
}
.info-box ul {
list-style: none;
padding-left: 0;
}
.info-box li {
padding: 8px 0;
border-bottom: 1px solid #eee;
}
/* Products Container */
.products-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 15px;
}
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 17px;
margin-top: 20px;
max-width: 1200px;
margin: 0 auto;
}
/* Desktop: 4 Spalten */
@media (min-width: 1200px) {
.products-grid {
grid-template-columns: repeat(5, 1fr);
}
}
/* Tablet: 3 Spalten */
@media (min-width: 768px) and (max-width: 1199px) {
.products-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* Mobile: 2 Spalten */
@media (max-width: 767px) {
.products-grid {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.products-container {
padding: 0 10px;
}
.search-header {
padding: 3px;
}
.search-header h2 {
font-size: 1.2rem;
}
.header-controls {
//flex-direction: column;
align-items: stretch;
gap: 10px;
}
.close-search-btn {
padding: 10px 16px;
font-size: 13px;
align-self: flex-end;
}
}
/* Product Cards */
.asa_product_box, .asa_product_boxv {
background: white;
border-radius: 16px;
// overflow: hidden;
width: auto !important; /* Ãœberschreibt width: 190px */
max-width: none !important; /* Ãœberschreibt jede max-width Regel */
min-width: auto !important;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
position: relative;
height: 100%;
// display: flex;
flex-direction: column;
}
.asa_txt button a {
color: #2c3e50;
}
.block_template_d h2 button a {
color: #2c3e50;
}
.asa_product_box:hover, .asa_product_boxv:hover {
transform: translateY(-8px);
box-shadow: 0 12px 35px rgba(0,0,0,0.15);
}
.asa_product_boxv {
opacity: 0.7;
}
.asa_product_boxv::before {
content: "Nicht verfügbar";
position: absolute;
top: 10px;
right: 10px;
background: #e74c3c;
color: white;
padding: 4px 8px;
border-radius: 12px;
font-size: 0.75rem;
z-index: 2;
font-weight: 500;
}
/* Product Image */
.asa_pic {
position: relative;
overflow: hidden;
height: 200px;
background: #f8f9fa;
display: flex;
align-items: center;
justify-content: center;
}
.asa_pic img {
width: 115%;
//height: 115%;
object-fit: cover;
transition: transform 0.3s ease;
}
.asa_product_box:hover .asa_pic img {
transform: scale(1.05);
}
/* Product Content */
.asa_main {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
}
.asa_txt {
flex: 1;
margin-bottom: 15px;
}
.asa_txt a {
color: #2c3e50;
text-decoration: none;
font-weight: 500;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 0.95rem;
}
.asa_txt a:hover {
color: #3498db;
}
/* Price Section */
.price-section {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
padding: 12px;
background: #f8f9fa;
border-radius: 8px;
}
.asa_price {
font-size: 1.1rem;
font-weight: 600;
color: #467158;
}
/* Cart Button */
.cart-btn {
background: linear-gradient(135deg, #3498db, #2980b9);
color: white;
border: none;
padding: 12px 16px;
border-radius: 25px;
cursor: pointer;
font-size: 0.9rem;
font-weight: 500;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
}
.cart-btn:hover {
background: linear-gradient(135deg, #2980b9, #1f639a);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
}
/* Status Indicator */
.status-available {
position: absolute;
top: 10px;
left: 10px;
background: #27ae60;
color: white;
padding: 4px 8px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 500;
z-index: 2;
}
/* Mobile Anpassungen */
@media (max-width: 767px) {
.asa_pic {
height: 100px;
}
.asa_pic img {
width: 110%;
height: 110%;
object-fit: cover;
transition: transform 0.3s ease;
padding-top: 30px;
}
.asa_main {
padding: 15px;
}
.asa_txt a {
font-size: 0.85rem;
-webkit-line-clamp: 2;
}
.price-section {
padding: 10px;
margin-bottom: 12px;
}
.asa_price {
font-size: 1rem;
}
.cart-btn {
padding: 10px 14px;
font-size: 0.85rem;
}
}
@media (max-width: 480px) {
.asa_txt a {
font-size: 0.8rem;
}
.price-section {
flex-direction: column;
gap: 5px;
text-align: center;
}
}
@media (max-width: 320px) {
.products-grid {
grid-template-columns: 1fr;
}
}
.header-controls {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
@media (max-width: 768px) {
html, body {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
.highline-modern-article {
width: 100vw !important;
max-width: 100vw !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
}
.highline-gallery-section,
.highline-gallery-main,
.highline-main-gallery,
.highline-gallery-viewport,
.highline-gallery-slide {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
.highline-article-content {
padding: 1rem !important;
width: 100% !important;
}
}
.red-text {
color: red;
}
@media (max-width: 767px) {
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem 0;
min-height: 60px; /* Mindesthöhe für den Header */
font-size: 170%;
}
}
@media (max-width: 768px) {
.highline-thumbnail-sidebar {
width: 100% !important;
height: 70px !important; /* Erhöht von 100px */
flex-direction: row !important;
overflow-x: auto !important;
overflow-y: hidden !important;
border-right: none !important;
border-bottom: 1px solid #e9ecef !important;
padding: 1rem 0.5rem !important;
/* Touch-Scrolling verbessern */
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
touch-action: pan-x !important;
scroll-behavior: smooth !important;
display: flex !important;
align-items: center !important;
gap: 0.75rem !important;
}
.highline-thumbnail-item {
flex-shrink: 0 !important;
touch-action: manipulation !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}
}
/*!
* Font Awesome Free 6.0.0-beta3 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2021 Fonticons, Inc.
*/
.fa {
font-family:var(--fa-style-family,"Font Awesome 6 Free");
font-weight:var(--fa-style,900)
}
.fa,
.fa-brands,
.fa-duotone,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fab,
.fad,
.fal,
.far,
.fas,
.fat {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
display:var(--fa-display,inline-block);
font-style:normal;
font-variant:normal;
line-height:1;
text-rendering:auto
}
.fa-1x {
font-size:1em
}
.fa-2x {
font-size:2em
}
.fa-3x {
font-size:3em
}
.fa-4x {
font-size:4em
}
.fa-5x {
font-size:5em
}
.fa-6x {
font-size:6em
}
.fa-7x {
font-size:7em
}
.fa-8x {
font-size:8em
}
.fa-9x {
font-size:9em
}
.fa-10x {
font-size:10em
}
.fa-2xs {
font-size:.625em;
line-height:.1em;
vertical-align:.225em
}
.fa-xs {
font-size:.75em;
line-height:.08333em;
vertical-align:.125em
}
.fa-sm {
font-size:.875em;
line-height:.07143em;
vertical-align:.05357em
}
.fa-lg {
font-size:1.25em;
line-height:.05em;
vertical-align:-.075em
}
.fa-xl {
font-size:1.5em;
line-height:.04167em;
vertical-align:-.125em
}
.fa-2xl {
font-size:2em;
line-height:.03125em;
vertical-align:-.1875em
}
.fa-fw {
text-align:center;
width:1.25em
}
.fa-ul {
list-style-type:none;
margin-left:var(--fa-li-margin,2.5em);
padding-left:0
}
.fa-ul>li {
position:relative
}
.fa-li {
left:calc(var(--fa-li-width, 2em)*-1);
position:absolute;
text-align:center;
width:var(--fa-li-width,2em);
line-height:inherit
}
.fa-border {
border-radius:var(--fa-border-radius,.1em);
border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);
padding:var(--fa-border-padding,.2em .25em .15em)
}
.fa-pull-left {
float:left;
margin-right:var(--fa-pull-margin,.3em)
}
.fa-pull-right {
float:right;
margin-left:var(--fa-pull-margin,.3em)
}
.fa-beat {
-webkit-animation-name:fa-beat;
animation-name:fa-beat;
-webkit-animation-delay:var(--fa-animation-delay,0);
animation-delay:var(--fa-animation-delay,0);
-webkit-animation-direction:var(--fa-animation-direction,normal);
animation-direction:var(--fa-animation-direction,normal);
-webkit-animation-duration:var(--fa-animation-duration,1s);
animation-duration:var(--fa-animation-duration,1s);
-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);
animation-iteration-count:var(--fa-animation-iteration-count,infinite);
-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);
animation-timing-function:var(--fa-animation-timing,ease-in-out)
}
.fa-fade {
-webkit-animation-name:fa-fade;
animation-name:fa-fade;
-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);
animation-iteration-count:var(--fa-animation-iteration-count,infinite);
-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}
.fa-beat-fade,
.fa-fade {
-webkit-animation-delay:var(--fa-animation-delay,0);
animation-delay:var(--fa-animation-delay,0);
-webkit-animation-direction:var(--fa-animation-direction,normal);
animation-direction:var(--fa-animation-direction,normal);
-webkit-animation-duration:var(--fa-animation-duration,1s);
animation-duration:var(--fa-animation-duration,1s)
}
.fa-beat-fade {
-webkit-animation-name:fa-beat-fade;
animation-name:fa-beat-fade;
-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);
animation-iteration-count:var(--fa-animation-iteration-count,infinite);
-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}
.fa-flip {
-webkit-animation-name:fa-flip;
animation-name:fa-flip;
-webkit-animation-delay:var(--fa-animation-delay,0);
animation-delay:var(--fa-animation-delay,0);
-webkit-animation-direction:var(--fa-animation-direction,normal);
animation-direction:var(--fa-animation-direction,normal);
-webkit-animation-duration:var(--fa-animation-duration,1s);
animation-duration:var(--fa-animation-duration,1s);
-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);
animation-iteration-count:var(--fa-animation-iteration-count,infinite);
-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);
animation-timing-function:var(--fa-animation-timing,ease-in-out)
}
.fa-spin {
-webkit-animation-name:fa-spin;
animation-name:fa-spin;
-webkit-animation-delay:var(--fa-animation-delay,0);
animation-delay:var(--fa-animation-delay,0);
-webkit-animation-direction:var(--fa-animation-direction,normal);
animation-direction:var(--fa-animation-direction,normal);
-webkit-animation-duration:var(--fa-animation-duration,2s);
animation-duration:var(--fa-animation-duration,2s);
-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);
animation-iteration-count:var(--fa-animation-iteration-count,infinite);
-webkit-animation-timing-function:var(--fa-animation-timing,linear);
animation-timing-function:var(--fa-animation-timing,linear)
}
.fa-spin-reverse {
--fa-animation-direction:reverse
}
.fa-pulse,
.fa-spin-pulse {
-webkit-animation-name:fa-spin;
animation-name:fa-spin;
-webkit-animation-direction:var(--fa-animation-direction,normal);
animation-direction:var(--fa-animation-direction,normal);
-webkit-animation-duration:var(--fa-animation-duration,1s);
animation-duration:var(--fa-animation-duration,1s);
-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);
animation-iteration-count:var(--fa-animation-iteration-count,infinite);
-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));
animation-timing-function:var(--fa-animation-timing,steps(8))
}
@media (prefers-reduced-motion:reduce) {
.fa-beat,
.fa-beat-fade,
.fa-fade,
.fa-flip,
.fa-pulse,
.fa-spin,
.fa-spin-pulse {
-webkit-animation-delay:-1ms;
animation-delay:-1ms;
-webkit-animation-duration:1ms;
animation-duration:1ms;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-transition-delay:0s;
transition-delay:0s;
-webkit-transition-duration:0s;
transition-duration:0s
}
}
@-webkit-keyframes fa-beat {
0%,
90% {
-webkit-transform:scale(1);
transform:scale(1)
}
45% {
-webkit-transform:scale(var(--fa-beat-scale,1.25));
transform:scale(var(--fa-beat-scale,1.25))
}
}
@keyframes fa-beat {
0%,
90% {
-webkit-transform:scale(1);
transform:scale(1)
}
45% {
-webkit-transform:scale(var(--fa-beat-scale,1.25));
transform:scale(var(--fa-beat-scale,1.25))
}
}
@-webkit-keyframes fa-fade {
50% {
opacity:var(--fa-fade-opacity,.4)
}
}
@keyframes fa-fade {
50% {
opacity:var(--fa-fade-opacity,.4)
}
}
@-webkit-keyframes fa-beat-fade {
0%,
to {
opacity:var(--fa-beat-fade-opacity,.4);
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:1;
-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));
transform:scale(var(--fa-beat-fade-scale,1.125))
}
}
@keyframes fa-beat-fade {
0%,
to {
opacity:var(--fa-beat-fade-opacity,.4);
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:1;
-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));
transform:scale(var(--fa-beat-fade-scale,1.125))
}
}
@-webkit-keyframes fa-flip {
50% {
-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
}
}
@keyframes fa-flip {
50% {
-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
}
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
.fa-rotate-90 {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.fa-rotate-180 {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.fa-rotate-270 {
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}
.fa-flip-horizontal {
-webkit-transform:scaleX(-1);
transform:scaleX(-1)
}
.fa-flip-vertical {
-webkit-transform:scaleY(-1);
transform:scaleY(-1)
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
-webkit-transform:scale(-1);
transform:scale(-1)
}
.fa-rotate-by {
-webkit-transform:rotate(var(--fa-rotate-angle,none));
transform:rotate(var(--fa-rotate-angle,none))
}
.fa-stack {
display:inline-block;
height:2em;
line-height:2em;
position:relative;
vertical-align:middle;
width:2.5em
}
.fa-stack-1x,
.fa-stack-2x {
left:0;
position:absolute;
text-align:center;
width:100%;
z-index:var(--fa-stack-z-index,auto)
}
.fa-stack-1x {
line-height:inherit
}
.fa-stack-2x {
font-size:2em
}
.fa-inverse {
color:var(--fa-inverse,#fff)
}
.fa-0:before {
content:"\30"
}
.fa-1:before {
content:"\31"
}
.fa-2:before {
content:"\32"
}
.fa-3:before {
content:"\33"
}
.fa-4:before {
content:"\34"
}
.fa-5:before {
content:"\35"
}
.fa-6:before {
content:"\36"
}
.fa-7:before {
content:"\37"
}
.fa-8:before {
content:"\38"
}
.fa-9:before {
content:"\39"
}
.fa-a:before {
content:"\41"
}
.fa-address-book:before,
.fa-contact-book:before {
content:"\f2b9"
}
.fa-address-card:before,
.fa-contact-card:before,
.fa-vcard:before {
content:"\f2bb"
}
.fa-align-center:before {
content:"\f037"
}
.fa-align-justify:before {
content:"\f039"
}
.fa-align-left:before {
content:"\f036"
}
.fa-align-right:before {
content:"\f038"
}
.fa-anchor:before {
content:"\f13d"
}
.fa-angle-down:before {
content:"\f107"
}
.fa-angle-left:before {
content:"\f104"
}
.fa-angle-right:before {
content:"\f105"
}
.fa-angle-up:before {
content:"\f106"
}
.fa-angle-double-down:before,
.fa-angles-down:before {
content:"\f103"
}
.fa-angle-double-left:before,
.fa-angles-left:before {
content:"\f100"
}
.fa-angle-double-right:before,
.fa-angles-right:before {
content:"\f101"
}
.fa-angle-double-up:before,
.fa-angles-up:before {
content:"\f102"
}
.fa-ankh:before {
content:"\f644"
}
.fa-apple-alt:before,
.fa-apple-whole:before {
content:"\f5d1"
}
.fa-archway:before {
content:"\f557"
}
.fa-arrow-down:before {
content:"\f063"
}
.fa-arrow-down-1-9:before,
.fa-sort-numeric-asc:before,
.fa-sort-numeric-down:before {
content:"\f162"
}
.fa-arrow-down-9-1:before,
.fa-sort-numeric-desc:before,
.fa-sort-numeric-down-alt:before {
content:"\f886"
}
.fa-arrow-down-a-z:before,
.fa-sort-alpha-asc:before,
.fa-sort-alpha-down:before {
content:"\f15d"
}
.fa-arrow-down-long:before,
.fa-long-arrow-down:before {
content:"\f175"
}
.fa-arrow-down-short-wide:before,
.fa-sort-amount-desc:before,
.fa-sort-amount-down-alt:before {
content:"\f884"
}
.fa-arrow-down-wide-short:before,
.fa-sort-amount-asc:before,
.fa-sort-amount-down:before {
content:"\f160"
}
.fa-arrow-down-z-a:before,
.fa-sort-alpha-desc:before,
.fa-sort-alpha-down-alt:before {
content:"\f881"
}
.fa-arrow-left:before {
content:"\f060"
}
.fa-arrow-left-long:before,
.fa-long-arrow-left:before {
content:"\f177"
}
.fa-arrow-pointer:before,
.fa-mouse-pointer:before {
content:"\f245"
}
.fa-arrow-right:before {
content:"\f061"
}
.fa-arrow-right-arrow-left:before,
.fa-exchange:before {
content:"\f0ec"
}
.fa-arrow-right-from-bracket:before,
.fa-sign-out:before {
content:"\f08b"
}
.fa-arrow-right-long:before,
.fa-long-arrow-right:before {
content:"\f178"
}
.fa-arrow-right-to-bracket:before,
.fa-sign-in:before {
content:"\f090"
}
.fa-arrow-left-rotate:before,
.fa-arrow-rotate-back:before,
.fa-arrow-rotate-backward:before,
.fa-arrow-rotate-left:before,
.fa-undo:before {
content:"\f0e2"
}
.fa-arrow-right-rotate:before,
.fa-arrow-rotate-forward:before,
.fa-arrow-rotate-right:before,
.fa-redo:before {
content:"\f01e"
}
.fa-arrow-trend-down:before {
content:"\e097"
}
.fa-arrow-trend-up:before {
content:"\e098"
}
.fa-arrow-turn-down:before,
.fa-level-down:before {
content:"\f149"
}
.fa-arrow-turn-up:before,
.fa-level-up:before {
content:"\f148"
}
.fa-arrow-up:before {
content:"\f062"
}
.fa-arrow-up-1-9:before,
.fa-sort-numeric-up:before {
content:"\f163"
}
.fa-backward-step:before,
.fa-step-backward:before {
content:"\f048"
}
.fa-bacon:before {
content:"\f7e5"
}
.fa-bacteria:before {
content:"\e059"
}
.fa-bacterium:before {
content:"\e05a"
}
.fa-bag-shopping:before,
.fa-shopping-bag:before {
content:"\f290"
}
.fa-bahai:before {
content:"\f666"
}
.fa-baht-sign:before {
content:"\e0ac"
}
.fa-ban:before,
.fa-cancel:before {
content:"\f05e"
}
.fa-ban-smoking:before,
.fa-smoking-ban:before {
content:"\f54d"
}
.fa-band-aid:before,
.fa-bandage:before {
content:"\f462"
}
.fa-bank:before,
.fa-institution:before,
.fa-university:before {
content:"\f19c"
}
.fa-barcode:before {
content:"\f02a"
}
.fa-bars:before,
.fa-navicon:before {
content:"\f0c9"
}
.fa-bars-progress:before,
.fa-tasks-alt:before {
content:"\f828"
}
.fa-bars-staggered:before,
.fa-reorder:before,
.fa-stream:before {
content:"\f550"
}
.fa-baseball-ball:before,
.fa-baseball:before {
content:"\f433"
}
.fa-basket-shopping:before,
.fa-shopping-basket:before {
content:"\f291"
}
.fa-basketball-ball:before,
.fa-basketball:before {
content:"\f434"
}
.fa-bath:before,
.fa-bathtub:before {
content:"\f2cd"
}
.fa-battery-0:before,
.fa-battery-empty:before {
content:"\f244"
}
.fa-battery-5:before,
.fa-battery-full:before,
.fa-battery:before {
content:"\f240"
}
.fa-battery-3:before,
.fa-battery-half:before {
content:"\f242"
}
.fa-battery-2:before,
.fa-battery-quarter:before {
content:"\f243"
}
.fa-battery-4:before,
.fa-battery-three-quarters:before {
content:"\f241"
}
.fa-bed:before {
content:"\f236"
}
.fa-bed-pulse:before,
.fa-procedures:before {
content:"\f487"
}
.fa-beer-mug-empty:before,
.fa-beer:before {
content:"\f0fc"
}
.fa-bell:before {
content:"\f0f3"
}
.fa-bell-concierge:before,
.fa-concierge-bell:before {
content:"\f562"
}
.fa-bell-slash:before {
content:"\f1f6"
}
.fa-bezier-curve:before {
content:"\f55b"
}
.fa-bicycle:before {
content:"\f206"
}
.fa-binoculars:before {
content:"\f1e5"
}
.fa-biohazard:before {
content:"\f780"
}
.fa-bitcoin-sign:before {
content:"\e0b4"
}
.fa-blender:before {
content:"\f517"
}
.fa-blender-phone:before {
content:"\f6b6"
}
.fa-blog:before {
content:"\f781"
}
.fa-bold:before {
content:"\f032"
}
.fa-bolt:before,
.fa-zap:before {
content:"\f0e7"
}
.fa-bomb:before {
content:"\f1e2"
}
.fa-bone:before {
content:"\f5d7"
}
.fa-bong:before {
content:"\f55c"
}
.fa-book:before {
content:"\f02d"
}
.fa-atlas:before,
.fa-book-atlas:before {
content:"\f558"
}
.fa-bible:before,
.fa-book-bible:before {
content:"\f647"
}
.fa-book-journal-whills:before,
.fa-journal-whills:before {
content:"\f66a"
}
.fa-book-medical:before {
content:"\f7e6"
}
.fa-book-open:before {
content:"\f518"
}
.fa-book-open-reader:before,
.fa-book-reader:before {
content:"\f5da"
}
.fa-book-quran:before,
.fa-quran:before {
content:"\f687"
}
.fa-book-dead:before,
.fa-book-skull:before {
content:"\f6b7"
}
.fa-bookmark:before {
content:"\f02e"
}
.fa-border-all:before {
content:"\f84c"
}
.fa-border-none:before {
content:"\f850"
}
.fa-border-style:before,
.fa-border-top-left:before {
content:"\f853"
}
.fa-bowling-ball:before {
content:"\f436"
}
.fa-box:before {
content:"\f466"
}
.fa-archive:before,
.fa-box-archive:before {
content:"\f187"
}
.fa-box-open:before {
content:"\f49e"
}
.fa-box-tissue:before {
content:"\e05b"
}
.fa-boxes-alt:before,
.fa-boxes-stacked:before,
.fa-boxes:before {
content:"\f468"
}
.fa-braille:before {
content:"\f2a1"
}
.fa-brain:before {
content:"\f5dc"
}
.fa-brazilian-real-sign:before {
content:"\e46c"
}
.fa-bread-slice:before {
content:"\f7ec"
}
.fa-briefcase:before {
content:"\f0b1"
}
.fa-briefcase-medical:before {
content:"\f469"
}
.fa-broom:before {
content:"\f51a"
}
.fa-broom-ball:before,
.fa-quidditch-broom-ball:before,
.fa-quidditch:before {
content:"\f458"
}
.fa-brush:before {
content:"\f55d"
}
.fa-bug:before {
content:"\f188"
}
.fa-building:before {
content:"\f1ad"
}
.fa-bullhorn:before {
content:"\f0a1"
}
.fa-bullseye:before {
content:"\f140"
}
.fa-burger:before,
.fa-hamburger:before {
content:"\f805"
}
.fa-bus:before {
content:"\f207"
}
.fa-bus-alt:before,
.fa-bus-simple:before {
content:"\f55e"
}
.fa-briefcase-clock:before,
.fa-business-time:before {
content:"\f64a"
}
.fa-c:before {
content:"\43"
}
.fa-birthday-cake:before,
.fa-cake-candles:before,
.fa-cake:before {
content:"\f1fd"
}
.fa-calculator:before {
content:"\f1ec"
}
.fa-calendar:before {
content:"\f133"
}
.fa-calendar-check:before {
content:"\f274"
}
.fa-calendar-day:before {
content:"\f783"
}
.fa-calendar-alt:before,
.fa-calendar-days:before {
content:"\f073"
}
.fa-calendar-minus:before {
content:"\f272"
}
.fa-calendar-plus:before {
content:"\f271"
}
.fa-calendar-week:before {
content:"\f784"
}
.fa-calendar-times:before,
.fa-calendar-xmark:before {
content:"\f273"
}
.fa-camera-alt:before,
.fa-camera:before {
content:"\f030"
}
.fa-camera-retro:before {
content:"\f083"
}
.fa-camera-rotate:before {
content:"\e0d8"
}
.fa-campground:before {
content:"\f6bb"
}
.fa-candy-cane:before {
content:"\f786"
}
.fa-cannabis:before {
content:"\f55f"
}
.fa-capsules:before {
content:"\f46b"
}
.fa-automobile:before,
.fa-car:before {
content:"\f1b9"
}
.fa-battery-car:before,
.fa-car-battery:before {
content:"\f5df"
}
.fa-car-crash:before {
content:"\f5e1"
}
.fa-car-alt:before,
.fa-car-rear:before {
content:"\f5de"
}
.fa-car-side:before {
content:"\f5e4"
}
.fa-caravan:before {
content:"\f8ff"
}
.fa-caret-down:before {
content:"\f0d7"
}
.fa-caret-left:before {
content:"\f0d9"
}
.fa-caret-right:before {
content:"\f0da"
}
.fa-caret-up:before {
content:"\f0d8"
}
.fa-carrot:before {
content:"\f787"
}
.fa-cart-arrow-down:before {
content:"\f218"
}
.fa-cart-flatbed:before,
.fa-dolly-flatbed:before {
content:"\f474"
}
.fa-cart-flatbed-suitcase:before,
.fa-luggage-cart:before {
content:"\f59d"
}
.fa-cart-plus:before {
content:"\f217"
}
.fa-cart-shopping:before,
.fa-shopping-cart:before {
content:"\f07a"
}
.fa-cash-register:before {
content:"\f788"
}
.fa-cat:before {
content:"\f6be"
}
.fa-cedi-sign:before {
content:"\e0df"
}
.fa-cent-sign:before {
content:"\e3f5"
}
.fa-certificate:before {
content:"\f0a3"
}
.fa-chair:before {
content:"\f6c0"
}
.fa-blackboard:before,
.fa-chalkboard:before {
content:"\f51b"
}
.fa-chalkboard-teacher:before,
.fa-chalkboard-user:before {
content:"\f51c"
}
.fa-champagne-glasses:before,
.fa-glass-cheers:before {
content:"\f79f"
}
.fa-charging-station:before {
content:"\f5e7"
}
.fa-area-chart:before,
.fa-chart-area:before {
content:"\f1fe"
}
.fa-bar-chart:before,
.fa-chart-bar:before {
content:"\f080"
}
.fa-chart-column:before {
content:"\e0e3"
}
.fa-chart-gantt:before {
content:"\e0e4"
}
.fa-chart-line:before,
.fa-line-chart:before {
content:"\f201"
}
.fa-chart-pie:before,
.fa-pie-chart:before {
content:"\f200"
}
.fa-check:before {
content:"\f00c"
}
.fa-check-double:before {
content:"\f560"
}
.fa-check-to-slot:before,
.fa-vote-yea:before {
content:"\f772"
}
.fa-cheese:before {
content:"\f7ef"
}
.fa-chess:before {
content:"\f439"
}
.fa-chess-bishop:before {
content:"\f43a"
}
.fa-chess-board:before {
content:"\f43c"
}
.fa-chess-king:before {
content:"\f43f"
}
.fa-chess-knight:before {
content:"\f441"
}
.fa-chess-pawn:before {
content:"\f443"
}
.fa-chess-queen:before {
content:"\f445"
}
.fa-chess-rook:before {
content:"\f447"
}
.fa-chevron-down:before {
content:"\f078"
}
.fa-chevron-left:before {
content:"\f053"
}
.fa-chevron-right:before {
content:"\f054"
}
.fa-chevron-up:before {
content:"\f077"
}
.fa-child:before {
content:"\f1ae"
}
.fa-church:before {
content:"\f51d"
}
.fa-circle:before {
content:"\f111"
}
.fa-arrow-circle-down:before,
.fa-circle-arrow-down:before {
content:"\f0ab"
}
.fa-arrow-circle-left:before,
.fa-circle-arrow-left:before {
content:"\f0a8"
}
.fa-arrow-circle-right:before,
.fa-circle-arrow-right:before {
content:"\f0a9"
}
.fa-arrow-circle-up:before,
.fa-circle-arrow-up:before {
content:"\f0aa"
}
.fa-check-circle:before,
.fa-circle-check:before {
content:"\f058"
}
.fa-chevron-circle-down:before,
.fa-circle-chevron-down:before {
content:"\f13a"
}
.fa-chevron-circle-left:before,
.fa-circle-chevron-left:before {
content:"\f137"
}
.fa-chevron-circle-right:before,
.fa-circle-chevron-right:before {
content:"\f138"
}
.fa-chevron-circle-up:before,
.fa-circle-chevron-up:before {
content:"\f139"
}
.fa-circle-dollar-to-slot:before,
.fa-donate:before {
content:"\f4b9"
}
.fa-circle-dot:before,
.fa-dot-circle:before {
content:"\f192"
}
.fa-arrow-alt-circle-down:before,
.fa-circle-down:before {
content:"\f358"
}
.fa-circle-exclamation:before,
.fa-exclamation-circle:before {
content:"\f06a"
}
.fa-circle-h:before,
.fa-hospital-symbol:before {
content:"\f47e"
}
.fa-adjust:before,
.fa-circle-half-stroke:before {
content:"\f042"
}
.fa-circle-info:before,
.fa-info-circle:before {
content:"\f05a"
}
.fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
content:"\f359"
}
.fa-circle-minus:before,
.fa-minus-circle:before {
content:"\f056"
}
.fa-circle-notch:before {
content:"\f1ce"
}
.fa-circle-pause:before,
.fa-pause-circle:before {
content:"\f28b"
}
.fa-circle-play:before,
.fa-play-circle:before {
content:"\f144"
}
.fa-circle-plus:before,
.fa-plus-circle:before {
content:"\f055"
}
.fa-circle-question:before,
.fa-question-circle:before {
content:"\f059"
}
.fa-circle-radiation:before,
.fa-radiation-alt:before {
content:"\f7ba"
}
.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
content:"\f35a"
}
.fa-circle-stop:before,
.fa-stop-circle:before {
content:"\f28d"
}
.fa-arrow-alt-circle-up:before,
.fa-circle-up:before {
content:"\f35b"
}
.fa-circle-user:before,
.fa-user-circle:before {
content:"\f2bd"
}
.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
content:"\f057"
}
.fa-vector-square:before {
content:"\f5cb"
}
.fa-venus:before {
content:"\f221"
}
.fa-venus-double:before {
content:"\f226"
}
.fa-venus-mars:before {
content:"\f228"
}
.fa-vest:before {
content:"\e085"
}
.fa-vest-patches:before {
content:"\e086"
}
.fa-vial:before {
content:"\f492"
}
.fa-vials:before {
content:"\f493"
}
.fa-video-camera:before,
.fa-video:before {
content:"\f03d"
}
.fa-video-slash:before {
content:"\f4e2"
}
.fa-vihara:before {
content:"\f6a7"
}
.fa-virus:before {
content:"\e074"
}
.fa-virus-slash:before {
content:"\e075"
}
.fa-viruses:before {
content:"\e076"
}
.fa-voicemail:before {
content:"\f897"
}
.fa-volleyball-ball:before,
.fa-volleyball:before {
content:"\f45f"
}
.fa-volume-high:before,
.fa-volume-up:before {
content:"\f028"
}
.fa-volume-down:before,
.fa-volume-low:before {
content:"\f027"
}
.fa-volume-off:before {
content:"\f026"
}
.fa-volume-mute:before,
.fa-volume-times:before,
.fa-volume-xmark:before {
content:"\f6a9"
}
.fa-vr-cardboard:before {
content:"\f729"
}
.fa-w:before {
content:"\57"
}
.fa-wallet:before {
content:"\f555"
}
.fa-magic:before,
.fa-wand-magic:before {
content:"\f0d0"
}
.fa-magic-wand-sparkles:before,
.fa-wand-magic-sparkles:before {
content:"\e2ca"
}
.fa-warehouse:before {
content:"\f494"
}
.fa-water:before {
content:"\f773"
}
.fa-ladder-water:before,
.fa-swimming-pool:before,
.fa-water-ladder:before {
content:"\f5c5"
}
.fa-wave-square:before {
content:"\f83e"
}
.fa-weight-hanging:before {
content:"\f5cd"
}
.fa-weight-scale:before,
.fa-weight:before {
content:"\f496"
}
.fa-wheelchair:before {
content:"\f193"
}
.fa-glass-whiskey:before,
.fa-whiskey-glass:before {
content:"\f7a0"
}
.fa-wifi-3:before,
.fa-wifi-strong:before,
.fa-wifi:before {
content:"\f1eb"
}
.fa-wind:before {
content:"\f72e"
}
.fa-window-maximize:before {
content:"\f2d0"
}
.fa-window-minimize:before {
content:"\f2d1"
}
.fa-window-restore:before {
content:"\f2d2"
}
.fa-wine-bottle:before {
content:"\f72f"
}
.fa-wine-glass:before {
content:"\f4e3"
}
.fa-wine-glass-alt:before,
.fa-wine-glass-empty:before {
content:"\f5ce"
}
.fa-krw:before,
.fa-won-sign:before,
.fa-won:before {
content:"\f159"
}
.fa-wrench:before {
content:"\f0ad"
}
.fa-x:before {
content:"\58"
}
.fa-x-ray:before {
content:"\f497"
}
.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before {
content:"\f00d"
}
.fa-y:before {
content:"\59"
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen-sign:before,
.fa-yen:before {
content:"\f157"
}
.fa-yin-yang:before {
content:"\f6ad"
}
.fa-z:before {
content:"\5a"
}
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border-width:0
}
:host,
:root {
--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"
}
@font-face {
font-family:"Font Awesome 6 Brands";
font-style:normal;
font-weight:400;
font-display:block;
src:url(../webfonts/fa-brands-400.woff2) format("woff2"),
url(../webfonts/fa-brands-400.ttf) format("truetype")
}
.fa-brands,
.fab {
font-family:"Font Awesome 6 Brands";
font-weight:400
}
.fa-42-group:before,
.fa-innosoft:before {
content:"\e080"
}
.fa-500px:before {
content:"\f26e"
}
.fa-accessible-icon:before {
content:"\f368"
}
.fa-accusoft:before {
content:"\f369"
}
.fa-acquisitions-incorporated:before {
content:"\f6af"
}
}
.fa-typo3:before {
content:"\f42b"
}
.fa-uber:before {
content:"\f402"
}
.fa-ubuntu:before {
content:"\f7df"
}
.fa-uikit:before {
content:"\f403"
}
.fa-umbraco:before {
content:"\f8e8"
}
.fa-uncharted:before {
content:"\e084"
}
.fa-uniregistry:before {
content:"\f404"
}
.fa-unity:before {
content:"\e049"
}
.fa-unsplash:before {
content:"\e07c"
}
.fa-untappd:before {
content:"\f405"
}
.fa-ups:before {
content:"\f7e0"
}
.fa-usb:before {
content:"\f287"
}
.fa-usps:before {
content:"\f7e1"
}
.fa-ussunnah:before {
content:"\f407"
}
.fa-vaadin:before {
content:"\f408"
}
.fa-viacoin:before {
content:"\f237"
}
.fa-viadeo:before {
content:"\f2a9"
}
.fa-viadeo-square:before {
content:"\f2aa"
}
.fa-viber:before {
content:"\f409"
}
.fa-vimeo:before {
content:"\f40a"
}
.fa-vimeo-square:before {
content:"\f194"
}
.fa-vimeo-v:before {
content:"\f27d"
}
.fa-vine:before {
content:"\f1ca"
}
.fa-vk:before {
content:"\f189"
}
.fa-vnv:before {
content:"\f40b"
}
.fa-vuejs:before {
content:"\f41f"
}
.fa-watchman-monitoring:before {
content:"\e087"
}
.fa-waze:before {
content:"\f83f"
}
.fa-weebly:before {
content:"\f5cc"
}
.fa-weibo:before {
content:"\f18a"
}
.fa-weixin:before {
content:"\f1d7"
}
.fa-whatsapp:before {
content:"\f232"
}
.fa-whatsapp-square:before {
content:"\f40c"
}
.fa-whmcs:before {
content:"\f40d"
}
.fa-wpbeginner:before {
content:"\f297"
}
.fa-wpexplorer:before {
content:"\f2de"
}
.fa-wpforms:before {
content:"\f298"
}
.fa-xing-square:before {
content:"\f169"
}
.fa-y-combinator:before {
content:"\f23b"
}
.fa-yahoo:before {
content:"\f19e"
}
.fa-yammer:before {
content:"\f840"
}
.fa-yandex:before {
content:"\f413"
}
.fa-yandex-international:before {
content:"\f414"
}
.fa-yarn:before {
content:"\f7e3"
}
.fa-yelp:before {
content:"\f1e9"
}
.fa-yoast:before {
content:"\f2b1"
}
.fa-youtube:before {
content:"\f167"
}
.fa-youtube-square:before {
content:"\f431"
}
.fa-zhihu:before {
content:"\f63f"
}
:host,
:root {
--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"
}
@font-face {
font-family:"Font Awesome 6 Free";
font-style:normal;
font-weight:400;
font-display:block;
src:url(../webfonts/fa-regular-400.woff2) format("woff2"),
url(../webfonts/fa-regular-400.ttf) format("truetype")
}
.fa-regular,
.far {
font-family:"Font Awesome 6 Free";
font-weight:400
}
:host,
:root {
--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"
}
@font-face {
font-family:"Font Awesome 6 Free";
font-style:normal;
font-weight:900;
font-display:block;
src:url(../webfonts/fa-solid-900.woff2) format("woff2"),
url(../webfonts/fa-solid-900.ttf) format("truetype")
}
.fa-solid,
.fas {
font-family:"Font Awesome 6 Free";
font-weight:900
}
/* Font Awesome Icon Ersatz - Komplettes CSS mit SVG Data URIs */
/* Base Icon Styles */
.fas, .fab {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
width: 1em;
height: 1em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: -0.125em;
}
/* Navigation Icons */
.fa-home::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
}
.fa-store::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 7h-3V6a4 4 0 0 0-8 0v1H5a1 1 0 0 0-1 1v11a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-1-1zM10 6a2 2 0 0 1 4 0v1h-4V6zm8 15a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V9h2v1a1 1 0 0 0 2 0V9h4v1a1 1 0 0 0 2 0V9h2v12z'/%3E%3C/svg%3E");
}
.fa-chevron-down::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
}
.fa-globe::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
}
.fa-shopping-cart::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.36 2.45c-.15.28-.24.61-.24.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 13h7.45c.75 0 1.42-.41 1.75-1.03L21.7 4H5.21l-.94-2H1zm16 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
}
.fa-info-circle::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
}
.fa-envelope::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}
.fa-bars::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");
}
.fa-car::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z'/%3E%3C/svg%3E");
}
/* Action/Status Icons */
.fa-spinner::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z'/%3E%3C/svg%3E");
}
.fa-spinner.fa-spin::before {
animation: fa-spin 1s infinite linear;
}
.fa-check::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}
.fa-exclamation::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
.fa-exclamation-triangle::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
}
.fa-check-circle::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}
.fa-exclamation-circle::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
}
.fa-cart-plus::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.36 2.45c-.15.28-.24.61-.24.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 13h7.45c.75 0 1.42-.41 1.75-1.03L21.7 4H5.21l-.94-2H1zm16 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E"),%20url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
}
/* Brand Icons */
.fa-ebay::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.3 3.4c-1.7 0-3.4 1.1-3.4 3.4s1.7 3.4 3.4 3.4 3.4-1.1 3.4-3.4-1.7-3.4-3.4-3.4zm0 5.7c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3 2.3 1 2.3 2.3-1 2.3-2.3 2.3zm9.4-5.7c-1.7 0-3.4 1.1-3.4 3.4s1.7 3.4 3.4 3.4 3.4-1.1 3.4-3.4-1.7-3.4-3.4-3.4zm0 5.7c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3 2.3 1 2.3 2.3-1 2.3-2.3 2.3zM12 12.6c-1.7 0-3.4 1.1-3.4 3.4s1.7 3.4 3.4 3.4 3.4-1.1 3.4-3.4-1.7-3.4-3.4-3.4zm0 5.7c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3 2.3 1 2.3 2.3-1 2.3-2.3 2.3z'/%3E%3C/svg%3E");
}
.fa-whatsapp::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2325D366'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.051 3.488'/%3E%3C/svg%3E");
}
/* Keyframes für Animationen */
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Size Variations */
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -0.0667em;
}
.fa-xs {
font-size: 0.75em;
}
.fa-sm {
font-size: 0.875em;
}
.fa-lg {
font-size: 1.25em;
}
.fa-xl {
font-size: 1.5em;
}
.fa-2x {
font-size: 2em;
}
/* Fixed width für bessere Ausrichtung */
.fa-fw {
width: 1.25em;
text-align: center;
}
/* Spezielle Anpassungen für deine Seite */
.mobile-cart .fas,
.mobile-cart .fab {
font-size: 1.2em;
}
.cart-badge {
position: absolute;
top: -8px;
right: -8px;
background-color: #e74c3c;
color: white;
border-radius: 50%;
width: 18px;
height: 18px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
}
/* Dropdown Chevron anpassen */
.dropdown .fa-chevron-down {
margin-left: 0.25rem;
font-size: 0.75rem;
}
/* WhatsApp spezielle Farbe */
.fa-whatsapp {
color: #25D366;
}
/* Mobile Anpassungen */
@media (max-width: 768px) {
.mobile-nav .fas,
.mobile-nav .fab {
margin-right: 0.5rem;
width: 1.2em;
}
}
/* Hover Effekte für bessere UX */
.nav-link:hover .fas,
.nav-link:hover .fab,
.mobile-nav-item:hover .fas,
.mobile-nav-item:hover .fab {
transform: scale(1.1);
transition: transform 0.2s ease;
}
/* Button spezifische Icons */
.highline-action-btn .fas,
.highline-action-btn .fab {
margin-right: 0.5rem;
}
/* Loading States */
.loading .fa-spinner {
opacity: 0.7;
}
/* Error/Success States mit Farben */
.fa-check-circle {
color: #28a745;
}
.fa-exclamation-triangle,
.fa-exclamation-circle {
color: #dc3545;
}
.fa-info-circle {
color: #17a2b8;
}