html { font-size: 62.5%; font-family: Verdana, Helvetica, Calibri, 'Open Sans', Sans-serif; text-shadow: 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { background-color: rgb(255, 255, 255); line-height: 1.4; } img { width: 100%; height: auto; max-width: 1200px; } button { border-style: solid; } html * { font-size: 1.6rem; } h1 { font-size: 4.0rem; line-height: 1.5; } h2 { font-size: 3.0rem; line-height: 1.5; } h3 { font-size: 2.4rem; line-height: 1.5; } h4 { font-size: 2.0rem; line-height: 1.5; } h5 { font-size: 1.8rem; line-height: 1.5; } h6 { font-size: 1.6rem; line-height: 1.5; } p { font-size: 1.6rem; line-height: 1.5; } .column_1_2, .column_1_3, .column_1_4, .column_1_5, .column_2_5, .column_3_5, .column_2_3, .column_3_4, .column_4_5 { float: left; overflow: hidden;} .column_1 { /*width: 100%; max-width: 1200px; margin: 0 auto;*/ } .column_1_2 { width: 50%; } .column_1_3 { width: 33.333333333%; width: calc(100% / 3); } .column_2_3 { width: 66.666666666%; width: calc(100% * (2 / 3)); } .column_1_4 { width: 25%; } .column_3_4 { width: 75%; } .column_1_5 { width: 20%; } .column_2_5 { width: 40%; } .column_3_5 { width: 60%; } .column_4_5 { width: 80%; } .fullwidth { width: 100%; } .overflow { overflow: hidden; } .clear { clear: both; } .flex { display: flex; align-items: center; } .column_left { float: left; } .column_right { float: right; } .padding_15 { padding: 15px; } /* .content { padding-left: 15px; padding-right: 15px; max-width: 1200px; width: 100%; margin: 0 auto; } */ #header nav {} #header nav ul { float: left; list-style-type: none; } #header nav ul li { float: left; } #header nav ul li a { display: block; padding: 5px 15px; font-size: 1.6rem; color: inherit; } #header nav ul li .submenu-container { height: 0; overflow: hidden; opacity: 0; transition: opacity 0.3s ease-in-out; margin-top: 0; z-index: 99999999999999999999999999999; } #header nav ul li:hover a + .submenu-container, #header nav ul li a:focus + .submenu-container { height: auto; opacity: 1; } #header nav ul li a + .submenu-container.active { height: auto; opacity: 1; } #header nav ul li a + .submenu-container.active { height: auto; opacity: 1; } #header nav ul li ul li { width: 100%; } #header nav#header_mobile_menu { position: absolute; right: 0; transition: height 0.5s ease-in-out; overflow: hidden; height: 0; } #header nav#header_mobile_menu ul { display: block; list-style-type: none; overflow: hidden; text-align: center; } #header nav#header_mobile_menu ul li { display: block; width: 100%; } #header nav#header_mobile_menu ul li a { display: block; min-width: 260px; padding: 7px; } #header nav#header_mobile_menu { margin: 0; padding: 0; position: absolute; z-index: 999999999; } /* #header #mobile_menu.hover nav#header_mobile_menu, #header #mobile_menu:hover nav#header_mobile_menu, #header #mobile_menu nav#header_mobile_menu:hover { right: 0; } */ #header #mobile_menu.focused nav#header_mobile_menu { height: auto; } #header #mobile_menu.active nav#header_mobile_menu { height: auto; } #header #mobile_menu > a.click-focus.focus + nav { height: auto !important; } #header #mobile_menu.focused > a.mouse-focus.focus + nav { height: 0 !important; } #header #mobile_menu.focused > a.mouse-focus.click-focus.focus + nav { height: auto !important; } #header { position: relative; } .header_logo { display: table; vertical-align: middle; min-height: 102px; } .header_logo .a_logo { display: block; } .header_logo img { width: auto; max-height: 100px; display: block; } .header_site_name { position: absolute; bottom: 0; left: 190px; } .header_site_name h1 a { font: inherit; color: inherit; text-shadow: inherit; } #mobile_menu { position: absolute; display: none; float: right; margin-right: 15px; font-size: 1.6rem; bottom: 0; right: 15px; } #trigger_mobile_menu { cursor: pointer; font-size: 1.5em; } #trigger_mobile_menu { cursor: pointer; font-size: 1.5em; padding: 0.5rem 1rem; border-bottom: none; display: block; } #trigger_mobile_menu span { display: block; height: 0.6rem; width: 1.4em; } #trigger_mobile_menu span.stripe { height: 0.3rem; margin-bottom: 0.6rem; } #trigger_mobile_menu span.stripe:last-child { margin-bottom: 0; } #kontrast ul { list-style-type: none; overflow: hidden; margin-bottom: 0; float: left; } #kontrast ul li { float: left; display: block; } #kontrast ul li:last-child { margin-right: 0; } #czcionka li { float: left; display: block; padding: 2px; } #czcionka li:last-child { margin-right: 0; } #czcionka li button { display: block; width: 2.8rem; height: 2.8rem; text-indent: -9999em; background-color: transparent; border-color: transparent; } #galeria ul { overflow: hidden; } #galeria ol { display: none; } #galeria ul:first-child li { list-style-type: none; display: block; } #galeria ul:first-child li img { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; } #galeria ul.flex-direction-nav { text-align: center; } #galeria ul.flex-direction-nav li { list-style-type: none; display: inline-block; } #galeria ul.flex-direction-nav li a { display: block; } .archive-navigation { overflow: hidden; clear: both; } .archive-navigation .prev_page { float: left; } .archive-navigation .next_page { float: right; } #cookies-message-container { position: fixed; bottom: 0px; width: 100%; } #cookies-message { max-width: 1200px; margin: 0 auto; } #cookies-message a { display: inline-block; } .cookies h2 { max-width: 1200px; margin: 0 auto; } .cookies ul { max-width: 1200px; margin: 0 auto; list-style-type: none; } .hide-text { height: 1px; width: 1px; position: absolute; left: -10000em; top: 0; } #invisible_menu a { display: inline; font-size: 1.27em; left: -9000em; padding: 5px 10px; position: absolute; text-align: center; text-decoration: none; width: 300px; z-index: 1; } #invisible_menu a:hover, #invisible_menu a:focus, #invisible_menu a:active { left: 0; top: 0; position: absolute; } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border-bottom: 1px solid; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 0; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }