@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"); } 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; /* cursor:url("/pics/cursor-guetsel.svg") 15 15, auto; */ } 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%); } .articleBody h1, h2, h3 { font-size:inherit; } .center { text-align:center; } #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:5px; 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; } .content_browser_box_id_browser, .content_browser_box_query { transition:filter 1s; } .content_browser_box_id_browser:hover, .content_browser_box_query:hover { filter:brightness(85%); } .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:#000; outline:none; cursor:pointer; } a:hover { color:#b80718; } a:link.one, a:visited.one, a:active.one, .one { color:#9c9e9f; outline:none; } a:hover.one, .one:hover { color:#b80718; } .hamburger_menu a:link, .hamburger_menu a:visited, .hamburger_menu a:active { color:grey; outline:none; text-decoration:none; } .hamburger_menu a:hover { color:darkred; } .gtddm p { margin:0; } ::-moz-selection { background:#b80718; color:white; } .search_hits { transition:filter 1s; } .search_hits:hover { filter:brightness(0.75); } .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; } 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; -webkit-border-radius:0; outline:0; padding-left:5px; font-size:14px; font-family:"Myriad Pro", Arial, sans-serif; font-size:16px; text-size-adjust:none; border-radius:5px; } 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:5px; } .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:5px; } .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 { display:inline-block; opacity:0.75; } .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:5px; 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:5px !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:5px !important; } .top_bottom_20 { margin:20px 0; } @media screen and (min-width:1040px) { .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:5px; white-space:nowrap; text-align:left; overflow:hidden; z-index:99999; } .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:silver; column-count:3; column-gap:40px; column-rule:1px dotted silver; 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; } .tiktok-text { font-size:16px; } .tiktok_box { width:calc((100% - 120px) /6); height:auto; aspect-ratio:108/192; position:relative; float:left; margin:0 20px 20px 0; border-radius:5px; } .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:5px; } .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:5px; } .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; margin-left:auto; margin-right:auto; padding:150px 0px 20px 20px; text-align:left; height:auto; } .logo { width:100%; position:fixed; height:145px; background-color:#ffffff; top:0; z-index:10; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95; box-shadow:0 0 20px grey; background-image:url(/pics/israel-flag.jpg); background-size:cover; background-position:center; } .searchfield { left:74px; top:20px; width:200px; position:absolute; } 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:5px; } .searchglass { left:243px; top:27px; position:absolute; border:0; width:20px; height:20px; } .logo img { width:302px; height:100px; border:0; margin:0px 10px 10px 0px; float:right; } .rss_image { position:relative; width:calc((100% - 60px) / 3); height:170px; margin-top:20px; border-radius:5px; 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 { width:100%; max-width:1000px; bottom:5px; position:absolute; font-size:16px; line-height:150%; text-align:left; z-index:99995; margin:0 auto 0 auto; left:0; right:0; } .top_menu_mobile { display:none; height:0; } .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; background-color:#ffffff; margin-right:20px; margin-bottom:20px; float:left; padding-bottom:20px; overflow:hidden; border-radius:5px; } .content_browser_image_box_big { display:inline-block; width:100%; height:300px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:5px 5px 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:5px; } .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:5px; } .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:5px; } .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:5px; } .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:5px; } .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:5px; } .content_browser_image_box { display:block; width:100%; height:170px; overflow:hidden; border-radius:5px 5px 0 0; } .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:5px; } .subcolumn_box { position:relative; display:inline-block; width:calc(100% - 20px); padding-bottom:20px; text-align:center; font-size:16px; line-height:150%; color:#9c9e9f; } .subcolumn_box a { 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) - 30px); height:250px; padding:15px; margin-right:20px; margin-bottom:20px; background-color:#ffffff; float:left; border-radius:5px; } .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:5px; } .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) { .splash_postits { 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:5px; } .subcolumns { width:calc(100% - 20px); text-align:left; color:silver; column-count:2; column-gap:40px; column-rule:1px dotted silver; box-sizing:border-box; margin-bottom:20px; } .columns { width:calc(100% - 20px); text-align:left; box-sizing:border-box; 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:5px; 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; } .tiktok_box { width:calc((100% - 40px) / 2); height:auto; aspect-ratio:108/192; position:relative; margin:0 20px 20px 0; border-radius:5px; float:left; } .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:5px; } .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:0px 0px 20px 20px; text-align:left; height:auto; margin:0; } .logo { width:100%; position:relative; height:140px; top:0; z-index:10; } .searchfield { left:20px; top:110px; width:calc(100% - 40px); 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:5px; } .rss_image { width:calc(100% - 20px); height:170px; margin-top:20px; border-radius:5px; } .rss_textbox { width:calc(100% - 20px); margin-top:20px; } .searchglass { display:none; } .toplogo { display:none; } .logo img { width:302px; height:100px; border:0; margin:0px 10px 10px 0px; float:right; } .top_menu { display:none; } .top_unshop_menu { position:absolute; top:80px; left:20px; display:inline; } .banner { width:calc(100% - 20px); max-height:124px; margin-top:0px; margin-bottom:20px; } .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:5px; } .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:5px; } .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:5px; } .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:5px; } .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:5px; } .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:5px; } .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:5px; } .content_browser_image_box { display:block; width:100%; height:170px; overflow:hidden; border-radius:5px 5px 0 0; } .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:100%; font-weight:bold; color:#9c9e9f; margin:0px 0px 5px 0px; } .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:5px; } .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:5px; } .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% - 50px); height:250px; padding:15px; margin-right:20px; margin-bottom:20px; background-color:#ffffff; border-radius:5px; } .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; } }