/*
Theme Name: Zukunftia V5
Theme URI: http://www.zukunftia.de
Author: Martin Peine
Author URI: http://www.querbeet-design.de
Description: Extremely exclusive theme for Zukunftia.de
Version: 5.0
License: None
License URI: None
Tags: black, blue
Text Domain: zukunftia

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {font-family: Cabin; font-display: swap; src: url("fonts/Cabin_SemiCondensed-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }

* {margin:0;padding:0;}
body { font-family: Cabin; color: #ffffff; font-size: 16px; background: #020414 url("images/bg5.webp") no-repeat fixed top center; background-size: auto auto; }

/* Standard Links */
A:link,A:visited,A:active {color:#ffd200;text-decoration:none;}
A:hover {color:#ffffff;}

/* Accessibility */
.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; width: 1px; word-wrap: normal; }
.screen-reader-text:focus { background-color: #eee; clip: auto; 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; }

/* Standard Wordpress */
.wp-post-image { float: right; width: 160px; height: 160px; border: 0 ; margin: 0 0 10px 20px; border-radius: 6px; }
.size-full { max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.sticky {}
.more-link {}

/* Wordpress Standard Blaettern (Startseite, Archiv, etc.) */
.pagination {margin:15px 0 15px 0;}
.pagination .nav-links {font-size:20px;}
.pagination .screen-reader-text {margin:0;}
.pagination a {height:40px;background:#083261;padding:10px;background-color:#083261;border-width:4px;border-style:solid;border-color:#274c75 #072c55 #072c55 #274c75;border-radius:14px;}

/* Wordpress Standard Blaettern Kommentare */
.comment-nav {font-size:20px;margin:0 0 10px 10px;}
.comment-nav .page-numbers  {width:80px;height:40px;background:#083261;padding:5px;border-radius:4px;}
.comment-nav .current {}
.comment-nav .next {}
.comment-nav .prev {}

/* Wordpress Standard Blaettern Artikel-Seiten */
.post-page-numbers { height: 30px; line-height: 45px; margin: 2px; background: #083261; padding: 5px 10px 5px 10px; background-color:#083261; border-width:4px; border-style:solid; border-color:#274c75 #072c55 #072c55 #274c75; border-radius:10px; }
.post-page-numbers .current {}

/* Wordpress Standard Ausrichtung */
.aligncenter { display: block; margin-left:auto; margin-right:auto; }
.alignright {float:right; margin: 10px;}
.alignleft { float:left; margin: 10px; }

/* Wordpress Standard Galerie */
.gallery {margin:auto;}
.gallery-item {float:left;margin-top:10px;text-align:center;width:25%;}
.gallery img {width:150px;height:150px;border:0;border-radius:6px;}
.gallery-caption {margin-left:0;}

/* hr Tags */
hr {background-color:#083261;border:0;height:3px;margin:5px 0 5px 0;clear:both;}
hr.thin {background-color:#083261;border:0;height:1px;margin:2px 0 2px 0;clear:both;}
hr.grey {background-color:#282828;border:0;height:2px;margin:2px 0 2px 0;clear:both;}
hr.grey_bold {background-color:#282828;border:0;height:3px;margin:4px 0 8px 0;clear:both;}

/* Haupt Wrapper (Zentrieren) */
.wrapper {width:1165px; margin-left:auto; margin-right:auto; }

/* Logo-Bereich */
.logo_area {margin:20px 0 10px 0;text-align:center;}
.logo_area img {max-width:100%;height:auto;}

/* Logo-Subtitle */
.logo_sub_text {font-family:Cabin;color:#f9dca4;font-size:20px;text-shadow: 2px 2px #06264b;text-align:center;margin:0 0 10px 0;}

/* Rahmen-Design */
.wrapper_design {background: linear-gradient(to bottom, #2d5583 0%, #083261 70px); background-color:#083261; border-width: 4px; border-style:solid; border-color:#274c75 #072c55 #072c55 #274c75; border-radius:18px;}

/* Links Wrapper (Linke Spalte) */
.wrapper_left {float:left; width:815px; padding:0 5px 0 5px; margin-bottom:10px;}

/* Rechts Wrapper (Rechte Spalte) */
.wrapper_right {float:left; width:300px; margin-left:10px; padding:0 5px 0 5px;}

/* Top-Nav ("position:relative" für Position des Pulldowns) */
.nav { position:relative; height: 45px; line-height: 45px; margin: 5px 0 10px 10px; }
.nav_text {float:left; margin: 0 10px 0 0; font-size: 20px; color: #cce1f1; font-family: Cabin; text-shadow: 1px 2px #06264b;}
.nav_text a:link, .nav_text a:visited, .nav_text a:active { color: #cce1f1; }
.nav_text a:hover { text-decoration: underline; }

.nav_sep {float: left; margin-top: -5px; margin-right: 15px; height: 50px; padding:2px;background: linear-gradient(to bottom, #274c75, #0e3867);background-color:#274c75;}

/* Top-Nav Buttons */
.button {float:left; min-width:40px; height:24px; line-height:24px; font-size:26px; font-family:inherit; margin:0 5px 0 0;text-align:center;padding:10px 0 10px 0;background-color:#464646;border-width:1px;border-style:solid;border-radius:8px;box-shadow: 0px 3px rgba(0, 0, 0, 0.3);text-shadow: 1px 2px #000000; cursor:pointer; text-decoration:none; appearance:none; -webkit-appearance:none; box-sizing:content-box; vertical-align:baseline; color:#ffffff;}
.button:link, .button:visited, .button:active {color:#ffffff;}
.button:hover {color:#ffd200;}
.button:focus-visible {outline: 2px solid #ffd200; outline-offset: 2px;}
button.button {color:#ffffff; border-style:solid; border-width:1px;}
button.button::-moz-focus-inner {border:0; padding:0;}
.button.default {background:linear-gradient(#626262, #191919);border-color:#512c3c #7a5969 #331824 #7a5969;}
.button.rss {background:linear-gradient(#e4935c, #8f4920);border-color:#eaa773 #bf7643 #eaa773 #bf7643;}
.button.facebook {background:linear-gradient(#6373a3, #2c3a62);border-color:#8e9ec0 #4b5c89 #49567c #4b5c89;}
.button.whatsapp {background-color:#43d854;}
.button.googlenews {background:linear-gradient(#4e8df6, #3c69b8);border-color:#5c96f9 #5c96f9 #6ea4fe #5c96f9;}
.button.mastodon {background:linear-gradient(#6263ff, #5539cc);border-color:#6263ff;}

/* Schwerpunkte */
.schwerpunkt { font-size: 18px; margin: 5px 10px 0 10px; padding: 5px 15px 5px 15px; background-color: #232323; border-radius: 8px; }

/* Pulldown */
.pulldown {float:left;height:65px;}
.pulldown:hover .button,
.pulldown.active .button { color: #ffd200; }
.pulldown .button { cursor: default; }
.pulldown .pulldown_content {display:none;}
.pulldown:hover .pulldown_content,
.pulldown.active .pulldown_content {display: block; position: absolute; width: 770px; left:-1px; top: 65px; padding: 10px; background-color:#191919; border-width: 0 3px 3px 3px; border-style: solid; border-color:#323232;border-radius:10px;box-shadow: 5px 5px rgba(0, 0, 0, 0.4);z-index:1;}
.pulldown_categories {line-height:30px;}
.pulldown_comments {line-height:25px;}

/* Pulldown Suche */
.pulldown_search .search_term {width:60%;line-height:30px;border:0;padding:5px;font-size:18px;border-radius:10px;}
.pulldown_search .search_okay {width:75px;line-height:30px;border:0;padding:2px;font-size:18px;color:#ffffff;background-color:#083261;border-width:4px;border-style:solid;border-color:#274c75 #072c55 #072c55 #274c75;border-radius:10px;}
.pulldown_search .search_okay:hover {color:#ffd200;}

/* Pulldown Kategorien */
.categories_title { display:inline-block; font-size: 16px; padding: 3px 8px 3px 8px; margin-bottom: 6px; font-family: Cabin; background-color: #232323; border-radius: 8px; }

/* Pulldown Kommentare */
.comments_title { font-size: 16px; clear: both; }
.comments_date  { display: inline-block; width: 105px; }

/* Haupt-Inhaltsbereich */
.main { display:block; margin: 0 auto 0 auto; background-color: #0f0f0f; border-top: 4px solid #052041; border-radius: 10px; font-size: 16px; line-height: 24px; }
.main h1 { font-size:24px; margin: 0 0 10px 0; font-weight: normal; font-style: normal; }
.main h2 { font-size:24px; margin: 0 0 10px 0; font-weight: normal; font-style: normal; }
.main p { text-align: justify; margin: 5px 0 10px 0; }
.main p iframe { display:block; margin:0 auto 0 auto; width:100%; height:388px; } /* YouTube zentrieren und verkleinern */

/* Startseite Artikel-Info */
.artinfo { width: 100%; height: 45px; font-size:16px; clear:both; }
.artinfo_weiter { float: left; width: 120px; text-align:center; padding:2px 0 2px 0; background-color:#083261; border-width:4px; border-style:solid; border-color:#274c75 #072c55 #072c55 #274c75; border-radius:14px;}
.artinfo_info { float: right; width: 550px; background-color:#083261; border-width:4px; border-style:solid; border-color:#274c75 #072c55 #072c55 #274c75; border-radius:14px; }
.artinfo_pad { float: left; padding: 2px 5px 2px 5px; }
.artinfo_sep { float: left; margin: 0 10px 0 10px; height: 20px; padding: 2px; background: linear-gradient(to bottom, #274c75, #083261); background-color:#274c75;}

/* Artikel Filminfos */
.film_infos {float:right;width:225px;min-height:100px;padding:10px;margin:0 -10px 10px 10px;background-color:#083261;border-radius:8px 0 0 8px;border-bottom:4px solid #052041;clear:both;}
.film_infos span {font-family:Cabin;color:#cce1f1;font-size:22px;text-shadow: 1px 2px #06264b;}
.film_infos img {border:0;margin:0 0 0 10px;border-radius:6px;}
.film_spruch {line-height:140%;font-size:115%;margin:0 auto 0 auto;color:#6a95c6;text-align:center;border-bottom:2px solid #083261;}

/* Artikel Wertung */
.wertung {float:left;height:100px;text-align:center;padding:5px;background-color:#083261;border-bottom:4px solid #052041;}
.wertung .wertung_title {font-family:Cabin;color:#cce1f1;font-size:16px;text-shadow: 1px 2px #06264b;}
.wertung .wertung_bg {line-height:65px;height:65px;background-color:#000000;border-top:4px solid #052041;border-radius:10px;}
.wertung .wertung_pfeil {font-size:36px;}
.wertung .wertung_gut {color:#00ff00;}
.wertung .wertung_mittel {color:#bebebe;}
.wertung .wertung_schlecht {color:#ff0000;}
.wertung .wertung_gesamt {font-size:32px;}
.wertung .wertung_gesamt_klein {font-size:20px;color:#969696;}

/* Artikel Bildunterschriften */
blockquote { color: #ffffff; background: #041932; margin: 5px 5px 10px 20px; padding: 3px 15px 3px 15px; border-left: 5px solid #083261; border-radius: 6px; }

/* Artikel Meinungskasten */
.meinung {margin-right:-10px;}
.meinung .meinung_header {height:80px;color:#a9c4d8;font-family:Cabin;font-size:22px;padding-top:30px;padding-left:30px;}
.meinung .meinung_spruch {position:relative;background-color:#083261;color:#6a95c6;line-height:50px;font-size:18px;padding-left:30px;border-radius:10px 0 0 0;}
.meinung .meinung_koeppe {position:absolute;bottom:0;right:50px;}
.meinung .meinung_inhalt {background-color:#041932;padding:10px;border-top:4px solid #052041;}
.meinung .meinung_footer {background-color:#083261;height:15px;border-radius:0 0 0 10px;border-bottom:4px solid #052041;}

/* Artikel Kurzreview */
.kurzkritik {width:98%;margin:0 0 10px -10px;padding:10px;min-height:50px;background-color:#041932;border-width:3px 6px 3px 0;border-color:#083261;border-style:solid;border-radius:0 14px 14px 0;}
.kurzkritik .pfeil {float:left;width:50px;height:50px;line-height:50px;margin:0 10px 0 0;background-color:#083261;border-bottom:4px solid #052041;border-radius:12px;font-size:36px;text-align:center;vertical-align:middle;}
.kurzkritik .positiv {color:#00ff00;}
.kurzkritik .mittel {color:#bebebe;}
.kurzkritik .negativ {color:#ff0000;}

/* Artikel Aehnlich */
.yarpp-related {}
.yarpp-related ol { margin: 0; padding: 0; }
.yarpp-related a { display: block; float: left; width: 45%; margin:0 0 5px 0; padding: 10px; font-family: Cabin; font-size: 18px; border-radius: 4px; }
.yarpp-related a:hover {text-decoration:none;background-color:#083261;}
.yarpp-related img {float:left;width:100px;height:100px;border:0;margin:0 10px 0 0;border-radius:4px;}

/* Artikel Kommentare lesen */
ol.commentlist { list-style: none; margin: 0 -10px 0 0; padding: 0; }
ol.commentlist li { margin:0 0 10px 0; padding: 10px; border-radius: 10px 0 0 10px; background: #083261; border-bottom: 4px solid #052041;}
ol.commentlist li li {margin:0 -10px 5px 0;background:#072c55;}
/* ol.commentlist li.even {background:#083261;} */
/* ol.commentlist li.odd {background:#052041;} */
ol.commentlist li.bypostauthor { background: #500028; border-bottom: 4px solid #310019; }
ol.commentlist .comment-author {font-size:20px; font-family:Cabin;}
ol.commentlist .comment-author cite { font-style: normal; }
ol.commentlist .comment-meta { font-size: 12px; border-bottom: 2px solid #274c75; }
ol.commentlist .avatar {float:right;border:0;width:80px;height:80px;margin:5px 5px 10px 10px;border-radius:6px;}
ol.commentlist a.comment-reply-link { display: block; width:125px; font-family: Cabin; text-align: center; margin: 0; background: #052041; padding: 5px; border-radius: 6px; }
ol.commentlist li ul.children { list-style: none; margin: 10px 0 0 15px; padding: 0; }

/* Artikel Kommentar schreiben */
.comment-notes { }
.comment-form-author label { display: block; width: 130px; float:left; }
.comment-form-author input { border: 0; min-width: 300px; max-width:500px; height: 30px; font-size: 16px; padding: 0 0 0 5px; border-radius: 4px; }
.comment-form-email label { display: block; width: 130px; float: left; }
.comment-form-email input { border: 0; min-width: 300px; max-width: 500px; height: 30px; font-size: 16px; padding:0 0 0 5px; border-radius: 4px; }
.comment-form-url { display: none; }
.comment-form-comment {}
.comment-form-comment textarea {width:95%;height:150px;color:#000000;background:#ffffff;border:0;border-radius:4px;padding:10px;}
#cancel-comment-reply-link { margin-left: 15px; }
.form-submit input {display:block;width:200px;font-size:16px;font-weight:bold;margin:0 0 5px 0;color:#ffd200;padding:10px;background-color:#083261;border-width:4px;border-style:solid;border-color:#274c75 #072c55 #072c55 #274c75;border-radius:14px;}
.form-submit input:hover {background-color:#072c55;}
.form-allowed-tags {display:none;}

/* Artikel Kommentar Plugin E-Mail bei Antwort */
input#cren_subscribe_to_comment, input#cren_gdpr {
  margin-right: 4px;
}

/* Footer (Impressum, etc.) */
.footer {text-align:right;margin:0 15px 0 15px;height:50px;line-height:50px;font-size:18px;}

/* Rechte Spalte Contentrahmen */
.main_right {background-color:#041932;border-top:4px solid #052041;border-radius:10px;}
.main_right h3 {font-weight:normal;font-style:normal;}
.main_right_text { padding: 10px; }

/* Rechte Spalte Ueberschrift */
.header_text {font-family:Cabin; color:#f9dca4; font-size:28px; text-shadow: 1px 2px #06264b; height:45px; line-height:45px; margin:5px 0 10px 0; text-align:center; }
.header_text i {font-size:32px;margin-right:10px;}

/* Rechte Spalte Artikelliste */
.artlist {padding:10px 0 10px 0;}
.artlist h3 { margin: 0; font-family:Cabin; font-size: 16px; }
.artlist a {display:block;min-height:100px;padding:5px;}
.artlist a:hover {text-decoration:none;background-color:#083261;}
.artlist img {float:left;width:100px;height:100px;border:0;margin:0 10px 0 0;border-radius:4px;}

/* Forum */
.forum {font-size:14px;}
.forum h3 {font-size:16px;line-height:14px;font-family: Arial,sans-serif;}

/* Responsive DEFAULT */
.hide_wide {display:none;}

/* Responsive MITTEL */
@media screen and (max-width: 1190px) {
	.wrapper {width:100%;min-width:340px;max-width:900px;}
	.wrapper_left {width:95%;max-width:815px;}
	.pulldown:hover .pulldown_content {width:90%;}
	.hide_medium {display:none;}
	
}

/* Responsive KLEIN */
@media screen and (max-width: 830px) {
	.wp-post-image { width: 130px; height: 130px; }
	.logo_area img { max-width: 90%; height: auto; }
	.nav_text { font-size: 34px; }
	.artinfo_info { width: 90px; }
	.main { font-size: 120%; line-height: 130%; }
	.yarpp-related a { width: 98%; }
	.hide_small { display: none; }
	.show_small { display: inline; }
	
}