@charset "utf-8";

.gnb_1da { color: #fff; }
.gnb_1dli.active .gnb_1da{ color: #fffbf5 !important; }
#gnb .gnb_1dli:hover > a { color: #fffbf5 !important; }

/* --- Reset & Variables --- */
:root {
--bg-beige: #fae8d2;
--bg-brown: #462e25;
--text-brown: #5d4037;
--text-beige: #eecfa1;
--text-light:#fff;
--text-dark:#472c1c;
--white: #ffffff;
--ar-bg-light: #fdfcf9;
--ar-bg-dark: #6e4e3a;
--ar-text-dark: #3a2e2d;
--ar-text-light: #fff;
--ar-accent-gold: #c3b49c;
--font-serif: 'Playfair Display', serif;
--font-sans: 'Spoqa Han Sans Neo', sans-serif;
--ar-text-light: #fff;
--ar-bg-dark: #3a2e2d;
/* ArtRaum_info_map 섹션 변수 */
--ar-bg-light: #fdfcf9; /* 전체 배경색 */
--ar-info-bg: #f8f6f2; /* 정보 섹션의 베이지 배경색 */
--ar-text-dark: #3a2e2d;
--ar-primary-brown: #866d58; /* 지도 위의 MORE 버튼 색상 */
--ar-card-brown-1: #b39b83; /* Card 1: 가장 밝은 톤 */
--ar-card-brown-2: #9b7f63; /* Card 2: 중간 톤 (오시는 길) */
--ar-card-brown-3: #7c6450; /* Card 3: 가장 어두운 톤 */
--ar-text-on-dark: #fff;
}

/** { margin: 0; padding: 0; box-sizing: border-box; }*/
/*body { font-family: var(--font-sans); line-height: 1.6; }*/
/*img { width: 100%; height: 100%; object-fit: cover; }*/

/* --- Common Layout --- */
.ArtRaum_venue .hall-section { display: flex; flex-wrap: wrap; width: 100%; min-height: 80vh; }
.ArtRaum_venue .hall-col { flex: 1; flex-basis: 50%; min-width: 320px; position: relative;}
.ArtRaum_venue .text-area { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 4rem 2rem; text-align: left; }
.ArtRaum_venue .content-wrapper { max-width: 450px; width: 100%;}
.ArtRaum_venue .circle-frame { width: 500px; height: 500px; border-radius: 50%; overflow: hidden; position: relative; margin-bottom: 3rem;}
.ArtRaum_venue .circle-frame img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; display: block;}
.ArtRaum_venue .circle-text-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: var(--white); font-family: var(--font-serif); font-weight:900;/* font-family: 'Quicksand', sans-serif;*//* font-family: "Playfair Display", serif;*/ font-size: 2.5rem; line-height: 1; text-shadow: 0 2px 10px rgba(0,0,0,0.3); z-index: 2;}

/* Hover Effect */
.ArtRaum_venue .circle-frame:hover img { transform: scale(1.1);}

/* --- Typography --- */
.ArtRaum_venue .hall-title-en { font-family: var(--font-serif); font-size: 2.2rem; margin-bottom: 0.5rem;}
.ArtRaum_venue .hall-title-ko { font-size: 1rem; font-weight: 500; margin-bottom: 1rem; display: block;}
.ArtRaum_venue .hall-desc { font-size: 0.9rem; font-weight: 400; margin-bottom: 2rem; word-break: keep-all; white-space: pre-line; line-height: 1.8; opacity: 0.8;}

/* --- Button --- */
.ArtRaum_venue .more-btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 24px; border-radius: 50px; font-size: 0.75rem; text-decoration: none; transition: all 0.3s ease; font-weight: 500;}
.ArtRaum_venue .more-btn::after { content: '+'; margin-left: 5px; font-size: 1rem;}

