header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.ce_accordion {
    margin-top:14px;
    margin-bottom:14px;
    -webkit-box-shadow: inset 0px 0px 0px 1px #fbba00;
    -moz-box-shadow: inset 0px 0px 0px 1px #fbba00;
    box-shadow: inset 0px 0px 0px 1px #fbba00;
}
.toggler {
    padding:5px 10px 0;
    font:1.1em/1.8em fjalla_oneregular,"Arial Narrow",Arial;
    text-decoration:none;
    color:#d10019;
    cursor: pointer;
}
.ui-icon-triangle-1-e {
    width:35px;
    height:35px;
    float:right;
    margin-top:3px;
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    background-position: left -640px;
}
.toggler:hover {
    color:#eb841d;
}
.toggler:hover .ui-icon-triangle-1-e {
    background-position: left -800px;
}
.ui-icon-triangle-1-s {
    width:35px;
    height:35px;
    float:right;
    margin-top:3px;
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    background-position: left -720px;
}
.toggler:hover .ui-icon-triangle-1-s {
    background-position: left -880px;
}
.accordion > div {
    padding-bottom:.5em;
}


.swiper {
	.swiper-wrapper {
		align-items: center;
		.swiper-slide {
		    box-sizing: border-box;
		    .content-image {
		    	width: auto;
		    	figure {
		    		position: relative;
		    		figcaption {
		    			position: absolute;
		    			left: 0;
		    			right: 0;
		    			bottom: 20px;
		    			font-size: 1.25em;
						color: #fff;
						padding-left: 2%;
						padding-bottom: 5%;
		    		}
		    	}		    	
		    }
		}
	}
	button {
		top: 50%;
		width: calc(64px / 2);
		height: calc(64px / 2);
		margin-top: calc(-64px / 4);
		right: 0;
		border: 0;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-color: #d10018;    
	    background-size: (64px * 0.75 / 2);
		cursor: pointer;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		&:hover,
	    &:focus {
		    background-color: #eb841d; 	    	
	    }
		&.swiper-button-next::after, 
		&.swiper-button-prev::after {
			display: none;
		}
		&.swiper-button-prev {
			left: 0;
			background-image: url("/files/pepesale/img/arrow/white/prev.svg");
			&:hover,
			&:focus {
				background-position: left center;	
			}
		}
		&.swiper-button-next {
			background-image: url("/files/pepesale/img/arrow/white/next.svg");
			&:hover,
			&:focus {
				background-position: right center;	
			}			
		}		
	}
	.swiper-pagination {
		bottom: 0;
		background-color: fade(#000,20%);
		font-size: 10px;
		span {
			width: 64px;
			height: 10px;			
			border-radius: 0;
		    background-color: #eee;
		    opacity: 0.4;
		    &:hover,
			&:focus,
		    &.swiper-pagination-bullet-active {
			    opacity: 1;	
		    }			
		}
	}
}
.logoslider {
	overflow: hidden;
	.swiper {
		.swiper-wrapper {
			.swiper-slide {
		    	figure {
		    		padding: 0.5em 1em;
		    	}
			}
		}
	}
}

@media screen and (min-width: 769px) {
	.swiper {
		.swiper-wrapper {
			.swiper-slide {
		    	figure {
		    		figcaption {
		    			/*bottom: 20px;*/
		    			/*font-size: 1.25em;*/
		    		}
		    	}
			}
		}
		button {
			width: calc(64px / 1.5);
			height: calc(64px / 1.5);
			margin-top: calc(-64px / 3);    
	    	background-size: (64px * 0.75 / 1.5);
		}
	}
}

@media screen and (min-width: 1025px) {
	.swiper {
		.swiper-wrapper {
			.swiper-slide {
		    	figure {
		    			/*bottom: 20px;*/
		    			/*font-size: 1.25em;*/
		    		}
		    	}
			}
		}
		button {
			width: 64px;
			height: 64px;
			margin-top: calc(-64px / 2);    
	        background-size: (64px * 0.75);
		}
	}
}
.widget {
    clear:both;
    margin-top:2px;
    margin-bottom:2px;
}
.formbody > br {
    display:block;
    margin-top:2px;
}
input,
select,
label,
legend {
    height:35px;
    font-size:1em;
    line-height:35px;
}
.text,
textarea {
    width:63%;
    padding-right:1%;
    padding-left:1%;
}
textarea,
.text,
.captcha,
select {
    background-color:#f5f5f5;
    border:1px solid #eb841d;
}
textarea:focus,
.text:focus,
.captcha:focus,
select:focus {
    background-color:#fff;
    border:1px solid #d10019;
}
p ~ textarea,
p ~ .text,
p ~ .captcha,
p ~ select {
    margin-left:32%;
}
.error textarea,
.error .text,
.error .captcha,
.error select {
    border-bottom:3px solid #f00;
}
select {
    max-width:65%;
}
.submit {
    width:65%;
    margin-left:32%;
}
label,
.checkbox_container legend,
.radio_container legend {
    width:32%;
    float:left;
}
.submit_container .submit,
.checkbox_container span,
.radio_container span {
    margin-left:32%;
}
.checkbox_container legend > .mandatory {
    display:inline;
    margin-left:0;
}
.headline,
.explanation {
    padding-top:10px;
    font-size:1em;
}
.checkbox,
.radio {
    float:left;
    margin-right:1em;
    border:0 none;
    background: none;
}
.captcha_text {
    font-size:.9em;
}
.submit {
    height:40px;
    margin-right:-16px;
    margin-bottom:10px;
    text-align:center;
    background-color:#d10019;
    border:1px solid #d10019;
    font-size:1.2em;
    color:#fff;
    text-transform:uppercase;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.submit:hover {
    background-color:#eb841d;
    color:#fff;
}
.search .widget {
    position:relative;
    margin:0;
}
.mod_search .formbody {
    max-width:350px;
    position:relative;
    margin:0;
}
.search .text {
    width:1px;
    height:40px;
    margin:0;
    padding-right:45px;
    padding-left:10px;
    background-color:#fff;
    background-repeat:no-repeat;
    border-top:0px solid #fff381;
    font-size:14px;
    line-height:40px;
    color:#0a397b;
    background-image: url("/files/pepesale/img/sprite.png");
    border-right: 0px solid #fff381;
    border-bottom: 0px solid #fff381;
    border-left: 1px solid #fff381;
    background-position: right -78px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.search .text:focus {
    width:520px;
    margin-left:-520px;
    background-color:#fff;
}
.mod_search .text {
    width:100%;
    height:45px;
    background-repeat:no-repeat;
    line-height:45px;
    background-image: url("/files/pepesale/img/sprite.png");
    background-position: right -78px;
}
.mod_search .checkbox_container span,
.mod_search .radio_container span {
    margin-left:0;
}
.search .submit,
.mod_search .submit {
    width:0px;
    height:36px;
    right:2px;
    position:absolute;
    margin:0;
    border:0;
    text-indent:-99999px;
    top: 2px;
    background-color: rgba(0,29,100,.01);
}
.search .text:focus ~ .submit,
.mod_search .text:focus ~ .submit {
    width:40px;
}
.mod_search > div {
    border-top:1px solid #bdc6ce;
}
p.error {
    margin-bottom:0;
    margin-left:32%;
    padding-top:0;
    padding-bottom:0;
    line-height:35px;
}
input.frm_xs,
select.frm_xs {
    width:100px;
}
input.frm_xxs,
select.frm_xxs,
.captcha {
    width:50px;
}
.checkbox_container label,
.radio_container label {
    width:auto;
    float:none;
}
.checkbox_container span,
.radio_container span {
    display:block;
}
.routinglink input.text {
    width:150px;
    float:left;
}
.routinglink .submit {
    width:auto;
    margin-left:5px;
}
.ce_hyperlink {
    margin-top:10px;
    margin-bottom:10px;
}
input.text,
input.captcha,
input.submit,
button,
select,
textarea {
    -webkit-appearance: none;
}


@media screen and (max-width: 767px) {
    #container label {
        width:auto;
        height:auto;
        float:none;
        display:block;
    }
    #container .checkbox_container legend,
    #container .radio_container legend {
        width:100%;
        margin-bottom:0;
    }
    #main .text,
    #main .textarea {
        width:95%;
        margin-bottom:.5em;
    }
    #container .checkbox_container span,
    #container .radio_container span {
        width:95%;
        margin-left:5%;
    }
    .submit {
        width:98%;
        margin-left:0;
    }
}
.content-hyperlink {
    margin-top:10px;
    margin-bottom:10px;
}
.content-hyperlink a {
    display:inline-block;
    padding:0 25px;
    background-color:#d10019;
    border-radius:8px;
    font:1.3em/50px fjalla_oneregular,"Arial Narrow",Arial;
    text-decoration:none;
    color:#fff !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.content-hyperlink a:hover {
    background-color:#eb841d;
    color:#fff;
    text-decoration: none;
}
.content-toplink a {
    height:45px;
    display:block;
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    text-indent:-99999px;
    background-position: 5px -873px;
    cursor:pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.content-toplink a:hover {
    background-position: 5px -875px;
}

img {
	height: auto;
	max-width: 100%
}
video {
	height: auto;
	max-width: 100%
}

.content-slick-slider figure,
.content-image figure,
.content-text figure,
.content-gallery figure {
	position: relative;
}

.content-gallery img {
  	display: block;
  	margin-right: auto;
  	margin-left: auto
}
.content-gallery ul {
  	text-align: center;
  	display: grid;
  	grid-template-columns: 1fr 1fr;
  	column-gap: 35px;
  	row-gap: 35px;
}
.content-gallery--cols-1 ul {
    grid-template-columns: 1fr;
}
.content-gallery--cols-2 ul {
    grid-template-columns: 1fr 1fr;
}
.content-gallery--cols-3 ul {
    grid-template-columns: 1fr 1fr 1fr;
}
.content-gallery--cols-4 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.content-gallery--cols-5 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.content-gallery--cols-6 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.content-gallery--cols-7 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.content-gallery--cols-8 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.content-gallery ul li {
  	padding-left: 0;
  	column-gap: 35px;
  	background-image: none;
}
.media--above figure {
	margin-bottom: 10px;
	text-align: center
}
.media--below figure {
	margin-top: 10px;
	text-align: center
}
.media--left figure {
	margin-right: 3em;
	margin-bottom: 1em;
	max-width: 50%;
}
.media--right figure {
	margin-bottom: 1em;
	margin-left: 3em;
	max-width: 50%;	
}

@media screen and (max-width: 1024px) {
    .media--left figure {
    	margin-right: 2em;
    }
    .media--right figure {
    	margin-left: 2em;
    }	
}

@media screen and (max-width: 768px) {
    .media--left figure,
    .media--right figure {
    	float: none;
	    max-width: 100%;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    
    }	
}

.content-image figure figcaption,
.content-text figure figcaption,
.content-gallery figure figcaption {
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;	
	position: absolute;
	text-align: center;
	background-color: fade(#000,80%);
	font-size: 0.9em;
	color: #fff;
	line-height: 1em;
	padding: 0.75em 0.5em;
	box-sizing: border-box;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.content-image figure:hover figcaption,
.content-text figure:hover figcaption,
.content-gallery figure:hover figcaption {
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s
}

.content-image figure a,
.content-text figure a,
.content-gallery figure a {
	/*position: relative;*/
}
.content-image:not(.logo) figure a:after,
.content-text:not(.logo) figure a:after,
.content-gallery figure a:after {
    width:40px;
    height:40px;
    right:5%;
    top:5%;
    position:absolute;
    display:block;
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    font-size:32px;
    color:#9fbbc7;
    background-position: 3px -1438px;
    opacity: 0;
    z-index: 10;
    content: "";
}
.content-image:not(.logo) figure a:hover:after,
.content-text:not(.logo) figure a:hover:after,
.content-gallery figure a:hover:after,
.content-image:not(.logo) figure a:focus:after,
.content-text:not(.logo) figure a:focus:after,
.content-gallery figure a:focus:after {
  	opacity: 1;
}  
.content-image:not(.logo) figure a[href$=".html"]:after,
.content-text:not(.logo) figure a[href$=".html"]:after,
.content-gallery figure a[href$=".html"]:after {
    background-image:url("/files/pepesale/img/icon/color/info.svg");
}
.content-image:not(.logo) figure a.cboxElement:after,
.content-text:not(.logo) figure a.cboxElement:after,
.content-gallery figure a.cboxElement:after {
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    font-size:32px;
    color:#9fbbc7;
    background-position: 3px -1438px;
}


@media screen and (max-width: 1024px) {
    .content-gallery--cols-3 ul {
        grid-template-columns: 1fr 1fr;
    }
    .content-gallery--cols-4 ul {
        grid-template-columns: 1fr 1fr;
    }
    .content-gallery--cols-5 ul {
        grid-template-columns: 1fr 1fr;
    }
    .content-gallery--cols-6 ul {
        grid-template-columns: 1fr 1fr;
    }
    .content-gallery--cols-7 ul {
        grid-template-columns: 1fr 1fr;
    }
    .content-gallery--cols-8 ul {
        grid-template-columns: 1fr 1fr;
    }

    .content-gallery ul {
        column-gap: 15px;
        row-gap: 15px;
    }
}

@media screen and (max-width: 767px) {
	
}


#cboxOverlay {
    background:#e8e8e8;
}
#cboxContent {
    margin-top:20px;
    background:#e8e8e8;
}
.cboxIframe {
    background:#fff;
}
#cboxError {
    padding:50px;
    border:1px solid #16a993;
}
#cboxLoadedContent {
    border:5px solid #e8e8e8;
    background:#fff;
}
#cboxTitle {
    left:5px;
    top:-20px;
    position:absolute;
    color:#482d18;
}
#cboxCurrent {
    right:5px;
    top:-20px;
    position:absolute;
    color:#482d18;
}
#cboxLoadingGraphic {
    background-image:url("/files/pepesale/img/loading.gif");
    background-position:center center;
    background-repeat:no-repeat;
}
#cboxSlideshow {
    top:-20px;
    position:absolute;
    color:#fff;
    right:90px;
}
#cboxPrevious {
    width:35px;
    height:35px;
    top:50%;
    position:absolute;
    margin-top:-32px;
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    text-indent:-9999px;
    left:15px;
    background-position: left -240px;
}
#cboxPrevious:hover {
    background-position:left -480px;
}
#cboxNext {
    width:35px;
    height:35px;
    top:50%;
    position:absolute;
    margin-top:-32px;
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    text-indent:-9999px;
    right:15px;
    background-position: left -160px;
}
#cboxNext:hover {
    background-position:left -400px;
}
#cboxClose {
    width:35px;
    height:35px;
    top:15px;
    position:absolute;
    display:block;
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    text-indent:-9999px;
    right:15px;
    background-position: left -320px;
}
#cboxClose:hover {
    background-position:left -560px;
}

