@charset "UTF-8";
@font-face {
  font-family: "RalewayHeavy";
  src: url("../../fonts/Raleway-Heavy.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("../../fonts/Ubuntu-Title.ttf") format("truetype");
  font-display: swap;
}
* {
  padding: 0;
  margin: 0;
}

#blog_mainwindow {
  min-height: 100dvh;
}
#blog_mainwindow #blogartikel_titelbild {
  height: 40dvh;
  position: relative;
}
#blog_mainwindow #blogartikel_titelbild img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#blog_mainwindow #blogartikel_titelbild .bildcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 3em;
  background: rgba(221, 209, 209, 0.5);
  color: #fff;
  text-align: center;
  font-size: medium;
}
#blog_mainwindow #blogartikel_untertitel {
  height: 7dvh;
  padding-top: 10px;
  display: flex;
  justify-content: center;
}
#blog_mainwindow #blogartikel_shortintro_area {
  padding-left: 10px;
  padding-right: 10px;
}
#blog_mainwindow #blogartikel_text_area {
  padding-left: 20px;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
#blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  padding-right: 10px;
}
#blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis #affiliate_box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px;
  width: 90%;
  background-color: lightblue;
  border-radius: 20px;
}
#blog_mainwindow #blogartikel_text_area #details_textarea {
  width: 100%;
}
#blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_verabschiedung {
  padding-left: 45px;
  padding-bottom: 15px;
}
#blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_taggingwords {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area {
  width: 100%;
  min-height: 100%;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #articledetails_box {
  width: 80%;
  border: 1px solid black;
  height: fit-content;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #articledetails_box #adetails_titelarea {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 5dvh;
  background-color: blue;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #articledetails_box #adetails_textarea {
  padding-bottom: 5px;
  padding: 5px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #last5articles_box {
  width: 80%;
  border: 1px solid black;
  height: fit-content;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #last5articles_box #last5articles_titelarea {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 5dvh;
  background-color: blue;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #last5articles_box #last5articles_textarea {
  padding-bottom: 5px;
  padding: 5px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #similar5articles_box {
  width: 80%;
  border: 1px solid black;
  height: fit-content;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #similar5articles_box #similar5articles_titelarea {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 5dvh;
  background-color: blue;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #similar5articles_box #similar5articles_textarea {
  padding-bottom: 5px;
  padding: 5px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #extLinks_box {
  width: 80%;
  border: 1px solid black;
  height: fit-content;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #extLinks_box #extLinks_titelarea {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 5dvh;
  background-color: blue;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#blog_mainwindow #blogartikel_text_area #details_boxes_area #extLinks_box #extLinks_textarea {
  padding-bottom: 5px;
  padding: 5px;
  overflow: auto;
}
#blog_mainwindow #blogartikel_gallery {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding: 10px;
}
#blog_mainwindow #blogartikel_gallery .item {
  display: flex;
  align-items: center;
  justify-content: center;
}
#blog_mainwindow #blogartikel_gallery .item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
  max-height: 200px;
  cursor: pointer;
  transition: transform 0.8s ease-in-out;
}

/* ---- Modal ---- */
/* Modal Hintergrund */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9); /* schwarzer Overlay */
}

/* Bild im Modal */
.modal-content {
  display: block;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
  object-fit: cover; /* verhindert Verzerrungen */
}

