.main-container {
  max-width: 620px;
}

.footer-section-meta {
  background-color: transparent;
  fire-1030995_1920.jpg
    
}
body {
  padding-bottom: 20px;
  background: url('../../../../../../user_upload/eKamina/glow-3055387_1920.jpg') no-repeat fixed center;
}
.body-bg {
  margin-top: 13px;
  max-width: 620px;
  background-image: url('../Images/back2.jpg');
  background-position: top left;
  background-repeat: repeat-y;
  
  border-left-width: 3px;
  border-left-style: double;
  border-left-color: #000;
  border-right-width: 3px;
  border-right-style: double;
  border-right-color: #000;
  
  -webkit-box-shadow: 10px 10px 50px black;
  -moz-box-shadow: 10px 10px 50px black;
  box-shadow: 1px 1px 5px black;
    
  margin-right: auto;
  margin-left: auto;
  
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding-bottom: 20px;
  
}

@media(max-width: 620px) {
  .body-bg {
    margin-right: 5px;
    margin-left: 5px;
  }
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.container {
  max-width: 620px;
}

.body-bg-top {
    padding-top: 60px !important;
}

.section {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}

.copyright {
  color: #000;
}

/*logo*/
.navbar-brand-image > img {
    position: relative;
    top: 45px !important;
    transform: translate(0, -50%);
    max-height: 99% !important;
    width: auto;
  
    margin-right: auto;
    margin-left: auto;
}
.navbar-brand {
    float: left;
    padding: 23px 20px;
    font-size: 1.25em;
    line-height: 24px;
    height: 99%;
}
.logo {
    top: 15px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}
/* text */
h2, h3 {
  font-family: Comic Sans MS, Verdana, Helvetica, sans-serif;
  color: #228b22;
  
}
h2, h3 span {
  font-family: Comic Sans MS, Verdana, Helvetica, sans-serif;
  color: #228b22;
 
}
a {
    color: #228b22;
    text-decoration: none;
}

/* worttrennung */ 

body {
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
 }

/* menu */
.navbar-main {
    min-height: 20px;
    padding-top: 5px;
    padding-left: 33px;
}

.navbar-nav {
  margin: 0px;
}

.navbar-fixed-top {
    top: 0px;
    padding-top: 5px;
}


.section-mainmenu {
  max-width: 620px;
  background-image: url('../Images/back2.jpg');
  background-position: top left;
  background-repeat: repeat-y;
  
  border-left-width: 0px;
  border-left-style: double;
  border-left-color: #000;
  border-right-width: 0px;
  border-right-style: double;
  border-right-color: #000;
  
  -webkit-box-shadow: 10px 0px 100px black;
  -moz-box-shadow: 10px 0px 100px black;
  box-shadow: 1px 1px 5px black;
    
  margin-right: auto;
  margin-left: auto;
  
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  border-radius: 15px 15px 0px 0px;

  background-color: transparent !important;
}

.navbar-default-transition .navbar-nav > .open > a, .navbar-inverse-transition .navbar-nav > .open > a, .navbar-default-transition .navbar-nav > .active > a, .navbar-inverse-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > li > a, .navbar-inverse-transition .navbar-nav > li > a, .navbar-default-transition .navbar-nav > .open > a:hover, .navbar-inverse-transition .navbar-nav > .open > a:hover, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-inverse-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-inverse-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > .open > a:focus, .navbar-inverse-transition .navbar-nav > .open > a:focus, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-inverse-transition .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-inverse-transition .navbar-nav > li > a:focus {
    color: #000;
}

.navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
    border: none !important;
}

.navbar-default .navbar-toggle .icon-bar, .navbar-default-transition .navbar-toggle .icon-bar, .navbar-default-transition.navbar-transition .navbar-toggle .icon-bar {
    background-color: #000000;

}

.navbar-main > li > .navbar-text, .navbar-main > li > a {
    line-height: 30px !important;
    padding: 0px 30px;
}

.navbar-transition .navbar-header-main .navbar-brand,
  .navbar-transition .navbar-main > li > .navbar-text,
  .navbar-transition .navbar-main > li > a {
    line-height: 30px;
    height: 30px;
    padding: 0px 30px;
  }


.navbar-header-main .navbar-header-border-bottom {
    border: none;
}

.navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
    color: #000000; /*8c8c8c*/
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-default-transition.navbar-transition .navbar-nav > li > a:hover, .navbar-default-transition.navbar-transition .navbar-nav > li > a:focus {
    color: #DD3032;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-default-transition.navbar-transition .navbar-nav > .active > a, .navbar-default-transition.navbar-transition .navbar-nav > .active > a:hover, .navbar-default-transition.navbar-transition .navbar-nav > .active > a:focus {
    color: #DD3032;
    font-weight: bold;
}

.breadcrumb-section {
    background: rgba(200,200,200,0.1);
    border-bottom: 1px solid #eee;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 24px;
    list-style: none;
    background: rgba(200,200,200,0.1);
    border-radius: 0px;
}

.breadcrumb > li + li::before {
    content: "/\00a0";
    padding: 0 2px;
    color: #000;
}

.footer-section-meta {
    text-align: center;
}

ul.meta-menu li{
    padding-left: 0;
    list-style: none;
    margin-left: -1px;
    margin-right: -1px;
    display: inline !important;
    padding: 5px 10px 4px 10px;
    background-color: rgba(207, 207, 207, 0.5);
    border: 1px solid #8c8c8c;
}

/*** intext left and right BEGIN ***/
@media (min-width: 480px) {
  .textpic-intext-left .textpic-intext-left-header,
  .textpic-intext-right .textpic-intext-right-header {
    margin-bottom: 12px;
  }
  
  .textpic-intext-right .textpic-intext-right-media,
  .textpic-intext-left .textpic-intext-left-media {
    display: block;
    min-width: 100px;
    max-width: 40%;
    width: inherit;
  }

  .textpic-intext-left .textpic-intext-left-media {
    float: left;
  }
  
  .textpic-intext-right .textpic-intext-right-media {
    float: right;
  }

  .textpic-intext-left .textpic-intext-left-body,
  .textpic-intext-right .textpic-intext-right-body {
    display: block;
    float: none;
    width: 100%;
  }
}

@media (min-width: 600px) {
  .textpic-intext-left .textpic-intext-left-media {
    max-width: 600px;
    width: 15vw;
  }
}
/*** intext left and right END ***/