@media (min-width: 420px) and (max-width: 780px) 
/* aktuelle Vorschau- Fenster ist 768px */
{
body, html, .muster, .header{
margin:0;
padding:0;
width:100%;
}
#pricing .pricing-table {
    box-sizing: border-box;
}
#pricing .pricing-col {
    width: 24% !important;
    box-sizing: border-box;
    margin-right:9px;
}
#pricing .descr_pr {
display:none;
}
#jojon{
display:none;
}
span.mobile{
display:block;
text-align:left;
text-decoration:underline;
}
.logon.header {
    top: 0;
}
#elm536{
width:730px !important;
height:auto !important;
}
.site_holder{
padding:0 0 0 8px;
} 
.muster{
background:#fff url("../images/stripp.png")repeat scroll; 
}
html {
background: #424242 none repeat;
height: 100%;
}
body { 
background:#F1F1F1; 
padding-bottom:30px;
}
#topTD{
height:120px;
max-height:120px;
padding:0 25px;
}
.header, .hnv{
background:#fcfcfc;
}
#global_1{
width:97%;
}
#global_5 .title_right{
display:none;
}
#global_5.parallax-support div.title_right, #global_5.parallax-service div.title_right {
display:block;
    left: 5%;
    margin-left: 40px;
    top: 170px;
    z-index: 5;
    width: 495px;
    }
#global_5.parallax-support div.title_right_2, #global_5.parallax-service div.title_right_2 {
  top: 260px;
}
#global_5.parallax-support div.title_right_3, #global_5.parallax-service div.title_right_3 {
  top: 350px;
}
#global_5.parallax-support div.title_right_4, #global_5.parallax-service div.title_right_4 {
  top: 440px;
}
.container{
background:none;
}
.contentTD{
width:99%;
}
.two_50, .contentTD{
font-size:11pt;
line-height:18px;
}
#contentTD .overviewbox .image {
  width: 45%;
 }
 #contentTD .overviewbox .description {
    height: 245px;
    }
 #contentTD .overviewbox .detailsButton {
    bottom: 10px;
    right: 10px;
    }
.content_TD div.two_50, .bottom_holder div.two_50 {
    width: 99% !important;
    padding:0 15px !important;
    box-sizing:border-box;
    padding-bottom:30px !important;
}
span.content_header {
line-height:25px;
padding:8px 10px;
}
.top_abs_0 .grids div {
    padding-left: 15px;
    height:150px;
}
.top_abs_0 {
height:155px;
}
#cms_82 .top_abs_0 {
    min-height: 190px;
}
#global_6.grids p.btns {
 width: 350px;
}

div.contentTD h4{
margin-bottom:7%;
}
.title, .title_service {
    margin-left: -350px;
    }

div.no_backgr {
    margin-left: -530px;
}
.title_support {
    width: 400px;
    left: 50%;
    margin:240px 0 0 -325px;
    }
#contentTD div{
/*margin-bottom:7%;*/
}
#cms_115 .middle_holder, #cms_155 .dopo_holder {
    min-height: 1030px;
    padding: 015px;
}
.footer{
min-height:100px;
}
.bottom_border div.two_50, div.sRight, #contentTD div.percent_50 {
width: 100%;
margin-bottom:5%;
}
.cms_basis_info, .cms_business_info, .cms_leasing_info, .cms_enterprise_info{
width: 44%;
font-size:15pt;
margin-right:20px;
max-width:330px;
padding-right:18px;
}
.cms_business_info, .cms_enterprise_info{
margin-right:0;
 }
