/* RESET */
html{font-family:sans-serif;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}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;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}button,html [type="button"],/* 1 */
[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}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,/* 1 */
menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}

/* STYLE */
body { font-size: 16px; color: #303030; font-family: 'PT Sans', sans-serif; position: relative; }

/* BACK TO TOP */
#top { position: fixed; right: 0; bottom: 8em; z-index: 100000; }
#top a,
#top a:link,
#top a:active,
#top a:visited { padding: .5em .75em; font-size: 1.25em; background: #8f7d7b; color: #fff; text-decoration: none; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
#top a:hover { background: #303030; -webkit-transition: background 300ms linear; -moz-transition: background 300ms linear; -ms-transition: background 300ms linear; -o-transition: background 300ms linear; transition: background 300ms linear; }

   
/* BROWSER WARNING */
#browser { padding: 1em; background: #900; color: #fff; width: 100%; display: block; }
#browser .browserupgrade { max-width: 600px; margin: 0 auto; text-align: center; }
#browser .browserupgrade a,
#browser .browserupgrade a:link,
#browser .browserupgrade a:visited,
#browser .browserupgrade a:active,
#browser .browserupgrade a:hover { color: #fff; font-weight: bolder; }
    
/* FONT STYLE */
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-family: 'Vollkorn', serif; font-weight: normal; }
h1 { font-size: 2.441em; margin: 0 0 .8em 0; padding: 0 .4em .4em .4em; }
h2 { font-size: 1.953em; }
h3 { font-size: 1.563em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1em; }
h6 { font-size: .8em; }

small, .small { font-size: .8em; }

/* WRAP */
.wrap { width: 100%; max-width: 1070px; margin: 0 auto; }
.small-wrap { max-width: 600px; margin: 0 auto; display: block; }
.mini-wrap {max-width: 250px; margin: 0 auto; display: block; }
.mini-wrap-wide {max-width: 450px; margin: 0 auto; display: block; }
.mini-wrap-wide img {width: 100%; height: auto; margin: 0 auto; display: block; }


.max-wrap { max-width: 1900px; margin: 0 auto; display: block; }

