/* * CMSBOX 2.2 * * * * * * * * *
*                               *
*   Content Management System   *
*   © 2007 Cmsbox GmbH, Bern    *
*   contact (at) cmsbox . com   *
*                               *
* * * * * * * * * * * * * * * * */

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/fonts/roboto-v50-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/fonts/roboto-v50-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

*:focus {
  outline: none;
}

/* @group GLOBAL */
/* LAYOUT */
html,
body {
  background: #fff;  
}
.superwrapperumalles {
  min-height: 100%;
  letter-spacing: 0.05em;
  /*min-width: 1448px;*/
   min-width: 1048px;
 position: relative;
 color: #000;
  font-size: 15px;
  line-height: 1.4;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
 -o-transition: min-width .4s;
  -moz-transition: min-width .4s;
  -webkit-transition: min-width .4s;
  transition: min-width .4s;
}
.desk {
  width: 1048px;
  margin: 0 auto;
}
#wrapper {
  position: relative;
  /*background: #fff;*/
}
#home,
.logo {
  width: 249px;
  height: 74px;
  display: block;
}
#home {
  position: relative;
  z-index: 3;
  float: left;
  margin: 40px 0 37px 34px;
}
#header {
  float: left;
  width: 1048px;
}
#bg-navi {
  position: absolute;
  top: 155px;
  left: 0;
  width: 100%;
  background: #93806a;
}
#edit #bg-navi {
  top: 185px;
}
#mood {
  position: absolute;
  top: 187px;
  left: 0;
  width: 100%;
}
.cb-layout1 #mood {
  height: 228px;
}
#edit #mood {
  top: 217px;
}
#content {
  float: left;
  width: 1048px;
  margin-top: 260px;
}
.cb-layout2 #content {
  margin-top: 61px;
}
#maincontent {
  float: left;
  width: 436px;
  position: relative;
  margin-left: 98px;
  padding-bottom: 100px;
  z-index: 10;
}
.footerwrapper {
  left: 50%;
  bottom: 0;
  margin-left: -524px;
  position: absolute;
  z-index: 15;
}
#footer {
  width: 894px;
  margin-left: 108px;
  border-top: 1px solid #93806a;
  position: relative;
  z-index: 12;
}
.cb-layout2 #footer {
  display: none;
}
.border {
  z-index: 100;
  position: absolute;
  height: 100%;
  top: 0;
  background: url(/images/border-body.png);
  width: 20px;
  width: 1%;
  -o-transition: width .4s;
  -moz-transition: width .4s;
  -webkit-transition: width .4s;
  transition: width .4s;
}
.bleft {
  left: 0;
}
.bright {
  right: 0;
}
.breiterborder {
  position: absolute;
  min-height: 100%;
  width: 100%;
  z-index: 2;
  left: 0;
  top: 0;
  background: url(/images/border.png) 50%;
}
/*@media screen and (min-width: 1208px) {
  .superwrapperumalles {
    min-width: 1208px;
  }
  .border {
    width: 80px;
    width: 5%;
  }
}

@media screen and (min-width: 1448px) {
  .superwrapperumalles {
    min-width: 1448px;
  }
  .border {
    width: 200px;
    width: 12%;
  }
}*/

/* @end */
/* @group MULTI-MOOD */
/* GENERAL */
.cb-layout1 #slides {
  height: 228px;
}
.cb-layout2 #slides,
.cb-layout2 #expo div.link {

}
/* MOOD CONTAINER */
#expo {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden ;
}
/* IMAGE CONTAINER */
#slides {
  overflow: hidden;
  position: relative;
z-index: 1;
}
#slides img {
  display: block;
}
.slide,
#slides img {
  min-height: 228px;
  min-width: 1500px;
  width: 100%;
}
#expo > .link {
  display: none;
}

/* Home Mood */
/*.cb-layout2 {
  overflow-y: hidden;
}*/
.cb-layout2 .slide {
  position: relative !important;
}
.cb-layout2 #maincontent {
  margin-left: 106px;
}

/* @end */
/* @group NAVIGATION */
/* GENERAL */
.navi,
.navi > .item {
  float: left;
}
.menu {
  text-transform: uppercase;
}
.menu:hover,
.menu:focus {
  text-decoration: none;
}
/* LEVEL 1 */
div.sub1 {
  position: relative;
  z-index: 14;
  margin-left: 90px;
}
.sub1 > .item {
  padding: 5px 15px;
  position: relative;
}
div.sub1 .menu {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  font-family: 'Roboto';
  letter-spacing: 0.05em;
}
div.sub1 a.path {
  color: #372613;
}
div.sub1 .menu:hover,
div.sub1 .menu:focus {
  color: #372613;
}



