/*
Theme Name: RDTS - Responsive Blocks für Netzversteher
Author: rdts AG fs
Author URI: http://www.rdts.de
Description: Unser Theme 2.0: responsiv, flexibel, Gutenberg-kompatibel
Version: 2.0
Text Domain: rdts-responsive
Domain Path: /languages/
*/

/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/exo-2-v20-latin-700italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* libre-baskerville-regular - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-regular.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}

/* libre-baskerville-italic - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-italic.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}

/* libre-baskerville-700 - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://netzversteher.de/wp-content/themes/rdts-responsive-blocks-netzversteher/font/libre-baskerville-v14-latin-700.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}

/* Farben
grün #a2c121
grün rgba(162,193,33,.35)
*/

/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, html {font-family: 'Libre Baskerville', serif;font-size: 16px;hyphens: auto;outline-color: #a2c121;width: 100%;height: 100%;color: #000;background: #fff;line-height: 1.9;}

a, a:hover, a:focus, a:active {outline-color: #a2c121;color: inherit;text-decoration: none;}
button {outline-color: #a2c121;}

.hide, .hidden {display: none;}
.endfloat {float: none;} 
.img-responsive, img {display: block;max-width: 100%;height: auto;}

div, span, img, a, ul, li, h1, h2, h3, h4, h5, nav {position: relative;}

.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {margin: auto;}
.alignvertical, .center_vertikal {
position: relative;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);       
transform: translateY(-50%);}

.alignvertical img {margin: 0;}
.alignbottom {position: absolute;bottom: 0;}

iframe {max-width: 100%;max-height: 100%;}
.has-2-columns .embed-container iframe {max-height: 280px;}

ul, ol {list-style-position: outside;margin-bottom: 1em;}
ol {margin-left: 1em;}
header ul, header ol {list-style-type: none;}

.flex {display: flex;}
.flex-item-25 {width: 25%;}
.flex-item-50 {width: 50%;}

.green {color: #a2c121;}
.bg-green {background-color: #a2c121;}

/* MARGIN BOTTOM */

h1, h2, h3, h4 {margin-bottom: 16px;}
.akkordeon, .tabs, .eyecatcher, .volltext, .standard_image {margin-bottom: 20px;} 

/* BLOCK STYLES */

.wp-block-column {padding: 0 15px;}
.wp-block-column:first-child {padding-right: 15px;padding-left: 0;}
.wp-block-column:last-child {padding-right: 0;padding-left: 15px;}
.wp-block-columns.has-4-columns .wp-block-column:not(:first-child) {margin: 0;}

#wrapper {max-width: 100vw;overflow: hidden;}

button.nostylebutton {width: 100%;display: block;position: relative;background: none;padding: 0;margin: 0;color: inherit;border: none;font: inherit;cursor: pointer;}
a.buttonlink {display: inline-block;padding: 10px 20px;border: 1px solid #000;margin: auto;text-align: center;position: relative;}

h1, h2, h3, h4, #menu {color: inherit;font-family: 'Exo 2',sans-serif;}
h1, h1.entry-title {font-size: 32px;}
h2 {font-size: 28px;font-weight: bold;}
h3, h4 {font-size: 22px;}
h4 {font-weight: normal;}

.textlogo {color: #888;font-family: 'Exo 2', sans-serif;}
.logosize {font-size: 32px;font-weight: bold;}
.tagline {font-style: italic;font-family: 'Libre Baskerville', serif;font-size: 15px;padding-left: 140px;top: -6px;}
.logolink {display: block;max-width: calc(100% - 80px);margin-left: -2px;}
.signet{display: inline-block;width: 32px;height: 32px;line-height: .7;text-align: center;background-color: #a2c121;border-radius: 25px;color: #fff;position: relative;bottom: 23px;font-weight: bold;font-size: 32px;left: 10px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
transition: all 0.7s ease;}
.burger-outer {cursor: pointer;width: 40px;height: 30px;border-top: 4px solid #a2c121;border-bottom: 4px solid #a2c121;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.burger-outer.active {transform: translateY(-50%) rotate(45deg);top: calc(50% - 9px);right: -12px;border-top: none;}
.burger-inner {height: 4px;width: 60px;background: #a2c121;margin: 9px 0 0 -20px;}
.active .burger-inner {width: 40px;transform: rotate(90deg);margin: 25px 0px 0px 0px;}

.aktuellster_beitrag {line-height: 1.8;}
.aktuellster_beitrag img {max-width: 100%;margin: auto;}
.a_wrapper {height: 105px;overflow: hidden;}

.kopfbilder {margin-bottom: 66px;margin-top: 45px;overflow: hidden;}
.kopfbilder, .kopfbild {height: 300px;width: 100vw;}
.kopfbild {background-repeat: no-repeat;background-size: cover;background-position: top center;}
.kopfbild-text {color: #fff;top: 50%;transform: translateY(-50%);max-width: 60%;margin: auto;}
.kopfbild-text h2 {font-style: italic;font-family: 'Libre Baskerville', serif;}
.kopfbild-text.dunkel {color: #000;}
.kopfbild-text.gruen {color: #a2c121;}

.datum {color: #888;font-size: 14px;margin-top: 8px;}

#main-container ul, #main-container ol {margin-left: 1em;}

.akkordeon .collapsible {margin-bottom: 2px;}
.akkordeon .collapsible .openclose {width: 20px;height:20px;background-size: 20px 20px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block;background-image: url('images/icons/plus.png');background-color: #a2c121;border-radius: 40px;}
.akkordeon .collapsible.active .openclose {background-image: url('images/icons/minus.png');}
.akkordeon .collapse_head {font-size: 18px;color: #a2c121;background: #fff;padding: 10px 0 10px 40px;text-align: left;}
.akkordeon .collapse_head:hover, .akkordeon .collapse_head:focus, .akkordeon .collapse_head:active {outline: none;}
.akkordeon .collapse_content {background: #fff;padding: 20px 40px;}
.akkordeon .collapse_content p {margin: 0;}

.tabs {overflow: auto;} 
.tabs .tab_head.nostylebutton {display: inline-block;width: auto;padding: 10px;font-size: 13px;}
.tab_head.nostylebutton.active, .tab_head.nostylebutton:hover {/*background: #a2c121;*/font-weight: bold;border-bottom: 2px solid #a2c121;}
.tabs .contents {/*background: rgba(162,193,33,.35);*/}
.tabs .tab_head {/*background: rgba(162,193,33,.35);*/margin-bottom: 4px;}
.tabs .contents p {margin: 0;}
.tabs .tab_content {padding: 0 30px 30px 30px;}
.tabs .tab_content {display: none;}
.tabs .tab_content.active {display: block;}
.tabs.left .headings {width: 20%;float: left;}
.tabs.left .contents {width: 80%;float: right;}
.tabs.left .tab_head.nostylebutton {display: block;width: 100%;text-align: left;}
.tabs.right .headings {width: 20%;float: right;}
.tabs.right .contents {width: 80%;float: left;}
.tabs.right .tab_head.nostylebutton {display: block;width: 100%;text-align: right;}

.eyecatcher {background: #fff;overflow: auto;}
.eye_bild {background-repeat: no-repeat;background-size: cover;background-position: center center;}
.eye_bild, .eye_bild.top, .eye_bild.bottom {width: 100%; height: 200px;}
.eye_bild.left {width: 25%;max-height: 100%;float: left;margin-right: 20px;}
.eye_bild.right {width: 25%;max-height: 100%;float: right;margin-left: 20px;}
.eye_content {padding: 20px;}
.eye_content p {margin: 0;}
.left .eye_content {padding-left: calc(25% + 20px);}
.right .eye_content {padding-right: calc(25% + 20px);}
.eyecatcher .button_wrapper {padding: 20px 0;text-align: center;}

.standard_image .figcaption, .wp-caption {font-size: .85em;}
.quelle {color: #535353;font-size: 11px;font-style: italic;float: right;}

.rdts-galerie {column-count: 4;column-gap: 5px;column-width: 25%;}
.rdts-galerie img {margin-bottom: 5px;}

.rdts-slider img {max-height: 300px;} 
.slick-arrow:before, .slick-dots li.slick-active button:before {}

.glossarleiste {font-size: 16px;background: #a2c121;text-align: center;color: #fff;padding: 15px;margin-bottom: 55px;}
.glossarleiste a {color: #fff;font-family: 'Exo 2', sans-serif;}
.archive.tax-glossarkat article.glossar {border: 2px solid #a2c121;padding: 30px;margin-bottom: 20px;}

.intro, .single .post .entry-content, .single .post .header, .blog .entry-content, .blog .header, .blog-einleitung {width: 730px;max-width: 80vw;margin: auto;}

.embed-container {text-align: center;}

.blog .entry-content {margin-bottom: 30px;}
.blog article img {top: 0;margin-bottom: 10px;margin-top: 6px;}
.single .datum {text-align: center;margin: 0;margin-bottom: 30px;}
.single .wp-caption.alignright {float: none !important;}
.single #content .post .singleimg {float: left;margin: 8px 20px 15px -200px;max-width: 30vw;} 
.single #content .post .entry-title, .blog #content .entry-title {color: #a2c121;font-weight: normal;text-align: center;line-height: 1.4;margin-bottom: 1em;}
.vortraege .entry-title {color: #a2c121;font-weight: normal;}

.nav-more {text-align: center;font-weight: bold;font-family: 'Exo 2',sans-serif;}
.nav-more a + a:before {content: '|';padding: 0 20px;font-weight: normal;color: #a2c121;}

.vortraege .entry-content {margin-bottom: 50px;}
.vortraege strong, .vortraege b {color: #a2c121;}
.vortraege .counter {margin-left: -60px;margin-bottom: -10px;background: #a2c121;color: #fff;font-weight: normal;display: inline-block;text-align: center;width: 40px;height:40px;border-radius: 40px;}
.counter p {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.vortraege .entry-title .fa-bookmark {margin-right: 14px;}
.vortraege .shortinfo {color: #a2c121;margin-top: -1em;font-weight: normal;}
.vortraege .shortinfo .fa-clock {margin-right: 10px;}
.vortraege .shortinfo .fa-euro-sign {margin-right: 13px;margin-left: 5px;}
#vortrag_1 {margin-top: 60px;}

.ma_iconbox {margin-bottom: 40px;}
.ma_iconbox h2 {text-align: center;font-weight: bold;}
.ma_iconbox .inhalt {color: #000;font-size: 13px;}
.ma_iconbox .circle_icon {
    color: #a2c121;display: block;margin: auto;text-align: center;
    font-size: 60px;
    line-height: 0.1;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.textlogo a:hover .signet, .ma_iconbox:hover .circle_icon {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

form p {margin: 4px;}
input, select, textarea {border: none;border: 1px solid #a2c121;background: #fff;padding: 10px;margin-bottom: 10px;width: 100%;}
input[type="checkbox"] {width: auto;margin: 0;}
div.wpcf7 .wpcf7-submit {cursor: pointer;margin-top: 20px;}
div.wpcf7-mail-sent-ok {border: 2px solid #a2c121;}

/* BASICS */

#header-container, #main-container, #posts-container, #footer-container {width: 900px;max-width: 90vw;margin: auto;padding: 20px 0;}
#footer-container {padding: 20px 0 60px 0;}
#header {margin-bottom: 120px;}

#main-container a {color: #a2c121;}

#menu {display: none;z-index: 999;font-size: 22px;width: 100%;text-align: right;padding: 0 10px;background: #fff;position: absolute;right: 0;top: 110px;}
#menu-menu {margin-top: 40px;text-align: center;color: #888;}
#menu .menu-item {display: inline-block;padding: 6px 12px;text-align: right;}
#menu .menu-item-has-children {cursor: pointer;}
#menu .menu-item-has-children > a {pointer-events: none;}
#menu .menu-item:hover, #menu .menu-item:focus, #menu .menu-item:active, #menu .menu-item.current_page_item {color: #a2c121;}
#menu .sub-menu {display: none;z-index: 999;background: rgba(162,193,33,.35);width: max-content;position: absolute;top: 2em;left: 0;}
#menu .sub-menu .menu-item {display: block;margin: 0 !important;z-index: 99;}

/* zahlen in default schriftart sind unregelmäßig */
#main-container ol {
    margin-left: 0.2em;
    list-style: none;
    counter-reset: numbers;
}
#main-container ol li::before {
    counter-increment: numbers;
    content: counter(numbers) '.';
    font-family: "Times New Roman", Times, serif;
    margin-right: 0.5em;
}

footer {color: #a2c121;font-size: 12px;margin-top: 40px;}
footer a, footer ul, footer ol {color: #000;}
footer h4 {font-size: 14px;margin-bottom: 1em;}
footer img.alignleft {margin: 0 30px 15px 0;}
footer .col-sm-12 {overflow: auto;}
footer ol {margin-left: 0;list-style-position: inside;}