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

#mobilmenu {
display:none;
}
  
#mobilundersidemenu {
display:none;
}

#mid0 {
width: 100%;
height: auto;
float:left;
}

#midcontent0 {
width: 1400px;
min-height: 600px;
margin-left:auto;
margin-right:auto;
margin-top:200px;
margin-bottom:100px;
}

#left {
width: 25%;
height: auto;
float:left;
margin-top:10px;
margin-bottom:20px;
}
  
#left div.moduletable.leftmenu  {
width:100%;
margin-bottom:20px;
}

#left div.moduletable.leftmenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}
  
#left .moduletable.leftmenu h3 {
width: 90%;
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10px;
margin-bottom:0px;
text-align: left;
color:#9b0018;
font-size:24px;
font-weight:normal;
}

#left div.moduletable.leftmenu li a:link,
#left div.moduletable.leftmenu li a:visited {
width: 90%;
display: block;
text-decoration: none;
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#000;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li a:hover, 
#left div.moduletable.leftmenu li a:active {       
background: #eee;
color:#222;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#left div.moduletable.leftmenu li li a:link,
#left div.moduletable.leftmenu li li a:visited {
width: 85%;
display: block;
text-decoration: none;
padding-left: 10%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#333;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li li a:hover, 
#left div.moduletable.leftmenu li li a:active {       
background: #eee;
color:#222;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#left img {
width: 99%;
height: auto;
box-shadow: 0px 8px 8px #ccc;
}  
  
#content {
width: 70%;
height: auto;
float:right;
margin-top:0px;
margin-bottom:20px;
}

#content h1 {
font-size:44px;
line-height:44px;
font-weight:600;
color:#9b0018;
margin-top:2px;
margin-bottom:30px;
}
  
#content h2 {
font-size:34px;
line-height:34px;
font-weight:400;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
}
  
#content h3 {
font-size:24px;
line-height:24px;
font-weight:400;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
} 
  
#content h4 {
font-size:16px;
line-height:18px;
font-weight:400;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
}  
  
#content p  {
font-size:16px;
line-height:20px;
font-weight:400;
color:#000;
margin-top:10px;
margin-bottom:10px;
}  
 
#content img {
max-width: 99.5%;
height: auto;
padding:0.5%;
border:1px solid #eee;
margin-bottom: 30px;
} 
  
#content a:link,
#content a:visited {
text-decoration: none;
color:#005e50;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#content a:hover {       
color:#222;
text-decoration: underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#content a:link.greenlink,
#content a:visited.greenlink {
font-size:17px;
line-height:68px;
color:white;
background:#005e50;
text-decoration:none;
margin-right:10px;
padding:12px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover.greenlink {
color:white;
background:#87a621;
padding:12px;
margin-top:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#content video {
width: 28%;
height: auto;
float:left;
margin-top:0px;
margin-right: 30px;
margin-bottom:20px;
}  
  
#content .moduletable.video100 video  {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-right: 30px;
margin-bottom:20px;  
}  
  
#contentbottom {
width: 70%;
height: auto;
float:right;
margin-top:0px;
margin-bottom:20px;
}  
  
#contentbottom .moduletable.personale {
width: 23%;
height: 360px;
float: left;
padding-right: 2%;
text-align: center;
} 

#contentbottom .moduletable.personale img {
width: 70%;
height: auto;
float: left;
margin-left:15%;
margin-right:15%;
margin-bottom: 20px;
padding-top: 0px;
padding-bottom:0px;
box-shadow: 0px 5px 6px #666;
}  
  
#contentbottom .moduletable.personale strong  {
font-size:16px;
line-height:20px;
font-weight:bold;
color: #ae001b;
}  
  
#contentbottom .moduletable.personale a:link,
#contentbottom .moduletable.personale a:visited {
font-size:15px;
line-height:20px;
font-weight:bold;
color: #ae001b;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#contentbottom .moduletable.personale a:hover,
#contentbottom .moduletable.personale a:active {
color: #000;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;  
}   
  
