@font-face {
font-family: 'RobotoCondensedRegular';
src: url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoCondensedRegular.eot);
src: url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoCondensedRegular.eot) format('embedded-opentype'),
url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoCondensedRegular.woff2) format('woff2'),
url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoCondensedRegular.woff) format('woff'),
url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoCondensedRegular.ttf) format('truetype'),
url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular) format('svg');
}
@font-face {
font-family: 'RobotoRegular';
src: url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoRegular.eot);
src: url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoRegular.eot) format('embedded-opentype'),
url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoRegular.woff2) format('woff2'),
url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoRegular.woff) format('woff'),
url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoRegular.ttf) format('truetype'),
url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/fonts/RobotoRegular.svg#RobotoRegular) 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 {background-color: #fff; font-size:18px;line-height:1.6em;  min-height: 100%; font-family:'RobotoCondensedRegular', Arial, Helvetica, sans-serif;color:#444;  background-position: left bottom; background-repeat: no-repeat; background-image: url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/pics/hopsala.jpg); background-size: contain; padding-bottom: 175px; color: #444;}
h2,h3 {margin:0 0 20px 0;font-family:'RobotoRegular', Arial, Helvetica, sans-serif; }
h2, h3, h4 {font-size:1.2em;line-height:1.3em; color:#444 ;margin:25px 0; letter-spacing: 1px; }
h2, h3 { color: #c9242b;}
h4  {  font-size:1.15em;  }
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;} a:link, a:visited {color:#444;} 
.storycontent a:link {text-decoration:underline !important;}
a:hover, a:focus, a:active {color:#c9242b !important; }
.link {text-decoration:underline !important; }
.storycontent a[href*=".pdf"], .storycontent a.external[href*=".pdf"] {background-image:url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/pics/PDF.png); background-repeat: no-repeat; background-position: left 6px;padding:0 0 0 32px;display:inline-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%);-webkit-filter: grayscale(1); background-size: 8px auto; margin-right: 3px; }
.storycontent a.external_icon:hover, .storycontent a.external_icon:focus, .storycontent a.external_icon:active {filter: grayscale(0);-webkit-filter: grayscale();-moz-filter: grayscale();-ms-filter: grayscale(0);-o-filter: grayscale(0);-webkit-filter: grayscale(0)} .skiplink {position:absolute;left:0;top:-20em;}
.container {position:relative;width:100%;  }
.content {position:relative;width:100% ;margin:0 auto; min-width:260px;max-width:1300px ; padding: 0 4%;   } #header { background: #fff; z-index: 20;background: #fff; padding: 15px 0; }
#header .content { border-bottom: 3px solid #92c365; padding-bottom: 10px}
#header a  { text-decoration: none; font-weight: 400 !important;color: #444; }
#header a:hover,#header a:focus,#header a:active { color: #c9242b; }
h1.site-title {background: #fff; padding: 4px 17px;   white-space: nowrap; display: inline-block; float: left; width: auto; width: 25%; max-width: 300px; }
#header #navi { float: right; position: absolute; right: 0; bottom: 0;display: inline-block; width: auto; font-size: .75em; line-height: 1.3em; }
#header #navi ul {  text-align: right;background: #fff;  padding: 4px 7px; }
#header #navi ul li { display: inline-block; border-left: 2px solid #fff; text-align: center;}
#header #navi ul li:first-child { border: 0;}
#header #navi ul li.current-menu-item a { color: #c9242b; 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: #c9242b;}
#navi .current-menu-item a {color:#c9242b ;cursor:default; }
#navi .current-menu-item .sub-menu a { cursor: pointer; color: #444  !important;}
#navi .current-menu-parent a { color: #fff;}
#navi .current-menu-parent a:hover, #navi .current-menu-item .sub-menu a:hover { color: #c9242b !important;cursor: pointer !important;}
#navi ul   {  line-height: 40px;    }
#navi #menu { z-index: 5; padding-right: 50px;  }
#navi  li {position:relative; display:inline-block; line-height: 1.1em; height: 40px;padding-right: 12px; margin-top: 5px; }
#navi  li a { padding:10px 7px auto 0 ;text-transform: uppercase; display: block;}
#navi .menu-item-has-children a:after { content: "\f107"; font-family: 'FontAwesome'; font-size: .8em; font-weight: bold; padding-left: 5px; margin-right: 5px;}
#navi .menu-item-has-children a:hover:after { color:#fc0;}
#navi .menu-item-has-children .sub-menu a:after {content: ""; }
#navi ul.sub-menu {  position:absolute;   top:40px;   text-align: left; height: 0; overflow: hidden; visibility: hidden; opacity: 0; margin: -20px 0 0 -15px; border:1px solid #ddd;   background:#fff; font-size: .85em; }
#navi li:hover ul.sub-menu { height: auto;  visibility: visible; opacity: 1;  -webkit-border-radius: 0 0 3px 3px;border-radius:  0 0 3px 3px;   min-width: 110%; width: auto;  margin:0 0 0 -15px;  }
#navi .sub-menu	li, #navi .menu_item_has_children:hover .sub-menu .menu_item_has_children  {border-width:0 0 1px 0 ; border-bottom-color:  #fff;float:none;font-size: 1em; text-transform: none; margin: 0; padding: 8px  15px; -webkit-border-radius:0;border-radius: 0; display: block; height: auto;  line-height: 1.6em; border-bottom: 1px dotted #fff; white-space: nowrap; }
#navi .sub-menu	li:last-child   {-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; border-bottom: 0;}
#navi .menu_item_has_children .sub-menu a {height: auto;}
#navi ul.sub-menu li { height: auto; line-height: 1.4em; }
#navi ul.sub-menu a, #navi .current-menu-item ul a,#navi .current_page_ancestor ul a { color: #444 ; text-transform: none; letter-spacing: normal;}
#navi ul.sub-menu a:hover, #navi .current-menu-item ul a:hover,#navi .current_page_ancestor ul a:hover { color: #c9242b ;}
#navi .sub-menu .current-menu-item a {color:#c9242b !important;cursor:default; } #pagehead { width: 100%; }
#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: #c9242b;}
.master-slider-parent { padding: 0 !important; margin: 0 0 20px 0 !important; border: 12px solid #fff; border-radius: 8px;  }
.ms-info h3 { font-size: 1em; line-height: 1,6em; letter-spacing: normal; margin: 0 0 15px 0;} .alertcontent { border-bottom: 3px solid #92c365; padding: 0; margin: -10px auto 0 auto; }
#alert { font-size: 1.25em; margin: 0 0 15px 0; line-height: 1.6em;  padding: 0 3%; text-align: center;}
#alert a { text-decoration: none; display: block; color: #c9242b;}
#alert a:focus, #alert a:hover { color: #444; text-decoration: underline;}
.important-news h2 { color: #f00;}
.single-format-standard .alertcontent { display: none;} h1.page-title { font-size: 1.3em; line-height: 1.2em; font-weight: 300; padding-bottom: 25px; color: #c9242b; display: inline-block;}
h1.page-title small {font-size: .6em !important; color: #333 !important; line-height: 1.2em !important; }
#post {padding-bottom: 30px ; -webkit-hyphens: auto; -ms-hyphens: auto;  hyphens: auto;    }
#post:first-of-type { padding-top: 30px;}
.storycontent { padding:0 0 10px 0; position: relative;} #channels {position: relative;  margin: 10px 0; display: block;}
#channels li { position: relative; width: 50px; height: 50px; display: inline-block; margin:0 15px 0 0 ;  } 
#channels li a {position:absolute;left:0;top:0;width:100%;height:100%;display:block; text-indent:-99999px;z-index:2; font-size: 0; background-position: center; background-repeat: no-repeat; background-size: 55% auto; -webkit-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.2); box-shadow: 0 1px 2px 1px rgba(0,0,0,.2); -webkit-border-radius: 50%;border-radius: 50%;filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);-webkit-filter: grayscale(0); }
#channels li a:hover { filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-filter: grayscale(1);  }
#channels li a[href*="facebook"], #channels li.facebook a { background-image: url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/pics/facebook_w.png); background-color:#3b579d !important;}
#channels li a[href*="twitter"],#channels li.twitter a { background-image: url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/pics/twitter_w.png);background-color: #55acee;}
#channels li a[href*="youtube"],#channels li.youtube a { background-image: url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/pics/youtube_w.png); background-color:#ff0000; }
#channels li a[href*="instagram"],#channels li.instagram a { background-image: url(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/pics/instagram_w.png);background-color:#e53f5d;  } .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 .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(//hopsala-verlag.at/wp-content/themes/Hopsala_1.4/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;} .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:#c9242b !important; border-radius: 2px;border:1px solid #c9242b;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); }
.single_book table th, .single_book table td { font-size: .8em !important; line-height: 1.3em;} #footer { padding:15px 0 70px 0; text-align: center; }
#footer .content { border-top: 3px solid #92c365; padding-top: 40px;}
#footer .site-description { text-transform: uppercase; padding: 3px 0; width: 100%; text-align: center; font-size: 1.2em; line-height: 1.4em;}
.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 #92c365; background: #f9f9f9; margin: 25px auto;} .noborder, .wp-smiley	{ border:0 none !important;}
.red, .red a { color:#c9242b; }
.green { color: #c9242b;}
.grey {color: #666;}
.uppercase { text-transform: uppercase;}
.hidden { display: none;}
.inline { display: inline-block;}
.desktop_only { 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 #c9242b !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: #c9242b !important; color: #fff !important; border-radius: 2px; }  
a.downloadbutton { text-transform: none; padding: 5px 9px !important; font-size: 1em; display: inline-block; margin-right: 25px; text-decoration: none !important; background-image: 0;  }
.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: #c9242b !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) {    
#channels { float: right; margin: 15px 0 10px 15px; display: inline-block; }
#channels li { margin:0 0 0 15px ;  } 
.content { padding: 0 3%;  }
#pageheader_content { display: inline-block; float: left; width: 35%;}
#frontpage_content { display: inline-block; float: right; width: 65%; padding-left: 5%;}
}
@media screen and (min-width:900px) {    
#footer {padding-bottom: 100px; }
h1.site-title {display: inline-block; float: left; width: auto; width: 25%; max-width: 300px; }    
h2 { font-size: 1.8em;}
#post, #footercontent {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;  }
.narrowsidebar { float: left; display: inline;}
.storycontent { width: 65%; float: right;}
.page-template-page-archiv-books #post .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 #navi ul li { border-width: 3px;}
#pageheader_content {  width: 45%;}
#frontpage_content { width: 55%; }
.pageheader_element { max-width: 32%; margin-left: 0;}
h1.page-title { font-size: 2.8em; line-height: 1.4em; max-width: 85%;  }
#books_childpages .single_book	{ width: 25%}
#books_childpages .single_book img { max-width: 275px;}
.desktop_only { display: block;}
.mobile_only { display: none;}
}
@media screen and (min-width:1600px) { 
#header { font-size: 1.3em; line-height: 1.2em;    }
.sidebar { padding-right:30px; }
.storycontent { padding-right: 0;}
}