/*Global*/
.headerblock{min-height:100px;width:100%;padding-bottom:30px;max-height:500px}

a { color: #FFFFFF; } 

.topnav span:hover{
background-color: #ddd;
color:black;
}

.topnavline span:hover{
background-color: #ddd;
color:black;
}

.footerblock{
width:100%;
min-height:100px;
background-repeat:no-repeat;
margin-top:20px;
bottom: 0px;
background: url("https://transsoft.de/sites/itsystems.nsf/ITSTSBanner.gif");
object-fit: cover;
}

.span.Links{
display:none;
cursor:pointer;
}

.headerimg{max-height:500px;width:100%;height:100%}

/*Style Footer CookieBanner*/
      #footer-cookie {
      display: none;
      position: fixed;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 60px;
      padding-left: 30px;
      padding-right: 30px;
      line-height: 60px;
      background: #303030;
      color: #fff;
    }
    
    #footer-cookie a {
      color: #fff;
    }

    #footer-cookie #description {
      float: left;
    }

    #footer-cookie #accept {
      float: left;
      
    }

    #footer-cookie #accept a {
      padding: 5px 10px;
      text-decoration: none;
    }

.footerlink{display:inline-block;
float:right;
color:white;
font-size:14px;
margin-right:20px;
margin-top:20px;
cursor:pointer
}

.img{
width:100%;
height:100%;
object-fit: cover;
}

.rimg{
width:100%;
height:100%;
max-height:650px;
object-fit: cover;
}

/*slideshow-container*/
.slideshow-container {
width: 100%;
}


/*Test*/
.dropbtn {
background-color: transparent;
color:#FFFFFF ;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
background-color: transparent;
position:fixed;
display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 260px;
width:100%;
  box-shadow: 0px 8px 206px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color:#ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #FFFFFF;
color:black;}



/*test2*/
.dropbtn2 {
background-color: transparent;
color:#FFFFFF ;
padding: 16px;
font-size: 16px;
border: none;
}

.dropdown2 {
background-color: transparent;
position:fixed;
left:870px;
display: inline-block;
}

.dropdown2-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 260px;
width:100%;
  box-shadow: 0px 8px 206px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown2-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown2-content a:hover {background-color:#ddd;}

.dropdown2:hover .dropdown2-content {display: block;}

.dropdown2:hover .dropbtn2 {background-color: #FFFFFF;
color:black;}



/*Moblie*/
@media (min-width: 0px) and (max-width: 844px ) {

.txtimg{
width:100%;
height: 100%;
object-fit: cover;
}

.dropdown{
background-color:#FFFFFF;
width:100%;
}

.dropdown-content {
width:100%;
position:relative;
}

.dropdown, .dropbtn {
color: #000000;
text-decoration: none;
font-size: 17px;
display: block;
}



.dropdown2{
background-color:#FFFFFF;
width:100%;
left:0px;
top:0px;
}

.dropdown2-content {
width:100%;
position:relative;
}

.dropdown2, .dropbtn2 {
color: #000000;
text-decoration: none;
font-size: 17px;
display: block;
}

/*TopNavLine*/
.topnavline{
position:fixed;
top:0;
z-index:1000;
overflow:hidden;
//background-color:white;
width:100%;
//color: #fff;
}

.topnavline span{
color:#000000;
padding:14px 16px;
text-decoration:none;
font-size:17px;
display:block;
}

/* Hide the links inside the navigation menu  */
.topnavline .myHeaderLinks{
display:none;
cursor:pointer;
}

.active{
background-color:white;
border-style:solid; 
border-color:#333;
height:40px;
color:#333;
}



/*Default TopNav*/
.topnav{
position:fixed;
top:0px;
z-index:999;
margin-bottom:10px;
overflow:hidden;
background-color:white;
width:100%;
color: #fff;
}

.topnav span{
color:#000000;
padding:14px 16px;
text-decoration:none;
font-size:17px;
display:block;
}

/* Hide the links inside the navigation menu  */
.topnav .myLinks{
display:none;
cursor:pointer;
}

.active{
background-color:white;
border-style:solid; 
border-color:#333;
height:35px;
color:#333;
}

.bodyblock{
padding:5px;
margin-top:10px;
display: inline-flex;
font-size: 30px;
width:100%;
height:auto;
max-width:95%;
border: 1px solid #aaa;
box-shadow:0px 0px 3px 3px silver;
border-radius: 10px;
}

textarea {
height:auto;
width:280px;
padding: 12px 20px;
box-sizing: border-box;
border-radius: 4px;
background-color: #f8f8f8;
resize: none;
}

.homepagebody{width:90%;padding:5%;min-height: calc(100vh - 280px); }
.homepagebody font{
font-size:17px;
overflow: auto;
} 


.homepagebodyblock{
padding:5px;
margin-top:10px;
display: inline-flex;
font-size: 30px;
width:auto;
height:auto;
max-width:95%;
border: 1px solid #aaa;
box-shadow:0px 0px 3px 3px silver;
border-radius: 10px;
word-break: break-word;
}

/*SlideShow*/
.mySlides {display:none;
margin-top:20px;
width:100%;
height:300px;
text-align: center;
vertical-align: middle;
object-fit: cover;
}

/*Style Footer CookieBanner*/
#footer-cookie{
bottom: 0px;
padding-top: 30px;
padding-bottom: 30px;
line-height: inherit;
height: auto;
background: #303030;
color: #fff;
}

      #footer-cookie #description {
        width: 100%;
      }

      #footer-cookie #accept {
        width: 100%;
        margin-top: 15px;
      }

      #footer-cookie #accept a {
        width: 100%;
        display: block;
        text-align: center;
      }

}

