/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 26 2024 | 15:46:40 */
/* CSS Code hier einfügen.

Kommentarende*/ 

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

html, body {
	background: #222;	
	color: #f2f2f2;
}

body.home img {filter: grayscale(1);}

::selection {
	background: #333;
	color: #f2f2f2;
}

/* ------------------------------------------------------------------------- *
 *  Section: Header
/* ------------------------------------------------------------------------- */
#wrapper { border-top: 1px solid #222; }
#header { background: #222; }
.sticky-element-sticky #header { border-bottom: 1px solid #111; }

.site-title a { color: #f2f2f2; }
.site-description { color: #f2f2f2; }
.site-header { background: #222; }

#header .social-links { border-left: 1px solid #111; }
#header .social-links li .social-tooltip:hover { color: #f2f2f2; }
#profile-name { color: rgba(135,133,133,1) }
#profile-description { color: rgba(135,133,133,1) }
#profile-description a { box-shadow: 0 1px 0 #111; }
#profile-description a:hover { box-shadow: 0 3px 0 #111; }
#profile .social-links .social-tooltip { background: #333; box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); }
#profile .social-links .social-tooltip:hover { background: #333; color: #f2f2f2; }

.nav-menu.mobile {
	visibility : hidden;
    background: #222;
    border-bottom: 1px solid #111;
}

/* Überschriften */
.site-title a {
	color: #878585;
}
.site-description {
	font-size: 16px;
	color: #f2f2f2;
}

/* Search */
.toggle-search:focus { 	background: transparent; }
.toggle-search .svg-icon { fill: rgba(135,133,133,1); }
.toggle-search:focus #svg-search { fill: rgba(135,133,133,1); }
.toggle-search.active #svg-close { fill: rgba(188,42,10,1); }
.toggle-search:focus #svg-close { fill: rgba(188,42,10,1); }
.search-expand .themeform input { 
	background: #333;
	border: 1px solid #222;
}
.search-expand .themeform input:focus {
	color: #f2f2f2;
	border: 1px solid #222;
}
.themeform input[type="search"], .themeform input[type="text"], .themeform input[type="password"], .themeform input[type="email"], .themeform input[type="url"], .themeform input[type="tel"], .themeform input[type="number"], .themeform select, .themeform textarea {
	background: #333;
	border: 2px solid #222;
	color: #f2f2f2;
}

.themeform input[type=password]:focus {
	color: #f2f2f2;
}

.themeform.searchform div input {
	background: #333;
	color: #f2f2f2; 	
}
.themeform.searchform div input:focus {
	background: #333;
	color: #f2f2f2; 
	border: 1px solid #222;
}
/* Lupe */
.themeform.searchform div:after { 
	color: rgba(135,133,133,1);	
} 

/*  common : notebox
/* ------------------------------------ */
.page-title h1, .page-title h2, .page-title h3, .page-title h4 {
     color: rgba(135,133,133,1);
}
.notebox {	
	color: rgba(135,133,133,1);	
}
.notebox span { color: rgba(188,42,10,1); }

/* Profile */
#profile-image img {
	user-select: none;
	margin: 0 auto 0px; 
	filter: grayscale(0);
}

#profile-description {
	color: rgba(135,133,133);	
}
/* title post Main */
.entry-list .entry-title a {	
	box-shadow: 0 0px 0 transparent;	
}
.thumb-icon.small {
    display: none;
}

/* title post */
.entry-header .entry-title {    
    font-size: 32px;	
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    font-weight: 300;
	font-size: 28px;
}

/* elements */
h1, h2, h3, h4, h5, h6 {
	color: #f2f2f2;		
}

/* you may... */
.heading, #reply-title {
 	display: none;
}
.related-thumbnail img {
    display: none;    
}
.related-title a {
	display: none;    
}

/* Kategorien */
.entry-meta .entry-category a, .post-tags a {
	background: #111;
	font-size: 12px;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.05);
	color: #878585;
	padding: 4px 12px;
	margin-top: 2px;
	border-radius: 20px;
	display: inline-block;
}
.entry-meta .entry-category a:hover, .post-tags a:hover {
	background: #111;
	color: #878585;
	box-shadow: inset 0 0 3px 0 rgba(135,133,133, 1);
}
/* Datum post */
.entry-meta .entry-date {
	border: 3px solid #000;
	border-radius: 20px;
	color: #878585;
	padding: 1px 10px;
}

