/* COPYRIGHT cpeach - medien:agentur Dr. Frank Gebhard mediendesign, webdesign, webentwicklung als fullservice Kastanienallee 40 38104 Braunschweig, Germany info@cpeach.de v1.4.3 initilized 07/03/2016 last modified 18/10/2023 */ /* COPYRIGHT cpeach - medien:agentur Dr. Frank Gebhard mediendesign, webdesign, webentwicklung als fullservice Kastanienallee 40 38104 Braunschweig, Germany info@cpeach.de v1.4.3 initilized 07/03/2016 last modified 13/10/2023 */ /* navi_main.css */ header .cp_headerBgDiv, header .cpHeaderDiv.cpDesktopMenuArea, footer .cp_headerBgDiv, footer .cpHeaderDiv.cpDesktopMenuArea { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99; } header .cpHeaderDiv.cpMobileMenuArea, footer .cpHeaderDiv.cpMobileMenuArea { display: none; } @media screen and (min-width: 1px) and (max-width: 1023px) { header .cpHeaderDiv.cpMobileMenuArea, footer .cpHeaderDiv.cpMobileMenuArea { display: flex; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi { background: #FFF; position: fixed; top: 0px; left: 0px; width: 100vw; height: 5rem; z-index: 23; overflow: hidden; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu { display: flex; justify-content: space-between; } } @media screen and (min-width: 1px) and (max-width: 1023px) and (min-width: 1024px) { header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu { display: none; } } @media screen and (min-width: 1px) and (max-width: 1023px) { header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu > *, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu > * { padding: 1rem; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileLogoImg a, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileLogoImg a { display: flex; height: auto; align-items: center; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileLogoImg a img, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileLogoImg a img { height: calc(5rem - 2rem); } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileMenuBtn, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileMenuBtn { cursor: pointer; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileMenuBtn .cpMenuCloseBtn, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileMenuBtn .cpMenuCloseBtn { display: none; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileMenuBtn > img, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenu div.cpMobileMenuBtn > img { width: 3rem; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt { display: flex; justify-content: flex-start; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt a, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt a { font-family: 'open_sans_bold'; color: #aaa; font-size: 1.25rem; text-decoration: none; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt { overflow: auto; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu { padding: 0.5rem 2rem; margin: 0; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu li, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu li { display: flex; flex-direction: column; list-style: none; line-height: 1.75rem; padding: 0; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu li > ul.sub-menu > li ul.sub-menu, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu li > ul.sub-menu > li ul.sub-menu { display: none; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu > li.current-menu-item > ul.sub-menu, header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu > li.current-menu-ancestor > ul.sub-menu, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu > li.current-menu-item > ul.sub-menu, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu > li.current-menu-ancestor > ul.sub-menu { display: flex; flex-direction: column; } header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu li.current-menu-item > a, header .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu li.current-menu-ancestor > a, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu li.current-menu-item > a, footer .cpHeaderDiv.cpMobileMenuArea .cpMobileNavi div.cpMobileMenuCt nav.cpMobileNaviCt .menu-mainmenu-container ul.menu li.current-menu-ancestor > a { color: #0c1b3f; } } header .cpHeaderDiv.cpDesktopMenuArea, header.cpFooter .cpFooterMenu, footer .cpHeaderDiv.cpDesktopMenuArea, footer.cpFooter .cpFooterMenu { height: auto; background: #FFF; } header .cpHeaderDiv.cpDesktopMenuArea li a, header.cpFooter .cpFooterMenu li a, footer .cpHeaderDiv.cpDesktopMenuArea li a, footer.cpFooter .cpFooterMenu li a { font-family: 'open_sans_bold'; color: #aaa; text-decoration: None; } header .cpHeaderDiv.cpDesktopMenuArea li:hover > a, header.cpFooter .cpFooterMenu li:hover > a, footer .cpHeaderDiv.cpDesktopMenuArea li:hover > a, footer.cpFooter .cpFooterMenu li:hover > a { color: #0c1b3f; } header .cpHeaderDiv.cpDesktopMenuArea li.current-menu-ancestor > a, header .cpHeaderDiv.cpDesktopMenuArea li.current-menu-item > a, header.cpFooter .cpFooterMenu li.current-menu-ancestor > a, header.cpFooter .cpFooterMenu li.current-menu-item > a, footer .cpHeaderDiv.cpDesktopMenuArea li.current-menu-ancestor > a, footer .cpHeaderDiv.cpDesktopMenuArea li.current-menu-item > a, footer.cpFooter .cpFooterMenu li.current-menu-ancestor > a, footer.cpFooter .cpFooterMenu li.current-menu-item > a { color: #0c1b3f; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div { position: relative; margin: auto; } @media screen and (min-width: 1px) { header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div { max-width: 100%; } } @media screen and (min-width: 768px) { header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div { max-width: 100%; } } @media screen and (min-width: 1024px) { header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div { max-width: 1400px; } } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div { border: 0px solid transparent; height: 100%; border-width: 20px 0px 1px; margin: 0px 25px; height: calc(4rem *2); } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi { display: flex; flex-direction: column; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel { display: flex; justify-content: space-between; border-bottom: 1px solid #4A5E81; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel > div.cpLogoImg img, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel > div.cpLogoImg img, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel > div.cpLogoImg img, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel > div.cpLogoImg img { height: calc(4rem - 0.5rem); } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis { width: 100%; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu { margin: 0; display: flex; justify-content: flex-end; position: relative; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li { list-style: none; line-height: 4rem; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li > a, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li > a, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li > a, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li > a { font-size: 1.25rem; padding: 0.75rem 0.6rem; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li ul.sub-menu, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li ul.sub-menu, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li ul.sub-menu, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu li ul.sub-menu { display: none; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu > li.current-menu-item > ul.sub-menu, header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu > li.current-menu-ancestor > ul.sub-menu, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu > li.current-menu-item > ul.sub-menu, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu > li.current-menu-ancestor > ul.sub-menu, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu > li.current-menu-item > ul.sub-menu, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu > li.current-menu-ancestor > ul.sub-menu, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu > li.current-menu-item > ul.sub-menu, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_headerLevel_2Div .cpBasisNavi .cpFirstLevel div.cpMenuBasis ul#menu-mainmenu > li.current-menu-ancestor > ul.sub-menu { display: flex; position: absolute; top: 4rem; right: 0px; } @media screen and (min-width: 1px) and (max-width: 1023px) { header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div { background-color: rgba(255, 255, 255, 0.9); position: fixed; left: 0px; right: 0px; bottom: 0px; display: none; } } @media screen and (min-width: 1px) and (max-width: 1023px) and (min-width: 1px) { header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div { top: 78px; } } @media screen and (min-width: 1px) and (max-width: 1023px) and (min-width: 768px) { header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div { top: 102px; } } @media screen and (min-width: 1px) and (max-width: 1023px) { header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: auto; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .current-menu-ancestor > a, header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .current-menu-item > a, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .current-menu-ancestor > a, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .current-menu-item > a, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .current-menu-ancestor > a, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .current-menu-item > a, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .current-menu-ancestor > a, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .current-menu-item > a { text-decoration: underline; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu { padding: 42px; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu li, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu li, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu li, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu li { display: block; border: 0px solid red; padding: 0; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu li > a, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu li > a, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu li > a, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu li > a { font-size: 1.25rem; } header .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu > li > ul.sub-menu, header.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu > li > ul.sub-menu, footer .cpHeaderDiv.cpDesktopMenuArea .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu > li > ul.sub-menu, footer.cpFooter .cpFooterMenu .cp_headerLevel_1Div .cp_menuMainNav .menu-mainmenu-container ul.menu > li > ul.sub-menu { padding-left: 21px !important; margin-block-end: 6px; } } /* COPYRIGHT cpeach - medien:agentur Dr. Frank Gebhard mediendesign, webdesign, webentwicklung als fullservice Kastanienallee 40 38104 Braunschweig, Germany info@cpeach.de v1.4.3 initilized 07/03/2016 last modified 18/10/2023 */ .cpFooter { border-top: 1px solid #000; display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding-bottom: 60px; } @media screen and (min-width: 768px) { .cpFooter { justify-content: space-between; flex-direction: row; align-items: center; } } .cpFooter ul { list-style: none; } .cpFooter ul li { text-transform: uppercase; } .cpFooter > div { padding: 30px; display: flex; } .cpFooter div.cpFooterLeft nav ul.menu { padding-inline-start: 0px; margin-block-start: 0px; } .cpFooter div.cpFooterMiddle img { height: 4rem; width: auto; } .cpFooter div.cpFooterRight a { font-size: 16px; } @font-face { font-family: 'open_sans'; src: url("../fonts/OpenSans-Regular-webfont.eot"); src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url("../fonts/OpenSans-Light-webfont.eot"); src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_bold'; src: url("../fonts/OpenSans-Bold-webfont.eot"); src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_italic'; src: url("../fonts/OpenSans-Italic-webfont.eot"); src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_bolditalic'; src: url("../fonts/OpenSans-BoldItalic-webfont.eot"); src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } html, body { margin: 0; padding: 0px; height: 100%; width: 100%; color: #000; } body, a, pre { font-family: open_sans, Verdana, sans-serif; height: auto; font-size: 18px; } @media screen and (min-width: 1px) { body, a, pre { font-size: 16px; } } @media screen and (min-width: 1024px) { body, a, pre { font-size: 18px; } } pre { font-family: open_sans_italic; color: #000; } @media screen and (min-width: 1px) { sub, sup { font-size: 10.72px; } } @media screen and (min-width: 1024px) { sub, sup { font-size: 12.06px; } } .cp_noDisplay { display: none !important; } .cp_clearDiv { clear: both; } body h1, body h2, body h3, body h4 { font-weight: normal; color: #000; } body h1 { font-family: open_sans_bold; text-transform: uppercase; } @media screen and (min-width: 1px) { body h1 { font-size: 18px; } } @media screen and (min-width: 768px) { body h1 { font-size: 24px; } } @media screen and (min-width: 1024px) { body h1 { font-size: 30px; } } body h2 { font-size: 21px; color: #000; } body h3 { font-size: 16px; color: #000; } body h4 { font-size: 14px; color: #000; } body .cp_responsiveStatus { display: none; } @media screen and (min-width: 1200px) { body .cp_responsiveStatus { width: 1200px; } } @media screen and (min-width: 1024px) and (max-width: 1199px) { body .cp_responsiveStatus { width: 992px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { body .cp_responsiveStatus { width: 768px; } } @media screen and (min-width: 1px) and (max-width: 767px) { body .cp_responsiveStatus { width: 1px; } } body .cp_mainDiv { position: absolute; left: 0px; right: 0px; top: calc(4rem *2.5); bottom: 0px; } body .cp_contentAreaDiv { margin: auto; } body .cp_contentAreaDiv .vc_cp_pageTitle { margin-left: 20px; } body .cp_contentAreaDiv a { color: #999; font-size: 18px; text-decoration: none; } @media screen and (min-width: 1024px) { body .cp_contentAreaDiv a { font-size: 18px; } } body .cp_contentAreaDiv a:hover { color: #000; text-decoration: underline; } @media screen and (min-width: 1px) { body .cp_contentAreaDiv { max-width: 100%; } } @media screen and (min-width: 1024px) { body .cp_contentAreaDiv { max-width: 1400px; } } @media screen and (min-width: 1920px) { body .cp_contentAreaDiv { max-width: 1400px; } } body .cp_contentLevel_1Div { background-color: #FFF; } body .cp_contentLevel_1Div .cp_contentLevel_2Div { display: table; height: 100%; margin: auto; width: 100%; min-width: 1px; } body .cp_contentLevel_1Div .cp_contentLevel_2Div .cp_contentLevel_3Div { display: table-cell; text-align: center; vertical-align: top; height: auto; border: 0px solid orange; padding: 0px 0px; } @media screen and (min-width: 1px) { body .cp_contentLevel_1Div .cp_contentLevel_2Div .cp_contentLevel_3Div div { text-align: left; } } .vc_row.wpb_row { margin-left: 0px; margin-right: 0px; } #cp_vcMainImg { display: none; } .cp_vcNoMargin { margin: 0px !important; } .cp_vcCol1 h2 { margin-bottom: 12px !important; } .cp_vcCol2 h2 { font-family: open_sans !important; font-weight: 100 !important; text-transform: none !important; font-size: 18px; } .cp_vc2_Col .vc_align_right { text-align: right !important; } .cp_vcTableData * { margin-bottom: 0px; } .cp_vcH1Alike h2 { font-family: open_sans_bold; font-size: 36px; } .cp_vcFlexCol_3_2_1 { width: 100%; margin: auto; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } @media screen and (min-width: 1px) { .cp_vcFlexCol_3_2_1 { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } } @media screen and (min-width: 768px) { .cp_vcFlexCol_3_2_1 { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } } @media screen and (min-width: 1024px) { .cp_vcFlexCol_3_2_1 { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } } .cp_vcFlexCol_3_2_1 p { margin-top: 0px; } .vc_grid-item { padding: 10px !important; } .wpb_single_image { text-align: center; } .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper { margin-right: 0; } .cp_vcFlexCol_2_1 { width: 100%; margin: auto; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } @media screen and (min-width: 1px) { .cp_vcFlexCol_2_1 { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } } @media screen and (min-width: 768px) { .cp_vcFlexCol_2_1 { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } } .cp_vcFlexCol_2_1 p { margin-top: 0px; } /* infoBtn ZUM EINBLENDEN DES CONTENTS */ .cp_infoBtnCover1Div { width: 28px; height: 28px; margin-left: 14px; border: 1px solid #FFF; text-align: center; vertical-align: middle; border-radius: 14px; margin-top: 9px; cursor: pointer; position: absolute; top: 0px; right: 9px; z-index: 310; } .cp_infoBtn { font-family: "Times New Roman", Times, serif; font-size: 21px; line-height: 28px; font-style: italic; margin-top: 0px !important; } .cp_footerBox { position: relative; bottom: 20px; } .cp_vcDataNmbrDiv { font-family: 'open_sans_bold'; font-size: 36px; } .cp_vcDataNmbrDiv .cp_vcBlueNmbr { color: blueviolet; transform: rotate(-90deg); } .cp_vcPageFormell h3 { font-size: 18px; } .cp_vcHr { margin: 90px 0px; } .vc_icon_element-inner { text-align: center !important; width: 100% !important; } .vc_icon_element-icon::before { font-size: 4rem !important; } .vc_grid a { color: #000 !important; font-size: 36px; } @media screen and (min-width: 1px) { .cp_vcGridProjectTitle a, .cp_vcGridProjectExcerpt a { font-size: 14.4px !important; } } @media screen and (min-width: 768px) { .cp_vcGridProjectTitle a, .cp_vcGridProjectExcerpt a { font-size: 14.4px !important; } } @media screen and (min-width: 1024px) { .cp_vcGridProjectTitle a, .cp_vcGridProjectExcerpt a { font-size: 16.2px !important; } } /*# sourceMappingURL=main.css.map */