/*** COLOR DEFINITIONS ***/

:root {
	--blue: rgba(0,112,186,1);
	--medblue: rgba(0,112,186,0.7);
	--lightblue: rgba(110,192,244,1);
	--xlightblue: rgba(0,112,186,0.1);
	--orange: rgba(235,100,32,1);
	--anthracite: rgba(80,80,80,1);
	--grey: rgba(102,102,102,1);
	--lightgrey: rgba(140,140,140,1);
	--xlightgrey: rgba(200,200,200,1);
	--white: rgba(255,255,255,1);
	--red: rgba(255,64,32,1);
	--lightred: rgba(255,64,32,0.5);
	--medred: rgba(255,64,32,0.7);
	--thin: 200;
	--normal: 400;
	--medium: 500;
	--semibold: 600;
}


/*** FONTS ***/

@font-face {
    font-family: 'Geogrotesque';
    src: url('font/subset-Geogrotesque-Medium.eot');
    src: url('font/subset-Geogrotesque-Medium.eot?#iefix') format('embedded-opentype'),
        url('font/subset-Geogrotesque-Medium.woff2') format('woff2'),
        url('font/subset-Geogrotesque-Medium.woff') format('woff'),
        url('font/subset-Geogrotesque-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Geogrotesque';
    src: url('font/subset-Geogrotesque-Thin.eot');
    src: url('font/subset-Geogrotesque-Thin.eot?#iefix') format('embedded-opentype'),
        url('font/subset-Geogrotesque-Thin.woff2') format('woff2'),
        url('font/subset-Geogrotesque-Thin.woff') format('woff'),
        url('font/subset-Geogrotesque-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Geogrotesque';
    src: url('font/subset-Geogrotesque-SemiBold.eot');
    src: url('font/subset-Geogrotesque-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('font/subset-Geogrotesque-SemiBold.woff2') format('woff2'),
        url('font/subset-Geogrotesque-SemiBold.woff') format('woff'),
        url('font/subset-Geogrotesque-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Geogrotesque';
    src: url('font/subset-Geogrotesque-Regular.eot');
    src: url('font/subset-Geogrotesque-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/subset-Geogrotesque-Regular.woff2') format('woff2'),
        url('font/subset-Geogrotesque-Regular.woff') format('woff'),
        url('font/subset-Geogrotesque-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Nothing';
    src: url('font/subset-Nothing.eot');
    src: url('font/subset-Nothing.eot?#iefix') format('embedded-opentype'),
        url('font/subset-Nothing.woff2') format('woff2'),
        url('font/subset-Nothing.woff') format('woff'),
        url('font/subset-Nothing.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: auto;
}


/*** GENERAL DEFINITIONS ***/

html {
font-family: 'Geogrotesque', Arial, Helvetica, sans-serif;
background-color: rgba(255,255,255,1);
}

body {
	text-decoration: none;
	-moz-text-size-adjust: auto;
	-webkit-text-size-adjust: auto;
	-ms-text-size-adjust: auto;
	font-size: 20px;
	font-weight: var(--normal);
	color: var(--anthracite);
}

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} 

input {
-webkit-appearance: none;
border-radius: 0;
}

input[type="radio"] { width: auto; height: auto; -webkit-appearance: radio;}
input[type="checkbox"] { width: auto; height: auto; -webkit-appearance: checkbox;}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.transition3 {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.transition5 {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

h1, h2, h3 {
margin-top: 0px;
margin-bottom: 0px;
}

@keyframes toggle { {}
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.toglayer {
	animation-name: toggle;
	animation-duration: 0.5s;
}

.tlnone { display: none; }


/*** SECTIONS & CONTAINERS ***/

#content {
padding: 0;
padding-top: 120px;
min-height: 460px;
}

#content.cinset {
padding-top: 262px;
}

.container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0;
}

.section {
	width: 100%;
	padding: 50px 30px;
	height: auto;
	display: block;
	position: relative;
}

.section .container {
	width: 100%;
	max-width: 1240px;
	padding: 0px 20px;
	line-height: 145%;
}

.section .container.wide { max-width: 1600px; }

.contslim { max-width: 600px !important; }
.contmedium { max-width: 900px !important; }
.contr { text-align: right; }
.contl { text-align: left; }
.contc, .contcl, .contclm { text-align: center; }
.contpr { margin-right: 0; }
.contpl { margin-left: 0; }
.block { display: block; }

.textcont { display: inline-block; } /* für zB center text in right align container */

.flexcontainer {
display: flex;
}

.flexperm { display: flex !important; }

.flexwrap {
flex-wrap: wrap;
}

.ixfull {
padding: 0 !important;
margin-bottom: 5px;
}


.ixmain, .ixmain3, .ismain {
width: 100%;
display: block;
overflow: hidden;
position: relative;
}

.ixmain { height: 41vw; }
.ixmain3 { height: 46vw; }

.contcm {
max-width: 750px !important;
padding: 60px 40px 40px 80px !important;
position: relative;
background-color: var(--xlightblue);
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
}

.contcm:before {
width: 80px;
height: 80px;
border-radius: 50%;
border: 1px solid var(--xlightblue);
background-color: var(--white) !important;
display: block;
position: absolute;
content: ' ';
top: -40px;
left: 20px;
background: url('../images/login.png') center center no-repeat;
background-size: 30px;
}

.ccm-inset {
    max-width: 500px !important;
    margin: -50px calc(((100% - 600px) / 2) - 200px) 0 auto;
    background-color: rgba(229,240,248,1);
}

/*** COLUMNS ***/

.one-half {
width: calc(50% - 40px);
display: inline-block;
position: relative;
z-index: 10;
}

.one-half.slim {
width: calc(50% - 5px);
}


.one-half:first-child {
margin-right: 80px;
}

.one-half.slim:first-child {
margin-right: 10px;
}

.one-half-reduced {
display: block;
padding: 0px 150px;
position: relative;
}

.one-half-text, .one-third-text, .one-fourth-text {
display: block;
padding: 20px;
}

.one-half-text.fullwidth, .one-third-text.fullwidth, .one-fourth-text.fullwidth {
padding-left: 0px;
padding-right: 0px;
}

.one-fourth-text { line-height: 120%; }

.one-half-left, .one-half-left2, .one-half-left0, .one-half-center, .one-half-left2x {
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
}

.one-half-left, .one-half-center, .one-half-left2x {
padding: 20px 50px;
}

.one-half-center2 {
display: block;
position: relative;
padding: 20px 50px;
}

.one-half-left2, .one-half-left0 {
padding: 20px 0px;
}

.one-half-left, .one-half-left2, .one-half-left0, .one-half-left2x { text-align: left; }
.one-half-center, .one-half-center2 { text-align: center; }

.one-third {
width: calc((100% - 160px) / 3 );
display: inline-block;
position: relative;
z-index: 10;
margin-right: 80px;
}

.one-third.slim {
width: calc((100% - 20px) / 3 );
margin-right: 10px;
}

.one-third:last-child {
margin-right: 0;
}

.one-third.slim:last-child {
margin-right: 0;
}

.flexcol {
width: 100%;
display: flex;
}

.flexwrap .one-third:nth-child(3n+3) {
margin-right: 0;
}



/*** PADDINGS & MARGINS ***/

.szeropd { padding: 0px 30px; }
.shalfpd { padding: 25px 30px; }

.shalfmtop { margin-top: 25px; }
.shalfmbtm { margin-bottom: 25px; }

.ssinglemtop { margin-top: 50px; }
.ssinglembtm { margin-bottom: 50px; }
.ssinglepdtop { padding-top: 50px; }
.ssinglepdbtm { padding-bottom: 50px; }

.sdoublepd { padding: 100px 30px; }
.sdoublepdtop { padding-top: 100px; }
.sdoublepdbtm { padding-bottom: 100px; }
.sdoublemtop { margin-top: 100px; }
.sdoublembtm { margin-bottom: 100px; }

.striplepd { padding: 150px 30px; }
.striplepdbtm { padding-bottom: 150px; }
.striplemtop { margin-top: 150px; }
.striplembtm { margin-bottom: 150px; }

.img-vmargin {
margin-top: 30px;
margin-bottom: 30px;
}

.img-vmarginbtm {
margin-bottom: 30px;
}

.vmargintop {
margin-top: 8px;
display: inline-block;
}

.vmarginbtm {
margin-bottom: 8px;
}


/*** HEADER ***/

.header, .specialheader, .largecount, .mediumheader, .largeheader, .headerlight, .mediumheaderlight, .smallheader {
font-style: normal;
display: block;
}

.header, .largecount, .mediumheader, .largeheader, .headerlight, .mediumheaderlight, .smallheader {
line-height: 120%;
}

.header, .specialheader, .largecount, .mediumheader, .ixih {
font-weight: var(--semibold);
}

.headerlight , .mediumheaderlight, .smallheader {
font-weight: var(--normal);
}

.header, .headerlight {
font-size: 42px;
margin-bottom: 28px;
}

.specialheader {
font-size: 24px;
margin-bottom: 8px;
}

.header, .headerlight, .specialheader, .smallheader {
color: var(--lightgrey);
}

.largecount, .mediumheader, .mediumheaderlight {
font-size: 80px;
}

.smallheader {
font-size: 32px;
margin-bottom: 12px;
}

.largecount { color: var(--blue); }
.mediumheader, .mediumheaderlight { color: var(--lightgrey); }

.largeheader {
font-size: 110px;
font-weight: var(--medium);
color: var(--lightgrey);
}

.ixih {
font-size: 48px;
color: var(--white);
display: inline-block;
}

.ixihlh {
line-height: 58px;
height: 58px;
}

.ixihpre {
font-size: 70%;
}

.ixihstyle, .hstyle {
font-family: 'Nothing', Arial, Helvetica, sans-serif;
font-weight: 100;
}

.sortheader {
text-transform: uppercase;
font-weight: var(--medium);
display: block;
margin-bottom: 16px;
}

.hnmbtm { margin-bottom: 0 !important; }


/*** TEXT ELEMENTS ***/

.wrap-right {
display: block;
width: 100%;
text-align: right;
margin-top: 6px;
}

.nowrap {
whitespace: no-wrap;
display: inline-block;
}


/*** LINKS ***/

a.link, a.phonelink {
color: var(--blue);
font-weight: var(--medium);
text-decoration: none;
}

a.linko {
color: var(--orange);
font-weight: var(--medium);
text-decoration: none;
}

a.link:hover, a.phonelink:hover {
color: var(--orange);
}

a.linko:hover {
color: var(--blue);
}

a.ixilink, .lbinset, a.prevnext {
width: 58px;
height: 58px;
border-radius: 50%;
display: inline-block;
padding: 2px; 
font-family: Arial, Helvetica, sans-serif;
}

a.ixilb {
border: 2px solid var(--blue);
box-shadow: 0 0 0 0 var(--blue);
}

a.ixilo, .lbinset, a.prevnext {
border: 2px solid var(--orange);
box-shadow: 0 0 0 0 var(--orange);
}

a.ixilib {
border: 2px solid var(--blue);
box-shadow: 0 0 0 0 var(--blue);
}

a.ixilio, a.sl-btn {
border: 2px solid var(--orange);
box-shadow: 0 0 0 0 var(--orange);
}


a.ixilb:hover, a.ixilb:active, a.ixilb:focus, a.ixilio:hover, a.ixilio:active, a.ixilio:focus, a.linkbutton2:hover .lbinset, a.linkbutton2o:hover .lbinset, a.sl-btn:hover, a.sl-btn:active, a.sl-btn:focus, a.prevnext:hover {
border: 2px solid var(--blue);
animation: pulse-blue 2s infinite;
}

a.ixilo:hover, a.ixilo:active, a.ixilo:focus, a.ixilib:hover, a.ixilib:active, a.ixilib:focus {
border: 2px solid var(--orange);
animation: pulse-orange 2s infinite;
}

@keyframes pulse-blue {
    0% { box-shadow: 0 0 0 0 rgba(0,112,186, 1); }
    70% { box-shadow: 0 0 0 20px rgba(0,112,186, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0,112,186, 0); }
}

@keyframes pulse-orange {
    0% { box-shadow: 0 0 0 0 rgba(235,100,32, 1); }
    70% { box-shadow: 0 0 0 20px rgba(235,100,32, 0); }
    100% { box-shadow: 0 0 0 0 rgba(235,100,32, 0); }
}

@keyframes pulse-circlel {
	0% { box-shadow: 0 0 0 0 rgba(176,199,142,1); }
    70% { box-shadow: 0 0 0 20px rgba(176,199,142,0); }
    100% { box-shadow: 0 0 0 0 rgba(176,199,142,0); }
}

@keyframes pulse-circlep {
    0% { box-shadow: 0 0 0 0 rgba(205,176,200,1); }
    70% { box-shadow: 0 0 0 20px rgba(205,176,200,0); }
    100% { box-shadow: 0 0 0 0 rgba(205,176,200,0); }
}

@keyframes pulse-circleb {
    0% { box-shadow: 0 0 0 0 rgba(109,163,216,1); }
    70% { box-shadow: 0 0 0 20px rgba(109,163,216,0); }
    100% { box-shadow: 0 0 0 0 rgba(109,163,216,0); }
}

@keyframes pulse-circleo {
    0% { box-shadow: 0 0 0 0 rgba(239,122,78,1); }
    70% { box-shadow: 0 0 0 20px rgba(239,122,78,0); }
    100% { box-shadow: 0 0 0 0 rgba(239,122,78,0); }
}

@keyframes pulse-circled {
    0% { box-shadow: 0 0 0 0 rgba(0,124,139,1); }
    70% { box-shadow: 0 0 0 20px rgba(0,124,139,0); }
    100% { box-shadow: 0 0 0 0 rgba(0,124,139,0); }
}

a.ixilink span, .lbinset span, a.prevnext span {
font-size: 36px;
color: var(--white);
text-decoration: none;
display: inline-block;
width: 50px;
height: 50px;
line-height: 30px;
padding: 8px 0px 12px;
text-align: center;
border-radius: 50%;
text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}

a.ixilb span, a.ixilib span { background-color: var(--blue); }
a.ixilo span, a.ixilio span, .lbinset span, a.sl-btn span, a.prevnext span { background-color: var(--orange); }

a.ixilb:hover span, a.ixilib:hover span { background-color: var(--orange); }
a.ixilo:hover span, a.ixilio:hover span, a.linkbutton2:hover .lbinset span, a.linkbutton2o:hover .lbinset span, a.sl-btn:hover span, a.prevnext:hover span { background-color: var(--blue); }

.ixbutton {
display: none;
width: 52px;
height: 52px;
position: absolute;
bottom: 15px;
right: 20px;
}

a.linkbutton, a.booklink {
display: inline-block;
white-space: nowrap;
font-weight: var(--semibold);
color: var(--white);
background-color: var(--blue);
text-decoration: none;
line-height: 100%;
}

a.linkbutton {
padding: 15px 15px;
font-size: 16px;
}

a.booklink {
padding: 15px 20px;
font-size: 24px;
}

a.linkbutton:hover, a.booklink:hover {
background-color: var(--orange);
}

a.linkbutton2, a.linkbutton2o {
display: inline-block;
height: 58px;
font-size: 22px;
font-style: normal;
font-weight: var(--semibold);
text-decoration: none;
}

a.linkbutton2 {
color: var(--blue);
}

a.linkbutton2o {
color: var(--orange);
}


a.linkbutton2:hover, a.linkbutton2o:hover {
color: var(--blue);
}

.lbinset.left { margin-right: 20px; }
.lbinset.right { margin-left: 20px; }

a.pluslink:after {
display: inline-block;
width: 24px;
height: 24px;
border: 1px solid var(--blue);
border-radius: 50%;
line-height: 24px;
text-align: center;
margin-left: 10px;
content: '+';
}

a.pluslink.active:after { content: '-'; }

a.pluslink:hover:after {
border: 1px solid var(--orange);
}


/*** COLORS & FONT WEIGHTS ***/

.fett { font-weight: var(--semibold); }
.medium { font-weight: var(--medium); }
.normal { font-weight: var(--normal); }
.large { font-size: 24px; }
.small { font-size: 18px; }
.xsmall { font-size: 16px; }

.blue { color: var(--blue); }
.red { color: var(--red); }
.orange { color: var(--orange); }
.white { color: var(--white); }
.circleo { color: var(--circleo); }
.circled { color: var(--circled); }
.circlel { color: var(--circlel); }
.circlep { color: var(--circlep); }
.circleb { color: var(--circleb); }

.lightgrey { color: var(--lightgrey); }
.xlightgrey { color: var(--xlightgrey); }
.anthracite { color: var(--anthracite); }

.sbluebg { background-color: var(--xlightblue); }


/*** IMAGES ***/

.ixmimg, .ismimg, .ixmimg2, .ixmimg3 {
width: 100%;
display: block;
z-index: 3;
}

.ixmimg {
margin-top: calc(-12vw);
}

.ixmimg3 {
margin-top: calc(-6vw);
}


.img-round {
border-radius: 50%;
width: 100%;
display: inline-block;
}

.img-one-half, .img-one-third, .img-one-fourth, .img-ap, .img-800 {
display: block;
width: 100%;
margin: 0 auto;
}

.img-size-medium {
max-width: 560px;
margin: 0 auto;
}

.img-ap { max-width: 600px; }

.img-800 { max-width: 800px; }


/*** SLIDER ***/

.sl-layer {
position: absolute;
z-index: 5;
display: block;
color: var(--white);
font-size: 24px;
}

.sl-l0 { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5; background-color: rgba(0,0,0,0.3); opacity: 0; animation: bgFadeIn 1s forwards; animation-delay: 1s; }

.sl-text, .sl-text-small, .sl-text-xsmall, .sl-text-xxsmall {
font-style: normal;
font-weight: var(--normal);
color: var(--white);
}

.sl-text {
font-size: 80px;
}

.sl-text-small {
font-size: 60px;
}

.sl-text-xsmall { font-size: 48px; }
.sl-text-xxsmall { font-size: 30px; }


a.sl-btn span { transform: rotate(90deg); text-shadow: 1px -1px 3px rgba(0,0,0,0.7); }

.sl-zoom-in {
animation: zoomEffect 40s forwards;
}

.sl-fade-in {
animation: bgFadeIn 1s forwards;
}

.sl-fade-zoom-in {
animation: zoomEffect 40s forwards, bgFadeIn 1s forwards;
}

.sl-btn-ani {
display: block;
animation: btnAni 2s infinite linear;
}

.slider .ixmimg, .slider .ismimg, .slider .ixmimg2 {
opacity: 0;
}

@keyframes zoomEffect {
    from {transform: scale(1); }
    to {transform: scale(1.25); }
}

@keyframes bgFadeIn {
    from {opacity: 0; }
    to {opacity: 1; }
}

@keyframes btnFadeIn {
    from {opacity: 0; }
    to {opacity: 1; }
}

@keyframes textFadeIn {
    0% {
        opacity: 0;
		transform: translateY(-50%);
	}
    100% {
        opacity: 1;
		transform: translateY(0);
	}
}

@keyframes textFadeIn2 {
    0% {
        opacity: 0;
		transform: scale(0);
	}
    100% {
        opacity: 1;
		transform: scale(1);
	}
}


@keyframes btnAni {
    0% { transform: translateY(-10%); }
    25% { transform: translateY(0); }
	55% { transform: translateY(10%); }
	75% { transform: translateY(0); }
	100% { transform: translateY(-10%); }
}

/*** INSET NAVI ***/

.inset {
padding: 20px 50px 10px;
/*background-color: rgba(0,112,186,0.03);*/
background-color: rgba(247,251,253,1);
margin-bottom: 10px;
position: fixed;
top: 100px;
left: 0px;
z-index: 40;
}

#organo.scrolled .inset  { top: 50px; }

.catnav {
display: block;
width: auto;
height: auto;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}

/* Chrome, Safari, Opera */
.catnav::-webkit-scrollbar {
    display: none;
}
.catnav {
  -ms-overflow-style: none;  /* IE, Edge */
  scrollbar-width: none;  /* Firefox */
}

.catnav-item {
display: inline-block;
    vertical-align: top;
	padding: 0;
text-align: center;
width: auto;
margin-right: 30px;
min-width: 80px;
}

.toppage .catnav-item { animation: catnav-slidein 500ms backwards; }

@-webkit-keyframes catnav-slidein{0%{opacity:0}1%{-webkit-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes catnav-slidein{0%{opacity:0}1%{-webkit-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}

.catnav-icon {
height: 80px;
display: block;
margin-bottom: 10px;
}

#organo.scrolled .catnav-icon {
height: 60px;
}

#organo.scrolled .catnav-item {
margin-right: 24px;
min-width: 60px;
}

.catnav-icon img, #organo.scrolled .catnav-icon img {
height: 100%;
width: auto;
max-width:100%;
}

.catnav-item a {
text-decoration: none;
}

.catnav-label {
font-size: 14px;
font-weight: var(--medium);
color: var(--anthracite);
display: block;
line-height: 14px;
}

#organo.scrolled .catnav-label {
font-size: 12px;
line-height: 12px;
}

.catnav-item a:hover .catnav-label, .catnav-label.selected {
color: var(--blue);
}

.catnav-label {
margin-bottom: 15px;
}

.catnav-label.cldouble {
margin-bottom: 0px; 
}

.catnav-label.new {
margin-bottom: 0px;
}

.catnav-new {
font-size: 12px;
font-weight: var(--medium);
color: var(--orange);
display: block;
}

.catnav-sub .catnav-icon {
padding-top: 30px;
position: relative;
}

#organo.scrolled .catnav-sub .catnav-icon {
padding-top: 23px;
}

.catnav-item.catnav-sub {
min-width: 50px;
margin-left: -20px;
}

#organo.scrolled .catnav-item.catnav-sub {
min-width: 35px;
margin-left: -15px;
}

.cn-inset {
position: absolute;
bottom: 2px;
right: 8px;
width: auto;
display: block;
font-size: 24px;
font-style: normal;
color: var(--lightgrey);
font-weight: var(--thin);
line-height: 20px;
}

#organo.scrolled .cn-inset {
font-size: 18px;
line-height: 18px;
}


/*** INSET ORDER LINE ***/

.so-filler {
display: block;
width: 100%;
height: 49px;
}

.section.order {
padding: 10px 0px 0px;
display: block;
position: fixed;
top: 249px;
left: 0px;
z-index: 40;
}

/* slightly transparent fallback */
.section.order {
  background-color: rgba(255,255,255,0.97);
}

/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .section.order {
    background-color: rgba(255,255,255,0.9);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
  }
}

