/*
 Theme Name:   Bande Berlin
 Description:  Bande Berlin Child Theme
 Author:       mafiart
 Author URI:   https://mafiart.de
 Template:     twentynineteen
 Version:      1.0
 Text Domain:  twenty-nineteen-child
*/
/* CSS Document */
/** balu color:#0d695e*/

@font-face {
  font-family: 'GretaTextStd-Light';
  src: url('fonts/GretaTextStd-Light.eot');
  src: url('fonts/GretaTextStd-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/GretaTextStd-Light.svg#GretaTextStd-Light') format('svg'),
       url('fonts/GretaTextStd-Light.ttf') format('truetype'),
       url('fonts/GretaTextStd-Light.woff') format('woff'),
       url('fonts/GretaTextStd-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

html, body{font-size: 16px; font-family:GretaTextStd-Light; overflow-x: hidden;}
.entry .entry-content figure, .entry .entry-content .aligncenter, .entry .entry-content .alignleft{
    margin-right:0px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    /*width:100%;*/
}

article.category-fullsize img, .aligncenter img, .alignleft img{ 
   } 
   article.category-fullsize .entry-content {text-align:center;}
   .category-fullsize .entry .entry-content .wp-block-image, 
   .category-fullsize .entry .entry-content figure{display:inline;}
 .entry .entry-content .wp-block-image img,  .entry .entry-content figure.wp-block-image  {
    display: inline!important;
}
a:hover, a:active{color:#0d695e!important}
h1, h2, h3, h4,h5 {font-size:24px; font-weight: 400; font-family: 'GretaTextStd-Light'; text-align: center; }
h1, h2, h3, h4,h5, p {margin: 16px 0 32px 0; }
.site-branding-container{ position: absolute; bottom: 100px;  width:560px;}
.site-branding-container h1 a, .site-title a:link, .site-title a:visited{font-family: 'GretaTextStd-Light'; color: #fff; 
        font-size: 27px; letter-spacing: 0.07rem;}
.site-description{display:none;}
.site-branding{margin-left: 30px;}
.entry h1 a, .entry .entry-content a{color:#000; text-decoration: none; border:0; }
.entry .entry-content, .entry .entry-summary{
    margin:0; padding:0; max-width: 100%;
}
.entry .entry-content > *, .entry .entry-summary > * {
    margin: 16px 0 32px 0;
    line-height: 19px;
}
.entry .entry-content h1{
        line-height: 26px;
letter-spacing: 0.07rem;
}
.entry   p{
    margin:0; padding:0; max-width: 100%;
}
.entry .entry-content > *{max-width:100%;}
.hfeed .entry .entry-header {
    margin:0;
    text-align: center;
}
.entry .entry-content > p{max-width:100%;}
.entry .entry-title::before, h1:not(.site-title)::before, h2::before {display: none;}
a:focus {
    outline: none;
    text-decoration: none;
}
article {
    width: 100%;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    border-radius: 1px;
    margin: 0;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0;
    height: 350px;
    overflow: hidden;
    margin-bottom: 20px;
    box-sizing: border-box;

}
.site-title, .site-description, .main-navigation, .nav-links, .page-title, .page-description, .comment-author .fn, .no-comments, h2.author-title, p.author-bio, h4 {
    font-size: 1.125em;
}
.menu-aussen{position:absolute; display: block;left:0px; top:0px;}
.menu-aussen img {display:block;}
header nav {display: none; text-align: left; position: absolute; top: 28px; right: -256px; background-color: #fff; padding: 0px; z-index: 100;}
header nav ul, header nav li {list-style: none; margin:0; padding:0; line-height: 20px;}
header nav li {padding: 5px 0px; line-height: 20px; }
header nav li:last-child {  padding-bottom: 20px}
header nav li:first-child{margin-top:30px;}

header nav a,header nav  a:focus header nav a:active, header nav a:visited {font-size: 18px; line-height: 24px; color:rgb(0,0,0); padding: 10px 0}
header nav a{padding: 0 20px; letter-spacing: 0.07rem;}
header nav a.mPS2id-clicked{color:#0d695e!important}
article .bottom{ 
        display:block; 
        opacity: 1;
        height:41px;
        background-color: #fff;
        position: absolute;
        bottom:0; left:0;
        width:100%;
        z-index: 100;
        box-sizing: border-box;
        padding: 8px 5px 5px 8px;
        color: rgb(0,0,0);
        cursor: pointer;
}

.bottom a{color: #000;}
.bottom span{display: flex; justify-content:center; }
.bottom  {
    -moz-transition: all 500ms 600ms ease ;
    -o-transition: all 500ms 600ms ease;
    -webkit-transition: all 600ms 500ms ease;
    transition: all 500ms 600ms ease;
}
.rotate {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
article.category-fullsize{
    width:100%;
    height: initial; 
}
.bottom a span{color:#0d695e}
article.category-fullsize .bottom{display:none;}
article.category-max-750{ 
    max-width:750px; width:100%; margin-left:auto!important;
        margin-right:auto!important;
    height: initial; text-align:center;}
article.category-max-750 .bottom {display:none;}

@media screen and (min-width:769px)
{
   article{
   width: 250px;
   margin-top:5vh;
   margin-left: 0;

} 
.fullsize .wp-block-image .alignleft, .fullsize .wp-block-image .alignright{margin:18px!important}
.menu-aussen{position:relative; display:block;}
.mopen{ opacity: 0; display: none; }
.mclose {position:absolute; opacity: 1; display: block; }
nav {background-color: #fff; width: 100%}
header{}
header nav{display: block; position:absolute; }
}
/* navigation*/
.menu-aussen{position:fixed; display: block;right:0px; top:0px; z-index:4000;}
.menu-aussen img {display:block;}
.mopen{padding:4px 15px;letter-spacing: 0.07rem; position:absolute; right: 16px; top: 28px; opacity: 1; display: block; cursor:pointer; background-color: #fff; color: black; font-size: 18px; z-index: 20;}
.mclose{padding:4px 15px; position:absolute; opacity: 0; right: 16px; top:28px; display: none;cursor:pointer; background-color: #fff; color: black; font-size: 18px; z-index: 200;}
nav{text-align: left; width:250px;}

.menu-aussen img{margin-left:0; }
header{position: relative;}
header .img-start{ width: 100%; height: auto;}
header .img-start img{ width: 100%; height: auto;}

@media screen and (max-width:769px)
{
   article{
   /* width: 40%;*/
    margin: 20px auto!important;
    width:90%!important;
    
} 

}

 main{max-width: 1050px; margin:0 auto; border:0px solid red; display: flex;   flex-wrap: wrap;}
.entry-content p a{text-decoration:underline!important}