/*
Theme Name: Genuss hoch2  1.0
Date: Mai 2026
Theme URI:https://graphiks.info/
Author:www.graphiks.info
*/

@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

/*Reset ------------------------------------------------------------------------------------*/
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;}

/*HTML Elements
------------------------------------------------------------------------------------*/
* { 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;   }

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:#DB911B ;margin:25px 0;  letter-spacing: 1px; font-weight: 100; text-transform: uppercase;}
h2 { color: #DB911B;}
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, .spacer { border:2px dotted  #dedede;  border-width:0 0 4px 0; max-width: 60%;margin:15px auto;}

/*Links*/
a, a:visited {color:#444;text-decoration:underline;} 
a:hover, a:focus, a:active {color:#DB911B; }
.link {text-decoration:underline !important; }
.storycontent a[href*=".pdf"], .storycontent a.external[href*=".pdf"] {background-image:url(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; }

/*Layout 
------------------------------------------------------------------------------------*/
.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:1150px;  }	
.widecontent { width: 100%; max-width: 100%; }

/*Header 
------------------------------------------------------------------------------------*/
#header {  font-size: 1.2em; line-height: 1.2em; background: #fff; border-bottom: 3px solid  #DB911B; background-color: #eee; min-height: 150px; }
#header a  { text-decoration: none; font-weight: 400 !important;color: #fff; }
#header a:hover,#header a:focus,#header a:active { color: #DB911B; }
#headercontent {}

h1.site-title {padding: 10px  0;    white-space: nowrap; display: inline-block; float: left; width: auto; font-size: 1.15em; position: relative; z-index: 20;width: 200px ;position: absolute; left: 3%; max-width: 30%; }
h1.site-title a {color: #fff !important; }
h1.site-title a:hover {color: #DB911B !important; }
h1.site-title span { position: absolute; left: -99999999999999px;}

#header #navi { position: absolute; right: 0; bottom: 0;display: none; width: auto; background-color: #2C8847; z-index: 10;}

#header #navi ul {  text-align: right;background: #2C8847;  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: #DB911B; 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: #DB911B;}

.header_with_slider #headercontent { margin-top: 0; }
.header_with_slider  h1.site-title {  top: 10px; max-width: 25%; width: auto;}

/*Content 
------------------------------------------------------------------------------------*/

h1.page-title { font-size: 1.9em; line-height: 1.3em; font-weight: 300; padding-bottom: 15px; color: #DB911B; text-align: center;}

.category-extra-menu { display: block; margin: 10px 0 ; text-align: center;}
.category-extra-menu li { display: inline-block; list-style: none;margin: 0 3px 10px 0;  !important; padding: 0 important;}
.category-extra-menu li a { font-size: .9em; padding: 5px 9px; border: 1px solid #2C8847;  border-radius: 5px; text-decoration: none; background: #fcfcfc; line-height: 1.1em; display: block; width: auto;}
.category-extra-menu .current-menu-item a { color:#DB911B; background: #fff; }


#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;} 

.postcontent { padding:15px; background: #fbfbfb #fff; margin-bottom: 20px; border-radius: 3px;}
.storycontent h3 { margin-top: 0;}

/*Bilder, Videos, Objects, iframes, Captions*/
.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;}

/*Listen*/
.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;}

/*Tabellen*/
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;}

/*Archive: Search, Category, Tag*/
.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;}

/* Sidebar */
.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;}

/*Suche*/
.searchfield { height:26px; border-color:#bebebe; line-height: 26px; border-radius: 13px; width: 300px; padding: 2px 15px;background-image: url(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;} 

/*Pagenavi*/
.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:#DB911B !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;  }

/*Tagliste*/
.wp-block-post-terms a { text-decoration: none; border: 1px solid #DB911B; line-height: 24px; height: 24px;  border-radius: 5px; padding:  3px 12px; margin-right: 10px; }

/*Footer 
------------------------------------------------------------------------------------*/
#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;}

/*Ueberschreiben, Editor-Styles, Generelle Definitionen 
------------------------------------------------------------------------------------*/
.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;}

/*Clear*/
#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;}
  
/*transition*/
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;}

/*Responsive
-------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:651px) {    
    
    .content {width:94%;  }
    .pageheader_element { max-width: 55%;}
    
}

@media screen and (min-width:800px) {   

    h1.site-title {padding: 25px  0;  }
    .header_with_slider  h1.site-title {  top: 30px;  max-width: 23%;}

}

@media screen and (min-width:900px) {    
    
        
    #header #navi { display: inline-block;}
    
    h2 { font-size: 1.8em;}
      
}

@media screen and (min-width:1000px) {   
    
    h1.page-title { font-size: 2em; line-height: 1.4em;  }
    .category-extra-menu li a { font-size: 1.25em;, line-height: 1.1em;}

}

@media screen and (min-width:1300px) { 
    
    #header { font-size: 1.4em; line-height: 1.2em; letter-spacing: 1px;  }
     #header #navi {border: 3px solid #2C8847; border-width: 3px 0; }
    #header #navi ul li { border-width: 3px;}
 
     h1.page-title { font-size: 3em; line-height: 1.4em;  }
    
}

@media screen and (min-width:1600px) { 
    
    #header { font-size: 1.6em; line-height: 1.2em;    }
    
    
}