/*
Theme Name: Michael Gnant 4.6
Date: Oktober 2025
Theme URI:https://graphiks.info/
Author:Andreas Hartl
*/

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

@font-face {
    font-family: 'MontserratRegular';
    src: url('fonts/MontserratRegular.eot');
    src: url('fonts/MontserratRegular.eot') format('embedded-opentype'),
         url('fonts/MontserratRegular.woff2') format('woff2'),
         url('fonts/MontserratRegular.woff') format('woff'),
         url('fonts/MontserratRegular.ttf') format('truetype'),
         url('fonts/MontserratRegular.svg#MontserratRegular') 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;color:#333;background-color: #9aaeb3;}
body {font-family:'MontserratRegular', Arial, Helvetica, sans-serif;background-color: #fff;font-size: 16px;line-height:1.6em;  color: #333; letter-spacing: .01em; font-stretch: 85%;}
h2,h3,h4 {font-family: 'MontserratBold', sans-serif; margin:0 0 10px 0; color: #c58585; font-size:1.5em; margin:0 0 15px 0;  font-weight: normal;line-height:1.6em; /*text-transform: uppercase;*/ letter-spacing: .05em; -webkit-hyphens: none !important; -ms-hyphens: none  !important;  hyphens: none  !important; }
.blog  h2 { text-align: center;}
h3 strong { font-weight: normal; letter-spacing: normal; letter-spacing: .05em;}
h2, h3, h4 { padding: 0 0 20px 0; font-size: 1.2em;  }
h4 { font-size: 1.2em;line-height:1.6em;}
h5 {font-family:'MontserratRegular', serif;color: #9aaeb3; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3em; padding: 15px 0 8px 0; font-weight: 300; position: relative;}
.archivtitle { padding-top:15px;border-top:2px dotted #ccc; margin-top:30px; } .
storycontent .archivtitle:first-child   { margin-top:0;}

h2 a, h3 a, h4 a {  color: #c58585 !important; text-decoration: none;}

p {padding-bottom:1.3em;}
small, .small	{font-size:0.85em; padding-bottom:15px; color:#666; } 
small a { color:#666 !important;} 
small a:hover {color:#c58585 !important;}
hr { background:0;border:1px solid #f6eded; border-width:0 0 2px 0;height: 1px;width:100%;margin:25px auto;}
img { max-width: 100%; height: auto; display: block;}
sup, sub { font-size: 0.6em;}
strong, b, .strong { color: 000;font-family: 'MontserratBold', sans-serif; letter-spacing: .05em;}

i.fa { color: #999; margin-right: 12px;}

/*Links*/
a, a:visited {color:#333;text-decoration:underline;} 
a:hover, a:active {color:#c58585; }
.storycontent a[href*=".pdf"], .storycontent a.external[href*=".pdf"] {background-image:url(pics/PDF.png); background-repeat: no-repeat; background-position: left center;padding:0 0 0 32px;display:block; line-height: 28px;} 
a[href*="tel"] { text-decoration: none;}
a.blank { padding: 0 !important; background: 0 !important; margin: 0  !important;}

/*Layout 
------------------------------------------------------------------------------------*/
.skiplink {position:absolute;left:0;top:-20em;}

.container  {position:relative;width:100%; background-color: #fff;  }
.content {position:relative;width:94%;margin:0 auto; min-width:260px;max-width:1200px;  }	
.widecontent { max-width: 94%;}

/*Header 
------------------------------------------------------------------------------------*/
#header {  background-color: #fff;}
#header a   { text-decoration: none; }
#headercontent {height: 85px;-webkit-box-shadow: 3px 3px 6px -3px rgba(0,0,0,0); box-shadow: 3px 3px 6px -3px rgba(0,0,0,0); }
#headercontent .content {  background-color: #fff;  }

#header .content {display: flex; flex-direction: row; flex-wrap:wrap;align-items:stretch;}
/*#headercontent .left_header,    #headercontent h1,  #headercontent .right_header { width: 33.33333333333333333333333%}*/

#headercontent .left_header { width: 20%; }
#headercontent h1 { width: 60%; }
#headercontent .right_header { width: 20%; text-align: right; }

#headercontent h1 {position:relative;   width: 60% ; margin: 10px auto 0 auto;  height: 55px; max-width: 450px;  background-image: url(pics/logo.png); background-position: center center; background-size:  85% auto; background-repeat: no-repeat;    }
#headercontent h1 a { width: 100%; height: 100%; display: block;}

#headercontent.navi-sticky h1 {background-image: url(pics/MG_Monogram.png); background-size: 35px auto;}

#header .metanavi { z-index: 10; position: absolute; margin: 0 0 0 -3px  } 
.lang_switch { display: inline-block; padding-top: 5px 0 0 0;}
.wpml-ls-item a, .wpml-ls-item a:visited { color:#9aaeb3;margin: 0; padding: 0 5px; border-left: 1px solid #9aaeb3; font-weight: 500; line-height: 1em; font-size: 20px;  }
.wpml-ls-first-item a, .wpml-ls-native  { padding-left: 0  !important;  border: 0; }
.wpml-ls-item a:hover, .wpml-ls-item a:focus, .wpml-ls-item a:active { color:#c58585 }
.wpml-ls-current-language a {color:#c58585 !important ;cursor:default !important;}
#footer .wpml-ls-current-language a {color: #000 !important;}
.lang_switch li { margin: 0; padding: 0;}

#header .contact { display: inline-block; margin:5px 0 0 0; padding-top: 8px; position: relative; height: 23px; }

/*Navigation 
------------------------------------------------------------------------------------*/
#navi { position: absolute; right: 0; text-align: center;     position: absolute; top: 0; z-index: 20;  background: transparent; }
#navi ,#navi  #menu  { width:100%; padding: 0;} 

#navi .show-menu { 	text-decoration: none; 	color: #9aaeb3; background-image: url(pics/menu.png); background-position: right center; background-repeat: no-repeat; 	padding: 11px 0 0 0; opacity:1;  height: 47px; border: 0; line-height: 1.3em; background-size: 35px auto; display:block; width: 150px; position: absolute; right: 0; top: 6px; font-size: 20px; }

#navi .show-menu:before, #navi  input#show-menu:checked ~ .show-menu:before { display:block; padding-right: 55px; content: "MENÜ";text-align: right; font-size: 20px;  }
body.en #navi .show-menu:before, body.en #navi  input#show-menu:checked ~ .show-menu:before , body.ru #navi .show-menu:before, body.ru #navi  input#show-menu:checked ~ .show-menu:before  {content: "MENU";}

#navi  input#show-menu:checked ~ .show-menu {     background-image: url(pics/close.png);  color: #9aaeb3;background-size: 30px auto; z-index: 8888888; }

.show-menu:hover, #navi  input#show-menu:checked ~ .show-menu:hover {   opacity:.7;   cursor: pointer; }

#navi input#show-menu {     display: none;     height: 10px;}
    
#menu {display: none; height: 0; padding: 0 3%; margin: 0; border-bottom: 5px solid #c58585;   }      
#navi  input#show-menu:checked ~ #menu { display: flex; 	flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: top; align-content: top; height: auto;  margin-top: 63px; position: absolute;  -webkit-box-shadow: 0 0 5000px 5000px rgba(250,250,250,.8);
box-shadow: 0 0 5000px 5000px rgba(250,250,250,.8);}
  
#navi  #menu li {width:50%;text-align: center; background-color: #c58585; padding: 0; margin: 0; list-style: none; position: relative; }
#navi  #menu li a { width: 100%; height: 100%; display: block;  position: relative; margin: 0; padding: 0;}

#navi  #menu li span { z-index: 2; color: #fff; font-family: 'MontserratBold', sans-serif; margin:0 0 10px 0; color: #fff; font-size:1.1em;   font-weight: normal;line-height:1.4em; text-transform: uppercase;letter-spacing: .1em; position: absolute;  top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; padding: 0 8%;}

#navi  #menu li img { opacity: .75; margin: 0; padding: 0;}
#navi  #menu li:hover img, #navi  #menu li:focus img, #navi  #menu li:active img { opacity: 0;}

#headercontent.navi-sticky #navi .show-menu  { top: 2px; padding: 10px 0 0 0; height: 40px; background-size: 30px auto;} 
#headercontent.navi-sticky #navi  input#show-menu:checked ~ #menu { margin-top: 26px;} 
    
.mobmenu-right-bt .right-menu-icon-text {padding-top: 7px; z-index: 9;}
.mobmenu-content li a { text-transform: uppercase !important;}
.mobmenu {z-index: 9; max-width: 20%;  }

#headercontent { z-index: 99999 ;}
#headercontent.navi-sticky { z-index: 1 !important;}
.mobmenu { z-index: 99998 !important ;} 

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

#post {padding:0 0 30px 0; -webkit-hyphens: auto; -ms-hyphens: auto;  hyphens: auto;   }

.page-title { position: absolute; left: -9999999999999999px; margin-bottom: 30px;}
.page-template-page-headline  .page-title  { position: relative; left: 0;}
.storycontent { padding:40px 0 20px 0; position: relative;border-top: 2px solid #f6eded;  } 
#has_fullwidthslider .storycontent { border: 0; padding-top: 0;}
.master-slider-parent ~ .storycontent { border: 0;}

/* Pagescroll*/
i.pagetarget { position: absolute; width: 1px; height: 1px; top: -65px;}
i#pagetop {margin-top: -125px;}
a.pagescrollto {position: relative; margin: 0 auto; width: 32px; height: 18px; background-image: url(pics/scroll_down.png); background-repeat: no-repeat; text-indent: -99999999999999999px; display: block;}

/* Zitate*/
blockquote {font-size:1.2em; margin:15px 0 25px 0;line-height:1.4em;color:#c58585; padding:3px 0 5px 20px; border-left: 2px solid #c58585; /*max-width: 650px; */ hyphens: none;}
blockquote p {margin: 0; padding: 0; }

/*Breadcrumb*/
.breadcrumb { padding:0; margin:0 0 15px 0; font-size:0.8em; color:#999; left: 0;}
.breadcrumb a { color:#999;  } .breadcrumb a:hover { color:#333;}

/*Slider*/
.master-slider {border-bottom: 5px solid #c58585;}
.ms-info {  padding: 0  !important; height: 100%  !important; max-width: 100%  !important; margin: 0  !important; z-index: 1; }
.ms-info img { max-height: 100%; width: auto; max-width: 600px;}
.ms-bullet { background:transparent !important; border-radius: 50%; width: 8px !important; height: 8px !important; border: 1px solid #c58585; z-index: 200;  }
.ms-bullet-selected { background:  #c58585 !important;}
.ms-arrow { background: none !important}

.fullwidthslider { padding-bottom: 25px;}

/*Bilder, Videos, Objects, iframes, Captions*/
.alignright {margin:0 0 20px 4%;display:inline-block;float:right;} 
.alignleft {margin:0 4% 15px 0;display:inline-block;float:left;} 
.alignnone { margin: 0 4% 15px 0; }
.medienbox { margin-bottom: 0 !important;margin-right: 2%;}
#post .alignleft, #post .alignright	{ max-width:55%;} 

#post a img	{opacity:1;border:1px solid #ddd;} 
#post a:hover img	{opacity:.85;border-color:#c58585;}
.centered, .aligncenter { text-align: center; display: block;}

.video-wrapper { max-width: 850px;}
.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%;} 

/*Newsuebersicht, Category, Search*/
.newsintro { padding-top:10px;border-top:2px dotted #ddd;  margin-top: 15px;}
.newsintro a { text-decoration: none; display: block; width: 100%; height: 100%;}
.newsintro:hover a {color:#999;}
.newsintro:hover .more-link { text-decoration: underline;}
.newsintro img.wp-post-image { max-width: 214px !important;}
.newsintro table tr:last-child td {border-bottom:0; padding-bottom: 0;}

p.more-link:before {font-family: 'FontAwesome';  display: inline-block; content: "\f061"; font-size: .9em; width: 20px;}

/*Listen*/
#post ul {padding:0 0 1.3em 0;}	
#post ul li {margin:0 0 5px 20px;list-style:disc;}
#post ul ul {padding: .3em 0;}
#post ul ul li {list-style: circle;}
#post ol li {margin:0 0 0 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;}

/*Formular, Kontakt */
textarea, input, select {border:1px solid #ddd; -webkit-border-radius:2px;border-radius:2px; } 
textarea:focus, input:focus, textarea:active, input:active,  select:focus,  select:active  {border-color: #fbc500;}

/*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: #9aaeb3; }
.searchfield:focus, .searchfield:active { border-color: #9aaeb3; font-size: 1em; background-size: 0; color: #444; font-size: 16px; height: 32px;  line-height: 32px;  padding: 4px 15px; border-radius: 16px;}
	
/*Pagenavi*/
.wp-pagenavi:before {content:".";clear:both;} 
.wp-pagenavi {text-align:center;display:block;} 
.wp-pagenavi .pages {margin-right:10px;line-height:2em;} 
.wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi .current { text-decoration:none;display:inline;margin-right:5px;} 
.wp-pagenavi a:hover,.wp-pagenavi a:focus, .wp-pagenavi a:active { color: #fff !important;}
.wp-pagenavi .current {background:#f1f1f1 !important;color:#000;}

/*Footer 
------------------------------------------------------------------------------------*/
#footer { padding:15px 0 ;  background-color: #9aaeb3; color: #fff; text-align: center; font-size: .9em; line-height: 1.6em;}
#footer img.alignnone { margin: 0 auto;}
#footer a, #footer a:visited {color:#fff;} 
#footer a:hover, #footer a:active {color:#333; }
#footer hr { border-color: #ddd; border-width: 1px;}
.footer-navigation { margin: 0 0 15px 0; }
.footer-navigation li { display: block;   }

.scroll-to-top-button { position: fixed;right: 40px;bottom: 40px;margin: 0;padding: 0;width: 50px;height: 50px;z-index: 99; cursor: pointer;  background: none; color: #333; width: 32px; height: 18px; background-image: url(pics/scroll_up.png); background-repeat: no-repeat; }

.shariff-button { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); }
.shariff-button:hover, .shariff-button:focus {-webkit-filter: none; filter:none;}

/*Ueberschreiben, Editor-Styles, Generelle Definitionen 
------------------------------------------------------------------------------------*/
.grey { color: #9aaeb3;}
.red {color:#c58585; }
.nowrap {white-space: nowrap;}
.uppercase { text-transform: uppercase;}
.hidden { display: none !important;}

/*.Clear*/
#navi ul:after, .wp-pagenavi:before, #header:after, #navi:after, .clear, h1:before, .startboxen:before, .startboxen:after, hr:before, br.clear {content: " "; height: 0; clear: both; visibility: hidden;font-size: 0; display:block;}
  
/*Buttons*/
.kontakt_button, .button, .wp-pagenavi a,  input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current { background: #fff; display: inline-block; letter-spacing: .01em;  padding: 3px 10px; border:1px solid #c58585;  text-decoration: none; color: #c58585 !important; white-space: nowrap; margin-bottom: 15px;}

.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover	{ cursor:pointer;color:#fff;	background-color: #c58585; 	} 

/*transition*/
a, a:before, #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, .startboxen section .more-link, #headercontent.navi-sticky h1, #menu, .show-menu {-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 (max-width:550px) { 

    .storycontent .alignright, .storycontent .alignleft {  float: none; display: block; margin: 0 0 10px 0; max-width: 100% !important;  }
    
}

@media screen and (min-width:700px) {    
    
    #headercontent {height: auto;}
    #headercontent h1 { height: 75px; margin-bottom: 5px;  }
    
    #header .left_header { width: 20%; }
    #header h1 { width: 60%; }
    #header .right_header { width: 20%; text-align: right; }
    
    #footercontent .content {display: flex; flex-direction: row; flex-wrap:wrap;align-items:stretch;}    
    #footercontent .content .footer-box { width: 50%; text-align: left; padding-right: 5%;}
    #footer img.alignnone { margin: 3px 0;}
    #footercontent .content .last-box { padding: 0; text-align: right;}
    
    h2, h3 { font-size: 1.4em;line-height:1.4em;}
    
    /*Startseite*/

    .startnews:nth-child(odd) .medienposition {margin:0 0 20px 4%;display:inline-block;float:right; max-width: 55%;}
    .startnews:nth-child(even) .medienposition {margin:0 4% 15px 0;display:inline-block;float:left; max-width: 55%;}
  
}

@media screen and (min-width:750px) and (min-height: 650px)  {  

    #headercontent.navi-sticky { padding:3px 0;-webkit-box-shadow: 3px 3px 6px -3px rgba(0,0,0,.15); box-shadow: 3px 3px 6px -3px rgba(0,0,0,.15); background-color: #f9f9f9;  position: fixed; top: 0; -webkit-transition:all 05s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; z-index: 2; width: 100%; max-width: 100%;  height: 75px; border: 10px solid #f9f9f9;  border-width: 10px 0;  }
    /*.logged-in #headercontent.navi-sticky {top: 30px;}*/
    #headercontent.navi-sticky h1 { background-image: url(pics/MG_Monogram.png) !important; background-size: auto 30px; height: 35px;margin: 3px auto;-webkit-transition:all 05s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; z-index: 4;  }
    #headercontent.navi-sticky .metanavi { z-index: 10;position: absolute; top: 0; }
    #headercontent.navi-sticky .lang_switch li { line-height: 20px; height: 20px;}
    #headercontent.navi-sticky .content { background-color: #f9f9f9; }
    
    .storycontent.navi-sticky { padding-top: 105px;}
    
    #navi  #menu li { width:33.33333333333333333333333333% ; }
     
}

@media screen and (min-width:1100px) {   
      
    #navi  #menu li span {font-size:1.3em; line-height:1.3em; }
    
    .ms-info img { max-width: 900px;}
    
    .storycontent .innercontent { padding: 30px 0 80px 8%; display: block; visibility: visible;} 
    .storycontent .innercontent h2, .storycontent .innercontent h3, .storycontent .innercontent h4, .storycontent .innercontent p, .storycontent .innercontent ul, .storycontent .innercontent ol, .storycontent .innercontent blockquote { padding-right: 8%; width: auto;}
    .storycontent p.alignright, .storycontent div.alignright { padding-right:0 !important; }
    .storycontent .innercontent hr { width: 109.5%;}
     #footercontent .content .footer-box {  padding:20px 5% 20px 8%;}
     #footercontent .content .last-box {padding:20px 8% 20px 0; }
    
}

@media screen and (min-width:1200px) {   
      
    .mobmenu {margin-right:calc(50% - 600px);}
    .mob-menu-icon { margin-right: 0 !important;}
    
    h2,h3,h4 {-webkit-hyphens: none -ms-hyphens: none;  hyphens: none;   }
    
   #headercontent h1, .right_header, .left_header { height: 200px;   }
    #navi {top: 78px;  }
    #navi  input#show-menu:checked ~ #menu { margin-top: 96px;}
    .metanavi {margin-left:calc(50% - 600px); margin-left: -3px; top:86px;}
    
    #headercontent.navi-sticky .right_header,  #headercontent.navi-sticky .left_header { height: auto;}
    #headercontent.navi-sticky h1 { height: 40px;}
    #headercontent.navi-sticky .metanavi { top: 4px;}
    #headercontent.navi-sticky #navi {top: 0;}
    
    #navi a, #navi a:visited { padding: 0 10px;}    
    .ms-info img { max-width: 1800px;}
    
}

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

    #navi  #menu li span {font-size:1.5em; line-height:1.3em; }
    
    h2, h3 { font-size: 1.8em;line-height:1.4em;}
    .storycontent .innercontent  { padding: 30px 0 80px 10%;   }   
    .storycontent .innercontent h2, .storycontent .innercontent h3, .storycontent .innercontent h4, .storycontent .innercontent p, .storycontent .innercontent ul, .storycontent .innercontent ol, .storycontent .innercontent blockquote { padding-right: 10%; width: auto;}

    .storycontent .innercontent .alignleft,.storycontent .innercontent hr, .startnews:nth-child(even) .medienposition { margin-left: -10%;}
    .startnews:nth-child(even) .medienposition {  max-width: 50%; }
    .startnews:nth-child(odd) .medienposition {margin-right:0;  max-width: 50%;}
    
    .storycontent .innercontent hr { width: 110%;}
    #footercontent .content .footer-box {  padding:20px 5% 20px 10%;}
    #footercontent .content .last-box {padding:20px 10% 20px 0; }
    
}