/* Schließen-Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  z-index: 1001;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
}

* {
  padding: 0;
  margin: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

#ds_mainwindow {
  min-height: 100dvh;
}
#ds_mainwindow #ds_thirdintropage {
  height: 35dvh;
}
#ds_mainwindow #ds_thirdintropage #digseele_introslide {
  height: 100%;
}
#ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner {
  height: 100%;
}
#ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item {
  height: 100%;
}
#ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption .caption_background {
  background-color: black;
  padding: 5px;
  background: rgba(8, 8, 8, 0.7);
}
#ds_mainwindow #selectedarticles_area {
  min-height: 38dvh;
  width: 100%;
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
#ds_mainwindow #selectedarticles_area .new_blogbox {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 10px;
}
#ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture {
  height: 25dvh;
}
#ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}
#ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
#ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro p, #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro h1, #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro h2, #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro h3, #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro h4, #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro h5, #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro h6 {
  margin: 0;
  padding: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
}
#ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .shortintro_title {
  width: 100%;
  text-align: center;
}
#ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_publishingdate {
  width: 100%;
  text-align: center;
}
#ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_shortintro {
  padding-top: 15px;
  width: 100%;
  text-align: center;
}
#ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
  padding-top: 10px;
  text-align: center;
  font-size: small;
  text-decoration: none;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}
#ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging .tagging_text {
  display: block;
  text-align: center;
  padding: 3px 5px;
  border-radius: 20px;
}
#ds_mainwindow #selectedarticles_area .blog_box {
  display: grid;
  grid-template-columns: 20% 1fr;
  gap: 10px;
  height: fit-content;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#ds_mainwindow #selectedarticles_area .blog_box .box_picture {
  height: 30dvh;
}
#ds_mainwindow #selectedarticles_area .blog_box .box_picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}
#ds_mainwindow #selectedarticles_area .blog_box .box_shortintro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
#ds_mainwindow #selectedarticles_area .blog_box .box_shortintro .shortintro_title {
  width: 100%;
  text-align: center;
}
#ds_mainwindow #selectedarticles_area .blog_box .box_shortintro .article_publishingdate {
  width: 100%;
  text-align: center;
}
#ds_mainwindow #selectedarticles_area .blog_box .box_shortintro .article_shortintro {
  padding-top: 15px;
  width: 100%;
  text-align: center;
}
#ds_mainwindow #selectedarticles_area .blog_box .box_shortintro .article_tagging {
  padding-top: 10px;
  width: 100%;
  text-align: center;
}

.category_color {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 20px;
}

* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#ds_impressum_window {
  width: 100%;
  height: 82dvh;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ds_impressum_window #impressum_box {
  height: 70dvh;
  width: 70dvw;
  background-color: lightblue;
  overflow: auto;
  padding: 10px;
}

* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#ds_datenschutz_window {
  width: 100%;
  height: 82dvh;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ds_datenschutz_window #datenschutz_box {
  height: 70dvh;
  width: 70dvw;
  background-color: lightblue;
  overflow: auto;
  padding: 10px;
}

* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#ds_aboutwindow {
  height: 82dvh;
  width: 100dvw;
  background-color: white;
  overflow: hidden; /* optional, um alles Überstehende zu verstecken */
}
#ds_aboutwindow #aboutme_area {
  display: grid;
  grid-template-columns: 70% 30%;
  padding-top: 8dvh;
  margin-left: auto;
  margin-right: auto;
}
#ds_aboutwindow #aboutme_area #aboutme_textarea {
  padding: 10px;
  margin-top: 40px;
  width: 99%;
  margin-left: 10%;
  height: 53dvh;
  background: hsla(0, 17%, 93%, 0.65);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 3;
  overflow: scroll;
}
#ds_aboutwindow #aboutme_area #aboutme_image {
  width: 50%;
  height: 40%;
  rotate: 15deg;
  margin-left: -125%;
  z-index: 0;
}
#ds_aboutwindow #aboutme_area #aboutme_image img {
  height: 60%;
  border-radius: 25%;
}

* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#ds_kontakt_window {
  width: 100%;
  height: 82dvh;
  background-color: white;
  display: flex;
  justify-content: center;
  padding-top: 30px;
}
#ds_kontakt_window #kontakt_box {
  width: 80%;
  height: fit-content;
  background-color: lightblue;
  padding: 15px;
  padding-bottom: 10px;
}
#ds_kontakt_window #kontakt_box .box_titel {
  display: flex;
  width: 100%;
  height: 6dvh;
  justify-content: center;
  align-items: center;
}
#ds_kontakt_window #kontakt_box #ds_kontaktform {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
#ds_kontakt_window #kontakt_box #ds_kontaktform #cc_name {
  grid-column: 1/span 2;
}
#ds_kontakt_window #kontakt_box #ds_kontaktform #cc_email {
  grid-column: 1/span 2;
}
#ds_kontakt_window #kontakt_box #ds_kontaktform #cc_thema {
  grid-column: 1/span 2;
}
#ds_kontakt_window #kontakt_box #ds_kontaktform #cc_description {
  grid-column: 1/span 2;
}
#ds_kontakt_window #kontakt_box #ds_kontaktform #cc_description #customer_description {
  width: 100%;
}
#ds_kontakt_window #kontakt_box #ds_kontaktform #dsgvo_check {
  grid-column: 1/span 2;
}
#ds_kontakt_window #kontakt_box #ds_kontaktform #submitbutton {
  grid-column: 1/span 2;
}

* {
  padding: 0;
  margin: 0;
}

