/** * ============================================================================= * imagehoverbox * ========================================================================== */
 .ce_text.imagehoverbox .inner {
	 position: relative;
	 overflow: hidden;
}
 .ce_text.imagehoverbox .info {
	 display: block;
	 position: absolute;
	 width: 100%;
	 bottom: 54px;
	 padding: 10px 16px;
	 background: rgba(0, 0, 0, 0.7);
	 line-height: initial;
}
 .ce_text.imagehoverbox .inner img {
	 width: 100%;
}
 .ce_text.imagehoverbox .info .headline {
	 margin-bottom: 0;
	 color: #fff;
}
 .ce_text.imagehoverbox .overlay {
	 position: absolute;
	 left: 0;
	 top: -100%;
	 width: 100%;
	 height: 100%;
	 z-index: 10;
	 background: rgba(0, 0, 0, 0.7);
	 color: #fff;
	 line-height: 1.5;
	 -webkit-transition: top 0.3s ease;
	 transition: top 0.3s ease;
}
 .ce_text.imagehoverbox:hover .overlay {
	 top: 0;
}
 .ce_text.imagehoverbox .overlay-inner {
	 position: relative;
	 top: 50%;
	 transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 color: #fff;
	 padding: 30px;
}
 .ce_text.imagehoverbox .overlay .link {
	 position: absolute;
	 bottom: 0;
	 width: 100%;
}
 .ce_text.imagehoverbox .overlay .link a {
	 display: block;
	 padding: 15px;
	 background-color: #fff;
	 text-align: center;
	 text-transform: uppercase;
	 transition: All 0.3s ease;
}
 .ce_text.imagehoverbox .overlay .link a.cboxElement[data-lightbox]:before {
	 font-size: 16px;
	 color: #fff;
	 line-height: 1;
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
	 content: "\f002";
}
 .ce_text.imagehoverbox .overlay .link a[href]:before {
	 color: #fff;
	 line-height: 1;
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
	 content: "\f064";
}
 .ce_text.imagehoverbox .overlay .link a:hover:before {
	 color: #ccc !important;
}
 .ce_text.imagehoverbox .overlay .link a:hover {
	 background-color: rgba(255, 255, 255, 0.9);
	 text-align: center;
}
/** * ============================================================================= * image box - Picture rectangular * ========================================================================== */
 .ce_text.imagebox {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-flex: 1;
	 -ms-flex-positive: 1;
	 flex-grow: 1;
}
 .ce_text.imagebox .inner {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-box-flex: 1;
	 -ms-flex-positive: 1;
	 flex-grow: 1;
	 height: 100%;
}
 .ce_text.imagebox.frame.imground .inner, .ce_text.imagebox[class*=bg-].imground .inner {
	 text-align: center;
}
 .ce_text.imagebox.frame .image_container, .ce_text.imagebox[class*=bg-] .image_container {
	 margin-bottom: 12px;
}
 .ce_text.imagebox.frame.imground .image_container, .ce_text.imagebox[class*=bg-].imground .image_container {
	 margin-left: 0;
	 margin-right: 0;
	 margin-bottom: 12px;
}
 .ce_text.imagebox.imground .image_container {
	 text-align: center;
}
 .ce_text.imagebox .inner .innertext {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-box-flex: 1;
	 -ms-flex-positive: 1;
	 flex-grow: 1;
}
 .ce_text.imagebox.frame .inner .innertext {
	 padding: 20px 20px;
	 border: 1px solid #ebedeb;
}
 .ce_text.imagebox[class*=bg-] .inner .innertext {
	 padding: 20px 20px;
	 border: 0;
}
/** * ============================================================================= * icon box top * ========================================================================== */
 .ce_text.iconboxtop {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 .ce_text.iconboxtop .inner {
	 width: 100%;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
}
 .ce_text.iconboxtop[class*=bg-] .inner {
	 padding: 30px 20px 20px 20px;
}
 .ce_text.iconboxtop .inner .icon {
	 font-size: 3em;
}
 .ce_text.iconboxtop .inner .icon i {
	 margin: 0 2px;
}
 .ce_text.iconboxtop.i-accent .inner .icon i {
	 color: #ccc;
}
 .ce_text.iconboxtop .inner .text {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 height: 100%;
}
 .ch63 .ce_text.iconboxtop .inner .text, .sf9 .ce_text.iconboxtop .inner .text {
	 height: auto;
}
/** * ============================================================================= * icon box top v2 * ========================================================================== */
 .ce_text.iconboxtopv2 {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 .ce_text.iconboxtopv2 .inner {
	 width: 100%;
	 padding-top: 40px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
}
 .ce_text.iconboxtopv2 .inner .icon {
	 position: absolute;
	 top: 2px;
	 left: 20px;
	 width: 80px;
	 height: 80px;
	 border-radius: 100%;
	 background-color: #fff;
	 font-size: 48px;
	 line-height: 80px;
	 text-align: center;
	 box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);
}
 .ce_text.iconboxtopv2.i-accent .inner .icon i {
	 color: #ccc;
}
 .ce_text.textcenter.iconboxtopv2 .inner .icon {
	 left: 50%;
	 transform: translateX(-50%);
}
 .ce_text.textright.iconboxtopv2 .inner .icon {
	 left: 100%;
	 transform: translateX(-100px);
}
 .ce_text.iconboxtopv2 .text {
	 padding: 56px 20px 20px 20px;
	 border: 1px solid #eee;
}
 .ce_text.iconboxtopv2 .inner .text {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 height: 100%;
}
 .ch63 .ce_text.iconboxtopv2 .inner .text, .sf9 .ce_text.iconboxtopv2 .inner .text {
	 height: auto;
}
 .ce_text[class*=bg-].iconboxtopv2 .text {
	 border: none;
}
/** * ============================================================================= * hover effekte * ========================================================================== */
 .ce_text .inner p:last-child {
	 margin-top: auto;
	 margin-bottom: 0;
}
 .ce_text .inner p:last-child a {
	 display: inline-block;
	 padding: 8px 14px;
	 border: 2px solid #fff;
	 color: #fff;
	 font-size: 0.9em;
	 text-decoration: none;
	 -webkit-transform: perspective(1px) translateZ(0);
	 transform: perspective(1px) translateZ(0);
	 box-shadow: 0 0 1px transparent;
	 position: relative;
	 -webkit-transition-property: color;
	 transition-property: color;
	 -webkit-transition-duration: 0.3s;
	 transition-duration: 0.3s;
}
 .ce_text .inner p:last-child a:before {
	 content: "";
	 position: absolute;
	 z-index: -1;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background: #d44069;
	 -webkit-transform: scaleY(0);
	 transform: scaleY(0);
	 -webkit-transform-origin: 50% 100%;
	 transform-origin: 50% 100%;
	 -webkit-transition-property: transform;
	 transition-property: transform;
	 -webkit-transition-duration: 0.3s;
	 transition-duration: 0.3s;
	 -webkit-transition-timing-function: ease-out;
	 transition-timing-function: ease-out;
}
 .ce_text .inner p:last-child a:hover {
	 background-color: transparent;
	 color: #fff;
}
 .ce_text .inner p:last-child a:hover:before {
	 -webkit-transform: scaleX(1);
	 transform: scaleX(1);
}
 .ce_text .inner p:last-child a.nobtn {
	 padding: 0;
	 border: none;
	 font-size: initial;
}
 .ce_text .inner p:last-child a.nobtn:before {
	 display: none;
}
 .ce_text .inner p:last-child a.nobtn:hover {
	 color: #d44069;
	 text-decoration: underline;
}
/** * ============================================================================= * ce_headline and ce_text - line left and center * ========================================================================== */
 h1.leftline, h2.leftline, h3.leftline, h4.leftline, h5.leftline, h6.leftline {
	 clear: both;
	 margin-bottom: 40px;
	 padding-bottom: 16px;
	 border-bottom: 1px solid #eee;
}
 h1.leftline:after, h2.leftline:after, h3.leftline:after, h4.leftline:after, h5.leftline:after, h6.leftline:after {
	 width: 31.33333%;
	 bottom: -1px;
	 left: 0;
	 position: absolute;
	 display: block;
	 border-bottom: 1px solid #fff;
	 content: "";
}
 .leftline h1, .leftline h2, .leftline h3, .leftline h4, .leftline h5, .leftline h6 {
	 position: relative;
	 margin-bottom: 28px;
	 padding-bottom: 16px;
	 border-bottom: 1px solid #eee;
}
 .leftline h1:after, .leftline h2:after, .leftline h3:after, .leftline h4:after, .leftline h5:after, .leftline h6:after {
	 width: 31.33333%;
	 bottom: -1px;
	 left: 0;
	 position: absolute;
	 display: block;
	 border-bottom: 1px solid #fff;
	 content: "";
}
 h1.celine, h2.celine, h3.celine, h4.celine, h5.celine, h6.celine {
	 margin-bottom: 40px;
	 padding-bottom: 16px;
	 border-bottom: 1px solid #eee;
	 text-align: center;
}
 h1.celine:after, h2.celine:after, h3.celine:after, h4.celine:after, h5.celine:after, h6.celine:after {
	 width: 48%;
	 bottom: -1px;
	 left: 0;
	 position: absolute;
	 display: block;
	 border-bottom: 1px solid #fff;
	 left: 26%;
	 content: "";
}
 .celine h1, .celine h2, .celine h3, .celine h4, .celine h5, .celine h6 {
	 position: relative;
	 margin-bottom: 28px;
	 padding-bottom: 16px;
	 text-align: center;
	 border-bottom: 1px solid #eee;
}
 .celine h1:after, .celine h2:after, .celine h3:after, .celine h4:after, .celine h5:after, .celine h6:after {
	 width: 48%;
	 right: 26%;
	 position: absolute;
	 border-bottom: 1px solid #fff;
	 bottom: -1px;
	 content: "";
}
/** * ============================================================================= * ce_hyperlink * ========================================================================== */
 .cebutton a {
	 display: inline-block;
	 padding: 12px 32px 12px 32px;
	 margin-bottom: 0;
	 text-align: center;
	 vertical-align: middle;
	 line-height: 16px;
	 font-size: 16px;
	 color: #fff;
	 text-decoration: none;
	 background-color: #fff;
	 -webkit-transition: background 0.15s linear;
	 transition: background 0.15s linear;
}
 .cebutton a:hover {
	 background-color: #eaeaea;
	 color: #555;
	 -webkit-transition: background 0.15s linear;
	 transition: background 0.15s linear;
}
 .ceframe a {
	 display: inline-block;
	 padding: 12px 32px 12px 32px;
	 margin-bottom: 0;
	 text-align: center;
	 vertical-align: middle;
	 line-height: 16px;
	 font-size: 16px;
	 color: #555;
	 text-decoration: none;
	 border: 1px solid #555;
}
 .ceframe a:hover {
	 border: 1px solid #fff;
	 color: #ccc;
}
/** * ============================================================================= * header search * ========================================================================== */
 .logocontainer .mod_search .ce_searchicon {
	 cursor: pointer;
	 padding: 0 6px;
	 margin-right: 8px;
	 font-size: 18px;
	 line-height: 38px;
	 color: #ccc;
}
 #footer .mod_search .searchbox {
	 position: fixed;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
	 background: #fff;
	 z-index: 1000000;
	 display: none;
}
 #footer .mod_search .searchbox:before {
	 content: '';
	 height: 50%;
	 display: block;
	 margin-bottom: -120px;
	 box-sizing: inherit;
}
 #footer .mod_search .label {
	 display: block;
	 text-align: center;
	 font-size: 34px;
	 color: #fff;
	 margin-bottom: 25px;
	 font-weight: bold;
}
 #footer .mod_search form {
	 max-width: 700px;
	 margin: 0 auto;
	 padding: 20px;
	 height: 100%;
	 display: none;
	 text-align: center;
}
 #footer .mod_search.activatesearch .searchbox form {
	 display: block;
}
 #footer .mod_search input:not(.submit), #footer .mod_search button:not(.submit) {
	 padding: 4px;
	 background: transparent;
	 border: 0;
	 border: 2px solid #fff;
	 font-size: 32px;
	 color: #fff;
	 line-height: 40px;
	 width: 100%;
	 float: none;
	 border-radius: 0;
}
 .mod_search input:not(.submit), .mod_search button:not(.submit) {
	 -webkit-appearance: textfield !important;
}
 #footer .mod_search input.submit, #footer .mod_search button.submit {
	 margin: 25px auto 0 auto;
	 float: none;
	 width: auto;
	 background: transparent;
	 border: 2px solid #fff;
	 color: #fff;
	 transition: All 0.3s linear;
	 -webkit-transition: All 0.3s linear;
}
 #footer .mod_search {
	 display: none;
	 overflow: hidden;
}
 #footer .mod_search.activatesearch {
	 display: block;
	 overflow: visible !important;
}
 #footer .mod_search.activatesearch .searchbox {
	 display: block;
	 -webkit-animation: fadeInUp 0.5s;
	 animation: fadeInUp 0.5s;
}
 #footer .mod_search .close-window i {
	 position: fixed;
	 left: 50%;
	 top: 50px;
	 margin-right: 0;
	 margin-left: -20px;
}
 #footer .mod_search .close-window i:before {
	 color: #fff;
	 font-size: 20px;
	 border: 3px solid #fff;
	 width: 40px;
	 height: 40px;
	 line-height: 34px;
	 border-radius: 100%;
	 text-align: center;
	 cursor: pointer;
	 display: inline-block;
	 transition: background 0.3s ease;
	 -webkit-transition: background 0.3s ease;
}