html, body {
  margin: 0;
  padding: 0;
  }

/*
##  Rahmen der Seite
-----------------------------------------------------------------------------------------------------------------------------------
*/
#container_0 {
  margin: 20px auto;
  padding: 0 20px 20px 20px;
  width: 600px;
  border: 0px solid rgb(236,236,236);
  box-shadow: 0px 0px  7px rgba(55,55,55, 0.4);
  }


/*
##    H E A D E R   -  1. Block
-----------------------------------------------------------------------------------------------------------------------------------
*/

#header_1 {
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  }

.feld_logo_img_1 {
  margin: 25px auto;
  padding: 0;
  height: 235px;
  width: auto;
  }

.feld_logo_img_2 {
  display: none;
  margin: 0;
  padding: 0;
  height: 0;
  width: 0;
  }

.logo_unterschrift_1 {
  margin: 10px 0 30px 0;
  padding: 0;
  }

.logo_unterschrift_2 {
  display: none;
  }

.navi {
  background-color: rgb(197,198,198);
  }

.navi-links {
  margin: 0 auto;
  padding: 10px 0;
  display: inline-block;
  list-style: none;
  overflow: hidden;
  }

.navi-links li {
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left;
  }

.navi-links li + li { 
  margin-left: 30px;
  margin-top: 0;
  }

.navi-links a:link, .navi-links a:visited, .navi-links a:hover, .navi-links a:active {
  padding: 10px 10px;
  display: block;
  text-decoration: none;
	font-weight: bold;
  color: rgb(0,0,0);
  }

.navi_aktiv, .navi_inaktiv {
  margin: 0;
  padding: 0;
  }

.navi_aktiv {
  border: 2px solid rgb(255,255,255);
  background-color: rgb(255,255,255);
  pointer-events: none; /*Cursor ausschalten */
  }

.navi_inaktiv {
  border: 2px solid rgba(76,175,80, 0);
  }

.navi_inaktiv:hover {
  border: 2px solid rgb(255,255,255);
  }

.feld_bild {
  margin: 20px 0;
  padding: 0;
  }

.bild_home, .bild_ueber_mich, .bild_angebot, .bild_kontakt {
  height: 280px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  }

.bild_home {
  background-image: url("grafik/motiv_home_480x280.png");
  }

.bild_ueber_mich {
  background-image: url("grafik/motiv_ueber_mich_480x280.png");
  }

.bild_angebot {
  background-image: url("grafik/motiv_angebot_480x280.png");
  }

.bild_kontakt {
  background-image: url("grafik/motiv_kontakt_480x280.png");
  }


/*
##    S E I T E N L E I S T E   +   I N H A L T   -  2. Block
-----------------------------------------------------------------------------------------------------------------------------------
*/
#text {
  margin: 0 auto;
  max-width: 1440px;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;   
  display: flex;
  flex-direction: column-reverse;
  }

.seitenleiste {
  margin: 40px 0 0 0;
  padding: 20px;
  text-align: center;
  background-color: rgb(236,236,236);
  }

.inhalt {
  margin: 40px 0 0 0;
  padding: 0 20px;
  }

article {
	margin: 0;
	padding: 0;
	}

.article_standard {
	margin: 0;
	padding: 0;
  }

.p_standard, .p_anmerkungstext {
  margin-bottom: 10px;
  line-height: 1.9;
  }

.p_anmerkungstext {
  margin-top: 40px;
  color: rgb(190,17,31);
  }

.ul_standard {
  margin-bottom: 10px;
  padding: 0 0 0 20px;
  overflow: hidden;
  list-style-type: circle;
  }

.li_aufzaehlung {
  line-height: 1.3;
  }

.li_aufzaehlung + .li_aufzaehlung {
  margin-top: 20px;
  }

.texthervorhebung {
  color: rgb(190,17,31);
  }

.kontakt_lable {
  font-weight: bold;
  color: rgb(190,17,31);
  }

p a:link, p a:visited, p a:hover, p a:active {
  padding: 10px 5px;
  display: inline-block;
  outline: none;
  text-decoration: none;
  color: rgb(243,145,0);
  }

p a:hover {
  text-decoration: underline;
  }

.seitenleiste_titel_gr {
  font-weight: bold;
  display: block;
  }

.seitenleiste_titel_mi {
  font-weight: bold;
  }

.seitenleiste_titel_kl {
  margin: 20px 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
  }

.h2_menuepunkt {
  margin-top: 40px;
  padding: 0;
  font-weight: bold;
  }

.ul_preis {
  margin: 0;
  padding: 0 30px 30px 30px;
  display: inline-block;
  list-style: none;
  text-align: left;
  overflow: hidden;
  }

.li_preis {
  margin: 0;
  padding: 0;
  }

.li_preis + .li_preis {
  margin-top: 30px;
  }

.preis {
  display: block;
  }

.preis_zusatz, .preis_zusatz_2 {
  margin-top: 10px;
  display: block;
  color: rgba(0,0,0, 0.4);
  line-height: 1.3;
  }

.seitenleiste_platzhalter {
  height: 30px;
  display: block;
  }

.seitenleiste_platzhalter_angebot {
  height: 10px;
  display: block;
  }

.seitenleiste_zusatz {
  margin-top: 10px;
  padding: 0 20px;
  text-align: left;
  display: inline-block;
  color: rgba(0,0,0, 0.4);
  line-height: 1.3;
  }

.sub_navi {
  margin: 0 auto;
  padding: 0;
  height: 100px;
  background-color: rgb(236,236,236);
  }

.sub_navi-links {
  margin: 15px auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
  }

.sub_navi-links li {
  margin: auto;
  display: block;
  width: 150px;
  }

.sub_navi-links li + li {
  margin-top: 4px;
  }

.sub_navi-links a:link, .sub_navi-links a:visited, .sub_navi-links a:hover, .sub_navi-links a:active {
  padding: 8px 10px;
  display: block;
  outline: none;
  text-decoration: none;
	font-weight: bold;
  color: rgb(0,0,0);
  }

.sub_navi_aktiv {
  margin: 0 auto;
  border: 2px solid rgb(255,255,255);
  background-color: rgb(255,255,255);
  pointer-events: none; /*Cursor ausschalten */
  }

.sub_navi_inaktiv {
  border: 2px solid rgba(76,175,80, 0);
  }

.sub_navi_inaktiv:hover {
  border: 2px solid rgb(255,255,255);
  }



/*
E N D E
*/