/********************************************************************************/
/*
 * Datei: css-breakpoints.css
 * Autor: Sebastian Becker
 * Datum: 27.01.2017
 *
 */
/********************************************************************************/

/********************************************************************************/
/* BREAKPOINT 1400px                                                            */
/********************************************************************************/

@media screen and ( max-width: 1400px ) {
/******************** MODAL ********************/
.modal-dialog {
  margin-top: 100px;
}

} /* BREAKPOINT 1400px ENDE                                                     */


/********************************************************************************/
/* BREAKPOINT 1300px                                                            */
/********************************************************************************/

@media screen and ( max-width: 1300px ) {
/******************** HEADER ********************/
header section#box-service {
  margin-top: 80px;
}
} /* BREAKPOINT 1300px ENDE                                                     */

/********************************************************************************/
/* BREAKPOINT 1200px                                                            */
/********************************************************************************/
/* 1200 */
@media screen and ( max-width: 1200px ) {
/******************** NAVIGATION ********************/
.navbar-default .navbar-nav > li > a { font-size: 15px; }

/******************** HEADER ********************/
header#main-header {
  height: 600px;
  padding-bottom: 20px;
  background: url("../images/header-medium.jpg")no-repeat;
}

header #box-contact .box-header h1, .box-content h1,
header #box-service h1 { font-size: 150%; }

header section#box-service { margin-top: 100px; }

/******************** SERVICE ********************/
.service-box h1 { padding-bottom: 15px; }

/******************** TEAM ********************/
#team { height: auto;}

.about ul { margin-left: 0px; }

.about-img { width: 15% !important; padding-top: 20px;}

.siegel { top: 100px; }

section.qualifikation { margin-top: -15px; }

/******************** PFLEGEGRAD ********************/
table b {  font-size: 85%; }

/******************** JOBS ********************/

#jobs article h1 { font-size: 160%; }

#jobs article h1 { padding-left: 30px; }

/******************** ANFAHRT ********************/
#anfahrt img {
  padding: 0px;
  display: table;
  margin: 0 auto;
}

#anfahrt h1.adresse { padding-right: 0px;}

} /* BREAKPOINT 1200px ENDE                                                     */


@media screen and (min-width: 993px) and (max-width: 1199px) {
  .navbar-brand > img {
    display: none;
  }
}

