@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;outline:none;}
html {scroll-behavior: smooth;}
body {background-image: url("../img/webp/pagebg.webp");background-repeat:no-repeat;font-family:"Calibri", sans-serief;font-size:1rem;color:#fff;text-align:center;text-rendering: optimizeLegibility;font-synthesis: weight style;font-smooth: antialiased;}

/* Font Einbindung */
   	@font-face {
      font-family: 'Ageone'; /* Name, unter dem die Schriftart verwendet wird */
      src: url('../fonts/ageone.woff') format('woff'); /* Pfad zur WOFF Datei */
      /* Füge ggf. weitere Formate und Pfade hinzu */
      font-weight: normal; /* Gewicht der Schrift */
      font-style: normal; /* Schriftstil (normal, kursiv, bold) */
	  font-display: optional;
    }
/* Symbole von font Awesom */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); }
  .fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }
  .fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before {
  content: var(--fa); }
  .fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free'; }
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../librarys/fontawesom/webfonts/fa-solid-900.woff2') format('woff2'), url('../librarys/fontawesom/webfonts/fa-solid-900.ttf') format("truetype");
	font-display:optional;
  }

.fa-envelope {
  --fa: "\f0e0"; }
 .fa-phone {
  --fa: "\f095"; }
  @font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("../librarys/fontawesom/webfonts/fa-v4compatibility.woff2") format("woff2"), url("../librarys/fontawesom/webfonts/fa-v4compatibility.ttf") format("truetype");
  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
/* Font Einbindung */

/* Page */

