@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

.tabelle_beschreibung td:nth-child(1) {
    padding: 0px 0px 8px 0px
}

.tabelle_beschreibung td:nth-child(2) {
    padding: 0px 0px 8px 8px
}

.hauptbeschreibung h3 {
    font-size: 130%;
}

.hauptbeschreibung h4 {
    margin-top: 0px;
    font-size: 110%;
}

.hauptbeschreibung p {
    font-size: 15px;
    font-family: "Nunito", sans-serif;
    font-weight: 400;
    clear: both;
}

.hauptbeschreibung br {
    line-height: 0px
}

#pushed-success .pushed-success-image-wrapper img {
    contain-intrinsic-size: auto 150px !important;
}

.beschreibungsbilder {
    position: relative;
    width: 342px;
    float: left;
    margin: 0px 6px 6px 0px !important;
}

.clr {
    line-height: 0px;
    height: 0px
}

img.img500 {
    max-width: 500px !important;
    max-height: 500px !important;

}

.clear {
    clear: both;
    float: none;
    line-height: 0px
}

p.clear {
    height: 4px
}

.float {
    float: left;
}


img {
    max-width: 100%
}

/* Hauptcross Anfang*/
.hauptcross {
    width: 100%
}

.hcross {
    float: left;
    width: 226px;
    border-radius: 4px;
}

.hcross1,
.hcross2 {
    margin-right: 6px
}

.hauptcross .myButton {
    width: 226px;
    padding: 6px;
    text-align: center;
    margin-top: -2px;
    font-size: 14px;
    color: #075f83;
}

.hauptcross_ueberschrift {
    font-weight: bold;
    font-size: 14px
}

/*Hauptcross Ende*/

.box_headline {
    font-size: 13px;
    background: #ff6000;
    background: linear-gradient(0deg, rgba(234, 234, 234, 1) 0%, rgba(254, 254, 254, 1) 100%);
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 13px 9px;
    margin-top: -1px;
    margin-left: -16px;
    margin-right: -16px;
    display: block;
    color: #504b48;
    text-align: center;
    font-weight: 500;
}

.cross {
    background: rgb(7, 95, 131);
    background: linear-gradient(0deg, rgba(7, 95, 131, 1) 0%, rgba(35, 176, 210, 1) 43%);
    margin: 0px 0px 4px;
    border-radius: 4px;
}

.cross1 {
    margin-bottom: 8px;
}

#cross_bild {
    display: block;
}

.cross_text {
    font-weight: 600;
    color: #fff;
    padding: 8px;
    font-family: "Nunito", sans-serif;
    text-shadow: 0px 1px 0px #000;
}

.cross_text a {
    color: #fff;
    text-decoration: underline;
}

#mehr_kaufen {
    text-align: center;
    position: relative;
}

.cross2_bg {
    border: 1px solid #d9d9d9;
    text-align: center;
    padding: 6px 4px 2px 4px;
    background: linear-gradient(0deg, rgba(234, 234, 234, 1) 0%, rgba(254, 254, 254, 1) 100%);
    border-radius: 4px;
    margin-bottom: 12px;
}

.cross1 .myButton {
    margin: 4px 0px 8px;
    width: 100%;
}

.speichern {
    width: 100%;
    text-align: center;
    margin
}

.versandkostenfrei {
    line-height: 16px
}

.siegel {
    margin-bottom: 12px;
}

@media (max-width:768px) {
    .siegel {
        margin-right: 10px;
    }
}

@media (max-width:768px) {
    .versandkostenfrei {
        display: none;
    }
}

.cross .box_headline {
    margin: 0px;
    border: 0px;
}

.cross .cross_text {
    padding-top: 8px
}

@media (max-width:768px) {
    #cross_bild {
        margin-right: 18px;
    }
}

@media (max-width:768px) {
    #mehr_kaufen {
        text-align: left;
    }
}


/*Galerie Anfang*/
#content {
    position: relative
}

#content .gallery {
    width: 100%;
    margin: 14px 0px -8px 0px;
    position: relative;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s;
}

.btn-group .gallery {
    margin: 0px 0px 0px 4px !important;
}

#content .gallery:after {
    content: "";
    display: block;
    padding-bottom: 70%
}

#content .gallery input[name=gallery_switch] {
    display: none
}

#content .gallery input[name=gallery_switch]:checked + div.item {
    opacity: 1
}

#content .gallery > div.item {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    padding: 15px;
    -webkit-transition: padding .2s;
    -o-transition: padding .2s;
    transition: padding .2s
}

#content .gallery > div.item img {
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 10px 20px -5px rgb(0 0 0 / 75%);
}

#content .thumbnails {
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    top: 14px;
    margin: auto;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

#content .thumbnails .thumbnail-wrapper {
    width: 80px;
    height: 80px;
    float: left;
    padding: 0px;
    margin: 14px 4px;
}

