/*
Theme Name: dinner-max
Description: Das Dinner-Max Theme   
Author: Marcel Patsch | heineundpartner
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* —— Presets —— */
body {overflow-x: hidden!important;}
.justify-text p, p.justify-text {text-align: justify!important; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -webkit-hyphenate-limit-chars: 6 3 3; -webkit-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-last: always; -webkit-hyphenate-limit-zone: 8%; -moz-hyphens: auto; -moz-hyphenate-limit-chars: 6 3 3; -moz-hyphenate-limit-lines: 2; -moz-hyphenate-limit-last: always; -moz-hyphenate-limit-zone: 8%; -ms-hyphens: auto; -ms-hyphenate-limit-chars: 6 3 3; -ms-hyphenate-limit-lines: 2; -ms-hyphenate-limit-last: always; -ms-hyphenate-limit-zone: 8%; hyphens: auto; hyphenate-limit-chars: 6 3 3; hyphenate-limit-lines: 2; hyphenate-limit-last: always; hyphenate-limit-zone: 8%;}
br.responsive {display: none;}
strong {font-weight: 600;}
a {color: #004a91;}
a:hover, a:active, a:focus {color: #2d6faf;}

/* Header */
.header, .header-wrapper {z-index: 999;}
.content_start, .content_start-en {position: relative; z-index: 100;}
.upward {margin-top: -120px;}

/* Navigation */
.nav-uppercase>li>a {font-weight: 600!important;}
.off-canvas:not(.off-canvas-center) li.html {padding: 0 0 30px 0;}
.nav-vertical li li { padding: 10px 0 10px 0;}

/* Dropdown Navigation */
.nav-dropdown-default {padding: 10px;}
.nav-dropdown {position: absolute; min-width: 260px; max-height: 0; z-index: 9; padding: 8px 10px 8px 10px; opacity: 0; margin: 0;    transition: opacity .25s; box-shadow: 1px 1px 15px rgba(0,0,0,0.15); border: 1px solid #ddd; color: #777; background-color: #fff; text-align: left; display: table; left: -99999px;}
.nav-dropdown li {font-size: 85%;}
.nav-dropdown li a:hover{color: #004a91;}

/* Language Switch */
.wpml-ls-current-language {font-weight: 600;color: #004a91;}
.wpml-ls-legacy-list-horizontal {padding: 5px 7px 7px 0;border: 0px solid transparent;position: relative;}
.wpml-ls-legacy-list-horizontal a {padding: 5px 30px 5px 0px;}
.wpml-ls-legacy-list-horizontal li {list-style: none !important; float: left;}
li.wpml-ls-first-item:after{content: '|';position: absolute;left: 30px;top: 5px;color: #7b7c7e;font-weight: 300!important;}

div.product-intro-box,div.product-intro-box-new {width: 500px !important;}

/* Roter Button Slider */
div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {z-index: 1;}
div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {background-image: url(/wp-content/uploads/Stern_slider_070920.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;}
div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {margin-right: 50px;}

div.border_button-xxl {width: 20vw!important; padding: 6vw 1vw 6vw 1vw;}
.border_button-xxl div.text {font-size: 1vw!important;}
div.border_button-xl {width: 20vw!important; padding: 4vw 1vw 4vw 1vw;}
.border_button-xl div.text {font-size: .5vw!important;}
div.border_button-l {width: 20vw!important; padding: 4vw 1vw 4vw 1vw;}
.border_button-l div.text {font-size: .5vw!important;}
div.border_button-m{width: 20vw!important; padding: 4vw 1vw 4vw 1vw;}
.border_button-m div.text {font-size: .5vw!important;}
div.border_button-s {width: 20vw!important; padding: 4vw 1vw 4vw 1vw;}
.border_button-s div.text {font-size: .5vw!important;}

div.slider-info {left: 2%!important; width: 90% !important; bottom: 5%!important;}

/* Kontaktformular */
label, .wpcf7 {color: #7b7c7e; font-weight: normal;}
.wpcf7 p {padding: 0;margin: 20px 0;}
input[type='submit'], input[type='submit'].button, input[type='submit'] {background-color: #004a91!important; color: #fff;}
.wpcf7 .wpcf7-form-control-wrap {display: inline;}
.wpcf7 .button, button, input, textarea, select, fieldset {margin-bottom: 0em;}
.wpcf7 span.wpcf7-list-item {margin-left: 0;margin-right: 0em;}

/* FOOTER */
.absolute-footer {display: none;}
.footer_block {font-size: 90%;}
.footer_block p {margin: 30px 0 0 0; padding: 0;}

/* TEAM Seite */
.box-image img {margin-bottom: 10px;}

/* —— Ultra-Wide Custom Breakpoint —— */
@media screen and (max-width: 3000px) {

}

/* —— Super-Wide Custom Breakpoint —— */
@media screen and (max-width: 2500px) {

}

/* —— Wide Custom Breakpoint —— */
@media screen and (max-width: 2000px) {

}

/* —— Min Height Breakpoint —— */
@media screen and (max-height: 800px) {

}

/* —— Full HD Breakpoint —— */
@media screen and (max-width: 1800px) {
div.product-intro-box, div.product-intro-box-new {background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; padding: 20px 20px 20px 20px;}
}

/* —— Normal Screens Breakpoint —— */
@media screen and (max-width: 1500px) {

}

/* —— Laptop Custom Breakpoint —— */
@media screen and (max-width: 1370px) {
    br.responsive {display: block;}
} 

/* —— Laptop Custom Breakpoint —— */
@media screen and (max-width: 124px) {
.upward {margin-top: 0px;}
ul.header-nav.header-nav-main.nav.nav-right.nav-size-medium.nav-spacing-xlarge.nav-uppercase {font-size: 1.3vw!important;}
}

/* —— Flatsome Mobile Breakpoint —— */
@media screen and (max-width: 849px) {
.footer_block p {margin: 20px 0 0 0; padding: 0;}
.upward {margin-top: 0px;}
div.product-intro-box-new {width: 80% !important; top: 30%!important; bottom: inherit!important;}
div.slider-info {width: 90% !important; bottom: 5%!important; right: 2%!important;}
div.border_button-xxl {width: 35vw!important; padding: 8vw 1vw 8vw 1vw; left: 5%!important; top: 25%!important;}
.border_button-xxl div.text {font-size: 1.8vw!important;}
div.border_button-xl {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 15%!important;}
.border_button-xl div.text {font-size: 1vw!important;}
div.border_button-l {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 20%!important;}
.border_button-l div.text {font-size: 1vw!important;}
div.border_button-m {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 15%!important;}
.border_button-m div.text {font-size: 1vw!important;}
div.border_button-s {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 15%!important;}
.border_button-s div.text {font-size: 1vw!important;}
}

/* —— Custom Breakpoint —— */
@media screen and (max-width: 720px) {
    .footer_block p {margin: 20px 0 0 0; padding: 0;}
    .upward {margin-top: 0px;}
    div.product-intro-box-new {width: 80% !important; top: 30%!important; bottom: inherit!important;}
    div.slider-info {width: 80% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 35vw!important; padding: 8vw 1vw 8vw 1vw; left: 5%!important; top: 25%!important;}
    .border_button-xxl div.text {font-size: 1.8vw!important;}
    div.border_button-xl {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 15%!important;}
    .border_button-xl div.text {font-size: 1vw!important;}
    div.border_button-l {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-l div.text {font-size: 1vw!important;}
    div.border_button-m {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 15%!important;}
    .border_button-m div.text {font-size: 1vw!important;}
    div.border_button-s {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 15%!important;}
    .border_button-s div.text {font-size: 1vw!important;}
}

/* Flatsome Smartphone Breakpoint */ 
@media (max-width:550px) { 
    .footer_block p {margin: 20px 0 0 0; padding: 0;}
    .upward {margin-top: 0px;}
    div.product-intro-box-new, div.product-intro-box {width: 80% !important; top: 10%!important; bottom: inherit!important; font-size: 80%!important;}
    div.slider-info {width: 90% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 34vw!important;height: 57vw!important;padding: 8vw 1vw 8vw 1vw;left: 5%!important;top: 5%!important;}
    .border_button-xxl div.text {font-size: 3vw!important;} 
    div.border_button-xl {width: 30vw!important; height: 30vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-xl div.text {font-size: 1.3vw!important;}
    div.border_button-l {width: 30vw!important; height: 30vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-l div.text {font-size: 1.3vw!important;}
    div.border_button-m {width: 24vw!important;height: 96vw!important;padding: 30vw 1vw 1vw 1vw;left: 5%!important;top: 5%!important;}
    .border_button-m div.text {font-size: 1vw!important;}
    div.border_button-s {width: 30vw!important; height: 44vw!important; padding: 5vw 2vw 5vw 1vw; left: 5%!important; top: 18%!important;}
    .border_button-s div.text {font-size: 1.5vw!important;}
}

/* Smartphone Mini Breakpoint (iPhone 5/SE)*/ 
@media (max-width:321px) { 
    div.product-intro-box-new {font-size: 60%!important;}
}

/* iPhone 6, 6S, 7 and 8 */ 
@media and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
    .footer_block p {margin: 20px 0 0 0; padding: 0;}
    .upward {margin-top: 0px;}
    div.product-intro-box-new, div.product-intro-box {width: 80% !important; top: 20%!important; bottom: inherit!important; font-size: 80%!important;}
    div.slider-info {width: 80% !important; bottom: 10%!important; right: 2%!important;}
    div.border_button-xxl {width: 38vw!important;height: 55vw!important;padding: 8vw 1vw 8vw 1vw;left: 5%!important;top: 5%!important;}
    .border_button-xxl div.text {font-size: 3vw!important;} 
    div.border_button-xl {width: 30vw!important; height: 30vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-xl div.text {font-size: 1.3vw!important;}
    div.border_button-l {width: 30vw!important; height: 30vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-l div.text {font-size: 1.3vw!important;}
    div.border_button-m {width: 35vw!important;height: 50vw!important;padding: 7vw 1vw 7vw 1vw;left: 5%!important;top: 5%!important;}
    .border_button-m div.text {font-size: 1.3vw!important;}
    div.border_button-s {width: 30vw!important; height: 44vw!important; padding: 4vw 1vw 4vw 1vw; left: 5%!important; top: 18%!important;}
    .border_button-s div.text {font-size: 1.5vw!important;}
}

/* iPhone X / 11 */ 
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: portrait) { 
    .footer_block p {margin: 20px 0 0 0; padding: 0;}
    .upward {margin-top: 0px;}
    div.product-intro-box-new, div.product-intro-box {width: 80% !important; top: 20%!important; bottom: inherit!important; font-size: 80%!important;}
    div.slider-info {width: 90% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 38vw!important;height: 55vw!important;padding: 8vw 1vw 8vw 1vw;left: 5%!important;top: 5%!important;}
    .border_button-xxl div.text {font-size: 3vw!important;} 
    div.border_button-xl {width: 30vw!important; height: 30vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-xl div.text {font-size: 1.3vw!important;}
    div.border_button-l {width: 30vw!important; height: 30vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-l div.text {font-size: 1.3vw!important;}
    div.border_button-m {width: 35vw!important;height: 50vw!important;padding: 5vw 1vw 7vw 1vw;left: 5%!important;top: 5%!important;}
    .border_button-m div.text {font-size: 1.3vw!important;}
    div.border_button-s {width: 30vw!important; height: 44vw!important; padding: 4vw 1vw 4vw 1vw; left: 5%!important; top: 18%!important;}
    .border_button-s div.text {font-size: 1.5vw!important;}
    .content_start-en .border_button-xl div.text {font-size: 1vw!important;}
}

/* Galaxy Tab S Querrie (kollidiert mit Smartphone)
@media (max-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .footer_block p {margin: 20px 0 0 0; padding: 0;}
    .upward {margin-top: 0px;}
    div.product-intro-box-new {width: 80% !important; top: 30%!important; bottom: inherit!important;}
    div.slider-info {width: 80% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-xxl div.text {font-size: 1.2vw!important;}
    div.border_button-xl {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-xl div.text {font-size: 1.2vw!important;}
    div.border_button-l {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-l div.text {font-size: 1.2vw!important;}
    div.border_button-m {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-m div.text {font-size: 1.2vw!important;}
    div.border_button-s {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-s div.text {font-size: 1.2vw!important;}
}*/ 

/* Ipad 3 - Pro 9 Querrie */ 
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .footer_block p {margin: 20px 0 0 0; padding: 0;}
    .upward {margin-top: 0px;}
    div.product-intro-box-new {width: 80% !important; top: 30%!important; bottom: inherit!important;}
    div.slider-info {width: 80% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-xxl div.text {font-size: 1.2vw!important;}
    div.border_button-xl {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-xl div.text {font-size: 1.2vw!important;}
    div.border_button-l {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-l div.text {font-size: 1.2vw!important;}
    div.border_button-m {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-m div.text {font-size: 1.2vw!important;}
    div.border_button-s {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-s div.text {font-size: 1.2vw!important;}
}

/* Ipad Pro 12.9 Querrie */ 
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {    
    .footer_block p {margin: 20px 0 0 0; padding: 0;}
    .upward {margin-top: 0px;}
    div.product-intro-box-new {width: 80% !important; top: 30%!important; bottom: inherit!important;}
    div.slider-info {width: 80% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 35vw!important; padding: 9vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-xxl div.text {font-size: 2.2vw!important;}
    div.border_button-xl {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-xl div.text {font-size: 1.2vw!important;}
    div.border_button-l {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-l div.text {font-size: 1.2vw!important;}
    div.border_button-m {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 66%!important;}
    .border_button-m div.text {font-size: 1.2vw!important;}
    div.border_button-s {width: 35vw!important; padding: 7vw 1vw 7vw 1vw; left: 5%!important; top: 62%!important;}
    .border_button-s div.text {font-size: 1.2vw!important;}
}

/* Galaxy Tab S Landscape Querrie */ 
@media  (max-device-width: 1280px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2) {
    .intro-slider div.banner {height: 100vh!important;}
    div.product-intro-box-new {width: 80% !important; top: 30%!important;}
    div.slider-info {width: 80% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-xxl div.text {font-size: 1.7vw!important;}
    div.border_button-xl {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-xl div.text {font-size: 0.8vw!important;}
    div.border_button-l {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-l div.text {font-size: 0.8vw!important;}
    div.border_button-m {width: 19vw!important; height: 19vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-m div.text {font-size: 0.8vw!important;}
    div.border_button-s {width: 17vw!important; height: 17vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-s div.text {font-size: 0.8vw!important;}
}

/* Ipad 3 - Pro 9 Landscape Querrie */ 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .intro-slider div.banner {height: 100vh!important;}
    div.product-intro-box-new {width: 80% !important; top: 30%!important;}
    div.slider-info {width: 80% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-xxl div.text {font-size: 1.7vw!important;}
    div.border_button-xl {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-xl div.text {font-size: 0.8vw!important;}
    div.border_button-l {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-l div.text {font-size: 0.8vw!important;}
    div.border_button-m {width: 19vw!important; height: 19vw!important; padding: 4vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-m div.text {font-size: 0.8vw!important;}
    div.border_button-s {width: 17vw!important; height: 17vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 20%!important;}
    .border_button-s div.text {font-size: 0.8vw!important;}
}

/* Ipad Pro 10 Landscape Querrie */ 
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .intro-slider div.banner {height: 90vh!important;}
    div.product-intro-box-new {width: 80% !important; top: 50%!important;}
    div.slider-info {width: 60% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-xxl div.text {font-size: 0.8vw!important;}
    div.border_button-xl {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-xl div.text {font-size: 0.8vw!important;}
    div.border_button-l {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-l div.text {font-size: 0.8vw!important;}
    div.border_button-m {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-m div.text {font-size: 0.8vw!important;}
    div.border_button-s {width: 20vw!important; height: 20vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-s div.text {font-size: 0.8vw!important;}
}

/* Ipad Pro 12.9 Landscape Querrie */ 
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .intro-slider div.banner {height: 100vh!important;}
    div.product-intro-box-new {width: 60% !important; top: 25%!important;}
    div.slider-info {width: 80% !important; bottom: 5%!important; right: 2%!important;}
    div.border_button-xxl {width: 18vw!important; height: 18vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-xxl div.text {font-size: 1.5vw!important;}
    div.border_button-xl {width: 18vw!important; height: 18vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-xl div.text {font-size: 0.7vw!important;}
    div.border_button-l {width: 18vw!important; height: 18vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-l div.text {font-size: 0.7vw!important;}
    div.border_button-m {width: 18vw!important; height: 18vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-m div.text {font-size: 0.7vw!important;}
    div.border_button-s {width: 16vw!important; height: 16vw!important; padding: 5vw 1vw 5vw 1vw; left: 5%!important; top: 10%!important;}
    .border_button-s div.text {font-size: 0.7vw!important;}
}

/* iPhone Landscape Querrie */ 
@media only screen and (min-device-width : 551px) and (max-device-width : 823px)  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {  
    div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {display: none!important;}
}

/* Smartphone Landscape Querrie */ 
@media only screen and (min-device-width : 430px) and (max-device-width : 550px)  and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
    div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {display: none!important;}
}

/* iPhone Landscape Querrie w/o pixel ratio */ 
@media only screen and (min-device-width : 551px) and (max-device-width : 823px) and (orientation: landscape) {  
    div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {display: none!important;}
}

/* Smartphone Landscape Querrie w/o pixel ratio*/ 
@media only screen and (min-device-width : 430px) and (max-device-width : 550px) and (orientation: landscape) { 
    div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {display: none!important;}
}

/* iPhone 6, 6S, 7 and 8 Landscape Querrie*/ 
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {display: none!important;}
}

/* iPhone X / 11 Landscape Querrie*/ 
@media only screen  and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {display: none!important;}
}

/* iPhone 6, 6S, 7 and 8 Landscape Querrie w/o pixel ratio*/ 
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {display: none!important;}
}

/* iPhone X / 11 Landscape Querrie w/o pixel ratio*/ 
@media only screen  and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
    div.border_button-xxl, div.border_button-xl, div.border_button-l, div.border_button-m, div.border_button-s {display: none!important;}
}

div.bg-transparent {
	background-color: rgba(230,230,230,0.8)!important;
}