#ds_mainwindow #introview_article {
  height: 40dvh;
}
#ds_mainwindow #introview_article #imageArticleAA {
  height: 100%;
  position: relative;
}
#ds_mainwindow #introview_article #imageArticleAA img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
#ds_mainwindow #introview_article #imageArticleAA .bildcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 3em;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  font-size: medium;
}
#ds_mainwindow #category_bloglist {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 30px;
}
#ds_mainwindow #category_bloglist .articlebox {
  width: 80%;
  height: 80dvh;
  display: grid;
  grid-template-columns: 100%;
}
#ds_mainwindow #category_bloglist .articlebox .article_pic {
  grid-column: 1/span 1;
  height: 100%;
  overflow: hidden;
}
#ds_mainwindow #category_bloglist .articlebox .article_pic img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: 25px;
}
#ds_mainwindow #category_bloglist .articlebox .article_text {
  grid-column: 1/span 1;
  padding-left: 10px;
  height: fit-content;
  padding-bottom: 20px;
}
#ds_mainwindow #category_bloglist .articlebox .article_text .artbox_title {
  text-align: center;
}
#ds_mainwindow #category_bloglist .articlebox .article_text .artbox_publishdate {
  text-align: center;
}
#ds_mainwindow #category_bloglist .articlebox .article_text .artbox_text {
  padding-top: 15px;
  text-align: center;
}
#ds_mainwindow #category_bloglist .articlebox .article_text .artbox_readbutton {
  padding-top: 20px;
  text-align: center;
}

