/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/public/fonts/roboto-condensed-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/public/fonts/roboto-condensed-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/public/fonts/roboto-condensed-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/public/fonts/roboto-condensed-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/public/fonts/roboto-condensed-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/public/fonts/roboto-condensed-v24-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/public/fonts/roboto-condensed-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/public/fonts/roboto-condensed-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/public/fonts/roboto-condensed-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/public/fonts/roboto-condensed-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/public/fonts/roboto-condensed-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/public/fonts/roboto-condensed-v24-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('/public/fonts/roboto-slab-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/public/fonts/roboto-slab-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/public/fonts/roboto-slab-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/public/fonts/roboto-slab-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/public/fonts/roboto-slab-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/public/fonts/roboto-slab-v22-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/public/fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/public/fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/public/fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/public/fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/public/fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/public/fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
  background: #212121;
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  margin: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  min-width: 300px;
  padding-top: 0px;
  padding-right: 2% !important;
  padding-bottom: 0px;
  padding-left: 2% !important;
  background-color: rgb(233, 231, 232);
  background-color: #363840;
}
a {
  color: #FFF;
}

.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.sm-simple {
  border: 1px solid #bbbbbb;
  background: white;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
  /* make room for the toggle button (sub indicator) */
	color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.sm-simple a.current {
  background: #555555;
  color: white;
}
.sm-simple a.disabled {
  color: #cccccc;
}
.sm-simple a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 14px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.08);
}
.sm-simple a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}
.sm-simple li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-simple > li:first-child {
  border-top: 0;
}
.sm-simple ul {
  background: rgba(179, 179, 179, 0.1);
}
.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
  font-size: 14px;
  border-left: 8px solid transparent;
}
.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

@media (min-width: 911px) {
		
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-simple ul {
    position: absolute;
  }

  .sm-simple li {
    float: left;
  }

  .sm-simple.sm-rtl li {
    float: right;
  }

  .sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li {
    float: none;
  }

  .sm-simple a {
    white-space: nowrap;
	font-family: "Roboto Condensed", Roboto, sans-serif;
  }

  .sm-simple ul a, .sm-simple.sm-vertical a {
    white-space: normal;
  }

  .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-simple {
    background: white;
  }

  .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    background: #eeeeee;
  }
  .sm-simple a.current {
    background: #555555;
    color: white;
  }
  .sm-simple a.disabled {
    background: white;
    color: #cccccc;
  }
  .sm-simple a.has-submenu {
    padding-right: 32px;
  }
  .sm-simple a span.sub-arrow {
    top: 50%;
    margin-top: -8px;
    right: 20px;
    width: 8px;
    height: 16px;
    font: 14px/16px monospace !important;
    background: transparent;
  }
  .sm-simple a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-simple > li {
    border-top: 0;
    border-left: 1px solid #eeeeee;
  }
  .sm-simple > li:first-child {
    border-left: 0;
  }

  .sm-simple ul a {
    border: 0 !important;
  }
  .sm-simple ul a.has-submenu {
    padding-right: 20px;
  }
  .sm-simple ul a span.sub-arrow {
    right: auto;
    margin-left: -12px;
  }
  .sm-simple ul > li {
    border-left: 0;
	border: 0px !important;
  }
  .sm-simple ul > li:first-child {
    border-top: 0;
  }
  .sm-simple span.scroll-up,
  .sm-simple span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-simple span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-simple.sm-rtl a.has-submenu {
    padding-right: 20px;
    padding-left: 32px;
  }
  .sm-simple.sm-rtl a span.sub-arrow {
    right: auto;
    left: 20px;
  }
  .sm-simple.sm-rtl.sm-vertical a.has-submenu {
    padding: 11px 20px;
  }
  .sm-simple.sm-rtl.sm-vertical a span.sub-arrow {
    right: 20px;
    margin-right: -12px;
  }
  .sm-simple.sm-rtl > li:first-child {
    border-left: 1px solid #eeeeee;
  }
  .sm-simple.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-simple.sm-rtl ul a.has-submenu {
    padding: 11px 20px;
  }
  .sm-simple.sm-rtl ul a span.sub-arrow {
    right: 20px;
    margin-right: -12px;
  }
  .sm-simple.sm-vertical a span.sub-arrow {
    right: auto;
    margin-left: -12px;
  }
  .sm-simple.sm-vertical li {
    border-left: 0;
    border-top: 1px solid #eeeeee;
  }
  .sm-simple.sm-vertical > li:first-child {
    border-top: 0;
  }
}

/* Zusatz für Burger-Button (nur Mobile-Menü)*/
#menu-button {
	font-size: 34px;
}
#menu-button:before {
	content: '';
}
#menu-button.collapsed:before {
	content: '';
}
#main-menu.collapsed {
	display: none;
}


@media (max-width: 910px) {

	@media (prefers-color-scheme:dark) {
	   .sm-simple {
	   background: #515457 !important;
        box-shadow: none
    }
    .sm-simple a span.sub-arrow {
        background: rgba(0, 0, 0, .26)
    }
    .sm-simple li {
        border-color: #242424
    }
    .sm-simple ul>li {
        border-color: #242424
    }

	 #menu-button {
		 color: #eaeaea !important;
	 }
 }
	.dm_menu_search button {
right: -20px!important;
}

} 


@media (min-width: 911px) {
	/* hide the button in desktop view */
	#menu-button {
		display: none;
	}
	/* always show the menu in desktop view */
	#main-menu.collapsed {
		display: block;
		padding-left: 20px;
		padding-top: 6px;
	}
}
/* ======> Menü und Body Ende <====== */


/* Kennzeichnet jede Google-Werbung mit einem kleinen 'Werbung'-Hinweis */
  ins.adsbygoogle:before{
      content: "Werbung" ;
      color: #fff ;
      font-size: 10px;
      background: none !important;
      padding-top:  1px ;
      padding-bottom: 2px;
      padding-left: 4px;
      padding-right: 4px;
      border-radius: 2px;
}

ins.adsbygoogle{
margin-bottom: 50px;
background: none;  /* entfernt den verschobenen, gelben Hintergrund */
text-align: left;
}
/* Ende Google /*


/* holt die Lightbox in den Vordergrund */
#lightbox, #overlay{
  z-index: 999999999;
}

/* sorgt dafür, dass die vor- und zurück Buttons nicht durch die Luft fliegen */
  #prevLink:hover, #nextLink:hover {
    transition-duration: 0s;
  }

/* entfernt in der Lightbox den alten Button */
 #jqlb_closelabel {
    display: none;
  }

/* färbt den neuen Schließen Button beim Überfahren um */
 #bottomNavClose:hover::after{
  background: #fff;
color: #595c67;
   transition-duration: .5s;
 }

/*positioniert den Schließen-Button etwas anders */
 #imageData #bottomNavClose {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-right: -10px;
margin-top: 2px;
  }

  #imageDataContainer {
    line-height: 24px;
  }

/* ======> Diverses <====== */
.header-logo-image img {
	height: 80px;
}

.header-logo-image {
line-height: 0px;
}

.site-header {
	background: #363840;
	border: none;
}

div#main.site-main.inner-wrap {
	color: #434343;
}

a, a:visited {
	color: #2a84c4;
}
a:hover {
	color: #6aa6cc;
}
p {
	text-align: left;
}

/* Suchfeld im Menü */
.dm_menu_search {
	position: absolute;
	white-space: nowrap;
}

.dm_menu_search button {
	height: 36px;
	width: 41px;
	margin-top: 6px;
	position: absolute;
	right: 5px;
	background: none;
}

.dm_menu_search input {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	height: 30px;
	font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
	font-size: 15px;
}

textarea, input {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
	font-size: 15px;
}

/* kennzeichnet externe Links */
.entry-content a[href^="http://"]:after , .entry-content a[href^="https://"]:after {
content: " \f08e";
color: #b9b9b9;
font-size: 12px;
font-family: FontAwesome;
}

.entry-content a[href*="deskmodder.de"]:after , .viaquelle a:after, .quelle a:after, .img a:after, .entry-item .clearfix a:after, .wpappbox a:after{
content: none !important;
}

/* kennzeichnet alle Affiliate-Links im Beitragstext mit der ID 'deskmodderde-21' mit einem Symbol */
.entry-content a[href*="deskmodderde-21"]:after {
content: " \f14c" !important;
color: #b9b9b9;
font-size: 12px;
}

/* fügt den neuen Schließen Button bei der Lightbox ein */
#bottomNavClose:after{
content: " Schliessen \f00d " !important;
color: #fff ;
font-size: 12px ;
font-family: "Roboto Condensed", FontAwesome, sans-serif;
font-weight: 500;
background: #2a84c4;
padding: 6px 6px 6px 6px;
text-transform: uppercase;
}

/* Hover-Effekt iOS Geräte */
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
}


/* gepunkteten Rahmen (dotted outline) entfernen */
a { outline: none!important; }

/* Ueberschriften */
h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

/* stylt das Menue */

@media screen and (min-width: 911px) {
 #main-menu {
   border-bottom: 0px;
	background: #595c67;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.26);
	border-top: none;
	border-left: none;
	border-right: none;
	height: 48px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
 }

.dm_menu_search {
   z-index: 9999;
}

.sm-simple a, .sm-simple a.has-submenu {
  color: #fff;
  height:36px;
  padding: 0 17px;
  line-height: 37px;
  border:none;
  font-family: "Roboto Condensed", Roboto, sans-serif;
  font-weight: 700;
	text-transform: uppercase;
	margin-right: 3px;

}

.sm-simple > li {
  border:none;
}

.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
	background: #2a84c4;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	z-index: 999999;
}

.sm-simple a span.sub-arrow {
  display: none;
}

.sm-simple a:after {
	content: "\f0d7";
	color: #fff;
	font-family: FontAwesome;
	position: relative;
	font-size: 11px;
	left: 8px;
	top: -2px;
}

.sm-simple a[href*="login"]:after, .sm-simple a[href*="register"]:after, .sm-simple li a:not(.has-submenu):after{
    display: none;
 }

.sm-simple .sm-nowrap > li > a{
	/* background: #fff; */
	color: #555;
	font-weight: 400;
	line-height: 35px;
	height: 35px;
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 3px;
}

.sm-simple .sm-nowrap > li > a:hover, .sm-simple .sm-nowrap > li > a.highlighted {
  background: #2a84c4;
  color: #fff;
}

.sm-simple .sm-nowrap > li > a.has-submenu:after {
  content: "\f105";
	color: #434343;
	font-family: FontAwesome;
	position: relative;
	font-size: 11px;
	left: 8px;
	top: -2px;
}