#content .thumbnails .thumbnail-wrapper .thumbnail-item {
    margin: 0;
    position: relative;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s
}

#content .thumbnails .thumbnail-wrapper .thumbnail-item:after {
    content: "";
    display: block;
    padding-bottom: 80%
}

@media (max-width:768px) {
    #content .thumbnails .thumbnail-wrapper .thumbnail-item:after {
        content: "";
        display: block;
        padding-bottom: 100%
    }
}

#content .thumbnails .thumbnail-wrapper .thumbnail-item > label {
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0px;
    -webkit-transition: padding .2s;
    -o-transition: padding .2s;
    transition: padding .2s;
    cursor: pointer;
}

#content .thumbnails .thumbnail-wrapper .thumbnail-item > label img {
    display: block;
    /* left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    position: relative;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%
}

/*Galerie Ende */


.myButton {
    box-shadow: 0px 1px 0px 0px #fff6af;
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    background-color: #ffec64;
    border-radius: 4px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 20px;
    margin-bottom: 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
    width: 100%;
}

.myButton:hover {
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    background-color: #ffab23;
    text-decoration: none;
}

.myButton:active {
    position: relative;
    top: 1px;
}


.custom_style3 {
    display: block;
    position: relative;
    margin: 0px 10px 0px 0px !important;
    width: auto;
    float: left
}

div.mod-title {
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    color: white;
    background: rgba(0, 0, 0, .3);
    text-align: center;
    padding: 5px;
}

.mod-title {
    color: #fff
}

#Banner_Beschreibung {
    margin-bottom: 10px
}

.feature_box > div {
    margin: 0px;
    padding: 0px;
}

#top_container {
    width: auto
}

div.listing_short {
    width: auto;
    float: left;
    margin-right: 20px;
    max-width: 100%;
}

.listing_short > ul {
    padding-left: 0em;
    padding-right: 1em
}

.listing_short > ul > li {
    list-style-type: none;
    padding-left: 26px;
    margin-top: 4px;
    background-image: url(https://fantasticbaits.de/images/Haken.png);
    background-repeat: no-repeat;
    background-position: left center;
}

div.blueTable {
    width: 100%;
    border: 1px solid #ECF1F7;
    background-color: #ECF1F7;
    text-align: left;
    float: left;
    border-collapse: collapse;
    margin: 0px 12px 12px 0px;
}

div.divTableRow.divTableCell.divTableCell {
    font-weight: none;
}

.divTable.blueTable .divTableCell,
.divTable.blueTable .divTableHead {
    padding: 3px 2px;
}

.divTable.blueTable .divTableBody .divTableCell {
    font-size: 13px;
}

.divTable.blueTable .divTableBody .cell1 {
    font-weight: bold;
}

.divTable.blueTable .divTableRow:nth-child(even) {
    background: #E5E5E5;
}

.blueTable .tableFootStyle {
    font-size: 14px;
}

.blueTable .tableFootStyle .links {
    text-align: right;
}

.blueTable .tableFootStyle .links a {
    display: inline-block;
    background: #1C6EA4;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 5px;
}

.blueTable.outerTableFooter {
    border-top: none;
}

.blueTable.outerTableFooter .tableFootStyle {
    padding: 3px 5px;
}

.feature_box h5 {
    font-size: 130%
}

.feature_box h6 {
    font-size: 110%
}

/* DivTable.com */
.divTable {
    display: table;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    display: table-header-group;
}

.divTableCell,
.divTableHead {
    display: table-cell;
}

.divTableHeading {
    display: table-header-group;
}

.divTableFoot {
    display: table-footer-group;
}

.divTableBody {
    display: table-row-group;
}

.text-muted {
    display: none
}

.page {
    font-family: "Nunito", sans-serif;
    font-weight: 400;
    width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
    background: #f9f9f9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.no-bg {
    background: transparent !important
}

.no-margin-top {
    margin-top: 0
}

.padding-top {
    padding-top: 30px
}

.navigation {
    height: auto;
    padding-bottom: 5px;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -10px
}

.navigation li {
    display: inline-block;
    width: 100%;
    margin-top: 1px;
    background: rgba(0, 0, 0, .03)
}

.navigation li a {
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, .03);
    color: #333 !important;
    text-shadow: 0 0 0 #222;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 10px;
    -webkit-transition: background 500ms ease-out;
    -moz-transition: background 500ms ease-out;
    -o-transition: background 500ms ease-out;
    transition: background 500ms ease-out
}

.navigation li:last-child {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: -16px
}

.navigation li a:hover {
    background: #1c72c6;
    text-decoration: none;
    color: #fff !important
}

hr {
    border-color: #d3d1d1
}

.row-margin-top {
    margin-top: 15px
}

