/*
Theme Name: Halmich 3.0
Theme URI: https://graphiks.info/
Date: Dezember 2019
Author: www.graphiks.info
*/

@font-face {
  font-family: "AvenirLTStd-Light";
  src: url("./fonts/forum-light.eot"); /* IE9 Compat Modes */
  src: url("./fonts/forum-light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/forum-light.otf") format("opentype"), /* Open Type Font */
    url("./fonts/forum-light.svg") format("svg"), /* Legacy iOS */
    url("./fonts/forum-light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/forum-light.woff") format("woff"), /* Modern Browsers */
    url("./fonts/forum-light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

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;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}
html {overflow-y: scroll;}

body, tr, td, form, label, cite	{font-family:'AvenirLTStd-Light', Arial, Helvetica, sans-serif;color: #333; }
body { background:url(pics/bg.jpg) repeat-x center top #0180b3; font-size:15px;line-height:1.6em; padding-bottom: 50px;  }

a, a:visited { color: #333; text-decoration: underline; 	outline: none;  }
a:hover, a:active { 	color: #0180b3; 	text-decoration: none;  }
.storycontent a.external { padding-right:13px; background: url(pics/extLink.gif) no-repeat right center; margin-right:3px;} 
.storycontent .linkliste a.external	{ background:0 none;}
.storycontent a[href*=".pdf"], .storycontent a.external[href*=".pdf"] {background-image:url(pics/PDF.png); background-repeat: no-repeat; background-position: left 3px;padding:0 0 0 32px;display:block; line-height: 23px;} 
.more-link	{ display:block; padding:5px 0;}

h1,h2,h3,h4,h5,h6, #navi a  {font-size: 1.1em; 	 margin:0 0 10px 0 ;	 padding:0;   }
h2, h3, h4	{font-size: 1.5em; padding:3px 0 ;   font-weight:bold;  line-height:1.25em; margin-bottom:20px; color: #0180b3;  }
h3	{ font-size:1.2em; border:0 none; line-height:normal; margin-bottom:10px; color: #333; }	
h3.archivtitle { border-top: 1px dashed #ccc; padding-top: 10px; margin-top: 10px;}
h3.archivtitle:first-of-type { border: 0;}
.storycontent h4	{ font-size:1.2em; margin-bottom:10px;}

i	{ color:#0180b3; font-weight:bold; font-style:normal;}
p	{ margin-bottom:10px;}
hr { background: #fff;border:1px dashed #ccc; border-width:0 0 1px 0;height: 1px;width:100%;margin:15px 0;}
img	{max-width:100% !important;height:auto; display: block;} 

.clear	{ clear:both; height:1px;}	
.bold	{ font-weight:bold;}
.quote	{ font-size:1.1em; font-style:italic; }

/*Layout ------------------------------------------------------------------------------------*/
.skiplink {position:absolute;left:-99999px;top:-2em;}

#header, #navi, #content, #content2, #footer  {position:relative;width:94%;margin:0 auto; min-width:260px;max-width:1100px;  }	

/*Header ------------------------------------------------------------------------------------*/
#header	{ }
h1		{  font-size:1.5em; color:#fff; letter-spacing:normal; font-weight:bold; padding: 10px 30px 0 30px; line-height: 1.4em;   }
h1 span  {font-size: .7em ; }
h1 a,  h1 a:visited, h1 a:hover, h1 a:active	{  text-decoration:none; color:#fff; display: block;  }

#navi	{ white-space:nowrap; padding: 20px 30px;}
#navi li	{ float:left; width:auto; height:auto; padding-left:7px; border-left: 2px solid #fff; line-height:normal; margin-left:7px;    }
#navi li:first-child 	{ padding:0; border:0 none; margin:0;}
#navi a, #navi a:visited	{ font-size: 1.1em; color: #fff; 	text-decoration:none; font-weight:bold;    }
#navi  a:hover, #navi a:active	{ color:#d4e8f6;}
#navi .current-menu-item a, #navi .current-cat a, .home #navi  .startseite a	{ color:#ccc; cursor:default; }
#navi .current-menu-parent a, #navi .current-menu-parent a:visited { color:#ccc !important;}
#navi .current-menu-parent a:hover, #navi .current-menu-parent a:active { color:#d4e8f6 !important;}

/*Content ------------------------------------------------------------------------------------*/
.category-description	{ padding-bottom:15px; border-bottom:1px solid #ccc; margin-bottom:15px;}  

#post, #post2	{ position:relative;   padding:20px; background:#fff;   }
.shadow {-webkit-box-shadow: 7px 7px 20px 1px #333; -moz-box-shadow:7px 7px 20px 1px #333; box-shadow: 7px 7px 20px 1px #333; padding:10px;}
.date	{ font-size:0.75em; color:#999;}
.storycontent	{ padding-bottom:30px;    }

/*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;} 
.alignleft, .alignright	{max-width:45% !important;}  
.centered, .aligncenter { text-align:center;}

.video-wrapper { max-width: 600px; width: 100%; padding: 15px 0;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0;overflow: hidden; margin-bottom:10px;} 
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 

/*Caption, WP-Gallery*/
.wp-caption	{max-width:100%; padding:4px;}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {font-style: italic; font-size: 0.8em; color:#999; }

.wp-post-image	{ border:1px solid #ccc; padding:3px;} 
.category .storycontent img, .home .category img	{ width:75px; height:auto ; padding:0;  border:1px solid #ccc; margin:0 0 15px 15px;}
.category .storycontent  .wp-post-image	{ width:75px ; padding:3px;}

/*Listen*/
.storycontent ul 	{ margin:10px 0 0 0;padding:0 0 10px 0 ; }	
.storycontent ul li	{ margin:0 0 4px 20px; list-style:disc;}
.storycontent ol li	{ margin:0 0 4px 20px; list-style:decimal;  }
.storycontent ul + h3, .storycontent ul + h4, .storycontent ul + p {padding-top:1em;}

/*Tabellen*/
table	{ border:0 none; border-spacing:0; min-width:100%; border-collapse:collapse; overflow-x: auto; display: block; padding-bottom: 20px; width: 100%; max-width: 100% !important; }
table p	{ margin:0; padding:0;}
td, th 	{ padding:3px 20px 3px 0;  vertical-align:top;  text-align:left;} 
th	{ font-weight:bold; font-size:1.2em; padding-top:10px;}
.storycontent table ul	{ margin:0; padding:0;}
.table-border tr td:first-child	{ font-weight:bold; white-space:nowrap;} 
.table-border td	{ border-bottom:1px dashed #ccc;}
.table-border tr:first-child td	{ border-top:1px dashed #ccc;}	
.table-raster  td	{ padding:3px 5px; border:1px solid #ccc;  } 

/*Formular */
.button, .button:visited	{ width:auto; border:	1px solid #ddd;  background:#eee; letter-spacing:1px; padding:0 7px;   }
.button:hover, 	.button:active	{background: #fff ; color:#333; cursor: pointer; }
textarea, input	{ width:250px; font-size:12px; border:1px solid #ccc; padding:4px 8px; max-width: 90%; }
textarea	{ height:120px; width:325px;}
.checkbox { width:15px;}

div.wpcf7-response-output {margin:2em 0;padding:4px;background:#fff;color:#333; text-align:center;-webkit-border-radius:2px;border-radius:2px; font-size:1em; } div.wpcf7-mail-sent-ok {border:2px solid #EAA734;} div.wpcf7-mail-sent-ng {border:2px solid #f00;} div.wpcf7-spam-blocked {border:2px solid #f00;} div.wpcf7-validation-errors {border:2px solid #f00;top:2px; }  span.wpcf7-not-valid-tip { padding:2px 0 7px 0; line-height:1.2em; color:#f00; display:block; font-size:0.7em; font-family:"Courier New", Courier, monospace;} span.wpcf7-not-valid-tip-no-ajax {color:#f00;font-size:10px;display:block;} .wpcf7-display-none {display:none;left:0;} div.wpcf7 img.ajax-loader {border:none;vertical-align:middle;margin-left:4px;} span.wpcf7-list-item { display: block; padding:1px 0 7px 0; } wpcf7-list-item-label { margin-top:-2px;} .wpcf7 .screen-reader-response { display:none !important;} input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid { border:1px solid #f00 !important;}	
/*Suche*/
.searchform	{ width:auto; height:auto; z-index:2; } 
.searchform input	{ width:200px; background:url(pics/search.png) right center no-repeat #fff; color:#999;}
.searchform input:focus, .searchform input:active	{ color:#333;}
.searchform .button	{ display:none;}

.contactform { width: 100%; margin-top: 20px;}

/*Suche*/
.searchform input {color:#999; padding: 3px 4px; margin-bottom: 10px; line-height: 1.2em; }
.searchform input:focus, .searchform input:active {color:#77706b; background:#fff; }
.searchform .button {display:none;}
.search-everything-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} 

/*Pagenavi*/
.wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top: 1px dashed #ccc; } .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:#f1f1f1 !important;color:#000; border-color: #fbc500 !important;} 

/*Startseite*/
.page-template-page-startseite #content	{ margin-bottom:25px;}
.page-template-page-startseite #post .storycontent {min-height: 10px !important; padding-bottom: 0; border: 0;}
#portrait img { max-width: 100%;}

.page-template-page-startseite #post2 .storycontent	{ min-height:510px;}
.page-template-page-startseite #post .wp-post-image { max-width: 25% !important;}

.startbox { border-top:1px  dashed #ccc; padding-top: 20px; margin-top: 20px; }
.startbox:first-of-type {border: 0; padding: 0; margin: 0;}

/*Sidebar -------------------------------------------------------------------*/
#sidebar, #portrait	{ margin-bottom:20px; }
#sidebar hr { border-style: dashed;}

#sidebar .wp-post-image	{ float:right; width:75px; height:auto; margin:0 0 10px 10px; }
#sidebar ul 	{ margin:10px 0 0 0;padding:0 0 10px 0 ; }	
#sidebar ul li	{ margin:0 0 4px 15px; list-style:disc;}

/*Footer ------------------------------------------------------------------------------------*/
#footer	{  padding:0 30px 25px 30px; color:#fff; margin-top: 25px;   }
#footer .footer-navigation { margin-top: 12px;}
#footer a {color: #fff;}
#footer a:hover	{ color:#d4e8f6;}

/*Überschreiben, Editor-Styles ------------------------------------------------------------------------------------*/
.red { color:#c51919; font-weight:bold;}
.noborder { border:0 !important; text-decoration:none !important;}
.small, small { font-size: .85em;}
.uppercase { text-transform: uppercase;}

/*.Clear*/
#navi ul:after, .wp-pagenavi:before, #header:after, #navi:after, .clear {content: "."; height: 0; clear: both; visibility: hidden;font-size: 0; display:block;}

/*Buttons*/
.button, .wp-pagenavi a,  input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current {-webkit-border-radius: 2px;border-radius: 2px;border:1px solid #666;letter-spacing:1px;padding:5px 7px;font-weight:bold;line-height:1.8em; background-color: #e6e6e6; 	}  

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

/*Responsive
========================================================*/

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

    h1		{  font-size:1.6em;}
    
    .footer-navigation li { display: inline-block;  }
    .footer-navigation li a {padding: 0 0 0 6px; border-left: 1px solid #fff;  margin-left: 6px;}
    .footer-navigation li:first-of-type a { padding-left: 0; border: 0; margin-left: 0;}
    
}
  

@media screen and (max-width:699px) {
    
    #sidebar, #portrait { padding-top: 20px; border-top: 3px double #ccc; margin-top: 20px;}
     
}

@media screen and (min-width:700px) {
    
    h1		{  font-size:1.9em;}
    .storycontent {min-height:820px;}
    
    #footer {  text-align:right;}
    #footer .footer-navigation { margin-top: 0;}
    #footer .searchform	{ position:absolute; left:30px; top:0; }
}

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

    h1	a {  float:left; display: inline-block; }
    h1 span  {float:right; font-size: 1em; line-height: 1.4em;}
    h1 {font-size: 2em; line-height: 1.4em; padding-bottom: 60px;}
    
}