.sm-simple ul {
border: 1px solid #ffffff;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
border-radius: 3px;
margin-top: 3px !important;
padding-left: 3px;
padding-top: 3px;
}
	/* slightly transparent fallback */
	.sm-simple ul {
	  background-color: rgba(255, 255, 255, 1);
	}

	/* if backdrop support: very transparent and blurred */
	@supports ((-webkit-backdrop-filter: blur(50px)) /* or (backdrop-filter: blur(50px))*/) {
	  .sm-simple ul {
        background: rgba(255, 255, 255, 0.8);
		-webkit-backdrop-filter: blur(50px);
		backdrop-filter: blur(50px);
	  }
	}
	
@media (prefers-color-scheme:dark) {
		.sm-simple ul {
        border-color: #242424;
		box-shadow: none;
		}

		.sm-simple .sm-nowrap>li>a.has-submenu:after {
        color: #e5e5e5;
		}
	}
	
@media (prefers-color-scheme:dark) {
		 .sm-simple .sm-nowrap>li>a {
      /*  background: #515457; */
        color: #eaeaea;
		}
	}
	
	@media (prefers-color-scheme:dark) {
		.sm-simple .sm-nowrap>li>a.highlighted,
    	.sm-simple .sm-nowrap>li>a:hover {
        background: #1b5f9f;
		}
	}

.has-smenu.highlighted {
  margin-top: 100px !important;
}

.sub-menu .sm-nowrap{
	margin-top: -42px!important;
	margin-left: calc(100% + 5px)!important;
}
@media (prefers-color-scheme:dark) {
		.sub-menu .sm-nowrap {
        margin-left: calc(100% + 3px)!important
		}

	    .sm-simple a.highlighted, .sm-simple a:active, .sm-simple a:focus, .sm-simple a:hover {
        background: #1b5f9f
		}
	}
}

@media (prefers-color-scheme:dark) {
		.sm-simple a, .sm-simple a.has-submenu, .sm-simple a.highlighted, .sm-simple a:active, .sm-simple a:focus, .sm-simple a:hover{
		color: #eaeaea !important;
		}

		/* slightly transparent fallback */
	.sm-simple ul {
	  background: rgba(52, 55, 57, 1);
	}

	/* if backdrop support: very transparent and blurred */
	@supports ((-webkit-backdrop-filter: blur(50px)) /* or (backdrop-filter: blur(50px))*/) {
	  .sm-simple ul {
        background: rgba(52, 55, 57, 0.72);
		-webkit-backdrop-filter: blur(50px);
		backdrop-filter: blur(50px);
	}
	}
}	



	@media (prefers-color-scheme:dark) {
		#main-menu {
		border-color: #1b5f9f;
		background: #353739;
		box-shadow: 0 3px 9px rgba(0, 0, 0, 0.44);
		}
	}

/*
@media screen and (max-width: 1100px) {
  .sm-simple a, .sm-simple a.has-submenu, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted, .sm-simple .sm-nowrap > li > a {
    padding-left: 13px !important;
}
}
 */
 /*
@media screen and (max-width: 975px) {
  .dm_menu_search, .dm_menu_search input[type="text"] {
  width: 150px;
}

.dm_menu_search {
    right: 40px !important;
}
.dm_menu_search button {
	right: -40px !important;
}
}

@media screen and (max-width: 925px) {
  .dm_menu_search, .dm_menu_search input[type="text"] {
  width: 125px;
}

.sm-simple a, .sm-simple a.has-submenu, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted, .sm-simple .sm-nowrap > li > a {
    padding-left: 3px;
    padding-left: 3px;
}
.dm_menu_search {
    right: 40px !important;
}
.dm_menu_search button {
	right: -40px !important;
}
}
*/
@media screen and (min-width: 912px) and (max-width: 1096px) {
    ul#main-menu > li:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 910px) {
 #menu {
margin-top: 60px;
padding-left: 5px;
padding-right: 5px;
background: #fff;
}

#menu_is_selected {
background: #2a84c4;
color: #fff!important;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.sm-simple a, .sm-simple a:active, .sm-simple a:focus, .sm-simple a:hover {
padding: 13px 58px 13px 20px;
color: #555;
font-size: 16px;
font-weight: 400;
line-height: 17px;
text-decoration: none;
}

.sm-simple a[href*="login"]:after, .sm-simple a[href*="register"]:after, .sm-simple li a:not(.has-submenu):after{
    display: none !important;
}

}

@media screen and (max-width: 910px) {

#menu-button {
  padding-right: 20px;
  color: #fff;
  position:absolute;
  right: 0px;
}

.hgroup-wrap-right {
	width: 100%;
	/* margin-bottom: 5px; */
	background: #595c67;
	height: 48px;
	line-height: 44px;
	z-index: 9999;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.26);
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	/* border-bottom: 4px solid #2a84c4; */
}

.dm_menu_search {
  right: inherit !important;
  left: 0px !important;
}

#main-menu {
  margin-top: 54px;
}

.dm_menu_search input[type="text"], .dm_menu_search button {
  height: 36px!important;
  margin-left: 20px;
}

.dm_menu_search {
  z-index: -1 !important;
}

.dm_menu_search input[type="text"] {
  width: 100% !important;
}

.dm_menu_search {
  width: calc(100% - 150px) !important;
  max-width: 250px !important;
}

.dm_menu_search {
  right: 40px !important;
}

/*
.dm_menu_search button {
	right: 0px !important;
}
*/
div.pagination a, div.pagination span {
padding-left: 6px !important;
padding-right: 6px !important;
}


.hgroup-wrap {
  padding-bottom: 0px;
  padding-top: 10px !important;
}

#main-menu a{
  color: #3e3e4a;
}

#main-menu {
  border: none;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
  font-family: "Roboto Condensed", Roboto, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}

#main-menu ul a {
  background: #eaeaea;
  padding-left: 4px;
}
@media (prefers-color-scheme:dark) {
		.hgroup-wrap-right {
			background: #353739;
			}
	}
	
@media (prefers-color-scheme:dark) {
		nav#menu {
		background: #353739;
    }
		}

		@media (prefers-color-scheme:dark) {
#main-menu {
border-color: #242424;
}
}


	@media (prefers-color-scheme:dark) {
			#main-menu {
	        border-color: #242424;
			}

			#main-menu a {
        	color: #eaeaea;
			}

			#main-menu ul a {
            background: #353739;
        
        }

	}

}
/* Menu Ende */

/* letzte Postings platzieren */
@media screen and (max-width: 700px) {

ul.topiclist.forums dd.lastpost {
	display: none;
}

}

/* Suchfeld */
.dm_menu_search {
	right: 40px;
}

  .dm_menu_search input[type="text"] {
	outline: 0;
	background: #2a84c4;
	border: none;
	font-size: 14px;
	color: #fff;
	height: 36px;
	margin-top: 6px;
	border-radius: 3px;
	padding: 6px 0 6px 20px;
	line-height: 15px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

  .dm_menu_search input[type="text"]:focus {
	font-style: normal;
	text-align: left;
}

.dm_menu_search {
	right: 15px;
	top: 0;
	width: calc(26.9% - 30px);
}

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

/* entfernt irgendwo einen Rahmen im Header */
.home .site-header {
    border: none;
}

/* entfernt einen Schatten um die ganze Seite und passt die Breite an */
#page {
	box-shadow: none;
	width: 100%;
}

/* fuegt unseren Farbverlauf als Hintergrund ein und passt den seitl. Abstand an*/
body {
  background-image: linear-gradient(to right, #2e3037 0%, #484a52 50%, #2e3037 100%);
}



.header-text{float:left;padding-top:170px !important;
}
.main-navigation{padding-top:220px;float:right;clear:none}

/* macht den Header der Seite transparent */

  .site-header, #page {
    background: transparent;
  }

/* faerbt Inhaltsbereich und Sidebar weiss */

#primary, #secondary {
    background: #fff;
}

/* stylt das Menue */
.menu   {
	width: 100%;
    background: #595c67;
	border-bottom: 4px solid #2a84c4;
	box-sizing: border-box;
	height: 48px;
}

.menu a {
	font-family: "Roboto Condensed", Roboto, sans-serif !important;
	text-transform: uppercase;
	font-weight: 700;
	height: 44px !important;
}

dm_nav a {
	box-sizing: border-box;
    border:0px;
	padding-bottom: 4px;
	padding-top: 4px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 400;
    font-size: 16px;
}


dm_nav a:after {
	content: "\f0d7";
	color: #fff;
	font-family: FontAwesome;
	position: relative;
	font-size: 11px;
	left: 8px;
	top: -2px;
}

.hgroup-wrap-right {
	width: 100%;
}


/* verschiebt das Logo etwas nach oben */
.header-logo-image img {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}


/* Cookie-Leiste*/
 .cc_container {
    background: #33353b !important;
    color: #cccccc !important;
    border-top: 1px solid #595c67 !important;
    border-bottom: 0px !important;
    border-left: 1px solid #595c67 !important;
    border-right: 1px solid #595c67 !important;
    font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    line-height: 15px !important;
    font-size: 15px !important;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    }

 .cc_message::-moz-selection,  .cc_message a::-moz-selection, .cc_container .cc_btn::-moz-selection {
    background: #2a84c4!important;
    color: #ffffff !important;
    }

 .cc_message::selection,  .cc_message a::selection, .cc_btn::selection {
    background: #2a84c4!important;
    color: #ffffff !important;
    }

  @media screen and (max-width: 1190px) {
  .cc_container {
    width: 96%;
    }
    }

  @media screen and (max-width: 767px) {
    .cc_container {

    }
    .cc_message {
    line-height: 15px !important;
    }
    }

  @media screen and (max-width: 719px) {
    .cc_container {

    padding-right: 10px!important;
    padding-left: 10px !important;
    }
    .cc_more_info::after,  .cc_message::before,  .cc_message {
    font-size: 12px !important;
    line-height: 15px !important;
    }
    }

  @media screen and (max-width: 645px) {
   .cc_container {

    padding-right: 5%!important;
    padding-left: 5% !important;
    text-align: center!important;
    }
    .cc_container .cc_btn{
    margin-top: 10px;
    }

    .cc_container .cc_btn{
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: none !important;
    }
    }

  @media screen and (max-width: 479px) {
    .cc_container {

    padding-right: 5%;
    padding-left: 5%;
    }
   .cc_container .cc_btn{
    margin-top: 10px;
    }
    }

  @media screen and (max-width: 359px) {
   .cc_container {

    padding-right: 5%;
    padding-left: 5%;
    }
    .cc_container .cc_btn{
    margin-top: 10px;
    }
    }

  .cc_message, .cc_container, .cc_container .cc_btn {
    animation-duration: 0s !important;
    }


  .cc_container .cc_message {
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    }

  .cc_container .cc_btn {
    background-color: #5a5c68 !important;
    color: #fff !important;
    font-family: "Roboto Condensed",sans-serif !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
    line-height: 15px !important;
    font-size: 15px !important;
    }

    .cc_container .cc_btn:hover {
    background-color: #fff !important;
    color: #595c67 !important;
    transition-duration: 0.2s !important;
    }

  a.cc_more_info {
    color: #31a8f0 !important;
    }

  a.cc_more_info:hover {
    color: #cccccc !important;
    transition-duration: 0.3s !important;
    }

  .cc_message::before {
    content: "\f05a" ;
    font-weight: 400;
    font-family: FontAwesome;
    margin-right: 8px;
    line-height: 15px ;
    font-size: 15px ;
    }

 .cc_more_info::after {
    content: "\f178" ;
    font-weight: 400;
    font-family: FontAwesome;
    margin-left: 5px;
    line-height: 15px ;
    font-size: 15px ;
    }

