/* 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 */
}

/* Codeboxen */
pre {
	padding: 15px;
	display: flex;
	border-radius: 3px;
	overflow: auto;
	background-color: #eeeeee;
	word-break: normal !important;
	word-wrap: normal !important;
	white-space: pre !important;
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
  color: #555;
  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;
}

a:hover, a:focus {
text-decoration: none;
}

.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 {
  padding: 13px 20px;
  padding-right: 58px;
  color: #555555;
  font-size: 16px;
  font-weight: normal;
  line-height: 17px;
  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, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 11px 20px;
    color: #555555;
  } */
  .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 {
    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 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-top: 0px;
  }
  .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 (min-width: 911px) {
		/* Menue Symbole */
.sm-simple a[href*=Anmelden]:after {
    content: "\f090" !important;
    font-family: FontAwesome;
	display: initial !important;
	font-size: 13px;
	top: -1px;
}

.sm-simple a[href*=Abmelden]: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;
}

	/* 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: #595c67;
padding-top:  1px ;
padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 3px;
  margin-left: 4px;
}

ins.adsbygoogle{
/* padding-bottom: 50px; */
text-align: left;
text-decoration: none !important;
}

.googlewerbung {
	margin-bottom: 30px;
}

/* 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;
  }

/* ================================================================= */