body {
    background-color:#fff;
}
#main,
#container2 .inside {
    max-width:1280px;
    float:none;
    margin-right:auto;
    margin-left:auto;
}
#header {
    background: #FFFFFF;
    background: linear-gradient(90deg,#fff 50%, #fbba00 50%);
}
#header .inside {
    max-width:1280px;
    margin-right:auto;
    margin-left:auto;
    background-color:#fff;
    z-index: 100;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.wrap.sticking {
    border-bottom:1px solid #d10019;
    min-height: inherit;
}

.tel {
    padding:20px;
    background-color:#fbba00;
    text-align: right;
}
.tel p {
    display:inline-block;
    padding:0 15px;
    text-align:right;
    background-color:#d10019;
    border-radius:5px;
    font:1.2em/45px "Fjalla One","Arial Narrow",Arial;
    color:#fff;
}
.logo {
    text-align:right;
    background:#fff url("/files/pepesale/img/streifen.gif") right top no-repeat;
    border-right:1px solid #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    grid-row: span 2;
}
.logo figure {
    max-width:96%;
}
.logo figure img {
    padding: 40px 10px 15px;
}
#headerImage {
    max-height:615px;
    text-align: center;
}
#headerImage img {
    width:100%;
    display:block;
    margin-right:auto;
    margin-left:auto;
}
.navi {
    padding-bottom:15px;
    background-color:#fbba00;
}
.mod_mobile_menu {
    display:none;
    background-color:#fbba00;
}
#container {
    background-color:#fff;
}
#container2 {
    background-color:#e8e0c9;
}
#main {
    min-height:300px;
}
#footer {
    background-color:#fbba00;
}
.mod_c4g_maps {
    width:50%;
    height:380px;
    float:right;
}
.address {
    width:640px;
    max-width:50%;
    float:right;
    padding-top:15px;
    text-align:left;
}
.address > * {
    padding-left:6%;
}
.mod_sharebuttons {
    width:640px;
    max-width:50%;
    float:right;
    padding-top:15px;
    text-align:left;
}
.mod_sharebuttons > * {
    padding-left:6%;
}

