/*************************************************************/
/*   Design:  UNIHOME.CH					     	 	 	 */
/*   File:    screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Reto Bühler, www.nuun.ch 	             	     */
/*   Datum:   Januar 2021					                 */
/*   Site: 	  www.unihome.ch             					 */
/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

#header .headerbot .inside .ce_image {width: 200px; margin-top: 4px;}


#footer .footertop .image_container {width: 53px; margin: 0 auto;}

#footer .footermid .ce_image {margin-bottom: 30px;}
#footer .footermid .ce_image .image_container {width: 200px; margin: 0 auto;}

.footerbot {color:#fff;}

#footer .footerbot a {color: #fff;}
#footer .footerbot a:hover {color: #fff;}

body.home .ce_slick-slide-separator .ce_text {background: #bed000;}

.ce_rsce_divider .divider {background: url(../graphics/divider-zeim.svg) center no-repeat; background-size:472px auto;}

#header .headerbot .inside .navigation ul li a:hover,
#header .headerbot .inside .navigation ul li a.active,
#header .headerbot .inside .navigation ul li a.trail {color: #bed000; border-top: 1px solid #bed000;}


#header .headerbot .inside .navigation ul li a,
#header .headerbot .inside .navigation ul li strong {color: #1D1D1B;}

#header .headerbot .inside .navigation ul li ul.level_2 {border-top: 1px solid #bed000;}
#header .headerbot .inside .navigation ul li:hover ul.level_2 {border-top: 1px solid #bed000;}

#header .mod_mobile_menu .mobile-menu-button {background: url(../graphics/btn-mobile-zeim.svg) center no-repeat; background-size: contain;}



.mobile_menu .inner {background: #ECECEC;}

.mobile_menu .closemobilecontainer {border-bottom: 1px solid #ACACAC;}
.mobile_menu .closemobile {background: url(../graphics/btn-mobile-close-zeim.svg) center no-repeat; background-size: contain;}

.mobile_menu ul.level_1 li.submenu {background: url(../graphics/menu-mobile-sub-zeim.svg) right 10px top 19px no-repeat; background-size: 22px;}
.mobile_menu ul.level_1 li a.active {color: #bed000; /*width: 100%;*/ border-bottom: 1px solid #ACACAC;}
.mobile_menu ul.level_1 li a {border-bottom: 1px solid #ACACAC;}
.mobile_menu ul.level_1 li ul.level_2 {border-bottom: 1px solid #ACACAC;}
.mobile_menu ul.level_1 li ul.level_2 li a.active {border-bottom: none; color: #1D1D1B;}
.mobile_menu ul.level_1 li ul.level_2 li a {border-bottom: none;}

a {color: #1D1D1B;}
a:hover {color: #bed000;}

.ce_hyperlink a {color: #fff; background: #bed000;}
.ce_hyperlink a:hover {color: #fff; background: #949b00;}

.ce_cookiebarOpener a {color: #fff; background: #bed000;}
.ce_cookiebarOpener a:hover {color: #fff; background: #949b00;}

.ce_rsce_socialmedia_zeim a {
    margin: 0 7px;
    display: inline-block;
    width: 50px;
    height: 50px;
    transition: transform 0.3s ease;
}
.ce_rsce_socialmedia_zeim a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.ce_rsce_socialmedia_zeim a img {width: 50px;}


.icons-zeim .image_container img {max-width:120px; height: auto;}
.iconhover.icon4 .imghovermaske {background: url(../graphics-zeim/Icon-Unterhaltsplanung-aktiv.svg) center no-repeat; background-size:120px auto;}
.iconhover.icon5 .imghovermaske {background: url(../graphics-zeim/Icon-Bauprojekte-aktiv.svg) center no-repeat; background-size:120px auto;}
.iconhover.icon6 .imghovermaske {background: url(../graphics-zeim/Icon-Verwaltung-aktiv.svg) center no-repeat !important; background-size:120px auto;}
.iconhover.icon7 .imghovermaske {background: url(../graphics-zeim/Icon-Facility-Management-aktiv.svg) center no-repeat !important; background-size:120px auto;}
.iconhover.icon8 .imghovermaske {background: url(../graphics-zeim/Icon-Vermarktung-aktiv.svg) center no-repeat !important; background-size:120px auto;}
.iconhover.icon9 .imghovermaske {background: url(../graphics-zeim/Icon-Dienstleistungen-aktiv.svg) center no-repeat !important; background-size:120px auto;}
.iconhover.icon10 .imghovermaske {background: url(../graphics-zeim/Icon-Wir-suchen-aktiv.svg) center no-repeat !important; background-size:120px auto;}

.iconhover.icon6 .imghovermaske {
    background: url(../graphics/ico-verkauf-active.jpg) center no-repeat;
}

h5 {color: #bed000;}

#container .formbody .submit {background: #bed000; border: none;}
#container .formbody .submit:hover {color:#fff; background: #949b00;}

#main .ce_text ul li {background: url(../graphics/icon-listbullet-zeim.svg) no-repeat top 9px left; background-size:10px auto;}

.custom .objektebutton:hover #Oval, .custom .objektebutton:hover #AKTUELLEOBJEKTE {fill: #949b00;}
.custom .objektebutton:hover #Rectangle2 {stroke: #949b00;}

#container .formbody input:focus {border-bottom: 1px solid #bed000;}
#container .formbody textarea:focus {border-bottom: 1px solid #bed000;}

.home .rs-column {margin-top: 3%;}

#container .ce_text.nahtlos {margin-bottom: 8px;}
.ce_hyperlink.nahtlos {margin-bottom: 20px;}

.navigation .level_3 {display:none;}

.contentnav {display:none;}
.ankerlinks .contentnav {display:block;}

.ankerlinks .contentnav ul {padding:0; margin:0; text-align:center;}
.ankerlinks .contentnav ul li {display:inline-block; margin:6px; padding:0;}
.ankerlinks .contentnav ul li a {color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    text-transform: uppercase;
    width: auto;
    padding: 15px 30px;
    text-decoration: none;
    background: #bed000;
    transition: background 0.3s ease;
}
.ankerlinks .contentnav ul li a:hover {background: #949b00;}

@media screen and (max-width: 750px) {#header .headerbot .inside .ce_image {width: 160px; margin-top: 4px;}}

@media screen and (max-width: 740px) {
.rs-column.-medium-first {clear:none;}

.home #container .rs-column.-large-col-3-1.-small-first {width: 48.5%; margin-right: 3%; clear: left;}
.home #container .rs-column.-large-col-3-1.-small-last {width: 48.5%; margin-right: 0;}
	

}

@media screen and (max-width: 599px) {
.rs-column.-medium-first {clear:left;}

.home #container .rs-column.-large-col-3-1.-small-first {width: 100%; margin-right: 0; clear: left;}
.home #container .rs-column.-large-col-3-1.-small-last {width: 100%; margin-right: 0;}
	

}

@media screen and (max-width: 499px) {
.ankerlinks .contentnav ul li {display:inline-block; margin:3px; padding:0;}
.ankerlinks .contentnav ul li a {padding: 8px 16px;}
.ankerlinks .contentnav ul li a:hover {background: #949b00;}

}