/* Framework */
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background-color: #f3f3f3;
	/*background-image: url(images/page-base.png);*/

}
/* Content */
div#content {
	margin: 0;
	padding: 20px;
	/* Border on top, left, and bottom side */
	border: 1px solid #999999;
	/* Merge the border with tabs' one (in their background image) */
	margin-top: -1px;
	background-color: transparent;
	color: #555;
	direction: ltr;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	padding-left: 30px;
	padding-right: 30px;
}
/* Hide, but keep accessible for screen-readers */
#mw-navigation h2 {
	position: absolute;
	top: -9999px;
}
/* Head */
#mw-page-base {
	height: 5em;
	/*background-color: white;
	background-image: url(images/page-fade1.png);
	background-position: bottom left;
	background-repeat: repeat-x;*/
}
#mw-head-base {
	margin-top: -5em;
	margin-left: 10em;
	height: 40px;
	/*background-image: url(images/border1.png);
	background-position: bottom left;
	background-repeat: repeat-x;*/
}
div#mw-head {
	position: absolute;
	top: 150px;
	right: 0;
	width: 100%;
}
div#mw-head h3,
div#mw-head h5 {
	margin: 0;
	padding: 0;
}
/* Hide empty portlets */
div.emptyPortlet {
		display: none;
}
/* Personal */
#p-personal {
	position: absolute;
	top: 0em;
	margin-left: 10em;
	right: 0.75em;
	/* Display on top of page tabs - bug 37158 */
	z-index: 1;
	display: none;
}
#p-personal h3,
#p-personal h5 {
	display: none;
}
#p-personal ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding-left: 0;
}
/* @noflip */
#p-personal li {
	line-height: 1.125em;
	float: left;
}
/* This one flips! */
#p-personal li {
	margin-left: 0.75em;
	margin-top: 0.5em;
	font-size: 1em;
	white-space: nowrap;
}
/* Navigation Containers */
#left-navigation {
	/*position: absolute;*/
	left: 10em;
	top: 1px;
	margin-top: -11.5em;
}
#right-navigation {
	float: right;
	margin-top: -1.5em;
}
/* Navigation Labels */
div.vectorTabs h3,
div.vectorTabs h5,
div.vectorMenu h3 span,
div.vectorMenu h5 span {
	display: none;
}
/* Namespaces and Views */
/* @noflip */
div.vectorTabs {
	float: left;
	height: 2.5em;
}
div.vectorTabs {
	/* @embed */
	/*background-image: url(images/tab-break.png);
	background-position: bottom left;
	background-repeat: no-repeat;*/
	padding-left: 1px;
	padding-top: 5px;
}
/* @noflip */
div.vectorTabs ul {
	float: left;
}
div.vectorTabs ul {
	height: 100%;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
/* @noflip */
div.vectorTabs ul li {
	float: left;
	font-size: 1em;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs ul li {
	line-height: 1.125em;
	display: inline-block;
	height: 100%;
	margin: 0;
	padding: 0;
	/*background-color: #f2f5f6;
	background-image: url(images/tab-normal-fade.png);
	background-position: bottom left;
	background-repeat: repeat-x;*/
	white-space: nowrap;
}
/* IGNORED BY IE6 */
div.vectorTabs ul > li {
	display: block;
}
div.vectorTabs li.selected {
	/* @embed */
	/*background-image: url(images/tab-current-fade.png);*/
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs li a {
	display: inline-block;
	height: 2.5em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	/*background-image: url(images/tab-break.png);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}
div.vectorTabs li a,
div.vectorTabs li a span {
	color: #0645ad;
	cursor: pointer;
}
div.vectorTabs li a span {
	font-size: 1em;

}
/* IGNORED BY IE6 */
div.vectorTabs li > a {
	display: block;
}
div.vectorTabs li.icon a {
	background-position: bottom right;
	background-repeat: no-repeat;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs span a  {
	display: inline-block;
	padding-top: 1.25em;
}
/* IGNORED BY IE6 */
/* @noflip */
div.vectorTabs span > a {
	float: left;
	display: block;
}
div.vectorTabs span {
	display: inline-block;
	/*background-image: url(images/tab-break.png);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}
	div.vectorTabs li.selected a,
	div.vectorTabs li.selected a span,
	div.vectorTabs li.selected a:visited
	div.vectorTabs li.selected a:visited span {
		color: #333333;
		text-decoration: none;
	}
	div.vectorTabs li.new a,
	div.vectorTabs li.new a span,
	div.vectorTabs li.new a:visited,
	div.vectorTabs li.new a:visited span {
		color: #a55858;
	}

/* Variants and Actions */
/* @noflip */
div.vectorMenu {
	direction: ltr;
	float: left;
	/* @embed */
	/*background-image: url(images/arrow-down-icon.png);
	background-position: center center;
	background-repeat: no-repeat;*/
	cursor: pointer;
	display: none;
}
div.vectorMenuFocus {
	/* @embed */
	/*background-image: url(images/arrow-down-focus-icon.png);
	background-position: 100% 60%;*/
}
/* @noflip */
body.rtl div.vectorMenu {
	direction: rtl;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* @noflip */
div#mw-head div.vectorMenu h3,
div#mw-head div.vectorMenu h5 {
	float: left;
	/* @embed */
	/*background-image: url(images/tab-break.png);
	background-repeat: no-repeat;*/
}
/* This will be flipped - unlike the one above it */
div#mw-head div.vectorMenu h3,
div#mw-head div.vectorMenu h5 {
	background-position: bottom left;
	margin-left: -1px;
}
/* IGNORED BY IE6 */
div#mw-head div.vectorMenu > h3,
div#mw-head div.vectorMenu > h5 {
	background-image: none;
}
div#mw-head div.vectorMenu h4,
div.vectorMenu#p-variants #mw-vector-current-variant {
	display: inline-block;
	float: left;
	font-size: 1em;
	padding-left: 0.5em;
	padding-top: 1.375em;
	font-weight: normal;
	border: none;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* @noflip */
div.vectorMenu h3 a,
div.vectorMenu h5 a {
	display: inline-block;
	width: 24px;
	height: 1.9em;
	text-decoration: none;
	/* @embed */
	/*background-image: url(images/tab-break.png);
	background-repeat: no-repeat;*/
}
/* This will be flipped - unlike the one above it */
div.vectorMenu h3 a,
div.vectorMenu h5 a {
	background-position: bottom right;
}
/* IGNORED BY IE6 */
div.vectorMenu h3 > a,
div.vectorMenu h5 > a {
	display: block;
}
div.vectorMenu div.menu {
	position: relative;
	display: none;
	clear: both;
	text-align: left;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* @noflip */
body.rtl div.vectorMenu div.menu {
	margin-left: 24px;
}
/* IGNORED BY IE6 */
/* @noflip */
body.rtl div.vectorMenu > div.menu {
	margin-left: auto;
}
/* IGNORED BY IE6 */
/* Also fixes old versions of FireFox */
/* @noflip */
body.rtl div.vectorMenu > div.menu,
x:-moz-any-link {
	margin-left: 23px;
}
/* Enable forcing showing of the menu for accessibility */
div.vectorMenu:hover div.menu,
div.vectorMenu div.menuForceShow {
	display: block;
}
div.vectorMenu ul {
	position: absolute;
	background-color: white;
	border: solid 1px silver;
	border-top-width: 0;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	margin-left: -1px;
	text-align: left;
}
/* Fixes old versions of FireFox */
div.vectorMenu ul,
x:-moz-any-link {
	min-width: 5em;
}
/* Returns things back to normal in modern versions of FireFox */
div.vectorMenu ul,
x:-moz-any-link,
x:default {
	min-width: 0;
}
div.vectorMenu li {
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 1em;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorMenu li a {
	display: inline-block;
	padding: 0.5em;
	white-space: nowrap;
	color: #0645ad;
	cursor: pointer;
	font-size: 1em;
}
/* IGNORED BY IE6 */
div.vectorMenu li > a {
	display: block;
}
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
	color: #333;
	text-decoration: none;
}
/* Search */
#p-search h3,
#p-search h5 {
	display: none;
}
/* @noflip */
#p-search {
	float: left;
}
#p-search {
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-top: 8px;
}
#p-search form,
#p-search input {
	margin: 0;
	margin-top: 0.4em;
}
div#simpleSearch {
	display: block;
	width: 14em;
	height: 1.4em;
	margin-top: 0.5em;
	position: relative;
	min-height: 1px; /* Gotta trigger hasLayout for IE7 */
	border: solid 1px #aaa;
	color: #555;
	background-color: white;
	/* @embed */
	/*background-image: url(images/search-fade.png);
	background-position: top left;
	background-repeat: repeat-x;*/
}
div#simpleSearch label {
	/*
	 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
	 * this from ever being shown anyways.
	*/
	font-size: 13px;
	top: 0.25em;
	direction: ltr;
}
div#simpleSearch input {
	color: #555;
	direction: ltr;
}
div#simpleSearch input:focus {
	outline: none;
}
div#simpleSearch input.placeholder {
	color: #999;
}
div#simpleSearch input::-webkit-input-placeholder {
	color: #999;
}
div#simpleSearch input:-moz-placeholder {
	color: #999;
}
div#simpleSearch input:-ms-input-placeholder {
	color: #999;
}
div#simpleSearch input#searchInput {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	margin: 0;
	padding: 0;
	padding-left: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	outline: none;
	border: none;
	/*
	 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
	 * this from ever being shown anyways.
	*/
	font-size: 13px;
	background-color: transparent;
	direction: ltr;
}
div#simpleSearch button#searchButton {
	position: absolute;
	width: 10%;
	right: 0;
	top: 0;
	padding: 0;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	padding-right: 0.4em;
	margin: 0;
	border: none;
	cursor: pointer;
	background-color: transparent;
	background-image: none;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div#simpleSearch button#searchButton img {
	border: none;
	margin: 0;
	margin-top: -3px;
	padding: 0;
}
/* IGNORED BY IE6 */
div#simpleSearch button#searchButton > img {
	margin: 0;
}
/* Panel */
div#mw-panel {
	position: absolute;
	top: 0px;
	padding-top: 0em;
	width: 10em;
	left: 0;
	float: right;
	font-size: 1em;
}