/* LEVEL 2 */
div.sub2 {
  position: absolute;
  left: 50%;
  top: 80%;
  z-index: 10;
  width: 170px;
  margin-left: -85px;
}
.sub2 > .item {
  background: url(/images/bg-sub2.png) repeat 0 0;
  width: 144px;
  padding: 6px 13px 7px;
  border-bottom: 1px solid #93806a;
}
.sub2 > .init {
  padding-top: 12px;
  background: url(/images/bg-init.png) repeat 50% 0;
}
.sub2 > .exit {
  border-bottom: none;
}
div.sub2 .menu {
  color: #93806a;
  font-size: 16px;
  display: block;
  letter-spacing: 0.05em;
}
.exit > .sub2 .menu {
  text-transform: none;
}
div.sub2 a.path {
  color: #93806a;
  font-weight: bold;
}

div.sub2 .item:hover,
div.sub2 .item:focus {
  background: #fff;
}
div.sub2 .menu:hover,
div.sub2 .menu:focus {
  color: #93806a;
}
div.sub2 .init:hover,
div.sub2 .init.path {
  background: url(/images/bg-init-hover.png) repeat 50% 0;
}
/* @end */
/* @group CONTENT */
/* HEAD */
#head {
  float: left;
  width: 660px;
  margin-top: 50px;
}
.cb-layout2 #head {
  width: 436px;
}
h1 {
  font-family: 'Roboto';
  padding: 0 10px;
  font-size: 34px;
  color: #93806a;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.05em;
}
.cb-layout2 h1 {
  font-size: 50px;
  color: #fff;
  padding: 0;
  font-weight: bold;
  letter-spacing: 0.05em;
}
div.unit h2 {
  line-height: 1.2;
}
/* MAIN */
.area {
  width: 660px;
}
.unit {
  margin: 10px 0px;
  width: 660px;
}

.area h2,
.area div.foot {
  margin: 0 10px;
}
.area .part,
.area > .grid table {
  margin: .4em 10px;
  width: 640px;
}
.area .tiny {
  width: 310px;
}
.slim {
  width: 330px;
}
.slim .part,
.slim.grid table {
  width: 310px;
}
.slim .tiny {
  width: 145px;
}
/* Layout 2 main */
.cb-layout2 .main {
  width: 436px;
}
.cb-layout2 .main > .unit {
  margin: 10px 0px;
  width: 436px;
}
.cb-layout2 .main h2,
.cb-layout2 .main div.foot {
  margin: 0 0px;
}
.cb-layout2 .main .part,
.cb-layout2 .main > .grid table {
  margin: .4em 0px;
  width: 436px;
}

.cb-layout2 .main .seam .part,
.cb-layout2 .main .seam > .grid table {
  margin: .4em 0px;
  width: 426px;
}

/*//////////////////////*/

.cb-layout2 .area {
  width: 100%;
}

.cb-layout2 .area.base {
  float: right;
  width: 436px;
  position: relative;
  z-index: 10;
  margin-top: 30px;
  margin-right: 40px;
}