.thumbnail {
    border: 1px solid #d3d1d1;
    cursor: pointer;
    display: inline-block;
    height: 56px;
    line-height: 56px;
    margin-right: 4px;
    margin-top: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 79px;
    overflow: hidden;
    position: relative;
    top: 565px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}


.no-padding {
    padding: 0 !important
}

.text-main {
    color: #555;
    line-height: 1.7em;
    font-weight: 400px;
    letter-spacing: 1px;
    font-size: 13px
}

.feature_box {
    min-height: 200px;
    -webkit-transition: webkit-box-shadow 500ms linear;
    -o-transition: box-shadow 500ms linear;
    -moz-transition: moz-box-shadow 500ms linear;
    -ms-transition: box-shadow 500ms linear;
    -kthtml-transition: box-shadow 500ms linear;
    transition: box-shadow 500ms linear;
    margin-bottom: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none
}

.feature_box:hover {
    -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, .50);
    -moz-box-shadow: 0 0 17px 0 rgba(0, 0, 0, .50);
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, .50)
}

.feature_box_headline {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block
}

.center {
    margin: 0 auto
}

.bestseller {
    border: 1px solid #d3d1d1;
    margin-top: 25px;
    width: 100%;
    height: auto
}

div[typeof=Product] {
    display: none
}

.icons {
    margin: 2px;
    float: left;
    border-radius: 0
}

.extra-margin-bottom-top {
    margin-bottom: 20px;
    margin-top: -17px
}

.text-headinfo {
    font-weight: 200;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 10px
}

.header {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    min-height: 100px
}

.text-kundenhinweis {
    font-weight: 200;
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 10px
}

.no-padding-left {
    padding-left: 0 !important
}

@media only screen and (max-width:768px) {
    .no-padding-left {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-min-height {
    min-height: 0 !important
}

@media (min-width:0) and (max-width:320px) {
    .page {
        width: 100%
    }

    .navigation {
        height: auto;
        padding-bottom: 0
    }

    .navigation li {
        width: 100%;
        border-bottom: 1px solid #fff
    }

    .navigation li a {
        font-size: 14px;
        margin-right: 0;
        padding: 12px;
        margin: 0
    }

    .zoom_pic {
        height: 260px;
        bottom: 44px
    }

    .zoom_pic img {
        max-width: 230px;
        max-height: 230px
    }

    .thumbnail {
        height: 39px;
        line-height: 39px;
        width: 39px;
        top: 290px
    }

    .header-xs-padding {
        padding: 0 !important
    }
}

@media (min-width:321px) and (max-width:620px) {
    .page {
        width: 100%
    }

    .navigation {
        height: auto;
        padding-bottom: 0
    }

    .navigation li {
        width: 100%;
        border-bottom: 1px solid #fff
    }

    .navigation li a {
        font-size: 14px;
        margin-right: 0;
        padding: 12px;
        margin: 0
    }

    .zoom_pic {
        height: 290px;
        bottom: 55px
    }

    .zoom_pic img {
        max-width: 270px;
        max-height: 270px
    }

    .thumbnail {
        height: 38px;
        line-height: 38px;
        width: 52px;
        top: 310px
    }

    .header-xs-padding {
        padding: 0 !important
    }
}

@media (min-width:0) and (max-width:768px) {
    .text-main {
        line-height: 1.6em
    }

    .editor-bootstrap-img {
        height: auto !important;
        width: auto !important;
        max-width: 100%;
        max-height: 100%;
        margin: 0 !important
    }
}

@media (min-width:620px) and (max-width:770px) {
    .page {
        width: 100%
    }

    .navigation {
        height: auto;
        padding-bottom: 0
    }

    .navigation li {
        width: 100%;
        border-bottom: 1px solid #fff
    }

    .zoom_pic {
        height: 320px;
        bottom: 60px
    }

    .zoom_pic img {
        max-width: 310px;
        max-height: 310px
    }

    .thumbnail {
        height: 55px;
        line-height: 55px;
        width: 78px;
        top: 350px
    }
}

@media (min-width:771px) and (max-width:900px) {
    .page {
        width: 100%
    }

    .zoom_pic {
        height: 320px;
        bottom: 60px
    }

    .zoom_pic img {
        max-width: 310px;
        max-height: 310px
    }

    .thumbnail {
        height: 46px;
        line-height: 46px;
        width: 72px;
        top: 350px
    }
}

@media (min-width:901px) and (max-width:999px) {
    .page {
        width: 900px
    }

    .zoom_pic {
        height: 434px;
        bottom: 71px
    }

    .zoom_pic img {
        max-width: 434px;
        max-height: 434px
    }

    .thumbnail {
        height: 57px;
        line-height: 57px;
        width: 80px;
        top: 465px
    }
}

@media (min-width:1000px) {
    .page {
        width: 1000px
    }
}