/* Page content /home/.sites/798/site1354118/web/dlb/documents/website/ganz_neu/styles.css.php : CSS content that was saved into tpl dir */
/* CSS content (all pages) */

.bodywebsite {height: 100%; min-height: 100%; width: 100%; margin: 0; padding: 0; font: normal 1em sans-serif;}

.bodywebsite .page {display: flex; flex-direction: column; height: 100%; min-height: 100%; background-color: #ffffe0;}

.bodywebsite .row {display: flex; flex-direction: row; background-color: silver;}

.bodywebsite header {display: block; margin: .2rem .5rem 0 .5rem; padding: 0; background-color: #ffffe0;}
.bodywebsite header p {margin: 0; font-size: 2rem; font-weight: bold; text-align: center; color: #058340;}
.bodywebsite header img {float: right;}

.bodywebsite #navoben {overflow: hidden; background-color: yellow; position: inherit; top: 0; min-height: 2rem; margin: .2rem .5rem 0 .5rem;}
.bodywebsite #navoben a {display: block; float: left; background-color: Brown; font-size: 1rem; color: white; text-align: center; padding: 0 1rem; margin: .2rem 1rem 0 0; border: 1px solid black; border-radius: 4px;}
.bodywebsite #navoben a:hover {background-color: aqua; color: black;}
.bodywebsite #navoben .active {background-color: Coral; color:white;}

.bodywebsite footer {bottom: 0; width: 100%; margin: 0.2rem 0.5rem 0 0.5rem; height: 2rem; text-align: center; background-color: yellow;}
.bodywebsite footer p {margin: 0; padding: 7px 0 0 0; font-size: 1rem; text-align: center; color: #058340;}
.bodywebsite #social {float: left; margin: 0;}
.bodywebsite #social li {margin: 7px 20px 0 0; display: inline-block;}
.bodywebsite #fb {float: left; width: 16px; height: 16px;}
.bodywebsite #twitter {float: left; width: 16px; height: 16px;}
.bodywebsite #yt {float: left; width: 16px; height: 16px;}

.bodywebsite #homeneu {flex: 1; min-height: 50rem; padding-bottom: 2rem; background-color: #ffffe0;}
.bodywebsite #tit {margin: 0.2rem 0.5rem 0 0.5rem; padding: 0;}
.bodywebsite #tit {background-image: url("/dlb/htdocs/viewimage.php?modulepart=mycompany&file=logos%2FGlutaric_Web.jpg"); background-repeat: no-repeat; background-position: right;}
.bodywebsite #tit div #unten {font-size: 1rem; color: #058340; position: fixed; bottom: 0;}
.bodywebsite #tit p {margin: 0; padding: 20px 800px 0 0; font-size: 5rem; font-weight: bold; text-align: center; color: #058340;}
.bodywebsite #tit span {word-spacing: 1rem;}

.bodywebsite .side {flex: 30%; padding: .2rem .5rem; background-color: #f1f1f1;}
.bodywebsite .side h3 {margin: 0; padding: 0; font-size: 1.2rem; font-weight: bold; line-height: 1.3;}
.bodywebsite .side p {margin: 0; padding: 0; font-size: 1rem; font-weight: bold; line-height: 1.6; margin-bottom: .7rem;}
.bodywebsite .side li {margin: .2rem; padding: 0; font-size: 1rem; line-height: 1.2; margin-bottom: .2rem;}

.bodywebsite h1 {margin-top: 0; margin-bottom: 0; padding: .5em;}

.bodywebsite .pbst {flex: 70%; padding: .2rem .5rem; background-color: #ffffe0; height: 101%;}
.bodywebsite .pbst h3 {display: block; margin: 0; padding: 0; font-size: 1.2rem; font-weight: bold; line-height: 1.3;}
.bodywebsite .pbst p {display: block; margin: 0; padding: 0; font-size: 1rem; font-weight: bold; line-height: 1.6; margin-bottom: .7rem;}
.bodywebsite .pbst form, .pbst input, .pbst label {float: left; font-size: 1rem; font-weight: bold;}
.bodywebsite .pbst input {top: 0; height: 2.2rem; margin: .2rem 1rem 0 0; padding: 0 .4rem 0 .4rem; border: 1px solid black; background-color: gold;}
.bodywebsite .pbst label {width: 8rem; height: 1.8rem; margin: .2rem 1rem 0 0; padding: .5rem .4rem 0 .4rem; border: 1px solid black; background-color: gold; text-align: center;}
.bodywebsite .pbst a {font-size: 1rem; font-weight: bold;}
.bodywebsite .pbst a:hover {color: white;}

.bodywebsite #vc table, tr {background-color: gold;}
.bodywebsite #msg tr {background-color: #eed5d2; } 


.bodywebsite #projektB {display: flex; height: 2rem;}
.bodywebsite #projektD {float: left; margin: .5rem .5rem 0 .5rem; padding: 0; min-width: 100%;}
.bodywebsite #projektA {float: left; margin: .2rem .5rem 0 .5rem; padding: 0; font-size: .9rem; line-height: 1.3; min-width: 100%;}
.bodywebsite #projektE {float: left; margin: .5rem .5rem 0 .5rem; padding: 0; border:1px; background-color: gold;}

.bodywebsite .prodruck {display: block;}
.bodywebsite #projdruckD {float: left; margin: .5rem .5rem 0 .5rem; padding: 0; min-width: 100%;}
.bodywebsite #projdruckA {float: left; margin: .2rem .5rem 0 .5rem; padding: 0; font-size: .9rem; line-height: 1.3; min-width: 100%;}

.bodywebsite #zus {border: 1px; width: 50em; background-color: green;}
.bodywebsite #zus h3 {width: 50em;}
.bodywebsite #zus p {width: 50em;}

.bodywebsite #wttday {margin: auto; padding: 4rem; max-width: 1000px; color: #058340;}
.bodywebsite #wt1 {margin: 0; padding: .1rem 0; font-size: 2.2rem;}
.bodywebsite #wt2 {margin: 0; padding: .1rem 0; font-size: 1.8rem;}
.bodywebsite #wt3 {margin: 0; padding: 0; font-size: 1.4rem;}
.bodywebsite #wt4 {margin: 0; padding: 0; font-size: 1rem;}
.bodywebsite #wt5 {text-align: center;}
.bodywebsite #wt6 {max-width: 1000px;}
.bodywebsite #wt7 {margin: 0; padding: 0 0 0 4rem; font-size: .9rem;}
.bodywebsite #wt8 {width: 100%; border-collapse: collapse; border: 0;}
.bodywebsite #wt9 {width: 20%; font-size: 1.4rem; border: 0;}
.bodywebsite #wt10 {font-size: 1rem; border: 1px solid #058340;}
.bodywebsite #wt11 {font-size: 1rem; border: 0px; background-color: #ffffe0; margin-left:auto; margin-right:auto;}
.bodywebsite #wt12 {font-size: 1.4rem;}

.bodywebsite .blog {display: flex; flex-wrap: wrap; padding: 0;}
.bodywebsite .blog h1, .blog h2, .blog h3 {margin: 0; padding: 0.1em 0.5em 0.1em 0.5em;}
.bodywebsite .blog p {margin: 0; padding: 0 0.5em 0.1em 0.5em;}
.bodywebsite .blogL {flex: 1 1 30%; background-color: DarkKhaki; min-height: 20em;}
.bodywebsite .blogT {flex: 1 1 40%; background-color: #ffffe0;}

.bodywebsite nav, .bodywebsite aside, .bodywebsite section, .bodywebsite blogL, .bodywebsite blogT {display: block;}

.bodywebsite #kontakt {margin: .2rem .5rem 0 .5rem; padding: 0; min-height: 50rem;}
.bodywebsite #kontakt h3 {margin: 0; padding: 0; font-size: 1.2rem; font-weight: bold; line-height: 2.8;}

.bodywebsite #formkontact div {display: block; margin: 0;}
.bodywebsite #formkontact fieldset {margin: 0 0 .5rem 5.2rem; padding: .2rem; width: 10rem; border: 1px solid black; border-radius: 4px;} 
.bodywebsite #formkontact input {display: block; float: left; margin: 0; padding: 0; border: 1px solid black; border-radius: 4px; font-size: 1rem;}
.bodywebsite #formkontact textarea {display: block; margin: 0 0 .5rem 0; border-radius: 4px;}
.bodywebsite #formkontact button {display: block; float: left; margin: 0; padding: 0 .2rem; border: 1px solid black; font-size: 1rem; background-color: gold}
.bodywebsite #formkontact #g {float: left; margin: .2rem 0 0 .2rem;}
.bodywebsite #formkontact #k {float: left; margin: .2rem 0 0 5.4rem;}
.bodywebsite #formkontact #l {float: none; font-size: 1rem; text-align: left; padding: 0 0 0 4px;}

.bodywebsite #r {float: left; font-size: 1rem; font-weight: bold; text-align: right; width: 5rem; vertical-align: middle; margin: 0; padding: 0 .2rem 0 0 ; border: 0;}

.bodywebsite #infoextern {margin: .2rem .5rem 0 .5rem; padding: 0; min-height: 50rem;}
.bodywebsite #infoextern h3 {margin: 0; padding: 0; font-size: 1.2rem; font-weight: bold; color: #058340; line-height: 2.8;}
.bodywebsite #infoextern p {margin: .3rem .2rem; padding: 0; font-size: 1rem; color: #058340;}
.bodywebsite #infoextern li {margin: .4rem .2rem; padding: 0; font-size: 1rem; color: #058340;}


.bodywebsite #sectionteam {float: left; margin: 0; padding: 0; text-align: center; width: 100%; max-width: 100%; height: 101%}
.bodywebsite #sectionteam h3 {font-size: 1.5rem; font-weight: bold; line-height: 1.3;}
.bodywebsite #sectionteam p {margin: 0; padding: 0; font-size: 1rem; font-weight: bold; line-height: 1.6;}
.bodywebsite #sectionteam ul {list-style-type: none; margin: 0; padding: 0; font-size: 1rem;}

.bodywebsite .navflyout {min-height: 2rem; margin: 0; padding: 0;}
.bodywebsite .navflyout #la {width: 90%;}
.bodywebsite .navflyout #rb {width: 10%; border: 1px solid darkblue; border-radius: 5px; padding: .4rem; font-size: 1rem; text-align: center;  vertical-align: middle; background-color: green;}
.bodywebsite .navflyout button {display: block; margin: 0; border:none; font-size: 1rem; font-weight: bold; text-decoration: none; text-align: center;}
.bodywebsite .navflyout p {margin: 0 0 .2rem 0; font-size: 1rem; text-align: center; width: 20rem;}
.bodywebsite .navflyout li {display: flex; flex-wrap:nowrap; list-style: none; font-size: 1rem; position: relative; margin: 0 0 .2rem 0; padding: 0; width: 20rem;}
.bodywebsite .navflyout ul ul {position: absolute; top: -0.6rem; left: 20rem; font: 0/0 serif; /* Unternavigation ausblenden */ z-index: -1; transition: font 0.5s;}
.bodywebsite .navflyout ul li:hover ul,
.bodywebsite .navflyout ul a:focus ~ ul {font: inherit; z-index: auto; /*  Unternavigation einblenden */}
.bodywebsite .navflyout ul li:last-of-type a {background-color: red;}

@media screen and (max-width: 900px) {
    .bodywebsite .row {flex-direction: column;}
    .bodywebsite .blog {flex-direction: column;}
}
@media (min-width: 45em) {.bodywebsite .navflyout li {font-size: 1em;}}

.bodywebsite .navflyout a {display: block; min-width: 19rem; padding: 0.4rem; text-decoration: none; font-weight: bold; text-align: center; border: 1px solid darkblue; 
              border-radius: 10px; box-shadow: 0 5px 10px white inset; color: gold; background-color: darkblue; transition: all .25s ease-in;}

.bodywebsite .navflyout li[aria-current] a {background-color: firebrick; color: gold;}

.bodywebsite .navflyout a:focus,
.bodywebsite .navflyout a:hover,
.bodywebsite .navflyout li[aria-current] a:focus,
.bodywebsite .navflyout li[aria-current] a:hover {color: darkblue; background-color: gold;}

.bodywebsite #seitennav01 {float: right;}

.bodywebsite #impressumg {background-color: #ffffe0; height: 100%; padding-bottom: 2rem;}

.bodywebsite table {margin: 0.2em 0.5em 0 0.5em; padding: 0; border: 1px solid black;}
.bodywebsite table td, th {padding: 0 0.3em 0; border: 1px solid black;}

/* CSS for ToTop button von Beispiel übernommen */
.bodywebsite #myBtnToTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #868; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  min-width: unset;
  height: unset;
  line-height: unset;
}

.bodywebsite #myBtnToTop:hover {background-color: #555; /* Add a dark-grey background on hover */}

.bodywebsite .struc form {padding: 0}
.bodywebsite .struc fieldset {float: left; margin: 0; padding: 0.4rem; border-radius: 5px;}
.bodywebsite .struc label {width: 5rem; height:1.2rem; margin: 0; padding: 0; border: 1px solid darkblue; border-radius: 5px; font-size: 1rem; font-weight: normal;}
/*.bodywebsite .struc form button {width: 5rem; height:1.2rem; margin: 0; padding: 0; border: 1px solid darkblue; border-radius: 5px; font-size: 1rem; font-weight: normal;}*/
.bodywebsite .struc #radio {width: 1.2rem; height:1.3rem; margin: 0; padding: 0; border: 1px solid darkblue; border-radius: 5px;}
.bodywebsite .struc #send {width: 5rem; height:1.3rem; margin: 0.5rem 0 0 0.8rem; padding: 0; border: 1px solid darkblue; border-radius: 5px; background-color: gold; font-size: 1rem; font-weight: normal;}