*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    text-decoration: none;
}

.TargetHelper{
    float: left;
    margin: -6em 0 0 0;
    height: 6em;
}

html {
    height: 100%;
    z-index: 0;
}

body {
    height: 100%;
    background: url(Images/BackgroundImg3200_2200.jpg) no-repeat center center fixed;
    tbackground-size: cover; 
    z-index: 1;
}

@media only screen and (max-width:2250px) and (max-height:1500px){
    body {
        background: url(Images/BackgroundImg2250_1500.jpg) no-repeat center center fixed;
    }
}

@media only screen and (max-width:1800px) and (max-height:1200px){
    body {
        background: url(Images/BackgroundImg1800_1200.jpg) no-repeat center center fixed;
    }
}

@media only screen and (max-width:1275px) and (max-height:850px){
    body {
        background: url(Images/BackgroundImg1275_850.jpg) no-repeat center center fixed;
    }
}

@media only screen and (max-width:795px) and (max-height:530px){
    body {
        background: url(Images/BackgroundImg795_530.jpg) no-repeat center center fixed;
    }
}

@media only screen and (max-width:390px) and (max-height:260px){
    body {
        background: url(Images/BackgroundImg390_260.jpg) no-repeat center center fixed;
    }
}

h1{
    white-space: nowrap;
    font-size: 1.4em;
    font-weight: 800;
    text-shadow: 0 0 0.1em rgba(255,140,0,1);
}

h2{
    font-size: 1.2em;
    font-weight: 600;
}

h3{
    font-size: 1.0em;
}

h4{
    font-size: 1.0em;
    font-weight: 200;
}

p{
    white-space: pre-wrap;
    font-family: serif;
    font-size: 1.1em;
}

a, a:visited{
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: rgba(180,120,20,1);
    background: linear-gradient(to bottom right, rgba(160,249,101,1) 60%,rgba(60,60,60,1));
}

a:visited{
    color: rgba(0,0,0,1);
}

a:hover{
    background: linear-gradient(to bottom right, rgba(120,200,0,1) 60%,rgba(60,60,60,1));
}

a:active {
    border-color: rgba(0,150,150,1);
    color:  rgba(0,150,150,1);
}

.JumpPage{
    display: inline-block;
    width: 100%;
    padding: 0.5em 0 0.5em 0;
    z-index:7;
}

.ButtonA a, .ButtonA a:visited, .ButtonB a, .ButtonA a:visited{
    float: right;
    margin: 0 0 0 0.5em;
    border-style: solid;
    border-radius: 2em 4em 2em 4em / 2em 8em 2em 8em;
    border-width: 0.15em 0.15em 0.15em 0.15em;
    border-color: rgba(20,50,0,1);
    z-index:8;
}

#RegionBlog{
    width: 100%;
    min-height: 100%;
    margin: 0 auto 0 auto;
    padding: 4em 2em 2em 2em;
    border-style: solid;
    border-width: 0 0.15em 0 0.15em;
    border-color: rgba(20,50,0,1);
    z-index:6;
}

#RegionBlog .Entry .ButtonA a, #RegionBlog .Entry .ButtonA a:visited{
    display: inline-block;
    float: none;
    margin: 1em 0 0 0;
}

#RegionBlog .Entry .ButtonB a, #RegionBlog .Entry .ButtonB a:visited{
    display: inline-block;
    float: none;
    margin: 1em 0 0 0; 
    padding: 0.5em 0.5em 0.5em 0.5em;
    background: linear-gradient(to bottom right, rgba(160,249,101,0) 60%,rgba(60,60,60,0));
    border-color: rgba(20,50,0,0);
    text-decoration: underline;
}

#RegionBlog .Entry .ButtonB a:hover{
    background: linear-gradient(to bottom right, rgba(120,200,0,1) 60%,rgba(60,60,60,1));
    border-color: rgba(20,50,0,1);
}

#RegionBlog .Entry .ButtonB a:active {
    border-color: rgba(0,150,150,1);
    color:  rgba(0,150,150,1);
}

#RegionBlog .Impressum a, #RegionBlog .Impressum .ButtonB a:visited{
    float: none;
    margin: 0; 
    padding: 0;
    background: none;
    border-style: none;
    border-radius: none;
    border-color: none;
    text-decoration: underline;
}

#RegionBlog .Impressum a:hover{
    color:  rgba(200,0,0,1);
}

