#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .flexcontainer, .container { position: relative; width: 1200px; margin: 0 auto; padding: 0; display: flex; } .flexcontent { display: flex; } .flexWrap, .flexwrap { flex-wrap: wrap } .flexNoWrap { flex-wrap: nowrap } .fd-column { flex-direction: column; } .no-margin, .nomargin {margin:0;} .no-padding, .nopadding {padding:0;} .mt10 { margin-top:10px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } .mt40 { margin-top:40px; } .mt50 { margin-top:50px; } .mb10 { margin-bottom:10px; } .mb20 { margin-bottom:20px; } .mb30 { margin-bottom:30px; } .mb40 { margin-bottom:40px; } .mb50 { margin-bottom:50px; } .pt10 { padding-top:10px; } .pt20 { padding-top:20px; } .pt30 { padding-top:30px; } .pt40 { padding-top:40px; } .pt50 { padding-top:50px; } .pt60 { padding-top:60px; } .pt70 { padding-top:70px; } .pt80 { padding-top:80px; } .pb10 { padding-bottom:10px; } .pb20 { padding-bottom:20px; } .pb30 { padding-bottom:30px; } .pb40 { padding-bottom:40px; } .pb50 { padding-bottom:50px; } .pt60 { padding-bottom:60px; } .pt70 { padding-bottom:70px; } .pt80 { padding-bottom:80px; } .jc_flexStart { justify-content: flex-start; } .jc_flexEnd { justify-content: flex-end; } .jc_center { justify-content: center; } .ai_center {align-items: center; } .fd-row-reverse { flex-direction: row-reverse; } .fd-row { flex-direction: row; } .fd-column-reverse { flex-direction:column-reverse; } .fd-column { flex-direction: column; } .flex10 { flex-basis: calc(10% - 20px); margin-left:10px; margin-right:10px; } .flex20 { flex-basis: calc(20% - 20px); margin-left:10px; margin-right:10px;; } .flex30 { flex-basis: calc(30% - 20px); margin-left:10px; margin-right:10px;; } .flex40 { flex-basis: calc(40% - 20px); margin-left:10px; margin-right:10px; } .flex50 { flex-basis: calc(50% - 20px); margin-left:10px; margin-right:10px; } .flex60 { flex-basis: calc(60% - 20px); margin-left:10px; margin-right:10px; } .flex70 { flex-basis: calc(70% - 20px); margin-left:10px; margin-right:10px; } .flex80 { flex-basis: calc(80% - 20px); margin-left:10px; margin-right:10px; } .flex90 { flex-basis: calc(90% - 20px); margin-left:10px; margin-right:10px; } .flex100 { flex-basis: calc(100% - 20px); width: calc(100% - 20px); margin-left:10px; margin-right:10px; } .flex1-3, .flex33 { flex-basis: calc(33.33% - 20px); margin-left:10px; margin-right:10px; } .flex2-3, .flex66 { flex-basis: calc(66.66% - 20px); margin-left:10px; margin-right:10px; } .flex1-4, .flex25 { flex-basis: calc(25% - 20px); margin-left:10px; margin-right:10px; } .flex3-4, .flex75 { flex-basis: calc(75% - 20px); margin-left:10px; margin-right:10px; } /* +----------------------------------------------------------------------- */ /* | Media Queries /* +----------------------------------------------------------------------- */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1200px) { .flexcontainer, .container { width: 100%; } } @media only screen and (min-width: 960px) and (max-width: 1279px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1024px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 1023px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .flexcontent { flex-direction: column; } .flex1-3, .flex33, .flex2-3, .flex66, .flex1-4, .flex25, .flex10, .flex20, .flex30, .flex40, .flex50, .flex60, .flex70, .flex80, .flex90, .flex100 { flex-basis: calc(100% - 20px); width: calc(100% - 20px); margin-left: 10px; margin-right:10px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { } @media only screen and (max-width: 1000px) { } /* Milocha */ @font-face { font-family: 'Milocha'; src: url('../../files/fonts/Milocha.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/Milocha.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/Milocha.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/Milocha.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/Milocha.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/Milocha.svg') format('svg'); /* Legacy iOS */ } /* comfortaa-300 - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 300; src: url('../../files/fonts/comfortaa-v30-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/comfortaa-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/comfortaa-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/comfortaa-v30-latin-300.svg#Comfortaa') format('svg'); /* Legacy iOS */ } /* comfortaa-regular - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url('../../files/fonts/comfortaa-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/comfortaa-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/comfortaa-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/comfortaa-v30-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */ } /* comfortaa-500 - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 500; src: url('../../files/fonts/comfortaa-v30-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/comfortaa-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/comfortaa-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/comfortaa-v30-latin-500.svg#Comfortaa') format('svg'); /* Legacy iOS */ } /* comfortaa-600 - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 600; src: url('../../files/fonts/comfortaa-v30-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/comfortaa-v30-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/comfortaa-v30-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/comfortaa-v30-latin-600.svg#Comfortaa') format('svg'); /* Legacy iOS */ } /* comfortaa-700 - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 700; src: url('../../files/fonts/comfortaa-v30-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/comfortaa-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/comfortaa-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/comfortaa-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/comfortaa-v30-latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */ } #menu-wrapper { overflow: hidden; max-width: 100%; cursor: pointer; display: none; } #menu-wrapper #hamburger-menu { position: fixed; width: 40px; height: 20px; margin: 21px 10px; right:40px; top:30px; z-index: 9999; } #menu-wrapper #hamburger-menu span { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; right: 0; display: block; width: 100%; height: 4px; border-radius: 10px; color: black; background-color: #0077b7; position: absolute; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } #menu-wrapper #hamburger-menu span:nth-child(1) { top: 0; } #menu-wrapper #hamburger-menu span:nth-child(2) { top: 12px; } #menu-wrapper #hamburger-menu span:nth-child(3) { top: 24px; } #menu-wrapper #hamburger-menu.open span:nth-child(1) { top: 9px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } #menu-wrapper #hamburger-menu.open span:nth-child(2) { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: -60px; } #menu-wrapper #hamburger-menu.open span:nth-child(3) { top: 9px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } #menu-container .menu-list ul { padding: 0; margin: 0; } #menu-container .menu-list .menu-submenu { padding-top: 20px; } #menu-container .menu-list { padding-left: 0; display: block; position: absolute; top: 100px; width: 100%; max-width: 450px; background: linear-gradient(45deg, #2c5c9c 0%, #0077b7 100%); box-shadow: rgba(100,100,100,0.2) 6px 2px 10px; z-index: 9999; overflow-y: auto; overflow-x: hidden; right: 0; opacity: 0; display:none; min-height: 150px; height: auto !important; transition-duration: 1s; } #menu-container .menu-list.active { opacity: 1; display: block; } #menu-container .menu-list li.termine, #menu-container .menu-list li.kontakt, #menu-container .menu-list li.impressum { border-top: 1px solid #dbdcd2 !important; } #menu-container .menu-list li.trail, #menu-container .menu-list li.active { background: #fff; } #menu-container .menu-list li a br { display:none; } #menu-container .menu-list li.trail a { color: #2c5c9c; display: block; } #menu-container .menu-list li.trail ul li a { color: #333; display: block; } #menu-container .menu-list li.accordion-toggle { font-size: 18pt; font-weight:300; padding: 10px 80px 10px 20px; border-top: 1px solid #dbdcd2; margin: 0; } #menu-container .menu-list li.accordion-toggle ul { margin: 10px 0; padding: 0; list-style: none; } #menu-container .menu-list li.accordion-toggle ul li { font-size: 16pt; text-transform: none; /* border-top: 1px solid #dbdcd2;*/ margin: 0; padding: 0; } /* #menu-container .menu-list li.accordion-toggle ul li.first { border-top: none; } */ #menu-container .menu-list li.accordion-toggle ul li a { display: block; } #menu-container .menu-list li.submenu a { /* pointer-events: none;*/ } #menu-container .menu-list li.submenu ul li a { pointer-events: all; text-decoration: none; } #menu-container .menu-list li.accordion-toggle ul li span { display: block; padding: 8px 0 8px 10px; } #menu-container .menu-list li.accordion-toggle ul li span.active { background: #fff; color: #2c5c9c; } /* #menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login { font-size: 16px; padding: 20px; text-transform: uppercase; border-top: 1px solid #dbdcd2; } */ /* #menu-container .menu-list li.first { border-top: 0; } */ .accordion-toggle, .accordion-content { cursor: pointer; position: relative; letter-spacing: 1px; } .accordion-content { display: none; } li.trail .accordion-content { display: block; } .accordion-toggle.active-tab a:before, .accordion-toggle.active-tab a:after, .accordion-toggle.active.active-tab span:before, .accordion-toggle.active.active-tab span:after { top:18px !important; } .accordion-toggle.active-tab ul li a:before, .accordion-toggle.active-tab ul li a:after, .accordion-toggle.active-tab ul li span:before, .accordion-toggle.active-tab ul li span:after, #mobile-navigation li.no-ul-nav a.no-ul-nav:before, #mobile-navigation li.no-ul-nav a.no-ul-nav:after, #mobile-navigation li.no-ul-nav span.no-ul-nav:before, #mobile-navigation li.no-ul-nav span.no-ul-nav:after, #mobile-navigation li ul li a:before, #mobile-navigation li ul li a:after , #mobile-navigation li ul li span:before, #mobile-navigation li ul li span:after { opacity: 0 !important; display:none !important; } .accordion-toggle.submenu a:before, .accordion-toggle.submenu a:after, .accordion-toggle.submenu.active span:before, .accordion-toggle.submenu.active span:after { content: ''; display: block; position: absolute; top: 18px; right: 30px; width: 15px; height: 2px; margin-top: -1px; background-color: #fff; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s ease-out; } .accordion-toggle.trail a:before, .accordion-toggle.trail a:after, .accordion-toggle.active span:before, .accordion-toggle.active span:after { background-color:#2c5c9c !important; } .accordion-toggle a:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2; } .accordion-toggle.active-tab { transition: all 0.3s ease; } .accordion-toggle a {color: #fff ;} .accordion-toggle.active span {color: #3D3C3B; } .accordion-toggle a.active:before, .accordion-toggle a.trail.active-tab:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .accordion-toggle a.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; } /* #MobileNavigation ul li[title="Einkaufen & Flanieren"] { background: rgb(71,174,206); background: -webkit-linear-gradient(bottom left, rgba(71,174,206,1) 0%, rgba(0,119,183,1) 50%, rgba(44,92,156,1) 100%); background: -o-linear-gradient(bottom left, rgba(71,174,206,1) 0%, rgba(0,119,183,1) 50%, rgba(44,92,156,1) 100%); background: linear-gradient(to top right, rgba(71,174,206,1) 0%, rgba(0,119,183,1) 50%, rgba(44,92,156,1) 100%); } #MobileNavigation ul li[title="Service & Dienstleistung"] { background: rgb(164,193,228); background: -webkit-linear-gradient(bottom left, rgba(164,193,228,1) 0%, rgba(149,124,181,1) 50%, rgba(126,112,164,1) 100%); background: -o-linear-gradient(bottom left, rgba(164,193,228,1) 0%, rgba(149,124,181,1) 50%, rgba(126,112,164,1) 100%); background: linear-gradient(to top right, rgba(164,193,228,1) 0%, rgba(149,124,181,1) 50%, rgba(126,112,164,1) 100%); } #MobileNavigation ul li[title="Sport & Freizeit"] { background: rgb(234,94,126); background: -webkit-linear-gradient(bottom left, rgba(234,94,126,1) 0%, rgba(224,4,94,1) 50%, rgba(171,25,77,1) 100%); background: -o-linear-gradient(bottom left, rgba(234,94,126,1) 0%, rgba(224,4,94,1) 50%, rgba(171,25,77,1) 100%); background: linear-gradient(to top right, rgba(234,94,126,1) 0%, rgba(224,4,94,1) 50%, rgba(171,25,77,1) 100%); } #MobileNavigation ul li[title="Essen & Trinken"] { background: rgb(71,174,206); background: -webkit-linear-gradient(bottom left, #129b4a 0%, #54a547 50%, #a1be50 100%); background: -o-linear-gradient(bottom left, #129b4a 0%, #54a547 50%, #a1be50 100%); background: linear-gradient(to top right, #129b4a 0%, #54a547 50%, #a1be50 100%); } #MobileNavigation ul li[title="Blogs & News"] { background: #f6a544; background: -webkit-linear-gradient(bottom left, #ed7243 0%, #f18d44 50%, #f6a544 100%); background: -o-linear-gradient(bottom left, #ed7243 0%, #f18d44 50%, #f6a544 100%); background: linear-gradient(to top right, #ed7243 0%, #f18d44 50%, #f6a544 100%); } */ @media only screen and (max-width: 959px) { #mobile-top-bar, #menu-wrapper { display: block; } #menu-wrapper #hamburger-menu { right:0px; top:0; } #menu-container .menu-list {top: 60px; } #menu-container .menu-list li.accordion-toggle { font-size: 14pt; } #menu-container .menu-list li.accordion-toggle ul li { font-size: 13pt; } } .slider { max-width: 300px; height: 200px; margin: 20px auto; position: relative; } .slide1,.slide2,.slide3,.slide4,.slide5 { position: absolute; width: 100%; height: 100%; } .slide1 { animation:fade 8s infinite; -webkit-animation:fade 8s infinite; } .slide2 { animation:fade2 8s infinite; -webkit-animation:fade2 8s infinite; } .slide3 { animation:fade3 8s infinite; -webkit-animation:fade3 8s infinite; } @keyframes fade { 0% {opacity:1} 33.333% { opacity: 0} 66.666% { opacity: 0} 100% { opacity: 1} } @keyframes fade2 { 0% {opacity:0} 33.333% { opacity: 1} 66.666% { opacity: 0 } 100% { opacity: 0} } @keyframes fade3 { 0% {opacity:0} 33.333% { opacity: 0} 66.666% { opacity: 1} 100% { opacity: 0} } body { font-family: 'Comfortaa'; background: #F5F5F5; } /*body { font-family: 'Comfortaa'; background: #F5F5F5 url(../../files/gfx/background.jpg) no-repeat; background-size: cover; background-attachment: fixed; }*/ html { scroll-behavior: smooth; } a { color: #000000; text-decoration: none; } a:hover { text-decoration: underline; } a:focus { outline: #000000; } a:visited { } strong { font-weight:bold; } em { } textarea { resize: vertical; } article, aside, figure, footer, header, menu, nav, section { display: block; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0; } img { width:100%; height: auto;} html { font-size:100%; } figure { margin-block-start:0;margin-block-end:0;margin-inline-start: 0; margin-inline-end: 0;} /* +----------------------------------------------------------------------- */ /* | Helper classes /* +----------------------------------------------------------------------- */ .clear { clear: both; } .pull-left { float: left; } .pull-right { float: right; } .align-left, .alignleft { text-align: left; } .align-right, .alignright { text-align: right; } .align-center, .aligncenter { text-align: center; } .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { display:none;} .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .uppercase { text-transform: uppercase;} .boxshadow, .box-shadow { box-shadow: rgba(0,0,0,0,0.2) 5px 5px 5px;} .mobiledata { display: none; } /* +----------------------------------------------------------------------- */ /* | Adventskalender /* +----------------------------------------------------------------------- */ .mod_advent.flexcontent { justify-content: center; } body.adventskalender .content h1 { color:#fff !important; text-align: center;} body.adventskalender .content h2 { color:#fff !important; text-align: center; margin: 0;} body.adventskalender .greenBox { background: rgba(0,73,38,.8); box-shadow: rgba(0,0,0,0.4) 0 0 30px; } body.adventskalender .greenBox .ce_text_inner { padding:40px;} body.adventskalender .greenBox .ce_text_inner * { color: #fff; } body.adventskalender .greenBox .ce_text_inner p { font-size:10pt; } .cal_item { flex-basis: 260px; width: 260px; height:260px; margin: 10px; background: rgba(0,73,38,.8); box-shadow: rgba(0,0,0,0.4) 0 0 30px; position: relative; } .cal_item .cal_item_inside { position: absolute; top:15px; left:15px; right:15px; bottom:15px; display: flex; justify-content: center; align-items: center; border:2px solid rgba(255,255,255,.3); padding: 10px;} .cal_item .cal_item_inside .day { color: #fff; font-size:6.5em; padding-top:10px; text-shadow: rgba(0,0,0,0.2) 5px 5px 5px; } .cal_item .cal_item_inside .memberslide { position: relative; width: 100%; } .cal_item .cal_item_inside .memberslide .member { border-bottom: 1px solid rgba(0,73,38,.6); padding: 5px; position: relative; z-index: 500;} .cal_item .cal_item_inside .memberslide .member:last-of-type { border:none;} .cal_item .cal_item_inside .memberslide .value { color: #fff; padding:8px; text-align:center; } .cal_item .cal_item_inside .image_container { text-align:center; height:50px; } .cal_item .cal_item_inside .image_container img { width:125px; height: 125px; } .winnerbox { background: rgba(0,73,38,.8); box-shadow: rgba(0,0,0,0.4) 0 0 30px; } .winnerbox .ce_text_inner { padding:20px; margin:20px; border:1px solid #fff; } .winnerbox .ce_text_inner * { color: #fff;} .cal_item.active { background: #fff; } .cal_item.active .cal_item_inside { border-color: rgba(0,73,38,0.6);} .cal_item.active .cal_item_inside .memberslide .value { color: #333; display:none; } .cal_item.active .cal_item_inside .activeday { color: rgba(0,73,38,0.1); font-size:6.5em; padding-top:10px; text-shadow: rgba(0,0,0,0.05) 5px 5px 5px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 0;} body.adventskalender #body { padding:80px 0;} body.adventskalender .caroufredsel_wrapper { position: relative; } body.adventskalender #searchform, body.adventskalender #navigation, body.no_nav #navigation, body.no_search #navigation { display:none; } .caroufredsel_navi a { display: block; width:30px; height:30px; transform: translateY(-50%); top:50%; position: absolute; } .caroufredsel_navi .caroufredsel_prev { background: url(../../files/gfx/arrow.svg) no-repeat center center; background-size: 100% auto; transform: rotate(180deg); left:-40px; } .caroufredsel_navi .caroufredsel_next { background: url(../../files/gfx/arrow.svg) no-repeat center center; background-size: 100% auto; right:-40px; } .caroufredsel_navi .caroufredsel_prev span { display:none; } .caroufredsel_navi .caroufredsel_next span { display:none; } #advent_slider {margin: 10px; } #advent_slider .mod_article { display: flex; flex-wrap:wrap; } #advent_slider .ce_text {flex-basis: calc(33.33% - 20px); height:220px; margin: 10px; background: rgba(237,237,237,0.95); box-shadow: rgba(0,0,0,0.4) 0 0 15px; } #advent_slider .ce_text_inner { padding:10px; align-items: center; height: calc(100% - 20px); } #advent_slider .ce_text_inner * { text-align:center; font-family: 'Milocha'; letter-spacing: 1px; } #advent_slider .ce_text_inner .logo { height: 100%; } #advent_slider .ce_text_inner .image_container { margin-bottom: 8px;} #advent_slider .ce_text_inner .title { font-weight: 500; font-size:1.1em; color: rgba(0,73,38,1); margin-bottom:7px; } #advent_slider .ce_text_inner .subtitle { font-weight: 300; font-size:1em; color: #b0a393; } #adv_form { margin-bottom: 50px;} form#adv_form { margin: 10px; background: rgba(197,66,69,0.8); box-shadow: rgba(0,0,0,0.4) 0 0 30px; padding:30px; } form#adv_form h2 { font-size:1.6em; margin-bottom: 30px;} form#adv_form * { font-size:13pt; } form#adv_form .cr_form-inputgroup { padding:10px;} form#adv_form .label, form.cr_form .no-label { } form#adv_form input[type=text] { box-shadow: rgba(0,0,0,0.2) 0 0 30px; border:none; font-weight:300; font-size:15pt; width: calc(100% - 20px); padding: 10px; } form#adv_form input[type=email] { box-shadow: rgba(0,0,0,0.2) 0 0 30px; border:none; font-weight:300; font-size:15pt; width: calc(100% - 20px); padding: 10px; } form#adv_form input[type=phone] { box-shadow: rgba(0,0,0,0.2) 0 0 30px; border:none; font-weight:300; font-size:15pt; width: 90%; } form#adv_form div[rel=checkbox] { font-weight:300; font-size:15pt; color:#fff; clear: both; margin:10px; font-size:10pt !important; } form#adv_form div[rel=checkbox] span.label { font-weight:400; } form#adv_form div[rel=checkbox] input { margin-right:5px; } form#adv_form div[rel=checkbox] br { display:none;} form#adv_form select { border:1px solid #ccc; font-weight:300; font-size:15pt; color:#585858; padding:5px; } form#adv_form option { color:#585858 } form#adv_form button[type=submit] { background: #fff; padding:8px; margin-top: 8px; border:none; color:#585858; } form#adv_form .mce_text * { color:#585858; line-height:1.4; } form#adv_form div[rel=text], form.cr_form div[rel=email] { width:50%; float:left; } form#adv_form .conditions { padding:30px 0 10px 0; text-align:center; } form#adv_form .conditions a { font-size: 9pt; color:#fff;} @media only screen and (max-width: 767px) { form#adv_form div[rel=text], form.cr_form div[rel=email] { width:100%; float:left; } #calendar.flexcontent { justify-content: center; align-items: center; } #advent_slider .ce_text { flex-basis: calc( 100% - 20px);} #advent_slider .ce_text_inner.flexcontent { flex-direction: row; } } /* +----------------------------------------------------------------------- */ /* | Events /* +----------------------------------------------------------------------- */ .mod_event_list .event {padding:20px 0; background: #fff; font-size: 20px; margin-bottom:20px; box-shadow: rgba(0,0,0,0.1) 10px 10px 10px; align-items: center;} .mod_event_list .event h3 { margin:0;} .mod_event_list .event .ce_info { flex-basis: 180px; padding: 15px; border-right:1px solid #ccc; } .mod_event_list .event .ce_info * { text-align:center; color: #939292; } .mod_event_list .event .ce_text { flex-basis: calc(100% - 410px); padding:30px 10px 30px 30px; } .mod_event_list .event .ce_text .pwdby { font-size: 0.6em; } .mod_event_list .event .ce_rel { flex-basis: 150px; } .mod_event_list .event .ce_rel a { display: block; font-size:0.8em; padding: 10px 5px; margin:3px; text-align:center; color:#fff; } .mod_event_list .event .ce_rel a.tickets { background: #0077B7; } .mod_event_list .event .ce_rel a.info { background: #F6A22D; } .mod_event_list .event .date { font-weight: bold; line-height:1.2; margin-bottom:8px;} .mod_event_list .event .date .day { display: block; color:#F6A22D; font-size:1.4em; } .mod_event_list .event .date .month { font-size:1em;} .mod_event_list .event .period { font-size: 0.9em; line-height:1.2;} .mod_event_list .event .time { font-size:0.9em; line-height:1.2; margin-bottom:8px;} .mod_event_detail p { text-align: justify; } .mod_event_detail #event-description h1 { font-size:2em; } .mod_event_detail #event-description h2 { font-size:2em; } .mod_event_detail .sidebar { background: #0077B7; } .content .mod_event_detail * { color: #fff; } .content .mod_event_detail h1 { hyphens: auto; text-align: center; } .mod_event_detail .sidebar h3 { font-size:1.3em; margin-bottom:15px;} .mod_event_detail .sidebar .inside { padding:20px; position: sticky; top:0px;} .mod_event_detail .sidebar a.button { display: block; margin:10px 0; background: #F6A22D; padding:10px; text-align:center; } .mod_event_detail #member .image_container {background:#fff; display: flex; justify-content: center; align-items: center; height:200px; } .mod_event_detail #meta { border-bottom: 1px solid #fff;padding-bottom:20px; margin-bottom:20px;} .mod_event_detail #meta li:not(.ticket) { display: flex; } .mod_event_detail #meta .label { flex-basis: 100px; } .mod_event_detail #meta .value { flex-basis: calc(100% - 100px); } /* +----------------------------------------------------------------------- */ /* | Straubing Becher /* +----------------------------------------------------------------------- */ #srBecher .container { flex-wrap: wrap; } #srBecher h1 { color: #414141; } #srBecher h1 strong { color: #ca1e2e; } #srBecher h2 { font-size:1.5em; color: #414141; font-weight:300; } #srBecher h2 strong { font-weight: bold; } #hlVerkaufsstellen h2 { font-size:2.5em; color: #414141; font-weight:600; } #hlVerkaufsstellen h2 strong { font-weight: bold; color: #ca1e2e; } #stckHeimat, #srBecherHow { background: #fff; outline: 2px dashed #414141; box-shadow: rgba(0,0,0,0.35) 0 0 15px;} #stckHeimat .ce_text_inner, #srBecherHow .ce_text_inner { padding:20px;} #stckHeimat h3, #srBecherHow h3 { color: #414141; margin:0 0 5px; } #stckHeimat h3 strong, #srBecherHow h3 strong { color: #ca1e2e; } #stckHeimat h4 { font-size:1em; color: #414141; font-weight:300; text-transform: uppercase; } #stckHeimat h5 { font-size:1em; color: #ca1e2e; font-weight:600; text-transform: uppercase; } #stckHeimat ul { margin: 0; padding-inline-start: 20px; } /* +----------------------------------------------------------------------- */ /* | Navigation /* +----------------------------------------------------------------------- */ #navigation { width: 100%; z-index: 9990; margin-bottom: 50px;} .is-sticky #navigation { background: rgba(255,255,255,0.95); } /* Main Navigation */ #navigation { } #navigation #MainNavigation { margin:0 auto; } #navigation ul { display: flex; list-style:none; margin:0 auto; padding: 0; justify-content: center; } #navigation ul li { padding:8px; } #navigation ul li a, #navigation ul li span { color:#fff; font-size:1.1em; width: 150px; height: 150px; padding:15px; display: flex; text-align: center; justify-content: center; align-items: center; transition-duration: .7s; } #navigation ul li a:hover { text-decoration:none; transform: scale(1.05); transition-duration: .7s;} #navigation ul li[title="Einkaufen & Flanieren"] a, #navigation ul li[title="Einkaufen & Flanieren"] span.active { background: url('../../files/gfx/navigation/einkaufen.svg') no-repeat center center; background-size: 100% auto; } #navigation ul li[title="Essen & Trinken"] a, #navigation ul li[title="Essen & Trinken"] span.active { background: url('../../files/gfx/navigation/essen.svg') no-repeat center center; background-size: 100% auto; } #navigation ul li[title="Service & Dienstleistung"] a, #navigation ul li[title="Service & Dienstleistung"] span.active { background: url('../../files/gfx/navigation/service.svg') no-repeat center center; background-size: 100% auto; } #navigation ul li[title="Sport & Freizeit"] a, #navigation ul li[title="Sport & Freizeit"] span.active { background: url('../../files/gfx/navigation/sport.svg') no-repeat center center; background-size: 100% auto; } #navigation ul li[title="Blogs & News"] a, #navigation ul li[title="Blogs & News"] span.active { background: url('../../files/gfx/navigation/blogs.svg') no-repeat center center; background-size: 100% auto; } #navigation ul li[title="Events & Feste"] a, #navigation ul li[title="Events & Feste"] span.active { background: url('../../files/gfx/navigation/events.svg') no-repeat center center; background-size: 100% auto; } /* SideNavigation */ #sidenav { width:80px; position: fixed; left:20px; top:15%; z-index: 9998;} #sidenav ul { list-style:none; margin:0; padding: 0; } #sidenav ul li { } #sidenav ul li a, #sidenav ul li span.active { width: 50px; height: 50px; display: block; transition-duration: .7s; } #sidenav ul li a span, #sidenav ul li span.active span { display: none; } #sidenav ul li a:hover { text-decoration:none; transform: scale(1.05); transition-duration: .7s;} #sidenav ul li[title="Einkaufen & Flanieren"] a { background: url('../../files/gfx/side-navigation/einkaufen.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Essen & Trinken"] a { background: url('../../files/gfx/side-navigation/essen.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Service & Dienstleistung"] a { background: url('../../files/gfx/side-navigation/service.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Sport & Freizeit"] a { background: url('../../files/gfx/side-navigation/sport.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Blogs & News"] a { background: url('../../files/gfx/side-navigation/blogs.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Events & Feste"] a { background: url('../../files/gfx/side-navigation/events.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Einkaufen & Flanieren"] span { background: url('../../files/gfx/side-navigation/einkaufen-active.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Essen & Trinken"] span { background: url('../../files/gfx/side-navigation/essen-active.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Service & Dienstleistung"] span { background: url('../../files/gfx/side-navigation/service-active.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Sport & Freizeit"] span { background: url('../../files/gfx/side-navigation/sport-active.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Blogs & News"] span { background: url('../../files/gfx/side-navigation/blogs-active.svg') no-repeat center center; background-size: 100% auto; } #sidenav ul li[title="Events & Feste"] span { background: url('../../files/gfx/side-navigation/events-active.svg') no-repeat center center; background-size: 100% auto; } #logo { text-align:center; } #logo a { height: 380px; width: 850px; display: inline-block; padding:40px 0 0; } #logo a { background: url('../../files/gfx/logo/eis-logo_start.png') no-repeat center top; background-size: cover; } body.einkaufen #logo a { background: url('../../files/gfx/logo/eis-logo_einkaufen.png') no-repeat center top; background-size: cover; } body.essen-trinken #logo a { background: url('../../files/gfx/logo/eis-logo_essen.png') no-repeat center top; background-size: cover; } body.service #logo a { background: url('../../files/gfx/logo/eis-logo_service.png') no-repeat center top; background-size: cover; } body.sport #logo a { background: url('../../files/gfx/logo/eis-logo_sport.png') no-repeat center top; background-size: cover; } body.blogs-news #logo a { background: url('../../files/gfx/logo/eis-logo_blogs.png') no-repeat center top; background-size: cover; } .mod_socialmedia ul { display: flex; list-style: none; margin:0; padding:0; justify-content: flex-end; } .mod_socialmedia ul li { flex-basis: 40px; margin:5px; padding:0; } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) { #logo a { background: url('../../files/gfx/logo/eis-logo_start_x2.png') no-repeat center top; background-size: cover; } body.einkaufen #logo a { background: url('../../files/gfx/logo/eis-logo_einkaufen_x2.png') no-repeat center top; background-size: cover; } body.essen-trinken #logo a { background: url('../../files/gfx/logo/eis-logo_essen_x2.png') no-repeat center top; background-size: cover; } body.service #logo a { background: url('../../files/gfx/logo/eis-logo_service_x2.png') no-repeat center top; background-size: cover; } body.sport #logo a { background: url('../../files/gfx/logo/eis-logo_sport_x2.png') no-repeat center top; background-size: cover; } body.blogs-news #logo a { background: url('../../files/gfx/logo/eis-logo_blogs_x2.png') no-repeat center top; background-size: cover; } } #mobile-navigation { position: fixed; padding:10px 0; width: 100%; z-index: 9995; top: 0; background: rgba(255,255,255,0.95); display: none;} #mobile-navigation #mobile-logo { width:170px; margin-left: 10px; } /* +----------------------------------------------------------------------- */ /* | Header /* +----------------------------------------------------------------------- */ #header { } #topbar { } #topbar .button-wg { height:40px; overflow:hidden; text-align: right; line-height:40px;} #topbar .button-wg p { margin: 0; line-height: 40px;} #topbar .button-wg img { height:40px; width: auto;} #topbar img { margin-bottom: -4px;} #topbar .mod_customnav ul { display:flex; list-style: none; margin:0; padding:0; justify-content: flex-end; } #topbar .mod_customnav ul li {} #topbar .mod_customnav ul li * { color: #fff; font-size:10pt; } #topbar .mod_customnav ul li a, #topbar .mod_customnav ul li span { display: block; padding:5px 10px; line-height: 30px; max-height:40px; } #topbar .mod_customnav ul li a br, #topbar .mod_customnav ul li span br { display:none; } #topbar .mod_customnav ul li.active span, #topbar .mod_customnav ul li a:hover { text-decoration: underline; } #topbar .mod_customnav ul li[title="Mitglied werden"] a { background: rgb(241,141,68); background: linear-gradient(90deg, rgba(241,141,68,1) 0%, rgba(246,165,68,1) 48%, rgba(239,128,68,1) 100%); } #topbar .mod_customnav ul li[title="Mitglied werden"] a:hover { color:#fff; background: rgba(44,92,156,1.00); background: linear-gradient(90deg, #0077b7 0%, #47aece 48%, #2c5c9c 100%); text-decoration: none; } #mobile-top-bar { display:none; background: #fff; border-bottom:2px solid #eaeaea; position: fixed; top:0; Width: 100%; z-index: 9995; } #mobile-top-bar #mobile-logo { height:50px; padding:10px 0 10px 20px; overflow:hidden;} #mobile-top-bar #mobile-logo img { height:50px; width: auto;} #mobile-top-bar img { margin-bottom: -4px;} /* +----------------------------------------------------------------------- */ /* | Content /* +----------------------------------------------------------------------- */ body.adventskalender #body { background: rgb(0,73,38) url('../../files/gfx/background.svg') no-repeat top center; background-size: cover; background-attachment: fixed; /* background: -moz-linear-gradient(231deg, rgba(0,73,38,1) 4%, rgba(75,132,67,1) 94%); background: -webkit-linear-gradient(231deg, rgba(0,73,38,1) 4%, rgba(75,132,67,1) 94%); background: linear-gradient(231deg, rgba(0,73,38,1) 4%, rgba(75,132,67,1) 94%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004926",endColorstr="#4b8443",GradientType=1); */ } #einkaufen.mod_category, #einkaufen.mod_member, .mod_member .ce_contact { background: rgb(71,174,206); background: -webkit-linear-gradient(bottom left, rgba(71,174,206,1) 0%, rgba(0,119,183,1) 50%, rgba(44,92,156,1) 100%); background: -o-linear-gradient(bottom left, rgba(71,174,206,1) 0%, rgba(0,119,183,1) 50%, rgba(44,92,156,1) 100%); background: linear-gradient(to top right, rgba(71,174,206,1) 0%, rgba(0,119,183,1) 50%, rgba(44,92,156,1) 100%); } body.event #main, body.events #main { background: rgb(0,147,159); background: -webkit-linear-gradient(107deg, rgba(0,147,159,1) 1%, rgba(124,200,204,1) 100%); background: -o-linear-gradient(107deg, rgba(0,147,159,1) 1%, rgba(124,200,204,1) 100%); background: linear-gradient(197deg, rgba(0,147,159,1) 1%, rgba(124,200,204,1) 100%); } #einkaufen.mod_category, #einkaufen.mod_member { background-attachment: fixed; } #service.mod_category, #service.mod_member, #service.mod_member .ce_contact { background: rgb(164,193,228); background: -webkit-linear-gradient(bottom left, rgba(164,193,228,1) 0%, rgba(149,124,181,1) 50%, rgba(126,112,164,1) 100%); background: -o-linear-gradient(bottom left, rgba(164,193,228,1) 0%, rgba(149,124,181,1) 50%, rgba(126,112,164,1) 100%); background: linear-gradient(to top right, rgba(164,193,228,1) 0%, rgba(149,124,181,1) 50%, rgba(126,112,164,1) 100%); } #sport.mod_category, #sport.mod_member, #sport.mod_member .ce_contact { background: rgb(234,94,126); background: -webkit-linear-gradient(bottom left, rgba(234,94,126,1) 0%, rgba(224,4,94,1) 50%, rgba(171,25,77,1) 100%); background: -o-linear-gradient(bottom left, rgba(234,94,126,1) 0%, rgba(224,4,94,1) 50%, rgba(171,25,77,1) 100%); background: linear-gradient(to top right, rgba(234,94,126,1) 0%, rgba(224,4,94,1) 50%, rgba(171,25,77,1) 100%); } #gastro.mod_category, #gastro.mod_member, #gastro.mod_member .ce_contact, .mod_gastro_list #filterBox .list-group-item.active a, .mod_gastro_list #filterBox .list-group-item a.active { background: rgb(71,174,206); background: -webkit-linear-gradient(bottom left, #129b4a 0%, #54a547 50%, #a1be50 100%); background: -o-linear-gradient(bottom left, #129b4a 0%, #54a547 50%, #a1be50 100%); background: linear-gradient(to top right, #129b4a 0%, #54a547 50%, #a1be50 100%); } body.blogs-news #news.mod_article { background: #f6a544; /* background: -webkit-linear-gradient(bottom left, #ed7243 0%, #f18d44 50%, #f6a544 100%); background: -o-linear-gradient(bottom left, #ed7243 0%, #f18d44 50%, #f6a544 100%); background: linear-gradient(to top right, #ed7243 0%, #f18d44 50%, #f6a544 100%); */ } #einkaufen.mod_category .category { background: rgba(44,92,156,1); } #service.mod_category .category { background: rgba(126,112,164,1); } #sport.mod_category .category { background: rgba(171,25,77,1); } #gastro.mod_category .category { background: #a1be50; } #main .mod_category .catHeadline { margin-bottom: 40px; } #main .mod_category .catHeadline * { color: #fff; text-align: center; } #main .mod_category .catHeadline h1 { margin: 0; } #main .mod_category .catHeadline h3 { border:none; margin:0; } #main .section { padding: 50px 0;} .mod_maincategory_overview *, .mod_maincategory_overview a h3 { color:#fff; text-align: center; } .mod_maincategory_overview .flexcontent { justify-content: center; } .mod_maincategory_overview .category { flex-basis: 200px; margin: 10px; box-shadow: rgba(0,0,0,0.1) 5px 5px 5px;transition-duration: .7s; } .mod_maincategory_overview .category:hover { transform: scale(1.05); transition-duration: .7s;} .mod_maincategory_overview .category .inner { } .mod_maincategory_overview .category .image_container { display: flex; justify-content: center;align-items: center; } .mod_maincategory_overview .category .image_container img { width:50%; transition-duration: .5s; } .mod_maincategory_overview .category.straubingscheck .image_container { } .mod_maincategory_overview .category.straubingscheck .image_container img { height: 50%; } .mod_maincategory_overview .category .inner h3 { text-decoration: none; border:none; font-weight:400; letter-spacing: 1px; margin:0; font-family: 'Milocha'; font-size: 13pt; } .mod_maincategory_overview .category .inner a { text-decoration: none; height:200px; display: flex; justify-content: center; flex-wrap: wrap; } #gastro { align-content: flex-start;} .mod_gastro_list *, .mod_gastro_list a h3 { text-align: center; } .mod_gastro_list .flexcontent { justify-content: center; } .mod_gastro_list .partner { flex-basis: 200px; margin: 10px; display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: rgba(0,0,0,0.1) 5px 5px 5px; overflow:hidden; transition-duration: .7s; position: relative; } .mod_gastro_list .partner.emptylist { flex-basis: 100%; flex-direction: column; padding-top:20px; } .mod_gastro_list .partner.emptylist a { height:30px; } .mod_gastro_list .partner:hover { transform: scale(1.05); transition-duration: .7s;} .mod_gastro_list .partner .inner { padding:10px; } .mod_gastro_list .partner .inner h3 { text-decoration: none; border:none; font-weight:400; letter-spacing: 1px; margin:0; font-family: 'Milocha'; font-size: 13pt; } .mod_gastro_list .partner a { height: 180px; display: flex; justify-content: center; align-items: center; } .mod_gastro_list .partner .image_container { } .mod_gastro_list .partner.hidden { display:none; } .partner .memberflag { position:absolute; right:0; top:0; font-size:8pt; padding:5px; color:#fff; border-radius: 0 0 0 6px; z-index: 500; background: rgb(71,174,206); background: -webkit-linear-gradient(bottom left, #129b4a 0%, #54a547 50%, #a1be50 100%); background: -o-linear-gradient(bottom left, #129b4a 0%, #54a547 50%, #a1be50 100%); background: linear-gradient(to top right, #129b4a 0%, #54a547 50%, #a1be50 100%); } .mod_gastro_list #filterBox .fi-inside { padding:20px; background: #fff; margin-top:10px; } .mod_gastro_list #filterBox .fi-box { padding:10px 20px; border-radius: 15px;} .mod_gastro_list #filterBox .fi-box.bg { background: #eaeaea; } .mod_gastro_list #filterBox .list-group-item a { padding:5px 10px; border-radius: 15px; display: block; background: #F8F8F8; margin:10px 0; box-shadow: rgba(0,0,0,0.1) 3px 3px 3px; font-family: 'Milocha'; text-transform: uppercase; color: #129b4a; } .mod_gastro_list #filterBox .list-group-item a.active, .mod_gastro_list #filterBox .list-group-item.active a { text-decoration: none; color: #fff; } .mod_gastro_list #filterBox .list-group-item a:hover { text-decoration: none; cursor: pointer; } .mod_subcategory_overview *, .mod_subcategory_overview a h3 { text-align: center; } .mod_subcategory_overview .flexcontent { justify-content: center; } .mod_subcategory_overview .partner { flex-basis: 200px; margin: 10px; display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: rgba(0,0,0,0.1) 5px 5px 5px; position: relative; } .mod_subcategory_overview .partner:hover { transform: scale(1.05); transition-duration: .7s;} .mod_subcategory_overview .partner .inner { padding:10px; } .mod_subcategory_overview .partner .inner h3 { text-decoration: none; border:none; font-weight:400; letter-spacing: 1px; margin:0; font-family: 'Milocha'; font-size: 13pt; } .mod_subcategory_overview .partner a { height: 180px; display: flex; justify-content: center; align-items: center; } .mod_sr_scheck .srs-partner { flex-basis: calc(33.333% - 20px); margin-left: 10px; margin-right:10px; } .mod_member { padding: 50px 0; } .mod_member video { width: 100%; height: auto; } .mod_member .ce_text *, .mod_member .ce_headline * { color:#fff; } .mod_member .mod_news_list .ce_text * { color:#585858; } .mod_member .info { flex-direction: row; } .mod_member #memberDetails .image_container {margin-bottom:40px; background:#fff; display: flex; justify-content: center; align-items: center; height:380px; } .mod_member .image_container .inner { padding:20px; } .mod_member .ce_headline h1 { font-size:2em; margin:0 0 10px; padding:0; } .mod_member .ce_headline h2 { font-size:1.3em; margin:0; padding:0; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #membercontent .inside { padding-left: 20px;} .mod_member .ce_contact * { color: #fff;} .mod_member .ce_contact .inner { padding:20px;} .mod_member .row2 { align-items: flex-start; } .content .mod_searchform h1 { text-align:center;} .content .mod_searchform h3 { font-weight: 300; font-size:1.2em;} /*body.detaileintrag #SearchForm { display: none; }*/ #searchform input#textfield { font-size:1.4em; padding:10px 20px; border:1px solid #eaeaea; line-height:30px; max-width:450px; width: 400px; } #searchform input#textfield::placeholder { color:#CFCFCF; } #searchform input.submit {background: radial-gradient(#ea5e7e 0%, #e0045e 100%); color:#fff; box-shadow: none; border:none; height:50px; line-height:50px; padding:0 50px; } #SearchForm .mod_form .formbody { display: flex; } #SearchForm .mod_form input.text { font-size:1.4em; padding:10px 20px; border:1px solid #eaeaea; line-height:30px; max-width:450px; width: 400px; } #SearchForm .mod_form input.text::placeholder { color:#CFCFCF; } #SearchForm .mod_form .widget-submit { margin-left:10px;} #SearchForm .mod_form button.submit {background: radial-gradient(#ea5e7e 0%, #e0045e 100%); color:#fff; box-shadow: none; border:none; height:50px; line-height:50px; padding:0 50px; } #main .mod_member h2 { font-size: 1.4rem; margin-bottom:10px; } #main .mod_member .info .ce_text { padding: 50px 0 30px; } #main .mod_member #opening .label { display: inline-block; width:50px; } #main .mod_member #opening .time { display: inline-block; vertical-align: top; } #main .mod_member #opening .time span { display: block; } #main .mod_member i { display:block; width:50px; height:50px; } #main .mod_member i.adresse { background: url(../../files/gfx/adresse.svg) no-repeat top left; background-size: 30px auto; } #main .mod_member i.contact { background: url(../../files/gfx/contact.svg) no-repeat top left; background-size: 30px auto; } #main .mod_member i.mail { background: url(../../files/gfx/mail.svg) no-repeat top left; background-size: 30px auto; } #main .mod_member i.opening { background: url(../../files/gfx/opening.svg) no-repeat top left; background-size: 30px auto; } #main .mod_member #payment .icon-pay { flex-basis: calc(25% - 10px); margin: 5px;} #main .mod_member .ce_text p { hyphens: auto; text-align: justify; } .mod_member #news h3, .mod_member #images h3 { color: #fff; } #main .mod_member #memberTopBar { border-bottom: 1px solid #fff; padding-bottom:8px; } #memberTopBar #socialmedia { justify-content: flex-end; } #memberTopBar #socialmedia .smItem { flex-basis:40px; margin-left:5px;} #memberTopBar #socialmedia .webshop span {display: block; line-height: 40px; height:40px; color:#fff; background: radial-gradient(#ea5e7e 0%, #e0045e 100%); padding:0 15px; border-radius:10px; margin-left:15px;} body.index #news, body.home #news { max-width:1600px; margin:0 auto;} #news h2 { background: url('../../files/gfx/button_orange.svg') no-repeat center center; background-size: auto 100%; padding:30px 55px; color:#fff; text-decoration: none; display: inline-block; font-size:1.3em; margin-left:5%;} #news .mod_news_list h4 { line-height:25px; height:50px; padding:8px 0;} #news .mod_news_list .ce_text { padding:20px; } #news .mod_news_list .ce_text .flexcontent { align-items: center; } #news .mod_news_list .news { background-color:#fff; margin-bottom:40px; box-shadow: rgba(0,0,0,0.1) 10px 10px 10px; } #news .mod_news_list .flex50 { margin: 0; flex-basis:50%; } #news .mod_news_list .rel a { background: url('../../files/gfx/button_orange.svg') no-repeat center center; background-size: 100% auto; padding:8px 15px; color:#fff; text-decoration: none; display: block; text-align:center; } body.blogs-news #news h1 { color:#fff; } body.blogs-news #news .mod_news_list .news { background-color:#fff; margin-bottom:40px; box-shadow: rgba(0,0,0,0.1) 10px 10px 10px; } body.blogs-news #news .mod_news_list h4 { } #main .mod_news .ce_headline { margin-bottom: 40px; } #main .mod_news .ce_headline * { text-align: center; } #main .mod_news .ce_headline h1 { margin: 0; } #main .mod_news .ce_headline h3 { border:none; margin:0; } .mod_news .meta { color:#888; font-size:10pt; margin-bottom: 5px;} .mod_news .image_container { margin-bottom:20px; } .mod_news .text_container h3 { border:none; margin-bottom:10px;} .mod_news .meta, .mod_news .back { text-align:right;} #nl-form { background: #0077b7; padding:40px 0; margin:5px 0; } #nl-form .container { align-items: center; } #nl-form input { width: 90%; padding:0 5%; line-height:45px; border:1px solid #ccc; margin-bottom:10px; color:#555555; font-weight: normal; font-size:15pt; } #nl-form button.cr_button { background: url('../../files/gfx/button_orange.svg') no-repeat center center; background-size: 100% auto; padding:8px 15px; color:#fff; text-decoration: none; display: block; border:none; outline:none; box-shadow: none; font-size:1.2em;} #nl-info * { color:#fff; line-height:1.4; } #nl-info h2 { font-size:1.8em;} #nl-info p { text-align: justify; } /*#nl-form #recaptcha_v2_widget { transform: scale(0.77); float:left; }*/ #parken .box { line-height:1.3; } #parken .title { font-weight: bold; text-transform: uppercase; } #parken .anschrift { margin:12px 0; } #mainNews { outline: #efefef 1px solid; background:#fff; box-shadow: rgba(0,0,0,0.1) 7px 7px 7px; } #mainNews .inside { padding:40px 20px; } #mainNews .inside .image_container { margin-bottom:20px; } #mainNews .inside p:last-of-type {margin: 0; text-align: center;} #mainNews .inside h2 { font-size:1.5em; text-align: center; margin-bottom:15px;} #mainNews .inside p { text-align:center; } #mainNews .inside p a { background: url('../../files/gfx/button_orange.svg') no-repeat center center; background-size: 100% auto; padding:18px 55px; color:#fff; text-decoration: none; display: inline-block; text-align:center; } #picker {text-align: center; justify-content: center; margin-bottom: 25px; display:none; } #picker select { background: rgb(234,94,126); border:none; color:#fff; padding:10px 25px; border-radius: 10px;} #picker select option { background: #fff; color: #333; text-align:left; border-bottom: 1px solid #eaeaea; padding:3px 0; } #picker select:focus-visible { border:none; outline:none; } #picker select option:last-of-type { border-bottom: none; } #teaser .teaser { background:#fff; } #teaser .teaser h3.ce_headline { text-align: center; font-size:1.3em; margin-bottom: 30px; } #teaser .teaser h3.ce_headline span { background: url('../../files/gfx/button_orange.svg') no-repeat center center; background-size: auto 100%; padding:30px 55px; color:#fff; text-decoration: none; display: inline-block; margin-left:5%;} #teaser .teaser .ce_event { border-bottom: 1px solid #ccc; padding: 0 0 20px; margin-bottom: 20px; } #teaser .teaser .ce_event:last-of-type { border-bottom:none; } #teaser .teaser .teaser-inner { padding:10px; } #teaser .teaser .time { text-align:right; } #teaser .teaser .ce_text { padding:15px 0; } #teaser .teaser .ce_text h4 { margin: 0; text-align: center; } #teaser .teaser .ce_text h5 { margin: 0; text-align: center; } #teaser .teaser .ce_rel { text-align: right; } #teaser .teaser .ce_rel a { background: url(../../files/gfx/button_orange.svg) no-repeat center center; background-size: 100% auto; padding: 8px 15px; color: #fff; font-size: 11pt; text-decoration: none; display: inline-block; text-align: center; width:120px; } /* +----------------------------------------------------------------------- */ /* | Footer /* +----------------------------------------------------------------------- */ #footer { background: #949698; font-size:11pt; padding:50px 0;} #footer * { color: #fff; line-height:1.4; } #footer .inner { border-left: 1px solid #fff; border-right: 1px solid #fff; padding:0 40px;} #footer ul { list-style:none; margin:0; padding: 0 0 0 20px; } #footer ul li a { line-height:1.6; } #footer ul li br { display: none; } #footer #row2 ul { display: flex; list-style:none; margin:0; padding: 0; } #footer #row2 ul li { margin-right: 8px; } #footer #row2 ul li a { line-height:1.6; } #footer #row2 ul li br { display: none; } #footer #row2 { border-top:1px solid #fff; margin-top:50px; padding-top: 5px; } #footer #row2 p { margin: 0; line-height: 1.6;} #footer h3 { background: #eb5c7e; padding: 8px 50px 5px 20px; display: inline-block; border-radius: 20px; } #footer #sr-scheck h3 { background: #f7a73c; } /* +----------------------------------------------------------------------- */ /* | Stylings /* +----------------------------------------------------------------------- */ #main div.section { padding:50px 0;} section#welcome { padding:60px 0 30px; } .content section { padding:30px 0 30px; } .content section#services { padding:30px 0 0 0; } .content section.no-padding, .content section.nopadding { padding:0; } .content p, .content ul li, .content ol li { line-height:1.5; color: #939292; font-size:13pt; font-weight:300; } .content p { margin: 0 0 20px; } .content ul { margin: 0 0 20px; } .content ul li { margin: 0 0 5px; } .content ul li.no-margin {margin:0;} .content h1, .content h2, .content h3, .content h4, .content h5 { color:#9d9c9c;} #welcome h1 { font-size:1.5em; text-transform: none; font-weight: normal; background: url(../../files/gfx/heart.svg) no-repeat left top; background-size:auto 35px; padding:11px 0 5px 40px;} #welcome h1 strong { background-image:linear-gradient(90deg, #e0045e 0%, #ab194d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .content h1, .content h2 { font-size:2.8rem; text-align:left; font-weight: 600; line-height:1.2; padding:0; margin: 0 0 30px; text-transform: uppercase; } .content h1 strong, .content h2 strong { font-weight: 600;} .content h3 { font-size:20pt; color: #a8a9ab; line-height:1.3; font-weight: 600; } .content h4 { font-size:14pt; line-height:1.6; margin:0 0 5px; } .content h5 { } .content h6 { } ul.unstyled { list-style: none; margin:0; padding:0; } body.blue #main strong { color:#4b66ae; } /* +----------------------------------------------------------------------- */ /* | Kontaktformulare /* +----------------------------------------------------------------------- */ #contactform { background: rgb(139,29,105); background: linear-gradient(45deg, rgba(139,29,105,1) 2%, rgba(161,22,104,0.83) 55%, rgba(139,29,105,1) 100%); } #contactform input, #contactform select, #contactform textarea{ background: #782364; border:none; } #contactform .flexcontent { flex-wrap: wrap; display: flex; } #f1 .formbody .flexcontent { flex-wrap: wrap; } #f1 input.text { width: 90%; padding:0 5%; line-height:45px; border:1px solid #ccc; margin-bottom:10px; color:#555555; font-weight: normal; font-size:15pt; } #f1 input.text::placeholder { color:#939292; font-weight: normal; } #f1 select { width: 49%; padding:0 5%; line-height:45px; height: 45px; border:none; margin-bottom:10px; color:#fff; font-weight: bold; } #f1 input.checkbox { width:20px; height: 20px; } #f1 textarea.textarea { width: 95%; padding:20px 2.5%; min-height:193px; border:1px solid #ccc; color:#555555; font-weight: 500; font-size:13pt; } #f1 textarea.textarea::placeholder { color:#939292; font-weight: 500; font-size:13pt; } #f1 input.text, #f1 textarea.textarea { box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; } #f1 .widget-checkbox fieldset { border:none; font-size:9pt; } #f1 .widget-checkbox label {color:#939292; font-weight: normal; font-size:15pt; line-height:20px; height: 20px;} #f1 .submit_container { text-align:center; } #f1 .widget-submit button { background: #AF9B69; border:none; color: #fff; padding:10px 0; width:180px; font-weight: bold; font-size:15pt; } #f1 .formbody { display: flex; flex-wrap: wrap;} #f1 .widget-text { flex-basis:calc(50% - 20px); margin:0 10px 15px;} #f1 .widget-checkbox { flex-basis:calc(50% - 20px); margin:0 10px 15px;} #f1 .widget-textarea, #f2 .widget-captcha, #f2 .widget-submit, #f2 .widget-select { flex-basis:calc(100% - 20px); margin:0 10px 15px;} /* +----------------------------------------------------------------------- */ /* | Media Queries /* +----------------------------------------------------------------------- */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1200px) { body.event #main .section, body.events #main .section { margin-left:5%; margin-right:5%; } } @media only screen and (min-width: 960px) and (max-width: 1279px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1024px) { #sidenav { left: 0px; right: 0px; top: auto; bottom: 0; padding:5px 0 15px; background: #fff; width: auto; border-top:2px solid #eaeaea;} #sidenav ul { display: flex; justify-content: center; } #sidenav ul li {flex-basis: 60px;} #sidenav ul li a, #sidenav ul li span.active { height:60px; width:60px;} body { background:#f5f5f5; } #nl-info.flex50 { flex-basis: calc(40% - 20px); } #nl-info h2 br { display:none; } #nl-form .cr_form.flex50 { flex-basis: calc(60% - 20px); } #logo { padding:0; height: auto; } #logo img { max-width:75%; height: auto;} #navigation .flexcontainer { justify-content: center; } #navigation ul { flex-wrap:wrap; justify-content: center; grid-template-columns: repeat(3, 1fr); } #footer { padding-bottom: 100px; } #footer .flexcontainer { flex-wrap:wrap;} #nl-form button.cr_button { width:210px;} #topbar .button-wg { flex-basis:220px;} } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #logo a { height:291px; width:650px;} #topbar { display:none; } #mobile-top-bar { display:block; } body { margin-top:80px;} #news .mod_news_list .news { flex-basis: calc(50% - 20px);} .mod_maincategory_overview .category { flex-basis: calc(25% - 40px); } .mod_subcategory_overview .partner { flex-basis: calc(25% - 40px); height:130px; } .mod_gastro_list .partner { flex-basis: calc(33.33% - 40px); height:130px; } .mod_member .ce_contact { flex-basis: 100%; } .mod_member .ce_contact .inner { display: flex; } .mod_member .ce_contact .inner .tablet-50 { flex-basis: 50%; } #footer .flexcontainer div { flex-basis: calc(50% - 20px); } #footer .inner {border:none; } #footer .inner p { display:none; } #footer .inner img { max-width: 220px;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 1023px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .mobiledata { display: block; } .webdata { display: none; } .mod_event_list .event { padding:15px;} .mod_event_list .event .ce_info { border-right: none; border-bottom:1px solid #eaeaea;} .mod_event_list .event .ce_text { padding:20px 0; text-align:center;} .mod_event_list .event h3 { font-size: 0.9em;} .mod_event_list .event .ce_info, .mod_event_list .event .ce_text, .mod_event_list .event .ce_rel { flex-basis:100%; } .mod_event_detail {} .mod_event_detail h1 { font-size:1.8em;} .mod_event_detail #meta { border:none; padding:0; margin:0;} .mod_event_detail .sidebar { margin-bottom: 20px;} .mod_event_detail #member.sidebar .inside { padding: 20px;} #navigation ul li { flex-basis: calc(50% - 20px); padding:0;} body.category #navigation, body.detaileintrag #navigation, body.einkaufen-flanieren #navigation, body.service-dienstleistung #navigation, body.blog-news #navigation, body.sport-freizeit #navigation, body.essen-trinken #navigation { display: none; } .flexcontainer, .container, .flexcontent, .mod_member .ce_contact .inner, body.essen-trinken .mod_category .flexcontent, #footer #row2 ul { flex-direction: column; } #logo a { height:125px; width:280px;} #SearchForm .mod_form input.text { width: calc(100% - 40px); margin-bottom:5px; } #SearchForm .mod_form .widget-submit { margin-left:0;} #SearchForm .mod_form .formbody { flex-direction: column; margin: 0 10px;} #memberTopBar #socialmedia, #payment, #gastro { flex-basis: 100%; flex-direction: row; } #breadcrumb { display:none;} .mod_category .flexcontent, #main .mod_member #memberTopBar { flex-direction: row; } .mod_category .flexcontent .category, .mod_subcategory_overview .partner, .mod_gastro_list .partner { flex-basis: calc(50% - 40px);} .flex33, .flex66, .flex1-3, .flex2-3, .flex1-4, .flex10, .flex20, .flex30, .flex40, .flex50, .flex60, .flex70, .flex80, .flex90, .flex100, #nl-info.flex50, #nl-form .cr_form.flex50, #news .mod_news_list .news, .mod_member .ce_contact .inner .tablet-50 { flex-basis: calc(100% - 20px); width: calc(100% - 20px); margin-left:10px; margin-right:10px; } #footer .row2 *, #footer #row2 ul, #footer #row2 p { text-align: center; } #footer #row2 p { margin-top:10px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { } @media only screen and (max-width: 1000px) { }