/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /* ############################################################################################################################################################################## */ html{font-family:'Arial', sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none;}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height: 1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border: none;margin: 0;padding: 0;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none} /* ############################################################################################################################################################################## */ /* ENDE -> normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /* Webfonts */ /* ############################################################################################################################################################################## */ @font-face {font-family: IGRN; src:url(../Fonts/SourceSansPro-Regular.ttf); font-display: swap;} @font-face {font-family: IGRN; src:url(../Fonts/SourceSansPro-Italic.ttf); font-style:italic;font-display: swap;} @font-face {font-family: IGRN; src:url(../Fonts/SourceSansPro-Bold.ttf); font-style:normal; font-weight:bold;font-display: swap;} @font-face {font-family: IGRN; src:url(../Fonts/SourceSansPro-BoldItalic.ttf); font-style:italic; font-weight:bold;font-display: swap;} @font-face {font-family: IGRN-extralight; src:url(../Fonts/SourceSansPro-ExtraLight.ttf); font-style:normal; font-weight:normal;font-display: swap;} @font-face {font-family: IGRN-extralight; src:url(../Fonts/SourceSansPro-ExtraLightItalic.ttf); font-style:italic; font-weight:normal;font-display: swap;} @font-face {font-family: IGRN-light; src:url(../Fonts/SourceSansPro-Light.ttf); font-style:normal; font-weight:normal;font-display: swap;} @font-face {font-family: IGRN-light; src:url(../Fonts/SourceSansPro-LightItalic.ttf); font-style:italic; font-weight:normal;font-display: swap;} @font-face {font-family: IGRN-black; src:url(../Fonts/SourceSansPro-Black.ttf); font-style:normal; font-weight:normal;font-display: swap;} @font-face {font-family: IGRN-black; src:url(../Fonts/SourceSansPro-BlackItalic.ttf); font-style:italic; font-weight:normal;font-display: swap;} @font-face {font-family: IGRN-semi; src:url(../Fonts/SourceSansPro-SemiBold.ttf); font-style:normal; font-weight:normal;font-display: swap;} @font-face {font-family: IGRN-semi; src:url(../Fonts/SourceSansPro-SemiBoldItalic.ttf); font-style:italic; font-weight:normal;font-display: swap;} /* ############################################################################################################################################################################## */ /* ENDE -> Webfonts */ /* Allgemeine Styles */ /* ############################################################################################################################################################################## */ html{box-sizing: border-box;} *{box-sizing: border-box;} *, ::before, ::after {box-sizing: inherit;} a{color:#333;} input, textarea{outline:none;} .clear{clear:both;} .center{text-align:center;} article{display:block;} .grey{color:#888;} .clear_1{clear:both;height:1px;} table{border-collapse: collapse;border-spacing: 0; width:100%;} td, th{vertical-align:top;} th{font-weight:bold; text-align:left;} .table{display:table; width:100%; height:100%;} .tableCell{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;} body{background:#fff; position:relative; width:100%; min-height:100%;color:#333;font-family:'IGRN', arial, sans-serif; font-weight:normal; font-style:normal; font-size:18px;} img{max-width:100%;height:auto;vertical-align: bottom;} .fixed{position:fixed; top:0; left:0; right:0;} .z12{z-index: 17;} h1,h2,h3,h4,h5{font-weight:normal;font-size:50px;margin: 0 0 10px 0;color:#333;} h1.hellblau,h2.hellblau,h3.hellblau,h4.hellblau,h5.hellblau{color:#83cfeb !important;} h1.grau,h2.grau,h3.grau,h4.grau,h5.grau{color:#333 !important;} h1.rot,h2.rot,h3.rot,h4.rot,h5.rot{color:#e30018 !important;} h1.cyan,h2.cyan,h3.cyan,h4.cyan,h5.cyan{color:#009ee3 !important;} h1.dunkelblau,h2.dunkelblau,h3.dunkelblau,h4.dunkelblau,h5.dunkelblau{color:#00448b !important;} #sizeBlocker{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);color:#e30018;font-size: 30px;text-shadow: 1px 1px 3px #190708;font-weight:bold;display:none;} .alignCenter{text-align:center;} /* ############################################################################################################################################################################## */ /* ENDE -> Allgemeine Styles */ /* Header */ /* ############################################################################################################################################################################## */ header.head{position:fixed;top:0;left:0;right:0;height: 90px;background:#fff;z-index: 14;padding:0 1%;transition: height 300ms, box-shadow 0ms;} .scrolled header.head{/* height:70px; */box-shadow:1px 0 10px -1px #333;transition: box-shadow 300ms;} .container_1200{max-width:1200px;margin:0 auto;position:relative;height: 100%;} #headLogo{display:block;position:absolute;width: 245px;top: 16px;left: 2%;transition: top 300ms, width 300ms; height:61px;} #headLogo img{transition: width 300ms; max-height:100%; width:auto;} /* ############################################################################################################################################################################## */ /* ENDE -> Header */ /* Hauptmenue */ /* ############################################################################################################################################################################## */ /* Burger-Btn */ /* ------------------------------------------------------------------------------------- */ #burgerButton{height: 37px;position:absolute;right: 2.5%;width: 36px;top: 28px;transition: top 300ms;z-index: 31;} .scrolled #burgerButton{} .bar1, .bar2, .bar3{background-color: #333;height: 3px;margin: 5px 6px;transition:0.4s;} .bar1{margin: 8px 6px 5px 6px;} .change .bar1{background-color:#fff;margin: 4px 4px 7px 8px;-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px);} .change .bar2{opacity:0;} .change .bar3{background-color:#fff;margin: 9px 6px 0px 6px;-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -8px);} /* ------------------------------------------------------------------------------------- */ #navContainer{position:fixed;top:0;bottom: 0;min-width: 410px;right:0;overflow: hidden;z-index: 16;display:none;} #navContainer.offen{display:block;} nav.main-nav{display:block;/* position:absolute; */z-index:1;background:#009ee3;max-height: 100%;margin-right: -10%;padding: 0 120px 0px 7%;overflow-y: auto;right:0;width: 110%;font-family: IGRN-light;/* padding: 20px 0 10px 0; */border-left:1px solid #fff;border-bottom: 1px solid #fff;} nav.main-nav.cyan{background:#009ee3;} nav.main-nav.rot{background:#e30018;} nav.main-nav.hellblau{background:#83cfeb;} nav.main-nav.dunkelblau{background:#00448b;} nav.main-nav.grau{background:#333;} nav.main-nav ul{display:block; padding:0;} nav.main-nav > ul{height: 100%;padding-bottom: 10px;/* top: 0; *//* bottom: 0; */} nav.main-nav ul ul{padding-left:25px;} nav.main-nav ul li, nav.main-nav ul a{display:block;/* white-space: nowrap; */ transition:color 300ms;} nav.main-nav ul > li a{display:block;color:#fff;font-weight:bold;text-decoration:none;font-size: 21px;padding: 8px 10px 8px 21px;background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil_weiss2.png);background-position: 0px 14px;background-repeat:no-repeat;background-size: 15px auto;transition: all 300ms;} nav.main-nav ul li.hasSub > ul{padding:8px 10px 0px 20px;line-height:30px;margin-top:-10px;display:none;} nav.main-nav ul li.hasSub.open > ul{display:block;} nav.main-nav ul li a:hover, nav.main-nav ul li.aktiv > a, nav.main-nav ul li.aktuell > a{color: #333;font-weight: bold;} nav.main-nav ul li ul li a{font-weight:normal;padding: 5px 0px 5px 20px;font-size: 20px;/* font-family:IGRN; */} nav.main-nav ul > li > ul > li > ul{padding-left:10px !important;} nav.main-nav ul li ul li ul li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeilspitze.png);background-position: 0px 14px; background-size: 15px auto; font-size:19px;} /* ############################################################################################################################################################################## */ /* ENDE -> Hauptmenue */ /* Maincontainer */ /* ############################################################################################################################################################################## */ main{padding-top: 45px;position:relative;z-index:9;background:#fff;/* max-width:1200px; *//* margin:0 auto; */clear: both;} /* ############################################################################################################################################################################## */ /* ENDE -> Maincontainer */ /* Contentboxen (BoxModel / Grid ) */ /* ############################################################################################################################################################################## */ .content{padding: 0 1% 45px 1%;width:100%;max-width: 1200px;margin: 0 auto 0 auto;display:flex;position:relative;flex-wrap: wrap;clear: both;} .content a{text-decoration:none;} .content.max_820, .content.LinkCircle{max-width:820px;margin: 0 auto 45px auto;padding: 0 1%;} .content.specialImageBox.frame-layout-1{max-width:820px; margin:0 auto; padding:0 2%;} .content *[class^="colSize_"], *[class*=" colSize_"]{flex-grow: 0;} .content .frameText a:after{content:'';display:inline-block;background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil_weiss.png);width: 25px;height: 16px;background-size:contain;background-repeat: no-repeat;margin-left: 10px;margin-bottom: -2px;} .textContent{line-height:1.5;} .textContent h1, .textContent h2, .textContent h3, .textContent h4, .textContent h5, .textContent .preline{line-height:1.2;} .preline{margin-bottom:10px !important;;} .news .content{padding:0;margin-bottom: 10px;} .news .content .preline{margin-bottom:0 !important;} .newsListItem{ margin-bottom:20px;} .newsListItem *{line-height:1; } .colSize_1{width:8.3333333%} .colSize_2{width:16.6666667%;} .colSize_3{width:25%;} .colSize_4{width:33.3333333%;} .colSize_5{width:41.6666666%;} .colSize_6{width:50%;} .colSize_7{width:58.3333333%;} .colSize_8{width:66.6666667%;} .colSize_9{width:75%;} .colSize_10{width:83.3333333%;} .colSize_11{width:91.6666666%;} .colSize_12{width:100%;} /* ############################################################################################################################################################################## */ /* ENDE -> Contentboxen (BoxModel / Grid ) */ /* Headerbild mit Sichel / Diashow mit Sichel */ /* ############################################################################################################################################################################## */ .headContainer{position: relative;margin: 90px 0 0 0 !important;transition:margin 300ms;display: block;max-width: initial;max-width: none;padding:0;/* overflow:hidden; */} .headContainer:after{content:'';position:absolute;display:block;bottom: -6px;height: 10px;left:0;right:0;background:#fff;z-index: 5;} .headerItem{position:fixed;top:90px;left:0;width:100%;z-index:1;overflow: hidden; } .nopara .headerItem{position:absolute; top:0;} .headerItem > a{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;} .headerItem.naechster{z-index:2;} .headerItem.aktiv{z-index:3;} .headerItem.raus{z-index:4; box-shadow:0px 0px 24px -1px #333; transition: top 1200ms cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 1200ms cubic-bezier(0.550, 0.055, 0.675, 0.190), left 1200ms cubic-bezier(0.550, 0.055, 0.675, 0.190);} .headerItem.picture{-webkit-filter: grayscale(0);filter: gray;-webkit-filter: grayscale(0%);filter: grayscale(0%);} .headerItem.raus picture{-webkit-filter: grayscale(1);filter: gray;-webkit-filter: grayscale(100%);filter: grayscale(100%); transition: -webkit-filter 1200ms, filter 1200ms;} .headContainer.toTop .headerItem.raus{top:-120%;} .headContainer.toTopLeft .headerItem.raus{top:-120%; left:-120%} .headContainer.toTopRight .headerItem.raus{top:-120%; left:120%} .headContainer.toBottom .headerItem.raus{top:120%;} .headContainer.toBottomLeft .headerItem.raus{top:120%; left:-120%;} .headContainer.toBottomRight .headerItem.raus{top:120%; left:120%;} .headContainer.toLeft .headerItem.raus{left:-120%;} .headContainer.toRight .headerItem.raus{left:120%;} .headContainer.fade .headerItem.raus{opacity:0;} .headContainer.fade .headerItem.raus picture{/*-webkit-filter: grayscale(0);filter: gray;-webkit-filter: grayscale(0%);filter: grayscale(0%);*/ box-shadow:none;} .headContainer .HeadHeadlineCont{position:fixed;top:90px;left:0;width:100%;z-index: 5;pointer-events:none;} .headContainer.nopara .HeadHeadlineCont{position:absolute; top:0;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:110px;font-style:normal;color:#333;font-family:'IGRN-extralight';font-weight: normal;line-height: 0.88;display: inline-block;} .headImagesCont{position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; z-index:1;} .headItemImg{position:relative;/* transition: left 300ms; */} .headItemImg *, .dummy_img *{display:inline;max-width: initial; max-width: none;width: 100%;} .dummy_img{opacity:0;} .headerBuble{z-index: 14;position:absolute;bottom: 2%;right: 6%;width: 210px;padding: 0 1% 1% 1%;height: 210px;border-radius:50%;background:#e30018;box-shadow: 1px 1px 9px #333;font-family: 'IGRN-light';line-height: 1;display:none;} .headerBuble > a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;} .headContainer.mitBlister .headerBuble{display:blocK;} .sits_bubbleFlex{display: flex;flex-direction: column;width: 100%;height: 100%;justify-content: center;align-items: center;} .sits_bubbleFlex > *{color:#fff;text-align:center;display: inline-block; flex:0 0 auto; width:100%;} .sits_bubbleFlex > div{font-size: 80px;font-weight: bold;letter-spacing: 4px;margin: -2% 0;} .sits_bubbleFlex > span{font-size: 28px;letter-spacing: 1px;} .sits_bubbleFlex > div ~ span{margin-top:4px;} .headerBuble.fullHouse{padding: 2% 1%;} .headerBuble.fullHouse .sits_bubbleFlex > div{margin:-3% 0; font-size:75px;} .headerBuble.fullHouse .sits_bubbleFlex > span{font-size:26px;} .headerBuble.fullHouse .sits_bubbleFlex > div ~ span{margin: 0;} /* .headerBuble .tableCell *{display:inline-block; color:#fff;} .sits_bubbleFlex > div{font-size: 80px;font-weight: bold;letter-spacing: 4px;text-align: center;} .sits_bubbleFlex > span{font-size: 28px;letter-spacing: 1px;} */ .headerBuble.aktiv{opacity:1; transition:opacity 0; transition-delay:0ms; z-index:8; box-shadow: 2px 2px 10px #666;} .headerBuble.naechster{opacity:1;transition:opacity 0; transition-delay:0ms; z-index:7; box-shadow: 1px 1px 9px #666;} .sichel{position: absolute;bottom: 0;overflow: hidden;z-index: 6;right: 0;left: 0;background-position: center bottom;background-size:100% auto;background-repeat:no-repeat; pointer-events:none;} .sichel svg{margin:0 -1%;width: 103%;position: absolute;top: 0;left: -1%;} .sichel svg path:nth-child(2){fill:#333;} .headholder{position:absolute;top: 15px;left: 15px;z-index: 9;right: 15px;bottom: auto;height: 85%;} .headholder .tableCell{text-align:left; vertical-align:bottom;} .hasJS .headholder{display:none;} .headholder.backPosL_LT .tableCell{text-align:left; vertical-align:top;} .headholder.backPosL_LC .tableCell{text-align:left; vertical-align:middle;} .headholder.backPosL_LB .tableCell{text-align:left; vertical-align:bottom;} .headholder.backPosL_CT .tableCell{text-align:center; vertical-align:top;} .headholder.backPosL_CC .tableCell{text-align:center; vertical-align:middle;} .headholder.backPosL_CB .tableCell{text-align:center; vertical-align:bottom;} .headholder.backPosL_RT .tableCell{text-align:right; vertical-align:top;} .headholder.backPosL_RC .tableCell{text-align:right; vertical-align:middle;} .headholder.backPosL_RB .tableCell{text-align:right; vertical-align:bottom;} .element-preview-content .headContainer .HeadHeadlineCont, .element-preview-content .headerItem{position:absolute; top:0;} /* ############################################################################################################################################################################## */ /* ENDE -> Headerbild mit Sichel / Diashow mit Sichel */ /* Link-Kreisel */ /* ############################################################################################################################################################################## */ .content.LinkCircle{padding: 0px 0 45px 0px;display:flex;justify-content: space-between;align-items: center;margin: 0 auto 0 auto;/* padding: 0 0 0 3%; */ position:relative;} .content.LinkCircle .circles{width:33%;transition: all 300ms;} .content.LinkCircle .centerImg{width:33%;margin-bottom: 2%;} .content.LinkCircle .CircleItem{display:flex;justify-content: space-between;text-decoration:none;font-weight:bold;align-items: center;} .content.LinkCircle .leftCircles .CircleItem{flex-direction: row-reverse; text-align:right;} .content.LinkCircle .circleImg{width: 37%;flex-shrink: 0; transition: transform 400ms;} .content.LinkCircle .circleText{padding: 0 10px;flex-grow: 1;} .content.LinkCircle .leftCircles .CircleItem:first-child, .content.LinkCircle .leftCircles .CircleItem:last-child{margin:0 -25% 0 25%;} .content.LinkCircle .rightCircles .CircleItem:first-child, .content.LinkCircle .rightCircles .CircleItem:last-child{margin:0 25% 0 -25%;} .content.LinkCircle .leftCircles .CircleItem:nth-child(2),.content.LinkCircle .rightCircles .CircleItem:nth-child(2){margin-bottom:20px;} .content.LinkCircle .leftCircles .CircleItem:nth-child(n+5),.content.LinkCircle .rightCircles .CircleItem:nth-child(n+5){display:none;} .content.LinkCircle .CircleItem:hover .circleImg{transform: scale(1.2);} .content.LinkCircle.showAll.hasTopIcon{margin-top:75px;} .content.LinkCircle.showAll.hasBottomIcon{margin-bottom:75px; padding-bottom:0;} .content.LinkCircle .topImg, .content.LinkCircle .bottomImg{position: absolute;bottom:85%;left: 50%; width: 33%;} .content.LinkCircle .bottomImg{bottom:auto; top:85%;} .content.LinkCircle .topImg .topImgInner, .content.LinkCircle .bottomImg .bottomImgInner{position: relative;width: 100%;left: -50%;} .content.LinkCircle .topImg .topImgInner > a, .content.LinkCircle .bottomImg .bottomImgInner > a{display: flex;flex-direction: column-reverse;position: relative;width: 100%;align-items: center;justify-content: flex-start;} .content.LinkCircle .bottomImg .bottomImgInner > a{flex-direction:column;} .content.LinkCircle .topImg .topImgInner > a .circleText{padding-bottom:5px; text-align:center;} .content.LinkCircle .bottomImg .bottomImgInner > a .circleText{padding-top:5px; text-align:center;} .content.LinkCircle .LogoMobile{display:none;} /* ############################################################################################################################################################################## */ /* ENDE -> Link-Kreisel */ /* Link-Bar */ /* ############################################################################################################################################################################## */ .content.LinkBar{flex-direction:column;} .content.LinkBar .topCircles, .content.LinkBar .bottomCircles{display:flex; margin:0 -5px; flex-wrap:wrap; justify-content: center;} .content.LinkBar .CircleItem{flex:1; display:flex; flex-direction:column; align-items: center; text-align:center; font-weight:bold; margin:0 5px 10px 5px;} .content.LinkBar .topCircles .CircleItem{flex-direction: column-reverse;} .content.LinkBar .CircleItem .circleImg{transform: scale(.8); transition:transform 400ms; width:100%;} .content.LinkBar .CircleItem .circleText{width:100%;} .content.LinkBar .CircleItem:hover .circleImg{transform: scale(1);} @media (max-width:599px){ .content.LinkBar .CircleItem{flex:0 0 auto; width:calc(33.333% - 10px);} .content.LinkBar .topCircles .CircleItem{flex-direction: column;} } /* ############################################################################################################################################################################## */ /* Banner 1Col/2Col mit Bild und headline in verschiedenen Farben (Background/Text/Highlights(Preline/Links/Pfeile)) */ /* ############################################################################################################################################################################## */ /* Allgemeines 2 Spalten Banner */ /* ---------------------------------------------------------------------------------------- */ .imageBanner2Col{flex-wrap:wrap;display:flex;} .imageBanner2Col.reverse{flex-direction:row-reverse;} .imageBanner2Col > a{display:flex;width:100%;flex-wrap: wrap; flex-direction:inherit;} .imageBanner1Col > a, .imageBanner1Col > a *, .imageBanner2Col > a, .imageBanner2Col > a *{text-decoration:none;} .imageBanner2Col .bannerImage{background-size:auto 100%;} .imageBanner2Col .bannerImage span{background-size:cover;flex-shrink: 0;display: inline-block;height: 100%;position:relative;background-position:left top;width: 100%; background-repeat:no-repeat;} .imageBanner2Col .bannerText{display:block;background:#333;padding:5% 4%;font-size:36px;text-decoration:none;position:relative;} .imageBanner2Col .bannerText{font-size:36px;} .imageBanner2Col .bannerText.colSize_8, .imageBanner2Col .bannerText.colSize_9, .imageBanner2Col .bannerText.colSize_10, .imageBanner2Col .bannerText.colSize_11, .imageBanner2Col .bannerText.colSize_12{font-size: 50px;} .imageBanner2Col .bannerText.colSize_8 .headline:after, .imageBanner2Col .bannerText.colSize_9 .headline:after, .imageBanner2Col .bannerText.colSize_10 .headline:after, .imageBanner2Col .bannerText.colSize_11 .headline:after, .imageBanner2Col .bannerText.colSize_12 .headline:after{margin-bottom: -2px;} .imageBanner2Col .bannerText .textLine, .imageBanner1Col .textLine{display:block; font-size:15px;} .imageBanner2Col .bannerText .preline, .imageBanner2Col .bannerText .textLine a, .imageBanner1Col span.preline, .imageBanner1Col .textLine a{display:block;color:#fff;letter-spacing:2px;font-size: 15px;margin-bottom:10px;font-weight: bold;text-decoration:none;-webkit-font-smoothing: antialiased;} .imageBanner2Col .bannerText .headline,.imageBanner1Col .headline{display:block;color:#333;padding-right: 1.5%;font-family: IGRN-light;font-weight: bold;} .imageBanner2Col .bannerText .headline > *, .imageBanner1Col .headline > *{font-size:1em; display:inline;} .imageBanner2Col .bannerText .headline{font-family: IGRN-light;font-weight: bold;} .imageBanner2Col .bannerText .headline p, .imageBanner2Col .bannerText .preline p, .imageBanner2Col .bannerText .textLine p{padding:0; margin:0} .imageBanner2Col a .bannerText .headline:after, .imageBanner2Col .bannerText .textLine a:after, .imageBanner1Col a .headline:after, .imageBanner1Col span.textLine a:after, .tx-indexedsearch-res > a:after{content:'';display:inline-block;background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil_weiss.png);width: 25px;height: 23px;background-size:contain;background-repeat: no-repeat;margin-left: 10px;margin-bottom: -2px;} .imageBanner2Col .bannerText .textLine a:after, .imageBanner1Col span.textLine a:after{width: 15px;height: 13px;} .imageBanner2Col .bannerText .preline,.imageBanner2Col .bannerText .textLine a,.imageBanner1Col span.preline{/* font-weight:bold; */} .imageBanner1Col .textLine a, .imageBanner2Col .bannerText .textLine, .imageBanner1Col span.textLine{font-size: 17px;margin-top:20px;letter-spacing: 1px;font-family: IGRN-light;} .imageBanner2Col .bannerText .textLine a, .imageBanner1Col .textLine a{display:inline-block;color:#333;/* font-size:18px; */margin:0;} .imageBanner2Col.full > div{width:100%;} .imageBanner2Col.full .textContent .frameText{background:#333; padding: 30px 2%; font-size:16px;} .imageBanner2Col.full .textContent .frameText *{max-width:820px; margin:0 auto;} .imageBanner2Col.full .textContent .frameText h1, .imageBanner2Col.full .textContent .frameText h2, .imageBanner2Col.full .textContent .frameText h3, .imageBanner2Col.full .textContent .frameText h4, .imageBanner2Col.full .textContent .frameText h5{font-size:36px;margin-bottom:20px;} /* ---------------------------------------------------------------------------------------- */ /* Allgemeines Image-Banner */ /* ---------------------------------------------------------------------------------------- */ .imageBanner1Col, .imageBanner1Col > a, .imageBanner1Col > span{display:block;position:relative;} .imageBanner1Col span.textCont{position:absolute;top: 50px;padding-left: 4%;left:0;} .imageBanner1Col span.textCont.textSize_12, .imageBanner1Col span.textCont.textSizeM_6, .imageBanner1Col span.textCont.textSizeS_4{padding-right:2%;} .imageBanner1Col .headline{font-size:36px;text-shadow:0 0 1em transparent, 1px 1px 1px #fff;} .imageBanner1Col.text_weiss .headline{text-shadow: 1px 1px 1px #333;} .imageBanner1Col.text_hellblau .headline{text-shadow: 1px 1px 1px #333;} /* ---------------------------------------------------------------------------------------- */ /* Animierte Pfeile an Links */ /* ---------------------------------------------------------------------------------------- */ @keyframes zappeln { 0% {transform:translateX(0px)} 25% {transform:translateX(5px)} 50% {transform:translateX(15px)} 75% {transform:translateX(5px)} 100% {transform:translateX(0px)} } @keyframes zappeln2 { 0% {transform:translateX(0px)} 25% {transform:translateX(3px)} 50% {transform:translateX(9px)} 75% {transform:translateX(3px)} 100% {transform:translateX(0px)} } .imageBanner1Col a:hover .headline:after, .imageBanner1Col .textLine a:hover:after, .imageBanner2Col a:hover .headline:after, .imageBanner2Col .textLine a:hover:after, .content .frame a:hover:after, .tx-indexedsearch-res > a:hover:after, .verband .textLine a:hover:after{animation:zappeln; animation-duration: 500ms;} .news-single .textLine a:hover:after, .news-single .frame-default a:hover:after{animation:zappeln2; animation-duration: 550ms;} /* ---------------------------------------------------------------------------------------- */ /* Groessere Texte fuer breite Textbanner (8-12 im Grid) (jaaa extra erst hinter den Standards) */ /* ---------------------------------------------------------------------------------------- */ .imageBanner2Col a .bannerText.colSize_8 .headline:after , .imageBanner2Col a .bannerText.colSize_9 .headline:after, .imageBanner2Col a .bannerText.colSize_10 .headline:after, .imageBanner2Col a .bannerText.colSize_11 .headline:after, .imageBanner2Col a .bannerText.colSize_12 .headline:after{width: 44px;height: 38px;} /* ---------------------------------------------------------------------------------------- */ /* ############################################################################################################################################################################## */ /* ENDE -> Banner 1Col/2Col mit Bild und headline in verschiedenen Farben (Background/Text/Highlights(Preline/Links/Pfeile)) */ /* Zahlen mit Legenden */ /* ############################################################################################################################################################################## */ .countCubes{display:flex;justify-content: space-between;/* flex-wrap:nowrap; */margin: -20px auto 0 auto;} .countCubes div{font-size:66px;text-align:center;padding: 20px 2% 0 2%;overflow: hidden;} .countCubes div span{display:block; font-size:26px;} /* ############################################################################################################################################################################## */ /* ENDE -> Zahlen mit Legenden */ /* Video (HTML5) mit Unterschrift */ /* ############################################################################################################################################################################## */ .html5video .vidEmbed{position:relative;line-height: 0;} .html5video video{width:100% !important;height:auto !important;margin: 0;} .html5video .videoDescript{padding: 30px 4% 30px 4%;line-height:1.15;color:#333;letter-spacing: 2px;font-size:36px;background:#009ee3;} .html5video .videoDescript p{margin:0} .html5video .videoStartImg{position:absolute;top:0;left:0;right:0;bottom: 0;background-size: 100% auto;} .html5video .videoPlayButton{display:inline-block;width: 140px;height: 140px;background-image: url(/fileadmin/config/_igrn/Resources/Public/Images/playBtn.png);background-size:contain;} .html5video.cyan .videoDescript, .html5video.back_cyan .videoDescript{background:#009ee3;} .html5video.hellblau .videoDescript, .html5video.back_hellblau .videoDescript{background:#83cfeb;} .html5video.dunkelblau .videoDescript, .html5video.back_dunkelblau .videoDescript{background:#00448b;} .html5video.rot .videoDescript, .html5video.back_rot .videoDescript{background:#e30018;} .html5video.dunkelgrau .videoDescript, .html5video.back_dunkelgrau .videoDescript{background:#333;} .html5video.text_weiss .videoDescript{color:#fff;} .html5video.text_cyan .videoDescript{color:#009ee3;} .html5video.text_rot .videoDescript{color:#e30018;} .html5video.text_hellblau .videoDescript{color:#83cfeb;} .html5video.text_dunkelblau .videoDescript{color:#00448b;} .html5video.text_dunkelgrau .videoDescript{color:#333;} /* ############################################################################################################################################################################## */ /* ENDE -> Video (HTML5) mit Unterschrift */ /* Zitate */ /* ############################################################################################################################################################################## */ .content.zitat{text-align:center;margin-top:40px;margin-bottom:40px;font-size: 18px;letter-spacing: 1px;display:block;} .zitat h1, .zitat h2, .zitat h3, .zitat h4, .zitat h5{font-style: italic; font-size:55px; letter-spacing:0;} .zitat h1:before, .zitat h2:before, .zitat h3:before, .zitat h4:before, .zitat h5:before{display:inline; content:open-quote;} .zitat h1:after, .zitat h2:after, .zitat h3:after, .zitat h4:after, .zitat h5:after{display:inline; content:close-quote;} /* ############################################################################################################################################################################## */ /* ENDE -> Zitate */ /* Markenlogos (Dienstleitungsmarken) */ /* ############################################################################################################################################################################## */ .content.logos{display:block;} .content.logos h1, .logos h2, .logos h3, .logos h4, .logos h5{font-size:16px;color:#fff;border-bottom:1px solid #fff;font-weight: bold;padding-bottom: 10px;} .content.logos > div{display:block; column-count: 3; text-align:center;} .content.logos > div div{height:100px; column-count:unset} .content.logos > div div span{display:table; width:100%; height:100%;} .content.logos > div div span span{display:table-cell; width:100%; height:100%; vertical-align:middle; padding:0 2%;} /* .content.logos > div div span span img{width:100%} */ /* ############################################################################################################################################################################## */ /* ENDE -> Markenlogos (Dienstleitungsmarken) */ /* Footer */ /* ############################################################################################################################################################################## */ footer.footer, footer.footer.back_cyan{background:#009ee3;color:#fff;font-family:IGRN-light; -webkit-font-smoothing:antialiased; font-size:16px; position:relative; z-index:6;} footer.footer .container_1200{display:flex;padding: 30px 1% 10px 1%; justify-content: space-between; align-items:stretch;} footer.footer .container_1200.height0{display:block; position:relative; height:0;} footer.footer a{text-decoration:none; color:#fff;} footer.footer ul.level_1{padding: 0;display: flex;margin: 0;flex-direction: column;flex-wrap: wrap;/* height: 390px; */} footer.footer ul.level_1:after{content:''; display:block; clear:both;} footer.footer ul ul{padding-left:25px;} footer.footer ul li, nav.main-nav ul a{display:block;} footer.footer ul li a, .newsListItem a{display:block;color:#fff;font-weight: bold;text-decoration:none;font-size: 16px;padding: 5px 10px 5px 22px;background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_weiss.png);background-position: 0px 9px;background-repeat:no-repeat;background-size: 15px auto;transition: letter-spacing 200ms, text-shadow 200ms;} footer.footer ul.level_1 >li.hasSub > ul{padding:8px 10px 0px 20px;line-height:30px;margin-top:-10px;} footer.footer ul.level_1 > li > ul > li a{padding: 1px 10px 1px 20px;font-size: 16px;} footer.footer ul.level_1 > li > ul > li > ul{padding-left:10px;} footer.footer ul.level_1 > li > ul > li > ul > li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeilspitze.png);background-position: 2px 11px;background-size: 13px auto;font-size: 16px;} footer.footer .content.logos{max-width:none;max-width:unset;margin: 15px 0 0 0;width:auto;padding: 0 1%;} footer.footer .content.logos > div{display:flex;flex-grow:1;flex-shrink:1;flex-wrap: wrap;justify-content: space-around;column-count:unset;} footer.footer .content.logos > div div{/* max-width: 11.111%; */} footer.footer .content.logos > div div span span{padding: 0 20px;} footer.footer .content.logos > div div:first-child span span{padding-left:0;} footer.footer .content.logos > div div:last-child span span{padding-right:0;} footer.footer ul.level_1 > li.socials{display:inline-block; margin-top:20px;} footer.footer ul.level_1 > li.socials a{display:inline-block;width:30px;padding: 0;background: none;} footer.footer ul.level_1 > li.socials a img{border-radius:3px;} footer.footer ul.level_1 > li.socials a{margin-right:10px;} footer.footer ul.level_1 > li.socials a:last-child{margin-right:0;} .mainLogoFoot{max-width:1200px;margin:0 auto;text-align:left;padding: 10px 1% 20px 1%;} .mainLogoFoot img{max-width:200px} .footerTrade{float:right;display:flex;align-items: center;} .tradeHint{white-space:nowrap; color:#333; margin-right:15px;} #tradeLogo a img{max-height:50px;} #tradeLogo a{ white-space:nowrap} /* ############################################################################################################################################################################## */ /* ENDE -> Footer */ /* Sidepanel */ /* ############################################################################################################################################################################## */ #sidePanel{position:fixed;top:200px;right:0;z-index: 12;} #sidePanel > div:after{content:'';pointer-events: none;display:block;position:absolute;left: -160%;transition: left 300ms, bottom 300ms, opacity 300ms;bottom: 7%;width: 0;height: 0;transform: scale(0);border-top: 15px solid transparent;border-left: 30px solid #333;border-bottom: 15px solid transparent;} #sidePanel > div.open:after{transform:scale(1);opacity:1;left: -80%;pointer-events: all;} #sidePanel > div{background-color:#333;width: 44px;margin-bottom:10px;height: 45px;background-repeat:no-repeat;background-position:center; transition:all 300ms; position:relative;} #sidePanel > div > span{display:block; height:100%;} #sidePanel #mailkontakt{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/@.png);} #sidePanel #telefonkontakt{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Telefonhoerer.png);} #sidePanel #suche{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Lupe.png);} .panelFlyout{display:block;border-radius: 6px;position:absolute;right: 260%;font-size: 14px;font-family: IGRN-light;width:300px;top: -67px;min-height: 120px;box-shadow: 0px 0px 10px -1px #fff;padding:14px;transition: opacity 500ms, right 300ms, bottom 300ms;transform: scale(0);pointer-events: none; background:#333;} .open .panelFlyout{display:block;opacity: 1;right: 180%;transform: scale(1);pointer-events: all;} #sidePanel #suche .panelFlyout{top: -50px;} #sidePanel h1, #sidePanel h2, #sidePanel h3, #sidePanel h4, #sidePanel h5{border-bottom:1px solid #fff;font-size: 18px;color:#fff;text-align: center;margin: 0 -5px;padding:0 5px 4px 5px;} #sidePanel.back_hellblau h1, #sidePanel.back_hellblau h2, #sidePanel.back_hellblau h3, #sidePanel.back_hellblau h4, #sidePanel.back_hellblau h5{border-bottom:1px solid #333; color:#333;} .hotlineNumber{text-align:center; font-size:21px; margin:14px 5px;} .hotlineNumber a{text-decoration:none; display:inline-block; background:#fff; color:#333; padding:3px 10px; border-radius:6px; font-family:IGRN; font-weight:bold; letter-spacing:1px;} .Cols3{column-count: 3;} .Cols3 *{display:block;} #sidePanel > div#suche > span > a{display:block;height:100%; display:none;} #sidePanel > div#mailkontakt div.center > a{display:block; background:rgba(255,255,255,0.1); transition:background 300ms; text-decoration:none; padding:5px; border-radius:4px; margin-top:10px; border:1px solid rgba(255, 255, 255, 0.4);} #sidePanel > div#mailkontakt div.center > a:hover{background:rgba(255,255,255,0.2);} #sidePanel > div > a{display:block; height:100%;} /* ############################################################################################################################################################################## */ /* ENDE -> Sidepanel */ /* Standard-Contentelemente */ /* ############################################################################################################################################################################## */ /* Texte */ /* ========================================================================================================= */ .coloredContent{padding:0;max-width: initial;} .gridbox{max-width:unset;padding: 0 0 45px 0;} .sits_gridCont{display:flex; width:100%; margin:0 auto; padding:0 2%; flex-wrap:wrap;} .content .frame *, main > .frame-default *{margin-top:0; line-height:1.5;} .content .frame header *, main > .frame-default header *{line-height: 1.1;} .content .frame header *.preline, main > .frame header *.preline{font-size:18px;margin-bottom: 5px !important;padding:0; line-height: 1;} main > .frame, .content .frame{max-width:820px;margin:0 auto;padding:0 2%;width: 100%;} /* Ausnahme für breites HTML-Element */ /* ---------------------------------------- */ main > .frame.frame-layout-2.frame-type-html{padding:0 1% 45px 1%;} .embed-container { position: relative; padding-bottom: 56.25%; /* ratio 16x9 */ height: 0; overflow: hidden; width: 100%; height: auto; } .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ---------------------------------------- */ main > .frame.frame-type-header{padding-bottom:0;} .coloredContent > .frame{padding:0 2% 45px 2%;} .coloredContent > .verband:last-child{padding-bottom:45px;} main > .frame{padding-bottom: 45px;} .gridbox .sits_gridCont{max-width:1200px;} main > .frame.frame-layout-1, .content .frame.frame-layout-1, .gridbox.frame-layout-1 .sits_gridCont, .factBox{max-width:820px;} main > .frame.frame-layout-2, .content .frame.frame-layout-2, .frame-layout-2 .gridbox .sits_gridCont, .factBox.frame-layout-2{max-width:1200px;} .frame-type-list.frame.frame-layout-2 > header > h1{/* max-width:820px; *//* margin:0 auto 10px auto; *//* padding:0 2%; */} .content .frame a:after, .news-single .textLine a:after, .news-single .frame-default a:after, .content.verband .textLine a:after{content:'';display:inline-block;background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_weiss.png);width: 25px;height: 16px;background-size:contain;background-repeat: no-repeat;margin-left: 5px;margin-bottom: -2px;} .gridbox .frame{max-width:unset;margin:0;padding:0;} /* ========================================================================================================= */ /* Powermail */ /* ========================================================================================================= */ .tx-powermail h1, .tx-powermail h2, .tx-powermail h3, .tx-powermail h4, .tx-powermail h5{margin-bottom:35px;} .powermail_fieldwrap{width:calc(50% - 10px); float:left; margin-right:20px; margin-bottom:20px;} .powermail_fieldwrap:nth-child(2n){margin-right:0;} .powermail_form textarea{resize: none; width:100%;} .powermail_form textarea, .powermail_input{padding:10px;box-sizing: border-box;vertical-align: bottom;} .powermail_fieldwrap_betreff, .powermail_fieldwrap_type_textarea, .powermail_fieldwrap_einverstaendnis, .powermail_fieldwrap_hinweis, .powermail_input{width:100%; margin-right:0;} .powermail_fieldwrap_einverstaendnis, .powermail_fieldwrap_hinweis{font-size:16px;} .powermail_fieldwrap_einverstaendnis input{display:block;float:left;margin: 2px 8px 25px 0 !important;} .powermail_fieldwrap_einverstaendnis *{line-height: 1.2 !important;} .powermail_fieldwrap_hinweis{color:#666; text-align:center;} .powermail_fieldwrap input[type=submit]{color:#fff; padding:10px 20px;} .powermail_field{position:relative;} .powermail_field ul{position:absolute;top: -15px;padding:0;margin: 0;list-style-type: none;width: 100%;text-align:center;} .powermail_fieldwrap_einverstaendnis .powermail_field ul{top:-27px;} .powermail_field ul li{display:inline-block;padding: 0px 6px;background:#fff;color:#e30018;border: 1px solid #ccc;font-size: 14px;} .powermail_fieldwrap_einverstaendnis .powermail_field ul li{padding:3px 6px;} .powermail_create table{background:#eee; padding:10px; border-radius:2px;} .powermail_create .powermail_all_marker_einverstaendnis{display:none;} /* ========================================================================================================= */ /* ENDE -> Powermail */ /* News */ /* ========================================================================================================= */ .news .content .preline{margin-bottom:0 !important;} .newsListItem{ margin-bottom:20px;} .newsListItem *{line-height:1 !important;} .newsListItem a{display:inline-block; font-weight:normal;} .newsListItem a{background-position:0px 7px;} .news-single .header, .news-single .header *{line-height:1; border-bottom:none;} .news-single .footer{border:none; margin: 0 0 10px 0;} .news-related-wrap{margin-top:20px;} .news-single .textLine a, .news-single .frame-default a{display:inline-block; text-decoration:none; font-weight:bold; margin:0 3px 0 6px;} .news-single .frame-default{padding-top: 40px;clear: both;} .specialNewsImg{float:left; max-width:45%; margin-right:2%;} .f3-widget-paginator{display: flex; justify-content: flex-end; padding:0;} .f3-widget-paginator > li{list-style-type: none; margin:0 3px; text-transform: capitalize;} /* ========================================================================================================= */ /* Suche */ /* ========================================================================================================= */ #tx_indexedsearch{display:block; margin-bottom:5px;} #tx_indexedsearch .tx-indexedsearch-form, #tx_indexedsearch .tx-indexedsearch-search-submit{float:left;width:90%;} #tx_indexedsearch .tx-indexedsearch-search-submit{width:10%;} #tx-indexedsearch-searchbox-sword{padding: 7px 5px 8px 5px;font-size:25px;width:100%;border-radius: 5px 0 0 5px;border-width: 1px 0 1px 1px;margin: 0;border-style: solid;border-color:#333;} #tx-indexedsearch-searchbox-button-submit{width:100%;height: 54px;background:#333;color:#fff;position:relative;border-radius: 0 5px 5px 0;border: none; cursor:pointer;} #tx-indexedsearch-searchbox-button-submit span{display: block;height: 23px;width: 23px;border: 3px solid #fff;border-radius:50%;position: relative;margin: -6px auto 0 auto;left: 7%;padding: 0;} #tx-indexedsearch-searchbox-button-submit span:after{content:'';display: block;position:absolute;height: 4px;border-width: 0;width: 13px;transform:rotate(-45deg);background:#fff;left: -10px;bottom: -5px;} ul.tx-indexedsearch-browsebox{display:flex;margin-top:25px;justify-content: center;border-bottom: 1px solid #ccc;padding-bottom: 10px;} div.tx-indexedsearch-browsebox:last-child > ul.tx-indexedsearch-browsebox{border-bottom:0; border-top: 1px solid #ccc; padding-top:10px;} ul.tx-indexedsearch-browsebox li{list-style-type:none;display: block;margin: 0 1%;background: #ddd;padding: 2px 10px;border-radius: 4px; transition:background 300ms;} ul.tx-indexedsearch-browsebox li a, .tx-indexedsearch-res h3 a{text-decoration:none; transition:color 300ms;} ul.tx-indexedsearch-browsebox li:hover a{color:#fff;} ul.tx-indexedsearch-browsebox li strong{font-weight:normal;} ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a{color:#fff;} .tx-indexedsearch-res{margin-bottom:45px;} .tx-indexedsearch-res h3{font-size:40px; margin:0;} .tx-indexedsearch-res > a{text-decoration:none;display:inline-block; border:1px solid #ccc; padding:2px 20px 2px 10px; border-radius:4px} .tx-indexedsearch-res > a:after{width:20px; margin-bottom:-9px} #sidePanel #tx_indexedsearch .tx-indexedsearch-form{width: 79%;} #sidePanel #tx_indexedsearch .tx-indexedsearch-search-submit{width: 21%;} #sidePanel #tx-indexedsearch-searchbox-button-submit{background: rgba(255, 255, 255, 0.08);border:1px solid #fff;margin-left:-1px;height: 40px;transition:background 300ms;outline: none;} #sidePanel #tx-indexedsearch-searchbox-button-submit:hover{background: rgba(255, 255, 255, 0.2);} #sidePanel #tx-indexedsearch-searchbox-sword{border-color:#fff;background: rgb(255, 255, 255);color: #333;font-family: IGRN-light;font-size:20px;height: 40px;} #sidePanel .tx-indexedsearch-searchbox{padding-top:15px;} #suche div.center{padding:5px 5px 0 5px;} #sidePanel #tx-indexedsearch-searchbox-button-submit span{margin: -5px auto 0 auto;} /* ========================================================================================================= */ /* ENDE -> Suche */ /* Google Maps */ /* ========================================================================================================= */ main > header{max-width:820px;margin:0 auto;padding: 0 2% 20px 2%;} .tx-go-maps-ext{max-width:1200px; margin:0 auto; padding-bottom:45px;} .tx-go-maps-ext .js-map{width:100% !important;} .js-gme-container{position:relative;overflow: hidden;} .js-gme-container > form{display: flex;flex-wrap:wrap;justify-content: space-between;max-width: 820px;margin: 0 auto;padding: 0 2.5% 45px 2.5%;} .js-gme-container > form > div{display: none;} .mapFormHead{color:#fff;text-shadow:1px 1px 1px #666;display: block;font-size: 35px;padding-bottom: 20px;} .js-gme-container > form > input[type="text"]{font-size: 18px;padding: 12px 10px 10px 10px;width: 45%;color: #333;border: 1px solid #333;} .js-gme-container > form > input[type="submit"]{font-size: 18px;padding: 6px 10px 7px 10px;width: 40%;color: #fff;background: #333;border:1px solid #333;font-family: IGRN-light;text-align: left;font-weight: bold;letter-spacing: 0.5px;/* text-shadow: 0 0 2px #333; */cursor: pointer;} #directions{max-width:820px;margin:0 auto;padding: 0 2% 20px 2%;} #directions *{font-family:IGRN-light; color:#333} .adp-placemark{border:1px solid #333; border-radius:4px;} .adp-summary{text-align:center;} /* ========================================================================================================= */ /* ENDE - Google Maps */ /* Dateienliste */ /* ========================================================================================================= */ div[class*=" frame-type-menu"] ul, .frame-type-bullets ul{list-style-type:none;} .frame-type-uploads ul li a, div[class*=" frame-type-menu"] ul li a, .frame-type-bullets ul li{text-decoration:none; font-size:18px;} .frame-type-uploads ul li a::before, div[class*=" frame-type-menu"] ul li a::before, .frame-type-bullets ul li::before{content:'';display:inline-block;background-image: url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_dunkelgrau.png);width: 15px;height: 16px;background-size: 20px;background-repeat: no-repeat;margin-right: 5px;background-position: right center;margin-bottom: -2px;transform: rotate(90deg);} div[class*=" frame-type-menu"] ul li a:before, .frame-type-bullets ul li::before{transform:none;} .frame-type-uploads ul li a:after{display: none !important;} .ce-uploads span{display:inline-block;} .ce-uploads li{margin:0 0 2px 0;} /* ========================================================================================================= */ /* ENDE -> Dateienliste */ /* Aufzaehlungen */ /* ========================================================================================================= */ /* ========================================================================================================= */ /* Bildergallerien */ /* ------------------------------------------------------------------------------------- */ .ce-gallery figcaption{color:#333; padding:10px 0 0 0; text-transform:uppercase;} .ce-intext.ce-right .ce-gallery { margin-left: 20px; } .ce-intext.ce-left .ce-gallery { margin-right: 20px; } .ce-below .ce-gallery {margin: 10px -1% 0 -1%;} .ce-above .ce-gallery {margin:0 -1% 10px -1%;} .ce-row{margin:0;} .ce-column {margin-right:1%;margin-left:1%;margin-bottom: 10px;} .ce-textpic.ce-left .ce-gallery, .ce-textpic.ce-right .ce-gallery, .ce-textpic.ce-intext .ce-gallery, .ce-textpic-nowrap .ce-gallery{max-width:50%;} .ce-gallery[data-ce-columns="1"] .ce-column{width:98%;} .ce-gallery[data-ce-columns="2"] .ce-column{width:48%;} .ce-gallery[data-ce-columns="3"] .ce-column{width:31.333333%;} .ce-gallery[data-ce-columns="4"] .ce-column{width:23%;} .ce-gallery[data-ce-columns="5"], .ce-gallery[data-ce-columns="6"], .ce-gallery[data-ce-columns="7"], .ce-gallery[data-ce-columns="8"]{margin-left:-0.5%; margin-right:-0.5%} .ce-gallery[data-ce-columns="5"] .ce-column, .ce-gallery[data-ce-columns="6"] .ce-column, .ce-gallery[data-ce-columns="7"] .ce-column, .ce-gallery[data-ce-columns="8"] .ce-column{margin-left:0.5%; margin-right:0.5%} .ce-gallery[data-ce-columns="5"] .ce-column{width:19%;} .ce-gallery[data-ce-columns="6"] .ce-column{width:15.666666%;} .ce-gallery[data-ce-columns="7"] .ce-column{width:13.285714%;} .ce-gallery[data-ce-columns="8"] .ce-column{width:11.5%;} .ce-center .ce-outer, .ce-center .ce-inner{float:none;} .ce-gallery figure{display:inline;} .ce-gallery figcaption{display:block;} /* ------------------------------------------------------------------------------------- */ /* ############################################################################################################################################################################## */ /* ENDE -> Standard-Contentelemente */ /* Listenansicht "Verband" */ /* ############################################################################################################################################################################## */ .content.verband{max-width:820px; margin:0 auto; padding:0 2%; display:flex; flex-wrap:wrap; justify-content: center;} .leftVerband, .rightVerband{width:50%; border-top: 1px solid #333;} .reihe:last-child .leftVerband, .reihe:last-child .rightVerband{border-bottom: 1px solid #333;} .leftVerband{padding:40px 8%;} .rightVerband{padding:40px 10px;} .content.verband .headline{padding-bottom: 25px;padding-top: 10px;font-size: 19px;font-family: IGRN-semi;} .content.verband .headline > *{font-size:1em; display:inline; font-family: IGRN-semi;} .reihe{width:100%;} /* ############################################################################################################################################################################## */ /* ENDE -> Listenansicht "Verband" */ /* Farbige Faktenbox */ /* ############################################################################################################################################################################## */ .factBox{margin:0 auto; padding:0 2%; margin-bottom:45px;} .factInner{padding: 20px 10px 10px 10px;width:100%;} .factLine{display:flex; width:100%; padding:15px 10px; align-content: center;} .factLine:last-child{padding:35px 10px 15px 10px;} .factIcon{width:70px; margin-right:20px; flex-shrink: 0;} .factDescript, .factVal{align-self:center; flex-grow:1;} .factDescript{font-family:IGRN-semi;letter-spacing: 0.5px;padding-right: 5%;} .factVal{width: 27%;flex-grow: 0;font-family: IGRN-light;flex-shrink: 0;font-weight: bold;} /* ############################################################################################################################################################################## */ /* ENDE -> Farbige Faktenbox */ /* Standortkarte / Unternehmenskarte */ /* ############################################################################################################################################################################## */ .locationMap, .companylocationMap{padding-bottom:0; margin-bottom:45px;} .locationMap picture, .companylocationMap picture{width:100%;} .locationMap, .locationMap *, .companyMapFlyout{-webkit-user-select: none; /* Safari 3.1+ */-moz-user-select: none; /* Firefox 2+ */-ms-user-select: none; /* IE 10+ */user-select: none; /* Standard syntax */} .locationMap.frame-layout-1, .companylocationMap.frame-layout-1{max-width:820px;} .mapLocation{width: 30px;height: 30px;border-radius:50%;background:#333; border:1px solid #fff;color: #fff;position:absolute;left:10%;top:30%;font-size: 14px;transform: translate(-50% , -50%);transition: transform 300ms;cursor: pointer; z-index:1;} .mapLocation:before{content:'';display:block;display:none; z-index:3; position:absolute;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 12px solid #333;top: -14px;left: 50%;margin-left: -10px; pointer-events: none;} .mapLocation:after{content:'';display:block;display:none;position:absolute;z-index: 3;width: 12px;height: 12px;border-top:1px solid #fff;border-right:1px solid #fff;top: -16px;left:50%;margin-left: -6px;transform: rotate(135deg) scale(1) !important;pointer-events: none;} .mapLocation .flyOut{display: block;position:absolute;display:none;width: auto;top: -46px;z-index:2; border:1px solid #fff;white-space: nowrap;background:#333;color:#fff;padding:8px;border-radius:4px;font-size: 16px; left:0; font-family:IGRN-light;pointer-events: none;} .mapLocation:hover, .mapLocation.aktiv{transform: scale(1.1) translate(-45% , -45%); z-index:50 !important;} .mapLocation:hover:before, .mapLocation:hover:after, .mapLocation:hover .flyOut, .mapLocation.aktiv .flyOut, .mapLocation.aktiv:before, .mapLocation.aktiv:after{display:block;} .mapLocation.rightly .flyOut{left:auto; right:0px;} .mapLocation .flyOut{left:auto;} .locationSize_20{width:31px; height:31px;font-size:14px;z-index:48;} .locationSize_20 .flyOut{left:-30%;} .locationSize_20.rightly .flyOut{left:auto; right:-30%;} .locationSize_30{width:32px; height:32px;font-size:14px;z-index:47;} .locationSize_30 .flyOut{left:-30%;} .locationSize_30.rightly .flyOut{left:auto; right:-30%;} .locationSize_40{width:33px; height:33px;font-size:14px;z-index:46;} .locationSize_40 .flyOut{left:-20%;} .locationSize_40.rightly .flyOut{left:auto; right:-20%;} .locationSize_50{width:34px; height:34px;font-size:14px;z-index:45;} .locationSize_50 .flyOut{left:-20%;} .locationSize_50.rightly .flyOut{left:auto; right:-20%;} .locationSize_60{width:35px; height:35px;font-size:15px;z-index:44;} .locationSize_60 .flyOut{left:-20%;} .locationSize_60.rightly .flyOut{left:auto; right:-20%;} .locationSize_70{width:36px; height:36px;font-size:15px;z-index:43;} .locationSize_80{width:37px; height:37px;font-size:15px;z-index:42;} .locationSize_90{width:38px; height:38px;font-size:15px;z-index:41;} .locationSize_100{width:39px; height:39px;font-size:15px;z-index:40;} .locationSize_110{width:40px; height:40px;font-size:15px;z-index:39;} .locationSize_120{width:40px;height:40px;font-size: 15px;z-index:38;} .locationSize_130{width:41px; height:41px;font-size:15px;z-index:37;} .locationSize_140{width:41px; height:41px;font-size:15px;z-index:36;} .locationSize_150{width:42px; height:42px;font-size:16px;z-index:35;} .locationSize_160{width:42px; height:42px;font-size:16px;z-index:34;} .locationSize_170{width:43px; height:43px;font-size:16px;z-index:33;} .locationSize_180{width:44px; height:44px;font-size:17px;z-index:32;} .locationSize_180{width:45px; height:45px;font-size:17px;z-index:31;} .locationSize_190{width: 46px;height: 46px;font-size: 17px;z-index:30;} .locationSize_200{width:47px; height:47px;font-size: 19px;z-index:29;} .locationSize_220{width:48px; height:48px;font-size: 19px;z-index:28;} .locationSize_240{width:49px; height:49px;font-size: 20px;z-index:27;} .locationSize_260{width:50px; height:50px;font-size: 22px;z-index:26;} .locationSize_280{width:51px; height:51px;font-size: 22px;z-index:25;} .locationSize_300{width:52px; height:52px;font-size: 24px;z-index:24;} .locationSize_320{width:53px; height:53px;font-size: 24px;z-index:23;} .locationSize_340{width:54px; height:54px;font-size: 26px;z-index:22;} .locationSize_360{width:55px; height:55px;font-size: 26px;z-index:21;} .locationSize_380{width:56px; height:56px;font-size: 28px;z-index:20;} .locationSize_400{width:57px; height:57px;font-size: 28px;z-index:19;} .locationSize_420{width:58px; height:58px;font-size: 29px;z-index:18;} .locationSize_440{width:59px; height:59px;font-size: 29px;z-index:17;} .locationSize_460{width:60px; height:60px;font-size: 29px;z-index:16;} .locationSize_480{width:62px; height:62px;font-size: 33px;z-index:15;} .locationSize_500{width:64px; height:64px;font-size: 34px;z-index:14;} .locationSize_520{width:66px; height:66px;font-size: 34px;z-index:13;} .locationSize_540{width:68px; height:68px;font-size: 35px;z-index:12;} .locationSize_560{width:70px; height:70px;font-size: 35px;z-index:11;} .locationSize_580{width:72px; height:72px;font-size: 36px;z-index:10;} .locationSize_600{width:74px; height:74px;font-size: 36px;z-index:9;} .locationSize_650{width:76px; height:76px;font-size: 38px;z-index:8;} .locationSize_700{width:78px;height:78px;font-size: 40px;z-index:7;} .locationSize_750{width:80px; height:80px;font-size: 40px;z-index:6;} .locationSize_800{width:82px; height:82px;font-size: 40px;z-index:5;} .locationSize_850{width:86px; height:86px;font-size: 40px;z-index:4;} .locationSize_900{width:90px; height:90px;font-size: 41px;z-index:3;} .locationSize_950{width:92px; height:92px;font-size: 41px;z-index:2;} .locationSize_1000{width:96px; height:96px;font-size: 42px;z-index:1;} .companymapLocation{position:absolute;z-index: 1;} .companymapLocation.aktiv{z-index:2;} .companymapLocation .dot{width:20px;height:20px;border-radius:50%;border:5px solid #333;background:#fff;cursor:pointer;z-index: 2;} .companyMapFlyout{cursor:default;display:block;position:absolute;top:-5px;left: 120%;background:#fff;padding: 20px;min-width: 280px;box-shadow: 1px 1px 8px -2px #333;/* display:none; */z-index:13;pointer-events: none;transition: all 450ms;opacity: 0;} .companymapLocation .sits_cityPrev{display:none;position: absolute;top: 0;font-size: .75em;padding: 1px 5px;background: #f5f5f5;left: 27px;border-radius: 5px;pointer-events:all !important;border: 1px solid #737373;} .trigger_click .companymapLocation .sits_cityPrev{cursor:pointer;} .withCities .companymapLocation .sits_cityPrev{display:block;opacity:0;transition:opacity 250ms;z-index: 1;} .withCities.inited .companymapLocation .sits_cityPrev{opacity:1;} .withCities .companymapLocation .sits_cityPrev::before{content:'';display:block;position:absolute;transform:rotate(45deg);width: 6px;height: 5px;background:#f5f5f5;left: -4px;top: 6px;border-left: 1px solid #737373;border-bottom: 1px solid #737373;} .withCities.inited .companymapLocation.aktiv .sits_cityPrev{opacity:0;} div.companymapLocation:not(.legend_top):not(.legend_bottom) .sits_cityPrev{margin-left:0 !important;} .companymapLocation.toleft .sits_cityPrev{left:auto; right:25px} .companymapLocation.legend_left .sits_cityPrev{left:auto; right:25px} .companymapLocation.toleft .sits_cityPrev::before{transform:rotate(225deg); left:auto; right:-4px} .companymapLocation.legend_left .sits_cityPrev::before{transform:rotate(225deg); left:auto; right:-4px} .companymapLocation.legend_right .sits_cityPrev{left:25px; right:auto;} .companymapLocation.legend_right .sits_cityPrev::before{transform:rotate(45deg);left: -4px;top: 6px; right:auto;} .companymapLocation.legend_top .sits_cityPrev{left:0;right:auto;top:auto;bottom: 25px;} .companymapLocation.legend_top .sits_cityPrev::before{transform:rotate(315deg);left:50%;right:auto;margin-left: -3px;top:auto;bottom: -3px;} .companymapLocation.legend_bottom .sits_cityPrev{left:0;right:auto;top:25px;bottom:auto;} .companymapLocation.legend_bottom .sits_cityPrev::before{transform:rotate(135deg);left:50%;right:auto;margin-left: -3px;top:-3px;bottom: auto;} .companymapLocation.toleft .companyMapFlyout{left:auto; right:120%;} .companymapLocation.totop .companyMapFlyout{top:auto; bottom:-5px;} .companymapLocation.aktiv .companyMapFlyout{opacity: 1;pointer-events: all;} .companymapLocation.aktiv .companyMapFlyout:before{content:''; display:block; position:absolute; right:100%; height:30px; width:30px; top:0; cursor:pointer;} .companymapLocation.toleft .companyMapFlyout:before{right:auto; left:100%;} .companymapLocation.totop .companyMapFlyout:before{top:auto; bottom:0;} .companyMapFlyout p{margin:0;} .companyMapFlyoutClose{position:absolute;cursor:pointer;top:10px;right: 10px;width: 13px;height: 13px;} .companyMapFlyoutClose:before, .companyMapFlyoutClose:after{content:'';display:block;position:absolute;height: 3px;width:100%;background:#333;top:50%;margin-top:-1px;left:0;border-radius: 3px;} .companyMapFlyoutClose:before{transform:rotate(45deg);} .companyMapFlyoutClose:after{transform:rotate(-45deg);} .companyMapFlyout h1, .companyMapFlyout h2, .companyMapFlyout h3, .companyMapFlyout h4, .companyMapFlyout h5, .companyMapFlyout h6{font-size: 26px; margin-bottom:25px;} .companyMapFlyout .companymapItem h1, .companyMapFlyout .companymapItem h2, .companyMapFlyout .companymapItem h3, .companyMapFlyout .companymapItem h4, .companyMapFlyout .companymapItem h5, .companyMapFlyout .companymapItem h6{font-size: 18px;font-weight:bold;margin-bottom: 4px;padding-left:25px;position:relative; cursor:pointer;} .companyMapFlyout .companymapItem h1:before, .companyMapFlyout .companymapItem h2:before, .companyMapFlyout .companymapItem h3:before, .companyMapFlyout .companymapItem h4:before, .companyMapFlyout .companymapItem h5:before, .companyMapFlyout .companymapItem h6:before{content:'';position:absolute;height: 2px;width: 10px;background:#333;left: 7px;top: 8px;} .companyMapFlyout .companymapItem h1:after, .companyMapFlyout .companymapItem h2:after, .companyMapFlyout .companymapItem h3:after, .companyMapFlyout .companymapItem h4:after, .companyMapFlyout .companymapItem h5:after, .companyMapFlyout .companymapItem h6:after{content:'';position:absolute;height: 10px;width: 2px;background:#333;left: 11px;top: 4px;transition: all 300ms;} .companymapItem p{padding-left:25px;font-size: 17px; display:none; {-webkit-user-select: auto; /* Safari 3.1+ */-moz-user-select:auto; /* Firefox 2+ */-ms-user-select: auto; /* IE 10+ */user-select: auto; /* Standard syntax */}} .companymapItem p a{white-space: nowrap;} .companymapItem{padding-bottom:15px;} .companymapItem.aktiv{padding-bottom:25px;} .companymapItem:last-child{padding-bottom:0px;} .companymapItem.aktiv p{display:block;} .companymapItem.aktiv h1:after, .companymapItem.aktiv h2:after, .companymapItem.aktiv h3:after,.companymapItem.aktiv h4:after, .companymapItem.aktiv h5:after{transform:rotate(90deg) translate(0px, -2px); opacity:0; } .companymapItem .ce-gallery{display:none; padding-left:26px; margin:0;} .companymapItem.aktiv .ce-gallery{display:block;} /* ############################################################################################################################################################################## */ /* ENDE -> Standortkarte */ /* Hintergundpositionen (Background-Images) */ /* ############################################################################################################################################################################## */ .backPos_LT, .backPos_LT .bannerImage > span{background-position:left top !important;} .backPos_LC, .backPos_LC .bannerImage > span{background-position:left center !important;} .backPos_LB, .backPos_LB .bannerImage > span{background-position:left bottom !important;} .backPos_CT, .backPos_CT .bannerImage > span{background-position:center top !important;} .backPos_CC, .backPos_CC .bannerImage > span{background-position:center !important;} .backPos_CB, .backPos_CB .bannerImage > span{background-position:center bottom !important;} .backPos_RT, .backPos_RT .bannerImage > span{background-position:right top !important;} .backPos_RC, .backPos_RC .bannerImage > span{background-position:right center !important;} .backPos_RB, .backPos_RB .bannerImage > span{background-position:right bottom !important;} /* ############################################################################################################################################################################## */ /* ENDE -> Hintergundpositionen (Background-Images) */ /* Abstaendende Contentboxen */ /* ############################################################################################################################################################################## */ .frame-space-before-extra-small{margin-top:25px !important;} .frame-space-after-extra-small{margin-bottom:25px !important;} .frame-space-before-small{margin-top:50px !important;} .frame-space-after-small{margin-bottom:50px !important;} .frame-space-before-medium{margin-top:75px !important;} .frame-space-after-medium{margin-bottom:75px !important;} .frame-space-before-large{margin-top:100px !important;} .frame-space-after-large{margin-bottom:100px !important;} .frame-space-before-extra-large{margin-top:125px !important;} .frame-space-after-extra-large{margin-bottom:125px !important;} /* ############################################################################################################################################################################## */ /* ENDE -> Abstaendende Contentboxen */ /* Cookie-Hinweis */ /* ############################################################################################################################################################################## */ #cookieHint{position:fixed;top:-100%;left:0;z-index: 100;font-family: IGRN-semi;right:0;background: rgba(255, 255, 255, 0.9);padding: 10px 20% 10px 5%;box-shadow: 0 1px 7px -3px;font-size: 19px;height: 90px; transition:top 600ms;} #cookieHint.aktiv{top:0;} #cookieHint > div{display:table;height: 100%;width: 100%;} #cookieHint > div p{margin:0; display:table-cell; width:100%; height:100%; text-align:venter; vertical-align:middle;} #cookieClose{position:absolute;right:5%;padding:10px;background:#333;border-radius:5px;color:#fff;cursor: pointer;top: 22px; font-family:IGRN;} /* ############################################################################################################################################################################## */ /* ENDE -> Cookie-Hinweis */ /* Image-Slider */ /* ############################################################################################################################################################################## */ .sits_imgSlider{} .sits_imgSliderInner{position:relative;overflow:hidden;} .sits_imgSlideDummy{opacity:0;} .sits_imgSlide{position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;opacity:0; transition:all 1.5s; transition-delay:600ms; overflow:hidden;pointer-events:none;} .sits_imgSlide > a{display:block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;} .sits_imgSlide.aktiv{opacity:1;pointer-events:all; z-index:2;} .sits_imgSlide .sits_imgSlideTitle{position:absolute; z-index:3; left:0; right:0; top:auto; bottom:-120px; text-align:center; transition-delay:2s; transition:bottom 800ms ease-in;pointer-events:none;} .sits_imgSlide.aktiv .sits_imgSlideTitle{bottom:30px; transition:bottom 800ms ease-out; transition-delay:1.5s;} .sits_imgSlideTitle > span{display:inline-block; background:rgba(0,0,0,0.4); color:#fff; padding:5px 10px; font-family:IGRN-light; font-size:22px;} .sits_imgSliderPrev, .sits_imgSliderNext{position:absolute; width:58px; height:58px; background:rgba(0,0,0,0.5); top:50%; margin-top:-30px;left:-120px; right:-120px; z-index:4; transition: all 300ms ease-out; opacity:0; cursor:pointer;} .sits_imgSlider:hover .sits_imgSliderPrev,.sits_imgSlider:hover .sits_imgSliderNext{left:20px; right:20px; opacity:1;} .sits_imgSlider:hover .sits_imgSliderPrev, .sits_imgSliderPrev{right:auto;} .sits_imgSlider:hover .sits_imgSliderNext, .sits_imgSliderNext{left:auto;} body.mobile .sits_imgSlider .sits_imgSliderPrev, body.mobile .sits_imgSlider .sits_imgSliderNext{display:none;} .sits_imgSliderPrev::before, .sits_imgSliderNext::before, .sits_imgSliderPrev::after, .sits_imgSliderNext::after{content:''; display:block; position:absolute; width:50%; height:5px; background:#fff; border-radius:3px;} .sits_imgSliderPrev::before{top:31%; left:20%; transform:rotate(135deg);} .sits_imgSliderPrev::after{top:61%; left:20%; transform:rotate(45deg);} .sits_imgSliderNext::before{top:31%; right:20%; transform:rotate(45deg);} .sits_imgSliderNext::after{top:61%; right:20%; transform:rotate(135deg);} .sits_imgSlideJumpPoints{position:absolute; bottom:auto; left:10%; right:10%; top:10px; z-index:5;} .sits_imgSlideJumpPointsInner{display:flex; justify-content: center; flex-wrap:wrap;} .sits_imgSlideJumpPoint{flex:0 0 22px; width:22px; height:22px; border-radius:50%; border:3px solid #fff; margin:0 5px 10px 5px; position:relative; box-shadow:1px 1px 5px -2px #000; cursor:pointer;} .sits_imgSlideJumpPoint.aktiv{cursor:default;} .sits_imgSlideJumpPoint.aktiv::before{content:'';position:absolute; background:#333; width:16px; height:16px; border-radius:50%;} /* ############################################################################################################################################################################## */ /* ENDE -> Image-Slider */ /* Akkordeons */ /* ############################################################################################################################################################################## */ /* Akkordeon fuer Elemente wo der Header direkt der Menuepunkt ist */ /* ======================================================================================================================== */ /* Frame allgemein */ /* ------------------------------------------------------------------------------------- */ .sits_akkordeon{position:relative;} .sits_akkordeon p{margin: 0 0 20px 0;} .sits_akkordeon p:last-of-type{margin:0;} .sits_akkordeon > .frame{padding: 0;border-top:1px solid #ccc;} .sits_akkordeon > .frame:last-child{border-bottom: 1px solid #ccc;} .sits_conentFrame .ce-bodytext header *, .sits_catContents header *{font-size:23px;} /* ------------------------------------------------------------------------------------- */ /* Header allgemein */ /* ------------------------------------------------------------------------------------- */ .sits_akkordeon > .frame > header, .sits_akkordeon > .frame > .sits_ce-nowrap > header{font-size:19px;padding: 10px 10px 7px 45px;position:relative;cursor:pointer;transition:letter-spacing 200ms, border 300ms; display:flex; flex-direction: column-reverse;} .sits_akkordeon > .frame > header:hover, .sits_akkordeon > .frame.aktiv > header, .sits_akkordeon > .frame > .sits_ce-nowrap > header:hover, .sits_akkordeon > .frame.aktiv > .sits_ce-nowrap > header{letter-spacing:0.3px;} .sits_akkordeon > .frame > header *, .sits_akkordeon > .frame > .sits_ce-nowrap > header *{font-size:19px;margin:0;color:#333;transition:color 300ms;padding: 0;} .sits_akkordeon > .frame > header > .openClose, .sits_akkordeon > .frame > .sits_ce-nowrap > header > .openClose{position: absolute;top: 12px;height: 16px;width: 16px;left: 15px;cursor:pointer;} .sits_akkordeon > .frame > header > .openClose:before, .sits_akkordeon > .frame > .sits_ce-nowrap > header > .openClose:before{content:'';width:2px; height:100%; left:50%; margin-left:-1px; background:#333; top:0; position:absolute; opacity:1; transition:all 300ms;} .sits_akkordeon > .frame > header > .openClose:after, .sits_akkordeon > .frame > .sits_ce-nowrap > header > .openClose:after{content:'';height:2px; width:100%; top:50%; margin-top:-1px; background:#333; left:0;position:absolute;} .sits_akkordeon > .frame.aktiv > header > .openClose:before, .sits_akkordeon > .frame.aktiv > .sits_ce-nowrap > header > .openClose:before{transform:rotate(-45deg); opacity:0;} .sits_akkordeon > .frame > header > .preline{font-size:16px;} .sits_akkordeon > .frame.aktiv > header *, .sits_akkordeon > .frame.aktiv > .sits_ce-nowrap > header *{color:#333;} /* ------------------------------------------------------------------------------------- */ /* Dateiliste */ /* ------------------------------------------------------------------------------------- */ .sits_akkordeon > .frame-type-uploads > header{} .sits_akkordeon > .frame-type-uploads.aktiv > header, .sits_akkordeon div[class*=" frame-type-menu"].aktiv > header{border-bottom:1px solid #ccc;} /*.sits_akkordeon > .frame-type-uploads.aktiv > header *{color:#2b3f94;}*/ .sits_akkordeon > .frame-type-uploads ul.ce-uploads{padding: 0 0 0 45px; overflow:hidden; height:0px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;} .sits_akkordeon > .frame-type-uploads.aktiv ul.ce-uploads{padding: 80px 0 0 45px; overflow:hidden; height:auto;} .sits_akkordeon > .frame-type-uploads ul.ce-uploads li{margin: 0;border-bottom: 1px solid #ccc;padding: 10px 0 8px 5px;} .sits_akkordeon > .frame-type-uploads ul.ce-uploads li:first-child{margin-top:-80px;} .sits_akkordeon > .frame-type-uploads ul.ce-uploads li:last-child{border:none;} .sits_akkordeon > .frame-type-uploads ul.ce-uploads li a{text-decoration:none; transition:all 200ms;} .sits_akkordeon > .frame-type-uploads ul.ce-uploads li a:hover{letter-spacing:0.5px;} /* ------------------------------------------------------------------------------------- */ /* Elemente Text / TextPic / TextMedia */ /* ------------------------------------------------------------------------------------- */ .sits_akkordeon > .frame > .sits_conentFrame{padding:0 10px 0 45px; overflow:hidden; height:0px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;} .sits_akkordeon > .frame > .sits_conentFrame > *:first-child{margin-top:-75px;} .sits_akkordeon > .frame.aktiv > .sits_conentFrame{padding:80px 10px 15px 45px; height:auto; } .sits_akkordeon > .frame > .sits_conentFrame .ce-bodytext header{display:none;} /* ------------------------------------------------------------------------------------- */ /* Pics */ /* ------------------------------------------------------------------------------------- */ .sits_akkordeon > .frame-type-image > .ce-image{width:100%;padding: 0 0 0 45px;overflow:hidden;height:0px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;/* margin: 0 -0.5%; */} .sits_akkordeon > .frame-type-image.aktiv > .ce-image{padding:80px 0 0 45px;height:auto;} .sits_akkordeon > .frame-type-image > .ce-image > .ce-gallery{margin-top: -80px !important;margin-left: -1%;margin-right: -1%;} /* ------------------------------------------------------------------------------------- */ /* Aufzaehlung */ /* ------------------------------------------------------------------------------------- */ .sits_akkordeon > .frame-type-bullets > ul.ce-bullets{width:100%; margin:0; padding: 0 0 0 60px; overflow:hidden; height:0px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;} .sits_akkordeon > .frame-type-bullets.aktiv > ul.ce-bullets{padding: 80px 0 10px 60px;height:auto;} .sits_akkordeon > .frame-type-bullets > ul.ce-bullets > li:first-child{margin-top:-80px;} .sits_akkordeon div[class*=" frame-type-menu"] > div.sits_conentFrame, .sits_akkordeon .frame-type-bullets > div.sits_conentFrame{padding-right:0 !important;} .sits_akkordeon div[class*=" frame-type-menu"] ul, .sits_akkordeon .frame-type-bullets ul{padding:0; margin-bottom:0;} .sits_akkordeon div[class*=" frame-type-menu"] ul li{border-bottom:1px solid #ccc; display:block;} .sits_akkordeon > div[class*=" frame-type-menu"] ul li:first-child, .sits_akkordeon > .frame-type-bullets ul li:first-child{margin-top:-80px;} .sits_akkordeon div[class*=" frame-type-menu"] ul li:first-child, .sits_akkordeon .frame-type-bullets ul li:first-child{margin-top:-20px;} .sits_akkordeon div[class*=" frame-type-menu"] ul li:last-child,{border-bottom:none; margin-bottom:-10px;} .sits_akkordeon div[class*=" frame-type-menu"] ul li a, .sits_akkordeon .frame-type-bullets ul li{transition:all 200ms; font-size:18px;padding:10px 0 8px 0; display:block;} .sits_akkordeon .frame-type-bullets ul li{padding:4px 0;} .sits_akkordeon div[class*=" frame-type-menu"] ul li a:hover{letter-spacing:0.5px;} /* ------------------------------------------------------------------------------------- */ /* Tabelle */ /* ------------------------------------------------------------------------------------- */ .sits_akkordeon > .frame-type-table > .sits_conentFrame, .sits_akkordeon > .frame-type-table.aktiv > .sits_conentFrame{padding-right:0;} /* ------------------------------------------------------------------------------------- */ /* ======================================================================================================================== */ /* ENDE -> Akkordeon fuer Elemente wo der Header direkt der Menuepunkt ist */ /* Akkordeon Powermail Formulare */ /* ======================================================================================================================== */ .sits_akkordeon > .frame > .tx-powermail{padding:0 10px 0 45px; overflow:hidden; height:0px; -webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease;} .sits_akkordeon > .frame.aktiv > .tx-powermail{padding:180px 0 0 45px;height:auto;} .sits_akkordeon > .frame > .tx-powermail > .container-fluid{margin-top:-170px;} .sits_akkordeon input.powermail_form_uid + div{display:none;} /* ======================================================================================================================== */ /* ENDE -> Akkordeon Powermail Formulare */ /* Kategorie fuer Akkordeon */ /* ======================================================================================================================== */ .sitsCategory > header{} .sits_akkordeon .sits_catContents{padding:0 0 0 0; overflow:hidden; height:0px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;} .sits_akkordeon > .frame.aktiv .sits_catContents{padding:80px 0 0 0; height:auto;} .sits_akkordeon .sits_catContents >div{margin-top:-75px;padding-left: 45px;} .sits_akkordeon .sits_catContents > div > div{margin:0 0 20px 0;} .sits_akkordeon .sits_catContents.flex > div{display:flex;flex-wrap:wrap;margin:-75px -1% 0 -1%;} .sits_akkordeon .sits_catContents.flex > div > div{margin:0 1% 25px 1%;} .sits_akkordeon .sits_catContents.flex > div .ce-gallery{margin:0 0.5%;} .sits_akkordeon .sits_catContents > div > .frame{} .sits_akkordeon .sits_catContents[data-ce-columns="1"] > div > div{width:100%;margin:0 0 25px 0;padding-bottom: 0;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="2"] > div > div{width:48%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="3"] > div > div{width:31.333333%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="4"] > div > div{width:23%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="5"] > div > div{width:18%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="6"] > div > div{width:14.666666%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="7"] > div > div{width:12.285714%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="8"] > div > div{width:10.5%;} /* ======================================================================================================================== */ /* ENDE -> Kategorie fuer Akkordeon */ /* ############################################################################################################################################################################## */ /* ENDE -> Akkordeons */ /* Farben */ /* ############################################################################################################################################################################## */ /* Contentboxen allgemein */ /* ========================================================================================================= */ .content.text_dunkelgrau, .content.text_dunkelgrau h1, .content.text_dunkelgrau h2, .content.text_dunkelgrau h3, .content.text_dunkelgrau h4, .content.text_dunkelgrau h5{color:#333;} .content.text_hellblau, .content.text_hellblau h1, .content.text_hellblau h2, .content.text_hellblau h3, .content.text_hellblau h4, .content.text_hellblau h5{color:#83cfeb;} .content.text_rot, .content.text_rot h1, .content.text_rot h2, .content.text_rot h3, .content.text_rot h4, .content.text_rot h5{color:#e30018;} .content.text_dunkelblau, .content.text_dunkelblau h1, .content.text_dunkelblau h2, .content.text_dunkelblau h3, .content.text_dunkelblau h4, .content.text_dunkelblau h5{color:#00448b;} .content.text_cyan, .content.text_cyan h1, .content.text_cyan h2, .content.text_cyan h3, .content.text_cyan h4, .content.text_cyan h5{color:#009ee3;} .content.text_weiss, .content.text_weiss h1, .content.text_weiss h2, .content.text_weiss h3, .content.text_weiss h4, .content.text_weiss h5{color:#fff;} .content.header_dunkelgrau h1, .content.header_dunkelgrau h2, .content.header_dunkelgrau h3, .content.header_dunkelgrau h4, .content.header_dunkelgrau h5{color:#333;} .content.header_hellblau h1, .content.header_hellblau h2, .content.header_hellblau h3, .content.header_hellblau h4, .content.header_hellblau h5{color:#83cfeb;} .content.header_rot h1, .content.header_rot h2, .content.header_rot h3, .content.header_rot h4, .content.header_rot h5{color:#e30018;} .content.header_dunkelblau h1, .content.header_dunkelblau h2, .content.header_dunkelblau h3, .content.header_dunkelblau h4, .content.header_dunkelblau h5{color:#00448b;} .content.header_cyan h1, .content.header_cyan h2, .content.header_cyan h3, .content.header_cyan h4, .content.header_cyan h5{color:#009ee3;} .content.header_weiss h1, .content.header_weiss h2, .content.header_weiss h3, .content.header_weiss h4, .content.header_weiss h5{color:#fff;} .content.highlight_dunkelgrau .preline, .content.highlight_dunkelgrau a, .newslist_dunkelgrau .news-single .textLine a, .newslist_dunkelgrau .news-single .frame-default a, .newslist_dunkelgrau .news-list-date, .newslist_dunkelgrau .news-single .preline{color:#333;} .content.highlight_hellblau .preline, .content.highlight_hellblau a, .newslist_hellblau .news-single .textLine a, .newslist_hellblau .news-single .frame-default a, .newslist_hellblau .news-list-date, .newslist_hellblau .news-single .preline{color:#83cfeb;} .content.highlight_rot .preline, .content.highlight_rot a, .newslist_rot .news-single .textLine a, .newslist_rot .news-single .frame-default a, .newslist_rot .news-list-date, .newslist_rot .news-single .preline{color:#e30018;} .content.highlight_dunkelblau .preline, .content.highlight_dunkelblau a, .newslist_dunkelblau .news-single .textLine a, .newslist_dunkelblau .news-single .frame-default a, .newslist_dunkelblau .news-list-date, .newslist_dunkelblau .news-single .preline{color:#00448b;} .content.highlight_cyan .preline, .content.highlight_cyan a, .newslist_cyan .news-single .textLine a, .newslist_cyan .news-single .frame-default a, .newslist_cyan .news-list-date, .newslist_cyan .news-single .preline{color:#009ee3;} .content.highlight_weiss .preline, .content.highlight_weiss a{color:#fff;} .newslist_weiss .news-single .textLine a, .newslist_weiss .news-single .frame-default a, .newslist_wiess .news-list-date, .newslist_weiss .news-single .preline{color:#333;} .content.highlight_dunkelgrau a:after, .newslist_dunkelgrau .newsListItem a, .newslist_dunkelgrau .news-single .textLine a, .newslist_dunkelgrau .news-single .textLine a:after, .newslist_dunkelgrau .news-single .frame-default a:after, .newslist_dunkelgrau .tx-indexedsearch-res > a:after, .content.highlight_dunkelgrau .frame-type-uploads ul li a:before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_dunkelgrau.png) !important;;} .content.highlight_hellblau a:after, .newslist_hellblau .newsListItem a, .newslist_hellblau .news-single .textLine a:after, .newslist_hellblau .news-single .frame-default a:after, .newslist_hellblau .tx-indexedsearch-res > a:after, .content.highlight_hellblau .frame-type-uploads ul li a:before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_hellblau.png) !important;;} .content.highlight_rot a:after, .newslist_rot .newsListItem a, .newslist_rot .news-single .textLine a:after, .newslist_rot .news-single .frame-default a:after, .newslist_rot .tx-indexedsearch-res > a:after, .content.highlight_rot .frame-type-uploads ul li a:before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_rot.png) !important;;} .content.highlight_dunkelblau a:after, .newslist_dunkelblau .newsListItem a, .newslist_dunkelblau .news-single .textLine a:after, .newslist_dunkelblau .news-single .frame-default a:after, .newslist_dunkelblau .tx-indexedsearch-res > a:after, .content.highlight_dunkelblau .frame-type-uploads ul li a:before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_dunkelblau.png) !important;;} .content.highlight_cyan a:after, .newslist_cyan .newsListItem a, .newslist_cyan .news-single .textLine a:after, .newslist_cyan .news-single .frame-default a:after, .newslist_cyan .tx-indexedsearch-res > a:after, .content.highlight_cyan .frame-type-uploads ul li a:before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_cyan.png) !important;} /* ========================================================================================================= */ /* Akkordeons */ /* ========================================================================================================= */ /* Header und (Open / Close) */ /* -------------------------------------------------------------------------- */ .sits_akkordeon.highlight_hellblau > .frame > header > .openClose:before, .sits_akkordeon.highlight_hellblau > .frame > .sits_ce-nowrap > header > .openClose:before, .sits_akkordeon.highlight_hellblau > .frame > header > .openClose:after, .sits_akkordeon.highlight_hellblau > .frame > .sits_ce-nowrap > header > .openClose:after{background:#83cfeb;} .sits_akkordeon.highlight_rot > .frame > header > .openClose:before, .sits_akkordeon.highlight_rot > .frame > .sits_ce-nowrap > header > .openClose:before, .sits_akkordeon.highlight_rot > .frame > header > .openClose:after, .sits_akkordeon.highlight_rot > .frame > .sits_ce-nowrap > header > .openClose:after{background:#e30018;} .sits_akkordeon.highlight_dunkelblau > .frame > header > .openClose:before, .sits_akkordeon.highlight_dunkelblau > .frame > .sits_ce-nowrap > header > .openClose:before, .sits_akkordeon.highlight_dunkelblau > .frame > header > .openClose:after, .sits_akkordeon.highlight_dunkelblau > .frame > .sits_ce-nowrap > header > .openClose:after{background:#00448b;} .sits_akkordeon.highlight_cyan > .frame > header > .openClose:before, .sits_akkordeon.highlight_cyan > .frame > .sits_ce-nowrap > header > .openClose:before, .sits_akkordeon.highlight_cyan > .frame > header > .openClose:after, .sits_akkordeon.highlight_cyan > .frame > .sits_ce-nowrap > header > .openClose:after{background:#009ee3;} .sits_akkordeon.header_hellblau > .frame > header *, .sits_akkordeon.header_hellblau > .frame > .sits_ce-nowrap > header *, .sits_akkordeon.header_hellblau .sits_catContents .frame > header *{color:#83cfeb;} .sits_akkordeon.header_rot > .frame > header *, .sits_akkordeon.header_rot > .frame > .sits_ce-nowrap > header *, .sits_akkordeon.header_rot .sits_catContents .frame > header *{color:#e30018;} .sits_akkordeon.header_dunkelblau > .frame > header *, .sits_akkordeon.header_dunkelblau > .frame > .sits_ce-nowrap > header *, .sits_akkordeon.header_dunkelblau .sits_catContents .frame > header *{color:#00448b;} .sits_akkordeon.header_cyan > .frame > header *, .sits_akkordeon.header_cyan > .frame > .sits_ce-nowrap > header *, .sits_akkordeon.header_cyan .sits_catContents .frame > header *{color:#009ee3;} /* -------------------------------------------------------------------------- */ /* Bildergallerie */ /* -------------------------------------------------------------------------- */ .sits_akkordeon.highlight_dunkelgrau .ce-gallery figcaption{color:#333;} .sits_akkordeon.highlight_hellblau .ce-gallery figcaption{color:#83cfeb;} .sits_akkordeon.highlight_rot .ce-gallery figcaption{color:#e30018;} .sits_akkordeon.highlight_dunkelblau .ce-gallery figcaption{color:#00448b;} .sits_akkordeon.highlight_cyan .ce-gallery figcaption{color:#009ee3;} .sits_akkordeon.highlight_weiss .ce-gallery figcaption{color:#333;} /* -------------------------------------------------------------------------- */ /* Texte */ /* -------------------------------------------------------------------------- */ .sits_akkordeon.text_hellblau .ce-bodytext, .sits_akkordeon.text_hellblau .sits_conentFrame, .sits_akkordeon.highlight_hellblau .ce-bodytext a, .sits_akkordeon.highlight_hellblau .sits_conentFrame p a{color:#83cfeb;} .sits_akkordeon.text_rot .ce-bodytext, .sits_akkordeon.text_rot .sits_conentFrame, .sits_akkordeon.highlight_rot .ce-bodytext a, .sits_akkordeon.highlight_rot .sits_conentFrame p a{color:#e30018;} .sits_akkordeon.text_dunkelblau .ce-bodytext, .sits_akkordeon.text_dunkelblau .sits_conentFrame, .sits_akkordeon.highlight_dunkelblau .ce-bodytext a, .sits_akkordeon.highlight_dunkelblau .sits_conentFrame p a{color:#00448b;} .sits_akkordeon.text_cyan .ce-bodytext, .sits_akkordeon.text_cyan .sits_conentFrame, .sits_akkordeon.highlight_cyan .ce-bodytext a, .sits_akkordeon.highlight_cyan .sits_conentFrame p a{color:#009ee3;} /* -------------------------------------------------------------------------- */ /* Tabelle */ /* -------------------------------------------------------------------------- */ .contenttable{border-collapse: collapse; border: 1px solid #ccc;} .ce-table th, .ce-table td, .contenttable td, .contenttable th{border:1px solid #ccc;} .sits_akkordeon.text_hellblau .ce-table td{color:#83cfeb} .sits_akkordeon.text_rot .ce-table td{color:#e30018} .sits_akkordeon.text_dunkelblau .ce-table td{color:#00448b} .sits_akkordeon.text_cyan .ce-table td{color:#009ee3} .sits_akkordeon.highlight_hellblau table th{color:#83cfeb} .sits_akkordeon.highlight_rot table th{color:#e30018} .sits_akkordeon.highlight_dunkelblau table th{color:#00448b} .sits_akkordeon.highlight_cyan table th{color:#009ee3} /* -------------------------------------------------------------------------- */ .sits_akkordeon.text_dunkelgrau .frame-type-uploads ul li a, .sits_akkordeon.text_dunkelgrau div[class*=" frame-type-menu"] ul li a, .sits_akkordeon.text_dunkelgrau .frame-type-bullets li{color:#333;} .sits_akkordeon.text_hellblau .frame-type-uploads ul li a, .sits_akkordeon.text_hellblau div[class*=" frame-type-menu"] ul li a, .sits_akkordeon.text_hellblau .frame-type-bullets li{color:#83cfeb;} .sits_akkordeon.text_rot .frame-type-uploads ul li a, .sits_akkordeon.text_rot div[class*=" frame-type-menu"] ul li a, .sits_akkordeon.text_rot .frame-type-bullets li{color:#e30018;} .sits_akkordeon.text_dunkelblau .frame-type-uploads ul li a, .sits_akkordeon.text_dunkelblau div[class*=" frame-type-menu"] ul li a, .sits_akkordeon.text_dunkelblau .frame-type-bullets li{color:#00448b;} .sits_akkordeon.text_cyan .frame-type-uploads ul li a, .sits_akkordeon.text_cyan div[class*=" frame-type-menu"] ul li a, .sits_akkordeon.text_cyan .frame-type-bullets li{color:#009ee3;} .sits_akkordeon.highlight_dunkelgrau .frame-type-uploads ul li a:before, .sits_akkordeon.highlight_dunkelgrau div[class*=" frame-type-menu"] ul li a:before, .sits_akkordeon.highlight_dunkelgrau .frame-type-bullets ul li::before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_dunkelgrau.png) !important;} .sits_akkordeon.highlight_hellblau .frame-type-uploads ul li a:before, .sits_akkordeon.highlight_hellblau div[class*=" frame-type-menu"] ul li a:before, .sits_akkordeon.highlight_hellblau .frame-type-bullets ul li::before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_hellblau.png) !important;} .sits_akkordeon.highlight_rot .frame-type-uploads ul li a:before, .sits_akkordeon.highlight_rot div[class*=" frame-type-menu"] ul li a:before, .sits_akkordeon.highlight_rot .frame-type-bullets ul li::before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_rot.png) !important;} .sits_akkordeon.highlight_dunkelblau .frame-type-uploads ul li a:before, .sits_akkordeon.highlight_dunkelblau div[class*=" frame-type-menu"] ul li a:before, .sits_akkordeon.highlight_dunkelblau .frame-type-bullets ul li::before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_dunkelblau.png) !important;} .sits_akkordeon.highlight_cyan .frame-type-uploads ul li a:before, .sits_akkordeon.highlight_cyan div[class*=" frame-type-menu"] ul li a:before, .sits_akkordeon.highlight_cyan .frame-type-bullets ul li::before{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_cyan.png) !important;} /* ========================================================================================================= */ /* Markenlogos (Dienstleitungsmarken) */ /* ========================================================================================================= */ .highlight_rot .reihe:last-child .leftVerband, .highlight_rot .reihe:last-child .rightVerband{border-bottom:1px solid #e30018;} .highlight_rot .content.verband .leftVerband, .highlight_rot .content.verband .rightVerband{border-top:1px solid #e30018;} .highlight_cyan .reihe:last-child .leftVerband, .highlight_cyan .reihe:last-child .rightVerband{border-bottom:1px solid #009ee3;} .highlight_cyan .content.verband .leftVerband, .highlight_cyan .content.verband .rightVerband{border-top:1px solid #009ee3;} .highlight_hellblau .reihe:last-child .leftVerband, .highlight_hellblau .reihe:last-child .rightVerband{border-bottom:1px solid #83cfeb;} .highlight_hellblau .content.verband .leftVerband, .highlight_hellblau .content.verband .rightVerband{border-top:1px solid #83cfeb;} .highlight_dunkelblau .reihe:last-child .leftVerband, .highlight_dunkelblau .reihe:last-child .rightVerband{border-bottom:1px solid #00448b;} .highlight_dunkelblau .content.verband .leftVerband, .highlight_dunkelblau .content.verband .rightVerband{border-top:1px solid #00448b;} .highlight_dunkelgrau .reihe:last-child .leftVerband, .highlight_dunkelgrau .reihe:last-child .rightVerband{border-bottom:1px solid #333;} .highlight_dunkelgrau .content.verband .leftVerband, .highlight_dunkelgrau .content.verband .rightVerband{border-top:1px solid #333;} .isIE .leftVerband img{display:inline-block; width:99.999%;} /* ========================================================================================================= */ /* Zitate Zahlenreihe */ /* ========================================================================================================= */ .content.zitat.highlight_rot, .content.zitat.header_rot h1, .content.zitat.header_rot h2, .content.zitat.header_rot h3, .content.zitat.header_rot h4, .content.zitat.header_rot h5, .countCubes.header_rot div, .countCubes.text_rot div span{color:#e30018;} .content.zitat.highlight_cyan, .content.zitat.header_cyan h1, .content.zitat.header_cyan h2, .content.zitat.header_cyan h3, .content.zitat.header_cyan h4, .content.zitat.header_cyan h5, .countCubes.header_cyan div, .countCubes.text_cyan div span{color:#009ee3;} .content.zitat.highlight_hellblau, .content.zitat.header_hellblau h1, .content.zitat.header_hellblau h2, .content.zitat.header_hellblau h3, .content.zitat.header_hellblau h4, .content.zitat.header_hellblau h5, .countCubes.header_hellblau div, .countCubes.text_hellblau div span{color:#83cfeb;} .content.zitat.highlight_dunkelblau, .content.zitat.header_dunkelblau h1, .content.zitat.header_dunkelblau h2, .content.zitat.header_dunkelblau h3, .content.zitat.header_dunkelblau h4, .content.zitat.header_dunkelblau h5, .countCubes.header_dunkelblau div, .countCubes.text_dunkelblau div span{color:#00448b;} .content.zitat.highlight_dunkelgrau, .content.zitat.header_dunkelgrau h1, .content.zitat.header_dunkelgrau h2, .content.zitat.header_dunkelgrau h3, .content.zitat.header_dunkelgrau h4, .content.zitat.header_dunkelgrau h5, .countCubes.header_dunkelgrau div, .countCubes.text_dunkelgrau div span{color:#333;} /* ========================================================================================================= */ /* Footer */ /* ========================================================================================================= */ footer.footer.back_cyan{background:#009ee3;} footer.footer.back_rot{background:#e30018;} footer.footer.back_hellblau{background:#83cfeb;} footer.footer.back_dunkelblau{background:#00448b;} footer.footer.back_dunkelgrau{background:#333;} footer.footer a, footer.footer.text_weiss a{color:#fff;} footer.footer ul li a, footer.footer.text_weiss ul li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_weiss.png);} footer.footer.text_weiss ul.level_1 > li > ul > li > ul > li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeilspitze_weiss.png);} footer.footer .text_rot a{color:#e30018;} footer.footer.text_rot ul li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_rot.png);} footer.footer.text_rot ul.level_1 > li > ul > li > ul > li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeilspitze_rot.png);} footer.footer.text_cyan a{color:#009ee3;} footer.footer.text_cyan ul li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_cyan.png);} footer.footer.text_cyan ul.level_1 > li > ul > li > ul > li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeilspitze_cyan.png);} footer.footer.text_hellblau a{color:#83cfeb;} footer.footer.text_hellblau ul li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_hellblau.png);} footer.footer.text_hellblau ul.level_1 > li > ul > li > ul > li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeilspitze_hellbalu.png);} footer.footer.text_dunkelblau a{color:#00448b;} footer.footer.text_dunkelblau ul li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_dunkelblau.png);} footer.footer.text_dunkelblau ul.level_1 > li > ul > li > ul > li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeilspitze_dunkelblau.png);} footer.footer.text_dunkelgrau a{color:#333;} footer.footer.text_dunkelgrau ul li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil2_dunkelgrau.png);} footer.footer.text_dunkelgrau ul.level_1 > li > ul > li > ul > li a{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeilspitze_dunkelgrau.png);} /* ========================================================================================================= */ /* 2 Col Boxen */ /* ========================================================================================================= */ /* Weiss */ /* ---------------------------------------------------------------------------------------- */ .imageBanner2Col.highlight_weiss .bannerText .preline,.imageBanner2Col.highlight_weiss .bannerText .textLine a,.imageBanner1Col.highlight_weiss span.preline,.imageBanner1Col.highlight_weiss .textLine a, .imageBanner2Col.text_weiss .bannerText .headline, .imageBanner1Col.text_weiss .headline, .imageBanner2Col.text_weiss .bannerText .textLine, .imageBanner1Col.text_weiss span.textLine{color:#fff;/* font-weight: normal; */} .imageBanner2Col.highlight_weiss a .bannerText .headline:after, .imageBanner2Col.highlight_weiss .bannerText .textLine a:after,.imageBanner1Col.highlight_weiss .headline:after,.imageBanner1Col.highlight_weiss span.textLine a:after{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil_weiss.png);} .imageBanner1Col.highlight_weiss span.preline, .imageBanner2Col.highlight_weiss .bannerText .preline{font-weight:bold;} .imageBanner2Col.text_weiss .bannerText .textLine{font-family:IGRN} /* ---------------------------------------------------------------------------------------- */ /* Rot */ /* ---------------------------------------------------------------------------------------- */ .imageBanner2Col.back_rot .bannerText, .imageBanner2Col.full.back_rot .textContent .frameText, .newslist_rot #tx-indexedsearch-searchbox-button-submit, .newslist_rot ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage, .newslist_rot ul.tx-indexedsearch-browsebox li:hover, .factBox.back_rot .factInner{background:#e30018;} .imageBanner2Col.highlight_rot .bannerText .preline,.imageBanner2Col.highlight_rot .bannerText .textLine a,.imageBanner1Col.highlight_rot span.preline,.imageBanner1Col.highlight_rot .textLine a, .imageBanner2Col.text_rot .bannerText .headline, .imageBanner1Col.text_rot .headline, .imageBanner2Col.text_rot .bannerText .textLine, .imageBanner1Col.text_rot span.textLine{color:#e30018;} .imageBanner2Col.highlight_rot a .bannerText .headline:after, .imageBanner2Col.highlight_rot .bannerText .textLine a:after,.imageBanner1Col.highlight_rot .headline:after,.imageBanner1Col.highlight_rot span.textLine a:after{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil_rot.png);} /* ---------------------------------------------------------------------------------------- */ /* Hellblau */ /* ---------------------------------------------------------------------------------------- */ .imageBanner2Col.back_hellblau .bannerText, .imageBanner2Col.full.back_hellblau .textContent .frameText, .newslist_hellbau #tx-indexedsearch-searchbox-button-submit, .newslist_hellblau ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage, .newslist_hellblau ul.tx-indexedsearch-browsebox li:hover, .factBox.back_hellblau .factInner{background:#83cfeb;} .imageBanner2Col.highlight_hellblau .bannerText .preline,.imageBanner2Col.highlight_hellblau .bannerText .textLine a,.imageBanner1Col.highlight_hellblau span.preline,.imageBanner1Col.highlight_hellblau .textLine a, .imageBanner2Col.text_hellblau .bannerText .headline, .imageBanner1Col.text_hellblau .headline, .imageBanner2Col.text_hellblau .bannerText .textLine, .imageBanner1Col.text_hellblau span.textLine{color:#83cfeb;} .imageBanner2Col.highlight_hellblau a .bannerText .headline:after, .imageBanner2Col.highlight_hellblau .bannerText .textLine a:after,.imageBanner1Col.highlight_hellblau .headline:after,.imageBanner1Col.highlight_hellblau span.textLine a:after{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil_hellblau.png);} /* ---------------------------------------------------------------------------------------- */ /* Dunkelblau */ /* ---------------------------------------------------------------------------------------- */ .imageBanner2Col.back_dunkelblau .bannerText, .imageBanner2Col.full.back_dunkelblau .textContent .frameText, .newslist_dunkelblau #tx-indexedsearch-searchbox-button-submit, .newslist_dunkelblau ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage, .newslist_dunkelblau ul.tx-indexedsearch-browsebox li:hover, .factBox.back_dunkelblau .factInner{background:#00448b;} .imageBanner2Col.highlight_dunkelblau .bannerText .preline,.imageBanner2Col.highlight_dunkelblau .bannerText .textLine a,.imageBanner1Col.highlight_dunkelblau span.preline,.imageBanner1Col.highlight_dunkelblau .textLine a, .imageBanner2Col.text_dunkelblau .bannerText .headline, .imageBanner1Col.text_dunkelblau .headline, .imageBanner2Col.text_dunkelblau .bannerText .textLine, .imageBanner1Col.text_dunkelblau span.textLine{color:#00448b;} .imageBanner2Col.highlight_dunkelblau a .bannerText .headline:after, .imageBanner2Col.highlight_dunkelblau .bannerText .textLine a:after,.imageBanner1Col.highlight_dunkelblau .headline:after,.imageBanner1Col.highlight_dunkelblau span.textLine a:after{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil_dunkelblau.png);} /* ---------------------------------------------------------------------------------------- */ /* Cyan */ /* ---------------------------------------------------------------------------------------- */ .imageBanner2Col.back_cyan .bannerText, .imageBanner2Col.full.back_cyan .textContent .frameText, .newslist_cyan #tx-indexedsearch-searchbox-button-submit, .newslist_cyan ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage, .newslist_cyan ul.tx-indexedsearch-browsebox li:hover, .factBox.back_cyan .factInner{background:#009ee3;} .imageBanner2Col.highlight_cyan .bannerText .preline,.imageBanner2Col.highlight_cyan .bannerText .textLine a,.imageBanner1Col.highlight_cyan span.preline,.imageBanner1Col.highlight_cyan .textLine a, .imageBanner2Col.text_cyan .bannerText .headline, .imageBanner1Col.text_cyan .headline, .imageBanner2Col.text_cyan .bannerText .textLine, .imageBanner1Col.text_cyan span.textLine{color:#009ee3;} .imageBanner2Col.highlight_cyan a .bannerText .headline:after, .imageBanner2Col.highlight_cyan .bannerText .textLine a:after,.imageBanner1Col.highlight_cyan .headline:after,.imageBanner1Col.highlight_cyan span.textLine a:after{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil_cyan.png);} /* ---------------------------------------------------------------------------------------- */ /* Grau */ /* ---------------------------------------------------------------------------------------- */ .imageBanner2Col.back_dunkelgrau .bannerText, .imageBanner2Col.full.back_dunkelgrau .textContent .frametext, .newslist_dunkelgrau #tx-indexedsearch-searchbox-button-submit, .newslist_gunkelgrau ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage, .newslist_dunkelgrau ul.tx-indexedsearch-browsebox li:hover, .factBox.back_dunkelgrau .factInner{background:#333} .imageBanner2Col.highlight_dunkelgrau .bannerText .preline,.imageBanner2Col.highlight_dunkelgrau .bannerText .textLine a,.imageBanner1Col.highlight_dunkelgrau span.preline,.imageBanner1Col.highlight_dunkelgrau .textLine a, .imageBanner2Col.text_dunkelgrau .bannerText .headline, .imageBanner1Col.text_dunkelgrau .headline, .imageBanner2Col.text_dunkelgrau .bannerText .textLine, .imageBanner1Col.text_dunkelgrau span.textLine{color:#333;} .imageBanner2Col.highlight_dunkelgrau a .bannerText .headline:after, .imageBanner2Col.highlight_dunkelgrau .bannerText .textLine a:after,.imageBanner1Col.highlight_dunkelgrau .headline:after,.imageBanner1Col.highlight_dunkelgrau span.textLine a:after{background-image:url(/fileadmin/config/_igrn/Resources/Public/Images/Pfeil_dunkelgrau.png);} .imageBanner2Col.text_dunkelgrau .bannerText .textLine, .imageBanner2Col.highlight_dunkelgrau .bannerText .preline,.imageBanner2Col.text_dunkelgrau .bannerText .headline,.imageBanner2Col.highlight_dunkelgrau .bannerText .textLine a{color:#000} /* ---------------------------------------------------------------------------------------- */ /* Header ueberschreiben */ /* ---------------------------------------------------------------------------------------- */ .imageBanner2Col.header_weiss .bannerText .headline, .imageBanner1Col.header_weiss .headline{color:#fff;} .imageBanner2Col.header_rot .bannerText .headline, .imageBanner1Col.header_rot .headline{color:#e30018;} .imageBanner2Col.header_hellblau .bannerText .headline, .imageBanner1Col.header_hellblau .headline{color:#83cfeb;} .imageBanner2Col.header_dunkelblau .bannerText .headline, .imageBanner1Col.header_dunkelblau .headline{color:#00448b;} .imageBanner2Col.header_cyan .bannerText .headline, .imageBanner1Col.header_cyan .headline{color:#009ee3;} .imageBanner2Col.header_dunkelgrau .bannerText .headline, .imageBanner1Col.header_dunkelgrau .headline{color:#333;} .imageBanner2Col.header_dunkelgrau .bannerText .headline{color:#000} /* ---------------------------------------------------------------------------------------- */ /* ========================================================================================================= */ /* ENDE 2 Col Boxen */ /* Sidepanel */ /* ========================================================================================================= */ #sidePanel a{color:#fff;} #sidePanel.back_hellblau a{color:#333;} #sidePanel > div{background-color:#333; color:#fff;} #sidePanel.back_dunkelblau > div, #sidePanel.back_dunkelblau .panelFlyout{background-color:#00448b; } #sidePanel.back_hellblau > div, #sidePanel.back_hellblau .panelFlyout{background-color: #83cfeb; color:#333;} #sidePanel.back_rot > div, #sidePanel.back_rot .panelFlyout{background-color: #e30018;} #sidePanel.back_cyan > div, #sidePanel.back_cyan .panelFlyout{background-color: #009ee3;} #sidePanel.back_dunkelgrau > div, #sidePanel.back_dunkelgrau .panelFlyout{background-color: #333;} #sidePanel.back_dunkelblau > div:after{border-top: 18px solid transparent;border-left: 30px solid #00448b;border-bottom: 20px solid transparent;} #sidePanel.back_hellblau > div:after{border-top: 18px solid transparent;border-left: 30px solid #83cfeb;border-bottom: 20px solid transparent;} #sidePanel.back_cyan > div:after{border-top: 18px solid transparent;border-left: 30px solid #009ee3;border-bottom: 20px solid transparent;} #sidePanel.back_rot > div:after{border-top: 18px solid transparent;border-left: 30px solid #e30018;border-bottom: 20px solid transparent;} #sidePanel.back_dunkelgrau > div:after{border-top: 18px solid transparent;border-left: 30px solid #333;border-bottom: 20px solid transparent;} #sidePanel.back_dunkelblau .hotlineNumber a, .newslist_dunkelblau .newsListItem a{color:#00448b;} #sidePanel.back_dunkelblau .hotlineNumber a{max-width:100%; word-break: break-word;} #sidePanel.back_hellblau .hotlineNumber a, .newslist_hellblau .newsListItem a{color:#83cfeb; text-shadow:1px 1px 1px #333;} #sidePanel.back_cyan .hotlineNumber a, .newslist_cyan .newsListItem a{color:#009ee3;} #sidePanel.back_rot .hotlineNumber a, .newslist_rot .newsListItem a{color:#e30018;} #sidePanel.back_dunkelgrau .hotlineNumber a, .newslist_dunkelgrau .newsListItem a{color:#333;} #sidePanel.back2_dunkelblau > div:nth-child(1n+4), #sidePanel.back2_dunkelblau > div:nth-child(1n+4) .panelFlyout{background-color:#00448b; } #sidePanel.back2_hellblau > div:nth-child(1n+4), #sidePanel.back2_hellblau > div:nth-child(1n+4) .panelFlyout{background-color: #83cfeb; color:#333;} #sidePanel.back2_rot > div:nth-child(1n+4), #sidePanel.back2_rot > div:nth-child(1n+4) .panelFlyout{background-color: #e30018;} #sidePanel.back2_cyan > div:nth-child(1n+4), #sidePanel.back2_cyan > div:nth-child(1n+4) .panelFlyout{background-color: #009ee3;} #sidePanel.back2_dunkelgrau > div:nth-child(1n+4), #sidePanel.back2_dunkelgrau > div:nth-child(1n+4) .panelFlyout{background-color: #333;} /* ========================================================================================================= */ /* ENDE -> Sidepanel */ /* Headerbild mit Sichel / Diashow mit Sichel */ /* ========================================================================================================= */ .headContainer.back_rot h1, .headContainer.back_rot h2, .headContainer.back_rot h3, .headContainer.back_rot h4, .headContainer.back_rot h5{color:#e30018;} .headContainer.back_hellblau h1, .headContainer.back_hellblau h2, .headContainer.back_hellblau h3, .headContainer.back_hellblau h4, .headContainer.back_hellblau h5{color:#83cfeb;} .headContainer.back_dunkelblau h1, .headContainer.back_dunkelblau h2, .headContainer.back_dunkelblau h3, .headContainer.back_dunkelblau h4, .headContainer.back_dunkelblau h5{color:#00448b;} .headContainer.back_cyan h1, .headContainer.back_cyan h2, .headContainer.back_cyan h3, .headContainer.back_cyan h4, .headContainer.back_cyan h5{color:#009ee3;} .headContainer.header_weiss h1, .headContainer.header_weiss h2, .headContainer.header_weiss h3, .headContainer.header_weiss h4, .headContainer.header_weiss h5{color:#fff; text-shadow:2px 2px 5px #333;} .headContainer.header_dunkelgrau h1, .headContainer.header_dunkelgrau h2, .headContainer.headerdunkelgrau h3, .headContainer.header_dunkelgrau h4, .headContainer.header_dunkelgrau h5{color:#333;} .blister_rot .headerBuble{background:#e30018;} .blister_cyan .headerBuble{background:#009ee3;} .blister_hellblau .headerBuble{background:#83cfeb;} .blister_dunkelblau .headerBuble{background:#00448b;} .blister_dunkelgrau .headerBuble{background:#333;} .back_hellblau .sichel svg path:nth-child(2){fill:#83cfeb;} .back_cyan .sichel svg path:nth-child(2){fill:#009ee3;} .back_dunkelblau .sichel svg path:nth-child(2){fill:#00448b;} .back_rot .sichel svg path:nth-child(2){fill:#e30018;} .back_dunkelgrau .sichel svg path:nth-child(2){fill:#333;} /* ========================================================================================================= */ /* ENDE -> Headerbild mit Sichel / Diashow mit Sichel */ /* Powermail und Tabellen */ /* ========================================================================================================= */ .highlight_cyan .powermail_form input, .highlight_cyan .powermail_form textarea, .highlight_cyan .powermail_field ul li{border:1px solid #009ee3;} .highlight_cyan .powermail_fieldwrap input[type=submit]{background:#009ee3; color:#fff;} .highlight_hellblau .powermail_form input, .highlight_hellblau .powermail_form textarea, .highlight_hellblau .powermail_field ul li{border:1px solid #83cfeb;} .highlight_hellblau .powermail_fieldwrap input[type=submit]{background:#83cfeb; color:#333} .highlight_dunkelblau .powermail_form input, .highlight_dunkelblau .powermail_form textarea, .highlight_dunkelblau .powermail_field ul li{border:1px solid #00448b;} .highlight_dunkelblau .powermail_fieldwrap input[type=submit]{background:#00448b; color:#fff;} .highlight_rot .powermail_form input, .highlight_rot .powermail_form textarea, .highlight_rot .powermail_field ul li{border:1px solid #e30018;} .highlight_rot .powermail_fieldwrap input[type=submit]{background:#e30018; color:#fff;} .highlight_dunkelgrau .powermail_form input, .highlight_dunkelgrau .powermail_form textarea, .highlight_dunkelgrau .powermail_field ul li{border:1px solid #333;} .highlight_dunkelgrau .powermail_fieldwrap input[type=submit]{background:#333; color:#fff;} .highlight_weiss .powermail_form input, .highlight_weiss .powermail_form textarea, .highlight_wiss .powermail_field ul li{border:1px solid #fff;} .highlight_weiss .powermail_fieldwrap input[type=submit]{background:#fff; color:#333;} .text_cyan .powermail_form input, .text_cyan .powermail_form textarea, .highlight_cyan th{color:#009ee3;} .text_hellblau .powermail_form input, .text_hellblau .powermail_form textarea, .highlight_hellblau th{color:#83cfeb;} .text_dunkelblau .powermail_form input, .text_dunkelblau .powermail_form textarea, .highlight_dunkelblau th{color:#00448b;} .text_rot .powermail_form input, .text_rot .powermail_form textarea, .highlight_rot th{color:#e30018;} .text_dunkelgrau .powermail_form input, .text_dunkelgrau .powermail_form textarea, , .highlight_dunkelgrau th{color:#333;} .highlight_weiss .powermail_form input, .text_weiss .powermail_form textarea, .highlight_weiss th{color:#333;} /* ========================================================================================================= */ /* ENDE -> Powermail */ /* Suche / Google Maps */ /* ========================================================================================================= */ .newslist_rot #tx-indexedsearch-searchbox-sword, .maps_rot .js-gme-container > form > input[type="text"]{border-color:#e30018;} .maps_rot .js-gme-container > form > input[type="submit"]{background:#e30018; border:1px solid #e30018;} .newslist_dunkelgrau #tx-indexedsearch-searchbox-sword, .maps_dunkelgrau .js-gme-container > form > input[type="text"]{border-color:#333;} .maps_dunkelgrau .js-gme-container > form > input[type="submit"]{background:#333; border: 1px solid #333;} .newslist_dunkelblau #tx-indexedsearch-searchbox-sword, .maps_dunkelblau .js-gme-container > form > input[type="text"]{border-color:#00448b;} .maps_dunkelblau .js-gme-container > form > input[type="submit"]{background:#00448b; border: 1px solid #00448b;} .newslist_hellblau #tx-indexedsearch-searchbox-sword, .maps_hellblau .js-gme-container > form > input[type="text"]{border-color:#83cfeb;} .maps_hellblau .js-gme-container > form > input[type="submit"]{background:#83cfeb; border: 1px solid #83cfeb;} .newslist_cyan #tx-indexedsearch-searchbox-sword, .maps_cyan .js-gme-container > form > input[type="text"]{border-color:#009ee3;} .maps_cyan .js-gme-container > form > input[type="submit"]{background:#009ee3;border: 1px solid #009ee3;} /* ========================================================================================================= */ /* ENDE -> Suche */ /* Standortkarte */ /* ========================================================================================================= */ .highlight_rot .mapLocation, .highlight_rot .companyMapFlyoutClose:before, .highlight_rot .companyMapFlyoutClose:after, .highlight_rot .companyMapFlyout .companymapItem h1:before, .highlight_rot .companyMapFlyout .companymapItem h1:after, .highlight_rot .companyMapFlyout .companymapItem h2:before, .highlight_rot .companyMapFlyout .companymapItem h2:after, .highlight_rot .companyMapFlyout .companymapItem h3:before, .highlight_rot .companyMapFlyout .companymapItem h3:after, .highlight_rot .companyMapFlyout .companymapItem h4:before, .highlight_rot .companyMapFlyout .companymapItem h4:after, .highlight_rot .companyMapFlyout .companymapItem h5:before, .highlight_rot .companyMapFlyout .companymapItem h5:after, .highlight_rot .companyMapFlyout .companymapItem h6:before, .highlight_rot .companyMapFlyout .companymapItem h6:after{background:#e30018;} .highlight_rot .companymapLocation .dot{border-color:#e30018;} .highlight_rot .companymapLocation.aktiv .dot{border-color:#009ee3;} .highlight_dunkelblau .mapLocation, .highlight_dunkelblau .companyMapFlyoutClose:before, .highlight_dunkelblau .companyMapFlyoutClose:after, .highlight_dunkelblau .companyMapFlyout .companymapItem h1:before, .highlight_dunkelblau .companyMapFlyout .companymapItem h1:after, .highlight_dunkelblau .companyMapFlyout .companymapItem h2:before, .highlight_dunkelblau .companyMapFlyout .companymapItem h2:after, .highlight_dunkelblau .companyMapFlyout .companymapItem h3:before, .highlight_dunkelblau .companyMapFlyout .companymapItem h3:after, .highlight_dunkelblau .companyMapFlyout .companymapItem h4:before, .highlight_dunkelblau .companyMapFlyout .companymapItem h4:after, .highlight_dunkelblau .companyMapFlyout .companymapItem h5:before, .highlight_dunkelblau .companyMapFlyout .companymapItem h5:after, .highlight_dunkelblau .companyMapFlyout .companymapItem h6:before, .highlight_dunkelblau .companyMapFlyout .companymapItem h6:after{background:#00448b;} .highlight_dunkelblau .companymapLocation .dot{border-color:#00448b;} .highlight_dunkelblau .companymapLocation.aktiv .dot{border-color:#e30018;} .highlight_hellblau .mapLocation, .highlight_hellblau .companyMapFlyoutClose:before, .highlight_hellblau .companyMapFlyoutClose:after, .highlight_hellblau .companyMapFlyout .companymapItem h1:before, .highlight_hellblau .companyMapFlyout .companymapItem h1:after, .highlight_hellblau .companyMapFlyout .companymapItem h2:before, .highlight_hellblau .companyMapFlyout .companymapItem h2:after, .highlight_hellblau .companyMapFlyout .companymapItem h3:before, .highlight_hellblau .companyMapFlyout .companymapItem h3:after, .highlight_hellblau .companyMapFlyout .companymapItem h4:before, .highlight_hellblau .companyMapFlyout .companymapItem h4:after, .highlight_hellblau .companyMapFlyout .companymapItem h5:before, .highlight_hellblau .companyMapFlyout .companymapItem h5:after, .highlight_hellblau .companyMapFlyout .companymapItem h6:before, .highlight_hellbleu .companyMapFlyout .companymapItem h6:after{background:#83cfeb;} .highlight_hellblau .companymapLocation .dot{border-color:#83cfeb;} .highlight_hellblau .companymapLocation.aktiv .dot{border-color:#e30018;} .highlight_cyan .mapLocation, .highlight_cyan .companyMapFlyoutClose:before, .highlight_cyan .companyMapFlyoutClose:after, .highlight_cyan .companyMapFlyout .companymapItem h1:before, .highlight_cyan .companyMapFlyout .companymapItem h1:after, .highlight_cyan .companyMapFlyout .companymapItem h2:before, .highlight_cyan .companyMapFlyout .companymapItem h2:after, .highlight_cyan .companyMapFlyout .companymapItem h3:before, .highlight_cyan .companyMapFlyout .companymapItem h3:after, .highlight_cyan .companyMapFlyout .companymapItem h4:before, .highlight_cyan .companyMapFlyout .companymapItem h4:after, .highlight_cyan .companyMapFlyout .companymapItem h5:before, .highlight_cyan .companyMapFlyout .companymapItem h5:after, .highlight_cyan .companyMapFlyout .companymapItem h6:before, .highlight_cyan .companyMapFlyout .companymapItem h6:after{background:#009ee3;} .highlight_cyan .companymapLocation .dot{border-color:#009ee3;} .highlight_cyan .companymapLocation.aktiv .dot{border-color:#e30018;} /* ========================================================================================================= */ /* Image-Slider */ /* ========================================================================================================= */ .arrowback_rot .sits_imgSliderPrev, .arrowback_rot .sits_imgSliderNext, .arrowback_rot .sits_imgSlideJumpPoint.aktiv::before{background:#e30018;} .arrowback_dunkelblau .sits_imgSliderPrev, .arrowback_dunkelblau .sits_imgSliderNext, .arrowback_dunkelblau .sits_imgSlideJumpPoint.aktiv::before{background:#00448b;} .arrowback_hellblau .sits_imgSliderPrev, .arrowback_hellblau .sits_imgSliderNext, .arrowback_hellblau .sits_imgSlideJumpPoint.aktiv::before{background:#83cfeb;} .arrowback_cyan .sits_imgSliderPrev, .arrowback_cyan .sits_imgSliderNext, .arrowback_cyan .sits_imgSlideJumpPoint.aktiv::before{background:#009ee3;} /* ========================================================================================================= */ /* ############################################################################################################################################################################## */ /* ENDE -> Farben */ /* ############################################################################################################################################################################## */ /* ############################################################################################################################################################################## */ .boxHeight_100, .imageBanner2Col.boxHeight_100 .bannerText, .imageBanner2Col.boxHeight_100 .bannerImage{min-height:100px;} .boxHeight_110, .imageBanner2Col.boxHeight_110 .bannerText, .imageBanner2Col.boxHeight_110 .bannerImage{min-height:110px;} .boxHeight_120, .imageBanner2Col.boxHeight_120 .bannerText, .imageBanner2Col.boxHeight_120 .bannerImage{min-height:120px;} .boxHeight_130, .imageBanner2Col.boxHeight_130 .bannerText, .imageBanner2Col.boxHeight_130 .bannerImage{min-height:130px;} .boxHeight_140, .imageBanner2Col.boxHeight_140 .bannerText, .imageBanner2Col.boxHeight_140 .bannerImage{min-height:140px;} .boxHeight_150, .imageBanner2Col.boxHeight_150 .bannerText, .imageBanner2Col.boxHeight_150 .bannerImage{min-height:150px;} .boxHeight_160, .imageBanner2Col.boxHeight_160 .bannerText, .imageBanner2Col.boxHeight_160 .bannerImage{min-height:160px;} .boxHeight_170, .imageBanner2Col.boxHeight_170 .bannerText, .imageBanner2Col.boxHeight_170 .bannerImage{min-height:170px;} .boxHeight_180, .imageBanner2Col.boxHeight_180 .bannerText, .imageBanner2Col.boxHeight_180 .bannerImage{min-height:180px;} .boxHeight_190, .imageBanner2Col.boxHeight_190 .bannerText, .imageBanner2Col.boxHeight_190 .bannerImage{min-height:190px;} .boxHeight_200, .imageBanner2Col.boxHeight_200 .bannerText, .imageBanner2Col.boxHeight_200 .bannerImage{min-height:200px;} .boxHeight_210, .imageBanner2Col.boxHeight_210 .bannerText, .imageBanner2Col.boxHeight_210 .bannerImage{min-height:210px;} .boxHeight_220, .imageBanner2Col.boxHeight_220 .bannerText, .imageBanner2Col.boxHeight_220 .bannerImage{min-height:220px;} .boxHeight_230, .imageBanner2Col.boxHeight_230 .bannerText, .imageBanner2Col.boxHeight_230 .bannerImage{min-height:230px;} .boxHeight_240, .imageBanner2Col.boxHeight_240 .bannerText, .imageBanner2Col.boxHeight_240 .bannerImage{min-height:240px;} .boxHeight_250, .imageBanner2Col.boxHeight_250 .bannerText, .imageBanner2Col.boxHeight_250 .bannerImage{min-height:250px;} .boxHeight_260, .imageBanner2Col.boxHeight_260 .bannerText, .imageBanner2Col.boxHeight_260 .bannerImage{min-height:260px;} .boxHeight_270, .imageBanner2Col.boxHeight_270 .bannerText, .imageBanner2Col.boxHeight_270 .bannerImage{min-height:270px;} .boxHeight_280, .imageBanner2Col.boxHeight_280 .bannerText, .imageBanner2Col.boxHeight_280 .bannerImage{min-height:280px;} .boxHeight_290, .imageBanner2Col.boxHeight_290 .bannerText, .imageBanner2Col.boxHeight_290 .bannerImage{min-height:290px;} .boxHeight_300, .imageBanner2Col.boxHeight_300 .bannerText, .imageBanner2Col.boxHeight_300 .bannerImage{min-height:300px;} .boxHeight_310, .imageBanner2Col.boxHeight_310 .bannerText, .imageBanner2Col.boxHeight_310 .bannerImage{min-height:310px;} .boxHeight_310, .imageBanner2Col.boxHeight_310 .bannerText, .imageBanner2Col.boxHeight_310 .bannerImage{min-height:310px;} .boxHeight_320, .imageBanner2Col.boxHeight_320 .bannerText, .imageBanner2Col.boxHeight_320 .bannerImage{min-height:320px;} .boxHeight_330, .imageBanner2Col.boxHeight_330 .bannerText, .imageBanner2Col.boxHeight_330 .bannerImage{min-height:330px;} .boxHeight_340, .imageBanner2Col.boxHeight_340 .bannerText, .imageBanner2Col.boxHeight_340 .bannerImage{min-height:340px;} .boxHeight_350, .imageBanner2Col.boxHeight_350 .bannerText, .imageBanner2Col.boxHeight_350 .bannerImage{min-height:350px;} .boxHeight_360, .imageBanner2Col.boxHeight_360 .bannerText, .imageBanner2Col.boxHeight_360 .bannerImage{min-height:360px;} .boxHeight_370, .imageBanner2Col.boxHeight_370 .bannerText, .imageBanner2Col.boxHeight_370 .bannerImage{min-height:370px;} .boxHeight_380, .imageBanner2Col.boxHeight_380 .bannerText, .imageBanner2Col.boxHeight_380 .bannerImage{min-height:380px;} .boxHeight_390, .imageBanner2Col.boxHeight_390 .bannerText, .imageBanner2Col.boxHeight_390 .bannerImage{min-height:390px;} .boxHeight_400, .imageBanner2Col.boxHeight_400 .bannerText, .imageBanner2Col.boxHeight_400 .bannerImage{min-height:400px;} .boxHeight_410, .imageBanner2Col.boxHeight_410 .bannerText, .imageBanner2Col.boxHeight_410 .bannerImage{min-height:410px;} .boxHeight_420, .imageBanner2Col.boxHeight_420 .bannerText, .imageBanner2Col.boxHeight_420 .bannerImage{min-height:420px;} .boxHeight_430, .imageBanner2Col.boxHeight_430 .bannerText, .imageBanner2Col.boxHeight_430 .bannerImage{min-height:430px;} .boxHeight_440, .imageBanner2Col.boxHeight_440 .bannerText, .imageBanner2Col.boxHeight_440 .bannerImage{min-height:440px;} .boxHeight_450, .imageBanner2Col.boxHeight_450 .bannerText, .imageBanner2Col.boxHeight_450 .bannerImage{min-height:450px;} .boxHeight_460, .imageBanner2Col.boxHeight_460 .bannerText, .imageBanner2Col.boxHeight_460 .bannerImage{min-height:460px;} .boxHeight_470, .imageBanner2Col.boxHeight_470 .bannerText, .imageBanner2Col.boxHeight_470 .bannerImage{min-height:470px;} .boxHeight_480, .imageBanner2Col.boxHeight_480 .bannerText, .imageBanner2Col.boxHeight_480 .bannerImage{min-height:480px;} .boxHeight_490, .imageBanner2Col.boxHeight_490 .bannerText, .imageBanner2Col.boxHeight_490 .bannerImage{min-height:490px;} .boxHeight_500, .imageBanner2Col.boxHeight_500 .bannerText, .imageBanner2Col.boxHeight_500 .bannerImage{min-height:500px;} .boxHeight_550, .imageBanner2Col.boxHeight_550 .bannerText, .imageBanner2Col.boxHeight_550 .bannerImage{min-height:550px;} .boxHeight_600, .imageBanner2Col.boxHeight_600 .bannerText, .imageBanner2Col.boxHeight_600 .bannerImage{min-height:600px;} .boxHeight_650, .imageBanner2Col.boxHeight_650 .bannerText, .imageBanner2Col.boxHeight_650 .bannerImage{min-height:650px;} .boxHeight_700, .imageBanner2Col.boxHeight_700 .bannerText, .imageBanner2Col.boxHeight_700 .bannerImage{min-height:700px;} .boxHeight_750, .imageBanner2Col.boxHeight_750 .bannerText, .imageBanner2Col.boxHeight_750 .bannerImage{min-height:750px;} .boxHeight_800, .imageBanner2Col.boxHeight_800 .bannerText, .imageBanner2Col.boxHeight_800 .bannerImage{min-height:800px;} .boxHeight_850, .imageBanner2Col.boxHeight_850 .bannerText, .imageBanner2Col.boxHeight_850 .bannerImage{min-height:850px;} .boxHeight_900, .imageBanner2Col.boxHeight_900 .bannerText, .imageBanner2Col.boxHeight_900 .bannerImage{min-height:900px;} .boxHeight_950, .imageBanner2Col.boxHeight_950 .bannerText, .imageBanner2Col.boxHeight_950 .bannerImage{min-height:950px;} .boxHeight_1000, .imageBanner2Col.boxHeight_1000 .bannerText, .imageBanner2Col.boxHeight_1000 .bannerImage{min-height:1000px;} /* ############################################################################################################################################################################## */ /* ############################################################################################################################################################################## */ .textSize_1 .textCont, .headContainer.textSizeL_1 h1, .headContainer.textSizeL_1 h2, .headContainer.textSizeL_1 h3, .headContainer.textSizeL_1 h4, .headContainer.textSizeL_1 h5{width:8.3333333%} .textSize_2 .textCont, .headContainer.textSizeL_2 h1, .headContainer.textSizeL_2 h2, .headContainer.textSizeL_2 h3, .headContainer.textSizeL_2 h4, .headContainer.textSizeL_2 h5{width:16.6666667%;} .textSize_3 .textCont, .headContainer.textSizeL_3 h1, .headContainer.textSizeL_3 h2, .headContainer.textSizeL_3 h3, .headContainer.textSizeL_3 h4, .headContainer.textSizeL_3 h5{width:25%;} .textSize_4 .textCont, .headContainer.textSizeL_4 h1, .headContainer.textSizeL_4 h2, .headContainer.textSizeL_4 h3, .headContainer.textSizeL_4 h4, .headContainer.textSizeL_4 h5{width:33.3333333%;} .textSize_5 .textCont, .headContainer.textSizeL_5 h1, .headContainer.textSizeL_5 h2, .headContainer.textSizeL_5 h3, .headContainer.textSizeL_5 h4, .headContainer.textSizeL_5 h5{width:41.6666666%;} .textSize_6 .textCont, .headContainer.textSizeL_6 h1, .headContainer.textSizeL_6 h2, .headContainer.textSizeL_6 h3, .headContainer.textSizeL_6 h4, .headContainer.textSizeL_6 h5{width:50%;} .textSize_7 .textCont, .headContainer.textSizeL_7 h1, .headContainer.textSizeL_7 h2, .headContainer.textSizeL_7 h3, .headContainer.textSizeL_7 h4, .headContainer.textSizeL_7 h5{width:58.3333333%;} .textSize_8 .textCont, .headContainer.textSizeL_8 h1, .headContainer.textSizeL_8 h2, .headContainer.textSizeL_8 h3, .headContainer.textSizeL_8 h4, .headContainer.textSizeL_8 h5{width:66.6666667%;} .textSize_9 .textCont, .headContainer.textSizeL_9 h1, .headContainer.textSizeL_9 h2, .headContainer.textSizeL_9 h3, .headContainer.textSizeL_9 h4, .headContainer.textSizeL_9 h5{width:75%;} .textSize_10 .textCont, .headContainer.textSizeL_10 h1, .headContainer.textSizeL_10 h2, .headContainer.textSizeL_10 h3, .headContainer.textSizeL_10 h4, .headContainer.textSizeL_10 h5{width:83.3333333%;} .textSize_11 .textCont, .headContainer.textSizeL_11 h1, .headContainer.textSizeL_11 h2, .headContainer.textSizeL_11 h3, .headContainer.textSizeL_11 h4, .headContainer.textSizeL_11 h5{width:91.6666666%;} .textSize_12 .textCont, .headContainer.textSizeL_12 h1, .headContainer.textSizeL_12 h2, .headContainer.textSizeL_12 h3, .headContainer.textSizeL_12 h4, .headContainer.textSizeL_12 h5{width:100%;} /* Werbebanner */ /* ############################################################################################################################################################################## */ #addBanner{position:fixed;display:none;top:0;left: 0;z-index:105;right:0;bottom:0;background:rgba(0, 0, 0, 0.7);} #addBanner.aktiv{display:block;} #addBanner > div{display:flex; width:100%; height:100%; align-items: center;justify-content: center; overflow-y:auto;} #addBanner > div > div{flex:0 0 auto; background:rgba(255, 255, 255, 0.7); padding:25px; border-radius:6px; max-width:80%; position:relative;} #addBannerClose{position:absolute;top:10px;right:10px;width: 25px;height: 25px;cursor: pointer;} #addBannerClose::before, #addBannerClose::after{content:'';position:absolute;top: 47%;left:0px;width:100%;height: 4px;background:#333;border-radius: 3px;} #addBannerClose::before{transform:rotate(45deg);} #addBannerClose::after{transform:rotate(135deg);} #addBanner h2.preline, #addBanner h3.preline, #addBanner h4.preline, #addBanner h5.preline, #addBanner h6.preline{margin-bottom:0 !important; font-size:1.2em;} #addBannerAccept{display:inline-block; text-decoration:none;padding:5px 15px; background:#333; color:#fff; border-radius:4px; cursor:pointer; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);} #addBanner.highlights_rot #addBannerClose::before, #addBanner.highlights_rot #addBannerClose::after{background:#e30018;} #addBanner.background_rot #addBannerAccept{background:#e30018;} #addBanner.highlights_rot h2.preline, #addBanner.highlights_rot h3.preline, #addBanner.highlights_rot h4.preline, #addBanner.highlights_rot h5.preline, #addBanner.highlights_rot h6.preline{color:#e30018;} #addBanner.highlights_cyan #addBannerClose::before, #addBanner.highlights_cyan #addBannerClose::after{background:#009ee3;} #addBanner.background_cyan #addBannerAccept{background:#009ee3;} #addBanner.highlights_cyan h2.preline, #addBanner.highlights_cyan h3.preline, #addBanner.highlights_cyan h4.preline, #addBanner.highlights_cyan h5.preline, #addBanner.highlights_cyan h6.preline{color:#009ee3;} #addBanner.highlights_hellblau #addBannerClose{filter:drop-shadow(0px 0px 1px #333);} #addBanner.highlights_hellblau #addBannerClose::before, #addBanner.highlights_hellblau #addBannerClose::after{background:#83cfeb;box-shadow: 1px 1px 3px -2px #333;} #addBanner.background_hellblau #addBannerAccept{background:#83cfeb; color:#333; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5); box-shadow: 1px 1px 3px -2px #333;} #addBanner.highlights_hellblau h2.preline, #addBanner.highlights_hellblau h3.preline, #addBanner.highlights_hellblau h4.preline, #addBanner.highlights_hellblau h5.preline, #addBanner.highlights_hellblau h6.preline{color:#83cfeb;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);} #addBanner.highlights_dunkelblau #addBannerClose::before, #addBanner.highlights_dunkelblau #addBannerClose::after{background:#00448b;} #addBanner.background_dunkelblau #addBannerAccept{background:#00448b;} #addBanner.highlights_dunkelblau h2.preline, #addBanner.highlights_dunkelblau h3.preline, #addBanner.highlights_dunkelblau h4.preline, #addBanner.highlights_dunkelblau h5.preline, #addBanner.highlights_dunkelblau h6.preline{color:#00448b;} /* ############################################################################################################################################################################## */ /* Zusaetzliche HeaderNav */ /* ############################################################################################################################################################################## */ .sits_headerNav{display:flex; position:fixed; align-items:center; right:calc(4% + 40px); top:0; height:90px; z-index:15; margin:0;} .sits_headerNav > li{list-style-type: none; flex:0 0 auto; font-size:15px; margin-right:15px} .sits_headerNav > li:last-child{margin-right:0} .sits_headerNav > li > a{display:flex; align-items: center; text-decoration: none; transition:color 300ms;} .sits_headerNav > li > a span.sits_linkImg{margin-right:8px; transition:transform 200ms;} .sits_headerNav > li > a:hover{color:#e30018;} .sits_headerNav > li > a:hover .sits_linkImg{transform:scale(1.1);} /* ############################################################################################################################################################################## */ .klaro .cookie-modal .cm-modal .cm-footer-buttons::before, .klaro .cookie-modal .cm-modal .cm-footer-buttons::after{display:none !important;} .cm-footer-buttons{display:flex; justify-content: space-between;} /* MediaQueries */ /* ############################################################################################################################################################################## */ @media (max-width:1299px){ .textSize_1 .textCont, .headContainer.textSize_1 h1, .headContainer.textSize_1 h2, .headContainer.textSize_1 h3, .headContainer.textSize_1 h4, .headContainer.textSize_1 h5{width:8.3333333%} .textSize_2 .textCont, .headContainer.textSize_2 h1, .headContainer.textSize_2 h2, .headContainer.textSize_2 h3, .headContainer.textSize_2 h4, .headContainer.textSize_2 h5{width:16.6666667%;} .textSize_3 .textCont, .headContainer.textSize_3 h1, .headContainer.textSize_3 h2, .headContainer.textSize_3 h3, .headContainer.textSize_3 h4, .headContainer.textSize_3 h5{width:25%;} .textSize_4 .textCont, .headContainer.textSize_4 h1, .headContainer.textSize_4 h2, .headContainer.textSize_4 h3, .headContainer.textSize_4 h4, .headContainer.textSize_4 h5{width:33.3333333%;} .textSize_5 .textCont, .headContainer.textSize_5 h1, .headContainer.textSize_5 h2, .headContainer.textSize_5 h3, .headContainer.textSize_5 h4, .headContainer.textSize_5 h5{width:41.6666666%;} .textSize_6 .textCont, .headContainer.textSize_6 h1, .headContainer.textSize_6 h2, .headContainer.textSize_6 h3, .headContainer.textSize_6 h4, .headContainer.textSize_6 h5{width: 50%;} .textSize_7 .textCont, .headContainer.textSize_7 h1, .headContainer.textSize_7 h2, .headContainer.textSize_7 h3, .headContainer.textSize_7 h4, .headContainer.textSize_7 h5{width:58.3333333%;} .textSize_8 .textCont, .headContainer.textSize_8 h1, .headContainer.textSize_8 h2, .headContainer.textSize_8 h3, .headContainer.textSize_8 h4, .headContainer.textSize_8 h5{width:66.6666667%;} .textSize_9 .textCont, .headContainer.textSize_9 h1, .headContainer.textSize_9 h2, .headContainer.textSize_9 h3, .headContainer.textSize_9 h4, .headContainer.textSize_9 h5{width:75%;} .textSize_10 .textCont, .headContainer.textSize_10 h1, .headContainer.textSize_10 h2, .headContainer.textSize_10 h3, .headContainer.textSize_10 h4, .headContainer.textSize_10 h5{width:83.3333333%;} .textSize_11 .textCont, .headContainer.textSize_11 h1, .headContainer.textSize_11 h2, .headContainer.textSize_11 h3, .headContainer.textSize_11 h4, .headContainer.textSize_11 h5{width:91.6666666%;} .textSize_12 .textCont, .headContainer.textSize_12 h1, .headContainer.textSize_12 h2, .headContainer.textSize_12 h3, .headContainer.textSize_12 h4, .headContainer.textSize_12 h5{width:100%;} .headholder.backPos_LT .tableCell{text-align:left; vertical-align:top;} .headholder.backPos_LC .tableCell{text-align:left; vertical-align:middle;} .headholder.backPos_LB .tableCell{text-align:left; vertical-align:bottom;} .headholder.backPos_CT .tableCell{text-align:center; vertical-align:top;} .headholder.backPos_CC .tableCell{text-align:center; vertical-align:middle;} .headholder.backPos_CB .tableCell{text-align:center; vertical-align:bottom;} .headholder.backPos_RT .tableCell{text-align:right; vertical-align:top;} .headholder.backPos_RC .tableCell{text-align:right; vertical-align:middle;} .headholder.backPos_RB .tableCell{text-align:right; vertical-align:bottom;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:110px;} #cookieHint{font-size:17px;} } @media (max-width:1099px){ .countCubes div{font-size:50px;}.countCubes div span{display:block; font-size:19px;} footer.footer .content.logos > div div{/* max-width: 20%; */} footer.footer .content.logos > div div:first-child span span{padding-left:20px;} footer.footer .content.logos > div div:last-child span span{padding-right:20px;} } @media (max-width:999px){ footer.footer ul.level_1{/* height: 670px; */} footer.footer .colSizeM_1{width:16.6666666%} footer.footer .colSizeM_2{width:33.3333333%;} footer.footer .colSizeM_3{width:50%;} footer.footer .colSizeM_4{width:66.6666666%;} footer.footer .colSizeM_5{width:83.3333333%;} footer.footer .colSizeM_6{width:100%;} #navContainer{/* min-width:55%; */} #cookieHint{font-size:16px;} .ce-gallery[data-ce-columns="7"] .ce-column{width:15.666666%;} .ce-gallery[data-ce-columns="8"] .ce-column{width:15.666666%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="7"] > div > div{width:14.666666%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="8"] > div > div{width:14.666666%;} } @media (max-width:899px){ } @media (max-width:859px){ .headerBuble{bottom: -1%;width: 180px;right: 5%;height: 180px;} .sits_bubbleFlex > div{font-size:70px;} .sits_bubbleFlex > span{font-size:25px;} .headerBuble.fullHouse .sits_bubbleFlex > div{font-size:68px;} .headerBuble.fullHouse .sits_bubbleFlex > span{font-size:24px;} .headerItem, .headContainer .HeadHeadlineCont{top:70px;} .headContainer.nopara .HeadHeadlineCont, .nopara .headerItem{top:0;} .headContainer{margin:70px 0 0 0 !important;} h1,h2,h3,h4,h5{font-size:44px;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:92px;} body{font-size:16px;} header.head{height:70px;} #headLogo{top:5px; width:250px;} #burgerButton{top: 17px;} .content.max_820, .content.LinkCircle{padding: 0 2% 0 2%;} .content.LinkCircle{padding: 0 1% 0 4%;} .content.LinkCircle .topImg, .content.LinkCircle .bottomImg{margin-left:1.5%; width:32%;} #navContainer{min-width:60%;} #cookieHint{font-size:15px; height:auto; min-height:90px;padding:10px 140px 10px 5%;} #cookieClose{top:50%; margin-top:-20px;} .sits_imgSlide.aktiv .sits_imgSlideTitle{bottom:20px;} .companymapLocation .sits_cityPrev{padding:2px 5px;} .sits_headerNav{height:70px;} } @media (max-width:799px){ #navContainer{/* min-width:65%; */} .imageBanner2Col .bannerText .headline, .imageBanner1Col .headline, .html5video .videoDescript, .logos h1, .logos h2, .logos h3, .logos h4, .logos h5{font-size: 24px;} .html5video .videoDescript{padding: 25px 3% 25px 3%;} .html5video .videoPlayButton{width:100px; height:100px;} .imageBanner2Col .bannerText.colSizeM_4 .headline, .imageBanner2Col .bannerText.colSizeM_5 .headline, .imageBanner2Col .bannerText.colSizeM_6 .headline{font-size: 32px;} .imageBanner2Col .bannerText .headline:after, .imageBanner1Col .headline:after, .imageBanner2Col .bannerText.colSize_8 .headline:after, .imageBanner2Col .bannerText.colSize_9 .headline:after, .imageBanner2Col .bannerText.colSize_10 .headline:after, .imageBanner2Col .bannerText.colSize_11 .headline:after, .imageBanner2Col .bannerText.colSize_12 .headline:after{width: 30px;height: 20px;} .imageBanner2Col .bannerText .preline, .imageBanner1Col span.preline, .imageBanner1Col .weiss span.preline{font-size: 16px;} .imageBanner1Col span.textCont{position:absolute;top:20px;left:20px;right: 32%;} .imageBanner2Col a .bannerText.colSize_8 .headline:after, .imageBanner2Col a .bannerText.colSize_9 .headline:after, .imageBanner2Col a .bannerText.colSize_10 .headline:after, .imageBanner2Col a .bannerText.colSize_11 .headline:after, .imageBanner2Col a .bannerText.colSize_12 .headline:after{width: 28px;height: 22px;} .countCubes div{font-size:42px;} .countCubes div span{font-size:18px;} .zitat h1, .zitat h2, .zitat h3, .zitat h4, .zitat h5{font-size:42px;} .content table{margin:0 auto;} .content th{width:20%; padding-right:15px;} .colSizeM_1{width:16.6666666%} .colSizeM_2{width:33.3333333%;} .colSizeM_3{width:50%;} .colSizeM_4{width:66.6666666%;} .colSizeM_5{width:83.3333333%;} .colSizeM_6{width:100%;} .textSizeM_1 .textCont, .headContainer.textSizeM_1 h1, .headContainer.textSizeM_1 h2, .headContainer.textSizeM_1 h3, .headContainer.textSizeM_1 h4, .headContainer.textSizeM_1 h5{width:16.6666666%} .textSizeM_2 .textCont, .headContainer.textSizeM_2 h1, .headContainer.textSizeM_2 h2, .headContainer.textSizeM_2 h3, .headContainer.textSizeM_2 h4, .headContainer.textSizeM_2 h5{width:33.3333333%;} .textSizeM_3 .textCont, .headContainer.textSizeM_3 h1, .headContainer.textSizeM_3 h2, .headContainer.textSizeM_3 h3, .headContainer.textSizeM_3 h4, .headContainer.textSizeM_3 h5{width:50%;} .textSizeM_4 .textCont, .headContainer.textSizeM_4 h1, .headContainer.textSizeM_4 h2, .headContainer.textSizeM_4 h3, .headContainer.textSizeM_4 h4, .headContainer.textSizeM_4 h5{width:66.6666666%;} .textSizeM_5 .textCont, .headContainer.textSizeM_5 h1, .headContainer.textSizeM_5 h2, .headContainer.textSizeM_5 h3, .headContainer.textSizeM_5 h4, .headContainer.textSizeM_5 h5{width:83.3333333%;} .textSizeM_6 .textCont, .headContainer.textSizeM_6 h1, .headContainer.textSizeM_6 h2, .headContainer.textSizeM_6 h3, .headContainer.textSizeM_6 h4, .headContainer.textSizeM_6 h5{width:100%;} .headholder.backPosM_LT .tableCell{text-align:left; vertical-align:top;} .headholder.backPosM_LC .tableCell{text-align:left; vertical-align:middle;} .headholder.backPosM_LB .tableCell{text-align:left; vertical-align:bottom;} .headholder.backPosM_CT .tableCell{text-align:center; vertical-align:top;} .headholder.backPosM_CC .tableCell{text-align:center; vertical-align:middle;} .headholder.backPosM_CB .tableCell{text-align:center; vertical-align:bottom;} .headholder.backPosM_RT .tableCell{text-align:right; vertical-align:top;} .headholder.backPosM_RC .tableCell{text-align:right; vertical-align:middle;} .headholder.backPosM_RB .tableCell{text-align:right; vertical-align:bottom;} .boxHeightM_100, .imageBanner2Col.boxHeightM_100 .bannerText, .imageBanner2Col.boxHeightM_100 .bannerImage{min-height:100px;} .boxHeightM_110, .imageBanner2Col.boxHeightM_110 .bannerText, .imageBanner2Col.boxHeightM_110 .bannerImage{min-height:110px;} .boxHeightM_120, .imageBanner2Col.boxHeightM_120 .bannerText, .imageBanner2Col.boxHeightM_120 .bannerImage{min-height:120px;} .boxHeightM_130, .imageBanner2Col.boxHeightM_130 .bannerText, .imageBanner2Col.boxHeightM_130 .bannerImage{min-height:130px;} .boxHeightM_140, .imageBanner2Col.boxHeightM_140 .bannerText, .imageBanner2Col.boxHeightM_140 .bannerImage{min-height:140px;} .boxHeightM_150, .imageBanner2Col.boxHeightM_150 .bannerText, .imageBanner2Col.boxHeightM_150 .bannerImage{min-height:150px;} .boxHeightM_160, .imageBanner2Col.boxHeightM_160 .bannerText, .imageBanner2Col.boxHeightM_160 .bannerImage{min-height:160px;} .boxHeightM_170, .imageBanner2Col.boxHeightM_170 .bannerText, .imageBanner2Col.boxHeightM_170 .bannerImage{min-height:170px;} .boxHeightM_180, .imageBanner2Col.boxHeightM_180 .bannerText, .imageBanner2Col.boxHeightM_180 .bannerImage{min-height:180px;} .boxHeightM_190, .imageBanner2Col.boxHeightM_190 .bannerText, .imageBanner2Col.boxHeightM_190 .bannerImage{min-height:190px;} .boxHeightM_200, .imageBanner2Col.boxHeightM_200 .bannerText, .imageBanner2Col.boxHeightM_200 .bannerImage{min-height:200px;} .boxHeightM_210, .imageBanner2Col.boxHeightM_210 .bannerText, .imageBanner2Col.boxHeightM_210 .bannerImage{min-height:210px;} .boxHeightM_220, .imageBanner2Col.boxHeightM_220 .bannerText, .imageBanner2Col.boxHeightM_220 .bannerImage{min-height:220px;} .boxHeightM_230, .imageBanner2Col.boxHeightM_230 .bannerText, .imageBanner2Col.boxHeightM_230 .bannerImage{min-height:230px;} .boxHeightM_240, .imageBanner2Col.boxHeightM_240 .bannerText, .imageBanner2Col.boxHeightM_240 .bannerImage{min-height:240px;} .boxHeightM_250, .imageBanner2Col.boxHeightM_250 .bannerText, .imageBanner2Col.boxHeightM_250 .bannerImage{min-height:250px;} .boxHeightM_260, .imageBanner2Col.boxHeightM_260 .bannerText, .imageBanner2Col.boxHeightM_260 .bannerImage{min-height:260px;} .boxHeightM_270, .imageBanner2Col.boxHeightM_270 .bannerText, .imageBanner2Col.boxHeightM_270 .bannerImage{min-height:270px;} .boxHeightM_280, .imageBanner2Col.boxHeightM_280 .bannerText, .imageBanner2Col.boxHeightM_280 .bannerImage{min-height:280px;} .boxHeightM_290, .imageBanner2Col.boxHeightM_290 .bannerText, .imageBanner2Col.boxHeightM_290 .bannerImage{min-height:290px;} .boxHeightM_300, .imageBanner2Col.boxHeightM_300 .bannerText, .imageBanner2Col.boxHeightM_300 .bannerImage{min-height:300px;} .boxHeightM_310, .imageBanner2Col.boxHeightM_310 .bannerText, .imageBanner2Col.boxHeightM_310 .bannerImage{min-height:310px;} .boxHeightM_310, .imageBanner2Col.boxHeightM_310 .bannerText, .imageBanner2Col.boxHeightM_310 .bannerImage{min-height:310px;} .boxHeightM_320, .imageBanner2Col.boxHeightM_320 .bannerText, .imageBanner2Col.boxHeightM_320 .bannerImage{min-height:320px;} .boxHeightM_330, .imageBanner2Col.boxHeightM_330 .bannerText, .imageBanner2Col.boxHeightM_330 .bannerImage{min-height:330px;} .boxHeightM_340, .imageBanner2Col.boxHeightM_340 .bannerText, .imageBanner2Col.boxHeightM_340 .bannerImage{min-height:340px;} .boxHeightM_350, .imageBanner2Col.boxHeightM_350 .bannerText, .imageBanner2Col.boxHeightM_350 .bannerImage{min-height:350px;} .boxHeightM_360, .imageBanner2Col.boxHeightM_360 .bannerText, .imageBanner2Col.boxHeightM_360 .bannerImage{min-height:360px;} .boxHeightM_370, .imageBanner2Col.boxHeightM_370 .bannerText, .imageBanner2Col.boxHeightM_370 .bannerImage{min-height:370px;} .boxHeightM_380, .imageBanner2Col.boxHeightM_380 .bannerText, .imageBanner2Col.boxHeightM_380 .bannerImage{min-height:380px;} .boxHeightM_390, .imageBanner2Col.boxHeightM_390 .bannerText, .imageBanner2Col.boxHeightM_390 .bannerImage{min-height:390px;} .boxHeightM_400, .imageBanner2Col.boxHeightM_400 .bannerText, .imageBanner2Col.boxHeightM_400 .bannerImage{min-height:400px;} .boxHeightM_410, .imageBanner2Col.boxHeightM_410 .bannerText, .imageBanner2Col.boxHeightM_410 .bannerImage{min-height:410px;} .boxHeightM_420, .imageBanner2Col.boxHeightM_420 .bannerText, .imageBanner2Col.boxHeightM_420 .bannerImage{min-height:420px;} .boxHeightM_430, .imageBanner2Col.boxHeightM_430 .bannerText, .imageBanner2Col.boxHeightM_430 .bannerImage{min-height:430px;} .boxHeightM_440, .imageBanner2Col.boxHeightM_440 .bannerText, .imageBanner2Col.boxHeightM_440 .bannerImage{min-height:440px;} .boxHeightM_450, .imageBanner2Col.boxHeightM_450 .bannerText, .imageBanner2Col.boxHeightM_450 .bannerImage{min-height:450px;} .boxHeightM_460, .imageBanner2Col.boxHeightM_460 .bannerText, .imageBanner2Col.boxHeightM_460 .bannerImage{min-height:460px;} .boxHeightM_470, .imageBanner2Col.boxHeightM_470 .bannerText, .imageBanner2Col.boxHeightM_470 .bannerImage{min-height:470px;} .boxHeightM_480, .imageBanner2Col.boxHeightM_480 .bannerText, .imageBanner2Col.boxHeightM_480 .bannerImage{min-height:480px;} .boxHeightM_490, .imageBanner2Col.boxHeightM_490 .bannerText, .imageBanner2Col.boxHeightM_490 .bannerImage{min-height:490px;} .boxHeightM_500, .imageBanner2Col.boxHeightM_500 .bannerText, .imageBanner2Col.boxHeightM_500 .bannerImage{min-height:500px;} .boxHeightM_550, .imageBanner2Col.boxHeightM_550 .bannerText, .imageBanner2Col.boxHeightM_550 .bannerImage{min-height:550px;} .boxHeightM_600, .imageBanner2Col.boxHeightM_600 .bannerText, .imageBanner2Col.boxHeightM_600 .bannerImage{min-height:600px;} .boxHeightM_650, .imageBanner2Col.boxHeightM_650 .bannerText, .imageBanner2Col.boxHeightM_650 .bannerImage{min-height:650px;} .boxHeightM_700, .imageBanner2Col.boxHeightM_700 .bannerText, .imageBanner2Col.boxHeightM_700 .bannerImage{min-height:700px;} .boxHeightM_750, .imageBanner2Col.boxHeightM_750 .bannerText, .imageBanner2Col.boxHeightM_750 .bannerImage{min-height:750px;} .boxHeightM_800, .imageBanner2Col.boxHeightM_800 .bannerText, .imageBanner2Col.boxHeightM_800 .bannerImage{min-height:800px;} .boxHeightM_850, .imageBanner2Col.boxHeightM_850 .bannerText, .imageBanner2Col.boxHeightM_850 .bannerImage{min-height:850px;} .boxHeightM_900, .imageBanner2Col.boxHeightM_900 .bannerText, .imageBanner2Col.boxHeightM_900 .bannerImage{min-height:900px;} .boxHeightM_950, .imageBanner2Col.boxHeightM_950 .bannerText, .imageBanner2Col.boxHeightM_950 .bannerImage{min-height:950px;} .boxHeightM_1000, .imageBanner2Col.boxHeightM_1000 .bannerText, .imageBanner2Col.boxHeightM_1000 .bannerImage{min-height:1000px;} .backPosM_LT, .backPosM_LT .bannerImage > span{background-position:left top !important;} .backPosM_LC, .backPosM_LC .bannerImage > span{background-position:left center !important;} .backPosM_LB, .backPosM_LB .bannerImage > span{background-position:left bottom !important;} .backPosM_CT, .backPosM_CT .bannerImage > span{background-position:center top !important;} .backPosM_CC, .backPosM_CC .bannerImage > span{background-position:center !important;} .backPosM_CB, .backPosM_CB .bannerImage > span{background-position:center bottom !important;} .backPosM_RT, .backPosM_RT .bannerImage > span{background-position:right top !important;} .backPosM_RC, .backPosM_RC .bannerImage > span{background-position:right center !important;} .backPosM_RB, .backPosM_RB .bannerImage > span{background-position:right bottom !important;} .ce-gallery[data-ce-columns="3"] .ce-column{width:48%;} .ce-gallery[data-ce-columns="4"] .ce-column{width:48%;} .ce-gallery[data-ce-columns="5"] .ce-column{width:19%;} .ce-gallery[data-ce-columns="6"] .ce-column{width:19%;} .ce-gallery[data-ce-columns="7"] .ce-column{width:19%;} .ce-gallery[data-ce-columns="8"] .ce-column{width:19%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="3"] > div > div{width:48%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="4"] > div > div{width:48%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="5"] > div > div{width:18%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="6"] > div > div{width:18%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="7"] > div > div{width:18%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="8"] > div > div{width:18%;} } @media (max-width:769px){ } @media (max-width:739px){ footer.footer .container_1200{flex-wrap:wrap;} footer.footer .adresse{padding-bottom:30px;padding-left: 1%;} footer.footer .colSizeS_1{width:25%} footer.footer .colSizeS_2{width:50%;} footer.footer .colSizeS_3{width:75%;} footer.footer .colSizeS_4{width:100%;} .companyMapFlyout, .companymapLocation.totop .companyMapFlyout, .companymapLocation.toleft .companyMapFlyout{position:fixed; left:10%; right:10%; top:20%; bottom:auto; max-height:65%; overflow-y: auto;} .footerTrade{float:right;display:flex;flex-direction:column;text-align: center;margin-top:-20px;} .tradeHint{margin-right:0;width: 100%;padding-bottom: 5px;} } @media (max-width:699px){ body:after{content:''; display:block; position:absolute; bottom:0; height:50px; background:#fff; z-index:6; left:0; right:0;} footer.footer .content.logos > div div{/* max-width: 33.333%; */} .companyMapFlyout, .companymapLocation.totop .companyMapFlyout, .companymapLocation.toleft .companyMapFlyout{left:5%; right:5%; top:15%; max-height:75%;} .companymapLocation.aktiv .companyMapFlyout:before{display:none;} .companymapItem p a{white-space:normal;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:76px;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:82px;} #navContainer{min-width:70%;} .imageBanner1Col span.textCont{top:10px;left: 0;right: 0;} .countCubes div{font-size:38px;} .countCubes div span{font-size:16px;} body{padding-bottom:50px;} #sidePanel{top:auto;height:50px;bottom:0;left:0;right:0;position:fixed;background: rgba(255, 255, 255, 0.87);box-shadow: -1px 0 10px -1px #333;display: flex;justify-content: center;padding: 5px;} #sidePanel > div, #sidePanel > div{height:40px;border-radius:4px;background-size:25px auto;margin: 0 9px;width: 50px;} #sidePanel > div:after{left: 20%;bottom: 140%;border-left: 15px solid transparent ;border-top: 25px solid #333;border-right: 15px solid transparent;} #sidePanel.back_dunkelblau > div:after{border-left: 15px solid transparent ;border-top: 25px solid #00448b ;border-right: 15px solid transparent;} #sidePanel.back_hellblau > div:after{border-left: 15px solid transparent ;border-top: 25px solid #83cfeb ;border-right: 15px solid transparent;} #sidePanel.back_cyan > div:after{border-left: 15px solid transparent ;border-top: 25px solid #009ee3;border-right: 15px solid transparent;} #sidePanel.back_rot > div:after{border-left: 15px solid transparent ;border-top: 25px solid #e30018;border-right: 15px solid transparent;} #sidePanel.back_dunkelgrau > div:after{border-left: 15px solid transparent ;border-top: 25px solid #333;border-right: 15px solid transparent;} #sidePanel > div#suche > span > a{display:block;} #sidePanel #suche .panelFlyout{display:none;} #sidePanel div#suche.open:after{display:none;} #sidePanel > div.open:after{left: 20%;bottom: 60%;} .panelFlyout{bottom: 248%;left: -57px;top: auto !important;} .open .panelFlyout{bottom: 168%;left: -57px;top: auto;} #sidePanel > div:nth-child(2) .panelFlyout{left:-125px;} #sidePanel > div:nth-child(3) .panelFlyout{left:auto; right:-30%;} .sits_imgSlider .sits_imgSliderPrev, .sits_imgSlider .sits_imgSliderNext{display:none;} .sits_imgSlide.aktiv .sits_imgSlideTitle{bottom:10px;} /* .imageBanner2Col .colSizeS_1{width:25%} .imageBanner2Col .colSizeS_2{width:50%;} .imageBanner2Col .colSizeS_3{width:75%;} .imageBanner2Col .colSizeS_4{width:100%;} .imageBanner2Col.boxHeightS_100 .bannerImage{min-height:100px;} .imageBanner2Col.boxHeightS_110 .bannerImage{min-height:110px;} .imageBanner2Col.boxHeightS_120 .bannerImage{min-height:120px;} .imageBanner2Col.boxHeightS_130 .bannerImage{min-height:130px;} .imageBanner2Col.boxHeightS_140 .bannerImage{min-height:140px;} .imageBanner2Col.boxHeightS_150 .bannerImage{min-height:150px;} .imageBanner2Col.boxHeightS_160 .bannerImage{min-height:160px;} .imageBanner2Col.boxHeightS_170 .bannerImage{min-height:170px;} .imageBanner2Col.boxHeightS_180 .bannerImage{min-height:180px;} .imageBanner2Col.boxHeightS_190 .bannerImage{min-height:190px;} .imageBanner2Col.boxHeightS_200 .bannerImage{min-height:200px;} .imageBanner2Col.boxHeightS_210 .bannerImage{min-height:210px;} .imageBanner2Col.boxHeightS_220 .bannerImage{min-height:220px;} .imageBanner2Col.boxHeightS_230 .bannerImage{min-height:230px;} .imageBanner2Col.boxHeightS_240 .bannerImage{min-height:240px;} .imageBanner2Col.boxHeightS_250 .bannerImage{min-height:250px;} .imageBanner2Col.boxHeightS_260 .bannerImage{min-height:260px;} .imageBanner2Col.boxHeightS_270 .bannerImage{min-height:270px;} .imageBanner2Col.boxHeightS_280 .bannerImage{min-height:280px;} .imageBanner2Col.boxHeightS_290 .bannerImage{min-height:290px;} .imageBanner2Col.boxHeightS_300 .bannerImage{min-height:300px;} .imageBanner2Col.boxHeightS_310 .bannerImage{min-height:310px;} .imageBanner2Col.boxHeightS_310 .bannerImage{min-height:310px;} .imageBanner2Col.boxHeightS_320 .bannerImage{min-height:320px;} .imageBanner2Col.boxHeightS_330 .bannerImage{min-height:330px;} .imageBanner2Col.boxHeightS_340 .bannerImage{min-height:340px;} .imageBanner2Col.boxHeightS_350 .bannerImage{min-height:350px;} .imageBanner2Col.boxHeightS_360 .bannerImage{min-height:360px;} .imageBanner2Col.boxHeightS_370 .bannerImage{min-height:370px;} .imageBanner2Col.boxHeightS_380 .bannerImage{min-height:380px;} .imageBanner2Col.boxHeightS_390 .bannerImage{min-height:390px;} .imageBanner2Col.boxHeightS_400 .bannerImage{min-height:400px;} .imageBanner2Col.boxHeightS_410 .bannerImage{min-height:410px;} .imageBanner2Col.boxHeightS_420 .bannerImage{min-height:420px;} .imageBanner2Col.boxHeightS_430 .bannerImage{min-height:430px;} .imageBanner2Col.boxHeightS_440 .bannerImage{min-height:440px;} .imageBanner2Col.boxHeightS_450 .bannerImage{min-height:450px;} .imageBanner2Col.boxHeightS_460 .bannerImage{min-height:460px;} .imageBanner2Col.boxHeightS_470 .bannerImage{min-height:470px;} .imageBanner2Col.boxHeightS_480 .bannerImage{min-height:480px;} .imageBanner2Col.boxHeightS_490 .bannerImage{min-height:490px;} .imageBanner2Col.boxHeightS_500 .bannerImage{min-height:500px;} .imageBanner2Col.boxHeightS_550 .bannerImage{min-height:550px;} .imageBanner2Col.boxHeightS_600 .bannerImage{min-height:600px;} .imageBanner2Col.boxHeightS_650 .bannerImage{min-height:650px;} .imageBanner2Col.boxHeightS_700 .bannerImage{min-height:700px;} .imageBanner2Col.boxHeightS_750 .bannerImage{min-height:750px;} .imageBanner2Col.boxHeightS_800 .bannerImage{min-height:800px;} .imageBanner2Col.boxHeightS_850 .bannerImage{min-height:850px;} .imageBanner2Col.boxHeightS_900 .bannerImage{min-height:900px;} .imageBanner2Col.boxHeightS_950 .bannerImage{min-height:950px;} .imageBanner2Col.boxHeightS_1000 .bannerImage{min-height:1000px;} .imageBanner2Col[class*=" boxHeightS_"] .bannerText{min-height:unset; padding:20px 15px;} */ .ce-column {margin-right:1% !important;margin-left:1% !important;margin-bottom: 10px;} .sits_akkordeon > .frame-type-image > .ce-image > .ce-gallery{margin-right:-1%;margin-left:-1%;} .ce-gallery[data-ce-columns="1"] .ce-column{width:auto; margin-left:1%; margin-right:1%;} .ce-gallery[data-ce-columns="2"] .ce-column{width:48%;} .ce-gallery[data-ce-columns="3"] .ce-column{width:48%;} .ce-gallery[data-ce-columns="4"] .ce-column{width:48%;} .ce-gallery[data-ce-columns="5"] .ce-column{width:23%;} .ce-gallery[data-ce-columns="6"] .ce-column{width:23%;} .ce-gallery[data-ce-columns="7"] .ce-column{width:23%;} .ce-gallery[data-ce-columns="8"] .ce-column{width:23%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="3"] > div > div{width:48%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="4"] > div > div{width:48%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="5"] > div > div{width:23%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="6"] > div > div{width:23%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="7"] > div > div{width:23%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="8"] > div > div{width:23%;} } @media (max-width:699px) and (max-height:549px){ .companyMapFlyout, .companymapLocation.totop .companyMapFlyout, .companymapLocation.toleft .companyMapFlyout{top:15%; max-height:73%} } @media (max-width:699px) and (max-height:449px){ .companyMapFlyout, .companymapLocation.totop .companyMapFlyout, .companymapLocation.toleft .companyMapFlyout{top:18%; max-height:68%} } @media (max-width:649px){ .content.LinkCircle{flex-direction:column;padding: 0 2% 0 6%;} .content.LinkCircle .circles{width:100%; display:flex;} .content.LinkCircle .CircleItem{width: 25%;flex-direction: column;margin:0 1%;} .content.LinkCircle .leftCircles .CircleItem{flex-direction:column-reverse;text-align:left;} .content.LinkCircle .CircleItem *{flex-shrink:0; } .content.LinkCircle .CircleItem .circleImg{text-align:center; width:80%;} .content.LinkCircle .CircleItem .circleText{width: 100%;padding: 0;height: 48px;} .content.LinkCircle .CircleItem .circleText span{display:table; width: 100%; height:100%;} .content.LinkCircle .CircleItem .circleText span span{display:table-cell; width: 100%; height:100%;} .content.LinkCircle .rightCircles .CircleItem .circleText{padding: 0;} .content.LinkCircle .rightCircles .CircleItem .circleText span span{vertical-align:top;} .content.LinkCircle .leftCircles .CircleItem .circleText span span{vertical-align:bottom;padding-bottom: 5px;} .content.LinkCircle .leftCircles .CircleItem:nth-child(2),.content.LinkCircle .rightCircles .CircleItem:nth-child(2){margin-bottom:0;} .content.LinkCircle .leftCircles .CircleItem:first-child{margin: 15% -4% -15% 0;} .content.LinkCircle .leftCircles .CircleItem:first-child .circleText, .content.LinkCircle .rightCircles .CircleItem:first-child .circleText{margin: 0 0 0 -15%;} .content.LinkCircle .rightCircles .CircleItem:first-child{margin: -15% -4% 15% 0;} .content.LinkCircle .leftCircles .CircleItem:last-child{margin: 15% 0 -15% -4%;} .content.LinkCircle .leftCircles .CircleItem:last-child .circleText, .content.LinkCircle .rightCircles .CircleItem:last-child .circleText{margin: 0 -40% 0 0; padding-right:5px;} .content.LinkCircle .leftCircles .CircleItem:nth-child(3) .circleText, .content.LinkCircle .rightCircles .CircleItem:nth-child(3) .circleText{margin: 0 -25% 0 0;} .content.LinkCircle .rightCircles .CircleItem:last-child{margin: -15% 0 15% -4%;} .content.LinkCircle .leftCircles, .content.LinkCircle .rightCircles {} .content.LinkCircle .centerImg{width: 60%;margin: 15% 0 17% 0;text-align: center;} .content.LinkCircle.showAll.hasTopIcon{padding:0 3% 0 5%;} .content.LinkCircle.showAll .CircleItem{width: 20%;flex-direction: column;margin:0; position:relative;} .content.LinkCircle.showAll .centerImg{width:45%; margin:11% 0 13% 0;} .content.LinkCircle.showAll.hasTopIcon .leftCircles .CircleItem:first-child{margin: 15% -4% -15% 0;} .content.LinkCircle.showAll.hasTopIcon .leftCircles .CircleItem:nth-child(2){margin:0 10% 0 2%;} .content.LinkCircle.showAll.hasTopIcon .leftCircles .CircleItem:nth-child(3){margin:0 2% 0 12%;} .content.LinkCircle.showAll.hasTopIcon .rightCircles .CircleItem:first-child{margin: -15% -4% 15% 0;} .content.LinkCircle.showAll.hasTopIcon .rightCircles .CircleItem:nth-child(2){margin:0 10% 0 2%;} .content.LinkCircle.showAll.hasTopIcon .rightCircles .CircleItem:nth-child(3){margin:0 2% 0 12%;} .content.LinkCircle.showAll .CircleItem .circleText{position:absolute; top:87%; left:0; width:100%; text-align:center; margin:0 !important; height:auto;} .content.LinkCircle.showAll .CircleItem .circleText > *{background:#fff; display:inline-block; font-size:11px; border:1px solid #ccc; border-radius:5px; width:auto; height:auto; padding:2px 5px 3px 5px; line-height:.95;} .content.LinkCircle.showAll .CircleItem .circleText > * > *{padding:0 !important;width:auto; height:auto;} .content.LinkCircle.showAll .leftCircles .CircleItem .circleText{top:auto; bottom:87%;} .content.LinkCircle.showAll .topImg .circleText{top:auto; bottom:83%;} .content.LinkCircle.showAll .leftCircles .CircleItem .circleText, .content.LinkCircle.showAll .topImg .circleText .circleText > *{margin-top:-100%;} .content.LinkCircle .topImg, .content.LinkCircle .bottomImg{width:19%; margin-left:0;} .content.LinkCircle.showAll.hasBottomIcon{margin-bottom:65px; padding-bottom:0;} /*.content.LinkCircle .topImg, .content.LinkCircle .bottomImg{position: absolute;bottom:85%;left: 50%; width: 33%;} .content.LinkCircle .bottomImg{bottom:auto; top:85%;}*/ .content.verband .leftVerband, .rightVerband{width:100%; padding:30px 2%;} .content.verband .rightVerband{border-top:none !important;} .content.verband:last-child .leftVerband{border-bottom:none !important;} .companyMapFlyout{padding:20px 15px 20px 15px;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:74px;} .sits_headerNav[data-count="2"] > li > a span{display:none;} .sits_headerNav[data-count="2"] > li > a span.sits_linkImg{display:inline-block;} } @media (max-width:599px){ .headerBuble{bottom: 0%;width: 150px;height: 150px;} .sits_bubbleFlex > div{font-size:60px;} .sits_bubbleFlex > span{font-size:20px;} .headerBuble.fullHouse .sits_bubbleFlex > div{font-size:58px;} .headerBuble.fullHouse .sits_bubbleFlex > span{font-size:18px;} .content.max_820{padding:0 3%} footer.footer .container_1200{padding:30px 3% 10px 3%;} footer.footer ul.level_1{/* height:auto; */} .powermail_fieldwrap_einverstaendnis, .powermail_fieldwrap_hinweis{font-size:15px; text-align:center;} .powermail_fieldwrap_einverstaendnis input{clear:both;margin: 10px auto !important;float: none;} .powermail_fieldwrap_type_submit, .highlight_cyan .powermail_fieldwrap input[type=submit]{width:100%; text-align:center;} .powermail_fieldwrap{width:100%; margin-right:0;} .powermail_fieldwrap_einverstaendnis .powermail_field ul{top: -36px;} .powermail_field ul li{padding: 3px 6px;} .ce-intext.ce-right .ce-gallery, .specialNewsImg{clear: both;float: none;text-align: center;margin: 0 0 20px 0; max-width:100%;} .ce-column, .ce-gallery figure{width:100%; text-align:center;} .ce-gallery img{display:inline-block;} .js-gme-container > form > input[type="text"]{width:100%; margin-bottom:15px;} .js-gme-container > form > input[type="submit"]{width:100%;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:66px;} .ce-gallery[data-ce-columns="2"] .ce-column{width:98%;} .ce-gallery[data-ce-columns="3"] .ce-column{width:98%;} .ce-gallery[data-ce-columns="4"] .ce-column{width:98%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="2"] > div > div{width:98%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="3"] > div > div{width:98%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="4"] > div > div{width:98%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="5"] > div > div{width:48%;} } @media (max-width:549px){ .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:60px;} .footerTrade{clear:both;display:flex;flex-direction:column;text-align: left;float:none;margin-top: 5px;flex-wrap: nowrap;} .tradeHint{margin-right:0;width: 100%;padding-bottom: 5px;padding-top: 15px;} #tradeLogo{width:100%;} .sits_headerNav > li > a span{display:none;} .sits_headerNav > li > a span.sits_linkImg{display:inline-block;} /*.sits_headerNav{display:none;}*/ } @media (max-width:499px){ #navContainer{min-width:100%; width:100%;} nav.main-nav ul li.hasSub > ul{line-height:1.2;} nav.main-nav ul li ul li a{background-position: 0 10px;} h1,h2,h3,h4,h5{font-size:24px;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:58px;bottom:32%;/* text-shadow: 1px 1px 4px #000; */} body{font-size:15px; padding-top: 60px;} .headerBuble{bottom: -2%;width: 125px;height: 125px;padding: 0 1% 3% 1%;} .sits_bubbleFlex > div{font-size: 55px;} .sits_bubbleFlex > span{font-size: 16px;font-weight: bold;} .headerBuble.fullHouse .sits_bubbleFlex > div{font-size: 49px;margin: -3%;} .headerBuble.fullHouse .sits_bubbleFlex > span{font-size: 16px;} .headerItem, .headContainer .HeadHeadlineCont{top:60px;} .headContainer.nopara .HeadHeadlineCont, .nopara .headerItem{top:0;} .headContainer{margin: 0 !important;} header.head #headLogo{width:180px;top: 8px; height:48px;} header.head{height:60px;} .scrolled header.head{height:60px;} #burgerButton{top: 11px;} .scrolled #burgerButton{top:10px;} .content.LinkCircle .CircleItem .circleText{font-size:14px;} .zitat h1, .zitat h2, .zitat h3, .zitat h4, .zitat h5{font-size:38px;} .content.zitat{font-size:15px;} .imageBanner2Col .bannerText[class*=" colSizeS_"] .headline, .logos h1, .logos h2, .logos h3, .logos h4, .logos h5{font-size: 18px;} .logos h1, .logos h2, .logos h3, .logos h4, .logos h5{padding: 0 2% 10px 2%;} .html5video .videoDescript{padding: 20px 3% 20px 3%;} .html5video .videoPlayButton{width:80px; height:80px;} .imageBanner2Col .bannerText.colSizeS_4 .headline,.imageBanner2Col .bannerText.colSizeS_3 .headline, .html5video .videoDescript{font-size: 22px;letter-spacing:1px;font-family: IGRN-light;} .imageBanner2Col .bannerText .headline:after, .imageBanner2Col .bannerText.colSize_8 .headline:after, .imageBanner2Col .bannerText.colSize_9 .headline:after, .imageBanner2Col .bannerText.colSize_10 .headline:after, .imageBanner2Col .bannerText.colSize_11 .headline:after, .imageBanner2Col .bannerText.colSize_12 .headline:after, .imageBanner1Col .headline:after{width: 18px;height: 13px;margin-bottom: -3px;} .imageBanner2Col .bannerText .preline, .imageBanner2Col .bannerText.weiss .preline,{font-size:15px;margin-bottom: 5px;} .imageBanner1Col span.preline, .imageBanner1Col .weiss span.preline{font-size:14px; margin-bottom:0} .imageBanner1Col .headline{font-size: 20px;} .imageBanner2Col a .bannerText .headline:after, .imageBanner1Col a .headline:after{height: 18px;} .tx-powermail h1, .tx-powermail h2, .tx-powermail h3, .tx-powermail h4, .tx-powermail h5{margin-bottom:20px;} .logos > div{column-count: 2;} .logos > div div{display:inline-block; width:100%} .factLine{display:block;} .factLine:after{content:''; display:block; clear:both;} .factIcon{display:block; float:left;} .factVal, .factDescript{display:block; float:right; width:70%} footer.footer .content.logos > div div{/* max-width: 50%; */} .colSizeS_1{width:25%} .colSizeS_2{width:50%;} .colSizeS_3{width:75%;} .colSizeS_4{width:100%;} .textSizeS_1 .textCont, .headContainer.textSizeS_1 h1, .headContainer.textSizeS_1 h2, .headContainer.textSizeS_1 h3, .headContainer.textSizeS_1 h4, .headContainer.textSizeS_1 h5{width:25%} .textSizeS_2 .textCont, .headContainer.textSizeS_2 h1, .headContainer.textSizeS_2 h2, .headContainer.textSizeS_2 h3, .headContainer.textSizeS_2 h4, .headContainer.textSizeS_2 h5{width:50%;} .textSizeS_3 .textCont, .headContainer.textSizeS_3 h1, .headContainer.textSizeS_3 h2, .headContainer.textSizeS_3 h3, .headContainer.textSizeS_3 h4, .headContainer.textSizeS_3 h5{width:75%;} .textSizeS_4 .textCont, .headContainer.textSizeS_4 h1, .headContainer.textSizeS_4 h2, .headContainer.textSizeS_4 h3, .headContainer.textSizeS_4 h4, .headContainer.textSizeS_4 h5{width:100%;} .headholder.backPosS_LT .tableCell{text-align:left; vertical-align:top;} .headholder.backPosS_LC .tableCell{text-align:left; vertical-align:middle;} .headholder.backPosS_LB .tableCell{text-align:left; vertical-align:bottom;} .headholder.backPosS_CT .tableCell{text-align:center; vertical-align:top;} .headholder.backPosS_CC .tableCell{text-align:center; vertical-align:middle;} .headholder.backPosS_CB .tableCell{text-align:center; vertical-align:bottom;} .headholder.backPosS_RT .tableCell{text-align:right; vertical-align:top;} .headholder.backPosS_RC .tableCell{text-align:right; vertical-align:middle;} .headholder.backPosS_RB .tableCell{text-align:right; vertical-align:bottom;} .boxHeightS_100, .imageBanner2Col.boxHeightS_100 .bannerText, .imageBanner2Col.boxHeightS_100 .bannerImage{min-height:100px;} .boxHeightS_110, .imageBanner2Col.boxHeightS_110 .bannerText, .imageBanner2Col.boxHeightS_110 .bannerImage{min-height:110px;} .boxHeightS_120, .imageBanner2Col.boxHeightS_120 .bannerText, .imageBanner2Col.boxHeightS_120 .bannerImage{min-height:120px;} .boxHeightS_130, .imageBanner2Col.boxHeightS_130 .bannerText, .imageBanner2Col.boxHeightS_130 .bannerImage{min-height:130px;} .boxHeightS_140, .imageBanner2Col.boxHeightS_140 .bannerText, .imageBanner2Col.boxHeightS_140 .bannerImage{min-height:140px;} .boxHeightS_150, .imageBanner2Col.boxHeightS_150 .bannerText, .imageBanner2Col.boxHeightS_150 .bannerImage{min-height:150px;} .boxHeightS_160, .imageBanner2Col.boxHeightS_160 .bannerText, .imageBanner2Col.boxHeightS_160 .bannerImage{min-height:160px;} .boxHeightS_170, .imageBanner2Col.boxHeightS_170 .bannerText, .imageBanner2Col.boxHeightS_170 .bannerImage{min-height:170px;} .boxHeightS_180, .imageBanner2Col.boxHeightS_180 .bannerText, .imageBanner2Col.boxHeightS_180 .bannerImage{min-height:180px;} .boxHeightS_190, .imageBanner2Col.boxHeightS_190 .bannerText, .imageBanner2Col.boxHeightS_190 .bannerImage{min-height:190px;} .boxHeightS_200, .imageBanner2Col.boxHeightS_200 .bannerText, .imageBanner2Col.boxHeightS_200 .bannerImage{min-height:200px;} .boxHeightS_210, .imageBanner2Col.boxHeightS_210 .bannerText, .imageBanner2Col.boxHeightS_210 .bannerImage{min-height:210px;} .boxHeightS_220, .imageBanner2Col.boxHeightS_220 .bannerText, .imageBanner2Col.boxHeightS_220 .bannerImage{min-height:220px;} .boxHeightS_230, .imageBanner2Col.boxHeightS_230 .bannerText, .imageBanner2Col.boxHeightS_230 .bannerImage{min-height:230px;} .boxHeightS_240, .imageBanner2Col.boxHeightS_240 .bannerText, .imageBanner2Col.boxHeightS_240 .bannerImage{min-height:240px;} .boxHeightS_250, .imageBanner2Col.boxHeightS_250 .bannerText, .imageBanner2Col.boxHeightS_250 .bannerImage{min-height:250px;} .boxHeightS_260, .imageBanner2Col.boxHeightS_260 .bannerText, .imageBanner2Col.boxHeightS_260 .bannerImage{min-height:260px;} .boxHeightS_270, .imageBanner2Col.boxHeightS_270 .bannerText, .imageBanner2Col.boxHeightS_270 .bannerImage{min-height:270px;} .boxHeightS_280, .imageBanner2Col.boxHeightS_280 .bannerText, .imageBanner2Col.boxHeightS_280 .bannerImage{min-height:280px;} .boxHeightS_290, .imageBanner2Col.boxHeightS_290 .bannerText, .imageBanner2Col.boxHeightS_290 .bannerImage{min-height:290px;} .boxHeightS_300, .imageBanner2Col.boxHeightS_300 .bannerText, .imageBanner2Col.boxHeightS_300 .bannerImage{min-height:300px;} .boxHeightS_310, .imageBanner2Col.boxHeightS_310 .bannerText, .imageBanner2Col.boxHeightS_310 .bannerImage{min-height:310px;} .boxHeightS_310, .imageBanner2Col.boxHeightS_310 .bannerText, .imageBanner2Col.boxHeightS_310 .bannerImage{min-height:310px;} .boxHeightS_320, .imageBanner2Col.boxHeightS_320 .bannerText, .imageBanner2Col.boxHeightS_320 .bannerImage{min-height:320px;} .boxHeightS_330, .imageBanner2Col.boxHeightS_330 .bannerText, .imageBanner2Col.boxHeightS_330 .bannerImage{min-height:330px;} .boxHeightS_340, .imageBanner2Col.boxHeightS_340 .bannerText, .imageBanner2Col.boxHeightS_340 .bannerImage{min-height:340px;} .boxHeightS_350, .imageBanner2Col.boxHeightS_350 .bannerText, .imageBanner2Col.boxHeightS_350 .bannerImage{min-height:350px;} .boxHeightS_360, .imageBanner2Col.boxHeightS_360 .bannerText, .imageBanner2Col.boxHeightS_360 .bannerImage{min-height:360px;} .boxHeightS_370, .imageBanner2Col.boxHeightS_370 .bannerText, .imageBanner2Col.boxHeightS_370 .bannerImage{min-height:370px;} .boxHeightS_380, .imageBanner2Col.boxHeightS_380 .bannerText, .imageBanner2Col.boxHeightS_380 .bannerImage{min-height:380px;} .boxHeightS_390, .imageBanner2Col.boxHeightS_390 .bannerText, .imageBanner2Col.boxHeightS_390 .bannerImage{min-height:390px;} .boxHeightS_400, .imageBanner2Col.boxHeightS_400 .bannerText, .imageBanner2Col.boxHeightS_400 .bannerImage{min-height:400px;} .boxHeightS_410, .imageBanner2Col.boxHeightS_410 .bannerText, .imageBanner2Col.boxHeightS_410 .bannerImage{min-height:410px;} .boxHeightS_420, .imageBanner2Col.boxHeightS_420 .bannerText, .imageBanner2Col.boxHeightS_420 .bannerImage{min-height:420px;} .boxHeightS_430, .imageBanner2Col.boxHeightS_430 .bannerText, .imageBanner2Col.boxHeightS_430 .bannerImage{min-height:430px;} .boxHeightS_440, .imageBanner2Col.boxHeightS_440 .bannerText, .imageBanner2Col.boxHeightS_440 .bannerImage{min-height:440px;} .boxHeightS_450, .imageBanner2Col.boxHeightS_450 .bannerText, .imageBanner2Col.boxHeightS_450 .bannerImage{min-height:450px;} .boxHeightS_460, .imageBanner2Col.boxHeightS_460 .bannerText, .imageBanner2Col.boxHeightS_460 .bannerImage{min-height:460px;} .boxHeightS_470, .imageBanner2Col.boxHeightS_470 .bannerText, .imageBanner2Col.boxHeightS_470 .bannerImage{min-height:470px;} .boxHeightS_480, .imageBanner2Col.boxHeightS_480 .bannerText, .imageBanner2Col.boxHeightS_480 .bannerImage{min-height:480px;} .boxHeightS_490, .imageBanner2Col.boxHeightS_490 .bannerText, .imageBanner2Col.boxHeightS_490 .bannerImage{min-height:490px;} .boxHeightS_500, .imageBanner2Col.boxHeightS_500 .bannerText, .imageBanner2Col.boxHeightS_500 .bannerImage{min-height:500px;} .boxHeightS_550, .imageBanner2Col.boxHeightS_550 .bannerText, .imageBanner2Col.boxHeightS_550 .bannerImage{min-height:550px;} .boxHeightS_600, .imageBanner2Col.boxHeightS_600 .bannerText, .imageBanner2Col.boxHeightS_600 .bannerImage{min-height:600px;} .boxHeightS_650, .imageBanner2Col.boxHeightS_650 .bannerText, .imageBanner2Col.boxHeightS_650 .bannerImage{min-height:650px;} .boxHeightS_700, .imageBanner2Col.boxHeightS_700 .bannerText, .imageBanner2Col.boxHeightS_700 .bannerImage{min-height:700px;} .boxHeightS_750, .imageBanner2Col.boxHeightS_750 .bannerText, .imageBanner2Col.boxHeightS_750 .bannerImage{min-height:750px;} .boxHeightS_800, .imageBanner2Col.boxHeightS_800 .bannerText, .imageBanner2Col.boxHeightS_800 .bannerImage{min-height:800px;} .boxHeightS_850, .imageBanner2Col.boxHeightS_850 .bannerText, .imageBanner2Col.boxHeightS_850 .bannerImage{min-height:850px;} .boxHeightS_900, .imageBanner2Col.boxHeightS_900 .bannerText, .imageBanner2Col.boxHeightS_900 .bannerImage{min-height:900px;} .boxHeightS_950, .imageBanner2Col.boxHeightS_950 .bannerText, .imageBanner2Col.boxHeightS_950 .bannerImage{min-height:950px;} .boxHeightS_1000, .imageBanner2Col.boxHeightS_1000 .bannerText, .imageBanner2Col.boxHeightS_1000 .bannerImage{min-height:1000px;} .imageBanner2Col[class*=" boxHeightS_"] .bannerText{min-height:unset; padding:20px 15px;} .backPosS_LT, .backPosS_LT .bannerImage > span{background-position:left top !important;} .backPosS_LC, .backPosS_LC .bannerImage > span{background-position:left center !important;} .backPosS_LB, .backPosS_LB .bannerImage > span{background-position:left bottom !important;} .backPosS_CT, .backPosS_CT .bannerImage > span{background-position:center top !important;} .backPosS_CC, .backPosS_CC .bannerImage > span{background-position:center !important;} .backPosS_CB, .backPosS_CB .bannerImage > span{background-position:center bottom !important;} .backPosS_RT, .backPosS_RT .bannerImage > span{background-position:right top !important;} .backPosS_RC, .backPosS_RC .bannerImage > span{background-position:right center !important;} .backPosS_RB, .backPosS_RB .bannerImage > span{background-position:right bottom !important;} .countCubes{flex-wrap: wrap;} .sits_akkordeon > .frame > .sits_conentFrame, .sits_akkordeon > .frame-type-image > .ce-image{padding:0 10px 0 10px; } .sits_akkordeon > .frame.aktiv > .sits_conentFrame, .sits_akkordeon > .frame-type-image.aktiv > .ce-image{padding:80px 10px 0 10px;} .sits_akkordeon .sits_catContents > div > .frame{padding-left:10px;} .ce-gallery, .ce-bodytext{margin: 10px 0 0 0 !important;float:none;clear:both;width:100%;max-width: 100% !important;} .ce-gallery > .ce-column{text-align:center;} .ce-gallery[data-ce-columns="5"] .ce-column{width:48%;} .ce-gallery[data-ce-columns="6"] .ce-column{width:48%;} .ce-gallery[data-ce-columns="7"] .ce-column{width:48%;} .ce-gallery[data-ce-columns="8"] .ce-column{width:48%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="5"] > div > div{width:48%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="6"] > div > div{width:48%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="7"] > div > div{width:48%;} .sits_akkordeon .sits_catContents.flex[data-ce-columns="8"] > div > div{width:48%;} .sits_headerNav{height:60px;} } @media (max-width:449px){ .content.LinkCircle.showAll.hasTopIcon .leftCircles, .content.LinkCircle.showAll.hasBottomIcon .leftCircles, .content.LinkCircle.showAll.hasTopIcon .rightCircles, .content.LinkCircle.showAll.hasBottomIcon .rightCircles{flex-direction:column; width:100%;} .content.LinkCircle.showAll .leftCircles .CircleItem, .content.LinkCircle.showAll .rightCircles .CircleItem{margin:0 !important; width:100%; flex-direction: row; padding-bottom:15px;} .content.LinkCircle.showAll .leftCircles .CircleItem .circleImg, .content.LinkCircle.showAll .rightCircles .CircleItem .circleImg{width:35%; max-width:100px; flex:0 0 auto;} .content.LinkCircle.showAll .CircleItem .circleText, .content.LinkCircle .topImg, .content.LinkCircle .bottomImg{position:relative; top:auto; bottom:auto; margin:0; left:auto;} .content.LinkCircle .topImg .topImgInner, .content.LinkCircle .bottomImg .bottomImgInner{left:auto;} .content.LinkCircle.showAll .topImg, .content.LinkCircle.showAll .bottomImg{width:100%;} .content.LinkCircle.showAll .CircleItem .circleText, .content.LinkCircle .topImg .topImgInner > a .circleText, .content.LinkCircle .bottomImg .bottomImgInner > a .circleText{width:auto !important; text-align:left; flex:1; padding-left:10px;} .content.LinkCircle.showAll .CircleItem .circleText > *{background:none; font-size:1.2em; line-height:1; border:none;} .content.LinkCircle .topImg .topImgInner > a, .content.LinkCircle .bottomImg .bottomImgInner > a{flex-direction:row;} .content.LinkCircle .topImg .topImgInner .circleImg, .content.LinkCircle .bottomImg .bottomImgInner .circleImg{width:35%; flex:0 0 auto; max-width:100px;} .content.LinkCircle .topImg .topImgInner, .content.LinkCircle .bottomImg .bottomImgInner{padding-bottom:15px;} .content.LinkCircle.showAll .centerImg{display:none;} .content.LinkCircle.showAll .LogoMobile{display:block; border-bottom:1px solid #009ee3; padding:0 5% 10px 5%; margin-bottom:20px; width:100%; text-align:center;} .content.LinkCircle.showAll .LogoMobile > img{} main.maps_dunkelblau .LogoMobile{border-bottom:1px solid #00448b;} main.maps_hellblau .LogoMobile{border-bottom:1px solid #83cfeb;} main.maps_rot .LogoMobile{border-bottom:1px solid #e30018;} } @media (max-width:399px){ .companyMapFlyout, .companymapLocation.totop .companyMapFlyout, .companymapLocation.toleft .companyMapFlyout{left:5%; right:5%; top:13%; max-height:76%;} .boxHeightXS_100, .imageBanner2Col.boxHeightXS_100 .bannerText, .imageBanner2Col.boxHeightXS_100 .bannerImage{min-height:100px;} .boxHeightXS_110, .imageBanner2Col.boxHeightXS_110 .bannerText, .imageBanner2Col.boxHeightXS_110 .bannerImage{min-height:110px;} .boxHeightXS_120, .imageBanner2Col.boxHeightXS_120 .bannerText, .imageBanner2Col.boxHeightXS_120 .bannerImage{min-height:120px;} .boxHeightXS_130, .imageBanner2Col.boxHeightXS_130 .bannerText, .imageBanner2Col.boxHeightXS_130 .bannerImage{min-height:130px;} .boxHeightXS_140, .imageBanner2Col.boxHeightXS_140 .bannerText, .imageBanner2Col.boxHeightXS_140 .bannerImage{min-height:140px;} .boxHeightXS_150, .imageBanner2Col.boxHeightXS_150 .bannerText, .imageBanner2Col.boxHeightXS_150 .bannerImage{min-height:150px;} .boxHeightXS_160, .imageBanner2Col.boxHeightXS_160 .bannerText, .imageBanner2Col.boxHeightXS_160 .bannerImage{min-height:160px;} .boxHeightXS_170, .imageBanner2Col.boxHeightXS_170 .bannerText, .imageBanner2Col.boxHeightXS_170 .bannerImage{min-height:170px;} .boxHeightXS_180, .imageBanner2Col.boxHeightXS_180 .bannerText, .imageBanner2Col.boxHeightXS_180 .bannerImage{min-height:180px;} .boxHeightXS_190, .imageBanner2Col.boxHeightXS_190 .bannerText, .imageBanner2Col.boxHeightXS_190 .bannerImage{min-height:190px;} .boxHeightXS_200, .imageBanner2Col.boxHeightXS_200 .bannerText, .imageBanner2Col.boxHeightXS_200 .bannerImage{min-height:200px;} .boxHeightXS_210, .imageBanner2Col.boxHeightXS_210 .bannerText, .imageBanner2Col.boxHeightXS_210 .bannerImage{min-height:210px;} .boxHeightXS_220, .imageBanner2Col.boxHeightXS_220 .bannerText, .imageBanner2Col.boxHeightXS_220 .bannerImage{min-height:220px;} .boxHeightXS_230, .imageBanner2Col.boxHeightXS_230 .bannerText, .imageBanner2Col.boxHeightXS_230 .bannerImage{min-height:230px;} .boxHeightXS_240, .imageBanner2Col.boxHeightXS_240 .bannerText, .imageBanner2Col.boxHeightXS_240 .bannerImage{min-height:240px;} .boxHeightXS_250, .imageBanner2Col.boxHeightXS_250 .bannerText, .imageBanner2Col.boxHeightXS_250 .bannerImage{min-height:250px;} .boxHeightXS_260, .imageBanner2Col.boxHeightXS_260 .bannerText, .imageBanner2Col.boxHeightXS_260 .bannerImage{min-height:260px;} .boxHeightXS_270, .imageBanner2Col.boxHeightXS_270 .bannerText, .imageBanner2Col.boxHeightXS_270 .bannerImage{min-height:270px;} .boxHeightXS_280, .imageBanner2Col.boxHeightXS_280 .bannerText, .imageBanner2Col.boxHeightXS_280 .bannerImage{min-height:280px;} .boxHeightXS_290, .imageBanner2Col.boxHeightXS_290 .bannerText, .imageBanner2Col.boxHeightXS_290 .bannerImage{min-height:290px;} .boxHeightXS_300, .imageBanner2Col.boxHeightXS_300 .bannerText, .imageBanner2Col.boxHeightXS_300 .bannerImage{min-height:300px;} .boxHeightXS_310, .imageBanner2Col.boxHeightXS_310 .bannerText, .imageBanner2Col.boxHeightXS_310 .bannerImage{min-height:310px;} .boxHeightXS_310, .imageBanner2Col.boxHeightXS_310 .bannerText, .imageBanner2Col.boxHeightXS_310 .bannerImage{min-height:310px;} .boxHeightXS_320, .imageBanner2Col.boxHeightXS_320 .bannerText, .imageBanner2Col.boxHeightXS_320 .bannerImage{min-height:320px;} .boxHeightXS_330, .imageBanner2Col.boxHeightXS_330 .bannerText, .imageBanner2Col.boxHeightXS_330 .bannerImage{min-height:330px;} .boxHeightXS_340, .imageBanner2Col.boxHeightXS_340 .bannerText, .imageBanner2Col.boxHeightXS_340 .bannerImage{min-height:340px;} .boxHeightXS_350, .imageBanner2Col.boxHeightXS_350 .bannerText, .imageBanner2Col.boxHeightXS_350 .bannerImage{min-height:350px;} .boxHeightXS_360, .imageBanner2Col.boxHeightXS_360 .bannerText, .imageBanner2Col.boxHeightXS_360 .bannerImage{min-height:360px;} .boxHeightXS_370, .imageBanner2Col.boxHeightXS_370 .bannerText, .imageBanner2Col.boxHeightXS_370 .bannerImage{min-height:370px;} .boxHeightXS_380, .imageBanner2Col.boxHeightXS_380 .bannerText, .imageBanner2Col.boxHeightXS_380 .bannerImage{min-height:380px;} .boxHeightXS_390, .imageBanner2Col.boxHeightXS_390 .bannerText, .imageBanner2Col.boxHeightXS_390 .bannerImage{min-height:390px;} .boxHeightXS_400, .imageBanner2Col.boxHeightXS_400 .bannerText, .imageBanner2Col.boxHeightXS_400 .bannerImage{min-height:400px;} .boxHeightXS_410, .imageBanner2Col.boxHeightXS_410 .bannerText, .imageBanner2Col.boxHeightXS_410 .bannerImage{min-height:410px;} .boxHeightXS_420, .imageBanner2Col.boxHeightXS_420 .bannerText, .imageBanner2Col.boxHeightXS_420 .bannerImage{min-height:420px;} .boxHeightXS_430, .imageBanner2Col.boxHeightXS_430 .bannerText, .imageBanner2Col.boxHeightXS_430 .bannerImage{min-height:430px;} .boxHeightXS_440, .imageBanner2Col.boxHeightXS_440 .bannerText, .imageBanner2Col.boxHeightXS_440 .bannerImage{min-height:440px;} .boxHeightXS_450, .imageBanner2Col.boxHeightXS_450 .bannerText, .imageBanner2Col.boxHeightXS_450 .bannerImage{min-height:450px;} .boxHeightXS_460, .imageBanner2Col.boxHeightXS_460 .bannerText, .imageBanner2Col.boxHeightXS_460 .bannerImage{min-height:460px;} .boxHeightXS_470, .imageBanner2Col.boxHeightXS_470 .bannerText, .imageBanner2Col.boxHeightXS_470 .bannerImage{min-height:470px;} .boxHeightXS_480, .imageBanner2Col.boxHeightXS_480 .bannerText, .imageBanner2Col.boxHeightXS_480 .bannerImage{min-height:480px;} .boxHeightXS_490, .imageBanner2Col.boxHeightXS_490 .bannerText, .imageBanner2Col.boxHeightXS_490 .bannerImage{min-height:490px;} .boxHeightXS_500, .imageBanner2Col.boxHeightXS_500 .bannerText, .imageBanner2Col.boxHeightXS_500 .bannerImage{min-height:500px;} .boxHeightXS_550, .imageBanner2Col.boxHeightXS_550 .bannerText, .imageBanner2Col.boxHeightXS_550 .bannerImage{min-height:550px;} .boxHeightXS_600, .imageBanner2Col.boxHeightXS_600 .bannerText, .imageBanner2Col.boxHeightXS_600 .bannerImage{min-height:600px;} .boxHeightXS_650, .imageBanner2Col.boxHeightXS_650 .bannerText, .imageBanner2Col.boxHeightXS_650 .bannerImage{min-height:650px;} .boxHeightXS_700, .imageBanner2Col.boxHeightXS_700 .bannerText, .imageBanner2Col.boxHeightXS_700 .bannerImage{min-height:700px;} .boxHeightXS_750, .imageBanner2Col.boxHeightXS_750 .bannerText, .imageBanner2Col.boxHeightXS_750 .bannerImage{min-height:750px;} .boxHeightXS_800, .imageBanner2Col.boxHeightXS_800 .bannerText, .imageBanner2Col.boxHeightXS_800 .bannerImage{min-height:800px;} .boxHeightXS_850, .imageBanner2Col.boxHeightXS_850 .bannerText, .imageBanner2Col.boxHeightXS_850 .bannerImage{min-height:850px;} .boxHeightXS_900, .imageBanner2Col.boxHeightXS_900 .bannerText, .imageBanner2Col.boxHeightXS_900 .bannerImage{min-height:900px;} .boxHeightXS_950, .imageBanner2Col.boxHeightXS_950 .bannerText, .imageBanner2Col.boxHeightXS_950 .bannerImage{min-height:950px;} .boxHeightXS_1000, .imageBanner2Col.boxHeightXS_1000 .bannerText, .imageBanner2Col.boxHeightXS_1000 .bannerImage{min-height:1000px;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:56px;} .sits_bubbleFlex > div{font-size: 50px;} .sits_bubbleFlex > span{font-size: 13px;font-weight: bold;} .headerBuble.fullHouse .sits_bubbleFlex > div{font-size: 39px;} .headerBuble.fullHouse .sits_bubbleFlex > span{font-size: 13px;font-weight: bold;} .headerBuble{bottom: 0%;width: 105px;height: 105px;padding: 0 1% 3% 1%; font-weight: bold;} } @media (max-width:349px){ .imageBanner1Col span.preline, .imageBanner1Col .weiss span.preline{font-size:13px;} #sidePanel > div .panelFlyout{position:fixed;left: 2% !important;right: 2% !important;top:auto;bottom: 100px;width: auto;} #sidePanel > div.open .panelFlyout{bottom: 70px;} .headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size:52px;} } @media (max-width:319px){#sizeBlocker{display:block;}} @media (min-width:1300px){.headContainer h1, .headContainer h2, .headContainer h3, .headContainer h4, .headContainer h5{font-size: 120px;}} @media (max-height:439px){ body{padding-bottom:50px;} #sidePanel{top:auto;height:50px;bottom:0;left:0;right:0;position:fixed;background: rgba(255, 255, 255, 0.87);box-shadow: -1px 0 10px -1px #333;display: flex;justify-content: center;padding: 5px;} #sidePanel > div, #sidePanel > div{height:40px;border-radius:4px;background-size:25px auto;margin: 0 9px;width: 50px;} #sidePanel > div:after{left: 20%;bottom: 140%;border-left: 15px solid transparent ;border-top: 25px solid #333;border-right: 15px solid transparent;} #sidePanel.back_dunkelblau > div:after{border-left: 15px solid transparent ;border-top: 25px solid #00448b ;border-right: 15px solid transparent;} #sidePanel.back_hellblau > div:after{border-left: 15px solid transparent ;border-top: 25px solid #83cfeb ;border-right: 15px solid transparent;} #sidePanel.back_cyan > div:after{border-left: 15px solid transparent ;border-top: 25px solid #009ee3;border-right: 15px solid transparent;} #sidePanel.back_rot > div:after{border-left: 15px solid transparent ;border-top: 25px solid #e30018;border-right: 15px solid transparent;} #sidePanel.back_dunkelgrau > div:after{border-left: 15px solid transparent ;border-top: 25px solid #333;border-right: 15px solid transparent;} #sidePanel > div#suche > span > a{display:block;} #sidePanel #suche .panelFlyout{display:none;} #sidePanel div#suche.open:after{display:none;} #sidePanel > div.open:after{left: 20%;bottom: 60%;} .panelFlyout{bottom: 248%;left: -57px;top: auto;} .open .panelFlyout{bottom: 168%;left: -57px;top: auto;} #sidePanel > div:nth-child(2) .panelFlyout{left:-125px;} #sidePanel > div:nth-child(3) .panelFlyout{left:auto; right:-30%;} } /* ############################################################################################################################################################################## */ /* ENDE -> MediaQueryies */ /* SimpleLightbox css */ /* ############################################################################################################################################################################## */ .slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#fff;opacity:0.7;-webkit-animation:slbOverlay 0.5s;-moz-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext 0.4s;-moz-animation:slbEnterNext 0.4s;animation:slbEnterNext 0.4s}.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev 0.4s;-moz-animation:slbEnterPrev 0.4s;animation:slbEnterPrev 0.4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#000;color:rgba(0,0,0,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none; outline:none;}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:0.5}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#000;color:rgba(0,0,0,0.7);text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0; user-select:none; outline:none;}.slbArrow.next:before{border-left-color:#333}.slbArrow.prev{left:0; user-select:none; outline:none;}.slbArrow.prev:before{border-right-color:#333}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-moz-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnter{from{opacity:0;-moz-transform:translate3d(0, -1em, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0);-moz-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);-o-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterNext{from{opacity:0;-moz-transform:translate3d(4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0);-moz-transform:translate3d(4em, 0, 0);-ms-transform:translate3d(4em, 0, 0);-o-transform:translate3d(4em, 0, 0);transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterPrev{from{opacity:0;-moz-transform:translate3d(-4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0);-moz-transform:translate3d(-4em, 0, 0);-ms-transform:translate3d(-4em, 0, 0);-o-transform:translate3d(-4em, 0, 0);transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}} /* ############################################################################################################################################################################## */ /* SITS_CHO 2019-05-28 -> Breiten von 2Col überschreiben wenn kein Bild vorhanden ist /* /* ############################################################################################################################################################################## */ .imageBanner2Col .bannerImage.noPicAvail{width:0;} .imageBanner2Col .bannerText.noPicAvail{width:100%;} /* ############################################################################################################################################################################## */ /* Trigger Cookie-Consent */ /* ############################################################################################################################################################################## */ #consentTrigger{position:fixed;bottom: -17px;left: -17px;width: 70px;height: 70px;z-index: 10;pointer-events: none;transition: all 300ms ease-out;} #consentTrigger:hover, .isMobile #consentTrigger{bottom:0; left:-2px;} #consentTriggerInner{width: 125px;height: 50px;transform:rotate(45deg);background: #e30018;position: absolute;top: 37px;left: -35px; border:1px solid #fff; cursor:pointer; pointer-events:auto;} #consentTriggerInner.dunkelblau{background: #00448b;} #consentTriggerInner.hellblau{background: #83cfeb;} #consentTriggerInner.cyan{background:#009ee3;} #consentTriggerInner.dunkelgrau{background: #333;} #consentTriggerInner::before{content: '';position: absolute;display: block;border-left: 1px solid #fff;border-top: 1px solid #fff;transform: rotate(45deg);top: 7px;width: 10px;height: 10px;right: 71px;font-family: 'icons';font-size: 18px;transition: all 150ms ease-out;opacity: 1;transition-delay: 200ms;} #consentTrigger:hover #consentTriggerInner::before, .isMobile #consentTrigger #consentTriggerInner::before{opacity:0; transition-delay:0ms;} #consentTriggerIcon{position:absolute;z-index:1;width: 25px;height: 25px;top: 36px;left: 8px;background-image: url("../Icons/cookie.svg");background-size: contain;background-repeat: no-repeat; transition:all 300ms ease-out; opacity:0;} #consentTrigger:hover #consentTriggerIcon, .isMobile #consentTrigger #consentTriggerIcon{opacity:1;} /* ############################################################################################################################################################################## */ /* Opt-In */ /* ############################################################################################################################################################################## */ .sits_optIn{padding:16px;} .sits_optInTxtCont{padding:16px 16px 30px 16px;/* border:1px solid #ccc; */} .sits_optInTxtBubble{background:rgba(255,255,255,0.8); padding:20px; margin:20px;border: 1px solid #ccc;} .sits_optInTxtBubble p{font-size: .7em;line-height: 1.4; margin:0;} .sitsOptInCont{position:relative;} .sits_optInPreview{position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; background-position: center; background-size: cover; opacity:.5;} .sitsOptInInner{position:relative; z-index:1; text-shadow:1px 1px 2px #fff;} .sits_optIn button{margin-left:50%; margin-top:10px; transform: translateX(-50%); background:#00448b; color:#fff; border-radius:0; border:none; padding:6px 10px; display:inline-block; cursor:pointer; transition:all 100ms;} .sits_optIn button:hover{transform: translateX(-50%) scale(1.025); } .sits_optIn .responsiveContainer{margin:0;} .sits_optIn textarea{display:none;} .sits_optIn iframe{width:100%; height:auto;} /* ############################################################################################################################################################################## */