#RegionBlog .Impressum a:active {
    color:  rgba(0,150,150,1);
}

/*1
@media only screen and (max-width:1100px), only screen and (max-height:600px){
    
    #RegionBlog{
        padding: 4em 2em 0em 2em;
    }
    
    #OpenMenue:target #RegionBlog{
        padding: 2em 2em 0em 2em;
    }
}*/

.Content {
    margin: 0 auto 0 auto;
    background-color: rgba(255,255,255,1);
    border-style: solid;
    border-width: 0.2em 0.2em 0.2em 0.2em;
    border-color: rgba(20,50,0,1);
    z-index:7;
}

.Head{
    display: inline-block;
    width: 100%;
    padding: 1% 1% 1% 1%;
    background-color: rgba(220,220,240,1);
    border-style: solid;
    border-width: 0 0 0.15em 0;
    border-color: rgba(20,50,0,1);
    z-index: 8;
}

.Headline{
    float: left;
    width: 70%;
    padding: 1% 0 0 0;
    z-index:9;
}

.Date{
    float: right;
    width: 25%;
    text-align: right;
    z-index:9;
}

.Entry{
    padding: 0 4% 1em 4%;
    z-index:8;
}

.RegionSidebars{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 90vw;
    max-width: 1700px;
    height: 0;
    margin: 0 auto 0 auto;
    z-index: 1;
}

/*2
@media only screen and (max-width:1100px), only screen and (max-height:600px){
    .RegionSidebars{
        position: relative;
        width: 100%;
        height:auto;
        z-index: 1;
    } 
}*/

#SidebarLeft, #SidebarRight{
    position: relative;
    width: 15vw;
    max-width: 330px;
    max-height: 1000px;
    padding: 2em 1em 1em 1em;
    background: linear-gradient(to bottom right, rgba(160,249,101,0.7) 10%,rgba(160,249,101,0.4));
    border-style: solid;
    border-radius: 1em 2em 1em 2em / 1em 4em 1em 4em;
    border-width: 0.15em 0.15em 0.15em 0.15em;
    border-color: rgba(20,50,0,1);
    z-index:4;
}

#SidebarLeft{
    float: left;
    margin: 2.5em 0 0 0.5vw;
}

#SidebarRight{
    float: right;
    margin: 2.5em 0.5vw 0 0;
}

/*3
@media only screen and (max-width:1100px), only screen and (max-height:600px){
    
    #SidebarLeft{
        display: none;
        float: none;
        width: 100%;
        max-height:none;
        margin: 0;
        padding: 4em 2em 2em 2em;
        background: none;
        border-width: 0.2em 0.15em 0.4em 0.15em;
        border-radius: 0;
    }
    
    #OpenMenue:target #SidebarLeft{
        display: block;
    }
    
    #SidebarRight{
        float: none;
        width: 100%;
        max-height:none;
        margin: 0;
        padding: 2em 2em 4em 2em;
        background: none;
        border-width: 0.4em 0.15em 0 0.15em;
        border-radius: 0;
    }
}*/

#SidebarLeft .Entry, #SidebarRight .Entry{
    padding: 0;
}

#SidebarRight .Content{
    background: linear-gradient(to bottom right, rgba(105,249,101,0.8) 10%,rgba(60,60,60,0.6));
}

.MenuItem{
    background: linear-gradient(to bottom right, rgba(160,249,101,1) 10%,rgba(60,60,60,0.4));
    border-style: solid;
    border-color: rgba(20,50,0,1);
}

#SidebarLeft .MenuItem{
    border-width: 0.1em 0 0 0.1em;
}

#SidebarRight .MenuItem{
    margin: 1em 0 1em 0;
    border-width: 0.1em 0 0.1em 0;
}

.MenuSubBox{
    display: none;
    padding: 0 0 0 5%;
}

#SidebarLeft a, #SidebarLeft a:visited, #SidebarRight a, #SidebarRight a:visited{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.3em 0 0.3em 0.3em;
}

.MenueHeightHelper{
    overflow: hidden;
}

#SidebarLeft .ShowEntries a, #SidebarLeft .ShowEntries a:visited{
    display: block;
    float: left;
    width: 75%;
    margin: 0 0 -1000px;
    padding: 0.3em 0 1000px 0.3em;
}

