:where(body) {
	--bg-col: #fefcf0;
	--bg2-col: #fffed4;
	--bg3-col: #fef9e0;
	--bg4-col: #fdf3c0;
	--bg5-col: #fdf3c0;
	--discreet-border-col: #fdf3c0;
	--tx-col: #391700;
    --lighter-tx-col: #411a00;
    --a-hov-col: #006600;
    --a-undie-col: #A9A9A9;
	--p-bg-col: #fefdf6;
	--invert-bg-col: #303030;
	--invert-tx-col: #fefcf0;
	--invert-shadow-col: #391700;
	--invert-link-col: #fcec9e;
	--invert-hover-col: #fefdf6;
	--invert-hover-bg-col: #411a00;
	--brightest-col: #fef9e0;
	--darkest-col: #391700;
	--white-orange-col: #fefcf0;
	--brown-orange-col: #f9c730;
	--brown-lightorange-col: #fadd44;
	--always-dark-border: #391700;
	--always-middle-bg: #411a00;
	--always-middle-tx: #fdf3c0;
	--bright-and-medium-col: #fefcf0;
	--always-dark-bg: #391700;
	--always-dark-tx: #fadd44;
	--always-dark-hover: #fef9e0;
	--always-dark-visited: #fadd44;
	--always-green-highlight: #5ab034;
	--always-orange: #fadd44;
	--always-real-orange: orange;
	--always-dark-orange: #FF4433;
	--always-bright: #fef9e0;
	--always-bright-tx: #fefcf0;
	--gray-orange-col: gray;
	--gray-or-very-dark-col: gray;
	--silver-lightorange-col: silver;
	--silver-darkDiscreet-col: silver;
	--button-bg-col: #fef9e0;
	--button-tx-col: #391700;
	--button-border-col: #391700;
	--textinput-bg-col: #fefcf0;
	--textinput-tx-col: #000;
	--textinput-border-col: #fcec9e;
	--bright-red: #CC3300;
	--blue-white-bg: #fefcf0;
	--blue-white-tx: #0047AB;
	--dark-dark-col: #411a00;
	--discreet-tx: #898989;
}
@media (prefers-color-scheme: dark) { 
  :where(body) {
    --bg-col: #8f420b;
	--bg2-col: #ffc400;
	--bg3-col: #8f420b;
	--bg4-col: #692c00;
	--bg5-col: #fdf3c0;
	--discreet-border-col: #c6aa1a;
    --tx-col: #f5ebbc;
    --lighter-tx-col: #ecc043;
    --a-hov-col: #fadd44;
    --a-undie-col: #ecc043;
	--p-bg-col: #391700;
	--invert-bg-col: #fadd44;
	--invert-tx-col: #391700;
	--invert-shadow-col: #fadd44;
	--invert-link-col: #391700;
	--invert-hover-col: #303030;
	--invert-hover-bg-col: #f5ebbc;
	--bright-and-medium-col: #6b3400;
	--always-dark-tx: #f5ebbc;
	--always-dark-hover: #fdf3c0;
	--always-dark-visited: #fadd44;
	--always-bright-tx: #fadd44;
	--always-green-highlight: #71d843;
	--white-orange-col: #fadd44;
	--brown-orange-col: #8f420b;
	--brown-lightorange-col: #391700;
	--gray-orange-col: #ecc043;
	--gray-or-very-dark-col: #391700;
	--silver-lightorange-col: #fcec9e;
	--silver-darkDiscreet-col: #6b3400;
	--button-bg-col: #411a00;
	--button-tx-col: #fefcf0;
	--button-border-col: #fadd44;
	--textinput-bg-col: #391700;
	--textinput-tx-col: #fefcf0;
	--textinput-border-col: #fadd44;
	--bright-red: #ff4545;
	--blue-white-bg: #0047AB;
	--blue-white-tx: #fefcf0;
	--dark-dark-col: #411a00;
	--discreet-tx: #f5ebbc;
	}
}

