/* Theme Name: Divi_child Description: Ein Childtheme für Divi Author: Longworth Media GmbH & Co. KG Author URI: http://www.longworth.de Template: Divi Version: 1.0 Tags: Divi_child */ .et_fixed_nav #top-header{z-index: 99!important;} #main-header.et-fixed-header {box-shadow:none!important;} #logo { max-height: 120%!important; margin-top:-3%; z-index: 100!important; } .et_pb_bg_layout_dark h2 { text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;} @media only screen and (max-width : 981px) { #logo { margin-top: 0px; max-height: 100%!important;} } @media screen and (max-width: 30em){#logo { margin-top: 0px; max-height: 80%!important;}} @font-face { font-family: 'TMixExtraBold'; src: url('https://getreidesilo.de/wp-content/themes/fonts/TMixExtraBold-Italic.woff2') format('woff2'), url('https://getreidesilo.de/wp-content/themes/fonts/TMixExtraBold-Italic.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'TMixExtraBold'; src: url('https://getreidesilo.de/wp-content/themes/fonts/TMixExtraBold.woff2') format('woff2'), url('https://getreidesilo.de/wp-content/themes/fonts/TMixExtraBold.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'TMixBold'; src: url('https://getreidesilo.de/wp-content/themes/fonts/TMixBold-Italic.woff2') format('woff2'), url('https://getreidesilo.de/wp-content/themes/fonts/TMixBold-Italic.woff') format('woff'); font-weight: 500; unicode-range: U+0020-02DC; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('https://getreidesilo.de/wp-content/themes/fonts/OpenSans.woff2') format('woff2'), url('https://getreidesilo.de/wp-content/themes/fonts/OpenSans.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('https://getreidesilo.de/wp-content/themes/fonts/OpenSans-Bold.woff2') format('woff2'), url('https://getreidesilo.de/wp-content/themes/fonts/OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } h1, h2, h3, h4, h5 {font-family:'TMixBold'!important;} p {font-family: 'Open Sans';} #footer-bottom{display:none;} /*Schrift in Dropdown-Menu verändern*/ #top-menu li li a { width: 300px; font-size:14px;} /*Feld Dropdown-Menu verändern*/ .nav li ul { width: 270px;} .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {margin-top:-3%;} /* Ken Burn Anfang */ /*-----Ken Burns Header-----*/ .ds-kenburns-header { overflow:hidden ; position: relative; padding: 0; } .ds-kenburns-header:before { content: ""; position: absolute; left:0; /*Left and Top sets the alignment of the image, you may need to change these if you want the image to move in a different direction*/ top:0; width: calc(100vw + 110px); /*We are adding some extra width and height to the image so when it zooms and pans we don't get any whitespace around it. You may need to change these values if you change the values in the keyframes section of CSS below*/ height: calc(100vh + 120px); z-index: -1; background: url(https://getreidesilo.de/wp-content/uploads/2020/06/Slider_Home-1.jpg); /*Chnange to the URL of the image you want to use*/ background-repeat: no-repeat; background-size: cover; background-position: center center; -ms-animation:move 8s ease forwards; -webkit-animation:move 8s ease forwards; -moz-animation:move 8s ease forwards; animation:move 15s ease forwards; /* This sets the duration of the effect and the value 'forwards' tells the effect to stop when its finished rather than loop. */ } @keyframes move { from { -ms-transform: scale3d(1); -webkit-transform: scale3d(1); -o-transform: scale3d(1); -moz-transform: scale3d(1); transform: scale3d(1); /*This tells the image to start at its original size*/ } to { -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-130px, -110px, 0px); -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-130px, -110px, 0px); -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(-130px, -110px, 0px); -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(-130px, -110px, 0px); transform: scale3d(1.2, 1.2, 1.2) translate3d(-130px, -110px, 0px); /*This tells the image to finish at 1.2x it's original size and at a position of -150px on the X axis and -120px on the Y axis. You can adjust these values to get the effect you want*/ } } /*Ken Burn Ende*/ /*Code für YouTube button ganz oben in der Leiste verwendet*/ .et-social-rss a.icon::before {content: "\e0a3"!important;} /*Code für Tabellen verwendet*/ .entry-content tr td, body.et-pb-preview #main-content .container tr td { padding: 0px 5px!important;} .entry-content table:not(.variations){line-height:1.5em;} .entry-content tr td, body.et-pb-preview #main-content .container tr td { border-top: 1px solid #f9f9fb;} .entry-content table:not(.variations), body.et-pb-preview #main-content .container table { border: 0 solid #f9f9fb;} /*Feld Dropdown-Menu verändern*/ #top-menu li li a { width: 240px;} /*Feld Dropdown-Menu verändern*/ .nav li ul { width: 280px;} .nav li li ul { left: 270px;} sup{font-size:0.7em;} .masonry { display: flex; flex-flow: column wrap; align-content: space-between; height: 665px; } .masonry::before, .masonry::after { content: ""; flex-basis: 100%; width: 0; order: 2; } .item { box-sizing: border-box; width: 32%; margin-bottom: 2%; padding: 1em; } .item:nth-child(3n+1) { order: 1; } .item:nth-child(3n+2) { order: 2; } .item:nth-child(3n) { order: 3; } table { /* Styling der Tabelle */ } .table-scrollable { width: 100%; overflow-y: auto; margin: 0 0 1em; } .table-scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .table-scrollable::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); } .et-social-twitter a.icon:before { content: "\e09d"!important;}