﻿/* FontAwesome CDN */
@import url('../src/fontawesome/css/all.css');

@font-face {
  font-family: 'Inter';
  src: url('../src/fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../src/fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
}

:root{
        --primary-color: #e77919;
    --secondary-color: #ffffff;
    --tertiary-color: #333333;
}


html {
  height: 100%;
  overflow: hidden;
}

body {
  min-height: 100%;
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  margin: 0px;
}

.main{
        /* background-color: var(--secondary-color); */
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), 
                      url("../src/imgs/bg/1.webp"); 
    background-size: cover;   /* Logo an Container anpassen */
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    padding: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    color: white;
    padding-top: 140px !important;
    height: 80vh;
}


.standard_watermark_textbox { border:1px solid #666666; width:200px; color:#919191;}
.standard_watermark_textbox_pwd { border:1px solid #666666; width:200px; color:#919191; background-image:url(../img/watermark_pwd.png); background-repeat:no-repeat; background-color:White; color:transparent;}

.textbox_standard { border:1px solid #666666; width:200px; }
.textbox_standard_watermark { border:1px solid #666666; width:200px; color:#919191; }


.standard_000 { margin:0px 15px; width:100%; }
.standard_001 { width:100%; height:105px; background-color:#2a2b2c; position:fixed; z-index:10; }
.standard_002 { width:100%; min-height:33px; background-color:#727070; opacity:0.9; position:fixed; margin-top:105px;z-index:10; }
.standard_003 { color:#fff; margin-right:15px; height:30px; text-decoration:none; }
.standard_003:Hover  { color:#000000; }
.standard_003_Hover  { color:#000000; margin-right:15px; text-decoration:none;  }
.standard_004 { padding-top:10px; height:83px; margin-top:15px; float:left; min-width:350px;  }
.standard_005 { font-family:Calibri; font-size:40px; font-weight:500; color:#e15616; width:200px; }
.standard_006 { float:left;  }
.standard_007 { min-height:780px; width:100%; margin:0px 0px; }
.standard_007_loggedIn { min-height:780px; width:100%; margin:0px 0px; padding-top:138px;  }

.standard_008 { margin-top:8px; margin-bottom:8px;  color:#fff; min-width:300px; }
.standard_009 { margin-top:0px; font-size:16px;min-height:330px; width:100%; float:left; margin-bottom:50px; }
.standard_010 { margin-bottom:80px; margin-top:0px; margin-right:25px; }
.standard_011 { font-size:14px; min-height:345px; white-space:normal; list-style-position:inside;  }
.standard_012 { justify-self: center; font-family:CordiaUPC; line-height:50px; font-weight:100; font-size:65px; color: var(--primary-color);; white-space:inherit; margin-bottom:10px; margin-top:00px; margin-left:0px;   }
.standard_013 { width:255px; height:285px;  padding-right:15px; cursor:pointer; float:left; z-index:-1; }
.standard_014 { height:230px; padding-right:50px;  }
.standard_014 td { vertical-align: top; padding-right:20px; padding-bottom:5px; } 
.standard_015 { height:30px; width:200px; background-color:#e15616; font-weight:bold; color:#fff;  }
.standard_016 { width:200px;  }
.standard_017 { width:400px; height:100px; }
.standard_018 { color:red; }
.standard_019 { margin-left:290px; margin-bottom:10px; }
.standard_019 ul  {  padding-left: 0px; }
.standard_020 {  margin-left:10px; margin-bottom:10px; clear:both; }
.standard_020 ul  { padding-left: 0px; }
.standard_021 { position:absolute; z-index:-1; left:0px; }
.standard_022 { width:613px; height:132px; opacity:0; filter:alpha(opacity=0); }
.standard_023 { position:relative; top:0px; left:0px; z-index:-1; width:290px; }
.standard_024 { margin-top:10px;  }
.standard_025 { font-size: 20px; margin-bottom:10px; }
.standard_026 { width:300px;  }
.standard_027 { width:300px; height:50px; font-family:Tahoma; font-size:12px; color:grey; }
.standard_028 { width:240px;  }
.standard_029 { width:50px;  }
.standard_030 td { min-height:30px; padding-right:20px; vertical-align:top;  }
.standard_031 { margin-bottom:10px; }
.standard_032 { width:auto; height:199px;  padding-right:15px; cursor:pointer;  z-index:-1; float:left; margin-left:10px; }
.standard_033 { font-size:16px; margin:0px; font-weight:bold;  font-style:normal; }
.standard_034 { font-size:16px; margin:0px; font-weight:bold; text-decoration:underline; margin-top:10px; margin-bottom:10px; }
.standard_035 { margin-top:13px; margin-left:10px; height:200px; margin-bottom:100px; float:left; font-weight:600; width:100%; }
.standard_036 { font-size:14px; font-weight:bold; }
.standard_037 { font-size:14px; margin-bottom:10px; margin-left:13px; font-weight:normal;  }
.standard_037 a:link { color:#000; text-decoration:none; }
.standard_037 a:visited { color:#000; text-decoration:none; }
.standard_037 a:hover { color:#202cff; text-decoration:none; }
.standard_038 { font-size:14px; font-weight:normal;  }
.standard_039 { margin-bottom:10px; margin-left:13px; }
.standard_040 { margin-top:0px;   }
.standard_041 { margin-bottom:80px; float:left; }
.standard_042 { float:left; width:300px; height:100px; text-align:center; vertical-align:middle; border: 1px solid #cbcbcb;  }
.standard_042 img { width:280px; height:40px; margin-top:30px;  }
.standard_043 {  font-size:14px; min-height:100px; white-space:normal; list-style-position:inside;  }
.standard_044 { width:486px; height:285px;  padding-right:15px; cursor:pointer; float:left; z-index:-1; }
.standard_045 { height:90px; width:auto; }
.standard_046 { float:left; }
.standard_047 { height:100px; width:140px; float:left; border: 1px solid; padding:5px; text-align:center; }
.standard_048 { margin-left:500px; margin-bottom:10px; }
.standard_049 { position:fixed; left:100px; right:100px; height:600px;width:900px; background-color:#727070; border: 2px solid black; visibility:hidden; text-align:center; }
.standard_050 { height:550px; width:auto; margin-top:20px; }
.standard_051 { position:absolute; right:0px; top:0px; width:50px; height:50px; text-align:right; background-image:url("/img/btn_close.png"); background-repeat:no-repeat; background-position-x:right;  }
.standard_051:hover { background-image:url("/img/btn_close_hover.png"); }
.standard_052 { position:absolute; left:0px; top:50px; width:50px; height:500px; text-align:left; background-image:url("/img/btnPreviousPicture.png"); background-repeat:no-repeat;  }
.standard_052:hover { background-image:url("/img/btnPreviousPicture_hover.png"); }
.standard_053 { position:absolute; right:0px; top:50px; width:50px; height:500px; text-align:right; background-image:url("/img/btnNextPicture.png"); background-repeat:no-repeat; background-position-x:right; }
.standard_053:hover { background-image:url("/img/btnNextPicture_hover.png"); }
.standard_054 { background-color:#ffffff; height:75px; background-repeat:no-repeat; padding-left:160px; background-position-x:left; padding-top:30px; }
.standard_054:hover { background-color:#cbcbcb; }
.standard_055 { position:fixed; height:70px; width:100%; bottom:0px; background-color:#fff; padding:5px; }
.standard_056 { overflow:auto; height:100%; width:100%; }
.standard_057 { float:left; width:300px; height:100px; text-align:center; vertical-align:middle; border: 1px solid #cbcbcb;  }
.standard_057 img { width:280px; height:80px; margin-top:10px;  }
.standard_058 { font-size:14px; margin:0px; font-weight:bold; text-decoration:none; margin-top:20px; margin-bottom:10px; }
.standard_058 a:link { color:#000; text-decoration:none; }
.standard_058 a:visited { color:#000; text-decoration:none; }
.standard_058 a:hover { color:#202cff; text-decoration:none; }

.standard_059 { background-color:#ECF0F3; border-bottom:1px solid #F37200; color:gray; border-right:2px solid #ffffff; height:36px; min-width:220px; line-height:36px; font-weight:bold; padding-left:10px;  }
.standard_060 { background-color:#ECF0F3; border-bottom:1px solid #F37200; color:gray; border-right:2px solid #ffffff; height:36px; min-width:120px; line-height:36px; font-weight:bold; padding-left:10px; }
.standard_061 { background-color:#ECF0F3; border-bottom:1px solid #F37200; color:gray; border-right:2px solid #ffffff; height:36px; min-width:220px; line-height:36px; font-weight:bold; padding-left:10px; }
.standard_062 { background-color:#ECF0F3; border-bottom:1px solid #F37200; color:gray; height:36px; min-width:200px; line-height:36px; font-weight:bold; padding-left:10px; }
.standard_063 { background-color:#FFFFFF; height:36px; padding-left:10px; }
.standard_064 { background-color:#FFFFFF; height:36px; padding-left:10px; }
.standard_065 { background-color:#FFFFFF; height:36px; padding-left:10px; }
.standard_066 { background-color:#FFFFFF; height:36px; padding-left:10px; }
.standard_067 { border-top:1px dotted #F37200; }
.standard_068 { color:#F37200; }
.standard_069 { border-collapse:collapse; border-spacing:2px; }
.standard_070 { background-color:#ECF0F3; border-bottom:1px solid #F37200; color:gray; border-right:2px solid #ffffff; height:36px; width:220px; line-height:36px; font-weight:bold; padding-left:10px;  }
.standard_071 { background-color:#ECF0F3; border-bottom:1px solid #F37200; color:gray; border-right:2px solid #ffffff; height:36px; width:210px; line-height:36px; font-weight:bold; padding-left:10px; }
.standard_072 { background-color:#ECF0F3; border-bottom:1px solid #F37200; color:gray; border-right:2px solid #ffffff; height:36px; width:260px; line-height:36px; font-weight:bold; padding-left:10px; }
.standard_073 { background-color:#FFFFFF; height:36px; padding-left:10px; }
.standard_074 { background-color:#FFFFFF; height:36px; padding-left:10px; }
.standard_075 { background-color:#FFFFFF; height:36px; padding-left:10px; }
.standard_076 { width:430px; float:left; margin-right:10px; margin-left:10px; }
.standard_076 ul    { list-style-position: outside; margin-left:20px;    }
.standard_077 {  }
.standard_078 { background-color:#2A2B2C; color:#FFFFFF; font-weight:bold; border:0px solid white; height:30px; width:130px; float:right; border-radius: 5px; cursor:pointer;  }
.standard_078:hover { background-color:#E15616; }
.standard_079 { float:left; background-color:grey; width:1px; min-height:350px; margin-right:5px;  }
.standard_080 { font-weight:bold; color:gray; max-width:300px; overflow-y:auto; }
.standard_081 { background-color:#2A2B2C; color:#FFFFFF; font-weight:bold; border:0px solid white; height:30px; width:290px; margin-top:7px; border-radius: 5px; cursor:pointer;  }
.standard_081:hover { background-color:#E15616; }
.standard_082 { }
.standard_083 { border-top:1px solid #F37200; }
.standard_084 { margin-bottom:8px; font-size:16px; margin-left:10px; }
.standard_085 { background-color:#FFFFFF; height:36px; padding-left:10px; }
.standard_086 { background-color:#FFFFFF; height:36px; padding-left:10px; }
.standard_087 {background-color:#ECF0F3; border-bottom:1px solid #F37200; color:gray; border-right:2px solid #ffffff; height:36px; width:200px; line-height:36px; font-weight:bold; padding-left:10px;}
.standard_088 {background-color:#ECF0F3; border-bottom:1px solid #F37200; color:gray; border-right:2px solid #ffffff; height:36px; width:100px; line-height:36px; font-weight:bold; padding-left:10px; }
.standard_089 { margin-left:10px;}
.standard_090 { position:relative; top:0px; left:0px; z-index:-1; max-width:1000px; min-width:500px; }
.standard_090 img { width:100%; height:auto;  }
.standard_091 { height: 30px; width:250px; border-radius:5px;  }
.standard_092 { margin-left:15px; }
.standard_093 { max-width:900px; margin:20px auto;  } /*margin:15px 20px 10px 0px; */
.standard_094 { }
.standard_095 { font-size:12px; margin-top:5px; text-align:center; }
.standard_096 { text-align:center; margin-top:20px; }
.standard_097 { text-align:center; margin-top:10px; }
.standard_098 {     padding: 10px 30px;
    border: none;
    cursor: pointer;
    font-size: 1em;
    border-radius: 5px;
    transition: all 0.3s ease;
    min-height: 25px;
    /* max-height: 50px; */
    font-weight: bold;
    background-color: var(--primary-color);
    color: var(--secondary-color);}
.standard_098:Hover { background-color: #e55a00; }
.standard_099 { text-align:center; text-decoration:underline; font-size:12px;  }
.standard_100 { font-size:12px; }
.standard_101 { width:680px; color:red; text-align:center; justify-self: center;}
.standard_102 { }
.standard_103 { float:left;  margin-left:25px; margin-top:10px; }
.standard_104 { margin-top:30px; margin-left:25px; font-size:12px; }
.standard_105 { font-family:CordiaUPC; line-height:50px; font-size:60px; font-weight:100; color:#727070;}
.standard_106 { margin-top:8px; margin-bottom:8px; color:#fff; min-width:300px; padding-left:15px; }
.standard_107 { width:100%; min-height:33px; background-color:#8F8D8D; opacity:0.9; position:fixed; margin-top:138px;  }

.standard_109 { height:199px; width:auto;  padding-right:15px; cursor:pointer;  z-index:-1; float:left; margin-left:10px; }
.standard_110 { float:left;  width:300px; margin-right:10px; }
.standard_111 { margin-left:15px; }
.standard_112 {font-size:14px; min-height:55px; white-space:normal; list-style-position:inside; }
.standard_113 { background-color:#ECF0F3; color:#808080; height:30px; padding-left:15px; line-height:30px; border-bottom:1px solid #F37200; }
.standard_114 {  }
.standard_114 td:hover { background-color:#F37200; }

.standard_114 input { float:left;}
.standard_115 { float:left; margin-left:5px; width:90px; }
.standard_116 { height:30px; width:300px; }
.standard_117 { background-color:#2A2B2C; color:#FFFFFF; font-weight:bold; border:0px solid white; height:30px; width:160px; border-radius: 5px; cursor:pointer;  }
.standard_117:hover { background-color:#E15616; }
.standard_118 { font-size:12px; margin-top:15px; }
.standard_119 { margin-bottom:15px; }
.standard_120 { clear:left; }
.standard_121 { font-size:12px; margin-top:15px; color:red; }
.standard_122 { width:600px; margin:15px 20px 10px 15px; text-align:center; }
.standard_123 { width:600px; margin:15px 20px 10px 15px; text-align:center; }
.standard_124 { width:250px; border-left:1px solid #808080; border-top:1px solid #808080; border-bottom:1px solid #808080; border-right:0px solid white; height:17px; }
.standard_125 { width:35px; border-right:1px solid #808080; border-top:1px solid #808080; border-bottom:1px solid #808080; border-left:0px solid white; height:17px;}
.standard_126 { width:970px; height:100%; background-color:black; opacity:0.4; position:absolute; margin-top:96px; margin-left:15px; }
.standard_127 { font-size:14px;  }
.standard_128 { float:left;  width:350px; margin-right:10px; }
.standard_129 { width:250px; }
.standard_130 { float:right; margin-right:5px; }
.standard_131 { font-size:14px; color:#808080; }
.standard_132 { font-size:16px; color:#808080; width:680px; }
.standard_133 { float:left; margin-right:20px; padding-top:8px; height:40px; }
.standard_134 { float:left; margin-left:20px;}
.standard_135 { float:left; margin-right:0px; margin-left:60px; padding-top:0px;  }
.standard_136 { float:left; margin-right:0px; margin-left:5px; padding-top:0px;  }
.standard_137 { float:left; margin-right:20px; padding-top:14px; height:40px;}
.standard_138 {}
.standard_139 {}
.standard_140 { float:left;width:100%; padding-top:60px;  }
.standard_141 { float:left; width:33.33%; border:none; list-style:none; margin:0px;  
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}


/*.standard_142 { margin-bottom:40px; margin-right:40px;  padding-bottom:100%; height:0px; }*/
.standard_142 { margin-bottom:40px; margin-right:40px;  height:300px;  background-size:100%;  background-repeat:no-repeat; cursor:pointer; }
.standard_143 { position:relative; top:0px;   }
.standard_144a { padding-left:200px; padding-right:100px; padding-bottom:110px; background-image:url("../img/Hintergrund_Jobsite1.png"); background-size:100%;  background-attachment:fixed; background-repeat:no-repeat; background-position-y:110px; }
.standard_144b { padding-left:200px; padding-right:100px; padding-bottom:110px; background-image:url("../img/Hintergrund_Jobsite2.png"); background-size:100%;  background-attachment:fixed; background-repeat:no-repeat; background-position-y:110px; }
.standard_145 { color:white; font-weight:bold; padding-top:100px; margin-left:60%; height:100px; width:40%; overflow:hidden; }
.standard_146 { color:white; font-weight:bold; font-size:12px; margin-top:50px; letter-spacing:0px; width:100%; text-align:right;  }
.standard_146 a:link    { color:white; text-decoration:none;  }
.standard_146 a:hover   { color:white; text-decoration:underline; }
.standard_146 a:visited { color:white; text-decoration:none; }
.standard_147 { float:left; width:100%;   }
.standard_148 { width:calc(100% - 730px);  min-width:340px; margin-top:50px; margin-right:50px; background-color:#fff; opacity:0.8; min-height:500px; float:left; padding:10px; }   /*min-width:500px; max-width:45%;*/ 
.standard_148 a:link    { color:#000; text-decoration:none;  }
.standard_148 a:hover   { color:#000; text-decoration:underline; }
.standard_148 a:visited { color:#000; text-decoration:none; }

.standard_149 { width:180px; margin-top:50px; margin-right:50px; background-color:#fff; opacity:0.8;  min-height:500px; float:left; padding:10px; }
.standard_150 { width:320px; margin-top:50px; margin-right:0px; float:left; padding:0px;  }
.standard_151 { width:320px; float:left; margin-top:50px; margin-right:10px; background-color:#fff; opacity:0.8; height:215px; padding:10px; margin-left:0px; }
.standard_152 { width:320px; float:left; margin-top:50px; background-color:#fff; opacity:0.8; height:215px; padding:10px; margin-left:0px; }
.standard_153 {}
.standard_154 { background-color:#ccc; color:#000;  border:0px solid white; height:20px; min-width:110px; float:left; border-radius: 5px; cursor:pointer; margin-top:10px; margin-bottom:10px; margin-right:10px; text-align:center; padding:5px;  }
.standard_154:hover { background-color:#919191; }
.standard_154 a:link    { color:#000; text-decoration:none;  }
.standard_154 a:hover   { color:#000; text-decoration:underline; }
.standard_154 a:visited { color:#000; text-decoration:none; }

.standard_155 { float:left; width:100%;   } /*overflow-y:scroll; height:260px;*/
.standard_156 { float:left; }
.standard_157 { width:200px; margin-right:10px; }
.standard_158 { font-size:1.2em; font-weight:bold; margin-top:10px; min-height:30px; }
.standard_159 { margin-top:20px;  }  /*overflow-y:scroll;  min-height:250px;*/
.standard_160 { width:180px; height:120px; text-align:center; overflow:hidden; margin-bottom:30px; float:left; margin-right:10px; }
.standard_161 { width:300px; height:150px;}
.standard_162 { width:auto; height:100%; }
.standard_163 { float:left; }
.standard_164 { float:right; }
.standard_165 { margin-top:5px;  margin-bottom:10px; }
.standard_166 { margin-top:10px; font-weight:bold; }
.standard_167 { width:300px; height:150px; background-image:url(../video/streili_film.png); background-repeat:no-repeat; }
.standard_167:hover { width:300px; height:150px; background-image:url(../video/streili_film_hover.png); background-repeat:no-repeat; }
.standard_168 { min-height:445px; }
.standard_169 {}
.standard_170 { clear:both; background-color:#ccc; height:40px; width:310px; padding-left:70px; padding-top:10px; background-image:url(../img/formular.png); background-repeat:no-repeat; margin-top:20px; font-size:1.2em; }
.standard_171 { clear:both; background-color:#ccc; height:40px; width:310px; padding-left:70px; padding-top:10px; background-image:url(../img/whatsapp.png); background-repeat:no-repeat; margin-top:20px; font-size:1.2em; }
.standard_172 { margin-top:5px; }
.standard_173 { float:left; border:solid 1px #919191; padding:1px; margin-top:2px; min-width:200px; cursor:pointer; }
.standard_174 { display:none; width:100%; height:33px; background-color:#727070; opacity:0.9; position:fixed; margin-top:105px;z-index:10; cursor:pointer; }
.standard_175 { color:white; padding:5px; font-size:1.2em; float:left;  }
.standard_176 { color:white; padding:5px; font-size:1.2em; float:right;  }
.standard_177 { margin-bottom:10px; font-weight:bold;   }
.standard_178 { width:100%; }
.standard_178 tr:hover { background-color:#cbcbcb; }
.standard_179 { width:100px; }
.standard_180 { padding:10px;  }
.standard_181 { width:400px; height:300px; float:left; margin-right:40px;  }
.standard_182 a { text-decoration:underline; color:blue;  }
.standard_183a, .standard_183b {  margin-left:5px; padding-left:5px;  width:800px; max-width:800px; min-width:800px; border:1px solid #cbcbcb;  }
.standard_183a { background-color:#1CE33D; }
.standard_183b { background-color:#FFFFFF; }
.standard_184a, .standard_184b { margin-left:5px; padding-left:5px; width:800px; max-width:800px; min-width:800px;   }
.standard_184a { background-color:#BAFFCB; border:1px solid #1CE33D; }
.standard_184b { background-color:#FFFFFF; border:1px solid #FFFFFF; }
.standard_185 { min-width:100px; min-height:30px; float:left; margin-left:5px; margin-top:5px; }
.standard_186a { border:1px solid black; height:25px; min-width:100px; background-color:#BAFFCB; }
.standard_186b { border:1px solid black; height:25px; min-width:100px; background-color:white;  }
.standard_186c { border:1px solid black; height:25px; min-width:100px; background-color:red; color:white; }
.standard_187 {  }
.standard_188 {  }
.standard_189 {  }




@media screen and (max-width: 1800px) { 
     .standard_141 {  width: 33.33%; } 
}
@media screen and (max-width: 1500px)  { 
     .standard_141 {  width: 50%;    }
}
@media screen and (max-width: 1350px)  {  
    .standard_141  { width: 50%;   } 
    .standard_144a { padding-left:10px; padding-right:10px; } 
    .standard_144b { padding-left:10px; padding-right:10px; } 
}
@media screen and (max-width: 900px)  {  
    .standard_141  { width: 100%;   } 
    .standard_144a { padding-left:10px; padding-right:10px; } 
    .standard_144b { padding-left:10px; padding-right:10px; } 
}

@media screen and (max-width: 758px)  {  
    /* Einspaltiges Layout*/

    .standard_006 { float:none; }
    .standard_174 { display:block; }
    .standard_002 { margin-top:138px; display:none; }


    .standard_055 { position:relative; height:auto; width:100%; }
    .standard_140 ul { -webkit-padding-start: 0px;  }
    .standard_142 { margin-bottom:10px; margin-right:0px;  }
    .standard_148 { width: 100%; max-width:620px; margin-left:00px; margin-right:00px;   } 
    .standard_149 { width: 100%; height:auto;min-height:0px; max-width:620px;  } 
    /*.standard_150 { width: 100%;   }*/ 
}

@media screen and (min-width: 1800px) { 
     .standard_141 {  width: 25%;    }
}




div{
    font-size: 16px !important;
}