div#mw-panel div.portal h5 {
	font-weight: normal;
	color: #444;
	padding: 0em;
	padding-top: 0;
	padding-left: 0.25em;
	cursor: default;
	border: none;
	font-size: 1em;
}
div#mw-panel div.portal div.body {
	margin: 0;
}
div#mw-panel div.portal div.body ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}
div#mw-panel div.portal div.body ul li {
	padding: 0;
	padding-bottom: 0.5em;
	margin: 0;
	overflow: hidden;
	font-size: 15px;
	word-wrap: break-word;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 7px;
	line-height: 21px;
}
div#mw-panel div.portal div.body ul li a {
	color: #434343;
	text-decoration: none;
}

div#mw-panel div.portal div.body ul li a:hover {
	color: #2a84c4;
}

div#mw-panel div.portal div.body ul li::before {
    font-family: fontawesome;
    content: "\f105";
    padding-right: 5px;
	background: #F1F1F1;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 1px;
	border-radius: 3px;
	color: #909195;
	margin-right: 5px;
}


/* Shariff */

.shariff-button a{
    color: #fff !important;
	margin: 0px;
	font-size: 20px;
    padding:7px;
    text-align: center;
    display: block;
}

.shariff-button .share_text{
    display: none;
}

.shariff-button.twitter {
    background: #55acee;
}

.shariff-button.facebook {
    background: #3b5998;
}

.shariff-button.googleplus {
    background: #d34836;
}

.shariff-button.twitter:hover {
    background: #73bbf1;
	transition-duration: 0.3s;
}

.shariff-button.facebook:hover {
    background: #5e76aa;
	transition-duration: 0.3s;
}

.shariff-button.googleplus:hover {
    background: #db6859;
	transition-duration: 0.3s;
}

div#mw-panel div.portal div.body .shariff ul li {
	border: none;
	padding-bottom: 0px;
}

.shariff-button{
	border-radius: 3px;
}

.shariff-button::before {
	display: none;
}

/* Footer */
div#footer {
	position: relative;
	margin: 0;
	direction: ltr;
	clear: both;
	background-color: #f2f5f6;
}
div#footer ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
div#footer ul li {
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #333;
	font-size: 0.7em;
}
div#footer #footer-icons {
	float: right;
}
/* @noflip */
body.ltr div#footer #footer-places {
	float: left;
}
div#footer #footer-info li {
	line-height: 1.4em;
}
div#footer #footer-icons li {
	float: left;
	margin-left: 0.5em;
	line-height: 2em;
	text-align: right;
}
div#footer #footer-places li {
	float: left;
	margin-right: 1em;
	line-height: 2em;
}
/* Logo */
#p-logo {
	position: absolute;
	top: -160px;
	left: 0;
	width: 10em;
	height: 160px;
	display: none;
}
#p-logo a {
	display: block;
	width: 10em;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	display: none;
}

/* Preferences */
#preftoc {
	/* Tabs */
	width: 100%;
	float: left;
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
	/* @embed */
	background-image: url(images/preferences-break.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
	#preftoc li {
		/* Tab */
		float: left;
		margin: 0;
		padding: 0;
		padding-right: 1px;
		height: 2.25em;
		white-space: nowrap;
		list-style-type: none;
		list-style-image: none;
		/* @embed */
		background-image: url(images/preferences-break.png);
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	/* Sadly, IE6 won't understand this */
	#preftoc li:first-child {
		margin-left: 1px;
	}
	#preftoc a,
	#preftoc a:active {
		display: inline-block;
		position: relative;
		color: #0645ad;
		padding: 0.5em;
		text-decoration: none;
		background-image: none;
		font-size: 0.9em;
	}
	#preftoc a:hover,
	#preftoc a:focus {
		/* text-decoration: underline; */
	}
	#preftoc li.selected a {
		/* @embed */
		background-image: url(images/preferences-fade.png);
		background-position: bottom;
		background-repeat: repeat-x;
		color: #333;
		text-decoration: none;
	}
