.logo, #target_header:before, #target_footer:before { display:block; width:5rem; height:7.1rem; background:url('../img/pinktroubadour.png') 50% 50% no-repeat; background-size:contain; } #target_header:before, #target_footer:before { position:absolute; content:' '; filter:drop-shadow(0 0 0.5rem rgba(0,0,0,0.6)); } #target_header { position:sticky; left:0; top:0; height:3.4rem; background:var(--white); width:100%; margin-top:2rem; z-index:100; } #target_header:after { content:' '; display:block; position:absolute; left:0; top:-3rem; width:100%; height:6.4rem; background:var(--white); box-shadow:0 0 0.5rem rgba(0,0,0,0.5); z-index:1; } #target_header:before { left:calc(50vw - 30rem); top:-1.9rem; } #target_header > .wrapper { position:relative; background:var(--white); z-index:2; } #target_header a { display:inline-block; font-family:'headline'; padding:1rem; line-height:1.4rem; text-transform:uppercase; color:var(--pink); transition:color 0.3s; text-decoration:none; position:relative; } #target_header nav > a:after { content:' '; display:block; position:absolute; left:50%; bottom:-1px; padding-bottom:1px; height:0.25rem; width:0; background:var(--pink); transform:translateX(-50%); transition:width 0.3s; } #target_header nav > a:hover:after, #target_header nav > a.selected:after { width:calc(100% - 2rem); } #target_header a.logo { position:absolute; left:0; top:-1.9rem; padding:0; } #target_header nav { display:inline-block; margin-left:4rem; overflow:hidden; } #target_header a.menu { display:none; } #target_header nav.lang { position:absolute; right:0; } #target_header nav > a.selected { } #target_header nav.admin { position:absolute; top:-2.05rem; width:calc(100% - 6rem); } #target_header nav.admin > a { color:var(--black); position:relative; z-index:2; } #target_header nav.admin > a:after { top:0; bottom:none; background:var(--black); } #target_header nav.admin > a.logout { position:absolute; right:0; } #target_footer { padding-bottom:1.5rem; position:relative; box-shadow:0 0 0.5rem rgba(0,0,0,0.5); } #target_footer:before { content:' '; display:block; width:5rem; height:7.1rem; background:url('../img/pinktroubadour.png') 50% 50% no-repeat; background-size:contain; filter:drop-shadow(0 0 0.5rem rgba(0,0,0,0.6)); } #target_footer:before, #target_footer a.logo { position:absolute; top:-4.1rem; left:50%; margin-left:-2.5rem; } #target_footer .wrapper { padding-top:3.5rem; background:var(--white); } #target_footer .wrapper > div { display:inline-block; width:17.333rem; } #target_footer .wrapper > div + div { margin-left:4rem; } #target_footer .wrapper > div > h4 { border-bottom:2px solid var(--pink); padding-bottom:1rem; } #target_footer .wrapper > div > p { text-transform:uppercase; font-weight:500; } #target_footer .wrapper > div > p > a { text-decoration:none; transition:color 0.3s; } #target_footer .wrapper > div > p > a:hover { color:var(--pink); } #target_footer .wrapper > div > a, #target_footer .wrapper > div > #news > a { display:inline-block; position:relative; width:3rem; height:3rem; border-radius:2rem; line-height:3.3rem; text-align:center; font-size:1.5rem; color:var(--pink); text-decoration:none; cursor:pointer; } #target_footer .wrapper > div > a:after, #target_footer .wrapper > div > #news > a:after{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid var(--pink); border-radius:2rem; box-sizing:border-box; transition:border-width 0.3s; } #target_footer .wrapper > div > a:hover:after, #target_footer .wrapper > div > #news:not(.sent) > a:hover:after { border-width:0.33rem; } #target_footer .wrapper > div > a { margin-left:0.55rem; } #target_footer .wrapper > div > #news { display:inline-block; width:3rem; height:3rem; position:relative; z-index:2; } #target_footer .wrapper > div > #news > a { display:block; position:absolute; left:0; top:0; transition:left 0.5s; background:var(--white) !important; } #target_footer .wrapper > div > #news > #posta { display:block; position:absolute; left:0; width:3rem; padding:0 calc(1.5rem - 2px); font-size:1.2rem; border:2px solid var(--pink); box-sizing:border-box; height:3rem; line-height:3rem; border-radius:2rem; transition:padding 0.5s, width 0.5s; } #target_footer .wrapper > div > #news > input[type="submit"] { display:block; position:absolute; left:0; right:0; opacity:0; width:3rem; height:3rem; border-radius:2rem; background:var(--pink); border:2px solid var(--pink); color:var(--white); transition:left 3s, font-size 0.5s; font-family:'icomoon'; font-size:1.5rem; } #target_footer .wrapper > div > #news > input[type="submit"]:hover { background:var(--pink) !important; color:var(--white) !important; font-size:1.75rem; } #target_footer .wrapper > div > #news.show > a:before { content:'x'; } #target_footer .wrapper > div > #news.show > a { z-index:2; left:14.33rem; } #target_footer .wrapper > div > #news.show > input[type="submit"] { display:block; left:14.33rem; z-index:1; } #target_footer .wrapper > div > #news.show > #posta { width:17.33rem; } #target_footer .wrapper > div > #news.show > #posta.valid + input[type="submit"] { opacity:1; z-index:3; } #target_footer .wrapper > div > #news > a { position:absolute; right:0; top:0; } #target_footer .wrapper > div > #news.sent > a:before { content:'✓'; } #target_footer .wrapper > p { text-align:center; color:var(--pink); font-weight:700; text-transform:uppercase; } #target_cook { position:fixed; left:0; bottom:0; background:var(--white); padding:2rem; z-index:90; } #target_cook h4 { text-align:left; margin-bottom:0; padding-top:0; } #target_cook p { text-align:left; } #target_cook > div { display:inline-block; text-align:left; width:25%; height:2.5em; line-height:2.5em; overflow:visible; margin-bottom:1em; } #target_cook > div > p { display:block; line-height:1.33em; } #target_cook:not(.vice_info) > div, #target_cook:not(.vice_info) > a.cook_mene, #target_cook:not(.vice_info) > input[type="submit"], #target_cook.vice_info > a.cook_set, #target_cook.vice_info > a.cook_vice { display:none; } #target_cook > a.cook_min { float:left; margin-right:1rem; } #target_cook > a.cook_max { float:right; } #target_cook .button { margin:0; text-align:center; width:max-content; } #target_cook.vice_info > h3, #target_cook.vice_info > p { display:none; } #target_cook.vice_info > div { display:block; height:auto; width:100%; } #target_cook.vice_info > div > input[type="checkbox"].bipolar + label { width:100%; padding-left:0; font-weight:bold; font-size:1.33em; line-height:1.5em; height:1.5em; min-height:1.5em; padding:0.5rem 0 0.5rem 0; } #target_cook.vice_info > div > input[type="checkbox"].bipolar + label:before, #target_cook.vice_info > div > input[type="checkbox"].bipolar + label:after { left:auto; right:1px; top:0.5em; } #target_cook.vice_info > a.cook_max { float:left; margin-left:0; } #target_cook:empty { display:none !important; } #target_main { min-height:calc(100vh - 23rem); } #target_main #intro { position:relative; width:100%; height:calc(100vh - 5.4rem); max-height:800px; white-space:nowrap; padding:0; } #target_main #intro > article { display:inline-block; width:100%; height:100%; position:relative; padding:0; } #target_main #intro > article > img { display:block; width:100%; height:100%; object-fit:cover; } #target_main #intro > article > div { position:absolute; left:calc(50vw - 30rem); bottom:0; padding:4rem; white-space:normal; } #target_main #intro > article > div h2 { color:var(--white); text-shadow:0 0 0.25rem var(--black); } #target_main #intro > article > div h2 + h2 { color:var(--pink); margin-bottom:0; } #target_main a.product { display:inline-block; position:relative; text-decoration:none; max-width:15rem; height:26.5rem; text-align:center; white-space:normal; } #target_main a.product > img { display:block; position:relative; height:15rem; margin:0 auto 0; min-width:9rem; transform-origin:50% 100%; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.5); z-index:2; } #target_main a.product > strong { display:block; position:absolute; top:16.25rem; padding:0.25rem 0.5rem; left:0; right:0; font-family:'headline'; font-size:1.5rem; font-weight:normal; height:1.5rem; line-height:1.5rem; white-space:nowrap; overflow:hidden; text-transform:uppercase; text-overflow:ellipsis; z-index:3; } #target_main a.product > span { display:block; position:absolute; top:19rem; left:0.5rem; right:0.5rem; height:2.5rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; z-index:3; } #target_main a.product > span + strong { top:22.5rem; padding-top:1.25rem; border-top:2px solid var(--pink); overflow:visible; z-index:1; } #target_main a.product > * { transition:transform 1s; } #target_main a.product > span + strong:before { content:' '; position:absolute; left:0; bottom:3rem; width:100%; height:2px; background:var(--pink); transition:height 0.3s, transform 0.3s; } #target_main a.product:hover > span + strong:before { height:7.66rem; } #target_main a.product.hide_left > * { opacity:0.5; transform:translateX(-30vw); } #target_main a.product.hide_right > * { opacity:0.5; transform:translateX(30vw); } #target_main a.product.hide_left, #target_main a.product.hide_right { pointer-events:none; } /*#target_main a.product:hover > img { transform:scale(1.1); box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.5);} */ #target_main .product_slider_wrap { width:100vw; height:26.5rem; overflow:hidden; position:relative; } #target_main .product_slider_wrap > a { display:block; position:absolute; font-size:3rem; left:0; top:5rem; width:2em; height:2em; text-align:center; line-height:2em; z-index:1; cursor:pointer; text-decoration:none; border-radius:3rem; transition:transform 0.3s; z-index:10; } #target_main .product_slider_wrap > a + a { right:0; left:auto; } #target_main .product_slider_wrap > a:hover { transform:scale(1.2); } #target_main .product_slider { overflow:hidden; overflow-x:auto; height:100%; padding-bottom:30px; scroll-behavior:smooth; } #target_main .product_slider > div { white-space:nowrap; } #target_main .product_slider > div a.product { margin-left:2rem; } #target_main .product_slider > div a.product:first-child { margin-left:10vw; } #target_main .product_slider > div a.product:last-child { margin-right:10vw; } #target_main a.article { display:inline-block; position:relative; text-decoration:none; width:29rem; height:23.5rem; background:var(--light); overflow:hidden; margin:0 0 2rem 2rem; } #target_main a.article > img { display:block; width:29rem; height:14.5rem; margin-top:9rem; transition:transform 1s; } #target_main a.article > span { display:block; position:absolute; top:0; left:0; right:0; height:6rem; padding:1.5rem 2rem; background:var(--light); z-index:2; color:var(--black); } #target_main a.article > span > strong { display:block; font-family:'headline'; color:var(--pink); font-size:1.2rem; margin-bottom:0.5rem; text-transform:uppercase; } #target_main a.article > span > span { display:block; padding-right:10.75rem;} #target_main a.article > span > mark { display:block; position:absolute; right:2rem; bottom:1.5rem; font-family:'headline'; background:var(--pink); color:var(--white); padding:0.25rem 1rem; font-weight:bold; border-radius:0; font-size:1.2rem; width:max-content; transition:background-color 0.3s; text-transform:uppercase; } #target_main a.article:nth-child(2n) { margin-left:0; } #target_main a.article:hover > img { transform:scale(1.1); } #target_main a.article:hover > span > mark { background-color:var(--dark); } #target_main .product_bg { background:url('../img/pink_bg.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed; } #target_main .product_bg > .product_headline { background:rgba(0,0,0,0.8); color:var(--white); padding:2rem 0; } #target_main .product_bg > .product_headline > .wrapper { width:22rem; padding-left:36rem; padding-right:2rem; perspective:50vw; } #target_main .product_bg > .product_headline > .wrapper > div.box { position:absolute; left:18rem; top:50%; font-size:20rem; transform-style: preserve-3d; transform:rotateY(50deg); margin:-10rem -7.5rem; } #target_main .product_bg > .product_headline > .wrapper > div.box { transition:transform 3s; } #target_main .product_bg > .product_headline > .wrapper > div.box:hover { transition:transform 0.1s; } #target_main .product_bg > .product_headline > .wrapper > div.box.animate { animation: product_box_rotate 10s ease-in-out infinite alternate forwards; transition:none; } #target_main .product_bg > .product_headline > .wrapper > div.box > img { display:block; position:absolute; left:0; top:0; width:100%; height:100%; } #target_main .product_bg > .product_headline > .wrapper > div.box > img.l { width:auto; height:100%; left: 0; transform-origin: 0% 0%; transform:rotateY(-90deg) translateX(-100%); } #target_main .product_bg > .product_headline > .wrapper > div.box > img.r { width:auto; height:100%; right: 0; transform-origin:100% 0%; transform:rotateY( 90deg) translateX( 100%); left:auto; } #target_main .product_bg > .product_headline > .wrapper > div.box > img.t { width:100%; height:auto; top: 0; transform-origin:0% 0%; transform:rotateX( 90deg) translateY(-100%); } #target_main .product_bg > .product_headline > .wrapper > div.box > img.b { width:100%; height:auto; bottom: 0; transform-origin:0% 100%; transform:rotateX(-90deg) translateY( 100%); top:auto; box-shadow:0 0 4rem #000; } #target_main .product_bg > .product_headline > .wrapper > h1 { padding-top:1rem; } #target_main .product_bg > .product_headline > .wrapper > h3 { font-weight:normal; font-size:1.2rem; padding-bottom:0.8rem; margin:0.8rem 0; border-bottom:2px solid var(--pink); } #target_main .product_bg > .product_headline > .wrapper > mark { display:inline-block; position:relative; margin-right:2rem; background:none; color:var(--white); padding:0.4rem 0 2rem 2rem; border-radius:0; font-weight:bold; font-family:'headline'; line-height:1.2em; text-transform:uppercase; } #target_main .product_bg > .product_headline > .wrapper > mark.icon-players { padding-left:2.5rem; } #target_main .product_bg > .product_headline > .wrapper > mark.icon-time { padding-left:2.3rem; } #target_main .product_bg > .product_headline > .wrapper > mark:before { position:absolute; top:0; left:0; font-size:2rem; } #target_main .product_bg > .product_headline > .wrapper > mark > small { display:block; font-size:0.5rem; text-transform:uppercase; line-height:1.2em; } #target_main .product_bg > .product_headline > .wrapper > strong { display:flex; font-family:'headline'; text-transform:uppercase; margin-bottom:0.5rem; white-space:nowrap; } #target_main .product_bg > .product_headline > .wrapper > strong > mark { color:var(--pink); display:block; margin:0; padding:0 0.5rem 0 0; background:none; font-family:inherit; font-size:inherit; line-height:inherit; } #target_main .product_bg > .product_headline > .wrapper > strong > span { display:block; white-space:normal; } #target_main .product_bg > .product_headline > .wrapper > h2 { font-weight:normal; margin-top:2rem; } #target_main .product_bg > .product_headline > .wrapper > a.bgg { display:block; position:absolute; bottom:0; right:2rem; width:6rem; height:3rem; background:url('../img/BoardGameGeek-r.svg') 50% 50% no-repeat; background-size:contain; } #target_main .product_bg > .product_body { padding:4rem 0; background:var(--white); } #target_main .product_bg > .product_body > .wrapper { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; gap:1.333rem; padding-bottom:4rem; } #target_main .product_bg > .product_body > .wrapper > h2 { width:100%; margin-bottom:1rem; } #target_main .product_bg > .product_body > .wrapper > div { display:block; width:14rem; overflow:hidden; } #target_main .product_bg > .product_body > .wrapper > div > img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 1s; } #target_main .product_bg > .product_body > .wrapper > div.double { width:26.666rem; padding:1.333rem; background:var(--light); } #target_main .product_bg > .product_body > .wrapper > div.double > p { margin-bottom:0; } #target_main .product_bg > .product_body > .wrapper > div:hover > img { transform:scale(150%); } #target_main .product_bg > .product_body > .wrapper > div > a.download { font-family:'headline'; text-transform:uppercase; text-decoration:none; font-weight:bold; } #target_main .product_bg > .product_body > .wrapper > div > a.download > mark { display:block; float:right; background:var(--pink); padding:0.25rem 1rem; font-family:inherit; color:var(--white); font-size:inherit; line-height:inherit; margin-top:-0.25rem; border-radius:0; height:auto; } #target_main .product_bg > .product_download { padding:4rem 0; background:var(--light); margin-bottom:calc(50vh - 3.2rem); } #target_main .product_bg > .product_download ul { width:max-content; } #target_main .product_bg > .product_download ul > li { display:block; position:relative; padding-left:2rem; padding-right:5rem; } #target_main .product_bg > .product_download ul > li > a:before { display:block; position:absolute; left:0; top:0; font-size:1.5rem; line-height:1.66rem; transition:color 0.3s; } #target_main .product_bg > .product_download ul > li > a:after { display:block; position:absolute; right:0; top:0; content:attr(data-size); text-align:right; } #target_main .product_bg > .product_download ul > li > a:hover { text-decoration:none; } #target_main .product_bg > .product_download ul > li > a:hover:before { color:var(--pink); } #target_main .games_bg { background:url('../img/forestry-resources-v2.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed; } #target_main .games_bg > .wrapper { padding:2rem 0; color:var(--white); } #target_main .games_bg nav { display:flex; gap:2rem; justify-content:center; } #target_main .games_bg nav > a { display:block; font-family:'headline'; text-decoration:none; position:relative; text-transform:uppercase; } #target_main .games_bg nav > a:after { content:''; display:block; width:0; height:0; position:absolute; left:50%; margin-left:-2rem; top:3.3rem; border:2rem solid transparent; border-top-width:0; border-bottom-color:var(--dark); transition:top 0.3s; } #target_main .games_bg nav > a:hover:after { top:2.5rem; } #target_main .games_bg nav > a.selected:after { top:2rem; } #target_main .games_bg .games_list { padding:4rem 0; background:var(--dark); margin-bottom:10rem; color:var(--white); } #target_main .games_bg .games_list > .wrapper { display:flex; gap:2rem; flex-wrap:wrap; } #target_main .news_bg { background:url('../img/forestry-resources-v2.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed; } #target_main .news_bg > .wrapper { padding:2rem 0; color:var(--white); } #target_main .news_bg > .news_list > .wrapper > a.article { margin-left:2rem; } #target_main .news_bg > .news_list > .wrapper > a.article:nth-child(2n-1) { margin-left:0; } #target_main .article_bg { background:url('../img/forestry-resources-v2.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed; } #target_main .article_bg > .article_headline { background:rgba(0,0,0,0.8); padding:6rem 0; color:var(--white); } #target_main .article_bg > .article_headline > .wrapper > * { max-width:60%; } #target_main .article_bg > .article_headline > .wrapper > h3 { font-weight:normal; } #target_main .article_bg > .article_body { padding:4rem 0; background:var(--white); margin-bottom:calc(100vh - 6.4rem); } #target_main .article_bg > .article_body p + h2, #target_main .article_bg > .article_body p + h3, #target_main .article_bg > .article_body p + h4 { margin-top:1.5em; margin-bottom:0.5rem; } #target_main .about_bg { background:url('../img/kontakt-bg.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed; padding-bottom:10rem; } #target_main .about_bg > .about_us { padding:4rem; min-height:calc(100vh - 13.25rem); } #target_main .about_bg > .wrapper > aside { background:var(--light); padding:2rem 2rem 1rem; width:25rem; text-align:justify; } #target_main .about_bg > .wrapper > aside > h2 { color:var(--pink); margin-bottom:1rem; } #target_main .about_bg > .wrapper > aside > p { line-height:1.2em; } #target_main .about_bg > .team_list { padding:3rem 0; background-color:var(--white); } #target_main .about_bg > .team_list > .wrapper { perspective:100vw; } #target_main .about_bg > .team_list h1 { width:100%; } /* #target_main .about_bg > .team_list div.team_member { display:inline-block; width:18rem; position:relative; transform-style: preserve-3d; margin-bottom:3rem; margin-left:3rem; } #target_main .about_bg > .team_list div.team_member > div { display:block; width:18rem; white-space:pre-wrap; backface-visibility:hidden; transition:transform 0.3s; background:var(--light); box-shadow:0 0.33rem 0.5rem rgba(0,0,0,0.5); } #target_main .about_bg > .team_list div.team_member > div + div { position:absolute; left:0; top:0; transform:rotateY(180deg); } #target_main .about_bg > .team_list div.team_member > div > img { display:block; width:18rem; height:18rem; } #target_main .about_bg > .team_list div.team_member > div > p { text-align:center; font-family:'headline'; padding:0 1rem 1.5rem; font-weight:bold; height:9rem; overflow:hidden; margin:0; } #target_main .about_bg > .team_list div.team_member > div > p > strong { color:var(--pink); font-family:'headline'; display:block; padding:1.5rem 1.5rem 1.5rem; } #target_main .about_bg > .team_list div.team_member > div + div > p { height:27rem; font-family:inherit; font-weight:normal; line-height:1.2em; text-align:left; } #target_main .about_bg > .team_list div.team_member > div + div > img { display:none; } #target_main .about_bg > .team_list div.team_member > div + div > p > strong { display:none; } #target_main .about_bg > .team_list div.team_member:hover > div { transform:rotateY(-180deg); } #target_main .about_bg > .team_list div.team_member:hover > div + div { transform:rotateY(0deg); } #target_main .about_bg > .team_list div.team_member:nth-child(3n-1) { margin-left:0; } */ #target_main .about_bg > .team_list div.team_member { display:block; margin-bottom:3rem; padding-left:20rem; width:calc(100% - 18rem); min-height:18rem; position:relative; } #target_main .about_bg > .team_list div.team_member > div { display:block; } #target_main .about_bg > .team_list div.team_member > div > img { position:absolute; left:0; top:0; width:18rem; height:18rem; } #target_main .about_bg > .team_list div.team_member > div:first-child > p { font-family:'headline'; padding:0 0 1.5rem; font-weight:bold; margin:0; text-transform:uppercase; } #target_main .about_bg > .team_list div.team_member > div:first-child > p > strong { color:var(--pink); font-family:'headline'; display:block; text-transform:uppercase; } #target_main .about_bg > .team_list div.team_member > div:first-child > p > br { display:none; } #target_main .about_bg > .team_list div.team_member > div + div > p { text-align:justify; font-family:inherit; font-weight:normal; line-height:1.2em; } #target_main .about_bg > .team_list div.team_member:nth-child(2n-1) { margin-left:6rem; width:calc(100% - 24rem); } /* #target_main .about_bg > .team_list div.team_member:nth-child(2n-1) { padding-right:20rem; padding-left:6rem; } #target_main .about_bg > .team_list div.team_member:nth-child(2n-1) > div > img { left:auto; right:0; } */ #target_main .about_bg > .about_text { background-color:var(--light); padding:3rem 0; } #target_main .about_bg > .team_list h2 { width:100%; margin-top:3rem; margin-bottom:0; } #target_main .kontakt_bg { background:url('../img/kontakt-bg.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed; } #target_main .kontakt_bg > .kontakt_about { padding:4rem; height:calc(100vh - 13.25rem); max-height:800px; } #target_main .kontakt_bg > .wrapper > aside { background:var(--light); position:absolute; right:4rem; bottom:3rem; padding:2rem 2rem 1rem; width:25rem; text-align:justify; } #target_main .kontakt_bg > .wrapper > aside > h2 { color:var(--pink); } #target_main .kontakt_bg > .wrapper > aside > p { line-height:1.2em; } #target_main .kontakt_bg > .wrapper > aside > p > a { display:inline-block; margin-top:0.5rem; padding-left:1.5rem; position:relative; } #target_main .kontakt_bg > .wrapper > aside > p > a:before { position:absolute; left:0; top:0; } #target_main .kontakt_bg > .kontakt_text { padding:3rem 0; background-color:var(--white);} #target_main .kontakt_bg > .kontakt_text > .wrapper { display:flex; flex-wrap:wrap; gap:2rem; } #target_main .kontakt_bg > .kontakt_text > .wrapper > div { display:block; width:calc(50% - 3.666rem); background:var(--light); padding:1.333rem; } #target_main .kontakt_bg > .kontakt_text > .wrapper > div.full { width:calc(100% - 2.666rem); } #target_main .kontakt_bg > .kontakt_text > .wrapper > div h2 { font-size:1.666rem; margin-bottom:1rem; } #target_main .kontakt_bg > .kontakt_text > .wrapper > div a { color:var(--pink); } #target_main .kontakt_bg h2.map { margin-bottom:0; margin-top:3rem; width:100%; } #target_main .kontakt_bg > .kontakt_map { display:block; width:100vw; height:40vw; max-height:90vh; position:relative; background:url('../img/pink_troubadour-map.png') 50% 50% no-repeat; background-size:100% auto; transition:background-size 2s; } #target_main .kontakt_bg > .kontakt_map:before { display:block; font-size:3rem; position:absolute; left:50%; bottom:50%; width:1em; height:1em; text-align:center; line-height:1em; color:var(--pink); margin-left:-0.5em; transition:font-size 2s; text-shadow:0 0 1px var(--white); } #target_main .kontakt_bg > .kontakt_map:hover { background-size:200% auto; } #target_main .kontakt_bg > .kontakt_map:hover:before { font-size:1.5rem; } @keyframes product_box_rotate { 0% { transform:rotateY( 45deg); } 100% { transform:rotateY(-22.5deg); } }