/* legt den Hovereffekt fuer Links auf 0.3 Sekunden fest */
a, a:hover {
    transition: all 0.3s ease 0s;
}

/* Angleichung des Footers (Schrift) */
#site-generator a {
    padding-right: 17px;
}

/* macht die Seite wieder richtig responsive */
@media all and (max-width : 690px) {

.dm_table_col2, .dm_table_col2_s {
    width: 100% !important;
}

.blog-medium .post-featured-image img, .search .post-featured-image img{
    width: 100% !important;
}


.dm_table_col1 {
    width: 100% !important;
}

.blog-medium .post-featured-image, .search .post-featured-image {
    max-height: 200px!important;
    width: 100%!important;
}

.dm_table_col1 div {
    width: 100%;
}
}


@media all and (max-width : 980px) {

  #primary {
    width: 100%!important;
}

#secondary{
    width: 100%!important;
}
}



/* legt die allgemeine Schrift fest */
 body {
	font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
	color: #434343;
 }

  .single #primary .post {
    margin-bottom: -15px;
  }

/* beschaeftigt sich mit dem Footer */

  #colophon {
    background: #202129;
	border-top: 0;
	border-bottom: 0px;
	padding: 9px 20px;
  }

 #site-generator,  #site-generator a {
   border-top: 0px;
   padding-top:0px;
   padding-left: 0px;
   padding-bottom: 0px;
   font-family: "Roboto Condensed", sans-serif;
   font-size: 13px;
   line-height: 22px;
   color: #FFF;
   text-transform: uppercase;
   color: #fff;
   margin-left: 0px;
   margin-right: 0px;
 }

 #site-generator .copyright {
	  padding-left: 0px !important;
	  padding-right: 0px !important;
  }


  @media screen and (max-width: 770px) {
    #primary { width: 100%;}
    #secondary { width: 100%;}
    .menu-toggle {  display: none;}
  .hgroup-wrap-right { float: right;}
  }

/* Anzahl der PNs im oberen Menü */
#dm_pn_anz {
  position:absolute;
top: 6px;
right: calc(26.9% - 10px);
padding-top: 6px;
padding-bottom: 6px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 3px;
  background-color: #cc7d00;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 999999999;
}
@media screen and (max-width: 910px) {#dm_pn_anz {  right: 70px; line-height: 24px; }}

@media (max-width: 450px) {
#dm_pn_anz {
right: 65px;
top: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
}
/* sorgt für ein Blinken der PN-Anzeige */
#dm_pn_anz {
	animation: pulse 1.0s ease-out;
	animation-iteration-count: 5;
	-webkit-animation: pulse 1.0s ease-out;
	-webkit-animation-iteration-count: 5;
	-moz-animation: pulse 1.0s ease-out;
	-moz-animation-iteration-count: 5;
	-o-animation: pulse 1.0s ease-out;
	-o-animation-iteration-count: 5;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    51% {
        -webkit-transform: scale(1.8);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes pulse{
    0% {
        -webkit-transform: scale(1);
    }
    51% {
        -webkit-transform: scale(1.8);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-o-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    51% {
        -webkit-transform: scale(1.8);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    51% {
        -webkit-transform: scale(1.8);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

#dm_pn_anz a {
	color: #ffffff;
}
#dm_pn_anz a:hover {
	color: #2a84c4;
}

/* Umbruch bei langen Dingen (Links) */
p {
  word-wrap:break-word;
}

/* Lightbox neu */
#imageContainer {
padding: 0px;
}

#imageDataContainer {
background-color: #595c67;
}

#lightbox {
position: fixed;
top: 0px !important;
}

#imageDetails, #imageDetails a{
color: #fff;
font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
font-size: 11px;
font-weight: inherit;
}

#imageData #numberDisplay {
padding-bottom: 0px;
}

#imageDataContainer {
height: 24px !important;
}


#bottomNavClose::after {
padding-top: 5px !important;
padding-bottom: 5px !important;
font-size: 11px;
line-height: 24px;
}

#imageData #bottomNavClose {
margin-top: 0px !important;
}



/* ========= Anpassungen Forum ========= */

a#scroll-up {
    opacity: inherit;
    transition-duration: 0s;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
	opacity: 1;
	background-color: rgba(42, 132, 196, 0.7);
	border-radius: 5px;
}

/* Hintergrund färben */
.post, .row, li.row:hover, .panel.bg3, div.panel.bg2, div.panel.bg1, .panel#postingbox, .member-search.panel, .panel, div#cp-main.ucp-main.panel-container {
	background-color: #ffffff;
}

/* Hintergrund bläulich */
li.tab a, li.tab.activetab a {
	background-color: #595c67 !important;
	background-image: none;
}

/* Listenüberschriften anpassen */
.forabg, .forumbg {
	background-image: none;
	background-color: #595c67;
	border-top: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-top: 0px;
/*	box-shadow: 0 0 7px rgba(0, 0, 0, 0.18);
	margin-bottom: 15px; */
	box-shadow: none;
	margin-bottom: 0px;
}

/* zentriert den Haupt-Inhaltsbereich */
.forabg {
margin-right: 0;
margin-left: 0;
}

/* runde Ecken weg */
.post, .rules, .navbar, .panel.bg3, .panel#postingbox, div.panel.bg1, div.panel.bg2, .member-search.panel, .panel, .pagination > ul > li a, .pagination > ul > li.active span, body #wrap, div.cp-mini {
	border-radius: 0px !important;
}

/* H3 Linie umfärben */
h3 {
	border-bottom: 2px solid #d1d1d1;
	text-transform: initial;
}

/* Fußzeile umfärben */
.navbar {
	background-color: none;
	margin-bottom: 5px;
	padding-bottom: 0;
}
#nav-footer {
	background-color: none;
}

/* helle Schrift auf dunklem Hintergrund */
p:not(.cc_message), p a, .copyright, .copyright_phpbb, h3, h2, .pagination li.ellipsis span, .navbar, #nav-footer {
	color: #555;
}

.rules p{
	color: rgba(181, 51, 51, 1) !important;
}

.action-bar, .action-bar a, a.mark.hell_auf_dunkel {
	color: #555 !important;
}

/* Links bei dunklem Hintergrund */
h3 a, h2 a, .copyright a, .copyright_phpbb a,  .display-options label, .quick-login label, .quick-login a, span.responsive-hide, .navbar a, a.mark_dunkel {
	color: #555;
}

/* Schrift und Links dunkel machen auf hellem Hintergrund */
p.author a, h3.first a, .author, .inner h3, .inner p, div.action-bar.top, .member-search.panel a, #reggen p a, p.author span.responsive-hide, .postbody h3 a, p a#reg_link, .codebox p a, .inner p a, .content, .post:target .content, .postbody, li.row strong, .post:target h3 a , .postprofile strong, dl.details dt{
	color: #555;
}

/* unwichtige Dinge ausblenden */
p.right.responsive-center.time.rightside, p.responsive-center.time, .mark-read.rightside, div#jumpbox.dropdown-container.dropdown-container-right.dropdown-up.dropdown-left.dropdown-button-control, a.dropdown-trigger.dropdown-toggle, p.jumpbox-return, #nav-main, #wech, li.small-icon.icon-team.rightside, div.back2top, a.top2 {
	display: none;
}

/* Ajax Fehlerfenster */
p.alert_text, h3.alert_title, .phpbb_alert p, .phpbb_alert h3 {
	color: #2a84c4 !important;
}

/* Leerräume unten verkleinern */
#bottom_anchor {
	line-height: 1px;
}
div#main-content.mb-20 {
	margin-bottom: 0px;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px;
}

/* graue Balken anpassen */
dl.icon {
	margin-bottom: 10px;
	margin-top: 5px;
}

/* Navbar oben anpassen */
div.navbar, .navbar.inner {
	margin-bottom: 0;
	margin-top: 0px;
	padding: 0;
	min-height: 10px;
	border: none;
	background: none;
}
.crumb a {
	color: #ffffff;
	font-size: 11px;
}
li.small-icon.icon-home.breadcrumbs {
	color: #ffffff;
}
ul.navlinks {
	border: none;
}

/* Foren-Bereiche anpassen */
.bereich a {
	font-size: 13px;
}

/* Buttons adjustieren */
.button {
	height: 28px;
	background-image: none;
}
.button:hover {
	height: 28px;
	background-image: none;
}
.buttons a {
	color: #595c67;
}
ul.post-buttons a.button.icon-button {
	height: 24px;
}
input#search_keywords, input#add_keywords, .button.icon-button.search-icon  {
	height: 28px;
	border-radius: 0px;
}
input#username, input#password {
	width: 130px;
    height: 30px;
}
a.button.icon-button.post-icon {
	margin-right: 12px;
}

/* "code" Hintergrund färben */
code {
	background-color: #f2f5f6;
}

/* MCP Tabs oben */
#tabs .tab > a {
	color: #ffffff;
	border-radius: 0px !important;
	box-shadow: none;
}
#tabs .tab > a:hover {
	color: #2a84c4;
	border-radius: 0px !important;
	box-shadow: none;
}
#tabs .activetab > a, #tabs .activetab > a:hover {
	color: #ffffff;
	background-color: #2a84c4 !important;
	background-image: none;
	border: none;
}

a.watch-topic-link, a.bookmark-link, li.small-icon.icon-print a, li.small-icon.icon-sendemail a, ul.dropdown-contents.dropdown-nonscroll li a {
	color: #000000;
}
ul.dropdown-contents.dropdown-nonscroll li a:hover {
	color: #2a84c4;
}

