/* NightEyeDialog custom-style.css */

/* Dialog Night Eye custom-style.css  */

/*.NightEyeDialog {
	height: 525px;
}

@media (max-width: 375px) {
.NightEyeDialog {
	height: 570px;
}
}

.NightEyeDialog .NightEyeTitle {
	font-family: 'Architects Daughter', cursive;
	color: #3a7bb3cc;
	margin-bottom: 20px;
}

@media (max-width: 1023px) {
.NightEyeToggleButton {
	margin-top: -330px;
}
}

@media (min-width: 1024px) {
.NightEyeToggleButton {
	position: absolute;
    top: 24%; 
    left: 30%;
}
}

*/

/* NightEyeDialog */

.NightEyeDialog {
	height: 525px;
	max-width: 400px;
}

@media (max-width: 374px) {
.NightEyeDialog {
	height: 530px;
}
}

.NightEyeDialog .NightEyeTitle {
	font-family: 'Architects Daughter', cursive;
	color: #3a7bb3cc;
	margin-bottom: 20px;
}

@media (max-width: 424px) {
.NightEyeDialog .NightEyeTitle {
	font-family: 'Architects Daughter', cursive;
	font-size: 20px;
	}
}

@media (min-width: 375px) and (max-width: 424px) {
.NightEyeDesc {
	font-size: 14px !important;
}
}

@media (max-width: 374px) {
.NightEyeToggleButton {
	position: absolute;
    top: 26%; 
    left: 22%;
}
}

@media (min-width: 375px) and (max-width: 424px) {
	.NightEyeToggleButton {
	position: absolute;
	top: 22%; 
    left: 26%;
}
}

@media (min-width: 425px) and (max-width: 767px) {
	.NightEyeToggleButton {
	position: absolute;
	top: 23.5%; 
    left: 29%;
}
}

@media (min-width: 768px) {
.NightEyeToggleButton {
	position: absolute;
	top: 23.5%; 
    left: 30%;
}
}

.NightEyeToggleButton > .switchNE .sliderNE.roundNE {
	background: #4b8fd2cc;
	box-shadow: 0px 0px 100px #2196f3;
}

/* Ende NightEyeDialog */




/*.NightEyeDialog {
	height: 525px;
}

@media (max-width: 375px) {
.NightEyeDialog {
	height: 570px;
}
}

@media (max-width: 1023px) {
.NightEyeToggleButton {
	margin-top: -330px;
}
}

@media (min-width: 1024px) {
.NightEyeToggleButton {
	position: absolute;
    top: 24%; 
    left: 30%;
}
}

/* Allgemeine Stile für #content *
#content p,
#content li {
    font-weight: 300;
    color: #4A1414;
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 5px 0;
}

#content li > ul,
#content li > ol {
    font-size: 1.035rem; 
}

#content strong,
#content b {
    letter-spacing: 0.2px;
    color: #4A1414;
    font-weight: 400;
    font-size: 1.1rem;
}


[nighteyeplgn="active"] #content p,
[nighteyeplgn="active"] #content li {
	font-size: 1.2rem;
    color: #E3DCD1 !important;
    letter-spacing: 0.2px;
    font-weight: 300;
}

[nighteyeplgn="active"] #content strong,
[nighteyeplgn="active"] #content b {
    font-size: 1.2rem;
    color: #E3DCD1;
    letter-spacing: 0.4px;
    font-weight: 400;
}

[nighteyeplgn="active"] #content li > ul,
[nighteyeplgn="active"] #content li > ol {
    color: #E3DCD1;
}


a[target="_blank"] {
    text-decoration: none;
    font-weight: 400;
}

.entry-content a:hover[target="_blank"] {
    color: #49A7D6 !important;
}


.entry-content a {
    color: #1656B0;
    font-weight: 350;
    font-size: 1.1rem;
}

a.more-link {
    color: #1656B0;
    font-weight: 350;
    font-size: 1.1rem;
}

a.more-link::before {
    font: normal 1em/1 "dashicons";
    content: "\f103";
    vertical-align: -5%;
    font-size: 0.85em;
    padding-right: -2px;
}

.entry-content a:hover {
    color: #CD5606;
}
*/
/* Startseite Geek und Helferlein */
/* Geek unterschied Hell/Dunkel */
.element2 {
    display: none !important;
}

[nighteyeplgn="active"] .element1 {
    display: none !important;
}

[nighteyeplgn="active"] .element2 {
    display: block !important;
}













/* --- Beitrag Tippen --- */


.textgap-media1   {
		display: none;
	}

@media (min-width: 768px)  {
   .readermode .textgap-media2 {
		display: none;
	}
}

@media (min-width: 768px)  {
   .readermode .textgap-media1 {
		display: block;
	}
}

/*@media (min-width: 768px)  {
   .readermode .textgap-media1 {
		display: block;
	}
}*/


/* kann wirkungsvoll sein */

