@media screen {

:root {
    --swiper-theme-color:#ffffff;
	--swiper-pagination-bullet-width:20px;
	--swiper-pagination-bullet-height:20px;
	--padding-xl:50px;
	--radius:20px;
}

html {
	scroll-behavior:smooth;
	box-sizing:border-box;
}

*, *:before, *:after {
  box-sizing:inherit;
}

.hidden, .hidden.media--right {
	display:none;
}


body {
	margin:0;
	padding:0 var(--padding-xl);
	font-family:'Open Sans', sans-serif;
	font-size:1rem;
	color:#666;
	background-color:#eee;
}

figure {
	margin:0;
}

main a, footer a {
	color:#e77336;
}

h1 {
	font-size:2.6rem;
	font-weight:300;
	color:#e77336;	
	position:relative;
}

h1::before {
	content:"";
	position:absolute;
	bottom:0;
	left:-5px;
	width:75px;
	height:2px;
	background:#e77336;
	z-index:0;
}

h2 {
	font-size:2.0rem;
	font-weight:300;
}

h3 {
	font-size:1.4rem;
	font-weight:300;
	margin-top:0;
}

header {
	width:100%;
	position:fixed;
    top:0;
	left:50%;
    transform:translate(-50%,0);
    z-index:1000;
    transition:transform 0.3s ease-in-out;
	backdrop-filter:blur(5px);
}

.scroll-down header:not(:has(.is-open)) {
	transform:translate(-50%,-100%);
}

.scroll-up header {
    transform:translate(-50%,0);
}

main {
	margin-top:85px;
}



header .inside {
	max-width:1400px;
    margin:0 auto;
    display:flex;
	gap:10px;
    justify-content:space-between;
	padding:20px var(--padding-xl);
}

#header-icons {
    display:inline-flex;
	align-items:center;
	font-size:1.125rem;
	z-index:1;
	gap:5px;
}

#header-icons a {
	display:block;
	width:45px;
    height:45px;
	white-space:nowrap;
    background-size:30px 30px;
    background-repeat:no-repeat;
    background-color:#e77336;
	background-position:center center, center 45px;
	border:0;
	border-radius:50%;
	color:#000000;
	text-decoration:none;
	align-content:center;
	padding:0 10px;
}

#header-icons .map {
    background-image:url(../img/distance_24dp_FFFFFF_FILL0_wght200_GRAD0_opsz24.svg);
}

#header-icons .phone {
    background-image:url(../img/phone_in_talk_24dp_FFFFFF_FILL0_wght200_GRAD0_opsz24.svg);
}

#header-icons .instagram {
    background-image:url(../img/instagram_FFFFFF.svg);
}

#header-icons a:hover {
	cursor:pointer;
}

footer {
    margin: 25px auto;
    max-width: 1400px;
}

footer>div {
    text-align: right;
}

button {
    height:45px;
	white-space:nowrap;
    background-color:#fde363;
	border:0;
	border-radius:var(--radius);
	color:#000000;
	align-content:center;
	padding:0 10px;
	font-size:1.125rem;
}

button:hover {
	cursor:pointer;
}

.grid_1-1 {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:20px;
}

.grid_1-2 {
	display:grid;
	grid-template-columns:1fr 2fr;
	grid-gap:20px;
}

.grid_2-1 {
	display:grid;
	grid-template-columns:2fr 1fr;
	grid-gap:20px;
}

.grid_1-1-1 {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:20px;
}

.content-text a {
	color:#e77336;
}


.content-gallery ul {
	display:flex;
	flex-wrap:wrap;
    gap:8px;
	margin:0;
	list-style-type:none;
	padding:0;
}

/*.content-gallery li:not(:last-child) {*/
.content-gallery li {
	flex-grow:1;
}
.content-gallery ul:after {
	content:"";
	flex-grow:1000;
}

.content-gallery figure, .content-gallery a, .content-gallery img {
	height:100%;
}

.content-gallery figure {
	display:flex;
	flex-direction:column;
}

