/*-----------------------------------------------------------------------------------
	Wäldner-Orgeln
	About: Instrumente, Geschichte und Quellen der halleschen Orgelbauwerkstatt Wäldner.
	Author: Michael Wünsche
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
    background:#FFFEFB;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: 0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */

/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
	position:relative;
}


/* Light theme */

.d-bloc .card,.l-bloc{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
	color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(0,0,0,.6);
}
:where(.l-bloc) .bloc-link{
	fill:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Correct Dropdown Links */

.d-bloc .dropdown-menu a, .l-bloc .dropdown-menu a,.d-bloc .dropdown-menu a:hover, .l-bloc .dropdown-menu a:hover{
	color:var(--bs-nav-link-hover-color);
}


/* = NavBar
-------------------------------------------------------------- */

/* Navbar Icon */
.svg-menu-icon{
	fill: none;
	stroke: rgba(0,0,0,0.5);
	stroke-width: 2px;
	fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
	stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
	stroke-width: 1px;
}
.menu-icon-thick-bars{
	stroke-width: 5px;
}
.menu-icon-rounded-bars{
	stroke-width: 3px;
	stroke-linecap: round;
}
.menu-icon-filled{
	fill: rgba(0,0,0,0.5);
	stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
	fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
	background: none!important;
	pointer-events: none;
	width: 33px;
	height: 33px;
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	fill:#FFF;
	background:rgba(0,0,0,.3);
}






/* = Cards
-------------------------------------------------------------- */
.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
	margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
	.card-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
}
.card-columns .card {
	display: inline-block;
	width: 100%;
}
.card-columns > * {
	-webkit-column-break-inside: avoid;
}
}



/* ScrollToTop button */

.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:1rem;
	right:1rem;
	opacity:0;
	z-index:999999;
	transition: all .3s ease-in-out;
	pointer-events:none;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font-family:"Helvetica";
}
.container{
	max-width:1140px;
}

/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root{
	
}





/* = Additional CSS
-------------------------------------------------------------- */

