/*
Theme Name: Mixed Refresh Theme
Author: Leon Wollmer (Design), Sebastian Seypt (Programmierung)
Description: Ein vollständig responsives, SEO-freundliches, barrierefreies WordPress Theme.
Version: 1.9
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0 or higher
Text Domain: mixed
*/

/* rajdhani-700 - latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    src: url('/resources/webfonts/rajdhani/700/font_mxd_rajdhani_v10_latin_700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/resources/webfonts/rajdhani/700/font_mxd_rajdhani_v10_latin_700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/resources/webfonts/rajdhani/700/font_mxd_rajdhani_v10_latin_700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/resources/webfonts/rajdhani/700/font_mxd_rajdhani_v10_latin_700.woff') format('woff'), /* Modern Browsers */
         url('/resources/webfonts/rajdhani/700/font_mxd_rajdhani_v10_latin_700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/resources/webfonts/rajdhani/700/font_mxd_rajdhani_v10_latin_700.svg#Rajdhani') format('svg'); /* Legacy iOS */
  }

  :root {
    --main-bg-color: #fff;
    --container-bg-color: #fff;
    --desktop-max-width: 1200px;
    --header: black;
    --primary-text-color: #2c2c2c;
    --modul-text-color: black;
    --footer-header-color: black;
    --footer-link-color: black;
    --textarea-focus: black;
    --ad-bg-color: #f7f7f7;
  }
  :root.dark-mode {
    --main-bg-color: #202020;
    --container-bg-color: #202020;
    --header: #e6e6e6;
    --primary-text-color: #c1c1c1;
    --modul-text-color: #c1c1c1;
    --footer-header-color: #e6e6e6;
    --footer-link-color: #e6e6e6;
    --textarea-focus: #e6e6e6;
    --ad-bg-color: #1b1b1b;
  }

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:"“" "”" "‘" "’"}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;}
a, li, button, img, :hover{-webkit-tap-highlight-color:transparent;transition:all 0.3s ease}

/* body{font-family:'Rajdhani',sans-serif;font-size:16px;color:#767676;line-height:normal;word-wrap:break-word;background:#222} */
body{font-family:'Rajdhani',sans-serif;font-size:16px;color:var(--primary-text-color);line-height:normal;word-wrap:break-word;background:var(--main-bg-color)}

