html, body {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}




#header-bar{
background-color: rgba(255, 255, 255, .8);
height:100%;
padding-top:0px;
}

#nav > ul > li{
height1:50%;
}




/*#759ec2



*/



#nav li ul, #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a,
#nav ul.level_1 li.trail {
    background-color1: rgba(45, 38, 67, .3);
    background-color: #759ec2;
}

#nav ul.level_1 > li.active {
    background-color: #2D2643
}

#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a, #nav ul li.active {
    background-color: rgba(117, 166, 12, .6)
}

#nav li a {
    color1: #2D2643;
     color: #000000;
}

#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a, #nav ul.level_1 li.trail,
#nav ul.level_1 li.trail a {
    color1: #fff;
     color: #000000;
}

#nav li a:active {
    background-color: #616F8E !important
}

#nav li ul {
    background-color1: #2D2643;
    background-color: #b9d9f3;
}

#nav > ul > li > a, #nav > ul > li strong.active, #nav ul > li strong.forward,
#nav > ul.level_1 li strong.active {
    /*font: 1.5rem / 8rem "Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

#nav li ul.level_2 a, #nav ul.level_2 li strong.active {
    font-size: 1.4rem;
    line-height: 1rem
     background-color: #b9d9f3;
      color: #000000;
}

#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
    background-color1: #75A60C;
    background-color: #88b7e1;
 }

#nav a.submenu:after, #nav span.submenu:after {
    border-top-color: #00ADD3
}






#nav a.submenu:after, #nav span.submenu:after {
	content: '';
	}





.explanation ul {
    list-style-type: circle;
    padding:20px;
}


.textfeldstudio{line-height:0px;padding:0px;margin:0px;max-height:1px;}

.makevisible{display:inline block !important;}
.captcha_text{padding-left:20px;}

#header-bar{
width: 100%;
height: 110px;
position: fixed;
overflow: visible;
z-index: 99;
}


#logo{padding:0px;height:110px;}
#logo img{
width:auto;
max-width:400%;
height:100%;
}






#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
    background-color: #88b7e1;
}

#nav li a:active {
    background-color: #88b7e1 !important;
}

#nav ul.level_1 > li.active {
    background-color: #88b7e1;
    color:#000000;
}

#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a, #nav ul li.active {
    background-color: #88b7e1;
    color:#000000;
 }


/*
#nav li ul, #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a,
#nav ul.level_1 li.trail {
    background-color: #ff0000
}*/









[class^="icon-"]:before, [class * =" icon-"]:before {

display:none;

    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */


}

.icon-home:before {
    display:none;
}

.icon-home-1:before {
    display:none;
}





a.submenu.trail.first{
border-bottom: solid 5px #fa7d00;
}


a1.sibling.last{
border-bottom: solid 5px #fa7d00;
}

.level2 .sibling.last{
border-bottom: solid 5px #fa7d00;
}


*::selection{
 color: #fa7d00;
}


a {
 color: #fa7d00;
}










.overlay-1:before {
    background-color: rgba(45, 38, 67, .9);
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(s) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(99%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#475B72', endColorstr='#475B72', GradientType=0 ); /* ie6-9 */
}





.light{
text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.8);
text-shadow1: 0px 2px 4px rgba(0, 0, 0, 0);
}

h11{
color: #759ec2;
color: #000000;
}





.nav-side{
background-color: #ffffff;
color: #000000;
}


.no-margin .ce_text,
.no-margin .ce_form,
.no-margin h1.ce_headline
{padding: 2rem 20px;}








.nav-side {
    background: #b9d9f3;
    color: #000000;
    top: .9rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    height: 3rem;
    left: .3rem;
    overflow: hidden;
    padding: 8px 0;
    position: fixed;
    transition: all .3s;
    width: 4.5rem;
    z-index: 999;
}

.nav-side li {
    margin-bottom: 0;
}

#mobile-menu .level_1,
#mobile-menu .level_2,
#mobile-menu .level_3 {
    height: 0%;
    list-style: none;
    margin: 0;
    overflow: hidden;
    transition: all .3s;
}

#mobile-menu ul li ul {
    padding-left: 2em;
}

#mobile-menu a,
#mobile-menu span.active,
#mobile-menu strong.active {
    border-bottom: 1px solid #eee;
    color: #000000;
    display: block;
    padding: .8rem .5rem;
    text-decoration: none;
}

#mobile-menu a:hover,
#mobile-menu li.active {
    background: rgba(0, 0, 0, 0.5);
}






#footer{
background-color: #555555;
color: #ffffff;
}




.navfoot_new li{
font-size: 1.3rem;
line-height: 1.8rem;
margin-bottom: 12px;
}

.navfoot_new li a, .navfoot_new  a:hover {
color:#ffffff;
}








.light input[type="email"], .light input[type="number"], .light input[type="search"], .light input[type="text"], .light input[type="tel"], .light input[type="url"], .light input[type="password"], .light textarea, .light select
{
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 1);
border: 1px solid transparent;
border-bottom: 1px solid #fff;
color: rgba(0, 0, 0, 1);
}




