* {
box-sizing: border-box;
}
body {
background-color:darkgreen;
color:white;
padding-top: 120px;
background-image: radial-gradient(circle, white, transparent);
background-size: cover;
background-attachment: fixed;
background-blend-mode: soft-light;
}
.container::before {
background-color: transparent;
}
.container {
position: relative;
} a {
color:white;
}
.container {
max-width:1400px;
margin:0 auto;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }  .site-header {
padding: 0 1em;
position: relative;
clear: both;
height: 120px;
}
.logo {
display:block;
width: 280px;
height: 100px;
padding-left: 1em;
margin-bottom: 1em;
background-color: rgba(255,255,255,0.3);
float: left;
}
a.logo {
color: #333333;
text-decoration: none;
text-align: center;
}
.logo h1{font-size: 1.6em;}
@media screen and (min-width:800px) {
.site-header {
width:100%;
}
} #toggle-nav {
position: absolute;
right: 10px;
top: 0;
background: #333333;
width: 60px;
height: 50px;
line-height: 50px;
text-align: center;
cursor: pointer;
}
.js .site-nav {
display:none;
}
.site-nav {
float:left;
margin-left:20px;
}
.site-nav ul, .second-nav ul{
padding:0;
margin:0;
list-style:none;
}
.site-nav li, .second-nav li {
margin-right: 2px;
text-align: center;
min-width: 120px;
float:left;
}
@media screen and (min-width:720px) and (max-width:799px) {
.site-nav li, .second-nav li {
margin: 2px ;
float: left;
}
}
@media screen and (min-width:720px) {
.js .site-nav {
display:block; 
}
#toggle-nav {
display: none;
}
}
.site-nav a {
background-color: rgba(0,0,0,0.3);
text-decoration:none;
display: block;
padding: 0.8em;
font-family: arial, sans serif;
font-weight: 800;
}
.site-nav a:hover, .second-nav a:hover{
background-color: rgba(0,0,0,0.6);
}
.site-nav .current-menu-item , .second-nav .current-menu-item , {
background: white;
color: #444444;
}
.second-nav {
position: absolute;
clear:  both;
top: 65px;
left: 315px;
}
.second-nav a {
background-color: rgba(0,0,0,0.2);
text-decoration:none;
display: block;
padding: 0.5em;
font-family: arial, sans serif;
font-weight: 600;
} .site-search {
position: relative;
max-width: 280px;
float: right;
}
.site-search input[type="search"] {
width: 100%;
padding: .5em 90px .5em .5em;
box-sizing: border-box;
color: #444444;
}
.site-search input[type="submit"] {
position: absolute;
right: 1px;
top: 1px;
bottom: 1px;
width: 80px;
border: none;
}
@media screen and (min-width:720px) and (max-width:800px){
.site-search {
position: absolute;
top: 0;
right: 10px;
width: 250px;
}
}
@media screen and (max-width:1120px){
.site-search {
max-width: 150px;        
}
}  img {
max-width: 70%;
height: auto;
} .page-id-98 .wp-post-image {
float: left;
margin: 0.2em 1em 0.5em 0;
max-width: 45%;
}
.site-main {
position: relative;
padding: 2em;
width: 100%;
}
@media screen and (max-width:800px) {
.site-main{
padding-top: 2em;
}
} @media screen and (min-width:800px) {
.site-main {
width:60%;
float: left;
padding-left: 30px;
}
.site-main-70 {
width:100%;
margin:2em;
padding: 1em;
}
} .site-content {
padding: 0 1em;
}
.infobox {
background-color: gold;
color: darkred;
padding: 1.5em;
}
.ortsliste {
background-color: rgba(0,0,0,0.1);
column-width: 350px;
padding: 1em;
}
.ortsliste h3 {
margin-top: 0px;
}
@media screen and (min-width:600px) {
.site-content {
float:left;
width:80%;
}
.page-template-ohne_sidebar-php .site-content,
.page-id-98 .site-content,
.home .site-content {
width:100%;
}
}
.personinfo {
min-height: 610px;
}
.box-filme {
background-color: rgba(0,0,0,0.1);
padding: 1em;
}
.clear {
clear:both !important;
}
@media screen and (min-width:860px) {
.box-beitraege {
margin-top: 2em;
clear: both;
}
}
.posts{
border-top: 2px solid rgba(255,255,255,0.4);
background-color: rgba(0,0,0,0.1);
margin-top: 2em;
padding: 1em;
}
.posts:first-child
{
padding-top: 0px;
margin-top: 0px;
border-top:none;
}
.filminfo {
color: rgba(255,255,255,0.8);
}
.post-meta {
font-size: 0.9em;
opacity: 0.7;
list-style: none;
}
.pagination {
padding: 1em;
background-color: rgba(0,0,0,0.2);
} .site-sidebar {
margin: 1em 2em;
background-color: rgba(0,0,0,0.4);
height: 20em;
overflow-x: scroll;
line-height: 0.9em;
padding: 1em;
width: 60%;
}
@media screen and (min-width:1299px) {
.site-sitebar  {
line-height: 0.9em;
}
}
.site-sidebar a {
text-decoration: none;
font-weight: 400;
color: white;
}
.widget {
padding: 1em;
margin-bottom: 1em;
} @media screen and (min-width:800px) {
.site-sidebar {
margin: 2em 0 0 0;
float:right;
width:30%;
margin-top: 0em;
height: 50em; 
}
} .comment-form input[type=text],
.comment-form input[type=text],
.comment-form input[type=text],
.comment-form textarea {
padding: 0.5em;
color: white;
background: rgba(0,0,0,0.1);
border: 2px solid rgba(255,255,255,0.22);
box-shadow: inset 0 1px 3px rgba(255,255,255,0.24);
margin: .2em 0 0.1em 0;
width: 100%;
}
.comment-form input[type=submit] {
background: rgba(255,255,255,0.22);
color: white;
padding: 0.6;
border: 2px solid rgba(255,255,255,0.6);
}
.comment-list {
margin-top: 5em;
}
.comment-list ul {
padding: 0;
margin: 0;
list-style: none;
}
.single-comment {
background: rgba(255,255,255,0.1);
padding: 1em;
margin-bottom: 1em;
}
.single-comment .children {
margin-top: 1em;
}
.single-comment .avatar {
float: right;
border-radius: 10px;
} .site-footer {
background-color: rgba(0,0,0,0.2);
padding: 1em;
margin-top: 4em;
}
.nav-rechts .twitter a:hover{
background:#1da1f2;
}
.nav-links ul,
.nav-rechts ul{
padding: 0;
margin: 0;
list-style: none;
}
.nav-links li,
.nav-rechts li{
margin-bottom: 2px;
}
.nav-links a,
.nav-rechts a{
display: block;
text-decoration: none;
padding: 1em;
background: rgba(0,0,0,0.2);
width: 15em;
}
.nav-links a:hover,
.nav-rechts a:hover{
background: rgba(0,0,0,0.4);
}
.nav-links .current-menu-item a, nav-rechts .current-menu-item {
background: white;
color: #444444;
}
@media screen and (min-width:600px) {
.site-footer {
float:left;
width:100%;
}
.nav-rechts {
float:right;
}
.nav-links {
float:left;
}
}
@media screen and (min-width:800px) {
.nav-links li,
.nav-rechts li{
float: left;
margin-right: 2px;
width: inherit;
}
}