#organo.scrolled .section.order {
top: 177px;
}

.section.order .container {
border-bottom: 1px solid rgba(240,240,255,1);
max-width: 100%;
padding: 0px 50px 10px;
text-align: right;
}

a.buybutton {
display: inline-block;
padding: 5px 15px 7px;
background-color: var(--blue);
color: var(--white);
font-weight: var(--medium);
font-size: 20px;
text-decoration: none;
}

a.buybutton span { font-family: Arial, Helvetica, sans-serif; }

a.buybutton:hover {
background-color: var(--orange);
}

.ordertitle {
position: absolute;
top: calc(45% + 6px);
left: 50px;
text-align: left;
transform: translateY(-50%);
display: inline-block;
font-weight: var(--semibold);
color: var(--blue);
font-size: 20px;
}

/*** XMAS ***/

.specialinlay {
position: absolute;
top: 0px;
transform: translateX(-50%);
width: auto;
height: 62px;
left: 50%; display: flex;
}

.specialinlay2 { display: none; }

.specialinlay:hover .sitext, .specialinlay2:hover .sitext {
color: var(--orange);
}

.sitext {
width: auto;
display: block;
padding: 20px 0px 20px 100px;
height: 62px;
white-space: nowrap;
background: url('../images/xmas.stars1.png') left center no-repeat;
background-size: 90px;
color: var(--blue);
font-weight: var(--medium);
text-align: left;
}

