/*
Theme Name: DokDoc.eu
Description: Das DokDoc-Theme
Version: 1.0
Text Domain: dokdoc
*/
@import "css/fonts.css";
@import "css/dirtycommentslist.css";

/* COLORS

Rot Schrift #AF1D1E  rgb(175,29,30)
Blau Schrift + Button #002D72 rgb(0,45,114)

*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

#templatename {
	display: none;
}

html {
	margin: 0 !important;
	padding: 0 !important;
}

body {
    font: 1rem "PT Sans";
}

p, li, td {
    line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Cabin;
	font-weight: normal;
}

.inner {
	max-width: 71.25rem; /* 1140px; */
	margin: auto;
}

/* + + + + + + TOP HEAD + + + + + + + + */

#tophead {
	border-bottom: 1px solid rgba(103, 105, 107,.3);
	box-shadow: 0 5px 20px 2px rgba(103, 105, 107,.2);
	padding: 30px 0 15px;
}

#tophead .inner {
    /* background: AliceBlue; */
    display: flex;
    
    
}

#logo {
    /* background: LightSalmon; */
    max-width: 17.5rem; /* 280px; */
}

#logo img {
    width: 100%;
    height: auto;
}

/* + + + + + + MENUES + + + + + + + + */

#menuarea {
    /* background: LightCyan; */
    display: flex;
    flex: auto;
    flex-direction: column;
    justify-content: space-between;
}

#menuarea ul { /* für alle Menüs */
    display: flex;
    flex-direction: row;
    justify-content:flex-end;
    list-style: none;
}

#menuarea > nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#menuarea ul li:last-child a {
    padding-right: 0;
}

#togglemenu {
	display: none !important;
}

/* + + + + + + TOPMENU + + + + + + + + */

#topmenu {
    /* background: LightBlue; */
   flex: 1 1 20%;
}

#topmenu ul {
    /* background: LightBlue; */
}

#topmenu li a {
    padding: 4px 0;
	margin: 0 10px;
	text-decoration: none;
	color: #555;
	font-weight: 600;
}

#topmenu li:last-child {
    border-left: 1px solid #555;
}

#topmenu li:last-child a {
	color: #002D72;
	margin-right: 0;
}

#topmenu li a:hover,
#topmenu .current-menu-item a {
	border-bottom: 1px solid #555;
}

.home #topmenu .current-menu-item a {
	border: none;
}

#topmenu li:last-child a:hover,
#topmenu li:last-child.current-menu-item a,
#topmenu .current-menu-parent a {
	border-bottom: 1px solid #002D72;
}

.home #topmenu .current-menu-parent a {
	border-bottom: none;
}



/* + + + + + + FLAGMENU + + + + + + + + */

#flagmenu {
    /* background: LightSteelBlue; */
   flex: 1 1 60%;
}

#flagmenu ul {
	padding-top: 4px;
}

#flagmenu ul,
#flagmenu li,
#flagmenu li a {
	line-height: 26px;
}

#flagmenu li a {
    padding: 4px 16px;
}

.wpml-ls-menu-item .wpml-ls-flag {
	width: 40px;
	height: 26px;
}


/* + + + + + + SUCHE + + + + + + + + */

#suche-flags {
	margin-right: 20px;
}

#suche-flags .screen-reader-text {
	display: none !important;
}

#suche-flags [type=submit] {
	display: none !important;
}

#suche-flags [type=search] {
	height: 26px;
	border: 1px solid #555;
	width: 200px;
	padding: 2px 6px;
}


/* + + + + + + MAINMENU + + + + + + + + */

#mainmenu {
    /* background: SkyBlue; */
   flex: 1 1 20%;
}

#mainmenu li a {
    padding: 4px 0;
	margin: 0 12px;
	font-size: 24px;
	font-weight: 600;
	color: #AF1D1E;
	text-decoration: none;
}

#mainmenu li:last-child a {
	margin-right: 0;
}

#mainmenu li a:hover,
#mainmenu .current-menu-item a,
#mainmenu .current-menu-parent a {
	border-bottom: 2px solid #AF1D1E;
}

/* + + + + + + CONTENT + + + + + + + + */

.clear {
	clear: both;
}

#contentarea {
	padding: 80px 0 30px;
}

#contentarea .inner {
    /* background: Sienna; */
    
    
    display: flex;
    justify-content: space-between;
}

