/* ubuntu-sans-200 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Ubuntu Sans'; font-style: normal; font-weight: 200; src: url('fonts/ubuntu-sans-v2-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ubuntu-sans-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Ubuntu Sans'; font-style: normal; font-weight: 400; src: url('fonts/ubuntu-sans-v2-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ubuntu-sans-italic - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Ubuntu Sans'; font-style: italic; font-weight: 400; src: url('fonts/ubuntu-sans-v2-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ubuntu-sans-500 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Ubuntu Sans'; font-style: normal; font-weight: 500; src: url('fonts/ubuntu-sans-v2-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ubuntu-sans-800 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Ubuntu Sans'; font-style: normal; font-weight: 800; src: url('fonts/ubuntu-sans-v2-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } :root{ --ciFarbe1: #333333; --ciFarbe2: #cd2e25; --maxBreite: 1800px; --maxSliderHoehe: calc(100vw/16*9) !important; --minSliderHoehe: calc(100vw/16*4.5) !important; --blockGap: 30px; } html {font-size:100%; line-height:100%; scroll-behavior:smooth; overscroll-behavior:none;} body {width:100vw; min-height:100vh; overflow-x:hidden; background:#fff;} *,*::after,*::before {margin:0; padding:0; font-family:'Ubuntu Sans', sans-serif; font-size:16px; line-height:28px; color:var(--ciFarbe1); font-weight:340; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} span {font-size:inherit; line-height:inherit; font-weight:inherit; color:inherit; font-style:inherit;} span.nowrap {white-space:nowrap;} a, img {border-style:none; text-decoration:underline; border:0;} a {text-decoration-color:#bbb; text-underline-offset:3px; text-decoration-thickness:1px;} h1, .titel {font-size:28px; line-height:34px; font-weight:500;margin-bottom:5px;} h2, .untertitel {font-size:20px; line-height:28px; font-weight:500; margin-bottom:4px;} h3, .content {font-size:18px; line-height:26px; font-weight:500;} h3 {margin:0; margin-bottom:2px;} h2.login {margin-bottom:12px;} h1.maintitle {margin-top:0; margin-bottom:8px;color:#019ccb;} h2.subtitle {font-size:14px; margin-top:0; margin-bottom:20px; font-weight:normal; letter-spacing:1px;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} label {vertical-align:middle;} ol, ul, li {margin:0; padding:0;} ul, ol, form {margin-top:4px; margin-bottom:8px;} form {margin-top:8px;} ul {margin-left:15px;} ol {margin-left:20px;} ul ul, ul.sitemap1 {margin-left:15px;} ul ul {margin-top:1px; margin-bottom:1px;} ol ol {margin-top:1px; margin-bottom:1px;} b,strong {font-family:inherit; font-weight:500; font-variation-settings:'wght' 550; font-size:inherit; color:inherit; line-height:inherit;} i,em {font-style:italic;} #head {position:fixed; width:100vw; top:0; left:0; z-index:5; background:#fff; box-shadow:0 0 10px -5px #000;} #headWrap {position:relative; display:grid; width:100%; max-width:var(--maxBreite); height:100px; margin:0 auto; padding:0 10px; grid-template-columns:200px 1fr; align-items:center; grid-gap:20px;} #icons {width:200px;} #icons img {width:40px; height:40px;} #topspacer {position:relative; width:100%; height:100px;} #nav {display:none;} .iframe {max-width:100%;} #content0 .galeriethumb {max-width:140px !important; border-radius:5px;} #content1 .galeriethumb {max-width:140px !important; border-radius:5px;} #content2 .galeriethumb {max-width:140px !important; border-radius:5px;} #content0 {text-align:justify;} #content1 {text-align:justify;} #content2 {text-align:justify;} #content0 a {color:#019ccb;text-decoration:none;} #content1 a {color:#019ccb;text-decoration:none;} #content2 a {color:#019ccb;text-decoration:none;} #content0 hr, #content1 hr, #content2 hr {margin-bottom:20px;} #content0 textarea, #content1 textarea, #content2 textarea {width:80%;} #content0 .submit, #content1 .submit, #content2 .submit {display:block;padding:20px; width:200px !important;} #content0 select, #content1 select, #content2 select {width:80%; padding:10px;margin-bottom:20px;} .kachelWrap {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:20px; align-items:start;} hr {border-top: 2px dotted #d0d1d6 !important;} div.newslettercheckin * {line-height:14px;} div.newslettercheckin .myinput {margin-top:10px; margin-right:20px; width:80% !important; max-width:400px;} div.dsgvo_layer {margin-top:20px !important;width:100% !important;} [name=reg_form_2] {display:none;} div.overview_item {clear:both; margin-top:40px; border-top:2px dotted #999999;} .overview_item_img {float:left; margin-top:20px; margin-right:30px; margin-bottom:30px; width:300px; height:auto; border-radius:5px;} div.overview_item h1 {padding-top:40px !important;} div.overview_item_text {} div.overview_item:nth-of-type(odd) {} div.overview_item:nth-of-type(even) {} .extcont {position:relative; z-index:2; width:100vw; top:0; left:0; margin:40px 0;} .extcontWrap {position:relative; display:grid; width:100%; max-width:var(--maxBreite); margin:0 auto; padding:0 0; align-items:center; grid-gap:20px;} .extcont.extcont2 {background:#fff; z-index:2; padding:40px 0;} .extcont.extcont2 .extcontWrap {padding:0 10px;} .extcont.extcont3 {position:relative; z-index:2; width:calc(100% - 200px); margin:auto; width:100%; padding:0 10px;} .extcont.extcont4 {background:#fff; position:relative; z-index:2; max-width:100vw; margin:0;} .extcont.extcont4 img {width:100%; height:auto;} div.overview_item {clear:both; margin-top:40px; border-top:2px dotted #999999;} .overview_item_img {float:left; margin-top:20px; margin-right:30px; margin-bottom:30px; width:300px; height:auto; border-radius:5px;} div.overview_item h1 {padding-top:40px !important;} div.overview_item_text {} div.overview_item:nth-of-type(odd) {} div.overview_item:nth-of-type(even) {} /* ---------- CL Slider start ---------- */ #slidercontainer {position:relative; z-index:2; width:100%; max-width:100vw; margin:0px;} img.fwxgalleryslider-slide {width:100% !important; height:100% !important; object-fit:cover; left:0 !important;} #slidercontainer,#slider1_container,#slider1 img.fwxgalleryslider-slide {height:calc(100vh - 100px) !important; top:0 !important;} #slidercontainer.halfslide, #slidercontainer.halfslide #slider1_container, #slidercontainer.halfslide #slider1, #slidercontainer.halfslide img.fwxgalleryslider-slide {height:50vh !important; top:0 !important;} /* ---------- CL Slider ende ---------- */ /* ++++++++++++++++++++++++ Slick Slider LOGI +++++++++++++++++++++++ */ #logi-wrapper {width:100%; margin:0 0 40px; text-align:center; opacity:0.5; transition:opacity ease-out 1s} #logi-wrapper:hover {opacity:1; transition:opacity ease-out 0.5s;} #logi {width:100%; max-width:1600px; display:inline-block;} #logi-wrapper h2 {margin-bottom:0; top:43px; padding:0 10px; font-weight:500; font-size:12px; position:relative; display:inline-block; background:#fff;} hr.logi {margin:30px 0 40px; border:0; height:1px; background:#fff; background-image:linear-gradient(90deg, transparent, #8e9fbc, transparent);} hr.logi2 {max-width:var(--maxBreite); margin:auto; border:0; height:1px; background-color:var(--ciFarbe);} #logi img {width:100%; height:auto; padding:0 30px;} #logi a {display:inline-block;} .slick-slide img {height:100px !important; width:auto ;} img.slick-slide {height:100px !important; width:auto ;} .slickunten .bp_edit_area {display:none;} .block.slide .edbloc {display:none;} .extcont.extcont6 {width:calc(100% - 20px); margin:auto;padding-top:40px; padding-bottom:40px;} .block .edbloc a img {width:15px !important; height:15px !important} .block.termine .edbloc {grid-column-start:1; grid-column-end:4; grid-row-start:2; grid-row-end:3;text-align:center;} /* ---------- BP Block Alm start ---------- */ .blockWrap {display:grid; width:100%; padding:0; grid-gap:var(--blockGap);} .blockWrap.alm {grid-template-columns:1fr; } .block.alm {width:100%; display:grid; grid-gap:0; align-content:start; border-bottom:2px dotted #999; padding-bottom:20px; margin-bottom:20px;} .block.alm .blockBild img {width:70%; height:auto; border-radius:5px;} .block.alm h3.blockTitel {font-size:16px; margin:0; padding:15px 10px 15px 0px; font-weight:900; } .block.alm .blockText {font-size:14px; padding:0px 10px 25px 0px;} .block.alm .blockText * {font-size:12px; padding:0px 10px 25px 0px;} .block.alm .blockText, .block.alm .blockText * {line-height:22px; margin:0px; padding:0px; } .block.alm .blockTrenn {height:0px; background:var(--ciFarbe1); margin:0 0px;} .block.alm .myIcons {margin:0px; padding:0px; padding-bottom:10px; padding-top:10px;} .block.alm .myIcons img {width:45px !important; height:auto; margin:0px;padding:0px;} #content0 .block.alm .blockText {margin-top:10px; text-align:left;} #content0 .block.alm .blockText, #content0 .block.alm .blockText * {font-size:13px;} #content1 .block.alm .blockText, #content1 .block.alm .blockText * {font-size:13px;} #content2 .block.alm .blockText, #content2 .block.alm .blockText * {font-size:13px;} /* ---------- BP Block Alm ende ---------- */ /* ---------- BP Kachel start ---------- */ .block.kachel {position:relative; display:grid; width:100%; grid-template-columns:1fr; align-items:start;box-shadow: 2px 2px 10px #efefef;} .block.kachel .blockBild img {width:100%; height:auto;} .block.kachel .blockBild iframe {width:100%; height:auto;} .block.kachel .blockText {width:100%; padding:10px 30px 30px 30px; color:#fff; line-height:22px; background:#019ccb;} .block.kachel .blockText * {text-decoration:none; color:#fff; line-height:22px;} .block.kachel .blockText a {position:relative; display:inline-block; margin:10px 0 0; text-decoration:none; color:#fff;} .block.kachel .blockText h3 {font-size:18px; line-height:28px; font-weight:340;} /* ---------- BP Kachel ende ---------- */ .block.kachel.masonry {width:100%; margin-bottom:20px;} .block.kachel.masonry.masonry_yt {width:100%; margin-bottom:20px;} .block.kachel.masonry.masonry_yt .blockBild iframe {width:100%; height:auto; aspect-ratio:16/9;} /* ---------- BP Block Termine start ---------- */ .blockWrap.termine {width:100%; display:grid; grid-template-columns:1fr; grid-gap:50px;} .block.termine {width:100%; display:grid; grid-gap:20px; align-content:center; grid-template-columns:180px 1fr; padding-bottom:10px; border-bottom:2px dotted #999;} .block.termine .blockDatum {grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2; display:grid; align-content:center;} .block.termine .blockBild {grid-column-start:2; grid-column-end:3; grid-row-start:1; grid-row-end:2; width:200px; display:none;} .block.termine .blockBild img {width:100%; height:auto; border-radius:5px;margin-top:10px;} .block.termine h1.blockTitel {font-size:20px; align-self:end; padding:10px 0 0; font-weight:500;} .block.termine .blockText {align-self:start; padding:0 0 10px;} .block.termine h1 {font-size:20px; line-height:36px; font-weight:500;} .block.termine .blockTextWrap {display:grid; align-content:center; grid-column-start:1; grid-column-end:3; grid-row-start:2; grid-row-end:3} .block.termine:last-child {} /* ---------- BP Block Termine ende ---------- */ .auflistungitem_inner .auflistungcontent.rowauflistung {display:grid; grid-gap:20px; grid-template-columns:1fr; margin:50px 0; padding:0 0 50px; border-bottom:1px solid #222;} .ai_teaser_datum {grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:3; align-self:center; font-size:30px; line-height:36px; font-weight:650;} .ai-teaser-bild {} .ai_teaser_cont1 {} .ai_teaser_cont2 {padding-top:10px;} .ai-teaser-bild img {width:100%; height:100% !important; object-fit:cover; } .ai-itemdetail-bild1 {margin-bottom:40px;} .cf-ausgabe-datum {margin:30px 0; font-size:18px; font-weight:650;} #content {position:relative; z-index:2; width:100%; /*max-width:var(--maxBreite); width:calc(100% - 200px);*/ margin:0 auto; padding:40px 10px; background:#fff;} #content0 {position:relative; max-width:900px; width:100%; margin:40px auto;} #spaltenwrap {position:relative; display:grid; width:100%; max-width:var(--maxBreite); margin:40px auto; grid-template-columns:1fr; align-items:start; grid-gap:160px; } #content0 img, #content1 img, #content2 img {max-width:100%; height:auto;} /* #foot {position:relative; width:100vw; top:0; left:0; margin:00px 0 0; padding:100px 0 300px; background-color:#019ccb;} */ #foot {position:relative; z-index:2; width:100vw; top:0; left:0; margin:00px 0 0; padding:100px 0 800px; background:#ffffff00; /*background: url("/images/page/bgfoot.jpg") no-repeat fixed bottom;*/} #footWrap {position:relative; display:grid; z-index:2; width:100%; max-width:var(--maxBreite); margin:0 auto; padding:10px 20px; grid-template-columns:1fr; grid-gap:50px;} #footWrap * {font-size:14px; color:#019ccb;} div.foot3 {text-align:left;} #footWrap h1 {font-size:22px;} #footWrap h2 {font-size:20px;} #footWrap h3 {font-size:18px;} #footWrap h4 {font-size:15px; font-weight:bold;} #footBG {position:fixed; z-index:1; display:block; width:100vw; height:calc(100vh - 100px); bottom:0; background: url("/images/page/bgfoot.jpg") no-repeat bottom;} #editblock {z-index:999; border-color:silver;position:fixed !important; bottom:-10px !important; left:0px; width:100%;padding:40px !important; padding-left:100px !important;} #submenu {position:relative; z-index:2; display:none; height:60px; align-items:center; justify-content:center; background-color:#019ccb;} #submenu ul {max-width:1080px; width:100%; margin:0 auto; padding:0 10px;} #submenu ul li {padding:0 20px; border-right:1px solid #fff;} #submenu ul li:first-child {padding-left:0;} #submenu ul li:last-child {padding-right:0; border:none;} #submenu ul li a {text-decoration:none; color:#fff; line-height:22px;} #submenu ul li ul.menusubpagelist {display:none;} #s2idmenu {position:relative; z-index:2; display:none; height:60px; align-items:center; justify-content:center; background-color:#fff;} #s2idmenu ul {max-width:1080px; width:100%; margin:0 auto; padding:0 10px; list-style-type:none; font-size:0;} #s2idmenu ul li {display:inline-block; padding:0 20px; border-right:1px solid #019ccb; line-height:22px; font-weight:400;} #s2idmenu ul li a {text-decoration:none; color:#019ccb; line-height:22px;} #s2idmenu ul li:first-child {padding-left:0;} #s2idmenu ul li:last-child {padding-right:0; border:none;} li.activemenu, li.normalmenu {display:inline-block; white-space:nowrap; overflow:hidden;} li.activemenu {/*background-color:#fff001;*/} div.menupadding {margin:0; padding:0;} ul.menusubpagelist {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; white-space:nowrap; overflow:hidden; background-color:#ffffff;} ul.submenu, ul.mainmenu {list-style-type:none; list-style-image:none; margin:0; padding:0;} ul.mainmenu li {margin-right:20px;} ul.mainmenu li a:not(.activemainmenu) {text-decoration:none;} li.mainitem, h2.mainmenu, li.trenner {display:inline;} a.activemenu {color:#343333; font-weight:450;} a.normalmenu {color:black;} a.activemenu:hover, a.normalmenu:hover {} a.activemainmenu {font-size:15px; color:#019ccb; font-weight:550; text-decoration:underline; vertical-align:middle;} a.normalmainmenu {font-size:15px; color:#000; font-weight:350; vertical-align:middle;} a.activemainmenu:hover, a.normalmainmenu:hover {} a.activesubmenu3 {font-weight:450;} a.normalsubmenu3 {} .myinput, input.text, textarea.text, select {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} .login_input {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} input.loginsubmit {margin-top:10px; margin-bottom:10px;} .login_checkbox {vertical-align:middle;} .login_submit_area {padding-top:5px;} select {background-color:#ffffff;} .galeriethumb {margin-right:5px; margin-bottom:5px;} .captcha {border:solid silver 1px; width:120px;} img.captcha {margin-top:8px; margin-bottom:1px;} input.captcha {margin-bottom:2px;} .field_string {margin-bottom:20px;} /* Privacy Layer - customized */ .cl_cookie_privacy_layer {width:100vw !important; height:100vh !important; display:grid; align-content:center; background-color:#2c2c2ccc !important;} .cl_cookie_privacy_layer > div {padding:20px !important; box-shadow:0 0 0 5px #fff,20px 20px 50px 0 rgba(0, 0, 0, 0.5);} .cl_cookie_privacy_layer * {max-width:750px !important; background-color:#353c45 !important; border-radius:20px; color:#fff !important;} .cl_cookie_privacy_layer a {margin:20px 0 0; padding:10px 15px !important; color:#fff; background-color:#656565 !important; border-radius:10px;} .cl_cookie_privacy_layer a:last-child {margin-left:0px;} #cl_privacy_link_y {color:#fff; background-color:#04b72c !important;} #cl_privacy_link_n {color:#fff; background-color:#8b0c36 !important; margin-right:40px !important;} /* ---------- BOX ---------- */ /* ******************* IO ************************* */ .myBox {margin-left:-40px; margin-right:-40px; padding:40px; border-radius:20px; border:2px dotted #999999;} .myBoxYellow {margin-left:-40px; margin-right:-40px; padding:40px; border-radius:20px; border:2px dotted #999999; background-color:#f5f3e6;} /* ---------- CONTENT_EXT_HINTERGRUENDE ---------- */ /* ******************* IO ************************* */ div.extcont3outer {position:relative; display:block; z-index:2; background-color:#f5f3e6; padding-bottom:100px;} div.extcont6outer {position:relative; display:block; z-index:2; background:#fff;} div.extcont7outer {position:relative; display:block; z-index:2; background-color:#fff; /*background-image:url("/images/page/extcont7outer.png"); background-repeat:repeat-x;*/ } .extcont.extcont7 {display:grid; z-index:2; position:relative; width:100%; height:200px; margin:auto; padding:40px 20px; align-content:center; justify-content:center; } .extcont.extcont7 img {max-width:100%; width:auto; max-height:160px; height:auto;} /* ---------- FORMULAR ELEMENTE ---------- */ /* ******************* Unterstuetzeungs FORMULAR ************************* */ .cf-form-wrap {width:clac(100vw - 20px); overflow-x:scroll; margin:20px 0;} #my_cf_form input[type="text"], #my_cf_form textarea {margin:5px 0; padding:2px 5px; width:100% !important;} #my_cf_form table table td img {margin:0 0 0 10px;} #my_cf_form table {width:100%;} #my_cf_form input[type="submit"] {margin:0 0 10px; padding:5px 10px; background-color:var(--ciFarbe2); font-weight:600; color:#fff; border-radius:5px; border:2px solid var(--ciFarbe2)} .cf-form-wrap > table {margin:80px 0 !important; width:100%;} #my_cf_form table tr:nth-child(7) table {margin:20px 0 5px !important;} #my_cf_form table tr:nth-child(7) table tr td:nth-child(2) {padding-left:0 !important;} #upfile1_highraiser,#upfile1_thumb {margin:30px 0;} #my_cf_form > table tr:nth-child(8) input[type="submit"] {margin-left:-5px;} /* ****************************************** */ /* MEDIAQUERIES */ /* ****************************************** */ @media(hover:hover) and (pointer:fine) { a:hover:not(.activemainmenu,.normalmainmenu) {color:var(--ciFarbe2); text-decoration-color:var(--ciFarbe2);} #my_cf_form input[type="submit"]:hover {background-color:#fff; color:var(--ciFarbe2);} } @media screen and (min-width:450px){ .block.kachel.masonry {width:calc(50% - 10px);} } @media screen and (min-width:600px){ .blockWrap.alm {grid-template-columns:1fr 1fr;} .block.kachel.masonry.masonry_yt {width:calc(50% - 10px);} } @media screen and (min-width:770px){ #spaltenwrap {grid-template-columns:1fr 1fr;} } @media screen and (min-width:870px){ /*#content {width:calc(100% - 200px); padding:40px 0;}*/ .extcont.extcont3 {width:calc(100% - 200px); padding:0;} #footWrap {grid-template-columns:1fr 1fr 1fr; width:calc(100% - 200px); padding:10px 0;} div.foot3 {text-align:right;} div.foot3 h4 {text-align:right;} .block.termine .blockBild {display:block;} .block.termine {grid-template-columns:180px 200px 1fr;} .block.termine .blockTextWrap {display:grid; align-content:center; grid-column-start:3; grid-column-end:4; grid-row-start:1; grid-row-end:2;} .auflistungitem_inner .auflistungcontent.rowauflistung {grid-template-columns:180px 200px 1fr; padding:10px 0 50px;} .ai-teaser-bild {grid-column-start:2; grid-column-end:3; grid-row-start:1; grid-row-end:2; display:block;} .ai_teaser_datum {grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2; align-self:center; font-size:30px; line-height:36px; font-weight:650;} .ai_teaser_cont1 {} .ai_teaser_cont2 {} } @media screen and (min-width:900px){ .extcont.extcont2 .extcontWrap {padding:0 100px;} .blockWrap.alm {grid-template-columns:1fr 1fr 1fr;} #headWrap {padding:0 50px;} } @media screen and (min-width:1000px){ .block.termine {grid-template-columns:170px 200px 1fr;} .block.termine .blockBild {display:block;} .block.kachel.masonry {width:calc(33.3333% - 40px/3);} } @media screen and (min-width:1300px){ #nav {display:block;} #s2idmenu {display:grid;} #submenu {display:grid;} } @media screen and (max-width:700px){ .block.alm .myIcons img {width:20px !important; height:auto;margin:0px;padding:0px;} #content0 .galeriethumb {max-width:100px !important;} #content1 .galeriethumb {max-width:100px !important;} #content2 .galeriethumb {max-width:100px !important;} #content0 h1, #content1 h1, #content2 h1 {font-size:18px;} #content0 h2, #content1 h2, #content2 h2 {font-size:16px;} #content0 h3, #content1 h3, #content2 h3 {font-size:14px;} #content0 h4, #content1 h4, #content2 h4 {font-size:12px;} #content0 {text-align:left;} #content1 {text-align:left;} #content2 {text-align:left;} .myBox {margin-left:0px; margin-right:0px;} .myBoxYellow {margin-left:0px; margin-right:0px;} } @media screen and (max-width:1000px){ #content1 .blockWrap {grid-template-columns:1fr !important;} #content2 .blockWrap {grid-template-columns:1fr !important;} #content1 .block.alm .blockBild img {width:50%; height:auto;} #content2 .block.alm .blockBild img {width:50%; height:auto;} .block.alm h3.blockTitel {font-size:14px;} .block.alm .blockText {font-size:12px;} .block.alm .myIcons img {width:30px !important; height:auto; margin:0px;padding:0px;} #content0 .galeriethumb {max-width:100px !important;} #content1 .galeriethumb {max-width:100px !important;} #content2 .galeriethumb {max-width:100px !important;} #content0 h1, #content1 h1, #content2 h1 {font-size:22px;} #content0 h2, #content1 h2, #content2 h2 {font-size:16px;} #content0 h3, #content1 h3, #content2 h3 {font-size:14px;} #content0 h4, #content1 h4, #content2 h4 {font-size:12px;} #content0 {text-align:left;} #content1 {text-align:left;} #content2 {text-align:left;} .myBox {margin-left:0px; margin-right:0px;} .myBoxYellow {margin-left:0px; margin-right:0px;} } @media screen and (max-width:1650px){ #spaltenwrap {grid-gap:60px; } #content1 .blockWrap {grid-template-columns:1fr 1fr !important;} #content2 .blockWrap {grid-template-columns:1fr 1fr !important;} #content1 .block.alm .blockBild img {width:50%; height:auto;} #content2 .block.alm .blockBild img {width:50%; height:auto;} #content0 .galeriethumb {max-width:100px !important;} #content1 .galeriethumb {max-width:100px !important;} #content2 .galeriethumb {max-width:100px !important;} .block.alm h3.blockTitel {} .block.alm .blockText {} .block.alm .myIcons img {width:40px !important; height:auto; margin:0px; padding:0px;} } .field_string {width:60%;} .form_string_label {margin-top:10px;} .label_right * {font-size:11px;} .dsgvo_paragraph, .dsgvo_paragraph *, .dsgvo_link {font-size:13px; line-height:18px !important;} .error {border:2px dotted #999999; padding:40px; border-radius:20px;}