@font-face {
    font-family: "Exo 2x";
    /*src: url(../fonts/Berthold_Akzidenz_Grotesk_Medium.otf);*/
     /*src: url(../fonts/exo-2/Exo2-Medium.ttf);*/
     font-family: Verdana, Helvetica, sans-serif;
}


/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2/exo-2-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2/exo-2-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2/exo-2-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2/exo-2-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2/exo-2-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2/exo-2-v20-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}









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 */
}


.deranker{color:#ffffff;height:1px;width:100%;overflow:hidden;margin:0px;padding:0px;line-height:1px;font-size:1px;}




#header-bar{
background-color1: rgba(255, 255, 255, .8);
background-color: #ffffff;
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-color1: #759ec2;
     background-color: #ffffff;
}

#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-color1: #b9d9f3;
     background-color: #ffffff;
width: 200%;
}

#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: 2rem;
     font-size1: 1.6rem;
    line-height: 2rem;
     background-color1: #b9d9f3;
       background-color: #ffffff;
      color: #000000;
}

#nav li ul.level_1 a, #nav ul.level_1 li strong.active {
font-size1: 2rem;
}


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

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




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




#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:#a60000;
}

#nav ul.level_1 li a{
color:#000000;
font-size: 2rem;
}
#nav ul.level_1 li.trail a{
color:#000000;
font-size: 2rem;
}


#nav ul.level_1 > li.active{
color:#000000;
font-size: 2rem;
}


#nav > ul > li > a, #nav ul.level_1 li strong.active, #nav ul.level_1 li strong.forward{
font-size: 2rem;
}









#nav li ul.level_2 a, #nav ul.level_2 li strong.active, #nav ul.level_2 li strong.forward{
padding: 1.0em;
color1:#a60000;
}

#nav ul.level_2 li strong.active{
padding-left: 2rem;
padding-right: 2rem;
}










#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:600%;
height1:100%;
height:66px;;
padding-top:10px;
}






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

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

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

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


#nav ul.level_1 li strong.active{
color:#a60000;
}




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



#nav > ul > li > a, #nav ul.level_1 li strong.active, #nav ul.level_1 li strong.forward{
font-size1:1.2em;
font-weight1:bold;
}

#nav{
padding-top: 120px;
height: 200px;
padding-top: 80px;
height: 150px;
}
#header-bar{height:150px;}

#SliderUnterHeader{
padding-top:40px !important;
}







[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;
color:#a60000;
}










.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 {
    background1: #1b9d9f3;
     background: #ffffff;
      background-color: #ffffff;
    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 strong.active,
#mobile-menu a:hover,
#mobile-menu li.active {
    background1: rgba(0, 0, 0, 0.5);
     background-color: #ffffff;
     color: #a60000;
}






#footer{
background-color: #ffffff;
color: #000000;
}
#footer h1{color: #000000;}
#footer .inside{padding-top:0px;}

.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);
background-color: #ffffff;
border: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #000000;
}


input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, 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);
background-color: #ffffff;
border: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #000000;

border: 1px solid #000000;
border-bottom: 1px solid #000000;


}

.light input[type="submit"], .light button[type="submit"]{
border: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #000000;
}




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


.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{
background1: #b9d9f3;
background: #ffffff;
background-color: #ffffff;
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;
border: solid 1px #888888;
}


.btn-label .top{background-color:#000000;}
.btn-label .middle{background-color:#000000;}
.btn-label .bottom{background-color:#000000;}



.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
{
border1: 1px solid #dddddd;
border-bottom1: 1px solid #e12b2f;
}




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









.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:#a60000;
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;}








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




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

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


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


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

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


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


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

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

.b70{width:100%;}



.mod_rocksolid_slider{position:absolute;z-index:20000;}

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







div#article-455.mod_article.youtube.block{
padding: 0 10px;
}
#article-455{
padding: 0 10px;
}







.cee_container{
padding: 0 10px 0 10px;
float:left;
width:100%;
clear: both;
}
.trennlinieartikel{
float:left;
width:100%;
margin-left: 0;
margin-right: 0;
height: 2px;
background: #a60000;
clear: both;
margin-bottom:2em;
}

.platz10{
float:left;
width:100%;
margin-left:0;
margin-right:0;
height:10px;
clear:both;
}

