/* HAUPTSEITE */

        .shortsearch-link {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            text-transform: uppercase;
            color: #ebefc4;
            padding: 0 5px;

            margin: 0 0px 5px 0px;
            font-family: Playfair Display,serif;
            line-height: 22px;
            padding-top: 2px;
            width: 345px;
    }

            #shortsearch-box {
                margin: 2px;
                width: 400px;
                box-sizing: border-box;
                padding: 5px;
                overflow: hidden;
                display: inline-block;
            }
            
            #shortsearch-box .title {
                box-sizing: border-box;
                padding: 5px 0;
                background: #061828;
                text-align: center;
                font-family: Saltwater;
                font-size: 25px;
                letter-spacing: 1px;
                color: #ebefc4;
            }
            
            #shortsearch-box .relation {
                box-sizing: border-box;
                width: 100%;
height: 30px;
                padding: 4px;
                margin: 2px auto;
                color: #ebefc4;
                text-align: center;
                letter-spacing: 1px;
                background: #061828;
                font-size: 12px;
                font-weight: 600;
            }
            
            #shortsearch-box .wantedby {
                box-sizing: border-box;
                width: 100%;
                padding: 4px;
                margin: 2px auto;
                color: #ebefc4;
                text-align: center;
                letter-spacing: 1px;
                background: #061828;
                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: #061828;
                margin-bottom: 3px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                color: #ebefc4;
                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: #ebefc4;
            }
            
            #shortsearch-box .avatar {
                box-sizing: border-box;
                width: 100%;
                padding: 4px;
                margin: 2px auto;
                color: #ebefc4;
                text-align: center;
                letter-spacing: 1px;
                background: #061828;
                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: #ebefc4;
                text-align: center;
                letter-spacing: 1px;
                background: #061828;
                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 #061828;
	text-align:justify;
	overflow:auto;
	z-index:999;
	font-size: 10px;
	line-height: 15px;
	text-align: justify;
	letter-spacing: 1px;
	color: #ebefc4;
	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: #ebefc4;
            }
            
            #shortsearch-profile .title {
                font-size: 12px;
                font-weight: 400;
                text-align: left;
                text-transform: uppercase;
                color: #ebefc4;
                padding: 5px;
                border-bottom: #061828 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: #ebefc4;
                float: left
            }