.sistars2 {
width: 60px;
margin-left: 10px;
display: block;
height: 62px;
background: url('../images/xmas.stars2.png') center center no-repeat;
background-size: 60px;
}

a.silink { text-decoration: none; }

.sith1 { display: inline; }
.sith2 { display: none; }

/*** LISTS ***/

ul.dotted, ul.checked {
list-style-type:none;
position: relative;
padding: 0px;
margin: 0px; 
}

ul.dotted li:before, ul.checked li ul.dotted li:before {
	content: '\2013';
}

ul.checked li:before {
	content: '\2714\00FE0E';
	color: var(--lightgrey);
}

ul.dotted li:before, ul.checked li:before {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	display: block;
}

ul.dotted li, ul.checked li {
padding: 0px 0px 4px 34px;
}


/*** VARIOUS ***/

#video:focus { outline: none; }
.striplebdbtm {
padding-bottom: 
}

.vidlarge {
width: 100%;
max-width: 900px;
height: auto;
border-radius: 5px;
overflow: hidden;
}

.nospam { display: none !important; }

@keyframes pulse-zoom {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

@keyframes pulse-zoom2 {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes pulse-zoom3 {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}



/*** POPUPS ***/

.tlseminfo {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 70;
background-color: rgba(0,112,186,0.2);
background-color: rgba(0,0,0,0.2);
}

.tlsitext {
width: calc(100% - 80px);
max-height: calc(100% - 40px);
padding: 48px 40px 40px;
background-color: var(--white);
border-radius: 5px;
border: 1px solid var(--blue);
box-shadow: 0 4px 20px 1.35px var(--lightgrey);
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 75;
overflow: auto;
}

.tlsitext.slim {
max-width: 800px;
}

.tlsitext.semi {
max-width: 1300px;
}


.tlsitinner {
width: 100%;
height: 100%;
max-height: 100%;
}

.tlsibg {
position: absolute;
width: 100%;
height: 100%;
display: block;
z-index: 71;
}

.popupclosebutton {
position: absolute;
right: 24px;
top: 24px;
width: 24px;
display: block;
z-index: 1051;
}


a.popupclose {
	width: 20px;
	height: 20px;
	background: url('../images/close.blue.png') center center no-repeat;
	background-size: 20px;
	display: block;
	text-decoration: none;
	filter: grayscale(100%);
}

a.popupclose:hover {
	filter: grayscale(0%);
}



/*** RESPONSIVE ***/

@media only screen and (max-width: 1740px) {
	/* SECTIONS & CONTAINERS */
		.section .container.wide { max-width: calc(100% - 40px); }
	/* INSET NAVI */
		.inset { padding: 20px 36px 10px; }
	/* INSET ORDER LINE */
		.section.order .container { padding: 0px 36px 10px; }
		.ordertitle { left: 36px; }
}


@media only screen and (max-width: 1600px) {
	/* SECTIONS & CONTAINERS */
		.section .container.wide { max-width: calc(100% - 20px); }
	/* COLUMNS */
		.one-half-reduced { padding: 0px 100px; }
		.one-half { width: calc(50% - 30px); }
		.one-half:first-child { margin-right: 60px; }
		.one-third { width: calc((100% - 120px) / 3 ); margin-right: 60px; }
	/* HEADER */
		.header, .headerlight { font-size: 40px; }
		.largecount, .sl-text, .mediumheader, .mediumheaderlight { font-size: 76px; }
		.largeheader { font-size: 102px; }
		.smallheader { font-size: 30px; }
	/* SLIDER */
		.sl-text-xsmall { font-size: 40px; }
		.sl-text-xxsmall { font-size: 26px; }
}


@media only screen and (max-width: 1440px) {
	/* SECTIONS & CONTAINERS */
		#content { padding-top: 96px; }
		#content.cinset { padding-top: 240px; }
		.ixmain { height: 45vw; }
		.ixmain3 { height: 47vw; }
	/* COLUMNS */
		.one-half-reduced { padding: 0px 50px; }
	/* HEADER */
		.header, .headerlight { font-size: 38px; }
		.largecount, .sl-text, .mediumheader, .mediumheaderlight { font-size: 70px; }
		.largeheader { font-size: 92px; }
		.ixih { font-size: 40px; }
		.ixihlh { line-height: 56px; height: 56px; }
		.smallheader { font-size: 28px; }
	/* LINKS */
		a.ixilink, .lbinset, a.sl-btn, a.prevnext { width: 56px; height: 56px; }
		a.ixilink span, .lbinset span, a.sl-btn span, a.prevnext span { width: 48px; height: 48px; padding: 8px 0px 12px; font-size: 32px; line-height: 28px; }
	/* IMAGES */
		.ixmimg { margin-top: calc(-10vw); }
		.ixmimg3 { margin-top: calc(-5vw); }
	/* INSET NAVI */
		.inset { padding: 20px 30px 10px; top: 78px; }
	/* INSET ORDER LINE */
		.section.order { top: 227px; }
		#organo.scrolled .section.order { top: 177px; }
		.section.order .container { padding: 0px 30px 10px; }
		.ordertitle { left: 30px; }
	/* SLIDER */
		.sl-text-small { font-size: 50px; }
		.sl-text-xsmall { font-size: 36px; }
		.sl-text-xxsmall { font-size: 24px; }
}


@media only screen and (max-width: 1240px) {
	/* SECTIONS & CONTAINERS */
		#content { padding-top: 94px; }
		#content.cinset { padding-top: 258px; }
		.ixmain, .ixmain3 { height: 50vw; }
		.section .container.wide { max-width: 100%; }
	/* COLUMNS */
		.one-half-reduced { padding: 0px; }
		.one-half { width: calc(50% - 20px); }
		.one-half:first-child { margin-right: 40px; }
		.one-third { width: calc((100% - 80px) / 3 ); margin-right: 40px; }
	/* HEADER */
		.header, .headerlight { font-size: 36px; }
		.largecount, .sl-text, .mediumheader, .mediumheaderlight { font-size: 60px; }
		.largeheader { font-size: 80px; }
		.ixih { font-size: 36px; }
		.ixihlh { line-height: 54px; height: 54px; }
		.smallheader { font-size: 26px; }
	/* LINKS */
		a.ixilink, .lbinset, a.sl-btn, a.prevnext { width: 54px; height: 54px; }
		a.ixilink span, .lbinset span, a.sl-btn span, a.prevnext span { width: 46px; height: 46px; padding: 8px 0px 12px; font-size: 30px; line-height: 26px; }
	/* IMAGES */
		.ixmimg { margin-top: calc(-8vw); }
		.ixmimg3 { margin-top: calc(-4vw); }
	/* INSET NAVI */
		.inset { padding: 50px 24px 10px; top: 76px; }
		.catnav-item { margin-right: 28px; min-width: 70px; }
		.catnav-icon { height: 70px; }
		.catnav-sub .catnav-icon { padding-top: 26px; } 
		.catnav-item.catnav-sub { min-width: 44px; }
		.cn-inset { font-size: 22px; line-height: 18px; }
		#organo.scrolled .inset { padding: 20px 24px 10px; }
		#organo.scrolled .catnav-icon { height: 53px; }
		#organo.scrolled .catnav-item { margin-right: 21px; min-width: 53px; }
		#organo.scrolled .catnav-sub .catnav-icon { padding-top: 20px; }
		#organo.scrolled .catnav-item.catnav-sub { min-width: 33px; }
		#organo.scrolled .cn-inset { font-size: 17px; line-height: 17px; }
	/* INSET ORDER LINE */
		.section.order { top: 245px; }
		#organo.scrolled .section.order { top: 170px; }
		.section.order .container { padding: 0px 24px 10px; }
		.ordertitle { left: 24px; }
	/* XMAS */
		.specialinlay { left: 55%; }
	/* SLIDER */
		.sl-text-small { font-size: 42px; }
}


@media only screen and (max-width: 1080px) {
	/* SECTIONS & CONTAINERS */
		#content.cinset { padding-top: 76px; }
		.section { padding: 40px 20px; }	
		.container { padding: 0; }
		.ixmain, .ixmain3 { height: 56vw; }
		.ccm-inset {  margin: -50px 0px 0 auto; }
	/* COLUMNS */
		.one-half { width: calc(50% - 15px); }
		.one-half:first-child { margin-right: 30px; }
		.one-third { width: calc((100% - 60px) / 3 ); margin-right: 30px; }
		.one-third.ot2col-lg, .one-third.ot2col-lg:last-child { width: calc(50% - 15px); }
		.one-third.slim.ot2col-lg, .one-third.slim.ot2col-lg:last-child { width: calc(50% - 5px); }
		.one-third.ot2col-lg { margin-right: 30px; }
		.one-third.slim.ot2col-lg { margin-right: 10px; }
		.one-third.ot2col-lg:last-child, .one-third.slim.ot2col-lg:last-child { margin-right: 0; }
		.flexwrap .one-third.ot2col-lg:nth-child(3n+3) { margin-right: auto; }
		.flexwrap .one-third.ot2col-lg:nth-child(2n+2) { margin-right: 0; }
	/* PADDINGS & MARGINS */
		.szeropd { padding: 0px 20px; }
		.shalfpd { padding: 20px 20px; }
		.shalfmtop { margin-top: 20px; }
		.shalfmbtm { margin-bottom: 20px; }
		.ssinglemtop { margin-top: 40px; }
		.ssinglembtm { margin-bottom: 40px; }
		.ssinglepdtop { padding-top: 40px; }
		.ssinglepdbtm { padding-bottom: 40px; }
		.sdoublepd { padding: 80px 20px; }
		.sdoublepdtop { padding-top: 80px; }
		.sdoublepdbtm { padding-bottom: 80px; }
		.sdoublemtop { margin-top: 80px; }
		.sdoublembtm { margin-bottom: 80px; }
		.striplepd { padding: 120px 20px; }
		.striplepdbtm { padding-bottom: 120px; }
		.striplemtop { margin-top: 120px; }
		.striplembtm { margin-bottom: 120px; }
	/* HEADER */
		.header, .headerlight { font-size: 32px; }
		.largecount, .sl-text, .mediumheader, .mediumheaderlight { font-size: 48px; }
		.largeheader { font-size: 60px; }
		.ixih { font-size: 32px; }
		.ixihlh { line-height: 52px; height: 52px; }
		.smallheader { font-size: 24px; }
	/* LINKS */
		a.ixilink, .lbinset, a.sl-btn, a.prevnext { width: 52px; height: 52px; }
		a.ixilink span, .lbinset span, a.sl-btn span, a.prevnext span { width: 44px; height: 44px; padding: 8px 0px 12px; font-size: 28px; line-height: 24px; }
		.lbinset.left { margin-right: 18px; }
		.lbinset.right { margin-left: 18px; }
	/* IMAGES */
		.ixmimg { margin-top: calc(-5vw); }
		.ixmimg3 { margin-top: calc(-3vw); }
	/* INSET NAVI */
		.inset, #organo.scrolled .inset { padding: 50px 24px 10px; position: relative; top: auto; left: auto; }
		.catnav-item, #organo.scrolled .catnav-item { margin-right: 26px; min-width: 60px; }
		.catnav-item.catnav-sub, #organo.scrolled .catnav-item.catnav-sub { min-width: 38px; margin-left: -19px; }
		.catnav-item .catnav-label, #organo.scrolled .catnav-label { font-size: 13px; line-height: 13px; }
		#organo.scrolled .catnav-icon { height: 70px; }
		#organo.scrolled .catnav-sub .catnav-icon { padding-top: 26px; }
		#organo.scrolled .cn-inset { font-size: 22px; line-height: 18px; }
	/* INSET ORDER LINE */
		.so-filler { height: 0px; }
		#organo.prodscrolled .so-filler { height: 57px; }
		.section.order { padding-top: 0px; position: relative; top: 0px; }
		.section.order, .ordertitle { -webkit-transition: all 0s !important; -moz-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; }
		#organo.scrolled .section.order { top: 0px; }
		.ordertitle { top: 45%; }
		#organo.prodscrolled .section.order {
		position: fixed;
		top: 50px;
		padding: 25px 0px 0px;
		border-top: 1px solid rgba(240,240,255,1);
		}
		#organo.prodscrolled .ordertitle {
		top: calc(50% + 10px);
		}
	/* XMAS */
		.specialinlay { display: none; }
		.specialinlay2 { width: 100%; display: block; background-color: var(--xlightblue); position: relative; text-align: center; }
		.specialinlay2 .container { display: flex; margin: 0 auto; width: 561px; }
		.sitext { padding: 15px 0px 15px 100px; }
		.sitext, .sistars2 { height: 52px; }
	/* SLIDER */
		.sl-text-small { font-size: 36px; }
		.sl-text-xsmall { font-size: 32px; }
		.sl-text-xxsmall { font-size: 22px; }
}