.platz30{
float:left;
width:100%;
margin-left:0;
margin-right:0;
height:30px;
clear:both;
}

.platz40{
float:left;
width:100%;
margin-left:0;
margin-right:0;
height:40px;
clear:both;
}

#containershuffleLetters{
height:2em;
padding: 2rem 20px;
}









.slider-control a, .slider-control .slider-menu{
top:0px;
}
.slider-control .slider-prev{
font-size:0;
left: -12px;
background-image: url("../img_navi/arrowmenueprev.png");
height:40px;
width:40px;
background-repeat:no-repeat;
}

.slider-control .slider-next{
font-size:0;
right: -12px;
background-image: url("../img_navi/arrowmenuenext.png");
height:40px;
width:40px;
background-repeat:no-repeat;
}

.slider-control .slider-menu b{
 padding:0 5px 0 5px;
}
.slider-control{height:40px;}
.slider-control .slider-menu {
    top: 0;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
     margin-left: 0;
    width: 80%;
left: 10%;
}





.full-width #main *[class*="mod_"] .inside, .full-width #footer .inside{overflow-x:hidden;}




#footer{overflow:hidden;}
#footer .inside{overflow:hidden;}
#footer .inside{padding:5px;}











#logomobile{display:none;}
#logo{display:block;}






.ce_sliderStart{padding: 0 20px 0 20px !important;}
#header .ce_sliderStart{padding: 0 0px 0 0px !important;}
.ce_sliderStart h1{margin-left:0px;}
.ce_sliderStart h2{margin-left:0px;}
.ce_sliderStart h3{margin-left:0px;}
.ce_sliderStart h3{margin-left:0px;}


.ce_sliderStart .ce_text{padding:0px;}s


.formbody .widget{
padding:0 .1em 0 .1em;
}






@media (max-width: 768px) {
.unten{width:100%;}
#logomobile.logo-mobile img{
float:right;
height: 65px;
width: auto;
padding: 20px 30px 20px 90px;
}
#logo{display:none;}
#logomobile{display:block;}
#SliderUnterHeader{padding-top:0px !important;}
}



@media (max-width: 620px) {
#logomobile.logo-mobile img{
float:right;
height: 55px;
width: auto;
padding: 10px 30px 10px 60px;
}
#logo{display:none;}
#logomobile{display:block;}
}


@media (max-width: 520px) {
#logomobile.logo-mobile img{
float:right;
height: 45px;
width: auto;
padding: 10px 20px 10px 60px;
}
#logo{display:none;}
#logomobile{display:block;}
}



@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;
}
.b40 {width: 40%;}
.schonvermietet{
font-size: 10vw;
}
}




@media (max-width: 1180px) {
#logo{padding-left:20px;}
#logo img{
width:auto;
height1:63px;
}
#footer .inside{padding:0px;}
}













h1, h2, h3, h4, h5, h6 {margin-top: 0;}


h1 { font-size: 3.0rem; line-height: 1.3;  margin-top:1.5rem; margin-bottom: 2rem; color:#000000;}
h2 { font-size: 2.4rem; line-height: 1.35; margin-top:1rem; margin-bottom: 1.5rem; color:#000000;}
h3 { font-size: 1.8rem; line-height: 1.5;  }
h4 { font-size: 1.5rem; line-height: 1.5;  }
h51 { font-size: 1.5rem; line-height: 1.5;  }
h6 { font-size: 1.5rem; line-height: 1.5;  }

h5 { font-weight: 400; font-size: 1.8rem; line-height: 1.5;margin-bottom: 12px; }
h1.wieh5 { text-align:left; font-weight: 400; font-size: 1.8rem; line-height: 1.5;margin-bottom: 12px; }


@media (max-width: 767px) {
h1 { font-size: 3.0rem;  color:#000000;}
h2 { font-size: 2.6rem; color:#000000;}
h3 { font-size: 2.0rem; }
h4 { font-size: 1.5rem; }
h51 { font-size: 1.5rem; }
h6 { font-size: 1.5rem; }


h5 { font-weight: 400; font-size: 2.0rem; line-height: 1.5;margin-bottom: 12px; }
h1.wieh5 { text-align:left; font-weight: 400; font-size: 2.0rem; line-height: 1.5;margin-bottom: 12px; }

}

.ce_youtube{
position: relative;
padding-bottom: 56.25% !important;
width: 100%;
height: auto;
}