@media screen and (max-width: 1023px) {
    .cl_25 {
        width:44%;
    }
    .logo figure img {
        padding-top:25px;
    }
    .navi {
        display:none;
    }
    .mod_mobile_menu {
        display:block;
    }
    .tel {
        min-width:inherit;
        text-align:right;
    }
    .tel p {
        margin-left:40px;
    }
}

@media screen and (max-width: 767px) {
    #container [class*="cl_"],
    #container2 [class*="cl_"] {
        width:auto;
        display:block;
    }
}

@media screen and (max-width: 639px) {
    .logo {
        width:100%;
        text-align:center;
        border-right:0;
    }
    .tel {
        float:left;
        padding-bottom:25px;
    }
    .tel p {
        margin-right:0;
        margin-left:10px;
        font-size:1em;
    }
    #footer p,
    #footer h4,
    #footer h2,
    #footer h3 {
        text-align:center;
    }
    #footer table {
        margin-right:auto;
        margin-left:auto;
    }
    .mod_sharebuttons,
    .address {
        width:auto;
        max-width:100%;
        float:none;
        text-align:center;
    }
    .sharebuttons ul {
        text-align:center;
    }
    .sharebuttons ul li {
        float:none;
        display:inline-block;
        margin-right:5px;
        margin-left:5px;
        text-align:center;
    }
}
.mod_article[class*="cl_"] {
    float:left;
    display:inline-block;
    vertical-align:top;
}
[class*="cl_"] {
    display:inline-block;
    vertical-align:top;
}
#container .mod_article,
#container2 .mod_article {
    padding:20px 0;
}
#container .mod_article > [class*="content-"],
#container .mod_article > [class*="mod_"],
#container2 .mod_article > [class*="content-"],
#container2 .mod_article > [class*="mod_"] {
    margin-right:3.00%;
    margin-left:3.00%;
    letter-spacing:normal;
    word-spacing:normal;
}
.inside:after {
    clear:both;
    display:block;
    content:"";
}
.cl_10 {
    width:4%;
}
.cl_20 {
    width:14%;
}
.cl_25 {
    width:19%;
}
.cl_30 {
    width:24%;
}
.cl_33 {
    width:26%;
}
.cl_35 {
    width:29%;
}
.cl_40 {
    width:34%;
}
.cl_45 {
    width:39%;
}
.cl_50 {
    width:43%;
}
.cl_55 {
    width:49%;
}
.cl_60 {
    width:54%;
}
.cl_66 {
    width:60.666%;
}
.cl_70 {
    width:64%;
}
.cl_75 {
    width:69%;
}
.cl_80 {
    width:74%;
}
.cl_90 {
    width:84%;
}
.border {
    -webkit-box-shadow: inset 0px 0px 0px 1px #666;
    -moz-box-shadow: inset 0px 0px 0px 1px #666;
    box-shadow: inset 0px 0px 0px 1px #666;
}
.box {
    margin-bottom:10px;
}
#container .box > *,
#container .box > * {
    padding-right:10px;
    padding-left:10px;
}
.mod_article.cl_10 {
    width:4.6%;
    padding-right:2.7%;
    padding-left:2.7%;
}
.mod_article.cl_20 {
    width:15.2%;
    padding-right:2.4%;
    padding-left:2.4%;
}
.mod_article.cl_25 {
    width:20.5%;
    padding-right:2.25%;
    padding-left:2.25%;
}
.mod_article.cl_30 {
    width:25.8%;
    padding-right:2.1%;
    padding-left:2.1%;
}
.mod_article.cl_33 {
    width:29.333%;
    padding-right:2%;
    padding-left:2%;
}
.mod_article.cl_35 {
    width:31.1%;
    padding-right:1.95%;
    padding-left:1.95%;
}
.mod_article.cl_40 {
    width:36.4%;
    padding-right:1.8%;
    padding-left:1.8%;
}
.mod_article.cl_45 {
    width:41.7%;
    padding-right:1.65%;
    padding-left:1.65%;
}
.mod_article.cl_50 {
    width:47%;
    padding-right:1.5%;
    padding-left:1.5%;
}
.mod_article.cl_55 {
    width:52.3%;
    padding-right:1.35%;
    padding-left:1.35%;
}
.mod_article.cl_60 {
    width:57.6%;
    padding-right:1.2%;
    padding-left:1.2%;
}
.mod_article.cl_66 {
    width:64.666%;
    padding-right:1%;
    padding-left:1%;
}
.mod_article.cl_70 {
    width:68.2%;
    padding-right:.9%;
    padding-left:.9%;
}
.mod_article.cl_75 {
    width:73.5%;
    padding-right:.75%;
    padding-left:.75%;
}
.mod_article.cl_80 {
    width:78.8%;
    padding-right:.6%;
    padding-left:.6%;
}
.mod_article.cl_90 {
    width:89.4%;
    padding-right:.3%;
    padding-left:.3%;
}
.left,
.left p,
[class*="content-"].left,
[class*="mod_"].left {
    text-align:left;
}
.right,
.right p,
[class*="content-"].right,
[class*="mod_"].right {
    text-align:right;
}
.center,
.center p,
[class*="content-"].center,
[class*="mod_"].center {
    text-align:center;
}
.center table {
    margin-right:auto;
    margin-left:auto;
    border-collapse:separate;
}
.cl_left {
    float:left;
}
.cl_right {
    float:right;
}

