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

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


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

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

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

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


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


/* BMN Bild im Text mit Luft ---------------------- */

.bildimtext {
  padding:10px;
}

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

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

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


/* 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: #ffdb00;
        }

.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;
}

/* Colored Boxes BMN */
.infobox {
  background-color:#4a3b58;
  border-color: #fff;
  border: .1px solid white;
  padding:10px;
  padding-left:25px;
  max-width:450px;
  border-radius:12px;
  margin-top:10px;
}



/* Listen ordered unsorted BMN */

ul {
  list-style-type: square;
}

li::marker {
  color: #ffdb00;
}

b {
  color: #ffdb00;
}

li a {
  color:#ffdb00 !important;
}

/* Dropdown menu background color*/

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

.navbar-nav > li > .dropdown-menu {     background-color: #59466c;  }

/* Dropdown menu font color*/ 

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

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

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

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

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

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


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

body {

  /* font-family: verdana, sans-serif, arial; */
}

.footer{

  background-color:#3d304b !important;
  padding:20px;
  width:auto;
  max-width:900px;
  margin:0 auto;

}

.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;}




