/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* rozha-one-regular - latin */
@font-face {
  font-family: 'Rozha One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/rozha-one-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/rozha-one-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rozha-one-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rozha-one-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/rozha-one-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rozha-one-v13-latin-regular.svg#RozhaOne') format('svg'); /* Legacy iOS */
}
body
  {font-family:'Roboto', sans-serif;font-size:1em;letter-spacing:0.1em; color:#fffbf1;background:#1f0d08;text-align:center;padding:0px;margin:0px;}
 /* background:#e7e7e8; */
td
  {font-family:'Roboto', sans-serif;font-size:1em;}
input,textarea{font-family:'Roboto', sans-serif;background-color:#fffbf1;font-size:1em;}
select,option
  {font-family:'Roboto', sans-serif;font-size:1em; background-color:#fffbf1;}
h1
  {font-weight:bold;font-family:'Rozha One', sans-serif;font-size:1.8em;}
h2
  {font-weight:bold;font-family:'Rozha One', sans-serif;font-size:1.4em;color:#fffbf1;}
a
  {text-decoration:none; color:#ffffff; font-size:1em;}
a:hover
  {color:#962804;}
a.l_oben
  {text-decoration:none; color:#1f0d08; font-size:1.3em;font-weight:bold;font-family:'Rozha One', sans-serif;}
a.l_oben:hover
  {color:#000000;}
a.l_umenu
  {text-decoration:none; color:#ffffff; font-size:1.1em;font-weight:bold;font-family:'Rozha One', sans-serif;}
a.l_umenu:hover
  {color:#fee7ad;}
a.l1 {color:#fffbf1;font-size:1.1em;font-weight:bold;background:url(Bilder/navi.png) no-repeat;padding-left:35px;padding-top:5px;padding-bottom:2px;}
a.l1:hover
  {color:#ffffff;}
a.l_unten
  {text-decoration:none; color:#1f0d08; font-size:1em;font-weight:bold;}
a.l_unten:hover
  {color:#ffffff;}

.seite{width:100%;background:#1f0d08;text-align:center;margin-top:0px;position:relative;}
.seite_oben{width:1200px;margin-left:auto;margin-right:auto;text-align:left;margin-bottom:50px;}
.logo_rechts{float:right;width:220px;}
.slogan1{font-size:1.8em;font-family:'Rozha One', sans-serif;color:#ffffff;margin-top:40px;}
.slogan2{font-size:4.5em;font-family:'Rozha One', sans-serif;color:#999999;line-height:1.2;}
.textcolor {
 background-image:linear-gradient(90deg,#fcb404,#d66f02,#fcb404,#ffffff,#fcb404,#c22e03,#fcb404);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.f_left{float:left;}
.farbe_weiss{color:#ffffff;}
.navi_oben{width:100%;background:url(Bilder/hg_metall_braun.jpg);}
.navi_oben_i{width:1200px;margin-left:auto;margin-right:auto;text-align:left;padding-top:10px;padding-bottom:10px;}
.bilder_slider{width:90%;margin-left:auto;margin-right:auto;margin-top:30px;}
.inhalt{width:1200px;margin-left:auto;margin-right:auto;text-align:left;margin-top:50px;margin-bottom:50px;line-height:1.3;display:flex;background:#1f0d08;justify-content: flex-start;}
.inhalt_gesamt{width:1200px;margin-left:auto;margin-right:auto;text-align:left;margin-top:50px;margin-bottom:50px;line-height:1.3;background:#1f0d08;padding:30px;color:#ffffff;}
.inhalt_referenzen{width:1200px;margin-left:auto;margin-right:auto;text-align:left;margin-top:50px;margin-bottom:50px;line-height:1.3;color:#fffbf1;}
.inhalt_links{background:#fffbf1;width:45%;padding:20px 30px 50px 30px;border-right:10px solid #1f0d08;color:#1f0d08;}
.inhalt_rechts{background:#fffbf1;width:45%;padding:20px 30px 50px 30px;border-left:10px solid #1f0d08;color:#1f0d08;}
.infobox{width:1200px;margin-left:auto;margin-right:auto;text-align:left;margin-top:50px;margin-bottom:50px;line-height:1.3;display:flex;background:#1f0d08;justify-content: flex-start;}
.infobox_inhalt{width:400px;background:url(Bilder/infobox.png) no-repeat;}
.infobox_inhalt_i{padding:10px 40px 140px 60px;color:#fffbf1;}
.clear{clear:both;}
.fuss{background:url(Bilder/hg_metall_braun.jpg);padding-top:10px;padding-bottom:10px;}
.c_submit{background:#fffbf1;color:#1f0d08;font-size:1.2em;padding:5px 10px 5px 10px;}
.bildergalerie_l{float:left;width:380px;line-height:1;}
.bildergalerie_i{width:340px;padding:0px 40px 40px 0px;}
.d_bild_bildergalerie{width:340px;height:200px;overflow:hidden;}
.navi_mobil{display:none;}

@media all and (max-width: 1199px) {
  .seite_oben{width:96%;margin-left:auto;margin-right:auto;}
  .navi_oben_i{width:96%;margin-left:auto;margin-right:auto;}
  .inhalt{width:96%;margin-left:auto;margin-right:auto;}
  .inhalt_gesamt{width:96%;margin-left:auto;margin-right:auto;}
  .inhalt_referenzen{width:96%;margin-left:auto;margin-right:auto;}
  .infobox{width:96%;margin-left:auto;margin-right:auto;}
}

@media all and (max-width: 800px) {
	.inhalt{display:block;}
	.inhalt_links{float:none;width:100%;border-right:0px;margin-bottom:20px;}
    .inhalt_rechts{float:none;width:100%;border-left:0px;}
	.slogan1{font-size:1.1em;}
    .slogan2{font-size:2.5em;}
	.logo_rechts{width:150px;}
	.infobox{display:block;margin-bottom:10px;}
	.infobox_inhalt{width:400px;margin-left:auto;margin-right:auto;}
}

@media all and (max-width: 600px) {
.bildergalerie_l{float:none;width:80%;margin-left:auto;margin-right:auto;}
.bildergalerie_i{padding:0px 40px 40px 0px;}
.slogan1{font-size:1em;}
.slogan2{font-size:1.5em;}
.logo_rechts{width:120px;}
.navi_mobil{display:block;padding-left:10px;position:relative;}
.navi_mobil_u{display:none;position:absolute;top:0px;left:0px;background:#40312d;z-index:999;padding-right:20px;}
.navi_mobil_u ul{list-style:none;}
.navi_mobil_u li{padding-top:3px;padding-bottom:3px;}
.navi_oben_i{display:none;}
.navi_oben{text-align:left;}
}

@media all and (max-width: 400px) {
.slogan2{font-size:1.5em;}
.logo_rechts{width:120px;}
}