.inplaykalender_tag { text-align: center; font-size: 8px; letter-spacing: 1px; } 
        .szenen { background-color: #C8B6CC; } 
        .szenen strong { color: #543D59 !important; } 
        .geburtstag { background-color: #EBD39D; } 
        .geburtstag strong { color: #6E644E !important; } 
        .timeline { background-color: #BADBAF;}
        .timeline strong { color: #3D4F37 !important; }
        .event { background-color: #ABD9D8; }
        .event strong { color: #4D6E6D !important; }
        
        .szenentimeline { background: linear-gradient(to left top, #EBD39D 50%, #BADBAF 50%); }
        .szenentimeline strong { color: #3D4F37 !important; }
        .szenengeburtstag { background: linear-gradient(to left top, #EBD39D 50%, #C8B6CC 50%); }
        .szenenevent { background: linear-gradient(to left top, #EBD39D 50%, #ABD9D8 50%); }
        .szenenevent strong { }
        .szenengeburtstag strong { color: #543D59 !important; }
        .geburtstagtimeline { background: linear-gradient(to left top, #EBD39D 50%, #BADBAF 50%); }
        .geburtstagtimeline strong { color: #6E644E !important;  }
        .geburtstagevent { background: linear-gradient(to left top, #C8B6CC 50%, #ABD9D8 50%); }
        .geburtstagevent strong { }
        .timelineevent { background: linear-gradient(to left top, #BADBAF 50%, #ABD9D8 50%);  }
        .timelineevent strong { }
        
        .szenengeburtstagtimeline { background: linear-gradient(to left top, #EBD39D 33%, #C8B6CC 33%, #C8B6CC 66%, #BADBAF 66%); }
        .szenengeburtstagtimeline strong { color: #543D59 !important; }
        .szenengeburtstagevent { background: linear-gradient(to left top, #EBD39D 33%, #C8B6CC 33%, #C8B6CC 66%, #ABD9D8 66%); }
        .szenengeburtstagevent strong { }
        .szenentimelineevent {  background: linear-gradient(to left top, #EBD39D 33%, #BADBAF 33%, #BADBAF 66%, #ABD9D8 66%); }
        .szenentimelineevent strong { }
        .geburtstagtimelineevent { background: linear-gradient(to left top, #EBD39D 33%, #BADBAF 33%, #BADBAF 66%, #ABD9D8 66%); }
        .geburtstagtimelineevent strong { }
        
        .szenengeburtstagtimelineevent { background: linear-gradient(to left top, #EBD39D 25%, #C8B6CC 25%, #C8B6CC 50%, #BADBAF 50%, #BADBAF 75%, #ABD9D8 75%); }

        #mini-kalender { font-size: 7px; }
        #mini-kalender td { padding: 5px; }
        .calpop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); z-index: 1000; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none; } 


        .calpop:target { opacity:1; pointer-events: auto; }

        .calpop > .pop { text-align: justify; background: rgba(255,255,255,8); width: 800px; position: relative; margin: 5% auto; padding: 10px; z-index: 1002; font-size: 11px; }

        .closepop { position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 999; }

        .inplaykalender-eventlist { max-height: 50px; overflow: auto; padding-right: 5px;}.inplayquotes-quote { font-family: "georgia", serif; font-size: 22px; letter-spacing: -1px; text-transform: lowercase; text-align: center; }
		.ip-quotes-pop { 
			position: fixed; 
			top: 0; 
			right: 0; 
			bottom: 0; 
			left: 0; 
			background: hsla(0, 0%, 0%, 0.5); 
			z-index: 1; 
			opacity:0; 
			-webkit-transition: .5s ease-in-out; 
			-moz-transition: .5s ease-in-out; 
			transition: .5s ease-in-out; 
			 pointer-events: none; 
		 } 
				
		.ip-quotes-pop:target { 
			opacity:1;
			pointer-events: auto; 
		} 
				
		.ip-quotes-pop > .ip-quotes-popup { 
			background: transparent; 
			width: 450px; 
			position: relative; 
			margin: 10% auto; 
			padding: 25px; 
			z-index: 1; 
		} 
				
		.closepop { 
			 position: absolute; 
			right: -5px; 
			top:-5px; 
			width: 100%; 
			height: 100%; 
			z-index:0; 
		}/* HAUPTSEITE */

        .shortsearch-link {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            text-transform: uppercase;
            color: #8596A6;
            padding: 0 5px;
            border-bottom: #8596a6 2px solid;
            margin: 0 0px 5px 0px;
            font-family: Playfair Display,serif;
            line-height: 22px;
            padding-top: 2px;
            width: 345px;
    }

            #shortsearch-box {
                margin: 2px;
                width: 535px;
                box-sizing: border-box;
                padding: 5px;
                overflow: hidden;
                display: inline-block;
            }
            
            #shortsearch-box .title {
                box-sizing: border-box;
                padding: 5px 0;
                background: #293340;
                text-align: center;
                font-family: Playfair Display,serif;
                font-size: 20px;
                letter-spacing: 1px;
                color: #8596a6;
            }
            
            #shortsearch-box .relation {
                box-sizing: border-box;
                width: 100%;
                padding: 4px;
                margin: 2px auto;
                color: #293340;
                text-align: center;
                letter-spacing: 1px;
                background: #8596a6;
                font-size: 12px;
                font-weight: 600;
            }
            
            #shortsearch-box .wantedby {
                box-sizing: border-box;
                width: 100%;
                padding: 4px;
                margin: 2px auto;
                color: #293340;
                text-align: center;
                letter-spacing: 1px;
                background: #8596a6;
                font-size: 12px;
                font-weight: 600;
            }
            
            #shortsearch-box .wantedby i {
                float: left;
                margin: 4px 0 0 1px;
                font-size: 14px;
            }
            
            #shortsearch-box .fact {
                font-family: Overpass,sans-serif;
                font-size: 11px;
                padding: 2px 5px;
                text-align: center;
                margin: 2px 1px;
                background: #293340;
                margin-bottom: 3px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                color: #8596a6;
                letter-spacing: 1px;
                line-height: 20px;
                font-weight: 600;
                width: 100%;
            }
            
            #shortsearch-box .fact i {
                float: left;
                margin: 4px 0 0 1px;
                font-size: 14px;
            }
            
            #shortsearch-box .desc {
                height: 150px;
                overflow: auto;
                margin-top: 5px;
                padding-right: 5px;
                font-size: 11px;
                line-height: 15px;
                text-align: justify;
                letter-spacing: 1px;
                color: #C7CFD9;
            }
            
            #shortsearch-box .avatar {
                box-sizing: border-box;
                width: 100%;
                padding: 4px;
                margin: 2px auto;
                color: #293340;
                text-align: center;
                letter-spacing: 1px;
                background: #8596a6;
                font-size: 12px;
                font-weight: 600;
            }
            
            #shortsearch-box .avatar i {
                float: left;
                margin: 4px 0 0 1px;
                font-size: 14px;
            }
            
            #shortsearch-box .status {
                box-sizing: border-box;
                width: 100%;
                padding: 4px;
                margin: 2px auto;
                color: #293340;
                text-align: center;
                letter-spacing: 1px;
                background: #8596a6;
                font-size: 12px;
                font-weight: 600;
            }
            
            #shortsearch-box .status i {
                float: left;
                margin: 4px 0 0 1px;
                font-size: 14px;
            }
	    
	    /* POPUP */
.searchpop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:hsla(0,0%,0%,0.3);
	z-index: 99;
	opacity:0;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	pointer-events:none;
}

.searchpop:target {
	opacity:1;
	pointer-events: auto;
}

/* Hier wird das Popup definiert! */
.searchpop>.pop {
	position:relative;
	margin:10% auto;
	width:600px;
	max-height:450px;
	box-sizing:border-box;
	padding:10px;
	background: #4C6173;
	border: 3px solid #8596A6;
	text-align:justify;
	overflow:auto;
	z-index:999;
	font-size: 10px;
	line-height: 15px;
	text-align: justify;
	letter-spacing: 1px;
	color: #C7CFD9;
	font-family: Overpass,sans-serif;
}

.searchpop>.closepop {
	position:absolute;
	right:-5px;
	top:-5px;
	width:100%;
	height:100%;
	z-index: 1;
}
            
            /* PROFIL */
            #shortsearch-profile {
                width: 32.5%;
                margin: 2px 4px;
                float: left;
                color: #C7CFD9;
            }
            
            #shortsearch-profile .title {
                font-size: 12px;
                font-weight: 400;
                text-align: left;
                text-transform: uppercase;
                color: #8596A6;
                padding: 5px;
                border-bottom: #8596a6 2px solid;
                margin: 0 0px 5px 0px;
                font-family: Playfair Display,serif;
            }
            
            #shortsearch-profile .status {
                text-align: center;
                font-size: 12px;
                font-family: Overpass,sans-serif;
            }
            
            #shortsearch-profile .infos{
            text-align: center;
            font-size: 11px;
            font-family: Oswald, sans-serif;	
            }
            
            .infos i {
                color: #293340;
                float: left
            }