#content {
    /*  background: Tan;  */
    /* width: 750px; */
	width: 66%;
	display: flex;
	flex-wrap: wrap;
justify-content: space-between;
	align-content: flex-start;
}

#content article h3 {
	margin: 16px 0 10px;
	font-size: 130%;
}

#content article h4 {
	margin: 14px 0 10px;
	font-size: 120%;
}

#content article h5 {
	margin: 14px 0 10px;
	font-size: 110%;
}

#content sup {
	font-size: 0.7em;
	line-height: 10px;
}

#content article,
#comments {
    /* border: 1px solid #000;  <-- TEST */
    padding: 20px;
    margin: 30px 0;
    /* box-shadow: 0px 0px 4px 1px #999; */
	box-shadow: 0 0px 5px 0 rgba(53,69,88,.2);
}

.home #content article,
.category #content article,
.search #content article {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: flex-start;
}

#content article:first-child {
	margin-top: 0;
}

#content article figure {
    /* float: left; */
    margin-right: 20px;
    
	margin-left: -20px;
}

#content article img {
    height: 100%;
}

#content article:first-child {
    
}

.home #content article:first-child figure,
.category #content article:first-child figure {
    width: calc(100% + 40px);
    margin: 20px -20px;
    float: none;
}

.home #content article:nth-child(2),
.category #content article:nth-child(2) {
   /* float: left;*/
    width: 48%;
    padding: 10px;
}

.home #content article:nth-child(3),
.category #content article:nth-child(3) {
   /* float: right;*/
    width: 48%;
    padding: 10px;
}

.home #content article:nth-child(2) figure,
.home #content article:nth-child(3) figure,
.category #content article:nth-child(2) figure,
.category #content article:nth-child(3) figure {
    width: calc(100% + 20px);
    margin: 10px -10px;
    float: none;
}

.home #content article.blogview figure,
.category #content article.blogview figure {
	width: 48%;
}

#content article .articletext {
    width: 48%;
}

.home #content article img,
.category #content article img,
.search #content article img {
	width: 100%;
	height: auto;
}

#content article header {
    text-align: center;
}

#content article:nth-child(2) .date,
#content article:nth-child(3) .date {
    margin: 10px 0;
}

#content article .post-title,
#content article .post-title a,
#content article .page-title,
#content article .page-title a {
    color: #303A78;
    font-weight: normal;
    margin: 10px 0;
	text-decoration: none;
}

#content article .post-title,
#content article .post-title a {
	font-size: 120%;
}

#content article:nth-child(1) .post-title,
#content article:nth-child(1) .post-title a,
#content article .page-title,
#content article .page-title a {
	font-size: 130%;
}

#content article .kicker,
#content article .kicker a{
    font-weight: normal;
	font-size: 110%;
    color: #AF1D1E;
	text-decoration: none;
	margin-top: 0;
}

#content .read-more {
	color: #AF1D1E;
}

#content article .post-title a:hover,
#content article .kicker a:hover,
#content .read-more:hover {
	color: #777;
}

.home #content article figure img:hover,
.category #content article figure img:hover {
	filter: brightness(1.1);
}

#content article p.date span {
    display: inline-block;
    position: relative;
}

#content article p.date span::before {
    border-top: 1px solid #ccc;
    content: "";
    position: absolute;
    width: 40px;
    top: 50%;
    left: auto;
    right: 100%;
    margin-right: 15px;
}

#content article p.date span::after {
    border-top: 1px solid #ccc;
    content: "";
    position: absolute;
    width: 40px;
    top: 50%;
    left: 100%;
    right: auto;
    margin-left: 15px;
}

.single #content .wp-block-image figcaption,
#content article header figcaption {
    margin-top: .3em;
    margin-bottom: 1.3em;
	padding: 0 6px;
    color: #555;
    text-align: left;
    font-size: 13px;
}

#content article header figcaption {
	padding: 0 20px;
}

.single #content .wp-block-embed-youtube.aligncenter,
.single #content .wp-block-embed-vimeo.aligncenter {
	position: relative;
    padding: 30px 0 56.25%;
    height: 0;
    overflow: hidden;
}

.wp-block-embed__wrapper {
    position: static;
}

.single #content .wp-block-embed-youtube.aligncenter iframe,
.single #content .wp-block-embed-youtube.aligncenter object,
.single #content .wp-block-embed-youtube.aligncenter embed, 
.single #content .wp-block-embed-vimeo.aligncenter iframe,
.single #content .wp-block-embed-vimeo.aligncenter object,
.single #content .wp-block-embed-vimeo.aligncenter embed {
	/*position: absolute;*/
    top: 0;
    left: 20px;
    width: 94%;
    max-height: 100%;
}

