@font-face {
font-family: 'RobotoCondensedRegular';
src: url(//www.christian-klinger.at/wp/wp-content/themes/Klinger_3.0/fonts/RobotoCondensedRegular.eot);
src: url(//www.christian-klinger.at/wp/wp-content/themes/Klinger_3.0/fonts/RobotoCondensedRegular.eot) format('embedded-opentype'),
url(//www.christian-klinger.at/wp/wp-content/themes/Klinger_3.0/fonts/RobotoCondensedRegular.woff2) format('woff2'),
url(//www.christian-klinger.at/wp/wp-content/themes/Klinger_3.0/fonts/RobotoCondensedRegular.woff) format('woff'),
url(//www.christian-klinger.at/wp/wp-content/themes/Klinger_3.0/fonts/RobotoCondensedRegular.ttf) format('truetype'),
url(//www.christian-klinger.at/wp/wp-content/themes/Klinger_3.0/fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular) format('svg');
} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;} * { box-sizing: border-box; outline:none;}
html {overflow-y: scroll; overflow-x: hidden; min-height: 100%;}
body, tr, td, cite, input, select, textarea {  }
body {background-color: #fff; font-size:18px;line-height:1.6em;  min-height: 100%; font-family:'RobotoCondensedRegular', Arial, Helvetica, sans-serif;color:#444;   }
h2,h3,h4,h5,h6 {margin:0 0 20px 0;letter-spacing:1px; }
h2, h3, h4 {font-size:1.4em;line-height:1.4em; color:#444 ;margin:25px 0;  letter-spacing: 1px; font-weight: 100;}
h2 { color: #fc0;}
h4  { color:#333; padding-bottom:3px; font-size:1.15em; }
h2 a, h3 a, h4 a {    }
p {margin-bottom:10px;}
img { display: block; max-width: 100%; height: auto;}
.small, small, .pageheader_element .small, .wp-caption-text	{color: #999; font-size: .8em;} 
hr { background:0;border:1px dotted #ccc; border-width:0 0 1px 0;height: 1px;width:100%;margin:15px auto;}
.spacer { border:2px solid #fc0;  border-width:0 0 2px 0;} a, a:visited {color:#444;text-decoration:underline;} 
a:hover, a:focus, a:active {color:#fc0; }
.link {text-decoration:underline !important; }
.storycontent a[href*=".pdf"], .storycontent a.external[href*=".pdf"] {background-image:url(//www.christian-klinger.at/wp/wp-content/themes/Klinger_3.0/pics/PDF.png); background-repeat: no-repeat; background-position: left 6px;padding:0 0 0 32px;display:block; line-height: 28px;} 
a[href*="tel"] { text-decoration: none;}
.storycontent a.external_icon {  filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1); background-size: 8px auto; margin-right: 3px; } body { padding-top: 30px;}
body.home { padding-top: 0;}
.skiplink {position:absolute;left:0;top:-20em;}
.container {position:relative;width:100%;  }
.content {position:relative;width:92% !important;margin:0 auto; min-width:260px;max-width:1300px !important;  } #header {  font-size: 1.2em; line-height: 1.2em; top: 0; background: #666; z-index: 20; position: fixed; }
.home #header { background: 0; }
#header a  { text-decoration: none; font-weight: 400 !important;color: #fff; }
#header a:hover,#header a:focus,#header a:active { color: #fc0; }
#headercontent { margin-top: 20px; }
h1.site-title {background: #666; padding: 10px 20px;   white-space: nowrap; display: inline-block; float: left; width: auto; font-size: 1.15em; }
h1.site-title a {color: #fff !important; }
h1.site-title a:hover {color: #fc0 !important; }
#header #navi { float: right; position: absolute; right: 0; top: 0;display: none; width: auto;}
#header #navi ul {  text-align: right;background: #666;  padding: 4px 7px;}
#header #navi ul li { display: inline-block; border-left: 2px solid #fff; }
#header #navi ul li:first-child { border: 0;}
#header #navi ul li.current-menu-item a { color: #fc0; cursor: default;}
#header #navi ul a { padding: 0 10px; }
#header #navi ul li.current-page-ancestor a, #header #navi ul li.current-menu-parent a {color: #ccc;}
#header #navi ul li.current-page-ancestor a:hover, #header #navi ul li.current-menu-parent a:hover {color: #fc0;}
.motivbild {width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 20px 0;}
#pagehead { height: 100vh;  display: table; width: 100%; }
#pageheader_content  {display: table-cell; vertical-align: middle; text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); color: #fff; text-align: left;}
#pageheader_content .more-link {color: #fff; text-decoration: none; font-size: 1.1em; display: block;}
#pageheader_content .more-link:hover, #pageheader_content .more-link:focus { color: #fc0;}
.pageheader_element { margin: 0 5% 10px 5%; max-width:75%;}
.pageheader_element img { border: 12px solid #fff; border-radius: 8px;  }
.pageheader_element .ms-slide img {border: 12px solid #fff; border-radius: 8px;  }
.master-slider-parent { padding: 0 !important; margin: 0 0 20px 0 !important; border: 12px solid #fff; border-radius: 8px;  } h1.page-title { font-size: 1.3em; line-height: 1.3em; font-weight: 300; padding-bottom: 25px; color: #fc0; display: inline-block;}
#post {padding:0 0 30px 0; -webkit-hyphens: auto; -ms-hyphens: auto;  hyphens: auto;    }
#post:first-of-type { padding-top: 30px;}
.storycontent { padding:0 0 10px 0; position: relative;} .alignright {margin:0 0 15px 20px;display:inline;float:right;} 
.alignleft {margin:0 20px 15px 0;display:inline;float:left;} 
.aligncenter { text-align: center; margin: 0 auto;} 
.alignnone { display: inline-block;}
#post .alignleft, #post .alignright	{ max-width:48%;} 
.storycontent a img {opacity:1;} 
.storycontent a:hover img	{opacity:.85;}
.video-wrapper { max-width: 650px;}
.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px; border:1px solid #ccc;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .storycontent ul, .storycontent ol {margin:10px 0 0 0;padding:0 0 10px 0;}	
.storycontent ul li {margin:0 0 5px 20px; list-style:disc; } 
.storycontent ol li {margin:0 0 5px 20px;list-style:decimal;} table {border:0 none;border-spacing:0;margin:15px 0;} 
td, th {padding:2px 6px 2px 0;vertical-align:top;text-align:left;} 
th {font-weight:bold; white-space: nowrap;} .archiv_excerpt { text-decoration: none; border-top: 1px dotted #eee; display: block; padding-top: 25px; margin-top: 20px; }
.archiv_excerpt:first-of-type { border: 0; padding: 0; margin: 0;}
.archiv_excerpt:hover { color: #333;}
.archiv_excerpt .more-link { text-decoration: underline;}
.archiv_excerpt:hover .more-link{ color: #29acca;}
.fas { margin-right: 10px; font-size: .85em; display: inline-block;}
.post-categories, .post-categories li { margin-bottom: 0 ; padding-bottom: 0  !important;} textarea, input, select {border:1px solid #ddd;padding:4px;font-size:1.1em; -webkit-border-radius:3px;border-radius:3px; line-height:1.9em; width: 100%; max-width: 500px;  } 
textarea {height:120px;}
textarea:focus, input:focus, textarea:active, input:active,  select:focus,  select:active  {border-color: #29acca;}
.button, .checkbox, input.input-checkbox  { width: auto;} .sidebar  { max-width: 35%; float: right; margin: 25px 0 25px 5%;}
.sidebar img.wp-post-image {border:1px solid #ddd;}
.sidebar .wp-caption-text { color: #999; font-size: .8em;} .searchfield { height:26px; border-color:#bebebe; line-height: 26px; border-radius: 13px; width: 300px; padding: 2px 15px;background-image: url(//www.christian-klinger.at/wp/wp-content/themes/Klinger_3.0/pics/search-header.png); background-position: right;  background-repeat: no-repeat; background-size:auto 100%; font-size: 12px; color: #bebebe; }
.searchfield:focus, .searchfield:active { border-color: #29acca; font-size: 1em; background-size: 0; color: #444; font-size: 16px; height: 32px;  line-height: 32px;  padding: 4px 15px; border-radius: 16px;}
.search-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} .gallery:before  {content:"Klick zum Vergrößern und zum Start der Diashow";display:table; height:10px; font-size: 12px; color: #999;}
.gallery:after {clear: both; display: table; height: 25px;}
.gallery .gallery-item { float: left;}
.gallery-columns-2 .gallery-item { width: 50%;}
.gallery-columns-3 .gallery-item { width: 33.3333333333333333333333333333333333333333333%;}
.gallery-columns-4 .gallery-item { width: 25%;}
.gallery-columns-5 .gallery-item { width: 20%;}
.gallery-columns-6 .gallery-item { width: 16.6666666666666666666666666666666666666666666%;}
.gallery-columns-7 .gallery-item { width: 14.2857%;}
.gallery-columns-8 .gallery-item { width: 12.5%;}
.gallery-columns-9 .gallery-item { width: 11.111111111111111111%;} .wp-gallery:before {content:"";display:table; height:10px;}
.wp-gallery {     margin: auto;  overflow: hidden;  width: 100%; }
.wp-gallery ul	{ margin:0; padding: 0;}
.wp-gallery li {   float: left; display:inline; list-style:none; margin:0 1% 10px 0;padding:0;float:left; width:30%;       }
.wp-gallery img {    margin:0 0 6px 0; 	background-color:#fff; 	border:1px solid #333 !important; 	 position:relative; width:90%; padding:0; -webkit-box-shadow:3px 3px 7px 0px rgba(0, 0, 0, .3);    box-shadow:  3px 3px 7px 0px rgba(0, 0, 0, .3); -webkit-border-radius: 2px; border-radius:2px;} .wp-gallery img:hover {border-color:#fff;} .wp-pagenavi:before {content:".";clear:both;} 
.wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px auto;border-top:1px dotted #eee; } 
.wp-pagenavi .pages {margin-right:10px;line-height:2em;} 
.wp-pagenavi a,  .wp-pagenavi .current, .wp-pagenavi .extend { text-decoration:none;display:inline;margin-right:5px;} 
.wp-pagenavi .current {background:#fff !important;color:#fc0 !important; border-radius: 2px;border:1px solid #fc0;letter-spacing:1px;padding:3px 7px;font-weight:bold;line-height:28px;  margin-bottom: 15px; text-transform: uppercase; text-align: center;text-decoration: none;  width: auto;  } #books_childpages {display: flex; flex-direction: row; flex-wrap:wrap;align-items:stretch; } 
#books_childpages .single_book	{  margin:0;  width:50%; padding-right: 25px; margin-bottom: 25px; } 
#books_childpages .single_book a { text-decoration: none !important; display: block; font-size: 1.25em; line-height: 1.3em; } 
#books_childpages .single_book img {  max-width:100%; border: 1px solid #ccc; -webkit-box-shadow:3px 3px 7px 0px rgba(0, 0, 0, .3); box-shadow:  3px 3px 7px 0px rgba(0, 0, 0, .3); margin-bottom: 20px; width: 250px;}
#books_childpages .single_book a:hover img,  #books_childpages .single_book a:focus img { border-color: #999;-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;-ms-transition: all 500ms ease-out;  -o-transition: all 500ms ease-out;transition: all 500ms ease-out; -webkit-box-shadow:3px 3px 7px 0px rgba(0, 0, 0, 0);    box-shadow:  3px 3px 7px 0px rgba(0, 0, 0, 0); } #footer { padding:15px 0 70px 0; text-align: center;}
.footer-navigation li { display: inline-block; margin:0 4px 6px 4px; }
#footersearch { text-align: center; margin-top: 30px;}
.kontaktbox { width: auto; display: inline-block; padding: 20px 20px 5px 20px; border: 1px solid #fc0; background: #ddd; margin: 25px auto;} .noborder, .wp-smiley	{ border:0 none !important;}
.red, .red a { color:#f00; }
.yellow { color: #fc0;}
.grey {color: #666;}
.uppercase { text-transform: uppercase;}
.hidden { display: none;} #navi ul:after, .wp-pagenavi:before, #header:after, #navi:after, .clear, h1:before, hr:before {content: " "; height: 0; clear: both; visibility: hidden;font-size: 0; display:block;} .button, .wp-pagenavi a,  input[type="submit"], input[type="button"], input[type="reset"] {border:1px solid #fc0 !important;letter-spacing:1px;padding:3px 7px;font-weight:bold;line-height:28px;  margin-bottom: 15px; text-transform: uppercase; text-align: center;text-decoration: none;  width: auto; background: #fc0 !important; color: #fff !important; border-radius: 2px; }  
.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover, .button:focus, .button:active	{ cursor:pointer;color:#444 !important; background: #fc0 !important; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;	 } a, #navi ul.sub-menu, #navi ul.sub-menu li, input, textarea, select, .startboxen li:hover, a img, .startboxen li .more-link:hover, .infobar, .kontakt_button:hover, .kontakt_button:hover .inner, .searchform  input, .frm_button_submit, .scroll-to-top-button, .more-link, .startbox a, .startbox:hover, strong, .strong, #socialmedia li {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} @media screen and (min-width:651px) {    
.content {width:94%;  }
.pageheader_element { max-width: 55%;}
}
@media screen and (min-width:900px) {    
body { padding-top: 50px;}
body.home { padding-top: 0;}
#header #navi { display: inline-block;}
h2 { font-size: 1.8em;}
#post {display: flex; flex-direction: row; flex-wrap:wrap;align-items:stretch;}
h1.page-title { font-size: 1.7em; line-height: 1.4em;}
.sidebar { max-width: 100%; float: none; margin: 0; width: 35%; padding-right: 30px; padding-top: 30px; padding-bottom: 20px; }
body.tag .sidebar { padding-top: 15px;}
.storycontent { width: 65%;}
.page-template-page-archiv-books .storycontent { width: 100%;}
#books_childpages .single_book	{ width: 33.33333333333333333333333%}
#books_childpages .single_book img { max-width: 250px; width: auto;}
}
@media screen and (min-width:1000px) {   
h1.page-title { font-size: 2em; line-height: 1.4em;  }
.pageheader_element { max-width: 30%;}
}
@media screen and (min-width:1300px) { 
#header { font-size: 1.4em; line-height: 1.2em; letter-spacing: 1px;  }
h1.site-title {padding: 4px 17px; font-size: 1em;}
h1.site-title,  #header #navi {border: 3px solid #666; border-width: 3px 0; }
#header #navi ul li { border-width: 3px;}
.pageheader_element { max-width: 32%; margin-left: 0;}
h1.page-title { font-size: 3em; line-height: 1.4em;  }
#books_childpages .single_book	{ width: 25%}
#books_childpages .single_book img { max-width: 275px;}
}
@media screen and (min-width:1600px) { 
#header { font-size: 1.6em; line-height: 1.2em;    }
.sidebar { padding-left:30px; }
.storycontent { padding-right: 30px;}
}