#preferences {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: -2px;
	clear: both;
	border: solid 1px #ccc;
	background-color: #f9f9f9;
	background-image: url(images/preferences-base.png);

}
#preferences fieldset {
	border: none;
	border-top: solid 1px #ccc;
}
#preferences fieldset.prefsection {
	border: none;
	padding: 0;
	margin: 1em;
}
#preferences fieldset.prefsection fieldset {
	border: none;
	border-top: solid 1px #cccccc;
}
#preferences legend {
	color: #666;
}
#preferences fieldset.prefsection legend.mainLegend {
	display: none;
}
#preferences td {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.htmlform-tip {
	font-size: x-small;
	padding: .2em 2em;
	color: #666;
}
#preferences div.mw-prefs-buttons {
	padding: 1em;
}
#preferences div.mw-prefs-buttons input {
	margin-right: 0.25em;
}

div#content {
	line-height: 1.5em;
}
#bodyContent {
	font-size: 1.1em;
}

.editsection {
	float: right;
}

ul {
	list-style-type: disc;
	/* @embed */
	list-style-image: none;
}

pre, .mw-code {
	line-height: 1.3em;
}

/* Site Notice (includes notices from CentralNotice extension) */
#siteNotice {
	font-size: 1em;
}
#firstHeading {
	padding-top: 0;
	margin-top: 0;
	padding-top: 0;
}
div#content a.external,
div#content a.external[href ^="gopher://"] {
	/* @embed */
	background: url(images/external-link-ltr-icon.png) center right no-repeat;
	padding-right: 13px;
}
div#content a.external[href ^="https://"],
.link-https {
	/* @embed */
	background: url(images/lock-icon.png) center right no-repeat;
	padding-right: 13px;
}
div#content a.external[href ^="mailto:"],
.link-mailto {
	/* @embed */
	background: url(images/mail-icon.png) center right no-repeat;
	padding-right: 13px;
}
div#content a.external[href ^="news:"] {
	/* @embed */
	background: url(images/news-icon.png) center right no-repeat;
	padding-right: 13px;
}
div#content a.external[href ^="ftp://"],
.link-ftp {
	/* @embed */
	background: url(images/file-icon.png) center right no-repeat;
	padding-right: 13px;
}
div#content a.external[href ^="irc://"],
div#content a.external[href ^="ircs://"],
.link-irc {
	/* @embed */
	background: url(images/talk-icon.png) center right no-repeat;
	padding-right: 13px;
}
div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
.link-audio {
	/* @embed */
	background: url(images/audio-icon.png) center right no-repeat;
	padding-right: 13px;
}
div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
.link-video {
	/* @embed */
	background: url(images/video-icon.png) center right no-repeat;
	padding-right: 13px;
}
div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
.link-document {
	/* @embed */
	background: url(images/document-icon.png) center right no-repeat;
	padding-right: 13px;
}

/* Icon for Usernames */
#pt-userpage,
#pt-anonuserpage,
#pt-login {
	/* @embed */
	background: url(images/user-icon.png) left top no-repeat;
	padding-left: 15px !important;
	text-transform: none;
}

.redirectText {
	font-size: 140%;
}

.redirectMsg img {
	vertical-align: text-bottom;
}

#bodyContent {
	position: relative;
	width: 100%;
}
div#bodyContent {
	font-family: "Segoe UI", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #555;
	background-color: #ffffff;
}

/* mediawiki.notification */
.skin-vector #mw-notification-area {
	top: 7em;
	font-size: 1em;
}
.skin-vector .mw-notification {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.93);
	padding: 0.75em 1.5em;
	border: solid 1px #a7d7f9;
	border-radius: 0.75em;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
	-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
}

/* Watch/Unwatch Icon Styling */
#ca-unwatch.icon a,
#ca-watch.icon a {
	margin: 0;
	padding: 0;
	outline: none;
	display: block;
	width: 26px;
	/* This hides the text but shows the background image */
	padding-top: 3.1em;
	margin-top: 0;
	/* Only applied in IE6 */
	margin-top: -0.8em;
	height: 0;
	overflow: hidden;
	/* @embed */
	background-image: url(images/watch-icons.png);
}
#ca-unwatch.icon a {
	background-position: -43px 60%;
}
#ca-watch.icon a {
	background-position: 5px 60%;
}
#ca-unwatch.icon a:hover,
#ca-unwatch.icon a:focus {
	background-position: -67px 60%;
}
#ca-watch.icon a:hover,
#ca-watch.icon a:focus {
	background-position: -19px 60%;
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
	/* @embed */
	background-image: url(images/watch-icon-loading.gif);
	background-position: 5px 60%;
}
#ca-unwatch.icon a span,
#ca-watch.icon a span {
	display: none;
}
div.vectorTabs ul {
}

/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
.tipsy {
	font-size: 1em;
}

/* Animate between standard and high definition layouts */

