@charset "UTF-8"; /* Theme Name: AJKnet Eyecatcher X22 Theme URI: http://www.ajknet.de Description: AJKnet | Professionelles Webdesign für Firmen und Selbstständige. Version: 1.1 Author: C. Dworzsak */ @media all { @font-face { font-family: 'antonregular'; src: url('fonts/anton-regular-webfont.eot'); src: url('fonts/anton-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/anton-regular-webfont.woff2') format('woff2'), url('fonts/anton-regular-webfont.woff') format('woff'), url('fonts/anton-regular-webfont.ttf') format('truetype'), url('fonts/anton-regular-webfont.svg#antonregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoblack'; src: url('fonts/roboto-black-webfont.eot'); src: url('fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-black-webfont.woff2') format('woff2'), url('fonts/roboto-black-webfont.woff') format('woff'), url('fonts/roboto-black-webfont.ttf') format('truetype'), url('fonts/roboto-black-webfont.svg#robotoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoblack_italic'; src: url('fonts/roboto-blackitalic-webfont.eot'); src: url('fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-blackitalic-webfont.woff2') format('woff2'), url('fonts/roboto-blackitalic-webfont.woff') format('woff'), url('fonts/roboto-blackitalic-webfont.ttf') format('truetype'), url('fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('fonts/roboto-bold-webfont.eot'); src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bold-webfont.woff2') format('woff2'), url('fonts/roboto-bold-webfont.woff') format('woff'), url('fonts/roboto-bold-webfont.ttf') format('truetype'), url('fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold_italic'; src: url('fonts/roboto-bolditalic-webfont.eot'); src: url('fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'), url('fonts/roboto-bolditalic-webfont.woff') format('woff'), url('fonts/roboto-bolditalic-webfont.ttf') format('truetype'), url('fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoitalic'; src: url('fonts/roboto-italic-webfont.eot'); src: url('fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-italic-webfont.woff2') format('woff2'), url('fonts/roboto-italic-webfont.woff') format('woff'), url('fonts/roboto-italic-webfont.ttf') format('truetype'), url('fonts/roboto-italic-webfont.svg#robotoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('fonts/roboto-light-webfont.eot'); src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-light-webfont.woff2') format('woff2'), url('fonts/roboto-light-webfont.woff') format('woff'), url('fonts/roboto-light-webfont.ttf') format('truetype'), url('fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight_italic'; src: url('fonts/roboto-lightitalic-webfont.eot'); src: url('fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'), url('fonts/roboto-lightitalic-webfont.woff') format('woff'), url('fonts/roboto-lightitalic-webfont.ttf') format('truetype'), url('fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('fonts/roboto-medium-webfont.eot'); src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-medium-webfont.woff2') format('woff2'), url('fonts/roboto-medium-webfont.woff') format('woff'), url('fonts/roboto-medium-webfont.ttf') format('truetype'), url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium_italic'; src: url('fonts/roboto-mediumitalic-webfont.eot'); src: url('fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-mediumitalic-webfont.woff2') format('woff2'), url('fonts/roboto-mediumitalic-webfont.woff') format('woff'), url('fonts/roboto-mediumitalic-webfont.ttf') format('truetype'), url('fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoregular'; src: url('fonts/roboto-regular-webfont.eot'); src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular-webfont.woff2') format('woff2'), url('fonts/roboto-regular-webfont.woff') format('woff'), url('fonts/roboto-regular-webfont.ttf') format('truetype'), url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotothin'; src: url('fonts/roboto-thin-webfont.eot'); src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-thin-webfont.woff2') format('woff2'), url('fonts/roboto-thin-webfont.woff') format('woff'), url('fonts/roboto-thin-webfont.ttf') format('truetype'), url('fonts/roboto-thin-webfont.svg#robotothin') format('svg'); font-weight: normal; font-style: normal; } * { transition: color 0.4s ease; } html { scroll-behavior: smooth; } body { font-family: 'robotoregular', sans-serif; font-weight: 400; font-size: 16px; line-height: 150%; } /*--- varias ---*/ img { border: 0; max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { font-family: 'antonregular', sans-serif; font-weight: 400; padding: 0; margin-top: 0; } h1 { font-size: 2.188em; } /* --- 35px --- */ h2 { font-size: 2.000em; } /* --- 32px --- */ h3 { font-size: 1.813em; } /* --- 29px --- */ h4 { font-size: 1.625em; } /* --- 26px --- */ h5 { font-size: 1.438em; } /* --- 23px --- */ h6 { font-size: 1.250em; } /* --- 20px --- */ a, a:visited { background: transparent; text-decoration: none; } /*--- varias ---*/ a:focus, a:hover, a:active { text-decoration: none; } /*--- varias ---*/ table { width: auto; margin-bottom: 0.5em; } td { vertical-align: top; } .no-padding { padding: 0; } .pos-relative { position: relative; } .main { padding: 120px 0; } .standard-content-width { max-width: 1170px; margin: 0 auto; } .max-content-width { max-width: 1800px; margin: 0 auto; } /* --- cols gleiche hoehe hack --- */ .flex-row.row { display: flex; flex-wrap: wrap; } .flex-row.row > [class*='col-'] { display: flex; flex-direction: column; } .flex-row.row:after, .flex-row.row:before { display: flex; } /* --- button ontop --- */ .button-ontop { width: 90px; height: 90px; overflow: hidden; display: inline-table; position: fixed; z-index: 999; right: 0; bottom: 0; } .button-ontop-spacer { width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; } .button-ontop-spacer a { font-size: 2.800em; padding: 36px; display: block; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } /*--- varias ---*/ .button-ontop-spacer a:hover { } /*--- varias ---*/ /* --- button ontop --- */ .button-login { width: 45px; height: 65px; overflow: hidden; position: absolute; left: 0; bottom: 0; } .button-login-spacer { width: 45px; height: 65px; display: flex; align-items: center; justify-content: center; } .button-login a { font-size: 2.000em; padding: 20px; display: block; } /*--- varias ---*/ .button-login a:hover { } /*--- varias ---*/ /* --- link artikel bearbeiten --- */ .artikel-bearbeiten { padding-top: 12px; display: block; } /*--- header ---*/ .header { } .header-logo { position: absolute; z-index: 10; top: 0; left: 60px; padding: 12px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); } .header-logo img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; max-width: 324px; max-height: 324px; } .header-logo:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); } /*--- header navi ---*/ /*--- menutoggle ---*/ .haupt-navi-container { } /*--- varias ---*/ .haupt-navi-container-spacer { display: inherit; } label .hamburger { position: absolute; top: 44px; left: 30px; width: 30px; height: 2px; display: block; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } /*--- varias ---*/ label .hamburger:after, label .hamburger:before { -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; content: ""; position: absolute; display: block; width: 100%; height: 100%; } /*--- varias ---*/ label .hamburger:before { top: -10px; } label .hamburger:after { bottom: -10px; } label input { display: none; } label input:checked + .menu { border-radius: 0; } /*--- varias ---*/ label input:checked + .menu .hamburger { -webkit-transform: rotate(45deg); transform: rotate(45deg); } label input:checked + .menu .hamburger:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: 0; } label input:checked + .menu .hamburger:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 0; } label input:checked + .menu + ul { visibility: visible; opacity: 1; -webkit-transition: .20s .20s ease-in-out; transition: .20s .20s ease-in-out; } /*--- header navi ---*/ /*--- fullscreen nav menu ---*/ .cut-navi-lenght { position: relative; overflow: hidden; } label ul { list-style-type: none; padding: 0; } label .menu { position: absolute; right: 0; top: 0; z-index: 999; width: 90px; height: 90px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } /*--- varias ---*/ .haupt_menu { z-index: 99; position: absolute; top: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; width: 25%; min-height: 100000px; padding: 150px 90px 120px 30px; display: inline-table; overflow: hidden; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -webkit-transition: .20s .20s ease-in-out; transition: .20s .20s ease-in-out; } .haupt_menu h1, .haupt_menu h2, .haupt_menu h3, .haupt_menu h4, .haupt_menu h5, .haupt_menu h6 { display: inline-table; hyphens: auto; } label a, label a:visited { display: block; text-decoration: none; } /*--- varias ---*/ label a:focus, label a:hover, label a:active, .current-menu-item a { } /*--- varias ---*/ ul .sub-menu { padding: 8px 0 0 24px; } .sub-menu h1, .sub-menu h2, .sub-menu h3, .sub-menu h4, .sub-menu h5, .sub-menu h6 { font-size: 0.813em; } /*--- headerpics start ---*/ .headerpics-start-slider-eyecatcher { width: 290px; height: 290px; position: absolute; z-index: 4; right: 0; bottom: -30px; left: 0; margin: 0 63% 0 37%; } .headerpics-start-slider-eyecatcher img { width: 100%; height: 100%; object-fit: cover; } /*--- varias ---*/ .headerpics-start { position: relative; height: 790px; margin-top: 90px; } .headerpics-start:after { content: ""; top: 60px; height: 730px; width: 100%; position: absolute; z-index: 1; } /*--- varias ---*/ .headerpics-start-slider { position: absolute; z-index: 2; right: 0; left: 0; } .headerpics-start-pics { height: 690px; width: 100%; } .headerpics-start-pics img { width: 100%; height: 100%; object-fit: cover; } /*--- headerpics page ---*/ .headerpics-page { margin-top: 90px; } .headerpics-page-pics { height: 690px; width: 100%; } .headerpics-page-pics img { width: 100%; height: 100%; object-fit: cover; } /*--- eyecatcher nav menu ---*/ .eyecatcher-menu { position: absolute; z-index: 3; top: 180px; left: 45%; right: -550px; margin: 0 24px 0 0; } .eyecatcher-menu ul { list-style-type: none; padding: 0; } .eyecatcher-menu-titel { margin-bottom: 12px; } .eyecatcher-menu-titel h1, .eyecatcher-menu-titel h2, .eyecatcher-menu-titel h3, .eyecatcher-menu-titel h4, .eyecatcher-menu-titel h5, .eyecatcher-menu-titel h6 { font-size: 3.000em; } /*--- varias ---*/ .eyecatcher-menu-liste { } .eyecatcher-menu-liste a h1, .eyecatcher-menu-liste a h2, .eyecatcher-menu-liste a h3, .eyecatcher-menu-liste a h4, .eyecatcher-menu-liste a h5, .eyecatcher-menu-liste a h6 { display: inline-table; } /*--- varias ---*/ .eyecatcher-menu-liste a:hover h1, .eyecatcher-menu-liste a:hover h2, .eyecatcher-menu-liste a:hover h3, .eyecatcher-menu-liste a:hover h4, .eyecatcher-menu-liste a:hover h5, .eyecatcher-menu-liste a:hover h6 { } /*--- varias ---*/ /*--- startseite newsbox ---*/ .startseite-news { padding: 120px 0; margin: 60px 0; position: relative; } /*--- varias ---*/ .startseite-news:before { content: ''; position: absolute; z-index: 1; top: -60px; width: 45%; height: 60px; } /*--- varias ---*/ .startseite-news:after { content: ''; position: absolute; z-index: 1; bottom: -60px; width: 45%; height: 60px; } /*--- varias ---*/ .startseite-news-box-title { } .startseite-news-box-title h1, .startseite-news-box-title h2, .startseite-news-box-title h3, .startseite-news-box-title h4, .startseite-news-box-title h5, .startseite-news-box-title h6 { } /*--- varias ---*/ .startseite-news-box { margin-bottom: 24px; } /*--- varias ---*/ .startseite-news-box-spacer { text-align: center; padding: 48px 24px; } /*--- varias ---*/ .startseite-news-box-spacer h1, .startseite-news-box-spacer h2, .startseite-news-box-spacer h3, .startseite-news-box-spacer h4, .startseite-news-box-spacer h5, .startseite-news-box-spacer h6 { } /*--- varias ---*/ .startseite-news-box-image { margin: 0 48px 24px 48px; aspect-ratio: 1 / 1; } .startseite-news-box-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%; height: 100%; object-fit: cover; } .startseite-news-box-image:hover img { -webkit-transform: scale(1.10); transform: scale(1.10); } .startseite-box-countdown:first-child .startseite-news-box-image img { border-radius: 40% 60% 50% 50% / 50% 60% 40% 50%; } .startseite-box-countdown:nth-child(2) .startseite-news-box-image img { border-radius: 40% 60% 50% 50% / 55% 40% 60% 45%; } .startseite-box-countdown:nth-child(3) .startseite-news-box-image img { border-radius: 35% 65% 45% 55% / 50% 50% 50% 50%; } .startseite-box-countdown:nth-child(4) .startseite-news-box-image img { border-radius: 55% 40% 60% 45% / 40% 60% 50% 50%; } .startseite-news-box a.more-link { padding: 12px 48px; display: inline-table; } /*--- varias ---*/ .startseite-news-box a:hover.more-link h1, .startseite-news-box a:hover.more-link h2, .startseite-news-box a:hover.more-link h3, .startseite-news-box a:hover.more-link h4, .startseite-news-box a:hover.more-link h5, .startseite-news-box a:hover.more-link h6 { } /*--- varias ---*/ .startseite-news-box .more-link h1, .startseite-news-box .more-link h2, .startseite-news-box .more-link h3, .startseite-news-box .more-link h4, .startseite-news-box .more-link h5, .startseite-news-box .more-link h6 { margin: 0; padding: 0; } /*--- startseite eyecatcher ---*/ .startseite-news-eyecatcher { position: relative; margin: 120px 0; } .startseite-news-eyecatcher:before { content: ''; position: absolute; z-index: 1; top: -60px; right: 0; width: 55%; height: 60px; } /*--- varias ---*/ .startseite-news-eyecatcher:after { content: ''; position: absolute; z-index: 1; bottom: -60px; right: 0; width: 55%; height: 60px; } /*--- varias ---*/ .startseite-news-eyecatcher-image { max-width: 600px; aspect-ratio: 1 / 1; position: relative; z-index: 3; float: right; } .startseite-news-eyecatcher-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%; height: 100%; object-fit: cover; } /*--- varias ---*/ .startseite-news-eyecatcher-image:hover img { -webkit-transform: scale(1.10); transform: scale(1.10); } .startseite-news-eyecatcher-text { } /*--- varias ---*/ .startseite-news-eyecatcher-text-spacer { min-height: 600px; display: flex; align-items: center; padding: 60px; } /*--- varias ---*/ .startseite-news-eyecatcher-text-spacer h1, .startseite-news-eyecatcher-text-spacer h2, .startseite-news-eyecatcher-text-spacer h3, .startseite-news-eyecatcher-text-spacer h4, .startseite-news-eyecatcher-text-spacer h5, .startseite-news-eyecatcher-text-spacer h6 { } /*--- varias ---*/ .startseite-news-eyecatcher-text-spacer a.more-link { padding: 12px 48px; display: inline-table; } /*--- varias ---*/ .startseite-news-eyecatcher-text-spacer a:hover.more-link h1, .startseite-news-eyecatcher-text-spacer a:hover.more-link h2, .startseite-news-eyecatcher-text-spacer a:hover.more-link h3, .startseite-news-eyecatcher-text-spacer a:hover.more-link h4, .startseite-news-eyecatcher-text-spacer a:hover.more-link h5, .startseite-news-eyecatcher-text-spacer a:hover.more-link h6 { } /*--- varias ---*/ .startseite-news-eyecatcher-text-spacer .more-link h1, .startseite-news-eyecatcher-text-spacer .more-link h2, .startseite-news-eyecatcher-text-spacer .more-link h3, .startseite-news-eyecatcher-text-spacer .more-link h4, .startseite-news-eyecatcher-text-spacer .more-link h5, .startseite-news-eyecatcher-text-spacer .more-link h6 { margin: 0; padding: 0; } /*--- startseite banner ---*/ .startseite-banner-titel { position: absolute; z-index: 6; top: -24px; right: 12px; font-size: 1.800em; max-width: 50%; } .startseite-banner { position: relative; margin: 60px 0 240px 0; } .startseite-banner:before { content: ''; position: absolute; z-index: 1; top: -60px; width: 45%; height: 60px; } /*--- varias ---*/ .startseite-banner-image { position: relative; z-index: 3; aspect-ratio: 1 / 1; } .startseite-banner-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%; height: 100%; object-fit: cover; } /*--- varias ---*/ .startseite-banner-image:hover img { -webkit-transform: scale(1.10); transform: scale(1.10); } .startseite-banner-text { position: absolute; z-index: 1; margin: 48px 24px 24px 24px; } .startseite-banner-text h1 a, .startseite-banner-text h2 a, .startseite-banner-text h3 a, .startseite-banner-text h4 a, .startseite-banner-text h5 a, .startseite-banner-text h6 a { font-size: 1.300em; } /*--- varias ---*/ .startseite-banner-countdown:first-child .startseite-banner-image { padding: 0 60px 120px 0; } .startseite-banner-countdown:nth-child(2) .startseite-banner-image { padding: 120px 60px 0 60px; } .startseite-banner-countdown:nth-child(2) .startseite-banner-image img { } /*--- varias ---*/ .startseite-banner-countdown:nth-child(3) .startseite-banner-image { max-width: 520px; position: absolute; z-index: 4; top: -460px; right: -15%; } .startseite-banner-countdown:nth-child(3) .startseite-banner-image img { } /*--- varias ---*/ /*--- footer navi ---*/ .footer-menu { padding: 24px 0; } /*--- varias ---*/ .footer-menu ul { list-style-type: none; padding: 0; margin: 0; } .footer-menu li { display: inline-table; margin: 0 24px 0 0; } .footer-menu li a h1, .footer-menu li a h2, .footer-menu li a h3, .footer-menu li a h4, .footer-menu li a h5, .footer-menu li a h6 { padding: 0; margin: 0; } /*--- varias ---*/ .footer-menu li a h1:hover, .footer-menu li a h2:hover, .footer-menu li a h3:hover, .footer-menu li a h4:hover, .footer-menu li a h5:hover, .footer-menu li a h6:hover { padding: 0; margin: 0; } /*--- varias ---*/ /*--- footer freitext ---*/ .footer-sidebar { } /*--- varias ---*/ .footer-sidebar-spacer { padding: 60px 0 120px 0; } /*--- varias ---*/ .footer-sidebar-spacer h1, .footer-sidebar-spacer h2, .footer-sidebar-spacer h3, .footer-sidebar-spacer h4, .footer-sidebar-spacer h5, .footer-sidebar-spacer h6 { } /*--- varias ---*/ /*--- artikel standard ---*/ .artikel-box { margin-bottom: 24px; padding-bottom: 60px; } /*--- varias ---*/ .artikel-box-image { aspect-ratio: 16 / 9; } .artikel-box-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%; height: 100%; object-fit: cover; } .artikel-box-image:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); } .artikel-box-spacer { position: relative; margin: -60px 12px 0 12px; padding: 36px 12px; } /*--- varias ---*/ .artikel-box-spacer h1, .artikel-box-spacer h2, .artikel-box-spacer h3, .artikel-box-spacer h4, .artikel-box-spacer h51, .artikel-box-spacer h6 { } /*--- varias ---*/ .artikel-box-spacer a.more-link { padding: 12px 48px; display: inline-table; } /*--- varias ---*/ .artikel-box-spacer a:hover.more-link h1, .artikel-box-spacer a:hover.more-link h2, .artikel-box-spacer a:hover.more-link h3, .artikel-box-spacer a:hover.more-link h4, .artikel-box-spacer a:hover.more-link h5, .artikel-box-spacer a:hover.more-link h6 { } /*--- varias ---*/ .artikel-box-spacer .more-link h1, .artikel-box-spacer .more-link h2, .artikel-box-spacer .more-link h3, .artikel-box-spacer .more-link h4, .artikel-box-spacer .more-link h5, .artikel-box-spacer .more-link h6 { margin: 0; padding: 0; } /*--- pagination ---- */ .pagination { display: block !important; float: left !important; padding: 0 !important; width: 100% !important; border-radius: 4px !important; margin-top: 15px; } .pagination ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .pagination li { float: left !important; text-align: center !important; margin: 0 !important; } .pagination li a { display: inline-table !important; font-size: 0.786em !important; margin: 0 15px 15px 0 !important; padding: 15px 20px !important; text-decoration: none !important; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } /*--- varias ---*/ .pagination li a:hover { } /*--- varias ---*/ .pagination .current { display: inline-table !important; font-size: 0.786em !important; margin: 0 15px 15px 0 !important; padding: 15px 20px !important; text-decoration: none !important; } /*--- varias ---*/ /*--- single content ---*/ .single-content-image { margin-top: 90px; height: 690px; } .single-content-image img { width: 100%; height: 100%; object-fit: cover; } .single-content-title { } /*--- page post image ---*/ .page-post-image { aspect-ratio: 16 / 9; } .page-post-image img { width: 100%; height: 100%; object-fit: cover; } /*--- spacer for no headerpic pages ---*/ .no-headerpic-pages { margin-top: 90px; height: 90px; display: block; border-bottom: 45px solid #2c7b94; } /*--- varias ---*/ /*--- plugin formulare ---*/ .wpforms-container button { -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; padding: 12px 48px !important; } /*--- varias ---*/ .wpforms-container button:hover { } /*--- varias ---*/ /*--- top spacer sidebar box in mobiles ---*/ .spacer-for-mobile { } /*--- search result ---*/ .search-result { padding-bottom: 24px; } /*--- media queries ---*/ @media (max-width: 1800px) { .haupt_menu { width: 30%; padding: 150px 90px 120px 30px; } } @media (max-width: 1600px) { .haupt_menu { width: 35%; padding: 150px 90px 120px 30px; } } @media (max-width: 1400px) { .startseite-banner { position: relative; margin: 60px 0; } .startseite-banner-titel { position: inherit; z-index: inherit; top: inherit; right: inherit; font-size: 1.000em; max-width: inherit; padding: 0 12px 12px 12px; } .startseite-banner-image { position: relative; z-index: 3; aspect-ratio: 16 / 9; overflow: hidden; } .startseite-banner-text { margin: 24px 12px; } .startseite-banner-countdown:first-child .startseite-banner-image, .startseite-banner-countdown:nth-child(2) .startseite-banner-image { padding: 0; } .startseite-banner-countdown:nth-child(3) .startseite-banner-image { max-width: inherit; position: inherit; z-index: inherit; top: inherit; right: inherit; } .startseite-banner-countdown:nth-child(2) .startseite-banner-image img, .startseite-banner-countdown:nth-child(3) .startseite-banner-image img { -webkit-box-shadow: none; box-shadow: none; } /*--- copy in functions weil overwrite data ---*/ .haupt_menu { width: 45%; padding: 150px 90px 120px 30px; } } @media (max-width: 1200px) { .haupt_menu { width: 50%; padding: 150px 90px 120px 30px; } } @media (max-width: 992px) { .header-logo { position: relative; z-index: inherit; top: inherit; left: inherit; text-align: center; } .haupt-navi-container { height: 90px; overflow: visible; } .headerpics { height: inherit; margin-top: 0; } .headerpics-start-slider-eyecatcher { display: none; } .headerpics-start { position: inherit; height: inherit; margin-top: 0; } .headerpics-start:after { display: none; } .headerpics-start-slider { position: inherit; z-index: inherit; right: inherit; left: inherit; } .headerpics-start-pics { height: 400px; } .eyecatcher-menu { position: inherit; z-index: inherit; top: inherit; left: inherit; right: inherit; margin: 0; padding: 60px 12px; } /*--- varias ---*/ .startseite-news-eyecatcher-image { max-width: inherit; aspect-ratio: 16 / 9; float: inherit; overflow: hidden; } .startseite-news-eyecatcher-text-spacer { min-height: inherit; display: inherit; align-items: inherit; padding: 120px 0; } .headerpics-page { margin-top: 0; } .headerpics-page-pics { height: 400px; } .single-content-image { margin-top: 0; height: 400px; } .no-headerpic-pages { margin-top: 0; height: 12px; } .spacer-for-mobile { padding-top: 120px; } .haupt_menu { width: 55%; padding: 150px 90px 120px 15px; } } @media (max-width: 768px) { .startseite-banner-text h1 a, .startseite-banner-text h2 a, .startseite-banner-text h3 a, .startseite-banner-text h4 a, .startseite-banner-text h5 a, .startseite-banner-text h6 a { font-size: inherit; } .haupt_menu { width: 70%; padding: 150px 15px 120px 15px; } } @media (max-width: 576px) { .haupt_menu { width: 100%; padding: 150px 15px 120px 15px; } }