.digseele_headerarea {
  height: 10dvh;
  background: url("../media/logos/ds_logo.jpg") no-repeat center;
  background-size: contain;
  margin: 0;
  padding: 0;
  position: relative;
}
.digseele_headerarea .ds_menuarea {
  position: absolute;
  bottom: -20px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.digseele_headerarea .ds_menuarea div {
  background: rgba(227, 217, 217, 0.7);
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

* {
  padding: 0;
  margin: 0;
}

.page_titel {
  text-align: center;
  background: url("../media/logos/ds_logo.jpg") no-repeat center center fixed;
  background-size: cover;
  margin: 0;
  padding: 0;
  background-position-y: -20em;
  background-position-x: 0em;
}

.digseele_headerarea {
  height: 10dvh;
  background: url("../media/logos/ds_logo.jpg") no-repeat center;
  background-size: contain;
  margin: 0;
  padding: 0;
  position: relative;
}
.digseele_headerarea .ds_menuarea {
  position: absolute;
  bottom: -20px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.digseele_headerarea .ds_menuarea div {
  background: rgba(227, 217, 217, 0.7);
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* ---- NAV ---- */
/* ============= */
.nav-link.active {
  font-weight: bold;
  color: lightseagreen !important;
}

/* ---- für HR Linien ---- */
.line_blue {
  border: 2px solid lightseagreen;
}

.line_white {
  border: 2px solid white;
}

/* ---- Stile für OffCanvas Hauptmenü ---- */
.offcanvas-smaller {
  width: 350px !important; /* oder z. B. 300px */
}

/* ---- Stile für OffCanvas Hauptmenü ---- */
.background_milchglas {
  background: rgba(227, 217, 217, 0.7);
  padding-left: 20px;
  padding-right: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.background_milchglas_black {
  background: rgba(15, 15, 15, 0.7);
  padding-left: 20px;
  padding-right: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.button_area {
  padding-top: 30px;
  height: 10dvh;
  display: flex;
  gap: 10px;
  justify-content: center; /* horizontal zentrieren */
  align-items: center; /* vertikal zentrieren */
}

/* ---- Darstellung der Listen ---- */
.myarea_liste {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 2rem;
  height: 75dvh;
  width: 100dvw;
  overflow: auto;
  /* background-color: lightgray; */ /* Nur zur visuellen Kontrolle */
}
.myarea_liste .table {
  height: auto; /* oder eine feste Höhe, z. B. 300px */
  width: 98%; /* je nach Bedarf */
}
.myarea_liste .table img {
  width: 150px;
}

.offcanvas_logoarea {
  display: flex;
  justify-content: center;
}
.offcanvas_logoarea img {
  width: 10dvw;
  height: 8dvh;
}

/* ---- Codes für OffCanvas-Body ---- */
.nav-link.standardtext_leftpanel.active {
  color: lightseagreen;
  font-weight: 600;
}

.nav-link.standardtext_leftpanel:not(.active):hover {
  color: lightseagreen;
}

/* ---- Active für OffCanvas-Body ---- */
.input_label {
  padding: 5px;
  color: white;
  font-weight: bold;
  background-color: green;
}

/* ---- Effekte ---- */
.box_shadow {
  box-shadow: 0 12px 16px 0 rgba(19, 26, 21, 0.24), 0 17px 50px 0 rgba(83, 248, 89, 0.19);
}

.box_shadow:hover {
  box-shadow: 0 12px 30px 0 rgba(1, 93, 29, 0.24), 0 17px 50px 0 rgba(2, 121, 12, 0.19);
}

/* ---- Effekte ---- */
/* ---- FlashMessages ---- */
.success {
  width: 98%;
  margin: auto;
  margin-bottom: 15px;
  text-align: center;
  padding: 10px;
  border-radius: 20px;
  border: 2px dashed green;
  background-color: green;
  color: white;
  font-weight: bold;
}

.error {
  width: 98%;
  margin: auto;
  margin-bottom: 15px;
  text-align: center;
  padding: 10px;
  border-radius: 20px;
  border: 2px dashed red;
  background-color: red;
}

.warning {
  width: 98%;
  margin: auto;
  margin-bottom: 15px;
  text-align: center;
  padding: 10px;
  border-radius: 20px;
  border: 2px dashed yellow;
  background-color: yellow;
}

/* ---- FlashMessages ---- */
#digi_tags {
  gap: 10px;
}

.article_link {
  padding-left: 20px;
  font-style: italic;
}
.article_link a:link {
  text-decoration: none;
}

* {
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: RalewayHeavy;
  src: url(../fonts/Raleway-Heavy.ttf);
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url(../fonts/Ubuntu-Title.ttf);
  font-display: swap;
}
.pagetitel_text {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: xx-large;
  color: black;
  letter-spacing: 0.2em;
  font-variant: small-caps;
}

.pagetitel_untertitel {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: large;
  color: blue;
  letter-spacing: 0.2em;
  font-variant: small-caps;
}

.pagetitel_untertitel_white {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: large;
  color: white;
  letter-spacing: 0.2em;
  font-variant: small-caps;
}

.createform_title_black {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: large;
  color: black;
  letter-spacing: 0.2em;
  font-variant: small-caps;
}

.updateform_title_black {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: large;
  color: black;
  letter-spacing: 0.2em;
  font-variant: small-caps;
}

.pagetitel_section {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: large;
  padding-top: 30px;
  color: black;
  font-weight: bold;
  letter-spacing: 0.2em;
  font-variant: small-caps;
  text-align: center;
}

.standardtext {
  font-size: medium;
  text-decoration: none;
  color: black;
  font-weight: normal;
}

.bold_text {
  font-weight: bold;
}

.tags_text {
  font-size: small;
  text-decoration: none;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}

.standardtext_leftpanel {
  font-size: medium;
  text-decoration: none;
  color: white;
  font-weight: normal;
}

.stats_text {
  font-family: "Courier New", Courier, monospace;
  font-size: medium;
  text-decoration: none;
  color: black;
  font-weight: bold;
}

.stats_mark {
  font-weight: normal;
}

/* ---- Markierungen für Blog-Kategorien ---- */
.categorymark_social {
  color: blue;
}

.categorymark_hardware {
  color: orange;
}

.categorymark_web {
  color: lightseagreen;
}

.categorymark_vermischtes {
  color: red;
}

/* ---- Markierungen für Blog-Kategorien ---- */
#area_dashboard #admin_leftpanel .nav {
  font-size: medium;
}
#area_dashboard #admin_leftpanel .nav .nav-link {
  color: white;
  letter-spacing: 0.1em;
}
#area_dashboard #admin_leftpanel .nav .nav-link.active {
  font-weight: bold;
  text-decoration: none;
}
#area_dashboard #admin_leftpanel .nav .nav-link:hover {
  color: lightgray;
}

/* ---- Options ---- */
.statsoption_text {
  font-family: Ubuntu;
  font-size: large;
  font-weight: 500;
  text-decoration: none;
  color: lightseagreen;
  padding: 5px;
}
.statsoption_text.active {
  background-color: #0d6efd;
  color: white;
  font-weight: bold;
  padding: 5px;
}
.statsoption_text:hover {
  background-color: #d0d0d0;
  padding: 5px;
}

/* ---- About me - Sektion ---- */
/* ============================ */
.aboutme_name {
  color: blue;
  font-size: large;
  font-weight: bold;
}

.aboutme_function {
  color: black;
  font-size: large;
  font-weight: bold;
}

.aboutme_absatz {
  color: black;
  text-decoration: none;
  font-size: medium;
}

.link_website {
  color: lightseagreen;
  text-decoration: none;
  font-weight: 600;
}

/* ---- About me - Sektion ---- */
/* ---- Datenschutz und Impressum ---- */
/* =================================== */
#datenschutz_box h1 {
  font-size: xx-large;
  text-align: center;
  text-transform: uppercase;
}
#datenschutz_box h2 {
  font-size: x-large;
}