/* VARIOUS */
.border-grey { border-bottom: 1px solid #303030; height: 0; display: block; }
.border-white { border-bottom: 1px solid #FFF; height: 0; display: block; }

.big-border { margin: .8em 0; border-bottom: .2em solid #fff; font-size: 2.441em; display: none; }
section { padding: 2em 0; }
.article-content-center { padding: 0 .8em; }
.article-content-right { padding: 0 .8em; }

/* READMORE */
a.readmore,
a.readmore:link,
a.readmore:active,
a.readmore:visited { display: inline-block; text-decoration: none; background: #303030; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; padding: 1em 2em; margin: .8em; }
a.readmore:hover { background: #8f7d7b; -webkit-transition: background 300ms linear; -moz-transition: background 300ms linear; -ms-transition: background 300ms linear; -o-transition: background 300ms linear;	transition: background 300ms linear; }

/* HEADER */
#logo { display: block; text-align: center; }
#logo a,
#logo a:link,
#logo a:active,
#logo a:visited { display: block; outline: none; }
#logo a:hover img { opacity: .5; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

/* RESPONSIVE NAV */
.nav-collapse ul { margin: 0; padding: 0; width: 100%; display: block; list-style: none; }
.nav-collapse li { width: 100%; display: block; }
.js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; }
.nav-collapse.opened { max-height: 9999px; }
.nav-toggle { max-width: 212px; margin: 0 auto; display: block; text-transform: uppercase; color: #fff; text-decoration: none; text-align: center; background: #303030; padding: .5em 0; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}

/* MAIN MENU */
#main-menu {}
#main-menu-list { list-style: none; margin: 0; padding: 0; }
#main-menu-list li { list-style: none; margin: 0; padding: 0; display: block; }
#main-menu-list li a,
#main-menu-list li a:link,
#main-menu-list li a:visited,
#main-menu-list li a:active { text-transform: uppercase; text-decoration: none; color: #303030; font-size: 1.25em; padding: .4em .8em; display: block; text-align: center; background: #fff; }
#main-menu-list li a:hover { color: #8f7d7b; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

/* STAGE */
#stage { font-family: 'Vollkorn', serif; font-style: italic; font-size: 2.441em; padding: 0 1em 2.5em 1em; text-align: center; position: relative; overflow: hidden; }
#stage-content { background: url(img/wappen-lanzl.jpg) center center no-repeat; padding: 5em 0; }
#stage-content p { background: rgba(251,251,251,.85); }

/* ABOUT */
#about { background: #303030; color: #fff; }
#about-content { padding: 5em 0; text-align: center; }
#about h1 { border-bottom: .2em solid #fff; text-align: center; }
#about .article-content-right img { display: block; max-width: 100%; width: 344px; height: auto; margin: 0 auto; }

/* WERKE */
#werke { text-align: center; background: url(img/maria-lanzl-geier-vanitas-3.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  position: relative; overflow: hidden; }
#werke-content { padding: 40% 0; }

/* PARIS */
#paris { text-align: center; background: url(img/maria-lanzl-geier-salon-d-automne.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  position: relative; overflow: hidden; }
#paris-content { padding: 15% 0; color: #fff; }


/* CHRONIK */
#chronik { text-align: center; }
#chronik-content { padding: 4em 0 0 0; } 
#chronik-content img { display: block; outline: none; margin: 0 auto; max-width: 100%; width: 400px; height: auto; }
#chronik h1 { border-bottom: .2em solid #303030; }

/* KONTAKT */
#kontakt { background: #303030; color: #fff; text-align: center; position: relative; overflow: hidden; }
#kontakt-content { padding: 5em 0; }
#kontakt h1 { border-bottom: .2em solid #fff; }
#kontakt a,
#kontakt a:link,
#kontakt a:visited,
#kontakt a:active { color: #fff; text-decoration: none; }
#kontakt a:hover { color: #fff; text-decoration: underline; }

/* FOOTER */
#page-footer { background: #303030; }
#footer-content { background: #fff; text-align: center; padding: .25em; }
#page-footer a,
#page-footer a:link,
#page-footer a:active,
#page-footer a:visited { border-bottom: 1px solid transparent; text-decoration: none; color: #303030; }
#page-footer a:hover { border-bottom: 1px solid #303030; }

/* INFO */
#info { color: #303030;}
#info h1 { border-bottom: .2em solid #303030; text-align: center; }
#info-content { padding: 5em 0; text-align: center; }

/* I-LINK */
a.i-link,
a.i-link:active,
a.i-link:link,
a.i-link:visited { color: #303030; text-decoration: none; }
a.i-link:hover { text-decoration: underline; }

a.grey-link { color: #303030; text-decoration: none; }
a.grey-link:hover { text-decoration: underline; }


/* ARROWS */
.grey-top:after, 
.grey-top:before,
.white-up-unten:after,
.white-up-unten:before,
.grey-down-unten:after,
.grey-down-unten:before,
.white-down-unten:after,
.white-down-unten:before
{
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);}

.grey-top:after, .grey-top:before { border-top: 30px solid white; top: 0 !important; bottom: auto !important; }
.white-up-unten:after, .white-up-unten:before { border-top: 30px solid transparent; bottom: 0; }
.grey-down-unten:after, .grey-down-unten:before { border-bottom: 30px solid transparent; top: 0 !important; bottom: auto !important; }
.white-down-unten:after, .white-down-unten:before { border-bottom: 30px solid #303030; bottom: 0; }



.grey-top:before{ right: 50%; border-left: 1000px solid transparent;border-right: 120px solid #303030; }
.grey-top:after{ left: 50%; border-right: 1000px solid transparent;border-left: 120px solid #303030; }

.white-up-unten:before { right: 50%; border-left: 1000px solid transparent; border-right: 120px solid #fff;}
.white-up-unten:after { left: 50%; border-right: 1000px solid transparent; border-left: 120px solid #fff; }

.grey-down-unten:before { right: 50%; border-left: 1000px solid transparent; border-right: 120px solid #303030; } 
.grey-down-unten:after { left: 50%; border-right: 1000px solid transparent; border-left: 120px solid #303030; } 

.white-down-unten:before { right: 50%; border-left: 1000px solid transparent; border-right: 120px solid #fff; } 
.white-down-unten:after { left: 50%; border-right: 1000px solid transparent; border-left: 120px solid #fff; }





@media screen and (min-width: 641px) {
	#about { background: #303030 url(img/bg-dark.jpg) center center no-repeat; }
	#chronik { background: url(img/bg-light.jpg) center center no-repeat;  }
	.columns { display: block; }
	.column { width: 50%; float: left; }		
}

@media screen and (min-width: 841px) {
	.big-border { display: block; }

	h1 { margin: 0 0 .8em 0; padding: 0 0 .4em 0; }

	#about h1 { text-align: right; }
	#about .article-content-right img { display: block; max-width: 100%; width: 344px; height: auto; margin: 0 auto .8em 0; }
	#about-content { text-align: left; }
	#about p { max-width: 344px; }
	
	#info h1 { text-align: right; }
	#info-content { padding: 5em 0; text-align: left; }
	#info p { max-width: 360px; }
	
	.column-left { margin: 0 4em 0 0; } 
	.column-right { margin: 0 0 0 4em; }
	
	#werke-content { padding: 20% 0; }
	
	#chronik { text-align: inherit; }
	#chronik-content {}
	#chronik-content .column-right { padding: 5em 0 0 0; } 
	#chronik-content img { display: block; outline: none; margin: 0 0 0 auto; max-width: 100%; width: 400px; height: auto; }
	#chronik h1 {}
	#chronik a.readmore,
	#chronik a.readmore:link,
	#chronik a.readmore:active,
	#chronik a.readmore:visited { margin: .8em .8em .8em 0; }

	#footer-content { background: #fff url(img/footer-bg.png) center center no-repeat; padding: .25em 100px; }
}
@media screen and (min-width: 959px) {
	

	#logo { float: left; }

	.js .nav-collapse {position: relative;}
	.js .nav-collapse.closed { max-height: none; }
  	.nav-toggle { display: none; }
	.nav-collapse ul { margin: 0; padding: 0; width: auto; display: block; list-style: none; }
	.nav-collapse li { width: auto; display: block; }

	#main-menu { float: right; margin: 1em 0 0 0; }
	#main-menu-list { list-style: none; margin: 0; padding: 0; }
	#main-menu-list li { list-style: none; margin: 0; padding: 0; float: left; display: block; }
	#main-menu-list li a,
	#main-menu-list li a:link,
	#main-menu-list li a:visited,
	#main-menu-list li a:active { text-transform: uppercase; text-decoration: none; color: #303030; padding: .4em .8em; border-bottom: 1px solid transparent; }
	#main-menu-list li a:hover { color: #8f7d7b; border-bottom: 1px solid #8f7d7b; }
	
	
}

@media screen and (min-width: 961px) {
	#stage {}
	#stage-content { background: url(img/wappen-lanzl.jpg) center right no-repeat; padding: 5em 0; }
	#stage-content p { background: none; }
}