@font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2');
}

@font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2');
}

/* archivo-black-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Archivo Black';
font-style: normal;
font-weight: 400;
src: url('../fonts/archivo-black-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* podkova-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Podkova';
font-style: normal;
font-weight: 400;
src: url('../fonts/podkova-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* source-code-pro-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
src: url('../fonts/source-code-pro-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html,body{
padding:0;
margin:0;
height:100%;
}

body{
font-family: 'Podkova';
background:rgb(80,80,80);
font-size:20px;
line-height:1.4em;
background-color:rgba(45,45,45,1);
background-image:url('../img/bg_content4.webp');
background-repeat:no-repeat;
background-position:center 60px;
background-size:100% auto;
}

div{
box-sizing:border-box;
}

h1,h2,h3{
font-family:'Archivo Black',Arial,Helvetica,Sans-Serif;
font-weight:400;
margin:0 0 1.4em 0;
line-height:1.2em;
}

h1{
font-size:70px;
color:rgba(255,230,185,1);
margin:0;
padding:0 15px 30px 15px;
text-shadow:5px 5px 0 rgba(0,0,0,1);
}

h2{
font-size:36px;
margin:2em 0 1em 0;
padding:0;
}

h2{
font-size:32px;
}

a{
text-decoration:underline;
color:rgb(0,130,200);
}

a:hover{
background:rgb(0,130,200);
color:rgb(255,255,255);
}

code{
clear:both;
display:block;
font-family:'Source Code Pro',Courier,fixed;
font-size:16px;
background:#000;
color:#f0f0f0;
padding:15px;  
width:100%;
margin:50px 0;
border-radius:5px;
white-space: pre-wrap;
box-sizing:border-box;
}

#content{
width:100%;
margin:0;
padding:60px 0 0 0;
box-shadow:0 0 25px rgba(0,0,0,.2);
overflow:hidden;
color:rgb(0,0,0);
position:relative;
z-index:1;
}

#header{
font-family:'Archivo Black';
background:rgb(0,0,0);
width:100%;
border-bottom:1px solid rgba(255,255,255,.6);
box-shadow:0 0 15px rgba(0,0,0,.8);
height:60px;
top:0;
position:fixed;
z-index:2;
}


#logo_title{
display:flex;
align-items:center;
justify-content:center;
}

#header a,#header a:hover{
text-decoration:none;
background:none;
}

#headerlogo{
float:left;
border-right:1px solid rgba(255,255,255,.6);
text-align:center;
width:250px;
padding:0 25px;
max-height:58px;
font-size:35px;
height:60px;
position:relative;
}

#headerlogo div{
width:100%;
height:60px;
}

#headerlogo a{
color:rgb(0,130,200);
color:rgba(255,255,255,1);
/*animation: ca 35s infinite;*/
/*text-shadow: -2px -2px 1px rgba(52, 251, 12, .8), 2px 2px 1px rgba(251, 12, 12, .8);*/
/*
text-shadow: 0 0 175px rgba(0,0,0,1),
             0 0 105px rgba(0,0,0,1),
              0 0 70px rgba(0,0,0,1),
           1px 1px 5px rgba(0,0,0,1),
              0 0 10px rgba(0,0,0,1),
              0 0 25px rgba(0,0,0,1),
              0 0 45px rgba(0,0,0,1),
            -1px 0 2px rgba(0,0,0,.5);
*/
}

/*
@keyframes ca {
 50% {
  text-shadow: 0 0 175px rgba(210,0,0,1),
               0 0 105px rgba(210,0,0,1),
                0 0 70px rgba(210,0,0,1),
             1px 1px 5px rgba(210,0,0,1),
                0 0 10px rgba(210,0,0,1),
                0 0 25px rgba(210,0,0,1),
                0 0 45px rgba(210,0,0,1),
              -1px 0 2px rgba(0,0,0,.5);
 }

 100% {
  text-shadow: 0 0 175px rgba(80,180,255,1),
               0 0 105px rgba(80,180,255,1),
                0 0 70px rgba(80,180,255,1),
             1px 1px 5px rgba(80,180,255,1),
                0 0 10px rgba(80,180,255,1),
                0 0 25px rgba(80,180,255,1),
                0 0 45px rgba(80,180,255,1),
              -1px 0 2px rgba(0,0,0,.5);
 }
}
*/

#menuopener{
display:none;
}

#menu{
float:left;
width:calc(100% - 250px);
font-size:16px;
line-height:1em;
}

