/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
html,body{-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*{outline:none;}
body{margin:0;padding:0;overflow:scroll;font-family: 'Roboto', sans-serif;font-weight: 300;font-size:16px;overflow-x:hidden;color:#737373;}
/*Standards*/
h1, h2, h3, h4, h5 {font-weight:400;padding:0;margin:0 0 15px 0;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h5{font-size:18px;}
a {color: #0064a2;line-height: inherit;text-decoration: none;}
.footer a {color: #fff;}
p {margin-bottom: 20px;line-height: 24px;}
/*header*/
#headerwrapper {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0px 3px 3px 0px #888;
}
.head {width: 100%;max-width: 1170px;margin: 20px auto 35px auto;height:65px;}
.headblock {
    width: 100%;
}
.headblock p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.headblock.orange {
    background: #f49308;
    padding: 10px;
    height: max-content;
}
.orange p {
    color: #fff;
}
.loginbtn {
    background: #fff;
    padding: 3px;
    color: #000;
    text-decoration: none;
}
/*Navi*/
#navwrapper{width:100%;z-index:500;background-color:#0063a4;}
#navwrapper .mobnav{display:none;}
#navwrapper .nav{width:100%;height:50px;position:relative;max-width:1170px;margin:0 auto;}
#navwrapper .nav ul{height:auto;display:block;margin:0;padding:0;list-style:none;position:relative;}
#navwrapper .nav ul li{font-size:17px;line-height:49px;float:left;overflow:visible;position:relative;list-style:none;}
#navwrapper .nav ul li:hover,.nav ul li.active, .nav ul li:focus-within{background-color:#0972ce;color:#f49308;}
#navwrapper .nav ul li:last-child{border-right:none}
#navwrapper .nav ul li a{text-decoration:none;color:#ffffff;padding:0 15px;font-size:15px;}
#navwrapper .nav ul li a.active{color:#f49308;}
#navwrapper .nav ul li ul{margin-left:0;position:absolute;display:none;color:#ffffff;}
#navwrapper .nav ul li:hover ul{display:block;}
#navwrapper .nav ul li:focus-within ul{display:block;}
#navwrapper .nav ul li:focus ul {display:block;}
#navwrapper .nav ul li:active ul {display:block;}
#navwrapper .nav ul li:hover ul li{background-color:rgba(0,124,184,0.9);}
#navwrapper .nav ul li:hover ul li:hover,.nav ul li:hover ul li.active,.nav ul li:focus-within ul li:focus-within{background-color:#0972ce;}
#navwrapper .nav ul li ul li{text-align:left;background-color:rgba(53,147,241,0.95);line-height:20px;width:200px;padding:10px;border-bottom:solid 1px #ffffff;}
#navwrapper .nav ul li ul li a{display:flex;text-decoration:none;color:#ffffff;text-transform:none;padding:0;font-size:15px}
#navwrapper .nav ul li ul li a.active{color:#f49308;}
#navwrapper .nav ul li ul li a:hover{color:#f49308;}
#navwrapper .nav ul li ul li:last-child{border: unset;}
#navwrapper .nav ul li ul li ul {position: absolute;display:none !important;left: 200px;width: 200px;top: 0;padding-left: 2px;}
#navwrapper .nav ul li:hover ul li:hover ul{display:block !important;}
#navwrappernew .nav ul li ul li ul li {width: 100%;padding: 10px 10px;}
#mobnav {display:none;}
#menu {
    display: none;
}

/* Sidebar */
#sidebar {position: fixed;right: 0;top: 180px;z-index: 500;overflow: hidden;}
#sidebaricons {width: 72px;height: auto;overflow: hidden;float: left;}
.sbi {background-color:rgba(8,101,161,0.8);border:solid 1px rgba(8,101,161,0.8);color:#ffffff;text-align:center;width:70px;height:55px;margin:0 0 3px 0;overflow:hidden;padding:15px 0 0 0;}
#sidebar a:focus-within .sidebarbutton{background-color:#b00;}
.sbi:hover {background-color:#fff;color: #0063a4;}
.sbi p{margin:0;text-transform: uppercase;font-size:12px;}
.sbi:hover p{color: #0063a4;}
.sbi i{font-size:21px;}
#sidebarcontent {
    position: fixed;
    right: -330px;
    width: 308px;
    overflow: hidden;
    color: #ffffff;
    padding: 10px;
    margin: 0 0 0 2px;
    background: rgba(8,101,161,0.8);
}
#sidebarcontent p {
    color: #fff;
}
/* Slider */
#slider {
    /* background-color: #9de1f4;*/
    /*border-top: solid 1px #fff; */
    margin-top:180px;
    overflow:hidden;
}
.flexslider {
    max-width: 1170px;
    margin: 0 auto;
}
.flex-control-nav {
    bottom: 5px;
    position: absolute;
}

#breadcrumbs {
    width: 100%;
    max-width: 1170px;
    margin: 10px auto;
    overflow: hidden;
    position: relative;
    font-size: 12px;
}

/* Content */
.content {
    width: 100%;
    max-width: 1170px;
    margin: 30px auto;
    overflow: hidden;
    position: relative;
    min-height: 80vh;
}
.main {
    width: 100%;
    overflow: hidden;
}
/*.rightRow {
    width: 25%;
    overflow: hidden;
    border-left: solid 1px #ddd;
}*/
/* Teaser */
.teaser {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
}
.tblock {
    display: inline-block;
    width: 48%;
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
    text-align: center;
}
.tblock img{
    border-radius: 50%;
    border: 2px solid #ffffff;
    margin: 20px 0;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(180,180,180,1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(180,180,180,1);
    box-shadow: 0px 0px 8px 1px rgba(180,180,180,1);
}
.tblock p {
    color: #737373;
}
/*Programm*/
.progrow {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    overflow: hidden;
    border-bottom: 1px dotted #aaa;
}
.datecell {
    padding: 10px;
    background: #f2950a;
    width: 25%;
}
.datecell p {color:#fff;}
.themecel {
    padding: 10px;
    width: 75%;
}
.programm {display: flex; color: #fff}
.spalte1 {width: 25%; margin-right: 1px;}
.spalte2 {width: 25%; margin-right: 1px;}
.spalte3 {width: 25%; margin-right: 1px;}
.spalte4 {width: 25%;}
/*.spalte5 {width: 20%;}*/
.raum {background: #0063a4; margin: 0; padding: 5px;}
.programm_text {background: #f2950a; padding: 5px; margin-bottom: 1px;}

/*Anmeldung*/
.anmeldung_bik {
  width: 30%;
  display: block;
  background: #f2950a;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

/*IMGteaser Block*/
.imgteaser {width: 100%;overflow: hidden;display: flex;margin-bottom:30px;background: #0063a4;}
.coltxt {display: inline-block;width: calc(50% - 40px);padding: 20px;color:#fff;}
.colbgimg {width: 50%;background: no-repeat;background-size: cover;background-position-x: center;background-position-y: center;}
.button{}
.white{padding:10px;display:inline-block;background-color:#fff;color:#0063a4;border:1px solid #fff;}
.white:hover{background:#0063a4;border:1px solid #fff;color:#fff;}
/* Grids */
.row {width:100%;display:flex;justify-content:space-between;overflow:hidden;}
.col4{width:calc(100% / 4 - 1%);overflow:hidden;position: relative;}
.col2{width:calc(100% / 2 - 1%);overflow:hidden;position: relative;}
.nlinput.row .col2{width:calc(50% - 10px);}
.nlinput.row .col2:nth-child(1){padding-right:10px;border-right:1px solid #ddd;}
.nlinput.row .col2:nth-child(2){padding-left:10px;}   

/* Footer */
#footerwrapper {
    background-color: #b4b4b4;
    overflow: hidden;
}
.footer {width:100%;max-width:1170px;overflow:hidden;color:#fff;margin: 20px auto;font-size: 12px;}

@media screen and (max-width: 1200px){
.main, .footer{padding:0 10px;width:calc(100% - 20px);}

}
@media screen and (max-width: 650px) {
  .nav {display:none;}  
  #mobnav{display:block;} 
  .row{display:block;}
  .col2, .col4, .nlinput.row .col2 {width:100%;}
  .nlinput.row .col2:nth-child(1), .nlinput.row .col2:nth-child(2){padding:none;border.none;}
  
}


label {
    font-size: .875rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
}

form{
    margin: 0;
}
input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 0 1rem;
}
select {
    width: 100%;
}
select {
    -webkit-appearance: none !important;
    border-radius: 0;
    background-color: #FAFAFA;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    padding: .5rem;
    font-size: .875rem;
    font-family: 'Roboto',sans-serif;
    color: rgba(0,0,0,0.75);
    line-height: normal;
    border-radius: 0;
    height: 2.3125rem;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #FFF;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-size: .875rem;
    margin: 0 0 1rem;
    padding: .5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s,border-color .45s ease-in-out;
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    padding: 10px;
    border: 1px solid #aaa;
}
.nlinput .secondi {
    display: none;
}