:root{--ink:#17231f;--muted:#52605a;--cream:#f6f4ee;--paper:#fffefb;--gold:#a57432;--line:#d9ddd4;--forest:#1c3730}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.wrap{width:min(1170px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:5;background:rgba(255,254,251,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{font:700 25px/1 Georgia,serif;letter-spacing:-.025em;white-space:nowrap}.brand small{display:block;margin-top:7px;font:600 9px/1 sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}nav{display:flex;gap:23px;flex-wrap:wrap;font-size:13px;font-weight:650}nav a[aria-current]{color:var(--gold)}
.eyebrow{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.2em;color:var(--gold)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em;line-height:1.13;font-weight:500}h1{font-size:clamp(3.4rem,7vw,7.2rem);margin:.28em 0}h2{font-size:clamp(2.1rem,4vw,3.8rem);margin:.25em 0 .45em}h3{font-size:1.55rem;margin:.3em 0}.lead{font-size:clamp(1.12rem,1.6vw,1.35rem);line-height:1.55}.button{display:inline-flex;align-items:center;gap:20px;border-radius:3px;background:var(--forest);color:white;padding:14px 22px;font-size:14px;font-weight:700;margin-top:22px}.button:hover{text-decoration:none;background:#305248}.text-link{display:inline-block;margin-top:15px;font-weight:700;border-bottom:1px solid var(--gold)}
.hero{min-height:640px;display:grid;grid-template-columns:minmax(340px,44%) 1fr;background:var(--cream)}.hero-copy{align-self:center;padding:70px max(40px,calc((100vw - 1170px)/2)) 80px max(34px,calc((100vw - 1170px)/2));padding-right:45px}.hero-copy p{max-width:470px}.hero-photo{position:relative;min-height:620px}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.photo-caption{position:absolute;bottom:18px;right:20px;padding:6px 10px;background:rgba(18,30,26,.76);color:#fff;font-size:11px;letter-spacing:.04em}
section{scroll-margin-top:100px}.section{padding:100px 0}.section-soft{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:start}.intro-grid .lead{max-width:690px}.divider{height:1px;background:var(--line)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--paper);border:1px solid var(--line)}.card img{width:100%;height:240px;object-fit:cover}.card-body{padding:26px}.card p{color:var(--muted);font-size:15px;margin-bottom:0}.card .eyebrow{margin:0}.card:hover{box-shadow:0 12px 35px rgba(25,40,35,.08)}.number{font:italic 54px Georgia,serif;color:#c1a16b}.callout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.callout img{aspect-ratio:1.35;object-fit:cover}.source-note{font-size:13px;color:var(--muted)}.site-footer{background:var(--forest);color:#f4f0e6;padding:52px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px}.site-footer p{font-size:13px;color:#c6d0c6;margin:6px 0}
.crumb{font-size:13px;color:var(--muted);padding-top:38px}.article-hero{padding:55px 0 70px;display:grid;grid-template-columns:.87fr 1.13fr;gap:7%;align-items:center}.article-hero h1{font-size:clamp(3.4rem,6vw,6.6rem)}.article-hero img{width:100%;height:520px;object-fit:cover}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}.facts span{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.facts strong{font:500 23px Georgia,serif}.article-body{max-width:760px;margin:0 auto}.article-body p{font-size:18px;line-height:1.8;color:#304038}.article-body .source-note{font-size:14px}.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.gallery img{width:100%;height:390px;object-fit:cover}.back{border-top:1px solid var(--line);padding:38px 0 75px}
@media(max-width:850px){.hero,.article-hero,.intro-grid,.callout{grid-template-columns:1fr}.hero-photo{min-height:440px}.hero-copy{padding:60px 28px}.cards{grid-template-columns:1fr 1fr}.article-hero img{height:420px}.section{padding:70px 0}nav{gap:12px}}
@media(max-width:600px){.wrap{width:min(100% - 32px,1170px)}.header-inner{align-items:flex-start;flex-direction:column;padding:16px 0;gap:14px}.brand{font-size:22px}nav{font-size:12px}.hero-photo{min-height:330px}.cards,.gallery,.facts{grid-template-columns:1fr}.card img{height:250px}.article-hero{padding-top:35px}.article-hero img{height:340px}.gallery img{height:300px}.footer-inner{display:block}}


/* Extensions for the complete archive; all original preview rules above. */
.preview-bloc{padding:0!important;margin:0!important;background:transparent}
.preview-bloc .container-fluid{width:100%;max-width:none;padding:0!important;margin:0!important}
.preview-bloc .row{margin:0!important;padding:0!important;display:block}
.preview-bloc .col-12{width:100%;max-width:none;padding:0!important;margin:0!important}
.preview-header-bloc{position:sticky;top:0;z-index:100}
.preview-header-bloc .site-header{position:static}
.site-header nav{gap:20px}
.hero-photo img{position:absolute;inset:0}
.hero-photo{overflow:hidden}
.article-hero h1{overflow-wrap:break-word}
.article-hero .lead{max-width:510px}
.article-hero figure{margin:0;position:relative}
.article-hero figure img{height:520px}
.article-hero figure .photo-caption{bottom:12px;right:12px}
.article-body{overflow-wrap:anywhere}
.article-body p,.article-body li{font-size:18px;line-height:1.8;color:#304038}
.article-body h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:1.4em 0 .5em}
.article-body h3{font-size:1.45rem;margin:1.4em 0 .4em}
.article-body h4{font-family:Georgia,serif;font-size:1.18rem}
.article-body a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--gold)}
.article-body img{max-width:100%;height:auto;margin:25px 0}
.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:30px 0;font-size:15px;line-height:1.45}
.article-body th,.article-body td{border:1px solid var(--line);padding:9px 12px;vertical-align:top;min-width:32px}
.article-body tr:nth-child(even){background:var(--cream)}
.article-body blockquote{border-left:3px solid var(--gold);padding-left:25px;margin-left:0}
.article-body sup{font-size:.72em}
.article-body ul,.article-body ol{padding-left:1.5em}
.article-body hr{border:0;border-top:1px solid var(--line);margin:35px 0}
.page-intro{max-width:760px}
.page-intro p{font-size:18px;line-height:1.8}
.lead-small{max-width:760px}
.card{display:flex;flex-direction:column}
.card img{background:#e8e6dc}
.card-image{display:block}
.card-body{flex:1}
.card-title{color:inherit;text-decoration:none}
.card-title:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.card .text-link{font-size:14px}
.cards--archive{margin-top:35px}
.chapter-list{columns:2;column-gap:70px;list-style:none;margin:30px 0 0;padding:0}
.chapter-list li{break-inside:avoid;border-top:1px solid var(--line);padding:16px 0}
.chapter-list a{display:block;font:500 20px/1.35 Georgia,serif}
.chapter-list small{display:block;color:var(--gold);font:700 11px/1.5 sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.chapter-group+.chapter-group{margin-top:70px}
.archive-notice{border-left:3px solid var(--gold);background:var(--cream);padding:17px 23px;margin:0 0 32px;font-size:15px}
.archive-notice p{margin:0;font-size:15px}
.archive-notice a{text-decoration:underline}
.facts strong{display:block;font-size:clamp(17px,2vw,23px);overflow-wrap:anywhere}
.article-body > :first-child{margin-top:0}
.gallery figure{margin:0}.gallery figcaption{font-size:13px;color:var(--muted);padding-top:9px}
.pagination{border-top:1px solid var(--line);padding:36px 0 78px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.pagination a{max-width:48%;font:500 20px/1.35 Georgia,serif}
.pagination small{display:block;font:700 11px/1.6 sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.event-row{border-top:1px solid var(--line);padding:23px 0;display:grid;grid-template-columns:160px 1fr;gap:22px}
.event-row time{font-size:14px;color:var(--gold);font-weight:700}
.event-row h3{font-size:1.35rem;margin:0 0 5px}.event-row p{margin:0;color:var(--muted)}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:13px}
.footer-links a{color:#f4f0e6}
.fallback-caption{position:absolute;bottom:12px;right:12px;max-width:65%;font-size:11px;color:#fff;background:rgba(18,30,26,.76);padding:6px 10px}
.archive-video{max-width:760px;margin:32px auto}.archive-video video{display:block;width:100%;aspect-ratio:16/9;background:var(--forest)}.archive-video figcaption{font-size:13px;color:var(--muted);padding-top:10px}
.archive-video figcaption a{color:var(--forest);text-decoration:underline}
@media(max-width:850px){.article-hero figure img{height:420px}.site-header nav{gap:12px}.chapter-list{columns:1}}
@media(max-width:600px){.site-header nav{flex-wrap:nowrap;overflow-x:auto;width:100%;white-space:nowrap;padding-bottom:5px}.article-hero figure img{height:340px}.event-row{grid-template-columns:1fr;gap:4px}.pagination a{font-size:17px}.hero-photo img{position:relative;height:330px}.hero-photo{min-height:330px}}


/* Accesibility Enhancements */
a:focus-visible,button:focus-visible{outline: 4px solid rgba(13, 110, 253, 0.60)!important;outline-offset: 2px;box-shadow:none!important;}


/* = Toggle Visibility
-------------------------------------------------------------- */

.toggled-item{transition: height 350ms ease-in-out, padding 350ms ease-in-out, opacity 350ms ease-in-out;overflow: hidden;}
.toggled-item-hidden{padding-top:0!important;padding-bottom:0!important;border-top:0!important;border-bottom:0!important;outline:0!important;opacity: 0;}
.object-hidden{display:none;}


/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
    .link-with-icon.text-sm-start,.link-with-icon.text-sm-left{justify-content: flex-start;}
    .link-with-icon.text-sm-center{justify-content: center;}
    .link-with-icon.text-sm-end,.link-with-icon.text-sm-right{justify-content: flex-end;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
    .link-with-icon.text-md-start,.link-with-icon.text-md-left{justify-content: flex-start;}
    .link-with-icon.text-md-center{justify-content: center;}
    .link-with-icon.text-md-end,.link-with-icon.text-md-right{justify-content: flex-end;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
    .link-with-icon.text-lg-start,.link-with-icon.text-lg-left{justify-content: flex-start;}
    .link-with-icon.text-lg-center{justify-content: center;}
    .link-with-icon.text-lg-end,.link-with-icon.text-lg-right{justify-content: flex-end;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}

