/* Copyright (C) TK  www.sunflower-web.de */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
/*  RESETS */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, ul.uk-breadcrumb li a:hover, footer.tm-footer a:hover{text-decoration:none}
html{height:100%}
body{background:#947e68 url(../images/fabric.png) top left repeat;font-size: 14px;line-height: 22px;height:100%}
em {  color: #ac9e8c;}/* #f2ece3 */

.tm-headerbar .tm-logo {float: none;margin:0 auto;width:300px; /*text-align:center;*/}
a.tm-logo, a.tm-logo:hover{text-decoration:none; outline:none;}
a.tm-logo h2{/*font-family: 'Marck Script', cursive;*/font-size:32px;line-height:34px; padding:0px 0 10px; margin-bottom:20px;color:#f5f5f5;}




/* ELEMENTE, CLASSEN */
/* Headings */
h1,.uk-h1, .uk-article-title  {  font-size: 30px;  line-height: 36px;font-weight:400}
h2,.uk-h2 {  font-size: 24px;  line-height: 28px;font-weight:400}
h3,.uk-h3 {  font-size: 18px;  line-height: 20px;font-weight:400}
h4,.uk-h4, h5,.uk-h5 {  font-size: 14px;  line-height: 18px;font-weight:700}
h6,.uk-h6 {  font-size: 12px;  line-height: 18px;font-weight:700}

h1,h2{  margin: 0 0 22px 0;}
h3,h4,h5,h6 {  margin: 0 0 10px 0;}

* + h1,* + h2,* + h3,* + h4,* + h5,* + h6 {  margin-top: 2px;}


 p, ul, ol, dl, blockquote, pre, address, figure { margin-bottom:12px;}
* + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure {  margin-top: 2px;}

.tm-toolbar {  margin-top:5px;  margin-bottom: 0;}
.tm-headerbar {  margin-top:0;  margin-bottom: 10px;}

.tm-navbar {  margin:16px -35px 0px;}
.uk-breadcrumb {color:#f5f5f5}

.uk-container{position:relative;
-webkit-box-shadow: 1px 0px 3px 0px rgba(172,158,140,0.2);
-moz-box-shadow: 1px 0px 3px 0px rgba(172,158,140,0.2);
box-shadow: 1px 0px 2px 3px rgba(172,158,140,0.2);background:  url(../images/fon-kopf.svg) no-repeat;
background-color:#f5f5f5;}


/* Titel */
.tm-toolbar .uk-float-left ._headline{}


/* Zitaten */

.tm-headerbar .uk-panel { margin:0; max-width:70%;  float:right;text-align:right}
.aforizm {  border-radius: 0;  padding:0;  min-height: 10px;text-align:center;
  position: relative;  color: #f5f5f5; font-style:italic; /* background-color:#fff*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100&0.3+0,0+100 */
background: -moz-linear-gradient(left,  rgba(238,238,238,0.3) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(238,238,238,0.3) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(238,238,238,0.3) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4deeeeee', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.reload_aforizm {display:none;  width: 0;  height: 0;  background-image: none; }

/* Bread-Crumbs*/
._bcrumbs{background:transparent!important; padding:10px 0!important; margin-bottom:0!important;}

/* Menu */

nav { padding: 0 20px;}

.uk-navbar	{background:transparent}
.uk-navbar-nav > li > a{font-size:16px}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    background-color: rgba(255,255,255,0.86); color: #222222; outline: medium none;}
.uk-nav-navbar ul a { color: #ac9e8c;padding-left:5px}
.uk-nav-navbar ul li:hover a {  background-color: #ac9e8c; color: #fff;}
.uk-nav-navbar .uk-nav-header {  color: #444444;}
/* .uk-nav-header { font-size: 12px; font-weight: 700; padding: 5px 20px; text-transform: uppercase;} */
.uk-nav-header ul a{text-transform:none;font-size:14px;font-weight: 400;}
ul.uk-nav-sub {padding: 5px 0 5px 30px;}
.uk-dropdown-navbar{background:rgba(255,255,255,0.86);}   

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background: #ac9e8c none repeat scroll 0 0;}

.redaktmenu li {border:1px solid #ddd}


/* Content */
main.tm-content{padding-top:40px;}
div#tm-middle{margin-top:10px}
article{padding-right:60px;padding-left:60px; position:relative}
.pagenavcounter{margin-bottom:16px;font-style:italic;}
.pager li{color:#cecece}
.article-index{margin-left:30px; position:absolute; right:30px; top:-90px}

/* Nachrichten */
._news {padding:20px;}
.uk-grid > * > :last-child {  margin-bottom: 20px;}

/* Dynamisches Button To-Top 4 PC-Version */
@media (min-width: 768px) {
.tm-totop-scroller {  position: fixed;  bottom: 20px;  right:20px; top: auto;  left: auto;border:1px solid #444; padding:10px}
  }


/* FOOTER */
.tm-footer {  margin-top:5px;  margin-bottom:20px;}

/* Metamenu-bottom */
._fussnavi{padding:20px;margin-bottom:10px;}

/* Copyright */
#copy{padding:20px; text-align:left;}

/* SIDEBAR RIGHT */
.foto{/* margin-top:-56px;*/ text-align:right}

/* FORMS */
input.uk-search-field, input.uk-search-field:focus{/* background:#ffffff; border:#f3f3f3 1px solid*/ background: rgba(255,255,255,0.3); color:#f5f5f5;}
input.uk-search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #f5f5f5;
  opacity: 0.8; /* Firefox */
}

input.uk-search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #f5f5f5;  opacity: 0.8;
}

input.uk-search-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #f5f5f5;  opacity: 0.8;
}
div.m-search{width:180px; margin:0 auto;}
.uk-dropdown-search {    background: rgba(255,255,255,0.86);}

/* ************************************************ */
/* TYPOGRAPHIE */


.epi-l	{text-align:left;font-style:italic; }
.epi-r	{text-align:right;font-style:italic; }
.date {margin-left:50px}
.signature{font-style:italic;}  /* istochnik */

.comment{font-style:italic;}
.comm{font-style:italic;margin-left: 20px;}
.stih {margin-left: 70px;} 
.stihdd {margin-left: 120px;} 
.abzatc0{margin-bottom:0;}
blockquote{font-style:normal;font-size:14px;margin-left: 70px;font-weight:400;}
.imgname{font-size: 12px;  line-height: 18px;font-weight:500;text-align:center}

.note{vertical-align: super;/* color:#003355 */}   

/* Pesni */
.pesni{} /* page-class kategorii pesni */
.pesnya {margin-left:50px} /* otstup sleva dlja kupleta pesen i stihov */

.pesni p, .pesni ul, .pesni ol, .pesni dl, .pesni blockquote, .pesni pre, .pesni address, .pesni figure { margin-bottom:22px;}
.pesni .author, .pesni .epi-l, .pesni .epi-r{margin-left:220px}


/* Statji */
.statji {} /* page-class kategorii statji */
.statji h2{  margin: 0px 0 14px 0;}
.statji .title{font-weight:500; text-align:center; text-transform: uppercase}
.statji .chart{text-align:center; text-transform: uppercase; margin-top:4px;}
.statji h3, .statji h4{text-align:center;}
.statji figure.dialog{  margin: 0 0 14px 0;}
.statji figure.dialog	p{margin-left: 0; margin-bottom:4px;}
.statji figure.dialog figure {margin-left:20px}
.statji figure.dialog figure.stih {margin-left:70px}
.statji .author, .statji .epi-l , .statji .epi-r{font-style:italic;}
.statji .author{text-align:right; font-size:18px;font-weight:500; }
.statji figure p.author{text-align:left;margin-left:220px; font-size:14px;}
/* .statji .dop-author{font-style:italic;text-align:right; font-weight:500;} */
.statji .date {text-align:right;}
.statji blockquote {text-align:right;padding-right: 15px;
border-left: 0px solid #dddddd;border-right: 5px solid #dddddd;}
.statji .signature{margin-left:30%;text-align:right;} 
.statji ol{margin-left:20px}
.statji ul.text{margin-left:20px; list-style-type: square;}
.statji ul.nobullet{margin-left:20px; list-style-type: none;}
.statji li{margin-bottom:6px}
.statji div p.ramka {padding:2px 4px; border:#333 1px solid;display:inline-block}
.statji .predislovie{margin-left:50px; font-style:italic;} /* ??????????????????????????  */
/* stih v statje */
.statji .stihepi {margin-left:220px; text-align:left;color: #ac9e8c;font-style:italic; }
.statji .stihdate {text-align:left;color: #ac9e8c;font-style:italic;}


		

.biblio, .biblio a{font-size:12px}
.istochnik{text-align: right;margin-top:-22px}
.istochnik em{color: #444;}


/*  nur sicherung */
/*
.uk-navbar-nav > li > a {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  // 1 
  height: 45px;
  padding: 0 15px;
  line-height: 45px;
  // 2 
  color: #f5f5f5;
  font-size: 14px;
  
font-family: 'Ubuntu', 'Trebuchet MS', Arial, san-serif;
  font-weight: 400;
}
// Appear not as link
.uk-navbar-nav > li > a[href='#'] {
  cursor: text;
}
//
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: rgba(255,255,255,0.9);
  color: #f5f5f5;
  // 3 
  outline: none;
}
// OnClick 

.uk-navbar-nav > li > a:active {
  background-color: rgba(255,255,255,0.5);
  color: #444;
}
// Active 
.uk-navbar-nav > li.uk-active > a {
 background-color: rgba(255,255,255,0.5);
  color: #444;
}*/ /* sicherung zusaezlich zum Theme - in theme korrigiert!*/