@charset "utf-8";
/* CSS Document */

@media only screen and (min-width : 1400px) {

#header {
width: 100%;
height:146px;
position:fixed;
z-index:100;
background:white;
box-shadow: 1px 0px 5px #777;
}

#headercontent {
width: 1400px;
height:146px;
margin-left:auto;
margin-right:auto; 
}
 
#top {
width: 100%; 
height: 42px;
margin-top:0px;    
float:left;
background:#28201e;
}     
    
#topline {
width: 1400px; 
height: 20px;
margin-top:0px !important;
margin-left:auto;
margin-right:auto;    
}
    
#topline .toplinesome {
width: 200px; 
height: 20px;
margin-top:-5px !important;
float: left; 
}     
    
#topline .toplinesome img {
width: 20px;
height: 20px;
margin-right:10px;
float:left;
}    
       
#topline .toplinetext {
width: auto; 
height: 20px;
margin-top:-3px !important;
float: right; 
}  

#topline .toplinetext p {
color:white;
font-size:15px;
font-weight: 400;
text-decoration: none;
float: right;
}
    
#topline .toplinetext img {
width: 13px;
height: 13px; 
margin-right:5px;
margin-left:10px;
}     
      
#topline a:link,
#topline a:visited {
color:white;
font-size:15px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#topline a:hover {
text-decoration: underline !important;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}     

#logo {
width: 184px; 
height: auto;
margin-top:5px;
float:left;
}

#logo img {
width: 100%; 
height: auto;
}
    
#mobillogo {
display:none;
}    

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 1200px;
height: 50px;
margin-top:23px;
float:right;
text-align: right;   
}   

#mainmenu ul li {
display: inline-block;
text-align: right;
}

#mainmenu a {
text-decoration:none;
line-height: 22px;
padding-left: 8px;
padding-right: 8px;
padding-top:8px;
padding-bottom:8px;
margin-left: 5px;
margin-right: 5px;
font-size:17px;
color:#333;
text-transform:uppercase;
font-weight:400;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul a:hover {
text-decoration:underline;
color:#9b0018;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    

#mainmenu ul .current a {
text-decoration:none;
color:#333;
}

#mobilmenu {
display:none;
}
    
#footer {
width: 100%;
height: 300px;
float: left;
background: #921e33;    
ackground: url("/images/grafik/footer-bg-2026.jpg");
ackground-size: cover 
}
    
#footermid {
width: 1400px;
height: 300px;
margin-left: auto;
margin-right: auto;    
padding-top:10px;
} 
        
#footerbox1 {
width: 29%;
height: 280px;
float:left;
color:#fff;
margin-right: 6%;
margin-top:12px;
}  

#footerbox1 img {
width: 130px;
height: auto;
margin-bottom: 8px;
}     
    
#footerbox2 {
width: 10%;
height: 280px;
float:left;
color:#fff;
margin-right: 7%;
} 
    
#footerbox2 div.moduletable div.custom ul li {
list-style-type:none; 
margin-left:-39px;
}
    
#footerbox2 a:link,
#footerbox2 a:visited,
#footerbox4 a:link,
#footerbox4 a:visited    {
font-size:14px;
line-height:18px;
font-weight:400;
color:#fff;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#footerbox2 a:hover,
#footerbox4 a:hover    {
text-decoration: underline;    
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}      

#footerbox3 {
width: 10%;
height: 280px;
float:left;
color:#fff;
margin-right: 10%;
}     
    
#footerbox4 {
width: 13%;
height: 280px;
float:left;
color:#fff;
} 
    
#footerbox5 {
width: 12%;
height: 280px;
float:left;
color:#fff;
}
    
#footerbox5 img {
width: 26px;
height: 26px;
float:left;
color:#fff;
margin-top:20px;
margin-left:15px;
    padding-top:98px;
}    
   
#footerbox5 img.byggaranti {
width: 145px;
height: auto;
float: unset; 
color:#fff;
margin-top:20px;
margin-left:auto;
margin-right: auto;    
padding-top:5px;    
}       
  
#footerbox2 h4,
#footerbox3 h4,
#footerbox4 h4 {
font-size:19px;
line-height:20px;
font-weight:600;
color:#fff;
   margin-top:58px;
}
    
#footerbox1 p,
#footerbox2 p,
#footerbox3 p,
#footerbox4 p {
font-size:14px;
line-height:18px;
font-weight:400;
color:#fff;
}    
    
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
float: left;
}
    
#copyrightcontent {
width: 100%;
height: auto;
float:left;
padding-top:20px;
padding-bottom:20px;
background:#292524;
color:#fff;
}
    