.entry p, .entry dd {	
	color: #f2f2f2;
}

/* Footer */
#footer { color: rgba(135,133,133,1); padding-bottom: 1px; border-top: 1px solid #111; }
#footer-ads { background: #222; border-bottom: 1px solid #111; }
#footer-widgets { border-bottom: 1px solid #111; }
#footer-bottom a { color: #f2f2f2; }
#footer-bottom a:hover { color: #f2f2f2; }
#footer-bottom #copyright,
#footer-bottom #credit { color: rgba(135,133,133,1); }
#footer-bottom #back-to-top { border: 1px solid #111; color: rgba(135,133,133,1); }
#footer-bottom #back-to-top:hover { color: #f2f2f2; }

.pagination a {
    color: rgba(135,133,133,1);
}
.pagination a:hover {
    color: #f2f2f2;
}
.pagination ul li a {
    background: #333;
}

/* Widgets */
.old-stuff {
	background: #333;
	position: fixed;
	display: none;
	bottom: calc(-460px*0.15); /* transform */
	left: -30px;
	width: 225px;
	height: 460px;
	margin: 10px;
	padding: 10px;
	padding-left: 20px;
	text-align: left;
	transform: scale(0.85);
}
.old-stuff h3 {
	margin-left: 5px;
	font-size: 20px;
}

#commentform {
    background: #111;    
}
.themeform label {    
    color: rgba(135,133,133,1);	
}
#commentform textarea {    
	color: #f2f2f2;
}

#commentform input[type="text"], #commentform textarea {    
	color: #f2f2f2;
}

.comment-tabs li a {
    background: #111;
    color: rgba(135,133,133,1);	   
}

.comment-tabs li span {
    background-color: #111;    
}

.comment-tabs li.active a {	
    color: rgba(135,133,133,1);    
	border-bottom-color: #111;
}

.comment-tabs li a:hover {    
    color: rgba(135,133,133,1);
}

/* own in posting */
a, a:hover {
	color: #f2f2f2;	
}
.entry a {
	/* zurücksetzen */
    box-shadow: unset;	
}
a.external { 
	text-decoration: underline dotted rgb(188,42,10);
    color: rgb(188,42,10);
}     
a.external:link { color: rgb(188,42,10); }
a.external:hover, a.external:focus, a.external:active { color: rgb(188,42,10); }

a.external:visited { 
	text-decoration: underline dotted rgb(135,133,133);
	color: rgb(135,133,133);
}
a.external:visited:hover{
	text-decoration: underline dotted rgb(188,42,10);
    color: rgb(188,42,10);
}
a.external[href^="http://"]:before { content: "\2197\00A0"; }
a.external[href^="https://"]:before { content: "\2197\00A0"; }