.cms_basis_info{
background:rgba(0, 0, 0, 0) url("../images/banner_cms_basis-L.png") no-repeat scroll 0 0;
}
.cms_business_info{
background:rgba(0, 0, 0, 0) url("../images/banner_cms_business-L.png") no-repeat scroll 0 0;
}
.cms_leasing_info{
background:rgba(0, 0, 0, 0) url("../images/banner_cms_leasing-L.png") no-repeat scroll 0 0;
}
.cms_enterprise_info{
background:rgba(0, 0, 0, 0) url("../images/banner_cms_enterprise-L.png") no-repeat scroll 0 0;
}
.cms_preise .price{
font-size:35pt;
}
.cms_basis_info strong, .cms_business_info strong, .cms_leasing_info strong, .cms_enterprise_info strong{
font-size:22pt;
line-height:23pt;
}
a.top_link, a.top_link:link, a.top_link_active, a.top_link_active:hover{
font-size:12pt;
}
#bottomTD span.spanfoot {
color: #999;
display: block;
font-family: "amerigo_btroman";
font-size: 16pt;
line-height:17pt;
font-weight: 400;
margin: 25px 0 -20px 10px;
}
#bottomTD a.NaviLink_L, #bottomTD a.NaviLink_L:link, #bottomTD a.NaviLink_L:visited {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
color: #efede1;
display: block;
font-size: 13px;
line-height:14px;
font-weight: normal;
margin-left: 10px;
padding: 0 0 10px !important;
text-shadow: none;
width:100%;
}
#bottomTD ul.left_navi_list {
}
span.categ {
    font-size: 22px;
}
#bottomTD .WIDGET {

}
#bottomTD div.sRight {
width:100%;
}
#elm27 {
    height: 240px;
    padding: 0 15px;
}
.mobile_button{
position:absolute;
width:100%;
height:100%;
display:block;
z-index:99;
}
/* H-Navi */
.response{
display:inline-block;
}
.shrink .response{
display:inline-block;
z-index:999999;
margin-top:150px;
}
nav div {
position:absolute;
/*margin-top:-65px;*/
right:10pt;
background:url("../images/resp_btn.png") no-repeat;
width: 50px;
height:50px;
z-index:999;
transition:all .6s ease;
}
#h-navi {
    right: 15px;
    top: 20px;
}
.header.shrink #h-navi {
    float: right;
    margin-top: 0px;
    }
#Navi_H{ background:none;}
nav ul, nav:active ul, nav:hover ul{
position:absolute;
background: #fff none repeat scroll 0 0;
border: 1px solid #999;
border-radius: 8px;
height:auto;
width: 250px;
right:-999px;
top:40px;
}
ul.menu.clearfix {
transition: right .6s ease;
}
nav:hover ul, nav:focus ul {
position:absolute;
z-index:9999;
right:0px;
}
ul.menu li.top.li_active ul.sub.transi {
    display: block;
}
#Navi_H a.top_link_active {
    color: #ffffff;
    text-shadow: 1px 1px 2px #333333;
}
#Navi_H a.top_link, a.top_link:link {
    text-shadow: 1px 1px 2px #333333;
}
#Navi_H li {
width:100%;
}
#Navi_H li a {
    width: 100%;
    text-align: center;
    }
#Navi_H a.top_link, a.top_link:link {
color:#ffffff;
}
#Navi_H li a.top_link_active{
margin-left:-3px;
}
#Navi_H ul li ul li a {
    width: 90%;
}
a.top_link span, a.top_link_active span {
    padding: 0 !important;
    padding-left:0 !important;
}
ul.sub.transi {
    border: none;
}
ul.menu li.top, li.top {
    background: #32a9c3;
    border-top: 1px solid #72C3D3;
    border-bottom: 1px solid #237C8E;
}
#Navi_H ul.menu ul.sub {
    position: relative;
    top: 0px;
    left: 0px;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0;
    display:block;
    }
#Navi_H ul.menu ul.sub a, ul.menu ul.sub a:link{
    background: none;
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 8px;
    margin: 0;
   }
  ul.menu.clearfix {
    overflow: hidden;
    box-shadow: 0 10px 30px #000;
}
#Navi_H ul.menu ul.sub a, #Navi_H ul.menu ul.sub a:link, #Navi_H ul.menu ul.sub a:visited {
    line

.mehr {
padding: 10px 20px;
width:auto;
box-shadow:0px 3px 3px #777;
}
#global_4{
min-height:1000px;
height:auto;
}
#cms_115 #global_4{
min-height:440px;
height:auto;
}
#global_8 {
  width: 100%;
  box-sizing:border-box;
  background:#fff;
  padding:0;
  height:auto;
  display:table;
}
#bottomTD div.percent_30{
width:50%;
float:left;
}
#global_8 div.percent_60, #global_8 div.percent_40 {
backround:none;
padding:0 15px;
border:none;
}
.contentTD {
  margin-bottom: 40px;
}
ul.left_navi_list {
    float: none;
}
#global_2{
float:none;
width:50%;
}
.footer{    
min-height: 1200px;
}
#pricing .pricing-col .plan-price .price-container {
    float: none;
    margin: 0 0 10px 0;
}
#pricing .pricing-col .plan-price .btn {
    float: none;
    margin-right: 0;
}
#pricing .pricing-col .plan-price {
    text-align: center;
}
.parallax-support {
    background:url('../images/support.jpg')no-repeat -110px -120px;
    min-height: 500px !important;
}
.middle_holder{
height:1050px;
}
.middle_holder .percent_100{ 
padding: 5px 10px 15px 10px;
}
/*  lightBox Formulare  */
#mbCenter{
top: 50px; 
left: 15px; 
min-height:460px; 
height:auto; 
margin-top: 0;
margin-left: 0;
position:fixed;
}
#mbImage{
opacity: 1; 
width: 100% !important; 
min-height:460px; 
height: auto !important; 
background-image: none;
}
#mbImage iframe{
width:100% !important;
min-height:460px; 
height:auto !important;
}
iframe#mediaId_1457983478568{
width:100% !important;
min-height:460px; 
height:auto !important;
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  display: none;
}
span.underscript {
    padding: 15px 0 15px 0;
}
.bottom_holder{
    min-height: 450px;
    height:450px;
}
#global_4 div.percent_50:nth-child(2) {
margin-top:-30px;
}
}
@media (min-width: 801px) and (max-width: 1024px)  
{
.cms_basis_info, .cms_business_info, .cms_leasing_info, .cms_enterprise_info{
width: 44%;
}
.cms_basis_info{
background:rgba(0, 0, 0, 0) url("../images/banner_cms_basis-L.png") no-repeat scroll 0 0;
}
.cms_business_info{
background:rgba(0, 0, 0, 0) url("../images/banner_cms_business-L.png") no-repeat scroll 0 0;
}
.cms_leasing_info{
background:rgba(0, 0, 0, 0) url("../images/banner_cms_leasing-L.png") no-repeat scroll 0 0;
}
.cms_enterprise_info{
background:rgba(0, 0, 0, 0) url("../images/banner_cms_enterprise-L.png") no-repeat scroll 0 0;
}
.contentTD{
margin:0 10px;
width:93%;
max-width:950px;
}
.ignoreSpecialEnd{
width:1% !important;
}
#global_1 {
margin: 25px 0 -25px 0;
max-width: 1150px;
width: 100%;
} 

ul.menu li {
  margin: 0 10px 0 0 !important;
}
a.top_link span, a.top_link_active span {
  padding: 0 8px !important;
}
}
@media (min-width: 280px) and (max-width:781px)
{
.ober_grids div.percent_30 {
width:100%;
}
}
@media (min-width: 781px) and (max-width:900px)  
{

ul.menu li {
  margin: 0 5px 0 0 !important;
}
.cms_basis_info, .cms_business_info, .cms_leasing_info, .cms_enterprise_info {
  width: 45%;
}
.contentTD {
  margin-bottom: 40px;
}
ul.left_navi_list {
    float: none;
}
}

@media (min-width: 901px) and (max-width:1024px)  
{
.contentTD{
width:68%;
}
.cms_basis_info, .cms_business_info, .cms_leasing_info, .cms_enterprise_info {
  width: 46%;
}
}
@media (min-width: 1025px) and (max-width:1280px)  
{
.contentTD{
width:69%;
}
@media (min-width: 1025px) and (max-width:1920px)  
{
#global_2{
width:26%;
}
.cms_basis_info, .cms_business_info, .cms_leasing_info, .cms_enterprise_info{
width: 22%;
}
.ignoreSpecialEnd{width:1% !important;
}
#global_1 {
margin: 25px 0 -25px 0;
max-width: 1150px;
width: 100%;
} 
}
@media (min-width: 1165px) and (max-width:1280px)  
{
.cms_basis_info, .cms_business_info, .cms_leasing_info, .cms_enterprise_info{
width: 21%;
min-width:255px;
}
}
@media (min-width: 1025px) and (max-width:1164px)  
{
.cms_basis_info, .cms_business_info, .cms_leasing_info, .cms_enterprise_info{
width: 21%;
min-width:190px;
}
}

@media (min-width: 780px) and (max-width:1024px){
{
.html_left{
display:none;

}
}

/*
@media screen and (min-device-width: 900px) and (max-device-width:1024px)  
{
.contentTD{
width:55% !important;
}
#global_2{
width:27%;
}
.header{
width:112%;
max-height:120px;
height:120px;

}
#global_1 {
width: 103%;
}
#h-navi{
display:table;
margin-right:-50px;
border:1px solid #ff0000;
}
.bottom_border {
width: 110%;
}

#global_4 {
height: auto;
min-height: 1130px;
}
.two_50, .contentTD{
font-size:12pt;
line-height:20px;
width:106%;
}
.bottom_border div.first {
border-right: 0;
}
}