/* Theme Name: Ruttimann Text Domain: ruttimann Version: 1.1 Requires at least: 4.7 Requires PHP: 5.2.4 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready Author: the WordPress team Author URI: https://wordpress.org/ Theme URI: https://wordpress.org/themes/ruttimann/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}} html, body { border: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { border: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; } blockquote::before, blockquote::after { content: ""; } /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } figure { margin: 0; } p { margin-bottom: 15px; } picture { display: block; } h2,h3,h4,h5 { font-family: 'Open Sans', sans-serif; } body { background: #ff4f01; box-sizing: border-box; color: #000; font-family: 'Open Sans', sans-serif; font-size: 19px; line-height: 23px; text-align: left; font-weight: 300; } *, *::before, *::after { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word; } a { color: #ff4f00; } a:hover { text-decoration: none; } ul { list-style-type: none; } .tac { text-align: center; } .entry-title, h2 { color: #FF4F00; font-weight: 300; font-size: 40px; line-height: 47px; margin: 0 0 27px; } h3 { color: #FF4F00; font-weight: 300; font-size: 38px; line-height: 45px; margin: 0 0 25px; } h4 { color: #000; font-size: 25px; line-height: 30px; margin-bottom: 10px; font-weight: bold; } .hidden { display: none !important; } /* Header ---------------------------------- */ .site-header { background: #ff4f01; padding: 114px 0 45px; } .custom-logo-link { display: inline-block; width: 500px; } .custom-logo-link img { width: 100%; height: auto; } #top-menu { list-style-type: none; overflow: hidden; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; height: 86px; -ms-align-items: center; align-items: center; } #top-menu li a { font-weight: bold; text-transform: uppercase; font-size: 20px; display: inline-block; color: #000; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; text-decoration: none; } #top-menu li.current-menu-item a, #top-menu li a:hover { color: #fff; text-shadow: 0 0 5px #000; } #top-menu li.phone-icon a { padding-right: 35px; padding-top: 5px; padding-bottom: 5px; -webkit-background-size: 20px; background-size: 20px; background-repeat: no-repeat; background-position: right center; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC44MyAyOC4yNyI+PGcgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBkPSJNMjAuODMgMjQuNThhMS4zNSAxLjM1IDAgMDAtLjQxLTFsLTQuMTUtNC4zMWExLjQgMS40IDAgMDAtLjY1LS4zNSAxLjYzIDEuNjMgMCAwMC0xLjIyLjA4bC0xLjg4IDEuMDhhLjQ1LjQ1IDAgMDEtLjE5IDBoLS4xOGwtLjMtLjE1YTQuMDkgNC4wOSAwIDAxLS44Mi0uNjMgMTIuMjggMTIuMjggMCAwMS0xLjI0LTEuMzggMTcuNDYgMTcuNDYgMCAwMS0xLjU0LTIuNDFBMTcuMjggMTcuMjggMCAwMTcgMTNhMTEuOTMgMTEuOTMgMCAwMS0uNTMtMS43NyA0LjgxIDQuODEgMCAwMS0uMTItMS4zNi42Ni42NiAwIDAxLjA5LS4xOC40NC40NCAwIDAxLjE0LS4xNGwxLjYxLS45MWExLjY2IDEuNjYgMCAwMC42Ny0uN0ExLjI5IDEuMjkgMCAwMDkgN0w3LjY2IDFhMS44MyAxLjgzIDAgMDAtLjMtLjYgMSAxIDAgMDAtLjU0LS40IDEuMTggMS4xOCAwIDAwLS45Mi4xN0wxLjUyIDIuNjRhMiAyIDAgMDAtLjYxLjQ4QTMuNjUgMy42NSAwIDAwLjMyIDQuM2E2LjUxIDYuNTEgMCAwMC0uMjYgMS4zQTEzLjc1IDEzLjc1IDAgMDAwIDcuNjdhMTYuOSAxNi45IDAgMDAuNCAyLjc5QTI1LjI2IDI1LjI2IDAgMDAxLjQ3IDE0YTI5LjIgMjkuMiAwIDAwMiA0LjIyQTI3LjgzIDI3LjgzIDAgMDA2Ljc4IDIzYTIzLjIyIDIzLjIyIDAgMDAzIDMgMTIuMzYgMTIuMzYgMCAwMDIuNDQgMS41NyAxMC43IDEwLjcgMCAwMDIgLjcyIDIuMzEgMi4zMSAwIDAwLjggMCAyIDIgMCAwMC43My0uMjdsNC4zNi0yLjQ0YTEuMjIgMS4yMiAwIDAwLjY1LS45MyIgZGF0YS1uYW1lPSJMYXllciAxIi8+PC9nPjwvc3ZnPg==); } .slider-wrapper { margin-top: -95px; } .z5 { position: relative; z-index: 5; } .slide-descr { background: rgba(255,79,0, 0.59); padding: 45px 0 60px; text-align: left; } .n2-ss-layer.n2-ow { width: 100% !important; } .n2-ss-slider .slide-descr h2 { color: #fff; font-size: 50px; line-height: 58px; font-weight: 300; text-align: left; padding: 0 16px; margin-bottom: 31px; } .n2-ss-slider .slide-descr p { color: #fff; padding: 0 20px; font-size: 20px !important; font-weight: 300; line-height: 30px; font-family: 'Open Sans', sans-serif !important; } .search-submit { display: inline-block; padding: 13px 25px 14px; background: #ff4f01; color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer; } .search-submit:hover { opacity: 0.7; } .search-form { display: flex; align-items: center; } .search-field { height: 50px; border: 1px solid #000; width: 300px; padding: 5px 10px; margin: 0 10px; } .search-submit svg { display: none; } .full-size { overflow: hidden; } .home .btn-box, .home .h2-title { display: none; } /* Content ---------------------------------- */ #content { background: #fff; } #more-posts .entry-header { display: none; } .single-project { padding: 60px 0; } .kompetenzen-title { color: #000; margin-bottom: 7px; } .proj-img { max-width: 800px; } .proj-img img { width: 100%; height: auto; } .project-text { margin-top: 30px; margin-bottom: 60px; } .recent-carousel .owl-dots { text-align: center; } .recent-carousel .owl-dots .owl-dot { width: 15px; display: inline-block; margin: 0 6px; height: 15px; border-radius: 20px; background: #ff4f01; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .recent-carousel .owl-dots .owl-dot:hover, .recent-carousel .owl-dots .owl-dot.active { background: #000; } .menu-wrapper { background: url('assets/images/menu-bg.jpg') 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; border-bottom: 2px solid #ff4f01; } .home .menu-wrapper { border: none; background: none; } .menu_skills { padding: 60px 0; } #menu-kompetenzen { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } #menu-kompetenzen li { width: 47%; border-bottom: 2px solid #ff4f01; height: 140px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; position: relative; display: flex; position: relative; } #menu-kompetenzen li:before { position: absolute; content: ''; width: 100%; height: 2px; display: block; background: #ff4f01; left: 0; top: -2px; } #menu-kompetenzen li a { font-weight: 300; height: 100%; width: 100%; padding: 0 83px 0 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; position: relative; display: flex; -ms-align-items: center; align-items: center; color: #1A465D; text-decoration: none; font-size: 22px; transition: all 300ms ease; line-height: 28px; } #menu-kompetenzen li img { width: 65px; height: auto; } .menu-image-title { padding-left: 34px; } #menu-kompetenzen li a:hover { background: #DDE0E1; } .h2-title { color: #000; margin-bottom: 45px; } .projects { padding: 42px 0 25px; } .project-category { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; color: #000; font-size: 21px; line-height: 26px; padding-top: 8px; margin-bottom: 10px; } .project-item a { text-decoration: none; color: #000; } .project-item img { width: 100%; height: auto; } .project-item a:hover .project-category { color: #ff4f01; } .info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; line-height: 20px; font-size: 15px; } .info .date { border-right: 2px solid #000; padding-right: 5px; margin-right: 7px; min-width: 84px; display: flex; display: none; align-items: center; justify-content: flex-start; } .project-name { font-size: 15px; } .project-item { margin-bottom: 41px; } .btn-box { text-align: center; padding-top: 48px; } .more { background-repeat: no-repeat; font-size: 23px; font-weight: 300; text-decoration: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; color: #000; -webkit-background-size: 30px; background-size: 30px; text-transform: uppercase; display: inline-block; padding-bottom: 45px; background-position: center 40px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOS42NCAyMy4xNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjRweDt9LmNscy0ye29wYWNpdHk6MC41Njt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFzc2V0IDI8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxLjQxIDEuNDEgMjAuMzIgMjAuMzIgMzguMjMgMi40MSIvPjwvZz48L2c+PC9zdmc+); } .more:hover { color: #ff4f01; background-position: center 50px; } .rl-gallery .rl-gallery-link img { height: auto; } .rl-gallery-container { margin-bottom: 40px; } .sy-pager li.sy-active a { opacity: 1 !important; background-color: #ff4f01 !important; } /* Kompetenzen single---------------------------------- */ .kompetenzen-top { -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; max-height: 566px; } .kompetenzen-projects { padding: 62px 0; } .kompetenzen-text h1 { display: none; } .projects-title { margin-bottom: 10px; } .kompetenzen-text h2 { color: #000; margin-bottom: 59px; } .kompetenzen-text { padding-top: 67px; } .kompetenzen-text p { font-size: 24px; line-height: 37px; } .white { color: #fff; } #kompetenzen-menu-single { background: #fff; width: 672px; padding: 15px 34px 34px; -webkit-box-shadow: 6px 6px 15px rgba(0,0,0, 0.8); box-shadow: 6px 6px 15px rgba(0,0,0, 0.8); } #kompetenzen-menu-single #menu-kompetenzen li { height: 116px; } #kompetenzen-menu-single #menu-kompetenzen li a { padding-left: 14px; padding-right: 10px; font-size: 15px; line-height: 24px; } #kompetenzen-menu-single #menu-kompetenzen li img { width: 62px; } #kompetenzen-menu-single .menu-image-title { padding-left: 28px; } .entry-header-single { padding-top: 50px; } .our-team-wrapper { padding-top: 40px; } .our-team-wrapper figure { margin-bottom: 30px; } .team-title { color: #FF4F00; margin-bottom: 10px; font-size: 22px; } .site-main { padding-bottom: 50px; } .stuff-title { font-size: 16px; font-weight: bold; } .list-address li { margin-bottom: 20px; } .list-address a { color: #000; display: inline-block; text-decoration: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .list-address li.phone a { background-repeat: no-repeat; background-position: 0 center; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC44MyAyOC4yNyI+PGcgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBkPSJNMjAuODMgMjQuNThhMS4zNSAxLjM1IDAgMDAtLjQxLTFsLTQuMTUtNC4zMWExLjQgMS40IDAgMDAtLjY1LS4zNSAxLjYzIDEuNjMgMCAwMC0xLjIyLjA4bC0xLjg4IDEuMDhhLjQ1LjQ1IDAgMDEtLjE5IDBoLS4xOGwtLjMtLjE1YTQuMDkgNC4wOSAwIDAxLS44Mi0uNjMgMTIuMjggMTIuMjggMCAwMS0xLjI0LTEuMzggMTcuNDYgMTcuNDYgMCAwMS0xLjU0LTIuNDFBMTcuMjggMTcuMjggMCAwMTcgMTNhMTEuOTMgMTEuOTMgMCAwMS0uNTMtMS43NyA0LjgxIDQuODEgMCAwMS0uMTItMS4zNi42Ni42NiAwIDAxLjA5LS4xOC40NC40NCAwIDAxLjE0LS4xNGwxLjYxLS45MWExLjY2IDEuNjYgMCAwMC42Ny0uN0ExLjI5IDEuMjkgMCAwMDkgN0w3LjY2IDFhMS44MyAxLjgzIDAgMDAtLjMtLjYgMSAxIDAgMDAtLjU0LS40IDEuMTggMS4xOCAwIDAwLS45Mi4xN0wxLjUyIDIuNjRhMiAyIDAgMDAtLjYxLjQ4QTMuNjUgMy42NSAwIDAwLjMyIDQuM2E2LjUxIDYuNTEgMCAwMC0uMjYgMS4zQTEzLjc1IDEzLjc1IDAgMDAwIDcuNjdhMTYuOSAxNi45IDAgMDAuNCAyLjc5QTI1LjI2IDI1LjI2IDAgMDAxLjQ3IDE0YTI5LjIgMjkuMiAwIDAwMiA0LjIyQTI3LjgzIDI3LjgzIDAgMDA2Ljc4IDIzYTIzLjIyIDIzLjIyIDAgMDAzIDMgMTIuMzYgMTIuMzYgMCAwMDIuNDQgMS41NyAxMC43IDEwLjcgMCAwMDIgLjcyIDIuMzEgMi4zMSAwIDAwLjggMCAyIDIgMCAwMC43My0uMjdsNC4zNi0yLjQ0YTEuMjIgMS4yMiAwIDAwLjY1LS45MyIgZGF0YS1uYW1lPSJMYXllciAxIi8+PC9nPjwvc3ZnPg==); padding-left: 30px; } .list-address li.mail_i a { background-repeat: no-repeat; background-position: 0 center; padding-left: 24px; -webkit-background-size: 18px; background-size: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNzkyIDcxMHY3OTRxMCA2Ni00NyAxMTN0LTExMyA0N0gxNjBxLTY2IDAtMTEzLTQ3VDAgMTUwNFY3MTBxNDQgNDkgMTAxIDg3IDM2MiAyNDYgNDk3IDM0NSA1NyA0MiA5Mi41IDY1LjV0OTQuNSA0OCAxMTAgMjQuNWgycTUxIDAgMTEwLTI0LjV0OTQuNS00OCA5Mi41LTY1LjVxMTcwLTEyMyA0OTgtMzQ1IDU3LTM5IDEwMC04N3ptMC0yOTRxMCA3OS00OSAxNTF0LTEyMiAxMjNxLTM3NiAyNjEtNDY4IDMyNS0xMCA3LTQyLjUgMzAuNXQtNTQgMzgtNTIgMzIuNS01Ny41IDI3LTUwIDloLTJxLTIzIDAtNTAtOXQtNTcuNS0yNy01Mi0zMi41LTU0LTM4VDYzOSAxMDE1cS05MS02NC0yNjItMTgyLjVUMTcyIDY5MHEtNjItNDItMTE3LTExNS41VDAgNDM4cTAtNzggNDEuNS0xMzBUMTYwIDI1NmgxNDcycTY1IDAgMTEyLjUgNDd0NDcuNSAxMTN6Ii8+PC9zdmc+); } .list-address a:hover { color: #ff4f01; } .address-title-big { font-size: 25px; font-weight: bold; line-height: 30px; padding-top: 25px; } .address-title { font-size: 25px; color: #ff4f01; line-height: 30px; } .stuff-descr { padding-top: 10px; font-size: 18px; } .site-footer { color: #fff; text-align: center; padding: 55px 0 65px; } .edit-link { display: block; margin: 20px 0; } .footer-logo { font-size: 28px; color: #fff; text-decoration: none; } .footer-logo:hober { text-decoration: underline; } .footer-list li { font-size: 19px; margin-bottom: 10px; } .footer-list li a { text-decoration: none; color: #fff; } .footer-list li a:hover { text-decoration: underline; } .footer-widget-1 { margin-top: 25px; } .copyright { padding-top: 23px; } /* Responsive---------------------------------- */ @media (min-width: 1605px) and (max-width: 1768px) { #kompetenzen-menu-single { margin-left: -88px; } .kompetenzen-text { padding-right: 82px; } } @media (min-width: 1481px) and (max-width: 1604px) { #kompetenzen-menu-single { margin-left: -155px; } .kompetenzen-text { padding-right: 130px; } } @media (min-width: 1269px) and (max-width: 1480px) { #kompetenzen-menu-single { margin-left: -255px; } .kompetenzen-text { padding-right: 225px; } .kompetenzen-text h2 { font-size: 56px; line-height: 66px; } } @media (min-width: 1200px) and (max-width: 1268px) { #kompetenzen-menu-single { margin-left: -272px; } .kompetenzen-text { padding-right: 294px; } .kompetenzen-text h2 { font-size: 53px; } #kompetenzen-menu-single { width: 634px; padding: 15px 15px 34px; } } @media (max-width: 1500px) { .slide-descr { padding: 60px 0 40px; } .n2-ss-slider .n2-ow-all .slide-descr h2 { margin-bottom: 17px; } } @media (max-width: 1300px) { .n2-ss-slider .n2-ow-all .slide-descr h2 { font-size: 40px; line-height: 50px; } .n2-ss-slider .slide-descr p { font-size: 18px !important; line-height: 24px !important; } } @media (max-width: 1199px) { .n2-ss-slider .slide-descr p { font-size: 18px !important; line-height: 28px !important; padding: 0 15px !important; } #menu-kompetenzen li a { font-size: 20px; line-height: 26px; } #kompetenzen-menu-single { width: 100%; padding: 15px 15px 34px; margin: 0; } .menu-image-title { padding-left: 40px; } #kompetenzen-menu-single #menu-kompetenzen li { height: 100px; } #kompetenzen-menu-single #menu-kompetenzen li a { padding-left: 10px; line-height: 17px; } #kompetenzen-menu-single .menu-image-title { padding-left: 16px; } #kompetenzen-menu-single #menu-kompetenzen li img { width: 50px; } .kompetenzen-top { max-height: 507px; } .kompetenzen-text { padding-right: 0; } .kompetenzen-text h2 { font-size: 34px; line-height: 41px; margin-bottom: 17px; } .slide-descr { padding: 30px 0; } .site-header { padding: 83px 0 45px; } #menu-kompetenzen li a { padding-right: 56px; } #menu-kompetenzen li { height: 140px; } .kompetenzen-text p { font-size: 18px; line-height: 32px; } .project-category { font-size: 18px; line-height: 24px; } .site-main { padding-bottom: 30px; } .info .date { padding-right: 5px; margin-right: 5px; } h3 { font-size: 26px; } .entry-title, h2 { font-size: 32px; line-height: 40px; } .single-project { padding: 49px 0 20px; } #top-menu li a { font-size: 18px; } .custom-logo-link { width: 400px; } .site-footer { padding: 62px 0; } } @media (max-width: 991px) { #top-menu li a { font-size: 16px; } #top-menu { height: 85px; } .kompetenzen-top { max-height: none; } .kompetenzen-text { padding-top: 35px; } .n2-ss-slider .n2-ow-all .slide-descr h2 { font-size: 30px; line-height: 36px; margin-bottom: 10px; } .n2-ss-slider .slide-descr p { font-size: 16px !important; line-height: 25px !important; } .slide-descr { padding: 20px 0; } .slider-wrapper { margin-top: -85px; } .custom-logo-link { width: 350px; } #kompetenzen-menu-single { margin-top: 20px; } #kompetenzen-menu-single { -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.8); box-shadow: 0px 0px 15px rgba(0,0,0, 0.8); } .custom-logo-link img { width: 100%; height: auto; } .menu_skills { padding: 55px 0; } .menu-image-title { padding-left: 18px; } #menu-kompetenzen li img { width: 50px; } #menu-kompetenzen li { height: 116px; } #menu-kompetenzen li a { font-size: 16px; line-height: 22px; padding-right: 0; } .projects { padding: 15px 0 45px; } .h2-title { margin-bottom: 25px; } } @media (max-width: 767px) { .slider-wrapper { margin-top: 0; } body { font-size: 18px; line-height: 26px; } .search-field { width: 200px; } #kompetenzen-menu-single #menu-kompetenzen li { height: 80px; } .project-text { font-size: 17px; } .n2-ss-slider .slide-descr p { display: none !important; } .custom-logo-link { width: 270px; } .kompetenzen-text h2 { font-size: 40px; line-height: 44px; margin-bottom: 15px; } .kompetenzen-text p { font-size: 18px; line-height: 30px; } #responsive_menu { width: 30px; height: 30px; display: inline-block; position: absolute; right: 20px; z-index: 7; top: 21px; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9Im5vbmUiLz48ZyBjbGFzcz0iY3VycmVudExheWVyIj48cGF0aCBkPSJNMTY2NCAxMzQ0djEyOHEwIDI2LTE5IDQ1dC00NSAxOUgxOTJxLTI2IDAtNDUtMTl0LTE5LTQ1di0xMjhxMC0yNiAxOS00NXQ0NS0xOWgxNDA4cTI2IDAgNDUgMTl0MTkgNDV6bTAtNTEydjEyOHEwIDI2LTE5IDQ1dC00NSAxOUgxOTJxLTI2IDAtNDUtMTl0LTE5LTQ1VjgzMnEwLTI2IDE5LTQ1dDQ1LTE5aDE0MDhxMjYgMCA0NSAxOXQxOSA0NXptMC01MTJ2MTI4cTAgMjYtMTkgNDV0LTQ1IDE5SDE5MnEtMjYgMC00NS0xOXQtMTktNDVWMzIwcTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1eiIgY2xhc3M9InNlbGVjdGVkIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==); } .open#responsive_menu { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9Im5vbmUiLz48ZyBjbGFzcz0iY3VycmVudExheWVyIj48cGF0aCBkPSJNMTc2My4zMzQgMTQyNi40MDhxMCA1OC43OC00MS4wOTQgOTkuOTI3bC0xOTkuNiAxOTkuODUzcS00MS4wOTMgNDEuMTQ3LTk5Ljc5OSA0MS4xNDd0LTk5LjgtNDEuMTQ3bC00MzEuNDg1LTQzMi4wMzYtNDMxLjQ4NiA0MzIuMDM2cS00MS4wOTQgNDEuMTQ3LTk5LjggNDEuMTQ3dC05OS44LTQxLjE0N0w2MC44NzMgMTUyNi4zMzVxLTQxLjA5NC00MS4xNDYtNDEuMDk0LTk5LjkyN3Q0MS4wOTQtOTkuOTI2bDQzMS40ODYtNDMyLjAzNkw2MC44NzIgNDYyLjQxcS00MS4wOTQtNDEuMTQ2LTQxLjA5NC05OS45Mjd0NDEuMDk0LTk5LjkyNkwyNjAuNDcgNjIuNzAzcTQxLjA5NC00MS4xNDYgOTkuOC00MS4xNDZ0OTkuNzk5IDQxLjE0Nkw4OTEuNTU2IDQ5NC43NGw0MzEuNDg2LTQzMi4wMzZxNDEuMDk0LTQxLjE0NiA5OS44LTQxLjE0NnQ5OS43OTkgNDEuMTQ2bDE5OS41OTkgMTk5Ljg1NHE0MS4wOTQgNDEuMTQ2IDQxLjA5NCA5OS45MjZ0LTQxLjA5NCA5OS45MjdsLTQzMS40ODYgNDMyLjAzNiA0MzEuNDg2IDQzMi4wMzZxNDEuMDk0IDQxLjE0NiA0MS4wOTQgOTkuOTI2eiIgZmlsbD0iI2ZmZiIgY2xhc3M9InNlbGVjdGVkIi8+PC9nPjwvc3ZnPg==); } .navigation-top { width: 320px; background: #ff4f01; position: fixed; right: -100%; padding-top: 72px; max-height: 100%; overflow: auto; top: 0; display: block; z-index: 7; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; height: 100vh; } .navigation-top.open { right: 0; } #top-menu { height: auto; border-top: 1px solid #fff; display: block; } #top-menu li { display: block; padding: 15px; border-bottom: 1px solid #fff; } #top-menu li a { display: block; color: #fff; text-decoration: none !important; font-size: 18px; line-height: 23px; } #top-menu li.phone-icon a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC44MyAyOC4yNyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Bc3NldCAxPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLjgzLDI0LjU4YTEuMzUsMS4zNSwwLDAsMC0uNDEtMWwtNC4xNS00LjMxaDBhMS40LDEuNCwwLDAsMC0uNjUtLjM1QTEuNjMsMS42MywwLDAsMCwxNC40LDE5bC0xLjg4LDEuMDhhLjQ1LjQ1LDAsMCwxLS4xOSwwaC0uMThsLS4zLS4xNWE0LjA5LDQuMDksMCwwLDEtLjgyLS42MywxMi4yOCwxMi4yOCwwLDAsMS0xLjI0LTEuMzgsMTcuNDYsMTcuNDYsMCwwLDEtMS41NC0yLjQxQTE3LjI4LDE3LjI4LDAsMCwxLDcsMTNhMTEuOTMsMTEuOTMsMCwwLDEtLjUzLTEuNzcsNC44MSw0LjgxLDAsMCwxLS4xMi0xLjM2LjY2LjY2LDAsMCwxLC4wOS0uMTguNDQuNDQsMCwwLDEsLjE0LS4xNGwxLjYxLS45MWExLjY2LDEuNjYsMCwwLDAsLjY3LS43QTEuMjksMS4yOSwwLDAsMCw5LDdMNy42NiwxQTEuODMsMS44MywwLDAsMCw3LjM2LjQsMSwxLDAsMCwwLDYuODIsMCwxLjE4LDEuMTgsMCwwLDAsNS45LjE3TDEuNTIsMi42NGEyLDIsMCwwLDAtLjYxLjQ4QTMuNjUsMy42NSwwLDAsMCwuMzIsNC4zLDYuNTEsNi41MSwwLDAsMCwuMDYsNS42LDEzLjc1LDEzLjc1LDAsMCwwLDAsNy42NywxNi45LDE2LjksMCwwLDAsLjQsMTAuNDYsMjUuMjYsMjUuMjYsMCwwLDAsMS40NywxNGEyOS4yLDI5LjIsMCwwLDAsMiw0LjIyQTI3LjgzLDI3LjgzLDAsMCwwLDYuNzgsMjNhMjMuMjIsMjMuMjIsMCwwLDAsMywzLDEyLjM2LDEyLjM2LDAsMCwwLDIuNDQsMS41NywxMC43LDEwLjcsMCwwLDAsMiwuNzIsMi4zMSwyLjMxLDAsMCwwLC44LDAsMiwyLDAsMCwwLC43My0uMjdsNC4zNi0yLjQ0YTEuMjIsMS4yMiwwLDAsMCwuNjUtLjkzIi8+PC9nPjwvZz48L3N2Zz4=); } .site-header { padding: 38px 0 29px; } .entry-title, h2 { font-size: 25px; line-height: 33px; } h3 { font-size: 21px; } .kompetenzen-title { margin-bottom: 2px; } .n2-ss-slider .n2-ow-all .slide-descr h2 { font-size: 28px; line-height: 32px; } #menu-kompetenzen li img { width: 50px; } #menu-kompetenzen li { height: 100px; } .menu-image-title { padding-left: 15px; } .more { font-size: 25px; background-position: center 40px; } .site-footer { padding: 50px 0; } #menu-kompetenzen { display: block; } #menu-kompetenzen li { width: 100%; } .menu-wrapper { background: none; border: none; } .projects { padding: 15px 0 0; } .kompetenzen-projects { padding: 62px 0 0; } } @media (max-width: 560px) { .footer-list li { font-size: 16px; } .search-form { flex-direction: column; } .search-field { margin: 15px 0; width: 100%; } .copyright { font-size: 14px; } .slide-descr { padding: 20px 0; } .search-submit { text-align: center; min-width: 200px; } .n2-ss-slider .n2-ow-all .slide-descr h2 { font-size: 19px; line-height: 24px; padding: 0; margin: 0; } .custom-logo-link { width: 55%; } .site-header { padding: 55px 0 20px; } .navigation-top { width: 100%; } .kompetenzen-text h2 { font-size: 28px; line-height: 38px; margin-bottom: 11px; } .kompetenzen-text { padding-top: 20px; } .kompetenzen-text p { font-size: 16px; line-height: 27px; } .entry-title, h2 { font-size: 26px; line-height: 32px; } .h2-title { margin-bottom: 27px; font-size: 24px; line-height: 28px; } h3 { font-size: 25px; line-height: 30px; margin: 0 0 20px; } }