/* --- Theme Specifics --- */
/* Section 1: Marie Garden (Light) */
.ArtRaum_venue .bg-beige { background-color: var(--bg-beige); color: var(--text-brown);}
.ArtRaum_venue .bg-beige .more-btn { background-color: var(--text-brown); color: var(--bg-beige);}
.ArtRaum_venue .bg-beige .more-btn:hover { background-color: #3e2b22;}

/* Section 2: Convention Hall (Dark) */
.ArtRaum_venue .bg-brown { background-color: var(--bg-brown); color: var(--white);}
.ArtRaum_venue .bg-brown .hall-title-ko { color: #dcbfa6; }

.ArtRaum_venue .bg-brown .more-btn { background-color: var(--white); color: var(--bg-brown);}
.ArtRaum_venue .bg-brown .more-btn:hover { background-color: #f0f0f0;}

/* --- Layout Logic (Order & Direction) --- */

/* 1. Marie Garden Section */
/* 기본: 텍스트(좌) - 이미지(우) 순서이므로 별도 설정 불필요 */

/* 2. Convention Hall Section */
/* 기본: 이미지(좌) - 텍스트(우)가 되어야 하므로 row-reverse 사용 */
.ArtRaum_venue .reverse-layout { flex-direction: row-reverse;}

/* --- Responsive Design (Mobile) --- */
@media (max-width: 960px) {
.ArtRaum_venue .hall-section, .reverse-layout { flex-direction: column; }
.ArtRaum_venue .hall-col { flex-basis: auto; width: 100%;}
.ArtRaum_venue .img-area { height: 300px;}
.ArtRaum_venue .text-area { padding: 3rem 1.5rem; text-align:center;}
.ArtRaum_venue .content-wrapper { margin-right:auto; margin-left:auto; text-align:center;}
.ArtRaum_venue .circle-frame { width: 200px; height: 200px; margin:0 auto 2rem;}
.ArtRaum_venue .circle-text-overlay { font-size: 1.8rem;}
.ArtRaum_venue .hall-title-en { font-size: 1.8rem;}
.ArtRaum_venue .hall-desc { margin-right:auto; margin-left:auto; text-align:center;}
.ArtRaum_venue .more-btn { margin-right:auto; margin-left:auto;}
}


/* --- Hero Section (Top) --- */
.ArtRaum_benefit { position:relative; width:100%; background: url('../img/main/img_s3_bg.png'); background-position:center center; background-repeat:no-repeat; }
.ArtRaum_benefit .hero-header { text-align: center; padding: 5rem 1rem 3rem; color: var(--text-dark);}
.ArtRaum_benefit .hero-header p { font-size: 0.9rem; margin-bottom: 0.5rem; opacity: 0.7;}
.ArtRaum_benefit .hero-header h2 { font-family: var(--font-serif); font-size: 3.5rem; font-weight: 700; margin-bottom: 0.5rem; line-height: 1.1;}
.ArtRaum_benefit .hero-header h2 span { color: #866136; }
.ArtRaum_benefit .hero-header h3 { color: #866136; font-family: var(--font-sans); font-size: 1.5rem; font-weight: 400; margin-bottom: 1.5rem;}
.ArtRaum_benefit .card-container { width: 90%; max-width: 1200px; margin: 0 auto 0rem; padding: 3em 10px 6em; box-sizing:border-box }
.ArtRaum_benefit .card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}

.ArtRaum_benefit .card { position: relative; height: 450px; border-radius: 12px; overflow: hidden; color: var(--text-light); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease;}
.ArtRaum_benefit .card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);}
.ArtRaum_benefit .card--offset-a { margin-top: -30px; }

/* 이미지 요소 */
.ArtRaum_benefit .card-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/*.ArtRaum_benefit .card-image > img { position:relative; width: 100%; display:block;}*/
.ArtRaum_benefit .card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(71, 44, 28, 0.35); transition: background-color 0.3s ease; z-index: 1;}
.ArtRaum_benefit .card:hover::before { background-color: rgba(71, 44, 28, 0.6);}

/* 텍스트 컨텐츠 */
.ArtRaum_benefit .card-content { position: absolute; bottom: 0; left: 0; padding: 1.5rem; z-index: 2; }
.ArtRaum_benefit .card-title-ko { font-size: 0.85rem; font-weight: 500; opacity: 0.9;}
.ArtRaum_benefit .card-title-en { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: 700; line-height: 1.2; margin-bottom: 1rem;}

/* MORE 버튼 스타일 */
.ArtRaum_benefit .more-btn { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.1em; padding: 5px 0; border-bottom: 1px solid var(--text-light); transition: opacity 0.3s ease; display: inline-block;}
.ArtRaum_benefit .more-btn:hover { opacity: 0.8;}

/* --- Responsive Design --- */

/* 태블릿 (1024px 이하): 2x2 배열 */
@media (max-width: 1024px) {
.ArtRaum_benefit .card-grid { grid-template-columns: repeat(2, 1fr); }
.ArtRaum_benefit .card-container { padding: 0 20px; }
.ArtRaum_benefit .card--offset-a { margin-top: 0 }
}

/* 모바일 (600px 이하): 1x4 배열 */
@media (max-width: 600px) {
.ArtRaum_benefit .hero-header h2 {font-size: 2.5rem;}
.ArtRaum_benefit .hero-header h3 {font-size: 1.2rem;}
.ArtRaum_benefit .card-grid { grid-template-columns: 1fr; gap: 30px; }
.ArtRaum_benefit .card-image > img { position:relative; width: 100%; display:block;}
.ArtRaum_benefit .card { height: 350px; }
}


/*.ArtRaum_offer*//*.ArtRaum_offer*//*.ArtRaum_offer*//*.ArtRaum_offer*//*.ArtRaum_offer*/
/*.ArtRaum_offer*//*.ArtRaum_offer*//*.ArtRaum_offer*//*.ArtRaum_offer*//*.ArtRaum_offer*/
.ArtRaum_offer { background-color: var(--ar-bg-light); background:url('../img/main/img_s4_bg.jpg'); background-size:cover; background-position:center center; background-repeat:no-repeat; padding: 5rem 0 7rem;  font-family: var(--font-sans);}
/* --- Header Styling --- */
.ArtRaum_offer .offer-header {  text-align: center;  margin-bottom: 4rem;  color: var(--ar-text-dark);}
.ArtRaum_offer .offer-header .subtitle-ko {font-size: 0.85rem;font-weight: 500;opacity: 0.8;margin-bottom: 0.5rem;}
.ArtRaum_offer .offer-header .subtitle-ko span { color: #866136; }
.ArtRaum_offer .offer-header .title-en {font-family: var(--font-serif);font-size: 2.8rem;font-weight: 700;color: var(--ar-text-dark);margin-bottom: 0.2rem;}
.ArtRaum_offer .offer-header .title-en span { color: #866136; }
.ArtRaum_offer .offer-header .title-en span em { font-size:0.6em; text-decoration:none; font-style: normal;}
.ArtRaum_offer .offer-header .caption-ko {font-size: 0.9rem;opacity: 0.7;}
.ArtRaum_benefit .hero-header h2 span { color: #866136; }

/* --- Card Grid Layout --- */
.ArtRaum_offer .card-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 35px;width: 90%;max-width: 1200px;margin: 0 auto;}

/* --- Individual Card Styling --- */
.ArtRaum_offer .card {display: block;border-radius: 8px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;overflow: hidden;}
.ArtRaum_offer .card:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}

/* --- Card Image Block (Dark) --- */
.ArtRaum_offer .card-image-block {width:100%;background-color: var(--ar-bg-dark);position: relative;display: flex;justify-content: center;align-items: center;background-size: cover;background-position: center;overflow: hidden;}
.ArtRaum_offer .card-image-block > img { display:block; width:100%; }
.ArtRaum_offer .card-image-block::after {content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(110, 78, 58, 0.75);}

/*
.ArtRaum_offer .logo-overlay {position: relative;z-index: 2;color: var(--ar-text-light);text-align: center;font-weight: 300;line-height: 1.2;padding: 1rem;}
.ArtRaum_offer .logo-overlay .logo-r {font-family: var(--font-serif);font-size: 4rem;font-weight: 700;line-height: 0.8;margin-bottom: 0.5rem;position: relative;}
.ArtRaum_offer .logo-overlay .logo-r::before {content: '👑';position: absolute;top: -20px;left: 50%;transform: translateX(-50%);font-size: 1.5rem;color: var(--ar-accent-gold);}
.ArtRaum_offer .logo-overlay .logo-text {font-size: 0.7rem;letter-spacing: 0.15em;display: block;margin-top: 5px;font-weight: 400;}
.ArtRaum_offer .logo-overlay .logo-text span {display: block;font-size: 0.9rem;font-weight: 700;margin-top: 2px;margin-bottom: 2px;}
*/
/*.ArtRaum_offer .card-text-block {background-color: var(--ar-text-light);padding: 1.5rem;text-align: center;color: var(--ar-text-dark);height: 160px;display: flex;flex-direction: column;justify-content: space-between;}*/
/*.ArtRaum_offer .offer-title-ko {font-size: 1.1rem;font-weight: 500;margin-bottom: 0.5rem;}*/
/*.ArtRaum_offer .offer-desc {font-size: 0.85rem;font-weight: 300;opacity: 0.8;line-height: 1.5;}*/
/*.ArtRaum_offer .more-btn {font-size: 0.75rem;font-weight: 500;letter-spacing: 0.05em;color: var(--ar-text-dark);display: inline-block;margin-top: 1rem;border-bottom: 1px solid var(--ar-text-dark);transition: opacity 0.3s;}*/
/*.ArtRaum_offer .more-btn::after {content: '+';margin-left: 3px;}*/


/* --- Card Text Block (Light) --- */
.ArtRaum_offer .card-text-block { background-color: var(--ar-text-light); padding: 1.8rem 1.5rem; text-align: left; color: var(--ar-text-dark); height: 160px; display: flex; flex-direction: column; justify-content: space-between;align-items: left; }
.ArtRaum_offer .offer-title-ko { font-size: 1.05rem; font-weight: 500; margin-bottom: 0.5rem; line-height: 1.4; /* 줄 간격 자연스럽게 */ color: #444; /* 시안처럼 약간 진한 회색 */}
.ArtRaum_offer .offer-desc { font-size: 0.8rem; /* 폰트 크기 약간 조절 */ font-weight: 400; opacity: 0.7; /* 시안처럼 약간 흐리게 */ line-height: 1.6; /* 줄 간격 자연스럽게 */ word-break: keep-all; /* 한글 단어 끊김 방지 */ max-width: 90%; /* 너무 길어지지 않도록 너비 제한 */ margin-bottom: 0.8rem; /* MORE 버튼과의 간격 조절 */}

/* MORE 버튼 스타일 */
.ArtRaum_offer .more-btn { font-size: 0.7rem; /* 폰트 크기 약간 조절 */ font-weight: 500; letter-spacing: 0.08em; /* 자간 약간 넓게 */ color: var(--ar-text-dark); display: inline-block; /* margin-top: 1rem;  기존 마진 제거 (flex justify-content로 조절) */ border-bottom: 1px solid transparent; /* 기본적으로 투명한 선 */ transition: border-bottom-color 0.3s, opacity 0.3s; /* 호버 시 선 생기도록 트랜지션 */}
.ArtRaum_offer .more-btn::after { content: '+'; margin-left: 3px;}

/* MORE 버튼 호버 시 */
.ArtRaum_offer .more-btn:hover { border-bottom-color: var(--ar-text-dark); /* 호버 시 선 생김 */ opacity: 0.9;}

/* --- Responsive Design --- */
@media (max-width: 600px) {
.ArtRaum_offer .card-text-block {height: auto;padding: 1.5rem 1rem; }
.ArtRaum_offer .offer-title-ko {font-size: 1rem;}
.ArtRaum_offer .offer-desc {font-size: 0.75rem;}
}

@media (max-width: 992px) {
.ArtRaum_offer .card-list {grid-template-columns: repeat(2, 1fr); gap: 20px;width: 95%;}
}

@media (max-width: 600px) {
.ArtRaum_offer {padding: 3rem 0;}
.ArtRaum_offer .offer-header .title-en {font-size: 2rem;}
.ArtRaum_offer .card-list {grid-template-columns: 1fr; gap: 25px;}
.ArtRaum_offer .card-image-block {height: 200px;}
.ArtRaum_offer .card-text-block {height: auto;}
}

/*ArtRaum_hero*/
.ArtRaum_hero { position: relative; height: 80vh; max-height: 450px; overflow: hidden; display: flex; justify-content: center; align-items: center;text-align: center; color: var(--ar-text-light);font-family: var(--font-sans);}
.ArtRaum_hero .hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: brightness(0.9) saturate(0.8) contrast(1.1); background-size: cover; background-position: center center; transition: filter 0.5s ease;}
.ArtRaum_hero::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(200, 200, 200, 0.15); z-index: 1;}
.ArtRaum_hero .hero-content { position: relative; z-index: 2;  display: flex; flex-direction: column; align-items: center;  }
.ArtRaum_hero .subtitle { font-size: 0.9rem; font-weight: 400; /* 300에서 400으로 높임 */ line-height: 1.2; letter-spacing: 0.05em; margin-bottom: 0.3rem; opacity: 0.95;}
.ArtRaum_hero .main-title { font-family: var(--font-serif); font-size: 3.68rem; font-weight: 400; line-height: 1.1; white-space: pre-line;}
.ArtRaum_hero .open-btn { margin-top:30px; display: inline-block; padding: 10px 30px; color:#fff; border: 1px solid var(--ar-text-light); background-color: transparent; font-size: 0.8rem; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; transition: all 0.3s ease;}
@media (max-width: 768px) {
.ArtRaum_hero { height: 60vh; min-height: 350px; }
.ArtRaum_hero .main-title { font-size: 2.5rem; /*  margin-top: 1rem; margin-bottom: 2rem; */ }
.ArtRaum_hero .subtitle { font-size: 0.8rem; }
.ArtRaum_hero .open-btn { padding: 8px 20px; font-size: 0.75rem; }
}

/* ==================================================================== */
/* II. Info & Map Section (.ArtRaum_info_map) - (최종 세로 직사각형 카드 버전) */
/* ==================================================================== */
.ArtRaum_info_map_Wrap { position:relative; width:100%; background-color: var(--ar-bg-light); }
.ArtRaum_info_map { padding: 5rem 0; font-family: var(--font-sans); display: flex; flex-wrap: wrap; gap: 40px; justify-content: center; align-items: flex-start; max-width: 1400px; margin: 0 auto;}

.ArtRaum_info_map .info-section {/* background-color: var(--ar-info-bg); */ background-color:none !important; padding: 40px 30px; padding:0; border-radius: 10px; flex: 1 1 450px; min-width: 450px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
.ArtRaum_info_map .info-header { font-size: 1.1rem; font-weight: 500; color: var(--ar-text-dark); margin-bottom: 2rem;}
.ArtRaum_info_map .card-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}

.ArtRaum_info_map .info-card { position:relative; display: flex; flex-direction: column; height: 350px;  width: 100%; color: var(--ar-text-on-dark); border-radius: 8px; overflow: hidden; transition: transform 0.3s ease; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.ArtRaum_info_map .info-card:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}

.ArtRaum_info_map .card-image-block { flex-shrink: 0; width: 100%; height: 100%;  background-size: cover; background-position: center; position: relative; background-blend-mode: multiply;}

/* 카드별 배경색 및 이미지 오버레이 */
.ArtRaum_info_map .card-1 { background-color: var(--ar-card-brown-1); }
.ArtRaum_info_map .card-1 .card-image-block { background-image: url('/theme/gnuwiz_theme_02/img/main/img_s6_01.jpg'); background-color: rgba(0, 0, 0, 0.1);}
.ArtRaum_info_map .card-2 { background-color: var(--ar-card-brown-2); }
.ArtRaum_info_map .card-2 .card-image-block { background-image: url('/theme/gnuwiz_theme_02/img/main/img_s6_02.jpg'); background-color: rgba(0, 0, 0, 0.3); filter: brightness(1.2) contrast(1.1); }
.ArtRaum_info_map .card-3 { background-color: var(--ar-card-brown-3); }
.ArtRaum_info_map .card-3 .card-image-block { background-image: url('/theme/gnuwiz_theme_02/img/main/img_s6_03.jpg'); background-color: rgba(0, 0, 0, 0.3);}

.ArtRaum_info_map .card-text-content { position:absolute; left:0; top:0; width:100%; height:100%; flex-grow: 1; padding: 50px 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-center; text-align: center; /* background-color: inherit */; box-sizing:border-box; }
.ArtRaum_info_map .icon {margin-bottom:20px;}
.ArtRaum_info_map .icon i {font-size: 48px;}
.ArtRaum_info_map .card-title-en { font-size: 11px; opacity: 0.9; margin-bottom: 2px; text-align: center;}
.ArtRaum_info_map .card-title-ko { font-size: 16px; font-weight: 700;  margin-top: 3px; margin-bottom: 10px;}
.ArtRaum_info_map .card-desc { font-size: 14px;line-height: 1.5; opacity: 0.9; flex-grow: 1; margin-bottom: 15px;}
.ArtRaum_info_map .card-more-btn { display: inline-block; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.05em; padding: 3px 0; border-bottom: 1px solid var(--ar-text-on-dark); transition: opacity 0.3s; margin-top: 0; margin-bottom: 5px; color:#fff; }
.ArtRaum_info_map .card-more-btn::after { content: '+'; margin-left: 3px;}
.ArtRaum_info_map .card-more-btn:hover { opacity: 0.7;}

/* 2. 오시는 길 (우측 섹션) */
.ArtRaum_info_map .map-section { flex: 1 1 550px; min-width: 350px; margin-top: 0;}
.ArtRaum_info_map .map-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;}
.ArtRaum_info_map .map-header .header-title { font-size: 1.1rem; font-weight: 500; color: var(--ar-text-dark);}
.ArtRaum_info_map .map-more-btn { background-color: var(--ar-primary-brown); color: var(--ar-text-on-dark); padding: 8px 18px; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.05em; border-radius: 40px; transition: opacity 0.3s;}
.ArtRaum_info_map .map-more-btn:hover { opacity: 0.8; }
.ArtRaum_info_map .map-container { width: 100%; height: 260px; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; margin-bottom: 1.5rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.ArtRaum_info_map .map-container iframe { width: 100%; height: 100%; border: none;}
.ArtRaum_info_map .contact-info { color: var(--ar-text-dark); font-size: 0.9rem; line-height: 1.8; padding-left: 0;}
.ArtRaum_info_map .contact-info .address,
.ArtRaum_info_map .contact-info .phone { display: flex; align-items: center; font-weight: 500;}
.ArtRaum_info_map .contact-info .icon-small {margin-right: 8px; font-size: 1.1rem; color: var(--ar-primary-brown);}


/* Info & Map Responsive */
@media (max-width: 992px) {
    .ArtRaum_info_map { flex-direction: column; padding: 5rem 3%; gap: 50px; }
    .ArtRaum_info_map .info-section, .ArtRaum_info_map .map-section { min-width: 100%; }
    .ArtRaum_info_map .card-list { grid-template-columns: 1fr;  width:100%; display:block}
    .ArtRaum_info_map .info-card { height: 260px; width:100%; display:block; margin-bottom:10px}
/*    .ArtRaum_info_map .card-image-block { height: 40%; }*/
}
@media (max-width: 600px) {
   .ArtRaum_info_map .card-list { grid-template-columns: 1fr; }
   .ArtRaum_info_map .info-card { height: 280px; }
}