/* IMPORT CSS BOC */
 @import url("https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css");
 /* ICON-CSS */
 @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,600");
 /* FONT-CSS */
 @import url("https://cdn.getyourtemplate.de/source/ebay/css/typography.css");
 /* FONT-CSS */
 @import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css");

 table tr:nth-of-type(odd) td {background-color: #F0F2F2;}
 table{
     line-height: 2em;
 }

 h6{
     font-weight: 400;
 }


 .product-articles p{
     margin-left: 10px;
 }

 /* ANIMATE-CSS */
 /* IMPORT CSS EOC */
 .gyt-template {
     hyphens: auto, -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
 }

 /* COLOR-STYLES */
 /* HIGHLIGHT-COLOR SETTINGS */
 /* COLOR */
 a,
 a:hover,
 a:focus,
 .color-prime,
 .hover-prime:hover,
 .fldesigns-tabs>ul>li ul li:hover a,
 .fldesigns-tabs>ul>li ul li:hover a:visited,
 .fldesigns-tabs .tab-content ul li:before,
 .top-header .top-links a:hover,
 .mid-header .mid-header-content .glyphicon-item i[class^="icon-"],
 .mid-header .mid-header-content .glyphicon-item dl dt,
 .mid-header .mid-header-content .glyphicon-item dl dd,
 .info-block:hover .icon-wrap,
 a[class*="color"]:hover:not(.color-light),
 blockquote::before,
 #footer a.color-light:hover,
 .error[class*="alert-box"] i[class^="fa "],
 .info-block-type-1:hover [class*="icon-wrap"],
 .categories-list>li:before,
 .categories-list ul>li:before,
 .footer a:hover,
 .footer .c-info-list i,
 .footer .vertical-list li a i[class^="icon-"],
 .fldesigns-tabs a,
 .fldesigns-tabs a:visited,
 .fldesigns-menu>li>ul li>a:visited,
 .fldesigns-menu>li>ul ul li>a:visited,
 .fldesigns-menu .fld-multi-column li>a:visited,
 .fldesigns-menu .fld-multi-column>ul ul li>a:visited,
 h1>span:not(.nocolor),
 h2>span:not(.nocolor),
 h3>span:not(.nocolor),
 h4>span:not(.nocolor),
 h5>span:not(.nocolor),
 h6>span:not(.nocolor),
 .fldesigns-tabs .tab-content li a:hover {
     color: #000000;
 }

 /* BACKGROUND */
 .fldesigns-menu .active,
 .fldesigns-menu .active>a:hover,
 .fldesigns-menu>li:hover>a,
 .fldesigns-tabs>label,
 .fldesigns-tabs>label>span:hover,
 .fldesigns-tabs>input:checked+label>span,
 .fldesigns-tabs>ul>li input.fld-button,
 .fldesigns-tabs>ul>li .fld-button,
 .sale-label-hover {
     background: #778899;
 }

 @media (max-width: 768px) {

     .fldesigns-menu .active,
     .fldesigns-menu .active>a:hover,
     .fldesigns-menu>li:hover>a {
         background: #778899;
     }

     .container_ebay {
         flex-direction: column;
     }

     .stichpunkt-container {
         display: none !important;
     }

     .center-text {
         flex-direction: column;
     }
 }

 /* BACKGROUND-COLOR */
 .bg-prime,
 .btn-prime,
 .tpl-btn.white:hover,
 .highlight {
     background-color: #000000;
 }

 /* BORDER-COLOR */
 .mid-header .glyphicon-item,
 .tpl-btn.white:hover,
 .footer,
 [class*="fld-tab-"]>h4.h4,
 .title-block,
 .title-block-right,
 .heading-block.border-color:after,
 .fancy-title.title-border-color:before,
 .fancy-title.title-bottom-border h1,
 .fancy-title.title-bottom-border h2,
 .fancy-title.title-bottom-border h3,
 .fancy-title.title-bottom-border h4,
 .fancy-title.title-bottom-border h5,
 .fancy-title.title-bottom-border h6 {
     border-color: #000000;
 }

 /* STANDARD-COLOR SETTINGS */
 .fldesigns-menu,
 .fldesigns-tabs>label,
 .top-menu-default,
 .gyt-template [class*="button-type_"].active,
 .gyt-template [class*="button-type-"]:not(.bg-cs-hover):hover,
 .gyt-template [class*="button-type-"].color-dark:not(.bg-cs-hover):hover,
 .gyt-template [class*="button-type-"].bg-dark,
 .widget figcaption,
 .fldesigns-menu>li>ul li:hover,
 .fldesigns-menu>li>ul ul li:hover,
 .fldesigns-menu .fld-multi-column li:hover,
 .fldesigns-menu .fld-multi-column>ul ul li:hover {
     background: darkslategray;
 }

 .tpl-btn.default,
 .tpl-btn.grey:hover {
     background-color: #000000;
 }

 .top-header,
 .tpl-btn,
 .tpl-btn.grey:hover {
     border-color: #000000;
 }

 /* TEXT- / LIGHT-COLOR */
 .color-light,
 .hover-light:hover,
 .fldesigns-menu,
 .fldesigns-menu a,
 .fldesigns-menu a:visited,
 .fldesigns-menu>li>a,
 .fldesigns-menu .active>a:hover,
 .fldesigns-menu>li:hover>a,
 .btn-prime,
 .fldesigns-tabs,
 .fldesigns-tabs>ul>li input.fld-button,
 .fldesigns-tabs>ul>li .fld-button,
 .variations .label:hover,
 .tpl-btn.default:hover,
 .tpl-btn.grey:hover,
 .tpl-btn.white:hover,
 .tpl-btn.white:hover i,
 .tpl-btn.dark-trans,
 .tpl-btn.dark-trans i,
 .gyt-template [class*="button-type_"].active,
 .gyt-template [class*="button-type-"]:not(.bg-cs-hover):hover,
 .gyt-template [class*="button-type-"].color-dark:not(.bg-cs-hover):hover,
 .gyt-template [class*="button-type-"].bg-dark,
 .color-light,
 .color-dark[class*="button-type-"][class*="color"]:hover,
 .fldesigns-menu>li>ul li:hover,
 .fldesigns-menu>li>ul ul li:hover,
 .fldesigns-menu .fld-multi-column li:hover,
 .fldesigns-menu .fld-multi-column>ul ul li:hover,
 .fldesigns-menu>li>ul li:hover>a,
 .fldesigns-menu>li>ul ul li:hover>a,
 .fldesigns-menu .fld-multi-column li:hover>a,
 .fldesigns-menu .fld-multi-column>ul ul li:hover>a,
 .fldesigns-menu>li>ul li:hover>a:visited,
 .fldesigns-menu>li>ul ul li:hover>a:visited,
 .fldesigns-menu .fld-multi-column li:hover>a:visited,
 .fldesigns-menu .fld-multi-column>ul ul li:hover>a:visited,
 .fldesigns-menu>li.fld-content-full>div input.fld-button,
 .fldesigns-menu>li.fld-content>div .fld-button,
 .fldesigns-menu>li.fld-content-full>div .fld-button {
     color: #ffffff;
 }

 .fldesigns-tabs>ul>li,
 .fldesigns-menu>li>ul,
 .fldesigns-menu>li>ul ul,
 .fldesigns-menu .fld-multi-column,
 .fldesigns-menu .fld-multi-column>ul ul,
 .fldesigns-menu>li.fld-content>div,
 .fldesigns-menu>li.fld-content-full>div {
     background: #ffffff;
 }

 .bg-light,
 #tpl-header,
 .variations .label,
 .tpl-btn.white {
     background-color: #ffffff;
 }

 /* TEXT- / DARK-COLOR */
 body,
 .gyt-template,
 .color-dark,
 .hover-dark:hover,
 .fldesigns-tabs>ul>li ul li a,
 .fldesigns-tabs>ul>li ul li a:visited,
 .fldesigns-tabs>ul>li input,
 .fldesigns-tabs>ul>li textarea,
 .fldesigns-tabs>ul>li,
 [class*="fld-tab-"]>h4,
 .fldesigns-menu>li>ul li>a,
 .fldesigns-menu>li>ul ul li>a,
 .fldesigns-menu>li>ul,
 .fldesigns-menu>li>ul ul,
 .fldesigns-menu .fld-multi-column,
 .fldesigns-menu .fld-multi-column>ul ul,
 .fldesigns-menu .fld-multi-column li>a,
 .fldesigns-menu .fld-multi-column>ul ul li>a,
 .tpl-btn.white i,
 .footer,
 .footer a,
 .title-block>span,
 .heading-block h1,
 .heading-block h2,
 .heading-block h3,
 .heading-block h4,
 .emphasis-title h1,
 .emphasis-title h2,
 .fldesigns-tabs .tab-content li a {
     color: #000000;
 }

 .table_ebaytemplate {
     border: 1px solid lightgray;
     width: 100%;
 }

 .table_ebaytemplate th,
 tr,
 td {
     border: 1px solid lightgray;
 }

 .table_ebaytemplate th {
     font-weight: bold;
 }

 table .t1,
 table .t2,
 table .t3 {
     width: 100%;
 }

 .stichpunkt-container {
     display: flex;
     justify-content: space-between;
     background-color: darkslategray;
     color: white;
     box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
     margin-bottom: 5px;
     border-bottom: 1px solid #fff;
 }

 .stichpunkt {
     flex: 1;
     padding: 10px;
     text-align: center;
     box-sizing: border-box;
 }

 .top-menu-default {
     box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
 }

 h5 {
     background-color: green;
     color: white;
 }

 .col-md-9 {
     width: 100%;
 }

 .col-md-9 hr {
     height: 0px !important;
 }

 .fldesigns-menu.fld-full-width {
     display: flex;
     justify-content: center;
 }

 .container {
     width: 100%;
 }

 .fldesigns-tabs {
     text-align: center;
 }

 .container_ebay {
     display: flex;
     /* Verwendet Flexbox */
     justify-content: space-between;
     /* Verteilt die inneren divs gleichmäßig */
 }

 .inner-div {
     flex: 1;
     /* Jedes div nimmt den gleichen Raum ein */
     padding: 10px;
     /* Optional, nur zur Abstandsbildung */
     box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
     /* Optional, nur zur Visualisierung */
 }

 .inner-div_2 {
     flex: 2;
     /* Jedes div nimmt den gleichen Raum ein */
     padding: 10px;
     /* Optional, nur zur Abstandsbildung */
     box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
     /* Optional, nur zur Visualisierung */
 }

 .inner-div_3 {
     display: flex;
     align-items: end;
     flex: 1;
     /* Jedes div nimmt den gleichen Raum ein */
     padding: 10px;
     /* Optional, nur zur Abstandsbildung */
 }

 .center-text {
     display: none;
     align-items: center;
     text-align: center;
     color: #778899;
 }

 .blink-text {
     animation: blink 10s infinite;
     font-size: 1.4em;
     font-style: italic;
     text-decoration: underline;
 }

 .info {
     margin-left: 10px;
     cursor: pointer;
     position: relative;
 }

 table.x {
     width: 100%;
 }

 table.x,
 th.x,
 td.x {
     border: 1px solid lightgray;
     border-spacing: 0;
     border-collapse: collapse;
     padding: 3px;
     font-size: 15px;
 }



 table,
 th,
 td {

     border-spacing: 0;
     border-collapse: collapse;

     font-size: 15px;
 }

 h3 {
     background: darkslategray;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     /* background: #5d7d13!important; */
     margin-bottom: 10px !important;
     padding-left: 10px !important;
     color: white;
     font-weight: normal;
     text-align: center;


 }

 .blink-text h3{
     padding: 20px;
     border-radius: 10px;
 }

 .info:hover:after {
     content: "Die Angabe Ihrer Handynummer ermöglicht es uns, Sie schnell und direkt zu erreichen, falls es Rückfragen zu Ihrer Bestellung gibt oder unerwartete Umstände auftreten, die eine Anpassung Ihrer Bestellung erforderlich machen. Zudem können wir Sie so umgehend über den Status Ihrer Bestellung informieren und Ihnen gegebenenfalls eine präzise Lieferzeit mitteilen. Ihre Handynummer wird selbstverständlich vertraulich behandelt und ausschließlich für die Abwicklung Ihrer aktuellen Bestellung genutzt. Wir halten uns streng an die Datenschutzbestimmungen und garantieren Ihnen, dass Ihre persönlichen Informationen sicher sind.";
     position: absolute;
     width: 300px;
     background-color: #ffffff;
     border: 1px solid #ccc;
     padding: 10px;
     border-radius: 4px;
     left: 50%;
     transform: translateX(-50%);
     top: 30px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     z-index: 1;
 }

 .info {
     margin-left: 10px;
     cursor: pointer;
     position: relative;
 }

 .dropdown.sub-menu:before {
     content: "►";
     color: #778899;
 }

 .tpl-btn.default,
 .tpl-btn.grey:hover {
     background-color: #778899;
 }

 .bewertung {
     display: flex;
     justify-content: center;
 }

 .add-banner {
     background: none;
 }

 .content-bottom-right h3 {
     color: black !important;
     background: white !important;
     box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
 }

 h5 {
     color: black !important;
     background: white !important;
     box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
     background: none !important;
     margin-bottom: 10px;
     font-weight: 400;
     margin-top: 20px;
 }

 table.x,
 th.x {
     background: white !important;
     color: black !important;
 }

 .content-bottom-right h4 {
     color: darkslategray !important;
 }

 @media only screen and (max-width: 1280px) {
     .container-fluid {
         display: none;
     }

     .mid-header-content {
         
     }

     .m-top-40 {
         margin-top: 0px;
     }
 }