#contentbottom div.moduletable.ctakontakt {
width: 96%;
height: auto;
float:left;
padding:1%;
padding-top:0%;
padding-bottom:1.5%;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
background: white;    
}  
  
#contentbottom div.moduletable.ctakontakt img {
width: auto;
height: 180px;
float:left;
margin-right:2%;
margin-top: -20px;
} 
  
#contentbottom div.moduletable.ctakontakt h3 {
font-size:30px;
line-height:30px;
font-weight:400;
color:#9b0018;
}   
  
#contentbottom div.moduletable.ctakontakt p {
font-size:17px;
line-height:21px;
font-weight:400;
color:#000;  
}  
  
#contentbottom div.moduletable.ctakontakt a:link,
#contentbottom div.moduletable.ctakontakt a:visited {
text-align: center;
font-size:17px;
line-height:21px;
font-weight:400;
background: none;
color:#9b0018;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#contentbottom div.moduletable.ctakontakt a:hover {
color:#000;
text-decoration: underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
table {
border-collapse: collapse;
width: 100%;
font-size:12px;
line-height: 18px;
margin-bottom:30px;
}

td, th {
border: 1px solid #999;
text-align: left;
padding: 8px;
}

tr:nth-child(even) {
background-color: #ddd;
} 
  
tr {
background-color: #eee;
}
  
#content .rsform-input-box {
width: 96%;
height: auto;
float:left;
padding:1%;
margin-right: 2%;
border-radius: 5px;
}  
  
#content .rsform-text-box {
width: 96%;
height: auto;
float:left;
padding:1%;
margin-right: 2%;
border-radius: 5px;
}  
  
#content .rsform-type-freetext p a {
color:#9b0018;  
}  
  
#content .rsform-submit-button {
background: #66cc66;
font-size: 15px;
margin-top: 10px; 
padding:8px;
padding-left:12px;
padding-right:12px;  
}  
  

}

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


#mobilmenu {
display:none;
}
  
#mobilundersidemenu {
display:none;
}

#mid0 {
width: 100%;
height: auto;
float:left;
}

#midcontent0 {
width: 96%;
min-height: 600px;
margin-left:2%;
margin-right:2%;
margin-top:200px;
margin-bottom:100px;
}

#left {
width: 25%;
height: auto;
float:left;
margin-top:10px;
margin-bottom:20px;
}
  
#left div.moduletable.leftmenu  {
width:100%;
margin-bottom:20px;
}

#left div.moduletable.leftmenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}
  
#left .moduletable.leftmenu h3 {
width: 90%;
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10px;
margin-bottom:0px;
text-align: left;
color:#9b0018;
font-size:24px;
font-weight:normal;
}

#left div.moduletable.leftmenu li a:link,
#left div.moduletable.leftmenu li a:visited {
width: 90%;
display: block;
text-decoration: none;
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#000;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li a:hover, 
#left div.moduletable.leftmenu li a:active {       
background: #eee;
color:#222;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#left div.moduletable.leftmenu li li a:link,
#left div.moduletable.leftmenu li li a:visited {
width: 85%;
display: block;
text-decoration: none;
padding-left: 10%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#333;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li li a:hover, 
#left div.moduletable.leftmenu li li a:active {       
background: #eee;
color:#222;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#left img {
width: 99%;
height: auto;
box-shadow: 0px 8px 8px #ccc;
}  
  
#content {
width: 70%;
height: auto;
float:right;
margin-top:0px;
margin-bottom:20px;
}

#content h1 {
font-size:44px;
line-height:44px;
font-weight:600;
color:#9b0018;
margin-top:2px;
margin-bottom:30px;
}
  
#content h2 {
font-size:34px;
line-height:34px;
font-weight:400;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
}
  
#content h3 {
font-size:24px;
line-height:24px;
font-weight:400;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
} 
  
#content h4 {
font-size:16px;
line-height:18px;
font-weight:400;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
}  
  
#content p  {
font-size:15px;
line-height:20px;
font-weight:400;
color:#000;
margin-top:10px;
margin-bottom:10px;
}  
 
#content img {
max-width: 99.5%;
height: auto;
padding:0.5%;
border:1px solid #eee;
margin-bottom: 30px;
} 
  