.wp-block-embed-youtube iframe {
	width: 100% !important;
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
    padding-top: 56.25%;
}
/*
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {
    content: "";
    display: block;
    padding-top: 50%;
}
*/
#docnavigation {
	width: 100%;
	
}

#docnavigation nav {
	box-shadow: 0 0px 5px 0 rgba(53,69,88,.2);
	padding: 10px;
	overflow: hidden;
}

#docnavigation h2.screen-reader-text {
	display: none;
}

#docnavigation a {
	color: #303A78;
	text-decoration: none;
}

#docnavigation a:hover {
	color: #777;
}

#docnavigation .nav-previous {
	float: right;
	width: 50%;
	text-align: right;
}

#docnavigation .nav-next {
	float: left;
	width: 50%;
}

/* Paginierung mit Nummern */

#docnavigation {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
}

#docnavigation .page-numbers {
	padding: 4px 10px;
}

#docnavigation a {
	border: 1px solid #555;
	text-decoration: none;
	color: #555;
}

#docnavigation a:hover {
	background-color: #000;
	color: #fff;
}

#docnavigation .current {
	font-weight: bold;
}

#docnavigation .prev,
#docnavigation .next {
	background-color: #555;
	color: #fff;
}

#docnavigation .prev:hover,
#docnavigation .next:hover {
	background-color: #000;
	color: #fff;
}

#docnavigation .prev {
	margin-right: 30px;
}

#docnavigation .next {
	margin-left: 30px;
}


/* Paginierung mit Nummern

#docnavigation {
	display: flex;
	justify-content: space-between;
	box-shadow: 0 0px 5px 0 rgba(53,69,88,.2);
	padding: 6px;
	overflow: hidden;
}

#docnavigation {
	
}

body.paged #docnavigation {
	padding-right: 6px;
}

.prev + .page-numbers {
	
}

#docnavigation > * {
	border: 1px solid #555;
	padding: 4px 10px;
}

#docnavigation > a:hover {
	background-color: #555;
	color: #fff;
}

#docnavigation .prev ,
#docnavigation .next,
#docnavigation .dots {
	border: none;
}

#docnavigation .current {
	margin-left: 200px;
	font-weight: bold;
	border: none;
}

.paged #docnavigation .current {
	margin-left: 0;
}

#docnavigation .prev {
	
}

#docnavigation .next {
	
	margin-right: 100px;
}

#docnavigation :last-child {
	margin-right: 200px;
}

#docnavigation a:last-child {
	margin-right: 0;
}
 */

/* Thickbox */

#TB_overlay {
    opacity: 0.8;
}

#TB_window {
	overflow: hidden;
}

#TB_caption {
    padding: 16px 30px 40px 20px;
}

#TB_closeWindowButton {
	right: 20px;
}

#TB_closeWindowButton .screen-reader-text,
#TB_ImageOff .screen-reader-text {
	display: none;
}

#TB_next a,
#TB_prev a {
	color: #002D72;
}


/* + + + + + + SINGLE & PAGE + + + + + + + + */

#content article .page-title {
	font-weight: 400;
	font-size: 170%;
}

.single #content,
.page #content {
	display: block;
}

.single #content article p,
.page #content article p {
	margin: 10px 0;
}

.single #content article h2,
.page #content article h2 {
	margin: 24px 0 10px;
	font-size: 110%;
}

.single #content article ul,
.page #content article ul,
.single #content article ol,
.page #content article ol {
	padding-left: 16px;
}

.single header + p.date {
    text-align: center;
	width: 100%;
	color: #999;
}

.single #content article p.date + p,
.page #content article p.date + p,
.single #content article .shariff + p,
.page #content article .shariff + p {
	font-weight: bold;
}

.single #content article header figure {
    width: calc(100% + 40px);
    margin: 20px -20px;
    float: none;
}

.single #content article header figure img {
	width: 100%;
	height: auto;
}

.single #content article figure.wp-block-image,
.single #content article figure.aligncenter {
    width: 100%;
    margin: 20px 0;
    float: none;
}

.single #content .wp-block-image figcaption {
	padding: 0;
}

.single #content article .alignleft,
.page #content article .alignleft {
	width: auto;
	margin: 12px 4% 0 0;
	float: left;
}