#impressum_box h1 {
  font-size: xx-large;
  text-align: center;
  text-transform: uppercase;
}
#impressum_box h2 {
  font-size: x-large;
}

/* ---- Datenschutz und Impressum ---- */
/* ---- Kontakt - Formatierungen ---- */
.contactbox_titel {
  color: blue;
  font-size: x-large;
  font-weight: bold;
}

/* ---- Startseite Blog ---- */
.intro_pubdate_light {
  color: lightgray;
  text-decoration: none;
  font-style: italic;
}

.intro_pubdate_dark {
  color: gray;
  text-decoration: none;
  font-style: italic;
}

.tagging_text {
  background-color: lightgreen;
  margin-right: 10px;
  padding-top: 3px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 3px;
  border-radius: 20px;
}

.ov_article_title {
  text-decoration: none;
  color: white;
  font-size: large;
  font-weight: bold;
  letter-spacing: 0.2em;
}

.ovbox_articletitle {
  font-size: large;
  color: blue;
}

/* ---- Blog-Artikel ---- */
.details_titel {
  text-decoration: none;
  font-size: large;
  color: black;
  font-weight: bolder;
  letter-spacing: 0.4em;
}

.details_untertitel {
  text-decoration: none;
  font-size: medium;
  color: black;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0.3em;
}

.details_shortintro_text {
  text-decoration: none;
  font-size: medium;
  color: black;
  font-weight: bold;
}

#details_textarea h2 {
  font-size: x-large;
  color: blue;
}
#details_textarea .atext {
  font-size: medium;
  color: black;
  padding-left: 10px;
}
#details_textarea .affiliate {
  color: red;
  font-weight: 600;
  text-decoration: none;
}

.text_verabschiedung {
  color: black;
  text-decoration: none;
  font-size: medium;
  font-style: italic;
}

.ds_textmark {
  color: lightseagreen;
}

.text_affiliate {
  color: red;
  font-style: italic;
  font-size: medium;
}

.adetails_titel {
  color: white;
  font-size: medium;
  font-weight: bold;
  text-decoration: none;
}

.adetails_text {
  color: black;
  font-size: medium;
  font-weight: normal;
  text-decoration: none;
}

.box_detailslink {
  color: lightseagreen;
  text-decoration: none;
}

.text_extLink {
  color: lightseagreen;
  text-decoration: none;
}

* {
  padding: 0;
  margin: 0;
}