h1, h2, h3, h4, h5, h6{font-family:'Rajdhani';font-weight:bold;margin-bottom:30px;color:var(--header)}
h2, h3, h4, h5, h6{margin-top:40px;}
h1{font-size:35px;}
.single-page h1 {margin-bottom:10px}
h2{font-size:30px;}.home h2{line-height: 28px;}
/* .single-page h2{ line-height: 28px;} */
h3{font-size:25px}
h4{font-size:25px ;margin-bottom:20px}
h5{font-size:18px}
h6{font-size:16px}
p{margin:30px 0;}
.page #content p, .single-post #content p{font-family: Helvetica, sans-serif; font-weight: 400; font-size:20px;line-height:160%}
* p:last-of-type, #sidebar .widget-container:last-child{margin-bottom:0}
a{color:#E62256; text-decoration:none}
/* a:hover, a:focus{color: #f0a3b0;} */
a:hover{color: #f0a3b0;}
body:not(.dark-mode) #content.single-page .entry-content :not(.featured) a:hover, a:focus{color: #E62256; opacity: 0.6;}
#content a[target="_blank"]:after {content: url(/resources/icons/icon_mxd_external_link.svg);background-size: 15px 15px;top:5px;display: inline-block;width: 15px; height: 15px; margin-left: 5px;opacity: inherit;}
#content .datenschutz a[target="_blank"]:after, #content .aawp a[target="_blank"]:after{content: ""}
strong{font-weight: bold;}
table strong{font-weight: 700}
em{font-style:italic}
pre{overflow-x:auto;white-space:pre-wrap}
pre, code{font-family:'courier new',courier,serif}
hr{height:1px;border:0;margin:30px 0;background:#ccc}
/* figcaption{font-size: 15px;font-family: Helvetica, sans-serif;color: #7f7f7f;} */
blockquote{position: relative;padding-left:15px;border-left:2px solid #e62154;margin:30px 0;}
blockquote p:first-of-type{margin-top:0}
.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol{font-family: Helvetica,sans-serif;font-size: 20px;margin:20px 0;}
.entry-content ul ul, .widget-container ul ul, .comment-body ul ul, .entry-content ol ol, .widget-container ol ol, .comment-body ol ol{margin-top:0;margin-bottom:0}
.entry-content ol, .widget-container ol, .comment-body ol{list-style:decimal outside;list-style-type:decimal-leading-zero;margin-left:35px}
/* .entry-content ul li:before, .widget-container ul li:before, .comment-body ul li:before{position:absolute;margin-left:-20px;content:'— '} */
.entry-content ul li{display:table;}
.entry-content ul li:before {display:table-cell; content:'\2011 '; color:#e62154; font-size: 1.3em;padding-right: 10px;}
.entry-content nav ul li:before {content:'';}
.entry-content li, .widget-container li, .comment-body li{line-height:160%; max-width: 760px;}
input, textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;padding:15px;border:0;border-bottom:1px solid transparent;outline:0;margin-top:10px;background:#f6f6f6}
/* input:focus, textarea:focus{border-bottom:1px solid #007acc} */
input:focus, textarea:focus{border-bottom:2px solid var(--textarea-focus)}
input[type="submit"], button, .button{font-family: Rajdhani, sans-serif;display:inline-block;font-size:16px;color:#fff;text-align:center;text-decoration:none;padding:5px 0;border:0;background:#e1154c;cursor:pointer}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, .button:hover{background: #f0a3b0; color: #fff}
button a, .button{color: #fff; padding: 5px 10px}
button a:hover, .button:hover{color: #fff}
a img, input[type="image"], iframe{border:0}
/* a img:hover, a:focus img{opacity:0.8} */
a img:hover {opacity:0.8}
/* img, video, audio, table, select, textarea{max-width:100% !important;height:auto} */
img, video, audio, table, select, textarea{max-width:100%;height:auto}
table{width: 100% !important;margin:30px 0; overflow-x:auto; height: 100% !important;}

#wrapper{display:flex;flex-direction:column;max-width:var(--desktop-max-width);min-height:100vh;margin:0 auto}
#header{background: #28001c;}
/* #container, #footer{padding:5%} */
/* #container, #footer{padding:40px} */
/* #logo {width: 170px} */
#container{flex:1;background:var(--container-bg-color)}
#content{width:75%;padding-right:40px;float:left}
#sidebar{width:25%;float:right}
#footer{clear:both; background: var(--container-bg-color);}

/* #menu {text-transform: uppercase; height: 40px;}
#menu ul{font-size:0}
#menu ul, #menu li, #menu a{position:relative;display:inline;list-style:none;margin:0;padding:0;transition:unset}
#menu li.menu-item-has-children > a:after, #menu li.page_item_has_children > a:after{font-family:serif;content:' ▾'}
#menu a{display:inline-block;font-size:17px;color:#a999a4;text-align:right;text-decoration:none;padding:10px;margin-top:-1px;margin-right:5px}
#menu ul li:first-of-type a{padding-left: 0}
#menu a:hover, #menu a:focus{color:#f0a3b0;text-decoration:none;}
#menu ul.sub-menu, #menu ul.children{position:absolute;display:block;top:100%;left:-9999px;margin-top:20px;z-index:1000}
#menu ul.sub-menu a, #menu ul.children a{width:200px;font-size:14px;color:#333;text-align:left;line-height:20px;padding:15px;border:1px solid #eee;background:#fff}
#menu ul.sub-menu a:hover, #menu ul.sub-menu a:focus, #menu ul.children a:hover, #menu ul.children a:focus{color:#767676;background:#f7f7f7}
#menu li.menu-item-has-children a:hover + ul.sub-menu, #menu li.menu-item-has-children a:focus + ul.sub-menu, #menu li.menu-item-has-children a + ul.sub-menu:hover, #menu li.menu-item-has-children a + ul.sub-menu:focus-within, #menu li.page_item_has_children a:hover + ul.children, #menu li.page_item_has_children a:focus + ul.children, #menu li.page_item_has_children a + ul.children:hover, #menu li.page_item_has_children a + ul.children:focus-within{left:0}
#menu .menu-toggle{display:none;color:#fff;text-align:center;padding:0;border:0;margin:0;background:none;transition:unset}
#menu .menu-toggle:hover, #menu .menu-toggle:focus{color:#007acc}
#menu .menu-icon{font-size:60px}
#menu div:first-of-type{margin-left: 40px;} */

/* #s{display:inline-block;padding:5px 5px;width: calc(100% - 110px); margin: 30px 10px 30px 0;color:#e62154;border: 1px solid #e62154}
#searchsubmit{position:relative;padding: 6px 10px;top: -2px;} */

/* #search{float:right; padding-top: 10px; padding-right: 20px;}
#search .search-field{width:36px;height:36px;color:transparent;padding:10px;border-color:transparent;margin-top:0;background-color:transparent;background-image:url(images/find-light.png);cursor:pointer}
#search .search-field:focus{width:200px;color:#fff;border-color:#007acc;cursor:text} */
.widget-container .search-field{width:100%}
.error404 .entry-content .search-field, .search .entry-content .search-field{width:200px;margin-top:30px}
.error404 .entry-content .search-field, .search .entry-content .search-field, .widget-container .search-field{background-color:#f6f6f6}
/* .search-field{background:url(images/find.png) no-repeat 98% center / 24px auto} */

#site-title h1, #site-title a{display:inline;font-size:40px;font-weight:normal;color:#fff;text-decoration:none;margin-bottom:0}
#site-description, #copyright, #copyright a{color:#8a8a8a}
.single h1.entry-title a{color:#767676;text-decoration:none}
h2.entry-title, h3.widget-title{margin-top:0}
#commentform label{display:block}
#commentform #comment{width:100%;max-width:400px !important;height:auto}
#comments .comment-author{line-height:14px}
#comments .comment-author img{margin-right:5px;float:left}
#comments .comment{margin:20px 10px}
#comments .comment-body{padding:15px}
#comments .odd > .comment-body{background:#f6f6f6}
#comments .comment-body > p{font-size:16px;margin:15px 0 0}
#copyright{text-align:center}
.entry-meta, .entry-footer, .archive-meta{margin:30px 0}
.entry-content .entry-meta {margin:0 0 30px}
.entry-footer{clear:both}
.entry-meta, .entry-meta a, .entry-footer, .entry-footer a, .comment-meta, .comment-meta a, .comment-author, .comment-author a{font-size:15px;color:#767676}

.sticky{padding-bottom:60px;border-bottom:4px solid #ccc}
/* .bypostauthor{} */
/* .post{margin-bottom:30px} */
article{margin-bottom:25px}
.widget-container, .search article{margin-bottom:40px}
/* .post:last-of-type{margin-bottom:0} */
/* .wp-caption{width:auto !important} */
.wp-caption{max-width:100% !important}
/* .wp-caption.aligncenter, .wp-caption-text, .gallery-caption{text-align:center} */
.wp-caption.aligncenter, .wp-caption.alignnone{margin: 0 auto;width: 100% !important;text-align: center;}
.wp-caption.aligncenter img, .wp-caption.alignnone img{display: block; margin: 0 auto}
.wp-caption-text{max-width: 100%;}
.wp-block-image .alignleft{float:none; margin-left: 0px; margin-right: 0px;}
/* .alignleft{margin:0 30px 30px 0;float:left}
.alignright{margin:0 0 30px 30px;float:right}
.aligncenter{display:block;margin:30px auto;clear:both} */
/* .wp-post-image{display:block;margin-bottom:30px} */
img.aligncenter, figure img{display: block;margin-left: auto; margin-right: auto}
.entry-attachment img{display:block;margin:60px auto 30px}
.attachment .entry-caption{text-align:center}
.nav-links{margin-top:30px}
.nav-links a, #nav-above a{text-decoration:none}
#nav-above a{display:block;font-family:tahoma,sans-serif;font-size:50px;color:#767676;line-height:0;margin:30px 0 15px}
.nav-previous{text-align:left;float:left}
.nav-next{text-align:right;float:right}

.note{display:block;font-size:14px;padding:20px;margin:30px 0}

/* .blue, .blue *, .blue-dark, .blue-dark *, .green, .green *, .green-dark, .green-dark *, .orange, .orange *, .purple, .purple *, .red, .red *, .black, .black *{color:#fff}
.white, .white *, .yellow, .yellow *{color:#000}
.white{background-color:#fff !important}
.blue{background-color:#007acc !important}
.blue-dark{background-color:#1c78b5 !important}
.green{background-color:#91da29 !important}
.green-dark{background-color:#5d8c1a !important}
.orange{background-color:#f98733 !important}
.purple{background-color:#bb6cf8 !important}
.red{background-color:#ef645d !important}
.yellow{background-color:#f8f658 !important}
.black{background-color:#4a4a45 !important}
.lighter{background-color:rgba(255,255,255,0.05)}
.darker{background-color:rgba(0,0,0,0.05)} */

/* .box, .box-2, .box-3, .box-4, .box-5, .box-6, .box-1-3, .box-2-3{display:inline-block;width:100%;padding:5%;vertical-align:top;float:left} */
.box, .box-2, .box-3, .box-4, .box-5, .box-6, .box-1-3, .box-2-3{display:inline-block;width:100%;padding:5%;vertical-align:top;}
.box-2{width:50%}
.box-3, .box-1-3{width:33.3333333%}
.box-4{width:25%}
.box-5{width:20%}
.box-6{width:16.6666667%}
.box-2-3{width:66.6666666%}

.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.clear{clear:both}
.clear-left{clear:left}
.clear-right{clear:right}
.clear-float:after, #header:after, #container:after, .boxes:after{display:table;content:'';clear:both}
.offset{padding-top:100px;margin-top:-100px}


iframe{clear: both;}

#content .alert{
  margin: 30px 0;
}
#content .alert :first-child, #content .quest :first-child, #content {
  margin-top: 0;
}
#content .alert > :last-child, #content .alert .mixed-update-description > :last-child{
  margin-bottom: 0;
}

#content .alert, #content .quest{background-image:none;padding: 20px 50px; font-family:Helvetica, sans-serif; font-size: 20px;}
/* #content .alert-bg li {color:#fff;font-family:Helvetica, sans-serif;}
#content .alert-bg a {color:#fff; border-bottom: 2px solid #fff;font-family:Helvetica, sans-serif}
#content .alert-bg strong {color:#fff;}
#content .alert-bg h3:not(.article-title) {color:#fff;}
#content .alert-bg ul li::before {color:#fff;} */

#content .bg-blue, #content .quest{color: #004085;background-color: #cce5ff;border:solid 1px #b8daff;}
#content .bg-green, #content .alert-success{background-color:#d4edda; color: #155724; border:solid 1px #c3e6cb;}
#content .bg-magenta{background-color:#e62154; color: #fff}
#content .bg-magenta a{color: #fff; text-decoration: underline;}
#content .bg-magenta a[target="_blank"]:after {content: url(/resources/icons/icon_mxd_external_link_white.svg)}
#content .bg-magenta a:hover{color: #fff !important; opacity: 1;}
#content .bg-red, #content .alert-danger{color: #721c24;background-color: #f8d7da;border:solid 1px #f5c6cb;}
#content .border-magenta{border:solid 2px #e62154;}


:root.dark-mode #content .bg-green h2, :root.dark-mode #content .bg-green h3, :root.dark-mode #content .bg-green h4, :root.dark-mode #content .bg-red h2, :root.dark-mode #content .bg-red h3, :root.dark-mode #content .bg-red h4{color: black;}

.alert-success :first-child, #content .alert-danger :first-child{
  margin-top: 20px;
}

#content .alert-danger, #content .alert-success {margin-bottom: 30px;}
div[class^="alert"] h2, div[class^="alert"] h3, div[class^="alert"] h4, div[class^="alert"] h5, div[class^="alert"] h6{color:inherit; margin-bottom: 20px;}

/* #content .alert-green {background-image:none;background-color:green;border: none;border-radius:0px;padding:10px 40px 10px 40px; font-family:Helvetica, sans-serif; color:#fff; font-size: 20px;}
#content .alert-green h3:not(.article-title) {color:#fff;}
#content .alert-green ul li::before {color:#fff;}
#content .alert-green li {color:#fff;}
#content .alert-green a {color:#fff !important; border-bottom: 2px solid #fff;font-family:Helvetica, sans-serif;}
#content .alert-green strong {color:#fff;} */

/* #content .alert-danger, #content .alert-success {background-image:none;border: 2px solid #e62154;padding:10px 40px 10px 40px;margin-bottom: 30px;} */
/* #content .alert-magenta h3:not(.article-title), #content .alert-danger h3:not(.article-title), #content .alert-sucsess h3:not(.article-title) {color:#fff;} */
/* #content .alert-magenta ul li::before, #content .alert-danger ul li::before, #content .alert-success ul li::before {color:#fff;} */
/* #content .alert-magenta li ,#content .alert-danger li, #content .alert-success li {color:#fff;} */
/* #content .alert-magenta a, #content .alert-danger a, #content .alert-success a {color:#fff !important; border-bottom: 2px solid #fff;font-family:Helvetica, sans-serif;} */
/* #content .alert-magenta strong, #content .alert-danger strong, #content .alert-success strong {color:#fff;} */

/* .wp-video {margin: 40px 0 0} */
.wp-video {margin: 40px auto 0 auto}
.video-block{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 40px 0}
.video-block iframe, .video-block object, .video-block embed, .video-block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media(max-width:1024px){.box-5, .box-6{width:25%}.boxes .box-5:nth-child(5){width:100%}.boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6){width:50%}#content, #sidebar{width:100%;padding:0}}
/* @media(min-width:769px){#logo-container{display:block;height:35px;margin-bottom:10px}} */
@media(max-width:768px){h1{line-height: 38px} h2, h3, h4, h5, h6{line-height: 34px} #content .alert{padding: 10px 20px} .page #content p, .single-post #content p, .entry-content li, .widget-container li, .comment-body li{line-height: 150%;} #container, #footer{padding:25px} #searchform div:first-of-type{margin: 0;} #s{margin: 0 10px 30px 0;} #footer{text-align:center}#branding, #search{float:none; padding-top: 0;padding-right: 0;}#search .search-field{width:100%;color:#fff;border-color:#8a8a8a;cursor:text}#search .search-field:focus{width:100%} table{display:block}}
@media(max-width:767px){.single .nav-links .nav-previous, .single .nav-links .nav-next{float:none}.box-3{width:50%}.boxes .box-3:nth-child(3){width:100%}}
/* @media(max-width:480px){#header, #container, #footer{padding:10%}.wp-caption, input, textarea, .button{width:100% !important}input[type="checkbox"], input[type="radio"]{width:auto !important}.box-2, .box-3, .box-4, .box-5, .box-6, .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6), .box-2-3, .box-1-3{width:100%}} */
@media print{*{color:#000 !important;background:#fff !important}body{padding:50px !important;margin:0 !important}#content{display:block !important;padding:0 !important;margin:0 !important}#header, #sidebar, #footer, #comments, .entry-footer, .navigation, .share, .video-wrap, iframe, img{display:none !important}}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
/* .search-submit{display:none !important} */