@media (prefers-color-scheme: dark) { 
	&:has(#color-scheme option[value="light"]:checked) {
  :where(body) {
    --bg-col: #fefcf0;
	--bg2-col: #fffed4;
	--bg3-col: #fef9e0;
	--bg4-col: #fdf3c0;
	--bg5-col: #fdf3c0;
	--discreet-border-col: #fdf3c0;
	--tx-col: #391700;
    --lighter-tx-col: #411a00;
    --a-hov-col: #006600;
    --a-undie-col: #A9A9A9;
	--p-bg-col: #fefdf6;
	--invert-bg-col: #303030;
	--invert-tx-col: #fefcf0;
	--invert-shadow-col: #391700;
	--invert-link-col: #fcec9e;
	--invert-hover-col: #fefdf6;
	--invert-hover-bg-col: #411a00;
	--brightest-col: #fef9e0;
	--darkest-col: #391700;
	--white-orange-col: #fefcf0;
	--brown-orange-col: #f9c730;
	--brown-lightorange-col: #fadd44;
	--always-dark-border: #391700;
	--always-middle-bg: #411a00;
	--always-middle-tx: #fdf3c0;
	--bright-and-medium-col: #fefcf0;
	--always-dark-bg: #391700;
	--always-dark-tx: #fadd44;
	--always-dark-hover: #fef9e0;
	--always-dark-visited: #fadd44;
	--always-green-highlight: #5ab034;
	--always-orange: #fadd44;
	--always-real-orange: orange;
	--always-dark-orange: #FF4433;
	--always-bright: #fef9e0;
	--always-bright-tx: #fefcf0;
	--gray-orange-col: gray;
	--gray-or-very-dark-col: gray;
	--silver-lightorange-col: silver;
	--silver-darkDiscreet-col: silver;
	--button-bg-col: #fef9e0;
	--button-tx-col: #391700;
	--button-border-col: #391700;
	--textinput-bg-col: #fefcf0;
	--textinput-tx-col: #000;
	--textinput-border-col: #fcec9e;
	--bright-red: #CC3300;
	--blue-white-bg: #fefcf0;
	--blue-white-tx: #0047AB;
	--dark-dark-col: #411a00;
	--discreet-tx: #f5ebbc;
	}
  }
}

@media (prefers-color-scheme: light) { 
	&:has(#color-scheme option[value="dark"]:checked) {
  :where(body) {
    --bg-col: #8f420b;
	--bg2-col: #ffc400;
	--bg3-col: #8f420b;
	--bg4-col: #692c00;
	--bg5-col: #fdf3c0;
	--discreet-border-col: #c6aa1a;
    --tx-col: #f5ebbc;
    --lighter-tx-col: #ecc043;
    --a-hov-col: #fadd44;
    --a-undie-col: #ecc043;
	--p-bg-col: #391700;
	--invert-bg-col: #fadd44;
	--invert-tx-col: #391700;
	--invert-shadow-col: #fadd44;
	--invert-link-col: #391700;
	--invert-hover-col: #303030;
	--invert-hover-bg-col: #f5ebbc;
	--bright-and-medium-col: #6b3400;
	--always-dark-tx: #f5ebbc;
	--always-dark-hover: #fdf3c0;
	--always-dark-visited: #fadd44;
	--always-bright-tx: #fadd44;
	--always-green-highlight: #71d843;
	--white-orange-col: #fadd44;
	--brown-orange-col: #8f420b;
	--brown-lightorange-col: #391700;
	--gray-orange-col: #ecc043;
	--gray-or-very-dark-col: #391700;
	--silver-lightorange-col: #fcec9e;
	--silver-darkDiscreet-col: #6b3400;
	--button-bg-col: #411a00;
	--button-tx-col: #fefcf0;
	--button-border-col: #fadd44;
	--textinput-bg-col: #391700;
	--textinput-tx-col: #fefcf0;
	--textinput-border-col: #fadd44;
	--bright-red: #ff4545;
	--blue-white-bg: #0047AB;
	--blue-white-tx: #fefcf0;
	--dark-dark-col: #411a00;
	--discreet-tx: #898989;
	}
  }
}

body {background-color: var(--bg-col); color: var(--tx-col);}

ul {margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;}
li {padding: 0 0 0 0; margin: 0 0 0 0;}
img {border: 0;}

a {color: var(--tx-col); text-decoration-color: var(--a-undie-col);}
a:visited {color: var(--tx-col);}
a:hover {color: var(--a-hov-col);}
a.noUndies, abbr.noUndies, .noUndies {text-decoration: none;}

h1 {font-size: large; position: relative; z-index: 2;}
h2 {font-size: large; position: relative; z-index: 2;}
h3 {font-size: large; font-weight: bold; position: relative; z-index: 2; border-radius: 0.25em;}
h4 {font-weight: bold; font-size: medium; position: relative; z-index: 2; border-radius: 0.25em;}
h5 {font-weight: bold; font-size: medium; position: relative; z-index: 2; border-radius: 0.25em;}

p {background-color: var(--bg4-col); border-radius: 0.5em;}