body.vector-animateLayout div#content,
body.vector-animateLayout div#footer {
	-moz-transition: margin-left 250ms, padding 250ms;
	-webkit-transition: margin-left 250ms, padding 250ms;
	-o-transition: margin-left 250ms, padding 250ms;
	transition: margin-left 250ms, padding 250ms;
}
body.vector-animateLayout #p-logo,
body.vector-animateLayout #left-navigation {
	-moz-transition: left 250ms;
	-webkit-transition: left 250ms;
	-o-transition: left 250ms;
	transition: left 250ms;
}
body.vector-animateLayout #mw-panel {
	-moz-transition: padding-left 250ms;
	-webkit-transition: padding-left 250ms;
	-o-transition: padding-left 250ms;
	transition: padding-left 250ms;
}
body.vector-animateLayout #p-search {
	-moz-transition: margin-right 250ms;
	-webkit-transition: margin-right 250ms;
	-o-transition: margin-right 250ms;
	transition: margin-right 250ms;
}
body.vector-animateLayout #p-personal {
	-moz-transition: right 250ms;
	-webkit-transition: right 250ms;
	-o-transition: right 250ms;
	transition: right 250ms;
}
body.vector-animateLayout #mw-head-base {
	-moz-transition: margin-left 250ms;
	-webkit-transition: margin-left 250ms;
	-o-transition: margin-left 250ms;
	transition: margin-left 250ms;
}


/* DM eigene Dinge --------------------------------------------------------------- */
body {
background-attachment: scroll;
background-color: #2E3037;
background-repeat: repeat-y;
color: #555;
min-height: 100%;
/* min-width: 350px; */
}

#dm_header {
width: 100%;
height: auto;
}

#content {
margin-left: 0em;
}

#right-navigation {
margin-right: 10em;
}

#footer {
margin-left: 0em;
margin-right: 10em;
font-size: 1em !important;
height: auto !important;
}


/* Hauptlogo */
#header_logo {padding: 0px;}
#logo {padding: 0px;}
#wrap ul.linklist {height: 75px;}

.rightside {
margin: 0px;
}


/* alle Links */
a:link , a:visited, a:active {color: #3366BB; border: none;} /* zB. auf dunklem Hintergrund (unten) */
a:hover {color: #3366BB; /* text-decoration: underline; */}
a{text-decoration: none;}


/* Anordnung der großen Boxen */
div#mw-page-base.noprint {
	position: relative !important;
	background-color: #f2f5f6;
	background-image: none;
}

div#mw-head-base.noprint {
	position: relative !important;
}

div#content.mw-body {
	position: relative !important;
}

div#mw-navigation {
	position: relative !important;
}

	div#mw-head {
position: relative !important;
	}

	div#mw-panel {
		position: relative !important;
	}

div#p-namespaces { /* "Seite" und "Diskussionen" ausblenden */
	display: none;
}


/* grobe Einteilung der Seite */
#dm_header {
	max-width: 1169px;
	margin: 0 auto;
	background: none;
}
#dm_haupt, .wrapper {
  max-width: 1169px;
  margin: 0 auto;
  background: #fff;
  background: linear-gradient(to right, rgb(255, 255, 255) calc(73.1% - 5px), rgb(231, 232, 231) calc(73.1% - 5px), rgba(255, 255, 255, 1) calc(73.1% + 7px));
}
.dm_inhalt{
  width: calc(73.1% - 5px);
  float: left;
  background-color: #ffffff;
  margin-bottom: 4px;
}
#footer {
  margin-top: 20px !important;
  border-top: 2px solid #d1d1d1;
}

#dm_sidebar {
  width: calc(26.9% + 5px);;
  float: right;
  background-color: transparent;
  margin-top: -1px;
}

@media screen and (max-width: 980px) {
	.dm_inhalt, #footer, .wrapper, #dm_sidebar{
	    width: 100%;
	}

	#dm_haupt, .wrapper {
		background: #fff;
		  border-top-right-radius: 5px;
		  border-top-left-radius: 5px;
	}
}

.header-logo-image {
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 10px;
}


div#mw-panel {
	width: 100%;
}

/* entfernt das margin-top bei Absaetzen */
#content p{
	margin-top: 0px;
}


/* Rahmen um Bilder sowie volle Breite bei Mobilgeraeten */
.thumbimage {
border: 0px solid #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
border-radius: 3px;
/* margin-left: 10px; */
margin-top: 10px;
margin-bottom: 10px;
}

div.thumbinner {
border: 0px;
padding: 0px;
background-color: transparent;
overflow: initial;
}

.thumbcaption {
display: none;
}

@media screen and (max-width: 600px) {
div.tright, .thumbinner, .thumbimage {
	width: 100% !important;
	height: 100% !important;
	margin-left: 0px;
}
}

/* Boxen in der Sidebar */
div#mw-panel div.portal{
	background: transparent;
   /* margin-bottom: 3px; */
	padding: 20px;
	font-size: 15px;
	border-bottom: 2px solid #e7e7e8;
}

div#mw-panel div.portal div.body ul li:last-child {
border-bottom: none !important;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}

