html {
      background-color: #00060c;
}

h1 {
	font-variant-caps: all-petite-caps;
	color:#ffffff;
	font-size:3rem;
	text-align:center;
	margin-bottom:2rem;
	font-weight: bold;
  text-shadow: 0 0 10px black;

}

h3, h3.field__label {
	  color:#ffffff;
	  color:#e9c00e;
	  font-size: 1.5rem;
	  font-weight:inherit;
	  /*font-variant: all-petite-caps;
    text-shadow: 0 0 12px #0000db;
    border-left: 10px solid #0406d7;*/
    padding-left: 20px;
    margin: 0 0 1rem;
    margin-left: -20px;
    /*background: linear-gradient(270deg,transparent, transparent 50%, #0406d7);*/
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    

}

.h3-right, .h3-right.field__label {
		color:#ffffff;
		color:#e9c00e;
	  font-size: 1.5rem;
	  font-weight:inherit;
	  /*font-variant: all-petite-caps;
    text-shadow: 0 0 12px #d11013;
    border-left:0px;
    border-right: 10px solid #d11013;*/
    padding-left: 0px;
    margin: 0 0 1rem;
    margin-right: -20px;
    /*background: linear-gradient(90deg,transparent, transparent 50%, #d11013);*/
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
}
.pr-subfeatures {
    background-color: #1e1e1e;
    background: linear-gradient(181deg, #00060c, #1e1e1e);
    background: linear-gradient(180deg,#00060c,#816c00 90%);
    background: #090622ed;
	
}
.pr-subfeatures .regions {
	  color:#dadada;
    background: #816c00;
    background: #090622ed;
}
.pr-subfeatures .regions a,
.pr-subfeatures .regions a:visited{
    color:#363636;
    color:#dadada;
}
.pr-subfeatures .regions table{
	margin: 0px;
}
.pr-subfeatures .regions tr,
.pr-subfeatures .regions tr:hover{
    border:0px;
    background-color: transparent;
}

.pr-subfeatures .regions td {
	padding:0px;
	font-size:initial;
}

/*Einstellungen Tabelle*/

table {
	background-color:transparent;
	margin: 20px 0px;
}
thead, tbody, tr, th, td {
    border-width: 1px;
    /* background-color: inherit; */
    background-color: transparent;
    border:0px;
    font-size: small;
}
tr  {
    border-width: 1px 0px;
    border-style: solid;
    border-color: #2a2a2b;
}
tr:hover {
    background-color: #333333;
}
th {
	  color:white;
	  padding-bottom: 0px;
}

thead tr {
	  color: #e4e4e4;
    font-weight: 600;
    background-color: #2a2a2b; 
    border-top:0px;
    border-bottom: 2px solid;
    border-color: #333333;
}



.page {
    color: #dddddd;
    background-color: #242424;
    background-image: url(https://dsv90.de/sites/default/files/2022-02/hintergrund.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    display:unset;
}

.regions {
      background-color: transparent;
}
.node {
    color: #dddddd;
    background-color: black;
    position:relative;
    background: linear-gradient(90deg, #343434,black 50%, #060606 50%, #000000);
    background: linear-gradient(90deg,#343434a8,#000000db 50%,#060606a6 50%,#000000e8);
    background: linear-gradient(90deg,#343434f5,#000000db 50%,#060606e0 50%,#000000e8);
    /*border-radius: 5px;
    background: rgb(0 0 0 / 58%);;
    backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-right-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1);*/
}

.node:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #fff;
  z-index: -1;

}
.node:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #fff;
  z-index: -2;
  filter: blur(20px);
}
.node:before,
.node:after {
  background: linear-gradient(315deg,#da1114,transparent,#0506ff);
}

/*Logo*/
.logo:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #fff;
  z-index: -2;
  filter: blur(25px);
  border-radius:50%;
}

.logo:before,
.logo:after {
      background: conic-gradient(#1212fa 0deg,#da1013 120deg,#efc716 240deg,#1212fa 360deg);
      -webkit-animation: pulsate 5s;
      -webkit-animation-iteration-count: infinite;
      opacity: 0.0;
}

@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.0, 0.0); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

#block-logo,
#block-dsv-logo{
  margin-top:0px;
}
#logo {
 -webkit-transition: width 2s; /* Safari */
  transition: width 2s;
  filter: drop-shadow(0px 0px 4px black);
  margin:0px auto;
  width:200px;
  position:relative;
  top:250px;
}

.logowrapper {
    z-index: 1000;
    height: 0px;
    width: 100%;
    position: relative;
    text-align: center;
    top: 0px;
    left: 0px;
}

.ms-slidedown.rm-is-open .logowrapper {
  z-index:300;
}


/* Ende Logo*/


.l-highlighted .l-rw,
.l-highlighted .l-r {
  padding-left:0px;
  padding-right:0px;
}


.attribution {
  display:none;
}

.carousel {
  padding-bottom:10px;
}

.carousel-item img
{
    object-fit: cover;
    object-position: 80% 20%;
    height:300px;
    width:100%;

}
.main-header
{
  margin-bottom:0px;
  padding-bottom:0px;
  background:none;

}
.main-header.stickynav-active
{
    position:fixed;
}

.region-header .brand
{
  padding:13px 0px;
  
}
.site-name a
{
  font-size:18px;
    color: white;
    filter: drop-shadow(2px 4px 6px white);
        white-space: nowrap;
}

.navbar-brand
{
  padding:15px 15px;
}

.pr-navbar {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
    height:50px;
    color: #fefefe;
    background-color: black;
    background: rgb(0 0 0 / 80%);;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    
}
.pr-navbar .regions {
  background-color:transparent;
      backdrop-filter: blur(2px);
}

div.abteilungen-spalten {
    padding: 10px;
    margin: 5px;
    background: rgb(34 34 36);
  border: 1px solid rgb(98 107 146);
    width:25%;
    min-width:150px;
    max-width:218px;
      filter: grayscale(1);
}
div.abteilungen-spalten:hover,
div.abteilungen-spalten:hover h4
{
  filter:drop-shadow(0px 0px 6px #eec50a);

}


div.abteilungen-spalten h4 {
    margin-top:0px;
  

}

div.more {
  border: 1px solid #2a2a2b;
	padding:5px;
	width:fit-content;
	margin-left: auto;
  margin-right: 0;
}

div.more::after {
   font-family: FontAwesome;
   content: "\f152";
   padding-left:10px;
}
div.more:hover {
  border: 1px solid white;
  cursor: pointer;
}

.mitgliederzahlen
{
  display:flex;
  padding-top:100px;

}
@media (min-width: 768px) {
  
.mitgliederzahlen
{
    padding-top:0px;
}
}

.mitgliederzahlen  h2
{
 font-size: 5em;
    font-weight: bold;
  filter:drop-shadow(0px 0px 6px white);
  color:#2d2e32;
}
.half
{
  flex:1;
  text-align:center;
}

.ms-offcanvas.rm-is-open{
  padding-left:100%;
}