.single #content article .alignright,
.page #content article .alignright {
	width: auto;
	margin: 12px 0 0 4%;
	float: right;
}

.single #content article .is-resized,
.page #content article .is-resized {
	width: auto;
}

.single #content article .wp-block-image,
.page #content article .wp-block-image {
	margin-left: 0;
    margin-right: 0;
}

.single #content article a,
.page #content article a,
#respond a {
	color: #000;
}

.single #content article a:visited,
.page #content article a:visited,
#respond a:visited {
	color: #777;
}

.single #content article a:hover,
.page #content article a:hover,
#respond a:hover {
	color: #002D72;
}

#content article .additionals {
	margin: 40px 0;
}

#content article .additionals::before {
	content: "";
	border-top: 1px solid #ccc;
	display: block;
	width: 100px;
	margin: auto;
	padding-top: 30px;
}

#content article .additionals h2 {
	margin-top: 0;
	color: #002D72;
}

#content article .meinung {
	margin: 50px 0 30px;
	padding: 30px;
	box-shadow: 0 0px 5px 0 rgba(53,69,88,.2);
}

#content article .meinung h2:first-child {
	font: 160% Cabin;
	color: #AF1D1E;
	text-align: center;
	margin-top: 0;
}

#content article .meinung .autor {
	text-align: center;
	margin-bottom: 20px;
}

#content article .meinung .autor span {
	display: inline-block;
	position: relative;
}

#content article .meinung .autor span::before,
#content article .meinung .autor span::after {
    border-top: 1px solid #ccc;
    content: "";
    position: absolute;
    width: 40px;
    top: 50%;
}

#content article .meinung .autor span::before {
	left: auto;
    right: 100%;
    margin-right: 15px;
}

#content article .meinung .autor span::after {
    left: 100%;
    right: auto;
    margin-left: 15px;
}

.ngg-navigation {
	padding-bottom: 10px;
}

.single #content .ngg-navigation .current {
	background: #fff;
	border: 1px solid #888;
	color: #555 !important;
}

.single #content .ngg-navigation .page-numbers {
	background: #ddd;
	border: 1px solid #888;
	color: #555 !important;
}

.single #content .ngg-navigation .page-numbers:hover {
	background: #888;
	color: #fff !important;
}

.single #content .ngg-navigation .next,
.single #content .ngg-navigation .prev {
	color: #888;
}


/* + + + + + + KOMMENTARE + + + + + + + + */

.commentlist .children {
	margin-left: 20px;
}

#comments,
#respond {
    padding: 30px 20px;
    margin: 30px 0;
    box-shadow: 0 0px 5px 0 rgba(53,69,88,.2);
}

#respond {
	margin-top: 0;
}

#comments article {
	box-shadow: none;
}

#kommentarbereich #comments {
	display: none;
}

.single #content #kommentar-titel,
#reply-title {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}

#kommentar-titel {
    display: table;
	margin: auto;
	color: #002D72;
}

#kommentar-titel span {
	display: block;
}

#kommentar-titel span:first-child {
	border-bottom: 1px solid #002D72;
	padding-bottom: 6px;
}

#kommentar-titel span:last-child {
	padding-top: 6px;
}

#comments .comments-anzahl {
	text-align: right;
	margin: 20px 0;
}

#comments .comment-list {
	margin-left: 20px;
}

#comments .edit-link {
	display: none;
}

#comments .children {
	margin-left: 30px;
}

#commentform .logged-in-as a:first-child {
	margin-right: 20px;
}

#commentform .logged-in-as a:last-child {
	margin-left: 20px;
}

#commentform textarea {
	border: 1px solid #ddd;
	width: 100%;
    min-height: 150px;
    outline: none;
    resize: none;
}

#commentform label,
.comment-eingangstext {
	display: block;
	color: #777;
}


#commentform .comment-form-comment {
	margin: 20px 0;
}

form [type=submit],
form [type=reset] {
	background-color: #002D72;
	color: #fff;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	font-size: 1rem;
	margin-top: 20px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

form [type=submit]:hover,
form [type=reset]:hover {
	background-color: #265293;
	cursor: pointer;
}

#commentform [type=submit] {
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
	margin: 20px 0;
}

#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label {
	display: inline-block;
	width: 28%;
}

#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
	border-bottom: 1px solid #ddd;
	width: 70%;
	height: 30px;
}