dl {margin: 0; padding: 0;}
dl dt {clear: both; float: left; padding-right: 0.5em;}
dl dd {text-align: justify;}

input[type=submit], button {box-shadow: none; border-style: groove; background-color: var(--button-bg-col); color: var(--button-tx-col); border-radius: 0.25em; border: 1px solid var(--button-border-col); cursor: pointer; font-weight: bold;}
textarea, select, input[type=text], input[type=email], input[type=number], input[type=password] {border-style: groove; box-shadow: none; background-color: var(--textinput-bg-col); color: var(--textinput-tx-col); border-color: var(--textinput-border-col); padding: 0.25em; border-radius: 0.25em;}

.invertColors {color: var(--invert-tx-col); background-color: var(--invert-bg-col); text-shadow: 2px 2px var(--invert-shadow-col), 0 2px var(--invert-shadow-col), -2px 2px var(--invert-shadow-col), -2px 0 var(--invert-shadow-col), -2px -2px var(--invert-shadow-col), 0 -2px var(--invert-shadow-col), 2px -2px var(--invert-shadow-col), 2px 0 var(--invert-shadow-col);}
a.invertColors, span.invertColors, .invertColors a {color: var(--invert-link-col); text-decoration: none; font-weight: bold; padding: 0 0.5em 0 0.5em; border-radius: 0.5em;}
a.invertColors:hover {color: var(--invert-hover-col); background-color: var(--invert-hover-bg-col);}

h1.invertColors, h2.invertColors, h3.invertColors {display: inline-block; border: 0; border-radius: 0.5em; padding: 0 0.5em 0.05em 0.5em; line-height: 0.7em; margin-bottom: -1em; }
h3.invertColors {margin-top: 0;}

#head {white-space: nowrap; background: transparent url(../../buttons/dripping2.svg) repeat-x right; background-position-y: bottom;}
@media screen and (min-width: 501px) {
	#head #headRight {text-align: right; background: transparent url(../../buttons/dripping-banner.svg) repeat-x right; background-position-y: bottom;}
}
#crumb div {line-height: 1.5em; height: 3em; overflow: hidden;}
#crumb div div {display: inline; white-space: nowrap;}
#crumb div div::before {content: "⇰"; color: var(--darkest-col); padding-right: 0.25em;}
#crumb div div:first-child::before  {content: "⌂ ";}
#crumb div a {color: var(--always-dark-tx); text-decoration: none; background-color: var(--always-dark-bg); padding: 0 0.25em 0 0.25em; border-radius: 0.5em;}
#crumb div a:visited {color: var(--always-dark-visited);}
#crumb div a:hover {color: var(--always-dark-hover);}
#crumb div span.activeTitle {color: var(--darkest-col); background-color: var(--white-orange-col); padding: 0 0.25em 0 0.25em; border-radius: 0.5em; border: 1px solid var(--brown-orange-col);}

#menuLeft li {text-align: center; margin-top: -1px;  border-radius: 0.25em; background-color: var(--bright-and-medium-col); border: 1px solid var(--always-dark-border);}
#menuLeft li a {text-decoration: none; display:block; padding: 1px;}
#menuLeft li.gibtmehr {background-color: var(--bright-and-medium-col);}
#menuLeft ul li ul li.gibtmehr {background-color: var(--bright-and-medium-col);}
#menuLeft li.imhere {border: 1px solid var(--always-dark-border);}
#menuLeft li.unterAktiv, #menuLeft li.imhereUeber {background-color: var(--always-middle-bg); font-weight: bold; border-radius: 0.25em 0.25em 0 0;}
#menuLeft li.unterAktiv a, #menuLeft li.imhereUeber a {color: var(--always-middle-tx);}

#menuLeft ul.unter.offen li {background-color: var(--bg-col);}
#menuLeft ul.unter.offen li a {color: var(--tx-col);}
#menuLeft ul.unter.offen li ul.unter.offen li {background-color: var(--bg3-col);}
#menuLeft ul.unter.offen li ul.unter.offen li a {color: var(--tx-col);}
#menuLeft ul.unter.offen li ul.unter.offen li ul.unter.offen li {background-color: var(--bg4-col);}
#menuLeft ul.unter.offen li ul.unter.offen li ul.unter.offen li a {color: var(--tx-col);}