.cb-layout2 .area .unit {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.cb-layout2 .area .unit .part,
.cb-layout2 .area .unit .head h2 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.part.pict img {
  float: left;
  width: 100%;
  height: auto;
}

/*//////////////////////*/

/* SIDE */
div.side {
  width: 216px;
}
.side > .unit {
  margin: 10px 0px;
  width: 216px;
}
.side h2,
.side div.foot {
  margin: 0 3px;
}
.side .part,
.side > .grid table {
  margin: .4em 3px;
  width: 210px;
}
.side .tiny {
  width: 66px;
}
/* AREA PLACEMENT */
div.side {
  float: right;
  margin: 98px 43px 0 0;
  padding-bottom: 100px;
  position: relative;
  z-index: 13;
}
/* @end */
/* @group UNITS */
/*  ALL PURE */
div.unit,
div.unit div.head,
div.unit div.head h2 {
  color: #93806a;
  border: none;
  background: none;
}
.cb-layout2 div.unit {
  color: #fff;  
  font-family: 'Roboto';
}
.cb-layout2 div.text p.norm {
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.05em;
}
div.unit div.head h2 {
  font-size: 16px;
  color: #93806a;
  text-transform: uppercase;
  font-family: 'Roboto';  
  letter-spacing: 0.05em;
}
/* @end */
/* @group PARTS */


/* LEAD */
h3,
h4,
h5,
h6 {
  font-size: 1em;
  letter-spacing: 0.05em;
}
h3 {
  
}
h4 {
  
}
h5 {
  
}
h6 {
  
}
/* TEXT */
/*.text {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.open,
.load {
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}*/
div.text > p.loud {
  
}
.loud > .open {
  color: #fff;
}
.loud > .open:hover,
.loud > .open:focus {
  
}
div.text > p.pale,
.pale > .open {
  
}
.pale > .open:hover,
.pale > .open:focus {
  
}
div.text > p.skew {
  
}
/* LINKS */
a {
  color: #000;
  text-decoration: underline;
}
a:hover,
a:focus {
  text-decoration: none;
}
/*
.unit .null,
.unit .null:hover,
.unit .null:focus {
  color: ; give body color
}*/
div.link {
  background-position: 0 .24em;
}
div.mail {
  background-position: 0 .3em;
}
div.rss {
  background-position: 0 .35em;
}
div.part a.open {
  color: #93806a;
}

div.link a.open,
div.load a{
  color: #8b8b8b;
}
div.link,
div.load {
  background: url(/images/link.png) no-repeat 0 50% !important;
}
div.link a.open,
div.load .load{
  margin-left: 10px;
}
div.load .load {
  text-decoration: none;
  line-height: 1.5;
}
div.side div.load {
  margin-top: 0;
  margin-bottom: 0;
}
.cb-layout2 .part.link {
  background: none!important;
}
.cb-layout2 .part.link .open {
  display: inline-block;
  margin-left: 0;
  padding: .4em .8em .4em 1em;
  background: #93806a url(/images/link-white.png) no-repeat .4em 50% !important;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
.cb-layout2 .part.link .open:hover,
.cb-layout2 .part.link .open:focus {
  background: #93806a url(/images/link-brown.png) no-repeat .4em 50% !important;
  color: #372613;
}
/* INLINE LINKS */
/*.text .open,
.lead .open,
.list .open,
h2 .open {
  color: #000;
}*/
/* PICT */
div.unit div.crop {
  height: 320px;  
}
/* LIST */
div.list > p.item {
  list-style-image: url(/icon-link/list.gif);
}
/*div.list p.dent {
  list-style-image: url(/icon-link/list.gif);
}*/
/* LINE */ 
div.line > hr {
  color: #666;
  border-color: #666;
}
/* TABLES */
/*div.grid table td {
  border-color: #999;
  border-style: solid;
}*/
/*div.grid table thead td,
div.grid table tfoot td {
  background: #ccc; 
  font-weight: 800;
}*/
/*div.grid table.vert tbody.beam td.odd,
div.grid table.horz tbody.beam tr.odd td {
  background: #eee;
}*/
/* FILTER */
/*div.cats p span.same { default.css
  color: #333;
}*/
/*div.scan a.same,
div.scan li.same,
div.scan td.same,
div.scan span.same { default.css
  background-color: #ddd;
}*/
/*div.this a.same,
div.this li.same,
div.this td.same,
div.this span.same { default.css
  color: #fff;
  text-decoration: none;
  background-color: #900;
}*/
#root div.cats a {
  padding: 0;
}
div.cats .cb-count {
  padding-left: 5px;
}

/* FORM */
#root input.submit,
#root a.action,
#root button.cb-hybrid,
#disp.cb-shoppingcart a.submit,
.shop-configuration button.button {
  display: inline-block;
  margin-left: 0;
  border: none;
  padding: .4em .8em .4em 1em;
  background: #93806a url(/images/link-white.png) no-repeat .4em 50% !important;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}
#root input.submit:hover,
#root input.submit:focus,
#root a.action:hover,
#root a.action:focus,
#root button.cb-hybrid:hover,
#root button.cb-hybrid:focus,
#disp.cb-shoppingcart a.submit:hover,
#disp.cb-shoppingcart a.submit:focus,
.shop-configuration button.button:hover,
.shop-configuration button.button:focus {
  background: #93806a url(/images/link-brown.png) no-repeat .4em 50% !important;
  color: #372613;
}

/* @end */
/* @group SERVICES */
/* SERVICES */
#services {
  float: right;
  margin-top: 1px;
  padding-bottom: 25px;
  position: relative;
  z-index: 14;
}
#services > .meta {
  padding: 0 5px;
  color: #93806a;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'Roboto';
  letter-spacing: 1px;
}
#services > .meta:hover,
#services > .meta:focus {
 color: #372613; 
}
#services .meta.auth {
  padding-right: 0;
}


/* VCARD */
.vcard {
  float: left;
  color: #93806a;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 6px;
  font-family: 'Roboto';
}
.vcard .org,
.vcard .street-address,
.vcard .ort,
.vcard .tel,
.vcard .fax {
  float: left;
  margin-right: 14px;
}
.vcard a {
  color: #93806a;
  text-decoration: none;
}
.vcard a:hover {
  color: #372613;
  text-decoration: none;
}

/* @group SELECTIONS */
/*#root span.flag {
  color: #111;
  background: #fd0;
}*/
/*::-moz-selection {  has to stay separate 
  color: #111;
  background: #fd0;
}
::selection {  has to stay separate 
  color: #111;
  background: #fd0;
}*/
/* @end */

