body {
  background: #000 url('../gfx/background.jpg') repeat;
  background-attachment: fixed;
  color: #ccc;
  font-family: sans-serif;
}
/*   font-family: 'Source Sans Pro', sans-serif; */

/*  normal link */
a { text-decoration: none; color:#fff; border-bottom: 1px dashed #aaa; font-variant:small-caps; }
a:hover, a:active, a:focus { text-decoration: none; background-color:#333; color: #fff; }

#head { margin-top: 0px; margin-bottom: 0px; padding: 0; font-size: 2.0em; text-align: center; margin-bottom: 1rem;}
#mainContent.container { max-width: 780px !important; }
#navbarFixedSpace {  height: 260px;}

#innerStuff a { color: #ffe55a;  }

#legalArea { padding-block: 0.5rem; }
#bottomArea { position: fixed; bottom: 0; height: 160px; background: #000; width: 100%; text-align: center; overflow: hidden; padding-top: 20px; }
#bottomArea a { text-decoration: none; color:#777; border: none; }

@media (max-width: 768px){
  #bottomImage { display: none;}
  #bottomArea { position: inherit;}
}


#mainNav {
  background-color: #444444;
  background-image: linear-gradient(to bottom,#4d4d4d 0,#333 100%);
  padding: 0 !important;
  z-index: 100;
  margin-bottom: 1rem;
}
#navbarNav { justify-content: center; }
.nav-link {
  padding-left: 30px !important;
  margin: 5px;
  margin-right: 0px;
  text-transform: uppercase;
  background: #000 url('../gfx/mainbutton2.png') 10px no-repeat !important;
  color: #aaa;
}
.navbar-nav > li.active > a, .navbar-nav > li > a:hover {
  background: #000 url('../gfx/mainbutton.png') 10px no-repeat !important;
  color: #fff;
}

.navbar-brand {
  color:#aaa; border: none; font-variant: unset;
}

@media (min-width: 768px){
  .navbar-brand{ display: none; }
  #head { margin-bottom: 3rem;}
  #mainNav {
    position: fixed;
    bottom: 140px;
    width: 100%;
    margin-bottom: 0rem;
   }
}

.frame.frame-layout-1 {
 background: rgba( 50,50,50, 0.8); padding: 1rem;
}

.logoSprite { width: 29px; height: 29px; }
.logoSprite:hover {  background-position: -29px 0; }

.clearBoth{ clear:both; }
.imgDesc { background: url('../gfx/navBack.png'); color: #fff; padding: 5px; text-shadow: 2px 2px 4px #000; }
.glow { box-shadow: 0px 0px 30px -5px #999; -moz-box-shadow: 0px 0px 30px -5px #999; -webkit-box-shadow: 0px 0px 30px -5px #999; }
.dropShadow { box-shadow: 12px 12px 8px -8px #777; -moz-box-shadow: 12px 12px 8px -8px #777; -webkit-box-shadow: 12px 12px 8px -8px #777; }
.makeRound { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.dropTextShadow { text-shadow: 4px 3px 5px #bbb; }
.clearfix:after { content: ""; display: table; clear: both; }

.mtable { display: table; width: 100%; }
.mtr { display: table-row; }
.mtd { display: table-cell; }
.mth { display: table-cell; font-style: italic; text-align: center; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

@media (max-width: 480px) {
  .mtr, .mtable { display: block;}
  .mhead { display: none; }
  .mtd { padding: 0; }
  .mtr { background: rgba( 50,50,50, 0.8); }
  .tx_amiciconcerts_concert_location, .tx_amiciconcerts_concert_map { display: block !important; }
  .tx_amiciconcerts_concert_map { margin-bottom: 50px; }
  .tx_amiciconcerts_concert_indent { padding: 10px; }

}


/* Anpassungen for Formframework */
.frame-type-form_formframework.frame-layout-1 fieldset {
  margin-top: 2rem;
  background-color: #444444;
  padding: 0.5rem;
}
.frame-type-form_formframework.frame-layout-1 .form-label {
  display: block;
  font-size: 1.3em;
  margin:0;
  margin-top: 35px;
}

.frame-type-form_formframework.frame-layout-1 .form-text {
  font-size: 1rem;
  color: #b2a544;
}

.frame-type-form_formframework.frame-layout-1 .form-control {
  font-size: 1.3em;
  display: block;
  background: #333333;
  color: #ccc;
  border: 1px solid #fff;
  margin-bottom: 10px;
  width: 100%;
}
.frame-type-form_formframework.frame-layout-1 .error {
  color: red;
  font-size: 1.2rem;
}
.frame-type-form_formframework.frame-layout-1 .xxlarge  {
  min-height: 200px;
}
.frame-type-form_formframework.frame-layout-1 ::placeholder {
  color: #888;
  opacity: 1; /* Firefox */
}

.frame-type-form_formframework.frame-layout-1 .table {
  --bs-table-bg: #333;
  --bs-table-color: #aaa;
}

.frame-type-form_formframework.frame-layout-1 .btn {
  padding: 0.5rem 1.5rem;
}
.frame-type-form_formframework.frame-layout-1 .btn-primary {
  --bs-btn-bg: #ffe55a;
  --bs-btn-hover-bg: #e4c202;
  --bs-btn-color: #333;
  --bs-btn-hover-color: #000;
}
.frame-type-form_formframework.frame-layout-1 .btn-cancel {
  --bs-btn-bg: #514242;
  --bs-btn-hover-bg: #b43b3b;
  --bs-btn-color: #fff;
}
.frame-type-form_formframework.frame-layout-1 .form-navigation  {
    margin-top: 2rem;
}

.frame-layout-101 img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 480px) {
  .ce-right .ce-gallery,
  .ce-left .ce-gallery { float: none;}
}

/*
.navbar-nav a { border: none; font-size: 14px; }
.navbar-nav > li.active > a, .navbar-nav > li > a {
  background: #000 url('../gfx/mainbutton2.png') 10px no-repeat !important;
  padding-left: 30px;
  margin: 5px;
  margin-right: 0px;
  text-transform: uppercase;
  color: #fff;
}
.navbar-nav > li.active > a, .navbar-nav > li > a:hover {
  background: #000 url('../gfx/mainbutton.png') 10px no-repeat !important;
}
.navbar-brand { line-height: 1.6em; }

#mainNav { bottom: 140px; }
#navbarFixedSpace {  height: 260px;}
#bottomArea { position: fixed; bottom: 0; height: 140px; background: #000; width: 100%; text-align: center; overflow: hidden; padding-top: 20px; }
*/

/*
.telefon { font-size: 1.3em; font-weight: bold;}

.tx-powermail h3, .powermail_legend { display: none; }
.powermail_label  { display: block; font-size: 1.4em; margin:0; margin-top: 35px;  }
.powermail_field {
   font-size: 1.4em;
  display: block;
  background: #333333;
  color: #ccc;
  border: 1px solid #fff;
  margin-bottom: 10px;
  width: 100%;
  max-width: 450px;
}
.powermail_captcha { display: inline-block; max-width: 200px; }
.powermail_captchaimage { height: 60px; }
.powermail_submit { font-size: 1.5em; width: auto; margin: 40px 0; }
.powermail_fieldwrap_text { font-size: 0.9em; margin: 0px; padding: 0px; margin-bottom: 20px; border-left:4px solid #cc1; padding-left: 10px; }


.tx-amici-concerts input, .tx-amici-concerts textarea {
  background: #333;
  color: #fff;
  border: 1px solid #fff;
}

#linkList li { list-style: none;}

.csc-frame-frame1, div.background1 { background: rgba( 50,50,50, 0.8); padding: 10px; }





@media (max-width: 480px) {
  .headerHelper { display: none; }

  .csc-textpic-image img { width: 100%; height: auto; }
  .csc-textpic-imagewrap { margin: 0 auto  !important; float: none !important;  }
  .csc-textpic-text { margin: 0 auto  !important;   }

  .mtr, .mtable { display: block;}
  .mhead { display: none; }
  .mtd { padding: 0; }
  .mtr { background: rgba( 50,50,50, 0.8); }

  .tx_amiciconcerts_concert_time,.tx_amiciconcerts_concert_date  {}
  .tx_amiciconcerts_concert_location, .tx_amiciconcerts_concert_map { display: block !important; }
  .tx_amiciconcerts_concert_map { margin-bottom: 50px; }
  .tx_amiciconcerts_concert_indent { padding: 10px; }
}
@media (max-width: 767px) {

  #navbarFixedSpace, #bottomArea { display: none; }
  .navbar-brand { line-height: 1.1em; }
 .navbar-fixed-bottom { top: 10px; bottom: auto !important; position: relative; }
  #mainContent { margin-top: 30px; }
}

@media (min-width: 768px){
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

*/