#menuLeft li ul li {font-size: 0.9em; border: 0;}
#menuLeft form#select_language select {width: 100%; max-width: 100%; border: 1px solid var(--always-dark-border); text-align: center;}
#menuLeft img#creativecomm {width: 100%; margin-top: 0.5em; border-radius: 0.5em; height: auto;}
#menuLeft p {font-size: x-small; padding-left: 2px; font-weight: bold; margin-top: 1em; margin-bottom: 0;}
#menuLeft footer p  {font-size: small; padding-left: 0.5em; color: var(--invert-tx-col); border: 1px solid var(--always-dark-border); border-radius: 0.25em 0.25em 0 0; font-weight: bold; margin-top: 0.5em; background-color: var(--invert-bg-col);}
#menuLeft footer ul li  {border-radius: 0 0 0.25em 0.25em;}
#menuLeft footer div.colorSwitch {margin-top: 1em; width: 100%; text-align: center; }
#menuLeft footer div.colorSwitch label {font-size: x-small; color: var(--gray-orange-col); text-transform: uppercase;}
select#color-scheme {-moz-appearance: none; appearance: none; cursor: pointer; border: 0; width: 100%; text-align: center; font-size: 2em; background-color: transparent;}

#menurechts {background-color: transparent; overflow: auto;}
#menurechts h2 {font-size: 13px; text-align: center; margin: 0 8px 0 0; text-transform: uppercase full-width; font-weight: bold; color: var(--lighter-tx-col);}
#menurechts ul {font-size: x-small;}
#menurechts ul li {margin-top: 1px;}
#menurechts p {font-size: x-small; text-decoration: none; padding: 2px;}

#content.OberkanteUnterlippe div.hundertpro {margin-top: 10px;}
div.somePartsNow {clear: both; width: 96%; padding-left: 2%; text-align: center; vertical-align: top; overflow: hidden; background-color: var(--bg-col);}

hr {clear: both; display: none;}
div.onePartFull {width: 100%;}
div.onePartHalf {width: 47%;}
@media screen and (max-width: 1050px) {
	div.onePartHalf, div.onePartDreiZuHalf {width: 98%; margin-left: 1%; min-width: 170px;}
	div.onePartDrei  {width: 96%; margin-left: 2%;}
}
@media screen and (max-width: 800px) {
	div.onePartFull, div.onePartFullwarDrei, div.onePartFullwarHalf {width: 100%; }	
}
@media screen and (min-width: 800px) {
	div.onePartHalf, div.onePartDreiZuHalf {width: 49%; margin-left: 1%; min-width: 170px;}
	div.onePartDrei {margin: 0 0.16% 0 0.16%; min-width: 200px; max-width: 33%; width: 33%;}
}

div.onePartHere {font-size: 1.2em; float: left; vertical-align: top; text-align: center; z-index: 1; position: relative;}
div.onePartHere p, div.onePartHere div.partInnerDiv {border: 2px solid var(--always-orange); border-radius: 0.75em; padding: 0.75em 0.5em 0.75em 0.5em; margin: -0.85em 0 0 0; z-index: 1; overflow: auto; position: relative; background-color: var(--p-bg-col);}
div.onePartHere div.partInnerDiv p {border: 0; margin: 0 0 0 0;}
div.onePartHere div.partInnerDiv p.borderMe {border: 2px solid var(--always-orange); border-radius: 0.75em; padding: 0.9em 0.5em 0.5em 0.5em; margin: -0.85em 0 0 0;}

div.onePartHere div.partInnerDiv dl dd sup.optionalSup {line-height: 1em; color: var(--gray-orange-col); vertical-align: baseline;}
div.onePartHere div.partInnerDiv dl a.optionally, div.onePartHere div.partInnerDiv dl sup.optionally {text-decoration: underline; text-decoration-color: var(--gray-orange-col);}
div.onePartHere div.partInnerDiv dl a.mandatory, div.onePartHere div.partInnerDiv dl sup.mandatory {text-decoration: underline; text-decoration-color: var(--bright-red);}
div.onePartHere div.partInnerDiv dl dd.grayBottom {color: var(--gray-orange-col); font-size: smaller; text-align: center;}
div.onePartHere div.partInnerDiv dl dt.grayDt {text-align: center; float: inherit; color: var(--gray-orange-col);}
div.onePartHere div.partInnerDiv dl dd.ddBot05c {text-align: center; margin-bottom: 0.5em;}
div.onePartHere div.partInnerDiv dl.connectedProdsDL dt.grayDt {text-align: center; display: block;}
div.onePartHere div.partInnerDiv p.kommmitte {font-size: 1em; text-align: left;}
div.onePartHere div.partInnerDiv p.grauback04 {font: 1em Verdana, sans-serif; text-align: right;}
div.onePartHere div.partInnerDiv p.galMen {font-weight: bold; font-size: x-large;}
div.onePartHere div.partInnerDiv p.galMen a {text-decoration: none;}

