/*!
 * 
 * Copyright 2021 Belter-Media.net
 * style.css für Standardformatierungen zus. Bootstrap CSS
 * 
 */

@-ms-viewport {
  width: device-width;
}


h1 {
  padding-top: 35px;
  font-size: 1.8em;
  color: #ffb600 !important;
}

h2 {
  padding-top: 18px;
  font-size: 1.5em;
  color: #ffb600 !important;
}

h3 {
  padding-top: 12px;
  font-size: 1.3em;
  color: #ffb600 !important;
}

h4 {
  padding-top: 6px;
  font-size: 1.1em;
  color: #ffb600 !important;
}


body {
  color: #fff !important;
  background: #27394c !important;
}

main { 
  background-color:#192c41 !important;
  padding:20px; 
  width:auto;
  max-width:900px;
  margin:0 auto; 
  
}

navbar navbar-expand-lg navbar-dark {
  background-color: #192c41 !;
}

/* Dropdown menu background color*/

.navbar-dark .navbar-nav .nav-link {
  
  font-size: large;
  color #ffffff !important;
}

.navbar-nav > li > .dropdown-menu {     background-color: #2e3a47;  }

/* Dropdown menu font color*/ 

 .navbar-nav > li > .dropdown-menu a{   color: #fff;  }

.navbar-dark li a {
  color:#ffffff !important;
}

.footer{
  color:#ddd;
  background-color:#27394c !important;
  padding-top:16px !important;
  padding-bottom:10px !important;
  padding-left padding-right:15px !important;
  width:auto;
  max-width:900px;
  margin:0 auto;
  text-align:center !important;
}



.logo {
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;

}

/* Tables BMN ---------------------- */
/*table {
    width: 80%;
    border-collapse: collapse;
    margin: 20px auto;
}

th, td {
    border: 1px solid #333;
    padding: 8px;
    text-align: left;
}

th {
    background-color: #ddd;
}*/

/* BMN Link in Footer ---------------------- */
.bmnlink {
  color: #fff !important;
}

/* Cards Quartettkarten BMN ---------------------- */

.card{
  width:100% !important;
  max-width:450px !important;
  background-color:#591042 !important;
  border-radius: 25px !important;
  margin-top: 15px !important;
  border: 4px white !important;

  /* Add shadows to create the "card" effect */
  box-shadow: 0 9px 12px 0 rgba(0,0,0,0.9);
  transition: 0.3s;
}


/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card-img-top{
  border: 3px red !important;
  border-radius: 25px 25px 0 0 !important;
}

.list-group-item{
  background-color: #7c175c !important;
  border-color: #fff !important;
}



/* Leaflet Maps ---------------------- */
#map { height: 490px; }

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background-color: #262626
}

/* Blinking Marker www BMN */
.blinking {
  animation: fade 1.9s infinite alternate;
}

@keyframes fade { 
  from { opacity: 0.4; } 
}


/* Cookiebar .eu adapt bmn ---------------------- */


#cookie-bar-main-privacy-link {
  color: #ffb600 !important;
}

#cookie-bar-prompt-button {
  color: #ffb600 !important;
}

#cookie-bar-button {
  background-color:#ffb600 !important;
}

#cookie-bar-privacy-link {
  color: #ffb600 !important;
}

#cookie-bar-prompt-content {
  color: #ffb600 !important;
}

/* Ordered and unsorted Lists numbers w other style bmn ---------------------- */
 ol { counter-reset: item; }
        ol li { display: block; }
        ol li:before {
            content: counter(item) ". ";
            counter-increment: item;
            color: #ffb600;
        }

.leaflet-control-container .leaflet-top .leaflet-control-zoom a.leaflet-control-zoom-in {
  color: #000;
}

.leaflet-control-container .leaflet-top .leaflet-control-zoom a.leaflet-control-zoom-out {
  color: #000 !important;
}


.leaflet-control-attribution a {
  color: #000 !important;
}


ul {
  list-style-type: square;
}

li::marker {
  color: #eeeeee;
}

b {
  color: #eeeeee;
}

li a {
  color:#eeeeee !important;
}



/* unvisited link */
a:link {
  color: #ffb600;
}

/* visited link */
a:visited {
  color: #ffb600;
}

/* mouse over link */
a:hover {
  color: #ffb600 !important;
}

/* selected link */
a:active {
  color: #ffb600;
}


/* darkfont */
.darkfont {
  color: #000000 !important;
}



.form-buttongroup {

  padding-top: 20px;
  margin-top: 10px;
}

/* Image Size in Modal Dialogs */
.img-responsive-height
{
  display: block;
  width: auto;
  /* max-height: 100%; */
  max-width: 100%;
  height:  auto;
  max-height: 100%;
}

/* Input Patterns */

input:invalid{
 color:red;
 border: 1px solid red;
/* background-color:#ffefef; */
}

/*Eine korrekte Eingabe:*/
input:valid{
 color:green;
 border: 1px solid green;
 background-color: #efffef;
}

input[required]{
 background-attachment: color #f08080;
}


.headernumbers{
  color:#ffeeff;
  background-color: #330099;
}

/* Video Wrapper Klasse*/
.video-wrapper iframe,.video-wrapper object,.video-wrapper embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

.video-wrapper {    position: relative;    padding-bottom: 56.25%;    padding-top: 30px;    height: 0;    overflow: hidden;}