#copyrightcontent  {
color:#fff;
line-height: 2px; 
font-size:14px;
text-align: center;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:14px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
    text-decoration: underline;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

body {
font-family: "Roboto Condensed", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
background:white;  
margin:0px;
padding:0px;
overflow-x: hidden; /* Hide horizontal scrollbar */  
}  
    
}


/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1399px) {

#header {
width: 100%;
height:146px;
position:fixed;
z-index:100;
background:white;
box-shadow: 1px 0px 5px #777;
}

#headercontent {
width: 96%;
height:146px;
margin-left:2%;
margin-right:2%; 
}
 
#top {
width: 100%; 
height: 42px;
margin-top:0px;    
float:left;
background:#28201e;
}     
    
#topline {
width: 96%; 
height: 20px;
margin-top:0px !important;
margin-left:2%;
margin-right:2%;    
}
    
#topline .toplinesome {
width: 200px; 
height:47px;
margin-top:-5px !important;
float: left; 
}     
    
#topline .toplinesome img {
width: 20px;
height: 20px;
margin-right:10px;
float:left;
}    
       
#topline .toplinetext {
width: auto; 
height: 20px;
margin-top:-3px !important;
float: right; 
}  

#topline .toplinetext p {
color:white;
font-size:15px;
font-weight: 400;
text-decoration: none;
float: right;
}
    
#topline .toplinetext img {
width: 13px;
height: 13px; 
margin-right:5px;
margin-left:10px;
}     
      
#topline a:link,
#topline a:visited {
color:white;
font-size:15px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#topline a:hover {
text-decoration: underline !important;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}     

#logo {
width: 15%; 
height: auto;
margin-top:5px;
float:left;
}

#logo img {
width: 100%; 
height: auto;
}
    
#mobillogo {
display:none;
}    

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 85%;
height: 50px;
margin-top:23px;
float:right;
text-align: right;   
}   

#mainmenu ul li {
display: inline-block;
text-align: right;
}

#mainmenu a {
text-decoration:none;
line-height: 22px;
padding-left: 5px;
padding-right: 5px;
padding-top:8px;
padding-bottom:8px;
margin-left: 4px;
margin-right: 4px;
font-size:15px;
color:#333;
text-transform:uppercase;
font-weight:400;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul a:hover {
text-decoration:underline;
color:#9b0018;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    

#mainmenu ul .current a {
text-decoration:none;
color:#333;
}

#mobilmenu {
display:none;
}
    
#footer {
width: 100%;
height: auto;
float: left;
background: #921e33;
}
    
#footermid {
width: 96%;
height: auto;
margin-left: 2%;
margin-right: 2%;    
padding-top:10px;
} 
        
#footerbox1 {
width: 29%;
height: auto;
float:left;
color:#fff;
margin-right: 5%;
margin-top:12px;
}  

#footerbox1 img {
width: 130px;
height: auto;
margin-bottom: 8px;
}     
    
#footerbox2 {
width: 10%;
height: auto;
float:left;
color:#fff;
margin-right: 6%;
} 
    
#footerbox2 div.moduletable div.custom ul li {
list-style-type:none; 
margin-left:-39px;
}
    
#footerbox2 a:link,
#footerbox2 a:visited,
#footerbox4 a:link,
#footerbox4 a:visited    {
font-size:14px;
line-height:18px;
font-weight:400;
color:#fff;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#footerbox2 a:hover,
#footerbox4 a:hover    {
text-decoration: underline;    
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}      

#footerbox3 {
width: 10%;
height: auto;
float:left;
color:#fff;
margin-right: 8%;
}     
    
#footerbox4 {
width: 13%;
height: auto;
float:left;
color:#fff;
} 
    
#footerbox5 {
width: 12%;
height: auto;
float:left;
color:#fff;
}
    
#footerbox5 img {
width: 11%;
height: auto;
float:left;
color:#fff;
margin-top:20px;
margin-left:15px;
    padding-top:98px;
}    
   
#footerbox5 img.byggaranti {
width: 100%;
height: auto;
float: unset; 
color:#fff;
margin-top:20px;
margin-left:auto;
margin-right: auto;    
padding-top:5px;    
}       
  
#footerbox2 h4,
#footerbox3 h4,
#footerbox4 h4 {
font-size:19px;
line-height:20px;
font-weight:600;
color:#fff;
   margin-top:58px;
}
    
#footerbox1 p,
#footerbox2 p,
#footerbox3 p,
#footerbox4 p {
font-size:14px;
line-height:18px;
font-weight:400;
color:#fff;
}    
    
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
float: left;
}
    
