﻿.Balls {
padding-top:0.5em;
max-width: 45px;
}

.Bau_Col2ListForm {
border-bottom-width:0;
border-color:#CCC;
border-left-width:0;
border-right-width:0;
border-top-style:solid;
border-top-width:1px;
padding-bottom:3px;
padding-top:3px;
}

.Bau_Col2ListForm:first-child {
border: none !important;
}

.bg-white {
background-color:white !important;
}

.body {
background-color:#F0F0F0;
color:#000;
font-family:Verdana, Geneva, sans-serif;
font-size:18pt;
}

.bodyTextVerlauf {
height:1vh;
width:100%;
background-image: linear-gradient(180deg, white, transparent);
}

.border-none {
border: none !important;
}

.box_center {
margin-left:auto;
margin-right:auto;
}

.box_white {
background-color:white;
margin-bottom:1vw;
margin-top:0.5vw;
padding:1vw;
width:calc(100% - 2vw);
border-radius: 3px;
border: none;
}

.button-news {
background-color:transparent;
border-color:#999999;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-size:1rem;
margin-left:10%;
padding-bottom:0.5em;
padding-left:0.2em;
padding-right:2rem;
padding-top:0.5em;
width:10em;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.button-news {
width:160%;
}
}

.columns {
display:inline-block;
float:left;
padding-left:0.5vw;
padding-right:0.5vw;
width:calc(33.333% - 1vw);
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.columns {
padding-left:0;
padding-right:0;
width:100%;
}
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.columns {
padding-left:0;
padding-right:0;
width:100%;
}
}

.content {
margin-left:auto;
margin-right:auto;
padding-left:1vw;
padding-right:1vw;
position:relative;
max-width: 1500px;
}

.display-block {
display: block !important;
}

.display-inlineblock {
display:inline-block;
}

.display-none {
display: none !important;
}

.dropbtn {
display:block;
padding:0 16px;
border: 1px solid transparent;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.dropbtn {
display: flex;
flex-direction: column;
}
}

.dropdown {
display:inline-block;
}

.dropdown:hover .dropdown-content {
display:block;
}

.dropdown-content {
background-color:black;
color:white;
display:none;
position:absolute;
top:52px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 100;
border-radius: 3px;
overflow: hidden;
border: 1px solid #444444;
}

.dropdown-content a {
display:block;
padding:11px 16px;
text-decoration:none;
}

.dropdown-content a:hover {
background-color:white;
color:black;
}

.entry-button {
background-color:#3FA535;
display:inline-block;
margin-bottom:1vw;
margin-right:5%;
padding:3px 30px;
text-decoration:none;
border: 1px solid #3DAE48;
border-radius: 30px;
cursor: pointer;
}

.entry-button:hover {
background-color:white !important;
}

.entry-button-blue {
background-color:#009FE3 !important;
}

.entry-button-small {
padding:3px 10px !important;
}

.entry-button-solo {
margin-right:0 !important;
}

.entry-check {
margin-bottom:5px;
margin-top:2px;
}

.entry-field {
background-color:#E0ECF8;
color:#555;
margin-bottom:1vw;
padding:5px 10px;
width:calc(100% - 22px);
border: 1px solid #C9CDD8;
border-radius: 5px;
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.entry-field {
width:69%;
}
}

.entry-label {
display:block;
margin-bottom:0.5vw;
}