.textgap9 { height: 12em; }


@media (min-width: 768px)  {
   .readermode .textgap9 { height: 9em; }
}



@media (max-width: 424px)  {
    .tippen5 {font-family: 'Architects Daughter';
	font-size: 1em;
	color: #6393F1;
}

}
@media (min-width: 425px) {
.tippen5 {font-family: 'Architects Daughter';
	font-size: 1.5em;
	color: #6393F1;
}
}

/* Mein langer Text der getippt */
.langer-text-schrift {
	font-family: 'terminal, monaco, monospace;';
	font-size: 2.2em;
	font-weight: 400;
	color: #333399;
}

@media (max-width: 767px) {
    .langer-text-gap {
		height: 3em;
	}
}

@media (min-width: 768px) {
    .langer-text-gap {
		height: 2em;
	}
}

/* Layout beachten */
@media (max-width: 424px)  {
    .textgap10 { height: 18em; }
}

@media (min-width: 425px) and (max-width: 767px) {
    .textgap10 { height: 15em; }
}

@media (min-width: 768px) {
    .textgap10 { height: 11em; }
}

/* Beitrag Tippen "tuning" */

.tuning-gap { 
	height: 4em;
}

.tuning-gap-hypens { 
	height: 4em;
	hyphens: none;
}

.tuning-gap-width { 
	height: 4em;
	max-width: 600px;
}

@media (max-width: 767px)  {
    .tuning-font {
		font-family: 'Architects Daughter';
		font-size: 1em;
		color: #6393F1;
	}
}

@media (min-width: 768px) {
	.tuning-font {
		font-family: 'Architects Daughter';
		font-size: 1.5em;
		color: #6393F1;
	}
}
/* Ende Beitrag Tippen "tuning" */


/* Tippeffekt freistellen */
.textgap1 { height: 1em; }
.textgap1a { height: 1.5em; }




.textgap3 { height: 3em; }
.textgap3a { height: 3em; }

/* Beitrag zur .htaccess */
.textgap4 { height: 3em; }

@media (max-width: 424px) {
    .textgap4 { height: 4em; }
}

@media (min-width: 425px) and (max-width: 768px) {
    .textgap4 { height: 3em; }
}

@media (min-width: 769px) {
    .textgap4 { height: 3em; }
}

.textgap4b { height: 6em; }

@media (min-width: 769px) {
    .readermode .textgap4b { height: 4em; }
}

.textgap4a { height: 4em; }

@media (min-width: 720px) and (max-width: 1080px) {
    .textgap4a, .textgap3a { height: 6em; }
}

.textgap5 { height: 6em; }

@media (max-width: 1080px) {
    .textgap5 { height: 7em; }
}

.textgap6 { height: 6em; }

.textgap7 { height: 10em; }

@media (max-width: 768px) {
    .textgap7 { height: 10em; }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .textgap7 { height: 8em; }
}

@media (min-width: 1025px) {
    .textgap7 { height: 6em; }
}

.textgap8 { height: 10em; }

@media (min-width: 769px) {
    .textgap8 { height: 9em; }
}

@media (min-width: 1025px) {
    .textgap8 { height: 7em; }
}


/*.textgap-abc { height: 16em; }

@media (min-width: 375px) and (max-width: 424px) {
    .textgap-abc { height: 13em; }
}

@media (min-width: 425px) and (max-width: 767px) {
    .textgap-abc { height: 11em; }
}

@media (min-width: 768px) {
    .textgap-abc { height: 7em; }
}*/




.textgap11 { height: 11em; }
.textgap12 { height: 12em; }

.textgap13 { height: 23em; }

@media (min-width: 375px) and (max-width: 424px) {
    .textgap13 { height: 19em; }
}

@media (min-width: 425px) and (max-width: 1023px) {
    .textgap13 { height: 16em; }
}

@media (min-width: 1024px) {
    .textgap13 { height: 13em; }
}

.textgap15 { height: 15em; }


/* Beitag tippen, Katze */

@media (max-width: 374px) {
    .katze-gap { height: 55em; }
}

@media (min-width: 375px) and (max-width: 424px) {
    .katze-gap { height: 45em; }
}

@media (min-width: 425px) and (max-width: 767px)  {
    .katze-gap { height: 40em; }
}

@media (min-width: 768px) {
    .katze-gap { height: 26em; }
}

/* Ende Beitag tippen, Katze */

/*@media (min-width: 1024px) and (max-width: 1279px) {
    .textgap23 { height: em; }
}

@media (min-width: 1340px) {
    .textgap23 { height: 24em; }
}*/

.textgap-autoptimize {height: 3em; }

.textgap36 { height: 36em; }


/* CSS code to hide the page für Firefox */
.hidden-site {
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Provisorisch Header-Menü ausbl. */
#menu-item-227281 {
    display: none;
}

