@font-face {
  font-family: Century Gothic;
  src: url(fonts/GOTHICI.ttf);
  src: url(fonts/GOTHICBI.ttf);
  src: url(fonts/GOTHICB.ttf);
  src: url(fonts/GOTHIC.ttf);
}


body{
	background-color:#FFF7E6;
	font-family: Century Gothic;
}


.wrapper{
	margin-left:5%;
	margin-right:5%;
	text-align:justify;

	font-size:18pt;
	line-height:200%;	

}

#headwrap{
	/*background:url(img/logo.png);*/ 
	background-position: top; 
	background-size:300px;
	padding-top:5em;
	padding-bottom:1em;	
	background-repeat: no-repeat;
	margin:2% 2% % 2%;

}
.content_sub{
    padding:1em;
    width:100%;
    display:flex;
    background-color:rgba(19, 39, 220, 0.1);
    width:auto;
    color:black;
}

.content_image_left{
	padding:1em 1em 0 1em;
	float:left;
        width:30%;
        max-height:1000px;
        display:flex;
        flex-direction: column;
        justify-content: center;
}

.content_image_right{
	padding:1em 1em 0 1em;
	float:right;
        width:30%;
        max-height:1000px;
        order:2;
        display:flex;
        flex-direction: column;
        justify-content: center;
        
       
}

.blog_image{
    max-height: 100%;
    width:100%;
}
.content_wrapper{	
	
        margin:0em 2em 2em 2em; 
                
}

.content_headline{
	text-align:center;
	font-size:1em;
        display:flex;
        justify-content:space-between;
        color:white;
        width:auto;
        background-color:#13274A;
}
.content_headline_2{
	text-align:center;
	font-size:1em;
        display:flex;
        justify-content:space-between;
        color:#13274A;
        width:auto;
}
	
.content_text{
        width:70%;
        text-align: justify;
}

.content_text_startseite{
	width:70%;
    text-align: justify;
	text-align:center;

	
}
.index_image{
    width:400px;
}
    
.content_text_50{
        width:50%;
        text-align: justify;
        display:flex;
        flex-direction:column;
        justify-content:center;

}




h1{
	size:2em;
	color:rgba(36, 55, 87);
	text-align:center;
	font-family:Century Gothic;
        margin-top:1em;
	}
	
.grid-container{
	display:grid;
	/* margin-left:2%; */
	/* margin-right:2%; */
	font-size:inherit;
	justify-content:start;
	align-content:center;
        grid-template-columns: 20% 20% 20% 20% 20%;
	

}

a{
	text-decoration:none;
}

.original{
	text-align:center;
	padding:1em;
	font-size:35px;
	font-family:Century Gothic;
	color:black;

}

.active{
	 /* background-color:#14274C; */
     /* color:#F99C25; */
	 color:rgba(36, 55, 87);
     display:grid;
	text-align:center;
	font-family:Century Gothic;
	padding:1em;
	font-size:35px;

}
	


 
a:hover{
     background-color:#14274C;
     color:#fff;
     display:grid;
}


h2{
	text-align:center;
}
hr{
    color:white;
}

#more{
	display:none;
}

#myBtn{
	height:20px;
}


/* .content_text{ */
	/* align:middle; */

        .line{
            width:auto;
            
            flex-grow:3;
            padding:1.5em;
        }
        .logo{
			text-align:center;
			/* width: 3000px; */
            object-fit: contain;
            /* padding:40% 0  40% 0; */
        }
        #logo{
            width:20%;
            height:20%;
        }
        .image_50{
            object-fit: contain;
            width:90%;
            padding: 5%;
        }
        .note{
            font-style:italic;
            font-size: 0.8em;
            text-align:right;
            margin-right:5%;
        }
        #jpk{
            max-width:100%;
        }
        
        
        .content_text_50_row{
        width:50%;
        text-align: justify;
        display:flex;
        justify-content:center;
        }