body, form, figure { margin: 0; padding: 0; } img { border: 0; } header, footer, nav, section, aside, article, figure, figcaption { display: block; } body { font-size: 100.01%; } select, input, textarea { font-size: 99%; } #container, .inside { position: relative; } #main, #left, #right { float: left; position: relative; } #main { width: 100%; } #left { margin-left: -100%; } #right { margin-right: -100%; } #footer { clear: both; } #main .inside { min-height: 1px; } .content-gallery>ul, .content-gallery>ul { margin: 0; padding: 0; overflow: hidden; list-style: none; } .content-gallery>ul li, .content-gallery>ul li { float: left; } .content-gallery>ul li.col_first, .content-gallery>ul li.col_first { clear: left; } .float_left, .media--left>figure { float: left; } .float_right, .media--right>figure { float: right; } .block { overflow: hidden; } .clear, #clear { height: .1px; font-size: .1px; line-height: .1px; clear: both; } .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .custom { display: block; } #container:after, .custom:after { content: ""; display: table; clear: both; } @media (max-width:767px) { #wrapper { margin: 0; width: auto; } #container { padding-left: 0; padding-right: 0; } #main, #left, #right { float: none; width: auto; } #left { right: 0; margin-left: 0; } #right { margin-right: 0; } } img { max-width: 100%; height: auto; } .audio_container audio { max-width: 100%; } .video_container video { max-width: 100%; height: auto; } .aspect, .responsive { position: relative; height: 0; } .aspect iframe, .responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .aspect--16\:9, .responsive.ratio-169 { padding-bottom: 56.25%; } .aspect--16\:10, .responsive.ratio-1610 { padding-bottom: 62.5%; } .aspect--21\:9, .responsive.ratio-219 { padding-bottom: 42.8571%; } .aspect--4\:3, .responsive.ratio-43 { padding-bottom: 75%; } .aspect--3\:2, .responsive.ratio-32 { padding-bottom: 66.6666%; } .rsts-main, .rsts-main * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .rsts-header, .rsts-footer, .rsts-thumbs-header, .rsts-thumbs-footer { overflow: hidden; } .rsts-view, .rsts-thumbs-view { position: relative; } @media print { .rsts-view, .rsts-thumbs-view { position: static; } } .rsts-crop, .rsts-thumbs-crop { position: relative; overflow: hidden; } @media print { .rsts-crop, .rsts-thumbs-crop { position: static; overflow: visible; width: auto !important; height: auto !important; transform: none !important; } } .rsts-slides, .rsts-slide, .rsts-thumbs-slides, .rsts-thumbs-slide { position: absolute; left: 0; top: 0; } @media print { .rsts-slides, .rsts-slide, .rsts-thumbs-slides, .rsts-thumbs-slide { position: static; width: auto !important; height: auto !important; transform: none !important; } .rsts-slides.rsts-slide-image img, .rsts-slides.rsts-slide-video img, .rsts-slides.rsts-thumbs-slide-image img, .rsts-slides.rsts-thumbs-slide-video img, .rsts-slide.rsts-slide-image img, .rsts-slide.rsts-slide-video img, .rsts-slide.rsts-thumbs-slide-image img, .rsts-slide.rsts-thumbs-slide-video img, .rsts-thumbs-slides.rsts-slide-image img, .rsts-thumbs-slides.rsts-slide-video img, .rsts-thumbs-slides.rsts-thumbs-slide-image img, .rsts-thumbs-slides.rsts-thumbs-slide-video img, .rsts-thumbs-slide.rsts-slide-image img, .rsts-thumbs-slide.rsts-slide-video img, .rsts-thumbs-slide.rsts-thumbs-slide-image img, .rsts-thumbs-slide.rsts-thumbs-slide-video img { width: 100% !important; height: auto !important; margin: 0 !important; } } .rsts-slide, .rsts-thumbs-slide { overflow: hidden; } @media print { .rsts-slide, .rsts-thumbs-slide { position: static; } } .rsts-video-iframe, .rsts-thumbs-video-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rsts-type-slide .rsts-view, .rsts-thumbs-type-slide .rsts-thumbs-view { cursor: url("../../bundles/rocksolidslider/img/openhand.cur"),default; cursor: -webkit-grab; cursor: -moz-grab; cursor: -ms-grab; cursor: -o-grab; cursor: grab; } .rsts-type-slide.rsts-dragging .rsts-view, .rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view { cursor: url("../../bundles/rocksolidslider/img/closedhand.cur"),default; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -ms-grabbing; cursor: -o-grabbing; cursor: grabbing; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rsts-type-slide.rsts-dragging-disabled .rsts-view, .rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view { cursor: auto; } @media print { .rsts-nav, .rsts-prev, .rsts-next, .rsts-overlay-prev, .rsts-overlay-next, .rsts-progress, .rsts-thumbs-nav, .rsts-thumbs-prev, .rsts-thumbs-next, .rsts-thumbs-overlay-prev, .rsts-thumbs-overlay-next, .rsts-thumbs-progress { display: none !important; } } .rsts-skin-default.rsts-main { position: relative; } .rsts-skin-default.rsts-type-fade .rsts-slide { background-color: #fff; } .rsts-skin-default .rsts-caption { position: absolute; top: 20px; left: 20px; margin-right: 20px; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; background-color: #000; background-color: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translate(0, -20px); -moz-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); -webkit-transition: opacity 0.5s,-webkit-transform 0.5s; -moz-transition: opacity 0.5s,-moz-transform 0.5s; -o-transition: opacity 0.5s,-o-transform 0.5s; transition: opacity 0.5s,transform 0.5s; } .rsts-skin-default .rsts-active .rsts-caption { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-video-play, .rsts-skin-default .rsts-video-stop, .rsts-skin-default .rsts-thumbs-prev, .rsts-skin-default .rsts-thumbs-next { position: absolute; right: 55px; bottom: 15px; overflow: hidden; width: 30px; height: 30px; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; line-height: 0; text-align: center; text-decoration: none; text-indent: -9999px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII="); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); background-position: 50% 50%; -webkit-transition: opacity 0.05s linear; -moz-transition: opacity 0.05s linear; -o-transition: opacity 0.05s linear; transition: opacity 0.05s linear; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-video-play, .rsts-skin-default .rsts-video-stop, .rsts-skin-default .rsts-thumbs-prev, .rsts-skin-default .rsts-thumbs-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg=="); background-size: 30px,30px; } } .rsts-skin-default .rsts-prev:hover, .rsts-skin-default .rsts-next:hover, .rsts-skin-default .rsts-video-play:hover, .rsts-skin-default .rsts-video-stop:hover, .rsts-skin-default .rsts-thumbs-prev:hover, .rsts-skin-default .rsts-thumbs-next:hover { background-color: #eee; background-color: rgba(238,238,238,0.7); } .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-thumbs-next { right: 20px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII="); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-thumbs-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII="); background-size: 30px,30px; } } .rsts-skin-default .rsts-thumbs-prev, .rsts-skin-default .rsts-thumbs-next { position: absolute; top: 50%; right: 10px; margin-top: -15px; } .rsts-skin-default .rsts-thumbs-prev { right: auto; left: 10px; } .rsts-skin-default.rsts-direction-y .rsts-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII="); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-default.rsts-direction-y .rsts-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg=="); background-size: 30px,30px; } } .rsts-skin-default.rsts-direction-y .rsts-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-default.rsts-direction-y .rsts-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII="); background-size: 30px,30px; } } .rsts-skin-default.rsts-video-playing .rsts-nav, .rsts-skin-default.rsts-video-playing .rsts-prev, .rsts-skin-default.rsts-video-playing .rsts-next { display: none; } .rsts-skin-default.rsts-video-playing .rsts-nav-thumbs { display: block; } .rsts-skin-default.rsts-touch .rsts-nav-numbers, .rsts-skin-default.rsts-touch .rsts-nav-tabs { display: none; } .rsts-skin-default .rsts-nav { position: absolute; right: 95px; bottom: 12px; left: 10px; text-align: right; } .rsts-skin-default .rsts-nav ul { margin: 0 !important; padding: 0 !important; } .rsts-skin-default .rsts-nav li { display: inline; } .rsts-skin-default .rsts-nav-numbers a, .rsts-skin-default .rsts-nav-tabs a { display: inline-block; height: 30px; min-width: 30px; padding: 0.65em 0.5em 0.5em; margin: 0 2px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; font-size: 12px; text-align: center; text-decoration: none; color: #fff; background-color: #555; background-color: rgba(85,85,85,0.6); -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .rsts-skin-default .rsts-nav-numbers a:hover, .rsts-skin-default .rsts-nav-numbers a.active, .rsts-skin-default .rsts-nav-tabs a:hover, .rsts-skin-default .rsts-nav-tabs a.active { color: #333; background-color: #fff; background-color: rgba(255,255,255,0.5); } .rsts-skin-default:hover .rsts-nav-numbers a, .rsts-skin-default:hover .rsts-nav-tabs a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .rsts-skin-default .rsts-nav-bullets { line-height: 0; } .rsts-skin-default .rsts-nav-bullets a { display: inline-block; width: 9px; height: 9px; overflow: hidden; margin: 12px 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; outline: none; text-align: left; text-indent: -999px; background-color: #fff; background-color: rgba(255,255,255,0.8); -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 0 2px #777; -moz-box-shadow: 0 0 2px #777; box-shadow: 0 0 2px #777; } .rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active { background-color: #777; -webkit-box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555; -moz-box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555; box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555; } .rsts-skin-default .rsts-nav-thumbs { position: static; padding-top: 5px; } .rsts-skin-default .rsts-nav .rsts-nav-prev, .rsts-skin-default .rsts-nav .rsts-nav-next { display: none; } .rsts-skin-default .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-default .rsts-video-play { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII="); background-size: 70px,70px; } } .rsts-skin-default .rsts-video-stop { top: 20px; right: 20px; left: auto; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-default .rsts-video-stop { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII="); background-size: 30px,30px; } } .rsts-skin-default .rsts-video-youtube>.rsts-video-stop { top: 25px; } .rsts-skin-default .rsts-video-vimeo>.rsts-video-stop { top: 10px; right: auto; left: 10px; } .rsts-skin-default .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .rsts-skin-default .rsts-progress div { height: 100%; background-color: #fff; } .rsts-skin-default .rsts-progress.rsts-progress-active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } .rsts-skin-default .rsts-thumbs-slide { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0,0,0); } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #cboxOverlay { background: #000; opacity: .9; filter: alpha(opacity = 90); } #colorbox { outline: 0; } #cboxContent { margin-top: 20px; background: #000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { border: 5px solid #000; background: #fff; } #cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; } #cboxCurrent { position: absolute; top: -20px; right: 0; color: #ccc; } #cboxLoadingGraphic { background: url(../../assets/colorbox/images/loading.gif) no-repeat center center; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: 0 0; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; } #cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(../../assets/colorbox/images/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; } #cboxPrevious:hover { background-position: bottom left; } #cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url(../../assets/colorbox/images/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; } #cboxNext:hover { background-position: bottom right; } #cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(../../assets/colorbox/images/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; } #cboxClose:hover { background-position: bottom center; } @font-face { font-display: swap; font-family: "Encode Sans"; font-style: normal; font-weight: 200; src: url("/files/layout/fonts/encode-sans-v19-latin-200.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Encode Sans"; font-style: normal; font-weight: 400; src: url("/files/layout/fonts/encode-sans-v19-latin-regular.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Encode Sans"; font-style: normal; font-weight: 600; src: url("/files/layout/fonts/encode-sans-v19-latin-600.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Encode Sans"; font-style: normal; font-weight: 700; src: url("/files/layout/fonts/encode-sans-v19-latin-700.woff2") format("woff2"); } .font { font-weight: 200; font-family: "Encode Sans", Verdana, Geneva, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } input:required, textarea:required { box-shadow: none; } * { -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } img { max-width: 100%; height: auto; vertical-align: middle; } :focus { outline: none; } h1, h2, h3, input, textarea, keygen, select, button { font-weight: 200; font-family: "Encode Sans", Verdana, Geneva, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .font_regular { font-weight: 400; } .font_light { font-weight: 200; } .bold, strong, b { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .reorder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .down-arrow { display: none; } #header .down-arrow { position: absolute; top: 40px; left: 50%; display: inline-block; width: 0; z-index: 100; height: 28px; border: 3px solid; margin-left: 20px; border-color: #92ceb2; cursor: pointer; border-radius: 3px; animation: jumpInfinite 1.5s infinite; } #header .down-arrow:after { content: " "; position: absolute; top: 0; left: -13px; width: 20px; height: 20px; border-bottom: 6px solid; border-right: 6px solid; border-color: #92ceb2; border-radius: 6px; transform: rotateZ(45deg); } #header .content-text .down-arrow { top: 100%; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } @keyframes jumpInfinite { 0% { margin-top: 0; } 50% { margin-top: 10px; } 100% { margin-top: 0; } } @media (max-width: 1700px) { #header .down-arrow { display: none; } } html { font-size: 18px; overflow-x: hidden; } body { padding-top: 132px; min-height: 100vh; text-rendering: optimizeLegibility; overflow-x: hidden; font-size: 18px; line-height: 140%; font-weight: 200; font-family: "Encode Sans", Verdana, Geneva, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #0c3379; position: relative; } #header h1, h1 { font-weight: 400; font-size: 80px; line-height: 130%; } h2, h3, .layout_full h2 { font-weight: 400; font-size: 25px; line-height: 130%; } h3 { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .rte p { font-size: 20px; line-height: 130%; } .mod_article.bg_blue h2, h2.content-headline, .mod_article.spalten_3_bild, .mod_newslist h2, .mod_article.slider_tabs .rte ul li a { font-size: 70px; line-height: 130%; } #footer { font-size: 16px; line-height: 130%; } #main .marginbottom_3x { margin-bottom: 120px; } a { display: inline-block; color: #0c3379; } a.btn { text-decoration: none; font-weight: 400; font-size: 25px; line-height: 130%; padding-left: 36px; position: relative; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } a.btn:hover { color: #92ceb2; } a.btn:hover:before, a.btn:hover:after { background: #92ceb2; } a.btn:before { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; position: absolute; bottom: 0; width: 6px; height: 28px; left: 12px; background: #0c3379; content: ""; display: inline-block; } a.btn:after { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; position: absolute; left: 0; bottom: 12px; width: 28px; height: 6px; background: #0c3379; content: ""; display: inline-block; } a.overlay { display: none; } p.more a { text-decoration: none; font-weight: 400; font-size: 25px; line-height: 130%; padding-left: 36px; position: relative; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } p.more a:hover { color: #92ceb2; } p.more a:hover:before, p.more a:hover:after { background: #92ceb2; } p.more a:before { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; position: absolute; bottom: 0; width: 6px; height: 28px; left: 12px; background: #0c3379; content: ""; display: inline-block; } p.more a:after { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; position: absolute; left: 0; bottom: 12px; width: 28px; height: 6px; background: #0c3379; content: ""; display: inline-block; } p.more a:before, p.more a:after { background: #FFF; } .content-text > *:last-child { margin-bottom: 0; } #main ul { list-style: none; } #main ul > li { padding-left: 20px; position: relative; margin-bottom: 10px; } #main ul > li:last-child { margin-bottom: 0; } #main ul > li:before { left: 0; top: .5em; position: absolute; content: ""; background: #0c3379; border-radius: 100%; display: inline-block; width: 10px; height: 10px; } #header { background: #FFF; z-index: 1000; width: 100%; } #header #head { min-height: 132px; position: fixed; top: 0; left: 0; width: 100%; z-index: 500; background: #FFF; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); } #header #head .head_right { display: grid; align-content: space-between; } #header #head > .inside { zoom: 1; width: 100%; max-width: 1800px; padding: 20px 40px; margin: 0 auto; position: relative; display: block; display: -ms-grid; display: grid; grid-gap: 40px; -ms-grid-columns: 220px 1fr; grid-template-columns: 220px 1fr; grid-auto-rows: auto; } #header #head > .inside:before, #header #head > .inside:after { content: ""; display: table; } #header #head > .inside:after { clear: both; } #header #head > .inside:before, #header #head > .inside:after { content: none; } #header #head > .inside a { text-decoration: none; } #header #topnav .content-text { text-align: right; } #header #topnav .content-text ul li { margin-left: 10px; display: inline-block; } #header #topnav .content-text ul li:nth-child(1) { margin-left: 0; } #header #topnav .content-text ul li:nth-child(1) a { text-indent: 50px; overflow: hidden; width: 26px; height: 19px; display: block; background-size: contain; background-image: url("/files/layout/icons/mail.svg"); background-position: center; background-repeat: no-repeat; } #header #topnav .content-text ul li:nth-child(1) a:hover { background-image: url("/files/layout/icons/mail_gruen.svg"); } #header #topnav .content-text ul li:nth-child(2) a { text-indent: 50px; overflow: hidden; width: 26px; height: 19px; display: block; background-image: url("/files/layout/icons/phone.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; } #header #topnav .content-text ul li:nth-child(2) a:hover { background-image: url("/files/layout/icons/phone_gruen.svg"); } #header #topnav .content-text ul li:last-child { border-left: 3px solid #0c3379; padding-left: 10px; } #header #topnav .content-text ul li:last-child a:before { margin-right: 10px; content: ""; display: inline-block; width: 27px; height: 19px; background-image: url("/files/layout/icons/downloads.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; } #header #topnav .content-text ul li:last-child a:hover { color: #92ceb2; } #header #topnav .content-text ul li:last-child a:hover:before { background-image: url("/files/layout/icons/downloads_gruen.svg"); } #header .mod_navigation { text-align: right; } #header .mod_navigation ul.level_1 { display: inline-block; } #header .mod_navigation ul.level_1 > li { display: inline-block; margin-left: 40px; } #header .mod_navigation ul.level_1 > li a { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } #header .mod_navigation ul.level_1 > li a:hover { color: #92ceb2; } #header .mod_navigation ul.level_1 > li.trail > a { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #header .mod_article .inside_wrap { padding: 0; max-width: 100%; } #header .mod_article .inside_wrap .content-text.withimage { width: 100%; max-width: 100%; position: relative; } #header .mod_article .inside_wrap .content-text.withimage .image_container { margin: 0; } #header .mod_article .inside_wrap .content-text.withimage .image_container img { width: 100%; max-height: calc(100vh - 130px); object-fit: cover; } #header .mod_article .inside_wrap .content-text.withimage .content-text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; margin-bottom: 0; display: flex; align-items: end; } #header .mod_article .inside_wrap .content-text.withimage .content-text:before { position: absolute; left: 0; top: 0; z-index: 5; content: ""; display: block; width: 100%; max-width: 740px; height: 100%; background-image: url("/files/layout/plus.png"); background-position: right top; background-size: cover; background-repeat: no-repeat; pointer-events: none; } #header .mod_article .inside_wrap .content-text.withimage .content-text .content-text_inner { zoom: 1; width: 100%; max-width: 1578px; padding: 40px 40px; margin: 0 auto; display: block; position: relative; z-index: 100; padding-bottom: 80px; } #header .mod_article .inside_wrap .content-text.withimage .content-text .content-text_inner:before, #header .mod_article .inside_wrap .content-text.withimage .content-text .content-text_inner:after { content: ""; display: table; } #header .mod_article .inside_wrap .content-text.withimage .content-text .content-text_inner:after { clear: both; } #header .mod_article .inside_wrap .content-text.withimage .content-text h1 { color: #FFF; padding-left: 210px; position: relative; padding-bottom: 74px; line-height: 140%; font-weight: 200; } #header .mod_article .inside_wrap .content-text.withimage .content-text h1:before { content: ""; display: inline-block; position: absolute; left: 180px; bottom: 0; width: 10px; height: 350px; background: #FFF; } #header .mod_article .inside_wrap .content-text.withimage .content-text h1:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 170px; height: 10px; width: 350px; background: #FFF; } .mod_rocksolid_slider { max-height: calc(100vh - 130px); } .mod_rocksolid_slider img { max-height: calc(100vh - 130px) !important; object-fit: cover; object-position: center; } .mod_rocksolid_slider .rsts-view:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; max-width: 740px; height: 100%; background-image: url("/files/layout/plus.png"); background-position: right top; background-size: cover; background-repeat: no-repeat; z-index: 100; pointer-events: none; } .mod_rocksolid_slider .rsts-nav-bullets { z-index: 100; text-align: center; margin-bottom: 40px; } .mod_rocksolid_slider .rsts-nav-bullets ul li.rsts-nav-item { margin-left: 40px; } .mod_rocksolid_slider .rsts-nav-bullets ul li.rsts-nav-item:first-child { margin-left: 0; } .mod_rocksolid_slider .rsts-nav-bullets ul li.rsts-nav-item a { box-shadow: none; border-radius: 0; background: #FFF; width: 100px; height: 10px; } .mod_rocksolid_slider .rsts-nav-bullets ul li.rsts-nav-item a.active { background: #92ceb2; } .mod_article .inside_wrap { padding-top: 120px; padding-bottom: 120px; max-width: 1578px; margin-left: auto; margin-right: auto; } .mod_article.grid_2 .inside_wrap { margin-top: 80px; padding-top: 0; display: -ms-grid; display: grid; grid-gap: 160px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; } .mod_article.grid_2 .inside_wrap:before, .mod_article.grid_2 .inside_wrap:after { content: none; } .mod_article.grid_2 .content-text { padding-right: 40px; } .mod_article.grid_2 .content-text.img_plus, .mod_article.grid_2 .content-text.only_plus { width: 100%; position: relative; } .mod_article.grid_2 .content-text.img_plus + .content-text, .mod_article.grid_2 .content-text.only_plus + .content-text { padding-top: 80px; } .mod_article.grid_2 .content-text.img_plus:before, .mod_article.grid_2 .content-text.only_plus:before { position: absolute; right: 45%; top: 0; z-index: 5; content: ""; display: block; width: 100%; max-width: 740px; height: 100%; background-image: url("/files/layout/plus.png"); background-position: right top; background-repeat: no-repeat; pointer-events: none; opacity: .4; opacity: 1; left: 0; right: 0; background-position: left top; background-size: cover; background-image: url("/files/layout/bg_plus_many.svg"); } .mod_article.grid_2 .content-text.img_plus .rte, .mod_article.grid_2 .content-text.only_plus .content-text { position: relative; z-index: 50; padding-right: 20px; padding-left: 180px; padding-top: 80px; padding-bottom: 80px; } .mod_article.grid_2 .content-text.img_plus .rte p, .mod_article.grid_2 .content-text.only_plus .content-text p { font-size: 80px; line-height: 140%; padding-left: 210px; position: relative; padding-top: 50px; padding-bottom: 74px; } .mod_article.grid_2 .content-text.img_plus .rte p:before, .mod_article.grid_2 .content-text.only_plus .content-text p:before { content: ""; display: inline-block; position: absolute; left: 180px; bottom: 0; width: 10px; height: 350px; background: #92ceb2; } .mod_article.grid_2 .content-text.img_plus .rte p:after, .mod_article.grid_2 .content-text.only_plus .content-text p:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 170px; height: 10px; width: 350px; background: #92ceb2; } .mod_article.grid_2 .content-text.only_plus .content-text p { padding-left: 0; } .mod_article.grid_2 .content-text.only_plus .content-text p:before, .mod_article.grid_2 .content-text.only_plus .content-text p:after { content: none; } .mod_article.slider_tabs .inside_wrap { max-width: 100%; } .mod_article.slider_tabs .content-text { max-width: 1578px; margin-left: auto; margin-right: auto; padding-bottom: 20px; } .mod_article.slider_tabs .content-text ul { display: -ms-grid; display: grid; grid-gap: 40px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; } .mod_article.slider_tabs .content-text ul:before, .mod_article.slider_tabs .content-text ul:after { content: none; } .mod_article.slider_tabs .content-text ul.inaction li:first-child { opacity: .5; } .mod_article.slider_tabs .content-text ul.inaction li.active { opacity: 1; } .mod_article.slider_tabs .content-text ul li { padding: 0; margin: 0; opacity: .5; } .mod_article.slider_tabs .content-text ul li:before { content: none !important; } .mod_article.slider_tabs .content-text ul li:first-child { opacity: 1; } .mod_article.slider_tabs .content-text ul li:nth-child(even) { text-align: right; } .mod_article.slider_tabs .content-text ul li a { display: inline-block; text-decoration: none; } .mod_article.slider_tabs .mod_rocksolid_slider { background: #0c3379; color: #FFF; display: none; } .mod_article.slider_tabs .mod_rocksolid_slider.active { display: block; } .mod_article.slider_tabs .mod_rocksolid_slider:before { position: absolute; content: ""; display: block; pointer-events: none; left: 50%; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); width: 100%; top: 0; z-index: 1; height: 100%; background-image: url("/files/layout/bg_plus_blau.svg"); background-repeat: no-repeat; background-size: 80%; background-position: left bottom; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-nav-item { display: none; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-crop { padding-left: 40px; padding-right: 40px; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-prev, .mod_article.slider_tabs .mod_rocksolid_slider .rsts-next { top: 40%; z-index: 200; border: 0; border-radius: 0; box-shadow: none; width: 44px; height: 44px; background-size: contain; background-position: center; background-repeat: no-repeat; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-prev:hover, .mod_article.slider_tabs .mod_rocksolid_slider .rsts-next:hover { background-color: transparent; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-prev { background-image: url("/files/layout/icons/arrow_left.svg"); right: auto; left: 0; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-next { background-image: url("/files/layout/icons/arrow_right.svg"); left: auto; right: 0; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div { display: -ms-grid; display: grid; grid-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: auto; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div:before, .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div:after { content: none; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div { padding-top: 80px; padding-bottom: 80px; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .image_container { text-align: center; position: relative; overflow: hidden; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .image_container:before { position: absolute; right: 45%; top: 0; z-index: 5; content: ""; display: block; width: 100%; max-width: 740px; height: 100%; background-image: url("/files/layout/plus.png"); background-position: right top; background-size: cover; background-repeat: no-repeat; pointer-events: none; opacity: .4; right: 10%; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .content-text h3 { margin-bottom: 0; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .content-text p:last-child a { display: inline-block; line-height: 100%; margin-left: 5px; margin-right: 5px; text-indent: 200px; height: 30px; width: 30px; overflow: hidden; background-repeat: no-repeat; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; font-size: 1px; background-size: contain; background-position: center; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .content-text p:last-child a:nth-child(1) { background-image: url("/files/layout/icons/phone_white.svg"); } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .content-text p:last-child a:nth-child(2) { background-image: url("/files/layout/icons/mail_white.svg"); } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .content-text p:last-child a:hover:nth-child(1) { background-image: url("/files/layout/icons/phone_gruen.svg"); } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .content-text p:last-child a:hover:nth-child(2) { background-image: url("/files/layout/icons/mail_gruen.svg"); } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-view { max-width: 1578px; margin-left: auto; margin-right: auto; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-view:before { content: none; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-view > div { position: relative; z-index: 10; } .mod_article.width_more .inside_wrap, .mod_article.bg_blue .inside_wrap { max-width: 2100px; margin-left: auto; margin-right: auto; } .mod_article.spalten_3_bild a.overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; display: block; } .mod_article.spalten_3_bild .inside_wrap { display: -ms-grid; display: grid; grid-gap: 0; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: auto; } .mod_article.spalten_3_bild .inside_wrap:before, .mod_article.spalten_3_bild .inside_wrap:after { content: none; } .mod_article.spalten_3_bild .inside_wrap > .content-headline { grid-column-start: 1; grid-column-end: -1; margin-bottom: 40px; } .mod_article.spalten_3_bild .inside_wrap .content-image { position: relative; transition: all .3s ease-in; overflow: hidden; -webkit-transition: all .3s ease-in; } .mod_article.spalten_3_bild .inside_wrap .content-image figure{ overflow: hidden; } .mod_article.spalten_3_bild .inside_wrap .content-image:before { transition: all .3s ease-in; -webkit-transition: all .3s ease-in; position: absolute; left: -40%; top: 0; content: ""; display: block; width: 100%; height: 100%; background-image: url("/files/layout/plus.png"); background-position: right top; background-size: cover; background-repeat: no-repeat; z-index: 100; pointer-events: none; } .mod_article.spalten_3_bild .inside_wrap .content-image figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .mod_article.spalten_3_bild .inside_wrap .content-image:last-child:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left: auto; right: -40%; background-position: left top; } .mod_article.spalten_3_bild .inside_wrap .content-image:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); transform-origin: left center; } .mod_article.spalten_3_bild .inside_wrap .content-image:hover .caption { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .mod_article.spalten_3_bild .inside_wrap .content-image:hover:before { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } .mod_article.spalten_3_bild .inside_wrap .content-image:hover:last-child { transform-origin: right center; } .mod_article.spalten_3_bild .inside_wrap .content-image:hover:last-child:before { -webkit-transform: rotate(180deg) translateX(20px); -moz-transform: rotate(180deg) translateX(20px); -ms-transform: rotate(180deg) translateX(20px); -o-transform: rotate(180deg) translateX(20px); transform: rotate(180deg) translateX(20px); } .mod_article.spalten_3_bild .inside_wrap .content-image:hover:last-child .caption { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); } .mod_article.spalten_3_bild .inside_wrap .content-text { width: 100%; padding: 40px; background: #0c3379; color: #FFF; display: flex; justify-content: center; align-items: center; } .mod_article.spalten_3_bild .inside_wrap .content-text a { color: #FFF; z-index: 10; } .spalten_3_bild .content-image figure a { color: #FFF; z-index: 10; } .mod_article.spalten_3_bild .inside_wrap .content-text em { display: inline-block; width: 42px; height: 42px; text-indent: 50px; overflow: hidden; background-image: url("/files/layout/icons/plus_white.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transform: rotate(-45deg) translateX(3px) translateY(-3px); -moz-transform: rotate(-45deg) translateX(3px) translateY(-3px); -ms-transform: rotate(-45deg) translateX(3px) translateY(-3px); -o-transform: rotate(-45deg) translateX(3px) translateY(-3px); transform: rotate(-45deg) translateX(3px) translateY(-3px); transform-origin: center; } .mod_article.bg_blue { background: #0c3379; color: #FFF; } .mod_article.bg_blue .content-text { position: relative; overflow: visible; } .mod_article.bg_blue .content-text h2 { font-weight: 400; } .mod_article.bg_blue .content-text:before { position: absolute; content: ""; display: block; pointer-events: none; left: 50%; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); width: 100%; top: 0; z-index: 1; height: 100%; background-image: url("/files/layout/bg_plus_blau.svg"); background-repeat: no-repeat; background-size: 100%; background-position: left bottom; } .mod_article.bg_blue .content-text > div { position: relative; z-index: 10; } .mod_article.bg_blue a { color: #FFF; } .mod_article.bg_blue a.btn { color: #FFF; } .mod_article.bg_blue a.btn:before, .mod_article.bg_blue a.btn:after { background: #FFF; } .mod_article.bg_blue a.btn:hover { color: #92ceb2; } .mod_article.bg_blue a.btn:hover:before, .mod_article.bg_blue a.btn:hover:after { background: #92ceb2; } .mod_article.bg_blue .inside_wrap { padding-top: 0; padding-bottom: 0; } .content-text .rte > * { margin-bottom: 40px; } .content-text .rte > *:last-child { margin-bottom: 0; } .img_plus .image_container, .layout_latest .image_container { position: relative; } .img_plus .image_container:before, .layout_latest .image_container:before { position: absolute; right: 45%; top: 0; z-index: 5; content: ""; display: block; width: 100%; max-width: 740px; height: 100%; background-image: url("/files/layout/plus.png"); background-position: right top; background-size: cover; background-repeat: no-repeat; pointer-events: none; opacity: .4; } .mod_newsreader h1 { margin-bottom: 40px; } .mod_newsreader p.back { margin-top: 40px; } .mod_newsreader .content-text .image_container.float_left { padding-right: 40px; } .mod_newsreader .content-text .image_container.float_right { padding-left: 40px; } .content-text { max-width: 2100px; margin-left: auto; margin-right: auto; } .content-text table { width: 100%; } .content-text table tr td { padding-right: 40px; } .content-text table tr td h3 { margin-bottom: 10px; } .content-text table tr td:last-child { padding-right: 0; } .content-text.imagesize_1 { display: -ms-grid; display: grid; grid-gap: 0; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; grid-template-areas: "left right"; } .content-text.imagesize_1:before, .content-text.imagesize_1:after { content: none; } .content-text.imagesize_1 .image_container { margin: 0; float: none; position: relative; overflow: hidden; } .content-text.imagesize_1 .image_container img { width: 100%; } .content-text.imagesize_1 .rte padding-top: 120px; padding-bottom: 40px; max-width: 700px; } .content-text.imagesize_1.image_float_left .rte { padding-left: 80px; } .content-text.imagesize_1.image_float_right .image_container { grid-area: right; } .content-text.imagesize_1.image_float_right .rte{ margin-right: 0; margin-left: auto; grid-area: left; padding-right: 80px; } #main .content-gallery ul { display: -ms-grid; display: grid; grid-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 1fr; } #main .content-gallery ul:before, #main .content-gallery ul:after { content: none; } #main .content-gallery ul li { padding: 0; margin: 0; } #main .content-gallery ul li:before { content: none; } .mod_newslist { padding-top: 80px; padding-bottom: 40px; display: -ms-grid; display: grid; grid-gap: 78px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: auto; } .mod_newslist:before, .mod_newslist:after { content: none; } .mod_newslist h2 { text-align: right; grid-column-start: 1; grid-column-end: -1; } .mod_newslist .layout_latest { background: #0c3379; color: #FFF; } .mod_newslist .layout_latest a { color: #FFF; } .mod_newslist .layout_latest h3 a { text-decoration: none; } .mod_newslist .layout_latest .ce_text { padding: 40px 40px; padding-bottom: 60px; } #footer { background: #0c3379; color: #FFF; } #footer a { color: #FFF; text-decoration: none; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } #footer a:hover { color: #92ceb2; } #footer > .inside { zoom: 1; width: 100%; max-width: 1800px; padding: 80px 40px; margin: 0 auto; position: relative; display: block; display: -ms-grid; display: grid; grid-gap: 80px; -ms-grid-columns: 303px 240px 180px 1fr 1fr 1fr; grid-template-columns: 303px 240px 180px 1fr 1fr 1fr; grid-auto-rows: auto; line-height: 140%; font-weight: 400; } #footer > .inside:before, #footer > .inside:after { content: ""; display: table; } #footer > .inside:after { clear: both; } #footer > .inside:before, #footer > .inside:after { content: none; } #footer .content-text .rte > * { margin: 0; } #footer .content-text p:first-child strong { display: block; margin-bottom: 20px; } #footer .content-text.adresse p:last-child:before { content: ""; display: block; height: 3px; width: 44px; background: #FFF; margin-top: 8px; margin-bottom: 20px; } #footer .content-text.nav_3 ul li { margin-bottom: 10px; } #footer .content-text.nav_3 li:first-child { margin-bottom: 5px; } #footer .content-text.nav_3 li:first-child a { display: block; } #footer .content-text.nav_3 li:first-child:after { content: ""; display: inline-block; height: 3px; width: 44px; background: #FFF; margin-top: 16px; } #footer ul li { margin-bottom: 20px; } #footer ul li:last-child { margin-bottom: 0; } @media (max-width: 1800px) { .mod_article.grid_2 .inside_wrap { grid-gap: 40px; } .mod_newslist { grid-gap: 20px; } .mod_article.grid_2 .inside_wrap { margin-top: 40px; } .mod_article .inside_wrap { padding-top: 40px; padding-bottom: 40px; } .mod_article.bg_blue h2, h2.content-headline, .mod_article.spalten_3_bild, .mod_newslist h2, .mod_article.slider_tabs .rte ul li a, .mod_article.grid_2 .content-text.img_plus .rte p, .mod_article.grid_2 .content-text.only_plus .rte p { font-size: 50px; line-height: 115%; } .img_plus .image_container img, .layout_latest .image_container img { width: 100%; } .mod_article.grid_2 .content-text.img_plus .rte, .mod_article.grid_2 .content-text.only_plus .rte { padding-left: 40px; } .mod_article.grid_2 .content-text.img_plus .rte p, .mod_article.grid_2 .content-text.only_plus .rte p { padding-bottom: 68px; } .mod_article.grid_2 .content-text.img_plus .rte p:before, .mod_article.grid_2 .content-text.only_plus .rte p:before { height: 250px; left: 120px; } .mod_article.grid_2 .content-text.img_plus .rte p:after, .mod_article.grid_2 .content-text.only_plus .rte p:after { width: 250px; bottom: 120px; } .mod_article.spalten_3_bild .inside_wrap > .content-headline { padding-left: 20px; padding-right: 20px; } .content-text.imagesize_1.image_float_left .rte { padding-left: 20px; padding-top: 20px; padding-right: 10px; } } @media (max-width: 1600px) { .mod_newslist { padding-left: 20px; padding-right: 20px; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div { grid-gap: 20px; } #main .mod_article.slider_tabs .rte { padding-left: 20px; padding-right: 20px; } #main .mod_article.slider_tabs .rte ul li { padding-left: 0; } .content-text.imagesize_1.image_float_right .rte { padding-left: 20px; } .content-text > .rte { padding-left: 20px; padding-right: 20px; } .mod_article.grid_2 .content-text.img_plus + .content-text > .rte, .mod_article.grid_2 .content-text.only_plus + .content-text > .rte, #footer .content-text > .content-text, #main .mod_article.slider_tabs .content-text > .rte { padding-left: 0; padding-right: 0; } } @media (max-width: 1400px) { #header .mod_navigation ul.level_1 > li { margin-left: 15px; } #header .mod_navigation ul.level_1 > li:first-child { margin-left: 0; } .content-text.imagesize_1.image_float_left .rte { padding-bottom: 20px; } .content-text.imagesize_1.image_float_right .rte { padding-right: 20px; } .content-text.imagesize_1 .rte { padding-top: 40px; } #footer > .inside { padding: 20px; grid-gap: 40px; grid-template-columns: 1fr 1fr 1fr; } #footer > .inside > div { width: 100%; } } #menu { display: none; } @media (max-width: 1220px) { body { padding-top: 70px; } #header #head { min-height: auto; } #header #head > .inside { padding: 10px 20px; } #header #head > .inside .head_left .content-image img { height: 50px; width: auto; } #menu { position: fixed; top: 15px; right: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); z-index: 9999; display: inline-block; background: #FFF; border-radius: 10px; width: 45px; height: 45px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #menu span { display: block; position: absolute; height: 5px; width: 80%; background: #0c3379; border-radius: 9px; opacity: 1; left: 10%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #menu span:nth-child(1) { top: 8px; } #menu span:nth-child(2), #menu span:nth-child(3) { top: 20px; } #menu span:nth-child(4) { top: 32px; } #header #head .head_right { position: fixed; right: -300px; top: 0; width: 100%; max-width: 300px; height: 100%; padding-top: 70px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; z-index: 9999; background: #92ceb2; text-align: right; display: flex; justify-content: center; align-items: center; } #header #head .head_right > .inside { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #header #head .head_right > .inside > div { display: block; width: 100%; } #header #head .head_right > .inside #topnav { margin-top: 40px; padding-right: 20px; } #header #head .head_right .mod_navigation { display: block; margin: 0; padding: 0; width: 100%; max-height: 100%; } #header #head .head_right .mod_navigation ul.level_1 { width: 100%; overflow-y: auto; max-height: 100vh; } #header #head .head_right .mod_navigation ul.level_1 > li { margin: 0; float: none; border: 0; padding: 0; display: block; text-align: right; } #header #head .head_right .mod_navigation ul.level_1 > li:before { content: none; } #header #head .head_right .mod_navigation ul.level_1 > li:last-child { margin-bottom: 0; } #header #head .head_right .mod_navigation ul.level_1 > li > strong, #header #head .head_right .mod_navigation ul.level_1 > li > a { padding: 10px; padding-right: 20px; color: #0c3379; display: inline-block; font-size: 20px; line-height: 110%; width: 100%; font-weight: 400; } #header #head .head_right .mod_navigation ul.level_1 > li > strong { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #0c3379; color: #FFF; } html.menu_open #menu { background: #0c3379; } html.menu_open #menu span { background: #FFF; } html.menu_open #menu span:nth-child(1) { top: 18px; width: 0%; left: 50%; } html.menu_open #menu span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } html.menu_open #menu span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } html.menu_open #menu span:nth-child(4) { top: 18px; width: 0%; left: 50%; } html.menu_open #header #head .head_right { right: 0; } .mod_rocksolid_slider .rsts-nav-bullets { margin: 0; left: 10px; right: 10px; } .mod_rocksolid_slider .rsts-nav-bullets ul li.rsts-nav-item { margin: 0; } .mod_rocksolid_slider .rsts-nav-bullets ul li.rsts-nav-item a { width: 50px; margin-left: 6px; margin-right: 6px; } .mod_article.grid_2 .content-text.img_plus + .content-text, .mod_article.grid_2 .content-text.only_plus + .content-text { padding-top: 0; padding-right: 20px; } } @media (max-width: 1000px) { .content-text table tr { display: block; } .content-text table tr td { margin-bottom: 20px; padding-right: 0; display: block; width: 100%; } .content-text table tr td:last-child { margin-bottom: 0; } .mod_newslist .layout_latest .content-text { padding: 20px; } .mod_article.bg_blue h2, h2.content-headline, .mod_article.spalten_3_bild, .mod_newslist h2, .mod_article.slider_tabs .rte ul li a, .mod_article.grid_2 .content-text.img_plus .rte p, .mod_article.grid_2 .content-text.only_plus .rte p { font-size: 30px; line-height: 115%; } .mod_article.grid_2 .content-text.img_plus .rte p { padding-left: 70px; } .mod_article.grid_2 .content-text.img_plus .rte, .mod_article.grid_2 .content-text.only_plus .content-text { padding-left: 20px; } .mod_article.grid_2 .content-text.img_plus .rte p, .mod_article.grid_2 .content-text.only_plus .content-text p { padding-bottom: 10px; padding-top: 0; line-height: 140%; } .mod_article.grid_2 .content-text.img_plus .rte p:before, .mod_article.grid_2 .content-text.only_plus .content-text p:before { height: 100px; left: 45px; } .mod_article.grid_2 .content-text.img_plus .rte p:after, .mod_article.grid_2 .content-text.only_plus .content-text p:after { width: 100px; bottom: 45px; } .mod_article.spalten_3_bild .inside_wrap .content-text em { background-size: 21px; width: 21px; height: 21px; } #header h1, h1, #header .mod_article .inside_wrap .content-text.withimage .content-text h1 { font-size: 30px; line-height: 140%; font-weight: 400; } #header .mod_article .inside_wrap .content-text.withimage .content-text h1 { padding-bottom: 10px; padding-left: 80px; } #header .mod_article .inside_wrap .content-text.withimage .content-text h1:before { height: 100px; left: 45px; } #header .mod_article .inside_wrap .content-text.withimage .content-text h1:after { width: 100px; bottom: 45px; } } @media (max-width: 800px) { .mod_newslist, #footer > .inside { display: block; } .mod_newslist > *, #footer > .inside > * { margin-bottom: 20px; } .mod_newslist > *:last-child, #footer > .inside > *:last-child { margin-bottom: 0; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div { grid-gap: 0px; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div h3, .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div .content-text p { font-size: 14px; line-height: 130%; } .mod_article.slider_tabs .content-text ul { grid-gap: 20px; } } @media (max-width: 580px) { .mod_article.slider_tabs .content-text ul li a { font-size: 20px; line-height: 130%; } .mod_newslist { padding-top: 20px; padding-left: 0; padding-right: 0; } .mod_newslist h2 { padding-right: 20px; } .mod_article .inside_wrap { padding-top: 20px; padding-bottom: 20px; } .mod_article.grid_2 .inside_wrap, .content-text.imagesize_1, .mod_article.spalten_3_bild .inside_wrap { display: block; } .mod_article.grid_2 .inside_wrap > *, .content-text.imagesize_1 > *, .mod_article.spalten_3_bild .inside_wrap > * { margin-bottom: 20px; } .mod_article.grid_2 .inside_wrap > *:last-child, .content-text.imagesize_1 > *:last-child, .mod_article.spalten_3_bild .inside_wrap > *:last-child { margin-bottom: 0; } .mod_article.spalten_3_bild .inside_wrap .content-image, .mod_article.spalten_3_bild .inside_wrap .content-text { margin-bottom: 0; } .mod_article.spalten_3_bild .inside_wrap .content-image a, .mod_article.spalten_3_bild .inside_wrap .content-text a { display: block; } .mod_article.spalten_3_bild .inside_wrap .content-image img, .mod_article.spalten_3_bild .inside_wrap .content-text img { width: 100%; } .mod_article.grid_2 .content-text.img_plus + .content-text, .mod_article.grid_2 .content-text.only_plus + .content-text, .content-text.imagesize_1.image_float_left .content-text { padding-left: 20px; padding-right: 20px; } } @media (max-width: 450px) { #header .mod_article .inside_wrap .content-text.withimage .content-text .content-text_inner { padding: 20px; -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); transform-origin: left bottom; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div { grid-template-columns: 1fr; } .mod_article.slider_tabs .mod_rocksolid_slider .rsts-slide > div > div { padding-top: 20px; padding-bottom: 20px; } .mod_rocksolid_slider { max-height: none; } #footer > .inside > div.content-image img { max-width: 66%; } }