#SidebarLeft .OpenSubmenu a, #SidebarLeft .OpenSubmenu a:visited{
    display: block;
    float: left;
    width: 25%;
    margin: 0 0 -1000px 0;
    padding: 0.3em 0 1000px 0.3em;
    text-align: center;
}

/*4
@media only screen and (max-width:1100px), only screen and (max-height:600px){
    
    #SidebarLeft a, #SidebarLeft a:visited{
        padding: 0.5em 0 0.5em 0.2em;
    }
}*/

#RegionHeaderFooter, #Header, #Footer{
    width: 58vw;
    max-width: 1000px;
}

/*5
@media only screen and (max-width:1100px), only screen and (max-height:600px){
    
    #RegionHeaderFooter, #Header, #Footer{
        width: 95vw;
    }
}*/

#RegionHeaderFooter{
    position: relative;
    min-height: 100%;   
    margin: 0 auto 0 auto;
    background: linear-gradient(to bottom right, rgba(160,249,101,0.7) 10%,rgba(160,249,101,0.4));
    z-index: 5;
}

#Header, #Footer{
    position:fixed;
    height: 2.5em;
    margin: 0 auto 0 auto;
    padding: 0.3em 0.75em 0.3em 0.75em;
    background: linear-gradient(to right, rgba(170,220,0,1) 30% ,rgba(170,220,0,0.5));  
    border-style: solid;
    border-color: rgba(20,50,0,1);
    z-index:6;
}

#Header{
    top: 0;
    border-width: 0.15em 0.15em 0.2em 0.15em;
}

#Header h1{
    float: left;
    display: inline-block;
}

#Footer{
    bottom: 0;
    border-width: 0.2em 0.15em 0.15em 0.15em;
}

#ButtonOpenMenue a, #ButtonOpenMenue a:visited, #ButtonCloseMenue a, #ButtonOpenMenue a:visited{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 7em;
    height: 100%;
    border-style: solid;
    border-width: 0.15em 0.15em 0.15em 0.15em;
    border-color: rgba(180,120,20,1);
    text-align: center;
    z-index:8;
}

/*6
@media only screen and (max-width:1100px), only screen and (max-height:600px){
    
    #ButtonOpenMenue a,  #ButtonOpenMenue a:visited, #ButtonCloseMenue a, #ButtonCloseMenue a:visited{
        display: block;
    }
    
    #ButtonOpenMenue a:active, #ButtonCloseMenue a:active {
        border-color: rgba(0,150,150,1);
    }
    
    #OpenMenue:target #ButtonOpenMenue a{
        display: none;
    }
}*/




@media only screen and (max-width:1100px), only screen and (max-height:600px){
    
    #RegionBlog{
        padding: 4em 2em 0em 2em;
    }
    
    #OpenMenue:target #RegionBlog{
        padding: 2em 2em 0em 2em;
    }
    
/*2-----------------------------------------------------------------------*/
    
    .RegionSidebars{
        position: relative;
        width: 100%;
        height:auto;
        z-index: 1;
    }
    
/*3-----------------------------------------------------------------------*/
    
    #SidebarLeft{
        display: none;
        float: none;
        width: 100%;
        max-height:none;
        margin: 0;
        padding: 4em 2em 2em 2em;
        background: none;
        border-width: 0.2em 0.15em 0.4em 0.15em;
        border-radius: 0;
    }
    
    #OpenMenue:target #SidebarLeft{
        display: block;
    }
    
    #SidebarRight{
        float: none;
        width: 100%;
        max-height:none;
        margin: 0;
        padding: 2em 2em 4em 2em;
        background: none;
        border-width: 0.4em 0.15em 0 0.15em;
        border-radius: 0;
    }
    
/*4-----------------------------------------------------------------------*/
    
    #SidebarLeft a, #SidebarLeft a:visited{
        padding: 0.5em 0 0.5em 0.2em;
    }
    
/*5-----------------------------------------------------------------------*/
    
    #RegionHeaderFooter, #Header, #Footer{
        width: 95vw;
    }
    
/*6-----------------------------------------------------------------------*/
    
    #ButtonOpenMenue a,  #ButtonOpenMenue a:visited, #ButtonCloseMenue a, #ButtonCloseMenue a:visited{
        display: block;
    }
    
    #ButtonOpenMenue a:active, #ButtonCloseMenue a:active {
        border-color: rgba(0,150,150,1);
    }
    
    #OpenMenue:target #ButtonOpenMenue a{
        display: none;
    }    
}