:root {
    /*Colors*/
    --primaryColor: #000;
    --secondaryColor: #9d9d9c;
    
    --bk_error:#871800;
    --bk_success:#a3bf07;
    
    /*font*/
    --roboto_regular: 'Roboto-Regular';
    --roboto_bold: 'Roboto-Bold';
}
/*[ FONT ]*/
@font-face {
	font-family: Roboto-Regular;
	src: url('../css/fonts/Roboto-Regular.ttf');
}
@font-face {
	font-family: Roboto-Medium;
	src: url('../css/fonts/Roboto-Medium.ttf');
}
@font-face {
	font-family: Roboto-Bold;
	src: url('../css/fonts/Roboto-Bold.ttf');
}

body{background-image:url(../files/background_default.png);background-repeat:repeat-y;background-position:top left;margin:0;padding:0;font-family:var(--roboto_regular);color:var(--primaryColor);font-size:20px;}
a{text-decoration:none;color:var(--primaryColor);}
p{line-height:22px;}
a:hover{text-decoration:underline;}
li{list-style:none;}
header div.logo{margin-top:63px;margin-left:130px;}
nav{margin-left:278px;margin-top:91px;}

nav ul.main-menu li > a{font-size:50px;text-transform:uppercase;text-decoration:none;position:relative;letter-spacing: -0.02em;line-height: 58px;}
nav ul.main-menu > li > a::after {content: ' ';display: block;width: 100%;position: absolute;height: 2px;bottom: 3px;background: black;}
nav ul.main-menu li a:hover,
nav ul.main-menu ul li a.active{font-family:var(--roboto_bold);text-decoration:none;}
nav ul.main-menu li ul{padding:0px;margin:0px;display:none;}
nav ul.main-menu li ul li a{text-decoration:none;}

nav ul.top-menu{position:fixed;top:200px;left:28px;text-transform:uppercase;}
nav ul.top-menu li > a {line-height: 23px;display: block;letter-spacing: -0.02em;}

.active + .content + ul {margin-bottom: 30px;}

.content{display:none;max-width:800px;position:relative;padding:8px 0px;margin-bottom:10px;font-size:20px;letter-spacing: -0.01em;}
.active + .content{max-width:750px;margin-bottom:30px;margin-right:50px;}
.active + .content p{line-height: 30px;}
.content:after{content:'';position:absolute;left:0;bottom:-4px;width:54px;height:3px;background-color:var(--primaryColor);}
.content > a{font-size:20px;color:#000;text-transform:none;}
nav ul.main-menu li ul li .content a {text-decoration: underline;}

.content ul {padding: 0 0 0 14px !important;}
.content ul li::before {content: '•';margin-left: -12px;display: inline-block;width: 12px;}

.modal{display:none;width:958px;/*height:798px*/;min-height:830px;position:absolute; top:225px;left:418px;z-index:999;background-color:#FFFFFF;box-sizing:border-box;padding:16px 50px 30px 46px;font-size:20px;letter-spacing: -0.02em;}
.modal .close{width:20px;height:20px;background-color:#FFFFFF;float:right;position:relative;cursor:pointer;right: -40px;top: -8px;}
.modal .close:after,
.modal .close:before{position:absolute;content:'';width:20px;height:4px;background-color:#000;top:8px;}
.modal .close:after{transform:rotate(45deg);}
.modal .close:before{transform:rotate(-45deg);}
.modal h4{font-size:50px;margin:10px 0 32px;font-family:var(--roboto_regular);text-transform:uppercase;letter-spacing: -0.03em;}
.modal .subtitle{margin:20px 0px 0px 0px;}
.modal > form,.modal > p{padding: 0 5px;}
.form .form-input{width:95%;border:none;font-size:20px;border-bottom:1px solid #000;margin:3px 0 8px;padding:2px 0 6px 4px;outline: none;color:#000;}
.form .form-input.empty_error {border-bottom-color: red;}
.form .input-radio{box-sizing:border-box;margin:10px 0px 0px; display:inline-block;width:100%;position:relative;padding-left:30px;text-align:left;vertical-align:middle;}
form .input-radio + .input-radio{margin-top:5px}
.form .input-radio .check{width:23px;height:28px;float:left;margin-left:-30px;border-bottom:1px solid #000;position:relative;}
.form .input-radio .check:after,
.form .input-radio .check:before{width:20px;height:4px;background-color:#000;position:absolute;content:'';display:none;}
.form .input-radio .check:before{transform: rotate(45deg);top:9px;left:2px;}
.form .input-radio .check:after{transform: rotate(-45deg);top:9px;left:2px;}

.form .input-radio p{float:left;vertical-align:top;margin:0;}
.form .input-radio input[type=checkbox]{width:23px;height:23px;margin:0;position:absolute;top:0;left:0;z-index:999;cursor: pointer;background: rgba(255,255,255,1);color:black;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;}
.form .input-radio input[type=checkbox]:checked{background: rgba(255,255,255,0);}
.form .input-radio input[type=checkbox]:checked + .check:after{display:block;}
.form .input-radio input[type=checkbox]:checked + .check:before{display:block;}
.form button[type=submit],.form input[type=submit]{font-size:20px;text-transform:uppercase;background-color:#FFFFFF;border:0;cursor:pointer;border-bottom:1px solid #000;padding:0;margin-top: 15px;}
.form .error{font-size:16px;color:red;display:none;}
.modal .message{display:none;width:95%;padding:10px;color:#FFFF;margin:5px 0px;}
.modal .message_error{background-color:var(--bk_error);}
.modal .message_success{background-color:var(--bk_success);}
::placeholder {color: #000;opacity: 1;font-family: var(--roboto_regular);
letter-spacing: 0.02em;}
:-ms-input-placeholder {color: #000;font-family: var(--roboto_regular);
letter-spacing: 0.02em;}
::-ms-input-placeholder {color: #000;font-family: var(--roboto_regular);
letter-spacing: 0.02em;}

img {
    max-width: 100%;
    height: auto !important;
}
.no-border .content{box-sizing:border-box;padding-top:40px;}
.agenda{position:relative;margin:8px 0px 25px;padding-bottom:5px;}
.agenda+.agenda{margin-top:14px;}
.agenda:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 69px;
    height: 3px;
    background-color: var(--primaryColor);
}
.agenda h1{font-size:50px;margin:0px;line-height:50px;letter-spacing: -0.03em;}
/*.no-border .content:after{height:0px;bottom:0;}*/
.content .agenda:last-of-type:after{height:0px;bottom:0;}
.agenda p{margin:0px;}
@media screen and (max-width: 1400px) {
    .modal {
        top: 0;
        left: 0;
        width: 100%;
    }
}
@media screen and (max-width: 720px) {
    header div.logo {
        margin-top: 5px;
        margin-left: 15px;
    }
    .logo img {
        width: 350px;
    }
    nav ul.top-menu {
        position:absolute;
        top: 80px;
    }
    nav {
        margin-left: 0;
        margin-top: 125px;
    }
    nav ul.top-menu{left:0;}
    nav ul.main-menu {padding-right: 15px;}
    nav ul.main-menu li > a {font-size: 32px;line-height: 40px;}
    .modal {
        top: 0;
        left: 0;
        max-width: 100%;
        padding-left: 15px;
    }
    .modal h4 {font-size: 32px;}
    .agenda h1 {
        font-size: 30px;
        line-height: 30px;
    }
}
.en {
  position: absolute;
  left: 68px;
}
.en:before {
  content: ' ';
  border-left: 1px solid black;
  margin-right: 10px;
  font-size: 14px;
}
.en,.de{display:none!important;}