html { box-sizing: border-box; -webkit-text-size-adjust: 100%; font-size: 16px; }
html * { box-sizing: inherit; }
body, header, main, footer, section, article, ul, figure, figcaption, blockquote { display: block; margin: 0; padding: 0; border: 0; outline: 0; }
body { font-family: "ingram-wide-2", sans-serif; }
section { position: relative; }
h1, h2, h3 { margin: 0; }
ul { list-style-type: none; }
main section { text-align: center; }
.justify p { text-align: justify; }
a { text-decoration: none; }
small { font-size: 0.9em; }
blockquote { color: #2d5f6b; font-weight: 400; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.wrap-100 { width: 100%; }
.wrap-66 { width: 66.6666%; }
.wrap-50 { width: 50%; }
.wrap-33 { width: 33.3333%; }
.wrap-main { position: relative; }
.wrap-carousel { position: relative; margin: 0 auto 50px; }
.left { float: left; }
.right { float: right; }
.center { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.tk-paganini-open { font-weight: 400; }
main h1 { line-height: 1.0; }
main h2 { line-height: 1.5; }
h1.tk-ingram-wide-2, h2.tk-ingram-wide-2 { font-weight: 200; font-size: 4.5em; }
h3.tk-bookmania, figcaption { font-weight: 600; font-style: italic; font-size: 0.9375em; line-height: 1.0; }
main p { font-weight: 400; font-size: 0.9375em; line-height: 1.933333; color: #1d5f6b; }
.light-blue { color: #1d5f6b; }
.dark-blue { color: #082134; }
.light-red { color: #f34848; }
.dark-red { color: #7e0a0d; }
.red-3 { color: #5b090b; }
.dark-green { color: #289551; }
.ross-green { color: #26b85d; }
.dark-grey { color: #464545; }
.grey { color: #646464; }
.brown { color: #572403; }
.eichenblatt { display: inline-block; background-repeat: no-repeat; background-size: 190px 170px; }
.eichenblatt.light-red { width: 60px; height: 41px; background-image: url(../img/trenner.png); background-position: 0 0; }
.eichenblatt.dark-red { width: 60px; height: 41px; background-image: url(../img/trenner.png); background-position: -60px 0; }
.eichenblatt.dark-blue { width: 44px; height: 30px; background-image: url(../img/trenner.png); background-position: -120px 0; }
.eichenblatt.light-grey { width: 190px; height: 130px; background-image: url(../img/trenner.png); background-position: 0 -41px; }
.eichenblatt.light-green { width: 64px; }
a.eichenblatt:after { content: ""; display: inline-block; width: 19px; height: 14px; background: url(../img/trenner.png) no-repeat -164px -16px; background-size: 190px 170px; margin: 0 5px -2px; }
.shadow { box-shadow: 10px 10px 50px; }

#scrolldown { position: absolute; left: 50%; bottom: 4%; outline: 0; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
#loader { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background-color: #082134; color: #ffefe3; font-size: 2.5em; text-align: center; }
#wrap-loading-icon { width: 150px; height: 104px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 1.2s ease-out; }
#loading-icon { opacity: 0; fill: transparent; stroke: #ded7c8; stroke-width: 1; stroke-dasharray: 418; stroke-dashoffset: 418; transition: opacity 0.5s linear, fill 0s linear 0.5s, stroke-dashoffset 0s linear 0.5s; }
#loading-icon.draw { opacity: 1; fill: #ded7c8; stroke-dashoffset: 0; transition: opacity 0s linear, fill 1.0s linear 2.0s, stroke-dashoffset 2.3s linear 0s; }

.wrap-top-image { color: #ffffff; position: relative; overflow: hidden; }
.top-image { position: absolute; left: 0; top: 0; width: 100%; }
.top-image img { display: block; }
.wrap-top-image h1 { font-family: "paganini-open", serif; font-weight: 400; font-size: 60px; opacity: 1; white-space: nowrap; }
.hgroup { white-space: nowrap; text-align: center; -ms-transform: translate(-50%, -50%) rotate(-5deg); -webkit-transform: translate(-50%, -50%) rotate(-5deg); transform: translate(-50%, -50%) rotate(-5deg); }
.hgroup h1 { font-family: "ingram-wide-2", sans-serif; font-weight: 200; font-size: 7.5em; line-height: 0.8; letter-spacing: -2px; }
.hgroup h2 { font-family: "paganini-open", serif; font-weight: 400; font-size: 1.625em; margin: 0 4.5em 0 0; }

.mt0 { margin-top: 0; }
.credits { font-family: "bookmania", serif; }

/******************
** SCROLLEFFEKTE **
******************/

.fade-in, .move-up, .move-in-left, .move-in-right { opacity: 0; -webkit-transition: opacity 0.9s linear; transition: opacity 0.9s linear, transform 0.9s ease-out; }
.move-up { transform: translateY(40px); }
.move-in-left { transform: translateX(-40px); }
.move-in-right { transform: translateX(40px); }
.scrolled .fade-in, .scrolled .move-up, .scrolled .move-in-left, .scrolled .move-in-right { opacity: 1; transform: translate(0, 0); }

/***********
** HEADER **
***********/

header { position: fixed; z-index: 9; width: 100%; }
#menu { position: fixed; left: 0; top: 100%; width: 100%; height: 100%; background-color: #082134; transition: top 0.25s ease-out; }
#menu.show { top: 0; transition-duration: 0.4s; }
#menu nav { height: 100%; overflow: auto; }
#menu ul { margin-top: 10%; margin-left: 100px; }
#menu li { opacity: 0; transform: translateY(200%); transition: opacity 0.4s linear, transform 0.4s ease-out; }
#menu.show li { opacity: 1; transform: translateY(0); }
#menu a { display: inline-block; padding: 12px 20px; font-weight: 200; font-size: 3.0em; line-height: 1; color: #ffffff; }
#menu a:hover { color: #aaaaaa; }
#menu span { display: inline-block; width: 1px; height: 2.25em; background-color: #ffffff; margin: 0 10px -2px; }
.hamburger { position: absolute; right: 57px; top: 67px; padding: 1px; transition: background-color 0.25s linear; border-radius: 5px; }
.hamburger:not(.is-active) { background-color: rgba(0, 0, 0, 0.333333); }
.scrolled .hamburger:not(.is-active) { background-color: rgba(0, 0, 0, 0.15); }
.hamburger:before { content: "MENU"; display: inline-block; margin-left: 20px; -ms-transform: translate(-10px, -6px); -webkit-transform: translate(-10px, -6px); transform: translate(-10px, -6px); font-size: 1.125em; font-weight: 200; color: #ffffff; }
.hamburger-box { margin-top: 10px; }
.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after { background-color: #ffffff; width: 28px; height: 2px; border-radius: 2px; }
.hamburger-inner:before { top: -7px; }
.hamburger-inner:after { bottom: -7px; }

/***********
** FOOTER **
***********/

footer { position: relative; padding: 80px 0 120px; background-color: #082134; line-height: 1.3; }
footer section:last-of-type { text-align: center; margin-top: 60px; }
footer article { float: left; width: 20%; min-width: 280px; margin-left: 10%; }
footer h1 { font-family: "paganini-open", serif; font-weight: 400; font-size: 1.25em; color: #ffdac0; }
footer p { font-size: 0.875em; line-height: 1.928571; color: #ffefe3; }
footer .link-icon { display: inline-block; vertical-align: middle; width: 33.333333%; max-width: 180px; }
footer .link-icon:nth-of-type(1) img { width: 30px; }
footer .link-icon:nth-of-type(2) img { width: 50px; }
footer .link-icon:nth-of-type(3) img { width: 35px; }

/**************
** JCAROUSEL **
**************/

.jcarousel { position: relative; overflow-x: hidden; overflow-y: visible; margin: 0 auto; }
.jcarousel li img { display: block; }
.jcarousel ul { position: relative; width: 20000em; }
.jcarousel li { position: relative; float: left; }
.jcarousel figcaption { display: none; }
.jcarousel-pagination { position: absolute; bottom: -45px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.jcarousel-pagination > div { float: left; width: 20px; height: 20px; padding: 7px; cursor: pointer; }
.jcarousel-pagination div div { width: 6px; height: 6px; border-radius: 50%; background-color: #464545; }
.jcarousel-pagination .active div { background-color: #7e0a0d; }
.jcarousel-control { position: absolute; z-index: 5; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);  transform: translateY(-50%); background-repeat: no-repeat; background-position: 5px 5px; outline: none; }
.jcarousel-prev { left: 0px; background-image: url(../img/pfeil_grau_links.png); }
.jcarousel-next { right: 0px; background-image: url(../img/pfeil_grau_rechts.png); }

/************
** DIASHOW **
************/

.diashow ul { position: relative; }
.diashow li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.6s linear; }
.diashow li:first-child { position: static; }
.diashow img { display: block; }
.diashow .active { z-index: 1; opacity: 1; }

/**********
** INDEX **
**********/

.index .logo { -ms-transform: translate(-50%, -60%); -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); }
#wappen { position: absolute; left: 0; top: 4%; }
#wappen h1 { padding: 15px 12px 13px 118px; font-family: "Roboto", sans-serif; font-size: 0.75em; line-height: 1.583333; font-weight: 700; margin-top: 24px; color: #ffefe3; background-color: #082134; }
#wappen span { font-weight: 300; display: block; }
#videoWrapper { position: relative; overflow: hidden; line-height: 0; }

.index .subtitle { font-weight: 600; font-size: 1.1875em; line-height: 1.5; font-style: italic; margin: 17px 0 50px; }
.index main h1 { margin-bottom: 10px; }
.index main h2 { font-size: 2.9375em; margin: 23px 0 20px; }
.index main figcaption { margin: 90px 0 23px; }
.index .shadow { color: rgba(0, 0, 0, 0.14); }

.index #sn2 { padding-top: 120px; }
.index #sn2 p { font-family: "bookmania", serif; font-weight: 300; font-size: 1.0em; line-height: 1.6875; margin-bottom: 14px; } 

.counter { font-family: "paganini-open", serif; margin-top: 50px; }
.counter span { display: inline-block; width: 65px; height: 65px; font-size: 53px; line-height: 1.226415; border: 1px solid #a9464a; border-radius: 50%; color: #a9464a; }

.index #sn2 div.eichenblatt { margin: 40px 0 50px; }
.index .wrap-carousel { width: 1160px; margin-bottom: 120px; }
.index .jcarousel { width: 1000px; }
.index .shadow { color: rgba(0, 0, 0, 0.28); }
#lz-2016 { width: 230px; margin-top: 13px; }
.logo-ke { width: 265px; margin: 16px 0; }

/*************************
** HISTORIE & TRADITION **
*************************/

.historie-tradition #sn2 { padding-top: 60px; }
.historie-tradition #sn5 { padding-top: 46px; }
.historie-tradition #sn7 { padding-top: 60px; }
.historie-tradition #sn9 h1 { margin: 60px 0 10px; }
#st-leonhard { margin-top: 40px; }
#st-leonhard .right { width: 360px; }
#st-leonhard blockquote { font-weight: 600; font-size: 1.125em; font-style: italic; margin: 150px auto 57px; }
#st-leonhard figcaption { font-size: 0.75em; font-style: normal; line-height: 1.333333; }
.scrolled #st-leonhard blockquote { transition-delay: 0.3s; }
.scrolled #st-leonhard figcaption { transition-delay: 0.6s; }
#st-leonhard cite { font-style: normal; }

.historie-tradition .subtitle { font-size: 1.5em; line-height: 1; margin: 11px 0 48px; }
.historie-tradition main h2 { font-size: 3.4375em; margin: 60px 0 0; }

.historie-tradition #sn1 .eichenblatt { margin: 25px 0 5px; }
.historie-tradition #sn1 .shadow { color: rgba(0, 0, 0, 0.28); }
.historie-tradition #sn1 figcaption { margin: 116px 0 20px; }
.historie-tradition #sn4 .eichenblatt { margin-top: 31px; }
.historie-tradition #sn4 h3 { margin: 40px 0 25px; }
.historie-tradition #sn4 .shadow { color: rgba(0, 0, 0, 0.14); }
.historie-tradition #sn5 .eichenblatt { margin: 40px 0 50px; }
.historie-tradition #sn6 .eichenblatt { margin: 35px 0 25px; }
.historie-tradition #sn6 figcaption { margin: 20px auto; line-height: 1.5; }
.historie-tradition #sn7 .eichenblatt { margin: 40px 0 42px; }
.historie-tradition #sn8 { max-width: 1000px; margin: 0 auto; }
.historie-tradition #sn8 h2 { font-size: 1.5em; margin: 0 0 40px; }
.historie-tradition #sn10 .eichenblatt { margin: 60px 0 40px; }
.historie-tradition #sn10 h3 { margin: 15px 0 25px; }
.historie-tradition #sn10 .shadow { color: rgba(42, 17, 17, 0.7); }
.historie-tradition #sn11 h2 { margin: 0 0 22px; }
.historie-tradition #sn11 figcaption { margin: 88px 0 20px; }
.historie-tradition #sn12 h1 { margin: 120px 0 32px; }
.historie-tradition .wrap-carousel { width: 960px; }
.historie-tradition .jcarousel { width: 800px; }
.historie-tradition .jcarousel li { width: 825px; }

.wrap-lz { float: left; width: 33.3333%; padding: 0 2%; }
.historie-tradition section:not(.scrolled) .wrap-lz { transition-delay: 0s !important; }
.wrap-lz p { font-family: "paganini-open", sans-serif; font-size: 1.25em; color: #082134; position: relative; margin: 14px 0 64px; }
.wrap-lz p:before { content: ""; width: 22px; height: 16px; position: absolute; top: -19px; left: 50%; margin-left: -11px; background: url(../img/trenner.png) no-repeat -164px 0; background-size: 190px 170px; }

#fuhrwerke { margin-bottom: 100px; }
.wrap-fuhrwerk { width: 1000px; margin: 53px auto; text-align: left; }
.wrap-fuhrwerk h3 { font-size: 1.5em; line-height: 1.5; }
.wrap-fuhrwerk p { font-weight: 300; font-size: 0.9375em; line-height: 1.5; } 
.historie-tradition section:not(.scrolled) .wrap-fuhrwerk > div { transition-delay: 0s !important; }

/*******************************
** KALVARIENBERG & WEGSTRECKE **
*******************************/

.kalvarienberg-wegstrecke .wrap-top-image h1 { color: #fff6dd; }
.kalvarienberg-wegstrecke .wrap-top-image h2 { margin-top: 6px; }
.diashow .to-show * * { opacity: 0; transition: opacity 0.9s linear; }
.diashow .show { z-index: 5; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.diashow .show * * { opacity: 1; }

.kalvarienberg-wegstrecke .scrolled .fade-in { transition-delay: 0.5s; }
.kalvarienberg-wegstrecke section:not(.scrolled) .fade-in { transition-delay: 0s; transition-duration: 0.2s; }

.wrap-infografik { position: relative; width: 1200px; margin: 120px auto 0; }
.hufspur { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.hufspur div { position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #7d3400; opacity: 0; animation-fill-mode: both; animation-duration: 4s; }
.scrolled .hufspur div { animation-name: hufe; }
/*.hufspur div span { display: block; position: absolute; left: -10px; top: 10px; font-size: 10px; }*/

.infofeld { position: absolute; z-index: 5; opacity: 0; transition: opacity 0.25s linear 0s; border-radius: 50%; background-color: rgba(214, 187, 151, 0.8); }
.scrolled .infofeld { opacity: 1; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.infofeld p { font-size: 0.825em; line-height: 1.25; }
#infofeld-1 { left: 10%; top: 11%; width: 190px; height: 190px; padding: 30px; }
#infofeld-2 { left: 21%; top: 41%; width: 210px; height: 210px; padding: 35px; }
#infofeld-3 { left: 43%; top: 24%; width: 200px; height: 200px; padding: 30px; }
#infofeld-4 { left: 55%; top: -11%; width: 250px; height: 250px; padding: 35px; }
#infofeld-5 { left: 56%; top: 53%; width: 222px; height: 222px; padding: 35px; }
#infofeld-6 { left: 83%; top: 47%; width: 200px; height: 200px; padding: 35px; }
.scrolled #infofeld-1 { transition-delay: 1.0s; }
.scrolled #infofeld-2 { transition-delay: 10.8s; }
.scrolled #infofeld-3 { transition-delay: 21.3s; }
.scrolled #infofeld-4 { transition-delay: 30.9s; }
.scrolled #infofeld-5 { transition-delay: 43.8s; }
.scrolled #infofeld-6 { transition-delay: 57.2s; }

.kalvarienberg-wegstrecke h1.tk-paganini-open { font-size: 3.4375em; }
.kalvarienberg-wegstrecke main h1 { color: #5b090b; }
.kalvarienberg-wegstrecke main p { color: #7e0a0d; }
.kalvarienberg-wegstrecke #sn1 .eichenblatt { margin: 40px 0 20px; }
.kalvarienberg-wegstrecke #sn4 .eichenblatt { margin: 60px 0; width: 160px; }
.kalvarienberg-wegstrecke #sn4 h1 { margin-bottom: 20px; }
.kalvarienberg-wegstrecke #sn4 figure { margin-top: 70px; }
.kalvarienberg-wegstrecke #sn4 figcaption { margin-top: 20px; }
.kalvarienberg-wegstrecke #sn5 { padding-top: 120px; width: 1100px; margin: 0 auto; }
.kalvarienberg-wegstrecke #sn5 .left { width: 500px; text-align: left; }
.kalvarienberg-wegstrecke #sn6 { padding-top: 120px; }
.kalvarienberg-wegstrecke #sn6 img { margin-top: 20px; }
.kalvarienberg-wegstrecke #sn6 figcaption { margin: 20px 0; }
.kalvarienberg-wegstrecke #sn6 .eichenblatt { margin: 40px 0 20px; }
.kalvarienberg-wegstrecke #sn7 .eichenblatt { margin-top: 50px; }

@keyframes hufe {
	0% { opacity: 0.0; }
	1% { opacity: 1.0; }
	25% { opacity: 1.0; }
	100% { opacity: 0.3333; }
}

/******************
** ROSS & MENSCH **
******************/

.ross-mensch .hgroup h2 { color: #adf188; margin-top: 6px; }
.ross-mensch .shadow { color: rgba(0, 0, 0, 0.28); }
.ross-mensch main section { padding-top: 60px; }
.ross-mensch main h2.tk-paganini-open { font-size: 3.4375em; }

.ross-mensch .wrap-carousel { width: 1160px; }
.ross-mensch .jcarousel { width: 1000px; }
.ross-mensch .jcarousel li { width: 1025px; }
.ross-mensch .jcarousel-prev { background-image: url(../img/pfeil_weiss_links.png); }
.ross-mensch .jcarousel-next { background-image: url(../img/pfeil_weiss_rechts.png); }
.ross-mensch .jcarousel-pagination .active div { background-color: #1d5f6b; }

.ross-mensch #wagenbinden { margin-top: 50px; }
.ross-mensch #sn1 .subtitle { margin-bottom: 20px; font-size: 1.5em; }
.ross-mensch #sn1 figcaption { margin: 20px 0 50px; }
.ross-mensch #sn2 { padding-top: 100px; }
.ross-mensch #sn2 h3 { margin-bottom: 20px; }
.ross-mensch #sn2 .eichenblatt { margin: 40px 0; }
.ross-mensch #sn3 .subtitle { margin-bottom: 40px; font-size: 1.5em; }
.ross-mensch #sn3 img { margin-top: 50px; }
.ross-mensch #sn3 .eichenblatt { margin: 60px 0 40px; }
.ross-mensch #sn4 { padding-top: 120px; }
.ross-mensch #sn4 h2 { margin-top: 40px; }
.ross-mensch #sn4 .eichenblatt { margin: 25px 0 40px; }
.ross-mensch #sn4 h3 { margin-bottom: 20px; }
.ross-mensch #sn5 img { margin-top: 20px; }
.ross-mensch #sn5 figcaption { margin: 20px 0; }
.ross-mensch #sn5 .eichenblatt.dark-blue { margin: 20px; }
.ross-mensch #sn5 .eichenblatt.light-grey { margin-top: 60px; }
.ross-mensch #sn6 h2 { font-weight: 200; }
.ross-mensch #sn6 img { margin-top: 50px; }

/***************
** SICHERHEIT **
***************/

.sicherheit .wrap-top-image { height: 29.9vw; } /* entspricht Höhe / Breite des Headerbildes */
.sicherheit main p { color: #7e0a0d; }

.sicherheit #sn1 div.eichenblatt { margin: 65px 0 5px; }
.sicherheit #sn1 h2 { margin: 0 0 21px; }
.sicherheit #sn2 h2 { font-family: "paganini-open", serif; font-weight: 400; font-size: 2.9375em; margin: 80px 0 25px; }
.sicherheit #sn2 p { font-family: "bookmania", serif; font-weight: 300; font-size: 1.0em; line-height: 1.6875; margin-bottom: 14px; } 

/******************************
** INFORMATIONEN & DOWNLOADS **
******************************/

.informationen-downloads .hgroup h1 { color: #fbff84; }
.informationen-downloads .hgroup h2 { margin-bottom: 10px; }

.informationen-downloads #sn1 div.eichenblatt { margin-top: 65px; }
.informationen-downloads #sn3 { padding-top: 80px; }
.informationen-downloads #sn1 h2, .informationen-downloads #sn3 h2 { margin: 40px 0; }
.informationen-downloads #sn2 h2 { font-family: "paganini-open", sans-serif; font-weight: 400; font-size: 2.9375em; margin: 80px 0 25px; }
.informationen-downloads #sn2 p { font-family: "bookmania", serif; font-weight: 300; font-size: 1.0em; line-height: 1.6875; margin-bottom: 14px; } 
.informationen-downloads #sn3 li:after { content: ""; display: block; width: 22px; height: 15px; background: url(../img/trenner.png) no-repeat -164px 0; margin: 40px auto; }
.informationen-downloads #sn3 a { font-family: "paganini-open", serif; font-weight: 400; font-size: 1.5em; }

/*************
** HANDWERK **
*************/

.breitbild { margin-top: 70px; }
.breitbild figcaption { margin-top: 20px; }
.handwerk .carousel-hl { margin-bottom: 20px; }
.handwerk .wrap-carousel { width: 1160px; }
.handwerk .jcarousel { width: 1000px; }
.handwerk .jcarousel li { width: 1025px; }
.handwerk .jcarousel-prev { background-image: url(../img/pfeil_grau_links.png); }
.handwerk .jcarousel-next { background-image: url(../img/pfeil_grau_rechts.png); }
.handwerk .jcarousel-pagination .active div { background-color: #1d5f6b; }

/****************************
** IMPRESSUM & DATENSCHUTZ **
****************************/

.impressum-datenschutz .wrap-top-image { height: 29.9vw; }

.impressum-datenschutz h3 { font-size: 1.5em; margin: 25px 0 0; }
.impressum-datenschutz p { line-height: 1.625em; }

.impressum-datenschutz #sn2 div.eichenblatt { margin: 45px 0; }

/********
** 404 **
********/

._404 .wrap-top-image { position: fixed; left: 0; top: 0; z-index: -9; width: 100%; height: 100vh;  }
._404 .top-image { height: 100%; background: url(../img/kalvarien_header_1_1920.jpg) no-repeat center / cover; }
._404 main { min-height: 100vh; background-color: rgba(0,0,0,0.404); padding-top: 20vh; }
._404 h1 { font-size: 2.75em; color: #ffffff; }
._404 p { color: #ffffff;  margin-top: 30px; } 

/******************
** MEDIA QUERIES **
******************/

@media only screen and (max-width: 799px) {
	body.index, body.historie-tradition { background-color: #e3d8c2; }
	body.ross-mensch { background-color: #d1e1f3; }
	body.kalvarienberg-wegstrecke { background-color: #e4d8ac; }
	body.sicherheit { background-color: #bba37d; }
	.sticky-background { display: none; } /* iPhone mag keine fixed backgrounds :o/ */
	#videoWrapper { height: 100vw; } /* vw! */
	#videoWrapper .darken { display: none; }
	#scrolldown { display: none; }
	#wappen h1 { display: none; }
	.kalvarienberg-wegstrecke #sn2 { display: none; } /* Karte Wegstrecke */
	.hamburger:before { display: none; }
	#menu span { display: none; }
	#menu ul { margin: 40px 0 0; }
	#menu a { display: block; font-size: 1em; }
	.hamburger { right: 15px; top: 15px; padding: 1px 3px 2px 4px; border-radius: 2px; }
	.hamburger-box { width: 29px; height: 10px; }
	.wrap-800 { width: 100%; }
	.wrap-main, footer { padding-left: 6%; padding-right: 6%; }
	.pt-120 { padding-top: 40px !important; }
	.pt-165 { padding-top: 40px !important; }
	main { padding-bottom: 100px; }
	main p { line-height: 1.8; }
	main img { max-width: 100%; }
	.logo { width: 88%; }
	h1.tk-ingram-wide-2, h2.tk-ingram-wide-2 { font-size: 36px; }
	.wrap-top-image h1 { font-size: 32px; }
	.hgroup h2 { font-size: 15px; margin: 0; }
	main h1, main h2 { line-height: 1.2; }
	.mobile-top-hl { font-size: 31px; margin-top: 26px; text-align: center; }
	footer article { width: 50%; margin: 40px 0; }
	.top-image { position: relative; }
	.carousel-hl { height: 30px; margin-bottom: 15px; }
	.wrap-carousel { width: 113.6363636% !important; left: -6.8181818%; }
	.jcarousel { width: 100% !important; }
	.jcarousel-control { width: 20px; height: 30px; background-color: rgba(255, 255, 255, 0.5); background-size: 10px 20px; }
	.credits { display: block; margin-top: 20px; }
	#wappen { width: 14.0625%; left: 50%; top: auto; bottom: 4%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	#wappen img { position: static; width: 100%; }
	.index main h2 { font-size: 24px; }
	.historie-tradition main h2 { font-size: 36px; margin-bottom: 22px; }
	#st-leonhard .left, #st-leonhard .right { float: none; }
	#st-leonhard .right { width: 100%; }
	#st-leonhard blockquote { margin: 0 0 25px; }
	.historie-tradition #sn4 { padding-top: 120px; }
	.historie-tradition #sn8 { width: 100%; }
	.wrap-fuhrwerk { text-align: center; width: 100%; }
	.wrap-fuhrwerk .left, .wrap-fuhrwerk .right { width: 100%; float: none; }
	.wrap-fuhrwerk img { width: 209px; } /* 1.5 device-pixel-ratio */
	.wrap-fuhrwerk h3 { margin: 0 0 24px !important; }
	.ross-mensch #pferdekopf { width: 194px; }
	.ross-mensch #frauenkopf { width: 156px; }
	.ross-mensch #sn3 .subtitle { margin-top: 5px; }
	.kalvarienberg-wegstrecke .left, .kalvarienberg-wegstrecke .right { float: none; }
	.kalvarienberg-wegstrecke #sn5 .left { width: 100%; text-align: center; }
	.kalvarienberg-wegstrecke #sn5 { width: 100%; }
	.kalvarienberg-wegstrecke #sn5 h1 { font-size: 36px; }
	.ross-mensch main h2 { font-size: 36px !important; }
	.sicherheit #sn2 h2 { font-size: 36px; }
	.informationen-downloads #sn2 h2 { font-size: 36px; }
	.impressum-datenschutz .wrap-top-image h1 { display: none; }
	.diashow li { height: auto; }
}

@media only screen and (min-width: 800px) {
	main { padding-bottom: 160px; }
	main a { white-space: nowrap; }
	.wrap-800 { width: 800px; margin-left: auto; margin-right: auto; }
	.credits { position: absolute; right: 80px; bottom: -48px; }
	.sticky-background { z-index: -1; position: absolute; left: 0; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; }
	.index .sticky-background { background-image: url(../img/bg_home_1920.jpg); }
	.historie-tradition .sticky-background { background-image: url(../img/bg_historie_1920.jpg); }
	.kalvarienberg-wegstrecke .sticky-background { background-image: url(../img/bg_kalvarien_1920.jpg); }
	.ross-mensch .sticky-background { background-image: url(../img/bg_ross_1920.jpg); }
	.sicherheit .sticky-background { background-image: url(../img/bg_kalvarien_1920.jpg); }
	.informationen-downloads .sticky-background { background-image: url(../img/bg_ross_1920.jpg); }
	.impressum-datenschutz .sticky-background { background-image: url(../img/bg_sicherheit_1920.jpg); }
	#wappen img { position: absolute; left: 25px; top: 0; }
	#videoWrapper { height: 100vh; }
	#videoWrapper .darken { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
	.pt-120 { padding-top: 120px !important; }
	.pt-165 { padding-top: 165px !important; }
	.diashow { height: 100vh; }
	.jcarousel-control { width: 30px; height: 50px; padding: 5px 5px; }
	#st-leonhard { text-align: left; }
	.wrap-fuhrwerk .left { width: 400px; }
	.wrap-fuhrwerk .right { width: 600px; }
	.kalvarienberg-wegstrecke #sn5 h1 { font-size: 2.8125em; margin: 120px 0 20px; }
	.ross-mensch .wrap-top-image { height: 100vh; }
	.ross-mensch .top-image { height: 100%; background: url(../img/ross_header_1920.jpg) no-repeat center / cover; }
	.ross-mensch #pferdekopf { width: 291px; }
	.ross-mensch #frauenkopf { width: 234px; }
	.handwerk .sticky-background { background-image: url(../img/bg_sicherheit_1920.jpg); }
	.handwerk main h1.tk-paganini-open { font-size: 3.4375em; }
	.handwerk .subtitle { margin-bottom: 20px; font-size: 1.5em; }
	.informationen-downloads .wrap-top-image { height: 100vh; }
	.informationen-downloads .top-image { height: 100%; background: url(../img/information_header_1920.jpg) no-repeat center / cover; }
}