/* Subforen nicht fett */
a.subforum {
	font-weight: normal;
}

/* Unterforen einrücken */
.its_just_a_jump_to_the_right {
	margin-left: 44px;
}

/* Forenregeln färben */
div.rules {
background-color: rgba(223, 0, 0, 0.2);
color: rgba(181, 51, 51, 1);
margin-top: 30px !important;
padding: 10px 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 23px;
border-radius: 5px !important;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}

.postbody div.rules  {
	margin-left: 0px;
margin-right: 0px;
}

/* Abstand vor Viewonline anpassen */
div.stat-block.online-list {
	margin-top: 17px;
	padding: 0px 20px;
	color: #555 !important;
}

div.stat-block.online-list a:visited{
	color: #555 !important;
}

/* hässliche Lupe weg sowie Dropdownsymbol im UCP*/
li.rightside.responsive-search, li.tab.responsive-tab.dropdown-container {
	display:none !important;
}

/* 	Buttonabstand beim Posting-Formular */
#format-buttons input, #format-buttons select {
	margin-bottom: 3px;
}

/* blauer Rand unten grau machen */
.inner li.row {
	border-bottom: 1px solid #595c67;
    padding-top: 7px;
    padding-bottom: 7px;
}

/* Link in h2 im UCP umfärben */
#cp-main h2 a {
	color: #000000;
}

/* negatives margin entfernen */
div.panel.bg1, div.panel.bg2 {
	margin-left: 0;
	margin-right: 0;
}

/* Rahmen weg bei Forenliste */
ul.topiclist dd {
	border-left: none;
}

/* Rahmen weg oben im Menü */
.top-menu > li:first-child > a, .top-menu > li > a {
	border: none;
}
.top-menu > li ul {
	border-left: 2px solid #5b5b67;
	border-right: 2px solid #5b5b67;
	border-bottom: 2px solid #5b5b67;
}

/* Top-Menü Hover ändern */
.top-menu > li:hover > a, .top-menu > li.current-menu-item > a  {
	background-color: #595c67 !important;
}

/* Submenüs zurechtrücken */
.main-menu > li ul.sub-menu ul {
	margin-left: -4px;
	margin-top: -1px;
}

/* Zitat verschönern */
blockquote {
	background: #f2f5f6;
	padding: 11px;
	border: 1px solid rgba(0, 0, 0, 0.11);
	color: #555;
	margin-bottom: 0.7em;
	margin-top: 1em;
	border-radius: 5px;
}

blockquote cite {
    display: table;
    margin-left: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
}

cite a{
    border: none !important;
}

/* Avatar */

.postprofile .avatar img{
	border-radius: 3px;
} 

/* Betreff-Feld anpassen */
fieldset.fields1 dt {
	width: 100%;
}
fieldset.fields1 dd {
	margin-left: 0em;
}
input#subject.inputbox.autowidth {
	width: 76% !important;
    margin-top: 7px;
}
@media screen and (max-width: 649px) {
	input#subject.inputbox.autowidth {
		width: 200px !important;
	}
	fieldset.fields1 dt {
	    width: 100%;
	}
	fieldset.fields1 dd {
	    margin-left: 0;
	}
}

/* wechselnde Hintergründe bei Listen anpassen */
.bg2 {
	background-color: #fff;
}
.bg1 {
	background-color: #fafafa;
}

.inner li.row:nth-child(odd) {
    background: #fafafa !important;
}

.inner li.row:nth-child(even) {
    background: #fff !important;
}

.imageset.icon_topic_latest{
	width: 12px !important;
}

input[type=checkbox] {
	width: 12px !important;
	height: 12px !important;
	-webkit-appearance: checkbox;
}

/* Footer linksbündig */
div.copyright {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 0px;
}
div.copyright_phpbb {
	text-align: center;
}

/* Gruppenansicht */
table#memberlist th {
	border: none !important;
}
table#memberlist th a {
	color: #ffffff;
}
table#memberlist th a:hover {
	color: #2a84c4;
}

/* search-box in einer Zeile */
div.search-box {
	white-space:nowrap;
}
@media screen and (max-width: 800px) {
	div.search-box {
		width: 180px;
	}
}
#format-buttons input[type=button], input[type=submit], input#add_files.button2, html input[type=button], .button2 {
	background: #2a84c4 !important;
	color: #fff !important;
	border: none !important;
    transition: all .16s ease-out 0s!important;
    border-radius: 3px!important;
    font-weight: normal;
    font-size: 1.2em!important;
	padding: 7px 40px !important;
}
#format-buttons input[type=button]:hover, input[type=submit]:hover, input#add_files.button2:hover, html input[type=button]:hover, .button2:hover {
	background: #3aa5db!important;
	color: #ffffff;
	border: none;
    transition: all .16s ease-out 0s;
}



/* Aufzählungspunkte bei Listen in Postings/PNs */
.content ul {
	list-style-type: disc !important;

}

/* besuchte Links nicht blau */
a.arrow-left:visited, .online-list a.username:visited {
	color: #ffffff;
}
a.arrow-left:hover, .online-list a.username:hover {
	color: #2a84c4;
}

/*button:hover {
	background-color: #2a84c4;
}
*/
/* Markierungsfeld bei PN's */
dd.mark {
	width: auto;
}

dd.friend-offline, dd.friend-online {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ============= globale Dinge ganz zum Schluss ======================================================== */

input[type="checkbox"] {
-webkit-appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
}

p, fieldset.quick-login {
	font-size: 1.1em;
}
dl.postprofile dd {
	margin-bottom: 0px;
}

label {
	font-weight: 400;
	font-size: 1.1em;
	display: inline-block;
}
select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	-webkit-appearance: menulist-button;
	color: #555;
}

form#forum-search fieldset {
	white-space: nowrap;
}
.search-box button, a.button.button-search-end {
	float: none !important;
}
.display-options label {
	color: #555;
}


/* sorgt dafür, dass auch markierte Links (Symbole) beim Überfahren umfärben. */
.entry-item a[href*="deskmodderde-21"]:hover::after, .entry-item a[href^="http://"]:hover::after , .entry-item a[href^="https://"]:hover::after {
color: #6aa6cc;
transition-duration: .2s !important;
}
/* einheitliche Schrift + Außenbereich mit Hintergrund */
body, .panel p, .message-box textarea{
	font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
	font-size: 1.20em;
	min-height: 100%;
}

a.topictitle, .postbody h3 {
	font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
}

/*
dl.row-item dt a {
	line-height: 1em;
}
*/
/* Schriftanpassung */

.postbody h3.first, .postbody h3 {
font-size: 1.3em !important;
}

/* visited VOR hover!!! */
/*h3 a:visited,*/ h2 a:visited, h2 a, /*#site-generator a:visited,*/ em a:visited {
	color: #3E3E4A;
}

/* alle hover-Links in blau */
a:hover, .member-search.panel a:hover, #reggen p a:hover, #cp-main h2 a:hover, p a#reg_link:hover, a.mark:hover, .codebox p a:hover, .inner p a:hover, .inner a:hover, ul#nav-footer li a:hover, h2 a:hover, h3 a:hover, em a:hover {
	color: #2a84c4;
}
/* Ausnahme Links in Postings, etc. */
.content a {
	color: #368AD2;
	border-bottom: 1px solid #368AD2;
}

.content a:visited {
	color: #5D8FBD;
	border-bottom: 1px solid #5D8FBD;
}

.content a:hover {
	background-color: rgba(208,228,246,0.7);
	color: #0D4473;
}
/* Ãœberschriften auf dunklem Hintergrund
#site-generator a, span.crumb a, #nav-footer a {
	color:#555;
}
*/

.inner li.row:first-child {
border-width: 0px;
}

label {
color: #68768c !important;
}

.navbar ul.linklist {
	padding: 8px 20px;
}

/* dunkle Links auf hellem Hintergrund */
.forumtitle a, .subforum a, a.lastsubject, dd.lastpost span a.username, dt.has-profile-rank a.username, dd.profile-posts a, .topictitle a, .list-inner a, .inner a {
	color: #555;
}
.forumtitle a:hover, .subforum a:hover, a.lastsubject:hover, dd.lastpost span a.username:hover, a.username:hover, .topictitle a:hover, h2 a:hover, #site-generator a:hover, .crumb a:hover, div.avatar-container a:hover {
	color: #2a84c4 !important;
}

.pagination li a:hover {
	color: #ffffff !important;
}

/* keine Linie beim Hovern - nirgends! */
a:hover {
	text-decoration: none !important;
}

/* große Schriften etwas kleiner (wir sind ja nicht beim Augenarzt hier) */
h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 4px;
}
h2 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 4px;
	font-weight: bold
}

/* Spalten samt Ãœberschriften responsive */
dd.lastpost span, .its_just_a_jump_to_the_right, ul.topiclist.topics, li.header dl.row-item dt, li.header dl.row-item dd {
	line-height: 19px;
}

dd.topics, dd.posts, dd.views {
	margin-left: 0px;
	margin-right: 0px;
}
dd.lastpost {
	margin-bottom: 0px;
}

@media screen and (min-width: 850px) {
	div.list-inner {
		width: calc(100% - 490px);
	}
	ul.topiclist dt {
		margin-right: -480px;
	}
	ul.topiclist.forums dd span, dd.lastpost span {
		width: 250px;
	}
}
@media screen and (max-width: 849px) {
	ul.topiclist dd.posts, ul.topiclist dd.topics, ul.topiclist dd.views {
		display: none;
	}
	div.list-inner {
		width: calc(100% - 300px);
	}
	ul.topiclist dt {
		margin-right: -290px;
	}
}
@media screen and (max-width: 819px) {
	div.list-inner {
		width: calc(100% - 350px);
	}
	ul.topiclist dt {
		margin-right: -340px;
	}
}
@media screen and (max-width: 699px) {
	div.list-inner {
		width: 100%;
	}
	ul.topiclist dt {
		margin-right: 0px;
	}
}

#menu_is_selected {
background: #2a84c4;
color: #fff!important;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
z-index: 999999;
}

/* neue "Buttons" */
a.button span{
	font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif !important;
}

/* BBCode Buttons */
.button {
	min-width: 30px;
	color: #fff;
	font-family: FontAwesome;
    border: none;
    border-radius: 3px;
}

/* Post-Buttons */
.post-buttons .button, .format-buttons .button {
    background-color: #E9E9E9;
    box-shadow: none;
    line-height: 23px;
}

.post-buttons .button:hover, .post-buttons .button:focus, .post-buttons .button:active {
    background-color: #dcdcdc !important;
    box-shadow: none;
     background-image: none !important;
}