.layout_short:not(.first),
.layout_latest:not(.first) {
    padding-top:10px;
    border-top:5px solid #fff381;
}
.layout_short h2,
.layout_latest h2 {
    color:#d10019;
}
.layout_short h2 a,
.layout_latest h2 a {
    color:#d10019;
}
.layout_short h2 a:hover,
.layout_latest h2 a:hover {
    text-decoration:none;
    text-shadow: 1px 0 1px #d3031c;
}
p.more,
p.back {
    margin-top:10px;
    margin-bottom:10px;
}
p.more a,
p.back a {
    margin-top:.5em;
    margin-bottom:.5em;
    padding:5px 0 5px 40px;
    background-color:#fff;
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    border:0;
    font:1em fjalla_oneregular,"Arial Narrow",Arial;
    text-decoration:none;
    color:#d10019;
}
p.more a {
    background-position: left -400px;
}
p.more a:hover {
    color:#eb841d;
    background-position: left -160px;
}
p.back a {
    background-position: left -480px;
}
p.back a:hover {
    color:#eb841d;
    background-position: 3px -240px;
}

.pagination {
    text-align:center;
}
.pagination p,
#main .pagination p {
    text-align:center;
    font-size:.9em;
}
.pagination ul li {
    display:inline;
    background-image:none;
}
.pagination ul li a {
    padding:.1em;
}
.pagination ul li strong {
    background-color:#d10019;
    color:#fff;
}