/*Desktop(rest)*/
@media (min-width:  845px) and (max-width: 3840px) {

.txtimg{
width:auto;
object-fit: cover;
}


/*TopNavLine*/
.topnavline{
position:fixed;
top:0;
background: url("https://transsoft.de/sites/itsystems.nsf/ITSTSBannerCustom.gif");
background-position: right top;
background-repeat: no-repeat;
background-color:#383840;
z-index:000;
width:100%;
text-align:right;
/*min-height:100%;*/
min-height:100px;
}

.topnavline span{
color:white;
padding:14px 16px;
text-decoration:none;
font-size:17px;
display:block;
} 

/* links inside the navigation menu */
.topnavline .myHeaderLinks{
float:left;
display:inline-block;
cursor:pointer;
text-align:right;
}

.active2{
background-color:white;
border-style:solid; 
border-color:#333;
height:30px;
color:#333;
}



/*NormelNav*/
.topnav{
position:fixed;
top:35px;
z-index:999;
overflow:hidden;
width:100%;
/*border-radius:5px;*/
margin-bottom0px;
min-height:45px;
}

.topnav span{
color:white;
padding:14px 16px;
text-decoration:none;
font-size:17px;
display:block;
} 

/* links inside the navigation menu */
.topnav .myLinks{
position: relative;
bottom:0;
float:left;
display:inline-block;
cursor:pointer;
//text-align:right;
}




.bodyblock{
padding:5px;
margin-top:10px;
display: inline-flex;
font-size: 30px;
width:auto;
height:auto;
max-width:95%;
border: 1px solid #aaa;
box-shadow:0px 0px 3px 3px silver;
border-radius: 10px;
}

.bodycenter{
top:20px;
padding:10px;
margin-left: 50px;
font-size: 18px;
display: inline-flex;
width:auto;
height:auto;
max-width:95%;
}

textarea {
height:auto;
width:412px;
padding: 12px 20px;
box-sizing: border-box;
border-radius: 4px;
background-color: #f8f8f8;
resize: none;
}

.homepagebodyLeft{width:100%;text-align:left;margin-left:10px;min-height: calc(100vh - 280px)/*min-height: calc(100vh - 280px);*/}

.homepagebody{width:90%;padding:5%;min-height: calc(100vh - 280px)/*min-height: calc(100vh - 280px); */ }
.homepagebodyblock{
padding: 20px;
margin-top:10px;
display: inline-flex;
font-size: 30px;
width: 45%;
height:485px;
height:auto;
border: 1px solid #aaa;
box-shadow:0px 0px 3px 3px silver;
border-radius: 20px;
margin:5px;
}

.homepagebodyblockfull{
padding: 20px;
margin-top:10px;
display: inline-flex;
font-size: 30px;
width: 98%;
height:485px;
height:auto;
border: 1px solid #aaa;
box-shadow:0px 0px 3px 3px silver;
border-radius: 20px;
margin:5px;
}


.active{
background-color:#333;
border-style:solid; 
border-color:#333;
color:white;
display:none;
}

.mySlides {
/*visibility:hidden;*/ 
display:none;
margin-top:100px;
height:300px; 
object-fit: cover;
min-height:180px;
overflow: hidden; 
width:100%;
padding-bottom:10px
}

/*Style Footer CookieBanner*/
#footer-cookie{
padding-top: 30px;
padding-bottom: 30px;
line-height: inherit;
height: 5px;
background: #303030;
color: #fff;
}

      #footer-cookie #description {
        width: 80%;
      }}