#content a:link,
#content a:visited {
text-decoration: none;
color:#005e50;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#content a:hover {       
color:#222;
text-decoration: underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#content a:link.greenlink,
#content a:visited.greenlink {
font-size:17px;
line-height:68px;
color:white;
background:#005e50;
text-decoration:none;
margin-right:10px;
padding:12px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover.greenlink {
color:white;
background:#87a621;
padding:12px;
margin-top:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#content video {
width: 40%;
height: auto;
float:left;
margin-top:0px;
margin-right: 30px;
margin-bottom:20px;
}
  
#content .moduletable.video100 video  {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-right: 30px;
margin-bottom:20px;  
}    
  
#contentbottom {
width: 70%;
height: auto;
float:right;
margin-top:0px;
margin-bottom:20px;
}  
  
#contentbottom .moduletable.personale {
width: 30%;
height: 350px;
float: left;
padding-right: 3%;
text-align: center;
} 

#contentbottom .moduletable.personale img {
width: 70%;
height: auto;
float: left;
margin-left:15%;
margin-right:15%;
margin-bottom: 20px;
padding-top: 0px;
padding-bottom:0px;
box-shadow: 0px 5px 6px #666;
}  
  
#contentbottom .moduletable.personale strong  {
font-size:16px;
line-height:20px;
font-weight:bold;
color: #ae001b;
}  
  
#contentbottom .moduletable.personale a:link,
#contentbottom .moduletable.personale a:visited {
font-size:15px;
line-height:20px;
font-weight:bold;
color: #ae001b;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#contentbottom .moduletable.personale a:hover,
#contentbottom .moduletable.personale a:active {
color: #000;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;  
}   
  
#contentbottom div.moduletable.ctakontakt {
width: 96%;
height: auto;
float:left;
padding:1%;
padding-top:0%;
padding-bottom:1.5%;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
background: white;    
}  
  
#contentbottom div.moduletable.ctakontakt img {
width: auto;
height: 180px;
float:left;
margin-right:2%;
margin-top: -20px;
} 
  
#contentbottom div.moduletable.ctakontakt h3 {
font-size:26px;
line-height:22px;
font-weight:400;
color:#9b0018;
}   
  
#contentbottom div.moduletable.ctakontakt p {
font-size:15px;
line-height:21px;
font-weight:400;
color:#000;  
}  
  
#contentbottom div.moduletable.ctakontakt a:link,
#contentbottom div.moduletable.ctakontakt a:visited {
text-align: center;
font-size:17px;
line-height:21px;
font-weight:400;
background: none;
color:#9b0018;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#contentbottom div.moduletable.ctakontakt a:hover {
color:#000;
text-decoration: underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}    
   
table {
border-collapse: collapse;
width: 100%;
font-size:12px;
line-height: 18px;
margin-bottom:30px;
}

td, th {
border: 1px solid #999;
text-align: left;
padding: 8px;
}

tr:nth-child(even) {
background-color: #ddd;
} 
  
tr {
background-color: #eee;
}
  
#content .rsform-input-box {
width: 96%;
height: auto;
float:left;
padding:1%;
margin-right: 2%;
border-radius: 5px;
}  
  
#content .rsform-text-box {
width: 96%;
height: auto;
float:left;
padding:1%;
margin-right: 2%;
border-radius: 5px;
}  
  
#content .rsform-type-freetext p a {
color:#9b0018;  
}  
  
#content .rsform-submit-button {
background: #66cc66;
font-size: 15px;
margin-top: 10px; 
padding:8px;
padding-left:12px;
padding-right:12px;  
} 
  
}


/************************************************************************************
For Smartphones
*************************************************************************************/
@media screen and (max-width: 767px) {
  
#mid0 {
width: 100%;
height: auto;
float:left;
}

#midcontent0 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
margin-top:80px;
margin-bottom:50px;
}

#left {
display: none;
} 
  
#content {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
}

#content h1 {
font-size:40px;
line-height:40px;
font-weight:600;
color:#9b0018;
margin-top:20px;
margin-bottom:10px;
}
  
