/* GLOBAL STYLES
-------------------------------------------------- */
/*
@import url('../fonts/css?family=Roboto&display=swap');
@import url('../fonts/css?family=Merriweather&display=swap');
*/

/* dulnorm-book */
@font-face {font-family: 'dulnorm'; src: local('dulnorm-book'), url('../fonts/dulnorm-book.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.glyphicon-ok:before {content: "\e013";}
.glyphicon-remove:before {content: "\e014";}
.glyphicon-chevron-left:before {content: "\e079";}
.glyphicon-chevron-right:before {content: "\e080";}
.glyphicon-th-large:before {content: "\e010";}
.glyphicon-play:before {content: "\e072";}
:root { --font-size-base: clamp(0.875rem, 0.7rem + 0.8vw, 1.5rem); --line-height-base: 1.6;  /* --max-text-width: 65ch; */ /* Optimale Lesebreite */}
/* html {
	height:100%;
} */
/* Basis-Text */
body {font-family: 'dulnorm', 'Times', sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base); max-width: var(--max-text-width); margin: 0; padding: 0;}
/* Headings */
h1, h2, h3, h4, h5, h6 {color: rgba(50, 13, 21, 1); text-align: center; font-weight: bold; line-height: 1.5; margin-top: 2em; margin-bottom: 1em;}
/* Flüssige Heading-Skala */
h1 {font-size: clamp(2.5rem, 2rem + 2.5vw, 5rem);}
h2 {font-size: clamp(1.75rem, 1.5rem + 1.5vw, 3rem);} /*(2rem, 1.8rem + 2vw, 4rem) */
h3 {font-size: clamp(1.75rem, 1.5rem + 1.5vw, 3rem);}
h4 {font-size: clamp(1.5rem, 1.2rem + 1vw, 2.5rem);}
h5 {font-size: clamp(1.25rem, 1rem + 0.8vw, 2rem);}
h6 {font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);}
p, ul, table, label, .btn-default, a.btn-default {font-size: clamp(1.25rem, 1em + 0.8vw, 2rem);}
/* Standard-Absätze und Listen */
p, li, blockquote {color: rgba(50, 13, 21, 1); text-align: left; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
/* Blockquotes */
blockquote {padding-left: 1rem; border-left: 4px solid #ddd; color: #666; font-style: italic;}
/* Bessere Lesbarkeit bei großen Screens */
@media (min-width: 1024px) {body {line-height: 1.8;} p, ul, table, label, .btn-default, a.btn-default {font-size: clamp(1.1rem, 0.94em + 0.62vw, 1.7rem);} p, blockquote {margin-top: 1.2em;margin-bottom: 1.2em;} h1, h2, h3, h4, h5, h6 {margin-top: 2.5em; margin-bottom: 1.5em;}}
body {
	background-image: url(/static/img/hg.jpg);
	background-position: center center;
	background-repeat: repeat-y;
	webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;	
	color: rgba(50, 13, 21, 0.9);
/*	font-size: 14px;
	font-size: 100%;
	font-size: 2vw; */
	-webkit-transition: font-size .3s;
	text-align: left;
	position: relative;
/*	height:100%; */
	overflow-x: hidden;
/*	scroll-behavior: smooth; */
}
h1, .h1 {
	margin-top: 0rem;
	margin-bottom: 2rem;
}
h2, .h2 {
	margin-top: 0;
	margin-bottom: 2rem;
}
h3, .h3 {
	margin-top: 0;
	margin-bottom: 2rem;
}
p {
	margin-top: 0;
	margin-bottom: 2rem;
}
#home > p {
	display: inline-block;
}
p.small, .small {color: rgba(50, 13, 21, 0.7);font-size: 80%;line-height: 1.2;}
a, a:link {color: rgba(50, 13, 21,0.7);text-decoration: none;}
a:hover {color: rgba(50, 13, 21, 0.4);text-decoration: none;}
ul {list-style-type: disc; padding-left: 1em;}
hr {border-top: dotted 1px rgba(50, 13, 21,0.7);height: 2px;width: 100%;margin: 5% 0;clear: both;}
.maxh {height: 100%;} 
.text-schatten {text-shadow: 3px 3px 30px rgba(50, 13, 21, 1);}
.box-schatten {box-shadow: 3px 3px 30px rgba(50, 13, 21, 1);}

/* MODAL
-------------------------------------------------- */
.navi #NavModal {padding-right: 0 !important;}
.navi .modal-open {overflow: hidden;padding:0 !important;z-index:1000;}
.navi .modal-open .modal {padding-right:0px !important;}
.navi .modal-dialog {max-width: 100%;height:100%;padding:0;margin:0;overflow-y: scroll;}
/*.navi .modal-content {background-color: rgba(255,255,255, 1) !important; background-image: url(/static/img//pics/home/modeboutique-t-corner-its-shopping-time.webp);background-position: center center;background-attachment: scroll;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction: column;flex-direction: column;min-height:100%;height:100%;border: 0px solid rgba(0,0,0,0);border-radius:0;outline: 0;} */
.navi .modal-content {background-image: url(/static/img/hg.jpg); background-position: center center; background-attachment: scroll; background-repeat: no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction: column;flex-direction: column;min-height:100%;height:100%; overflow: hidden;}
.navi .modal-header {padding:0;z-index:1200;}
.navi .modal-header .close {padding: 0; margin: auto !important;}
.navi .modal-body {background-color: rgba(255,255,255,0.0) !important;padding:0;height:100%;}
.navi .modal.fade .modal-dialog {-webkit-transform: translate3d(0, -10%, 0);transform: translate3d(0, -10%, 0);}
.navi .modal.fade:not(.in) .modal-dialog {-webkit-transform: translate3d(-0%, 0, 0);transform: translate3d(-0%, 0, 0);}

/* NAVIGATION
-------------------------------------------------- */
.navbar {padding:0;margin:0;--bs-navbar-toggler-focus-width: 0rem !important;}
.bg-light {background-color:transparent !important;}

/* NAVI
-------------------------------------------------- */
.navbar-brand {width: 400px;padding: 20px;}
.navbar-collapse {height:100%;width:100%;}
.navbar-nav {height:100%;width:auto;margin:0;padding:35px 5px;display:flex;justify-content: center;	/* align-items: center; */}
.navbar-nav > hr {height:1px;width:100%;border:1px dotted #FFF;}
.navbar-nav ul {list-style:none;padding:0;}
.navbar-nav .nav-link {color: rgba(50, 13, 21, 1);/*text-transform:uppercase;*/text-align:left;padding:0;}
.navbar-nav a.nav-link:hover {color: rgba(50, 13, 21, 0.7); text-decoration: none;}
.navbar-nav a.nav-link::before {/*content: "►";*/ color: transparent;display: inline-block;width: 1.5em;margin-left: -1em;}
.navbar-nav a.nav-link.active {color: rgba(50, 13, 21, 0.9);list-style-type: disc;}
.navbar-nav a.nav-link.active::before {/*content: "►";*/ color: rgba(50, 13, 21, 1);display: inline-block; width: 1.5em; margin-left: -1em;}

@media (max-width: 576px) {.navbar-nav > hr {margin:0 0 1rem !important;}.navbar-nav .nav-link {font-size: 150%;line-height:1.5;}.sub .nav-link {font-size:120%;}.subsub .nav-link {font-size:120%}}
@media (min-width: 576px) {.navbar-nav > hr {margin:0 0 1rem !important;}.navbar-nav .nav-link {font-size: 150%;line-height:1.5;}.sub .nav-link {font-size:120%;}.subsub .nav-link {font-size:120%;}}
@media (min-width: 768px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav .nav-link {font-size:150%;line-height:1.7;}.sub .nav-link {font-size:120%;}.subsub .nav-link {font-size:120%;}}
@media (min-width: 992px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav a.nav-link::before {content: "";}.navbar-nav .nav-link {font-size:100%;}.sub .nav-link {font-size:120%;}.subsub .nav-link {font-size:120%;}}
@media (min-width: 1200px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav a.nav-link::before {content: "";}.navbar-nav .nav-link {font-size:120%;}.sub .nav-link {font-size:120%;}.subsub .nav-link {font-size:120%;}}
@media (min-width: 1400px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav a.nav-link::before {content: "";}.navbar-nav .nav-link {font-size:150%;}.sub .nav-link {font-size:120%;}.subsub .nav-link {font-size:120%;}}

/* NAVIGATION - BUTTON 
-------------------------------------------------- */
.navbar-toggler {background-color: rgba(50, 13, 21, 1);top:20px;right:10px;height:60px;width:60px;font-size:1.25rem;line-height:1;position:absolute;border: 2px solid rgba(202, 180, 163, 1);border-radius:16px;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(202, 180, 163, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar-toggler:hover {border: 2px solid rgba(255, 255, 255, 1)}
.navbar-toggler-icon:hover {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1;}
body.h-feed modal-open button.navbar-toggler {margin-right:90px !important;}

@media (min-width: 576px) {.navbar-toggler {top:20px;right:10px;height:60px;width:60px;font-size:1.25rem;}}
@media (min-width: 768px) {.navbar-toggler {top:20px;right:10px;height:60px;width:60px;font-size:1.25rem;}}
@media (min-width: 992px) {.navbar-toggler {top:120px;right:10px;height:80px;width:80px;font-size:2.25rem;}}
@media (min-width: 1200px) {.navbar-toggler {top:120px;right:1%;height:100px;width:100px;font-size:2.5rem;}}
@media (min-width: 1400px) {.navbar-toggler {top:120px;right:1%;height:100px;width:100px;font-size:2.5rem;}}

/* LOGO 
-------------------------------------------------- */
#brand {top: 20px;left: 15px; padding: 0px; position: absolute; display: inline-block;z-index: 100;}
#brand h1 {display: none;}
#brand img {height: 62px;}

@media (min-width: 576px) {#brand {top: 20px; left: 15px;} #brand img {height: 62px;}}
@media (min-width: 768px) {#brand {top: 20px; left: 15px;} #brand img {height: 62px}}
@media (min-width: 992px) {#brand {top: 25px; left: 15px;} #brand img {height: 85px;}}
@media (min-width: 1200px) {#brand {top: 30px; left: 15px;} #brand img {height: 100px;}}
@media (min-width: 1400px) {#brand {top: 40px; left: 15px;} #brand img {height: 110px;}}

/* Box
-------------------------------------------------- */
/*
.linkbox-out {display:grid; align-items:stretch; padding: 5px; margin: 0; float: left;}
.linkbox {display: grid; background-color: rgba(50, 13, 21, 95); border: solid 1px rgba(50, 13, 21, 0.5); border-radius: 16px; color: rgba(202, 180, 163, 1); position:relative; margin: 40px; box-shadow: 0 20px 20px rgba(0, 0, 0, .075);}
a.linkbox {background-image: url(/static/img/icon_arrow.png);background-position: right top;background-repeat: no-repeat;color: rgba(202, 180, 163, 1); display:inline;}
a.linkbox:hover, .linkbox:hover {background-color: rgba(50, 13, 21, 0.95); color: rgba(202, 180, 163, 1);} */
/* .linkbox-in {color: rgba(28, 50, 32,0.9); align-self:center; text-align: center; line-height: normal !important; margin: 10px !important; padding:0px !important;} */

.custom-tooltip {--bs-tooltip-bg: rgba(50, 13, 21, 0.1);--bs-tooltip-max-width: 300px;--bs-tooltip-padding-x: 20px;--bs-tooltip-padding-y:	20px;--bs-tooltip-arrow-width:2rem;--bs-tooltip-arrow-height:1rem;	font-family: 'Merriweather', 'Times', sans-serif; font-size: inherit; box-shadow: 0px 10px 10px rgba(30,30,30,0.3);}

/*
.textbox {background-color: rgba(202, 180, 163, 0.95); border: solid 1px rgba(50, 13, 21, 0.5); border-radius: 16px; position:relative; margin: 15px; box-shadow: 0px 0px 20px rgba(50, 13, 21, 0.4)}
.textbox:hover {background-color: rgba(202, 180, 163, 1); box-shadow: 0px 0px 30px rgba(50, 13, 21, 0.5);}

.labelbox {background-color: rgba(255, 255, 255, 1); border: solid 0px rgba(255, 255, 255, 1); border-radius: 16px; position:relative; margin: 15px; box-shadow: 0px 0px 20px rgba(255, 255, 255, 0);text-align:center;}
.labelbox:hover {background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 30px rgba(50, 13, 21, 0.1);}
+/


/* BUTTON
-------------------------------------------------- */
.btn-default, a.btn-default, button.btn-default {background-color: rgba(50, 13, 21, 0.95); border: 1px solid rgba(202, 180, 163, 1); color: rgba(202, 180, 163, 1); text-align: center; width: 100%; padding: 16px 24px; margin: 10px 0px; border-radius: 12px;display:inline-block; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.05); background-image: none !important;}
.btn-default:after, a.btn-default:after, button.btn-default:after {content: "  ►";}
.btn-default.outline, a.btn-default.outline, button.btn-default.outline {background-color: rgba(202, 180, 163, 1); border: 1px solid rgba(50, 13, 21, 0.95); color: rgba(50, 13, 21, 0.95);}
.btn-default:hover, a.btn-default:hover, button.btn-default:hover {background-color: rgba(50, 13, 21, 0.95); border: 2px solid rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);}
.custom-tooltip {--bs-tooltip-bg: rgba(50, 13, 21, 0.9);--bs-tooltip-max-width: 300px;--bs-tooltip-padding-x: 20px;--bs-tooltip-padding-y:	20px;--bs-tooltip-arrow-width:2rem;--bs-tooltip-arrow-height:1rem;	font-family: 'dulnorm', 'Times', sans-serif; font-size: inherit; box-shadow: 0px 10px 10px rgba(30,30,30,0.3);}

@media (min-width: 576px) {.btn-default, a.btn-default, button.btn-default {width: auto; margin: 0;}}

/* seitenhintergrund
-------------------------------------------------- */
.site-bg {background-image: url(/static/img/t-corner-modeboutique_logo_bg-black.svg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size:cover; padding:0; margin: 0; overflow: hidden;}

/* container ?????
-------------------------------------------------- */
.content-wrapper {padding: 10% 0; margin-left: 0; margin-right: 0; height: auto; position: relative;}

/* #home > .container-fluid {padding: 0;} */
#sitemenu  > .container-fluid {padding: 0;}
/* #mode-kollektion > .container-fluid {padding: 0;} */
/* #labels > .container-fluid {padding: 0;} */
/* #sales > .container-fluid {padding: 0;} */
/* #accessories > .container-fluid {padding: 0;} */
/* #mode-trends > .container-fluid {padding: 0;} */
#impressionen > .container-fluid {padding: 0;}
/* #gutschein > .container-fluid {padding: 0;} */
#bewertungen > .container-fluid {padding: 0;}
/* #kontakt > .container-fluid {padding: 0;} */
/* #lage > .container-fluid {padding: 0;} */

.bg {margin-top:0; margin-bottom:4%;}
.left, .right {position: relative;}

@media (min-width: 576px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 768px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 992px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 1200px) {.content-wrapper {padding: 8% 0;}}
@media (min-width: 1400px) {.content-wrapper {padding: 8% 0;}}

/* Breaker
-------------------------------------------------- */
.breaker {border-top: dotted 15px rgb(50, 13, 21, 0.3); text-align:center; height:0; width: 50%}
.breaker img {height: 62px; margin-top:-31px; margin-left:0;}

@media (min-width: 576px) {.breaker img {height: 70px; margin-top:-35px;}}
@media (min-width: 768px) {.breaker img {height: 80px; margin-top:-40px;}}
@media (min-width: 992px) {.breaker img {height: 90px; margin-top:-45px;}}
@media (min-width: 1200px) {.breaker img {height: 100px; margin-top:-50px;}}
@media (min-width: 1400px) {.breaker img {height: 110px; margin-top:-55px;}}

/* home
-------------------------------------------------- */
#home {background-image: url(/static/img/design.svg); background-position: left bottom -25px; background-repeat: no-repeat; background-size: auto 90%;}
/* #home {background-image: url(/pics/home/t-corner-modeboutque_gutschein_02_01.jpg); background-position: center center; background-repeat: no-repeat; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;} */
#home .content-wrapper {padding: 20% 0 20% 0;}
#home .left {padding: 100px 0;}
#home .right .row {justify-content: center;}
#home .right .aktion {display: flex; justify-content:center; margin: 0; width: 360px; height: 357px; padding: 15px; border: dotted 3px rgba(50, 13, 21, 1); border-radius: 20px; position:relative;}
#home .mode-button {position: absolute; bottom: -50px; right: 40px; z-index: 10; width:auto;}
#home .lottiebox, #home img {width: 330px; height: 100%; position: relative;}
#home .lottie {position: absolute; top: -5px; right: 60px;}

@media (min-width: 576px) {#home .content-wrapper {padding: 10% 0 10% 0;} #home .left {padding: 0;} #home .right .row {justify-content: flex-start;} #home .right .aktion {width: 250px; height: 248px; padding: 15px;} #home .lottiebox, #home img {width: 220px;} #home .lottie {top: -20px; right: 30px;}}
@media (min-width: 768px) {#home .content-wrapper {padding: 10% 0 10% 0;} #home .right .aktion {width: 380px; height: 377px; padding: 15px;} #home .lottiebox, #home img {width: 350px;} #home .lottie {top: -5px; right: 70px;}}
@media (min-width: 992px) {#home .content-wrapper {padding: 2% 0 10% 0;} #home .right .aktion {width: 480px; height: 476px; padding: 20px;} #home .lottiebox, #home img {width: 440px;} #home .lottie {top: -5px; right: 95px;}}
@media (min-width: 1200px) {#home .content-wrapper {padding: 2% 0 10% 0;} #home .right .aktion {width: 540px; height: 535px; padding: 20px; } #home .lottiebox, #home img {width: 500px;} #home .lottie {top: -5px; right: 110px;}}
@media (min-width: 1400px) {#home .content-wrapper {padding: 2% 0 10% 0;} #home .right .aktion {width: 640px; height: 635px; padding: 20px;} #home .lottiebox, #home img {width: 600px;} #home .mode-button {bottom: 50px; right: -130px;} #home .lottie {top: 10px; right: 140px;}}

/* sitemenu
-------------------------------------------------- */
#sitemenu .content-wrapper {padding: 0; background-color: rgba(202, 180, 163, 1);}
#sitemenu .left {padding-top: 30px; padding-bottom: 30px;}
#sitemenu .left .row > *, #sitemenu .right .row > * {padding-left: 0; padding-right: 0;}
#sitemenu .h3, #sitemenu p, #sitemenu a, #sitemenu table th {color: rgba(50, 13, 21, 1); text-align: center; margin: 0;}
#sitemenu th {font-weight: normal;}
#sitemenu table tr {text-align: left; line-height: 1;}

#sitemenu .box {height: 200px; padding: 0 30px; display: flex; justify-content:center; align-items:center; overflow: hidden;}
#sitemenu .box .h3 {text-align:center; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none;}
#sitemenu .button-kontakt {background-color: #fed000;}
#sitemenu .button-bewertungen {background-color: #77bacb;}
#sitemenu .button-gutschein {background-color: #59ca7a;}
#sitemenu .button-aktion {background-color: #dc112b;}
#sitemenu .button-aktion .h3 {color: rgba(255, 255, 255, 1);}
#sitemenu a.box:hover {box-shadow: 0px 0px 10px rgba( 50, 13, 21, 0.5);}
#sitemenu a.box:hover::after {content: ''; position: absolute;top: 0; right: 0; bottom: 0; left: 0; border: 0px solid rgba(255,255,255, 1);}

@media (min-width: 576px) {#sitemenu .box {height: 150px; padding: 0 15px;}}
@media (min-width: 768px) {#sitemenu .box {height: 200px; padding: 0 20px;}}
@media (min-width: 992px) {#sitemenu .box {height: 220px; padding: 0 20px;}}
@media (min-width: 1200px) {#sitemenu .box {height: 250px; padding: 0 20px;}}
@media (min-width: 1400px) {#sitemenu .box {height: 250px;; padding: 0 30px;}}

/* modeboutique
-------------------------------------------------- */
#modeboutique .content-wrapper {padding: 20% 0;}
#modeboutique {background: #DDCABB; background: linear-gradient(-180deg,rgba(221, 202, 187, 1) 0%, rgba(221, 202, 187, 0) 75%);}
#modeboutique {background: #CAB4A3; background: linear-gradient(-180deg,rgba(202, 180, 163, 1) 0%, rgba(202, 180, 163, 0) 50%);}
#modeboutique img {background-color: transparent; /* #dac8b4; */ margin: 0; padding: 20px; border: dotted 3px rgba(50, 13, 21, 1); border-radius: 20px; box-shadow: 0px 0px 20px rgba(50, 13, 21, 0.1);}
#modeboutique .right {padding-top: 10%; padding-bottom: 10%;}
/* #modeboutique img {width: 440px;} */
.mehr-text {display: none;}
.weiterlesen-button {background-color: transparent; color: rgba(50, 13, 21, 1); font-weight: bold; border: none; cursor: pointer; display: inline-block; text-align: left; width: auto; padding: 0; margin: 0;}
.weiterlesen-button:hover {font-weight: bold; text-decoration: underline;}

@media (min-width: 576px) {#modeboutique .content-wrapper {padding: 10% 0;}}
@media (min-width: 768px) {}
@media (min-width: 992px) {#modeboutique .right {padding: 0;}}
@media (min-width: 1200px) {#modeboutique .right {padding: 0;}}
@media (min-width: 1400px) {#modeboutique .right {padding: 0;}}


/* mode
-------------------------------------------------- */
#mode .bg {margin-bottom: 70px;}
#mode p {text-align: center !important;}
#mode .galeriebox .item {position: relative; outline: 2px dotted rgba(50, 13, 21, 0.5);}
#mode .vergroessern {background-image: url(/static/img/vergroessern.svg); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 20px; right: 25px; height: 40px; width: 40px;}

.galeriebox {background-color: rgba(255, 255, 255, 1); border: solid 0px rgba(255, 255, 255, 1); border-radius: 16px; position:relative; margin: 15px; box-shadow: 0px 0px 30px rgba(50, 13, 21, 0.2);text-align:center;}
.galeriebox:hover {background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 30px rgba(50, 13, 21, 0.4);}
.blueimp-gallery > .slides > .slide > .slide-content {max-height: 80% !important;}

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

/* label
-------------------------------------------------- */
#labels .content-wrapper {padding: 0;}
#labels .col-3, #labels .col-4, #labels .col-6 {padding-left: 6px !important; padding-right: 6px !important;}
#labels .box {background-color: rgba(255, 255, 255, 1); text-align: center; width: 100%; height: auto; padding: 5px; margin-bottom: 10px; display: table; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 0px;}
#labels .box img {width: 300px;}
#labels .box img:hover {box-shadow: 0px 0px 30px rgba(50, 13, 21, 0.4);}

@media (min-width: 576px) {#labels .col-3, #labels .col-4, #labels .col-6 {padding-left: 10px !important; padding-right: 10px !important;} #labels .box {padding: 5px; margin-bottom: 20px;}}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {#labels .box {padding: 5px; margin-bottom: 20px;}}

.slowest {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* sale
-------------------------------------------------- */
#sale .content-wrapper {padding-bottom: 0;}
#sale p {text-align: center !important;}
#sale .item {position: relative;}
#sale .thumbs {outline: 2px dotted rgba(50, 13, 21, 0.5); box-shadow: 0px 0px 30px rgba(50, 13, 21, 0.2);}
#sale .thumbs:hover {box-shadow: 0px 0px 30px rgba(50, 13, 21, 0.4);}
#sale .vergroessern {background-image: url(/static/img/vergroessern.svg); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 20px; right: 25px; height: 40px; width: 40px;}
#sale .sale {background-image: url(/static/img/sale_01.svg); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; bottom: -30px; right: -10px; height: 73px; width: 60px;}

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {#sale .sale {height: 147px; width: 120px;}}
@media (min-width: 1400px) {#sale .sale {height: 147px; width: 120px;}}

/* accessories
-------------------------------------------------- */
#accessories {overflow: hidden;}
#accessories .col {padding-left: 6px !important; padding-right: 6px !important;}
#accessories p {text-align: center!important;}
/* #accessories p.piktogramm {margin: 0;} */
#accessories img {margin-bottom: 20px;}

.slowest {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* trends
-------------------------------------------------- */
#trends {overflow: hidden;}
#trends .content-wrapper {padding: 18% 0 10% 0;}
#trends img {width: 800px; -webkit-filter: drop-shadow(5px 5px 5px rgba(50, 13, 21, 0.5)); filter: drop-shadow(5px 5px 5px rgba(50, 13, 21, 0.5));}
#trends .h2 {margin-bottom: 10px;}
#trends .left p {text-align: left; margin-bottom: 0;}
#trends .right p {text-align: center; margin-bottom: 0;}
#trends .right {padding-top: 10%; padding-bottom: 10%;}
#trends .box {background-color: rgba(255, 255, 255, 1); width: auto; padding: 20px; bottom: 20px; right: 10px; position: absolute; border: 0px solid rgba(255, 255, 255, 1); rotate:-10deg;box-shadow: 0px 0px 30px rgba(50, 13, 21, 0.5);}

@media (min-width: 576px) {#trends .right {padding-top: 0;padding-bottom: 0;} #trends .box {bottom: -20px;}}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {#trends .right {padding-top: 0;padding-bottom: 0;} #trends .box {bottom: -20px;}}
@media (min-width: 1400px) {#trends .right {padding-top: 0;padding-bottom: 0;} #trends .box {bottom: -20px;}}

/* impressionen
-------------------------------------------------- */
#impressionen {overflow: hidden;}
#impressionen .content-wrapper {padding: 10% 0;}
#impressionen .container-fluid {padding: 0;}
#impressionen a:link {padding:0; margin:0;position: relative;}
#impressionen img {width: 100%;}
#impressionen .vergroessern {background-image: url(/static/img/vergroessern.svg); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 20px; right: 25px; height: 40px; width: 40px;}

@media (min-width: 576px) {#trends .content-wrapper {padding: 10% 0 10% 0;}}
@media (min-width: 768px) {}
@media (min-width: 992px) {#impressionen .content-wrapper {padding: 0;}}
@media (min-width: 1200px) {#impressionen .content-wrapper {padding: 0;}}
@media (min-width: 1400px) {#impressionen .content-wrapper {padding: 0;}}

/* breaker
-------------------------------------------------- */
/*
#breaker {background-image: url(/pics/gutschein/t-corner-modeboutque_gutschein.jpg); background-position: top center; background-repeat: no-repeat;webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
#breaker .content-wrapper {padding: 10% 0;}
#breaker .left {margin-bottom:-600px;}
#breaker .left img {width: 100%;position: absolute; box-shadow: 2px 2px 15px rgba(50, 13, 21, 0.5);}
#breaker .left img.vorn {bottom: 0; left: 0; rotate: -5deg}
#breaker .left img.hinten {bottom: -200px; left: -30px; rotate: 2deg}
#breaker .right .row {justify-content: center !important;}
#breaker .lottiebox, #breaker .lottiebox img {width: 330px; height: 275px; padding: 0; position: relative;}
#breaker .lottie {position: absolute; bottom: 88px; right: 25px;}

@media (min-width: 576px) {#breaker .content-wrapper {padding: 10% 0;} #breaker .right .row {justify-content: flex-end !important;} #breaker .lottiebox, #breaker .lottiebox img {width: 250px; height: 208px;} #breaker .lottie {bottom: 60px; right: 7px;}}
@media (min-width: 768px) {#breaker .content-wrapper {padding: 10% 0;} #breaker .lottiebox, #breaker .lottiebox img {width: 350px; height: 292px;} #breaker .lottie {bottom: 95px; right: 30px;}}
@media (min-width: 992px) {#breaker .content-wrapper {padding: 10% 0;} #breaker .lottiebox, #breaker .lottiebox img {width: 440px; height: 366px;} #breaker .lottie {bottom: 125px; right: 50px;}}
@media (min-width: 1200px) {#breaker .content-wrapper {padding: 10% 0;} #breaker .lottiebox, #breaker .lottiebox img {width: 500px; height: 416px;} #breaker .lottie {bottom: 145px; right: 60px;}}
@media (min-width: 1400px) {#breaker .content-wrapper {padding: 10% 0;} #breaker .lottiebox, #breaker .lottiebox img {width: 600px; height: 500px;} #breaker .lottie {bottom: 175px; right: 80px;}}
*/

/* gutschein
-------------------------------------------------- */
#gutschein .content-wrapper {padding: 10% 0 20% 0;}
/* #gutschein .left .row {justify-content: center !important;} */
#gutschein .left h2, #gutschein .left p {text-align: left;}
#gutschein .left .butterfly {position: absolute; top: 0;right: -30px;width: 300px;}
#gutschein .right {height: 300px; display: grid; place-items:center; position: relative;}
#gutschein .right img {width: 96%; grid-area: 1/1; box-shadow: 2px 2px 15px rgba(50, 13, 21, 0.5);}
#gutschein .right img.vorn {rotate: 2deg; transform: translate(-2%, 20%);}
#gutschein .right img.hinten {rotate: -5deg; transform: translate(2%, -25%);}

@media (min-width: 576px) {#gutschein .content-wrapper {padding: 10% 0 10% 0;} #gutschein .left .butterfly {position: absolute; top: 0;right: 0;width: 300px;} #gutschein .right {height: 400px;} #gutschein .right img {width: 90%;} #gutschein .right img.vorn {transform: translate(-2%, 20%);} #gutschein .right img.hinten {transform: translate(2%, -25%);}}
@media (min-width: 768px) {#gutschein .content-wrapper {padding: 10% 0 10% 0;} #gutschein .left .butterfly {position: absolute; top: 0;right: 0;width: 300px;} #gutschein .right {height: 500px;} #gutschein .right img {width: 90%;} #gutschein .right img.vorn {transform: translate(-2%, 20%);} #gutschein .right img.hinten {transform: translate(2%, -25%);}}
@media (min-width: 992px) {#gutschein .content-wrapper {padding: 10% 0 10% 0;} #gutschein .left .butterfly {position: absolute; top: 0;right: 0;width: 300px;} #gutschein .right {height: 400px;} #gutschein .right img {width: 100%;} #gutschein .right img.vorn {transform: translate(-2%, 20%);} #gutschein .right img.hinten {transform: translate(2%, -25%);}}
@media (min-width: 1200px) {#gutschein .content-wrapper {padding: 15% 0 15% 0;} #gutschein .left .butterfly {position: absolute; top: 0;right: 0;width: 300px;} #gutschein .right {height: 400px;} #gutschein .right img.vorn {transform: translate(-2%, 20%);} #gutschein .right img.hinten {transform: translate(2%, -25%);}}
@media (min-width: 1400px) {#gutschein .content-wrapper {padding: 15% 0 15% 0;} #gutschein .left .butterfly {position: absolute; top: 0;right: 0;width: 300px;} #gutschein .right {height: 400px;}  #gutschein .right img.vorn {transform: translate(-2%, 20%);} #gutschein .right img.hinten {transform: translate(2%, -25%);}}

/* bewertungen
-------------------------------------------------- */
#bewertungen {overflow: hidden;}
#bewertungen .content-wrapper {padding: 18% 0 10% 0;}
#bewertungen .container-fluid {padding-left: 0 !important; padding-right: 0 !important;}
#bewertungen .bg {margin-bottom: 70px;}
#bewertungen .zusatz {padding: 0px 40px;}
#bewertungen .btn-default, #bewertungen a.btn-default, #bewertungen button.btn-default {margin: 10px 0px;}

.bewertungsbox {background-color: rgba(202, 180, 163, 0.95); border: solid 1px rgba(50, 13, 21, 0.5); border-radius: 16px; position:relative; margin: 15px; box-shadow: 0px 0px 20px rgba(50, 13, 21, 0.4);text-align:center;}
.bewertungsbox:hover {background-color: rgba(202, 180, 163, 1); box-shadow: 0px 0px 30px rgba(50, 13, 21, 0.5);}
.bewertungsbox .bewerterbild {height: 64px; width: 64px;}
/*.bewertungsbox img {width: 64px; height: 64px;} */
.bewertungsbox .stars {height: 24px; width: 145px; margin-bottom: 10px;}
.bewertungsbox .h3 {width: 100%; text-align: center; margin: 10px 0 10px 0;}
.bewertungsbox p {margin:0;}

@media (min-width: 576px) {#bewertungen .bg {margin-bottom: 90px;} #bewertungen .content-wrapper {padding: 10% 0 10% 0;}}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

/* kontakt
-------------------------------------------------- */
#kontakt {background: #CAB4A3; background: linear-gradient(0deg,rgba(202, 180, 163, 1) 0%, rgba(202, 180, 163, 0) 75%);}
#kontakt img {background-color: #dac8b4; margin: 0; padding: 15px; border: dotted 3px rgba(50, 13, 21, 1); border-radius: 20px; box-shadow: 0px 0px 20px rgba(50, 13, 21, 0.4);}
#kontakt .right {padding-top: 10%; padding-bottom: 10%;}

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {#kontakt .right {padding: 0;}}
@media (min-width: 1200px) {#kontakt .right {padding: 0;}}
@media (min-width: 1400px) {#kontakt .right {padding: 0;}}

/* KONTAKTFORMULAR
-------------------------------------------------- */
/* #kontakt .btn-default, #kontakt a.btn-default, #kontakt button.btn-default {margin: 0 10px;} */
fieldset {border: 0;padding: 0;}
label {padding-left: 0.25rem; margin-top: 0.4rem; margin-bottom: 0rem;}
/*label.captcha {margin-top: 0 !important;} */

/* Farbe des validierten Eingabefeldes */
/*.field-error,
.field-error a, */
.field-error .control-label,
.field-error .help-block,
.field-error .form-control-feedback,
.field-error .fv-control-feedback {
  color: rgba(255,0,66,1);
  font-weight: normal;
}
.field-error .form-control {
  border-color: rgba(255,0,66,1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-group {
    margin-bottom: 0rem;
}
.form-control {
  padding: .75rem .75rem;
  font-size: inherit;
  color: rgba(28, 50, 32, 0.9);
  background-color: rgba(255,255,255, 0.5);
  border: 1px solid rgba(28, 50, 32, 0.9);
  border-radius: 4px;
}
textarea.form-control {
  min-height: calc(6.5em + .75rem + calc(var(--bs-border-width) * 2));
}

/* Farbe des validierten Eingabefeldes */
/*.field-success,
.field-success a, */
.field-success .control-label, 
.field-success .help-block,
.field-success .form-control-feedback,
.field-success .fv-control-feedback {
  color: rgba(28, 50, 32, 0.9);
  font-weight: normal;
}
.field-success .form-control {
  border-color: rgba(28, 50, 32, 0.9);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
/* Transparenter Rahmen bei aktivem Inputfeld */
/* .form-control:focus {border-color: transparent !important; box-shadow: none;}*/

/* SubmitButton deaktiviert bis Formular vollstängig ausgefüllt */
.form-control-feedback {pointer-events: auto;}
.btn-default.disabled {background-color: rgba(50, 13, 21, 0.7) !important; border-color: rgba(50, 13, 21, 0);}

/* Placeholder - Farbe */
.form-control::placeholder, .form-control::-moz-placeholder  {color: rgba(50, 13, 21,.25);}

/* Datenschutztext inkl. Verlinkung - Ausrichtung */
.form-check-label {width: 90%; display: block; margin-top: 10px;}
.form-check-label a {text-decoration: underline; font-size: 80%;}
.form-check .form-check-input {border: solid 1px rgba(28, 50, 32, 0.9);}

p.hinweis {margin: 10px 0px !important;}

/* Warnhinweis - Abstände */
small.form-control-feedback {padding-top: 0.5rem; padding-left: 0.25rem; display: block; font-size: 100%;}
/* Warnhinweis - Zeichen */
form .glyphicon {position: absolute; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* Warnhinweis - Zeichenpositionierung */
.col-form-label {padding-top: 0; padding-bottom: 0;}

/* Icon - Platzirerung */
.fv-form-bootstrap4 .fv-control-feedback {width: 60px; height: 48px; line-height: 0px; display: flex; align-items: center; justify-content:center;}
.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 22px;}
.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {top: 0px;}
.captchabox .fv-control-feedback {margin-right: -12px; margin-top: 0;}
@media (min-width: 992px) {.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 32px;}}
@media (min-width: 992px) {.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 42px;}.captchabox .fv-control-feedback {margin-top: -2px;}}
@media (min-width: 1200px) {.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 52px;}.captchabox .fv-control-feedback {margin-top: -4px;}}
@media (min-width: 1400px) {.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 52px;}.captchabox .fv-control-feedback {margin-top: -4px;}}  

/* KONTAKTFORMULAR - BESTÄTIGUNG AUF DER SEITE
-------------------------------------------------- */
#mail_summary {width: 100%;}
#mail_summary p {margin: 1rem;}
#mail_summary .btn-default {margin: 0 1rem;	}
table {background-color: transparent !important; margin-bottom: 0;}
.table-bordered {border: 0px solid transparent;}
.table-bordered td, .table-bordered th {border: 0px solid transparent;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0, 0, 0, 0.02);}
/*.table-striped tbody td:nth-of-type(2n+1) {width: 40%;} */

/* lage
-------------------------------------------------- */
#lage {background: #CAB4A3;}
#lage .content-wrapper {padding: 0;}
#lage .lage{border-top: solid 1px rgba(51, 13, 21, 1); border-right: solid 1px rgba(51, 13, 21, 1); border-bottom: solid 1px rgba(51, 13, 21, 1); border-left: solid 1px rgba(51, 13, 21, 1); position:relative;}
#lage .lage .ansicht {height:200px; width:200px; top:-15px; right:-15px; position:absolute; z-index: 100; border: solid 1px rgba(50, 13, 21, 1);}
#lage .lage .ansicht img {width: 200px; height: 200px;}
#lage .left, #lage .right {display: flex; justify-content:center; overflow: hidden;}
#lage .left img, #lage .right img {height: 400px;}
#lage .btn-default {position: absolute; bottom: -40px; right: 10px; z-index:100; display: inline-block; width: auto;}

@media (min-width: 576px) {#lage .left img, #lage .right img {height: 400px;} #lage .btn-default {right: 100px;}}
@media (min-width: 768px) {#lage .left img, #lage .right img {height: 400px;}}
@media (min-width: 992px) {#lage .left img, #lage .right img {height: 400px;} #lage .lage {border-top: solid 1px rgba(51, 13, 21, 1); border-right: 0; border-bottom: solid 1px rgba(51, 13, 21, 1); border-left: 0;}}
@media (min-width: 1200px) {#lage .left img, #lage .right img {height: 400px;}}
@media (min-width: 1400px) {#lage .left img, #lage .right img {height: 600px;}}

/* impressum + datenschutz
-------------------------------------------------- */
#impressum h1, #datenschutz h1, #impressum h2, #datenschutz h2, #impressum h3, #datenschutz h3, #impressum h4, #datenschutz h4 {text-align: left;}
#impressum p, #datenschutz p {text-align: justify; -ms-hyphens: auto; -webkit-hyphens: auto;hyphens: auto;}

/* footer
-------------------------------------------------- */
footer {background-color: rgba(50, 13, 21, 0.1);}
footer .content-wrapper {padding:136px 0 36px 0;}
footer .footerbox {justify-content:left; display:block;}
footer .fbox {display: contents; margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));}
footer .fbox > div {padding-left: 20px;}
footer .fbox .fnav {width: 90%;}
footer .lottie {position: absolute; top: -40px; left: -40px;}
footer .brand {width:220px;margin-bottom: 20px;}
footer .brand img {margin-left: -20px;}
footer p {margin-bottom: 20px; padding: 0; line-height: 1.6;}
footer table {margin-bottom: 20px; padding: 0; line-height: 1.5;}
footer p.copyright {font-size:80%;text-align: left;margin-top: 20px;margin-left: 1rem;}
footer ul {list-style: none; padding-left:0;}
footer li {padding: 0; margin: 0; line-height: 1.6;}
footer .first {width: 225px;}
footer .end {display: contents;}
.nav-footer ul {list-style: none;	margin: 0 0 0 -20px;justify-content: center; display: flex;}
.nav-footer li {float: left; margin-left: 0px;}
.nav-footer a, .nav-footer a:link {color: rgba(50, 13, 21, 0.9); font-weight: 700; text-decoration: none;}
.nav-footer a:hover {color: rgba(50, 13, 21, 0.7); font-weight: 500; text-decoration: underline;}
.nav-footer .nav-link {padding: 1rem 1rem;}

@media (min-width: 576px) {footer {font-size:100%;} footer .footer-bg {}}
@media (min-width: 768px) {footer {font-size: 100%;} footer .footer-bg {} footer .brand {width:160px;} footer .first {width: 160px;} footer .brand img {margin-left: 0px;} footer .fbox .fnav {width: auto;} footer p.copyright {text-align: right; margin-top: auto; margin-left: auto;} footer .footerbox {justify-content:space-between; display:flex;} footer .fbox > div {padding-left: 0;}}
@media (min-width: 992px) {footer {font-size: 85%;} footer .footer-bg {width: 960px;} footer .brand {width:160px;} footer .first {width: 160px;}}
@media (min-width: 1200px) {footer {font-size: 85%;} footer .footer-bg {width: 1120px;} footer .brand {width:200px;} footer .first {width: 190px;}}
@media (min-width: 1400px) {footer {font-size: 75%;} footer .footer-bg {width: 1320px;} footer .brand {width:220px;} footer .first {width: 225px;}}

/* SCROLLER
------------------------- */
.scroll-to-top {background: rgba(50, 13, 21, 1); width: 45px; height: 45px; bottom: 10px; right: 10px; position: fixed; z-index: 19999; opacity: 0; visibility: hidden;
  -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;
  pointer-events: none;
  -webkit-transition: opacity 800ms ease, visibility 0s ease;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  -o-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
}
.scroll-to-top.show {opacity: 0.25; visibility: visible; pointer-events: auto; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s;  transition-delay: 0s; border: 2px solid rgba(255, 255, 255, 1);}
/*.allow-hover */ .scroll-to-top.show:hover {background: rgba(50, 13, 20, 1.0); opacity: 1;}
.scroll-to-top:before {content: ''; background: url("/static/img/button_scroll-to-top_01.svg") no-repeat scroll 0 0 rgba(255, 255, 255, 0); background-size: cover; margin: 0; display: block; height: 100%; width:100%;}

@media (min-width: 576px) {.scroll-to-top {bottom: 17px; right: 17px; width: 45px; height: 45px;}}
@media (min-width: 768px) {.scroll-to-top {bottom: 17px; right: 17px; width: 45px; height: 45px;}}
@media (min-width: 992px) {.scroll-to-top {bottom: 17px; right: 17px; width: 45px; height: 45px;}}
@media (min-width: 1200px) {.scroll-to-top {bottom: 1% + 10px; right: 1% + 10px; width: 80px; height: 80px;}}
@media (min-width: 1400px) {.scroll-to-top {bottom: 1% + 10px; right: 1% + 10px; width: 80px; height: 80px;}}

/*
@media (min-width: 576px) {.navbar-toggler {top:20px;right:10px;height:60px;width:60px;font-size:1.25rem;}}
@media (min-width: 768px) {.navbar-toggler {top:20px;right:10px;height:60px;width:60px;font-size:1.25rem;}}
@media (min-width: 992px) {.navbar-toggler {top:120px;right:10px;height:80px;width:80px;font-size:2.25rem;}}
@media (min-width: 1200px) {.navbar-toggler {top:120px;right:1%;height:100px;width:100px;font-size:2.5rem;}}
@media (min-width: 1400px) {.navbar-toggler {top:120px;right:1%;height:100px;width:100px;font-size:2.5rem;}}
*/