.sharebuttons ul {
    height:40px;
    margin:0;
    padding:0;
}
.sharebuttons ul li {
    float:left;
    margin-right:10px;
    padding:0;
    background-image:none;
}
.sharebuttons ul li a {
    width:36px;
    height:36px;
    display:inline-block;
    background-color:#929292;
    background-repeat:no-repeat;
    text-indent:-99999px;
    background-image: url("/files/pepesale/img/sprite.png");
}
.sharebuttons ul li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.sharebuttons ul li a.facebook {
    background-color:#d3031c;
    background-position: left -1120px;
}
.sharebuttons ul li a.twitter {
    background-color:#7e508a;
    background-position: left -1160px;
}
.sharebuttons ul li a.gplus {
    background-color:#764b19;
    background-position: left -1200px;
}
.sharebuttons ul li a.linkedin {
    background-color:#929292;
    background-position: left -1240px;
}
.sharebuttons ul li a.pinterest {
    background-color:#636363;
    background-position: left -1280px;
}
.sharebuttons ul li a.xing {
    background-color:#888;
    background-position: left -1320px;
}
.sharebuttons ul li a.tumblr {
    background-color:#929292;
    background-position: left -10000px;
}
.sharebuttons ul li a.reddit {
    background-color:#888;
    background-position: left -10000px;
}
.sharebuttons ul li a.email {
    background-color:#636363;
    background-position: left -10000px;
}