#respond .comment-form-cookies-consent label {
	display: inline;
	padding-left: 20px;
}

#reply-title small {
	display: block;
	text-align: center;
}

#cancel-comment-reply-link {
	font-size: 1rem;
}

/* + + + + + + BLOGS + + + + + + + + + + */

#cat-title {
	color: #AF1D1E;
	flex: auto;
	text-align: center;
	font-size: 180%;
	margin-bottom: 20px;
}

#content.blogcontent article,
#content.blogcontent article:first-child,
#content.blogcontent article:nth-child(2),
#content.blogcontent article:nth-child(3){
    width: 100%;
	padding: 20px;
}

#content.blogcontent article figure,
#content.blogcontent article:first-child figure,
#content.blogcontent article:nth-child(2) figure,
#content.blogcontent article:nth-child(3) figure {
	/* float: left; */
    margin-right: 20px;
    width: 50%;
	margin-left: -20px;
}

#content article .articletext {
    width: 100%;
}

#content article figure + .articletext {
    width: 48%;
}

#content article .date {
    margin: 10px 0;
}

/* + + + + + + SPEZIELLES	 + + + + + + + + */

.page-id-57 #content .text-verlag {
	float: left;
	margin-right: 50px
}

.page-id-57 #content .logo-verlag {
	margin-top: 20px;
}

.page-id-57 #content .logo-verlag::after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

#suche-header {
	text-align: center;
}

#suche-header .suche-title,
#suche-header .suche-description{
	display: inline-block;
}

#suche-header .suche-title {
	font-size: 1.6rem;
	margin-right: 10px;
}

#suche-header .suche-description {
	font-size: 1.6rem;
	color: #AF1D1E;
}

.search article.type-page p.author {
	display: none;
}

#suche-flags h3.widget-title {
	display: none;
}

/* + + + + + + FORMULARE + + + + + + + + */

input {
	font-family: "PT Sans";
}

#wpcf7-f246-p242-o1,
#wpcf7-f644-p645-o1 {
	margin: 20px 0;
	padding: 30px;
}

#wpcf7-f246-p242-o1 input,
#wpcf7-f246-p242-o1 textarea,
#wpcf7-f644-p645-o1 input,
#wpcf7-f644-p645-o1 textarea {
	border: 1px solid #ccc;
	padding: 10px 6px;
	font: 16px 'PT Sans';
}

#wpcf7-f246-p242-o1 [type=submit],
#wpcf7-f246-p242-o1 [type=reset],
#wpcf7-f644-p645-o1 [type=submit],
#wpcf7-f644-p645-o1 [type=reset] {
	padding: 0;
}

#dokdocblog-user {
	overflow: hidden;
}

#dokdocblog-user p:first-child {
	float: left;
	width: 48%;
}

#dokdocblog-user p:last-child {
	float: right;
	width: 48%;
}

#dokdocblog-user input,
#dokdocblog-user + p input {
	width: 100%;
}

#dokdocblog-artikel {
	margin-top: 20px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	padding: 10px;
}

#dokdocblog-artikel input,
#dokdocblog-artikel textarea {
	width: 100%;
}

#dokdocblog-artikel .acceptance {
	width: auto;
}

#dokdocblog-artikel .bilderupload {
	font-size: 0.8rem;
	margin-bottom: 20px;
	padding: 0 10px;
}

#artikel-schreiben,
#ecrire-un-article {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	max-width: 160px !important;
	margin: auto;
}

#custom_html-3 .heading-title,
#custom_html-2 .heading-title {
	display: none;
}

.nl-container {
	
}

.nl-container h3 {
	text-align: center;
}

.nl-container h2 {
	font-size: 1.2em;
}

.nl-container .links {
	display: none;
}

.nl-container .rechts,
.nl-container .rechts input {
	width: 100%;
}

.nl-container .rechts input {
	padding: 8px 6px !important;
}

.nl-container .rechts input:-moz-placeholder,
.nl-container .rechts input:focus {
    box-shadow:none !important;
}

.nl-container .rechts input:invalid {
    box-shadow: 0 0 1px 1px #fff !important;
}

.nl-container .reihe {
	margin-bottom: 12px;
}

.nl-container .reihe::after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.nl-container input[type=checkbox] {
	margin-right: 10px;
	width: auto;
}

.nl-container button {
	padding: 0 !important;
	background-color: #002D72 !important;
	margin-top: 0 !important;
	display: block !important;
	margin: 0 auto 0 !important;
}