.content-gallery img {
	object-fit:cover;
	width:100%;
	border-radius:var(--radius);
}

.media--right>figure, figure.float_right  {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	max-width:550px;
}

.media--left>figure, figure.float_left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	max-width:550px;
}

.media--right, .media--left {
    display:flow-root;
}


.content-swiper {
	overflow:hidden;
	font-size:0;	
}

#slider-logo .content-swiper {
	height:50vh;
}

.content-swiper .swiper, .content-swiper .content-image, .content-swiper figure {
	height:100%;
}

.content-swiper img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.content-swiper .swiper-button-prev, .content-swiper .swiper-button-next {
	display:none;
} 

.mod_article {
    margin:25px auto;
    max-width:1400px;
    padding:var(--padding-xl);
	background:#fff;
	border-radius:var(--radius);
}

#slider-logo {
	padding:0;
	overflow:hidden;
	position:relative;
}

.card {
	display:flex;
    flex-direction:column;
	border-radius:var(--radius);
	background:#eee;
	overflow:hidden;
}

.card .content-text {
	padding:0 20px;
}

.card .content-image {
	font-size:0;
}

.card .content-image img {
	width:100%;
    height:300px;
    object-fit:cover;
}

.card .content-image.icon {
	background:#ccc;
	padding:10px;
}

.card .content-image.icon figure {
	justify-self:center;
}

.card .content-image.icon img {
	width:auto;
    height:75px;
}

.messageBox {
	width:calc(100vw - 2 * var(--padding-xl));
	max-width:500px;
	position:absolute;
	top:30%;
	left:50%;
	transform:translate(-50%, -30%);
}

.map>div {
    width:100%;
    height:350px;
    border-radius:var(--radius);
    margin:20px 0;
}

#logo {
	position:absolute;
    top:50%;
    left:50px;
    transform:translate(0%, -50%);
    z-index:1;
}

#logo img {
	height:100px;
	width:auto;
	background:#ffffffaa;
	backdrop-filter:blur(5px);
	padding:20px;
	border-radius:var(--radius);
	transition:height .3s ease-out;
}

.ce_form {
	padding:20px;
}

.formbody .widget {
	display:flex;
    flex-direction:column;
}

.formbody .invisible {
	display:none;
}

.formbody input {
	border:1px solid #ddd;
	padding:25px 25px 10px 25px;
	border-radius:var(--radius);
}

.formbody .widget-text {
    position:relative;
}

.formbody .widget-text label {
    position:absolute;
    top:5px;
    left:25px;
	transition:font-size 0.2s ease-in-out;
}

.formbody .widget legend {
	font-weight:bold;
}

.formbody .widget-text:has(input:focus) label{
    font-size:.8rem;
}

.formbody .widget-checkbox, .formbody .widget-radio, .formbody .widget-textarea {
	border-radius:var(--radius);
	border:1px solid #ddd;
	background:#fff;
	padding:10px;
}

.formbody .widget-textarea textarea {
	height:stretch;
	border:0;
	margin:0 15px;
}

.formbody .widget-textarea label {
	padding:0 15px;
}

.formbody .widget-submit button {
    height:100%;
    border-radius:var(--radius);
    border:0;
    padding:10px 25px;
    background:#e77336;
    margin-top:10px;
    font-size:var(--nav-font-size);
    color:#fff;
}

.formbody .widget-submit button:hover {
	background:#1d2937;
	color:#fff;
	cursor:pointer;
}

details summary {
	font-size:1.1rem;
	font-weight:bold;
}

details summary:hover {
	cursor:pointer;
}

details p {
	padding:0 20px;
}



}


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

:root {
	--padding-xl:20px;
}

.grid_1-1 {
	grid-template-columns:1fr;
}

.grid_1-2 {
	grid-template-columns:1fr;
}

.grid_2-1 {
	grid-template-columns:1fr;
}

.grid_1-1-1 {
	grid-template-columns:1fr;
}

#logo {
    top:20px;
    left:20px;
    transform:translate(0%, 0%);
}

#logo img {
	height:80px;
	width:auto;
}



}