a.deco { text-decoration: underline dotted #f2f2f2; }

.entry pre {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	font-size: 12px;
	max-width: 700px; 	
	background: #333;
	padding: 18px 10px;
}

.themeform button { border-radius: 20px; }
    #targetDefaultEngine, #targetDefaultGames, #targetDefaultScalability, #targetDefaultServerSettings, #targetUHD, #targetGracefulDegradation, #targetResponsibility, #targetRegressionTesting, #targetFunctionalTesting, #targetResponsibilityTesting, #targetResponsibilityCensorship,
	#targetPerformanceTesting, #targetDefaultPrompt, #targetDefaultMarkdown, #targetDefaultComplete, #targetDefaultCustomize, #targetDefaultMixtral, #targetPrompt2024-04-07 {display: none}

.btn {
	border: none;
	border-radius: 3px;
  	border-bottom: 2px solid rgba(0, 0, 0, 0.25);  
	/*background-color: #222;*/
  	background-color: #484f51;
  	/*color: rgba(135,133,133,1);*/
	color: #f2f2f2;
  	text-decoration: none;
  	padding: 12px;
  	min-width: 250px;
    min-height: 32px;    
	cursor: pointer;	
	box-shadow: ease 0 1px 0 rgb(0 0 0 / 5%);    
}
.btn:hover {
	box-shadow: inset 0 0 3px 0 rgba(135,133,133, 1);	
}

/* ------------------------------Lazy loading--------------------------------- */
/* --------------------------------------------------------------------------- */
/*p.lazy-load {
  position: relative;	
}

p.lazy-load::after {
  	content: 'Loading';
  	position: absolute;	
  	overflow: hidden;
	top: 50%;
  	left: 50%;
	transform: translate(0%, 0%);
  	width: 50px;
  	height: 50px;
  	margin-top: -25px;
  	margin-left: -25px;
  	animation: animloader 10s ease-in infinite;	
  	z-index: 1;
}

@keyframes animloader {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

p.lazy-load.loaded::after {  
  	animation: none;
	display: none;
}*/
/* --------------------------------------------------------------------------- */
/* ------------------------------Lazy loading--------------------------------- */

/* hover - old */
old-img.hoverIt {  
  width: 1024px;
  height: auto; 	
  transition: transform ease-in-out 0.3s;	
}
 
old-img.hoverIt:hover { 	
	box-shadow: 2px 2px 64px rgba(135,133,133,1);	
	transform: scale(1.1); 
}

/* hochkant */
p.vertical { text-align : center; }
img.vertical { 
	width: 50%;
  	height: auto; 	
}

img.hoverIt:hover { filter: grayscale(0); }

body.home .wp-block-video [poster] {
    object-fit: cover;
	filter: grayscale(1);
}
body.home .wp-block-video:hover [poster] {
    object-fit: cover;
	filter: grayscale(0);
}

/* imageContainer */
@keyframes fade {
	0% { opacity: 0; }
	15% { opacity: 1; }
	85% { opacity: 1; }
	100% { opacity: 0; }
}
figure#slideshow {
	width: 690px;
	height: 388px;
	margin: 0 auto;
	position: relative;
}
figure#slideshow img {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: auto;
	opacity: 0;
}
figure#slideshow img:first-child { 
	position: relative;
}

#imgContainer:fullscreen {
	display: flex;
	justify-content: center;
	align-items: center;
}
#imgContainer:fullscreen figure {
	width: 10%; height: 10%;	
	margin: 0 auto;
}

p {margin: 5px;}
.clickMe, .small {font-size: 14px; line-height: 1.2em;}
.wp-element-caption.small {text-align: center;}
figcaption a { text-decoration: underline dotted #f2f2f2; }
p.invisible {display: none;}
.postid-2756 p.display-none, .postid-2756 h2.display-none {display: none;}
/* headshot de mujer con pecas (ella nunca existió) */
.postid-1190 p.display-none {display: none;}
/* Full-length portrait photo */
.postid-1260 p.display-none {display: none;}
/* ALICE: ASYLUM DREAM DIES */
.postid-970 p.display-none {display: none;}
/* Frauenprügelgruppe */
.postid-730 p.display-none {display: none;}
/* Muscle Growth Through Level Up */
.postid-825 p.display-none {display: none;}
/* Noname */
.postid-56 p.display-none {display: none;}
/* None */
.postid-337 p.display-none {display: none;}
/* Monza Murcatto */
.postid-3116 p.display-none {display: none;}
/* Disco Diffusion */
.postid-3389 p.display-none {display: none;}

.home figure.display-none {display: none;}
/* ------------------------------------------------------------------------- */
/* ------------------------------Betterdocs--------------------------------- */
/* -------------------------------Search------------------------------------ */

.betterdocs-searchform {
    border: 1px solid #878585!Important;
}

.betterdocs-searchform {
    -webkit-flex-flow: row wrap!important;
	-ms-flex-flow: row wrap!important;
	flex-flow: row wrap!important;
	padding: 20px 0px 20px 0px!Important;
}

.betterdocs-wrapper .betterdocs-search-form-wrapper {
   	margin: 0!important;
	padding: 20px 20px!Important;	
}

.betterdocs-live-search .docs-search-result {	
    min-width: auto!important;    
}

/* -------------------------------Single------------------------------------ */
.betterdocs-wrapper.betterdocs-single-wrapper {
    background-color: #222!important;
}
.betterdocs-single-wrapper.betterdocs-single-layout-1 .betterdocs-breadcrumb-item.current span {
    color: #878585;
	display: none;
}

/*-------------------------------Breadcrump----------------------------------*/
ul.betterdocs-breadcrumb-list li:last-child a {
	/*color: #878585!important;*/
	/*display: none!important;*/
}

/*-----------------------Mobile and Desktop padding--------------------------*/
/* Manually remove all padding from the single document and category archive
   using the customizer. */

#main.betterdocs-content-area .betterdocs-content-inner-area {
	padding: 20px!Important;
}
#betterdocs-single-main.betterdocs-content-area{	
	background-color: #333;
  	max-width: 1400px!important;
	padding: 20px!Important;
}