.nl-container button:hover {
	background-color: #265293 !important;
}

#sidebar #custom_html-2 h2,
#sidebar #custom_html-3 h2 {
	font-size: 0.8rem;
	color: green;
}

.page-id-525 #content article .nl-container,
.page-id-536 #content article .nl-container {
	display: none;
}

.page-id-525 .nl-abmelden,
.page-id-536 .nl-abmelden {
	padding-top: 20px;
}

.page-id-525 .nl-abmelden .links,
.page-id-536 .nl-abmelden .links {
	display: inline;
	margin-right: 20px;
}

.page-id-525 .nl-abmelden .rechts,
.page-id-536 .nl-abmelden .rechts {
	display: inline;
}

.page-id-525 .nl-abmelden .rechts input,
.page-id-536 .nl-abmelden .rechts input {
	width: 50%;
}

.page-id-525 .nl-abmelden button,
.page-id-536 .nl-abmelden button {
	padding: 0 !important;
}

.page-id-525 #custom_html-2,
.page-id-536 #custom_html-3 {
	display: none;
}

.page-id-525 #sidebar #dokdoc_rubrik-2,
.page-id-536 #sidebar #dokdoc_rubrik-7 {
	margin-top: 0 !important;
}

.the_buddyforms_form .buddyforms-ecrire-un-article .form-actions button.bf-submit {
	padding: 0 !important;
}

#buddyforms_form_title {
	border: 1px solid #e5e5e5;
}

#buddyforms_form_hero_artikel-schreiben [clss=branding] {
	display: none;
}

#loginform .login-submit + a,
#loginform .login-submit + a + a {display: none;}

#bf_user_name, 
#bf_user_pass {
	border-radius: 2px;
	border: 1px solid rgb(216, 222, 228);
	display: block;
	padding: 8px 6px;
	width: 300px !important;
}

#loginform .login-remember {
	display: none;
}

#buddyforms_form_ecrire-un-article #Category,
#buddyforms_form_artikel-schreiben #Category {
	display: none !important;
}

/* + + + + + + SIDEBAR + + + + + + + + */

#sidebar {
    /* background: SandyBrown; */
    /* width: 300px; */
	width: 26%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#sidebar section {
	margin-bottom: 30px;
	align-items:flex-start;
	border: 1px solid rgba(103, 105, 107,.3);
	box-shadow: 0 0px 20px 3px rgba(53,69,88,.2);
	padding: 20px 10px;
}

.home #sidebar #text-3,
.home #sidebar #text-5 {
	/* "Artikel schreiben"-Kasten auf Startseite entfernen (schmutzige Lösung) */
	display: none !important;
} 

#sidebar .dokdoc_rubrik {
	border: none;
	box-shadow: none;
	padding: 0;
	margin-top: 15px;
}

#sidebar .bilder-box figure {
	margin: -20px -10px -24px;
}

#sidebar section li {
	list-style: none;
}

#sidebar section a {
	color: #002D72;
}

#sidebar section a:hover {
	color: #777;
}

#newsletter {
	padding: 100px 20px;
	box-shadow: 0 0px 5px 0 rgba(53,69,88,.2);
}

#sidebar section h2 {
	margin: 0 0 10px;
	text-align: center;
}

#sidebar .dokdoc_rubrik h2 {
	margin-bottom: 0;
}

#sidebar figure img {
	/*filter: opacity(0.7);*/
	width: 100%;
	height: auto;
}

#sidebar section figure {
	position: relative;
	overflow: hidden;
}

#sidebar section figcaption {
	display: none;
	position: absolute;
	top: 50%;        /* Schrift unten */
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	/*background: rgba(0, 0, 0, 0.7);*/
	color: #fff;
	font-size: 20px;
	text-align: center; 
	font-family: KievitOT;
}

#sidebar #bilder-box-3 figcaption,
#sidebar #bilder-box-5 figcaption { /* Schrift oben */
	top: 0;
}

#sidebar section figcaption span {
	/*display: block;*/
	position: absolute;
	top: 50%;
	width: 100%;
  left: 0;
  transform: translate(0, -50%);
	color: #fff;
	padding: 0 6px;
}

#sidebar #bilder-box-3 figcaption span,
#sidebar #bilder-box-7 figcaption span,
#sidebar #bilder-box-8 figcaption span { /* Schrift schwarz */
	color: #000;
}