@media (min-width: 1600px) and (max-width: 1999px) and (orientation: landscape) {
  #blog_mainwindow #blogartikel_text_area {
    flex-direction: row;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea {
    width: 75%;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_taggingwords {
    display: flex;
  }
  #blog_mainwindow #blogartikel_text_area #details_boxes_area {
    width: 25%;
  }
  #blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis #affiliate_box {
    width: 95%;
  }
  #ds_impressum_window #impressum_box {
    width: 60dvw;
  }
  #ds_datenschutz_window #datenschutz_box {
    width: 60dvw;
  }
  #ds_kontakt_window #kontakt_box {
    width: 50%;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_name {
    grid-column: 1/span 1;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_email {
    grid-column: 2/span 1;
  }
}
@media (min-width: 1441px) {
  #blog_mainwindow #blogartikel_text_area {
    flex-direction: row;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea {
    width: 75%;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_taggingwords {
    display: flex;
  }
  #blog_mainwindow #blogartikel_text_area #details_boxes_area {
    width: 25%;
  }
  #blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis #affiliate_box {
    width: 95%;
  }
  #ds_mainwindow #ds_thirdintropage {
    height: 60dvh;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption {
    display: block !important;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption .caption_background {
    background-color: black;
    padding: 5px;
    background: rgba(8, 8, 8, 0.7);
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox {
    grid-template-columns: 40% 60%;
    padding-right: 20px;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture {
    height: 45dvh;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging {
    display: flex;
  }
  #ds_impressum_window #impressum_box {
    width: 40dvw;
  }
  #ds_datenschutz_window #datenschutz_box {
    width: 40dvw;
  }
  #ds_kontakt_window #kontakt_box {
    width: 50%;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_name {
    grid-column: 1/span 1;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_email {
    grid-column: 2/span 1;
  }
  #ds_aboutwindow #aboutme_area {
    grid-template-columns: 50% 50%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_textarea {
    margin-top: 50px;
    width: 89%;
    margin-left: 20%;
    height: 55dvh;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image {
    width: 50%;
    height: 55%;
    margin-top: 2%;
    margin-left: -15%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image img {
    height: 55%;
  }
  #ds_mainwindow #category_bloglist {
    gap: 80px;
  }
  #ds_mainwindow #category_bloglist .articlebox {
    height: 25dvh;
    display: grid;
    grid-template-columns: 40% 60%;
    flex-direction: row;
    margin-bottom: 20px;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic {
    grid-column: 1/span 1;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic img {
    height: 100%;
    width: 50%;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text {
    grid-column: 2/span 1;
  }
}
* {
  padding: 0;
  margin: 0;
}

@media (min-width: 710px) and (max-width: 1023px) and (orientation: portrait) {
  #blog_mainwindow #blogartikel_text_area {
    flex-direction: row;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea {
    width: 65%;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_taggingwords {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  #blog_mainwindow #blogartikel_text_area #details_boxes_area {
    width: 35%;
  }
  #blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis #affiliate_box {
    width: 95%;
  }
  #ds_mainwindow #ds_thirdintropage {
    height: 40dvh;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption {
    display: block !important;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption .caption_background {
    background-color: black;
    padding: 5px;
    background: rgba(8, 8, 8, 0.7);
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox {
    grid-template-columns: 1fr 1fr;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture {
    height: 35dvh;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging {
    grid-template-columns: 1fr 1fr;
  }
  #ds_impressum_window #impressum_box {
    width: 60dvw;
  }
  #ds_datenschutz_window #datenschutz_box {
    width: 60dvw;
  }
  #ds_kontakt_window #kontakt_box {
    width: 50%;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_name {
    grid-column: 1/span 1;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_email {
    grid-column: 2/span 1;
  }
  #ds_aboutwindow #aboutme_area {
    grid-template-columns: 50% 50%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_textarea {
    margin-top: 70px;
    width: 99%;
    margin-left: 20%;
    height: 25dvh;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image {
    width: 50%;
    height: 45%;
    margin-top: 2%;
    margin-left: -15%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image img {
    height: 55%;
  }
  #ds_mainwindow #category_bloglist {
    gap: 80px;
  }
  #ds_mainwindow #category_bloglist .articlebox {
    height: 30dvh;
    display: grid;
    grid-template-columns: 40% 60%;
    flex-direction: row;
    margin-bottom: 20px;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic {
    grid-column: 1/span 1;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic img {
    background-color: aquamarine;
    height: 100%;
    width: 100% !important;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text {
    grid-column: 2/span 1;
  }
}
@media (min-width: 1024px) and (max-width: 1190px) and (orientation: landscape) {
  #blog_mainwindow #blogartikel_text_area {
    flex-direction: row;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea {
    width: 75%;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_taggingwords {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #blog_mainwindow #blogartikel_text_area #details_boxes_area {
    width: 25%;
  }
  #blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis #affiliate_box {
    width: 95%;
  }
  #ds_mainwindow #ds_thirdintropage {
    height: 50dvh;
    background-color: white;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption {
    display: block !important;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption .caption_background {
    background-color: black;
    padding: 5px;
    background: rgba(8, 8, 8, 0.7);
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox {
    grid-template-columns: 1fr 1fr;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture {
    height: 35dvh;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  #ds_impressum_window #impressum_box {
    width: 30dvw;
  }
  #ds_datenschutz_window #datenschutz_box {
    width: 60dvw;
  }
  #ds_kontakt_window #kontakt_box {
    width: 50%;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_name {
    grid-column: 1/span 1;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_email {
    grid-column: 2/span 1;
  }
  #ds_aboutwindow #aboutme_area {
    grid-template-columns: 50% 50%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_textarea {
    margin-top: 90px;
    width: 89%;
    margin-left: 20%;
    height: 25dvh;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image {
    width: 50%;
    height: 55%;
    margin-top: 2%;
    margin-left: -15%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image img {
    height: 55%;
  }
  #ds_mainwindow #category_bloglist {
    gap: 80px;
  }
  #ds_mainwindow #category_bloglist .articlebox {
    height: 30dvh;
    display: grid;
    grid-template-columns: 40% 60%;
    flex-direction: row;
    margin-bottom: 20px;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic {
    grid-column: 1/span 1;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic img {
    background-color: aquamarine;
    height: 100%;
    width: 100% !important;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text {
    grid-column: 2/span 1;
  }
}
* {
  padding: 0;
  margin: 0;
}

@media (orientation: landscape) {
  #ds_mainwindow #ds_thirdintropage {
    height: 60dvh;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption {
    display: block !important;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption .caption_background {
    background-color: black;
    padding: 5px;
    background: rgba(8, 8, 8, 0.7);
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture {
    height: 45dvh;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #ds_aboutwindow #aboutme_area {
    grid-template-columns: 50% 50%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_textarea {
    margin-left: 10%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image {
    width: 50%;
    height: 50%;
    margin-left: -15%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image img {
    height: 35%;
  }
  #ds_mainwindow #category_bloglist {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 30px;
  }
  #ds_mainwindow #category_bloglist .articlebox {
    width: 100%;
    height: 80dvh;
    display: grid;
    grid-template-columns: 40% 60%;
    flex-direction: row;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic {
    grid-column: 1/span 1;
    height: 100%;
    overflow: hidden;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic img {
    height: 70%;
    width: 50%;
    object-fit: cover;
    display: block;
    border-radius: 25px;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text {
    grid-column: 2/span 1;
    padding-left: 10px;
    height: fit-content;
    padding-bottom: 20px;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text .artbox_title {
    text-align: center;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text .artbox_publishdate {
    text-align: center;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text .artbox_text {
    padding-top: 15px;
    text-align: center;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text .artbox_readbutton {
    padding-top: 20px;
    text-align: center;
  }
}
* {
  padding: 0;
  margin: 0;
}

@media (min-width: 834px) and (max-width: 1119px) and (orientation: portrait) {
  #blog_mainwindow #blogartikel_text_area {
    flex-direction: row;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea {
    width: 65%;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_taggingwords {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  #blog_mainwindow #blogartikel_text_area #details_boxes_area {
    width: 35%;
  }
  #blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis #affiliate_box {
    width: 95%;
  }
  #ds_mainwindow #ds_thirdintropage {
    height: 40dvh;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption {
    display: block !important;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption .caption_background {
    background-color: black;
    padding: 5px;
    background: rgba(8, 8, 8, 0.7);
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox {
    grid-template-columns: 1fr 1fr;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture {
    height: 40dvh;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #ds_impressum_window #impressum_box {
    width: 60dvw;
  }
  #ds_datenschutz_window #datenschutz_box {
    width: 65dvw;
  }
  #ds_kontakt_window #kontakt_box {
    width: 60%;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_name {
    grid-column: 1/span 1;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_email {
    grid-column: 2/span 1;
  }
  #ds_aboutwindow #aboutme_area {
    grid-template-columns: 50% 50%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_textarea {
    margin-top: 60px;
    height: 33dvh;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image {
    width: 50%;
    height: 50%;
    margin-top: 2%;
    margin-left: -15%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image img {
    height: 55%;
  }
  #ds_mainwindow #category_bloglist {
    gap: 80px;
  }
  #ds_mainwindow #category_bloglist .articlebox {
    height: 25dvh;
    display: grid;
    grid-template-columns: 40% 60%;
    flex-direction: row;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic {
    grid-column: 1/span 1;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic img {
    height: 100%;
    width: 50%;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text {
    grid-column: 2/span 1;
  }
}
@media (min-width: 1120px) and (max-width: 1265px) and (orientation: landscape) {
  #blog_mainwindow #blogartikel_text_area {
    flex-direction: row;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea {
    width: 75%;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_taggingwords {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #blog_mainwindow #blogartikel_text_area #details_boxes_area {
    width: 25%;
  }
  #blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis #affiliate_box {
    width: 95%;
  }
  #ds_mainwindow #ds_thirdintropage {
    height: 50dvh;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption {
    display: block !important;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption .caption_background {
    background-color: black;
    padding: 5px;
    background: rgba(8, 8, 8, 0.7);
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox {
    grid-template-columns: 1fr 1fr;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture {
    height: 40dvh;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #ds_impressum_window #impressum_box {
    width: 50dvw;
  }
  #ds_datenschutz_window #datenschutz_box {
    width: 55dvw;
  }
  #ds_kontakt_window #kontakt_box {
    width: 50%;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_name {
    grid-column: 1/span 1;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_email {
    grid-column: 2/span 1;
  }
  #ds_aboutwindow #aboutme_area {
    grid-template-columns: 50% 50%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_textarea {
    margin-top: 80px;
    width: 89%;
    margin-left: 20%;
    height: 33dvh;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image {
    width: 50%;
    height: 50%;
    margin-top: 2%;
    margin-left: -15%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image img {
    height: 55%;
  }
  #ds_mainwindow #category_bloglist {
    gap: 80px;
  }
  #ds_mainwindow #category_bloglist .articlebox {
    height: 30dvh;
    display: grid;
    grid-template-columns: 40% 60%;
    flex-direction: row;
    margin-bottom: 20px;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic {
    grid-column: 1/span 1;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic img {
    background-color: aquamarine;
    height: 100%;
    width: 100% !important;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text {
    grid-column: 2/span 1;
  }
}
* {
  padding: 0;
  margin: 0;
}

@media (min-width: 1032px) and (max-width: 1269px) and (orientation: portrait) {
  #blog_mainwindow #blogartikel_text_area {
    flex-direction: row;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea {
    width: 70%;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_taggingwords {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #blog_mainwindow #blogartikel_text_area #details_boxes_area {
    width: 30%;
  }
  #blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis #affiliate_box {
    width: 95%;
  }
  #ds_mainwindow #ds_thirdintropage {
    height: 40dvh;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption {
    display: block !important;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption .caption_background {
    background-color: black;
    padding: 5px;
    background: rgba(8, 8, 8, 0.7);
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox {
    grid-template-columns: 1fr 1fr;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture {
    height: 25dvh;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #ds_impressum_window #impressum_box {
    width: 60dvw;
  }
  #ds_datenschutz_window #datenschutz_box {
    width: 60dvw;
  }
  #ds_kontakt_window #kontakt_box {
    width: 60%;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_name {
    grid-column: 1/span 1;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_email {
    grid-column: 2/span 1;
  }
  #ds_aboutwindow #aboutme_area {
    grid-template-columns: 50% 50%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_textarea {
    margin-top: 90px;
    width: 89%;
    margin-left: 20%;
    height: 25dvh;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image {
    width: 50%;
    height: 55%;
    margin-top: 2%;
    margin-left: -15%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image img {
    height: 55%;
  }
  #ds_mainwindow #category_bloglist {
    gap: 80px;
  }
  #ds_mainwindow #category_bloglist .articlebox {
    height: 25dvh;
    display: grid;
    grid-template-columns: 40% 60%;
    flex-direction: row;
    margin-bottom: 20px;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic {
    grid-column: 1/span 1;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic img {
    height: 100%;
    width: 50%;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text {
    grid-column: 2/span 1;
  }
}
@media (min-width: 1270px) and (max-width: 1440px) and (orientation: landscape) {
  #blog_mainwindow #blogartikel_text_area {
    flex-direction: row;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea {
    width: 75%;
  }
  #blog_mainwindow #blogartikel_text_area #details_textarea #blogartikel_taggingwords {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #blog_mainwindow #blogartikel_text_area #details_boxes_area {
    width: 25%;
  }
  #blog_mainwindow #blogartikel_text_area #blogartikel_affiliatehinweis #affiliate_box {
    width: 95%;
  }
  #ds_mainwindow #ds_thirdintropage {
    height: 50dvh;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption {
    display: block !important;
  }
  #ds_mainwindow #ds_thirdintropage #digseele_introslide .carousel-inner .carousel-item .carousel-caption .caption_background {
    background-color: black;
    padding: 5px;
    background: rgba(8, 8, 8, 0.7);
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox {
    grid-template-columns: 40% 60%;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_picture {
    height: 35dvh;
  }
  #ds_mainwindow #selectedarticles_area .new_blogbox .newbox_shortintro .article_tagging {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #ds_impressum_window #impressum_box {
    width: 50dvw;
  }
  #ds_datenschutz_window #datenschutz_box {
    width: 50dvw;
  }
  #ds_kontakt_window #kontakt_box {
    width: 50%;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_name {
    grid-column: 1/span 1;
  }
  #ds_kontakt_window #kontakt_box #ds_kontaktform #cc_email {
    grid-column: 2/span 1;
  }
  #ds_aboutwindow #aboutme_area {
    grid-template-columns: 50% 50%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_textarea {
    margin-top: 80px;
    width: 89%;
    margin-left: 20%;
    height: 35dvh;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image {
    width: 50%;
    height: 55%;
    margin-top: 2%;
    margin-left: -15%;
  }
  #ds_aboutwindow #aboutme_area #aboutme_image img {
    height: 55%;
  }
  #ds_mainwindow #category_bloglist {
    gap: 80px;
  }
  #ds_mainwindow #category_bloglist .articlebox {
    height: 30dvh;
    display: grid;
    grid-template-columns: 50% 50%;
    flex-direction: row;
    margin-bottom: 20px;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic {
    grid-column: 1/span 1;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_pic img {
    height: 100%;
    width: 100% !important;
  }
  #ds_mainwindow #category_bloglist .articlebox .article_text {
    grid-column: 2/span 1;
  }
}

/*# sourceMappingURL=ds_styles.css.map */