/*im-tee-raume.zenwort.de index css 2025-11-05 */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} audio,canvas,video{display:inline-block;*display:inline; *zoom:1} audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} html,button,input,select,textarea{font-family:sans-serif} body{margin:0} a:focus{outline:thin dotted} a:hover,a:active{outline:0} h1{font-size:2em;margin:0.67em 0} h2{font-size:1.5em;margin:0.83em 0} h3{font-size:1.17em;margin:1em 0} h4{font-size:1em;margin:1.33em 0} h5{font-size:0.83em;margin:1.67em 0} h6{font-size:0.75em;margin:2.33em 0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} blockquote{margin:1em 40px} dfn{font-style:italic} mark{background:#ff0;color:#000} p,pre{margin:1em 0} pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:'';content:none} small{font-size:75%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} dl,menu,ol,ul{margin:1em 0} dd{margin:0 0 0 40px} menu,ol,ul{padding:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none} img{border:0;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden} figure{margin:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0} form{margin:0} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} button,input{line-height:normal} button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible} button[disabled],input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
/*@import url('demo.css');*/

body{font-family:'my-sans',sans-serif;font-size:100%;background:#fff url(../twrt_simg/tatami-mat-568px.avif);-webkit-font-smoothing:antialiased;overflow-y:scroll;overflow-x:hidden;font-weight:300} 
a{color:#555;text-decoration:none} 
.container{width:100%;position:relative} 
.clr{clear:both;padding:0;height:0;margin:0} .main{width:95%;margin:0 auto;position:relative} 
.container > header{margin-bottom:20px;padding:20px 10px 10px 10px;position:relative;display:block;text-shadow:1px 1px 1px rgba(0,0,0,0.2);text-align:center} 
.container > header h1{font-size:2em;line-height:2em;margin:0;position:relative;font-weight:700;text-transform:uppercase;font-family:my-sans,sans-serif;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.4)} 
.container > header h2{font-size:14px;font-weight:500;margin:0;padding:15px 30px 10px;color:#f0f0f0;width:75%;margin:0 auto} .container > header h2 a{color:#fff} 
.container > header h2 a:hover{color:var(--medgreen)} 
.support-note span,.demo-note{color:#e07870;font-size:1rem;display:none;font-weight:500;text-align:center;padding:5px 0;text-shadow:1px 1px 1px rgba(0,0,0,0.3)}

.no-cssanimations .support-note span.no-cssanimations,
.no-csstransforms .support-note span.no-csstransforms,
.no-csstransforms3d .support-note span.no-csstransforms3d,
.no-csstransitions .support-note span.no-csstransitions {
    display: block;
}

@media screen and (max-width: 960px) {
    .demo-note { display: block;}
} /* end demo */

.rm-container{width:32%;max-width:90vw;;height:90vh;margin:0 auto 5vh auto;position:relative;perspective:1600px;color:#2a323f}
 .rm-wrapper,.rm-wrapper > div{width:100%;height:100%;left:0;top:0;position:absolute;text-align:center;transform-style:preserve-3d}
 .rm-wrapper .rm-cover{z-index:100;transform-origin:0% 50%;transition-delay:0.2s}
 .rm-wrapper .rm-middle{z-index:50;box-shadow:0 4px 10px rgba(0,0,0,0.7)}
 .rm-wrapper .rm-right{z-index:60;transform-origin:100% 50%;transition-delay:0s}
 .rm-wrapper > div > div{background:#fff url(../twrt_simg/white_paperboard.jpg);width:100%;height:100%;position:absolute;padding:30px;box-shadow:inset 0 0 0 1rem #fff,inset 0 0 0 17px var(--medgreen),inset 0 0 0 18px #fff,inset 0 0 0 19px var(--medgreen),inset 0 0 0 20px #fff,inset 0 0 0 21px var(--medgreen)}
 .rm-container .rm-front,.rm-container .rm-back{backface-visibility:hidden}
 .rm-container .rm-back{transform:rotateY(-180deg)}
 .rm-overlay{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%)}
 .rm-middle .rm-overlay{background:linear-gradient(to right,rgba(0,0,0,0) 64%,rgba(0,0,0,0.05) 100%)}
 .rm-content{padding:20px}
 .rm-logo,.rm-content h2,.rm-content h4,a.rm-button-open,.rm-modal h5{font-weight:700;text-transform:uppercase;font-family:my-sans, sans-serif}
 .rm-logo{width:180px;height:115px;background:var(--bglightgreen) url(../twrt_simg/Tasse-Besen-Zweig_360px_144dpi.png) no-repeat center center;border-radius:50%;background-size:contain; margin:20px auto;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--medgreen),0 0 0 5px #fff,0 0 0 6px var(--medgreen),0 0 0 7px #fff,0 0 0 8px var(--medgreen)}
 .rm-content h2{letter-spacing:0.1em;font-size:26px;text-shadow:1px 1px 0 #fff,3px 3px 0 #e6b741}
 .rm-content h3{font-size:1rem;margin:3em;padding:1em 2em;color:#323b4c;font-weight:500;border-top:4px double #323b4c;text-transform:uppercase;line-height:1.3em;text-shadow:1px 1px 0 rgba(255,255,255,0.8)}
 .rm-content h4{margin:0 0 20px 0;font-size:1rem;padding-bottom:10px;color:#323b4c;border-bottom:4px double #323b4c;text-shadow:1px 1px 0 #fff,2px 2px 0 #E6B741;letter-spacing:2px}
 .rm-content h4:not(:first-child){margin-top:3rem}
 a.rm-button-open{color:#323b4c;font-size:1.5em;line-height:2.4em;margin:1em auto;display:block; text-shadow:1px 1px 0 #fff,3px 3px 0 #e6b741}
 a.rm-button-open:hover{color:var(--medgreen); text-shadow:unset;border-radius:0.5em}
 .rm-info p{line-height:1.3em}
 .rm-content dl{margin:0}
 .rm-content dl dt,.rm-content dl dd{display:block;margin:0;}
 .rm-content dl dt{font-weight:600;text-transform:uppercase}
 .rm-content dl dd{font-size:1.2em;padding:0.3em 1em 0 0;line-height:1.4em;color:var(--textblack);text-align:left;margin-left:20%}
 .rm-order p{padding:10px;background:rgba(213,193,154,0.2);margin:20px 0 0}
 a.rm-viewdetails:before{font-family:'entypo-selected';content:'\56';font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:15px;margin-right:4px;text-align:center;opacity:0.7;line-height:1rem;text-shadow:1px 1px 1px rgba(127,127,127,0.3);*/ }
 .rm-modal{position:absolute;z-index:10000;width:120%;margin-left:-10%;top:50%;padding:40px;background:#fff url(../twrt_simg/white_paperboard.jpg);box-shadow:inset 0 0 0 1rem #fff,inset 0 0 0 17px var(--medgreen),inset 0 0 0 18px #fff,inset 0 0 0 19px var(--medgreen),inset 0 0 0 20px #fff,inset 0 0 0 21px var(--medgreen),0 4px 20px rgba(0,0,0,0.4);opacity:0;pointer-events:none;-webkit-transform:translateZ(1000px);-moz-transform:translateZ(100px);-o-transform:translateZ(1000px);-ms-transform:translateZ(1000px);transform:translateZ(1000px)}
 .rm-modal h5{margin:0;font-size:20px;text-shadow:1px 1px 0 #fff,2px 2px 0 #E6B741}
 .rm-modal .rm-thumb{width:100px;height:100px;background-repeat:no-repeat;background-position:center center;float:left;margin:0 20px 0 0;box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2),1px 1px 1px rgba(255,255,255,0.9)}
 .rm-modal a:after{content:'\2192';display:inline-block;margin-left:3px;font-family:my-sans,sans-serif}
 a.rm-viewdetails,.rm-modal a{color:var(--medgreen);font-weight:500}
 .rm-modal a{float:right;clear:both}
 a.rm-viewdetails:hover,.rm-modal a:hover{color:#000}
 .rm-close{background:var(--medgreen);text-transform:uppercase;display:block;position:absolute;color:#fff;font-size:1.3em;font-weight:500;line-height:1.4em;padding:0.3em;top:-2em;opacity:0;right:30px;cursor:pointer}
 .rm-close-modal{cursor:pointer;right:21px;top:21px;display:block;position:absolute;width:1rem;height:1rem;background:#2a323f;color:white;text-align:center;line-height:14px;font-size:15px;font-family:my-sans,sans-serif}
 .rm-wrapper,.rm-wrapper > div{transition:all 0.6s ease-in-out,height 0s}
 .rm-modal{-webkit-transition:-webkit-transform 0.6s ease-in-out,opacity 0.6s ease-in-out;-moz-transition:-moz-transform 0.6s ease-in-out,opacity 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out,opacity 0.6s ease-in-out;-ms-transition:-ms-transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out}
 .rm-close{transition:all 0.1s ease-in-out 0s}
 .rm-container.rm-open .rm-close{transition:all 0.3s ease-in-out 0.8s;opacity:1}
 .rm-container.rm-open .rm-wrapper > div{box-shadow:0 4px 5px -3px rgba(0,0,0,0.6)}
 .rm-container.rm-open .rm-cover{transform:rotateY(-180deg);transition-delay:0s}
 .rm-container.rm-open .rm-right{transform:rotateY(180deg);transition-delay:0.2s}
 .rm-container.rm-in .rm-cover{-webkit-transform:rotateY(-150deg);-moz-transform:rotateY(-150deg);-o-transform:rotateY(-150deg);-ms-transform:rotateY(-150deg);transform:rotateY(-150deg)}
 .rm-container.rm-in .rm-right{transform:rotateY(150deg)}
 .rm-container.rm-in .rm-wrapper{transform:translateZ(-500px)}
 .rm-container.rm-in .rm-cover,.rm-container.rm-in .rm-right,.rm-container.rm-nodelay .rm-right{transition-delay:0s}
 .rm-container.rm-in .rm-modal{transform:translateZ(0px);opacity:1;pointer-events:auto}
 .no-csstransforms3d .rm-container{width:100%;height:auto;max-width:460px}
 .no-csstransforms3d .rm-wrapper,.no-csstransforms3d .rm-wrapper > div,.no-csstransforms3d .rm-wrapper > div > div{position:relative;width:100%;height:auto}
 .no-csstransforms3d .rm-wrapper > div > div{margin-bottom:10px;box-shadow:inset 0 0 0 1rem #fff,inset 0 0 0 17px var(--medgreen),inset 0 0 0 18px #fff,inset 0 0 0 19px var(--medgreen),inset 0 0 0 20px #fff,inset 0 0 0 21px var(--medgreen),0 3px 5px rgba(0,0,0,0.2)}
 .no-csstransforms3d .rm-container .rm-back{transform:rotateY(0deg)}
 .no-csstransforms3d .rm-overlay,.no-csstransforms3d .rm-middle .rm-overlay{display:none}
 .no-csstransforms3d .rm-right .rm-front{display:none}
 .no-csstransforms3d .rm-button-open{pointer-events:none}
 .no-csstransforms3d .rm-button-open:after{content:'\2193'}
 .no-csstransforms3d .rm-modal{position:fixed;width:80%;top:50%;left:50%;margin:0 0 0 -40%;transition:opacity 0.6s ease-in-out 0s}
 .no-csstransforms3d .rm-container.rm-in .rm-cover,.no-csstransforms3d .rm-container.rm-in .rm-right,.no-csstransforms3d .rm-container.rm-in .rm-wrapper{-webkit-transform:rotateY(0deg);-webkit-transition-delay:0s;-moz-transform:rotateY(0deg);-moz-transition-delay:0s;-o-transform:rotateY(0deg);-o-transition-delay:0s;-ms-transform:rotateY(0deg);-ms-transition-delay:0s;transform:rotateY(0deg);transition-delay:0s}
 @media screen and (max-width:640px){
   .rm-container{height:640px}
   #COPY-S, #ROLLI {display:none}
 }
 @media screen and (max-width:1600px), screen and (max-height:700px) {
 .rm-container{width:100%;height:auto;max-width:460px;perspective:0px}
 .rm-wrapper,.rm-wrapper > div,.rm-wrapper > div > div{position:relative;width:100%;height:auto}
 .rm-wrapper > div > div{margin-bottom:10px;box-shadow:inset 0 0 0 1rem #fff,inset 0 0 0 17px var(--medgreen),inset 0 0 0 18px #fff,inset 0 0 0 19px var(--medgreen),inset 0 0 0 20px #fff,inset 0 0 0 21px var(--medgreen),0 3px 5px rgba(0,0,0,0.2)}
 .rm-container .rm-back,.rm-container.rm-open .rm-cover,.rm-container.rm-open .rm-right{transform:rotateY(0deg)}
 .rm-overlay,.rm-middle .rm-overlay{background:transparent}
 .rm-right .rm-front,.rm-close{display:none}
 .rm-button-open{pointer-events:none}/*
 .rm-button-open:after{content:'\2193'}*/
 .rm-container .rm-modal{position:fixed;width:80%;top:50%;left:50%;margin:0 0 0 -40%;transform:translateZ(0px);transition:opacity 0.6s ease-in-out 0s}
 .rm-container.rm-in .rm-cover,.rm-container.rm-in .rm-right,.rm-container.rm-in .rm-wrapper{transform:rotateY(0deg);transition-delay:0s}
 .rm-button-open {visibility:hidden}
 .rm-order {display:none}
 #COPY-S {visibility:visible !important;}
 #COPY-S a {font-size:1.5em; border:1px solid var(--dkgreen); background-color:var(--bglightgreen);border-radius:.3em; padding:0.2em;width:4em}
 #COPY-S a:before, #ROLLI a:before {content:'' !important}
 #COPY-S a:hover {background-color:var(--dkgreen); color:var(--bglightgreen)}
 } /* end media query*/
 @font-face {
  font-family: 'entypo-selected';
  src:
	url("../twrt_fonts/entypo-selected.woff") format('woff'), 
	url("../twrt_fonts/entypo-selected.ttf") format('truetype')
  font-weight: normal;
  font-style: normal;
}
 /* ende rm css */
 
 /*MEINE*/
 @font-face {
  font-family: my-sans;
  src: local('FreeSans'), url('../twrt_fonts/FreeSans.woff2') format('woff2'), local(-apple-system), local('Nimbus Sans'), local('Noto Sans'), local('Liberation Sans'), local('Oxygen'), local('Roboto'), local('Ubuntu'), local('Roboto'), local('Cantarell'), local('DejaVu Sans'), local('Helvetica Neue'), local(Tahoma), local(my-sans), local('MingLiU '), local('KingHwa OldSong'), local('Microsoft YaHei'), local('SimSun'), sans-serif, local('Apple Color Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('Noto Color Emoji'), url('../twrt_fonts/LastResort-Regular.woff2') format('woff2'), url('../twrt_fonts/LastResort-Regular.otf') format('otf');
text-rendering: optimizeLegibility;}

@font-face {
  font-family: my-mono;
  src: local('Courier10PitchBT-Roman'), url('../twrt_fonts/Courier10PitchBT-Roman.woff2') format('woff2'), local(-apple-system), local('Courier New'), local('Monaco'), local('Menlo'), local('Consolas'), local('Oxygen Mono'), local('Roboto Mono'), local('Ubuntu Monospace'), local('Ubuntu-BoldItalic'), local('Noto Mono'), local('Helvetica Monospace'), local('Lucida Sans Typewriter'), monospace, local('Apple Color Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('Noto Color Emoji');
text-rendering: optimizeLegibility;}

/* CJK */
@font-face {
  font-family: cjk;
  src: local('FreeSans'), url('../twrt_fonts/FreeSans.woff2') format('woff2'), local(-apple-system), url('../twrt_fonts/NotoSansCJKtc-Medium.otf') format('opentype'), local(ヒラギノ角ゴ Pro W3), local(Hiragino Kaku Gothic Pro), local('MingLiU'), url('../twrt_fonts/MingLiU.woff2') format('woff2'), local('DroidSansFallback'), url('../twrt_fonts/DroidSansFallback.woff2') format('woff2'), url('../twrt_fonts/LastResort-Regular.woff2') format('woff2'), url('../twrt_fonts/LastResort-Regular.otf') format('otf'), sans-serif;
text-rendering: optimizeLegibility;}

    @font-face {font-family: cjk-brush; src: url('../twrt_fonts/KouzanMouhituFontOTF.otf') format('opentype'), local('FreeSans'), url('../twrt_fonts/FreeSans.woff2') format('woff2'), url('../twrt_fonts/NotoSansCJKtc-Medium.otf') format('opentype'), local(ヒラギノ角ゴ Pro W3), local(Hiragino Kaku Gothic Pro), local('MingLiU'), url('../twrt_fonts/MingLiU.woff2') format('woff2'), local(-apple-system), local('DroidSansFallback'), url('../twrt_fonts/DroidSansFallback.woff2') format('woff2'), url('../twrt_fonts/LastResort-Regular.woff2') format('woff2'), url('../twrt_fonts/LastResort-Regular.otf') format('otf'), sans-serif;
text-rendering: optimizeLegibility;}

*[lang|="ja"], *[lang|="zh"], *[lang|="hi"], *[lang|="th"], *[lang|="ka"] {font-weight:inherit; font-size:inherit; font-style:normal !important; line-break:strict; word-break: break-all; letter-spacing:0.1em;}
    *[lang|="ja"], *:lang(ja) {font-family:cjk, sans-serif; font-variant-east-asian: traditional;}
    *[lang|="zh"], *:lang(zh), *:lang(lzh), *:lang(zh-Hant) {font-family: cjk, sans-serif; font-variant-east-asian: traditional;}
     /* Variablen */
    :root {      
        --bglightgreen: #F2FFE8; /* -5% =  #F5FFEE; */
        --bglightgrey: #f5f4f3;      
        --brown: #6a0c10;       
        --dkgreen: #325532; /* ;  = anm AM -10% #193C19  hsl(120deg 26.4% 17.1%) */
        --dkgreen10: #193C19;       
        --medgreen: #6C994C;       
        --textblack: #222;       
        -webkit-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures;       
        hyphens:auto;       
        font-variant-numeric: stacked-fractions; 
         overflow-x: hidden; scrollbar-color: var(--medgreen) var(--dkgreen10); scrollbar-width: auto !important; /*(Anm. nett, zur Einfärbung des scrollbar, webkit ließe mehr style zu lohnt aber den Aufwand nicht ) */
        interpolate-size: allow-keywords;
    }
      hr {display:block; height:1px; border:0; border-top:1px solid #aaa; padding:0; margin:1.5em 15%; box-shadow:0px 0px 10px #222;}
       
       a{text-decoration:none; color:var(--dkgreen)}
       a:before{content:'\00bb \202f'}
       .rm-order a:before, #ROLLI a:before {content:''}
       a:hover, a:active{color:var(--bglightgreen);background-color:var(--dkgreen);border-radius:3px; text-shadow:unset}
       #COPY-S {visibility:hidden} /*ist bei großem Bildschirm im Text */
       
    .center-element {display: flex; align-items: center; justify-content: center;}
	.vertical {align-items: center; display: flex;}
	.vam {border:none; vertical-align:middle; object-position: center;}
	 /* Bilder */
    img[src$='svg']{object-position: center;}
    .bor0, img[src$='svg'] {border:none !important}
    
    figure .rfloat, div .rfloat, picture .rfloat {margin:1em 1em 1em 0; padding-left:1em; float:right; vertical-align:text-top; text-align:center; }
    img.bor, .rfloat img, .lfloat img, figure img, .slider img {border:2px solid #afafaf; }

    /* Schrift */
	body {font-family: my-sans, sans-serif;}
    var, pre, code, kbd, samp, .mono {font-family:my-mono, monospace }
    em, .em, i {font-style: italic; font-size: inherit; line-height: inherit;}
    strong, .strong, b {font-weight: 700; font-size: inherit; line-height: inherit;}
    .left {text-align:left}
    .justify {text-align:justify; }
    .cjk-brush {font-family:cjk-brush, sans-serif; font-size:2em; font-weight: 600}
    p.m1, .m1 {margin-top:1em}
    p.m0, .m0 {margin-top:0}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {scroll-behavior: auto;}
	*,::before,::after {animation-delay:-1ms ;animation-duration:1ms ;animation-iteration-count:1 ;background-attachment:initial ;scroll-behavior:auto ;transition-delay:0s ;transition-duration:0s }