/* Highlighter Stile für den Dunkelmodus nur so Doppelbspiel falls noch Änderung */
.wp-dark-mode-active {
	.token.property {
		color: #ed723f;
	}
}

/* === INLINE === */
.hausmaus {
	margin-top: -117px !important;
	margin-bottom: 50px !important;
	margin-right: 10px;
}

@media (max-width: 767px) {
    .hausmaus {
        margin-top: -117px !important;
        margin-bottom: 60px !important;
    }
}


/* Fußzeile von Lese/Normal */
@media (min-width: 1024px) {
.readermode #footer-sidebar.footer-sidebar.widget-area.masonry {
	display: none;
}
}
/* Div inline Codes damals Firefox */
/* CSS code to hide the page 
.hidden-site {
  visibility: hidden !important;
  opacity: 0 !important;
}*/

/* Meta Like Mobil */  
@media screen and (max-width: 1024px) {
	.love {
display: inline-block !important;
margin: 0;
}
}

/* Animation "hello. – für dich" */
@media all and (max-width: 425px)
	{
.svg-hello {
width: 150px;
max-height: 10px;
margin: -25% 40% 30%;
	transform:rotate(-15deg);
}
}

@media all and (min-width: 426px)
	{
		.svg-hello {
width: 175px;
margin: -25% 0 10% 70%;
	transform:rotate(-25deg);
}
}

@media all and (min-width: 426px)
	{
.readermode .svg-hello {
    width: 200px;
margin: -21% 0 10% 65%;
    transform: rotate(-20deg);
}
}

/* Tabala Container - Responsive Grid */
.tabala-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
}

.tabala-button {
    /*border: 2px solid #231f20;*/
    padding: 5px;
    text-align: center;
    cursor: pointer;
    background-color: #3498db;
    color: #fff;
    margin: 5px;
    border-radius: 5px;
}





/* = vorh.- nächt. Beitrag = */
@media (max-width: 1024px) {
.u_next_story.nav-growpop.u_next_story.nav-growpop .icon-wrap {
	display: none;
}
}

/* === Fußzeile, Footer; Inline-Code! === */

/* Formatierung */
.site-info {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(
        90deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(241, 248, 255, 1) 100%
    );
    background: -webkit-linear-gradient(
        90deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(241, 248, 255, 1) 100%
    );
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(241, 248, 255, 1) 100%
    );
    position: relative;
}

.site-info {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #fff, #d1d6da, #fff) 1;
    border-image-slice: 1;
    box-shadow: 0px 1px 0px 0px #fff, 0px 1px 0px 0px #d1d6da,
        0px -1px 0px 0px #fff, 0px -1px 0px 0px #d1d6da; /* Box-Shadow für obere Border */
}

.site-info {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #fff, #d1d6da, #fff) 1;
    border-image-slice: 1;
    box-shadow: 0px 1px 0px 0px #fff, 0px 1px 0px 0px #d1d6da;
    /*border-image: linear-gradient(to right, #fff, #D1D6DA) 1;*/
}

[nighteyeplgn="active"] .site-info {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #2b2b2b, #d1d6da, #2b2b2b) 1;
    border-image-slice: 1;
    box-shadow: 0px 1px 0px 0px #2b2b2b, 0px 1px 0px 0px #d1d6da;
}

.site-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Powered by WordPress */
.site-info > a {
    font-size: 12px;
    color: #535780;
    margin-right: 102px;
}

.site-info > a:hover {
    color: #49a7d6;
}

/* Impressum / Datenschutz */
.impr-datens {
    flex: 1;
    text-align: center;
    font-size: 13px;
    color: #a89e90 !important;
}

.impr-datens a {
    letter-spacing: 1px;
    color: #535780;
}

.impr-datens a:hover {
    color: #cd5606 !important;
}

.author-info a {
    color: #535780 !important;
}

.author-info a:hover {
    color: #cd5606 !important;
}

/* Für Mobil abstand und untereinander */
@media (max-width: 425px) {
    .impr-datens {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

@media (max-width: 425px) {
    .site-info {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* CSS-Regel, um das Pop-up zu verstecken */
.popup {
    display: none !important;
    visibility: hidden !important;
}

/* = ENDE Fußzeile, Footer. = */


/* === WP Featherlight Diashow: Abspiel-Buttons mit Zeitvorwahl und Bildzähler samt Stilen  === */

/*Direkt in der Datei*/

/* = Ende WP Featherlight Diashow: Abspiel-Buttons mit Zeitvorwahl und Bildzähler samt Stilen = */


/* Eule Tag-Nacht */

.wp-image-235001 {
	margin: 30px 0 60px;
}

.wp-image-235017 {
	
	margin: 0 0 90px;
}

[nighteyeplgn="active"] .wp-image-235017 {
	display: block;
	
}

[nighteyeplgn="active"] .wp-image-235001 {
	display:none;
}

.wp-image-235017 {
	display: none;
}

/* Ende Eule Tag-Nacht */