.mobile_menu {
    z-index: 9999;
}
.mobile_menu .navi_mobile,
.mobile_menu .inner {
    position:relative;
    z-index: 9999;
}
.mobile_menu .inner {
    margin-right:auto;
    margin-left:auto;
    background-color:#f2f2f2;
}
.mobile_menu_trigger,
.navi_mobile_close {
    width:96px;
    float:right;
    text-align:center;
    background-color:#fbba00;
    font:15px fjalla_oneregular,"Arial Narrow",Arial;
    color:#482d18;
    text-transform:uppercase;
    cursor: pointer;
}
.navi_mobile_close {
    height:65px;
}
.mobile_menu_trigger span,
.navi_mobile_close span {
    width:100px;
    height:36px;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding-bottom:20px;
    background-image:url("/files/pepesale/img/sprite.png");
    background-repeat:no-repeat;
    cursor: pointer;
    background-position: center 15px;
}
.navi_mobile_close span {
    padding-bottom:10px;
    background-position: center -35px;
}
.navi_mobile_close a {
    font-size:15px;
    text-decoration:none;
    color:#fff;
}
.mobile_menu .mod_navigation,
.mobile_menu .mod_customnav {
    clear:both;
    margin:0;
    padding:0;
    text-align:center;
}
.mobile_menu .mod_navigation > ul,
.mobile_menu .mod_customnav > ul {
    margin:0;
    padding:0;
}
.mobile_menu .mod_navigation > ul > li,
.mobile_menu .mod_customnav > ul > li {
    padding:0;
    background-image:none;
    border-top:1px solid #fff;
}
.mobile_menu .mod_navigation > ul > li > a,
.mobile_menu .mod_navigation > ul > li > strong,
.mobile_menu .mod_customnav > ul > li > a,
.mobile_menu .mod_customnav > ul > li > strong {
    display:block;
    padding-top:3px;
    padding-bottom:3px;
    font:20px fjalla_oneregular,"Arial Narrow",Arial;
    text-decoration:none;
    color:#482d18;
}
.mobile_menu .mod_navigation > ul > li > a:hover,
.mobile_menu .mod_navigation > ul > li > strong,
.mobile_menu .mod_customnav > ul > li > a:hover,
.mobile_menu .mod_customnav > ul > li > strong {
    color:#d10019;
}
.mobile_menu .mod_navigation ul li ul,
.mobile_menu .mod_customnav ul li ul {
    margin:0;
    padding:0;
}
.mobile_menu .mod_navigation ul li ul li,
.mobile_menu .mod_customnav ul li ul li {
    padding-left:0;
    background-image:none;
    line-height:1.5em;
}
.mobile_menu .mod_navigation ul li ul li a,
.mobile_menu .mod_navigation ul li ul li strong,
.mobile_menu .mod_customnav ul li ul li a,
.mobile_menu .mod_customnav ul li ul li strong {
    display:block;
    padding-top:5px;
    padding-bottom:5px;
    font-size:16px;
    line-height:1em;
    text-decoration:none;
    color:#482d18;
}
.mobile_menu .mod_navigation ul li ul li a:hover,
.mobile_menu .mod_navigation ul li ul li strong,
.mobile_menu .mod_customnav ul li ul li a:hover,
.mobile_menu .mod_customnav ul li ul li strong {
    color:#fff;
}

