/*
Theme Name: Kandioler 3.0
Theme URI:http://www.graphiks.info
Author:Andreas Hartl
*/

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

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('fonts/OpenSans-CondLight-webfont.eot');
    src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-CondLight-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url(fonts/'OpenSans-CondLight-webfont.svg#open_sanscondensed_light') 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*/
html {margin:0;overflow-y: scroll; overflow-x: hidden;}
body, tr, td, form, label, cite, input {font-family:'DroidSans','Lucida Grande',Verdana, Arial, Helvetica, sans-serif;font-size:14px;line-height:1.6em;color:#333;}
body {text-align:center; margin:0; background:url(pics/background.jpg) center -40px repeat-x #9eb4b3 ;padding:0 3%;}
small {font-size:.7em;color:#999;}
a, a:visited {color:#333;text-decoration:underline;outline:none;} a:hover, a:active {color:#999;text-decoration:none;}
a[href*=".pdf"], a.external[href*=".pdf"] {background:url(pics/pdf_logo.jpg) left top no-repeat !important;line-height:17px;padding:0 0 0 20px;display:block;} 
a[href*="wikipedia"]	{ background:0 none !important; margin:0; padding:0; border-bottom:1px dotted #ccc; text-decoration:none;}
a[href*="tel"] { text-decoration: none !important;}
a img	{opacity:1;filter:alpha(opacity=100);} 
a:hover img	{opacity:.75;filter:alpha(opacity=75);}

h1,h2,h3,h4,h5,h6 {font-size:1.1em;margin:0 0 10px 0 ;color:#444; }
h2, h3, h4 	{line-height:1.25em;}
h2	{margin:0 0 20px 0;font-size:1.6em; color:#7e8f8c; } 
h2.pagetitle { font-weight: bold;}
h2 i	{color:#9eb4b3 !important;}
h4	{border-bottom:2px dotted #9eb4b3;margin-top:20px; padding-bottom:5px;} 
.storycontent h4:before	{content:""; clear:both;}

p	{margin-bottom:1em;}
small	{font-size:0.8em;}
hr {border:2px dotted #9eb4b3; border-width:2px 0 0 0; height:1px; clear:both; margin:30px 0; background:0 none; width:99.99%} 

/*LAYOUT 
=========================================================*/
#top {position:absolute;left:0;top:-1px;}
#main {position:relative; max-width:1095px; height:auto; margin:0  auto; text-align:left; width:100%; }
#header, #content, #footer {position:relative; width:100%; z-index:2;}

/*HEADER 
=========================================================	*/			
.skiplink {position:absolute;left:-99999999999990px;top:-2em;}
#header {width:100%;}
	
h1 { font-size:1.3em; line-height: 1.4em; padding:10px 0;  color:#fff !important; display:inline-block; width:100%; float:right; text-align: center; } 	
h1 a {text-decoration:none; color:#fff !important; } 
#flags	{ margin:0; text-align: right; }
#flags img {filter: grayscale(75%);}
#flags .wpml-ls-current-language img, #flags img:hover {filter: grayscale(0%);}

/*CONTENT 
=========================================================*/
#content {line-height:1.5em;}
#post {position:relative;  width:100%;  font-size:1.2em; line-height: 1.5em; }
.storycontent	{ padding:20px 5% 50px 5%;text-align: justify;-webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto; background: #fff;  border:1px solid #7e8f8c ; border-radius: 3px !important ;  -webkit-box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, .3); box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, .3); margin-bottom: 20px;}
.storycontent h2, .storycontent h3, .storycontent h4 { text-align: left;}
.alignright {float:right; margin:0 0 15px 3%; display:inline;} 	
.alignleft {float:left; margin:0 2% 15px 0; display:inline;}
.storycontent iframe {max-width:99%; border:1px solid #ccc;}
.storycontent img,  .sidecontent img	{max-width:100%; height:auto;} .storycontent .size-medium	{max-width:40%;}
.storycontent a img	{ max-width:23%; height:auto; border:1px solid #ccc;}

.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%; border:1px solid #ccc;} 

/*Listen*/
.storycontent ul 	{margin:1em 0 ;} 
.storycontent ul li	{margin:0 0 4px 20px;list-style:disc;} 
.storycontent ol li	{margin:0 0 4px 20px;list-style:decimal;}

/*Tabellen*/
table	{border:0 none;border-spacing:0;width:auto; margin:1em 0 ;}
table p	{margin:0;}
td, th 	{padding:2px 20px 5px 0;vertical-align:top;text-align:left; font-size:1.1em;} 
th	{font-weight:bold;font-size:1.2em;padding-top:10px;}

/*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; border:1px solid #003d8e;font-size:12px;font-weight:normal;} .searchform input:focus, .searchform input:active	{color:#333; background:#fff;} .storycontent .searchform input	{display:block; margin-bottom:7px;}

/*Pagenavi*/
.pagenavi {clear:both;text-align:center; margin:30px 25px; display:block; text-align:center;}
.pagenavi a, .pagenavi a:visited, .pagenavi .on  {padding:2px 4px ;margin:2px;text-decoration:none;border:1px solid #ccc; display:inline;} .pagenavi a:hover, .pagenavi a:active {border-color:#333;color:#333;}	
.pagenavi .on {font-weight:bold;color:#51b215;background:#fff; font-size:1.2em; background:#fbfbf8; border-color:#fbfbf8;}

/*SIDEBAR  
==========================================================*/
#sidebar {width:100%; }
.sidecontent {margin:0 0 15px 0; position:relative; background:#fff; border:1px solid #7e8f8c ; border-radius: 3px ;  -webkit-box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, .3); box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, .3); display:block; padding:0;  }
.importantcontent { }
.sidecontent  h4 {background:#7e8f8c; border:1px solid #7e8f8c ; border-radius: 2px 2px 0 0; color: #fff; font-weight: bold; padding: 4px 15px; margin: 0;font-family:'DroidSans','Lucida Grande',Verdana, Arial, Helvetica, sans-serif; }
.sidecontent .textwidget { padding: 7px 15px 0 15px;}

#navi 	{display:block;   } 
#navi li  {background:#7e8f8c; border:1px solid #7e8f8c ; border-radius: 3px 3px 0 0;  -webkit-box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, .3); box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, .3); margin-bottom: 15px; display:block;}
#navi  li a { display: block; color: #fff ; cursor: default; border: 0; padding: 4px 15px; font-weight: bold; text-decoration: none;}
#navi  li.navigroup  a  {   }

#navi ul.sub-menu  {  background: #fff; border: 0; padding: 7px 0 15px 0;}
#navi ul.sub-menu li { border:0 ; border-radius:0;  -webkit-box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, 0); box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, 0); margin-bottom: 0;}
#navi ul.sub-menu li a {color: #333; background: #fff; border: 0; line-height: 1.6em; padding: 2px 15px; font-weight: normal;text-decoration: underline; cursor: pointer;}
#navi ul.sub-menu li a:hover { color: #7e8f8c;}

#navi  .current_page_item a {color:#000 !important; cursor:default !important; text-decoration:none !important; color:#9eb4b3 !important;} 
.menu-item-368 {display: none; /*Seite SCHWERPUNKT auf DE nicht anzeigen*/}

/*FOOTER ==========================================================*/
#footer {padding:30px 3% 30px 3%; width:96%; text-align:center;  }
#footer li { display: inline-block; margin-right: 10px;}
#footer a:hover, #footer a:active {color:#fff;}
 
#scroll-to-top { z-index: 2000;}

			
/*Ueberschreiben, Editor Styles	*/
.hidden {display:none;}
.border, .meteor-slideshow  {border:1px solid #ccc !important;}
.noborder, .noborder td, .noborder th {border:0 none !important;}
.red {color:#f00; font-weight:bold;} .red a, .red a:visisted {color:#f00  !important;} .red a:hover, .red a:active {color:#ccc  !important;}
.clear {clear:both; display:block;}
.nowrap {white-space:nowrap;}

/*Transition*/
a:hover, a:active, a:hover img, .searchform input:focus, .searchform input:active, .button:hover, .button:active, textarea:focus, input:focus, textarea:active, input:active, .wp-pagenavi a:hover, .wp-pagenavi a:active, .sidecontent .current_page_item ul a:hover, .sidecontent .current_page_item ul a:active, .more-link:hover, .more-link:active, select:focus,  select:active, .top:hover {-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
 
/*Box-Shadow*/ 
.button {-webkit-box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, .3); box-shadow:  3px 3px 5px 1px rgba(0, 0, 0, .3);}

/*Border-Radius*/ 
#headercontent, #navi, textarea, input, .button, .more-link, .wp-pagenavi a, .wp-pagenavi span.extend, .wp-pagenavi span.current, .sidecontent,  select, #post, .border, #navi ul   {-webkit-border-radius:3px; border-radius:3px;}
 
/*Buttons*/
.button, .wp-pagenavi a, button, 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;font-weight:bold;line-height:2.5em; background-color: #e6e6e6; 	background-repeat: repeat-x; 	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: linear-gradient(top, #f4f4f4, #e6e6e6); 	border: 1px solid #d2d2d2; 	border-radius: 3px; 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}  

.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; 	background-repeat: repeat-x;	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: linear-gradient(top, #f9f9f9, #ebebeb);}

/*RESPONSIVE
 ==========================================================*/

@media screen and (min-width: 480px) { 
    
    h1 {width:100%; height:100px; background:url(pics/h1.png) left top no-repeat; background-size:100% auto; padding:0; position:relative;  margin-top:10px;} 	
    h1 a { position:absolute; left:0; top:0; width:100%; height:100%; display:block; text-indent:-99999px; text-align: left;} 

}

@media screen and (max-width: 480px) { 
    
    .alignright,  .alignleft  {float:none; margin:0 0 15px 0; display:block;} 	
    
}

@media screen and (min-width: 700px) {
    
    h1 { font-size:2.2em; line-height:1.4em;   } 	

}

@media screen and (min-width: 800px) {
    
    body	{ padding:0 2%;} 
    #header	{height:145px; }
    #main {max-width:810px; }
    h1 {height:130px;  margin-top:0; } 	
    
    #post {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch; align-content: flex-start; gap: 20px;}

    #sidebar {width:32%; order: 1; align-self: stretch}
    .storycontent {  width:65%; order: 2;  padding:20px 2.5% ; align-self: stretch;  margin-bottom: 0; }
    #footer { width:65%;  float:right; }

}

@media screen and (min-width:1160px) {
    
    body	{ padding:0 1%;} 
    h1 {height:140px;  } 	
    #main {max-width:1195px; }
    #content {width:80%;}
    #header {width:82%;}

    #portrait	{position:absolute; right:-380px; top:-56px; background:url(pics/portraet2.jpg) no-repeat;width:663px; height:100%; z-index:1;}

}

@media screen and (min-width:1160px) {
    
     h2.pagetitle { font-size: 1.8em; line-height: 1.4em; }
    
}