div.onePartHere:after {content: ""; margin-top: -10px; margin-bottom: 1em; display: block; height: 70px; background-image: url(../../buttons/dripping2.svg); background-position: center bottom;}

dl.madeFromDl {text-align: left; margin: 0.5em 0 0.5em 0;}
dl.madeFromDl dt {font-weight: bold; margin-top: 0.5em;}
dl.madeFromDl dt, dl.madeFromDl dd {float: inherit; clear: inherit; padding: 0 0.5em 0 0.5em;}
dl.madeFromDl dt.mnDt {font-size: larger; border-bottom: 1px dashed var(--gray-orange-col); padding-left: 0; margin: 0.25em 0 0.25em 0;}
dl.madeFromDl dd {margin-left: 1em;}
dl.madeFromDl dd::before {content: "↪ ";}

dl.insertDL {text-align: left; margin: 0 0 0.5em 0;}
dl.insertDL dt, dl.insertDL dd {float: inherit; clear: inherit; padding: 0 0.5em 0 1em; margin: 0 0 0 0;}
dl.insertDL dt.first {font-size: large; font-weight: bold; border-bottom: 1px dashed var(--gray-orange-col); padding-left: 0.5em; margin-top: 0.5em;}
dl.insertDL dd {padding-left: 0.5em; font-size: large; text-align: left;}
dl.insertDL dd.edit {color: var(--gray-orange-col); font-size: 1em;}
dl.insertDL dd.arrow::before {content: "↪ ";}
dl.insertDL dd.edit::before {content: "⤴ "; margin-left: 1.5em;}

dl.centerDl dd, dl.centerDl dt {text-align: center;}

div.onePartHere p.allZero {margin: 0 0 0 0; padding: 0 0 0 0;}
div.onePartHere p.noTopBorder {border-top: 0; border-radius: 0 0 0.5em 0.5em;}

div.ratingStarDiv {white-space: nowrap; display: inline-block;}
div.ratingStarDiv.width66 {width: 66%;}
div.ratingStarDiv svg {padding: 0 0 0 0; margin: 0 0 0 0;}
div.ratingStarDiv svg.ratingStar path {display:inline;}
div.ratingStarDiv svg.ratingStar path.starOutline {fill: var(--always-dark-bg);}
div.ratingStarDiv svg.ratingStar path.starColor {fill: var(--always-orange);}
div.ratingStarDiv svg.ratingStar path.starEmpty {opacity:1; fill: var(--silver-darkDiscreet-col)}
div.ratingStarDiv svg.emptyStar path.starColor {opacity:1; fill: var(--silver-darkDiscreet-col)}
div.ratingStarDiv svg.emptyStar path.starOutline {opacity:1; fill: var(--gray-or-very-dark-col)}
span.starEmpty {color: var(--silver-darkDiscreet-col)}
span.starHalf {font-size: 0.9em;}