.float-clear {
clear: both;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.Footer_Content {
color:Content;
}

.footerImageBox {
padding-bottom:6vh;
padding-left:2vw;
padding-right:2vw;
padding-top:5vh;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.footerImageBox {
padding-left:0;
padding-right:0;
}
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.footerImageBox {
padding-left:0;
padding-right:0;
}
}

.footer-menu {
border-bottom-style:solid;
border-color:white;
border-width:1px;
}

.global {
color:inherit;
font-size:inherit;
margin:0;
padding:0;
font-family: inherit;
border: none;
}

.gray {
bottom:20%;
color:#bebebe;
}

.green {
border-color:green;
color:green;
}

.h1 {
color:#6E6D6D;
font-size:200%;
font-weight:normal;
line-height:200%;
padding-bottom:0.5em;
padding-top:1.5em;
font-family: Calibri, sans-serif;
}

.h2 {
font-size:120%;
font-weight:normal;
line-height:120%;
padding-bottom:0.25em;
padding-top:0.5em;
font-family: Calibri, sans-serif;
letter-spacing: 0.5px;
}

.header {
background-color:#F0F0F0;
font-size:70%;
height:92px;
position:fixed;
top:0;
width:100%;
transition: all .7s;
z-index: 10000;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.header {
height:92px;
position:fixed;
top:0;
width:100%;
}
}

.header a {
text-decoration:none;
vertical-align: top;
}

.Header_LinkVorgang {
margin-top:36px;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.hidden-mobile {
display:none;
}
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.hidden-mobile {
display:none;
}
}

.hide-br br {
display:none;
}

.home-bg {
background-position:center bottom;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
height:72vh;
position:relative;
background-image:url('/myfactory7/CustomUpload/374O357O340O370O356O369O350O367O366O360O365O371O371O356O354O/WebPortal/Serviceportal/img/iStock-898945448_final_800x800.jpg');
width:100%;
background-size: cover;
background-attachment: fixed;

}

.img-footer {
display:inline-block;
margin-left:2%;
margin-right:2%;
text-align:center;
width:20%;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.img-footer {
width:90%;
}
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.img-footer {
display:inline-block;
margin-bottom:3.375rem;
margin-left:4%;
margin-right:4%;
text-align:center;
width:24%;
}
}

.language {
padding:36px 0;
position:absolute;
right:0;
text-transform:uppercase;
top:0;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.language {
bottom:3.5vh;
}
}

.link-top {
float:right;
padding-right:3vh;
text-decoration:none;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.link-top {
visibility: hidden;
}
}

.list-row {
margin-bottom:2px;
padding-bottom:3px;
padding-left:15px;
padding-right:3px;
padding-top:3px;
max-width: 530px;
border: 1px solid;
border-radius: 3px;
}

.list-row:nth-child(2n) {
background-color:#eee;
}

.logo-menu {
display:none;
padding-bottom:20px;
padding-right:2vw;
padding-top:20px;
cursor:pointer;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.logo-menu {
display:none;
margin-left:10px;
margin-right:auto;
padding-top:2rem;
}
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.logo-menu {
display:none;
}
}

.logo-pointtec {
display:block;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
padding-top:20px;
position:relative;
width:max-content;
cursor:pointer;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.logo-pointtec {
float:left;
}
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.logo-pointtec {
float:left;
}
}

.mail-news {
background-color:transparent;
border-bottom-style:solid;
border-color:#7B7B7B;
border-width:1px;
color:#FFFFFF;
padding-bottom:1vh;
width:50%;
outline: none;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.mail-news {
width:150%;
}
}

.mb-1vw {
margin-bottom:1vw;
}

.mb-2vw {
margin-bottom:2vw;
}

.menu {
display:inline-block;
padding-bottom:40px;
padding-left:1vw;
padding-right:1vw;
padding-top:40px;
position:relative;
text-transform:uppercase;
letter-spacing: 0.05em;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.menu {
color:black;
margin-left:1.5rem;
padding-bottom:0;
padding-right:0;
padding-top:30px;
display:flex;
flex-direction:column;
}
}

.menu:hover {
text-decoration:underline;
}

.menu-close {
display:none;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.menu-close {
color:black;
display:inline-block;
font-size:36px;
margin-left:1.5rem;
margin-top:0.5rem;
}
}

.menu-logopointtec {
display:none;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.menu-logopointtec {
display:inline-block;
margin-left:7rem;
margin-top:1rem;
}
}

.news-bold {
bottom:20%;
font-size:1.125rem;
font-weight:600;
}

.news-container {
display:inline-block;
width:60%;
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.news-container {
width:100%;
}
}

.news-container-txt {
display:inline-block;
width:30%;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.news-container-txt {
width:100%;
}
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.news-container-txt {
display:block;
margin-left:auto;
margin-right:auto;
width:40%;
}
}

.p {
padding-bottom:1em;
}

.pb1 {
padding-bottom:1vw;
}

.pb2 {
padding-bottom:2vw;
}

.pdf-icon {
background-repeat:no-repeat;
height:60px;
margin-bottom:0.5vw;
background-image:url('/myfactory7/CustomUpload/374O357O340O370O356O369O350O367O366O360O365O371O371O356O354O/WebPortal/Serviceportal/img/PDF.png');
width:50px;
background-size: cover;
}

.pfad-aktiv {
background-color:#555;
color:white;
padding:5px 10px;
border-radius: 50px;
border: 1px solid #D5D5D5;
}

.pfad-aktiv:hover {
background-color:white;
color:#555;
}

.pfad-container {
font-size:90%;
padding-bottom:2em;
text-decoration:none;
}

.pfad-container a {
text-decoration: inherit;
}

.pl05 {
padding-left:0.5vw;
}

.pl1 {
padding-left:1vw;
}

.side-nav {
display:inline-block;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.side-nav {
background-color:#e8e8e8;
height:100%;
left:-27.8vh;
position:fixed;
top:0;
width:27.8vh;
z-index: 1;
transition: left 0.5s ease;
}
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.side-nav .close {
font-size:36px;
position:absolute;
right:25px;
top:0;
}
}

.side-nav.active {
left:0;
overflow: hidden;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.side-nav.active {
left:0;
overflow: hidden;
}
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.slide-nav a {
color:#818181;
display:block;
font-size:2.78vh;
padding-bottom:0.8vh;
padding-left:3.55vh;
padding-right:0.8vh;
padding-top:0.8vh;
text-decoration:none;
transition: 0.3s;
}
}

.text-bold {
font-weight:bold;
}

.text-center {
text-align:center;
}

.text-error {
color:red;
font-weight:bold;
}

.text-kursiv {
font-style:italic;
}

.text-medium {
font-size:75%;
}

.text-nodecoration {
text-decoration:none;
}

.text-right {
text-align:right;
}

.text-small {
font-size:50%;
}

.text-underline {
text-decoration:underline;
}

.txt-body {
font-size:2.75rem;
line-height:3.75rem;
top:40vh;
}

.txt-copyright {
left:4%;
margin-left:2%;
right:20%;
text-align:center;
}

.txt-footer {
font-size:1rem;
line-height:2.25rem;
padding-bottom:1.8125rem;
padding-top:1.8125rem;
text-align:center;
}

.txt-footer-copyright {
display:inline-block;
}

.txt-news {
color:#cdcdcd;
font-size:.625rem;
padding-top:0.4rem;
}

@media screen and (min-width: 0px) and (max-width: 500px) 
{
.txt-news {
width:160%;
}
}

.valign-top {
vertical-align: top;
}

.VorList_BookingDate {
display:inline-block;
padding-left:3px;
padding-right:7px;
width:calc(33% - 10px);
max-width: 150px;
}

.VorList_Image {
margin-bottom:1vw;
margin-top:-0.5vw;
}

.VorList_OrderNr {
display:inline-block;
width:calc(39%);
}

.VorList_Status {
display:inline-block;
text-align:right;
width:calc(59%);
}

.w100 {
width:100%;
}

.w25p2 {
padding-left:1%;
padding-right:1%;
width:23%;
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.w25p2 {
width:21%;
}
}

.w33 {
width:33%;
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.w33 {
width:100%;
}
}

.w50 {
width:50%;
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
.w50 {
width:100%;
}
}

.white {
color:white;
}

.width-max-content {
width: max-content;
}

* {
color:inherit;
font-size:inherit;
margin:0;
padding:0;
font-family: inherit;
border: none;
}

body {
background-color:#F0F0F0;
color:#000;
font-family:Verdana, Geneva, sans-serif;
font-size:18pt;
}

h1 {
color:#6E6D6D;
font-size:200%;
font-weight:normal;
line-height:200%;
padding-bottom:0.5em;
padding-top:1.5em;
font-family: Calibri, sans-serif;
}

p {
padding-bottom:1em;
}

h2 {
font-size:120%;
font-weight:normal;
line-height:120%;
padding-bottom:0.25em;
padding-top:0.5em;
font-family: Calibri, sans-serif;
letter-spacing: 0.5px;
}

input[type="text"] {
background-color:#E0ECF8;
color:#555;
margin-bottom:1vw;
padding:5px 10px;
width:calc(100% - 22px);
border: 1px solid #C9CDD8;
border-radius: 5px;
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
input[type="text"] {
width:69%;
}

}

input[type="password"] {
background-color:#E0ECF8;
color:#555;
margin-bottom:1vw;
padding:5px 10px;
width:calc(100% - 22px);
border: 1px solid #C9CDD8;
border-radius: 5px;
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
input[type="password"] {
width:69%;
}

}

input[type="submit"] {
background-color:#3FA535;
display:inline-block;
margin-bottom:1vw;
margin-right:5%;
padding:3px 30px;
text-decoration:none;
border: 1px solid #3DAE48;
border-radius: 30px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color:white !important;
}

button[type="submit"] {
background-color:#3FA535;
display:inline-block;
margin-bottom:1vw;
margin-right:5%;
padding:3px 30px;
text-decoration:none;
border: 1px solid #3DAE48;
border-radius: 30px;
cursor: pointer;
}

button[type="submit"]:hover {
background-color:white !important;
}

input[type="checkbox"] {
margin-bottom:5px;
margin-top:2px;
}

#Vor_Liste #Vor_Form:only-child .display-none {
display: block !important;
}

textarea {
background-color:#E0ECF8;
color:#555;
margin-bottom:1vw;
padding:5px 10px;
width:calc(100% - 22px);
border: 1px solid #C9CDD8;
border-radius: 5px;
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
textarea {
width:69%;
}

}

select {
background-color:#E0ECF8;
color:#555;
margin-bottom:1vw;
padding:5px 10px;
width:calc(100% - 22px);
border: 1px solid #C9CDD8;
border-radius: 5px;
}

@media screen and (min-width: 0px) and (max-width: 1000px) 
{
select {
width:69%;
}

}