/********************************************************************************/
/* BREAKPOINT 992px                                                             */
/********************************************************************************/
@media screen and ( max-width: 992px ) { /* 992 */
/******************** NAVIGATION ********************/
.navbar {
  border-bottom: 5px solid #6EB114 !important;
}

.navbar-header {
  float: none;
}

.navbar-left,.navbar-right {
  float: none !important;
}

.navbar-toggle {
  display: block;
  border: none;
  margin-right: 10px;
}

.navbar-toggle .icon-bar {
  width: 30px;
  height: 3px;
}

.navbar-toggle:hover { background: transparent !important; }

.color-green  { background-color: #6EB114 !important; }
.color-red    { background-color: #DC1C0A !important; }
.color-blue   { background-color: #2D84CD !important; }
.color-yellow { background-color: #F2CB15 !important; }

.navbar-collapse {
  border-top: none;
  box-shadow: none;
  margin-top: 50px;
  background-color: #6EB114;
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-collapse.collapse {
  display: none!important;
  margin-top: 50px;
}

.navbar-nav {
  float: none!important;
  margin-top: 7.5px;
}

.navbar-nav > li {
  float: none;
}

.navbar-nav > li > a {
  padding: 0.55em 0em;
  color: white !important;
}

.collapse.in {
  display:block !important;
  margin-top: 50px;
  border-bottom: 5px solid white;
}

.navbar-default .navbar-nav > li > a {
  line-height: normal;
  padding: 0.55em 2em;
  color: white;
}

/******************** HEADER ********************/
header { height: auto; }

header section#box-service {
  margin-top: 50px;
  margin-bottom: 50px;
}

header #box-service h1 { left: 0 !important;}

header #box-contact .box-header h1, .box-content h1 { padding-left: 0px !important; }

.btn-green {
  width: 240px;
  font-size: 24px;
}

.btn-green:after { top: 0px; }

/******************** PFLEGEGRAD ********************/
.verband-box, .links { margin: 40px 0 0 0; }

.links { margin-top: 40px; }

/******************** INFO ********************/
article.post { margin-bottom: 60px; }

.post .article-content a { margin-top: 60px; }

.button { margin: 0px auto; }

/******************** JOBS ********************/
#jobs img  { border: none; }
#jobs article h1 { padding-left: 0px; }


#anfahrt h1.adresse { text-align: left; }
#anfahrt h1.adresse:before { content: none; }

/******************** KONTAKT ********************/

.form-button {
  height: auto;
  padding: 1em 0em;
  margin-top: 120px;
}

/******************** FOOTER ********************/
#main-footer ul.sub-navigation li a {
  padding-left: 0.6em;
  padding-right: 0.6em;
}

} /* BREAKPOINT 992px ENDE                                                      */


/********************************************************************************/
/* BREAKPOINT 768px                                                             */
/********************************************************************************/
@media screen and ( max-width: 768px ) {
 /******************** NAVIGATION ********************/
.navbar-brand > img { width: 210px; }

/******************** HEADER ********************/
header#main-header {
  padding: 0px 10px;
  background: url("../images/header-small.jpg")no-repeat;
  background-size: cover;
}

header #box-service h1 { width: 265px; }

header section#box-service {
   float: left;
 }

 header #box-contact {
   width: 100%;
   text-align: center;
 }

 /******************** SERVICE ********************/
 .service-box h1 { padding-bottom: 15px; }

 /******************** TEAM ********************/
.siegel { display: none; }

.about h1 {
  display: block;
  text-align: center;
  padding: 0;
}

.about-img {
  width: 135px !important;
  display: block;
  margin: 0 auto;
  top: 0;
  left: 0;
}

.about ul { margin: 0; }

.logo { width: 70%;}

.siegel { position: absolute; top: 300px; }

.about ul { font-size: 18px; }

/******************** PFLEGEGRAD ********************/
table thead tr th { font-size: 100%; }

#jobs article span:before,
#anfahrt h1.adresse:before { content: none; }

#anfahrt h1.adresse {
  font-size: 119%;
  text-align: left;
  padding-top: 30px;
  margin-bottom: 30px;
}

.table-headline { font-size: 160%; }

#anfahrt img { width: 270px; }

/******************** INFO ********************/
.post .article-content a { margin-top: 0px; }

/******************** JOBS ********************/
#jobs article h1 { font-size: 140%; margin-top: 0px;}

#jobs article span { padding: 0px; }

/******************** DIENSTLEISTUNG-MODAL ********************/
.modal-body { padding: 15px; }
.modal-title { padding: 15px; font-size: 140%; }

/******************** FOOTER ********************/
#main-footer img {
  width: 270px;
  float: none;
  margin: 0 auto;
}

.btn-green:before { content: none; }

#main-footer ul li {
  float: none;
  text-align: center;
}

#anfahrt h1.adresse:before { content: none; }

} /* BREAKPOINT 768px ENDE                                                      */


/********************************************************************************/
/* BREAKPOINT 560px                                                             */
/********************************************************************************/
@media screen and ( max-width: 560px) {
/******************** MODAL ********************/
.modal-dialog {
  margin-top: 100px;
}

.modal-title { width: 200px; }

}

/********************************************************************************/
/* BREAKPOINT 550px                                                             */
/********************************************************************************/
@media screen and ( max-width: 550px) {
/******************** TEAM ********************/
.siegel {
  right: 10px !important;
  margin-top: 20px;
}
}

/********************************************************************************/
/* BREAKPOINT 480px                                                             */
/********************************************************************************/
@media screen and ( max-width: 480px) {
/******************** KONTAKT ********************/
.form-button { margin-top: 130px; }

#kontakt .icon-box::before { content: none;}

.paddingLeft { padding-left: 0px; }

.form-btn {
  display: block;
  width: 100%;
}

.form-content {
  position: static;
  left: 0;
  top: 0;
}

.form-button { margin-top: 0px; padding-top: 0px; padding-bottom: 0px; }

.form-control { padding-left: 12px; }

}

/********************************************************************************/
/* BREAKPOINT 450px                                                             */
/********************************************************************************/
@media screen and ( max-width: 450px) {
/******************** HEADER ********************/
.btn-green {
  font-size: 20px;
}

.btn-green:after {
  content: none;
}

}