header {display:flex;justify-content: space-around;}
.theme {font-size:5rem;font-weight:400;color:#a6c7ea;line-height:115px;}
.theme img {width:250px;}
#logo {padding-top:0px;}
#logo img {max-width:150px;}
#contact {color:#fff;margin-top:20px;text-align:center;}
#sozial {color:#fff;margin-top:20px;line-height:20px;}
#sozial img {width:25px;}
nav {text-align:center;margin:0 auto;position:relative;z-index:5;height:50px;background-color:#0d3e7b;}
#topnavi ul {display:block ruby;list-style-type:none;color:#ffffff;height:50px;line-height:50px;min-width:300px;width:400px;max-width:1440px;margin:0 auto;}
#topnavi ul li {color:#ffffff;text-decoration: none !important;}
#topnavi li ul {max-width: 500px;width: auto;display:flex;flex-direction:column;height:auto;}
#topnavi li {border-right:solid 1px #0f4485;}
#topnavi a {color:#ffffff;text-decoration: none !important;padding:10px;font-size:1.25rem;}
#topnavi a:hover {border-top:solid 2px #a6c7ea;border-bottom:solid 2px #a6c7ea;}
#topnavi a.active {border-top:solid 2px #a6c7ea;border-bottom:solid 2px #a6c7ea;}
/* Orange #ff7f00 */
#topnavi li:hover ul.secnav {opacity:1;background-color:#0D386D;}
#topnavi li li a {white-space: nowrap;display: inline;text-align:left;}
#wrapper {max-width:1920px;margin:0 auto;text-align:left;}
#banner {max-width:1920px;width:100%;height:550px; /* background-image:url("../img/acoupleofefaboxes_lights.png");background-repeat:no-repeat;background-position:bottom center;}
.content {padding:0px 0px 0px 0px; */}
.content h1 {margin:20px 0 15px 20px;}
.line {display:flex;flex-direction:column;justify-content: space-around;}
.rowline {text-align:center;padding:50px 20px 50px 20px;}
.picleft img {width:400px;border-radius:50px;margin-left:60px;}
.picright img {width:400px;border-radius:50px;margin-right:60px;}
.text1 {background-color:#fff;color:#1f68b1;padding:40px 30px;border-radius:50px;border-right:solid 5px #1f68b1;border-bottom:solid 5px #1f68b1;}
.grayborderbox {width:100%;height:100%;position:relative;overflow:hidden;}
.blueborderbox {width:100%;height:100%;position:relative;overflow:hidden;}
#footercontainer {background: #0f4e99;text-align:left;}
footer {display:flex;justify-content: space-around;border-top:solid 1px #a6c7ea;padding-top:20px;}
footer a {color:#fff;text-decoration:none;line-height:20px;}
footer a:hover {color:#fff;text-decoration:underline;}
footer h3 {color:#fff;border-bottom:solid 1px #0f4485;margin-bottom:20px;padding-bottom:10px;}
footer ul {margin:10px 20px;}
footer li {height:30px;line-height:20px;}
footer .footerlink {color:#fff;text-decoration:none;line-height:20px;}
footer .footerlink:hover {color:#fff;text-decoration:underline;cursor:pointer;}
#copyright {text-align:center;padding:10px 0;margin-top:20px;border-top:solid 1px #0f4485;}

/* Element styles */

.bannertext {font-weight:400;font-size:3rem;position:relative;left:120px;top:120px;color:#333333;}

ul.secnav {margin:-2px 0 0 0;overflow:hidden;display:flex;flex-direction:column;align-items:left;opacity:0;position:absolute;z-index:10;background:#0D386D;}
.secnav li {border-top:0;padding:0 10px;border-bottom:solid 1px #0f4485;position:relative;display:inline block;text-align:left;line-height:30px;}
.secnav a {display:inline;}
.secnav li a {padding:0 !important;font-size:1rem !important;white-space: nowrap;}
.secnav li a:hover {border:0 !important;text-decoration:underline !important;color:#cdcdcd !important;}

.ageone {font-family: "Ageone", sans-serief !important;}
.efadunkelblau {color:#1f68b1;}
.efahellblau {color:#a6c7ea;}
.stroke {}
.class1 {margin:20px 0px;padding:40px 30px 0px 30px;}
.class2 {margin:0px 0px;background-color:#fff;padding:40px 30px 30px 30px;}
.graybg {background-color:#efefef;}
.bluegradient {background: #0D386D;
background: linear-gradient(0deg,rgba(13, 56, 109, 1) 0%, rgba(16, 99, 193, 1) 50%, rgba(13, 56, 109, 1) 100%);}
.bluegradient176dg {background: #0D386D;
background: linear-gradient(176deg,rgba(13, 56, 109, 1) 0%, rgba(16, 99, 193, 1) 50%, rgba(13, 56, 109, 1) 100%);}
.graybordertop {max-width:1920px;width:100%;height:140px;background-image: url("../img/graybordertop.png");background-repeat:no-repeat;background-position:top center;display:none;}
.grayborderbottom {max-width:1920px;width:100%;height:120px;background-image: url("../img/grayborder2bottom.png");background-repeat:no-repeat;background-position:top center;display:none;}

.bluebordertop {max-width:1920px;width:100%;height:140px;background-image: url("../img/bluebordertop.png");background-repeat:no-repeat;background-position:top center;display:none;}
.blueborderbottom {max-width:1920px;width:100%;height:120px;background-image: url("../img/blueborder2bottom.png");background-repeat:no-repeat;background-position:top center;display:none;}

.lightbluebordertop {max-width:1920px;width:100%;height:140px;background-image: url("../img/lightbluecornersbordertop.png");background-repeat:no-repeat;background-position:top center;display:none;}
.lightblueborderbottom {max-width:1920px;width:100%;height:120px;background-image: url("../img/lightbluecorners2borderbottom.png");background-repeat:no-repeat;background-position:top center;display:none;}
hr {
  margin: 18px auto;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #eeeeee;
  max-width:1000px;
}
.drawing {
  max-width: 500px;
  min-width: 250px;
}
.efabox.picture {
  max-width: 450px;
  min-width: 225px;
  margin: 30px auto 50px auto;
  text-align: center;
}
.features1  {margin:20px auto;}
.features1 h3 {
  padding-top: 11px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid;
  overflow: hidden;
}
.features1 .span4 {
 /* margin-top: 20px;
  margin-bottom: 20px;*/
}
.features1 img {
  float: left;
  margin-right: 10px;
}
.span4 {
  width: 290px;
  margin-left: 30px;
  float:left;
}
.listboxes {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin:0px;
  padding:20px;
}
.listbox {
  display: block;
  width: auto;
  border: solid 5px #fff;
  padding: 15px 20px;
  border-radius: 20px;
  text-align:left;
}
.listbox ul {list-style-type:circle;padding:5px 10px;}
.boxestable {
  max-width:1024px;
  width: 100%;
  color:#0d3e7b;
  margin:20px auto 0 auto;
}
.boxestable tr:nth-child(2n+1) {
  background-color: #FFF;
}
.boxestable tr:nth-child(2n) {
  background-color: #efefef;
}
.boxestable th {padding:15px;font-size:1.25rem;}
.boxestable td {padding:10px;}
.boxestable a {text-decoration:none;color:#0d3e7b;}

.listen {
  max-width:1000px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 30px;
  margin:15px auto 10px auto;
}
.flyerdownload a::before {
  content: url("../img/pdf-symbol-30x30px.png");
  margin-right: 10px;
}
.flyerdownload {max-width:1000px;width:100%;margin:30px auto 0px auto;}
.flyerdownload th {text-align:center;font-size:1rem;}
.flyerdownload table,tr,th,td {border:solid 1px #efefef;}
.flyerdownload a {text-decoration:none;color:#1f68b1;}
.flyerdownload a:hover {text-decoration:none;color:#0D386D;}
.other {max-width:1000px;display:flex;flex-direction:row;justify-content: space-around;align-items:center;background-color:#fff;padding-bottom:30px;margin:30px auto 0px auto;color:#1f68b1;}
.diecastflyer img {padding-top:50px;width:150px;}
.diecastkontact {text-align:left;}

#back-to-top {position:fixed;width:50px;height:50px;background-color:#0d3e7b;border:solid 1px #fff;color:#fff;font-size:1.5rem;right:50px;bottom:80px;z-index:10000; transition:opacity 1s;display:table;text-align:center;opacity:0;border-radius:10px;padding:8px;}
#back-to-top {text-decoration:none;}
.inner {display:table-cell;vertical-align:middle;}


.parts {display:flex; flex-direction: row; justify-content: space-around;margin:0 auto 10px auto;max-width:1440px;}
.schraubenpic {width:33%;flex-grow:1;}
.efaboxredpic {width:33%;flex-grow:1;}
.dichtungpic {width:33%;flex-grow:1;}
.schraubenpic img {width:200px;margin:50% auto 15% auto;}
.efaboxredpic img {width:450px;}
.dichtungpic img {width:350px;margin:10% auto;}

/* Responsive beginn */

@media (max-width: 1260px) {
   /* #banner {background-image:url("../img/acoupleofefaboxes_lights_1260.png");height:391px;}  */
.schraubenpic {width:30%;flex-grow:1;height:250px;}
.efaboxredpic {width:30%;flex-grow:1;height:250px;}
.dichtungpic {width:30%;flex-grow:1;height:250px;}
.schraubenpic img {width:150px;margin:35% auto 5% auto;justify-content:start;}
.efaboxredpic img {width:250px;}
.dichtungpic img {width:250px;margin:0 auto 0 auto;justify-content:end;}
}

@media (max-width: 1024px) {
    /* #banner {background-image:url("../img/acoupleofefaboxes_lights_1024.png");height:318px;} */
.schraubenpic {width:30%;flex-grow:1;height:250px;}
.efaboxredpic {width:30%;flex-grow:1;height:250px;}
.dichtungpic {width:30%;flex-grow:1;height:250px;}
.schraubenpic img {width:150px;margin:35% auto 5% auto;justify-content:start;}
.efaboxredpic img {width:250px;}
.dichtungpic img {width:250px;margin:0 auto 0 auto;justify-content:end;}
}

@media (max-width: 768px) {
  header {
    flex-direction:column;
    text-align:center;
  }
 /* #banner {background-image:url("../img/acoupleofefaboxes_lights_768.png");height:238px;} */
  .listboxes {
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  .listbox {
      width:300px;
      margin:10px auto;
  }
  .listen {
    display:flex;
    flex-direction:column;
  }
  .row.pricing_tbls {
      overflow-x:scroll;
  }
  .listen ul {
    width:200px;
    margin:10px auto;
  }
  .flyerdownload {
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  .other {
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  .youtubeiframe iframe {
     max-width:350px;
     height:224px;
     margin:0 auto;
  }
  footer {
    display:flex;
    flex-direction:column;

  }
  #footercol1, #footercol2, #footercol3 {
      width:300px;
      margin:0 auto;
  }
.parts {display:flex; flex-direction:column; justify-content: space-around;margin:0 auto;max-width:1440px;margin:0 0 10px 0;}
.schraubenpic {max-width:768px;width:100%;flex-grow:1;height:250px;}
.efaboxredpic {max-width:768px;width:100%;flex-grow:1;height:250px;}
.dichtungpic {max-width:768px;width:100%;flex-grow:1;height:250px;}
.schraubenpic img {width:150px;margin:5% auto;justify-content:start;}
.efaboxredpic img {width:250px;}
.dichtungpic img {width:250px;margin:0 auto;justify-content:end;}
}

.konfektionpicrow {display:flex;flex-direction:row;}
.konfpic {text-align:center;margin:0 auto;}

@media (max-width: 480px) {
  header {
    flex-direction:column;
    text-align:center;
  }
   /* #banner {background-image:url("../img/acoupleofefaboxes_lights_480.png");height:149px;} */
  .listboxes {
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  .fixed {
      position: sticky; left: 0;"
      z-index:1000;
      background-color:#fff;
  }
  .listbox {
      width:300px;
      margin:10px auto;
  }
  .listen {
    display:flex;
    flex-direction:column;
  }
  .listen ul {
    width:200px;
    margin:10px auto;
  }
  .flyerdownload {
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  .other {
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  .youtubeiframe iframe {
     max-width:350px;
     height:224px;
     margin:0 auto;
  }
  footer {
    display:flex;
    flex-direction:column;

  }
  #footercol1, #footercol2, #footercol3 {
      width:300px;
      margin:0 auto;
  }
  .piccontainer img {max-width:100%;}
  .listboxes {max-width:250px !important;}
}
/* Responsive ende */

/* onlick open Documents beginn */

#x {width:20px;height:20px;border-radius:5px;float:right;}
#y {width:20px;height:20px;border-radius:5px;float:right;}
#z {width:20px;height:20px;border-radius:5px;float:right;}

 #popupDialog {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            background-color: #fff;
            border: 1px solid #ccc;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }

        #impressum {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }
        #innererkasten {width:60%;height:auto;background-color:#fff;margin:40px auto 0 auto;color:#333;padding:30px;border-radius:30px;}
         #datenschutzerklaerung {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
            overflow-y:scroll;
        }
        #innererkasten2 {width:60%;height:100%;background-color:#fff;margin:40px auto 0 auto;color:#333;padding:30px;border-radius:30px;text-align:left;overflow-y:scroll;}
        #agb {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
            overflow-y:scroll;
        }
        #innererkasten3 {width:60%;height:100%;background-color:#fff;margin:40px auto 0 auto;color:#333;padding:30px;border-radius:30px;text-align:left;overflow-y:scroll;}
        
/* onlick open Documents ende */

.html5-video-player {
  font-family: "Calibri", sans-serief !important;
}