/* amatic-sc-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Amatic SC'; font-style: normal; font-weight: 400; src: url('fonts/amatic-sc-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* amatic-sc-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Amatic SC'; font-style: normal; font-weight: 700; src: url('fonts/amatic-sc-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-regular - latin */ @font-face { font-family:'Montserrat'; font-style:normal; font-weight:400; src:url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src:local(''), url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-family:'Roboto'; font-style:normal; font-weight:300; src:url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */ src:local(''), url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family:'Roboto'; font-style:normal; font-weight:400; src:url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src:local(''), url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } :root { --ciFarbe: #f5a504; } * {font-family:'Roboto', sans-serif; font-size:18px; color:#4b4b4b; line-height:32px; font-weight:300;} body {background-color:#ffffff; padding:0px; margin:0px; overflow-x: hidden;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} h1, .titel {font-size:25px; color:var(--ciFarbe); line-height:40px; width:100%; box-sizing:border-box; font-weight:800; margin-bottom:15px;} h2, .untertitel {font-size:22px; color:#666; line-height:30px; width:100%; box-sizing:border-box; font-weight:400; margin-bottom:10px;} h3, .content {font-size:18px; color:#4b4b4b; line-height:22px; width:100%; box-sizing:border-box; font-weight:500; margin-bottom:5px;} h3 {margin:0; margin-bottom:2px;} h2.login {margin-bottom:12px;} h1.maintitle {margin-top:0; margin-bottom:8px;} h2.subtitle {font-size:12px; margin-top:0; margin-bottom:8px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} label {vertical-align:middle;} b, strong {font-weight:400;} #header {position:fixed; height:100px; left:0; top:0; width:100%; background-color:#fff; box-shadow:0px 3px 5px 0px rgba(0,0,0,0.5); z-index:10;} #logo {position:absolute; height:100%; box-sizing:border-box; padding:15px 30px; top:0; left:0;} #logo img {width:auto; height:100%;} #nav_outer {width:100%; height:100%;} #nav_inner {width:100%; max-width:1150px; margin:0 auto; padding-top:42px; padding-left:250px;} #nav_inner li {list-style:none; float:left;} #nav_inner li a {color:#12100b; line-height:16px; font-size:16px; font-family:"Montserrat"; font-weight:normal;} #nav_inner li a.activemainmenu {color:var(--ciFarbe);} #nav_inner li a:hover {color:var(--ciFarbe);} #nav_inner li.trenner {font-size:16px; line-height:32px; color:var(--ciFarbe);} #icons-rechts {position:absolute; top:30px; right:20px;} #icons-rechts img {padding:0 10px;} iframe {width:100%; height:auto; aspect-ratio:16/9;} #content {margin-top:100px;} #contentStartBlockpage {max-width:1600px; margin:100px auto; padding:0 0px; box-sizing:border-box;} #contentStartBlockpage.mason {display:block;} .grid-sizer,.block.kachel {width:33.3333333%;} .block.kachel {margin:0 0px 10px; padding-bottom:30px; float:left; background:#f5f5f5; border:10px solid #fff; border-radius:0 0 8px 8px; box-sizing:border-box;} .block.kachel .blocktitel {padding:50px 20px;} .block.kachel .blocktitel h2 {margin:0; font-family:'Amatic SC', cursive; font-size:50px; line-height:50px; font-weight:bold; text-align:center;} .block.kachel .block01 img {width:100%; height:100%; object-fit:cover;} .block.kachel .block02, .block.kachel .block03 {padding:10px;} .block.kachel .block02 {margin:0; padding:0 20px 5px; } .block.kachel .block02 {margin:0; padding:0 20px 5px; } .kachel a.button {width:calc(100% + 30px); left:-15px; padding:10px; position:relative; display:block; box-sizing:border-box; text-align:center; font-weight:bold; color:#fff; border-radius:5px; background-color:var(--ciFarbe);} .kachel a {color:var(--ciFarbe);} /* xxxxxxxxxxxxxxxxxxx POST-IT xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #postit {position:absolute; right:0; top:50px; z-index:100; display:block; transform:rotate(360deg);} #postit_inner {font-size:25px; line-height:25px; font-family:'Amatic SC', cursive; transform:rotate(10deg); background-image:url(../images/page/postit.png); width:260px; height:260px; padding:20px; overflow:hidden;} #postit_inner * {font-size:25px; line-height:30px; font-family:'Amatic SC', cursive; } #postit_inner a {font-weight:bold;} #postit_inner h1 {font-size:30px; line-height:30px; font-family:'Amatic SC', cursive; margin-bottom:5px;} #hide-postit {position:absolute; z-index:1; top:0; right:0; background-color:#ffffff6c;} #maincontainer ul {margin-left:16px;} #hiddennav, #navbutton {display:none;} /* New Navbutton */ #navbutton {background-color:#2c2c2c; width:50px; height:50px; position:fixed; right:0; top:0;} .navbutton-line {position:absolute; background-color:var(--ciFarbe); height:5px; width:30px; border-radius:2.5px; transition:all 0.5s; transform-origin:50% 50%;} .navbutton-line:nth-child(1) {left:10px; top:12.5px;} .navbutton-line:nth-child(2) {left:10px; top:22.5px;} .navbutton-line:nth-child(3) {left:10px; top:32.5px;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navbutton {} #mobilemenu {overflow:hidden;} #mobilemenu * {margin:0px;padding:0px;list-style-type:none;list-style-image:none; text-decoration:none;} #mobilemenu a {padding:10px 0px 10px 0px; display:block; border-bottom:solid var(--ciFarbe) 1px;} #mobilemenu ul li ul {display:none;} #mobilemenu ul li ul li ul {display:none;} #mobilemenu li {display:block; overflow:hidden;} #mobilemenu li span {position:relative;} #mobilemenu .navspace {display:inline-block;width:30px;height:30px; /*float:right;*/ float:left; width:15%;} #mobilemenu .navclick {cursor:pointer;} #mobilemenu #navmore {background-image:url(../images/page/plus_white.png); background-position-y:10px; background-repeat: no-repeat;} #mobilemenu #navless {background-image:url(../images/page/minus_white.png); background-position-y:10px; background-repeat: no-repeat;} #mobilemenu ul li ul li #navmore {background-image:url(../images/page/plus_white.png); background-position-y:10px; background-repeat: no-repeat;} #mobilemenu ul li ul li #navless {background-image:url(../images/page/minus_white.png); background-position-y:10px; background-repeat: no-repeat;} #mobilemenu ul li span {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px;font-size:16px; text-transform:uppercase; overflow:hidden;} #mobilemenu ul li span a {color:#fff; width:85%; display:block; /*float:left;*/ float:right;} #mobilemenu ul li ul li span {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:12px; text-transform:none; background-image:none;} #mobilemenu ul li ul li span a {color:#fff; padding-left:20px; box-sizing:border-box;} #mobilemenu ul li ul li ul li a {display:block; padding-left:10px; padding-top:15px; padding-bottom:15px; font-size:14px; line-height:18px; color:#fff; text-transform:none; margin-left:30px; background-image:none;} #hiddennav, #navbutton {display:none;} #mobilemenu a.activemainmenu {font-weight:bold;} #mobilemenu a.activemenu {font-weight:bold; color:var(--ciFarbe);} #mobilemenu ul li ul li ul {display:block; width:90%; float:right;} #mobilemenu ul li ul li ul li .navspace {width:0; height:0;} #mobilemenu div {padding-top:20px; display:grid; grid-template-columns:1fr 1fr; grid-gap:0 5px; width:85%; float:right;} #mobilemenu div a {display:inline-grid; width:100%; justify-content:center;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navleiste_outer {width:100%; margin:0px; padding:0px; background-color:var(--ciFarbe);} #navleiste_inner {width:calc(100% - 60px); max-width:1600px; margin-left:auto; margin-right:auto; padding-left:30px; padding-right:30px; text-align:center;} #navleiste_inner .normalmenu, #navleiste_inner .activemenu {font-family:'Montserrat'; list-style:none; list-style-image:none; display:inline-block; padding:5px 10px;} #navleiste_inner .normalmenu * {color:#fff;} #navleiste_inner .activemenu * {color:#fff; font-weight:bold; text-decoration:none;} #contentcontainer {margin:30px auto 0 auto; overflow:hidden; max-width:1600px; box-sizing:border-box; padding:0 20px;} #nav_left {float:left; width:250px; margin-top:45px;} #maincontainer {float:left; width:calc(100% - 500px); padding-bottom:50px; margin-top:30px; padding-left:30px; padding-right:30px; box-sizing:border-box;} #sidecontainer {float:left; width:250px; margin-top:30px;} #sidecontainer_inner {background-color:#DFDFDF; margin-bottom:50px; margin-top:30px; padding:20px;font-size:14px; line-height:18px;} #sidecontainer_inner * {font-size:14px !important; line-height:18px !important; text-decoration:underline;} #sidecontainer img,#sidecontainer iframe {width:100%; height:auto;} #nav_left ul {margin:0px; padding:0px; margin-bottom:60px; margin-top:30px;} #nav_left .activesubmenu3, #nav_left .normalsubmenu3 {font-family:'Montserrat';list-style:none; list-style-image:none; font-size:14px; margin:0px; padding:0px; line-height:18px; padding-bottom:20px;} #nav_left .activesubmenu3 {font-weight:500; text-decoration:underline;} #maincontainer {font-size:18px; color:#4b4b4b; line-height:32px; font-weight:400;} #maincontainer h1 {font-size:25px; color:var(--ciFarbe); line-height:40px; width:100%; box-sizing:border-box; font-weight:800; margin-bottom:15px;} #maincontainer h2 {font-size:22px; color:#666; line-height:30px; width:100%; box-sizing:border-box; font-weight:400; margin-bottom:10px;} #maincontainer h3 {font-size:18px; color:#4b4b4b; line-height:22px; width:100%; box-sizing:border-box; font-weight:500; margin-bottom:5px;} h1 span, h2 span, h3 span {color:#FF0078 !important;} #maincontainer p {font-size:18px; color:#4b4b4b; line-height:30px; width:100%; box-sizing:border-box; font-weight:800; margin-bottom:10px;} #maincontainer ul {font-size:18px; color:#4b4b4b; line-height:40px; width:100%; box-sizing:border-box; font-weight:400; margin-bottom:10px; padding:0px;} #maincontainer li {font-size:18px; color:#4b4b4b; line-height:30px;} #maincontainer b, #maincontainer {font-size:20px; color:#4b4b4b; line-height:40px; font-weight:bold;} #maincontainer a {color:var(--ciFarbe); font-weight:500; text-decoration:underline;} #maincontainer img {width:110%; height:auto; margin:20px 0; margin-left:-5%;} #maincontainer img[align="left"] {width:auto; max-width:40%; height:auto; margin:0px; margin-left:-5%; padding-right:20px; padding-bottom:20px; float:left;} #maincontainer img[align="right"] {width:auto; max-width:40%; height:auto; margin:0px; margin-right:-5%; padding-left:20px; padding-bottom:20px; float:right;} #maincontainer iframe {width:110%; margin:20px 0; margin-left:-5%;} #maincontainer form {margin:0; margin-bottom:20px; overflow:hidden; box-sizing:border-box; width:110%; margin-left:-5%; padding:5%; background-color:#EBEBEB; } #maincontainer .formularwrapper {width:calc(50% - 20px) !important; margin-right:20px; float:left;} #maincontainer .zwischenlabel {display:block; font-size:12px; color:#000; line-height:13px;} #maincontainer form h1 {padding:0;} #maincontainer form h2 {padding:0;} #maincontainer form label {display:block; font-size:13px; color:#000;} #maincontainer form input {width:calc(100% - 10px) !important; padding:0px; border:none; background-color:#fff; margin-bottom:10px; color:#000; padding:5px;} #maincontainer form textarea {width:calc(100% - 10px) !important; padding:0px; border:none; background-color:#fff; margin-bottom:10px; color:#000; padding:5px;} #maincontainer form .captcha {width:20%;height:auto;margin:0px;margin-left:0%;} #maincontainer form input.captcha {width:20% !important; padding:0px; border:none !important; background-color:#fff; margin-bottom:10px; color:#000; margin-top:5px;} #maincontainer form input[type=submit] {width:20% !important; padding:0px; border:none !important; background-color:var(--ciFarbe); margin-bottom:10px; color:#fff; float:right; font-weight:bold;} #maincontainer .myinput {width:100% !important; max-width:500px; box-sizing:border-box; border:1px solid var(--ciFarbe); font-size:20px; line-height:20px; padding:0px; font-weight:400;} #maincontainer .submit {border:none; font-size:16px; line-height:16px; color:var(--ciFarbe); font-weight:400; margin-top:5px; background-color:transparent; cursor:pointer;} #maincontainer span[style="background-color:yellow; color:black;"] {background-color:#8baf19 !important; color:#fff !important;} #maincontainer img.small {width:auto; height:auto; margin:0px 0px; margin-left:0%; max-width:100%;} /* gallery_carusell */ .gallery_carusell_outer {width:100%;} .gallery_carusell_inner {width:100%; max-width:1260px; padding:50px 30px; margin:0 auto; box-sizing:border-box;} .gallery_carusell {position:relative;} .thumbnail_layer {position:relative; overflow:hidden;} .gallery_carusell_bild {display:none !important; position:absolute; padding:0 10px; box-sizing:border-box;} .gallery_carusell_bild img {width:100%; height:auto;} .active_gallery_carusell_bild {display:block !important;} .maps_outer {width:100%;} .maps_inner {width:100%;} .maps_inner iframe {width:100%;} .color1 {background-color:#fff; color:#737373;} .color1 * {color:#737373;} .color1 .titel {color:var(--ciFarbe); font-size:30px; margin-bottom:20px;} .color1 .untertitel {color:#737373; font-size:25px; margin-bottom:20px;} .color1 .untertitel * {color:#737373; font-size:25px; margin-bottom:20px;} .color2 {background-color:#2c2c2c; color:#fff;} .color2 * {color:#fff;} .color2 .titel {color:var(--ciFarbe); font-size:30px; margin-bottom:20px;} .color2 .untertitel {color:#fff; font-size:25px; margin-bottom:20px;} .color2 .untertitel * {color:#fff; font-size:25px; margin-bottom:20px;} .color3 {background-color:var(--ciFarbe); color:#fff;} .color3 * {color:#fff;} .color3 .titel {color:#737373; font-size:30px; margin-bottom:20px;} .color3 .untertitel {color:#fff; font-size:25px; margin-bottom:20px;} .color3 .untertitel * {color:#fff; font-size:25px; margin-bottom:20px;} #footer_outer {width:100%; background-color:#2c2c2c;} #footer_inner {width:100%; max-width:1150px; margin:0 auto; padding:50px 0px; overflow:hidden;} .footer-spalte {width:33.333333333%; float:left; box-sizing:border-box; padding:0 20px; color:#ccc; font-size:16px; line-height:30px;} .footer-spalte h2 {font-size:20px; color:var(--ciFarbe); line-height:20px; margin:0 0 20px 0;} .footer-spalte img {width:calc(50% - 15px); float:left; margin-bottom:15px;} .footer-spalte a:nth-child(even) img {margin-right:15px;} .footer-spalte a {color:#ccc; font-size:16px; white-space:nowrap;} .dreispalter_outer {width:100%; margin:0px; padding:0px;} .dreispalter_inner {width:100%; max-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; padding-bottom:20px;} .rowdreispalter {padding-top:40px; background-color:transparent; /*background-image:url(../images/page/bg_footer.png);*/ background-repeat:no-repeat; background-position:center top;} .dreispalter_row01 {width:33%; margin:0px; padding:0px; float:left;} .dreispalter_row02 {width:33%; margin:0px; padding:0px; float:left;} .dreispalter_row03 {width:33%; margin:0px; padding:0px; float:left;} .dreispalter_row01_inner {padding:30px;} .dreispalter_row02_inner {padding:30px;} .dreispalter_row03_inner {padding:30px;} .zweispalter_outer {width:100%; margin:0px; padding:0px;} .zweispalter_inner {width:100%; max-width:1000px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; padding-bottom:20px;} .rowzweispalter {padding-top:40px; background-color:transparent; /*background-image:url(../images/page/bg_footer.png);*/ background-repeat:no-repeat; background-position:center top;} .zweispalter_row01 {width:50%; margin:0px; padding:0px; float:left;} .zweispalter_row02 {width:50%; margin:0px; padding:0px; float:left;} .zweispalter_row01_inner {padding:30px;} .zweispalter_row02_inner {padding:30px;} .einspalter_outer {width:100%; margin:0px; padding:0px;} .einspalter_inner {width:100%; max-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; padding-bottom:20px;} .roweinspalter {padding-top:40px; background-color:transparent; /*background-image:url(../images/page/bg_footer.png);*/ background-repeat:no-repeat; background-position:center top;} .einspalter_row01 {width:100%; margin:0px; padding:0px; float:left;} .einspalter_row01_inner {padding:30px;} .imgleft_outer {width:100%; margin:0px; padding:0px;} .imgleft_inner {width:100%; max-width:1000px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; padding-bottom:20px;} .rowimgleft {padding-top:40px; background-color:transparent; /*background-image:url(../images/page/bg_footer.png);*/ background-repeat:no-repeat; background-position:center top;} .imgleft_row01 {width:50%; margin:0px; padding:0px; float:left;} .imgleft_row02 {width:50%; margin:0px; padding:0px; float:left;} .imgleft_row01_inner {margin-left:-2000px;} .imgleft_row02_inner {padding:30px; opacity:0;} .youtube_outer {width:100%; margin:0px; padding:0px; background-color:#000;} .youtube_inner {width:100%; max-width:1000px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; padding-bottom:0px;} .youtube_row01 {width:100%; margin:0px; padding:0px; float:left;} .youtube_row01_inner {padding:0px;} .gallery_outer {width:100%; margin:0px; padding:0px;} .gallery_inner {width:100%; max-width:1100px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; padding-bottom:20px;} .gallery_row01 {width:100%; margin:0px; padding:0px; float:left;} .gallery_row01_inner {padding:30px; text-align:center;} .galeriethumb {width:calc(25% - 22px) !important; height:auto; padding:5px; border:1px solid var(--ciFarbe); margin-right:10px !important; margin-bottom:10px; margin-left:0px !important; margin-top:0px !important; background-color:#ffffff77;} .rowcontent {text-align:left;} .rowcontent img {max-width:100%; height:auto;} .vollbreite_outer {overflow:hidden;} .vollbreite_inner img {width:100%; height:auto;} .form_string_label, .form_select_label, .form_textarea_label, .form_radio_label {width:30%; text-align:left; vertical-align:top;} .form_string_field, .form_select_field, .form_textarea_field, .form_radio_field, .form_submit {width:70%; text-align:left; vertical-align:top;} .form_string_field *, .form_select_field *, .form_textarea_field *, .form_submit * {color:#000 !important;} .field, .field_textarea, .field_select {width:90% !important;} .form_outer {width:100%; margin:0px; padding:0px;} .form_inner {width:100%; max-width:500px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; padding-bottom:20px;} .rowform {padding-top:40px; background-color:transparent; /*background-image:url(../images/page/bg_footer.png);*/ background-repeat:no-repeat; background-position:center top;} .form_row01 {width:100%; margin:0px; padding:0px; float:left;} .form_row01_inner {padding:30px; text-align:center;} .sonderheadline {padding:10px; max-width:700px;; display:block; margin-left:auto; margin-right:auto;} .sonderheadline h1 {font-family:'Amatic SC', cursive; color:#ffffff; font-size:50px; width:auto; margin-top:0;} .sonderheadline h2 {font-family:'Amatic SC', cursive; color:#ffffff; font-size:30px; width:auto; font-weight:bold;} .sonderheadline h3 {font-family:'Amatic SC', cursive; color:#ffffff; font-size:16px; width:auto; } #lg_admin_buttons img {width:20px; height:auto; margin-left:0px;} /* ------------------- MEDIA QUERIES ------------------- */ @media(hover:hover) and (pointer:fine) { .kachel a.button:hover {background-color:#444; color:var(--ciFarbe);} } @media screen and (max-width:1400px) { #mainmenucontainer {display:none;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #hiddennav {position:fixed; top:0px; display:block; z-index:50; width:230px; padding:20px; background-color:#2c2c2c; right:-270px; overflow-y:scroll; max-height:100vh;} #hiddennav * {list-style-type:none; list-style-image:none; color:var(--ciFarbe);} #navbutton {position:fixed; display:block; height:50px; width:50px; z-index:60; right:0px; top:0px; cursor:pointer;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #icons-rechts {display:none;} #logo {left:calc(50% - 125px);} #nav_left, #navleiste_outer {display:none;} #maincontainer {float:left; width:calc(100% - 250px); margin-left:0%; padding-bottom:50px; margin-top:30px; padding-left:30px; padding-right:30px;} #nav_inner {display:none;} /*#contentStartBlockpage {grid-template-columns:repeat(2,1fr); grid-gap:40px 20px;}*/ .grid-sizer,.block.kachel {width:50%;} } @media screen and (max-width:925px) { #postit {display:none !important;} } @media screen and (max-width:700px) { .footer-spalte {width:100%; float:none; text-align:center; margin-bottom:20px;} .spalteLeft {float:none; width:100%; text-align:center; margin-bottom:20px;} .spalteRight {float:none; width:100%; text-align:center;} #maincontainer {width:100%;} #sidecontainer {width:100%;} /*#contentStartBlockpage {grid-template-columns:repeat(1,1fr); grid-gap:40px 20px;}*/ .zweispalter_row01 {width:100%;} .zweispalter_row02 {width:100%;} #contentStartBlockpage {padding:0 20px;} .grid-sizer,.block.kachel {width:calc(100% - 40px); border:none;} } .cl_cookie_privacy_layer {background-color:#ffffff !important;font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer * {font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer span {font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer a {background-color:#cccccc !important;} .cl_cookie_privacy_layer a:first-of-type {background-color:var(--ciFarbe) !important;} /* Privacy Layer - customized */ .cl_cookie_privacy_layer {width:100vw !important; height:100vh !important; display:grid; align-content:center; background-color:#666666cc !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:#999 !important; border-radius:10px;} .cl_cookie_privacy_layer a:last-child {margin-left:0px;} #cl_privacy_link_y {color:#fff; background-color:#468b0c !important;} #cl_privacy_link_n {color:#fff; background-color:#8b0c36 !important; margin-right:40px !important;} /* #################### LIGHTBOX UPDATE IO 251112 ###################### */ .fwxlightbox-border {border-radius:10px !important;} #lightbox #imageContainer {width:100% !important; margin:0px !important; padding:0px !important; border-radius:10px 10px 0px 0px !important;} #lightbox #imageContainer img {width:100%!important; height:auto;} .fwxlightbox-title {font-weight:normal !important; } .fwxlightbox-close {background: url("/images/page/close.png") 30px 10px no-repeat !important;} .fwxlightbox-arrow.right {background: url("/images/fwxlightbox/arrow-right-white.png") right center no-repeat !important;} .fwxlightbox-arrow.left {background: url("/images/fwxlightbox/arrow-left-white.png") left center no-repeat!important;} #imageData {border-radius:10px !important;} #imageData #imageDetails {margin-left:20px !important; margin-top:10px;} #imageDetails a {padding:10px !important; border-radius:10px !important;} #imageData #imageDetails p {margin:10px 0;} #imageData #bottomNavClose {height:40px;} /* #################### LIGHTBOX UPDATE IO 251112 ###################### */