#content h2 {
font-size:32px;
line-height:36px;
font-weight:400;
color:#9b0018;
margin-top:20px;
margin-bottom:10px;
}
  
#content h3 {
font-size:24px;
line-height:24px;
font-weight:400;
color:#9b0018;
margin-top:20px;
margin-bottom:10px;
} 
  
#content h4 {
font-size:16px;
line-height:18px;
font-weight:400;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
}  
  
#content p  {
font-size:16px;
line-height:21px;
font-weight:400;
color:#000;
margin-top:10px;
margin-bottom:10px;
}  
 
#content img {
max-width: 94%;
height: auto;
padding:2%;
border:1px solid #eee;
margin-bottom: 10px;
} 
  
#content a:link,
#content a:visited {
text-decoration: none;
color:#005e50;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#content a:hover {       
color:#222;
text-decoration: underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#content a:link.greenlink,
#content a:visited.greenlink {
font-size:17px;
line-height:68px;
color:white;
background:#005e50;
text-decoration:none;
margin-right:10px;
padding:12px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover.greenlink {
color:white;
background:#87a621;
padding:12px;
margin-top:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#contentbottom {
width: 100%;
height: auto;
float:left;
margin-top:10px;
margin-bottom:20px;
}  
  
#contentbottom .moduletable.personale {
width: 48%;
height: 350px;
float: left;
padding-right: 2%;
text-align: center;
} 

#contentbottom .moduletable.personale img {
width: 70%;
height: auto;
float: left;
margin-left:15%;
margin-right:15%;
margin-bottom: 20px;
padding-top: 0px;
padding-bottom:0px;
box-shadow: 0px 5px 6px #666;
}  
  
#contentbottom .moduletable.personale strong  {
font-size:14px;
line-height:20px;
font-weight:bold;
color: #ae001b;
}  
  
#contentbottom .moduletable.personale a:link,
#contentbottom .moduletable.personale a:visited {
font-size:14px;
line-height:20px;
font-weight:bold;
color: #ae001b;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#contentbottom .moduletable.personale a:hover,
#contentbottom .moduletable.personale a:active {
color: #000;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;  
}  
  
#contentbottom div.moduletable.ctakontakt {
width: 96%;
height: auto;
float:left;
padding:1%;
padding-top:0%;
padding-bottom:1.5%;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
background: white;    
}  
  
#contentbottom div.moduletable.ctakontakt img {
width: auto;
height: 180px;
float:left;
margin-right:2%;
margin-top: -10px;
} 
  
#contentbottom div.moduletable.ctakontakt h3 {
font-size:24px;
line-height:10px;
font-weight:400;
color:#9b0018;
}   
  
#contentbottom div.moduletable.ctakontakt p {
font-size:14px;
line-height:17px;
font-weight:400;
color:#000;  
}  
  
#contentbottom div.moduletable.ctakontakt a:link,
#contentbottom div.moduletable.ctakontakt a:visited {
text-align: center;
font-size:15px;
line-height:21px;
font-weight:400;
background: none;
color:#9b0018;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#contentbottom div.moduletable.ctakontakt a:hover {
color:#000;
text-decoration: underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
table {
border-collapse: collapse;
width: 100%;
font-size:12px;
line-height: 18px;
margin-bottom:30px;
}

td, th {
border: 1px solid #999;
text-align: left;
padding: 8px;
}

tr:nth-child(even) {
background-color: #ddd;
} 
  
tr {
background-color: #eee;
}
  
#content .rsform-input-box {
width: 97% !important;
height: auto;
float:left;
padding:1%;
border-radius: 5px;
}  
  
#content .rsform-text-box {
width: 97% !important;
height: auto;
float:left;
padding:1%;
margin-right: 2%;
border-radius: 5px;
}  
  
#content .rsform-type-freetext p a {
color:#9b0018;  
}  
  
#content .rsform-submit-button {
background: #66cc66;
font-size: 15px;
margin-top: 10px; 
padding:8px;
padding-left:12px;
padding-right:12px;  
}   

}