/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}
main ul {list-style-type:none}
main ul li {position:relative;}
main ul:not(.quicklinks) > li::before {content:"\25a0";color:#7000b0;position:absolute;left:-1em;top:-.2em;}
html {min-height:100%;min-height:100%;background:#111;font-size:100%;}
body {color:#000;min-height:100%;font-family:"Source Sans Pro",sans-serif;font-weight:300;background:#fff}
::-moz-selection {color: #fff;background: #000;}
::selection {color: #fff;background: #000;}

.wrap {position:relative;padding:.2em 0;margin:0 auto;}
p,td,main ul:not(.quicklinks),main ol {font-size:1.3em;line-height:1.6em;}
main ul ol {font-size:1em;}
main li {margin-bottom:1em;}
td {vertical-align:top;}
td td {font-size:1em;}
a {color:#8809d1}
a:active {color:#000}
strong,b {font-weight:500}

#nauvod,#nahoruHeader,#switchLang {background:rgba(255,255,255,.15);color:#fff;padding:8px;top:0px;position:absolute;transition:color .2s,opacity .2s;text-decoration:none;}
#nauvod span,#nahoruHeader span {height:1em;width:0;display:inline-block;overflow:hidden;transition:width .2s;}
#nauvod::before,#nahoruHeader::after {transition:border-color .2s;position:relative;content:"";width:8px;height:8px;border:1px rgba(255,255,255,.65) solid;border-width:1px 1px 0 0;display:inline-block;}

#nauvod {left:0;}
#nauvod::before {top:0px;margin:3px 4px 0 8px;transform:rotate(-135deg);}
#nauvod:hover::before,#nahoruHeader:hover::after {border-color:#fff;}
body.home #nauvod {display:none}
#nahoruHeader {opacity:0;top:-2.5em;right:0;}
#switchLang {right:0;color:rgba(255,255,255,.5)}
#switchLang span {font-size:1.2em;padding:0 .3em;}
#nahoruHeader.ukaz {opacity:1;top:0;}
#nahoruHeader::after {top:3px;margin:3px 6px 0 6px;transform:rotate(-45deg);}

header {background-clip:content-box !important;color:#fff;transition:width .2s,left .2s;background:#7000b0;text-align:center;position: absolute;left: 33.5%;width: 33%;z-index: 10;top: 0;font-size:105%}
header.fixed {position:fixed;width:50%;left:25%;}
header.home.fixed {font-size:.8em;}
.home.fixed #nauvod, .home.fixed #nahoruHeader {font-size:1.1em;}
header.home h1 {font-size:4.5em;}
html[lang="de"] header.home h1 {font-size:3.7em;}
header.fixed h1 {font-size:1.1em;}
header.fixed.home h1,html[lang="de"] header.fixed.home h1 {font-size:2.5em;margin-bottom:.3em;}
header h1 span {height:1.15em;display:inline-block;transition:height .25s;}
header.fixed h1 span {overflow:hidden;}
header.home h1 span {height:auto;}
header h1 a:active {color:#fff}
header.fixed h1 span {font-size:0.6em;top:0;height:0em;}
header.fixed.home h1 span {font-size:0.55em;height:1.4em;}
html[lang="de"] header.fixed.home h1 span {height:1.6em;}
header h1 {transition:font-size .2s,margin .5s,padding .5s;}
header h2 {font-size:3em;transition:padding .5s,margin .5s,font-size .5s;padding-top:.2em;margin:.2em 0 .2em;position:relative;}
header.fixed h2 {font-size:2.2em;padding-top:.3em;margin-top:-.2em;}
header h2::before {transition:width .5s,margin-left .5s;width:30%;display:block;position:absolute;top:0;left:50%;margin-left:-15%;content:"";border-top:1px solid rgba(255,255,255,.1);}
header.fixed h2::before {width:60%;margin-left:-30%;}
#start {background:#fff;z-index:4;}
#start {margin-bottom:20px;position:relative;}
#start::before {box-shadow: 0 -30px 110px 20px rgba(0,0,0,.1);content: "";position: absolute;bottom: 0px;left: 40%;width: 20%;height: 100%;display: block;background: rgba(0,0,0,1);z-index: -1;}
#kamDal {padding-bottom:4em;}
table td > h5 {margin:0;}
section.gray h2 {margin-top:0;margin-bottom:0.7em}
#kamDal a {font-size:1.4em;}
#kamDal a.bliz {font-size:1em;}
#kamDal .wrap div {display:inline-block;width:100%;text-align:center;margin-bottom:1em;vertical-align:top;}
#kamDal.kamdal2 .wrap div {width:50%;}
#kamDal.kamdal3 .wrap div {width:33.33%;}
#kamDal .wrap div span {display:block;margin-top:.3em;}
a.ctete {text-decoration:none;font-style:italic;}
a.ctete.span {text-decoration:underline}
a.ctete::before {display:inline;content:"čtěte na ";color:#000}
html[lang="de"] a.ctete::before {content:"weiterlesen: ";}
.gray {background:#eee;}
div.gray {padding:1em 2em 1em;font-size:.9em;}
div.gray p {margin:0.6em 0;}
section.gray {padding-bottom:1em}
section.gray:not(#kamDal) h2 {margin-bottom:.1em}

section.img {padding:0;overflow:hidden;min-height:300px;height:50vh;background:transparent no-repeat center center;background-size:cover;animation:bgslide 20s ease-in-out infinite alternate;}
@keyframes bgslide {
0% {background-position:center 0%}
10% {background-position:center 0%}
90% {background-position:center 100%}
100% {background-position:center 100%}
}
section.img > div {position:absolute;bottom:30%;}
section.img[data-source]::after {position:absolute;bottom:5px;right:10px;color:rgba(255,255,255,.6);font-size:.75em;content:"zdroj: " attr(data-source);display:block}
html[lang="de"] section.img[data-source]::after {content:"Quelle: " attr(data-source)}
section.color {background:#8809d1;color:#fff}
section.color a {color:#fff}
section.color.pb {padding-bottom:4em}

main .fotogalerie {
  display: flex;
  flex-wrap: wrap;
  padding-bottom:4.5em;
}
main .srovnani .fotogalerie {
  padding-bottom:0;
}

section.galerie .fotogalerie {margin-top:2.5em;}
section.galerie h2 + div > p {padding-bottom:.5em;}

.pidi .fotogalerie {
  display:block;
  overflow:hidden;
  white-space:nowrap;
  position:relative;
}
.nopb .fotogalerie {padding-bottom:0}

main .fotogalerie div {
  margin: 2px;
  position: relative;
}
main .fotogalerie div.box2,main .fotogalerie div.box3 {margin:0}

.pidi .fotogalerie div {
  display:inline-block;
}
main .fotogalerie i{
  display: block;
}
main .fotogalerie img {
  position: absolute;
  top: 0;
  width: 100%;
  vertical-align: bottom;
  left:0;
}
main .fotogalerie::after {
  content: '';
  flex-grow: 999999999;
}
.pidi .fotogalerie::after {position:absolute;top:0;height:100%;right:0;padding:0.2em 1em 0.2em 2em;content:data-content;display:block;font-size:2em;font-family: Lora;}
nav {font-size:1.4em;text-align:center;background:#fff;}
footer nav {text-align:right;float:right;background:none;margin:0 0 0em;position:relative;top:.1em; }
footer .text.box3 {margin-bottom:.2em}
footer nav a {color:rgba(255,255,255,.3)}
footer nav li a,footer nav li.active a,footer nav li:hover a,footer nav li a:focus {border-top-color:transparent;color:rgba(255,255,255,.3)}
footer nav li:hover a,footer nav li a:focus {color:#afafaf}
footer nav li::after {border-color:rgba(255,255,255,.15)}
footer .box3.right img {opacity:0.65;position:relative;top:3px;}
footer .box3.right small {position:relative;top:-6px;}
nav .wrap {padding-top:0}
nav ul {padding:0 0 .4em;margin:0}
#qr {width:250px;}
nav li,.quicklinks li {display:inline-block;position:relative;}
nav li::after,.quicklinks li::after {border: 1px #e0e0e0 solid;transform: rotate(45deg);content: "";width: 4px;height: 4px;display: block;position: absolute;top: 1.3em;right: -6px;}
.boxed .box3::before {border: 1px #d0d0d0 solid;transform: rotate(45deg);content: "";width: 6px;height: 6px;display: none;margin:0 auto;position:relative;top:-1em;}
p.boxed::before,h5.boxed::before {border: 1px #ddd solid;transform: rotate(45deg);content: "";width: 6px;height: 6px;display: none;margin:0 auto;position:relative;display:block;margin-bottom:1em;}
.co-se-deje p.boxed::before {margin:2em auto 2em;}
h5.boxed {margin-top:1em;}
.mt {margin-top:1em;}
.boxed div[class="box3"]:nth-of-type(n+4)::before {display:block}
.quicklinks li::after {top:1.7em;}
nav li:last-child::after,.quicklinks li:last-child::after {display:none}
nav ul + ul li::after {width:3px;height:3px;top:1em;right:-4px;}
nav a {color:#000;border-bottom:0px #ececec solid;text-decoration:none;font-weight:200;padding:.6em 0em .25em;display:inline-block;margin:0 .5em;border-top:5px transparent solid;}
#start.withSubmenu nav a {padding-bottom:.1em;}
nav a:hover,nav a:focus,nav li.active a {border-bottom-color:transparent;border-top-color:#8809d1;color:#8809d1}
nav ul + ul {border-top:1px #ececec solid;}
nav ul + ul a {padding:.5em 0;font-size:.85em;}

.box2 {width:50%;display:inline-block;float:left;margin-bottom:2em;vertical-align:top;}
.box3 {width:33.33%;display:inline-block;float:left;margin-bottom:2em;vertical-align:top;}
.prebox3 {width:16.67%;display:inline-block;float:left;margin-bottom:2em;vertical-align:top;}
main .box3:nth-child(3n+1) {clear:left;}
body.spolek main .box3:nth-child(3n+1) {clear:none;}

.box3 > div,.box2 > div {margin:0 .8em;}
.box3 h2,.box2 h2 {margin-bottom:0;margin-top:0;position:relative;top:.2em;}
footer h1 {color:rgba(255,255,255,.1);font-size:4em;margin-bottom:.06em;font-weight:500}
footer strong {font-weight: 500;font-size: 1.4em;font-family: Lora;}
footer a.btn {color:#afafaf ;border-color:#afafaf;}
footer a.btn:hover,footer a.btn:focus {border-color:#8809d1}
.clear {clear:both;}

.round,.stin {display:inline-block;font-size:1.3em;margin:0 auto;width:80%;height:2em;padding-top:2em;box-shadow:0px 20px 35px -25px rgba(0,0,0,.2)}
.stin {width:60%;height:1em;position:relative;top:-2em;}
.stin p a {margin:0}
h2 .round {font-size:1em;}
.round .big {display:block;margin:.3em 0 0;font-size:3.2em;}
.round + h3 + div > a.btn {margin-top:1.6em;}
header ul {padding:0 0 0em;margin:0;display:none;}
header li {display:inline-block}
header li a {color:#fff;position:relative;top:1px;border-bottom:4px transparent solid;text-decoration:none;font-weight:300;padding:.2em 0em .5em;display:inline-block;margin:0 .3em;}
.ib {display:inline-block}
header li a:active {color:#fff}
header li.active a {border-bottom-color:#fff}
li.active::after {/*
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border: 1px #ececec solid;
    left: 50%;
    bottom: -14px;
    border-width: 1px 0 0 1px;
    top: auto;
    margin-left: -5px;
    background: #fff;
*/}
header.home.fixed ul {font-size:1.55em;}
header.fixed ul {border-bottom:1px rgba(255,255,255,.1) solid}
header.fixed ul + ul {background:#fff;box-shadow:0 2px 4px 1px rgba(0,0,0,.05);border-bottom:1px #ececec solid;}
body.js header.fixed ul + ul {display:none}
header.fixed ul + ul a {color:#000;padding-top:.75em;}
header.fixed ul li:not(.active) a:hover,header.fixed ul li:not(.active) a:focus {border-bottom-color:rgba(255,255,255,.3)}
header.fixed ul + ul li.active a {border-bottom-color:#7000b0}
header.fixed ul + ul li:not(.active) a:hover,header.fixed ul + ul li:not(.active) a:focus {border-bottom-color:rgba(105,21,135,.15)}

#uvodnik {top:40vh;position:absolute;text-align:center;width:33%;left:33.5%;z-index:9}
#uvodnik > div {padding:0.75em 2em}
#uvodnik {background:rgba(255,255,255,.85);}
#uvodnik p {font-size:1.6em;font-weight:200}
#uvodnik .btn {font-size:1.2em;}
#uvodnik .nadpis {color:#7000b0;display:block;margin-bottom:.3em;font-family:Lora;font-weight:400;font-size:1.4em;text-align:center;}
#banner {overflow:hidden;background:#ececec;background-image:url(../imgs/_kostel1.jpg);height:330px;position:relative;background-position: center center;background-size: cover;background-attachment:scroll;}
body.kontakt #banner {background-image:none}
#banner.mapa {height:70vh;min-height:500px;}
.home #banner {height:90vh;min-height:400px;background-image:url(../imgs/bg0.jpg);animation:7s ease-out forwards bg;/*background-attachment:fixed*/}
#bannerOver {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background-size:cover;background-position:center center;}
body .bg1 {background-image:url(../imgs/bg4.jpg) !important;}
body .bg2 {background-image:url(../imgs/bg1.jpg) !important;}
body .bg3 {background-image:url(../imgs/bg2.jpg) !important;}
body .bg4 {background-image:url(../imgs/bg3.jpg) !important;}
body .bg5 {background-image:url(../imgs/bg0.jpg) !important;}
@keyframes bg {
0% {background-position:50% 1%;}
100% {background-position:50% 60%;}
}
h1,h2,h3,h5 {font-weight:400;font-family:Lora;}
h5 {font-size:1.3em;margin-bottom:0.2em;color:#7000b0;}
h5 + p {margin-top:0;}
h4 {font-size:1.5em;font-weight:200;}
li h4 {margin-bottom:.2em;}
li h4 + p {margin-top:0em;}
h5 + h4 {margin:0.5em}
h5 + h4 + p {margin-top:0}
h3 {font-size:1.5em;}
h1 {color:#fff;line-height:1em;margin:.5em 0 0;font-size:1.5em;}
h1 a {color:#fff;text-decoration:none;display:inline-block;}
h1 span {font-size:.65em;position:relative;}
body.home h1  {line-height:.85em;margin:.5em 0 0.3em;}
body.home h1 span {font-size:.5em;position:relative;}
.big {font-size:3.5em;margin:.2em 0}
a.btn {transition:color .3s,background-color .3s;color:#7000b0;border:1px #7000b0 solid;padding:.5em 1em;display:inline-block;text-decoration:none;border-radius:0px;font-size:1.2em;margin-top:.5em;}
a.btn.more {position:relative;padding-right:2em}
a.btn.more::after {position:absolute;right:.8em;top:50%;margin-top:-.3em;width:.6em;height:.6em;transition:border-color .2s;border:1px #7000b0 solid;border-width:1px 1px 0 0;transform:rotate(45deg);content:"";display:block;}
a.btn.more:hover::after,a.btn.more:focus::after {border-color:#fff;}
.sekce a.btn,#prispejte a.btn {color:#fff;border:1px #fff solid;}
.galerie.sekce {height:75vh;min-height:75vh;background-position:center center;}

a.btn.hover,a.btn:hover,a.btn:focus {background:#7000b0;color:#fff}
.sekce a.btn:hover,#prispejte a.btn:hover,.sekce a.btn:focus,#prispejte a.btn:focus {color:#000;background:#fff;}
main {position:relative;}
section {text-align:center;padding:2em 20%;position:relative;}
section.pb {padding-bottom:6em;}
section.graz.pb {padding-bottom:1em;}
main h2,section h2 {font-size:3em;font-weight:200}
main h2.nadpis,main h3.nadpis,main h4.nadpis {color:#7000b0;font-size:4em;margin-bottom:.6em;margin-top:0;font-family:Lora;}
.galerie h2 {font-size:3.6em;margin-top:0;}
.galerie .mainfoto + h2 {font-size:2.5em;margin-top:0.4em;margin-bottom:.5em;}
.galerie .mensi.mainfoto + h2 {font-size:1.8em;}
.galerie .mensi.mainfoto + h2 + div {margin-bottom:2em;}
main h3.nadpis {font-size:3em;margin-bottom:0;margin-top:0.5em;}
main h4.nadpis {font-size:2em;margin-bottom:0;margin-top:0.5em;}
.nadpis span {font-size:.5em;color:#000;font-weight:200;}
.info {position:relative;top:-1em;padding:1em 0;font-style:italic;border-top:1px #ececec solid;}
main h3.nadpis + .perex {margin:0.2em;}
main h3.nadpis + .perex + p {margin-top:0}
.small {font-size:.8em;color:#ccc}
.bigger {font-size:1.25em;}

.bigger h3 {font-size: 2em;margin: 0.8em;}
.akce h3 {margin:.8em .8em}
.bigger.akce h3 {margin:.6em .8em}
.akce h3::before {content: "";display: block;width: 26px;height: 26px;border-radius: 50%;margin: 0 auto;background: #7000b0 none center center no-repeat;position:relative;top:-.3em}
.bigger.akce h3 {top:-.16em}
#akce .akce h3,#welcome .akce h3 {position:relative;}
#akce .akce h3::before,#welcome .akce h3::before {border-radius: 50%;margin: 0 0 0 -13px;position: absolute;top: -1.25em;left: 50%;}
.brigada h3::before {background-image:url(../imgs/brigada.png);}
.koncert h3::before {background-image:url(../imgs/koncert.png);}
.cirkevni h3::before {background-image:url(../imgs/cirkevni.png);}
main h2.nadpis span {display:block;font-size:.4em;}
.sekce {color:#fff;min-height:100vh;padding:0;background:none center center / cover no-repeat fixed #f6f6f6;text-align:center;}
.mensi.sekce {min-height:60vh;}
.sekce p {font-size:1.4em;padding:0 20%;margin-bottom:0}
.sekce > div {position:absolute;justify-content:center;display:flex;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.7);transition:background-color .5s}
.sekce > div > div {align-self:center;padding:1em;}
.sekce > div:hover {background:rgba(0,0,0,.5)}
.sekce h2 {margin:0;font-size:4.5em;color:#fff;font-weight:400;font-family:Lora;text-align:center;text-shadow:0 0 10px rgba(0,0,0,0.5)}
.sekce a.btn {font-size:1.4em;margin-top:2em;}
.sekce.foto {margin:0;height:50vh;min-height:50vh;position:relative;background-attachment:scroll}
.sekce.foto > div {margin:0;font-size:.8em}
.sekce.foto a.btn {font-size:1em;}
.mainfoto {height:300px;background:none center center /cover no-repeat scroll #f6f6f6;position:relative;}
.box3 .mainfoto {height:220px;}
.box2 > div.mainfoto {margin:1em .7em}
.mainfoto a {display:block;top:0;left:0;width:100%;height:100%;position:absolute;}
#banner .dal {z-index:8}
#akce,#fotografie,section.oddel {box-shadow: 0 -50px 50px -30px rgba(0,0,0,.05);border-top: 1px #ececec solid;}
#akce h3 {color:#7000b0;font-size:1.8em;margin-top:1em;margin-bottom:0em;}
#akce p {margin-top:.3em;}
p.oddel {background:#fff;margin:0 auto 55px;height:20px;width:50%;border-bottom: 1px #ececec solid;}
p.oddel2 {background:#fff;margin:0 auto 35px;height:20px;width:30%;border-bottom: 1px #ececec solid;}
p.oddel.mini {margin-bottom:35px;}
main p.oddel.mini + h2.nadpis {margin-bottom:.3em}
ul + p.oddel {margin-top:2em;}
.dal,.bliz {transition:width .2s,margin-left .2s;margin-top:.8em;overflow:hidden;position:absolute;bottom:0px;left:50%;margin-left:-1.75em;width:3.5em;height:2.5em;display:inline-block;line-height:5em;border-radius:0%;background:#7000b0}
.dal::after,.bliz::after {position:absolute;left:50%;margin-left:-6px;top:50%;margin-top:-7px;width:10px;height:10px;border:1px #fff solid;border-width:0 1px 1px 0;transform:rotate(45deg);content:"";display:block;animation:down infinite 5s}
@keyframes down {
0% {top:50%;left:50%;}
25% {top:50%;left:50%;}
40% {top:130%;left:50%;}
41% {top:130%;left:150%;}
42% {top:-30%;left:150%;}
43% {top:-30%;left:50%;}
58% {top:50%;left:50%;}
100% {top:50%;left:50%;}
}
@keyframes up {
0% {top:50%;left:50%;}
25% {top:50%;left:50%;}
40% {top:-30%;left:50%;}
41% {top:-30%;left:150%;}
42% {top:130%;left:150%;}
43% {top:130%;left:50%;}
56% {top:50%;left:50%;}
100% {top:50%;left:50%;}
}
.dal:hover::after {transform:rotate(0);margin-left:0;font-size:.9em;margin-top:-1.3em;position:static;text-align:center;width:100%;color:#fff;content:"kliknutím se posunete níže";border:none;}
html[lang="de"] .dal:hover::after {content:"Klicken Sie, um nach unten zu scrollen";}
.dal:hover {width:12em;margin-left:-6em;text-decoration:none}
html[lang="de"] .dal:hover {width:15em;margin-left:-7.5em;}
.dal:focus {text-decoration:none}
.bliz::after {transform:rotate(-135deg);margin-top:-3px;animation:up infinite 5s}
.sekce .dal::after,#start .dal::after,#banner .dal::after {border-color:#fff}
h2.err {margin-top:0;padding-top:120px;background:#fff url(../imgs/err.jpg) top center no-repeat;}
#perex,.perex {font-size:2em;font-weight:200;line-height:1.4em;margin:1em auto;}
.text {text-align:left;}
.text.center,.center {text-align:center;}
.left {text-align:left}
.right {text-align:right}
.text h2 {margin-bottom:.2em;font-size:2.4em;margin-top:1.6em;}
.quicklinks {border-top:1px #ececec solid;display:inline-block;margin:0em auto;padding:0;}
.quicklinks li {display:inline-block;padding:0;margin:0;}
.quicklinks li a {padding:1em 1em;border-top:5px transparent solid;display:inline-block;text-decoration:none;color:#000;}
.quicklinks li a:hover,.quicklinks li a:focus {border-top-color:#7000b0}
#pracujeme {background-image:url(../imgs/pracujeme.jpg);}
#poradame {background-image:url(../imgs/poradame.jpg);}
#pomozte {background-image:url(../imgs/pomozte.jpg);}
#prispejte {z-index:4;animation:0.5s ease-out 1s forwards popup;width:400px;left:50%;margin-left:-200px;transition:bottom .2s;font-size:.9em;line-height:1.4em;padding:.5em 0;position:fixed;bottom:-100px;background:#7000b0;color:#fff;text-align:center;}
@keyframes popup {
0% {bottom:-100px;}
100% {bottom:0px;}
}
.odkaz {clear:left}
.odkaz .datum + p {margin:0;}
.odkaz h3 {margin:.3em 0 2.2em}
section div[class="odkaz"]:last-of-type h3 {margin-bottom:0}
.odkaz h5 {font-size:1.6em;}

.datum {clear:left;text-align:right;float:left;width:8em;font-size:1.8em;margin-bottom:2em;margin-right:1em;font-weight:200;}
.full.datum {text-align:center;margin-bottom: 0;float: none;padding: 1em 2em 0;margin-bottom: 2em;}
.datumik {font-weight:200;font-size:1.2em;}
.galerie .datumik {font-family:Lora;color:#7000b0}
.mb {margin-bottom:1.5em}
.pb {padding-bottom:2em}
td .datum {width:3em;margin-right:.2em}
body.animationEnded #prispejte {animation:none;bottom:0;}
#prispejte h3 {font-size:1.6em;margin:.2em;}
#prispejte.hidden,body.animationEnded #prispejte.hidden {bottom:-100px;}
#prispejte i {position:absolute;top:8px;right:8px;font-style:normal;font-size:1.6em;cursor:pointer;font-weight:200;line-height:0.4em}
footer {background:#111;text-align:center;padding-top:0.5em;color:#afafaf;font-size:em;}
footer h3 {margin-bottom:.4em;}
footer p {margin:.2em 0;font-size:1em;}
.img {width:100%}
a[name] {position:relative;top:-9em}
#copy {clear:both;color:rgba(255,255,255,.2);padding:0 0 1em 0;font-size:.9em}

#mapa {height:70vh;min-height:500px;width:100%}

.nadpis.black {color:#000;font-size:2.5em;}

#jdinahoru {margin-top:0em;overflow:hidden;position:relative;width:3.5em;height:2.5em;display:inline-block;line-height:6em;}
#jdinahoru::after {position:absolute;left:50%;margin-left:-5px;top:50%;margin-top:-3px;width:10px;height:10px;border:1px rgba(255,255,255,.2) solid;border-width:1px 0 0 1px;transform:rotate(45deg);content:"";display:block;}

.flags {margin-top:.5em;position:relative;top:.2em;}
header.fixed .flags {display:none}
.flag {
  display: inline-block;
  padding-bottom:1em;
  margin: 0 0.2em 0;
  font-size: 0.9em;
  line-height: 0.7em;
  color:#fff;
  text-decoration:none;
  }
.flag::before {
    display: block;
    width: 30px;
    height: 20px;
    content: "";
    margin: 0 .8em 0.5em;
    background-size:contain;
    opacity:.5;
    transition:opacity .2s;
  }
.flag.cs::before {background-image:url(../imgs/cs.png)}
.flag.de::before {background-image:url(../imgs/de.png)}
.flag.cur {border-bottom:5px rgba(255,255,255,1) solid;}
.flag:hover::before {opacity:1}
.flag:not(.cur):hover {border-bottom:5px rgba(255,255,255,.25) solid;}

.badge {background:#7000b0;font-size:0.5em;display:inline-block;margin:0 0.3em;color:#fff;letter-spacing:0.05em;padding:0.1em 0.5em;}

#footerLangs {position:relative;top:1em;}
#footerLangs a,#footerLangs span {font-size:.9em;margin:0 0.2em;padding:0em .5em;display:inline-block;}
#footerLangs span {background-color:#7000b0;border:1px solid #7000b0}

@media screen and (max-width:1350px) {
  header ul {font-size:.9em;}
  .box3 {width:50%;}
  .prebox3 {display:none}
  /*
  main .box3:nth-child(2n+2) {clear: left;}
  main .box3:nth-child(3n+2) {clear:none;}
  */
  .boxed div[class="box3"]:nth-of-type(n+3)::before {display:block}
  footer nav {text-align:center;float:none;}
  footer .box3 {width:33%}
  footer .box3.left > * {margin-right:1em}
  footer .box3.right > * {margin-left:1em}
}
@media screen and (max-width:1250px) {
  header, #uvodnik {width:40%;left:30%;}
}
@media screen and (max-width:1150px) {
  header.fixed h1 span {font-size:.75em;top:.3em}
  footer h1 {margin-bottom:.5em;text-align:center !important}
  footer .box3 {width:100%;text-align:center !important}
  footer .box3.left > *,footer .box3.right > * {margin-left:0;margin-right:0;}
}
@media screen and (max-width:1050px) {
  #nauvod,#nahoruHeader,#switchLang {font-size:.8em;}
  header,#uvodnik {width:50%;left:25%}
  .boxed div[class="box3"]:nth-of-type(n+2)::before {display:block}
  .box3,.box2 {width:100%;}
}
@media screen and (max-width:850px) {
  header {font-size: .75em;width:45%;left:27.5%}
  #nauvod,#nahoruHeader,#switchLang {font-size:1em;}
  section {padding:2em 10%}
  .sekce h2 {font-size:4em;}
  header h1 {line-height:1em;}
  header h1 span {font-size:.7em}
  header.fixed h1 span {font-size:.7em}
  nav {font-size:1.2em;}
  #start.withSubmenu::before {height:80px;}
  header ul {display:none !important}
}
@media screen and (max-width:750px) {
  header {font-size: .65em;width:60%;left:20%}
  #nauvod,#nahoruHeader,#switchLang {font-size:1.2em;}
}
@media screen and (max-width:650px) {
  header,#uvodnik {width:80%;left:10%}
  header.fixed {width:70%;left:15%}
  .odkaz .datum {text-align:center;width:100%;margin-bottom:0;float:none;}
  .odkaz h3,.odkaz h5,.odkaz p {text-align:center;}
}
@media screen and (max-width:550px) {
footer h1 {font-size:3em;}
main h2,section h2 {font-size:2.2em;}
main h2.nadpis,main h3.nadpis,main h4.nadpis,.sekce h2 {font-size:3.3em;}
.galerie h2 {font-size:2.8em;}
}
@media screen and (min-width:450px) {
  #nauvod:hover span {width:5em;}
  html[lang="de"] #nauvod:hover span {width:8em;}
  #nahoruHeader:hover span {width:5em;}
}
@media screen and (min-width:991px) {
  #nauvod,#nahoruHeader,#switchLang {font-size:.8em;}
  body.home #nahoruHeader {font-size:1em;}
  #nauvod {left:-1%;}
  #nahoruHeader,#switchLang {right:-1%}
  .wrap {width:95%;}
  .galerie .clear {padding:1.5em 0}
}