@media only screen and (max-width: 880px) {
	/* HEADER */
		.header, .headerlight { font-size: 28px; }
	/* SLIDER */
		.sl-text { font-size: 40px; }
		.sl-text-small { font-size: 32px; }
		.sl-lb { bottom: 4vw; }
	/* LINKS */
		a.linkbutton2 { font-size: 20px; }
}


@media only screen and (max-width: 830px) {
	/* SECTIONS & CONTAINERS */
		.contcm { max-width: calc(100% - 40px) !important; }
}


@media only screen and (max-width: 768px) {
	/* GENERAL DEFINITIONS */
		body { font-size: 18px; }
	/* SECTIONS & CONTAINERS */
		#content, #content.cinset { padding-top: 86px; }
		.section { padding: 30px 10px; }
		.section .container { max-width: 100%; }
		.flexcontainer { display: block; }
		.flexreverse { display: flex; flex-direction: column-reverse; }
		.ixmain, .ixmain3 { height: 62vw; }
		.contclm { text-align: left; }
		.flexcontainer.fw2col { display: flex; }
		.flexcontainer.fw2small { display: flex; }
		.flexnp, .flexnptop { padding-bottom: 0px !important; }
		.flexnptop { padding-top: 0px !important; }
		.flexnpbtm { padding-bottom: 0px !important; }
	/* COLUMNS */
		.one-half, .one-half:first-child { width: 100%; margin: 0; }
		.one-half:first-child { margin-bottom: 30px; }
		.flexcontainer.fw2col .one-half, .flexcontainer.fw2col .one-half:first-child, .flexcontainer.fw2small .one-half, .flexcontainer.fw2small .one-half:first-child { width: calc(50% - 15px); margin-bottom: 0; }
		.flexcontainer.fw2col .one-half:first-child, .flexcontainer.fw2small .one-half:first-child { margin-right: 30px; }
		.one-half-text, .one-third-text, .one-fourth-text { padding: 16px; }
		.one-half-left, .one-half-center { transform: none; padding: 60px 30px; }
		.one-half-left2, .one-half-left0, .one-half-left2x { transform: none; }
		.one-half-center2, .one-half-left2x { padding: 30px; }
		.one-half-left0 { padding: 0; }
		.one-half.leftn:first-child { padding-bottom: 30px; }
		.one-third, .one-third:last-child, .one-third.slim, .one-third.slim:last-child { width: 100%; margin: 0; margin-bottom: 30px; }
		.flexreverse .one-third:last-child { margin-bottom: 30px; }
		.flexreverse .one-third:first-child { margin-bottom: 0; }
		.one-third.ot2col, .one-third.ot2col:last-child { width: calc(50% - 15px); }
		.one-third.slim.ot2col, .one-third.slim.ot2col:last-child { width: calc(50% - 5px); }
		.one-third.ot2col { margin-right: 30px; }
		.one-third.slim.ot2col { margin-right: 10px; }
		.one-third.ot2col:last-child, .one-third.slim.ot2col:last-child { margin-right: 0; }
		.one-third:last-child, .one-third.slim:last-child { margin-bottom: 0;}
		.flexwrap .one-third.ot2col:nth-child(3n+3) { margin-right: auto; }
		.flexwrap .one-third.ot2col:nth-child(2n+2) { margin-right: 0; }
		.col-dblmbtm { margin-bottom: 60px; }
		.col-halfmbtm { margin-bottom: 15px !important; }
		.flexnp .one-half, .flexnptop .one-half { margin-bottom: 0px !important; }
		.ccm-inset {  margin: 0 auto; width: calc(100% - 40px) !important; max-width: 560px !important; border-radius: 0; }
	/* PADDINGS & MARGINS */
		.szeropd { padding: 0px 10px; }
		.shalfpd { padding: 20px 10px; }
		.ssinglepdbtm { padding-bottom: 40px; }
		.sdoublepd { padding: 80px 10px; }
		.sdoublepdtop { padding-top: 80px; }
		.sdoublepdbtm { padding-bottom: 80px; }
		.striplepd { padding: 120px 10px; }
		.ssinglepdtop { padding-top: 40px; }
		.vmargintop { margin-top: 6px; }
		.vmarginbtm { margin-bottom: 6px; }
		.srhalfpdbtm { padding-bottom: 15px; }
	/* HEADER */
		.header, .headerlight { font-size: 24px; }
		.largeheader { font-size: 48px; }
		.mediumheader, .mediumheaderlight { font-size: 36px; }
		.ixih { font-size: 24px; }
		.ixihlh { line-height: 52px; height: 52px; }
		.ixihpre { font-size: 80%; }
		.sortheader { margin-bottom: 14px; }
		.smallheader { font-size: 22px; margin-bottom: 10px; }
		.hnegoffsetbtm { margin-bottom: -20px !important; }
	/* COLORS & FONT WEIGHTS */
		.large { font-size: 22px; }
		.small { font-size: 16px; }
		.xsmall { font-size: 14px; }
	/* LINKS */
		a.booklink { font-size: 22px; }
		a.ixilink, .lbinset, a.sl-btn, a.prevnext { width: 52px; height: 52px; }
		a.ixilink span, .lbinset span, a.sl-btn span, a.prevnext span { width: 44px; height: 44px; padding: 8px 0px 12px; font-size: 28px; line-height: 24px; }
		.lbinset.left { margin-right: 16px; }
		.lbinset.right { margin-left: 16px; }
	/* IMAGES */
		.ixmimg, .ixmimg3 { margin-top: 0; }
		.img-size-medium { max-width: 480px; }
	/* SLIDER */
		.sl-text { font-size: 36px; }
		.sl-text-small { font-size: 28px; }
		.sl-text-xsmall { font-size: 28px; }
		.sl-text-xxsmall { font-size: 20px; }
	/* INSET NAVI */
		.inset, #organo.scrolled .inset { background-color: rgba(242,248,251,1); padding: 40px 24px 10px; }
		.catnav-item, #organo.scrolled .catnav-item { margin-right: 26px; min-width: 60px; }
		.catnav-item .catnav-label, #organo.scrolled .catnav-label { font-size: 12px; line-height: 12px;  }
		.catnav-item.catnav-sub, #organo.scrolled .catnav-item.catnav-sub { min-width: 38px; margin-left: -19px; }
	/* INSET ORDER LINE */
		.ordertitle, a.buybutton { font-size: 18px; }
		#organo.prodscrolled .so-filler { height: 49px; }
	/* XMAS */
		.specialinlay2 .container { width: 472px; }
		.sitext { background-size: 60px; padding: 10px 0px 10px 70px; }
		.sistars2 { width: 40px; background-size: 40px; }
		.sitext, .sistars2 { height: 40px; }
	/* POPUPS */
		.tlseminfo { width: 100vw; height: 100vh; }
		.tlsitext { padding: 44px 30px 30px; width: calc(100% - 60px); max-height: calc(100% - 120px); transform: translateX(-50%) translateY(calc((50% + 30px) * -1)); }
		.tlsitinner { overflow-y: scroll; max-height: calc(100vh - 170px); }
		.popupclosebutton { top: 20px; right: 20px; }
		a.popupclose { width: 18px; height: 18px; background-size: 18px; }
}