.button:focus .icon, .button:hover .icon, .button:active .icon{
    color: #8f8f8f !important;
    text-shadow: none;
     background-image: none !important;
}

.button .icon{
    text-shadow: none;
    line-height: 23px;
}

/* Pagination */
.pagination li a, .pagination li a:active, .pagination li a:hover {
    font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif !important;
    font-weight: normal !important;
height: 23px;
min-width: 10px;
padding-bottom: 7px !important;
padding-left: 5px !important;
padding-right: 5px !important;
padding-top: 7px !important;
background: #fff !important;
border-style: solid;
border-width: 1px 1px 1px !important;
border-radius: 3px !important;
border-color: #E9E7E8 !important;
height: 27px;
line-height: 27px;
}
.pagination li.active span {
	height: 23px;
	min-width: 10px;
}

.row .pagination li a{
	border-radius: 3px !important;
}
.row .pagination li a:hover {
	border: 1px solid #2a84c4 !important;
}

/* MCP noch anpassen
p.linkmcp.responsive-center a, p.linkmcp.responsive-center a:visited {
	color: #ffffff;
}
*/
p.linkmcp.responsive-center a:hover {
	color: #2a84c4;
}

.icon.fa-clone.fa-fw, .pagination li.ellipsis span {
    position: relative;
    top: 7px;
    color: #909090;
}

.action-bar .pagination li.ellipsis span{
    color: #555;
}

/* Symbole in Icons anzeigen */
i.icon {
	font-family: FontAwesome;
	font-style: normal;
    margin-right: 4px;
	font-weight: 500;
}

.button i.icon{
    margin-right: 0px;
}

/* leeres Dropdown in den Beiträgen ausblenden */
li.responsive-menu.hidden.dropdown-container {
	display: none;
}
a.button.button-icon-only {
	width: 18px;
}
/* "letzer Beitrag" anpassen */
/* ggf. entfernen  dd.lastpost span {
	line-height: 1em;
} */

/* entfernt Padding rechts und links von den Uebersichtsboxen */
.forabg, .forumbg {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
	box-shadow: 0 6px 9px rgba(0, 0, 0, 0.08);
}

/* Forentitel auf den Boxen */
li.header dl.row-item dt .list-inner {
    padding-left: 20px;
}

dl.row-item {
    background-size: 25px;
  /*  background-position: 15px 50%; */
    background-position: 13px 5px;
}

ul.topiclist li{
	padding-top: 3px;
	padding-bottom: 3px;
}

/* leicht mehr Padding fuer Beitraege zur Angleichung an Blog/Wiki */
.inner .postbody{
    padding: 0px;
	margin-bottom: 20px;
}

.inner li.row {
    border-width: 2px;
    border-color: #e7e7e7;
	border-bottom: 0px;
}

/* Trennstrich zwischen Beitragsinfo und Inhalt */
p.author{
    border-bottom: 1px solid #e3e3e3;
/*	color: #7c7c7c; */
}

p.author span.responsive-hide, p.author a, .icon.icon-lightgray, a:hover .icon.icon-lightgray{
/*	color: #7c7c7c !important; */
	font-weight: 100;
}

/* Zeilenabstand Beitrage */
.postbody .content{
    line-height: 1.6em;
    font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
}

/* leere Zitate Abstand nach oben */
.uncited:before{
    padding-right: 0px;
}

/* Editor */
#postingbox.panel{
    margin-bottom: 0px;
/*    border-bottom: 4px solid #ececec;  */
}

#options-panel.panel, #attach-panel.panel{
    margin-bottom: 20px;
	margin-top: 10px;
}

.tabs{
    margin: 20px 0 0 0px;
    background: #595c67;
   /* border-bottom: 4px solid #2a84c4; */
   padding: 6px 20px;
}

#tabs .tab > a:hover{
    background-color: #63656f !important;
    color: #fff;
    border-color: #63656f;
	border-radius: 3px !important;
}

#tabs .activetab > a, #tabs .activetab > a:hover {
    background: #2a84c4 !important;
    border-color: #2a84c4;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	border-radius: 3px !important;
}

/* Bilder eckig */
img.postimage{
    border-radius: 0px !important;
}

/* Aktionsleiste Themen */
.action-bar.bar-top, .action-bar.bar-bottom, .action-bar.bottom {
padding-left: 7px;
padding-right: 12px;
padding-top: 6px;
padding-bottom: 6px;
margin-left: 20px;
margin-right: 20px;
background: #e3e3e3;
/* box-shadow: 0 0 9px rgba(0, 0, 0, 0.28); */
border-radius: 5px;
line-height: 26px;
}

.action-bar {
    margin-bottom: 11px !important;
    margin-top: 11px;
}

.action-bar .button{
    background-color: #fff;
    color: #8f8f8f !important;
    line-height: 25px;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    transition-duration: 0.2s !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
}

.action-bar .button:hover, .action-bar .button:active{
    background-color: #f4f4f4;
     background-image: none !important;
    text-shadow: none;
    color: #595959;
    transition-duration: 0.2s !important;
}

.pagination li a:hover .icon{
    color: #fff !important;
}

.action-bar .search-box .inputbox {
    border: none;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    background-color: #fff;
    border-right: 1px solid #E9E9E9 !important;
    color: #8f8f8f !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.17)
}

.action-bar .button.button-search {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.action-bar .caret{
    border: none;
    margin-right: 4px;
}

/* Pagination Aktionsleiste */
.action-bar .pagination .button {
    font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background: #FFF;
	border: none !important;
    color: #3E3E4A;
    height: 27px;
    line-height: 27px;
	border-radius: 3px !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
}

.action-bar .pagination li.active span, .pagination li a:hover, .action-bar .pagination li a:active{
    border: none !important;
    background-color: #2a84c4 !important;
    background: #2a84c4 !important;
    height: 27px;
    line-height: 27px;
    padding-top: 0px;
    padding-bottom: 0px;
	border-radius: 3px !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
}

/* Startseite unten */
fieldset.quick-login, .stat-block.online-list, .stat-block.birthday-list, .stat-block.statistics {
    margin-bottom: 15px;
}

fieldset.quick-login input.inputbox {
    background-color: #fff;
    border:none;
    border-radius: 3px !important;
}

fieldset.quick-login .button2 {
    line-height: 1em !important;
    top: 3px;
    position: relative;
}

/* Editor */
#postingbox .inputbox, input#username, input#password {
    padding: 10px;
    border-color: #dfdfdf;
    background: #f8f8f8;
    border-radius: 0;
    color: #434343;
    border-radius: 3px;
    transition-duration: 0s;
    margin-top: 5px;
    width: 80% !important;
}
/*
input#username, input#password {
	background: #e7e7e7 !important;
}
*/
#postingbox .inputbox:hover, #postingbox .inputbox:active, input#username:hover, input#password:hover, input#username:active, input#password:active{
    border-color: #2a84c4;
    transition-duration: 0s;
}

#postingbox fieldset.fields1 div {
    margin-bottom: 10px;
}

#postingbox dt label {
    font-size: 1.5em;
    position: relative;
    top: 8px;
    font-weight: normal;
}

#postingbox .post-buttons .button, .format-buttons .button{
    margin-bottom: 3px;
    color: #8f8f8f;
    transition-duration: 0.2s;
    font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
}

#postingbox .post-buttons .button:hover, .format-buttons .button:hover, #postingbox .post-buttons .button:active, .format-buttons .button:active{
    background-color: #dcdcdc !important;
    background-image: none !important;
    text-shadow: none;
    transition-duration: 0.2s;
}

/* Login-Seite
fieldset.fields1 dd {
    margin-left: 10em;
}
*/

/* CP */

.recipients input[type=submit], .recipients .button2 {
    height: 20px;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 25px;
}


/* responsive Anpassungen */

@media (max-width: 702px) {
.lastpost {
    display:none !important;
}
}

@media (max-width: 700px) {
    .postprofile .has-avatar .avatar-container {
        margin: 0;
        overflow: inherit;
        float: left;
    }

    .postbody, .postprofile{
        width: 100%;
    }

    .profile-posts, .profile-joined, .profile-gender, .profile-contact{
        display: none;
    }

    .postprofile .avatar img{
        max-height: 32px;
        max-width: 32px;
        margin-right: 10px;
    }

    .postprofile{
        min-height: 35px;
        margin-bottom: 25px;
    }

    .has-profile .postbody h3 {
        float: none !important;
        margin-right: 0px;
    }

    .has-profile .post-buttons{
        top:-30px;
        right: 10px;
    }

    .hasjs .postbody .post-buttons{
        max-width: 70%;
    }


    .search .postprofile {
        width: 100%;
    }

    .search .postbody {
        width: 100%;
    }
    .search-box, .dropdown-toggle, .bbcode-status
    {
        display: none;
    }

    .action-bar.bar-top, .action-bar.bar-bottom{
      /*  background: transparent;  */
        text-align: center;
    }

    .pagination{
        float: none;
        text-align: center;
    }

    .action-bar .button{
        text-align: center;
        float: none;
    }

    .dropdown-container-left{
        float: none;
        margin-top: 4px;
    }

    .action-bar a[href*="posting"].button  {
        width: 85%;
        margin-bottom: 4px;
    }

    fieldset.quick-login label>span{
        min-width: 100px;
    }

    .message-box, .smiley-box {
        width: 100% !important;
    }
	
	fieldset.submit-buttons, .message-box {
width: 100% !important;
}

    input#subject.inputbox.autowidth, input#username.inputbox.autowidth, input#answer.inputbox.autowidth {
        width: 100% !important;
        margin-top: 5px;
    }

    fieldset.display-actions {
        display: none;
    }

    .column1, .column2{
        width: 100%;
    }
    #file-list-container {
        display: none;
    }
    #site-generator a {
        padding-right: 0px !important;
    }

    #colophon .inner-wrap {
        width: 100%;
    }

}

/* Diverses */

input#username, input#password{
    padding: 4px;
    padding-left: 7px;
    margin-bottom: 3px;
}

.row .pagination > ul {
    margin: 0px;
    float: right;
    margin-right: 5px;
}

.row .pagination{
    margin-top: 0px;
}


/* Codeboxen kein Padding */
pre{
    padding: 0px;
    margin-bottom: 0px;
}

/* weißer Rahmen neben Profil entfernt */
.postprofile{
    border: none;
}

/* Blatt fuer ungelesen BLAU statt ROT */
.unread .icon.icon-red{
    color: #2a84c4 !important;
}

.read .icon.icon-blue{
    color: rgba(0, 0, 0, 0.3) !important;
}


/* Passt den persoenlichen Bereich an */
.panel-container .panel{
    background-color: #fff;
}