#menu ul{
padding:0;
margin:0 0 0 25px;
list-style-type:none;
}

#menu li{
display:inline-block;
margin:0;
padding:0;
}

#menu a{
color:#fff;
padding:0 20px;
display:flex;
align-items:center;
justify-content:center;
text-transform:uppercase;
height:60px;
box-sizing:border-box;
}

#menu a.active{
color:rgba(255,165,0,1);
background:rgba(255,255,255,.2);
}

#menu a:hover{
color:rgba(255,165,0,1);
}

#content_main{
max-width:1200px;
position:relative;
margin:50px auto 80px auto;
}

#content_block{
background:rgba(235,235,235,1);
width:100%;
min-height:1000px;
padding:50px;
position:relative;
z-index:1;
}

#content_block,.page_tags{
max-width:calc(100% - 250px);
box-sizing:border-box;
}

#spalte_rechts{
position:absolute;
top:0;
right:0;
z-index:2;
margin:60px 0 0 0;
margin:0;
width:225px;
padding:0 15px;
}

#content_block,#spalte_rechts{
background:rgba(255,255,255,.8);
border-radius:10px;
box-shadow:0 0 25px rgba(0,0,0,.5);
}

#content_block img{
max-width:100% !important;
height: auto !important;
}

#spalte_rechts .block_rechts{
box-sizing:border-box;
margin:0;
padding:30px 0;
font-size:16px;
line-height:1.4em;
border-bottom:1px solid rgba(0,0,0,.5);
}

#spalte_rechts .block_rechts:last-child{
border-bottom:0;
margin:0;
}

#letzte_beitraege{
}

#kofi{
line-height:0;
}

#kofi a,#kofi a:hover{
background:none;
}

#kofi img{
max-width:100%;
}

.block_rechts .beitrag_titel{
margin:0 0 .5em 0;
}

#footer{
background:rgb(0,0,0);
color:rgb(255,255,255);
padding:25px;
font-size:15px;
}

#footer_spacer{
background:rgb(0,0,0);
}


#footertext{
width:50%;
float:left;
}

#footerlinks{
width:50%;
float:right;
text-align:right;
}

#footer a{
color:rgb(255,255,255);
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
background:none;
}

.trenner{
clear:both;
}


/* Beiträge */
.beitrag{
clear:both;
border-bottom:1px solid rgba(0,0,0,.5);
margin:0 0 2em 0;
padding:0 0 2em 0;
}

#content_block .beitrag:last-child{
border-bottom:0;
margin:0;
padding:0;
}

.tags{
}

.beitrag h3{
margin:0 0 .5em 0;
}

.beitrag h3 a,.beitrag h3 a:hover{
color:#000;
text-decoration:none;
background:none;
}

.einleitung{
}

.beitrag_cont{
}

.tag{
background:#787878;
color:#ffffff;
border-radius:5px;
padding:2px 5px;
font-size:15px;
margin:0 5px 0 0;
}

.tag:hover{
background:#8c8c8c;
}

.tag a{
color:#ffffff;
background:none;
text-decoration:none;
}

.page_titel{
}

.page_titel h1{
margin:0 0 .5em 0;
}

.page_tags{
margin:0;
padding:0 25px 30px 25px;
}

.page_einleitung{
margin:0 0 1em 0;
font-size:24px;
font-weight:700;
}

.page_text{
}

#kofi_footer{
display:none;
text-align:center;
}

#kofi_footer img{
width:200px;
}

.beitrag_tag{
display:inline-block;
margin:0 15px 0 0;
}

.preview{
background:rgba(200,0,0);
color:#fff;
text-align:center;
}

.nv {
display:none;
}

.zeile{
margin:0 0 1em 0;
}

.spalte1{
font-weight:700;
}

.spalte2{
}

.input,.textarea,.submit{
font-family: 'Podkova';
font-size:20px;
box-sizing:border-box;
}

.input,.textarea{
padding:10px;
background:rgba(0,0,0,.1);
border:0;
border-bottom:3px solid rgba(0,0,0,.8);
width:100%;
}

.submit{
padding:10px 20px;
cursor:pointer;
}

.message{
clear:both;
margin:1em 0;
font-size: 25px;
font-weight:700;
padding:10px;
border-radius:10px;
}

.ok{
color: rgba(0,120,0,1);
background:rgba(0,120,0,.2);
border:3px solid rgba(0,120,0,1);
}

.error{
color: rgba(200,0,0,1);
background:rgba(200,0,0,.2);
border:3px solid rgba(200,0,0,1);
}