/* START */
html, body { background-color:white; margin:0; height:100%; }

/* FONT */

/* LEGAL DISCLAIMER
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * literaturfestival.ch
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Optimo webfonts are protected by copyright law and provided under license. To modify, alter, translate, convert, decode or reverse engineer in any manner whatsoever, including converting the Font Software into a different format is strictly prohibited. The webfont files are not to be used for anything other than web font use.
 *
 * optimo.ch
 */

@font-face {
font-family: 'Plain';
src: url('font/Plain-Bold.eot');
src: url('font/Plain-Bold.eot?#iefix') format('embedded-opentype'),
     url('font/Plain-Bold.woff2') format('woff2'),
     url('font/Plain-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'Plain';
src: url('font/Plain-Bold-Italic.eot');
src: url('font/Plain-Bold-Italic.eot?#iefix') format('embedded-opentype'),
     url('font/Plain-Bold-Italic.woff2') format('woff2'),
     url('font/Plain-Bold-Italic.woff') format('woff');
font-weight: 700;
font-style: italic;
}

@font-face {
font-family: 'Plain';
src: url('font/Plain-Regular.eot');
src: url('font/Plain-Regular.eot?#iefix') format('embedded-opentype'),
     url('font/Plain-Regular.woff2') format('woff2'),
     url('font/Plain-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'Plain';
src: url('font/Plain-Italic.eot');
src: url('font/Plain-Italic.eot?#iefix') format('embedded-opentype'),
     url('font/Plain-Italic.woff2') format('woff2'),
     url('font/Plain-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}

@font-face {
font-family: 'Plain';
src: url('font/Plain-Thin.eot');
src: url('font/Plain-Thin.eot?#iefix') format('embedded-opentype'),
     url('font/Plain-Thin.woff2') format('woff2'),
     url('font/Plain-Thin.woff') format('woff');
font-weight: 250;
font-style: normal;
}

@font-face {
font-family: 'Plain';
src: url('font/Plain-Thin-Italic.eot');
src: url('font/Plain-Thin-Italic.eot?#iefix') format('embedded-opentype'),
     url('font/Plain-Thin-Italic.woff2') format('woff2'),
     url('font/Plain-Thin-Italic.woff') format('woff');
font-weight: 250;
font-style: italic;
}

/* TEXT */

sup, sub { line-height:0px; }

buch { color:rgb(147,146,146,1); font-weight:700; }

h1 { font-family:'Plain'; font-weight:700; color:black; font-size:2em; line-height:1em; margin-top:0; margin-bottom:30px; } 
h2 { font-family:'Plain'; font-weight:700; color:black; font-size:2em; line-height:1em; margin-top:0; margin-bottom:30px; } 
h3 { font-family:'Plain'; font-weight:700; color:black; font-size:1.25em; line-height:1.4em; margin-top:0; margin-bottom:0; }
h4 { font-family:'Plain'; font-weight:700; color:black; font-size:2em; line-height:1em; margin-top:0; margin-bottom:0; }
h5 { font-family:'Plain'; font-weight:700; color:black; font-size:1.625em; line-height:1em; margin-top:0; margin-bottom:30px; }
#inhaltsbox h2 { color:black; margin-top:60px; margin-bottom:20px; border-top:4px solid black; padding-top:10px; }
#inhaltsbox h3 { margin-top:30px; }
#inhaltsbox h4 { color:rgb(147,146,146); margin-top:-20px; margin-bottom:20px; }
#kopfzeile h1  { font-size:2em; margin-bottom:15px; } 
#kopfzeile h4  { font-family:'Plain'; font-weight:250; color:black; font-size:1.25em; line-height:1em; margin-top:31px; margin-bottom:10px; } 
#kopfzeile h4 a:link    { color:black; text-decoration:none; }
#kopfzeile h4 a:visited { color:black; text-decoration:none; }
#kopfzeile h4 a:hover   { color:black; text-decoration:none; }
#kopfzeile h4 a:active  { color:black; text-decoration:none; }

p  { font-family:'Plain'; font-weight:250; color:black; font-size:1.25em; line-height:1.4em; margin-top:0; margin-bottom:0; }
p a:link    { color:black; text-decoration:underline; }
p a:visited { color:black; text-decoration:underline; }
p a:hover   { color:black; text-decoration:none; }
p a:active  { color:black; text-decoration:none; }
.weiss      { color:black; } 
.weissschatten { color:black; text-shadow: 2px 2px 6px black; } 
.lauftext   { font-weight:250; font-size:0.395em; }
.klein      { font-size:1.25em; }
.tellink a:link    { color:black; text-decoration:none; }
.tellink a:visited { color:black; text-decoration:none; }
.tellink a:hover   { color:black; text-decoration:underline; }
.tellink a:active  { color:black; text-decoration:underline; }

.button           { display:none; }

.button2           { display:none; }
.button3           { display:none; }

.fotobutton           { display:none; }

.buttonformular       { display:none; }

strong { font-weight:700; }

#inhaltsbox ul { font-family:'Plain'; font-weight:250; color:black; font-size:1.5em; line-height:1.4em; margin-top:0; margin-bottom:0;
margin-top:0px; margin-left:1.2em; list-style-type:square; list-style-position:outside; padding-left:0; text-indent:0; margin-bottom:0px; }

/* DIV */
#inhalt            { width:100%; height:auto; position:absolute; }
#kopfzeile         { width:100%; display:flex; justify-content:center; background:white; border-bottom:1px solid black; margin-bottom:0; }
#kopfbild          { display:none; }
#inhaltabstand     { display:none; }
#inhaltsbox        { position:relative; z-index:111; display:flex; justify-content:center; flex-flow:column; align-items:center; padding-top:20px; padding-bottom:20px; background:white; }
#autoreninfobox    { padding:0; margin-top:30px; margin-bottom:40px; background:white; }
#autoreninfobox p  { font-size:1.1em; }
.autorenfoto       { margin-top:55px; margin-bottom:60px; display: block; margin-left:auto; margin-right:auto; }

#startbild         { display:none; }
.startlogo         { display:none; }
.startlogonegativ  { display:none; }
#startabstand      { position:relative; z-index:110; height:100%; }
#starttitel        { position:relative; z-index:111; display:flex; justify-content:center; text-align:center; padding-top:40px; padding-bottom:40px; background:white; }
#startbox          { position:relative; z-index:112; width:100%; height:auto; display:flex; align-items:center; justify-content:center; text-align:center; margin-top:0px; border-bottom:3px solid black; padding-bottom:15px; margin-bottom:30px; }

#startgalerie      { display:none; }
#fotobuttonbox     { display:none; }

#impressionen { float:left; margin-right:29px; margin-bottom:29px; }
#impressionen:last-child { margin-bottom:0; }
.impressionenfoto { width:439px; height:280px; border:0px; }

#rueblickprogrammheft { float:left; margin-right:29px; margin-bottom:29px; }
#rueblickprogrammheft:last-child { margin-bottom:0; }
.rueblickprogrammheftcover { width:205px; height:280px; border:0px; }

#navigation        { display:none; }

#footer            { display:none; }
#preview           { display:none; }
#previewstart      { display:none; }

.innenbreite1 { width:100%; }
.innenbreite2 { max-width:100%; }
.innenbreite3 { width:100%; padding-left:0%; padding-right:0%; display:flex; justify-content:center; flex-wrap:wrap; align-items:center; }

#clear       { clear:both; }

.back-to-top       { display:none; }

/* Hamburger */
#navigationburger  { display:none; }

@media print and (orientation: portrait){
#kopfbild          { height:50%; }
#inhaltabstand     { height:50%; }
}

#sponsoren { margin:20px 25px 20px 25px; }
.sponsorenlogo1   { height:21px; }
.sponsorenlogo1b  { height:24px; }
.sponsorenlogo2   { height:30px; }
.sponsorenlogo3   { height:39px; }
.sponsorenlogo3b  { height:45px; }
.sponsorenlogo4   { height:54px; }
.sponsorenlogo4b  { height:61px; }
.sponsorenlogo5   { height:69px; }
.sponsorenlogo6   { height:84px; }
.sponsorenlogo7   { height:99px; }
.sponsorenlogo8   { height:108px; }
.sponsorenlogo9   { height:117px; }
.sponsorenlogo10  { height:126px; }
.sponsorenlogo10b { height:132px; }