.panel .navigation{
    padding-top: 0px;
}

.panel #cp-menu {
/* border: 1px solid #eee; */
background: #ffffff !important;
border-radius: 3px;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.16);
margin-right: 9px;
padding: 4px;
}

.cp-menu {
width: calc(19% - 9px);
}

.panel-container .panel li.row, .panel-container .bg1, .panel-container .bg2{
    border: none;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: #fcfcfc !important;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 3px;
}

.panel ul.cplist{
    border: none;
}


#navigation a {
	color: #000000;
	background: none;
	padding: 4px 10px;
	font-weight: normal;
	margin-bottom: 3px;
}
#navigation a:hover {
/* color: #ffffff; */
background: #e0e0e0;
border-radius: 3px !important;
}
#navigation #active-subsection a, #navigation #active-subsection a:hover {
	color: #ffffff;
	background-color: #a2a2a2;
	border-radius: 3px !important;
}
#cp-main h2 {
	font-size: 20px;
}
div.cp-mini {
	background-color: #fff;
}

#cp-main .action-bar.bar-top, #cp-main .action-bar.bottom {
	border-radius: 5px !important;
/*	border: 1px solid #dbdbdb */
	margin-left: 0px;
	margin-right: 0px;
}

/* MCP Buttons in blau */
input.button2:hover, input.button1:hover {
	border: 1px solid #2a84c4;
	color: #2a84c4;
}

input.button2, input.button1 {
    white-space: normal !important;
}

.panel .action-bar .arrow-left {
    position: relative;
    background: #2a84c4;
    color: #fff !important;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-right: 5px;
    transition-duration: 0.3s;
    margin-right: -15px;
}

.panel .action-bar .arrow-left:before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 12.5px solid transparent;
    border-bottom: 12.5px solid transparent;
    border-right: 15px solid #2a84c4;
    position: absolute;
    right: 100%;
    transition-duration: 0.3s;
}

.panel .action-bar .arrow-left:hover{
    background: #3aa5db;
    transition-duration: 0.3s;
}

.panel .action-bar .arrow-left:hover:before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 12.5px solid transparent;
    border-bottom: 12.5px solid transparent;
    border-right: 15px solid #3aa5db;
    position: absolute;
    right: 100%;
    transition-duration: 0.3s;
}

.panel .action-bar .fa-angle-left:before{
    display: none;
}

/* Sprungmarke zum neuesten Beitrag; Symbol ausgetauscht */
.fa-external-link-square::before {
    content:"\f0a9";
}

/* Copyright-Text etwas weniger auffaellig
div.copyright {
    opacity: 1;
}
*/

/* Grgds. Linkfarbe
a:active, a:visited {
    color: inherit;
}
*/

/* Test für Markierung (un)gelesener Beitrage

.row-item.topic_read::before, .row-item.forum_read_subforum::before, .row-item.forum_read::before {
    content: ' \f111';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #2a84c4;
opacity: 0.5;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}

.row-item.topic_unread::before, .row-item.forum_unread_subforum::before, .row-item.forum_unread::before {
    content: ' \f111';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #2a84c4;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}

.row-item.global_unread::before, .row-item.sticky_unread::before, .row-item.sticky_unread_mine::before{
    content: ' \f08d';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #2a84c4;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}


.row-item.global_read::before, .row-item.sticky_read::before, .row-item.sticky_read_mine::before
{
    content: ' \f08d';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #2a84c4;
      opacity: 0.5;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}


.row-item.global_read_locked::before, .row-item.topic_read_locked_mine::before {
    content: ' \f023';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #2a84c4;
     opacity: 0.5;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}


.row-item.topic_unread_hot::before {
    content: ' \f111';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #ff8633;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}

.row-item.topic_read_hot::before {
    content: ' \f111';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #ff8633;
    opacity: 0.5;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}


.row-item.topic_unread_hot_mine::before{
    content: ' \f192';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #ff8633;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}

.row-item.topic_read_hot_mine::before{
    content: ' \f192';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #ff8633;
opacity: 0.5;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}


.row-item.topic_read_mine::before{
    content: ' \f192';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #2a84c4;
opacity: 0.5;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}

.row-item.topic_moved::before, .row-item.forum_link::before{
    content: ' \f0a9';
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    position: relative;
    color: #2a84c4;
opacity: 0.5;
    top: 10px;
margin-left: 20px;
margin-right: 20px;
    min-height: 45px;
}

dl.row-item dt .list-inner {
    padding-left: 0px;
}

.topics .row-item .unread{
    display: none;
}

ul.topiclist dt{
width: calc(100% - 60px);
}

#page-body > div:nth-child(4) > div > ul:nth-child(1) > li > dl > dd.topics, #page-body > div.forumbg.announcement > div > ul:nth-child(1) > li > dl > dd.posts{
    margin-left: 55px;
}

dl.row-item {
    background: none;
}

*/


/* blendet den letzten Post auch auf kleinen Displays ein */
@media (max-width: 703px) {
.topics .lastpost {
    display: inherit !important;
    width: 100%;
    color: #8c8c8c;;
    background: #f3f3f3;
    margin-left: 52px;
    border-radius: 3px;
    margin-bottom: -10px;
    padding-bottom: 5px;
    margin-top: 10px;
    }

.topics .lastpost a.username{
    pointer-events: none;
    cursor: default;
    color: #8c8c8c;;
    }

.topics dd.lastpost span:before {
    content: "\f112";
    font-family: FontAwesome;
    padding-right: 5px;
    font-size: 1em;
    }

.topics .lastpost br{
    display: none;
    }

.topics .icon.fa-clone.fa-fw {
    display: none;
}

.topics .pagination {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
/*
    .topic-poster{
    display: none;
}
*/

@media (prefers-color-scheme:dark) {
.topics .lastpost {
	background: rgba(0, 0, 0, 0.3);
}
}


}

/* nicht Fett Verfasser */
.topic-poster{
    font-weight: normal !important;
}


/* Header klein auf Mobilgeraeten */
@media (max-width:450px) {

    .header-logo-image img, .header-logo-image {
        margin-right: auto !important;
        margin-left: auto !important;
        margin-bottom: 5px;
        height: 60px;
        text-align: center;
    }

    .site-branding {
        float: none;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .header-logo-image {
        float: none!important;
        padding-right: 0
    }

    #main-menu {
        margin-top: 0px !important
    }

    .hgroup-wrap-right {
        height: 36px;
		line-height: 0px;
    }
    .dm_menu_search button,
    .dm_menu_search input[type=text] {
        height: 36px!important;
		margin-top: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
		right: 0px!important;
		margin-left: 0px!important;
    }
    #blog_kommentare,
    #menu-button {
        font-size: 27px;
		padding-top: 4px;
		padding-right: 20px;
    }
    nav#menu {
        margin-top: 47px
    }

    .entry-header {
        padding-bottom: 7px
    }
}

@media (max-width:375px) {
	body{
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
}

/* ungelesene Beitraege Link auf Uebersicht Positionierung */
dl a.row-item-link{
    top: 0px;
    margin-top: 0px;
}

/* nicht registrierte User fett */
.postprofile .username{
    font-weight: bold;
    color: #555;
}

/* Quick-Login */ /* Login-Seite */
.quick-login .inputbox, .quick-login input#username, .quick-login input#password, #login .inputbox, #login input#username, #login input#password{
    width: inherit !important;
}


/* Registrierung Anpassungen */
#register .inner dt{
    width: 100%;
}

#register .inner dd{
    margin-left: 0px;
}

#register .inputbox{
    width: 100% !important;
    max-width: 400px;
}

/* Checkbox PNs Positionierung */
#cp-main .row-item .mark {
    position: relative;
    left: 60px;
    top: -13px;
}

/* CP PN zurueck */
#cp-main .left-box.arrow-left {
    margin-left: 15px;
}

/* Mod-Menü Fix von Gwen */
.dropdown li a:link {
    color: grey !important
}
.dropdown li a:hover {
    background-color: lightgray !important;
	color: black !important;
}

/* Links auch durchgestrichen möglich */
.content s a {
    text-decoration: line-through;
}

/* rote Datenschutz-Box */
.rules h4 {
    color: rgba(181, 51, 51, 1);
    border-bottom: 2px solid rgba(181, 51, 51, 1);
    font-size: 18px;
    margin-bottom: 5px;
}

.rules {
    font-size: 14px !important;
}

.rules p{
    line-height: 1.5em;
}

.rules a {
 /*   color: #ffffff; */
    text-decoration: underline;
}

.rules a:hover {
    color: #cbcdcd;
    text-decoration: underline !important;
}

.rules a[href*="datenschutz"]:after {
    content: " \f0da"!important;
    font-family: FontAwesome;
}

.rules a[href*="accept"]:after {
    content: " \f00c"!important;
    font-family: FontAwesome;
}

.rules a[href*="abgelehnt"]:after {
    content: " \f00d"!important;
    font-family: FontAwesome;
}

.rules a.button2 {
    background: rgba(255, 255, 255, 0.8) !important;
    color: rgba(0, 0, 0, 0.85) !important;
	border-radius: 3px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	text-decoration: none !important;
    padding-top: 4px !important;
    padding-bottom: 3px !important;
    margin-right: 15px !important;
    white-space: nowrap !important;
    font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
    font-size: 15px !important;
    margin-top: 10px;
    margin-bottom: 5px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.09);
}

.rules a.button2:hover {
	background: rgba(255, 255, 255, 0.9) !important;
}

/* wer ist online */
td, th {
	border: 0px;
	background: rgba(255, 255, 255, .5);
}

/* Fix fuer Dateianhaenge-Button im Editor */
#attach-panel-tab{
	display: initial !important;
}

/* Fix fuer ausgeblendete Elemente pers. Bereich bei Skalierung */
@media (min-width:800px) {
	.tab{
		display: initial !important;
		}
}

/* placeholder im MenüSuchfeld heller machen bzw. in jedem Browser gleich */
::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff;
}

/* Scrollbalken beim Topic Review */
.topicreview {
background: #fff;
}

/* Ueberschriften Start */
.forumbg .header a, .forabg .header a, th a {
	color: #fff;
	font-family: "Roboto Condensed", Roboto, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: initial;
}

li.header dt, li.header dd {
	color: #fff !important;
	text-transform: initial;
}

/* Breadcrumbs */

.breadcrumbs .crumb {
font-weight: initial;
}
.breadcrumbs .crumb a {
font-size: 0.9em;
}

/* Anpassungen Startseite */

ul.forums {
	background: none;
/*	border-bottom: 1px solid rgb(223, 223, 223); */
	border-top: 0px;
	border-radius: 0px;
}

	/* Menue Symbole */