#sidebar #bilder-box-6 figcaption span {
	font-family: KievitOT;
}


#sidebar figure a:hover {
	
}

#sidebar .contact-form h3 {
	text-align: center;
	margin-bottom: 10px;
}

#sidebar .contact-form label {
	overflow: hidden;
	display: block;
}

#sidebar .contact-form .formzeile,
#sidebar .contact-form h3 + p {
	margin-bottom: 16px;
}

#sidebar .contact-form .labeltext {
	float: left;
}

#sidebar .contact-form .wpcf7-form-control-wrap {
	float: right;
}

#sidebar .contact-form input {
	width: 200px;
	border: 1px solid #999;
	padding: 8px 6px;
}

#sidebar .contact-form [type="submit"] {
	padding: 0;
	margin-top: 0;
	float: right;
}

/* + + + + + + FOOTER + + + + + + + + */

#colophon {
	/* background: AliceBlue; */ 
	border-top: 1px solid rgba(103, 105, 107,.3);
	box-shadow: 0 -5px 20px 2px rgba(103, 105, 107,.2);
}

#colophon .inner {
    display: flex;  
}

#colophon li {
	list-style: none;
}

#colophon li a {
	color: #002D72;
	text-decoration: none;
}

#colophon li a:hover {
	color: #AF1D1E;
}

#col1,
#col2,
#col3 {
	 flex: auto;
	padding: 100px 20px;
}

#col1 {
	/* background: LightBlue; */
}
#col2 {
	/* background: LightSteelBlue; */
}
#col3 {
	/* background: SkyBlue; */
}

/* + + + + + + COOKIE BANNER + + + + + + + + */

.cc-window {
	border-top: 1px solid rgba(103, 105, 107,.3);
    box-shadow: 0 -5px 20px 2px rgba(103, 105, 107,.2);
}

.cc-dismiss {
	background-color: rgb(247, 175, 175) !important;
	font-size: 14px;
    font-weight: 500;
	text-decoration: none;
}

.cc-allow {
	background-color: rgb(188, 234, 164) !important;
	font-size: 14px;
    font-weight: 500;
	text-decoration: none;
	border-color: transparent !important;
}

.cc-dismiss:hover,
.cc-allow:hover {
	filter: brightness(.8);
	text-decoration: none !important;
}

.cc-link {
	display: none !important;
}

.cc-message span a {
	color: #333;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
border-top: 1px solid #ccc;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
	border-radius: 4px;
	background-color: #002D72 !important; 
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover, 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
	border-radius: 4px;
	background-color: #265293 !important; 
}

#error-page #moove_gdpr_cookie_info_bar,
#error-page #moove_gdpr_cookie_modal {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 60px;
    max-height: 400px;
    color: #fff;
    z-index: 9900;
    background-color: #202020;
    border-top: 1px solid #fff;
    font-family: Nunito,sans-serif;
    transition: bottom .3s cubic-bezier(.17,.04,.03,.94);	
}

/* + + + + + + RESPONSIVE + + + + + + + + */

@media all and (max-width: 72.75rem) { /* 1164px */
	/* body {background: LightGreen;} */
	
	#tophead {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#topmenu li a {
    margin: 0 10px;
	font-size: 14px;
	}
	
	#mainmenu li a {
    margin: 0 10px;
	font-size: 20px;
	}
	
	#contentarea {
		padding: 80px 20px 30px;
	}
	
	.inner {
	max-width: 100%;
}
	
	#docnavigation {
	padding-right: 6px;
		margin-bottom: 30px;
}

.prev + .page-numbers {
	margin-left: 0;
}

}

@media all and (max-width: 61.25rem) { /* 980px */
	/* Content 2-Spalter nebeneinander
	   Content-Spalte breiter, Sidebar schmaler */
	/* body {background: LightBlue;} */
	
	#topmenu,
	#mainmenu,
	flagmenu {
		display: none;
	}
	
	#tophead {
	}
	
	#tophead .inner {
		overflow: hidden;
}
	
	#menuarea {
    	display: block;
}
	
	#logo {
    float: left;
}
	
	#togglemenu {
		display: block;
		justify-content: flex-start !important;
		margin: -30px -20px 0 0;
	}
	
	#togglemenu .inner {
		align-items: flex-end !important;
		flex-direction: column !important;
		overflow: hidden;
		margin: 0;
		padding: 20px 30px 0 0;
		z-index: 10;
	}
	
	#flaggen {
		margin-bottom: 20px;
	}
	
	#togglemenu,
	#mobile-menu {
		/*display: flex !important;
		flex-direction: column !important;
		align-items: flex-end !important;*/
		display: block !important;
	}
	
	#togglemenu .outerhamburger {
		width: 80px;
		padding: 20px 30px 10px 0;
	}
	
	label.hamburg { 
   display: block;
   background: #fff; width: 75px; height: 50px; 
   position: relative; 
   border-radius: 6px; 
}

