@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('fonts/roboto-v18-latin-100.eot'); src: local('Roboto thin'), local('Roboto-thin'), url('fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-100.woff2') format('woff2'), url('fonts/roboto-v18-latin-100.woff') format('woff'), url('fonts/roboto-v18-latin-100.ttf') format('truetype'), url('fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); }
/* roboto-300 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts/roboto-v18-latin-300.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-300.woff2') format('woff2'), url('fonts/roboto-v18-latin-300.woff') format('woff'), url('fonts/roboto-v18-latin-300.ttf') format('truetype'), url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); }
/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v18-latin-500.eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-500.woff2') format('woff2'), url('fonts/roboto-v18-latin-500.woff') format('woff'), url('fonts/roboto-v18-latin-500.ttf') format('truetype'), url('fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v18-latin-700.eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-700.woff2') format('woff2'), url('fonts/roboto-v18-latin-700.woff') format('woff'), url('fonts/roboto-v18-latin-700.ttf') format('truetype'), url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); }


html, body {
background: #DFDFDF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 50%, rgba(255, 255, 255, 1) 100%);
min-height: 100%;
font-family: 'Roboto', 'Segue', 'Open Sans', 'Helvetica', 'Arial'; 
font-weight: 100; 
font-size: 1.1em; 
color: #000000; 
line-height: 1.5em; 
}

.aktuelleseite{font-size: 0.5em; color: #999999; display: block; }

h1, h2, h3, h4, h5, h6, b, strong{
font-weight: 300; 
}
h1{font-size: 1.4em; }
h2{font-size: 1.3em; }
h3{font-size: 1.2em; }
h4{font-size: 1.1em; }
h5{font-size: 1.0em; }
h6{font-size: 0.9em; }

hr{
border-top: 1px solid #CCCCCC; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-bottom: 0px solid #999999; 
}


table{background-color: #FFFFFF; width: 100%; }
table.table td{text-align: center;}

#logo{
min-height: 120px; padding: 0px 20px 0px 20px; margin: 0px 5% 0px 0px; float: right; border: 0px solid #FF0000; 
width: calc(24% - 40px);
}
.logo{
width: 22%; height: auto; padding: 0px 0px 0px 0px; margin: 50px 39% 0px 39%; border: 0px solid #FF0000; text-align: center; 
}
.logo img{ margin: 0px auto; width: 100%; }

.content{
width: 80%; margin: 0px 10% 150px 10%; padding: 0px; border-top: 1px solid #CCCCCC;
}
article{width: 100%; height: auto; }

.small{font-size: 0.8em; line-height: 1.1em; display: inline-block; }
.linieoben{border-top: 1px solid #990000; padding: 20px 0px 0px 0px;}
a{color: #990000; font-weight: 300; text-decoration: none; }
a:hover{text-decoration: underline;} 
ul{margin: 0px; padding: 0px 0px 0px 5px; list-style-type: circle;  list-style-position: inside; }

#responsive{display: none;}

#topMenu{width: calc(60% - 2px); min-height:80px; height: 80px; margin: 50px 20% 30px 20%; padding: 0px; display: inline-block; z-index: 20000; position: relative; }
ul.menu li.divider:nth-last-child(1){display: none; }


ul.menu{ margin: 0px; padding: 0px; list-style-type: none; display: table; table-layout: fixed; width: 100%; position: relative; } 
ul.menu li.subpage-nav{ position: relative; }
ul.menu ul { position: absolute; max-width: 500px; padding: 20px 0px 20px 0px;  margin: 0px 0px 0px 0px; }
ul.menu li{font-size: 1.2em; float: left; margin: 0px 30px 0px 0px; padding: 10px; }
ul.menu li ul li{font-size: 0.9em; display: block; width: 100%; }
ul.menu li a{color: #000000; text-decoration: none; font-weight: 300; z-index: 202;  }
ul.menu ul li a{font-weight: 100;} 
ul.menu ul.subPageDropdown li{max-height: 1px; overflow: hidden; transition: 0.5s ease-in-out;}
ul.menu ul.subPageDropdown li a{display: none; }
ul.menu ul.subPageDropdown.aktiv li{max-height: 30px; background-color: rgba(255,255,255,0.80); }
ul.menu ul.subPageDropdown.aktiv li a{display: inline-block; z-index: 205; }
ul.menu li.subpage-nav span.caret{ display: inline-block; border: 0px solid #FF0000; background-color: #FFFFFF; width: 10px; height: 10px; ; position: absolute; top: 15px; left: 15px; opacity: 0.0; transform: rotate(45deg);}
ul.menu li.subpage-nav span.caret.zeigen{ opacity: 0.8; transform: rotate(405deg); transition: 1.0s ease-in; /*transition-delay: 0.5s;*/ }