.sm-simple a[href*=login]:after {
    content: "\f090" !important;
    font-family: FontAwesome;
	display: initial !important;
	font-size: 13px;
	top: -1px;
}

.sm-simple a[href*=logout]:after {
    content: "\f08b" !important;
    font-family: FontAwesome;
	display: initial !important;
	font-size: 13px;
	top: -1px;
}

.sm-simple a[href*=register]:after {
    content: "\f0fe" !important;
    font-family: FontAwesome;
	display: initial !important;
}

.post {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0px;
}

hr.divider{
display: inherit;
border: 2px solid #555;
color: #555;
margin: 0px;
}

ul.topiclist li, dl.details dd {
	color: #68768c;
}

.search.post{
	border-bottom: 4px solid #555;
}

.action-bar.actions-jump {
display: none;
}

.action-bar.bar-bottom, .action-bar.bottom {
margin-top: 20px;
margin-bottom: 25px !important;
}

.inner:after, ul.linklist:after{
	display: none;
}
.wrapper {
padding-bottom: 15px;
}

.post.bg1 {
	background-color: #fff;
}

.forum-title, .posting-title, .stat-block, .topic-title, #postingbox, #options-panel, #review, .top, #attach-panel.panel, .panel, .searchresults-title, .advanced-search-link, .titlespace, /* h2, */ .linkmcp.responsive-center, .headerspace, .ucp-title {
padding: 0px 20px;
}

.tabs .tab > a {
margin: 1px 3px 0 0;
}

#username_list {
margin-bottom: 3px !important;
}

#cp-main #postingbox {
padding: 0px 10px;
}

.online {
height: 70px;
}

#preview .postbody {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.23);
padding: 10px !important;
border-radius: 3px;
}

.action-bar input::placeholder {
	color: #8f8f8f !important;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
.cp-menu{
	width: 100%;
}

.navigation {
max-width: initial;
}
}

.action-bar.compact {
display: none;
}

.breadcrumbs {
padding-bottom: 7px;
}

.sm-simple .sm-nowrap>li>a.has-submenu:hover:after, .sm-simple .sm-nowrap>li>a.has-submenu.highlighted:after   {
        color: #fff !important;
		transition-duration: 0.05s;
    }

/* Schnellantwort */
.quickreply-title {
padding-left: 0px;
}

fieldset.submit-buttons .button2, fieldset.submit-buttons .button1 {
	margin-bottom: 5px;
}

/* Schatten Suchbox Menue */
#search.search-form.clearfix {
	overflow: visible;
}

/* Anpassungen Danke-Box */

[id*="list_thanks"] .notice {
  background: rgba(42, 132, 196, 0.09);
  padding: 8px;
  border: none;
  border-radius: 3px;
}

/* Anpassungen neue Cookie-Abfrage */

.cm-btn.cm-btn-decline.cm-btn-danger.cn-decline {
	order: 2;
	width: 100%;
	margin-right: .25em !important;
	margin-left: .25em !important;
}

.cm-btn.cm-btn-success.cm-btn-info.cm-btn-accept {
	order: 1;
	width: 100%;
	margin-right: .25em !important;
	margin-left: .25em !important;
}

.klaro .cookie-modal {
	z-index: 999999 !important;
}

.klaro .cookie-modal .cm-modal.cm-klaro {
	background-color: #fff !important;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2) !important;
	border-radius: 8px !important;
}

.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice strong, .klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li  {
	color: #555 !important;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
	border-bottom: 2px solid #d1d1d1;
	margin-bottom: 10px;
	font-family: "Roboto Condensed", sans-serif !important;
	font-weight: 400 !important;
	color: #333 !important;
	font-size: 24px !important;
	line-height: 26px !important;
}

.klaro .cookie-modal .cm-modal .cm-header {
	border-bottom: 1px solid #e7e7e8 !important;
	padding: 20px !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-footer {
	border-top: 1px solid #e7e7e8 !important;
}

.klaro .cookie-modal .cm-modal .cm-body {
padding: 20px !important;
}

.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
color: #555 !important;
}

.klaro .cookie-modal .slider, .klaro .context-notice .slider, .klaro .cookie-notice .slider {
	box-shadow: none !important;
}

.klaro .cookie-modal .cm-list-label .slider::before, .klaro .context-notice .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {
	background-color: #fff !important;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .context-notice .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info, .klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
	background-color: #2a84c4 !important;
	line-height: 25px !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-info:hover, .klaro .context-notice .cm-btn.cm-btn-info:hover, .klaro .cookie-notice .cm-btn.cm-btn-info:hover, .klaro .cookie-modal .cm-btn:hover, .klaro .context-notice .cm-btn:hover, .klaro .cookie-notice .cm-btn:hover  {
background-color: #3aa5db !important;
transition-duration: .2s !important;
}

.klaro .cookie-modal .cm-list-label .slider::before, .klaro .context-notice .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {
	height: 24px !important;
	width: 24px !important;
	left: 3px !important;
	bottom: 3px !important;
}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider, .klaro .context-notice .cm-list-input:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
	background-color: #32c876 !important;
}

.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {
background-color: #e9e9ea !important;
}

.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider {
	opacity: 0.5 !important;
}

/* Subforum-Hinweis */
#subforum_hinweis {
  color: #ff0000;
  font-weight: bold;
}


/* Punkte; gelesen ungelesen */

.row-item.forum_unread, .row-item.forum_unread_subforum, .row-item.topic_unread, .row-item.pm_unread{
	background-image: radial-gradient(#2a84c4 8px, transparent 0) !important; 
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}

.row-item.forum_unread_mine, .row-item.forum_unread_subforum_mine, .row-item.topic_unread_mine{
	background-image: radial-gradient(circle, rgba(255, 255, 255, 1) 3px, rgba(42, 132, 196, 1) 3px, rgba(42, 132, 196, 1) 8px, transparent 0) !important;
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}

.row-item.forum_read, .row-item.forum_read_subforum, .row-item.topic_read, .row-item.topic_read, .row-item.pm_read {
	background-image: radial-gradient(rgba(42, 132, 196, 0.3) 8px, transparent 0) !important; 
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}

.row-item.forum_read_mine, .row-item.forum_read_subforum_mine, .row-item.topic_read_mine, .row-item.topic_read_mine {
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 3px, rgba(42, 132, 196, 0.3) 3px, rgba(42, 132, 196, 0.3) 8px, transparent 0) !important;
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}


.row-item.topic_unread_hot {
	background-image: radial-gradient(#ffb244 8px, transparent 0) !important; 
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}

.row-item.topic_unread_hot_mine {
		background-image: radial-gradient(circle, rgba(255, 255, 255, 1) 3px, #ffb244 3px, #ffb244 8px, transparent 0) !important;
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}

.row-item.topic_read_hot {
	background-image: radial-gradient(rgba(255, 178, 68, 0.3) 8px, transparent 0) !important; 
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}


.row-item.topic_read_hot_mine  {
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 3px, rgba(255, 178, 68, 0.3) 3px, rgba(255, 178, 68, 0.3) 8px, transparent 0) !important;
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}


.row-item.sticky_unread, .row-item.global_unread, .row-item.announce_unread{
	background-image: radial-gradient(circle, rgba(42, 132, 196, 1) 6px, rgba(255, 0, 0, 1) 6px, rgba(255, 0, 0, 1) 8px, transparent 0) !important;
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}

.row-item.sticky_unread_mine, .row-item.global_unread_mine, .row-item.announce_unread_mine {
background-image: radial-gradient(circle, rgba(255, 255, 255, 1) 3px, rgba(42, 132, 196, 1) 3px, rgba(42, 132, 196, 1) 6px, rgba(255, 0, 0, 1) 6px, rgba(255, 0, 0, 1) 8px, transparent 0) !important;
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}

.row-item.sticky_read, .row-item.global_read, .row-item.announce_read {
	background-image: radial-gradient(circle, rgba(42, 132, 196, 0.4) 6px, rgba(255, 0, 0, 0.4) 6px, rgba(255, 0, 0, 0.4) 8px, transparent 0) !important;
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}

.row-item.sticky_read_mine, .row-item.global_read_mine, .row-item.announce_read_mine {
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 3px, rgba(42, 132, 196, 0.4) 3px, rgba(42, 132, 196, 0.4) 6px, rgba(255, 0, 0, 0.4) 6px, rgba(255, 0, 0, 0.4) 8px, transparent 0) !important;
	background-size: 16px 16px  !important;
	background-position: 20px 12px !important;
	background-repeat: no-repeat  !important;
}

/* Padding Textfeld */
.message-box textarea, input[type=text] { 
	padding:7px;
}

/* Schnellantwort Buttons zentrieren */
fieldset.submit-buttons, .message-box {
	width: 76%;
}

.message-box textarea, #page-body input[type=text] {
border-color: #dfdfdf !important;
background: #f8f8f8 !important;
color: #555;
border-radius: 3px;
}

.bbcode-status, a[href="#review"] {
display: none !important;
}

.smiley-box {

width: 22%;
margin-top: 5px;


padding-top: 15px;
padding-bottom: 15px;
border-radius: 3px;
}

.smiley-box img {
margin: 5px;
}

.smiley-box hr, #smiley-box > strong:nth-child(1), #smiley-box > br:nth-child(2), #smiley-box > br:nth-child(31) {
	display: none;
}

/* Signatur Farbe */

.signature, .signature a{
color: rgba(0, 0, 0, 0.53);
}

/* div. Abstaende */
.memberlist-title, .viewonline-title {
margin-left: 20px;
margin-right: 20px;
}


.section-viewonline .forumbg.forumbg-table, .section-viewonline p, .section-search p{
margin-left: 20px;
margin-right: 20px;
}

.section-viewonline .forumbg.forumbg-table {
	margin-bottom: 10px;
}

.advanced-search-link {
	padding: 0px;
}


/* Darkmode zuzammengefasst (soweit nicht von der Display-Groesse abhaengig), um die Media Queries zu verringern */
@media (prefers-color-scheme:dark) {

div#main-content.mb-20, .inner li.row:nth-child(odd), .inner li.row:nth-child(even), .bg2, .bg1, .post, .row, li.row:hover, .panel.bg3, div.panel.bg2, div.panel.bg1, .panel#postingbox, .member-search.panel, .panel, div#cp-main.ucp-main.panel-container {
	background-color: #353739 !important;
}

body {
	background: #1e1c1c;
}

hr.divider {
border-color: #1e1c1c;
}

#colophon {
background: #222324;
}

.inner li.row {
	border-color: #28292b;
}

