ISBN: 9783125628663

img{max-width:100%} @import url('https://app.eselt.de/assets/templates/vendor/bootstrap.v3.3.5.min.css'); @import url('https://app.eselt.de/assets/templates/vendor/font-awesome-4.6.3/css/… mais…

img{max-width:100%} @import url('https://app.eselt.de/assets/templates/vendor/bootstrap.v3.3.5.min.css'); @import url('https://app.eselt.de/assets/templates/vendor/font-awesome-4.6.3/css/font-awesome.min.css'); @import url(https://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext); @import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,300,700&subset=latin,latin-ext); /** * Retrieves a color value from the $material-colors Sass map * Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/ * * @function * @param {string} color-name - quoted, lower-case, dasherized color * name (e.g. 'pink', 'amber') * @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g. * '200', 'a100') *//** * Retrieves a color value from the $material-colors Sass map * Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/ * * @function * @param {string} color-name - quoted, lower-case, dasherized color * name (e.g. 'pink', 'amber') * @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g. * '200', 'a100') */.gallery__wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 600px; } @media (max-width: 992px) { .gallery__wrapper { display: block; height: auto; } } .gallery__wrapper .gallery__bg { height: 100%; overflow-y: auto; } @media (max-width: 992px) { .gallery__wrapper .gallery__bg { height: auto; } }.images .image-wrapper { margin: 24px auto; text-align: center; max-width: 100%; height: auto; } .images .image-wrapper img { max-width: 80%; margin-left: auto; margin-right: auto; }.content__gallery { position: relative; overflow: hidden; } .content__gallery .gallery__bg { background: rgba(255, 255, 255, 0.6); } .content__gallery .gallery__images { height: 600px; width: 100%; overflow: hidden; } .content__gallery .gallery__images .slider { height: 100%; white-space: nowrap; font-size: 0; transition: 0.8s; } .content__gallery .gallery__images .slider > * { display: inline-block; height: 100%; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } @media (max-width: 768px) { .content__gallery .gallery__images { height: 480px; } } @media (max-width: 480px) { .content__gallery .gallery__images { height: 300px; } } .content__gallery .gallery__thumbs { text-align: center; overflow: hidden; } .content__gallery .gallery__thumbs .thumb__float { display: inline-block; margin: 12px; border: 1px solid #ef4481; } .content__gallery .gallery__thumbs .thumb__float .thumb__wrapper { width: 80px; height: 80px; padding: 3px; background: #fff; } .content__gallery .gallery__thumbs .thumb__float .thumb__wrapper img { cursor: pointer; } @media (max-width: 768px) { .content__gallery .gallery__thumbs .thumb__float .thumb__wrapper { width: 64px; height: 64px; padding: 6px; } } @media (max-width: 480px) { .content__gallery .gallery__thumbs .thumb__float .thumb__wrapper { width: 40px; height: 40px; padding: 3px; } } @media (max-width: 768px) { .content__gallery .gallery__thumbs .thumb__float { margin: 5px; } } .content__gallery .gallery__prev-next { position: absolute; z-index: 1; top: 50%; width: 100%; height: 0; font-size: 32px; } .content__gallery .gallery__prev-next > div + div { visibility: hidden; } .content__gallery .gallery__prev-next a { background: #fff; position: absolute; padding: 12px; text-align: center; opacity: 0.7; text-decoration: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ef4481; } .content__gallery .gallery__prev-next a:hover { opacity: 1; } .content__gallery .gallery__prev-next a + a { right: 0px; } .content__gallery .col-md-12:last-of-type { margin-top: 16px; } @media (max-width: 768px) { .content__gallery .col-md-4 { margin-top: 16px; } } .content__gallery .content__description { padding: 12px !important; margin: 12px !important; }.image-cover__wrapper { text-align: center; }.image-cover__img { max-width: 100%; margin: 0 auto; }.content_tabs { margin: 0; padding: 0; overflow: hidden; }.tabs__nav { list-style: none; margin: 0; padding: 0; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 768px) { .tabs__nav { display: block; } } .tabs__nav li { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .tabs__nav li a { color: #ef4481; border-right: 2px solid #ef4481; display: block; padding: 16px 0; background: #16b9d4; text-decoration: none; font-weight: bold; text-align: center; } .tabs__nav li a:hover { background: #ef4481; color: #16b9d4; } .tabs__nav li:last-of-type a { border: none; } .tabs__nav li.active a { background: #ef4481; color: #16b9d4; } .tabs__nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }.tabs__wrapper { position: relative; overflow: hidden; }.tabs__tab { background: white; width: 100%; display: none; }.tabs__box { border: 2px solid #ef4481; }.tabs__box--content { background: #fff; padding: 12px; }.tabs__box--aside .aside { margin: 0 !important; }.tabs__box--aside .aside-block { margin: 0 !important; }#tabs__tab--content { display: block; }.tabs__fake { position: fixed; } @media (max-width: 768px) { .tabs__fake { position: relative; } }#tabs__fake--content:target ~ .tabs__wrapper #tabs__tab--content { display: block; }#tabs__fake--payment:target ~ .tabs__wrapper #tabs__tab--payment { display: block; }#tabs__fake--shipping:target ~ .tabs__wrapper #tabs__tab--shipping { display: block; }#tabs__fake--returns:target ~ .tabs__wrapper #tabs__tab--returns { display: block; }#tabs__fake--other:target ~ .tabs__wrapper #tabs__tab--other { display: block; }#tabs__fake--payment:target ~ .tabs__wrapper #tabs__tab--content { display: none; }#tabs__fake--shipping:target ~ .tabs__wrapper #tabs__tab--content { display: none; }#tabs__fake--returns:target ~ .tabs__wrapper #tabs__tab--content { display: none; }#tabs__fake--other:target ~ .tabs__wrapper #tabs__tab--content { display: none; }.disabled-links a { pointer-events: none; cursor: default; }.disabled-link { pointer-events: none; cursor: default; }.word-break { word-break: break-all !important; }@media (max-width: 360px) { .footer .footer-block .footer-block__body { font-size: 15px !important; } }.aside-block .aside-block__icons img { border-radius: 6px; }.container { max-width: 100%; }#layout__gallery { margin: 24px 0; }.order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; }.order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; }.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; }.direction-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }.mt0 { margin-top: 0 !important; }.mb0 { margin-bottom: 0 !important; }.col-md-3 .aside-block .aside-block__icons { text-align: center; } .col-md-3 .aside-block .aside-block__icons img { width: 75px; }@media (max-width: 992px) { .menu { font-size: 16px !important; } }#template-7 header { margin: 0; padding: 0; background: none; box-shadow: none; text-shadow: none; position: relative; width: auto; height: auto; overflow: hidden; z-index: auto; }#template-7 .template__wrapper { background-image: url("https://app.eselt.de/assets/templates/template-7/bg.png"); width: 100%; } @media (max-width: 768px) { #template-7 .template__wrapper .container { padding: 0; } }#template-7 .header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #ef4481; padding-bottom: 12px; background: #fff; text-align: center; } #template-7 .header .header__logo { margin: 0 auto; font-family: "Lobster", cursive; font-size: 48px; color: #16b9d4; -webkit-flex: 1; -ms-flex: 1; flex: 1; } #template-7 .header .header__logo img { max-width: 80%; } @media (max-width: 480px) { #template-7 .header .header__logo { font-size: 32px; } } #template-7 .header .header__contact { font-family: "Josefin Sans", sans-serif; font-size: 20px; font-weight: normal; text-align: center; color: #16b9d4; -webkit-flex: 1; -ms-flex: 1; flex: 1; } #template-7 .header .header__contact div { display: inline; } @media (max-width: 768px) { #template-7 .header .header__contact div { display: block; clear: both; } } #template-7 .header .header__contact .fa { margin-right: 6px; margin-left: 12px; } @media (max-width: 768px) { #template-7 .header .header__contact { text-align: center; } } @media (max-width: 480px) { #template-7 .header .header__contact { font-size: 16px; } } @media (max-width: 768px) { #template-7 .header { display: block; } }#template-7 .header__slogan { font-family: "Josefin Sans", sans-serif; font-size: 32px; color: #ef4481; text-align: center; margin: 12px 0; } @media (max-width: 768px) { #template-7 .header__slogan { font-size: 24px; } }#template-7 .footer { padding: 12px 0; }#template-7 .footer-block { text-align: center; } #template-7 .footer-block .footer-block__title { font-family: "Josefin Sans", sans-serif; font-size: 26px; font-weight: bold; color: #ef4481; margin-top: 0; margin-bottom: 9.6px; } @media (max-width: 768px) { #template-7 .footer-block .footer-block__title { margin-top: 19.2px; } } #template-7 .footer-block .footer-block__body { font-family: "Josefin Sans", sans-serif; font-size: 21px; font-weight: normal; color: #16b9d4; } #template-7 .footer-block .footer-block__body a { color: #16b9d4; } #template-7 .footer-block .footer-block__body .btn { background-color: #ef4481; border: none; color: #fff; padding: 6px 18px; margin-top: 12px; text-align: center; text-decoration: none; display: inline-block; } #template-7 .footer-block .footer-block__body .btn:hover { background-color: #424143; } #template-7 .footer-block .footer-block__body .menu { font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0; background: none; box-shadow: none; } #, PONS<