/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /* ############################################################################################################################################################################## */ html{font-family:arial,helvetica,sans-serif;line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;font-family:arial,helvetica,sans-serif;}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;vertical-align: bottom;border: 1px solid #5d5d5d;padding: 8px 13px;}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:1px solid silver;margin:0 2px;padding:.35em .625em .75em}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: veyx; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-Regular.ttf); font-display: swap;} @font-face {font-family: veyx; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-Italic.ttf); font-style:italic;font-display: swap;} @font-face {font-family: veyx; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-Bold.ttf); font-style:normal; font-weight:bold;font-display: swap;} @font-face {font-family: veyx; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-BoldItalic.ttf); font-style:italic; font-weight:bold;font-display: swap;} @font-face {font-family: veyx-extralight; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-ExtraLight.ttf); font-style:normal; font-weight:normal;font-display: swap;} @font-face {font-family: veyx-extralight; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-ExtraLightItalic.ttf); font-style:italic; font-weight:normal;font-display: swap;} @font-face {font-family: veyx-light; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-Light.ttf); font-style:normal; font-weight:normal;font-display: swap;} @font-face {font-family: veyx-light; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-LightItalic.ttf); font-style:italic; font-weight:normal;font-display: swap;} @font-face {font-family: veyx-black; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-Black.ttf); font-style:normal; font-weight:normal;font-display: swap;} @font-face {font-family: veyx-black; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-BlackItalic.ttf); font-style:italic; font-weight:normal;font-display: swap;} @font-face {font-family: veyx-semi; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-SemiBold.ttf); font-style:normal; font-weight:normal;font-display: swap;} @font-face {font-family: veyx-semi; src:url(/fileadmin/config/_veyx/Resources/Public/Fonts/SourceSansPro-SemiBoldItalic.ttf); font-style:italic; font-weight:normal;font-display: swap;} /* ############################################################################################################################################################################## */ /* ENDE -> Webfonts */ /* Allgemeines */ /* ############################################################################################################################################################################## */ *{box-sizing: border-box;outline:none;} html, body{height:100%; font-family: veyx-semi, arial,helvetica,sans-serif;} a{color:#009ba4;} img{max-width:100%;height: auto;vertical-align:bottom;display: inline !important;} body{font-size: 19px;color:#545454;display:flex;flex-direction: column;width: 100%;min-height: 100vh;} body.isIE{min-height: 100vh;} strong{color:#009ba4;} textarea{resize: none; width:100%; min-height:100px;} .frame, .content{padding-bottom: 40px;} .frame.frame-layout-1{max-width:800px; margin:0 auto;} .frame.frame-layout-2{background:#e1e1e1;padding-bottom: 0;} .frame.frame-layout-3{background:#fff;} .frame.frame-layout-2.frame-type-list{background:none;} .frame-type-header{padding-bottom:10px;} .frame p:last-child{margin-bottom:0;} main.maincont{max-width:1200px;width: 100%;margin: 0 auto;padding: 250px 1% 20px 1%;flex:1 0 auto;transition:padding 500ms;} .isIE main.maincont{flex:1 0 auto; min-height:90vh;} main.maincont p{line-height:1.1;margin-top: 0;} .maincontFlex{display:flex; width:100%; margin:0 -2%;} .sits_contentLeftCol, .sits_contentRightCol, .sits_contentMainCol{margin:0 2%;max-width:100%;min-width: 20%;} .sits_contentMainCol{flex:1 1 80%;} .sits_contentLeftCol, .sits_contentRightCol{flex: 0 0 23%;min-width:210px;} .layout_0 .sits_contentLeftCol{border-right:1px solid #ccc;padding-right: 20px;} .layout_0 .sits_contentRightCol{border-left:1px solid #ccc; padding-left:20px;} .sizeBlocker{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);color:#293133;font-size: 30px;text-shadow: 1px 1px 3px #fff;font-weight:bold;display:none; align-items:center; text-align:center; padding:20px;} main.maincont h1, main.maincont h2, main.maincont h3, main.maincont h4, main.maincont h5{margin:0 0 15px 0;font-size: 30px;color:#009ba4;text-transform: uppercase;font-weight: normal;font-family: veyx;} main.maincont h2{font-size:26px; } main.maincont h3{font-size:24px; } main.maincont h4{font-size:22px; margin: 0 0 10px 0;} main.maincont h5{font-size:20px;margin: 0 0 10px 0;} .cont_1300{max-width:1300px; margin:0 auto; position:relative; padding:0 1%;} .sits_flexBoxes .sits_flexBox .frame.frame-type-menu_sitemap{padding-left: 10%;} .extbase-debugger-floating{flex:1 0 auto;} @media (max-width:1210px){main.maincont{padding: 250px 2% 20px 2%;}} @media (max-width:768px){ main.maincont{padding: 240px 3% 20px 3%;} .maincontFlex{flex-direction:column;} .maincontFlex.withRightBox{flex-direction:column-reverse;} .sits_contentLeftCol, .sits_contentRightCol, .sits_contentMainCol{flex:0 0 auto; max-width:100%; width:100%;} main.maincont h1{font-size:26px; } main.maincont h2{font-size:24px; } main.maincont h3{font-size:22px; margin: 0 0 10px 0;} main.maincont h4{font-size:20px; margin: 0 0 10px 0;} main.maincont h5{font-size:20px;margin: 0 0 10px 0;} body{font-size:18px;} .layout_0 .sits_contentLeftCol, .layout_0 .sits_contentRightCol{border:none; padding:0} .layout_0 .sits_contentLeftCol{} .layout_0 .sits_contentLeftCol > *{flex:0 0 auto;margin-bottom: 15px;} } @media (max-width:679px){ main.maincont{padding: 80px 3% 20px 3%;} main.maincont h1{font-size:22px; } main.maincont h2{font-size:20px; } main.maincont h3{font-size:18px; margin: 0 0 10px 0;} main.maincont h4{font-size:18px; margin: 0 0 10px 0;} main.maincont h5{font-size:18px;margin: 0 0 10px 0;} body{font-size:16px;} } @media (max-width:319px){ .sizeBlocker{display:flex;} } /* ############################################################################################################################################################################## */ /* Header */ /* ############################################################################################################################################################################## */ /* Allgemein */ /* ============================================================================================================ */ header.head{position:fixed;top: 0;left: 0;right: 0;box-shadow: 0 3px 8px -5px #333;padding:25px 0 10px 0;background:#fff;z-index:20;transition: padding 500ms;} .isIE header.head{box-shadow:0px 3px 21px -7px #000;} .scrolled header.head{padding: 0px 0 0 0;} .sits_headInner{position:relative;background: #e1e1e1;height: 55px; transition:background 500ms;} .scrolled .sits_headInner{background: #fff;} .headFlex{display:flex;} .sits_extedetHeader{height: 124px;transition:all 500ms;opacity:1;} .scrolled .sits_extedetHeader{height:0;opacity:0;} /* .veyxTiere{flex: 0 0 180px;transition:all 500ms;margin-top: -3px;opacity:1;width: 180px;background-image:url(/fileadmin/config/_veyx/Resources/Public/Images/Tiere_klein.png);height:100%;background-size: 100% auto;position: relative;z-index: 2;overflow: hidden;background-repeat: no-repeat;} */ .veyxTiere{flex: 0 0 175px;transition:all 300ms;margin-top: -7px;opacity:1;width: 175px;height: 138px;background-size: 100% auto;position: relative;z-index: 2;overflow: hidden;background-repeat: no-repeat;} .scrolled .veyxTiere{height:100%} @media (max-width:859px){ .scrolled .sits_extedetHeader{opacity:1;} .scrolled .veyxTiere{opacity:0;} } @media (max-width:679px){ .sits_extedetHeader, .veyxTiere{transition:none;height:0;} header.head{padding:0;} .sits_headInner{background:#fff;} } /* ============================================================================================================ */ /* Logo */ /* ============================================================================================================ */ .headLogo{width:123px;flex: 0 0 123px;margin: -11px 5% 0 27px;position: relative;z-index: 10;transition: all 500ms;} .scrolled .headLogo{width:80px;flex: 0 0 80px;margin:1px 5% 0 27px;} @media (max-width:999px){ .headLogo{margin: -11px 1% 0 27px;} .scrolled .headLogo{margin:1px 1% 0 15px;} } @media (max-width:859px){ .scrolled .headLogo{margin:1px 1% 0 5px;} } @media (max-width:679px){ .headLogo{width:80px;flex: 0 0 80px;margin: 2px 1% 0 5px;} } /* ============================================================================================================ */ /* Suchformular im Header */ /* ============================================================================================================ */ header.head .searchcontainer{display:flex;flex: 1;justify-content: flex-end;align-items: center;position: relative;z-index: 0;height: 100%;overflow: hidden;} header.head .tx-indexedsearch-searchbox{flex: 0 0 auto;transition: all 300ms;min-width: 40px;position: relative;border: 1px solid #5d5d5d; box-shadow:0 2px 6px -5px #333;} .sits_headerSerach .tx-indexedsearch-searchbox-sword{width: 200px;font-size: 16px;border: none;padding: 15px 50px 14px 15px;} .sits_headerSerach .tx-indexedsearch-searchbox-sword::placeholder{color:#333;} .sits_searchBtn{cursor:pointer;border: none;outline: none;border:none;width: 36px;height: 100%;position:absolute;top:0;right:0;display: none; background:#fff;} .sits_searchBtn > span, .sits_searchTrigger >span{display:block;position:absolute;width: 18px;height: 18px;border: 2px solid #009ba4;border-radius:50%;top: 11px;} .sits_searchTrigger{position:fixed;} .sits_searchBtn > span::after, .sits_searchTrigger > span::after{content:'';display:block;position:absolute;width:3px;transform: rotate(40deg);top: 12px;left: -3px;height: 10px;background:#009ba4;} .sits_searchTrigger > span{border: 3px solid #565656; width:20px; height:20px;} .sits_searchTrigger > span::after{background:#565656;width:4px;height: 10px;left: -5px;top: 14px;} .sits_headerSerach:focus-within .sits_searchBtn{display:block;} .sits_headerSerach.aktiv .sits_searchBtn{display:block;} .sits_searchTrigger{display:none;position:fixed;top: 28px;right: 100px;} @media (max-width:859px){ .sits_searchTrigger{display:block; transition:all 500ms;} header.head .tx-indexedsearch-searchbox{position: fixed;top: 90px;right: 10px;} header.head .tx-indexedsearch-searchbox{display:none;} header.head .tx-indexedsearch-searchbox.open{display:block;} .scrolled .sits_searchTrigger{top:2px} .scrolled header.head .tx-indexedsearch-searchbox{top: 65px;} } @media (max-width:679px){ header.head .tx-indexedsearch-searchbox{top:65px} .sits_searchTrigger{top:2px;} } /* ============================================================================================================ */ /* Hintergrund und Teaser */ /* ============================================================================================================ */ .sits_headerBack{background-image:url(/fileadmin/config/_venti/Resources/Public/Images/Kopf_basic_091001.jpg); background-size:auto; background-position: right;height:138px;display: flex;justify-content:flex-end; background-repeat:no-repeat;} .sits_headerBack > *{flex:0 0 auto;} /* ============================================================================================================ */ /* Burger-Btn */ /* ============================================================================================================ */ .sits_burgerButton{height: 40px;position:absolute;right:1%;width: 50px;top: 8px;transition: top 300ms;z-index: 20;display:none;} .scrolled .sits_burgerButton{top: 8px;} .bar1, .bar2, .bar3{background-color:#565656;height: 4px;margin: 8px 6px 6px 6px;transition:0.4s;border-radius: 3px;} .bar1{margin: 6px 6px 8px 6px;} .change .bar1{background-color:#fff;margin: 7px 6px 5px 10px;-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-10px, 6px);} .change .bar2{opacity:0;} .change .bar3{background-color:#fff;margin: 8px 8px 0px 8px;-webkit-transform:rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-9px, -8px);} /* ============================================================================================================ */ /* Hauptnavigation */ /* ============================================================================================================ */ .headerNav{flex:1 0 auto;position: relative;z-index: 10;} .headerNav ul{list-style-type:none;display:block; padding:0} .headerNav a{transition:color 300ms;} .headerNav > ul.level_1{justify-content: space-between;display:flex;margin: 10px 0 0 0;transition:background 500ms;} .headerNav > ul.level_1 > li{display:block;flex: 0 0 auto;position:relative;margin:0 1%;height: 45px;} .headerNav > ul.level_1 > li:last-child{flex:0 1 auto;} .headerNav > ul.level_1 > li > a{color:#545454;text-transform: uppercase;font-size: 19px;text-decoration:none;padding: 10px;display: inline-block;} .headerNav > ul.level_1 > li > ul{display:none;position:absolute;top:100%;left: 0;min-width: 200px;background: #fff;padding: 10px 0;box-shadow: 0 3px 7px -5px #000;} .isIE .headerNav > ul.level_1 > li > ul{box-shadow: 0 3px 17px -5px #000;} .headerNav > ul.level_1 > li:nth-child(3) ~ li > ul{left:auto; right:0} .headerNav > ul.level_1 > li.offen > ul{display:none;} .headerNav > ul.level_1 > li:hover > ul{display:block;} .headerNav > ul.level_1 > li > ul > li{position:relative;} .headerNav > ul.level_1 > li > ul a{text-decoration:none;display:block;color:#293133;padding: 5px 20px;white-space: nowrap;text-transform: uppercase;font-size: 19px;} .headerNav > ul.level_1 > li > ul a:hover, ul.level_1 > li:hover > a, .headerNav > ul.level_1 > li.aktiv > a{color:#009ba4;} .headerNav > ul.level_1 > li > ul > li > ul{display:none; position:absolute; left:100%; top:-10px; width:230px;background: #FBFCFD;padding:10px 20px;box-shadow: 0 3px 7px -5px #000;} .headerNav > ul.level_1 > li:nth-child(3) ~li > ul > li > ul{left:auto; right:100%;} .headerNav > ul.level_1 > li > ul > li:hover > ul{display:block;} @media (max-width:859px){ .headerNav{position:fixed; top:25px; right:0; transition: all 500ms; pointer-events:none; height:calc(100% - 25px); z-index:19; display:none; min-width:40%;} .scrolled .headerNav{top:0;} .headerNav.offen{display:block;} .headerNav > ul.level_1{display:block;margin:0;padding: 10px 0px 10px 10px;background:#009ba4;max-height:100%;overflow-y:auto;overflow-x: hidden;pointer-events:all;} .sits_burgerButton{display:block;} .headerNav > ul.level_1 > li{height:auto;} .headerNav > ul.level_1 > li > a{color:#fff; font-family:veyx; padding-right:80px;} .headerNav > ul.level_1 > li ul, .isIE .headerNav > ul.level_1 > li > ul{position:relative;top:0;margin-top: -6px;left:0;padding: 0 0 0 10px;background:none;box-shadow:none;} .headerNav > ul.level_1 > li:hover > ul{display:none;} .headerNav > ul.level_1 > li.offen > ul{display:block;} .headerNav > ul.level_1 > li > ul > li{padding-left: 0px;} .headerNav > ul.level_1 > li > ul > li::before{content:'';position:absolute;border-top:2px solid #fff;border-right:2px solid #fff;width: 9px;height: 9px;transform:rotate(45deg);top: 7px;left:2px;} .headerNav > ul.level_1 > li > ul a{padding:4px 10px 4px 22px;color: #333;font-family:veyx;} .headerNav > ul.level_1 > li > ul a:hover{color:#000;} .headerNav > ul.level_1 > li > ul a:hover, ul.level_1 > li:hover > a, .headerNav > ul.level_1 > li.aktiv > a{color:#fff;} } @media (max-width:679px){ .headerNav{min-width:60%;top: 0;} } /* ============================================================================================================ */ /* Sprachauswahl */ /* ============================================================================================================ */ .sits_langMen{display:flex;flex:0 0 auto;margin-left:30px;align-items:center;font-family:veyx;height: 100%;overflow: hidden;} .mobileLang{display:none;} .sitsLanMenInner{margin-right:30px; position:relative;} .sits_langMenTrigger{text-transform:uppercase;font-size:20px;padding: 0 10px;cursor:pointer; transition:color 300ms;} .sits_langMenTrigger >span.sits_Arrows{display:inline-block;position:relative;height: 21px;width: 25.5px;margin-left: 10px;} .sits_langMenTrigger >span.sits_Arrows::before, .sits_langMenTrigger > span.sits_Arrows::after{content:'';display:block;position:absolute;width: 70%;left: 0;height:3px;border-radius: 3px;background:#5d5d5d;bottom: 5px;transform: rotate(40deg);transition:all 300ms;} .sits_langMenTrigger >span.sits_Arrows::before{left:2%;} .sits_langMenTrigger > span.sits_Arrows::after{transform: rotate(140deg);left: 50%;} .sits_langMenTrigger:hover > span.sits_Arrows::before, .sits_langMenTrigger:hover > span.sits_Arrows::after{background:#009ba4} .sits_langMen.open .sits_langMenTrigger > span.sits_Arrows::before{transform:rotate(140deg);left: 3%; background:#808080;} .sits_langMen.open .sits_langMenTrigger > span.sits_Arrows::after{transform:rotate(40deg);background:#808080;} .sits_langMen.open .sits_langMenTrigger{color:#666;} ul.menu-language{list-style-type: none;margin: 0;left: 10px;background: #fff;padding: 0;border: 1px solid #5d5d5d;display: block;overflow: hidden;position:absolute;box-shadow: 0 2px 6px -5px #333;opacity: 0;height: 0;top: 120%;transition: all 300ms;} .sits_langMen.open ul.menu-language{height:25px;opacity:1;} .scrolled ul.menu-language{display:none;} ul.menu-language li{margin-right: 8px;padding: 0;padding: 3px 10px;} ul.menu-language li{border:none;} ul.menu-language li.text-muted, ul.menu-language li.active{display:none;} ul.menu-language li a, ul.menu-language li span{font-size: 17px;text-decoration:none;display: inline;color: #333;text-transform:uppercase;transition:color 300ms;} ul.menu-language li a{display:block;white-space: nowrap;} ul.menu-language li:hover a > span{color:#009ba4;} ul.menu-language li a::before{content:''; width:7px; height:7px; display:inline-block; border-top:2px solid #5d5d5d; border-right:2px solid #5d5d5d; transform:rotate(45deg); border-radius:2px; margin-right:5px; transition:border 300ms;} ul.menu-language li:hover a::before{border-color:#009ba4;} @media (max-width:859px){ .sits_langMen{position:fixed;top: 38px;right: 100px;height:auto; transition:top 500ms; overflow:visible;} .scrolled .sits_langMen{top: 15px;} .mobileLang{display:inline;} .desktopLang{display:none;} .sits_langMenTrigger >span.sits_Arrows{width:20px; margin-left:5px;} ul.menu-language, .scrolled ul.menu-language{display:inherit;top:50px;} } @media (max-width:679px){.sits_langMen{top:15px;}} /* ============================================================================================================ */ /* ############################################################################################################################################################################## */ /* ENDE -> Header */ /* Footer */ /* ############################################################################################################################################################################## */ footer.foot{flex: 0 0 auto;width:100%;align-items: center;background: #e1e1e1;overflow: hidden; flex-wrap:wrap; margin-top:auto;} footer.foot > .cont_1300{display:flex;padding: 10px; min-height:60px;align-items: center; flex-wrap:wrap; height:100%;} .footMen{flex:1 0 auto;} .footmenu{flex:1 0 auto;list-style-type:none;display:flex;justify-content: flex-start;align-items:center;flex-wrap:wrap;margin:0 -1%;padding: 0;} .footmenu > li{margin:0 1%;} .footmenu a{text-decoration:none; font-size:16px; font-family:veyx; color:#545454; text-transform:uppercase; transition:color 300ms;} .footmenu a:hover{color:#009ba4} .footAddress{font-size:15px; flex:0 0 auto; text-align:center;} .footAddress *{padding:0; margin:0; display:inline; } @media (max-width:767px){ footer.foot > .cont_1300{padding:15px 10px;} .footMen, .footAddress{flex:1 0 100%;} .footmenu{justify-content:center; margin:0 -2%;} .footmenu > li{margin:0 2%;} .footAddress{padding-top:10px;} } /* ############################################################################################################################################################################## */ /* ENDE -> Footer */ /* Login-Formular */ /* ############################################################################################################################################################################## */ .sits_contentLeftCol .frame-type-login{padding-top:0;padding-bottom: 0;} .frame-type-login .tx-felogin-pi1 >h3, .frame-type-login fieldset > legend{display:none;} .frame-type-login .tx-felogin-pi1 >div{display: none;} .frame-type-login fieldset{display:block; padding-top:25px; border:none;} .sits_contentLeftCol .frame-type-login fieldset{padding:5px; text-align:center} .frame-type-login fieldset > div{display:flex;align-items:center;flex-wrap: wrap;padding-bottom:15px;} .frame-type-login fieldset > div label{flex:0 0 150px;} .sits_contentLeftCol .frame-type-login fieldset > div{display:block; font-size:16px} .sits_contentLeftCol .frame-type-login fieldset > div label{color:#009ba4;display:block;} .frame-type-login input[type="submit"]{border:none; color:#fff; background:#009ba4; padding:5px 10px;} .frame-type-login.frame-reduzierung fieldset{padding:0; margin:0; } .frame-type-login.frame-reduzierung fieldset div{text-align:center; display:block;} .frame-type-login.frame-reduzierung fieldset div:first-of-type{display:none;} .frame-type-login.frame-reduzierung .tx-felogin-pi1 >div{display:none;} @media (max-width:767px){ .sits_contentLeftCol .frame-type-login fieldset{padding: 0 0 10px 0;text-align:left;border-bottom: 1px solid #ccc;} .sits_contentLeftCol .frame-type-login fieldset > div{padding:0;float: right;margin-top: -10px;} .sits_contentLeftCol .frame-type-login fieldset > div:first-of-type{float:left;} .sits_contentLeftCol .frame-type-login fieldset > div.felogin-hidden{clear:both;} .sits_contentLeftCol .frame-type-login fieldset > div label::after{content:': ';display:inline;} } /* ############################################################################################################################################################################## */ /* ENDE -> Login-Formular */ /* Contentelement FlexBoxes */ /* ############################################################################################################################################################################## */ .sits_flexBoxes{display:flex;flex-wrap:wrap;margin:0 -1%;padding-bottom: 0;} .sits_flexBoxes.align_center{justify-content:center;} .sits_flexBoxes.align_right{justify-content:flex-end;} .sits_flexBoxes .sits_flexBox .frame{padding:0;} .sits_flexBox .frame{margin-bottom:0;position: relative;} .sits_flexBox .frame.frame-type-image.frame-layout-2{padding: 20px;} .sits_flexBox .frame.frame-type-image.frame-layout-3{} .sits_flexBox .frame.frame-type-menu_pages{padding:0;} .sits_flexBoxes .sits_flexBox{flex:1 0; margin:0 1% 15px 1%;} .sits_flexBoxes[data-count-l="1"] .sits_flexBox{width:98%;flex:1 0 98%;} .sits_flexBoxes[data-count-l="2"] .sits_flexBox{width:48%;flex:1 0 48%;} .sits_flexBoxes[data-count-l="3"] .sits_flexBox{width:31.333333%; flex:0 0 31.333333%;} .sits_flexBoxes[data-count-l="4"] .sits_flexBox{width:23%;flex:0 0 23%} .sits_flexBoxes[data-count-l="5"], .sits_flexBoxes[data-count-l="6"], .sits_flexBoxes[data-count-l="7"], .sits_flexBoxes[data-count-l="8"], .sits_flexBoxes[data-count-l="9"], .sits_flexBoxes[data-count-l="10"]{margin:0 -0.5%;} .sits_flexBoxes[data-count-l="5"] .sits_flexBox{width:19%; flex:0 0 19%; margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-l="6"] .sits_flexBox{width:15.666666%; flex:0 0 15.666666%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-l="7"] .sits_flexBox{width:13.285714%; flex:0 0 13.285714%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-l="8"] .sits_flexBox{width:11.5%; flex:0 0 11.5%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-l="9"] .sits_flexBox{width:10.111111%; flex:0 0 10.111111%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-l="10"] .sits_flexBox{width:9%; flex:0 0 9%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes.align_block[data-count-l="3"] .sits_flexBox{flex:1 0 31.333333%;} .sits_flexBoxes.align_block[data-count-l="4"] .sits_flexBox{flex:1 0 23%} .sits_flexBoxes.align_block[data-count-l="5"] .sits_flexBox{flex:1 0 19%;} .sits_flexBoxes.align_block[data-count-l="6"] .sits_flexBox{flex:1 0 15.666666%;} .sits_flexBoxes.align_block[data-count-l="7"] .sits_flexBox{flex:1 0 13.285714%} .sits_flexBoxes.align_block[data-count-l="8"] .sits_flexBox{flex:1 0 11.5%;} .sits_flexBoxes.align_block[data-count-l="9"] .sits_flexBox{flex:1 0 10.111111%;} .sits_flexBoxes.align_block[data-count-l="10"] .sits_flexBox{flex:1 0 9%;} .sits_flexBoxes.space_s{margin:0 -0.5%;} .sits_flexBoxes.space_s .sits_flexBox{margin:0 0.5% 8px 0.5%;} .sits_flexBoxes.space_s[data-count-l="1"] .sits_flexBox{width:99%;flex:1 0 99%;} .sits_flexBoxes.space_s[data-count-l="2"] .sits_flexBox{width:49%;flex:1 0 49%;} .sits_flexBoxes.space_s[data-count-l="3"] .sits_flexBox{width:32.333333%; flex:0 0 32.333333%;} .sits_flexBoxes.space_s[data-count-l="4"] .sits_flexBox{width:24%;flex:0 0 24%} .sits_flexBoxes.space_s.align_block[data-count-l="3"] .sits_flexBox{width:32.333333%; flex:1 0 32.333333%;} .sits_flexBoxes.space_s.align_block[data-count-l="4"] .sits_flexBox{width:24%;flex:1 0 24%} .sits_flexBoxes.space_l, .sits_flexBoxes.space_l[data-count-l="5"], .sits_flexBoxes.space_l[data-count-l="6"], .sits_flexBoxes.space_l[data-count-l="7"], .sits_flexBoxes.space_l[data-count-l="8"], .sits_flexBoxes.space_l[data-count-l="9"], .sits_flexBoxes.space_l[data-count-l="10"]{margin:0 -2%;} .sits_flexBoxes.space_l .sits_flexBox{margin: 0 2% 40px 2%;} .sits_flexBoxes.space_l[data-count-l="1"] .sits_flexBox{width:96%;flex:1 0 96%;} .sits_flexBoxes.space_l[data-count-l="2"] .sits_flexBox{width:46%;flex:1 0 46%;} .sits_flexBoxes.space_l[data-count-l="3"] .sits_flexBox{width:29.333333%; flex:0 0 29.333333%;} .sits_flexBoxes.space_l[data-count-l="4"] .sits_flexBox{width:21%;flex:0 0 21%} .sits_flexBoxes.space_l[data-count-l="5"] .sits_flexBox{width:18%; flex:0 0 18%; margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-l="6"] .sits_flexBox{width:14.666666%; flex:0 0 14.666666%; margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-l="7"] .sits_flexBox{width:12.285714%; flex:0 0 13.285714%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-l="8"] .sits_flexBox{width:10.5%; flex:0 0 11.5%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-l="9"] .sits_flexBox{width:9.111111%; flex:0 0 10.111111%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-l="10"] .sits_flexBox{width:8%; flex:0 0 9%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l.align_block[data-count-l="3"] .sits_flexBox{flex:1 0 32.333333%;} .sits_flexBoxes.space_l.align_block[data-count-l="4"] .sits_flexBox{flex:1 0 21%} .sits_flexBoxes.space_l.align_block[data-count-l="5"] .sits_flexBox{flex:1 0 18%;} .sits_flexBoxes.space_l.align_block[data-count-l="6"] .sits_flexBox{flex:1 0 14.666666%;} .sits_flexBoxes.space_l.align_block[data-count-l="7"] .sits_flexBox{flex:1 0 13.285714%;} .sits_flexBoxes.space_l.align_block[data-count-l="8"] .sits_flexBox{flex:1 0 11.5%;} .sits_flexBoxes.space_l.align_block[data-count-l="9"] .sits_flexBox{flex:1 0 10.111111%;} .sits_flexBoxes.space_l.align_block[data-count-l="10"] .sits_flexBox{flex:1 0 9%;} @media (max-width:767px){ .sits_flexBoxes[data-count-m="1"] .sits_flexBox{width:98%;flex:1 0 98%;} .sits_flexBoxes[data-count-m="2"] .sits_flexBox{width:48%;flex:1 0 48%;} .sits_flexBoxes[data-count-m="3"] .sits_flexBox{width:31.333333%; flex:0 0 31.333333%;} .sits_flexBoxes[data-count-m="4"] .sits_flexBox{width:23%;flex:0 0 23%} .sits_flexBoxes[data-count-m="5"] .sits_flexBox{width:19%; flex:0 0 19%; margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-m="6"] .sits_flexBox{width:15.666666%; flex: 0 0 15.666666%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-m="7"] .sits_flexBox{width:13.285714%; flex:0 0 13.285714%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-m="8"] .sits_flexBox{width:11.5%; flex:0 0 11.5%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-m="9"] .sits_flexBox{width:10.111111%; flex:0 0 10.111111%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes[data-count-m="10"] .sits_flexBox{width:9%; flex:0 0 9%;margin:0 0.5% 8px 0.5%;} .sits_flexBoxes.align_block[data-count-m="3"] .sits_flexBox{flex:1 0 31.333333%;} .sits_flexBoxes.align_block[data-count-m="4"] .sits_flexBox{flex:1 0 23%} .sits_flexBoxes.align_block[data-count-m="5"] .sits_flexBox{flex:1 0 19%;} .sits_flexBoxes.align_block[data-count-m="6"] .sits_flexBox{flex:1 0 15.666666%;} .sits_flexBoxes.align_block[data-count-m="7"] .sits_flexBox{flex:1 0 13.285714%} .sits_flexBoxes.align_block[data-count-m="8"] .sits_flexBox{flex:1 0 11.5%;} .sits_flexBoxes.align_block[data-count-m="9"] .sits_flexBox{flex:1 0 10.111111%;} .sits_flexBoxes.align_block[data-count-m="10"] .sits_flexBox{flex:1 0 9%;} .sits_flexBoxes.space_s .sits_flexBox{margin:0 0.5% 8px 0.5%;} .sits_flexBoxes.space_s[data-count-m="1"] .sits_flexBox{width:99%;flex:1 0 99%;} .sits_flexBoxes.space_s[data-count-m="2"] .sits_flexBox{width:49%;flex:1 0 49%;} .sits_flexBoxes.space_s[data-count-m="3"] .sits_flexBox{width:32.333333%; flex:0 0 32.333333%;} .sits_flexBoxes.space_s[data-count-m="4"] .sits_flexBox{width:24%;flex:0 0 24%} .sits_flexBoxes.space_s.align_block[data-count-m="3"] .sits_flexBox{flex:1 0 32.333333%;} .sits_flexBoxes.space_s.align_block[data-count-m="4"] .sits_flexBox{flex:1 0 24%} .sits_flexBoxes.space_l, .sits_flexBoxes.space_l[data-count-m="5"], .sits_flexBoxes.space_l[data-count-m="6"], .sits_flexBoxes.space_l[data-count-m="7"], .sits_flexBoxes.space_l[data-count-m="8"], .sits_flexBoxes.space_l[data-count-m="9"], .sits_flexBoxes.space_l[data-count-m="10"]{margin:0 -2%;} .sits_flexBoxes.space_l .sits_flexBox{margin:0 2% 30px 2%;} .sits_flexBoxes.space_l[data-count-m="1"] .sits_flexBox{width:96%;flex:1 0 96%;} .sits_flexBoxes.space_l[data-count-m="2"] .sits_flexBox{width:46%;flex:1 0 46%;} .sits_flexBoxes.space_l[data-count-m="3"] .sits_flexBox{width:29.333333%; flex:0 0 29.333333%;} .sits_flexBoxes.space_l[data-count-m="4"] .sits_flexBox{width:21%;flex:0 0 21%} .sits_flexBoxes.space_l[data-count-m="5"] .sits_flexBox{width:18%; flex:0 0 18%; margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-m="6"] .sits_flexBox{width:14.666666%; flex:0 0 14.666666%; margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-m="7"] .sits_flexBox{width:12.285714%; flex:0 0 13.285714%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-m="8"] .sits_flexBox{width:10.5%; flex:0 0 11.5%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-m="9"] .sits_flexBox{width:9.111111%; flex:0 0 10.111111%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-m="10"] .sits_flexBox{width:8%; flex:0 0 9%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l.align_block[data-count-m="3"] .sits_flexBox{flex:1 0 32.333333%;} .sits_flexBoxes.space_l.align_block[data-count-m="4"] .sits_flexBox{flex:1 0 21%} .sits_flexBoxes.space_l.align_block[data-count-m="5"] .sits_flexBox{flex:1 0 18%;} .sits_flexBoxes.space_l.align_block[data-count-m="6"] .sits_flexBox{flex:1 0 14.666666%;} .sits_flexBoxes.space_l.align_block[data-count-m="7"] .sits_flexBox{flex:1 0 13.285714%;} .sits_flexBoxes.space_l.align_block[data-count-m="8"] .sits_flexBox{flex:1 0 11.5%;} .sits_flexBoxes.space_l.align_block[data-count-m="9"] .sits_flexBox{flex:1 0 10.111111%;} .sits_flexBoxes.space_l.align_block[data-count-m="10"] .sits_flexBox{flex:1 0 9%;} } @media (max-width:549px){ .sits_flexBoxes[data-count-s="1"] .sits_flexBox{width:98%;flex:1 0 98%;} .sits_flexBoxes[data-count-s="2"] .sits_flexBox{width:48%;flex:1 0 48%;} .sits_flexBoxes[data-count-s="3"] .sits_flexBox{width:31.333333%; flex:0 0 31.333333%;} .sits_flexBoxes[data-count-s="4"] .sits_flexBox{width:23%;flex:0 0 23%} .sits_flexBoxes[data-count-s="5"] .sits_flexBox{width:19%; flex:0 0 19%} .sits_flexBoxes[data-count-s="6"] .sits_flexBox{width:15.666666%; flex:0 0 15.666666%} .sits_flexBoxes[data-count-s="7"] .sits_flexBox{width:13.285714%;flex:0 0 13.285714%} .sits_flexBoxes[data-count-s="8"] .sits_flexBox{width:11.5%; flex:0 0 11.5%} .sits_flexBoxes[data-count-s="9"] .sits_flexBox{width:10.111111%;flex:0 0 10.111111%} .sits_flexBoxes[data-count-s="10"] .sits_flexBox{width:9%;flex:0 0 13.9%} .sits_flexBoxes.align_block[data-count-s="3"] .sits_flexBox{flex:1 0 31.333333%;} .sits_flexBoxes.align_block[data-count-s="4"] .sits_flexBox{flex:1 0 23%} .sits_flexBoxes.align_block[data-count-s="5"] .sits_flexBox{flex:1 0 19%} .sits_flexBoxes.align_block[data-count-s="6"] .sits_flexBox{flex:1 0 15.666666%} .sits_flexBoxes.align_block[data-count-s="7"] .sits_flexBox{flex:1 0 13.285714%} .sits_flexBoxes.align_block[data-count-s="8"] .sits_flexBox{flex:1 0 11.5%} .sits_flexBoxes.align_block[data-count-s="9"] .sits_flexBox{flex:1 0 10.111111%} .sits_flexBoxes.align_block[data-count-s="10"] .sits_flexBox{flex:1 0 13.9%} .sits_flexBoxes.space_s .sits_flexBox{margin:0 0.5% 8px 0.5%;} .sits_flexBoxes.space_s[data-count-s="1"] .sits_flexBox{width:99%;flex:1 0 99%;} .sits_flexBoxes.space_s[data-count-s="2"] .sits_flexBox{width:49%;flex:1 0 49%;} .sits_flexBoxes.space_s[data-count-s="3"] .sits_flexBox{width:32.333333%; flex:0 0 32.333333%;} .sits_flexBoxes.space_s[data-count-s="4"] .sits_flexBox{width:24%;flex:0 0 24%} .sits_flexBoxes.space_s.align_block[data-count-s="3"] .sits_flexBox{flex:1 0 32.333333%;} .sits_flexBoxes.space_s.align_block[data-count-s="4"] .sits_flexBox{flex:1 0 24%} .sits_flexBoxes.space_l, .sits_flexBoxes.space_l[data-count-s="5"], .sits_flexBoxes.space_l[data-count-s="6"], .sits_flexBoxes.space_l[data-count-s="7"], .sits_flexBoxes.space_l[data-count-s="8"], .sits_flexBoxes.space_l[data-count-s="9"], .sits_flexBoxes.space_l[data-count-s="10"]{margin:0 -2%;} .sits_flexBoxes.space_l .sits_flexBox{margin:0 2% 30px 2%;} .sits_flexBoxes.space_l[data-count-s="1"] .sits_flexBox{width:96%;flex:1 0 96%;} .sits_flexBoxes.space_l[data-count-s="2"] .sits_flexBox{width:46%;flex:1 0 46%;} .sits_flexBoxes.space_l[data-count-s="3"] .sits_flexBox{width:29.333333%; flex:0 0 32.333333%;} .sits_flexBoxes.space_l[data-count-s="4"] .sits_flexBox{width:21%;flex:0 0 21%} .sits_flexBoxes.space_l[data-count-s="5"] .sits_flexBox{width:18%; flex:0 0 18%; margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-s="6"] .sits_flexBox{width:14.666666%; flex: 0 0 14.666666%; margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-s="7"] .sits_flexBox{width:12.285714%; flex:0 0 13.285714%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-s="8"] .sits_flexBox{width:10.5%; flex:0 0 10.5%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-s="9"] .sits_flexBox{width:9.111111%; flex:0 0 9.111111%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l[data-count-s="10"] .sits_flexBox{width:8%; flex:0 0 8%;margin:0 1% 15px 1%;} .sits_flexBoxes.space_l.align_block[data-count-s="3"] .sits_flexBox{flex:1 0 32.333333%;} .sits_flexBoxes.space_l.align_block[data-count-s="4"] .sits_flexBox{flex:1 0 21%} .sits_flexBoxes.space_l.align_block[data-count-s="5"] .sits_flexBox{flex:1 18%;} .sits_flexBoxes.space_l.align_block[data-count-s="6"] .sits_flexBox{flex:1 0 14.666666%;} .sits_flexBoxes.space_l.align_block[data-count-s="7"] .sits_flexBox{flex:1 0 13.285714%;} .sits_flexBoxes.space_l.align_block[data-count-s="8"] .sits_flexBox{flex:1 0 11.5%;} .sits_flexBoxes.space_l.align_block[data-count-s="9"] .sits_flexBox{flex:1 0 10.111111%;} .sits_flexBoxes.space_l.align_block[data-count-s="10"] .sits_flexBox{flex:1 0 9%;} } /* ############################################################################################################################################################################## */ /* ENDE -> Contentelement FlexBoxes */ /* Standard Contentelemente */ /* ############################################################################################################################################################################## */ /* Bildergallerien */ /* ============================================================================================================ */ .ce-gallery{display:flex; float:none !important;} .ce-gallery figcaption{color:#333;padding: 10px 0 3px 0;} .ce-intext.ce-right .ce-gallery { margin:0 -1% 0 2%; float:right;} .ce-intext.ce-left .ce-gallery { margin-right:0 2% 0 -1%; float:left;} .ce-below .ce-gallery {margin: 10px -1% 0 -1%;} .ce-above .ce-gallery {margin:0 -1% 10px -1%;} .ce-column {margin:0 1% 10px 1%; flex:0 0 auto; display:flex; justify-content:center; align-items:center; float:none;} .frame-type-image .ce-gallery{margin:0 -1%;} .ce-textpic.ce-left .ce-gallery[data-ce-columns="1"] .ce-column{justify-content:flex-start;} .ce-textpic.ce-right .ce-gallery[data-ce-columns="1"] .ce-column{justify-content:flex-end;} .ce-textpic.ce-intext .ce-gallery, .ce-textpic-nowrap .ce-gallery{max-width:50%;} .ce-gallery[data-ce-columns="1"] .ce-column{width:98%;flex:0 0 98%;margin-bottom: 0;} .ce-gallery[data-ce-columns="2"] .ce-column{width:48%; flex:0 0 48%;} .ce-gallery[data-ce-columns="3"] .ce-column{width:31.333333%; flex:0 0 31.333333%;} .ce-gallery[data-ce-columns="4"] .ce-column{width:23%; flex:0 0 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%; flex:0 0 19%;} .ce-gallery[data-ce-columns="6"] .ce-column{width:15.666666%; flex:0 0 15.666666%;} .ce-gallery[data-ce-columns="7"] .ce-column{width:13.285714%; flex:0 0 13.285714%} .ce-gallery[data-ce-columns="8"] .ce-column{width:11.5%; flex: 0 0 11.5%;} .ce-center .ce-outer, .ce-center .ce-inner{float:none;} .ce-gallery figure{display: inline;flex: 0 0 auto;text-align: center;max-width: 100%;} .ce-gallery figcaption{display:block;} .ce-bodytext p:last-child{margin-bottom:0;} .frame.frame-layout-2 .ce-gallery figure.video{width:80%;display: inline-block;background: #e1e1e1;padding: 30px 30px 10px 30px;} .video-embed{text-align:center;} .video-embed video{width:100%;max-width:860px;height:auto;vertical-align: bottom; border:2px solid #545454; outline:none;} video-embed video *{vertical-align: bottom; display:inline;} @media (max-width:799px){ .frame.frame-layout-2 .ce-gallery figure.video{width:100%;padding: 10px 10px 00px 10px;} } /* ============================================================================================================ */ /* ENDE -> Bildergallerien */ /* Tabellen */ /* ============================================================================================================ .frame-type-table table{font-size:12px; border-collapse: collapse;} .frame-type-table table tr{height:37px;} .frame-type-table table td{border:none; padding:3px 5px; vertical-align:middle;} .frame-type-table table tr:first-child td{font-weight:bold; color:#008cde;} .frame-type-table table tr:nth-child(2n){background:#f5f5f5;} /* ============================================================================================================ */ /* ENDE -> Tabellen */ /* ############################################################################################################################################################################## */ /* Boxen zum abpopeln */ /* ############################################################################################################################################################################## */ .sits_boxShadowPeel, .frame.frame-layout-2, .frame-type-menu_subpages.frame-layout-4 ul > li{z-index:inherit;z-index:none;position: relative;z-index:unset;transition:transform 300ms, box-shadow 300ms;} .sits_boxShadowPeel > *{position:relative; z-index:1;} .sits_boxShadowPeel::before, .sits_boxShadowPeel::after, .frame.frame-layout-2::before, .frame.frame-layout-2::after, .frame.frame-layout-3::before, .frame.frame-layout-3::after, .frame-type-menu_subpages.frame-layout-4 ul > li::before, .frame-type-menu_subpages.frame-layout-4 ul > li::after{content:'';transition:transform 300ms;position:absolute;bottom: 7px;height: 0px;width: 45%;left: 3%;box-shadow: 0 0 15px 2px #6b6b6b;z-index:-1;transform: skewY(-3deg); transition:all 300ms;} .sits_boxShadowPeel::after, .frame.frame-layout-2::after, .sits_flexBox .frame.frame-type-image.frame-layout-3::after, .frame-type-menu_subpages.frame-layout-4 ul > li::after{left: auto;right: 3%;transform: skewY(3deg);} .frame.frame-layout-2.frame-type-list::before, .frame.frame-layout-2.frame-type-list::after{display:none;} .sits_boxShadowPeel:hover{box-shadow:0 2px 8px -7px #000} .sits_boxShadowPeel:hover::before, .sits_boxShadowPeel:hover::after{bottom:6px; width:40%;} .sits_boxShadowPeel:hover::before{left:6%; right:auto;} .sits_boxShadowPeel:hover::after{left:auto; right:6%;} /* ############################################################################################################################################################################## */ /* Menu Pages Startseite */ /* ############################################################################################################################################################################## */ .sits_flexBoxes .frame-type-menu_pages.frame-layout-2{height:100%;background:#e1e1e1;position:relative; z-index:unset;/* border: 2px solid rgba(57, 155, 164, 0.2); */} .sits_flexBoxes .frame-type-menu_pages.frame-layout-2::before,.sits_flexBoxes .frame-type-menu_pages.frame-layout-2::after{display:none;} .sits_menuPage{display:flex;padding: 30px;flex-direction: column;justify-content: center;height: 100%;align-items: center;text-decoration:none;text-align:center;} .sits_menuPage:hover{box-shadow:0 2px 8px -7px #000;} .sits_menuPage img{transform:scale(1); transition:all 300ms;} .sits_menuPage:hover img{transform:scale(1.08);} .sits_menuPage > *{flex: 0 0 auto;} .sits_menPageTitle{text-transform:uppercase;font-size:30px;font-family:veyx;display:block;padding-top:10px;/* flex:1 0; */ max-width:100%;} /* ############################################################################################################################################################################## */ /* Abstaendende Contentboxen */ /* ############################################################################################################################################################################## */ .frame.frame-space-before-extra-small{margin-top:10px;} .frame.frame-space-after-extra-small{margin-bottom:10px;} .frame.frame-space-before-small{margin-top:20px;} .frame.frame-space-after-small{margin-bottom:20px;} .frame.frame-space-before-medium{margin-top:30px;} .frame.frame-space-after-medium{margin-bottom:30px;} .frame.frame-space-before-large{margin-top:40px;} .frame.frame-space-after-large{margin-bottom:40px;} .frame.frame-space-before-extra-large{margin-top:50px;} .frame.frame-space-after-extra-large{margin-bottom:50px;} /* ############################################################################################################################################################################## */ /* ENDE -> Abstaendende Contentboxen */ /* Cookie-Hinweis */ /* ############################################################################################################################################################################## */ #cookieHint{position:fixed;top:-100%;left:0;z-index: 100;display:flex;right:0;background: rgba(255, 255, 255, 0.9);padding:0;box-shadow: 0 1px 7px -3px;font-size: 19px;min-height: 100px; transition:top 600ms;} #cookieHint.aktiv{top:0;} #cookieHint > div{flex:0 0 100%;display: flex;max-width:1200px; padding:20px; margin:0 auto;align-items: center;} #cookieHint > div > div{padding:0; flex:1 1 auto;} #cookieHint p{margin:0;} #cookieClose{display:inline-block;padding:10px;background: #009ba4;color:#fff;border-radius: 4px;cursor:pointer;top: 28px;flex:0 0 auto;margin-left:40px;} #cookieHint p:first-of-type:after{display:none;} @media (max-width:699px){ #cookieHint > div{flex-wrap:wrap; justify-content:flex-end} #cookieHint > div > div{padding-bottom:20px} } /* ############################################################################################################################################################################## */ /* ENDE -> Cookie-Hinweis */ /* Filter (Produkte) */ /* ############################################################################################################################################################################## */ .sits_filterArea{display:flex;flex-wrap:wrap; margin:0 -.5%;} .sits_attribute{position:relative;} /* Filter Dropdown -> wird zu Radio */ .sits_filter.attr-type-4, .sits_filter .attribute-type-4{display:flex;flex-wrap: wrap;flex: 1 0 100%;} .sits_filter .attribute-type-4{padding-bottom:6px;} .sits_filter.attr-type-4 h5{display:none;} .attribute-type-4 .sits_attrOpt{flex: 1 0 auto;cursor:pointer;display:flex;min-width: 250px;margin: 0 .5% 3px .5%;align-items:center;user-select: none;height:40px;justify-content: center;background:#009ba4;color:#fff;font-family:veyx;padding: 5px 25px;position:relative;transition:all 300ms;border:2px solid #fff; width:32.333%} .attribute-type-4 .sits_attrOpt.aktiv{background:#fff; color:#009ba4; border:2px solid #009ba4; cursor:default;} /* Filter Multiselect -> wird zu Multi-Dropdown */ .sits_filter.attr-type-9{flex: 1 0 32.333%;min-width: 250px;width: 32.333%;margin: 0 .5%;border:2px solid #fff;} .isIE .sits_filter.attr-type-9{flex: 1 0 31.333%;width: 31.333%;} .sits_filter.attr-type-9 h5{margin:0;position:relative;cursor:pointer;font-size:20px;background:#009ba4;color:#fff;display:flex;align-items:center;justify-content: center;padding: 5px 40px;font-family:veyx;text-transform:none;font-family:veyx;height: 35px;} .sits_filter.attr-type-9 h5 .sits_Arrows{display:block;position:absolute;height: 21px;width: 25px;top: 5px;right:10px;} .sits_filter.attr-type-9 h5 .sits_Arrows::before, .sits_filter.attr-type-9 h5 .sits_Arrows::after{content:'';display:block;position:absolute;width: 70%;left: 0;height:3px;border-radius: 3px;background:#fff;bottom: 5px;transform: rotate(40deg);transition:all 300ms;} .sits_filter.attr-type-9 h5 .sits_Arrows::before{left:2%;} .sits_filter.attr-type-9 h5 .sits_Arrows::after{transform: rotate(140deg);left: 50%;} .sits_filter.attr-type-9.open h5 .sits_Arrows::before{transform:rotate(140deg);left:3%;} .sits_filter.attr-type-9.open h5 .sits_Arrows::after{transform:rotate(40deg);} .sits_attrOptSplitLabel, .sits_filter.attr-type-9 .sits_attrOpt{background:#e1e1e1;border-bottom:2px solid #fff;padding:5px;text-align: center;cursor: pointer;user-select: none;} .sits_filter.attr-type-9 .sits_attrOpt.aktiv{background:#009ba4; color:#fff;} .sits_attribute.attribute-type-9{border-top:2px solid #fff;} .sits_attrOptSplitLabel{color:#009ba4;} .sits_attrOptSplitLabel .sits_Arrows{display:inline-block;position:relative;height: 14px;width: 19px;margin-left: 5px;} .sits_attrOptSplitLabel .sits_Arrows::before, .sits_attrOptSplitLabel .sits_Arrows::after{content:'';display:block;position:absolute;width: 70%;left: 0;height:3px;border-radius: 3px;background:#009ba4;bottom: 5px;transform: rotate(40deg);transition:all 300ms;} .sits_attrOptSplitLabel .sits_Arrows::before{left:2%;} .sits_attrOptSplitLabel .sits_Arrows::after{transform: rotate(140deg);left: 50%;} .sits_attrOptSplit.open .sits_attrOptSplitLabel .sits_Arrows::before{transform:rotate(140deg);left:3%;} .sits_attrOptSplit.open .sits_attrOptSplitLabel .sits_Arrows::after{transform:rotate(40deg);} .sits_attribute.attribute-type-9, .sits_splittedOptions{padding-top:0px; height:0px; overflow-y:hidden; transition:padding 700ms ease-out;} .sits_splittedOptions{transition:padding 400ms ease-out;} .sits_attribute.attribute-type-9 > *:first-child{margin-top:-230px;} .sits_splittedOptions > *:first-child{margin-top:-30px;} .sits_filter.open .sits_attribute.attribute-type-9{max-height: 230px;padding-top: 230px;overflow-y:auto;} .sits_attrOptSplit.open > .sits_splittedOptions{padding-top:30px; height:auto;} /* ############################################################################################################################################################################## */ /* ENDE -> Filter (Produkte) */ /* Anzeige ausgewählter Filter (Produkte) */ /* ############################################################################################################################################################################## */ .sits_filterResults{opacity:0;height:0;padding:0;overflow:hidden;transition:all 400ms ease-out;} main.maincont .sits_filterResults > h4{margin: -25px 0 6px 0;border-bottom:1px solid #009ba4;padding: 0 0 3px 0; position:relative;} .sits_filterResults.aktiv{height:auto;padding-top: 43px;opacity:1;} .sits_activeFilters{display:flex;justify-content: flex-start;padding:3px 0;flex-wrap:wrap;margin-bottom: -8px;} .sits_activeFilterElement{flex:0 0 auto;margin-right:10px;margin-bottom:5px;border:1px solid #e1e1e1;padding: 5px 25px 5px 5px;font-size:16px;color:#009ba4;position:relative;user-select: none;} .sits_activeFilterValue{color:#545454;} .resetFilter{display: block;position:absolute;align-items: center;top:0;cursor: pointer;right:0;bottom: 0;padding: 4px 5px;color:#f00;border-left: 1px solid #e1e1e1;} .sits_clearFilters{display: block;position:absolute;padding: 1px 15px 1px 5px;border-radius:5px;cursor: pointer;font-size: 13px;line-height: 17px;top: 0px;font-family: veyx-semi;text-transform: none;right:0;} .sits_clearFilters > span{color:#f00;display: block;position: absolute;right: 0;top: 0;bottom: 0;padding: 0 3px;font-size: 19px;} /* ############################################################################################################################################################################## */ /* ENDE -> Anzeige ausgewählter Filter (Produkte) */ /* Itemlist */ /* ############################################################################################################################################################################## */ .frame-layout-2 .sits_products{border-top:1px solid #009ba4; padding-top:15px;} .frame-reduzierung.frame-type-list{padding-bottom:10px;} .sits_items{position:relative;display:flex;flex-wrap: wrap;margin:0 -.5%;} .sits_nothingFound{padding:20px; font-size:25px; text-align:center; flex:1 0 100%; color:#009ba4; display:none;} .sits_item{width:0;flex:0 0 0;background:#e1e1e1;display:flex;flex-direction:column;height:0;overflow:hidden;opacity:0;width:0;transition:box-shadow 500ms, width 500ms, opacity 300ms, flex 500ms;margin: 0; } .sits_item::before, .sits_item::after{display:none;} .sits_itemInner{width:100%;flex:1;background:#e1e1e1;display:flex;flex-direction:column;} .sits_item.aktiv, .sits_item.sits_newsitem{height:250px;width:32.333%;position: relative;flex:0 0 32.333%;opacity:1;overflow: visible;margin: 0 .5% 14px .5%;transition:box-shadow 500ms, width 500ms, opacity 800ms, flex 500ms;} .sits_item.aktiv::before,.sits_item.sits_newsitem::before, .sits_item.aktiv::after, .sits_item.sits_newsitem::after{display:block; } .sits_itemTitle, .sits_itemDownloads{flex:1;display:flex;justify-content: center;align-items: center;padding:5px;flex-wrap:wrap;width: 100%;flex-direction: column;} .isIE .sits_itemTitle, .sits_itemDownloads{flex:1 0 auto; flex-wrap:nowrap;} main.maincont .sits_itemTitle h4, main.maincont .sits_itemTitle > h5{flex:0 0 auto;text-align:center;font-size: 25px;text-transform: none;margin: 0; width:100%;} main.maincont .sits_itemTitle h4{font-size:35px} .sits_itemAnimals{background:#009ba4; padding:0 20px 4px 20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex:0 0 auto;} .sits_itemAnimals{background:#009ba4; padding:0 20px 4px 20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex:0 0 auto;} .sits_itemAnimals > img{margin:4px 2px 0 2px;max-width: 16.666%;} .sits_itemDownloads a{display:inline-block; background:#009ba4; color:#fff; font-size:18px; padding:4px 10px; border-radius:6px; text-decoration:none;} /* Pagination */ /* =========================================================================== */ .sits_paginationCont{border-top:1px solid #009ba4;padding-top:10px;width: 100%;} .sits_paginationCont, .sits_pageLink, .sits_pageLinks{display:flex;justify-content:center;align-items:center;max-width: 100%;} .sits_pageLink, .sits_pageLinks{flex: 0 0 auto;margin:0 2px;} .sits_pageLinks{flex-wrap:wrap;margin:0 8px;flex: 0 1 auto;} .sits_pageLink{border:1px solid #ccc;text-align:center;width: 32px;height: 22px;font-size:14px;cursor:pointer;transition:all 300ms;} .sits_pageLink:hover{background:#e1e1e1;} .sits_pageLink.nextBack, .sits_pageLink.startEnd{background:#009ba4;border:1px solid #009ba4;width: 25px;height: 25px;font-weight:bold;color:#fff;} .sits_pageLink.nextBack:hover, .sits_pageLink.startEnd:hover{color:#545454; background:#fff;} .sits_pageLink.startEnd{font-size: 23px;font-family: veyx-light;align-items: center;} .sits_pageLink.startEnd > span{margin-top:-4px;} .sits_pageLink.aktiv{background:#009ba4; color:#fff; border:1px solid #009ba4;} /* =========================================================================== */ @media (max-width:899px){ .sits_items, .sits_filterArea{margin:0 -1%;} .sits_item.aktiv, .sits_item.sits_newsitem{width:48%;position: relative;flex:0 0 48%; margin:0 1% 16px 1%;} .sits_filter .attribute-type-4{padding-bottom:3px;} .sits_filter.attr-type-9{margin:0 .5% 3px .5%} } @media (max-width:599px){ .sits_item.aktiv, .sits_item.sits_newsitem{width:98%;position: relative;flex:0 0 98%;} } /* ############################################################################################################################################################################## */ /* ENDE -> Itemlist */ /* Produktuche */ /* ############################################################################################################################################################################## */ .sits_productSearchArea{display:flex; align-items:center; justify-content:flex-start; padding-bottom:15px;border-bottom:1px solid #009ba4; margin-bottom:20px;} main.maincont .sits_productSearchArea h3{margin:0;} .sits_productSearch{position:relative;padding-right: 32px;} .sits_productSearchInp{font-size:14px;margin:0;border:1px solid #afafaf;} .sits_productSearchSubm{background:#fff;border: 2px solid #009ba4;display:block;position:absolute;width: 20px;height:20px;padding: 0;border-radius: 50%;top: 3px;right:0;} .sits_productSearchSubm::before{content:'';bottom: -4px;left: -8px;display:block;position:absolute;height:3px;background:#009ba4;width: 12px;transform: rotate(132deg);} #sits_suchergebnis{position:absolute; top:110%; width:200%; left:0; border:2px solid #009ba4; display:none; background:#fefefe; border-radius:3px; padding:10p 5px; box-shadow:1px 1px 6px -3px #333; z-index:2;} #sits_suchergebnis > span{line-height:normal; background:none;} .keinErgebnis{display:block; color:#666; font-size:15px; text-align:center;} #sits_suchergebnis span.highlight{font-weight:bold; color:#009ba4;} .suchvorschlag{display:block; padding:5px 25px 5px 5px; border-bottom:1px solid #e1e1e1; position:relative; cursor:pointer; transition:all 300ms;} .suchvorschlag:hover{background:#e1e1e1;} .suchvorschlag::before{content:'';display:block; border-top:2px solid #e1e1e1; position:absolute;border-right:2px solid #e1e1e1; height:12px; width:12px; right:20px; top:8px; transform:rotate(45deg); transition:all 300ms;} .suchvorschlag:hover::before{border-top:2px solid #009ba4;border-right:2px solid #009ba4; right:10px;} .suchvorschlag:first-child{border-top:1px solid #e1e1e1;} /* ############################################################################################################################################################################## */ /* ENDE -> Produktsuche */ .sits_specialLinkCont{position:relative;} .sits_specialLink{display:block; position:absolute; right:0; top:5px; padding:5px 10px; background:#009ba4; color:#fff; text-decoration:none; border-radius:4px; font-size:16px;} @media (max-width:599px){ .sits_specialLinkCont{display:flex; justify-content: center;padding-bottom:15px; border-bottom:1px solid #009ba4; margin-bottom:15px;} .sits_specialLink{position:relative; flex:0 0 auto; top:0;} } /* News / Kalender */ /* ############################################################################################################################################################################## */ .sits_items.newsitems{margin:0 -1.5%;} .sits_item.sits_newsitem{height:auto;min-height: 330px;margin: 0 1.5% 34px 1.5%;width:30.333%;flex:0 0 30.333%;box-shadow: 0px 0px 7px -6px #000, 0 -4px 0 #fff; display:flex; flex-direction: column;} .isIE .sits_item.sits_newsitem{box-shadow: 0px 0px 20px -5px #000;} .sits_newsHead{display:flex;flex-direction:column;font-family:veyx;flex:1 0 auto;padding:15px;align-items:center;justify-content:center;text-align: center;min-height:130px;text-decoration:none;text-transform: uppercase;font-size:27px;} .sits_newsHead span{text-transform:none; font-size:22px; width:100%;} .sits_newsHead span.sits_newsTitle{text-transform:uppercase; font-size:27px;} .newsItemTeaser{padding-top:10px;} .frame-layout-2 .newsItemTeaser{color:#333;} .frame-layout-2 .newsItemTeaser strong{color:#009ba4;} .sits_newsImg{flex: 0 1 auto;display: flex;align-items: flex-end;justify-content: center;background:#009ba4;-ms-flex-negative:0;} .sits_newsImg.dummy{align-items: center;justify-content: center; padding-bottom:10px; background:none;} .frame-layout-2 .sits_newsImg{flex: 0 0 auto;background:#fff;padding:10px;min-height: 155px;align-items: center;} .frame-layout-2 .sits_newsImg img{max-height:130px; width:auto;} main.maincont h1.newsHead{border-bottom: 1px solid #e1e1e1; margin-bottom:2px; padding-bottom:2px;} main.maincont h1.newsHead > span{text-transform:none;} .news-single .teaser-text{color:#545454;} .news-backlink-wrap{padding-top:20px;} .news-backlink-wrap a{color:#fff; text-decoration:none; display:inline-blokc; padding:4px 8px; background:#009ba4;} .page-navigation:first-child{display:none;} .mediaelement, .news-single .article .news-img-wrap{width:50%; max-width:550px; position:relative; float:right; margin:0 0 10px 10px; padding:0; border:none;} .news-single .article .news-img-wrap{width:30%; max-width:550px; min-width:300px;} .mediaelement-video{position:relative;padding-bottom: 56.25%;} .mediaelement-video iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #009ba4;} .news .article .news-img-wrap a{padding:0; border:none;} .news-single .article .news-img-wrap img{border:2px solid #009ba4;} .news .article .news-img-wrap a{float:none;} @media (max-width:899px){ .sits_item.sits_newsitem{width:47%; flex: 0 0 47%; margin: 0 1.5% 30px 1.5%;} } @media (max-width:799px){ .sits_newsHead span{text-transform:none; font-size:21px;} .sits_newsHead span.sits_newsTitle, .sits_newsHead{font-size:25px;} } @media (max-width:599px){ .sits_item.sits_newsitem{width:97%; flex: 0 0 97%;} } @media (max-width:449px){ .sits_newsHead span{text-transform:none; font-size:19px;} .sits_newsHead span.sits_newsTitle, .sits_newsHead{font-size:23px;} } /* ############################################################################################################################################################################## */ /* ENDE -> News / Kalender */ /* Kontaktformular */ /* ############################################################################################################################################################################## */ .frame-type-form_formframework form{display:flex; flex-wrap:wrap; width:100%; margin:0 -1%;} .frame-type-form_formframework form > .form-group{margin:0 1% 15px 1%;flex:1 0 31.333%;min-width:250px;position: relative;} .frame-type-form_formframework form > .form-group label{line-height:1.2; margin-left:6px; color:#009ba4; font-size:15px; position:relative; z-index:1; bottom:-10px; background:#fff; padding:3px 6px;} .frame-type-form_formframework form > .form-group .form-check-label{font-size:20px;} .frame-type-form_formframework form > .form-group input[type="checkbox"]{margin:0px 6px 5px -6px; display:inline-block;} .frame-type-form_formframework form > .form-group textarea, .frame-type-form_formframework form > .form-group input[type="text"], .frame-type-form_formframework form > .form-group input[type="number"], .frame-type-form_formframework form > .form-group input[type="url"], .frame-type-form_formframework form > .form-group input[type="tel"]{width:100%; border:1px solid #ccc; padding:14px 12px 12px 12px; color:#545454;} .frame-type-form_formframework form > .form-group:nth-child(2){ flex:1 0 98%;} .frame-type-form_formframework form > .form-group:nth-child(2) input{width:32%;} .frame-type-form_formframework form > .form-group:nth-child(1n +15){flex:1 0 98%;} .frame-type-form_formframework form > .form-group .help-block{display:inline-block; padding-top:20px;} .frame-type-form_formframework form > .form-group .help-block.error{color:#f00;font-size:14px;display: block;text-align:center;padding:5px 10px;background:#fff;position: absolute;top: 100%;left: 0;width: 100%;} .frame-type-form_formframework form .actions {display:flex; justify-content: flex-end; width:100%;} .frame-type-form_formframework form .submit button{color:#fff; background:#009ba4; border:none; cursor:pointer;} .frame-type-form_formframework form .btn-group{text-align:right;} /* ############################################################################################################################################################################## */ /* ENDE -> Kontaktformular */ /* ul in Maincontent */ /* ############################################################################################################################################################################## */ .maincont .frame:not([class~="frame-type-list"]) ul{list-style-type:none;padding: 0;} .maincont .frame:not([class~="frame-type-list"]) ul li{display:block;} .maincont .frame:not([class~="frame-type-list"]) ul li a{display:inline-block;padding: 5px 5px 5px 21px;position:relative;text-decoration: none; transition:color 300ms;} .maincont .frame:not([class~="frame-type-list"]) ul li a::before{content:'';display:block;position:absolute;left:0;top: 8px;border-top:2px solid #545454;border-right:2px solid #545454;transform:rotate(45deg);width: 10px;height: 10px; transition:border 300ms} .maincont .frame:not([class~="frame-type-list"]) ul li ul{padding-left: 25px;} .maincont .frame:not([class~="frame-type-list"]) ul li ul li a{color:#545454} .maincont .frame:not([class~="frame-type-list"]) ul li ul{padding-left: 25px;} .maincont .frame:not([class~="frame-type-list"]) ul li a:hover{color:#009ba4;} .maincont .frame:not([class~="frame-type-list"]) ul li a:hover::before{border-top:2px solid #009ba4;border-right:2px solid #009ba4;} /* ############################################################################################################################################################################## */ /* ENDE -> ul in Maincontent */ /* Suchergebnis */ /* ############################################################################################################################################################################## */ #tx_indexedsearch, .tx-indexedsearch-info, .tx-indexedsearch-icon{display:none;} .tx-indexedsearch-info-sword{border-bottom:1px solid #ccc;margin:0 0 15px 0;font-size: 28px;color:#009ba4;text-transform: uppercase;font-weight: normal;font-family: veyx;} .tx-indexedsearch-browsebox > p:first-of-type{text-align:center;margin: -10px 0 20px 0;font-size:17px;} div.tx-indexedsearch-browsebox{padding-bottom: 0px;} .tx-indexedsearch-res{padding:0 20px 10px 20px; border:1px solid #ccc; margin-bottom:20px;} .tx-indexedsearch-percent{color:#545454; font-size:14px; font-weight:bold; float:right;} .tx-indexedsearch-title{display:block; position: relative;} .tx-indexedsearch-res h3{position:relative;} .tx-indexedsearch-title a{text-decoration:none; display:block; padding:20px 0 0 0; position:relative; display:flex; align-items: center;} .tx-indexedsearch-title a:after{content:''; display:inline-block; border-top:2px solid #545454; border-right:2px solid #545454; transform:rotate(45deg); width:10px; height:10px; margin-left:5px;} .tx-indexedsearch-percent{position:absolute; top:8px; right:-12px;} ul.tx-indexedsearch-browsebox{display:flex; list-style-type: none; justify-content:center; align-items: center; flex-wrap: wrap; margin:0;} ul.tx-indexedsearch-browsebox li{flex:0 0 auto; margin:0 5px 10px 5px;} ul.tx-indexedsearch-browsebox li a{text-decoration:none; font-size:14px; display:block; border:1px solid #e1e1e1; padding:5px;} ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a, ul.tx-indexedsearch-browsebox li a:hover{color:#545454;} ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a{cursor:default;} @media (max-width:767px){ .tx-indexedsearch-info-sword{font-size:26px;} } @media (max-width:679px){ .tx-indexedsearch-info-sword{font-size:22px;} } /* ############################################################################################################################################################################## */ /* ENDE -> Suchergebnis */ /* SITS Gallery für geschuetzte Bereiche */ /* ############################################################################################################################################################################## */ .sits_galleryItems{display:flex; margin:0 -1%; flex-wrap:wrap;} .sits_galleryItem{flex:0 0 auto; width:23%;margin: 0 1% 20px 1%;position: relative;border: 1px solid #e1e1e1; display:flex; flex-direction:column; align-items:center; background:#fff; transition:width 300ms;} .sits_galleryItemName{white-space: nowrap;width: 100%;overflow:hidden;text-overflow:ellipsis;padding:20px; flex:0 0 auto; font-size:16px; text-align:center;} .sits_downloadLink{position:absolute;z-index:5;display:block;width: 24px;height: 24px;background:#009ba4;right:-1px;top:-1px;border:1px solid #e1e1e1;} .sits_downloadLink::before, .sits_downloadLink::after{content:'';display:block;position:absolute;border-bottom: 1px solid #e1e1e1;width: 16px;bottom:5px;left:3px; transition:border 300ms;} .sits_downloadLink::after{border-right: 2px solid #e1e1e1;border-bottom: 2px solid #e1e1e1;transform:rotate(45deg);height: 8px;width: 8px;bottom: 10px;left: 6px;} .sits_downloadLink:hover::before, .sits_downloadLink:hover::after{border-color:#fff;} .iconBox{padding:20px;min-height:100px;width: 100%;height: 100%;background: #e1e1e1;display:flex;justify-content:center;align-items:center;} .tx-zipdownloads > a{display:inline-block; position:relative; background:#009ba4; color:#fff; text-decoration:none; color:#fff; padding:4px 6px 4px 30px; border-radius:3px;} .tx-zipdownloads > a::before, .tx-zipdownloads > a::after{content:'';display:block;position:absolute;border-bottom: 1px solid #e1e1e1;width: 16px;bottom: 6px;left: 6px;transition:border 300ms;} .tx-zipdownloads > a::after{border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform:rotate(45deg);height: 8px;width: 8px;bottom: 11px;left: 9px;} .isIE .sits_galleryItems a{max-width:100%; flex:0 0 auto;} @media (max-width:859px){ .sits_galleryItem{width:31.333%;} } @media (max-width:549px){ .sits_galleryItem{width:48%;} } /* ############################################################################################################################################################################## */ /* ENDE -> SITS Gallery für geschuetzte Bereiche */ .frame-type-menu_subpages.frame-layout-4 ul{display:flex; margin:0 -1%; flex-wrap:wrap;} .frame-type-menu_subpages.frame-layout-4 ul > li{flex:1 0 auto; margin:0 1% 20px 1%; position:relative; background:#e1e1e1; padding:5px 10px;} .maincont .frame-type-menu_subpages.frame-layout-4 ul > li > a{display:block; transition:color 300ms;} .maincont .frame-type-menu_subpages.frame-layout-4 ul > li > a:hover{color:#545454;} /* ############################################################################################################################################################################## */ /* ############################################################################################################################################################################## */ .sits_contentLeftCol .frame-type-menu_sitemap_pages{padding-bottom:0px;border-bottom: 1px solid #ccc;} .sits_breadCrumbs{display:none;} @media (max-width:767px){ .sits_contentLeftCol .frame-type-menu_sitemap_pages{display:none} .sits_breadCrumbs{display:flex; border:1px solid #ccc; padding:3px; flex-wrap:wrap;} .sits_breadCrumbs a{font-size:15px;margin:3px 6px;text-decoration:none;flex:0 0 auto;padding: 0 0 0 21px;position:relative;} .sits_breadCrumbs a::before{content:'';display:block;position:absolute;border-top:2px solid #545454;border-right:2px solid #545454;transform:rotate(45deg);top: 4px;left:0;width: 6px;height: 6px;} .sits_breadCrumbs a:first-child{padding:0;} .sits_breadCrumbs a:first-child::before{display:none;} /*.sits_breadCrumbs a:last-child{display:none;}*/ } /* ############################################################################################################################################################################## */ /* ############################################################################################################################################################################## */ .maincont .sits_flexBoxes .frame.frame-type-uploads ul li{margin:0;} .maincont .frame.frame-type-menu_sitemap_pages ul li >a::before, .maincont .sits_flexBoxes .frame.frame-type-uploads ul li a::before{border:none; transform:none; border-radius:50%; background:#545454; width:8px; height:8px; top:11px;} .maincont .frame.frame-type-menu_sitemap_pages ul li >a:hover::before, .maincont .sits_flexBoxes .frame.frame-type-uploads ul li a:hover::before{border:none; background:#009ba4;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub{padding-right: 25px;position:relative;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub > .sitemapOpener{position:absolute;top: 9px;right:1px;width: 18px;height: 12px; cursor:pointer;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub > .sitemapOpener::before, .maincont .frame-type-menu_sitemap_pages ul li.hasSub > .sitemapOpener::after{content:'';display:block;position:absolute;width: 70%;left: 0;height:3px;border-radius: 3px;background:#009ba4;bottom: 5px;transform: rotate(40deg);transition:all 300ms;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub > .sitemapOpener::before{left:2%;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub > .sitemapOpener::after{transform: rotate(140deg);left: 50%;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub > ul{margin-right: -25px;padding-top:0;overflow:hidden;height:0px;transition:padding 300ms;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub > ul >li:first-child{margin-top:-50px;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub.open > .sitemapOpener::before{transform:rotate(140deg);left: 3%; background:#808080;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub.open > .sitemapOpener::after{transform:rotate(40deg);background:#808080;} .maincont .frame-type-menu_sitemap_pages ul li.hasSub.open > ul{padding-top:50px; height:auto;} /* Standorte */ /* ############################################################################################################################################################################## */ .sits_standorte{min-height: 80px;} ul.sits_pulldown{max-width: 30%;width:500px;position:relative;list-style-type:none;padding: 0 0 60px 0;margin: 0;} ul.sits_pulldown *{-webkit-user-select:none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none;} ul.sits_pulldown li{display:block;cursor:pointer;} ul.sits_pulldown ul{list-style-type:none; padding:0; margin:0;} ul.sits_pulldown > li{cursor:default;position: absolute;overflow:hidden;min-width: 100%;z-index: 1;} ul.sits_pulldown > li.offen{box-shadow: 0px 1px 8px -2px #000;} .sits_standorte.aktiv ul.sits_pulldown > li.offen{box-shadow:none;} ul.sits_pulldown > li > span{display:block;color:#fff;background: #009ba4;padding: 7px 45px 5px 15px;font-family: veyx;cursor:pointer;text-transform: uppercase;white-space: nowrap;} ul.sits_pulldown > li > span:after{content:'';position:absolute;width:15px;height:15px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;transform:rotate(45deg);right: 15px;top: 3px;} .maincont ul.sits_pulldown > li ul{margin-right:-40px;padding-right:40px;padding-left: 0 !important;max-height: 246px;overflow-y:auto;border-bottom:1px solid #888;display:none;background:#fff;} ul.sits_pulldown > li.offen ul{display:block;} ul.sits_pulldown > li ul li{border-top:1px solid #888; padding: 7px 15px 5px 15px;} ul.sits_pulldown > li ul li:hover{} ul.sits_pulldown > li ul li.aktiv{display:none;} .sits_standorteCont{background-position:top right;background-repeat: no-repeat;padding:0 5% 20px 33%;/* background-size: cover; */border-bottom:1px solid #ccc;min-height:220px;display:none;} .sits_standorte.aktiv .sits_standorteCont{display:block;} .sits_standorteCont table{width:100%;} .standortText{-webkit-column-count:2; -moz-column-count:2; column-count: 2;} .sits_standorteCont table tr > td{white-space:nowrap; vertical-align:top;} .sits_standorteCont table tr > td:first-child{width:60%; white-space: normal;} .sits_standorteCont table tr > td:first-child *{padding-right: 20px;} .sits_standorteCont p{margin:5px 0;} .standortKopf{color:#009ba4; text-transform:uppercase; padding-bottom:6px; font-size:24px;} .sits_standort{display:none;padding-left: 5%;} .sits_standort.aktiv{display:block;} @media (max-width:899px){ .sits_standorteCont{padding: 60px 2% 20px 2%;} .sits_standorteCont table tr > td:first-child{width:50%;} .sits_standorte.aktiv ul.sits_pulldown > li.offen{box-shadow: 0px 1px 8px -2px #000;} .sits_standorteCont{background-size:cover;} ul.sits_pulldown{width:40%; max-width:auto; min-width:290px;} ul.sits_pulldown > li > span:after{top:1px;} } @media (max-width:649px){ .sits_standorteCont table, .sits_standorteCont table tbody, .sits_standorteCont table tr, .sits_standorteCont table tr > td{width:100%; display:block} } @media (max-width:499px){ .standortText{-webkit-column-count:1; -moz-column-count:1; column-count: 1;} .sits_standorteCont{background-size:contain; background-position:center;} } /* ############################################################################################################################################################################## */ /* ENDE -> Standorte */ .sits_worldmapCont{border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 40px;} @media (pointer:coarse), (pointer:none) and (hover:none){ .sits_worldmapCont{display:none;} } @media (hover:hover){ .sits_worldmapCont{display:block;} } @media (max-width:649px){ .sits_worldmapCont{display:none;} } .sits_menuLogout{} .sits_loggedInHint{position:absolute;right:0;top: -29px;text-transform:uppercase;white-space: nowrap;font-family: veyx;font-size: .75em;} .sits_loggedInHint a{text-decoration:none; font-weight:bold;} .sits_menuLogout .frame{padding:0; margin:0;} .sits_menuLogout .frame-type-login fieldset{padding:0;margin: 0;} .sits_menuLogout .frame-type-login fieldset > div{display:none;} .sits_menuLogout .frame-type-login fieldset > div:nth-child(3){display:block;padding:1px 0 0 0;} .sits_menuLogout .frame-type-login input[type="submit"]{text-transform:uppercase; padding:6px 10px; cursor:pointer; transition:color 300ms; font-family: veyx;} .sits_menuLogout .frame-type-login input[type="submit"]:hover{color:#000;} @media (max-width:859px){ .sits_loggedInHint{position:relative; top:auto; text-align:center; white-space: normal;} .sits_loggedInHint span{display:none;} .sits_loggedInHint a{display:block;padding:10px;font-size: 19px;color:#fff;font-weight: normal;text-align: left;} .sits_menuLogout .frame-type-login input[type="submit"]{font-size:19px;font-weight: normal;} } /* 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}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{}.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;text-indent:-999em;overflow:hidden;}.slbArrow:before{content:"";position:absolute;top: 50%;left: 0;margin: -1em 0 0 0;border-top: 6px solid #545454;border-right: 6px solid #545454;transform: rotate(45deg);width: 2em;height: 2em;}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color: #545454;}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color: #545454;transform: rotate(225deg);left: auto;right: 0;}.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)}} /* ############################################################################################################################################################################## */