.navi > ul {
    margin:0 0 0 6%;
    padding:0;
}
.navi > ul > li {
    position:relative;
    display:inline;
    margin:0;
    padding:0;
    background-image:none;
}
.navi > ul > li > a,
.navi > ul > li > strong {
    padding-right:.5em;
    padding-left:.5em;
    font:1.1em/40px fjalla_oneregular,"Arial Narrow",Arial;
    text-decoration:none;
    color:#482d18;
}
.navi > ul > li:hover > a {
    color:#fff;
}
.navi > ul > li > strong,
.navi > ul > li.trail > a {
    color:#fff;
}
.navi > ul > li > ul {
    left:-99999px;
    position:absolute;
    padding-top:20px;
    padding-bottom:10px;
    background-color:#e8e8e8;
    top: 50px;
    z-index: 1000;
}
.navi > ul > li:hover > ul {
    left:0;
}
.navi > ul > li > ul > li {
    width:200px;
    display:block;
    padding:0;
    text-align:left;
}
.navi > ul > li > ul > li > a,
.navi > ul > li > ul > li > strong {
    display:block;
    padding:.2em .3em .3em;
    font-size:1em;
    line-height:1em;
    text-decoration:none;
    color:#482d18;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.navi > ul > li > ul > li > a:hover,
.navi > ul > li > ul > li > strong {
    padding-right:0;
    padding-left:.6;
}
#footer .mod_customnav ul {
    margin:0;
    padding:0;
}
#footer .mod_customnav ul li {
    display:inline;
    padding-left:10px;
    background-image:none;
    line-height:50px;
}
#footer .mod_customnav ul li a,
#footer .mod_customnav ul li strong {
    font-size:.9em;
    text-decoration:none;
    color:#fefefe;
}
#footer .mod_customnav ul li a:hover,
#footer .mod_customnav ul li a:active {
    text-shadow: 1px 0 #eee;
}