input#hamburg {display:none}
	
	.line { 
   position: absolute; 
   left:10px;
   height: 6px; width: 55px; 
   background: #555; border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-12px) rotate(45deg);
}
	
	#togglemenu img {
		width: 100%;
		height: auto;
	}
	
	#mobile-menu {
		height: auto; 
    max-height:0; 
    overflow: hidden; 
		padding: 0;
		margin-right: -30px;
		position: absolute;
		width: 100%;
		top: 259px;
		right: 30px;
		z-index: 100;
		width: 100%;
		display: flex;
		align-content: flex-end !important;
		background: #555;
		transition: all ease 1.5s;
	}
	
	#hamburg:checked + .hamburg  + #mobile-menu { 
		max-height: 1000px;
}
	
	#mobile-menu li {
		padding: 10px 30px 10px 30px;
		width: 100%;
		text-align: right;
		border-bottom: 1px solid #fff;
	}
	
	#mobile-menu li.current-menu-item {
		background: #999;
	}
	
	#mobile-menu li:last-child {
		border-bottom: none;
	}
	
	#mobile-menu li a {
		color: #fff;
		font-size: 1.2rem;
		text-decoration: none;
		display: block;
	}
	
	#togglemenu #flaggen ul {
		display: flex;
		flex-direction: column !important;
	}
	
	#togglemenu #flaggen .wpml-ls-flag {
    width: 50px;
    height: 32px;
}
	
	#topmenu,
	#flagmenu,
	#mainmenu {
		display: none !important;
	}
	
	#content {
		width: 64%;
	}
	
	#sidebar {
		width: 30%;
	}
}

@media all and (max-width: 49.375rem) { /* 790px */
	
	#contentarea .inner {
		flex-direction: column;
		justify-content: flex-start;
	}
	
	#content {
		width: 100%;
	}
	
	#sidebar {
		width: 100%;
	}
	
	#sidebar section {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#sidebar figure img {
    	width: 100%;
		height: auto;
	}
	
	#content article:nth-child(2),
	#content article:nth-child(3) {
    	float: none;
		width: 100%;
    	padding: 20px;
}
.home #content article:nth-child(3), 
	.category #content article:nth-child(3),
	.home #content article:nth-child(2), 
	.category #content article:nth-child(2) {
		float: none;
		width: 100%;
	}
	#content article figure,
	#content article:nth-child(2) figure,
	#content article:nth-child(3) figure{
    width: calc(100% + 40px);
    margin: 20px -20px;
    
}

	#content article:nth-child(2) .date,
	#content article:nth-child(3) .date {
    margin: 10px 0;
}
		#content article p.date span::before,
	#content article p.date span::after {
		border: none;
	}
	
	#colophon .inner {
    flex-direction: column;
	justify-content: flex-start; 
		padding: 30px 0;
		background: #555;
}
	#col1, #col2, #col3 {
    flex: auto;
    padding: 0 20px;
}
	
		#colophon .inner li {
		padding: 10px 30px 10px 30px;
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	
	#colophon .inner li a {
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none;
    display: block;
}
}

@media all and (max-width: 37.500rem) { /* 600px */
	#docnavigation .prev {
		margin-right: 0;
	}

		#docnavigation .next {
			margin-left: 0;
	}
}

@media all and (max-width: 540px) { 
	.home #content article.blogview figure, 
	.category #content article.blogview figure,
	#content article figure + .articletext {
    width: 100%;
	}
	.home #content article.blogview figure, 
	.category #content article.blogview figure {
		width: calc(100% + 40px);
   	 	margin: 10px -20px;
	}
}

@media all and (max-width: 460px) { 
#logo {
    max-width: 200px;
}
	
	#mobile-menu {
		top: 200px;
	}
	
#bf_user_name, 
#bf_user_pass {
	width: 100% !important;
}
}

@media all and (max-width: 350px) { 
	#tophead {
		height: 200px;
	}
	#logo {
    max-width: 120px;
}
}