.highlightGreen, a.highlightGreen {color: var(--always-green-highlight);}
.highlight, a.highlight {color: var(--always-dark-orange);}
.orange {color: var(--bright-red);}
.grau {color: var(--gray-orange-col);}
.error {color: var(--bright-red); font-weight: bold;}
.smallh {font-size: 1em;}
.smallah {font-size: smaller;}
.xSmall {font-size: x-small;}
.xxSmall {font-size: xx-small;}
.biggah {font-size: larger;}
.xLarge {font-size: x-large;}
.xxLarge {font-size: xx-large;}
.nowrap {white-space:nowrap;}
.achtzigpro {width: 80%;}
.hundertpro {width: 100%;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.tahoma13 {font-size: 0.9em; font-family: Tahoma;}
.pad05 {padding: 0.5em;}
.upperC {text-transform: uppercase;}
.backTrans {background: transparent;}
.fullw {width: 100%;}
.top10{margin-top: 10px;}
.top20 {margin-top: 20px;}
.topEm, .secnd, h2.topEm, h3.topEm, h4.topEm {margin-top: 1em;}
.topZero, div.onePartHere.topZero, div.onePartHere.topZero h1, div.onePartHere.topZero h2, div.onePartHere.topZero h3 {margin-top: 0;}
.top025em {margin-top: 0.25em !important;}
.bot0 {margin-bottom: 0;}
.botEm {margin-bottom: 1em !important;}
.bot025em {margin-bottom: 0.25em !important;}
.top05em {margin-top: 0.5em !important;}
.ptop0em {padding-top: 0 !important;}
.r05em {margin-right: 0.5em;}
.asBlock {display: block !important;}
.noSuper {vertical-align: inherit;}
.machklein {font-size: 0.9em;}
.justi {text-align: justify;}
.fullWeh {width: 97%;}
.fullWeh a, .isBlock {display: block;}
.fett {font-weight: bold;}
.round {border-radius: 0.25em;}
.rounder {border-radius: 0.5em;}
.lineThrough {text-decoration: line-through;}
.isInline, a.isInline {display: inline;}
.flLeft, a.flLeft {float: left; padding: 0 0.25em 0 0.25em; line-height: 1em;}
.flRight, a.flRight {float: right; padding: 0 0.25em 0 0.25em; line-height: 1em;}
.flRght {float: right;}
.inlBlock {display: inline-block;}
.alwaysInlBlock {display: inline-block !important;}
.discreetText {color: var(--gray-orange-col);}
.padLR {padding: 0 0.25em 0 0.25em;}
.normalS {font-size: inherit;}
.isHidden {display: none;}
.imaLink {cursor: pointer;}
.thinEr, a.thinEr {line-height: 0.8em;}
.allZero {padding: 0 0 0 0; margin: 0 0 0 0;}
.grayOut {filter: grayscale(100%);}

abbr {cursor: help;}
img.brandPicAutoW {max-height: 100px; width: auto;}


a.globTag, span.globTag {display: inline-block; background-color: var(--always-bright); color: var(--always-dark-bg); border: 1px solid black; font-size: smaller; font-weight: bold; padding: 0 0.4em; border-radius: 0.5em; text-decoration: none; white-space: nowrap; margin: 0 0 0.2em 0;}
a.tagBRAND {color: var(--always-bright); background-color: red; border-color: black;}
a.tagDERIV {color: var(--always-bright); background-color: #006600; border-color: black;}
a.tagMETHS {color: var(--always-bright);background-color: #660000; border-color: black;}
a.tagEQUIP {color: var(--always-bright); background-color: #000066; border-color: black;}
a.tagDROPS {color: var(--always-bright); background-color: #FF8C00; border-color: orange;}
a.linkUSER {color: #000000; background-color: var(--always-bright); border-color: #000000;}
a.aBlueOne {color: var(--blue-white-tx); background-color: var(--blue-white-bg); border: 1px solid var(--blue-white-tx);}
a:hover.tagBRAND, a:hover.tagDERIV, a:hover.tagMETHS  {color: yellow;}
a:hover.linkUSER {color: #FF0000;}

.noPicsFoundP {padding: 5em 0 5em 0; color: var(--silver-lightorange-col); font-size: x-large; font-weight: bold;}

ul.galleryList {margin: 1em 0.25em 2em 0.25em;}
ul.galleryList li {width: 100%; display: block; padding: 0 0 0 0; margin: 1em 0 2em  0;}
ul.galleryList li.noBorders {border-bottom: 0;}
ul.galleryList li a {text-decoration: none; color: var(--tx-col);}
ul.galleryList li a:hover {color: var(--tx-col)}

ul.companyList a {display: block;}
ul.companyList li {margin-top: 0.25em;}
ul.companyList li {border-bottom: 3px solid var(--always-orange); margin-bottom: 0.1em; padding: 0.1em 0 0.6em 0; clear: both;}
ul.companyList li.moreBottom {padding-bottom: 1em;}
ul.companyList li:last-child {border-bottom: 0;}
ul.companyList li span.flag {cursor: help; font-size: 0.6em; vertical-align: super; float: left;}
ul.companyList li a.floatInList {font-size: small; font-weight: bold; color: var(--always-real-orange); padding: 0 0.25em 0.1em 0; line-height: 1em;}
ul.companyList li a.floatInList img {padding-right: 0.25em;}
img.inDescriptionPic {width: 25%; height: auto; float: left; margin: 0 0.5em 0 0; border-radius: 0.5em 0.5em 0.5em 0.5em; padding: 0 0 1em 0;}
div span.rightTop {float: right; margin: -0.5em -0.5em 0.5em 0.5em; padding: 0 0 0 0; font-size: small; font-weight: bold; line-height: 1.8em; text-align: right;  max-width: 47%; white-space: nowrap; overflow: hidden;}
div span.rightTop span, div span.rightTop a {padding-right: 0.25em; padding-left: 0.25em; border: 1px solid var(--always-real-orange); border-radius: 0.5em;}
div span.noBorders span, div span.noBorders a {border: 0; border-radius: 0; margin-right: -0.25em; margin-top: -0.5em;}
div span.rightTop span span, div span.rightTop span span span, div span.rightTop span a, div span.rightTop span span a {border: 0; text-decoration: none;}
div span.rightTop svg {width: 3em; fill: var(--bright-red); stroke-width: 1; stroke: transparent;}
div span.rightTop svg:hover {fill: var(--always-orange);}
img.maxH42Img {width: 42px; height: auto; max-height: 42px; overflow: hidden;}

div.listPicDiv {height: 1.25em; width: 1.25em; height: 42px; overflow: hidden; position: relative; border-radius: 1em; margin-left: 0.25em; float: right;}
div.listPicDiv img {width: 100%; position: relative; display: inherit;}

table.characteristicsDl {display: inline; border-collapse: collapse;}
table.characteristicsDl th {width: 20%; text-align: right; white-space: nowrap; padding-right: 1em;}
table.characteristicsDl th:after {content: ":"; color: var(--lighter-tx-col);}
table.characteristicsDl td {text-align: right;}
table.characteristicsDl tbody td, table.characteristicsDl tbody th {border-bottom: 1px solid var(--lighter-tx-col);}
table.characteristicsDl tfoot th {color: var(--lighter-tx-col); padding-right: 1.25em;}
table.characteristicsDl tfoot th, table.characteristicsDl tfoot td {padding-top: 0.5em;}

img.galleryListImg {border-radius: 1em; margin-bottom: 0.5em; width: 100%;}
div.isTheDrip {display: block; clear: both;}
div.isTheDrip h3 {display: block; text-align: right; background-color: var(--brown-lightorange-col); padding: 0.5em; font-size: x-large; margin: 0 0 0 0; color: var(--always-bright-tx); text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0 0.2em #000, 0 -1px #000, 0 0 0.5em #000; border-radius: 0.5em 0.5em 0 0;}
div.isTheDrip h3.aBitsmaller {font-size: larger;}
div.isTheDrip p {margin: 0 0 0 0; padding: 0 0 0 0;}
div.isTheDrip div.picsDiv {height: 200px; overflow: auto; background-color: var(--brown-lightorange-col); border-bottom: 0.5em solid var(--brown-lightorange-col); padding: 0 0.25em 0 0.25em;}
div.isTheDrip div.picsDiv div.countDownAndTitle {font-weight: bold; margin: 0 0 0 0; display: block; position: sticky; top: 0;}
div.isTheDrip div.picsDiv div.countDownAndTitle span.countdown {color: #B22222; float: left; display: inline; background-color: var(--bg-col); margin: 0.2em 0 0 0.1em; padding: 1px 0.5em 0 0.5em; border-radius: 0.25em;}
div.isTheDrip div.picsDiv div.countDownAndTitle span.hasTopic {float: right; display: inline; background-color: var(--bg2-col); margin: 0.2em 0.1em 0 0; padding: 1px 0.5em 0.2em 0.6em; border-radius: 0.25em; max-width: 70%; white-space: nowrap; overflow: hidden;}
div.isTheDrip div.picsDiv img {margin: 0 0 0 0; padding: 0 0 0 0; background-color: var(--brown-lightorange-col); border-radius: 0; margin-top: -1.25em;}
div.isTheDrip div.dateTitle {margin: 0 0 0 0; padding: 0.25em 0 0 0; border-bottom: 0.25em solid var(--brown-lightorange-col); background-color: var(--bg4-col); clear: both; display: flow-root;}
div.isTheDrip div.dateTitle p {text-align: right; color: var(--tx-col); background-color: var(--bg-col),}
div.isTheDrip div.dateTitle span.flag {float: left; padding-left: 0.25em; font-weight: bold;}
div.isTheDrip div.dateTitle span.publisher {display: inline; font-weight: bold; padding-right: 0.5em;}
span.redOne {color: var(--bright-red);}
span.greenOne {color: var(--always-green-highlight);}
div.isTheDrip div.dateTitle span.published {float: right; font-style: italic; margin-right: 0.25em;}
div.isTheDrip p.subTitle {text-align: right; padding: 0.5em; border-radius: 0 0 0.5em 0.5em; font-weight: bold; border-top: 5px solid var(--brown-orange-col); border-left: 0.4em solid var(--brown-lightorange-col); border-right: 0.4em solid var(--brown-lightorange-col);}
div.isTheDrip p.isText {text-align: justify; padding: 0.5em; border-bottom: 0.2em solid var(--brown-lightorange-col); font-size: large; border-top: 0.25em dashed var(--brown-lightorange-col); border-left: 0.2em solid var(--brown-lightorange-col); border-right: 0.2em solid var(--brown-lightorange-col);}
ul.dripNgalNav {font-size: x-large; color: var(--gray-orange-col); margin: 0.5em; display: block;}
ul.dripNgalNav li {display: inline-block; width: 10%;}
ul.dripNgalNav li a {text-decoration: none;}
img.isOgPic {float: left; max-width: 50%; height: auto; padding: 0 0.5em 0.5em 0;}

.hasFloatingPic {clear: both; display: block; padding-top: 0.5em;}

/* normal page extras */
@media screen and (min-width: 850px) {
	div.onePartHere p, div.onePartHere div.partInnerDiv {padding: 1em;}
	ul.galleryList {display: flex; flex-wrap: wrap;}
	ul.blPics {display: inherit;}
	ul.galleryList li {padding: 0 0 0 0; border-bottom: 0; flex-basis: 49.5%; box-sizing: border-box; margin: 0.25%;}
	ul.blPics li {margin: 0 0.25% 0 0.25%; width: 49%; display: inline-block;}
	img.galleryListImg {border-radius: 1em; margin-bottom: 0.5em; width: 100%; display: inline; }
	div.isTheDrip div.dateTitle span.published ::after {padding-right: 0; display: inherit;}
	div.ratingStarDiv.width66 {width: 33%;}
}
@media screen and (min-width: 1300px) {
	ul.galleryList li {padding: 0 0 0 0; border-bottom: 0; flex-basis: 32.8%; box-sizing: border-box; margin: 0.25%;}
}
@media screen and (min-width: 1800px) {
	ul.galleryList li {padding: 0 0 0 0; border-bottom: 0; flex-basis: 24.5%; box-sizing: border-box; margin: 0.25%;}
}

@media screen and (max-width: 500px) {
	body {padding: 0 0.25em 0 0.25em;}
	
	#head {width: 100%; background: none;}
	#head #headRight img.mobAdv {padding-bottom: 20px; background: transparent url(../../buttons/dripping-thin.svg) repeat-x right; background-position-y: bottom;}
	#head #headMiddle span {float: right; font-size: 18px; margin-right: 10px; margin-top: 5px;}
	#head #headMiddle span a {font-weight: bold; text-decoration: none; color: #fef9e0; border: 1px solid #391700; text-shadow: 1px 1px #000, 0 1px #391700, -1px 1px #391700, -1px 0 #391700, -1px -1px #391700, 0 -1px #391700, 1px -1px #391700, 1px 0 #391700; background-color: #ffc400; padding: 0 0.25em 0 0.25em; border-radius: 0.5em;}
	#head #mobileButtonDiv {float: left;}
	#crumb {text-align: center; margin-top: -1em;}
	#crumb div {line-height: 1.5em; height: auto; overflow: visible;}
	#menuLeft {font-size: 1.5em;}
	#menuLeft ul li {margin-top: 0;}
	#menurechts {background-color: transparent;}
	div.somePartsNow {clear: both; width: 100%; padding: 0 0 0 0; margin: 0 0 1.5em 0; text-align: center; vertical-align: top; overflow: hidden;}
	div.onePartFull, div.onePartFullwarDrei, div.onePartFullwarHalf {width: 100%; padding: 0 0 0 0; margin: 0.5em 0 0.5em 0;}
	div.onePartHere h2 {margin-top: 0.5em;}
	div.onePartHere {width: 98%; margin: 0 1% 0 1%; float: inherit; padding: 0; clear: both;}
	div.onePartHere 
	div.center div#stuff {position: relative; left: inherit; top: inherit; right: inherit; padding: 0 0 0 0; width: 100%;}
	.hideMobile {display: none;}
	#menuLeft ul li li {font-size: 0.9em; border-bottom: 2px solid transparent; border-top: 2px solid transparent;}
	div.onePartHere p.bloat a {line-height: 1.6;}
	div.onePartHere div.partInnerDiv p.smallah {margin-bottom: 0.75em;}
	img.inDescriptionPic {width: 85%;}
	img.inDescriptionPicFiffty {width: 50%;}
}

@media screen and (max-width: 410px) {
	img.inDescriptionPic {width: 82%;}
	img.inDescriptionPicFiffty {width: 50%;}
}