body {
    font:17px pt_sansregular,sans-serif ,Verdana;
    color:#482d18;
}
strong {
    font-family:pt_sansbold,sans-serif ,Verdana;
    font-weight:normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
table,
ol,
ul,
form,
#main figure,
.custom figure {
    margin-top:12px;
    margin-bottom:12px;
}
p {
    text-align:justify;
    line-height:1.6em;
}
a:link,
a:visited {
    text-decoration:none;
    color:#d10019;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.tel a {
    color:#fff;
}
a:hover,
a:active {
    text-decoration:underline;
}
h1 {
    margin-top:.5em;
    font:2.35em courgetteregular,"Arial Narrow",Arial;
    font-weight:bold;
    color:#d10019;
}
h1 span {
    font-size:.7em;
    color:#eb841d;
}
h2 {
    font-size:1.65em;
    font-weight:bold;
    color:#eb841d;
}
h3 {
    font:1.4em fjalla_oneregular,"Arial Narrow",Arial;
    color:#d10019;
}
#container2 h3 {
    color:#482d18;
}
h4 {
    font-size:1em;
    font-weight:bold;
    color:#482d18;
}
h5 {
    padding-top:5px;
    padding-bottom:10px;
    font:1.1em courgetteregular,"Arial Narrow",Arial;
    color:#482d18;
}
blockquote {
    font:1.1em fjalla_oneregular,"Arial Narrow",Arial;
}
ul,
ol {
    padding-left:.7em;
}
ul li {
    padding-left:1.2em;
    background-repeat:no-repeat;
    line-height:1.8em;
    background-image: url("/files/pepesale/img/sprite.png");
    background-position: left -1700px;
}
ul li ul li {
    padding-left:1.7em;
    background-repeat:no-repeat;
    line-height:1.5em;
    background-image: url("/files/pepesale/img/sprite.png");
    background-position: -30px -1600px;
}
ol li {
    margin-left:1.3em;
    padding-left:.5em;
    line-height:1.3em;
    list-style-type:decimal;
}
hr {
    height:0;
    border-top:3px solid #eb841d;
    color:#eb841d;
    border-bottom: 0;
}
table {
    border-collapse:separate;
}
table.line {
    border-collapse:collapse;
}
td,
th {
    padding:.1em 1em .1em 0;
}
.line td,
.line th {
    padding:.2em .3em;
    border:1px solid #eb841d;
}
p.info {
    margin-bottom:0;
    text-align:right;
    font-size:.8em;
    line-height:.8em;
    color:#bababa;
}
p.error {
    font-size:.8em;
    color:#d10019;
}
p.confirm {
    color:#05c600;
}
#footer table {
    border-collapse:separate;
}
#footer p a {
    color:#fefefe;
}
.ce_toplink {
    width:45px;
    height:45px;
    bottom:20px;
    position:fixed;
    right:20px;
    background-color:rgba(255,255,255,0.8);
}

.c4g_map {
    background:#fff url("/files/pepesale/img/map/map-de.svg") bottom center no-repeat;
    background-size: cover;
    position:relative;
    --popup-max-width: 80%;
}
.c4g-maps-consent-overlay {
    width:90%;
    margin-top:5%;
    margin-right:5%;
    margin-left:5%;
    font-size: 0.85em;
    a {
        color: #111 !important;
    }
}

#openstreetmap_contribution {
    position: absolute;
    bottom: 100px;
    right: 10px;
}
#openstreetmap_contribution .ol-attribution ul {
    background: #f2f2f2;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 21, 2018 */

@font-face {
    font-family: 'pt_sansbold_italic';
    src: url('../../files/fonts/pt_sans-web-bolditalic-webfont.woff2') format('woff2'),
         url('../../files/fonts/pt_sans-web-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansitalic';
    src: url('../../files/fonts/pt_sans-web-italic-webfont.woff2') format('woff2'),
         url('../../files/fonts/pt_sans-web-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('../../files/fonts/pt_sans-web-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/pt_sans-web-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansbold';
    src: url('../../files/fonts/pt_sans-web-bold-webfont.woff2') format('woff2'),
         url('../../files/fonts/pt_sans-web-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 22, 2018 */

@font-face {
    font-family: 'fjalla_oneregular';
    src: url('../../files/fonts/fjallaone-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/fjallaone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 4, 2018 */

@font-face {
    font-family: 'courgetteregular';
    src: url('../../files/fonts/courgette-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/courgette-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}