@font-face { font-family:"Myriad Pro Web"; font-style:normal; font-weight:normal; src:local("Myriad Pro"), url("MyriadPro-Regular.otf") format("opentype"); } @font-face { font-family:"Myriad Pro Web"; font-style:italic; font-weight:normal; src:local("Myriad Pro"), url("MyriadPro-It.otf") format("opentype"); } @font-face { font-family:"Myriad Pro Web"; font-style:inherit; font-weight:bold; src:local("Myriad Pro"), url("MyriadPro-Bold.otf") format("opentype"); } @font-face { font-family:"Myriad Pro Web"; font-style:italic; font-weight:bold; src:local("Myriad Pro"), url("MyriadPro-BoldIt.otf") format("opentype"); overflow-x:hidden; } html, body { margin:0; padding:0; border:0; text-align:center; background-color:#eeebe8; font-family:"Myriad Pro", "Myriad Pro Web", Arial, sans-serif; font-size:16px; line-height:160%; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; overflow-x:hidden; } sub, sup { line-height:0; } input { font-family:"Myriad Pro", "Myriad Pro Web", Arial, sans-serif; } input[type=file] { font-size:0.1; } input[type=submit]:hover { filter:brightness(75%); } #footer-cookie, #footer-cookie * { box-sizing:border-box; } #footer-cookie { /*display:none;*/ position:fixed; width:500px; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); overflow:auto; margin:auto; height:auto; padding:20px; background:rgba(139, 0, 0, 1); color:white; z-index:999999; top:50%; left:50%; transform:translate(-50%, -50%); font-size:16px; line-height:150%; border-radius:3px; } #footer-cookie a { color:white; } #footer-cookie #accept, #footer-cookie #decline { width:125px; height:40px; cursor:pointer; border-radius:20px; background-color:white; line-height:16px; font-size:16px; border:0; } #footer-cookie #accept a, #footer-cookie #decline a { color:black; } #accept:hover, #decline:hover { background-color:darkgrey !important; } #footer-cookie #description { width:100%; } .checkbox input { position:relative; z-index:-9999; } .checkbox span { margin-top:-25px; width:35px; height:35px; display:block; background:url("/pics/checkbox.png"); } .checkbox input:checked + span { background:url("/pics/checkbox-checked.png"); } .vote input { display:none; } .vote span { width:35px; height:35px; display:block; margin-right:10px; margin-bottom:20px; float:left; background:url("/pics/star-grey.png"); background-size:100%; cursor:pointer; } .vote span:hover { width:35px; height:35px; display:block; margin-right:10px; margin-bottom:20px; float:left; background:url("/pics/star-yellow.png"); background-size:100%; cursor:pointer; } .vote input:checked + span { width:35px; height:35px; display:block; margin-right:10px; margin-bottom:20px; float:left; background:url("/pics/star-yellow.png"); background-size:100%; } .articleBody h1, h2, h3 { font-size:inherit; } .center { text-align:center; } .checkbox { cursor:pointer; } .social_media_box { position:relative; display:flex; align-items:center; justify-content:center; float:left; border:0; margin:0 20px 20px 0; border-radius:3px; aspect-ratio:1/1; background-size:100%; background-position:center; cursor:pointer; transition: background-size 1s; -webkit-transition:background-size 1s; overflow:hidden; } .social_media_box:hover { background-size:150%; background-position:center; } .social_media_feed { overflow:hidden; } #filer { width:100%; height:150px; background-image:url(/pics/cloud.png); background-position:center; background-repeat:no-repeat; background-size:100px; padding:20px; font-size:0; text-align:center; margin-top:5px; cursor:pointer; display:inline-block; border-radius:3px; box-sizing:border-box; background-color:white; outline:none; -webkit-appearance:none; } #filer:hover { background-color:lightgrey; } ::file-selector-button { display:none; visibility:hidden; position:absolute; -webkit-appearance:none; appearance:none; } ::file-upload-button { visibility:hidden; display:none; } ins.adsbygoogle[data-ad-status='unfilled'] { display:none !important; } .basket-button { position:relative; margin-left:10px; transform:translateY(2px); height:16px; border:0; cursor:pointer; } .sdg-select { width:100%; font-family:"Myriad Pro", "Myriad Pro Web", Arial, Helvetica, sans-serif; font-size:17px; line-height:17px; height:40px; background-color:white; padding:0 0 0 10px; outline:none; outline-width:0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border:1px solid black; border-radius:0; } .upload::file-selector-button { display:none; } .upload { background-image:url(/pics/upload.jpg); background-position:center; background-size:cover; color:transparent; border:1px dashed black; } .upload:hover { background-image:url(/pics/upload-hover.jpg); background-position:center; background-size:cover; } a:link, a:visited, a:active { color:black; outline:none; cursor:pointer; } a:hover { color:darkred; } a:link.one, a:visited.one, a:active.one, .one { color:darkgrey; outline:none; } a:hover.one, .one:hover { color:darkred; } a:link.hashtag, a:visited.hashtag, a:active.hashtag, .hashtag { color:rgb(74, 153, 233) !important; text-decoration:none !important; } a:hover.hashtag, .hashtag { text-decoration:underline !important; } .hamburger_menu a:link, .hamburger_menu a:visited, .hamburger_menu a:active { color:darkgrey; outline:none; text-decoration:none; } .hamburger_menu a:hover { color:darkred; } .hamburger_menu p { margin:5px 0; } .gtddm p { margin:0; } ::-moz-selection { background:#b80718; color:white; } .slick-slide { margin:0; outline:none; } .slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } .slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; outline:none; } .slick-list:focus { outline:none; } .slick-list .dragging { cursor:pointer; cursor:hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .slick-track { position:relative; top:0; left:0; display:block; } .slick-track:before, .slick-track:after { display:table; content:''; } .slick-track:after { clear:both; } .slick-loading .slick-track { visibility:hidden; } .slick-slide { display:none; float:left; height:50px; outline:0; outline:none; -webkit-tap-highlight-color:transparent; -moz-tap-highlight-color:transparent; -o-tap-highlight-color:transparent; tap-highlight-color:transparent; background-color:transparent; } [dir='rtl'] .slick-slide { float:right; } .slick-slide img { display:block; margin:0 50px; } .slick-slide. slick-loading img { display:none; } .slick-slide .dragging img { pointer-events:none; } .slick-initialized .slick-slide { display:block; } .slick-loading .slick-slide { visibility:hidden; } .slick-vertical .slick-slide { display:block; height:50px; border:1px solid transparent; } .slick-arrow .slick-hidden { display:none; } .content_preview { width:100%; font-size:20px; line-height:150%; } .caption { margin:20px 0; line-height:150%; color:grey; } .caption a { color:grey; text-decoration:none; } .caption a:hover { color:darkred; } #poster, #avatar { color:transparent; } #poster::file-selector-button, #avatar::file-selector-button { display:none; } .guetsel_logo { display:block; opacity:1; transition:opacity 1s; } .guetsel_logo:hover { opacity:0.5; } h1, h2, h3, h3, h4 { font-family:"Myriad Pro", "Myriad Pro Web", Arial, sans-serif; line-height:150%; } textarea { width:calc(100% - 9px); height:90px; border:1px solid #9c9e9f; outline:0; padding-left:5px; font-size:14px; font-family:"Myriad Pro", Arial, sans-serif; font-size:16px; text-size-adjust:none; border-radius:3px; } input[type=submit], input[type=reset] { line-height:100%; font-size:16px; color:#666666; width:120px; padding:10px; margin-right:20px; border:1px solid #9c9e9f; outline:0; background:transparent; border-radius:3px; } .no-ads .google-auto-placed, .footer_columns .google-auto-placed { display:none !important; } .webcard_logo_bottom { display:inline-block; margin:0 20px 10px 0; border:0; background-color:white; aspect-ratio:1/1; border-radius:3px; } .video-container { width:100%; position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden; margin-bottom:-24px; } .clickable:hover { cursor:pointer; } .ui-datepicker { width:calc(100% - 40px); padding:10px; display:none; border-radius:10px; } .ui-datepicker-header { width:100%; position:relative; padding:10px; background-color:#eeebe8; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; width:1.8em; height:1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { cursor:pointer; } .ui-datepicker .ui-datepicker-next-hover { cursor:pointer; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block; position:absolute; left:50%; margin-left:-5px; } .ui-datepicker .ui-datepicker-title { margin:0; line-height:1.8em; text-align:center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:45%; } .ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em; } .ui-datepicker th { padding:.7em .3em; text-align:center; font-weight:bold; border:0; } .ui-datepicker td { border:0; padding:1px; } .ui-datepicker td span, .ui-datepicker td a { display:block; padding:.2em; text-align:right; text-decoration:none; } .ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0; } .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker-today a { color:#9c0c04 !important; font-weight:bold; } .toplogo { opacity:0.75; filter:saturate(0); transition:1s; } .toplogo:hover { filter:saturate(1); transform:scale(1.5); opacity:1; } .content_browser_box_category_big { font-size:12px; line-height:12px; color:#9c9e9f; margin:10px 0px 5px 0px; text-decoration:none; } .top_thema { color:#b80718; flex-basis:100%; margin:0; padding:0; border:0; } .dropdown-content { visibility:hidden; position:absolute; display:inline-block; width:300px; height:auto; max-height:calc(100vh - 80px); left:calc(50% - 170px); top:50%; transform:translateY(-50%); background-color:white; white-space:nowrap; text-align:left; padding:20px; border-radius:3px; overflow:auto; z-index:99999; } .dropdown-content p { margin:0; } .dropdown-content p:first-child { margin:-5px 0 0 0; } .dropdown-content p:last-child { margin:0 0 -10px 0; } .dropdown-wrapper { position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0, 0, 0, 0.75); visibility:hidden; z-index:99990; cursor:pointer; } .youtube_poster { background-color:rgba(184, 7, 24, 0.75); padding:20px; left:0; bottom:0; position:absolute; text-align:left; color:white; } #comment_submit { background-color:rgb(184, 29, 13); } #comment_submit:hover { background-color:rgb(142, 21, 8); } .ob-rec-image, .ob-rec-image .ob-show { border-radius:3px !important; } .ob-sub-units { padding:0; !important; border:0 !important; margin:20px 0 0 0 !important; } .ob-cards div img { width:100% !important; border-radius:3px !important; } .top_bottom_20 { margin:20px 0; } .skyscraper { display:none; position:absolute; left:1020px; top:5px; width:160px; height:calc(100% - 5px); border:0; overflow:hidden; } .event { position:relative; display:inline-block; width:250px; height:175px; margin:0 0 50px 0; cursor:pointer; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:DimGrey; box-shadow:5px 5px 15px 5px rgba(0, 0, 0, 0.75); transition:all 1s; } .event:first-child { z-index:1; } .event:hover { transform:scale(150%) !important; z-index:99999999999999999 !important; } .webcard-overlay { transition:opacity 1s; } .webcard-overlay:hover { opacity:0; } .search_hits, .search-hits-query { background-color:white; color:black; transition:all 1s; } .search_hits:hover, .search-hits-query:hover { background-color:darkred; color:white; } @media screen and (min-width:1220px) { .skyscraper { display:block; } #searchglass { display:none; } #mobilekalender { display:none; } } @media screen and (min-width:1040px) { .claim { position:absolute; left:400px; top:15px; font-family:Garamond, Times New Roman, serif; font-size:12px; line-height:125%; color:white; z-index:9999999; opacity:0.75; transform:rotate(-7.5deg); } #mobilekalender { display:none; } #searchglass { display:none; } #cultureddm-columns { width:calc(100% - 40px); background-color:rgba(255, 255, 255, 0.95); padding:15px 20px; white-space:nowrap; hyphens:none; -webkit-hyphens:none; box-shadow:5px 5px 25px rgba(0, 0, 0, 0.25); border-radius:3px; column-count:3; column-gap:40px; column-rule:1px dotted darkgrey; } #cultureddm-content-columns { width:calc(100% - 40px); background-color:rgba(255, 255, 255, 0.95); margin-top:20px; padding:15px 20px; white-space:nowrap; hyphens:none; -webkit-hyphens:none; box-shadow:5px 5px 25px rgba(0, 0, 0, 0.25); border-radius:3px; column-count:6; column-gap:40px; column-rule:1px dotted darkgrey; } .dropdown-webcam { visibility:hidden; position:absolute; display:inline-block; width:640px; height:300px; left:calc(50% - 320px); top:50%; transform:translateY(-50%); background-color:transparent; border-radius:3px; white-space:nowrap; text-align:left; overflow:hidden; z-index:99999; } .splash_timeline { width:calc(100% - 20px); padding-bottom:145px; margin-left:-20px; box-sizing:border-box; overflow:visible; } .footer_navigation { position:fixed; width:100%; left:0; bottom:0; background-color:white; padding:20px 0 10px 0; text-align-last:center; z-index:999999999999; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); } .magazine { position:absolute; left:425px; top:0; width:53px; transform:rotate(10deg); border:0; z-index:999999; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5); } .europe-square { position:absolute; left:480px; top:10px; width:53px; transform:rotate(-7deg); border:0; z-index:999999; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5); } .splash_news { width:100vw; padding:20px 20px 0 20px; background-color:white; margin:-10px 0 10px -20px; border-bottom:1px solid darkgrey; box-sizing:border-box; } .book { width:300px; margin:0 20px 20px 0; float:left; } .guetsel-gallery { width:calc((100% - 120px) / 6); } .mobile_footer { display:none; } .subcolumns { width:calc(100% - 20px); text-align:left; color:darkgrey; column-count:3; column-gap:40px; column-rule:1px dotted darkgrey; box-sizing:border-box; margin-bottom:20px; } .columns { width:calc(100% - 20px); text-align:left; column-count:3; column-gap:40px; column-rule:1px dotted black; box-sizing:border-box; margin-bottom:20px; } .columns p:first-child { margin-top:0; } .columns p { margin:25.6px 0; } .header { width:100vw; position:fixed; height:75px; background-color:rgb(142, 21, 8); top:0; z-index:999999; box-sizing:border-box; padding:0; text-align:left; } .tiktok-text { font-size:16px; } .social_media_box { width:calc((100% - 120px) / 6); height:auto; aspect-ratio:1/1; position:relative; float:left; margin:0 20px 20px 0; border-radius:3px; } .hamburger_menu { width:320px; max-height:calc(100vh - 40px); opacity:0.95; position:fixed; } .hamburger_menu_button { position:fixed; cursor:pointer; } .guetsel_logo { position:fixed; } .mobile_ad { display:none; } .dreierfeld { width:calc(100% - 60px); padding:20px; margin-right:20px; height:auto; display:flex; align-items:stretch; flex-wrap:wrap; background-color:white; margin-bottom:20px; flex:1; border-radius:3px; } .dreierfeld_content_id_browser { width:calc(100% - 60px); padding:20px; margin-right:20px; margin-top:20px; height:auto; display:flex; align-items:stretch; flex-wrap:wrap; background-color:white; margin-bottom:20px; flex:1; border-radius:3px; } .dreierfeld_first { max-width:calc(33% - 20px); margin-top:20px; padding-right:20px; border-right:1px dotted black; line-height:125%; } .dreierfeld_second { max-width:calc(33% - 20px); margin-top:20px; padding-left:20px; padding-right:20px; border-right:1px dotted black; line-height:125%; } .dreierfeld_third { max-width:calc(33% - 40px); margin-top:20px; padding-left:20px; line-height:125%; } .affilinet { width:calc(100% - 20px); text-align:center; } .medium_rectangle { float:right; margin:0 0 20px 20px; border:1px solid black; } .schaltplatz { width:calc(100% - 20px); text-align:center; } .container { width:1020px !important; padding:10px 0px 0 20px; text-align:left; height:auto; margin-top:0; } .searchfield { position:relative; width:100vw; top:20px; } input[type=text], input[type=email] { width:100%; height:35px; line-height:35px; border:1px solid #9c9e9f; outline:0; padding:0 0 0 10px; font-size:16px; box-sizing:border-box; border-radius:3px; } .searchglass { left:243px; top:27px; position:absolute; border:0; width:20px; height:20px; } .rss_image { position:relative; width:calc((100% - 60px) / 3); height:170px; margin-top:20px; border-radius:3px; float:left; } .rss_textbox { display:block; position:relative; width:calc(((100% - 60px) / 3) * 2); height:170px; padding-left:20px; margin-top:20px; float:left; box-sizing:border-box; } .top_menu { position:relative; width:100vw; margin-top:75px; font-size:16px !important; line-height:100%; text-align:left; background-color:white; padding:15px 0 15px 20px; border-bottom:1px solid darkgrey; box-sizing:border-box; } .top_menu a { font-size:16px !important; line-height:100%; } .top_menu_mobile { display:none !important; height:0 !important; } .top_unshop_menu { display:none; } .banner { width:calc(100% - 20px); max-height:124px; margin-top:20px; margin-bottom:40px; } .column_headline { font-size:36px; } .content_browser_box_big { position:relative; width:calc((((100% - 60px) / 3) * 2) + 20px); height:600px !important; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; padding-bottom:20px; overflow:hidden; border-radius:3px; } .content_browser_image_box_big { display:inline-block; width:100%; height:300px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:3px 3px 0 0; } .content_browser_image_big { width:100%; height:100%; border:0; } .content_browser_text_box_big { padding:0 15px 15px 15px; } .content_browser_box { position:relative; display:block; width:calc((100% - 60px) / 3); height:300px; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; overflow:hidden; border-radius:3px; } .content_browser_box_highlights { position:relative; display:block; width:calc((100% - 60px) / 3); height:300px; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; overflow:hidden; text-overflow:ellipsis; border-radius:3px; } .content_browser_box_highlights_top_box { position:relative; display:block; width:calc((100% - 60px) / 3); background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; position:relative; height:940px; float:right; overflow:hidden; border-radius:3px; } .content_browser_box_ad { position:relative; display:block; width:calc((100% - 60px) / 3); height:300px; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; border-radius:3px; } .content_browser_box_produkte { position:relative; display:block; width:calc((100% - 60px) / 3); height:300px; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; } .content_browser_box_id_browser { position:relative; display:block; width:calc((100% - 60px) / 3); height:300px; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; border-radius:3px; } .content_browser_box_id_browser_no_float { width:calc((100% - 60px) / 3); background-color:#ffffff; margin-right:20px; margin-bottom:20px; min-width:0; object-fit:contain; flex-shrink:1; flex-grow:0; } .content_browser_box_query { position:relative; display:block; width:calc((100% - 60px) / 3); height:300px; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; border-radius:3px; } .content_browser_image_box { display:block; width:100%; height:170px; overflow:hidden; border-radius:3px 3px 0 0; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:visible; } .content_browser_image { width:100%; height:170px; margin:0; padding:0; border:0; } .content_browser_text_box { display:block; padding:0px 15px 15px 15px; margin:0; overflow:hidden; } .content_browser_box_category { font-size:12px; line-height:100%; font-weight:bold; color:#9c9e9f; margin:15px 0px 5px 0px; } .content_browser_box_headline { font-size:16px; line-height:110%; margin-bottom:10px; -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .content_browser_box_headline_big { font-size:28px; line-height:110%; margin-bottom:10px; -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .content_browser_box_preview { margin-top:-20px; } .content_browser_box_share { position:absolute; display:block; left:15px; bottom:15px; line-height:0; } .content_browser_box_share img { width:20px; height:20px; border:0; margin-right:10px; } .column_box { position:relative; display:inline-block; width:calc(100% - 20px); font-size:36px; text-align:center; padding-top:40px; padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #9c9e9f; border-radius:3px; } .subcolumn_box { position:relative; display:inline-block; width:calc(100% - 20px); padding-bottom:5px; text-align:left; font-size:16px; line-height:100%; color:darkgrey; } .subcolumn_box a { color:darkgrey; text-decoration:none; } .subcolumn_box_yellow { position:relative; display:inline-block; width:calc(100% - 20px); padding-bottom:20px; text-align:center; font-size:12px; line-height:100%; color:#9c9e9f; } .footer_columns { width:calc((100% - 100px) / 5); margin-right:20px; display:inline-block; text-align:left; font-size:12px; line-height:200%; float:left; } .search_hits { width:calc(((100% - 60px) / 3)); height:250px; padding:15px; margin-right:20px; margin-bottom:20px; background-color:#ffffff; float:left; border-radius:3px; } .search-hits-query { width:calc(((100% - 60px) / 3) - 30px); height:250px; padding:15px; margin-right:20px; margin-bottom:20px; background-color:#ffffff; float:left; border-radius:3px; } .archiv_box { width:calc((100% - 120px) / 6); margin-right:20px; margin-bottom:20px; text-align:center; float:left; font-size:16px; line-height:150%; border-radius:3px; } .content_headline { width:calc(100% - 20px); font-size:36px; line-height:125%; font-family:"Myriad Pro Black", "Myriad Pro", "Myriad Pro Web", Arial, sans-serif; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .content { margin-top:20px; /* column-count:3; column-gap:20px; -moz-column-count:3; -moz-column-gap:20px; -webkit-column-count:3; -webkit-column-gap:20px; */ -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; display:table; } .content_copy { font-size:24px; line-height:26px; } .fb-comments { width:100%; margin:0; padding:0; overflow:hidden; } .webcards { width:calc((100% - 120px)/6); margin-top:10px; margin-right:20px; border:0; } .content_picture_shop { width:250px; height:100%; border:0; margin:5px 20px 20px 0; float:left; display:table-cell; } .content_subcontainer { width:calc(100% - 320px); float:left; margin-top:-5px; } .webcard_logo_bottom { width:calc((100% / 9) - 20px); } .yellowbox { width:100%; column-count:3; text-align:left; line-height:200%; margin-bottom:50px; } .youtube_poster { font-size:16px; line-height:150%; } } @media screen and (max-width:1039px) { .claim { position:absolute; left:320px; top:10px; font-family:Garamond, Times New Roman, serif; font-size:10px; line-height:125%; color:white; z-index:9999999; opacity:0.75; transform:rotate(-7.5deg); } #mobilekalender { display:flex; } #searchglass { display:block; } #cultureddm-columns { width:calc(100% - 40px); background-color:rgba(255, 255, 255, 0.95); padding:15px 20px; white-space:nowrap; hyphens:none; -webkit-hyphens:none; box-shadow:5px 5px 25px rgba(0, 0, 0, 0.25); border-radius:3px; } #cultureddm-content-columns { width:calc(100% - 40px); background-color:rgba(255, 255, 255, 0.95); margin-top:20px; padding:15px 20px; white-space:nowrap; hyphens:none; -webkit-hyphens:none; box-shadow:5px 5px 25px rgba(0, 0, 0, 0.25); border-radius:3px; } .weather { display:none; } .wrapper { margin-top:25px; } .splash_postits { display:none; } .splash_timeline { width:calc(100% - 20px); box-sizing:border-box; margin-bottom:-50px; } .footer_navigation { position:fixed; width:100%; left:0; bottom:0; background-color:rgb(142, 21, 8); padding:20px 0 10px 0; text-align-last:center; z-index:999999999999; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); } .magazine { display:none; } .europe-square { display:none; } .archiv_box { width:calc((100% - 80px) / 4); margin-right:20px; margin-bottom:20px; text-align:center; float:left; font-size:16px; line-height:150%; border-radius:3px; } .splash_news { width:100vw; padding:20px 20px 0 20px; background-color:white; margin:-25px 0 -10px -20px; border-bottom:1px solid darkgrey; box-sizing:border-box; } .splash_news_headlines { width:calc(100% + 20px); margin-bottom:20px; padding-bottom:15px; border-bottom:1px dotted darkgrey; } .splash_news_headlines:last-child { padding-bottom:0; border:0; } .subcolumns { width:calc(100% - 20px); text-align:left; color:darkgrey; column-count:2; column-gap:40px; column-rule:1px dotted darkgrey; box-sizing:border-box; margin-bottom:20px; } .header { width:125vw; position:fixed; height:75px; background-color:rgb(142, 21, 8); top:0; z-index:10; box-sizing:border-box; padding:0; text-align:left; transform:scale(0.8); transform-origin:0 0; } .columns { width:calc(100% - 20px); text-align:left; box-sizing:border-box; margin-top:20px; margin-bottom:20px; } .dropdown-webcam { visibility:hidden; display:inline-block; width:calc(100vw - 40px); height:300px; margin-top:calc(100vw - 150px); background-color:transparent; border-radius:3px; white-space:nowrap; text-align:left; overflow:auto; z-index:99999; } .book { width:100%; margin:0 20px 20px 0; } .mobile_footer { width:100%; text-align:center; border-bottom:1px solid #9c9e9f; } .guetsel-gallery { width:calc((100% - 60px) / 3); } .tiktok-text { font-size:16px; } .social_media_box { width:calc((100% - 80px) /4); height:auto; aspect-ratio:1/1; position:relative; float:left; margin:0 20px 20px 0; border-radius:3px; } .social_media_box:nth-child(5n), .social_media_box:nth-child(6n) { display:none !important; } .hamburger_menu { width:calc(100% - 40px); border-bottom:1px solid #9c9e9f; opacity:0.95; position:absolute; } .hamburger_menu_button { position:absolute; cursor:pointer; } .guetsel_logo { position:absolute; } .mobile_ad { min-width:320px; min-height:50px; } .dreierfeld { width:calc(100% - 60px); padding:20px; margin-right:20px; height:auto; display:flex; align-items:stretch; flex-wrap:wrap; background-color:white; margin-bottom:20px; flex:1; } .dreierfeld_content_id_browser { width:calc(100% - 60px); padding:20px; margin-right:20px; margin-top:20px; height:auto; display:flex; align-items:stretch; flex-wrap:wrap; background-color:white; margin-bottom:20px; flex:1; border-radius:3px; } .dreierfeld_first { margin-top:20px; line-height:125%; } .dreierfeld_second { margin-top:20px; line-height:125%; } .dreierfeld_third { margin-top:20px; line-height:125%; } .affilinet { width:calc(100% - 20px); text-align:center; } .medium_rectangle { display:none; } .schaltplatz { display:none; } .container { width:calc(100% - 20px); padding:70px 0px 20px 20px; text-align:left; height:auto; margin:0; } .searchfield { left:20px; top:110px; position:absolute; } input[type=text], input[type=email] { width:100%; height:40px; line-height:40px; border:0; outline:0; padding:0 0 0 10px; font-size:16px; box-sizing:border-box; border-radius:3px; } .rss_image { width:calc(100% - 20px); height:170px; margin-top:20px; border-radius:3px; } .rss_textbox { width:calc(100% - 20px); margin-top:20px; } .searchglass { display:none; } .toplogo { display:none; } .top_menu { display:none; } .top_unshop_menu { margin:80px 0 -40px 0; height:40px; display:block; } .banner { width:calc(100% - 20px); max-height:124px; margin-top:0px; margin-bottom:20px; } .banner_show { margin-top:-35px !important; } .column_headline { font-size:24px; } .content_browser_box_big { position:relative; width:calc(100% - 20px); height:300px; background-color:#ffffff; margin-right:20px; margin-bottom:20px; border-radius:3px; } .content_browser_image_box_big { width:100%; height:170px; margin:0; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:5px 5px 0 0; } .content_preview { display:none; } .content_browser_image_big { width:100%; height:170px; border:0; } .content_browser_text_box_big { padding:0 15px 15px 15px; } .content_browser_box { display:none; } .content_browser_box_highlights { position:relative; display:block; width:calc((100% - 20px)); height:300px; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; overflow:hidden; text-overflow:ellipsis; border-radius:3px; } .content_browser_box_highlights_top_box { position:relative; display:block; width:calc((100% - 20px)); background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; position:relative; float:right; overflow:hidden; border-radius:3px; } .content_browser_box_ad { position:relative; width:calc(100% - 20px); height:calc(100vw * 0.94 - 40px); background-color:#ffffff; margin-right:20px; margin-bottom:20px; border-radius:3px; } .content_browser_box_produkte { position:relative; display:block; width:calc(100% - 20px); height:auto; background-color:#ffffff; margin-right:20px; margin-bottom:20px; padding:0; } .content_browser_box_id_browser { position:relative; display:block; width:calc(100% - 20px); height:auto; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; border-radius:3px; } .content_browser_box_id_browser_no_float { position:relative; display:block; width:calc(100% - 20px); height:auto; background-color:#ffffff; margin-right:20px; margin-bottom:20px; border-radius:3px; } .content_browser_box_query { position:relative; display:block; width:calc(100% - 20px); height:300px; background-color:#ffffff; margin-right:20px; margin-bottom:20px; border-radius:3px; } .content_browser_image_box { display:block; width:100%; height:170px; overflow:hidden; border-radius:3px 3px 0 0; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:visible; } .content_browser_image { width:100%; height:170px; margin:0; padding:0; border:0; } .content_browser_text_box { max-width:100%; display:block; padding:15px; margin:0; overflow:hidden; -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; overflow:hidden; } .content_browser_box_category { font-size:12px; line-height:12px; font-weight:bold; color:darkgrey; margin:0; } .content_browser_box_headline { max-width:100%; font-size:16px; line-height:110%; margin-bottom:15px; -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .content_browser_box_headline_big { max-width:100%; font-size:16px; line-height:110%; margin:0; -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .content_browser_box_preview { display:none; } .content_browser_box_share { position:relative; display:inline-block; margin:0px 0px 15px 15px; line-height:0; } .content_browser_box_share img { width:20px; height:20px; border:0; margin:0px 10px 0px 0px; } .column_box { position:relative; display:inline-block; width:calc(100% - 20px); font-size:36px; line-height:36px; text-align:center; padding-top:40px; padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #9c9e9f; border-radius:3px; } .subcolumn_box { display:none; } .subcolumn_box_yellow { position:relative; display:inline-block; width:calc(100% - 20px); padding-bottom:20px; text-align:center; font-size:16px; line-height:100%; color:#9c9e9f; border-radius:3px; } .footer_columns { width:100%; margin-right:20px; margin-bottom:20px; padding-bottom:20px; display:inline-block; text-align:center; font-size:16px; line-height:200%; border-bottom:1px solid #9c9e9f; } .search_hits { width:calc(100% - 20px); height:250px; padding:15px; margin-right:20px; margin-bottom:20px; background-color:#ffffff; border-radius:3px; } .search-hits-query { width:calc(100% - 50px); height:250px; padding:15px; margin-right:20px; margin-bottom:20px; background-color:#ffffff; border-radius:3px; } .content_headline { width:calc(100% - 20px); font-size:20px; line-height:125%; font-family:"Myriad Pro Black", "Myriad Pro", "Myriad Pro Web", Arial, sans-serif; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .content { margin-top:20px; -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .content_copy { display:none; } .fb-comments { width:calc(100% - 40px); margin:0; padding:0; overflow:hidden; } .webcards { width:calc((100% - 60px)/3); margin-top:10px; margin-right:20px; border:0; } .content_picture_shop { width:100%; height:auto; border:0; margin:0 20px 20px 0; float:left; } .content_subcontainer { vertical-align:top; } .webcard_logo_bottom { width:calc((100% / 3) - 20px); } .yellowbox { width:100%; column-count:1; text-align:left; line-height:200%; margin-bottom:50px; } .youtube_poster { font-size:12px; line-height:150%; padding:10px; } }