@import url(reset.css);#corona,h1{position:absolute}.col1,.col3,.col4{margin-right:5%}#calender .dates>div>div,#calender .dates>div>div>*,#subnav,a,h2,h3,p,span{color:#a32b35}#subnav a,p{font-style:normal}.mail,.navpuffer,.phone{z-index:9999;height:auto}.icon,.jahre,.logo,.mail,.navpuffer,.phone{height:auto}.container::after,.timeline::after{content:'';top:0;background-color:#a32b35}#leistungen p,#navigation ul,#subnav,.content,h1,h2{text-align:center}#anfertigung,#navigation ul,.container::after,.timeline::after{background-color:#a32b35}.bestellung p,.content,.inhalt{width:80%;margin-left:10%}.aufrufen,.formular,.icon{transition:.8s}.aufrufen,.fenster a,.formular{font-size:16px}#kontakt .accordion,#workshops .accordion{padding:10px 10px 5px;outline:0;transition:.4s;text-align:left;cursor:pointer}#kontakt .accordion:after,#workshops .accordion:after{float:right;margin-left:5px;padding:0 5px;font-size:20px}.fenster a,.popup .close,a{text-decoration:none}.resp-sharing-button__icon,.resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle{fill:#fff;stroke:none}*{box-sizing:border-box}@font-face{font-family:Trocchi;font-style:normal;font-weight:400;src:url(../fonts/trocchi-v6-latin-regular.eot);src:local('Trocchi Regular'),local('Trocchi-Regular'),url(../fonts/trocchi-v6-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/trocchi-v6-latin-regular.woff2) format('woff2'),url(../fonts/trocchi-v6-latin-regular.woff) format('woff'),url(../fonts/trocchi-v6-latin-regular.ttf) format('truetype'),url(../fonts/trocchi-v6-latin-regular.svg#Trocchi) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:url(../fonts/roboto-v18-latin-100.eot);src:local('Roboto Thin'),local('Roboto-Thin'),url(../fonts/roboto-v18-latin-100.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v18-latin-100.woff2) format('woff2'),url(../fonts/roboto-v18-latin-100.woff) format('woff'),url(../fonts/roboto-v18-latin-100.ttf) format('truetype'),url(../fonts/roboto-v18-latin-100.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(../fonts/roboto-v18-latin-300.eot);src:local('Roboto Light'),local('Roboto-Light'),url(../fonts/roboto-v18-latin-300.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v18-latin-300.woff2) format('woff2'),url(../fonts/roboto-v18-latin-300.woff) format('woff'),url(../fonts/roboto-v18-latin-300.ttf) format('truetype'),url(../fonts/roboto-v18-latin-300.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/roboto-v18-latin-regular.eot);src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto-v18-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v18-latin-regular.woff2) format('woff2'),url(../fonts/roboto-v18-latin-regular.woff) format('woff'),url(../fonts/roboto-v18-latin-regular.ttf) format('truetype'),url(../fonts/roboto-v18-latin-regular.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(../fonts/roboto-v18-latin-500.eot);src:local('Roboto Medium'),local('Roboto-Medium'),url(../fonts/roboto-v18-latin-500.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v18-latin-500.woff2) format('woff2'),url(../fonts/roboto-v18-latin-500.woff) format('woff'),url(../fonts/roboto-v18-latin-500.ttf) format('truetype'),url(../fonts/roboto-v18-latin-500.svg#Roboto) format('svg')}body{background:url(../images/buchbinderei-background.webp) center/cover no-repeat fixed;height:700px;width:100%;position:relative}p{font-family:Roboto;font-weight:400;font-size:15px}#navigation ul li,#workshops .accordion,h1,h2,h3{font-family:Trocchi,serif}#corona h3,#navigation ul li:hover,h1{color:#fff}strong{font-weight:500}.formular,h1,h2,h3{font-weight:400}#corona{background:#a32b35;padding:20px;width:40%;right:0;top:0;margin-top:500px}#navigation,#subnav,.mail,.navpuffer,.phone{position:fixed}#aktuelles h2,#aktuelles p,#anfertigung h2,#anfertigung h3,#kombi-kurs h2,#kombi-kurs p,#kontakt .panel a,#kontakt h2,#kontakt p,#postkarten h2,#postkarten p,#termin h2,#termin p,.formular{color:#f9edd4}h1{font-size:19px;right:10%;top:150px}h2{font-size:30px;margin-bottom:30px}h3{margin-bottom:10px;font-size:20px}.inhalt{display:flex}#subnav,.col1,.col2{width:40%}.col2{margin-left:15%}.col3,.col4{width:100%}#navigation{width:100%;z-index:999;text-align:right;right:0}#navigation ul{padding:10px 20px}#navigation ul li{display:inline;font-weight:400;color:#f9edd4;font-size:16px;padding:0 15px}#calender .dates:not([data-active]),.menu,.sidenav{display:none}.navpuffer{top:42px;left:auto;width:100%}#subnav{bottom:0;z-index:999;margin-left:30%;background-color:#f9edd4;padding:8px 10px}#subnav a{font-family:Trocchi;font-size:13px}.mail,.phone{width:60px}.container::after,.jahre,.logo,.timeline::after{position:absolute}.phone{right:0;top:200px}.mail{right:0;top:270px}.aktuelles-puffer,.header,.postkarten-puffer{width:100%;height:auto}.logo{top:60px;left:20px;width:300px}#historie,#leistungen h2,#tradition{margin-top:60px}#tradition p{width:60%;margin-left:20%;margin-bottom:50px}.jahre{width:120px;margin-left:5%}#ende,#puffer,.container,.timeline{position:relative}.timeline{margin:0 auto}.timeline::after{width:5px;bottom:0;left:50%}.container{padding:1px 10px;background-color:inherit;width:50%}.container::after{width:20px;height:20px;right:-12px;border-radius:50%;z-index:1}.left{left:0}.right{left:50%}.right::after{left:-8px}#aktuelles,#kontakt,#postkarten{background-color:#a32b35;padding:60px 0}.icon{display:inline;width:150px;margin:40px 20px 0}.buchpuffer,.kontakt-puffer{margin-bottom:-1px;position:absolute;height:auto;width:100%}.icon:hover{width:160px;height:auto}#leistungen li{list-style-image:url(../images/list.webp);color:#a32b35}#leistungen p{margin:40px 0}#anfertigung{padding:40px 0}#workshops{padding:60px 0}#workshops p{margin:40px 0 60px}#workshops .panel p{margin:15px 0}.bestellung p{border:2px solid #f9edd4;padding:20px 5px}#puffer{background:url(../images/buch-kontakt.webp) center/cover no-repeat fixed;height:400px;width:100%}#kontakt p{margin-bottom:40px}.formular{border:3px solid #f9edd4;padding:12px 25px}.formular:hover{color:#a32b35;background-color:#f9edd4}#kontakt .accordion,#workshops .accordion,.aufrufen:hover{background-color:#a32b35;color:#f9edd4}#ende{background:url(../images/buchbinderei-schrimpf.webp) center/cover no-repeat fixed;height:500px;width:100%}.kontakt-puffer{bottom:0;left:0}.buchpuffer{top:0;left:0}#hierhin,.overlay{position:fixed;top:0;left:0}.aufrufen{border:3px solid #a32b35;padding:12px 5px;color:#a32b35;font-weight:600}.overlay{bottom:0;right:0;background:rgba(0,0,0,.7);transition:opacity .5s;visibility:hidden;opacity:0}.overlay:target{visibility:visible;opacity:1;z-index:9999;overflow:scroll}.popup{margin:70px auto;padding:20px;background:#a32b35;border-radius:5px;width:50%;position:relative;transition:2s ease-in-out}.popup .close{position:absolute;top:5px;right:10px;transition:.2s;font-size:30px;font-weight:700;color:#fff}.popup .fenster{max-height:30%;overflow:auto}#hierhin{width:0;height:0}.fenster{width:80%;margin-left:10%}.coverbild{width:80%;height:auto;margin-bottom:40px}.akkordeon{margin-bottom:10px;cursor:pointer}.panel{padding:0;max-height:0;overflow:hidden;transition:.2s ease-out}.panel p{margin:5px 0}#workshops .accordion{width:100%;border:none;font-size:14px}#workshops .accordion:after{content:'⇒';color:#f9edd4}#workshops .active:after{content:"⇑"}#kontakt .accordion{width:100%;border:2px solid #f9edd4}#kontakt .accordion:after{content:'+';color:#f9edd4}#kontakt .active:after{content:"-"}#calender{text-align:left}#calender>#arrows{color:#fff;display:flex;justify-content:space-between}#calender>#arrows>a{font-size:28px;cursor:pointer}#calender .dates,#calender>#weekDays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:15px;text-align:center}#calender>#weekDays>div{display:block;width:100%;padding:10px;color:#fff}#calender .dates>div{display:block;margin-right:5px;width:100%;background:#fff;border-radius:5px;padding:5px}#calender .dates>div>span{display:block}#calender .dates>div.tue{grid-column:2}#calender .dates>div.wed{grid-column:3}#calender .dates>div.thu{grid-column:4}#calender .dates>div.fri{grid-column:5}#calender .dates>div.sat{grid-column:6}#calender .dates>div.sun{grid-column:7}@media screen and (max-width:860px){.sidenav,span .menu{position:fixed;background:#a32b35}#navigation,.navpuffer,.puffer-nav,h1{display:none}.inhalt,.sidenav,.sidenav a,span .menu{display:block}h2{font-size:25px}h3{font-size:18px}#subnav{width:80%;margin-left:10%}nav{text-align:left}span .menu{top:20px;right:20px;width:51px;height:42px;cursor:pointer;z-index:10000;transition:1s;padding:8px}.menu img{width:31px;height:30px;position:absolute;top:9px;right:7px;margin:0;padding:5px}.sidenav{height:100%;width:0;z-index:20000;top:0;right:0;overflow-x:hidden;transition:.5s;padding-top:15px}.sidenav a{font-family:Trocchi,serif;font-weight:400;color:#fff;padding:17px 8px 8px 32px;text-decoration:none;font-size:17px;transition:.3s}.offcanvas a:focus,.sidenav a:hover{color:#f9edd4}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.logo{top:10px;left:20px}#kontakt .col2,#workshops .col1,#workshops .col2{margin-left:0}.col1,.col2,.col3,.col4,.col5{width:100%}#kontakt p,#leistungen h3,#leistungen li{text-align:center}#leistungen .col3,.col4,.col5{margin-bottom:30px}.mail,.phone{width:50px;height:auto}.phone{right:0;top:200px}.mail{right:0;top:260px}}@media screen and (max-width:550px){.logo{width:200px;height:auto}#tradition p{width:90%;margin-left:5%;margin-bottom:50px}.jahre{position:relative;width:30%;height:auto;margin-left:35%;margin-bottom:30px}.timeline::after{left:25px}.container{width:100%;padding-left:70px;padding-right:25px}.container::before{left:60px;border:solid #fff;border-width:10px 10px 10px 0;border-color:transparent #fff transparent transparent}.left::after,.right::after{left:17px}.right{left:0}.popup{width:80%}}@media screen and (max-width:400px){#subnav{width:100%;margin-left:0;padding:4px 10px}}.resp-sharing-button__icon,.resp-sharing-button__link{display:inline-block}.resp-sharing-button__link{text-decoration:none;color:#fff;margin:80px 0}.resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:.5em .75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width:1em;height:1em;margin-right:.4em;vertical-align:middle}.resp-sharing-button--small svg{margin:0;vertical-align:middle}.resp-sharing-button--facebook{background-color:#3b5998}.resp-sharing-button--facebook:hover{background-color:#2d4373}