@charset "UTF-8";
/* CSS Document @webart-workers*/
body{font-family: Georgia, "Times New Roman", Times, serif;font-size: 1rem;line-height:1.3rem; color: #AE753C; background-image: url(../img/sh/3_3_orange.gif);background-repeat: repeat;text-shadow:1px 1px #fff}
*{margin:0;padding:0;text-decoration:none}
blockquote{margin:12px 21px!important}
.cook{display:contents;position:absolute;padding:30px;text-align:center;}
strong.rad {background-color: rgba(255,255,255,.99);transform: rotate(-10deg);border: 3px dotted #fa9d11;border-radius: 75px;width: 156px;height: 115px;display: inline-block;padding-top: 39px;opacity: 100%;z-index: 99999999;top: 180px;right: 15%;position:absolute}

#menu__toggle {opacity: 0;}
#menu__toggle:checked + .menu__btn > span {transform: rotate(45deg);}
#menu__toggle:checked + .menu__btn > span::before {top: 0;transform: rotate(0deg);}
#menu__toggle:checked + .menu__btn > span::after {top: 0;transform: rotate(90deg);}
#menu__toggle:checked ~ .menu__box {left: 0 !important;z-index:999;position:fixed}
.menu__btn {position: fixed;top: 2rem;left: 2rem;width: 2rem;height: 2rem;cursor: pointer;z-index: 9999;}
.menu__btn > span,.menu__btn > span::before,.menu__btn > span::after {display: block;position: absolute;width: 100%;height: 4px;background-color: #BB6D40;transition-duration: .25s;}
.menu__btn > span::before {content: '';top: -8px;}
.menu__btn > span::after {content: '';top: 8px;}
.menu__box {display: block;	position: fixed;top: 0;	left: -100%;	width: 340px;	height: 100%;margin: 0;padding: 0 0 1rem;list-style: none;	transition-duration: .59s;overflow-y:auto;z-index: 99;}
.menu__item {display: block;padding: .4rem 1.4rem;color: #334; text-decoration: none;transition-duration: .25s;font-size:.925rem;background:rgba(255,255,255,.87);margin: 0 0 .04rem;}
.menu__box li:nth-child(1){margin-top:0;padding: 1.4rem 1rem 1rem 2.5rem;display: table;text-transform:uppercase;font-size:1rem;}
.menu__box li.ws{border-bottom:3px solid #fa9d11;color:#bb6d40;font-size:1.125rem;line-height: 1.75rem;text-shadow:none;text-align:center;background:rgba(255,255,255,.7)}
.menu__box li.ws:hover{background:rgba(255,255,255,1)}
.menu__box li.ws small a{color:#bb6d40;} 
.menu__box li.ws small{font-size:.85rem;text-shadow:none;text-align:center}
.menu__box li small strong{padding: .4rem 1.4rem;display: table;margin-bottom:0;font-size:1.25rem;line-height:154%}
.menu__item:hover {background-color: #fbb524;color:#223;text-transform:uppercase}
ul.menu__box{background-image: url(../../antiquitaeten-freiburg.jpg);	background-position: left top;background-size:contain}
ul.menu__box li a.menu__item::before{content: "»  ";}
.men{position: absolute;left: 4.5rem;top: 1.5rem;z-index: 999;}
.top100{width:100%;display:block;background-color:#e5e5e6;text-shadow:1px 1px #fff;z-index:999;position:fixed;border-bottom:solid 1px #8C4600;background-image: url(../img/sh/bg-1.gif);background-repeat: repeat-x;opacity:.87;padding:8px 0 0;line-height:17px;color:#ae753c;top:-12px}
.top{max-width:960px;margin:0 auto;padding:5px 20px;font-family: Verdana,Arial, sans;color:#332;font-size:11px}
.address{float:left;width:40%}.address a,.run a{color:#fff;background-color:#fa9d11;padding:2px 4px;border-radius:4px;text-shadow:1px 1px #332;transition: all .4s ease;}.address a:hover,.run a:hover{color:#112;background-color:#fff;text-shadow:1px 1px #fff;transition: all .4s ease;text-decoration:none;opacity:.99}.run{margin:0 auto;float:none;max-width:120px;}
.open{float:right;text-align:right}.run a{font-size:14px;position:absolute;margin-top:14px;padding:3px 7px}
.container{max-width:100%;overflow:hidden;margin:0 auto;border-bottom:solid 2px #8C4600;border-top:solid 1px #8C4600;background-color:rgba(245,245,245,.34);padding: 0}
.header{margin:55px auto 0;background-image: url(../img/bg-1.gif);background-repeat: repeat-x;}
#headerimg{background-image: url(../../img/schrank-frei.png);background-repeat: no-repeat;background-position:16% 0;background-color:rgba(255,255,255,.82);padding:2rem 0 5rem;text-align: center;}
h1, h2, h3, h4{font-weight:normal;font-style: italic;word-wrap: break-word;}
h2 small,h3 small{font-size:60%;line-height:70%}
#nw.prod{margin:14px auto 3px;font-size:130%;text-align:left; display: flex;justify-content: space-between;flex-flow: row wrap;  flex-direction: row;align-content: stretch;align-items: stretch;}
#nw.prod h3 {margin-left:0;padding:7px}
#nw.prod h3 a{float:left;padding:7px;margin:0 3px 3px 0;color:#556;font-size:18px;text-decoration:none;background-color:#fa9d11;text-shadow:0 0 #222;flex-grow: 1;flex-shrink: 1;flex-basis: 150px; flex-flow: row wrap;align-content: flex-start; }
#nw.prod h3 a:hover{color:#BB6D40;background-color:white}
#month.prod h1,#month.prod h2{text-align:left!important;margin:0 0 21px 21px;font-size:35px!important;letter-spacing:0;line-height:45px; }
#month.prod h2{letter-spacing:0}
#month.prod h3{margin:0 21px 21px 21px}
#month.prod div.bild{width:62%!important;max-height:600px!important;}
#month.prod div.text{width:35%!important;}
#month.prod div.text,#month.prod div.text p{width:100%;font-size:15px;line-height:22px;font-style:italic;color:#332;text-align: justify;}
#month.prod div.new p,#month.prod div.new p a{font-size:15px;line-height:22px;font-style:italic;color:#332;}
#month.prod div.preis{font-size:30px!important;line-height:63px;background-color:rgba(232,189,89,.13);margin:21px 0 32px;padding-left:21px;padding-right:21px}
#month.prod div.new{display:inline-block;border-right:1px dotted grey;width:21%;padding:4px 14px;margin:2px 2px 21px 2px;vertical-align: top;}
#month.prod div.new:hover{background-color:rgba(100,100,100,.04)}
#month.prod div.new:nth-child(6),
#month.prod div.new:last-child{border-right:none}
#month.prod div.new h2 {line-height:21px;margin:0;}
#month.prod div.new h2 a{font-size:21px!important;line-height:24px;margin:0;color:#fa9d11;}
#month.prod div.new:hover h2 a{color:#8c4600;}
#month.prod div.new h2 a:hover,#month.prod div.new p a:hover{text-decoration:underline}
#month.prod div.new p img{max-width:190px;overflow:hidden}
#month.prod div.text div.quick {padding: 0;}
#month.prod div.text div.quick a{padding:5px 5px 5px 0;margin-right:3px;color:#332;filter:grayscale(.7);font-size:100%}
#month.prod div.text div.quick a img{top:5px;position:relative;padding-right:9px}
#month.prod div.text div.quick a:hover{filter:grayscale(0);text-decoration:none;border-bottom:transparent;color:#f60}
#headerimg h1, #headerimg h2, #headerimg h3{text-align:center;font-style: italic;display:block;}
#headerimg h1{font-size:62px;line-height:77px;letter-spacing: 1.0px;display:inline-block;}
.header h1,h1{font-size: 53px;color: #BB6D40;line-height:59px}
.header h2,.header h3{font-size: 22px;padding:15px 0 0;line-height:24px;color: #BB6D40;}
.header h4{font-size: 1rem;text-align:center}
.header h4 a{color:#fa9d11} 
.nav-collapse.closed{display:block;width:100%;  background: #f3f3f4;border-bottom:solid 2px #ccc;}
ul .mail{width:960px;margin:0 auto}
.nav-collapse ul.main li a{;font-size:21px;color:#BB6D40;text-align:center}
.nav-collapse ul.main li a:hover{color:#8c4600;text-shadow:1px 1px #fff}
.all9{margin:0 auto;padding:35px 15px 0;box-sizing:border-box}

.all9#buddh{background:#fff;margin:0 auto;padding:1rem;box-sizing:border-box;/*max-width:960px;*/border: 1px solid #EADAC0;   box-shadow: -12px -14px 14px -14px, 11px 16px 8px -10px #556;}

#start.all9#buddh{background:#fff;margin:0 auto;padding:1rem;box-sizing:border-box;border: 1px solid #EADAC0;   box-shadow: -12px -14px 14px -14px, 11px 16px 8px -10px #556;}

.all9 a{color:#f90;text-decoration:none}
.all9 a:hover{border-bottom:1px solid #332;background-color:#fff;text-decoration:none}
.all9 ul{list-style:none;margin-left:11%;width:70%}
.all9 ul li{text-align:left;font-size:21px;line-height:36px}
.text ul{width:100%;list-style:disc;margin-left:1%;}
.text ul li{text-align:left;font-size:18px;line-height:22px}
.all9l1,.all9m1,.all9r1,.all9l2,.all9m2,.all9r2,.all9l3,.all9m3,.all9r3{max-width:460px;width:32%;height:240px;box-shadow:-14px -14px 14px -14px, 0 16px 8px -10px #fff;margin:0 0.5% 22px;background:#fff;text-align:center;transition: all .4s ease 0s;display:inline-block}
.all9l1 h2,.all9m1 h2,.all9r1 h2,.all9l2 h2,.all9m2 h2,.all9r2 h2,.all9l3 h2,.all9m3 h2,.all9r3 h2{text-align:center!important;background:none!important;padding:10px 0;max-width:100%!important;}
.all9l1 h2 a,.all9m1 h2 a,.all9r1 h2 a,.all9l2 h2 a,.all9m2 h2 a,.all9r2 h2 a,.all9l3 h2 a,.all9m3 h2 a,.all9r3 h2 a
{font-size: 28px;color: #fff;text-shadow: 1px 1px #223;text-decoration: none;	line-height: 40px;	position: relative;	top: 120px;	display: block;	text-align: center!important;background-color:rgba(50,50,50,0);transition: all .4s ease}
.one{width:1px;height:1px}
.all9l1 h2 a:hover,.all9m1 h2 a:hover,.all9r1 h2 a:hover,.all9l2 h2 a:hover,.all9m2 h2 a:hover,.all9r2 h2 a:hover,.all9l3 h2 a:hover,.all9m3 h2 a:hover,.all9r3 h2 a:hover{background-color:rgba(250,175,15,0.75);transition: all .4s ease;text-decoration:none}
.all9l1{background-image: url(../../freiburg/9/001.jpg);background-repeat: no-repeat;background-position: center center;}
.all9l1:hover,.all9l2:hover,.all9l3:hover,.all9m1:hover,.all9m2:hover,.all9m3:hover,.all9r1:hover,.all9r2:hover,.all9r3:hover{ transition: all .4s ease 0s;box-shadow:-14px -14px 14px -14px, 0 16px 8px -10px #332;}
.all9m1{background-image: url(../../freiburg/9/0022.jpg);background-repeat: no-repeat;background-position: center center;}
.all9r1{background-image: url(../../freiburg/9/003.jpg);background-repeat: no-repeat;background-position: center center;}
.all9l2{background-image: url(../../freiburg/9/0042.jpg);background-repeat: no-repeat;background-position: center center;}
.all9m2{background-image: url(../../freiburg/9/005.jpg);background-repeat: no-repeat;background-position: center center;}
.all9r2{background-image: url(../../freiburg/9/008.jpg);background-repeat: no-repeat;background-position: center center;}
.all9l3{background-image: url(../../freiburg/9/007.jpg);background-repeat: no-repeat;background-position: center center;}
.all9m3{background-image: url(../../freiburg/9/006.jpg);background-repeat: no-repeat;background-position: center center;}
.all9r3{background-image: url(../../freiburg/9/0092.jpg);background-repeat: no-repeat;background-position: center center;}
.all9 ul#xmap{margin:25px auto;max-width: 500px;}
.all9 ul#xmap li,.all9 ul#xmap li a{text-align:center!important}


.all100#start{width:100%;max-width:unset;text-align:center;margin:0 auto 1rem;padding-bottom:50px;transition: all .4s ease 0s;}
.all100{width:100%;max-width:1270px;text-align:center;margin:0 auto 1rem;padding-bottom:50px;transition: all .4s ease 0s;}
.all100:hover{background-color:rgba(255,255,255,.7);transition: all .4s ease 0s;}

#start.all100 div.all1 div#buddh.all9 .gfive{}
#start.all100 div.all1 div#buddh.all9 .gfive img{margin: 0 .21rem .21rem;}
#start.all100 div.all1 div#buddh.all9 h3{}
.all100 p{text-align:left;}

#month.prod {padding:2px 14px 21px;min-height:auto;display:inline-table}
.prod{font-size:21px;line-height:27px;width:88%;max-width:960px;padding:1rem 0	3.5rem;color: #AE753C;border:1px solid #EADAC0;margin:19px auto 37px;box-shadow:-12px -14px 14px -14px, 11px 16px 8px -10px #556;display:block!important;background-color:rgba(255,255,255,1);overflow:hidden;}
.prod h2{display: block;max-width: 80%!important;width: 80%;color: #BB6D40;font-size:18px!important;text-align:left!important;}
.prod h2 strong{font-weight:normal!important;font-size:34px;line-height:42px;display:block}
.all100 h2{width:100%}
.all100 h2,.all100 h3{font-size:24px;line-height:38px;color:#8c4600;font-weight:normal;text-align:left;margin-left:1.7%;max-width:70%;padding:12px 0;display:inline-block}
.bild{float:left;width:67%;max-height:330px;overflow:hidden;text-align:center;transition: all .4s ease 0s;}
.fadein { position:relative; width:500px; height:332px;}
.fadein img {position:absolute; left:0; top:0;}
.prod div.bild a img{max-width:550px;overflow:hidden;text-align:center; box-shadow: 0 11px 8px -10px #223, 0 -5px 8px -10px #223;position:relative;top:-20px}
#mbOverlay{opacity:.4!important}
.text{float:left;width:30%;text-align:left;padding:0 0 0 10px;}
.preis{color: #F60;line-height: 27px;margin: 12px 0 8px;font-size: 21px;font-style: italic}
.innertext h3,.all9 h1, .all9 h2, .all9 h3{text-align:center;margin:0 auto}
.all9 h1,.all9 h2,.all9 h3{max-width:960px}
.all9 h2, .all9 h3{text-align:left!important}
.footer{margin:0 auto;padding:15px;background-color:rgba(255,255,255,.9);border-bottom:solid 2px #8C4600;}
.footer ul{list-style-type:none;margin:10px auto;max-width:960px;text-align:center}
.footer ul li{display:inline-block;text-align:center}
.footer ul li a{font-size:17px;color: #f8b05a;text-decoration: none;text-align:center;padding: 7px}
.footer ul li a:hover {background: #fa9d11 none repeat scroll 0 0;color: #fff;text-shadow: 1px 1px #676565;}
.subborder{margin:0 auto;padding:15px;transition: all .4s ease 0s;}
.subborder:hover{background-color:rgba(255,255,255,.7);transition: all .4s ease 0s;}
.subborder h2{max-width:960px!important;font-size:24px;line-height:38px;color:#8c4600;font-weight:normal;text-align:center;margin:0 auto}
.bottom100{display:block;text-align:center;font-style:italic;font-size:24px;line-height:38px;padding:15px;background-color:rgba(255,255,255,.9);border-top:solid 2px #8C4600;}
.bottom100 p{font-size:17px;line-height:24px}
.clearfix:after, .moduletable:after {content: ".";display:block;height: 0;clear: both;visibility: hidden;}
@media screen and (max-width:1280px) {	
.all9l1 h2 a,.all9m1 h2 a,.all9r1 h2 a,.all9l2 h2 a,.all9m2 h2 a,.all9r2 h2 a,.all9l3 h2 a,.all9m3 h2 a,.all9r3 h2 a{font-size:26px;white-space: nowrap;}
.all9l1, .all9m1, .all9r1, .all9l2, .all9m2, .all9r2, .all9l3, .all9m3, .all9r3{width:32%}
}
@media screen and (max-width:1090px) {
#headerimg{background-position:2% 0;display: block;}
.container{width:100%;max-width:100%;overflow:hidden}
.all100 h2,.all100 h3{max-width:96%;}
}
@media screen and (max-width:1030px) {
body{padding:0}#month.prod div.new{width:29%}
	.top{float:right;margin:0}
#month.prod div.new{border-right:1px dotted white;border-bottom:1px dotted grey;margin: 0 0 3px}
#month.prod div.new p img{max-width:140px;float:left;margin:0 9px 9px 0}
}
@media screen and (max-width:995px) {
.all9l1,.all9m1,.all9r1,.all9l2,.all9m2,.all9r2,.all9l3,.all9m3,.all9r3{max-width:48%;width:48%;}
iframe{max-width:98%}
#month.prod{width:93%;max-width:93%;max-height:1100px!important}
.bild,.text,#month.prod div.bild,#month.prod div.text{width:97%!important;}
}
@media screen and (max-width:900px) {.run a{margin-top:2.5rem}
}
@media screen and (max-width:840px) {
#month.prod div.new{width:41%}
.top100{position:relative}
.subborder h2{max-width:100%}
.header{margin-top:-11px}
.header h1{letter-spacing:0}
#month.prod div.text{margin-top:0}
#headerimg{background-image:none}	
#month.prod div.preis{float:right}
.prod{margin:19px auto 4px;height:auto;}
.prod div.bild a img{max-width:100%}
#headerimg{padding:20px .6rem 2rem;text-align: center;}
#month.prod h3 {text-align: left !important;margin: 0 0 29px}
#month.prod h1{font-size: 28px;max-width:70%;margin:7px 0 18px}
#month.prod div.text div.quick {padding: 0 0 20px;}
}
@media screen and (max-width:810px) {
img{max-width:100%!important;height:auto}
.bild{margin-bottom:20px}
#month.prod div.new h2 a{font-size:23px!important}
#month.prod div.preis{transform:scale(.82);float:none;width:90%;display:block;margin:9px 0 !important}
.all100 h3{width:100%}#nw.prod h3 a{width:95%}
}
@media screen and (max-width:680px) {
/*.all9{padding:0}*/.all9 h1{font-size:42px}.header h2,.header h3{font-size:18px}
.address,.open{width:100%;float:right;text-align:right;}.open{text-align:right;margin-top:10px}
.run{float:right;margin:-33px 75px 0 0}
.nav-toggle{left:34%;top:330px}
.all9l1,.all9m1,.all9r1,.all9l2,.all9m2,.all9r2,.all9l3,.all9m3,.all9r3{max-width:80%;width:460px;margin:0 auto 10px}
.prod h2 strong{margin-left:10px}
#month.prod div.new{width:100%;max-width:100%;}
	strong.rad {top: 240px;}
}
@media screen and (max-width:570px) {
.header h2,.header h3{font-size: 19px;}
#month.prod {padding:0 14px;}
}
@media screen and (max-width:520px) {
#headerimg h1 { font-size: 45px;line-height: 52px;}
.header h1,h1{font-size: 42px;letter-spacing: 2.0px;line-height:47px}
.all9 ul#xmap{max-width: 99%;}
.all9l1 h2 a,.all9m1 h2 a,.all9r1 h2 a,.all9l2 h2 a,.all9m2 h2 a,.all9r2 h2 a,.all9l3 h2 a,.all9m3 h2 a,.all9r3 h2 a{word-wrap:break-word}
.all9l1,.all9m1,.all9r1,.all9l2,.all9m2,.all9r2,.all9l3,.all9m3,.all9r3{width:99%;}
}