#p-tb {
	border-bottom: 0px !important;
}

div#mw-panel div.portal p{
	margin-top: 0px;
}

div#mw-panel div.portal h3 {
	margin-top: 0px;
	font-family: "Roboto Condensed",Roboto,Calibri,sans-serif !important;
    color: #2C2C2C;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 32px;
	font-weight: 400;
	margin-bottom: 0px;
}

/* Listen Punkte innen */
ul {
    list-style-position: outside;
}

/* Kategorie-Liste unten */

#catlinks {
    margin-top: 10px;
	line-height: 30px;
}

#catlinks li a {
	background: #595c67;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
	border-radius: 3px;
}

#catlinks li {
	border: none;
    padding-right: 2px;
    padding-left: 2px;
}

#catlinks li a:hover {
	text-decoration: none;
	background: #2a84c4;
}

#mw-normal-catlinks a{
    color: #434343;
}

/* Inhaltsverzeichnis */

#toc {
	background: #fff;
	border-radius: 3px;
    border: 3px solid #2a84c4;
    padding: 0px;
    margin-left: 15px;
    margin-bottom: 15px;
}

.toctitle h2{
	font-size: 20px;
	font-family: "Roboto Condensed", Roboto, sans-serif;
	color: #fff;
	font-weight: 400;
	margin: 0px;
	padding-left:0px !important;
	padding-right: 15px;
	float: left;
	border-bottom: none !important;
}

.toctitle {
    background: #2a84c4;
    height: auto;
    padding: 10px;
}


.toctogglelabel {
	background: #fff !important;
    text-decoration: none !important;
    color: #2a84c4 !important;
}

.toctogglespan {
	background: #fff;
    color: #fff;
    border-radius: 3px;
}

.toctogglelabel:hover {
	text-decoration: none !important;
}

.toclevel-1, .toclevel-2, .toclevel-3 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #777;
}

.toclevel-1:last-child, .toclevel-2:last-child, .toclevel-3:last-child {
border-bottom: 0px;
}

.toclevel-1 a, .toclevel-2 a, .toclevel-3 a{
    text-decoration: none;
}

.tocnumber::after, .mw-headline-number:after {
    content: ".";
}

#toc ul {
	list-style: none;
}

.inhaltsverzeichnis {
	max-width: 52%;
	float: right;
}

@media screen and (max-width: 810px) {
.inhaltsverzeichnis {
	max-width: 100% ;
	width: 100% ;
}

#toc {
	margin-left: 0px;
}
}

/* passt die Info-Seite von Bildern / Dateien an (mehr oder weniger unsauber :/ )*/
#file.fullImageLink img {
    max-width: 100%;
    height: auto;
    border: 4px solid #fff;
    box-shadow: 0 0 4px #ccc
}

	#filetoc,
.mw-filepage-resolutioninfo,
.wikitable>tbody:nth-child(1)>tr:nth-child(1)>th:nth-child(1),
.wikitable>tbody:nth-child(1)>tr:nth-child(1)>th:nth-child(2),
.wikitable>tbody:nth-child(1)>tr:nth-child(1)>th:nth-child(6),
.wikitable>tbody:nth-child(1)>tr:nth-child(1)>th:nth-child(7),
.wikitable>tbody:nth-child(1)>tr:nth-child(2)>td:nth-child(1),
.wikitable>tbody:nth-child(1)>tr:nth-child(2)>td:nth-child(2),
.wikitable>tbody:nth-child(1)>tr:nth-child(2)>td:nth-child(6),
.wikitable>tbody:nth-child(1)>tr:nth-child(2)>td:nth-child(7),
.wikitable>tbody:nth-child(1)>tr:nth-child(3)>td:nth-child(1),
.wikitable>tbody:nth-child(1)>tr:nth-child(3)>td:nth-child(2),
.wikitable>tbody:nth-child(1)>tr:nth-child(3)>td:nth-child(6),
.wikitable>tbody:nth-child(1)>tr:nth-child(3)>td:nth-child(7){
    display: none
}

table.wikitable.filehistory {
    width: 100%;
    background: #fff;
    border: 3px solid #f1f1f1;
    border-radius: 3px
}

table.wikitable.filehistory a, table.wikitable.filehistory {
    white-space: normal !important;
}

table.wikitable>*>tr>th {
    background-color: #f1f1f1
}

table.wikitable>*>tr>td,
table.wikitable>*>tr>th,
table.wikitable>tr>td,
table.wikitable>tr>th {
    border: 3px solid #f1f1f1;
    text-align: center;
    vertical-align: middle
}

#mw-imagepage-reupload-link {
    list-style-position: outside
}

/* Vorlage:Fragen10 */

.top10windows, .tutorials10windows {
	width: calc(50% - 8px);
}



.fragen10{
	display: flex !important;
    align-items: stretch;
    justify-content: space-between;
}

@media screen and (max-width: 810px) {
.fragen10{
	display:none !important;
}
}


/*temporaeres Zeug */

.bgvorlage{
    border-radius: 3px;
	border: 3px solid #2a84c4;
    padding: 10px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }


.portalboxvorlage{
    border-radius: 3px;
	border: 3px solid #595c67;
    margin-top: 15px;
    margin-bottom: 15px;
  }

.portalboxvorlage .boxtitel {
    background: #595c67;
    font-size: 20px;
	font-family: "Roboto Condensed", Roboto, sans-serif;
	color: #fff;
	font-weight: 400;
	padding-left: 10px;
	padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.portalboxvorlage .boxtitel a{
	color: #fff;
}

.portalboxvorlage .boxinhalt {
    padding: 10px;
}

.portalboxvorlage ul{
    list-style-position: outside;
}

.mw-content-ltr ol{
	margin-left: 25px;
}


/* Vorlage:Wichtig10 */

.wichtig10 {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 20px;
    padding-bottom: 20px
}

.wichtig10 .textnews {
    transform: rotate(-90deg);
    padding: 0;
    margin-top: 30px;
    font-size: 20px;
    font-family: "Roboto Condensed", Roboto, sans-serif;
    color: #fff;
    font-weight: 400;
}

.wichtig10 .textnews2,
.wichtig10 .textnews3 {
    padding: 10px;
    border-radius: 3px
}

.wichtig10 .textnews2 {
    background: #f1f1f1
}

.wichtig10 .textnews3 {
    background: #fff
}

.wichtig10 .spalte1 {
    width: 35px;
    background: #2a84c4;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 35px;
}

.wichtig10 .spalte2 {
    padding: 0;
    border: 3px solid #f1f1f1;
    border-left: none;
    border-top: none;
    background: #fff;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}


/* Vorlage:bg */

.bgvorlage{
    border-radius: 3px;
	border: 3px solid #2a84c4;
    padding: 10px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
	flex-direction: column;
}


/* blendet Aus Deskmodder Wiki aus */
  #siteSub {
    display: none;
  }



/* Experimental-Bereich für die Custom-Sidebar */

/* Buttons Sidebar */
.bobugib a{
background-color: #595c67!important;
color: #fff!important;
line-height: .5;
width: 100%;
padding: 8px 0;
text-decoration: none;
border: 0 solid #2a84c4;
border-radius: 3px;
font-family: "Roboto Slab", sans-serif;
font-weight: 400;
font-size: 16px;
text-align: center;
display: inline-block;
vertical-align: middle;
}


.bobugib a:hover{
background: #6a6e7b !important;
transition-duration: .2s;
}

/*
.bobugib .windowsfont a::before {
    content: "\f17a ";
    font-family: FontAwesome;
    margin-right: 8px;
	margin-left: 10px;
}

.bobugib .androidfont a::before {
    content: "\f17b ";
    font-family: FontAwesome;
    margin-right: 8px;
	margin-left: 10px;
	}

.bobugib .amazonfont a::before {
    content: "\f270 ";
    font-family: FontAwesome;
    margin-right: 8px;
}
*/
.mswpbutton_container{
	display: flex;
	justify-content: space-between;
}

/* Rahmen entfernen von Inhaltsbox (linke Box) */
#content.mw-body {
	border: none;
}

/* Footer anpassen */
#footer {
	background-color: #ffffff !important;
}

/* weg mit den runden Ecken */
div#content {
	border-radius: 0px !important;
}

/* div. Links und Icons im Wiki-Footer ausblenden (sind nun im Style-Footer) */
#footer-places, #footer-icons {
	display: none;
}

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

/* Ticker-Text etwas nach unten rücken */
p.ticker-content {
	padding-top: 2px;
}

/* Top Menü zurechtrücken */
.top-menu > li:first-child > a, .top-menu > li > a {
	margin-top: 2px;
}

/* 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;
}

/* Schrift im Footer größer */
li#footer-info-lastmod, li#footer-info-viewcount {
	font-size: 13px !important;
}

div#addthistoolbar.addthis_toolbox.addthis_default_style {
	float: right;
}

/* Breite im Eingabefenster anpassen */
textarea#wpTextbox1 {
	width: 100%;
}

/* 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: Calibri,Tahoma,Geneva,"Trebuchet MS","Open Sans",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 ;
    }

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

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

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

a, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
	color: #2a84c4;
}
a:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.external:hover {
	color: #6aa6cc;
}
p {
	text-align: left;
}

/* Suchfeld im Menü */
.dm_menu_search {
	position: absolute;
	top: 0;
	z-index: 9999;
	white-space: nowrap;
}

.dm_menu_search button:hover {
	background: #2a84c4;
}
.dm_menu_search button {
	background: #2a84c4;
	border: 0px;
	color: #fff;
}

.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;
}

/* externe Links */

div#content a.external, div#content a.external[href^="https://"] {
    background: none;
}

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

div#content a.external[href*="deskmodder.de"]:after {
	content: none !important;
}

.external.text {
    padding-right: 0px !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;
}

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

h1 {
	font-size: 26px !important;
	line-height: 30px !important;
    font-weight: 400 !important;
	border-bottom: none;
}

h2 {
	margin-top: 35px;
	font-size: 22px !important;
}


#content h2, #content h3, #content h4, #content h5, #content h6 {
	    border-bottom: 2px solid #d1d1d1;
}