.betterdocs-content-area {
	padding: 0px!Important;
}
/*-----------------------Mobile and Desktop padding--------------------------*/

.betterdocs-content input[type="password"] {
    background: #444;
    border: 2px solid #444;
    color: #f2f2f2;	
    max-width: 100%;
    outline: none;
    padding: 7px 8px;
}

.betterdocs-content input[type="submit"] {
    background: #444;
    color: #f2f2f2;
    padding: 8px 14px;
    font-weight: 600;
    display: inline-block;
    border: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.betterdocs-tags:before {
	content: "Tags: ";
}

.betterdocs-tags a {
    color: #f2f2f2!Important;    
}

.betterdocs-tags a:hover {
    color: #878585!Important;    
}

/*-----------------------Überschrift bei Zeilenumbruch-----------------------*/
.betterdocs-entry-title {
	line-height: 1em;
}

/* ---------------------------Image Hover Effect---------------------------- */
/* Defcon image */ 

.hover-effect-container {
  	position: relative;
	/* Mobile % tuts nicht */
  	max-width: 50vh;
	padding-bottom: 10px;
}

.hover-effect-image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.hover-effect-center {
	transition: .5s ease;
  	opacity: 0;
  	position: absolute;
	width: 100%;
  	top: 1px;
  	left: 1px;
  	transform: translate(-1px, -1px);
  	-ms-transform: translate(-1px, -1px);
  	text-align: center;
}

.hover-effect-container:hover .hover-effect-image {
  	opacity: 0.3;
}

.hover-effect-container:hover .hover-effect-center {
  	opacity: 1;  
}

.hover-effect-text, .hover-effect-image2 {
	background-color: transparent; 
}

p.arrow:before { content: "\2197\00A0"; }


/* -------------------------News and Announcements-------------------------- */
/* Header */
.postid-2282 .betterdocs-category-header,
.post-2282 .betterdocs-category-header {
	background-color: #333!important;	
}

/* title txt */
.postid-2282 .betterdocs-category-title,
.post-2282 .betterdocs-category-title {
	color: #f2f2f2!important;
}
/* Title - Linie */
.postid-2282 .betterdocs-category-header-inner,
.post-2282 .betterdocs-category-header-inner { 
    border-bottom: 2px solid #878585!important;   	
}

/* Header Count */
.postid-2282 .betterdocs-category-items-counts span,
.post-2282 .betterdocs-category-items-counts span{
	background-color: #444!important;
	color: #f2f2f2!important; 
}
/* Header Count */
.postid-2282 .betterdocs-category-items-counts,
.post-2282 .betterdocs-category-items-counts {
	background-color: #444!important;
	color: #f2f2f2!important; 
}

.postid-2282 .betterdocs-body,
.post-2282 .betterdocs-body {
	background-color: #333!important;	
}
/* hinter dem body */
.postid-2282 .betterdocs-single-category-inner,
.post-2282 .betterdocs-single-category-inner {
	background-color: transparent!important;
}

.post-2282 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i, .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li i {
	color: #878585!important;	
}

.post-2282 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a, .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a  {
    color: #f2f2f2!important;
   	text-decoration-line: underline!important;
  	text-decoration-style: dotted!important;
} 
.post-2282 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a.active, .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover, .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a.active, .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a:hover  {
	color: #878585!important;
}

/* Widgets */
article.post-2282, .postid-2282 {
	background: #222;
	position: fixed;
	display: none;
	bottom: calc(-500px*0.15); /* transform */
	right: -70px;
	width: 530px;
	height: 500px;	
	margin: 10px;
	padding: 10px;	
	transform: scale(0.85);
}
/* typesolid */
.post-2282 h2.entry-title { 
	display:none; 
}
.post-2282 div.entry-excerpt {	
	background-color: #333;	
}
.post-2282 div.entry-excerpt h3 {  
	font-size: 20px; 
	text-align: center; 
	padding-top:15px; 
	padding-bottom: -15px; 
	pointer-events:none; 
	cursor:default; }
.post-2282 div.entry-excerpt h3 a.deco { 
	pointer-events:auto; 
	cursor: pointer; 
}
.post-2282 ul.entry-meta { display:none; }
.post-2282 .read-more { display:none; }

/* ------------------------------Betterdocs--------------------------------- */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
 *  Comments
/* ------------------------------------------------------------------------- */
.commentlist .fn { color: #f2f2f2; font-size: 13px; font-style: normal; font-weight: 600; }

/* previous, next Balken */
.entry-bar {display:none}

/* ------------------------------------------------------------------------- *
 *  Slideshow 
/* ------------------------------------------------------------------------- */
.slider-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.slider-wrapper {
  display: flex;
}

.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

img.slideshow {
  width: 100%;
  object-fit: cover;
}

button.slideshow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
}

.prev, .next {
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 20px;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

/* ------------------------------------------------------------------------- *
 *  Audiogniter
/* ------------------------------------------------------------------------- */
.ai-wrap {    
    margin-right: -16px!important;
    /*margin-bottom: -16px!important;*/
}

.ai-wrap .ai-audio-control {    
    color: #f2f2f2!important;
    background-color: #444!important;    
}

.ai-track-progress-bar {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 5px;
    cursor: pointer;
    background-color: #444!important;
} 

.ai-wrap .ai-track-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
    background-color: #f2f2f2!important;
    -webkit-transition: width .28s ease;
    transition: width .28s ease
}

.ai-wrap .ai-track .ai-track-progress {
    background-color: #f2f2f2!important;
    opacity: 1!important
}

.ai-btn {    
    background-color: #444!important;
    color: #f2f2f2!important;    
}

.ai-volume-bar { 
    background-color: #444!important;    
}
.ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
    background-color: #f2f2f2!important;
}