.content_wrapper .block.inner.block{
background-color: rgba(255, 255, 255, 0.8);
color: rgba(0, 100, 189, 1);
}


.light{
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8);
}





.toggler{
padding: 6px 0px;
}

.toggler:before{
content: '';
padding-right: 0em;
}
.toggler.ui-state-active:before{
content: '';
padding-right: 0em;
}



.toggler{
font-size: 4.0rem;
line-height: 1.2;
margin-top: 1.5rem;
margin-bottom: 2rem;
font-weight: 400;
font-family: "Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.clearall{
display:block;
width:100%;
clear: both;
height:2rem;
}



.animation.zoomIn.block h1{margin-top:0px;line-height:1em;}


.nav-side{
background: #b9d9f3;
color: #000000;
top: .5rem;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
height: 3rem;
left: 0.5rem;
overflow: hidden;
padding: 8px 0;
position: fixed;
transition: all .3s;
width: 4.5rem;
z-index: 999;
}




.studiodaten td.col_0{
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #e12b2f;
}

[class*="ce_"] th, .mod_calendar th, [class*="ce_"] td, .mod_calendar td{
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #e12b2f;
background-color: #eeeeee;
}

td.col_first{width:30%;}

td.col_11{
width:10px;
border-bottom: 1px solid #ffffff;
 background-color: #ffffff;
 padding-left:0px;
 padding-right:0px;
}
tr{
 padding-bottom:10px;
}

table{
border-collapse: separate;
border-spacing: 10px;
}

figcaption.caption{color:#000000;}

#cboxTitle{color:#000000;}




#studioanfrage11{border-bottom: 1px solid #e12b2f;}

.studioindex{display:block;width:100%;}
div.firstpart{
display:block;
float:left;
width1:50%;
margin-right:40%;
}
.secondpart{
display:block;
float:left;
width1:44%;
}

.unten{width:50%;}





class*="mod_"].radius10, [class*="ce_"].radius10, .radius10 img, .box.radius10, .infobox.radius10, .radius10 [class*="mod_"], .radius10 [class*="ce_"], .radius10 [class*="overlay"]:before, .radius10 input[type="email"], .radius10 input[type="number"], .radius10 input[type="search"], .radius10 input[type="text"], .radius10 input[type="tel"], .radius10 input[type="url"], .radius10 input[type="password"], .radius10 input[type="submit"], .radius10 textarea, .radius10 select
{border-radius: 0px;}


input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select
{
border: 1px solid #dddddd;
border-bottom: 1px solid #e12b2f;
}




.navfoot_new a:hover{font-weight:bold;}

#nav > ul > li > a, #nav ul.level_1 li strong.active, #nav ul.level_1 li strong.forward{
padding-left:1rem;
padding-right:1rem;
}



.studiocontainer{
border: 1px solid #000000;
display:inline-block;
padding: 20px 10px 20px 10px;
background-color1: #666666;
}

.studiocontainer figcaption.caption{margin-bottom:0px;padding-bottom:0px;}


.schonvermietet{
position:absolute;
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
font-size: 10em;
color:#ff0000;
z-index:100;
top:0px;
left:0px;
background-color: rgba(255, 255, 255, 0.7);
overflow:hidden;
}

.centervertical{
padding-top: 0px;
transform: translate(0, 150px) rotate(20deg);
}


a.vermietet:after {
  content: ' (VERMIETET)';
}
strong.vermietet:after {
  content: ' (VERMIETET)';
}

.textfeldstudio{visibility:hidden;}







#lbl_78_0{color:#fa7d00;}
#lbl_78_0:hover{color:#616F8E;}

#lbl_79_0{color:#fa7d00;}
#lbl_79_0:hover{color:#616F8E;}







.icon-home figcaption.caption{display:none;}




.vermietetlink {display:block;}
.vermietet .vermietetlink {display:none;}

.vermieteth1 h1{color:#ff0000;display:none;}
.vermietet .vermieteth1 h1{color:#ff0000;display:block;}


.image_container .cboxElement:after{content: '';}


#logo.logo-mobile{
max-width: 100%;
height: 63px;
text-align: center;
padding: 0px 0;
background-color: rgba(222, 222, 222, 1);
}

#logo.logo-mobile1 img{
max-width: 100%;
width: 100%;
height:auto;
}


.googlelink{padding-left:20px !important;}


#nav.mod_navigation strong.active.icon-home.first{display:none;}

li.icon-home.sibling.first{visibility:hidden;}
li.icon-home.first{visibility:hidden;}



.b40 {width: 40%;}
@media (max-width: 1024px) {
.b40 {width: 100%;}
#nav > ul > li > a, #nav ul.level_1 li strong.active, #nav ul.level_1 li strong.forward{
padding1: 0 1rem 0 1rem;
}





.schonvermietet{
font-size: 10vw;
}


}

@media (max-width: 420px) {
#logo.logo-mobile img{
height: 80%;
width: auto;
padding-left:60px;
}
}

@media (max-width: 768px) {
.unten{width:100%;}
}


@media (max-width: 1100px) {
#logo img{
width:auto;
height:63px;;
}
}