/* default styles for extension "tx_frontend" */ .ce-align-left { text-align: left; } .ce-align-center { text-align: center; } .ce-align-right { text-align: right; } .ce-table td, .ce-table th { vertical-align: top; } .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; } .ce-left .ce-gallery, .ce-column { float: left; } .ce-center .ce-outer { position: relative; float: right; right: 50%; } .ce-center .ce-inner { position: relative; float: right; right: -50%; } .ce-right .ce-gallery { float: right; } .ce-gallery figure { display: table; margin: 0; } .ce-gallery figcaption { display: table-caption; caption-side: bottom; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: 2px solid #000000; padding: 0px; } .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 10px; } .ce-image .ce-gallery { margin-bottom: 0; } .ce-intext.ce-right .ce-gallery { margin-left: 10px; } .ce-intext.ce-left .ce-gallery { margin-right: 10px; } .ce-below .ce-gallery { margin-top: 10px; } .ce-column { margin-right: 10px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 10px; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; } /* Headline */ .ce-headline-left { text-align: left; } .ce-headline-center { text-align: center; } .ce-headline-right { text-align: right; } /* Uploads */ .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } /* Table */ .ce-table { width: 100%; max-width: 100%; } .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; } .ce-table thead th { border-bottom: 2px solid #dadada; } .ce-table th, .ce-table td { border-top: 1px solid #dadada; } .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; } /* Space */ .frame-space-before-extra-small { margin-top: 1em; } .frame-space-before-small { margin-top: 2em; } .frame-space-before-medium { margin-top: 3em; } .frame-space-before-large { margin-top: 4em; } .frame-space-before-extra-large { margin-top: 5em; } .frame-space-after-extra-small { margin-bottom: 1em; } .frame-space-after-small { margin-bottom: 2em; } .frame-space-after-medium { margin-bottom: 3em; } .frame-space-after-large { margin-bottom: 4em; } .frame-space-after-extra-large { margin-bottom: 5em; } /* Frame */ .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; } .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; } .frame-indent { margin-left: 15%; margin-right: 15%; } .frame-indent-left { margin-left: 33%; } .frame-indent-right { margin-right: 33%; } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */ src: local('Roboto Medium'), local('Roboto-Medium'), url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-slab-300 - latin */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 300; src: url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-regular - latin */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../typo3conf/ext/acn_package/Resources/Public/Vendor/GoogleFonts/Roboto_Slab/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left} /*# sourceMappingURL=sourcemaps/tiny-slider.css.map */ html, body {margin:0; padding:0;} body {font-family:Roboto, arial, sans-serif; font-weight:300; font-size:18px; line-height:1.4; color:#464646;} #body-start .content-center {text-align:center;} #body-iframe {padding-top:100px;} /*#body-start*/ .content-background { color:white;} .header, .x_ce-bodytext { overflow-x:hidden;} figure {margin:0px;} img {border:0px none;} hr { height:1px; background:transparent; border:0px none; border-top: 1px dotted black; margin:40px 0px; } .csc-default hr {margin:60px 0px;} hr.clearer {border:0px none; height:1px; clear:both; margin:0px; padding:0px;} iframe {width:100% !important; max-height:100%; border:0px none; display:block;} ul, ol {padding-left:23px; list-style-position: outside;} .content-1col ul ul {margin-top:5px;} li {padding-left:5px;} .ce-bodytext li, .frame-default li {margin-bottom:5px;} a {/*color:#4f7595; font-weight:400;*/ color:inherit; text-decoration:none;} /*a[id^=c] {height:1px; line-height:1px;}*/ .content-1col a {color:#74a220;} a:active, a:hover {text-decoration:underline;} .ce-uploads a, a.download, .news-related-files a { background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-link-download.svg') no-repeat left 3px; background-size:20px auto; padding-left:30px; display:inline-block; } a.external-link-new-window { background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-link-external.svg') no-repeat left 3px; background-size:20px auto; padding-left:30px; display:inline-block; } a.internal-link { background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-link-internal.svg') no-repeat left 3px; background-size:20px auto; padding-left:30px; display:inline-block; } .address-profileslinks a { display:block; margin-top:10px; background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/profile.svg') no-repeat left 3px; background-size:20px auto; padding-left:30px; display:inline-block; } .image a, .image-enlarge, .lightbox {display: block; position:relative;} .image a:hover:after, .image-enlarge:hover:after, .lightbox:hover:after { content:""; display: block; position: absolute; width: 100%; height:100%; top:0px; left:0px; background:rgba(255,255,255,0.4) url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-enlarge.svg') no-repeat center center; background-size:50px auto; } /*.fancybox-thumbs { top: auto; width: auto; bottom: 0; left: 0; right : 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; } */ b, strong {font-weight:400;} p {margin-bottom:25px;} .frame-default p:last-child, .frame-default ul:last-child {margin-bottom:0px;} blockquote {background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/quote-beginn.svg') no-repeat left top; background-size:30px auto; padding-left:50px; font-size:21px; margin-left:0px; margin-right:0px;} blockquote p {background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/quote-ende.svg') no-repeat right bottom; background-size:30px auto; padding-right:50px; } blockquote+p i {padding-left:50px; display:block;} .nav, .nav li {list-style:none; margin:0px; padding:0px;} .news-related-files ul, .news-related-files li, .ce-uploads, .ce-uploads li {list-style:none; padding:0px;} h1 {font-family:'Roboto Slab', 'Times New Roman'; font-size:48px; margin-top:95px; margin-bottom:40px; line-height:1.3; font-weight:normal;} /*.content-teaser h1 {text-align:center;}*/ h2 {font-family:'Roboto Slab', 'Times New Roman'; font-weight:normal; font-size:36px; line-height:1.3; margin-top:65px; margin-bottom:45px;} h3, .h3 {font-family:'Roboto Slab', 'Times New Roman'; font-weight:normal; font-size:24px; line-height:1.3; margin-top:50px; margin-bottom:35px;} .name {margin-top:40px;} .grid-slider h3, .news-slider h3 {margin-top:60px; margin-bottom:25px;} h4, .address-item .position {font-family:'Roboto Slab', 'Times New Roman'; font-weight:normal; font-size:20px; line-height:1.3; margin-top:30px; margin-bottom:25px;} /*.box h3 {font-size:16px;}*/ /*.grid-sidebar h3 {margin-top:0px;}*/ .indent + h3 {margin-top:45px;} #logo-link, #logo-link-footer {display:block; width:415px; float:left;} #logo-link-footer {float:none; width:168px;} #logo-link img, #logo-link-footer img {display:block; width:100%;} /*--- Menus ---*/ /* Mainnav / Subnav controls */ #mainnav-control { display:none; float:right; margin-right:75px; /*top:140px;*/ margin-top:-55px; background:white url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/ctrl-subnav.svg') no-repeat center center; background-size:60px auto; height:60px; width:60px; position:relative; z-index:999; } /* subnav controls */ .mainnav-sub-control, .subnav-sub-control { border-left:1px solid #bfbfbf; width:60px; height:60px; display:block; position:absolute; top:0px; right:0px; background:#bfbfbf; cursor:pointer; color:white; font-weight:500; font-size:24px; line-height:60px; text-align:center; } .mainnav-sub-control-first {display:none;} .active > .mainnav-sub-control, .subnav-sub-control {background-color:#c7daa6;} #mainnav .hwt-mobilemenu-control-down:after { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; content:"\002212"; background: inherit; font-size:inherit; font-weight:inherit; color:white; } /* Mainnav / Subnav */ #mainnav { width:100%; clear:both; margin:0px auto; margin-top:50px; position: relative; border-right:1px solid #464646; height:40px; overflow-y: visible; width:62%; max-width:1120px; } #mainnav li { display:inline-block; height:40px; line-height:40px; width:25%; position: relative; padding-bottom:35px; } #mainnav a, #subnav a { text-transform:uppercase; color:inherit; text-decoration:none; display:inline-block; width:100%; text-align:center; font-weight:500; line-height:40px; } #mainnav a {border-left:1px solid #464646;} #mainnav a:hover, #mainnav .active a, #mainnav .current a {color:#74a220;} .mainnav-sub { display:none; position:absolute; background:rgba(255, 255, 255, 1); left:0px; /*width:100%;*/ z-index:999; /*padding:10px 0px;*/ top:73px; /*margin-top:-1px;*/ border:1px solid #808080; } #mainnav > li:last-child .mainnav-sub {right:0px; left:auto;} #mainnav > li:hover > .mainnav-sub {display:block;} #mainnav .mainnav-sub li { display:block; width:auto; border-left:0px none; border-bottom:1px dotted black; height:auto; margin-left: 0px; position:relative; padding-bottom: 0px; /* Color to inherit */color:#74a220; } #mainnav .mainnav-sub li:last-of-type {border-bottom:0px none;} #mainnav .mainnav-sub a { display:block; text-align:left; text-transform: none; color:black; font-weight:300; text-decoration:none; padding:0px 100px 0px 50px; min-height:24px; line-height:1.3; padding-top:18px; padding-bottom:18px; white-space:nowrap; width: auto; border:0px none; } #mainnav .mainnav-sub a:hover {background:#ededed;} #mainnav .mainnav-sub .active > a, #mainnav .mainnav-sub .current > a {color:#74a220;} #mainnav .mainnav-sub .mainnav-sub {position: relative; display:none; top:0px; padding:0px; border:0px none; border-top:1px dotted black;} #mainnav .mainnav-sub .mainnav-sub a {padding:18px 100px 18px 80px;} #mainnav .mainnav-sub .mainnav-sub .mainnav-sub a {padding-left:110px;} /* pre-expand */ #mainnav .active .active > .mainnav-sub {display:block;} #mainnav .active .current > .mainnav-sub {display:none;} #mainnav .active .active > .hwt-mobilemenu-control:after { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; content:"\002212"; background: inherit; font-size:inherit; font-weight:inherit; color:white; } .hwt-mobilemenu-control-up:after {display:none !important;} /* Subnav */ #subnav {position:fixed; z-index:998; left:0px; margin-left:-500px; padding:100px 100px 300px 20px; background:#74a220; transition: 1s; } .subnav-active { margin-left:0px !important; transition: 0.5s; } #subnav li {border-bottom:1px dotted white;} #subnav a { color:white !important; display:block; text-align:left; color:black; font-weight:500; text-decoration:none; padding:0px 100px 0px 50px; min-height:60px; line-height:60px; } #subnav .mainnav-sub {position:relative; background:inherit; display:block; top:0px; padding:0px; border:0px;} #subnav .mainnav-sub a {text-transform:none; font-weight:300;} #subnav .mainnav-sub .active a {font-weight:500;} #subnav .mainnav-sub .mainnav-sub {display:none; border-top:1px dotted white;} /* Breadcrumb */ #breadcrumb {font-size:16px; padding-top:25px; padding:0 8%; width:62%; max-width:1120px; margin:0px auto; margin-bottom:95px;} #top-slider-ow+#breadcrumb {margin-top:-70px;} #breadcrumb li {display: inline-block;} #breadcrumb .current {font-weight:normal;} /* Socialmenu */ #header .socialnav {float:right; line-height:1.0; position:absolute; bottom:0px; right:0px;} .socialnav li {display:inline-block; margin-right:8px;} .socialnav a { display:block; height:25px; width:25px; background:transparent no-repeat center center; background-size:auto 25px; } .text a {width: auto; text-decoration:none;} #header .text { border-right:1px solid #868686; padding-right:12px; margin-right:12px; font-weight:500; text-transform:uppercase; position: relative; bottom:5px; color:#868686; height:20px; vertical-align:middle; padding-top:2px; } #header .text a {vertical-align:middle; font-size:16px;} #footer .text {display: block; margin-bottom:10px; margin-right:0px;} #footer .socialnav a {margin-bottom:15px;} .socialnav .social-fb a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-fb.svg');} .socialnav .social-tw a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-tw.svg');} .socialnav .social-xi a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-xi.svg');} .socialnav .social-li a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-li.svg');} .socialnav .social-yt a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-yt.svg');} #footer .socialnav .social-fb a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-fb-white.svg');} #footer .socialnav .social-tw a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-tw-white.svg');} #footer .socialnav .social-xi a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-xi-white.svg');} #footer .socialnav .social-li a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-li-white.svg');} #footer .socialnav .social-yt a {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-yt-white.svg');} /*--- Elements ---*/ .box { background-size:cover; position:relative; xfont-size:17px; xline-height:23px; margin-bottom:15px !important; overflow-y:hidden; } /*--- Grid ---*/ /* outer = 1085 */ /* Spacer = 94/95 */ .content-center, .slide-caption-center {width:62%; max-width:1120px; margin:0px auto;} .content-background {background-color:#99bfc7; padding-top:1px; margin:90px 0px;} .content-background + .content-1col div:first-child h2, .content-background + .content-1col div:first-child h3 {margin-top:0px;} /* Layout spacer: 1.3% */ .grid-24-col {width:48.9%; float:left; margin-right:2.1%;} .grid-24-col:nth-of-type(2n+2) {margin-right:0px;} .grid-26-col {width:31.9%; float:left; margin-right:2.1%;} .grid-26-col:nth-of-type(3n+3) {margin-right:0px;} .grid-26-col:nth-of-type(3n+4) {clear:both;} .grid-14-col {width:23.4%; float:left; margin-right:2.1%;} #footer .grid-14-col {width:18.4%; margin-right:8.8%;} #footer .grid-14-first, #footer .grid-14-second {width:25%;} #footer .grid-14-third {width:13.6%;} #footer .grid-14-fourth {width:10%;} .grid-14-col:nth-of-type(4n+4), #footer .grid-14-col:nth-of-type(4n+4) {margin-right:0px;} .grid-14-col:nth-of-type(4n+5) {clear:both;} /*--- Sections ---*/ #header {padding:50px 0px 32px 0px; position: relative;} #header-top {position:relative; width:62%; max-width:1120px; margin:0px auto; } .content-teaser {font-size:21px; padding-bottom:45px;} .content-teaser .ce-gallery {margin-top:45px;} .content-teaser + * > *:first-child p:first-of-type {margin-top:0px;} #body-start .content-background {font-size:21px;} #body-start .content-background .news {font-size:18px;} /* Footer */ #footer {background:#5e5e5e; color:white; margin-top:75px; padding:85px 0px 70px 0px;} #footer-inner, #footer-iframe-inner {width:62%; max-width:1120px; margin:0px auto;} .logo-link-footer {display:block; width:100%; margin-bottom:25px;} .footer-social a {display: block; display:inline-block; background:no-repeat; width:22px; height:22px; background-size:22px 22px; margin-right:10px;} .footer-social .facebook {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-share-facebook.svg');} .footer-social .twitter {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-share-twitter.svg');} .footer-social .youtube {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-share-youtube.svg');} .footer-social .mail {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/icon-share-mail.svg'); margin-left:25px;} #iframenav {margin-top:180px; margin-bottom:100px;} #iframenav li { display: inline-block; height:22px; line-height: 22px; margin-right:8px; padding-right:8px; border-right:1px solid #464646; } #iframenav li:last-child {margin-right:0px; padding-right:0px; border-right:0px none;} /*--- TYPO3 Styles ---*/ .content-1col img, #logo-link-footer, .mediaelement img {display:block; max-width:100%; height:auto !important;} .image-caption, .video-caption {font-style: italic; margin-top:22px; font-size:16px;} .frame:first-of-type h1 {margin-top:-10px;} /* Icon grid elements */ .frame-icon-formsoflearning {margin-bottom:45px;} .frame-icon-facts {margin-bottom:-18px;} .frame-icon-formsoflearning .ce-gallery, .frame-icon-shorts .ce-gallery, .frame-icon-facts .ce-gallery {float:left;} .frame-icon-formsoflearning .ce-bodytext, .frame-icon-shorts .ce-bodytext, .frame-icon-facts .ce-bodytext {padding-left:10px; margin-left:25px; padding-top:1px;} .frame-icon-formsoflearning .ce-bodytext:after {display:block; content:""; clear:both; height:1px;} .frame-icon-formsoflearning .ce-bodytext {padding-left:250px; margin-left:70px;} .frame-icon-formsoflearning h4 {margin-top:0px; font-size:24px;} .frame-icon-shorts {margin-bottom:50px;} .frame-icon-shorts + .frame {margin-top:-50px; margin-bottom:50px;} .frame-icon-shorts h4 {margin-top:14px; font-size:24px;} .frame-icon-shorts .ce-bodytext {margin-left:15px;} .frame-icon-facts .ce-bodytext {padding-left:90px; min-height:90px;} .frame-icon-facts h4 {margin-top:0px; margin-bottom:-10px; font-size:24px;} /* Galleries */ .intro .ce-gallery, .grid-34-partner img {margin-bottom:55px;} .ce-column {margin-bottom:2.1%;} .ce-gallery[data-ce-columns="2"] .ce-column { width:48.9%; float:left; margin-right:2.1%; } .ce-gallery[data-ce-columns="2"] .ce-column:nth-of-type(2n+2) {margin-right:0px;} .ce-gallery[data-ce-columns="3"] .ce-column { width:31.9%; float:left; margin-right:2.1%; } .ce-gallery[data-ce-columns="3"] .ce-column:nth-of-type(3n+3) {margin-right:0px;} .ce-gallery[data-ce-columns="4"] .ce-column { width:23.4%; float:left; margin-right:2.1%; } .ce-gallery[data-ce-columns="4"] .ce-column:nth-of-type(4n+4) {margin-right:0px;} .ce-row, .frame {clear:both; padding-top:1px;} .grid-24-col .video {width:80%;} /*--- tiny slider ---*/ /* all Sliders */ .tns-outer {padding-bottom:1px; overflow:hidden;} .tns-slider img {height:auto !important; display:block; width:100%;} .slide-caption a, body .tns-slider .more-link { border:1px solid white; text-decoration:none; color:inherit; display:inline-block; margin:0px auto; margin-top:5px; /*margin-right:10px;*/ padding:3px 15px; font-weight:inherit; background:transparent; } .slide-caption a + a {margin-left:10px;} .slide-caption a:hover, body .tns-slider .more-link:hover {background:rgba(255,255,255,0.3);} /* Top-Slider */ #top-slider {margin-bottom:100px;} #top-slider .slide-caption-center {position:relative;} #top-slider .slide-caption { text-align: left; color:white; position:absolute; bottom:0px; /*margin-left:19%;*/ margin-right:66%; /*padding-bottom:60px; padding-top:100px;*/ padding:20px 25px; left:0px; right:0px; background: rgba(140,181,77, 0.85); /*background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(79, 117, 149, 0.8) 0%, rgba(79, 117, 149, 0) 100%) repeat scroll 0 0;*/ } #top-slider .slide-caption .h3 {display: block; margin:0px; margin-bottom:20px;} #top-slider .slide-caption p {margin-top:20px;} #top-slider .slide-caption p:last-child {margin-bottom:0px;} /* Grid-Slider */ .grid-slider, .news-slider {position: relative;} body .grid-slider {margin-top:80px; margin-bottom:-90px;} body .content-background .grid-slider {margin-bottom:0px;} body .grid-slider .tns-slider {padding-bottom:90px;} .grid-slider .tns-slider a, .news-list-view .article .more-link { border:1px solid #464646; text-decoration:none; display:inline-block; margin-top:15px; padding:3px 15px; font-weight:inherit; color: inherit; background:transparent; } .content-background .grid-slider .tns-slider a {border:1px solid white;} .grid-slider .tns-slider a:hover, .news-list-view .article .more-link:hover { background: rgba(38,38,38,0.15); } .tns-slider .ce-gallery {margin-bottom:0px;} /* Direction */ /*#top-slider .flex-direction-nav {padding:0 8%;}*/ .tns-controls button { opacity:1 !important; background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/pfeil-slider-grau-links.svg') no-repeat 0 0 !important; width:20px; height:30px; border: 0px none; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; overflow: hidden; opacity: 0; -webkit-transition: all .3s ease; } .content-background .tns-controls button { background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/pfeil-slider-weiss-links.svg') no-repeat 0 0 !important; } .tns-controls button:first-child { left:0px !important; margin-left:-50px; } .tns-controls button:last-child { right:0px !important; margin-right:-50px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } /*.tns-controls button span {display:none;}*/ #top-slider .tns-controls button { background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/pfeil-slider-weiss-links.svg') !important; } #top-slider .tns-controls button:first-child {left:8% !important;} #top-slider .tns-controls button:last-child {right:8% !important;} /* Control */ .tns-nav {text-align:center; line-height:30px; height:30px; margin-top:50px; position: relative;} .tns-nav button {border: 0px none;} /*.tns-nav button {position:absolute;}*/ #top-slider .tns-nav {line-height:1px; height:1px; margin-top:0px;} #top-slider .tns-nav button {position: relative; top:-30px;} .grid-slider .tns-nav {margin-top:-60px; margin-bottom:120px;} .content-background .grid-slider .tns-nav {margin-bottom:30px;} .news-slider .tns-nav {margin-bottom:20px; position: absolute; width:100%; bottom:0px;} body .tns-nav button {width: 10px; height: 10px; display:inline-block; background:white; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin-left:5px; margin-right:5px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} body .tns-nav button:hover {background:#c7daa6;} body .tns-nav button.tns-nav-active {background:#74a220;} /*body .tns-nav button span {display:none;}*/ /*--- Ext: hwt_address ---*/ /*.address-list {margin-top:-60px;} .address-profileslinks{margin-top:-40px;}*/ .address-item {margin-top:0px;} .address-item:nth-child(n+4) {margin-top:60px;} .address-profileslinks .address-item:nth-child(n+4) {margin-top:40px;} /*.address-profileslinks .address-item {margin-top:0px;}*/ ._address-item:last-of-type {margin-bottom:12px;} .address-item img {display:block; margin-bottom:35px;} .address-item .name, .address-item .position {display: block;} .address-item .name {/*see h3*/ margin-top:30px;} .address-profileslinks .name {display:block; margin-top:0px;} .address-item .position {/*see h4*/ margin-top:-10px;} /* address single */ .address-single .name + p {/*see h4*/ margin-top:-10px;} .address-single .info {margin-top:50px;} hr.address-single-clearer {margin-bottom:50px; margin-top:-25px;} /* inside col */ .grid-24-col .address-item {width:auto; float:none; margin-right:0px !important;} .grid-24-col .address-profileslinks .address-item {margin-top:0px !important;} .grid-24-col .address-item:last-of-type {margin-bottom:0px;} /*--- Ext: news ---*/ body .news .article {margin-bottom:0px; margin-top:0px; padding:0px;} .news .mediaelement {margin-top:60px;} .news-img-caption {font-style:italic; color:inherit; margin-top:22px; font-size:16px;} .news-backlink-wrap a {background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/back-to-list.svg') no-repeat left center; background-size: 25px auto; padding-left:40px; min-height:25px; display:block; line-height:25px;} /* list page */ .news-list-view {margin-top:30px;} body .news-list-view .article {margin-bottom:70px;} .news-list-view .article a {color:inherit;} body .news-list-view .article .news-img-wrap {max-width:33.8%; margin-right:10%; margin-bottom:0px;} .news-list-view .teaser-text {padding-left:43.8%; margin-bottom:0px !important;} .news-list-view .teaser-text a {text-decoration:none; display:block;} .news-list-view .article h3 {margin-top:0px; margin-bottom:15px;} .news-list-view p.news-list-meta {font-weight:500; margin-top:30px; margin-bottom:0px; line-height:inherit;} .news-list-date {display:inline-block; padding-right:7px; margin-right:7px; border-right:2px solid #464646; line-height:1.1;} .news-list-author {display:inline-block;} .news .page-navigation ul { float: none; } .page-navigation p {display: none;} .page-navigation { text-align:center;} .news .page-navigation ul { float:none; display:inline-block; border-bottom:1px solid #464646; margin:0px; margin-bottom:40px; } .article + .page-navigation ul { border-top:1px solid #464646; border-bottom:0px none; margin-bottom:0px; } .news .page-navigation ul li { float:none; display: inline-block; padding:20px; padding-top:0px; font-weight:400; } .article + .page-navigation ul {padding-top:20px;} .news .page-navigation ul li a {text-decoration:inherit;} /* list slider */ body .news-slider {margin-top:80px; padding-bottom:100px;} body .news-slider .slides {margin-bottom:70px;} body .news-slider .article {position:relative; margin-bottom:0px;} body .news-slider .article .news-img-wrap {float:none; width:auto; margin:0px; max-width:100%;} .news-slider h3 { background: rgba(255,255,255,0.8); color:#005f73; text-align:left; display:inline-block; vertical-align:middle; position:absolute; /*height:100%;*/ top:30%; left:0px; right:11%; padding:15px 10px; } .news-slider .article:hover h3 {display:none;} .news-slider .teaser-text { padding-left:0px; display:none; position:absolute; /*top:0px; bottom:0px;*/ left:0px; right:0px; color:white; /*padding:40px;*/ padding:11%; top:50%; -webkit-transform: translateY(-50%); /* android, safari, chrome */ -moz-transform: translateY(-50%); /* old firefox */ -o-transform: translateY(-50%); /* old opera */ -ms-transform: translateY(-50%); /* old IE */ transform: translateY(-50%); /*standard */ //transform: translateY(-50%); } .news-slider .news-img-wrap:after { position:absolute; display:none; content:" "; top:0px; left:0px; height:100%; width:100%; background: rgba(38,119,136, 0.8); } .news-slider .article:hover .teaser-text, .news-slider .article:hover .news-img-wrap:after { display: block; } .news-slider .teaser-text p {margin-top:0px;} .news-slider .teaser-text .more-link { text-decoration:none; display: inline-block; border:1px solid white; float:none; margin-top:30px; } .news-slider .teaser-text .more-link:hover {background:rgba(255,255,255,0.3);} body .news .article .news-img-wrap a {float:none; padding:0px; border:0px none;} body .news .article .news-img-wrap img {float:left; width:100% !important;} body .news .news-slider .article .news-img-wrap img { float: none; } /* images (detail page) */ .news-single .article .teaser-text {color: inherit; margin-top:50px; font-size:21px;} .news-single .teaser-text p, .news-single .news-text-wrap p:first-child {margin-top:0px;} .news-meta {font-weight:500; line-height:1.4; margin-top:60px;} .news-backlink-wrap {clear:both; padding-top:60px;} .news-related {border:0px none; padding:0px; width:auto; display:block;} .news-related-links li {padding-left:0px;} .news-related-links a {padding-left:23px;} /* image gallery detail page */ /*.image-4cols {margin-top:50px;}*/ .image-4cols {margin-top:60px;} .image-4cols .mediaelement {float:left; width:23.4%; float:left; margin-right:2.1%; margin-top:0px; margin-bottom:2.1%;} .image-4cols .mediaelement:nth-of-type(4n+4) {margin-right:0px;} .image-4cols .news-img-caption {display:none;} /*--- Forms ---*/ form, fieldset, legend, label {margin:0px; padding:0px; border:0px none;} legend {display:none;} legend, label, input, textarea {font-family:inherit; font-size:inherit; color:inherit; font-weight:inherit;} label { display: block; margin-bottom:5px; font-weight:500;} input, textarea, select, #ke_search_sword {box-sizing: border-box; width:100%; padding:10px 10px; border:1px solid #686867; border-radius:0px; box-shadow:none; font-size:inherit;} .powermail_fieldwrap_type_submit input { background: #5e5e5e; color:white; text-align:center; /*margin-top:30px;*/ width:auto; padding:10px 20px; border:1px solid #5e5e5e; float:right; } input.powermail_submit:hover {background:#7e7e7e !important;} .powermail_fieldwrap_type_check .powermail_label, .powermail_fieldwrap_type_radio .powermail_label {display: block;} .powermail_fieldwrap_type_radio .powermail_label {float:left; margin-right:15px;} /* Powermail */ .powermail_form h3 {display:none;} .powermail_fieldwrap {width:48%; margin-right:2%; float:left; margin-bottom:20px;} .powermail_fieldwrap:nth-of-type(2n+2) {float:right; margin-right:0px;} .powermail_fieldwrap:nth-of-type(2n+3) {clear:both;} /*.powermail_fieldwrap_type_textarea {float:none; width: 100%;} .powermail_fieldwrap_type_textarea {margin-bottom:35px;}*/ .powermail_fieldwrap_type_submit {width:100%; margin-right:0px;} .powermail_form .radio {display: inline-block; margin-right:20px;} .powermail_form .radio input, .powermail_form .checkbox input {width:auto;} .powermail_form .checkbox {margin-top: 10px;} .powermail_form .checkbox input {margin-left:-20px;} .powermail_form .checkbox label {padding:0px; padding-left:20px; font-weight:300;} /*.powermail_fieldwrap_type_textarea + .powermail_fieldwrap_type_check + .powermail_fieldwrap_type_submit {margin-top:-95px; float:right; margin-right:0px; clear:both;}*/ /*--- js:uiTotop ---*/ #toTop { background:rgba(255,255,255,0.7) url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/pfeil-slider-grau-links.svg') no-repeat 10px center; background-size:20px auto; display:none; overflow:hidden; position:fixed; right:20px; bottom:20px; text-decoration:none; text-indent:-999px; height:45px; width:45px; z-index:100; border: 4px solid #868686; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #toTopHover { background-color:rgba(255,255,255,1); display:block; float:left; height:45px; opacity:0 !important; overflow:hidden; width:45px; } /*--- Toggles / Accordion ---*/ .toggle, .accordion {margin-top:45px;} .ui-accordion-header {cursor:pointer; color:white; padding:10px 65px 10px 20px; margin-bottom:30px; background:#408796; position:relative;} .ui-accordion-header-icon {background:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/pfeil-toggle-oeffnen.svg') center center no-repeat; height:100%; right:20px; width:25px; top:0px; position: absolute;} .ui-accordion-header-active .ui-accordion-header-icon {background-image:url('../../../typo3conf/ext/acn_package/Resources/Public/Page/Images/pfeil-toggle-schliessen.svg');} .ui-accordion-header h3, .ui-accordion-header h4 {margin:0px;} .ui-accordion-content {margin-bottom:30px; margin-top:-30px; padding:40px; background:#f2f2f2;} .ui-accordion-content > div:nth-child(n+2) { border-top: 1px dotted black; margin-top:40px; padding-top:40px; } .ui-accordion-content h3, .ui-accordion-content h4 {margin-top:0px;} /*--- Categories / Filters ---*/ /* category selection & controls */ .syscategory-selection {margin:40px 0px 70px 0px;} .syscategory-selection li {display:inline-block; margin-right:2.1%;} .syscategory-selection a, #syscategory-contentfilter-control { color:inherit; text-decoration:none; border:1px solid #5e5e5e; text-decoration:none; display:inline-block; margin-top:15px; padding:3px 15px; font-weight:inherit; } .syscategory-selection a:hover {background: rgba(38,38,38,0.15);} .syscategory-selection a.exclude {color:#74a220; border-color:#74a220; background:transparent;} #syscategory-contentfilter-control:hover {background:#7e7e7e !important;} /* content filter control */ #syscategory-contentfilter-control-wrapper { display:block; clear:both; margin-bottom:65px; margin:0px; padding: 115px 0px 40px 0px; position:relative; z-index:99; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75px); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75px); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75px); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );*/ } .syscategory-contentfilter.expand + #syscategory-contentfilter-control-wrapper { position:fixed; left: 0%; right: 0%; bottom:0px; margin-bottom:0px; } #syscategory-contentfilter-control { display:block; width:150px; text-align:center; margin:0px auto; background:#5e5e5e; color:white; font-weight: inherit; padding: 8px 2px; } /* category filter content */ .syscategory-contentfilter { margin-top:0px; padding:0px; float:left; width:100%; width:104.2%; overflow-y: hidden; margin-bottom:-60px; -webkit-transition: max-height 1s ease-out; -moz-transition: max-height 1s ease-out; -o-transition: max-height 1s ease-out; transition: max-height 1s ease-out; } .syscategory-contentfilter.expand { /* max-height:10000px !important; */ /* 2021-01-19 */ max-height:50000px !important; margin-bottom:0px; } .syscategory-contentfilter li { padding-left:0px; position:relative; margin-left:2.1%; width:46.8%; margin-right:2.1% !important; width:44%; margin-bottom:40px; } .syscategory-contentfilter li .frame {margin-left:10px;} .syscategory-contentfilter li *:last-child {margin-bottom:0px;} .syscategory-contentfilter .exclude {display:none;} .syscategory-contentfilter h4 {margin-top:18px;} .syscategory-contentfilter .frame > * {margin-top:0px;} .syscategory-contentfilter .frame > * > h4 {margin-top:0px;} /*--- fancybox ---*/ body .fancybox-bg {background: #bfbfbf;} body .fancybox-is-open .fancybox-bg {opacity:0.95;} body .fancybox-slide--iframe .fancybox-content {background: transparent;} body .fancybox-toolbar {visibility:visible; opacity:1;} body .fancybox-button--close {background: #74a220; width:45px; height:45px;} /*body .fancybox-content:after { display:block; content:"schliessen"; color: #74a220; position:absolute; bottom:100px; right:10px; }*/ /*.fancybox-custom-close {background: #74a220; color:white; bottom:0px; right:0px;}*/ /*--- sticky header ---*/ x_body.sticky-header {padding-top:100px;} .sticky-header #header {padding:15px 0px; left:0px; right:0px; top:0px; position: fixed; z-index:999; background: white;} .sticky-header #logo-link {width:250px; display:none;} .sticky-header #header .socialnav {display:none;} .sticky-header #mainnav {margin-top:10px;} @media screen and (max-width: 1310px) { /* centered */ #header-top, #mainnav, .content-center, .slide-caption-center, #footer-inner, #footer-iframe-inner, #breadcrumb { width:auto; margin-left:75px; margin-right:75px; padding-left:0px; padding-right:0px; } /* prev / next */ #top-slider .tns-controls button:first-child {left:75px !important;} #top-slider .tns-controls button:last-child {right:75px !important;} } @media screen and (max-width: 1200px) { /* slider captions */ #top-slider .slide-caption-center, #top-slider .slide-caption {position:static; margin:0px auto; width:auto; max-width: none;} #top-slider .slide-caption {padding:30px 75px; padding-bottom:50px;} .news-slider h3 {right:0px;} } @media screen and (max-width: 1010px) { /* grid */ .grid-14-col, .ce-gallery[data-ce-columns="4"] .ce-column {width:48.9%; float:left; margin-right:2.1%;} .grid-14-col:nth-of-type(2n+2), .ce-gallery[data-ce-columns="4"] .ce-column:nth-of-type(2n+2) {margin-right:0px;} /* footer */ #footer .grid-14-col {width:45.6%;} /*#footer .grid-14-fourth {width:20%; float:right;}*/ #footer .grid-14-fourth .logo-link-footer {width:120px; /*margin-left:0px;*/ margin-right:6%; float:left;} #footer .grid-14-third, #footer .grid-14-fourth {margin-top:40px;} #footer .grid-14-col:nth-of-type(2n+2) {margin-right:0px;} } @media screen and (max-width: 1010px) { /* slider: disable nav arrows */ .tns-controls {display:none;} /* centering with 5% */ #header-top, #mainnav, .content-center, .slide-caption-center, #footer-inner, #footer-iframe-inner, #breadcrumb { margin-left:5%; margin-right:5%; } /* adjust top-slider caption */ #top-slider .slide-caption {padding-left:5%; padding-right:5%;} } @media screen and (max-width: 900px) { blockquote {background:transparent; padding-left:0px;} blockquote p {background:transparent; padding-right:0px;} blockquote + p i {padding-left: 0px;} /* logo */ #logo-link {width:70%; float:none;} /*.frame-icon-shorts .ce-gallery, .frame-icon-facts .ce-gallery {float:none;} .frame-icon-shorts .ce-bodytext, .frame-icon-facts .ce-bodytext {padding-left:0px; margin-left:0px;}*/ /* navigation */ #mainnav, #header .socialnav {display:none;} #mainnav-control, .mainnav-sub-control-first {display:block;} #mainnav-control {margin-right:5%;} #mainnav { /*background:rgb(255,255,255, 1); Doesn't work in newes Safari on Tablet*/ background:white; position:absolute; right:0px; margin:0px; z-index:999; height:auto; border:0px none; width:600px; padding-top:38px; margin-top:5px; padding-right:5%; } #mainnav li { display:block; border:0px none; border-bottom:1px dotted black; padding-bottom: 0px; height:auto; width:auto; } #mainnav a { border-left:0px; width:auto; display:block; min-height:60px; line-height:60px; text-align:left; } #mainnav a:hover {/*color:inherit;*/ background:#ededed;} #mainnav > li > a {padding: 0px 100px 0px 50px;} .mainnav-sub {top:auto; position: static; border:0px none; border-top:1px dotted black;} #mainnav .mainnav-sub a {white-space: normal;} /* 'deactivate' li hover */ #mainnav > li:hover > .mainnav-sub {display:none;} /* pre-expand first level */ body #mainnav .active > .mainnav-sub {display:block;} /*#mainnav .current > .mainnav-sub {display:none;}*/ #mainnav .active > .hwt-mobilemenu-control:after { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; content:"\002212"; background: inherit; font-size:inherit; font-weight:inherit; color:white; } /* grid */ .grid-26-col, .ce-gallery[data-ce-columns="3"] .ce-column {width:48.9%; float:left; margin-right:2.1%;} .grid-26-col:nth-of-type(3n+3), .ce-gallery[data-ce-columns="3"] .ce-column:nth-of-type(3n+3) { margin-right:2.1%; } .grid-26-col:nth-of-type(2n+2), .ce-gallery[data-ce-columns="3"] .ce-column:nth-of-type(2n+2) { margin-right:0px; } .grid-26-col:nth-of-type(3n+4), .ce-gallery[data-ce-columns="3"] .ce-column:nth-of-type(3n+4) {clear:none;} .grid-26-col:nth-of-type(2n+3), .ce-gallery[data-ce-columns="3"] .ce-column:nth-of-type(2n+3) {clear:both;} .address-item:nth-child(n+3) {margin-top:60px;} .address-profileslinks .address-item:nth-child(n+3) {margin-top:40px;} .grid-24-col .video {width:100%;} } /* overwrite inline css from mobile js script */ @media screen and (min-width: 901px) { #mainnav {display: block !important;} } @media screen and (max-width: 750px) { #breadcrumb {margin-bottom:70px;} h1 {font-size:33px;} h2 {font-size:28px;} h3, .h3 {font-size:22px;} h4, .address-item .position {font-size:19px;} /* grid columns to full width */ .grid-24-col, .powermail_fieldwrap, .powermail_fieldwrap:nth-of-type(n), .grid-26-col, .ce-gallery .ce-row .ce-column, #footer .grid-14-first, #footer .grid-14-second, .syscategory-contentfilter, .syscategory-contentfilter li { margin-right:0px; float:none; width:auto; } .syscategory-contentfilter li {margin-left:20px; margin-right:0px !important;} hr.ce-div {display:none;} .csc-default hr {display:block;} /* inside toggles */ .ui-accordion-content .grid-24-col:nth-of-type(n+2) h4 {margin-top:30px;} /* news image gallery */ .image-4cols .mediaelement {width:48.9%;} .image-4cols .mediaelement:nth-of-type(2n+2) {margin-right:0px;} /* news */ body .news-list-view .article .news-img-wrap {float:none; max-width:60%;} body .news-slider .article .news-img-wrap {max-width:none;} .news .article .teaser-text {padding-left:0px;} .news-slider .article .teaser-text {padding-left:10px; padding-right:10px;} .news-list-view .article h3 {margin-top:20px;} /* icon list forms-of-learning */ .frame-icon-formsoflearning .ce-gallery {width:25%;} .frame-icon-formsoflearning .ce-bodytext {padding-left:25%; margin-left:40px;} .frame-icon-facts {margin-bottom:25px;} .frame-icon-shorts .ce-gallery, .frame-icon-facts .ce-gallery {width:60px;} .frame-icon-shorts .ce-bodytext, .frame-icon-facts .ce-bodytext {min-height:60px; padding-left:60px; margin-left:15px;} /* addresses */ .address-item:nth-child(n+2) {margin-top:60px;} .address-profileslinks .address-item:nth-child(n+2) {margin-top:35px;} /* navigation */ #mainnav {width:auto; left:0px; padding-left:5%; background:white !important;} #mainnav > li > a {padding-left:0px;} #mainnav .mainnav-sub a {padding-left:30px;} #mainnav .mainnav-sub .mainnav-sub a {padding-left:60px;} #mainnav .mainnav-sub .mainnav-sub .mainnav-sub a {padding-left:90px;} /* footer */ .logo-link-footer {width:70%;} #footer .grid-14-second {margin-top:70px; margin-bottom:60px;} #footer .grid-14-fourth {width:45.6%;} #footer .grid-14-fourth .logo-link-footer {margin-left:15%;} /*#footer .grid-14-third .logo-link-footer, #footer .grid-14-fourth .logo-link-footer {width:35%;}*/ /* adjust form submit */ .powermail_fieldwrap_type_submit {margin-top:0px !important; float:none !important;} } @media screen and (max-width: 540px) { .frame-icon-formsoflearning .ce-gallery {width:40%; float:none; xmargin:0px auto;} .frame-icon-formsoflearning .ce-bodytext {padding-left:0px; margin-left:0px;} .frame-icon-formsoflearning h4 {margin-top:30px;} #footer .grid-14-col {width:auto; float:none; margin-top:60px;} #footer .grid-14-fourth .logo-link-footer {width:44%; margin-left:0px; margin-right:6%; max-width: 120px; float:left;} } @layer powermail-reset, powermail-variables, powermail-form, powermail-field, powermail-field-error;@layer powermail-variables{:root{--pm-grey-1: #F2F2F2;--pm-grey-2: #DEE2E6;--pm-grey-3: #AAAAAA;--pm-white: #FFFFFF;--pm-black: #212529;--pm-blue: #2E6DA4;--pm-red: #DC3545;--pm-green: #198754;--pm-orange: #FFC107;--pm-primary-color: var(--pm-blue);--pm-secondary-color: var(--pm-grey-2);--pm-input-background-color: var(--pm-white);--pm-input-border-color: var(--pm-grey-2);--pm-input-color: var(--pm-black);--pm-input-placeholder-color: var(--pm-grey-3);--pm-input-invalid-background-color: var(--pm-input-background-color);--pm-input-invalid-border-color: var(--pm-red);--pm-input-invalid-color: var(--pm-input-color);--pm-select-background-color: var(--pm-white);--pm-select-border-color: var(--pm-grey-2);--pm-select-color: var(--pm-black);--pm-check-background-color: var(--pm-white);--pm-check-border-color: var(--pm-grey-2);--pm-check-color: var(--pm-primary-color);--pm-radio-background-color: var(--pm-white);--pm-radio-border-color: var(--pm-grey-2);--pm-radio-color: var(--pm-primary-color);--pm-button-background-color: transparent;--pm-button-color: currentcolor;--pm-button-border-color: transparent;--pm-button-hover-background-color: transparent;--pm-button-hover-border-color: transparent;--pm-button-hover-color: currentcolor;--pm-button-primary-background-color: var(--pm-primary-color);--pm-button-primary-border-color: var(--pm-primary-color);--pm-button-primary-color: var(--pm-white);--pm-button-primary-hover-background-color: color-mix(in srgb, var(--pm-primary-color), var(--pm-black) 20%);--pm-button-primary-hover-border-color: color-mix(in srgb, var(--pm-primary-color), var(--pm-black) 20%);--pm-button-primary-hover-color: var(--pm-white);--pm-button-secondary-background-color: var(--pm-secondary-color);--pm-button-secondary-border-color: var(--pm-secondary-color);--pm-button-secondary-color: var(--pm-black);--pm-button-secondary-hover-background-color: color-mix(in srgb, var(--pm-secondary-color), var(--pm-black) 20%);--pm-button-secondary-hover-border-color: color-mix(in srgb, var(--pm-secondary-color), var(--pm-black) 20%);--pm-button-secondary-hover-color: var(--pm-black);--pm-button-active-background-color: var(--pm-primary-color);--pm-button-active-border-color: var(--pm-primary-color);--pm-button-active-color: var(--pm-white);--pm-button-active-hover-background-color: color-mix(in srgb, var(--pm-primary-color), var(--pm-black) 20%);--pm-button-active-hover-border-color: color-mix(in srgb, var(--pm-primary-color), var(--pm-black) 20%);--pm-button-active-hover-color: var(--pm-white);--pm-button-warning-background-color: var(--pm-orange);--pm-button-warning-border-color: var(--pm-orange);--pm-button-warning-color: var(--pm-black);--pm-button-warning-hover-background-color: color-mix(in srgb, var(--pm-orange), var(--pm-black) 20%);--pm-button-warning-hover-border-color: color-mix(in srgb, var(--pm-orange), var(--pm-black) 20%);--pm-button-warning-hover-color: var(--pm-black);--pm-button-danger-background-color: var(--pm-red);--pm-button-danger-border-color: var(--pm-red);--pm-button-danger-color: var(--pm-white);--pm-button-danger-hover-background-color: color-mix(in srgb, var(--pm-red), var(--pm-black) 20%);--pm-button-danger-hover-border-color: color-mix(in srgb, var(--pm-red), var(--pm-black) 20%);--pm-button-danger-hover-color: var(--pm-white);--pm-table-thead-tr-background-color: var(--pm-white);--pm-table-thead-tr-color: var(--pm-black);--pm-table-thead-th-border-color: var(--pm-grey-2);--pm-table-tbody-tr-background-color: var(--pm-white);--pm-table-tbody-tr-color: var(--pm-black);--pm-table-tbody-tr-odd-background-color: var(--pm-grey-1);--pm-table-tbody-tr-odd-color: var(--pm-black);--pm-table-tbody-tr-hover-background-color: color-mix(in srgb, var(--pm-grey-1), var(--pm-black) 8%);--pm-table-tbody-tr-hover-color: var(--pm-black);--pm-table-tbody-th-border-color: var(--pm-grey-2);--pm-table-tbody-td-border-color: var(--pm-grey-2)}}@layer powermail-reset{.tx-powermail *,.tx-powermail *::before,.tx-powermail *::after{box-sizing:border-box}.tx-powermail a,.tx-powermail button{touch-action:manipulation}.tx-powermail button,.tx-powermail input,.tx-powermail select,.tx-powermail textarea{font:inherit;line-height:inherit}.tx-powermail button[disabled],.tx-powermail button[aria-disabled=true],.tx-powermail input[disabled],.tx-powermail input[aria-disabled=true],.tx-powermail select[disabled],.tx-powermail select[aria-disabled=true],.tx-powermail textarea[disabled],.tx-powermail textarea[aria-disabled=true]{opacity:.5}.tx-powermail ::file-selector-button{font:inherit;line-height:inherit}.tx-powermail label{display:inline-block}.tx-powermail ::placeholder{color:var(--pm-input-placeholder-color);opacity:1}}@layer powermail-form{.powermail_fieldset{border:0;margin:0;padding:0}.powermail_fieldset legend{font-size:1.125rem;margin:0;padding:0;font-weight:700}.powermail_fieldset legend+*{margin-block-start:1.5rem}.powermail_fieldset+.powermail_fieldset{margin-block-start:1.5rem}}@layer powermail-form{.powermail_message{border:.0625rem solid rgba(0,0,0,0);padding:1.5rem;background-position:calc(100% - 1.5rem) 1.5rem;background-repeat:no-repeat;background-size:2.5rem;position:relative}.powermail_message>*{position:relative;z-index:1}.powermail_message::after{block-size:3rem;content:"";inline-size:3rem;inset-block-start:1.5rem;inset-inline-end:1.5rem;mask-mode:auto;mask-position:center;mask-repeat:no-repeat;mask-size:contain;position:absolute}.powermail_message h2{margin:0}.powermail_message h2+*{margin-block-start:1.5rem}.powermail_message ol{margin-block-end:0;margin-inline:0;padding-inline-start:1.5rem}.powermail_message ol>*+*{margin-block-start:.5rem}.powermail_message+*{margin-block-start:1.5rem}.powermail_message_note{border-color:var(--pm-orange)}.powermail_message_note::after{mask-image:url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/check.svg');background-color:var(--pm-orange)}.powermail_message_ok{border-color:var(--pm-green)}.powermail_message_ok::after{background-color:var(--pm-green);mask-image:url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/check.svg')}.powermail_message_error{border-color:var(--pm-red)}.powermail_message_error::after{background-color:var(--pm-red);mask-image:url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/error.svg')}}@layer powermail-form{.powermail_morestep .powermail_fieldset{margin-block-start:1.5rem}.powermail_multistep_navigation{display:flex;gap:.5rem}.powermail_tab_navigation{display:flex;gap:.5rem;margin-block-start:1.5rem}}@layer powermail-form{.powermail_progressbar{block-size:.5rem;border:.0625rem solid var(--pm-grey-1);inline-size:100%;margin-block-start:1.5rem}.powermail_progressbar.disable{display:none}.powermail_progressbar>.powermail_progress{background-color:var(--pm-blue);inline-size:0%;max-inline-size:100%;animation:progress 5s 1 forwards}.powermail_progressbar>.powermail_progress>.powermail_progress_inner{background:url('../../../typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif') repeat-x;block-size:.5rem;inline-size:100%;opacity:.25;overflow:hidden}.powermail_confirmation .powermail_progressbar{inline-size:100%}@keyframes progress{from{inline-size:0%}to{inline-size:100%}}}@layer powermail-form{.tx-powermail table{border-collapse:separate;border-spacing:0;inline-size:100%}.tx-powermail thead tr{background-color:var(--pm-table-thead-tr-background-color);color:var(--pm-table-thead-tr-color)}.tx-powermail thead th{border-block-end:.0625rem solid var(--pm-table-thead-th-border-color)}.tx-powermail th{padding:.5rem;text-align:start}.tx-powermail tbody tr{background-color:var(--pm-table-tbody-tr-background-color);color:var(--pm-table-tbody-tr-color)}.tx-powermail tbody tr:nth-child(odd){background-color:var(--pm-table-tbody-tr-odd-background-color);color:var(--pm-table-tbody-tr-odd-color)}.tx-powermail tbody tr:hover{background-color:var(--pm-table-tbody-tr-hover-background-color);color:var(--pm-table-tbody-tr-hover-color)}.tx-powermail tbody th{border-block-end:.0625rem solid var(--pm-table-tbody-th-border-color)}.tx-powermail tbody td{border-block-end:.0625rem solid var(--pm-table-tbody-td-border-color)}.tx-powermail td{padding:.5rem;text-align:start}}@layer powermail-field{.powermail_label{margin-block-end:.25rem}}@layer powermail-field{.tx-powermail input:not([type=checkbox],[type=radio],[type=submit],[type=reset],[type=range],[type=hidden]){background-color:var(--pm-input-background-color);border-radius:0;border:.0625rem solid var(--pm-input-border-color);color:var(--pm-input-color);inline-size:100%;padding-block:.375rem;padding-inline:.75rem}.tx-powermail input:not([type=checkbox],[type=radio],[type=submit],[type=reset],[type=range],[type=hidden]):user-invalid,.tx-powermail input:not([type=checkbox],[type=radio],[type=submit],[type=reset],[type=range],[type=hidden]).powermail_field_error{background-image:url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/error.svg');background-position:calc(100% - .75rem) .375rem;background-repeat:no-repeat;background-size:1.125rem;padding-inline-end:2.625rem}}@layer powermail-field{.powermail_fieldwrap_file_list{align-items:flex-start;border:.0625rem solid var(--pm-grey-2);display:flex;flex-direction:column;margin-block-start:1.5rem;padding:.75rem;row-gap:1.5rem}.powermail_fieldwrap_file_list ul{margin:0;padding-inline-start:1.5rem}}@layer powermail-field{.tx-powermail select{appearance:none;background-color:var(--pm-select-background-color);border-radius:0;border:.0625rem solid var(--pm-select-border-color);color:var(--pm-select-color);inline-size:100%;padding-block:.375rem;padding-inline:.75rem}.tx-powermail select:not([multiple]){background-image:url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/chevron-down.svg');background-position:calc(100% - .5rem) center;background-repeat:no-repeat}.tx-powermail select:user-invalid:not([multiple]),.tx-powermail select.powermail_field_error:not([multiple]){background-image:url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/chevron-down.svg'),url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/error.svg');background-position:calc(100% - 2.625rem) .375rem,calc(100% - .75rem) .375rem;background-repeat:no-repeat;background-size:1.125rem,1.125rem;padding-inline-end:4.5rem}}@layer powermail-field{.powermail_checkwrap{align-items:baseline;display:grid;gap:.5rem;grid-template-columns:1.25rem auto;justify-items:start}.powermail_checkwrap+.powermail_checkwrap{margin-block-start:.5rem}.tx-powermail input[type=checkbox]{appearance:none;background-color:var(--pm-check-background-color);block-size:1.25rem;border-radius:0;border:.0625rem solid var(--pm-check-border-color);color:var(--pm-check-color);display:grid;inline-size:1.25rem;margin:0;place-content:center}.tx-powermail input[type=checkbox]::before{background-color:CanvasText;block-size:1rem;box-shadow:inset 1em 1em var(--pm-check-color);content:"";inline-size:1rem;mask-image:url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/check.svg');mask-mode:auto;mask-position:center;mask-repeat:no-repeat;mask-size:contain;opacity:0}.tx-powermail input[type=checkbox]:indeterminate::before,.tx-powermail input[type=checkbox][aria-checked=mixed]::before{mask-image:url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/minus.svg')}.tx-powermail input[type=checkbox]:checked::before{opacity:1}}@layer powermail-field{.powermail_radiowrap{align-items:baseline;display:grid;gap:.5rem;grid-template-columns:1.25rem auto;justify-items:start}.powermail_radiowrap+.powermail_radiowrap{margin-block-start:.5rem}.tx-powermail input[type=radio]{appearance:none;background-color:var(--pm-radio-background-color);block-size:1.25rem;border-radius:50%;border:.0625rem solid var(--pm-radio-border-color);color:var(--pm-radio-color);display:grid;inline-size:1.25rem;margin:0;place-content:center}.tx-powermail input[type=radio]::before{background-color:CanvasText;block-size:.5rem;border-radius:50%;box-shadow:inset 1em 1em var(--pm-radio-color);content:"";inline-size:.5rem;opacity:0}.tx-powermail input[type=radio]:checked::before{opacity:1}}@layer powermail-field{.tx-powermail textarea{background-color:var(--pm-input-background-color);border-radius:0;border:.0625rem solid var(--pm-input-border-color);color:var(--pm-input-color);inline-size:100%;padding-block:.375rem;padding-inline:.75rem}.tx-powermail textarea:user-invalid,.tx-powermail textarea.powermail_field_error{background-image:url('../../../typo3conf/ext/powermail/Resources/Public/Image/Icons/error.svg');background-position:calc(100% - .75rem) .375rem;background-repeat:no-repeat;background-size:1.125rem;padding-inline-end:2.625rem}}@layer powermail-field{.tx-powermail input[type=range]{inline-size:100%;margin-block-end:0;margin-inline:0;padding:0}}@layer powermail-field{.tx-powermail .btn{appearance:none;background-color:var(--pm-button-background-color);background-image:none;border-radius:0;border:.0625rem solid var(--pm-button-border-color);color:var(--pm-button-color);display:inline-flex;text-decoration:none}.tx-powermail .btn:hover,.tx-powermail .btn:focus-visible{background-color:var(--pm-button-hover-background-color);border-color:var(--pm-button-hover-border-color);color:var(--pm-button-hover-color)}.tx-powermail .btn-primary{background-color:var(--pm-button-primary-background-color);border-color:var(--pm-button-primary-border-color);color:var(--pm-button-primary-color);padding-block:.375rem;padding-inline:.75rem}.tx-powermail .btn-primary:hover,.tx-powermail .btn-primary:focus-visible{background-color:var(--pm-button-primary-hover-background-color);border-color:var(--pm-button-primary-hover-border-color);color:var(--pm-button-primary-hover-color)}.tx-powermail .btn-secondary{background-color:var(--pm-button-secondary-background-color);border-color:var(--pm-button-secondary-border-color);color:var(--pm-button-secondary-color);padding-block:.375rem;padding-inline:.75rem}.tx-powermail .btn-secondary:hover,.tx-powermail .btn-secondary:focus-visible{background-color:var(--pm-button-secondary-hover-background-color);border-color:var(--pm-button-secondary-hover-border-color);color:var(--pm-button-secondary-hover-color)}.tx-powermail .active{background-color:var(--pm-button-active-background-color);border-color:var(--pm-button-active-border-color);color:var(--pm-button-active-color);padding-block:.375rem;padding-inline:.75rem}.tx-powermail .active:hover,.tx-powermail .active:focus-visible{background-color:var(--pm-button-active-hover-background-color);border-color:var(--pm-button-active-hover-border-color);color:var(--pm-button-active-hover-color)}.tx-powermail .btn-warning{background-color:var(--pm-button-warning-background-color);border-color:var(--pm-button-warning-border-color);color:var(--pm-button-warning-color);padding-block:.375rem;padding-inline:.75rem}.tx-powermail .btn-warning:hover,.tx-powermail .btn-warning:focus-visible{background-color:var(--pm-button-warning-hover-background-color);border-color:var(--pm-button-warning-hover-border-color);color:var(--pm-button-warning-hover-color)}.tx-powermail .btn-danger{background-color:var(--pm-button-danger-background-color);border-color:var(--pm-button-danger-border-color);color:var(--pm-button-danger-color);padding-block:.375rem;padding-inline:.75rem}.tx-powermail .btn-danger:hover,.tx-powermail .btn-danger:focus-visible{background-color:var(--pm-button-danger-hover-background-color);border-color:var(--pm-button-danger-hover-border-color);color:var(--pm-button-danger-hover-color)}}@layer powermail-field-error{.powermail_field_error,.powermail_field_error input[type=radio],.powermail_field_error input[type=checkbox],:user-invalid,:user-invalid input[type=radio],:user-invalid input[type=checkbox]{background-color:var(--pm-input-invalid-background-color);border-color:var(--pm-input-invalid-border-color);color:var(--pm-input-invalid-color)}.powermail_field_error:focus-visible,:user-invalid:focus-visible{outline:.25rem solid rgba(0,0,0,0);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--pm-red), transparent 80%)}.powermail-errors-list{color:var(--pm-red);list-style-type:"";margin-block:.25rem 0;margin-inline:0;padding:0}.powermail-errors-list:not(.filled){display:none}}.tx-powermail .powermail_fieldwrap+.powermail_fieldwrap{margin-block-start:1.5rem}.tx-powermail .row+.row{margin-block-start:1.5rem}