body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} /* roboto-slab-regular - latin */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: url('../../files/fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* ubuntu-regular - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url('../../files/fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-500 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; src: url('../../files/fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-500italic - 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: 'Ubuntu'; font-style: italic; font-weight: 500; src: url('../../files/fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ubuntu-700 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: url('../../files/fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../files/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../../files/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../../files/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../../files/fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { float: left; margin-bottom: 1em; } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a, .sf-menu span.active { border-left: 1px solid #fff; border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ border-top: 1px solid rgba(255,255,255,.5); padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a { color: #13a; } .sf-menu li { background: #BDD2FF; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu li.active span.active { display: block; } .sf-menu ul li { background: #AABDE6; } .sf-menu ul ul li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover { background: #CFDEFF; /* only transition out, not in */ -webkit-transition: none; transition: none; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } button[type="submit"], input[type="submit"]{ font-size: 99%; } .show_pw { padding-bottom: 10px; } .show_pw input[type="checkbox"]{ width: 15px; height: 15px; } .new_pw label, .login label{ display: block!important; } .get_new_pw { padding-top: 20px; } #toptop { position: relative; } .mod_changelanguage.changelanguage_mobile { top: 20px !important; right: 35px !important; position: absolute !important; left: initial !important; display:none; } .mod_changelanguage.changelanguage_mobile li a { color: #787878 !important; } .content_mobile { display: none; } /************** Dossier *************/ .ct_picture_card.dossier_card { background: #FFFFFF; border: 1px solid #999; } .ct_picture_card.dossier_card h2 { color: #152d62 !important; font-size: 30px; line-height: 40px; padding-top: 35px; } .ct_picture_card.dossier_card.zweizeilig h2 { padding-top: 15px; } } .dossier { padding: 0px !important; width: 31% !important; background: #efefef !important; } .dossier .textblock { padding-left: 25px; padding-right: 25px; } .dossier .autorblock { display: flex; font-family: "Ubuntu"; font-weight: 500; font-style: italic; font-size: 12px; line-height: 16px; color: #152d62 !important; justify-content: space-between; align-items: center; padding-left: 25px; padding-right: 25px; padding-bottom: 15px; } .dossier .autorblock img { width: 70px; height: auto; border-radius: 35px; } .dossier .autorblock p:nth-child(1) { width: 70%; padding-right: 10px; } .dossier .autorblock p:nth-child(2) { width: 30%; } .back1 .cards.dossier { background: #F8F4F8 !important; } .cards.dossier { padding: 0px; width: 31% } /************** Bullit Box *************/ .bullitbox { position: relative; font-size: 14px; line-height: 20px; color: #787878; border: 1px solid #787878; border-radius: 10px; padding: 10px; margin-bottom: 20px; } .bullitbox ul { margin: 0; padding: 10px; } .bullitbox li { padding: 8px 0 8px 25px; list-style: none; background-image: url(../../files/assets/bullet.png); background-repeat: no-repeat; background-position: left 10px; } .bullitbox li a { font-size: inherit; line-height: inherit; color: inherit !important; font-style: normal !important; } .bullitbox li a:after { content: "" !important; } .bullitbox h3 { margin-bottom: 5px; } /************** TopLeiste *************/ #header_top .login { //float: left; margin-left: 0px; } /************** Kachelwand *************/ .kachelwand { margin-top: 20px; } .kachelwand .rs-columns { display: flex; } .kachelwand figure a { margin: 0 !important; padding: 0 !important; } .kachelwand .imagebox { filter: brightness(100%); transition: all .3s; } .kachelwand .imagebox:hover { filter: brightness(75%) } .kachelwand .rs-column { margin-right: 0px; margin-bottom: 0px; } .kachelwand .ce_text { position: relative; } .kachelwand .rs-column.-large-col-2-1 { width: 50%; } .kachelwand .textbox { position: absolute; top: 2px; left: 25px; pointer-events: none; } .kachelwand .bottom .textbox { position: absolute; bottom: 20px; left: 30px; } .kachelwand p { font-family: 'Ubuntu', sans_serif; font-size: 19px; line-height: 23px;/var/folders/56/564k5fh56qj26jrzg1qbvv140000gn/T/TemporaryItems/NSIRD_screencaptureui_3Z5xVB/Bildschirm­foto 2022-11-29 um 10.41.25.png font-weight: 700; max-width: 256px; text-align: left; padding-bottom: 0; margin-bottom: 0; } .kachelwand a, .kachelwand strong { font-family: 'Ubuntu', sans_serif; font-size: 14px; font-weight: 500; background: none !important; font-style: normal !important; text-decoration: none; color: #fff; padding-left: 0px !important; padding-top: 0px !important; margin-top: 0px !important; } .kachelwand a:after { content: "" !important; } /************** Slider Startseite Mitgliedschaft *************/ .slider_mitglieder { position: relative; } .slider_mitglieder .slider-control { top: 60px !important; position: absolute; width: 100%; max-width: 1024px; } .slider_mitglieder .layout_latest { padding-bottom: 0px; } .slider_mitglieder .slider-control .slider-prev { padding-left: 10px; top: 0px; left: 10%; } .slider_mitglieder a.slider-prev:before { content: url(../../files/assets/RoterPfeil_Kleiner_links.png); padding-right: 10px; } .slider_mitglieder a.slider-prev:after { content:"" !important; padding-right: 0; } .slider_mitglieder .slider-control .slider-next { padding-right: 10px; top: 0px; right: 10%; } .slider_mitglieder .slider-control .slider-menu b { padding-left: 5px; } #slider_mitglieder .rs-column { margin-top: 4% !important; } /************** Archiv-Listen Menu *************/ .archiv_submenu { display: flex; } .archiv_submenu { margin-bottom: 40px; } .archiv_submenu ul { margin:0; padding:0; } .archiv_submenu li { font-family: 'Open Sans', sans-serif; color:#787878; font-size:13px; line-height:27px; font-weight: 400; text-transform: uppercase; display: inline-block; margin-right: 20px; } .archiv_submenu a { font-family: 'Open Sans', sans-serif; color:#787878; font-size:13px; line-height:27px; color:#787878; font-weight: 400; text-transform: uppercase; } .archiv_submenu a:before, .archiv_submenu strong:before { content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-right:8px; } .archiv_submenu .aktuelle a { font-weight: bold; margin-right: 20px; } .archivseite .archiv_submenu .aktuelle a { font-weight: normal; } /************** Fullbanner CT *************/ .fullbanner { position: relative; margin-top: 20px; margin-bottom: 20px; text-align: left; } .fullbanner h2 { position: absolute; color: #FFFFFF; top: 0px; width: 100%; padding-top: 20px; } /************** LinkBox *************/ .linkboxes { margin-bottom: 40px; } .linkboxes .rs-column.-large-col-3-1 { width: 32%; } .linkboxes .rs-column { margin-right: 2%; margin-top: 2%; } .linkbox { background: #E8E8E8; padding: 20px; padding-top: 30px; padding-bottom: 10px; } /************** CT Picture Cards / Themen *************/ .ct_picture_cards { margin-bottom: 60px; } .ct_picture_cards .rs-column.-large-col-3-1 { width: 32%; } .ct_picture_cards .rs-column { margin-right: 2%; margin-top: 2%; } .ct_picture_card img { border-radius: 0 !important } .ct_picture_card { background: #F4F8FF; position: relative; } .ct_picture_card h2 { color: #FFFFFF; position: absolute; width: 100%; padding-top: 25px; } .ct_picture_card .textbox { padding: 20px; padding-top: 10px; } /************** veranstaltungen Startseite *************/ .startseite .veranstaltungen .newslist, .kompetenzbereiche .veranstaltungen .newslist{ display: flex; } .startseite .cards h2 { font-family: 'Ubuntu',sans-serif; font-weight: 700; padding-top: 10px; font-size: 19px; line-height: 23px; color: #000000 !important; margin-bottom: 0px; padding-bottom: 0px; color: #000000; } .startseite .cards .date, .startseite .cards .day, .startseite .cards .info { font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 14px; 
 } .startseite .cards { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; } /************** LinkedIn / Presse Startseite *************/ .presse.content_1024 { padding-top: 0px; padding-bottom: 0px; max-width: calc(1024px - 100px); } .banner img { border-radius: 0 !important; } .presse { display: flex; justify-content: space-between; align-items: center; background: #2A41A2; width: 100%; color: #FFFFFF; } .presse .ce_text:last-child { width: 170px; } .linkedin.content_1024 { padding-top: 10px; padding-bottom: 10px; max-width: calc(1024px - 100px); } .linkedin { display: flex; justify-content: space-between; align-items: center; background: #152d62; width: 100%; color: #FFFFFF; } .linked .ce_text:last-child { width: 250px; } .banner .ce_text:first-child { width: 50%; text-align: center; } .banner h3 { color: #FFFFFF; margin: 0; padding: 0; } .banner a { font-family: 'Open Sans', sans_serif; font-style: italic; text-decoration: none; background: #B95528; padding: 5px; margin-top: 20px; padding-left: 18px; padding-right: 15px; font-size:16px; line-height:27px; color:#FFFFFF !important; } .banner a:after { content: "" !important; padding: 0 !important; } /************** Mitgliederbox Startseite *************/ .mitgliederbox_startseite { position: relative; font-family: 'Roboto Slab' sans-serif; color:#c7d0da; width:100%; text-align: center; font-size:20px; line-height:27px; padding-top:45px; padding-bottom:30px; background: url(../../files/images/startseite/fbdi-startseite-hintergrund-mitglieder.jpg); } .mitgliederbox_startseite a { font-family: 'Open Sans', sans_serif; font-style: italic; text-decoration: none; background: #B95528; padding: 5px; margin-top: 20px; padding-left: 18px; padding-right: 15px; font-size:16px; line-height:27px; color:#FFFFFF; } .mitgliederbox_startseite a:after { content: "" !important; padding: 0 !important; } .mitgliederbox_startseite .linie { width:95px; border-bottom: 2px solid #B95528; margin:auto; margin-bottom:20px; } /************** CTBOXES *************/ .ctboxes .rs-column.-large-col-3-1 { width: 32%; } .ctboxes .rs-column { margin-right: 2%; } .ctbox { padding: 20px; height: 200px; } .ctbox a { color: #FFFFFF !important; font-style: initial !important; } .ctbox a:after { padding-top: 2px; *content: "" !important; } .ctbox p { font-size: 14px; line-height: 21px; } .ctbox h3 { font-weight: bold; font-size: 19px; line-height: 23px; } /************** BLUEBOX *************/ .blueBox { background: #152d62; color: #FFFFFF; } .blueBox img { border-radius: 0 !important; } .blueBox.content_1024 { padding-bottom: 0px; padding-top:60px; max-width: calc(1024px - 100px); } .blueBox .ce_text { display: flex; align-items: flex-end; } .blueBox .textbox { width: 66%; padding-bottom:50px } .blueBox .imagebox { width: 33%; padding-right: 60px; } .blueBox h3 { font-family: 'Roboto Slab'; font-size:16px; line-height: 25px; font-weight: normal; color: #FFFFFF !important; } .blueBox p { font-size: 13px; } /**********************************/ .back, .top { padding-top: 30px; } .top { float:right } .center { text-align: center; } .halfWidth { width: 50%; } .width66 { width: 66%; } .padding_top_20 { padding-top:20px } .padding_top_60 { padding-top:60px } .padding_bottom_40 { padding-bottom:40px } .padding_top_80 { padding-top:80px !important; } .margin_top_30_neg { margin-top: -30px !important; } .margin_top_60 { margin-top: 60px !important } .margin_top_40 { margin-top: 40px !important } .margin_bottom_20 { margin-bottom:20px !important; } .margin_bottom_40 { margin-bottom:40px !important; } .margin_bottom_60 { margin-bottom:60px !important; } .margin_bottom_80 { margin-bottom:80px !important; } .margin_bottom_100 { margin-bottom:100px !important; } .ct1 { background: #5A0F64; color: #FFFFFF !important; } .ct1 .ce_headline, .ct1 h2, .ct1 h3, .ct1 h4, .ct1 h5, .ct1 h6, .ct2 .ce_headline, .ct2 h2, .ct2 h3, .ct2 h4, .ct2 h5, .ct2 h6 .ct3 .ce_headline, .ct3 h2, .ct3 h3, .ct3 h4, .ct3 h5, .ct3 h6 .ct4 .ce_headline, .ct4 h2, .ct4 h3, .ct4 h4, .ct4 h5, .ct4 h6{ color: #FFFFFF; } .ct2 { background: #1D41A2; color: #FFFFFF; } .ct3 { background: #7A8DC1; color: #FFFFFF; } .ct4 { background: #051A52; color: #FFFFFF; } .backgroundColor_01 { background: #16317B; color: #FFFFFF; } .cards { width:28%; padding: 15px; margin-right: 2.0%; margin-bottom: 2.0%; border-bottom: 0px !important; background: #C9D8FF; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; color: #000000; } .mod_eventlist.startseite .cards { width:29%; } .mod_eventlist.startseite .cards:nth-child(3) { margin-right: 0; } .back1 .cards { background:#C9D8FF; } .back2 .cards { background:#D6DEF5 } .back3 .cards { background:#E2E6EF } .back4 .cards { background:#E8E8E8; } .aktuelles .back1 .cards { background:#E0D7E0; } .aktuelles .back2 .cards { background:#F4EDF2 } .aktuelles .back3 .cards { background:#EBE5F4 } .aktuelles .back4 .cards { background:#F3F2F8; } .cards h2 { font-family: 'Ubuntu',sans-serif; font-weight: 700 !important; font-size: 19px !important; line-height: 23px !important; padding-top: 10px; color: #000000 !important; margin-bottom: 0px; padding-bottom: 0px; } .cards h2 a { color: #000000; } .cards .date, .cards .day, .cards .info{ font-family: "Open Sans", sans-serif; font-weight: 600 !important; font-size: 14px; } .cards h2 a { color: #000000; } .cards .more { margin-top: 0px; } .veranstaltungen .cards { background: #EAEAEA; } .innen.without_sidebar #main .mod_article { max-width: initial; border-right: 0px solid #999; *padding-left: 0px; *padding-right: 0px; } figure img { display: block; } body { margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:16px; color:#787878; font-size:16px; line-height: 27px; background: #FFFFFF; } video { width: 100%; height: auto; } .portrait video { border-radius: 20px; } .videochannel .ce_player, .videochannel .abschlusslinie { border-bottom: 1px solid #787878; padding-bottom: 25px; margin-bottom: 25px; } .videochannel .ce_player:last-child { border-bottom: 0px !important; } .videochannel h4 { font-family: 'Open Sans', sans-serif; color: #787878; font-size: 16px; line-height: 27px; font-weight: bold; padding-bottom: 15px; } .videochannel .ce_text { padding-bottom: 10px; } #header { background:#152d62; height:47px; color:#fff; z-index: 998; display: block; position: relative; } #logo { position: relative; top:25px; height:75px; width:182px; background:url(../../files/assets/logo.png); *background:url(../../files/assets/Logo-FBDI-20-Jahre.png); background-size:100%; background-position: left top; background-repeat: no-repeat; *left: 50px; } #header .inside, #navigation .inside { max-width:1024px; margin:auto; } #header_top { position:relative; *left:325px; padding-top:15px; width:250px; margin: auto; } #header_top, #header_top a { color:#fff; font-size:12px; text-decoration: none; } #header_top .inner { display: flex; } #header-small { position: fixed; *padding-left:20px; top:-200px; left:0; width:100%; background:#FFF; z-index:999; height:124px; border-bottom:1px solid #f2f2f2; -webkit-box-shadow: -2px 7px 17px -8px rgba(0,0,0,0.75); -moz-box-shadow: -2px 7px 17px -8px rgba(0,0,0,0.75); box-shadow: -2px 7px 17px -8px rgba(0,0,0,0.75); height: 80px; } #header-small-inside { position:relative; max-width:1024px; margin:auto; } #header-small #logo { top: 15px; height: 55px; width: 142px; } #navi-small { position: absolute; z-index: 101; top: 26px; left: 240px; } #navigation { background: #FFFFFF; z-index:100; overflow: visible; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #navigation .inside { height:125px; width:100%; max-width:1024px; } /***************** TAGS / CLOUD */ .cloud li, .tag-chain-item li, ul.tag-chain, ul.cloud { padding:0; margin:0; } /************************************************************** SPRACHWAHL */ .mod_changelanguage { position:relative; //left:30px; //top:-40px; z-index:1100; font-size:12px; margin-left: 20px; margin-right: 20px; //display: none; } .mod_changelanguage ul { margin: 0; padding: 0; } .mod_changelanguage li { display: inline; padding-right:5px; width:20px !important; } .mod_changelanguage li span { width:20px !important; } .mod_changelanguage li a { color:#fff; text-decoration:underline !important; font-size:12px; width:20px !important; } .mod_changelanguage li.first:after { content:" / "; padding-left:5px; } /************************************************************** BILDER INNEN */ .bild_rechts, .bild_rechts_h3 { text-align: right; text-align: -webkit-right; } .bild_rechts p { text-align: left; } .bild_mittig { text-align: center } /* #main .ce_text.bild_rechts figure.image_container.float_above { text-align: right; } #main .ce_image.bild_rechts figure.image_container.float_above { text-align: right; margin-bottom:-143px !important } */ #main .ce_text.bild_rechts p, #main .ce_text.bild_rechts_h3 h3, #main .ce_text.bild_rechts_h3 p { text-align: left; } #main .ce_text.bild_rechts_h3 figure.image_container.float_above { margin-bottom: -43px; } /************************************************************** TABELLE DOWNLOADS */ .downloads table { line-height:22px !important } .downloads table span.char-style-override-8 { line-height:13px !important; } table { border-collapse: collapse; } table tr { border-bottom: 1px solid #787878; } table tr:first-child { border-bottom: none; } table td { padding-left:20px; padding-top:0px; vertical-align: top; } table tr:nth-child(odd){ background:#f2f2f2; } table tr:first-child { background:#FFF; } table td:first-child { width:250px; } table td:last-child { width:70px; } table a { font-family: 'Open Sans', sans-serif; font-style: italic; color:#152d62; font-size:16px; padding-left:0px; font-style:normal !important; font-weight:600 !important; line-height:20px !important; } table a:before { position:relative; content: url(../../files/assets/RoterPfeil_Kleiner.png); margin-left:-10px; padding-right:5px; } .char-style-override-6 { } .char-style-override-7 { color:#152d62; font-size:16px; padding-left:0px; font-style:normal !important; font-weight:600 !important; } .char-style-override-8 { padding-top:5px; font-size: 12px; line-height: 18px !important; } .downloads span.char-style-override-8 { line-height: 18px !important; } /************************************************************** MAIN */ #main .inside { margin:auto; margin-top:80px; margin-bottom:60px; } .interstart #main { background:url(../../files/images/intern/InternStarterWeb.jpg); background-size:cover; background-position: center center; } #main .ce_image img, #main .ce_text img { border-radius:20px; } /*********************** BLOG */ .blog #main .inside { margin-top:20px; } .blogleser #main .inside { margin-top:60px; } .blog img { border-radius:20px; } .blog .figure { *max-width: 290px; } .blog .blogimage { *float:left !important; *margin-right:30px; } .blog .bloginfo { font-weight: 400 !important; font-style: italic; font-size: 13px; margin-top:0; } .blog h1 { font-size:21px !important; border-bottom: 1px solid #999; margin-bottom:00px; padding-bottom: 10px !important; margin-top:-20px !important; } .mod_newsarchive h1 { border-bottom: 0px; margin-bottom:00px; margin-top:00px !important; } .blog h2 { font-size:23px !important; } .blog h1:before { background: none !important; } .blog h1, .blog h2, .blog h3, .blog h2 a { font-family: 'Roboto Slab' sans-serif !important; } .blog h3 { font-size: 18px; font-weight: 400 !important; } .blog .layout_latest { border-bottom: none !important; margin-bottom: 30px; } .blog table { width:100%; } .blog table a:after { content: url("../../files/assets/RoterPfeil_Kleiner.png") !important; padding-left: 10px; } .blog table h2 a:after { content:"" !important; } .blog table h2 a:before, .blog table a:before { content:"" !important; margin:0; padding:0; } .blog table h2 a { line-height: 29px !important; } .blog td.spalte1 { width:300px; padding-left:0px; } .blog td.spalte2 { width:auto } .blog .mod_article { border:none !important; border-left: none !important; border-right: none !important; } .blogleser figure { margin-bottom:20px; } #right .mod_newslist { margin-bottom:40px } .blog .ce_comments h2 { font-weight: 200; } .mod_newsmenu li a { font-weight:400; } /* .blog h2 { border-bottom:1px solid #333 !important; } */ /************************************************************** TEXTBLÖCKE KLASSEN */ .interstart .image_container { text-align: center; } .textblock_aktuelles li { padding: 2px 0 0 22px; list-style: none; background-image: url(../../files/assets/RoterPfeil_Kleiner.png); background-repeat:no-repeat; background-position:left 10px; } .textblock_aktuelles ul { margin-left:0; padding-left:5px; } .grey_full { background: #f2f2f2; width:100%; text-align: center; } .grey_full .linie { position:relative; width:95px; border-bottom: 2px solid #b94b3e; margin:auto; margin-bottom:20px; } .blue_full { position: relative; font-family: 'Roboto Slab' sans-serif; background:#152d62; color:#c7d0da; width:100%; text-align: center; font-size:20px; line-height:27px; padding-top:45px; padding-bottom:30px; } .blue_full a:after { position:relative; content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-left:10px; margin-top:10px; } .blue_full a { font-family: 'Open Sans' sans-serif; font-style:italic; font-size:16px; line-height:27px; color:#c7d0da; } .blue_full .linie { width:95px; border-bottom: 2px solid #b94b3e; margin:auto; margin-bottom:20px; } .content_1024 { padding:0px 50px 60px 50px; max-width:1024px; margin:auto; border-right: 1px solid #c7d0da; } .startseite .content_1024, .without_sidebar .content_1024 { border-right: none !important; } .content_1024 .linie { position:relative; width:95px; border-bottom: 2px solid #b94b3e; left:0px; text-align: left; margin-bottom:15px; } .content_1024 .centerlinie { position:relative; width:135px; border-bottom: 2px solid #b94b3e; margin:auto; text-align: center; margin-bottom:15px; } .content_1024 .ce_text a, #slider_mitglieder a { font-family: 'Open Sans', sans-serif; font-style: italic; color:#152d62; } .content_1024 .ce_text a:after, #slider_mitglieder a:after, .kompass .loginseitebox a:after{ content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-left:10px; padding-top:1px; } .image_container a:after { content:"" !important; padding-left:0px !important; padding-top:0px !important; } .listing, .ce_list { position:relative; font-size: 14px; line-height: 20px; color:#787878; border:1px solid #787878; border-radius: 10px; padding:10px; } .listing li, .ce_list li { *border-bottom: 1px solid #f2f2f2; padding: 8px 0 8px 25px; list-style: none; background-image: url(../../files/assets/bullet.png); background-repeat:no-repeat; background-position:left 10px; } .listing li:last-child, .ce_list li:last-child { border-bottom: none !important; } .listing ul, .ce_list ul { margin-left:0; padding-left:5px; } .login_box_startseite { background:#4d4d4d; text-align: center; } .parallax , #parallax, .parallax-window { height:300px; } .parallax-window { margin-top:-50px; height:350px; } .parallax img { position:absolute; } /* #main .ce_text figure.image_container.float_above { text-align: right; margin-bottom:-43px; } */ /***************************************************** Coentent Bereich Innen 'Main' */ .innen #main .mod_article { padding:0px 50px 60px 50px; max-width:735px; margin:auto; border-right: 1px solid #c7d0da; } .innen #main .mod_article .linie { position:relative; width:95px; border-bottom: 2px solid #b94b3e; left:0px; text-align: left; margin-bottom:15px; } .innen #main .mod_article .centerlinie { position:relative; width:135px; border-bottom: 2px solid #b94b3e; margin:auto; text-align: center; margin-bottom:15px; } .akportraits .mod_article { border-right:none !important; max-width:100% !important; } .akportraits .leftarea, .akportraits .rightarea { position:relative; display:table-cell; vertical-align: top; } .akportraits .leftarea { width:425px; text-align: right; padding-right:40px; } .akportraits #portraitfoto { position:relative; } .akportraits #portraitfoto img { border-radius:20px; max-width:425px !important; } .akportraits #firmenlogo { width:215px; height:auto; border:1px solid #595959; border-radius:10px; padding:10px; margin-top:15px; } .akportraits #infos { font-family: 'Roboto Slab' sans-serif; color: #152d62 !important; font-weight: 400; } .akportraits #infos h3 { margin-bottom:5px; } .akportraits a { font-weight: 400; color: #152d62; } .akportraits #bottomarea { margin-top:70px; } .akportraits .zitat { margin-top:20px; font-family: 'Roboto Slab' sans-serif; color: #152d62 !important; } .akportraits .zitat h3 { margin-bottom:5px; } .einzelportrait .mod_article { max-width:100% !important; border-right:none !important; } .portrait #main .mod_article { max-width:925px !important; border-right:none !important; } .portrait .rs-column { margin-right:3%; } .portrait .headline_mit_pfeil_rechts { text-align: right; font-weight: bold; color: #152d62; } .portrait .ce_text.visitenkarte { font-family: 'Roboto Slab' sans-serif; color: #152d62 !important; font-weight: 700; } .portrait .ce_text.visitenkarte p { margin-top:-20px } .portrait .ce_text.visitenkarte a { font-weight: 400; } .portrait .ce_text.visitenkarte a:after { content:"" !important } .portrait .ce_text.visitenkarte img { border:1px solid #595959; border-radius:10px; padding:10px; } /************************************************* PRESSE ARCHIV ********/ #right .mod_newsmenu ul { margin:0; padding:0; } #right .mod_newsmenu li { font-family: 'Open Sans', sans-serif; color:#787878; font-size:13px; line-height:27px; font-weight: 700; text-transform: uppercase; } #right .mod_newsmenu a { color:#787878; font-weight: 400; text-transform: uppercase; } #right .mod_newsmenu li a:before, #right .mod_newsmenu li span:before { content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-right:8px; } .mod_tagcloud .reset a { font-weight: 700; } /************************************************* PROFIL EDIT / PERSONENDATEN / mod_personalData / member_default_neu.html5 / UMFRAGE ********/ fieldset#ctrl_newsletter.checkbox_container legend, #ctrl_groups legend { display: none; } .umfrage fieldset#ctrl_newsletter.checkbox_container legend, .umfrage #ctrl_groups legend { display: block; } .nolabel legend, .nolabel label { display: none;; } .personendaten .widget-password { display:none; } .personendaten select { width:99%; margin-left:2px; height:40px; } .personendaten input[type="url"] { width:100%; height:40px; border:1px solid #000; padding-left:10px; } .personendaten .widget { margin-top:10px; } .personendaten .widget-checkbox { margin-top:-15px; } .personendaten .ce_text { margin-top:15px; } .personendaten .mce-menubar, .personendaten .mce-toolbar, .personendaten .mce-toolbar-grp, .personendaten .mce-path { display:none; } .personendaten div.submitButton input[type="submit"] { background:url(../../files/assets/datenspeichern@2x.jpg) no-repeat; cursor:pointer; width: 150px; height: 30px; border: none; background-size:100%; } .content_top { height:255px; } .content_top .ce_image { position:absolute; top:0px; width:100%; height:255px; } .content_top .inside { padding-left:50px; } .content_top img { width:0%; text-align: center; min-height:255px; margin-top:0; } .content_top a { text-decoration: none; color:#fff; font-size:13px; line-height: 27px; } .content_top li { list-style: none; display: inline; padding-right:10px; } .content_top .ce_headline { max-width:1024px; margin:auto; } .mod_breadcrumb { font-family: 'Open Sans', sans-serif; position:relative; max-width:1024px; margin:auto; font-size:13px; color:#fff; font-style: italic; padding-left:20px; padding-top:30px; } .center .ce_text {text-align:center;} .blockabstand20 { margin-top:20px !important; } .blockabstand40 { margin-top:40px !important; } .blockabstand60 { margin-top:60px !important; } .blockabstand80 { margin-top:80px !important; } #container { background: #FFFFFF; } /************************************************ AKKORDION **********/ .ui-accordion-header { color:#787878; font-weight: bold; } .ui-accordion-header:after { content: url(../../files/assets/Akkordion_roterPfeil_unten.png) !important; position:relative; top:-2px; padding-left:10px; } .ui-accordion-header-active:after { content: url(../../files/assets/Akkordion_roterPfeil_rechts.png) !important; position:relative; top:1px; padding-left:10px; } .toggler { cursor:pointer; } .ui-accordion-content { margin-top:30px; } .accordion_link_italic_blau_400 .ui-accordion-header { font-style: italic; font-weight: 400; color:#152d62; } /************************************************************** RECHTE SEITE */ #right { font-family: 'Open Sans', sans-serif; font-size:13px; line-height: 27px; margin-top:60px; *border-left: 1px solid #c7d0da; padding-left:25px; color:#787878; margin-bottom:80px; width:250px; } .kastenbox { border:1px solid #152d62; width:180px; height:56px; background-image:url(../../files/assets/pfeilkasten_link_seitenleiste.png) !important; background-size: 58px 56px; background-position: right top; background-repeat: no-repeat; margin-top:30px; padding-right:50px; } a.kastenlink { font-family: 'Open Sans', sans-serif; font-style: italic; font-size:16px !important; line-height: 56px; text-align: center; color:#152d62 } .dottedbox { border:dotted 3px #152d62; background:#f2f2f2; padding:10px; margin-bottom:40px; margin-top:40px; width:210px; } .dottedbox a { color:#152d62 !important; font-style: italic; } .dottedbox a:before { content:"" !important; padding-right:0 !important; } .dottedbox .ce_text { font-size:12px; line-height:20px; } .kompass #right #kompassbox { display:none; } /************************************************************** FOOTER */ #footer { background:#152d62; min-height:700px; width:100%; color:#fff; font-size:14px; } #footer .inside { margin:auto; max-width: 1024px; width: 95% } #footer .-large-last .ce_image,#footer .-large-last .ce_text { padding-left:33px; } #footer input[type="text"], #footer input[type="email"], #footer textarea { background-color : #152d62; color:#fff; *border:1px solid #f2f2f2; border:none; } #footer .mce-container { display: none; } #footer textarea { display: block !important; } input:focus, textarea:focus { outline: none; } #footer .ce_form { padding-top:20px } /* .ce_form span.mandatory { color:#eb5c37; } .ce_form label { margin-bottom:18px; } .ce_form .widget-radio label { } .ce_form #lbl_1_0 { margin-right:50px; } .ce_form .widget-radio fieldset { position:relative; margin-left:130px; margin-top:-25px; } .ce_form .radio_container { border:none; } .ce_form .widget { margin-top:15px; } .ce_form input[type="text"], .ce_form input[type="email"], .ce_form input[type="tel"], .ce_form textarea { width:97%; margin-top:5px; line-height:35px; margin-left: 0px; padding-left: 10px; border: 1px solid #000; } */ color:#eb5c37; } .ce_form label { margin-bottom:18px; } .ce_form .widget-radio label { } .ce_form #lbl_1_0 { margin-right:50px; } .ce_form .widget-radio fieldset { position:relative; margin-left:130px; margin-top:-25px; } .ce_form .radio_container { border:none; } .ce_form .widget { margin-top:15px; } input[type="text"], input[type="email"], input[type="tel"], textarea { width:97%; margin-top:5px; line-height:35px; margin-left: 0px; padding-left: 10px; border: 1px solid #000; } #footer .ce_form input[type="text"], #footer .ce_form input[type="email"], #footer .ce_form input[type="tel"], #footer .ce_form textarea { -webkit-box-shadow: inset 0px 0px 111px -39px rgba(0,0,0,0.82); -moz-box-shadow: inset 0px 0px 111px -39px rgba(0,0,0,0.82); box-shadow: inset 0px 0px 111px -39px rgba(0,0,0,0.82); -webkit-appearance: none; } .ce_form label { display:none; } /**************************************************************** UMFRAGE */ .umfragebild { text-align: right; margin-bottom: -150px !important } .umfrage .einruecken { position: relative; margin-left: 20px; } .umfrage .datum { width: 80px; } .umfrage .tb { position: relative; margin-top: 80px; } .umfrage .widget.datum { float: left; margin-right: 20px; } .clear { float: none; clear: both; } .tab {margin-left: 25px;} .widget-radio.sprache { position: relative; margin-top:30px } fieldset.sprache span { width: 100px !important } fieldset.sprache { margin-left: 0px !important } .ce_form.umfrage label { display:block; margin-bottom: 30px; } .ce_form.umfrage .personaldata label { margin-bottom: 10px; } .ce_form.umfrage .labelbold label { font-weight: bold; color: #152d62; } .ce_form.umfrage .labelbold fieldset label { font-weight: normal; color: inherit; } .umfrage .anrede span { width: 70px !important; } .umfrage label.anrede { float: left; margin-right: 40px; } .umfrage a { color: #333333; text-decoration: underline; } /* .anrede legend { float: left; width: 120px; } .anrede { margin-bottom: 25px; } .anrede label { margin-right: 15px; } */ .ce_form.umfrage .widget-radio fieldset { position:relative; margin-left:15px; padding-left:0px; margin-top: -20px; } .ce_form.umfrage .widget-radio legend { position:relative; padding-bottom: 10px; } .ce_form.umfrage .widget-radio input[type="radio"] { position:relative; padding-bottom: 20px; float: left; margin-right: 11px } .umfrage fieldset { border:none; margin: 0; padding: 0; } .ce_form.umfrage .widget-radio fieldset span { padding-right: 10px; width: 40px; float: left; } .ce_form.umfrage .radio_container { border:none; margin-bottom: 0px; } .ce_form.umfrage .radio_container span { margin-right: 20px; } /* ENDE UMFRAGR */ .checkbox_container { border:none; } .checkbox_container input { float:left; margin-right:10px; margin-top:6px; } .checkbox_container label { display:block } span.captcha_text { padding-left:10px; padding-top:10px; } #footer span.captcha_text { color:#f2f2f2; } .ce_form select { width:99%; margin-left: 0px; padding-left: 10px; border: 1px solid #000; margin-top:5px; background:#FFF; box-shadow: 0px 0px 0px #FFF !important; } .ce_form .submit_container { margin-top:2%; float:right; margin-right:1%; } .ce_form label { margin-bottom:0px; } .layout_latest { *border-bottom:1px solid #787878 !important; padding-bottom:10px; margin-bottom:10px; } .layout_latest.last { border-bottom:none !important; } .layout_latest .info { font-weight: normal; margin-bottom:5px; color: #000000; } .layout_latest h2, .layout_latest h2 { line-height:24px; margin-bottom: 10px; } .layout_full h1 { position:relative; } #slider_mitglieder .layout_latest { border-bottom:0px solid #787878 !important; text-align: center; } ::-webkit-input-placeholder { color: #152d62; opacity: 0.8 !important;font-style: italic; } :-moz-placeholder { color: #152d62;font-style: italic;} ::-moz-placeholder {color: #152d62;font-style: italic;} :-ms-input-placeholder {color: #152d62;font-style: italic;} #footer input::-webkit-input-placeholder { color: #FFF; opacity: 0.8 !important;font-style: italic; } #footer textarea::-webkit-input-placeholder { color: #FFF; opacity: 0.8 !important;font-style: italic; } #footer: input -moz-placeholder { color: #FFF;font-style: italic;} #footer input::-moz-placeholder {color: #FFF;font-style: italic;} #footer input:-ms-input-placeholder {color: #FFF;font-style: italic;} /*************************** LOGIN BOX INTERN ************************/ .loginseite #container { background:url(../../files/assets/Vorlage_Starterhintergrund.jpg); background-size: cover; } .loginseite.kompass #container { background:url(../../files/assets/Starter-Kompass.jpg); background-size: cover; } #loginseite .loginseitebox { margin:auto; margin-bottom:100px } .loginseitebox { position: relative; background:#ffffff; padding:50px; margin-bottom:40px; margin-top:40px; width:510px; border-radius:20px; min-height:250px; margin:auto; } .loginseitebox a { color:#152d62 !important; font-style: italic; } .loginseitebox a:before { content:"" !important; padding-right:0 !important; } .loginseitebox .ce_text { font-size:12px; line-height:20px; } .loginseitebox .formbody { margin-left:50px; width:400px; } .loginseitebox .infotext { margin-left:50px; width:400px; } .loginseitebox h3 { margin-left:47px; } .kompass .loginseitebox h3 { margin-left:0px; } .loginseitebox .submit_container { margin-top:30px; } .loginseitebox #username, .loginseitebox #password { height:35px; width:380px; } .loginseitebox input[type="text"], .loginseitebox input[type="password"], .loginseitebox input[type="email"] { -webkit-box-shadow: inset -4px 6px 41px -17px rgba(0,0,0,0.75); -moz-box-shadow: inset -4px 6px 41px -17px rgba(0,0,0,0.75); box-shadow: inset -4px 6px 41px -17px rgba(0,0,0,0.75); -webkit-appearance: none; border:none; padding-left:20px; margin-bottom:20px; font-style: italic; color:#152d62; width: 100%; height: 35px; } .loginseitebox input.startseite, .loginseitebox input.seitenleiste { display:none; } .loginseitebox label, .login label { display:none; } #passwort_vergessen { position: relative; float:right; margin-right:60px; bottom:95px; } .ce_text.hinweis { background:#ffffff; padding:20px; margin-bottom:100px; margin-top:40px; width:210px; border-radius:20px; margin:auto; } /*************************** LOGIN BOX STARTSEITE ************************/ .startseite .loginseitebox { background:none; padding:50px; margin-bottom:40px; margin-top:40px; width:100%; max-width:980px; min-height:0; margin:auto; padding-left: 0px; height:90px; } .startseite .umbruch { display:none; } .startseite .loginseitebox .formbody { width:100%; max-width:980px; margin-left:0px; margin:auto; padding-left:20px; } .startseite .loginseitebox input[type="text"], .startseite .loginseitebox input[type="password"], .startseite .loginseitebox input[type="email"] { -webkit-box-shadow: inset -4px 6px 41px -17px rgba(0,0,0,0.75); -moz-box-shadow: inset -4px 6px 41px -17px rgba(0,0,0,0.75); box-shadow: inset -4px 6px 41px -17px rgba(0,0,0,0.75); -webkit-appearance: none; border:none; padding-left:20px; margin-bottom:20px; font-style: italic; color:#152d62; float:left; margin-right:20px; } .startseite .loginseitebox input.loginseite, .startseite .loginseitebox input.seitenleiste { display:none; } .startseite .loginseitebox input.startseite { display:block; } .startseite .loginseitebox #username, .startseite .loginseitebox #password, .startseite .loginseitebox input.submit { width:290px; padding-top:0; margin-top:0; height:40px; } .startseite .loginseitebox h3 { position:absolute; margin-left:0px; color:#fff; width:100%; max-width:980px; margin:auto; text-align: left; top:25px; padding-left:20px; } .startseite #passwort_vergessen { float:none; clear:both; top:-10px; left:-20px; } .startseite #passwort_vergessen a { color:#fff !important; } .startseite p.error , .startseite p.login_info{ color:#fff; position:absolute; top:10px; left:370px; text-align: left;; } /*************************** LOGIN BOX SEITENLEISTE ************************/ #right .login input.loginseite, #right .login input.startseite { display:none; } #right .login input.seitenleiste { display:block; } #right .login input[type="text"], #right .login input[type="password"] { border:none; padding-left:10px; margin-bottom:20px; font-style: italic; color:#152d62; } #right .login #username, #right .login #password, #right .login input.submit { width:180px; padding-top:0; margin-top:0; height:40px; } #right .login #username, #right .login #password { width:170px; } #right .login .formbody, #right .login h3 { width:180px; margin-left:0px; margin:auto; } #right .login h3 { padding-top:10px; padding-bottom:20px } #right .login .submit_container { margin-top:40px; } #right .login #passwort_vergessen { float:none; clear:both; left:20px; } /*************************** PAWWORT VERGESSEN ************************/ .mod_lostPassword { margin-bottom: 80px; } .mod_lostPassword .submit_container { float:right; } .mod_lostPassword div.widget.widget-text.mandatory { width:393px; } /*************************** PAWWORT ÄNDERT / mod_changePassword ************************/ .mod_changePassword { margin-bottom: 80px; } .mod_changePassword .submit_container { float:left; } .mod_changePassword input { margin-bottom:5px; } /* .mod_changePassword input[type="image"] { margin-top:10px; width:150px; } */ .mod_changePassword div.submitButton input[type="submit"] { margin-top:10px; background:url(../../files/assets/passwortaendern@2x.jpg) no-repeat; cursor:pointer; width: 150px; height: 30px; border: none; background-size:100%; } /*************************** Formulare Bild Upload ************************/ #uploadform div.submitButton input[type="submit"] { margin-top:20px; background:url(../../files/assets/upload@2x.jpg) no-repeat; cursor:pointer; width:116px; height: 30px; border: none; background-size:100%; } /*************************** DOWNLOADS ************************/ .ce_downloads ul { margin-left:0px; padding-left:0px; } .ce_downloads li { list-style:none; padding-left:0px; } .ce_downloads li img { display:none; } .ce_downloads a { color:#787878; font-weight: bold; } .ce_downloads a:before { content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-right:8px; } .ce_downloads span.size { font-weight: normal; } /************************************************************** HEADLINES */ .ce_headline { position:relative; } h1 { font-family: 'Ubuntu', sans-serif; font-size:50px; line-height: 60px; margin-top:0; color:#152d62; } h1.weiss { color: #FFFFFF; } .innen #main h1 { font-family: 'Ubuntu', sans-serif; font-size:38px; line-height: 48px; margin-top:0; color:#152d62; padding-bottom:40px; } .innen #main h1:before { content : ""; position: absolute; left : 0px; bottom : 0px; height : 3px; width : 105px; color:#b94b3e; background: #b94b3e; } .innen #main h1.center:before { width:0 !important; } .content_top h1, .content_top h2 { position:relative; font-size:38px; line-height:48px; color:#fff; padding-left:95px; padding-top: 0px; } h2 { font-family: 'Ubuntu', sans-serif; font-size:38px; line-height: 48px; margin-top:0; color:#152d62; } h2.weiss { color: #FFFFFF; } .textblock_aktuelles h2 { padding-top:0; margin-top:-4px; } .layout_full h3 { font-size:21px; line-height: 27px; } h3 { font-family: 'Ubuntu', sans-serif; font-size:21px; line-height: 27px; margin-top:0; color:#152d62; } .layout_latest h3 { font-family: 'Ubuntu', sans-serif; font-size:17px; line-height: 24px; margin-top:0; color:#152d62; } /* NEWS SLIDER HEADLINE */ .h3_ubuntu_blau h2 a { font-family: 'Ubuntu', sans-serif; font-size:21px; line-height: 27px; margin-top:0; color:#152d62 !important } .headline_mit_pfeil h3:before { content: url(../../files/assets/pfeilkasten-slider-und-headline.png) !important; position:relative; top:5px; padding-right:20px; } .headline_mit_pfeil_2 h3:before { content: url(../../files/assets/pfeilkasten-slider-und-headline-orange.png) !important; position:relative; top:5px; padding-right:20px; } .headline_mit_pfeil_rechts h3:after { content: url(../../files/assets/pfeilkasten-slider-und-headline_nach_links.png) !important; position:relative; top:5px; padding-left:20px; } .headline_mit_pfeil_rechts_2 h3:after { content: url(../../files/assets/pfeilkasten-slider-und-headline_nach_links.png) !important; position:relative; top:5px; padding-left:20px; } h4 { font-family: 'Roboto Slab', sans-serif; font-size:20px; line-height: 27px; color:#152d62; padding-bottom:0; margin-bottom:0; font-weight:400; } h5 { font-family: 'Ubuntu', sans-serif; font-size:21px; line-height: 27px; color:#152d62; padding-bottom:0; margin-bottom:27px; text-transform: none !important; } h6 { font-family: 'Ubuntu', sans-serif; font-size:14px; line-height: 20px; color:#152d62; margin-top:12px; padding-bottom:0; margin-bottom:12px; } /* Content Innen Header Headline H1*/ .h2_ubuntu_weiss { font-family: 'Ubuntu', sans-serif; font-size:38px; line-height: 48px; color:#FFF; } /* Content Innen Headline H1*/ .h2_ubuntu_blau { font-family: 'Ubuntu', sans-serif; font-size:38px; line-height: 48px; color:#152d62; } /************************************************************** LINKS */ a { text-decoration: none; } .nolinknumber, .nolinknumber a { pointer-events: none; color: inherit !important; text-decoration: none !important; font-style: inherit !important; } .nolinknumber a:before, .nolinknumber a:after { content: "" !important; padding: 0 !important; margin: 0 !important; } .textblock_aktuelles a { font-size:13px; line-height:25px; color:#787878 !important; font-style:normal !important; } .textblock_aktuelles a:after { content: "" !important; } .link_ohne_pfeil a:after { content:"" !important; padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; } .more a, .back a, .top a { font-family: 'Open Sans', sans-serif; font-style: italic; color:#152d62; font-size:16px; line-height:27px; } .more a:after { content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-left:10px; } .back a:before { content: url(../../files/assets/RoterPfeil_Kleiner_links.png); padding-right:10px; } .portrait .back a:after, .akportraits .back a:after { content: "" !important; } .portrait .back a:before, .akportraits .back a:before { content: url(../../files/assets/RoterPfeil_Kleiner_links.png); padding-right:10px; } .akportraits .back { padding-top:50px } #right .ce_text a, .cloud a, .tag-chain-item a, #right .mod_newslist a, .reset a { font-family: 'Open Sans', sans-serif; color:#787878; font-size:13px; line-height:27px; } #right .ce_text a:before, .cloud a:before, .tag-chain-item a:before, #right .mod_newslist a:before, .reset a:before { content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-right:8px; } #right .ce_text .link_ohne_pfeil a:before { content: "" !important; padding-right:0px; } #right .ce_text .link_ohne_pfeil a { color:#152d62; } .link_pfeil_vorne p { margin-top:0; margin-bottom:0; } .link_pfeil_vorne a:after, .expertenlinks a:after { content:"" !important; padding-left:0 !important; } .link_pfeil_vorne a:before, .expertenlinks a:before { content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-right:8px; } .expertenlinks { text-align:left; } .expertenlinks a { font-weight: bold; color:#787878 !important; } .innen #main .mod_article .ce_text a { font-family: 'Open Sans', sans-serif; font-style: italic; color:#152d62; } .innen #main .mod_article .ce_text a:after { content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-left:10px; padding-right:10px; } table a:after { content:"" !important; padding-left:0 !important! } #footer a:not(.email a) { font-family: 'Roboto Slab', sans-serif; color:#FFF; font-size:15px; } #footer .email a { color:#FFF; font-size:15px; } .checkbox_datenschutz a, #footer .checkbox_datenschutz a { color: inherit; font-size: inherit; } .burger-icon, .burger-icon-smallheader { top: 45px; right: 0px; position: absolute; background-size: 35px 35px; z-index:999; background: url("../../files/assets/menu@2x.png"); background-size: 35px 35px; width:35px; height:35px; cursor: pointer; } .burger-icon-smallheader { top: 28px; *margin-right: 25px; } #aufklappmenu .no_megamenu { display: none; } #aufklappmenu { z-index: 1001; position: absolute; width: 100%; top: -800px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #aufklappmenu .inside { *background: rgba(255,255,255,0.98); background: #F7FbFc; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.29); box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.29); width: 100%; position: relative; max-width: 1200px; margin: auto; padding-bottom: 40px; *padding-top: 30px; } #aufklappmenu .inside .mbs { display: flex; justify-content: flex-end; } #aufklappmenu .menuheader { width: 100%; height: 80px; background: #391088; position: absolute; } #aufklappmenu .bt_close { position: relative; float: right; top: 18px; right: 83px; width: 44px; height: 44px; background: url(../../files/assets/close@2x.png); background-size: 100%; cursor: pointer; z-index: 1002; } #aufklappmenu nav { position: relative; top: initial; left: initial; } #aufklappmenu nav { position: relative; } #aufklappmenu nav ul { padding-left: 0px; max-width: 150px; } #aufklappmenu nav li { list-style-type: none; } #aufklappmenu h6 { padding-bottom: 40px; text-transform: none; font-weight: 600; font-size: 14px; text-transform: uppercase; color: #FFFFFF; } #aufklappmenu .mb5 h6 { padding-bottom: 60px !important } #aufklappmenu a { text-transform: none; } #aufklappmenu nav.mod_navigation li, #aufklappmenu nav.mod_navigation a { color: #16317B; font-size: 16px; } #aufklappmenu nav.mod_navigation .level_1 li:hover { border-bottom:0px solid #FFFFFF; } #aufklappmenu nav.mod_navigation .level_1 li.internlink:hover { border-bottom:0px solid #FFFFFF; } #aufklappmenu nav.mod_navigation .level_1 li.homelink:hover { border-bottom:0px solid #FFFFFF !important; } #aufklappmenu li strong { color: #B95528; font-weight: 500; } #aufklappmenu li a:hover { color: #B95528 !important; } #aufklappmenu .mb { border-right: 1px solid #999; padding-right: 25px; padding-left: 25px; padding-top: 20px; } #aufklappmenu .mb4 { border-right: 0px solid #999; padding-right: 60px; } #aufklappmenu .mb5{ border-right: 0px solid #999; width: 100px; } #aufklappmenu .mb5 a:before { position: absolute; content: url(../../files/assets/RoterPfeil_Kleiner.png); padding-right: 10px; left: -20px; } #aufklappmenu .mb5 { padding-right: 60px; } #aufklappmenu nav.mod_navigation .level_1 li.trail, #aufklappmenu nav.mod_navigation .level_1 li.trail a:not(.level_2 a), #aufklappmenu nav.mod_navigation .level_2 li.trail a, #aufklappmenu nav.mod_navigation .level_1 li.active { border: none; text-transform: none; color: #B95528 !important; } #aufklappmenu nav.mod_navigation .level_1 li { height: initial; padding-bottom: 20px; color: #16317B; line-height: 22px; } #aufklappmenu .mb5 nav.mod_navigation .level_1 li, #aufklappmenu .mb5 nav.mod_navigation .level_1 li a { font-weight: 400; font-style: italic; color: #000000; } #aufklappmenu nav.mod_navigation ul.level_2 li { border: none; text-align: right; padding-bottom: 10px; min-width: initial; font-weight: normal !important; font-style: italic !important; list-style-type: circle; list-style-position:inside; padding-left: none; } #aufklappmenu nav.mod_navigation ul.level_2 li, #aufklappmenu nav.mod_navigation ul.level_2 li a { color: #000000; font-size: 14px; } #aufklappmenu nav.mod_navigation .level_2 li:hover, #aufklappmenu nav.mod_navigation .level_2 li.trail, #aufklappmenu nav.mod_navigation .level_2 li.active, #aufklappmenunav.mod_navigation .level_3 li:hover, #aufklappmenunav.mod_navigation .level_3 li.active { background: none; } #aufklappmenu nav.mod_navigation ul.level_2 { margin-left: initial; margin-bottom: 0px; font-size: 14px !important; max-width: 200px; margin-top: 10px !important; } #aufklappmenu nav.mod_navigation .level_2 li { background: none; line-height: 20px; } #navigation nav .hide, #mmenu .hide, .sf-menu .hide { display:none; } #navigation nav { position: absolute; z-index:101; top:70px; left:310px; } nav.mod_navigation, nav.mod_customnav { overflow:visible; font-family: 'Ubuntu'; font-weight:500; font-size: 14px; line-height:18px; color: #152d62; *text-transform: uppercase; } nav#intern_navi.mod_navigation { overflow:visible; font-family: 'Ubuntu'; font-weight:700; font-size: 14px; line-height:18px; color: #152d62; text-transform: none; left:240px; } nav#intern_navi.mod_navigation .invisible { display:none } li.dummy_unsichtbar_im_menu { display:none } nav.mod_navigation li, nav.mod_navigation a { color: #152d62; } nav.mod_navigation .homelink a { font-weight:500; color: #787878 !important; text-transform: uppercase; } nav.mod_navigation .internlink a { font-weight:500; color: #787878 !important; text-transform: uppercase; } nav.mod_navigation .internlink a:after { content:url(../../files/assets/icon-intern.png); position:absolute; left:65px; top:3px; } nav.mod_navigation li.internlink { width:130px; } html[lang="en"] nav.mod_navigation .internlink a:after { left:125px; } html[lang="en"] nav.mod_navigation li.internlink { width:175px; } nav.mod_navigation li.homelink { width:120px; } nav.mod_navigation .homelink a:after { content:url(../../files/assets/icon-home.png); position:absolute; left:55px; top:3px; } nav.mod_navigation .level_2 a.oneline { padding-top:18px; } nav.mod_navigation .level_2 .oneline .subline { display:none; } nav.mod_navigation .level_1 .subline { display:none; } nav.mod_navigation .level_2 .subline, nav.mod_navigation .level_3 .subline { font-family: 'Open Sans', sans-serif; display:block; font-size:12px; color:#787878; font-weight:400; text-transform: none; } nav.mod_navigation li, nav.mod_navigation ul, nav.mod_navigation a { border-left:none; } nav.mod_navigation .level_1 li { background:none; height:45px; } nav.mod_navigation .level_2 li { background:#FFF; } nav.mod_navigation .level_2 a.sf-with-ul:after { content:url(../../files/assets/Menuepfeil-Gross.png); position:absolute; right:20px; top:13px; } nav.mod_navigation .level_1 li:hover { border-bottom:10px solid #152d62; } nav.mod_navigation .level_1 li.internlink:hover { border-bottom:10px solid #b94b3e; } nav.mod_navigation .level_1 li.homelink:hover { border-bottom:10px solid #152d62 !important; } nav.mod_navigation .level_1 li.trail, nav.mod_navigation .level_1 li.active { border-bottom:10px solid #152d62; } nav.mod_navigation .level_2 li:hover, nav.mod_navigation .level_3 li:hover { border-bottom:1px solid #787878; } nav.mod_navigation .level_2 li.trail, nav.mod_navigation .level_2 li.active { border-bottom:1px solid #787878; } #intern_navi .level_1 li:hover { border-bottom:10px solid #b94b3e; } #intern_navi .level_1 li.trail, #intern_navi .level_1 li.active { border-bottom:10px solid #b94b3e; } #intern_navi .level_2 li:hover, #intern_navi .level_3 li:hover { border-bottom:1px solid #787878; } #intern_navi .level_2 li.trail, #intern_navi .level_2 li.active { border-bottom:1px solid #787878; } nav.mod_navigation .level_3 li.trail, nav.mod_navigation .level_3 li.active { border-bottom:none } nav.mod_navigation ul.level_2 li { min-width:230px; height:57px; border-bottom:1px solid #787878; } nav.mod_navigation ul.level_2 { margin-top:10px; margin-left:-20%; } nav.mod_navigation .level_2 li.first { border-top:2px solid #152d62; } nav.mod_navigation .level_3 li.first { border-top:none; } nav.mod_navigation .level_2 li:hover, nav.mod_navigation .level_2 li.trail, nav.mod_navigation .level_2 li.active, nav.mod_navigation .level_3 li:hover, nav.mod_navigation .level_3 li.active { background:#dde7f2; border-bottom:1px solid #787878; } nav.mod_navigation .level_3 li{ padding-left:25px; padding-right:15px; } nav.mod_navigation .level_3 li:after { content:""; } nav.mod_navigation .level_3 li:before { content:url(../../files/assets/MenuePfeil-Klein.png); position:absolute; left:15px; top:18px; } /*************************************************************************************** NAVIGATION SUBMENU RECHTE SPALTE */ #right .mod_navigation ul, #right .mod_customnav ul { padding:0; margin:0; margin-top:40px; } #right .mod_navigation li, #right .mod_customnav li { list-style:none; height:auto; padding-bottom: 7px; } #right .mod_customnav .level_1 li:hover, #right .mod_customnav .level_1 li.active { border-bottom:none !important } #right .mod_navigation .level_1 li:hover, #right .mod_navigation .level_1 li.active, #right .mod_navigation .level_1 li.trail, #right .mod_customnav .trail { border-bottom:none !important; color:#152d62; font-weight: bold; } #right .mod_navigation li, #right .mod_customnav li { padding: 0px 0 8px 20px; list-style: none; background-image: url(../../files/assets/BlauesKaestchen.jpg); background-repeat:no-repeat; background-position:left 4px; } #right .mod_navigation a, #right .mod_customnav a { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:13px !important; color:#787878; } #right .mod_customnav.link_pfeil_vorne li { padding: 0px 0 8px 20px; list-style: none; background-image: url(../../files/assets/RoterPfeil_Kleiner.png) !important; background-repeat:no-repeat; background-position:left 2px; } #right .mod_customnav.link_pfeil_vorne li a:before { content:"" !important; padding:0; } .subline { font-family: 'Roboto Slab', sans-serif; font-size:20px; line-height: 27px; color:#152d62; } /************************************************************** SLIDER TOP */ #slider { background:#FFFFFF; margin:0; padding:0; z-index: 2; } #slider .content_1024 { padding-bottom: 0px !important; } #slider h1 { color:#FFF; border-bottom:9px solid #fff; padding-bottom:20px; } #slider .ce_text { font-family: 'Roboto Slab', sans_serif; text-align: center; color:#fff; margin:auto; } #slider .ce_text a { font-family: 'Open Sans', sans_serif; font-style: italic; text-decoration: none; color:#fff; background:#b94b3e; padding:5px; margin-top:20px; padding-left:18px; padding-right:15px; } #slider .ce_text a:after { content: url(../../files/assets/WeisserPfeil_Kleiner.png); padding-left:15px; padding-right:0px; padding-top:1px; } #slider .slide1 .ce_text.headline { max-width:615px; } #slider .slide2 .ce_text.headline { max-width:800px; } #slider .slide3 .ce_text.headline { max-width:800px; } #slider .rsts-nav-bullets { right:0; left:0; width:100%; text-align: center; bottom:40px; } .rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active { background-color:#000; border:1px solid #FFF; height:12px; width:12px; } .rsts-skin-default .rsts-nav-bullets a { height:12px; width:12px; border:1px solid #FFF; } .rsts-nav-next a, .rsts-nav-prev a { background:#b94b3e; color:#fff; } /************************************************************** Slider Mitglieder / Slider Kernthemen */ #slider_mitglieder .image_container { padding-bottom: 20px; } #slider_mitglieder .slidercontent { margin-top:120px; } #slider_mitglieder img { border-radius:20px; } #slider_mitglieder .rsts-nav { position:absolute; width:100%; top:50px; } #slider_mitglieder .subline_roboto_blau_kleiner { font-weight: 400 !important; } .rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a:hover, .rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a.active { background-color:#000; border:1px solid #FFF; height:12px; width:12px; } .rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a { border:1px solid #FFF; height:12px; width:12px; } .rsts-skin-default-content .rsts-nav-next a, .rsts-skin-default-content .rsts-thumbs-next { background:url(../../files/assets/pfeilkasten-slider-und-headline.png); background-size: 35px 35px; background-repeat: no-repeat; width:35px; height:35px; } .rsts-skin-default-content .rsts-nav-prev a, .rsts-skin-default-content .rsts-thumbs-prev { background:url(../../files/assets/pfeilkasten-slider-prev.png); background-size: 35px 35px; background-repeat: no-repeat; width:35px; height:35px; } #slider_mitglieder .rs-column.-large-col-3-1 { width:31.2%; } #slider_mitglieder .rs-column { margin-top: 7.69231%; margin-right: 3.4%; } .rs-column.-large-last { margin-right: -5px !important; } .slider_mitglieder.content_1024 { padding-bottom: 0px; } /************************************************************** Slider Kernthemen */ #slider_kernthemen .rsts-prev, #slider_kernthemen .rsts-next { position:absolute; top:0px; } #slider_kernthemen .slidercontent { margin-top:80px; } #slider_kernthemen .image_container { padding-bottom: 20px; } #slider_kernthemen.rsts-skin-default .rsts-next, #slider_kernthemen.rsts-skin-default .rsts-thumbs-next { background:url(../../files/assets/pfeilkasten-slider-und-headline.png); background-size: 35px 35px; background-repeat: no-repeat; width:35px; height:35px; position:absolute; top:0px; right:10px; } #slider_kernthemen.rsts-skin-default .rsts-prev, #slider_kernthemen.rsts-skin-default .rsts-thumbs-prev { background:url(../../files/assets/pfeilkasten-slider-prev.png); background-size: 35px 35px; background-repeat: no-repeat; width:35px; height:35px; position:absolute; top:0px; right:47px; } #slider_kernthemen .rsts-nav-bullets { position:absolute; top:0px; right:104px; } #slider_kernthemen .rsts-nav { bottom:400px !important; } /************************************************************** NEWS im Slider */ /* .layout_latest { margin-top:80px; } .layout_latest img { border-radius:30px; padding:10px; } .layout_latest h2, .layout_latest .more { padding-left:12px; } .layout_latest .teaser { font-size:16px !important; padding-left:12px; } */ .mobile-icon { position: fixed; display:none; background: url("../../files/assets/menu.png"); background-size: 35px 35px; width:35px; height:35px; top:15px; right:10px; z-index:999; } .mobile { display: none; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .mobile-icon{ background: url("../../files/assets/menu@2x.png"); background-size: 35px 35px; width:35px; height:35px; } } .mobile_menu .inner { background:rgba(255,255,255,0.95); padding-top:30px; padding-left:30px; } .mobile_menu li { list-style:none; } .mobile_menu ul { padding:0; margin:0; } .mobile_menu nav.mod_navigation .level_1 li:hover, .mobile_menu nav.mod_navigation .level_1 li.active, .mobile_menu nav.mod_navigation .level_1 li.trail { border:none; } .mobile_menu nav.mod_navigation ul.level_2 { margin:auto; } .mobile_menu nav.mod_navigation .internlink a:after { content:""; } .mobile_menu nav.mod_navigation .level_2 li:hover, .mobile_menu nav.mod_navigation .level_2 li.trail, .mobile_menu nav.mod_navigation .level_2 li.active, .mobile_menu nav.mod_navigation .level_3 li:hover, .mobile_menu nav.mod_navigation .level_3 li.active { border:none; background:none; } .mobile_menu nav.mod_navigation .level_2 li.first, .mobile_menu nav.mod_navigation ul.level_2 li { border:none; background:none; padding-left:20px; } #mm_close { display:none; text-transform:uppercase; margin-top:10px; margin-left:12px !important; margin-bottom;80px; } .trenner-bottom { height:100px; } .mobile_menu .mod_changelanguage { *display:block; } .mobile_menu nav.mod_navigation .level_1 li { height:auto; } .mm-menu { background:#fff !important; } .mm-menu, .mm-menu li, .mm-menu a { color:#152d62; } .mm-menu .mm-list > li > a.mm-subclose { background:#152d62; color:#FFF; } .mm-menu nav.mod_navigation .level_1 li:hover, .mm-menu nav.mod_navigation .level_1 li.trail, .mm-menu nav.mod_navigation .level_1 li.active{ border:none; background:#none; } .mm-menu nav.mod_navigation .level_1 li { height:auto; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { margin-left:0px; } .mm-menu .mm-list > li > a.mm-subopen:after { border-color:#152d62; } .mm-menu .mm-list > li > a.mm-subclose:before { border-color:#FFF; } .mm-listitem { } .mm-listitem strong { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 90%; white-space: break-spaces !important; padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2); padding-left: 20px; padding-right: 10px; } /************************************************************************************************/ @media only screen and (max-width : 1115px) { .slider_mitglieder .slider-control { left: 0; } } @media only screen and (max-width : 1024px) { .custom #logo { margin-left: 25px; } } @media only screen and (max-width : 1000px) { .content_mobile { display: block; } .content_desktop { display: none; } .ct_picture_card.dossier_card h2 { font-size: 20px; line-height: 30px; padding-top: 30px; } .ct_picture_card.dossier_card.zweizeilig h2 { padding-top: 12px; } html { -webkit-text-size-adjust: none; } .kachelwand .rs-column.-large-col-2-1 { width: 100%; } .kachelwand .rs-column.-large-last { margin-right: 0px !important; } .kachelwand img { width: 100%; } .burger-icon, .burger-icon-smallheader { display: none; } .ctbox, .cards { min-height: 250px; height: auto; } #slider_mitglieder .rs-column.-large-col-3-1 { width: 100%; display: flex; justify-content: center; } #slider_mitglieder figure { display: flex; justify-content: center; } #slider_mitglieder .teaser { max-width: 500px; } .slider_mitglieder .slider-control { max-width: 95%; } .presse.content_1024 { width: auto; } #wrapper { width:auto; } .desktop { display:none; } .mobile { display:block; } .mobile-icon { display: block; } .custom, #main { background:#fff; } .custom #navigation .mod_navigation { display:none; } #header { display:none; } .mod_changelanguage.changelanguage_mobile { display: block; } #slider_mitglieder .rs-column.-large-col-3-1 { width:100%; } h1 { font-size:40px; } .content_1024, .innen #main .mod_article { padding-left:20px; padding-right:20px; } table td:first-child { width:auto; } table td:last-child { width:auto; display:none; } .blog table td:last-child { display:block; } #footer { height:auto; min-height: initial; padding-bottom: 50px; } #main .ce_text.bild_rechts_h3 figure.image_container.float_above { margin-bottom:20px; } } /************************************************************************************************/ @media only screen and (max-width : 768px) { .cards.dossier { margin-bottom: 20px; width: 100%; } } @media only screen and (max-width : 505px) { .desktop { display: none; } #footer .-large-last .ce_image, #footer .-large-last .ce_text { padding-left: 10px; } #right { margin-top: 0px; } #main .inside { margin-top: 40px; margin-bottom: 20px; } .content_top .ce_headline { margin: initial; } .content_top { display: flex; align-items: center; } .content_top h2 { padding-top: 0px !important; padding-right: 20px; } .kachelwand .rs-columns { flex-direction: column; } .kachelwand .rs-column.-large-col-2-1 { width: 100% !important; } .kachelwand .rs-column.-medium-first-row { margin-top: 0px; } .blueBox .ce_text { display: block; } .blueBox img, .blueBox .imagebox, .blueBox .textbox { width: 100%; padding-right: 0px; } .blueBox .imagebox { padding-bottom: 30px; } .ctboxes .rs-column.-large-col-3-1 { width: 100%; } .rs-column.-medium-first-row { margin-top: 2%; } .mitgliederbox_startseite .ce_text { padding-left: 20px; padding-right: 20px; } .slider_mitglieder .slider-control { top: 30px !important; left: 10px; } .slider_mitglieder .slider-control .slider-prev, .slider_mitglieder .slider-control .slider-next { top: 7px ; } .slider_mitglieder .slider-control .slider-prev { left: initial ; } .slider_mitglieder .slider-control .slider-next { right: 0 ; } .slider-control .slider-menu { top: 8px ; } .slider_mitglieder .slider-control .slider-menu b { padding-left: 2px; } .startseite .veranstaltungen .newslist, .kompetenzbereiche .veranstaltungen .newslist { display: block; } .cards { width: auto !important; margin-right: 0px; margin-top: 2%; } .cards.dossier { margin-bottom: 20px; } .cards .ce_text { width: auto; } .presse { display: block; } .banner .ce_text:first-child { width: 100%; padding-bottom: 15px; padding-top: 15px; } .presse .ce_text:last-child { width: auto; text-align: center; padding-top: 15px; } .banner img { width: 100%; } .presse.content_1024 { width: auto; } .ct_picture_cards .rs-column.-large-col-3-1 { width: 100%; margin-right: 0px; } .ct_picture_cards img { width: 100%; } .linkboxes .rs-column.-large-col-3-1 { width: 100%; margin-right: 0px; } .width66 { width: auto; } .mobile_505 { display:block; } #breadcrumb { display:none; } table td { display:none; } table td:first-child { display:block } h1, .innen #main h1, .content_top h1, .content_top h2 { font-size:28px; line-height:45px; } .content_top h2 { padding-left:20px; *padding-top:70px; } .subline, .subline_roboto_blau { font-size:18px; line-height:24px; } #slider div.ce_text.subline.weiss.block { margin-top:0px !important; padding-left:10px; padding-right:10px; } .content_top, .content_top .ce_image { height:200px; } #parallax { display:none; } .personendaten input[type="url"], input[type="text"], input[type="email"], input[type="tel"], textarea { width:90%; } .personendaten select { width:95%; } .startseite .loginseitebox { height:auto; } .startseite .loginseitebox #username, .startseite .loginseitebox #password, .startseite .loginseitebox input.submit { width:auto; } .akportraits .leftarea, .akportraits .rightarea { display:block; } .akportraits .leftarea { width:100%; padding-right:0px; } #footer .ce_form { width:95%; } #footer .ce_form input[type="text"], #footer .ce_form input[type="email"], #footer .ce_form input[type="tel"], #footer .ce_form textarea { padding-left:5px; width:98%; } #footer .ce_text { padding-left:10px !important; } #footer .ce_form { padding-top:0px; } #footer div.rs-columns.ce_rs_columns_start.first { margin-top:0px !important; } #footer div.ce_text.block { margin-top:0px !important; } .loginseitebox { padding:0; } #loginseite .loginseitebox { margin-bottom:0px; } .loginseitebox .formbody { margin-left:10px; } .loginseitebox #username, .loginseitebox #password, .loginseitebox input[type="email"] { width:95%; max-width:270px; } .loginseitebox h3 { margin-left: 10px; font-size: 18px; } #loginseite #passwort_vergessen { float:none; margin-left:10px; margin-top:5px; } .error { font-size:12px; } .mod_lostPassword .submit_container { float:none; } .loginseitebox input.loginseite { display:none; } .loginseitebox input.seitenleiste { display:block } } /************************************************************************************************/ @media only screen and (max-width : 420px) { .archiv_submenu { display: block; } } .auswertung table { font-size: 12px; width: auto; table-layout:fixed } .auswertung #header .inside, .auswertung #container { max-width: 100%; overflow: visible; } .auswertung .block { overflow: visible; } .auswertung .hide { display: none; } .auswertung .all { position: relative; margin-top:30px } .extern .login_message { display: none; } label { margin-right: 20px; } .hide { display: none; } .innen #main .mod_article { padding: 0px 50px 60px 50px; margin: auto; border-right: none !important; max-width: 100%; } .innen #main h1:before { content: "" !important; background: #fff; } .block { overflow: visible; } a:before { content: url("../../files/assets/RoterPfeil_Kleiner.png"); padding-right:10px; } .back a:before { content: url("../../files/assets/RoterPfeil_Kleiner_links.png"); padding-right:10px; } a { font-family: 'Open Sans', sans-serif; font-style: italic; color:#152d62; font-size:16px; line-height:27px; } .auswertung .small { font-size: 10px; } .auswertung .tabheader { font-weight: bold; color:#152d62 } .auswertung table td:first-child { width: 30px; max-width: 30px; } .blau { color: #152d62 !important; } .weiss { color: #FFFFFF !important; } .subline.weiss { color:#FFFFFF; } .subline_roboto_blau_kleiner { font-family: 'Roboto Slab', sans-serif; font-size: 16px; line-height: 27px; color: #152d62; font-weight: 400 !important; } .link_pfeil_vorne a { color: #787878 !important; font-style: normal !important; font-weight: bold; } #footer .rs-columns { margin-top: 50px; } #footer .ce_form { margin-top: 40px; } #footer .rs-column:nth-child(2) .ce_text { margin-top: 63px; } .ce_form .submit { margin-top: 0%; float: right; margin-right: 1%; } .margin_top_40 { margin-top: 40px; } .margin_top_72 { margin-top: 72px; } .custom { display: grid; }