ul.menu li.selected a{
color: #990000 !important; 
}




#kopf{width: 90%; min-height: 350px; margin: 0px 5% 20px 5%; display: inline-block; border: 0px solid #FF0000; }
#bild_eins{position: relative; width: calc(24% - 2px); min-height: 590px; border: 0px solid #999999; display: block; margin: 0px 1% 0px 0px; padding: 0px; float: left; overflow: hidden;}
#bild_zwei{position: relative; width: calc(24% - 2px); min-height: 590px; border: 0px solid #999999; display: block; margin: 0px 1% 0px 0px; padding: 0px; float: left; overflow: hidden;}
#bild_drei{position: relative; width: calc(24% - 2px); min-height: 590px; border: 0px solid #999999; display: block; margin: 0px 1% 0px 0px; padding: 0px; float: left; overflow: hidden;}
#box_rechts{width: calc(24% - 42px); min-height: 550px; border: 1px solid #999999; display: block; margin: 0px 0px 0px 0px; padding: 20px; float: left; hyphens: auto; background-color: #FFFFFF; }

#bild_eins img, #bild_zwei img, #bild_drei img{
max-height: 590px; max-width:5000px !important; border: 1px solid #999999; margin: 0px; padding: 0px; top: 0px; 
}

.content img{float: right; }

.texte{ width: 88%; min-height: 350px; margin: 0px 6% 150px 6%; display: inline-block; border: 0px solid #FF0000; }
.texte img.note-float-right{margin: 0px 0px 10px 20px; }

.footer{
background-color: #FFFFFF; padding: 10px 0px 0px 0px; margin: 0px; width: 100%; min-height: 70px; border-top: 1px solid #CCCCCC; position: fixed; bottom: 0px; left: 0px; z-index: 10; opacity: 0.9; text-align: center; 
}

#responsive{background-color: #666666; background-image: url('https://2026.bgd-hildesheim.de/images/nav_resp.png'); background-position: right 1% top 0px; background-repeat: no-repeat; position: fixed; top: 0px; left: 0px; width: 88%; max-height: 0px; overflow: hidden; padding: 60px 2% 0px 10%; margin: 0px; border: 0px solid #FF0000; z-index: 2001; transition: 0.8s ease-in-out;}
#responsive.offen{max-height: 1000px; }
#responsive ul{list-style-type: none; padding: 0px 0px 20px 0px; margin: 0px; }
#responsive ul li a{text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; color: #000000; font-weight: 300; text-transform: uppercase; color: #FFFFFF;  font-size: 0.9em;}
#responsive ul ul li a{padding: 0px 0px 0px 10px; color: #FFFFFF; }
#responsive ul li.active a{color: #999999;}


@media screen and (min-width: 1025px) and (max-width: 1440px) {
#logo{margin: 80px 35% 30px 35%; width: calc(30% - 40px);}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
div.footer{background-image: url('https://2026.bgd-hildesheim.de/images/plus_1.png'); background-size: 30px 30px; background-position: right 10px top 10px; background-repeat: no-repeat; left: -95%; width: calc(100% - 30px); padding: 0px 30px 0px 0px; transition: 1.0s ease-in; font-size: 0.8em; border-radius: 0px 20px 0px 0px;}
div.footer.auf{left: 0%; background-image: url('https://2026.bgd-hildesheim.de/images/minus.png');background-size: 30px 30px; background-position: right 10px top 10px; background-repeat: no-repeat; }

#bild_eins, #bild_zwei, #bild_drei{max-height: 350px; min-height: 300px; width: calc(32% - 2px); }
#box_rechts{max-height: 320px; min-height: 319px; width: calc(100% - 62px); position: relative; margin: 10px 0px 0px 0px;}
#bild_eins img, #bild_zwei img, #bild_drei img {
max-height: 590px;
  height: auto;
  width: 100%;
  border: 0px solid #999999;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -10%);
}

#box_rechts span.small.linieoben{width: 40%; position: absolute; top: 0px; right: 20px; border-top: 0px solid #FFFFFF; font-size: 1.0em; line-height: 1.1em;}
#logo{margin: 80px 30% 30px 30%; width: calc(40% - 40px);} 


}

@media screen and (min-width: 320px) and (max-width: 1400px) {
#topMenu{display: none;}
#responsive{display: inline-block;}
ul.menu{max-height: 1px; overflow: hidden; transition: 0.5s ease-in-out;}
}



#adminPanel .modal-xl, #adminPanel .modal-dialog, .modal{z-index: 30000 !important;}