@font-face{font-family:'Cinzel-Black';src:url('img/Cinzel-Black.ttf')format('truetype');}
@font-face{font-family:'Cinzel-Bold';src:url('img/Cinzel-Bold.ttf')format('truetype');}
@font-face{font-family:'Cinzel-Regular';src:url('img/Cinzel-Regular.ttf')format('truetype');}
@font-face{font-family:'Roboto-Regular';src:url('img/Roboto-Regular.ttf')format('truetype');}
@font-face{font-family:'Roboto-Regular';src:url('img/Roboto-Light.ttf')format('truetype');}
@font-face{font-family:'Roboto-Thin';src:url('img/Roboto-Thin.ttf')format('truetype');}
@font-face{font-family:'Parisienne-Regular';src:url('img/Parisienne-Regular.ttf')format('truetype');}
@font-face{font-family:'GreatVibes-Regular';src:url('img/GreatVibes-Regular.ttf')format('truetype');}
body, html{padding:0px;margin:0px;}
body{
    font-family: "Roboto-Thin", Tahoma, Geneva, sans-serif;
    color:#111111;
}
li{list-style-type: square;}
.handwriting{
    font-family: "Parisienne-Regular", sans-serif; font-size: 27pt;
    font-family: "GreatVibes-Regular", sans-serif; font-size: 27pt;
}
.header{
    color:#111111;
}
.bold{font-weight: bold;}
.bluec{color: #2E58BF;}
.box .bold{font-size:14pt;}
.blue{
    background-color: #2E58BF;
    min-height: 20px;
    color: #eeeeee;
    margin-bottom: 10px;
}
.link{color:#465a99;text-decoration: none;}
.box{
    max-width: 330px;
    width:100%;
    border: 1px solid #cccccc;
    margin:-40px 0px 15px 15px;
    padding:15px;
    float: right;
    /*right:0px;*/
    /*margin-top:-40px;*/
    background-color:#ffffff;
    z-index: 9;
    /*position: absolute;*/
}
.wrapper{
    margin:0 auto;
    padding:0px 15px;
    width:calc (100% - 30px);
    max-width:1400px;
}
h1{
    margin:0px; padding:0px;
    font-weight: bold;
    font-size:40pt;
}
.box h2{
    margin:0px; padding:0px;
    font-weight: normal;
    font-size:30px;
    border-bottom: 1px solid #111111;
}
.box a{
    display:block;
    text-decoration: none;
    color: #111111;
    margin:10px 0;
}
#gal{
    width:100%;
    height:0px;
    overflow:hidden;
}
#gal div{
    width:100%;
    height:0px;
    background-position: center center;
    display:none;
    position: absolute;
    opacity: 0;
    background-size: 100%;
    /*position: absolute;*/
}
#content img{
    /*display:block;*/
    margin-bottom: 8px;
}
#content{
    font-size:16pt; text-align:justify;
}
#footer{background-color: #eeeeee; margin-top:20px;padding:10px 0px;}
#footer a{text-decoration: none;font-size: 10pt;color:#465a99;}
#footer .wrapper{
    text-align: center;
}
.two{margin:0px 30px 10px 0px; display: inline-block;}
.header .wrapper .two{font-size: 10pt;}
.firstcol, .firstcolb{
    font-weight: bold;
    width:80px;
    position:absolute;
    left:0px;
}
.firstcolb{
    width:170px;
}
.secondcol, .secondcolb{
    margin-bottom: 9px;
    padding-left:90px;
    position: relative;
    z-index:1;
}
.secondcolb{
    padding-left:180px;
    max-width: calc(100% - 531px);
    /*background-color: #ff0000;*/
}
.secondcol:nth-of-type(1),.secondcol:nth-of-type(2),.secondcol:nth-of-type(3),.secondcol:nth-of-type(4){
    max-width: calc(100% - 371px);
}
.bottomborder{
    border-bottom: 1px solid #cccccc;
}
.kontakt:nth-of-type(3){
    margin-top:50px;
}
.kontakt span{font-weight: bold;left:0px;position: absolute;}
.kontakt{padding-left:130px;position: relative;margin-bottom: 10px;padding-bottom:10px;}
/*.contentbox{max-width:calc(100% - 400px);}*/
a h3{color:#465a99;}
.box .Sub{margin-left:30px;}
.pubs img{display: inline-block; float:left; margin-right:30px;}
.pubs a{color:#465a99;}
.header{background-position: center center; padding-top: 90px;}
.topper {position: fixed; width:100%;z-index: 15;background-color: #ffffff;
border-bottom: #2E58BF 20px solid;}
.topper .wrapper .topmenu{
    position: relative; 
    margin: 20px auto;
    float:left;
}
.topper .wrapper .topmenu .link{
    color: #111111;
}
.topper .wrapper .topmenu a{
    text-decoration: none;
    font-size: 20px;
    font-family: "Roboto-Regular";
    padding: 0 10px;
}
.pubs h2{
    margin:0px;
    margin-top:12px;
}
.pubs h3{
    margin:0px;
}
.pubs h2,.pubs h3{display: inline-block;}
.topper .wrapper img{
    width:200px;float:right;padding:5px 0;
}
video{width:100%;}
.Vita{
	display: grid;
	grid-template-columns: 170px auto;
	grid-template-rows: auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px; 
}
.Vita .img{grid-area: 1 / 1 / 2 / 3;}
.Vita .time{font-weight:bold;}
#acceptgoogle{
    margin:20px auto;
    padding:20px;
    width:80%;
    max-width:400px;
    background-color: #95C11F;
    cursor: pointer;
    border:1px solid black;
}
@media(max-width:1200px){
    .box{margin-top:0px;}
    /*.contentbox{max-width:100%;}*/

    
}
@media(max-width:800px){
    .secondcol:nth-of-type(4){
        max-width: 100%;
    }
    .img100ab800{
        width:100%;
    }
    .topper .wrapper img{
        width:100px;
    }
    .header{padding-top:0px;}
    .topper{position: relative;border-bottom: none;}
    #gal{border-top:#2E58BF 20px solid;}
}
@media(max-width:600px){
    .box{
        max-width: calc(100% - 60px);
        width:calc(100% - 60px);
        margin-top:0px;
        float:none;
    }
    .secondcol:nth-of-type(1),.secondcol:nth-of-type(2),.secondcol:nth-of-type(3),.secondcol:nth-of-type(4){
        max-width: 100%;
    }
    .handwriting{font-size: 20pt;}
    .topper .wrapper .topmenu a{display: block;padding:5px;}
    .topper .wrapper img{
        width:100px;
    }
    .aimg{width:100%;}
    .pubs h2{font-size:17pt;}
    .pubs h3{font-size:16pt;}
	.Vita .img img{width:100%}
	.Vita{
		display:block;
	}
	.Vita .job{
		border-bottom:1px solid #555;
		margin-bottom:5px;
		text-align:left;
	}
}
@media(max-width:500px){
    .topper .wrapper img{
        width:100px;padding:5px 0px 0px 0px;
    }
    
}