@media only screen and (max-width: 640px) {
	/* COLUMNS */
		.one-third.ot2col, .one-third.ot2col:last-child, .one-third.slim.ot2col, .one-third.slim.ot2col:last-child { width: 100%; margin: 0; margin-bottom: 30px; }
		.flexcontainer.fw2small { display: block; }
		.flexcontainer.fw2small .one-half, .flexcontainer.fw2small .one-half:first-child { width: 100%; margin: 0; }
		.flexcontainer.fw2small .one-half:first-child { margin-bottom: 20px; }
	/* SLIDER */
		.sl-text { font-size: 32px; }
		.sl-text-xsmall { font-size: 26px; }
		.sl-text-xxsmall { font-size: 18px; }
	/* HEADER */
		.ixih { font-size: 22px; }
}


@media only screen and (max-width: 520px) {
	/* XMAS */
		.specialinlay2 .container { width: 414px; }
		.sitext { background-size: 30px; padding: 10px 0px 10px 36px; }
		.sistars2 { width: 20px; background-size: 20px; margin-left: 6px; }
}


@media only screen and (max-width: 480px) {
	/* GENERAL DEFINITIONS */
		body { font-size: 16px; }
	/* SECTIONS & CONTAINERS */
		#content, #content.cinset { padding-top: 80px; }
		.section { padding: 30px 0px; }
		.ixmain, .ixmain3 { height: 72vw; }
		.contcm { max-width: 100% !important; border-radius: 0; }
		.contcl { text-align: left; }
	/* COLUMNS */
		.one-half:first-child { margin-bottom: 20px; }
		.one-half.leftn:first-child { padding-bottom: 30px; }
		.one-half-text, .one-third-text, .one-fourth-text { padding: 12px; }
		.one-half-center2 { padding: 0px 30px; }
		.one-third { margin-bottom: 20px; }
		.flexreverse .one-third:last-child { margin-bottom: 20px; }
		.col-dblmbtm { margin-bottom: 40px; }
		.col-halfmbtm { margin-bottom: 10px !important; }
	/* PADDINGS & MARGINS */
		.szeropd { padding: 0px; }
		.shalfpd { padding: 15px 00px; }
		.shalfmtop { margin-top: 15px; }
		.shalfmbtm { margin-bottom: 15px; }
		.ssinglemtop { margin-top: 30px; }
		.ssinglembtm { margin-bottom: 30px; }
		.ssinglepdtop { padding-top: 30px; }
		.ssinglepdbtm { padding-bottom: 30px; }
		.sdoublepd { padding: 50px 0px; }
		.sdoublepdtop { padding-top: 50px; }
		.sdoublepdbtm { padding-bottom: 50px; }
		.sdoublemtop { margin-top: 50px; }
		.sdoublembtm { margin-bottom: 50px; }
		.striplepd { padding: 80px 0px; }
		.striplepdbtm { padding-bottom: 80px; }
		.striplemtop { margin-top: 80px; }
		.striplembtm { margin-bottom: 80px; }
	/* HEADER */
		.header, .headerlight { font-size: 20px; }
		.ixih { font-size: 20px;  }
		.sortheader { margin-bottom: 12px; }
		.smallheader { font-size: 20px; }
	/* COLORS & FONT WEIGHTS */
		.large { font-size: 16px; }
		.small { font-size: 14px; }
		.xsmall { font-size: 12px; }
	/* LINKS */
		a.ixilink span, .lbinset span, a.prevnext span { text-shadow: 1px 1px 5px rgba(0,0,0,1); }
		a.linkbutton2 { font-size: 18px; }
		a.booklink { font-size: 20px; }
		.lbinset.left { margin-right: 14px; }
		.lbinset.right { margin-left: 14px; }
	/* IMAGES */
		.ixmimg, .ixmimg2, .ixmimg3 { width: 109vw; margin-left: calc(-4vw); }
		.img-size-medium { max-width: 360px; }
	/* SLIDER */
		.sl-text { font-size: 28px; }
		.sl-text-small { font-size: 20px; }
		.sl-text-xsmall { font-size: 22px; }
		.sl-text-xxsmall { font-size: 16px; }
		a.sl-btn span  { text-shadow: 1px -1px 5px rgba(0,0,0,1); }
	/* INSET NAVI */
		.catnav-item, #organo.scrolled .catnav-item { margin-right: 24px; min-width: 50px; }
		.catnav-item:first-child { margin-left: 20px; }
		.catnav-item:last-child { margin-right: 20px; }
		.catnav-icon, #organo.scrolled .catnav-icon { height: 60px; }
		.inset, #organo.scrolled .inset { padding: 36px 0px 8px; }
		.catnav-sub .catnav-icon , #organo.scrolled .catnav-sub .catnav-icon { padding-top: 22px; } 
		.catnav-item.catnav-sub, #organo.scrolled .catnav-item.catnav-sub { min-width: 32px; margin-left: -18px; }
		.cn-inset, #organo.scrolled .cn-inet { font-size: 20px; line-height: 16px; }
	/* INSET ORDER LINE */
		.section.order .container { padding: 0px 20px 10px; }
		#organo.prodscrolled .so-filler { height: 42px; }
		.ordertitle { left: 20px; }
		.ordertitle, a.buybutton { font-size: 16px; }
		a.buybutton { padding: 3px 10px 5px; }
	/* XMAS */
		.specialinlay2 .container { width: 375px; }
	/* POPUPS */
		.tlsitext { padding: 40px 20px 20px; width: calc(100% - 40px); max-height: calc(100% - 40px); }
		.popupclosebutton { right: 16px; top: 16px; }
		a.popupclose { width: 16px; height: 16px; background-size: 16px; }
}


@media only screen and (max-width: 420px) {
	/* INSET ORDER LINE */
		a.buybutton { font-size: 14px; padding: 3px 7px 5px; }
		.ordertitle { top: 40%; }
	/* XMAS */
		.specialinlay2 .container { width: 326px; }
		.sitext { padding: 8px 0px 8px 36px; }
		.sith1 { display: none; }
		.sith2 { display: inline; }
		.sitext, .sistars2 { height: 36px; }
}


@media only screen and (max-width: 360px) {
	/* SECTIONS & CONTAINERS */
		.ixmain { height: 80vw; }
	/* IMAGES */
		.ixmimg, .ixmimg2, .ixmimg3 { width: 120vw; margin-left: calc(-10vw); }
}


@media only screen and (max-width: 359px) {
	/* HEADER */
		.mediumheader, .mediumheaderlight { font-size: 32px; }
		.largeheader { font-size: 40px; }
	/* SLIDER */
		.sl-text-xsmall { font-size: 20px; }
		.sl-text-xxsmall { font-size: 14px; }
	/* INSET ORDER LINE */
		.ordertitle { font-size: 14px; }
	/* XMAS */
		.specialinlay2 .container { width: 310px; }
		.sitext { font-size: 15px; }
}