@media screen and (min-width: 810px) {
#content h2, #content h3, #content h4, #content h5, #content h6 {
	    display: flex;
}
}


/* 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;
 }

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

.sm-simple a {
	font-size: 16px;
}

.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: transparent;
  color: #434343;
  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 .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;
    }

.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);
	  }
	}

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

.sub-menu .sm-nowrap{
	margin-top: -42px!important;
	margin-left: calc(100% + 5px)!important;
}
}
/*
@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 !important;
}

.dm_menu_search {
    right: 40px !important;
}
.dm_menu_search button {
	right: -40px !important;
}
}
*/
@media screen and (max-width:1096px) {
	ul#main-menu li:nth-child(4) {
		display: none;
	}
}
/*
@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;
}
}  */

.hgroup-wrap-right {
  position: relative;
  }

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

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

.hgroup-wrap-right {
  width: 100%;
  margin-bottom: 7px;
  background: rgb(89, 92, 103) none repeat scroll 0% 0%;
  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; */
  float: right;
}

.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;
}

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

#main-menu, nav#menu{
  margin-top: 53px;
}

nav#menu {
margin-top: 60px;
padding-left: 5px;
padding-right: 5px;
background: #fff;
}

.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: -20px!important;
}

div.pagination a, div.pagination span {
padding-left: 6px !important;
padding-right: 6px !important;
}

.hgroup-wrap {
  padding-bottom: 0px;
  padding-top: 0px !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;
}
}

/* Webkit Checkboxen */
input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

/* display flex aufheben Suche */

#content .searchresults h2, #content .searchresults h3, #content .searchresults h4, #content .searchresults h5, #content .searchresults h6 {
    display: block;
}

/* Suchfeld */
.dm_menu_search {
	right: 20px;
	top: 0;
	width: calc(26.8908% - 35px);
}

  .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);
	width: 100%;
}

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

.dm_menu_search {
	top: 0px;
}

.dm_menu_search button {
	height: 36px;
	width: 41px;
	margin-top: 6px;
	position: absolute;
	right: 0px;
	background: none;
}
/* Menu Ende */

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

/* 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%);
  padding-left: 0;
  padding-right: 0;
}

/* 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;
}

/* 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;
}


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

/* beschaeftigt sich mit dem Footer */
#colophon {
	background: #202129;
	border-top: 0;
	border-bottom: 0px;
	padding: 14px 20px;
	margin-top: 0px;
	clear: both;
}

a#scroll-up{
	bottom: 20px;
	position: fixed;
	right: 20px;
	padding: 9px 16px;
	font-size: 16px;
    opacity: 1;
	transition: all .3s ease 0s !important;
	background-color: rgba(42, 132, 196, 0.7);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	border-radius: 5px;
}

a#scroll-up i {
	color: #FFF;
}

a#scroll-up:hover{
	opacity: 1;
}

 #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;
 }

 /* Schrift */

div#content.mw-body, div#mw-panel {
	font-size: 0.9em;
}
div#mw-panel div.portal h5 {
	margin-bottom: 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;
}

/* .bobugib .paypalfont a::before{content:"\f1ed ";font-family:FontAwesome;margin-right:8px} */
.shariff .share_count{display:none;}

/* Editierbox anpassen */
div.wikiEditor-ui-top {
	height: 20px;
}
div.tool.tool-select div.menu {
	height: 0px;
	border-bottom: 0px;
}


/* 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: 15px;
        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;
    }
    nav#menu {
        margin-top: 42px;
	padding-left: 5px;
	padding-right: 5px;
    }

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

@media (max-width:375px) {
	body{
	padding-left: 0px !important;
	padding-right: 0px !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;
}

/* Buttons fuer die Apps */

.appsbox {
width: calc(33% - 4px);
min-width: 31%;
background: #33353b;
border-radius: 3px;
}

.appsbox:hover {
background: rgb(141, 141, 152);
}

.appsoben {
background: #595c67;
font-size: 22px;
color: #fff;
text-align: center;
padding-top: 6px;
padding-bottom: 6px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.appsunten {
background: transparent;
color: #fff;
text-align: center;
transition-duration: .3s;
font-family: "Roboto Slab", sans-serif;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}

/* Anpassungen Sidebar */

#mw-panel, .portal {
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
padding-right: 0px;
}

.portal h3, .vector-menu-portal h3 {
	background: none;
	padding: 0px;
	margin: 0px;
}

/* Kategorien */

.catlinks {
border: none;
background-color: transparent;
padding: 0px;
}

/* Tabelle ausblenden mobil */
@media (max-width: 530px) {
	.mw-datatable {
		display: none;
	}
}

/* Code Pre */

pre {
	padding: 10px !important;
	display: flex;
	overflow: auto;
	word-break: normal!important;
	word-wrap: normal!important;
	white-space: pre!important;
	color: #555 !important;
}
code, pre {
	background-color: #eee;
	font: 15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}

/* Hilfelink ausblenden */

#mw-indicator-mw-helplink {
	display: none;
}

/* Lightbox in den Vordergrund */
.fancybox-lock .fancybox-overlay {
	z-index: 99999999;
}

/* 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;
}