#copyrightcontent {
width: 100%;
height: auto;
float:left;
padding-top:20px;
padding-bottom:20px;
background:#292524;
color:#fff;
}
    
#copyrightcontent  {
color:#fff;
line-height: 2px; 
font-size:14px;
text-align: center;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:14px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
text-decoration: underline;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}

body {
font-family: "Roboto Condensed", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
background:white;  
margin:0px;
padding:0px;
overflow-x: hidden; /* Hide horizontal scrollbar */  
}       
    
}

/************************************************************************************
For Smartphones
*************************************************************************************/

@media only screen and (max-width : 767px) {

#header {
width:100%;
height:60px;
float:left;
background:#fff;
position:fixed;
box-shadow: 1px 1px 4px #999;
z-index:1000;
}
    
#top {
display: none;
}        
    
#mainmenu {
display: none;
}
    
#mobilmenutrigger {
width:40px;
height: auto;
float: right;
margin-right:15px;
margin-top:-7px;
}
    
#mobilmenutrigger .dj-mobile-open-btn {
background:none;
}
    
#mobilmenutrigger .fa.fa-bars {
background:none;
}

.parent a em.fa.fa-caret-down {
display:none;  
}    

#mobilmenutrigger button.menu {
float:right;
width:60px;
height:50px;
}

#mobilmenutrigger .app-bar {
width: 100%;
height: 60px;
z-index:2;
}

.navdrawer-container {
position: fixed;
width: 240px;
height: 100%;
color: #eee;
-webkit-transform: translate(-250px,0);
transform: translate(-250px,0);
z-index: 2;
font-size:13px;
margin-top:0px;
border-top:2px solid #eee;
background:#fff;
}

#mobilmenu .navdrawer-container ul li a {
display: block;
height: 10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
line-height: 10px;
text-decoration: none;
border-bottom:2px solid #eee;
color:#222 !important;
}

#left {
display:none;
}
    
#logo {
display:none;
}    

#mobillogo {
width: 120px; 
height:auto;
top:10px;
left:2%;
position:absolute; 
}

#mobillogo img {
width: 120px; 
height: auto;
}

#mobillogo p {
margin:0px;
}
    
#footer {
width: 100%;
height: auto;
float: left;
background: #921e33;
}
    
#footermid {
width: 96%;
height: auto;
margin-left: 2%;
margin-right: 2%;    
padding-top:10px;
} 
        
#footerbox1 {
width: 100%;
height: auto;
float:left;
color:#fff;
margin-top:12px;
}  

#footerbox1 img {
width: 130px;
height: auto;
margin-bottom: 8px;
}     
    
#footerbox2 {
width: 50%;
height: 210px;
float:left;
color:#fff;
} 
    
#footerbox2 div.moduletable div.custom ul li {
list-style-type:none; 
margin-left:-39px;
}
    
#footerbox2 a:link,
#footerbox2 a:visited,
#footerbox4 a:link,
#footerbox4 a:visited {
font-size:14px;
line-height:18px;
font-weight:400;
color:#fff;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#footerbox2 a:hover,
#footerbox4 a:hover {
text-decoration: underline;    
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}      

#footerbox3 {
width: 50%;
height: 210px;
float:left;
color:#fff;
}     
    
#footerbox4 {
width: 50%;
height: auto;
float:left;
color:#fff;
} 
    
#footerbox5 {
width: 50%;
height: auto;
float:left;
color:#fff;
}
    
#footerbox5 img {
width: 11%;
height: auto;
float:left;
color:#fff;
margin-top:20px;
margin-left:15px;
    padding-top:98px;
}    
   
#footerbox5 img.byggaranti {
width: 80%;
height: auto;
float: unset; 
color:#fff;
margin-top:20px;
margin-left:auto;
margin-right: auto;    
padding-top:5px;    
}       
  
#footerbox2 h4,
#footerbox3 h4,
#footerbox4 h4 {
font-size:19px;
line-height:20px;
font-weight:600;
color:#fff;
   margin-top:58px;
}
    
#footerbox1 p,
#footerbox2 p,
#footerbox3 p,
#footerbox4 p {
font-size:14px;
line-height:18px;
font-weight:400;
color:#fff;
}    
    
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
float: left;
}
    
#copyrightcontent {
width: 100%;
height: auto;
float:left;
padding-top:20px;
padding-bottom:20px;
background:#292524;
color:#fff;
}
    
#copyrightcontent  {
color:#fff;
line-height: 2px; 
font-size:14px;
text-align: center;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:14px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
text-decoration: underline;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}

body {
font-family: "Roboto Condensed", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
background:white;  
margin:0px;
padding:0px;
overflow-x: hidden; /* Hide horizontal scrollbar */  
}       
    
}