/*@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=4199713d-33c8-4cec-ab55-e8daee1e4dcf");
@font-face{
font-family:"Kaleko_105 Round W01 Book";
src:url("https://www.web.li/CFDOCS/cms/admin/download.cfm?GroupID=268&FileID=90&SessID=017dwZgNPJFWtC8?#iefix");
src:url("https://www.web.li/CFDOCS/cms/admin/download.cfm?GroupID=268&FileID=92&SessID=017dwZgNPJFWtC8") format("svg");
}
*/

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* Der Scrolltop Button */
.scrlTp { display: none; z-index: 20; background: #13539E none repeat scroll 0 0; border-radius: 6px; bottom: 30px; box-shadow: 1px 1px 1px #555555 inset; cursor: pointer; height: 50px; position: fixed; right: 50px; width: 50px;	font-size: 20px; text-align: center; line-height: 50px; color: #FFFFFF !important; text-decoration: none;}
.scrlTp:hover { text-decoration: none; }
.scrlTp img { max-width: 30px;  margin-top: 9px; }


/* Html und der Body */
body { width: 100%; height: auto; margin: 0; padding: 0; background-repeat: no-repeat; background-size: cover;}
html{ width: 100%; height: auto; margin: 0; padding: 0; background-repeat: no-repeat; font-family:'Kaleko_105 Round W01 Book' !important; background-size: cover; }
/*
*,
*:before,
*:after {
  box-sizing: inherit;
}
*/
#wrapper{ position:relative; height: 100%; min-height: 100vh; }
#startWrapper{ position:relative; height: 100vh; min-height: 850px; }
#startPageWrapper { width: 700px; display: block; margin: 12% auto auto auto; overflow: hidden; }

/* Header, Body, Footer */
#header { width: 100%; height: 100px; background-color:#13539E; margin: 0; padding: 0; position: relative; display: block; z-index: 5; font-family: 'Kaleko_105 Round W01 Book'; }
#bodyCenter { position: relative; font-family: 'Kaleko_105 Round W01 Book'; padding-bottom:96px;}
#bodyCenterStartseite { position: relative; font-family: 'Kaleko_105 Round W01 Book'; }
#footerLogos { overflow: hidden; height: 96px !important; width: 100%; background-color:#ce1126 ; z-index: 5; font-family: 'Kaleko_105 Round W01 Book'; padding-top: 10px; position: absolute; bottom: 0px; }

/* Logo mit Position */
#logo { display: block; font-size: 70px; font-weight: bold; color: #ffffff; line-height: 100px; margin: 0 40px; text-decoration: none !important; float: left; }
#logo a{ text-decoration: none !important; }

/* Menu */
#menu { float: left; }
#menu ul { height: auto; margin-top: 53px; position: relative; }
#menu ul li{ height: auto;  overflow: hidden; margin-right: 20px;  list-style: none; color: #ffffff; font-size: 25px; float: left; position: relative; }
#menu ul li:hover { height: auto; overflow: visible !important; }
#menu ul ul { background-color: #13539E; position: absolute; margin: 0; padding: 20px 0 0 0; width: 100%; }
#menu li li { float: left; width: 100%; }
#menu a { text-decoration: none; color: #ffffff; }

/* Untermenu mit Suchfeld */
#underMenu { width: 100%; height: 50px; margin: 0; padding: 0; position: relative; display: block; background-color: red; }
#underMenu #underMenuText { color: #FFFFFF; font-size: 25px; display: block; }

/* Impressum oben rechts */

#impressum { float: right; display: block;  right: 30px; text-align: right; margin: 50px 40px 0 0; font-size: 30px; }
#impressum a { color: #ffffff !important; text-decoration: none; }
#impressum img {height: 35px; }

/* Wetteranzeige */
#wetter { display: block; float: right; margin: 10px; position: absolute; right: 175px; top: -150px; }

/* Inserat */
#inseratReinigungskraft { display: block; float: right; margin: 10px; position: absolute; left: 10px; top: -150px; }
#inseratJob { display: block; float: right; margin: 10px; position: absolute; left: 10px; top: 0px;}
#inseratJob img { width: 341px;}

/* News */
#news { line-height: 10px!important; float: right; margin: 10px; position: absolute; right: 10px; top: -150px; }

/* Inhalt */
#bodyContentWrapper { max-width: 1320px; max-height: 100%; margin: 50px 300px 0; overflow: hidden; margin-bottom: 50px; }
#bodyContentWrapper.clicked { height: 0px; }
#bodyContent { overflow: auto; background-color:rgba(255, 255, 255, 0.9); max-height: 100%; height: auto; width: 100%; max-width: 100%; overflow-y: auto; transition: max-height 1s; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; }
#bodyContent.clicked { height: 0px; padding: 0px; }
#bodyContentStart { overflow: auto; max-height: 100%; height: auto; width: 100%; max-width: 100%; transition: max-height 1s; -webkit-transition: max-height 1s; -moz-transition: max-height 1s;}
#bodyContentStart.clicked { height 0px; padding: 0px; }
#cms_seiteninhalt {  padding: 50px; }

/* Der Chat */
#chatBox { border: 1px solid white; position: fixed; right: 50px; width: 520px; height: 550px; bottom: -476px; background-color: rgba(19,83,158, 0.9); border-radius: 20px 20px 0px 0px; transition: bottom 1s; -webkit-transition: bottom 1s; -moz-transition: bottom 1s; }
#chatBox.clicked { bottom: 0px; }
#chatStartButton { border: 1px solid white; cursor: pointer; position: absolute; right: 90px; top: -42px; height: 40px; width: 120px; background-color: rgba(19,83,158, 0.9); text-align: center; border-radius: 20px 20px 0px 0px; }
#chatStartButton p { margin-top: 12px; margin-bottom: 0px; color: #FFFFFF; }

/* Suchfeld auf der Startseite */
#searchBox{ height: 300px; width: 700px; background-color:rgba(255, 255, 255, 0.9); }
#searchBox h2 { margin: 0px; padding-top: 80px; font-size: 30px; color: #ce1126; text-align: center;}
#searchBox #suchFeld{ width: 500px; height: 25px; display: block; margin: auto; font-size: 20px;}
#searchBox #suchButton { float: right; width: 100px; height: 25px; margin-top: 10px; margin-right: 46px;}
#searchBox p { float: left; padding-left: 48px; display: block; max-width: 220px; }
#searchBox p:hover { text-decoration: underline; cursor: pointer; }


.imgCarousel47{ bottom: -2px; height: 97px; }

/* Mobile Menü */
#menuBtn { float: right; position: relative; margin-right: 21px; font-size: 50px; color: #FFFFFF; display: none; cursor: pointer; }

#menuBtn img { max-width: 40px; }

/* Display Button */
#displayButton { width: 20px; height: 20px; background-color: white; width: 100%; top: -40px; text-align: right; float: right; }
#displayButton .entypo-minus:hover { opacity: 0.1; }
.entypo-cancel{ width: 150px !important; cursor: pointer; padding: 0 20px; float: right; }


.unsichtbar { display: none; }

/************************** Webverzeichnis ****************************/

/* Webverzeichnis Titel ganz oben */
.searchWebverzeichnisTitle { text-align: center; margin: 0 0 25px 0; font-size: 30px; }
.searchWebverzeichnisTitle a { text-decoration: none !important; color: #13539e !important; }
.searchWebverzeichnisTitle a:hover { text-decoration: underline !important; }

/* Webverzeichnis Startseite mit den Boxen. Category und Subcategory */
.searchWebverzeichnis {}
.searchWebverzeichnisBox { border: none !important; height: 75px; background-image: url(https://www.web.li/CFDOCS/cms/admin/download.cfm?GroupID=268&FileID=148&SessID=ERxsp9XN0fPpHiE); margin: 10px; }
.searchWebverzeichnisBox a { text-decoration: none !important; color: #13539e !important; }
.searchWebverzeichnisBox a:hover { text-decoration: underline !important; }
.searchWebverzeichnisBoxCategory { margin: 10px; }
.searchWebverzeichnisBoxSubCategory { margin: 10px; }

/* Wenn Category ausgewählt die Beschreibung "Bitte wählen Sie eine der folgenden Unterkategorien aus:" */
.searchWebverzeichnisDescription {}

/* */
.searchCategory {}

/* Übergeordneter DIV und alle einzelnen Einträge als LI */
.searchSubCategory {}
.searchSubCategoryEntryLI { list-style-type: none; margin: 10px 0px 10px 0px; }
.searchSubCategoryEntryLI a { text-decoration: none !important; color: #13539e !important; }
.searchSubCategoryEntryLI a:hover { text-decoration: underline !important; }
.searchSubCategoryEntryUL { margin: 0 !important; padding: 0 !important; }

/* Ganz unten "Neue Hompage eintragen" */
.searchNewHompage { float: right; margin: 10px 50px 10px 0px; }
.searchNewHompage a { text-decoration: none !important; color: #13539e !important; }
.searchNewHompage a:hover { text-decoration: underline !important; }

/* */
.searchSubCategorySelected {}

/* Anzahl Einträge wenn SubCategory ausgewählt ist */
.searchCategoryEntriesNumber { margin: 10px 10px 0px 10px; padding: 10px 10px 0px 10px; text-align: center; }
.searchCategoryEntriesNumberTable { margin: 0 auto; }

/* Einträge die hervorgehoben werden */
.searchEntry { clear: both; margin: 10px; padding: 10px; }
.searchEntry a { text-decoration: none !important; color: #13539e !important; }
.searchEntry a:hover { text-decoration: underline !important; }
.searchEntryHighlight { background-color: #4275B1; color: #FFFFFF !important; }
.searchEntryHighlight a { color: #FFFFFF !important; text-decoration: underline !important;}

/***********************************************************************/

/* Responsive Einstellungen */


@media all and ( max-width: 1680px) {
#bodyContentWrapper { margin: 50px auto; width: 90%; }
#bodyContent { min-width: 100%; }
}


@media all and ( max-width: 1320px) {
#wetter { display: none; }

}

@media all and ( max-width: 1290px) {
	#bodyContent { width: 98%; }
	
	#inseratJob {top: 330px;}	
}

@media all and ( max-width: 1112px) {
	#inseratReinigungskraft { display: none !important; }
	#startPageWrapper { width: 100%; margin: 0px; display: block; height: auto; }
	#cms_seiteninhalt { padding: 15px; }
	#menu { width: 100%; z-index: 10; position: absolute; top: 50px; }
	#menuBtn { display: block; }
	#menu ul { float: left; width: 100%; background-color:#13539E; display: none;}
	#menu ul.clicked{ display: block; margin: 0px; }
	#menu ul li { float: left; width: 100%; background-color:#13539E; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0px; padding: 10px 0; }
	#menu ul li a { margin-left: 30px;  }
	#wetter, #news { display: none; }
	#mobileMenu { display: block; }
	#searchBox { width: 100%; border-radius: 0px;}
	#searchBox #suchFeld { width: 90%; }
	#searchBox #suchButton { margin-right: 5%; }
	#searchBox p { font-size: 14px; padding-left: 3%; }
	#chatBox { display: none; }
	#bodyContent { max-width: 98%; }
	#logo { margin: 0 10px; font-size: 40px; line-height: 50px; }
	#header { height: 50px; }
	#impressum  { display: none; }
	#footerLogos { display: block; bottom: 0px; }
	#startWrapper{ min-height: 525px !important; }
}

@media all and ( max-width: 1000px) {
	#bodyContentWrapper { max-width: 100%; }
  .imgCarouselSlidelist { height: 95px; }
  .imgCarouselSlide { width: auto !important; }
}

@media all and ( max-width: 600px) {
	#bodyContentWrapper { margin: 0px; width: 100%; }
}

@media all and ( max-width: 480px ) {
	#logo { margin: 0 20px; }
	#bodyContent { max-width: 100%; }
	#cms_seiteninhalt { padding: 5px; }
}