body { /*font-family: "Frutiger LT W01_55 Roma1475738";*/ font-family: 'Frutiger W01'; font-size: 18px; font-weight: 400; overflow-x: hidden; } b, strong { font-weight: 800; } #BodyContainer { overflow: hidden; } #BodyContainer.scroll { overflow-y: auto; } #BackgroudContainer { position: fixed; top: 0; height: 100%; width: 100%; background-color: #002e5a; background-image: url(img/bkgImage-001.png); background-position: center center; background-size: cover; } #HeaderContainer { position: fixed; top: 0px; background-color: rgba(111, 147, 200, 0.75); width: 100%; padding-top: 1.9em; padding-bottom: 1.8em; min-height: 80px; } #MenuContainer { position: fixed; top: 0px; left: 0px; padding-top: 1.5em; padding-bottom: 1.5em; width: 28%; background-color: #6f93c8; min-height: 5.25em; z-index: 9999; } #MenuContainerOpen { position: fixed; left: -28%; top: 0px; padding-top: 1.5em; padding-bottom: 1.5em; width: 28%; background-color: #6f93c8; transition: 1s all; } #MenuContainerOpen.shown { left: 0; z-index: 9999; } #SideContainer { position: fixed; top: 0px; left: -28%; width: 28%; background-color: #6f93c8; transition: 1s all; color: #000; margin-top: 5.3em; height: 100%; z-index: 9999; } #SideContainer.shown { left: 0; } #SideContainer a { color: #fff; } #SideContainer .row.social-link-container { margin-top: 1em; font-size: 0.9em; } #ContentContainer { /*display: none;*/ } h1 { text-transform: uppercase; color: #6f93c8; font-size: 1.5em; margin-bottom: 1.5em; margin-top: 1.5em; } h2 { color: #6f93c8; margin-top: 1.5em; margin-bottom: 1em; font-size: 1.5em; } h3 { font-size: 1em; margin-bottom: 1em; margin-top: 2em; font-weight: bold; } h2.first-header, h3.first-header { margin-top: 0; } a.social-link { margin-right: 0.5em; float: left; } #ContentContainer a { color: #6f93c8; text-decoration: underline; } #ContentContainer a:before { } .text-right img { float: right; } #MenuContainer a > img, #MenuContainerOpen a > img { padding-left: 1.5em; } #ContentContainer { position: relative; top: 781px; margin-top: 15em; transition: 1s all; } #ContentContainer.shown { top: 0 !important; } #ContentContainer > .container { background-color: #fff; padding-left: 0px; padding-right: 0px; } #ContentContainer > .container#ContentMain { padding-bottom: 3em; } #ContentContainer > .container > .row { margin-left: 3em; margin-right: 3em; } #ContentContainer > .container > .row.section { border-bottom: thin solid #c0cee4; margin-bottom: 0em; padding-bottom: 3em; } body.uebersicht #ContentContainer > .container > .row.section { border-bottom: thin solid #c0cee4; margin-bottom: 0; padding-bottom: 3em; } #ContentContainer > .container > .row.section > div { padding-left: 0; padding-right: 0; } #ContentContainer > .container > .row.section > div > .row { margin-bottom: 2em; } #ContentContainer > .container .row.breadcrumb-container { background-color: rgba(111, 147, 200, 0.35); padding-left: 2em; padding-right: 0; margin-left: 0px; margin-right: 0px; } /*media screen,projection*/ #MenuBreadcrumb ul { padding: 0; list-style: none; margin: 0; font-size: 12px; text-transform: uppercase; } #MenuBreadcrumb ul li { display: inline; color: #6f93c8; } #MenuBreadcrumb ul li a { color: #6f93c8; text-decoration: none; } #MenuBreadcrumb ul li > img { padding-left: 1em; padding-right: 1em; } p.autor { color: #6f93c8; font-size: 0.8em; } .img-rounded { border-radius: 50%; } #SideContainer { } #SideContainer .row.section { margin-left: 2em; margin-right: 2em; } #SideContainer ul { list-style: none; padding-left: 0px; font-size: 1.5em; text-transform: uppercase; margin-top: 1.5em; margin-bottom: 1.5em; } #SideContainer ul a { color: #fff; text-decoration: none; } #SideContainer ul li { } #SideContainer ul li a { } #SideContainer ul li a:hover, #SideContainer ul li.active a { color: #000; } #SideContainer ul li ul { font-size: 0.75em; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; } #SideContainer ul li ul li { } #SideContainer ul li ul li a { color: #fff !important; } #SideContainer ul li ul li.active a, #SideContainer ul li ul a:hover { color: #000 !important; } #SideContainer #SubMenu ul { font-size: 1.25em; text-transform: none; margin-top: 2em; margin-bottom: 2em; } .row.section.menu .img-responsive { width: 100%; } /* text */ .ce-textpic.ce-left.ce-intext .ce-gallery { float: left; width: 33.33%; padding-right: 0px; padding-left: 0px; position: relative; } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-row { position: absolute; } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-row:first-child { z-index: 10; } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-media > a { } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-media > a::after { content: ""; background-image: url("img/iconGallery.png"); background-position: center center; padding: 1.1em; margin-right: 0.3em; background-repeat: no-repeat; padding-top: 4.2em; } .ce-textpic.ce-left.ce-intext .ce-gallery img { display: block; max-width: 100%; height: auto; } .ce-textpic.ce-left.ce-intext .ce-bodytext { width: 66.66%; float: right; position: relative; padding-left: 30px; padding-right: 0px; } /* contact */ .ce-textpic.ce-left.ce-intext.ce-nowrap { margin-top: 3em; } .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery .ce-row { position: relative; } .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery { float: left; width: auto; padding-right: 0px; padding-left: 0px; position: relative; } .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery img { display: block; max-width: 100%; height: 7.75em; border-radius: 50%; width: 7.75em; filter: gray; /* IE6-9 */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ } .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext { width: auto; float: left; position: relative; padding-left: 30px; padding-right: 0px; } .ce-bodytext h2:first-child, .ce-bodytext h3:first-child { margin-top: 0; } #ContentMain ul { color: #6f93c8; list-style: square; padding-left: 1em; } #ContentMain blockquote { margin-bottom: 0px; margin-top: 0px; padding: 0; margin: 0; border: none; font-size: 0.8em; color: #6f93c8; } #ContentMain a { color: #6f93c8; text-decoration: underline; } #ContentMain .ce-bodytext a::before { content: ""; background-image: url("img/iconLink.png"); background-position: center center; padding-right: 0.75em; margin-right: 0.3em; background-repeat: no-repeat; } #ContentMain .ce-bodytext a.tel { color: #000; text-decoration: none; } #ContentMain .ce-bodytext a.tel:before { content: none; margin: 0; padding: 0; } #ContentMain .ce-bodytext h2 a { text-decoration: none; } #ContentMain .ce-bodytext h2 a::before { content: ""; background-image: url("img/iconLinkArtikel.png"); background-position: center center; padding-right: 0.75em; margin-right: 0.3em; background-repeat: no-repeat; } #SideContainer ul li ul { display: none; } #SideContainer ul li.active ul { display: block; } /* menu */ #SideContainer ul li ul { display: block; } .menu-dropdown-container { display: none; } .menu-dropdown-container.shown { display: block; } /* optimization */ .ce-textpic.ce-left.ce-intext .ce-gallery { float: left; width: 33.33%; padding-right: 0px; padding-left: 0px; position: relative; min-height: 265px; } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-row { position: absolute; visibility: hidden; } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-row:first-child { z-index: 10; visibility: visible; } #SideContainer { position: fixed; top: 0px; left: -28%; width: 28%; background-color: #6f93c8; transition: 1s all; color: #000; margin-top: 5.1em; height: 100%; z-index: 9999; } #SideContainer #SubMenu ul { font-size: 1.25em; text-transform: none; margin-top: 2em; margin-bottom: 0px; } .menu-bottom { position: absolute; bottom: 7em; margin-top: 0em; } .menu-kontakt { /*font-size: 0.9em;*/ margin-top: -0.4em; } .menu-impressum a { font-size: 0.8em; } #ContentContainer { position: relative; top: 781px; margin-top: 270px; transition: 1s all; } #ContentContainer > .container > .row.section { border-bottom: thin solid #c0cee4; padding-bottom: 0em; margin-bottom: 3em; } .ce-textpic.ce-left.ce-intext .ce-gallery { float: left; width: 33.33%; padding-right: 0px; padding-left: 0px; position: relative; min-height: 235px; } .ce-textpic.ce-left.ce-intext .ce-gallery img { display: block; max-width: 100%; height: auto; max-height: 235px; } #ContentContainer p { margin: 0 0 1em; } #SideContainer #SubMenu ul { font-size: 1.25em; text-transform: none; margin-top: 0em; margin-bottom: 0px; } /* height optimization */ /* header */ #HeaderContainer { position: fixed; top: 0px; background-color: rgba(111, 147, 200, 0.75); width: 100%; padding-top: 20px; padding-bottom: 18px; height: 70px; min-height: 70px; } #MenuContainer { position: fixed; top: 0px; left: 0px; padding-top: 18px; padding-bottom: 18px; width: 28%; background-color: #6f93c8; height: 70px; z-index: 9999; padding-right: 20px; min-height: 70px; } #MenuContainerOpen { position: fixed; left: -28%; top: 0px; padding-top: 18px; padding-bottom: 18px; width: 28%; background-color: #6f93c8; transition: 1s all; padding-right: 20px; } #MenuContainer a > img, #MenuContainerOpen a > img { padding-left: 25px; } #SideContainer { position: fixed; top: 0px; left: -28%; width: 28%; background-color: #6f93c8; transition: 1s all; color: #000; margin-top: 68px; height: 100%; z-index: 9999; } /* content */ #MenuBreadcrumb { padding-left: 0px; padding-right: 0px; font-weight: 700; letter-spacing: 0.03em; } #ContentContainer h1 { text-transform: uppercase; color: #6f93c8; font-size: 1.5em; margin-bottom: 30px; margin-top: 40px; } #ContentContainer h1:first-child { margin-top: 0; } #ContentContainer h2 { color: #6f93c8; margin-top: 40px; margin-bottom: 30px; font-size: 1.5em; } #ContentContainer h2:first-child { margin-top: 0; } #ContentContainer p { margin: 0 0 40px; } #ContentContainer > .container > .row { margin-left: 40px; margin-right: 40px; } #ContentContainer > .container .row.breadcrumb-container { background-color: rgba(111, 147, 200, 0.35); padding-left: 40px; padding-right: 0px; margin-left: 0px; margin-right: 0px; height: 30px; } #MenuBreadcrumb ul li { display: inline; color: #6f93c8; line-height: 30px; } #MenuBreadcrumb ul li > img { padding-left: 10px; padding-right: 20px; } .ce-textpic.ce-left.ce-intext .ce-bodytext { width: 66.66%; float: right; position: relative; padding-left: 20px; padding-right: 0px; } #ContentMain .ce-bodytext h2 a::before { content: ""; background-image: url("img/iconLinkArtikel.png"); background-position: center center; padding-right: 17px; margin-right: 10px; background-repeat: no-repeat; } #ContentContainer > .container > .row.section { border-bottom: thin solid #c0cee4; padding-bottom: 0em; margin-bottom: 40px; } #ContentContainer > .container > .row.section:first-child { margin-top: 40px; } .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery img { display: block; max-width: 100%; height: 7.75em; border-radius: 50%; width: 7.75em; filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); min-height: auto; } .ce-textpic.ce-left.ce-intext .ce-gallery img { display: block; max-width: 100%; height: auto; max-height: 235px; /*min-height: 235px;*/ } h3 { font-size: 1em; margin-bottom: 1em; margin-top: 40px; font-weight: 800; margin-bottom: 20px; } #ContentContainer p { margin: 0 0 30px; } #ContentContainer p:last-child { margin: 0; } #ContentContainer > .container > .row.section { border-bottom: thin solid #c0cee4; padding-bottom: 0em; margin-bottom: 40px; padding-bottom: 40px; } .ce-textpic.ce-left.ce-intext .ce-gallery { float: left; width: 33.33%; padding-right: 0px; padding-left: 0px; position: relative; min-height: 235px; margin-bottom: -40px; } .ce-textpic.ce-left.ce-intext.ce-nowrap { margin-top: 40px; } .ce-textpic.ce-left.ce-intext.ce-nowrap:first-child { margin-top: 0; } .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery { float: left; width: auto; padding-right: 0px; padding-left: 0px; position: relative; min-height: auto; } .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext { width: auto; float: left; position: relative; padding-left: 20px; padding-right: 0px; } /*#ContentContainer p:last-child { margin-bottom: -30px; }*/ body.uebersicht { } body.uebersicht #ContentMainUebersicht > .row.section { margin-left: 1.8em; margin-right: 1.8em; padding-top: 1em; } body.uebersicht #ContentContainer .uebersicht { margin-left: 15px; margin-right: 15px; padding-left: 0px; padding-right: 0px; width: 30.33%; padding-top: 30px; } body.uebersicht #ContentContainer .uebersicht img { display: block; max-width: 100%; height: auto; } body.uebersicht #ContentContainer .uebersicht h1 { color: #fff; margin-top: 0px; margin-bottom: 0px; font-size: 1.2em; background-color: #6f93c8; padding-top: 0.5em; padding-bottom: 0.5em; position: absolute; bottom: 0px; width: 100%; } body.uebersicht #ContentContainer .uebersicht h1 a { color: #fff; text-decoration: none; } body.uebersicht #ContentContainer .uebersicht h1 a::before { content: ""; background-image: url(img/iconBreadcrumb.png); background-position: center center; padding-right: 0.75em; margin-right: 0.3em; background-repeat: no-repeat; padding-left: 0.75em; } body.uebersicht #ContentContainer .uebersicht .ce-textpic { } body.uebersicht #ContentContainer .uebersicht .ce-bodytext { display: none; } body.uebersicht #ContentContainer .uebersicht { margin-left: 10px; margin-right: 10px; padding-left: 0px; padding-right: 0px; width: 31.5%; padding-top: 20px; } body.uebersicht #ContentContainer .uebersicht h1 { color: #fff; margin-top: 0px; margin-bottom: 0px; font-size: 1.2em; background-color: #6f93c8; padding-top: 8px; padding-bottom: 8px; position: absolute; bottom: 0px; width: 100%; height: 40px; text-transform: none; } body.uebersicht #ContentContainer .uebersicht h1 a::before { content: ""; background-image: url("img/iconBreadcrumb.png"); background-position: center center; padding-right: 0.75em; margin-right: 20px; background-repeat: no-repeat; padding-left: 10px; } body.uebersicht #ContentContainer > .container > .row.section { border-bottom: thin solid #c0cee4; margin-bottom: 0px; padding-bottom: 40px; } body.uebersicht #ContentContainer > .container > .row.section:first-child { margin-top: 20px; } body.uebersicht #ContentMainUebersicht > .row.section { margin-left: 1.8em; margin-right: 1.8em; padding-top: 0px; } body.uebersicht #ContentContainer .uebersicht { margin-left: 10px; margin-right: 10px; padding-left: 0px; padding-right: 0px; width: 31.5%; margin-top: 20px; padding-top: 0px; } body.uebersicht #ContentContainer .uebersicht-title { margin-left: 10px; margin-right: 10px; } body.uebersicht #ContentContainer .uebersicht-title h1:first-child { margin-top: 40px; } body.uebersicht #ContentContainer > .container > .row.section:first-child { margin-top: 0px; } body.uebersicht #ContentMainUebersicht > .row.section { margin-left: 30px; margin-right: 30px; padding-top: 0px; } #ToggleContentClose, #ToggleContentOpen { position: absolute; right: 0; opacity: 0; visibility: hidden; -moz-transition: 1s all; -o-transition: 1s all; -webkit-transition: 1s all; transition: 1s all; } #ToggleContentClose.shown, #ToggleContentOpen.shown { opacity: 1; visibility: visible; } /* optimization KW */ .ce-bodytext { padding-right: 100px; } #BackgroudContainer { background-color: #fff; } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-row { position: absolute; top: 0px; } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-row:first-child { position: relative; } .ce-textpic.ce-left.ce-intext .ce-gallery img { max-height: none; } .ce-textpic.ce-left.ce-intext .ce-gallery { min-height: 0px; } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-media > a::after { content: ""; background-image: url("img/iconGallery.png"); background-position: center center; background-repeat: no-repeat; height: 30px; width: 40px; position: absolute; bottom: 0px; padding: 0; margin: 0; } .ce-textpic.ce-left.ce-intext .ce-gallery figcaption { display: none; } #ContentContainer > .container > .row.section { border-bottom: thin solid #e2e9f4; } #ContentContainer > .container .row.breadcrumb-container { background-color: #f0f4f9; } #SideContainer ul li a.active { color: #000; } #SideContainer ul { font-size: 30px; line-height: 1.3; margin: 0; } #SideContainer ul li ul, #SideContainer #SubMenu ul { font-size: 20px; } #MainMenuBorder, #SubMenuBorder, #BottomMenuBorder, #SocialIconsBorder { margin-left: -50px; margin-right: -50px; border-top: thin solid #7b9dcb; } #SocialIconsBorder { padding-bottom: 30px; margin-left: -65px; margin-right: -65px; } #MainMenu { padding-bottom: 30px; padding-top: 50px; } #SubMenu { padding-top: 30px; padding-bottom: 30px; } #BottomMenu { padding-top: 30px; padding-bottom: 30px; } .menu-bottom { position: relative; bottom: auto; } #MenuContainerOpen, #SideContainer { overflow-y: auto; left: -475px; } #SideContainer { margin-top: 69px; } #MenuContainer, #MenuContainerOpen, #SideContainer { width: 475px; min-width: 475px; } #BottomMenu .bottom-wappen { visibility: visible; float: left; width: 70px; margin-left: 15px; margin-right: 15px; } #BottomMenu .bottom-kontakt { visibility: visible; float: left; width: 240px; margin-left: 10px; margin-top: -4px; font-size: 16px; color: rgba(0, 0, 0, 0.6); } a.social-link { margin-right: 4px; } a.social-link:last-child { margin-right: 0; } .menu-impressum a { font-size: 12px; } #SocialIcons { position: absolute; bottom: 0px; opacity: 0; visibility: hidden; background-color: #6f93c8; -moz-transition: 1s all; -o-transition: 1s all; -webkit-transition: 1s all; transition: 1s all; padding: 30px; padding-right: 15px; padding-left: 15px; } #SocialIcons.shown { opacity: 1; visibility: visible; } ul.share-buttons { list-style: none; padding: 0; } ul.share-buttons li { display: inline; } ul.share-buttons .sr-only { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } #SearchContainer { position: fixed; top: 0px; left: 0px; padding-top: 14px; padding-bottom: 14px; width: 28%; background-color: #fff; height: 70px; z-index: 9998; padding-right: 20px; min-height: 70px; width: 475px; min-width: 475px; visibility: hidden; opacity: 0; -moz-transition: 1s all; -o-transition: 1s all; -webkit-transition: 1s all; transition: 1s all; } #SearchContainer.shown { left: 400px; visibility: visible; opacity: 1; z-index: 9999; } #MenuContainer a.search > img, #MenuContainerOpen a.search > img { padding: 18px; background-color: #6f93c8; padding-left: 25px; padding-right: 20px; margin-top: -18px; margin-bottom: -18px; margin-right: -20px; } .searchbox-sword { font-size: 28px; border: none; float: left; width: 85%; } .searchbox-button { margin-top: 4px; margin-bottom: -4px; } body.uebersicht #ContentContainer .uebersicht h1 a::before { background-image: url("img/iconUebersicht.png"); } #SocialIcons { background-color: #000; line-height: 1; padding-bottom: 1.25em; padding-top: 1.25em; width: 100%; /*bottom: 70px;*/ } #SideContainer ul.share-buttons { margin-left: 1.6em; } #SideContainer ul.share-buttons li a.closing { padding-left: 1em; } .tx-indexedsearch-searchbox, .tx-indexedsearch-rules { display: none; } .ce-textpic.ce-left.ce-intext .ce-gallery .ce-media > a::after { margin-bottom: -1px; } body.uebersicht #ContentContainer .uebersicht h1 { font-size: 20px; padding-top: 9px; padding-bottom: 9px; } body.uebersicht #ContentContainer .uebersicht h1 a::before { margin-right: 10px; padding-left: 10px; } body.uebersicht #ContentContainer > .container > .row.section { border-bottom: none; } @media (max-width: 1024px) { /*#ContentContainer { margin-top: 200px; }*/ body.uebersicht #ContentContainer .uebersicht { width: 31%; } } @media (max-width: 768px) { #MenuContainer, #MenuContainerOpen, #SideContainer { width: 100%; min-width: 100%; margin-top: 69px; } #SideContainer { left: -100%; margin-top: 138px; } #HeaderContainer { background-color: rgba(111, 147, 200, 1); z-index: 9999; } #SideContainer .row.section { margin-left: 0; margin-right: 0; } #MainMenu { padding-bottom: 20px; padding-top: 20px; } #SearchContainer { margin-top: 69px; } #SearchContainer.shown { left: 0; width: 100%; min-width: 100%; } #BottomMenu .bottom-kontakt { width: 215px; } /* content */ #ContentContainer h1 { margin-bottom: 20px; margin-top: 20px; } #ContentContainer h3 { font-size: 1em; margin-top: 20px; font-weight: 800; margin-bottom: 10px; } #ContentContainer > .container > .row { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding-bottom: 20px; } #ContentContainer > .container > .row.section:first-child { margin-top: 20px; } #ContentContainer > .container .row.breadcrumb-container { margin-bottom: 0; } #ContentContainer > .container > .row.section { margin-bottom: 20px; padding-bottom: 20px; } .ce-textpic.ce-left.ce-intext .ce-gallery { width: 100%; margin-bottom: 20px; } .ce-textpic.ce-left.ce-intext .ce-bodytext { width: 100%; float: left; position: relative; padding-left: 0; padding-right: 0px; } #ContentContainer > #ContentMain.container { padding-bottom: 0; } #ContentContainer p { margin: 0 0 10px; } body.uebersicht #ContentContainer .uebersicht { width: 30.25%; } .ce-bodytext { padding-right: 0; } #SideContainer .row.section { padding-bottom: 70px; } #SocialIcons { bottom: 70px; } } @media (max-width: 360px) { #MenuBreadcrumb { display: none; } body.uebersicht #ContentContainer .uebersicht { width: 100%; margin-left: 0; margin-right: 0; } #MenuContainer, #MenuContainerOpen, #SideContainer { margin-top: 45px; } #SideContainer { margin-top: 114px; } #SearchContainer { margin-top: 45px; } #ContentContainer { margin-top: 240px; } #ContentContainer h1 { word-wrap: break-word; } #SideContainer .row.section { padding-bottom: 46px; } #SideContainer ul.share-buttons { margin-left: 0.5em; } #SideContainer ul.share-buttons li a.closing { padding-left: 0; } } @media (max-width: 320px) { #BottomMenu .bottom-wappen { display: none; } }