.ai-btn.ai-btn-active {
    color: #f2f2f2!important;
    background-color: #444!important;
}

.ai-btn svg {    
    fill: #f2f2f2!important;    
}

.ai-wrap .ai-track:hover,.ai-wrap .ai-track.ai-track-active {
    background-color: #444!important;
    color: #f2f2f2!important;
}

.ai-wrap .ai-scroll-wrap>div:last-child div {
    background-color: #f2f2f2!important;
}

/* ------------------------------------------------------------------------- *
 *  Flexcontainer
/* ------------------------------------------------------------------------- */

.flex-container {
  	position: relative;
	left: -350px;
	right: 350px;
	display: flex;
  	flex-wrap: nowrap;  	
	box-sizing: border-box;	
}

.flex-container > figure > video, .flex-container > figure > div {
	width: 700px;
 	height: 393.75px;
	margin: 10px;
}

/* Shorts */
figure > video.shorts {
	width: 393.75px;
 	height: 700px;
	display: block;
    margin: 0 auto;
}

/* ------------------------------------------------------------------------- *
 *  table
/* ------------------------------------------------------------------------- */
.entry table { font-size: 12px; margin-bottom: 1em; width: 100%; text-align: center; }
.entry table tr.alt { background: #444; }
.entry table td { border: 1px solid #878585; text-align: left; padding-left: 5px; vertical-align: top; line-height: 100%;}
.entry table th { border: 1px solid #878585; font-weight: 600; text-align: center; padding: 5px 5px; line-height: 100%;}


/* ------------------------------------------------------------------------- *
 *  Media
/* ------------------------------------------------------------------------- */

@media only screen and (min-width:1281px) and (orientation: landscape) {
	.old-stuff, article.post-2282 { 
		display: block; 
	}
}

@media only screen and (max-width: 1280px) {
	.betterdocs-searchform-input-wrap {
    	border: 0px solid!important;
    	margin-bottom: 0px!important;
    	padding: 0px!important;
	}
	.betterdocs-live-search .betterdocs-searchform svg.docs-search-icon {		
		margin-left: 5px;
	}
}

@media only screen and (max-width: 900px) {
	.flex-container {
		left: 0;
		right: 0;
		flex-wrap: wrap;
	}
	.flex-container > figure > video {
		width: 100%;
 		height: auto;
		margin: 0;
	}
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 480px) {
  .slider-prev, .slider-next, .slider-text {font-size: 11px}
}

/* In practice, many designers convert pixels to ems, largely because ems afford better zooming. At standard zoom 1em === 16px, multiply pixels by 1em/16px to get ems. For example, 320px === 20em. */
@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }