/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
.jumbotron {
    padding-bottom: 6rem;
	
}
a.nav-link{
    border-bottom: 1px solid transparent;
	transition:all .2s;
}
a.nav-link:hover {
    border-bottom: 1px solid #ccc;
}
li.nav-item.active {
    border-bottom: 1px solid #ccc;
}
body{
	background-color:#EBEBEB;
	margin:0;
	padding:0;
	font-family: 'Roboto Condensed';
	
}
div#loading {
    background-color: rgba(191, 191, 191, 0.26);
}
.spinner-border {
    position: fixed;
    top: 50%;
    left: 50%;
}
#ontop {
	display: none;
	position: fixed;
	bottom: 4em;
	padding: .5em;
	font-size: 1.5em;
	right: 1em;
	cursor: pointer;
}

h1,h2,h3,h4,h5{
	font-weight: 400;
    color: brown;
}
.h1, .h2, .h3, .h4 {
    font-weight: 400;
}
.form-control {
    border: 1px solid #989898;
}
.container-fluid.wrapper {
    margin-top: 0em;
}
.topheader-top {
    padding-right: unset;
    padding-left: 0;
    background-color: #343a40;
}
.topheader-bottom {
	padding-right: unset;
	padding-left: 0;
	background-color: #dcdcdc;
	height: 0em;
}
.rightbar {
    background-color: #d0d0d0;
}
.leftbar {
    background-color: white;
}
.dropdown-menu {
    background-color: #d0d0d0;
    color: beige;
    box-shadow: 0em 0em 0.5em #565656;
}
div#carouselExampleIndicators {
    overflow: hidden;
	background-color:#000000;
}
.modal-lg, .modal-xl {
    max-width: 900px;
}
nav.adminleiste a:link {
    margin: .2em;
    padding: .2em;
    color: blue;
}
nav.adminleiste a:visited {
    color: blue;
}
.mainslider {
	position:relative;
	background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 52%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 52%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(0,0,0,1)), color-stop(0.52, rgba(255,255,255,1)), to(rgba(0,0,0,1)));
background: -o-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 52%, rgba(0,0,0,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 52%, rgba(0,0,0,1) 100%);
}
.mainnavigation-bar {
    position: absolute;
    bottom: 0;
    background-color: #909090;
}

.jumbotron {
    background-size: cover;
    width: 100%;
    margin: 0;
    border-radius: unset;
    /* background-color: #ccc; */
    background-image: url(../adm/pic/Hauptbild-Background.jpg);
}

.page-content {
    background-color: #e0e0e0;
    min-height: 30em;
    box-shadow: 0em 0em 1em;
    margin: auto;
}

footer {
    background-color: #292929;
    margin-top: 5em;
}
.logo-of-page img {
    width: 70%;
    border-radius: 1em;
    box-shadow: 0em 0em 0.5em #fff;
}
span.mainslider-box-text-big {
    font-size: 3.5em;
    color: aliceblue;
    
    font-weight: 100;
    display: block;
}
span.mainslider-box-text-small {
    font-size: 2.5em;
    color: aliceblue;
    
    font-weight: 100;
    display: block;
}
span.mainslider-box-text {
    color: #c5c5c5;
    font-size: 3em;
}
.pagestatus {
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 1;
}
nav.adminleiste {
    position: fixed;
    right: 0;
    bottom: 2em;
    padding: .5em;
    z-index: 11;
    background-color: #909090;
    color: inherit;
}
.thumbnail img {
    width: 50%;
}
.toopen{
	cursor:pointer;
}
.text-white {
    color: #fff !important;
    text-shadow: 0em 0.1em 0.1em #000;
}
.dgsvo-container {
	opacity:0;
}
span.openspan {
    color: #9a9da0;
}
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.img-thumbnail{
    opacity: .8;
	transition: all .5s;
} 
.img-thumbnail:hover {
    opacity: 1;
	transition: all .5s;
    
}
.cursor-pointer{
  cursor: pointer;
}
.openvideo:hover{
	opacity:.7;
	transition:all .3s;
}
div#hits {
	display:none;
    cursor: pointer;
	position:absolute;
	z-index:20;
}
div#hits > option:hover {
	background-color:#3C73F3;
	color:#FFFFFF;
}
.carousel-item{
	position:relative;
}
.carousel-caption {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 0%;
    z-index: 10;
    padding: 5px 10px;
    color: #fff;
    background-color: rgb(0 0 0 / 47%);

}
.col{
	  transition: all .5s linear; 
  -o-transition: all .5s linear; 
  -moz-transition: all .5s linear; 
  -webkit-transition: all .5s linear; 
	 }
@media (max-width: 400px) {  
  .rightside {
    background-color: #cacaca;
  	width: 100%;
}
.leftside {
    background-color: white;
    width: 100%;
}
 h1 {font-size:2rem;} 
 h2 {font-size:1.5rem;} 
 .mainnavigation-bar {
    background-color: #343a40;
}
.container{
	padding-left:0;
	padding-right:0;
}
.mainslider {
    min-height: 35em;
}
.dgsvo-container {
    max-height: 100%;
    overflow: auto;
}
.logo-of-page img {
    width: 70%;
    border-radius: .5em;
    box-shadow: 0em 0em 0.5em #fff;
}
#ontop {
	display: none;
	position: fixed;
	bottom: 3.5em;
	padding: .4em;
	font-size: 1.5em;
	right: .5em;
}
.carousel-caption {
    bottom: 0px;
}
.col{
	  transition: all .25s linear; 
  -o-transition: all .25s linear; 
  -moz-transition: all .25s linear; 
  -webkit-transition: all .25s linear; 
	 }
}



@media (min-width: 544px) {  
  h1 {font-size:2.5rem;} /*1rem = 16px*/
  .carousel-caption {
    bottom: 0px;
}
.col{
	  transition: all .25s linear; 
  -o-transition: all .25s linear; 
  -moz-transition: all .25s linear; 
  -webkit-transition: all .25s linear; 
	 }
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  h1 {font-size:2.5rem;} /*1rem = 16px*/
  span.openspan {
    display: none;
}
.carousel-caption {
    bottom: 0px;
}
.col{
	  transition: all .25s linear; 
  -o-transition: all .25s linear; 
  -moz-transition: all .25s linear; 
  -webkit-transition: all .25s linear; 
	 }
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  h1 {font-size:2.5rem;} /*1rem = 16px*/
  span.openspan {
    display: none;
}
.carousel-caption {
    bottom: 2px;
}
.col{
	  transition: all .25s linear; 
  -o-transition: all .25s linear; 
  -moz-transition: all .25s linear; 
  -webkit-transition: all .25s linear; 
	 }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  h1 {font-size:3rem;} /*1rem = 16px*/ 
  .container {
    max-width: 1190px;
}
span.openspan {
    display: none;
}
.carousel-caption {
    bottom: 0px;
}
.col{
	  transition: all .25s linear; 
  -o-transition: all .25s linear; 
  -moz-transition: all .25s linear; 
  -webkit-transition: all .25s linear; 
	 }
}
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) { 

}