/* @group Lightbox */
/* LIGHTBOX */
#disp {
  width: 350px;
  border: none;
  background-color: transparent;
}
#disp a {
  color: #444;
}
#disp div.head { /* not always direct child element (form in #disp.mail) */
  height: 24px;
}
#disp div.head,
#disp div.head h2,
#disp div.head a.quit  {
  line-height: 24px;
  background-color: transparent;
}
#disp div.head h2 {
  color: #fff;
  font-size: 21px;
  font-weight: 300;
  letter-spacing: .025em;
}
#disp div.body {
  padding: 15px;
  margin-bottom: 0;
  border-radius: 2px 2px 0 0;
}
/* DISP MAIL */
#disp.mail div.body,
#disp.resp div.body {
  padding-bottom: 0;
}
.mail p + fieldset + fieldset {
  min-height: 4.4em;/* no jumping after recipient address renders */
}
#disp.mail .foot,
#disp.resp .foot,
#disp.cb-lightbox-code .foot,
#disp.message .foot {
  text-align: right;
  padding: 0 15px 10px;
  background-color: #fff;
}
#disp.mail .submit,
#disp.resp .submit,
#disp.message .submit + .submit {
  margin-right: 0;
}
#root div.cb-lightbox-code textarea {
  width: 428px;
}
/* DISP CONTROLS */
#disp .head .ctrl {
  right: 8px;
  width: 30px;
  position: absolute;
}
#disp.zoom .ctrl {
  width: 71px;
}
#disp .head .next,
#disp .head .prev,
#disp .head .cb-hybrid,
#disp div.head a.quit {
  width: 22px;
  height: 24px;/* #disp .head height */
  margin-top: 0;
  text-indent: -9000px;
}
.zoom div.quit {
  margin-left: 5px;
}
#disp .next,
#disp .prev {
  background-image: none;
}
#disp .head .cb-hybrid,
#disp div.head a.quit {
  background: url(/images/lb-ctr.png) no-repeat;
}
#disp .prev .cb-hybrid {
  background-position: 3px 50%;
}
#disp .next .cb-hybrid {
  background-position: -15px 50%;
}
#disp div.quit a.quit {
  background-position: -50px 50%;
}
#disp .head .cb-hybrid:hover,
#disp .head .cb-hybrid:focus,
#disp .head .quit:hover,
#disp .head .quit:focus {
  opacity: .75;
}
#disp .head .cb-hybrid:active,
#disp .head .quit:active {
  opacity: .5;
}
/* DISP SITEMAP */
#disp.site ul,
div.cb-sitemap ul {
  font-size: 15px;
  list-style: url(/images/list-sitemap.png);
}
#disp.site li,
div.cb-sitemap li {
  margin-top: 5px;
}
#lbox div.site h2 { /* german version "not found" has to fit in head */
  font-size: 17px;
  letter-spacing: normal;

}
/* DISP SEARCH */
#lbox div.srch td { /* overwrite default */
  padding-bottom: .8em;
}
#lbox div.srch th:first-child { /* overwrite default */ 
  text-align: right;
}
#lbox div.srch a,
#lbox div.site a {
  display: block;
}
#lbox div.srch a:focus {
  color: #111;
  text-decoration: underline;
}
/* DISP ZOOM */
#lbox div.zoom,
#lbox div.tube {/* tube = zoomed film */
  width: 770px;
  margin-left: -370px;
}
/* ZOOM IMAGE DESCRIPTION */
.zoom fieldset p {
  color: #444;
  padding: 0 15px 25px;
}
/* DISP FOOTER */
#disp div.foot {
  background: #fff;
  border-radius: 0 0 2px 2px;
}
#disp div.foot input.prev,
#disp div.foot input.canc,
#disp div.foot .button {
  margin-left: 15px;	
}
#disp div.foot input.next,
#disp div.foot input.conf,
#disp div.foot div .button {
  margin-right: 15px;
}
/* DISP CODE */
#disp.cb-lightbox-code div.foot input.conf {
  margin-right: 0;
}
/* @end */
/* @end */
/* edit mode */
.grow {
  text-transform: none !important;
}

div.seam {
  margin-top: 20px!important;
  background-color:#dddb3a!important;
  padding:0 10px;
  color:#372613!important;
  box-sizing: border-box;
}

div.seam .part,
div.seam .head h2 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* FLAT */

div.flat {
	text-align: center;
	display: flex;
  flex-direction: column;
  align-items: center;
}

div.flat div.head,
div.flat div.body {
	max-width: 240px;
	width: 100%;
}

div.flat .part {
	width: 100% !important;	
	margin-left: 0 !important;
	margin-right: 0 !important;
}

div.flat .part.pict {
	aspect-ratio: 1;
	border-radius: 10000px;
	overflow: hidden;
}

div.flat .part.pict img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}