/**
 * In dieser Datei kÃķnnen Sie eigene Anpassungen am CSS fÞr Ihren
 * KuferTools-Auftritt (responsive) einbringen. Bitte nutzen Sie dafÞr nur diese Datei.
 */ 

.navbar {
    background-color: #48b9b2;
}


/* Blättern */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #48b9b2;
  border: 1px solid #48b9b2;
}

/* Reiter */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: #48b9b2;
}


footer {
  background-color: #48b9b2;
  margin-top:0px;
  padding-top:50px;
}

footer a:focus {
color: #fff;
}

nav, .dialog-active {
  background-color: #1F3C90;
}




.feedback_fragen_gruppiert_frage {
  display: inline-block;
  border: 0px solid #f1efee;
  padding: 5px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0.5em;
  width: 90%;
  border-bottom: 1px solid #f1efee;
}

.feedback_ueberschrift {
  font-weight:normal;
  color: #173E8E;
}

.feedback_unter_ueberschrift {
    font-size: 1.1em;
}

header .container {
    padding: 0.2em 0;
}

.feedback_ueberschrift {
  font-size:1.2em;
}
.feedback_unter_ueberschrift{
  font-size:1.1em;
}
.feedback_inhalt{
  font-size:1.1em;
    width: 50%;
    float: left;
    margin-left: 25%;
    text-align:left;
    clear: both;
    background-color:#ffffff;
    padding:2em 5em;
  border-radius: 25px;
  margin-right:25%;
  margin-top:2em;
  margin-bottom: 3em;
}
.feedback_bereich {
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 1em;
    margin-top: 1em;
}
.hauptseite
{
  /*background-color: #48b9b2;*/
  background: linear-gradient(135deg, #48B9B2 30%, #173E8E 100%);
}

.feedback_titel {
margin-top:0px;
}


.

@media only screen and (max-width: 1440px) {
.feedback_inhalt{
    font-size:1em;
    width: 90%;
    float: left;
    margin-left: 5%;
    text-align:left;
    clear: both;
    background-color:#ffffff;
    padding:2em;
    border-radius: 10px;
    margin-right:5%x;
    margin-top:0.1em;
    margin-bottom: 1em;
  }

}



/* Extra small devices (phones, 1080px and down) */
@media only screen and (max-width: 1024px) {
  .feedback_inhalt{
    font-size:0.9em;
    width: 80%;
    float: left;
    margin-left: 10%;
    text-align:left;
    clear: both;
    background-color:#ffffff;
    padding:2em;
    border-radius: 10px;
    margin-right:10%x;
    margin-top:0.1em;
    margin-bottom: 1em;
  }
  .feedback_bereich {
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 1em;
    margin-top: 1em;
  } 
  h1 {
    margin:0.1em;
  }
  .feedback_titel{
    margin-bottom:0px;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 800px) {
  .feedback_inhalt{
    font-size:0.9em;
    width: 100%;
    float: left;
    margin-left: 0px;
    text-align:left;
    clear: both;
    background-color:#ffffff;
    padding:2em;
    border-radius: 0px;
    margin-right:0px;
    margin-top:0.1em;
    margin-bottom: 1em;
  }
  .feedback_bereich {
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 1em;
    margin-top: 1em;
  } 
  h1 {
    margin:0.1em;
  }
  .feedback_titel{
    margin-bottom:0px;
  }
}