.forabg, .forumbg {
background-color: #28292b;
box-shadow: 0 6px 9px rgba(0, 0, 0, 0.2);
}

.online {
background-blend-mode: screen;
}

ul.topiclist li, p:not(.cc_message), p a, .copyright, .copyright_phpbb, .pagination li.ellipsis span, .navbar, #nav-footer, .forumtitle a, .subforum a, a.lastsubject, dd.lastpost span a.username, dt.has-profile-rank a.username, dd.profile-posts a, .topictitle a, .list-inner a, .inner a, em a:visited, .content, .post:target .content, .copyright a, .copyright_phpbb a, .display-options label, .quick-login label, .quick-login a, span.responsive-hide, .navbar a, a.mark_dunkel, .postbody, .postprofile strong, .postprofile, p.author a, h3.first a, .author, .inner p, div.action-bar.top, .member-search.panel a, #reggen p a, p.author span.responsive-hide, p a#reg_link, .codebox p a, .inner p a, li.row strong, .postprofile .username, input#username, input#password, .panel, #frmContact
{
color: #ccc;
}

.signature, .signature a{
color: rgba(255, 255, 255, 0.53);
}

h3, h2, h2 a:visited, h2 a, h3 a, .inner h3, .postbody h3 a, .post:target h3 a, .forumbg .header a, .forabg .header a, th a, h3, p.author, .content h2, .panel h2, dt label, fieldset dl:hover dt label, #tabs .tab > a:hover, #tabs .tab > a, #frmContact h2 {
	color: #eaeaea;
}

.read .icon.icon-blue {
color: rgba(255, 255, 255, 0.3) !important;
}

h3, p.author, .signature, .content h2, .panel h2{
border-color: #7b7b7b;
}

		#menu_is_selected {
        background: #1b5f9f !important;
        color: #eaeaea !important;
	}
		
		 .dm_menu_search input[type=text] {
        background: #1b5f9f;
        color: #eaeaea
    }
    .dm_menu_search button {
        background: transparent;
        color: #eaeaea
    }
	
.action-bar.bar-top, .action-bar.bar-bottom, .action-bar.bottom {
	background: #515457!important;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.24);
}

.action-bar .button, .action-bar .search-box .inputbox, #search_keywords::placeholder, .post-buttons .button, .format-buttons .button, .action-bar .pagination .button{
background-color: #ccc !important;
color: #464646 !important;
	}
	
.button .icon, .button:focus .icon, .button:hover .icon, .button:active .icon{
	 color: #464646 !important;
 }
	
.action-bar.bar-bottom .pagination {
	color: #ccc;
}

.row-item .pagination li a {
background: #515457 !important;
border-color: #515457 !important;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.24) !important;
color: #fff !important;
}

.action-bar, .action-bar a, a.mark.hell_auf_dunkel, .action-bar .pagination li.ellipsis span {
color: #ccc !important;
}

#colophon a {
	color: #eaeaea !important;
}

#format-buttons input[type=button], input[type=submit], input#add_files.button2, html input[type=button], .button2 {
	background: #1b5f9f !important;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.24) !important;
}

.message-box textarea, #page-body input[type=text], #page-body input[type=email], .demoInputBox{
border-color: #5c5c5c !important;
background: #414346 !important;
color: #ccc !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

blockquote {
	color: #ccc;
	background: rgba(0, 0, 0, 0.21);
border: 1px solid rgba(0, 0, 0, 0.28);
}

blockquote cite {
background-color: rgba(255, 255, 255, 0.13);
}

.row-item.forum_unread, .row-item.forum_unread_subforum, .row-item.topic_unread, .row-item.pm_unread{
	background-image: radial-gradient(#1b5f9f 8px, transparent 0) !important; 
}

.row-item.forum_unread_mine, .row-item.forum_unread_subforum_mine, .row-item.topic_unread_mine{
	background-image: radial-gradient(circle, rgba(255, 255, 255, 1) 3px, rgba(27, 95, 159, 1) 3px, rgba(27, 95, 159, 1) 8px, transparent 0) !important;
}

.row-item.forum_read, .row-item.forum_read_subforum, .row-item.topic_read, .row-item.topic_read, .row-item.pm_read{
	background-image: radial-gradient(rgba(27, 95, 159, 0.35) 8px, transparent 0) !important; 
}

.row-item.forum_read_mine, .row-item.forum_read_subforum_mine, .row-item.topic_read_mine, .row-item.topic_read_mine {
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 3px, rgba(27, 95, 159, 0.35) 3px, rgba(27, 95, 159, 0.35) 8px, transparent 0) !important;
}

.row-item.topic_unread_hot {
	background-image: radial-gradient(#ffb244 8px, transparent 0) !important; 
}

.row-item.topic_unread_hot_mine {
		background-image: radial-gradient(circle, rgba(255, 255, 255, 1) 3px, #ffb244 3px, #ffb244 8px, transparent 0) !important;
}

.row-item.topic_read_hot {
	background-image: radial-gradient(rgba(255, 178, 68, 0.3) 8px, transparent 0) !important; 
}


.row-item.topic_read_hot_mine  {
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 3px, rgba(255, 178, 68, 0.3) 3px, rgba(255, 178, 68, 0.3) 8px, transparent 0) !important;
}


.row-item.sticky_unread, .row-item.global_unread, .row-item.announce_unread{
	background-image: radial-gradient(circle, rgba(27, 95, 159, 1) 6px, rgba(255, 0, 0, 1) 6px, rgba(255, 0, 0, 1) 8px, transparent 0) !important;
}

.row-item.sticky_unread_mine, .row-item.global_unread_mine, .row-item.announce_unread_mine {
background-image: radial-gradient(circle, rgba(255, 255, 255, 1) 3px, rgba(27, 95, 159, 1) 3px, rgba(27, 95, 159, 1) 6px, rgba(255, 0, 0, 1) 6px, rgba(255, 0, 0, 1) 8px, transparent 0) !important;
}

.row-item.sticky_read, .row-item.global_read, .row-item.announce_read {
	background-image: radial-gradient(circle, rgba(27, 95, 159, 0.35) 6px, rgba(255, 0, 0, 0.4) 6px, rgba(255, 0, 0, 0.4) 8px, transparent 0) !important;
}

.row-item.sticky_read_mine, .row-item.global_read_mine, .row-item.announce_read_mine {
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 3px, rgba(27, 95, 159, 0.35) 3px, rgba(27, 95, 159, 0.35) 6px, rgba(255, 0, 0, 0.4) 6px, rgba(255, 0, 0, 0.4) 8px, transparent 0) !important;
}


.tabs {
	background: #28292b;
}

#tabs .activetab > a {
	background: #1b5f9f !important;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.24) !important;
}

#tabs .activetab > a:hover {
	background: #18558f !important;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.24) !important;
}

li.tab a, li.tab.activetab a {
	background-color: #28292b !important;
}

label, #postingbox fieldset.fields1 div {
	color: #ccc !important;
}

.smilies {
background: #ccc;
padding: 3px;
border-radius: 5px;
}

.panel #cp-menu {
	background: rgba(255, 255, 255, 0.2) !important;
}

#navigation a {
	color: #f1f1f1;
}

#navigation #active-subsection a, #navigation #active-subsection a:hover, #navigation a:hover {
	background-color: rgba(0, 0, 0, 0.33);
}

div.cp-mini {
background-color: rgba(0, 0, 0, 0.2);
color: #ccc;
}

dl.mini dt, #cp-main h2 a, dl.file dd, dl.details dt, dl.details dd{
	color: #ccc;
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd), table.table1 tbody td {
	color: #ccc;
}

table.table1 tbody td {
border-top-color: #555;
}

.panel-container .panel li.row, .panel-container .bg1, .panel-container .bg2 {
	border-color: #5d5f61;
}

.search.post {
	border-color: #1e1c1c;
}

.inputbox, select {
	border-color: #5c5c5c !important;
background: #414346 !important;
color: #ccc !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

[id*="list_thanks"] .notice {
	background: rgba(42, 132, 196, 0.2);
}

div.rules{
background-color: rgba(223, 0, 0, 0.39);
color: rgba(255, 255, 255, 0.7);
}


.rules h4, .rules p {
	color: rgba(255, 255, 255, 0.7) !important;
	border-color: rgba(255, 255, 255, 0.7);
}

.panel-container .bg1, .panel-container .bg2 {
	background: #525457 !important;
}

.panel-container table.table1 thead th {
	color: #ccc;
}

.topicreview {
	background: #353739;
}

.panel-container h3, .panel-container hr, .cp-menu hr {
border-color: rgba(164, 179, 191, 0.53);
}

.current {
color: #fafafa !important;
}

td, th {
border: 0px;
background: rgba(0, 0, 0, 0.2);
}


.action-bar .pagination li.active span, .pagination li a:hover, .action-bar .pagination li a:active, .action-bar .pagination .button:hover{
	background: #1b5f9f !important;
	box-shadow: inset 0px 0px 0px 1px #2a84c4 !important;
	color: #fafafa !important;
}

.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #1b5f9f;
border-color: #1b5f9f;
}

ins.adsbygoogle:before {
color: #5d5d5d;
background: #fff !important;
}

#format-buttons input[type=button]:hover, input[type=submit]:hover, input#add_files.button2:hover, html input[type=button]:hover, .button2:hover {
	background-color: #18558f !important;
}

div.stat-block.online-list a:visited {
	color: #ccc !important;
}

.action-bar .button:hover, .action-bar .button:active {
	background-color: #d9d9d9 !important;
}

.attachbox {
	background: transparent;
}


/* Team-Avatare / Signatur Anpassung an Darkmode */
img[src$="/.moinmoin/moinmoin.gif"] {
background: #ccc;
padding: 3px;
border-radius: 5px !important;
}

img[src$="file.php?avatar=33538_1672949677.gif"]{
background: #fff;
padding: 3px;
border-radius: 5px !important;
}

blockquote blockquote {
background-color: rgba(238, 237, 217, 0.11);
}

.codebox, .codebox p {
background-color: #555;
border-color: #555;
}

code {
background-color: rgba(0, 0, 0, 0.91);
}

dl.thumbnail img {
	background: transparent;
}

#cp-main a.button {
	color: #555;
}

.post-notice.reported {
	background-color: rgba(223, 0, 0, 0.39) !important;
	color: rgba(255, 255, 255, 0.7) !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
	border-radius: 5px !important;
}

.post-notice.reported {
	color: rgba(255, 255, 255, 0.7) !important;
}

/* Tipp-Box dunkel */
#frmContact {
	background: #353739 !important;
	border-top: 0px !important;
}

}