/* * Neutrum-Business-OPERCO * gelb #fdc613 | weiß #fff | anthrazit #3c464a | dunkelgrau #343d41 | schwarz #252525 */ /* ##### Body ##### */ * {margin:0; padding:0;} * {line-height:1;} *, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} html, body {background:#3c464a; background:linear-gradient(140deg, rgba(54,62,65,1) 0%, rgba(60,70,74,1) 45%); color:#fff; font-family:'Open Sans', Tahoma, sans-serif; font-size:105%; font-weight:400; letter-spacing:0.5px; -webkit-font-smoothing:antialiased !important; word-wrap:break-word;} .hyphens {-webkit-hyphens:auto; -moz-hyphens:auto; -o-hyphens:auto; -ms-hyphens:auto; hyphens:auto;} .clear {clear:both;} .clearfix:after {content:" "; clear:both; display:block; font-size:0; visibility:hidden; height:0;} .valign {position:absolute; top:50%; transform:translateY(-50%);} .halign {position:absolute; left:50%; transform:translateX(-50%);} .vh-align {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100vh;} /*.vh-align {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} */ .all-align {display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center; margin:0;} p {font-size:1.0em; font-weight:400; line-height:1.3; text-align:justify; margin:14px 0;} strong, .bold, .fw800 {font-weight:800;} .fw600 {font-weight:600;} .fw700 {font-weight:700;} .italic {font-style:italic;} .normal {font-style:normal;} .textsmall {font-size:small;} .overflidden {overflow:hidden;} .wrapper {position:relative; margin:0 auto; padding:0 2vmin; max-width:1100px;} .wrapper.small {max-width:800px;} .wrapper.medium {max-width:1200px;} .wrapper.wide {max-width:1600px;} .wrapper.full {max-width:100%; padding:0;} .vh100 {min-height:100vh;} .vh70 {min-height:70vh;} .vmin100 {min-height:100vmin;} .vmin70 {min-height:70vmin;} .vmin50 {min-height:50vmin;} .vmin40 {minheight:40vmin;} h1, h2, h3 {font-family:Oswald, Tahoma, serif; -webkit-box-decoration-break:clone; box-decoration-break:clone;} h1 {text-transform:uppercase; font-size:1.8em; font-weight:600; letter-spacing:1px; padding:15px 0;} h2 {text-transform:none; font-size:1.6em; font-weight:600; padding:0 0 10px;} h3 {text-transform:none; font-size:1.4em; font-weight:600; padding:30px 0 30px;} h4 {text-transform:none; font-size:1.2em; font-weight:600; padding:15px 0 25px;} h5 {text-transform:none; font-size:1.1em; font-weight:700; padding:30px 0 15px;} h6 {text-transform:none; font-size:1.1em; font-weight:700; padding:30px 0 5px;} .alpha {font-size:2.2em;} .beta {font-size:1.5em;} .uppercase {text-transform:uppercase;} .subheadline {font-size:0.9em; font-weight:600; color:#fdc613; padding:10px 0 0;} .contentheadline {margin:0;} .sectionheadline {padding:0vmax 0 2vmax;} .sectionheadline p, .sectionheadline h2, .sectionheadline h4 {margin:0; padding:0;} /* ##### Links ##### */ a {color:#fff; text-decoration:none;} p a {color:inherit; text-decoration:none; border-bottom:2px dotted #fff; padding:0 0 1px;} a img {border:none;} a.more-link, span.more-link {background:transparent; font-size:0.9em; color:#fff; margin:30px 0; padding:18px; text-transform:uppercase; border:1px solid #fff;} a.more-link:hover, span.more-link:hover {color:#252525; background:#fdc613; border:1px solid transparent;} .yellow a.reverse.more-link {font-size:1.0em; color:#252525; border:1px solid #252525;} .yellow a.reverse.more-link:hover {color:#fdc613; background:#3c464a;} .flex-child.kiddie-rides a.more-link {font-size:1.0em; color:#252525; border:1px solid #252525;} .flex-child.kiddie-rides a.more-link:hover {color:#fdc613; background:#3c464a;} /* ##### Hover-Transition ##### */ button#menubutton:hover, #submit:hover, a.more-link:hover, span.more-link:hover, .main-menu li a:hover, #pagination .page-numbers:hover, .reply a:hover, #main-nav ul ul li:hover > a, #main-nav ul ul li a:hover, footer #nav ul li:hover, #toggle-view li:hover span, footer #link li:hover, #social .icon:hover, body.scroll header, ul#menu-product-category-navigation a:hover {-webkit-transition-property:color, background; -webkit-transition-duration:0.3s, 0.3s; -webkit-transition-timing-function:linear, ease-in; -moz-transition-property:color, background; -moz-transition-duration:0.3s, 0.3s; -moz-transition-timing-function:linear, ease-in; -o-transition-property:color, background; -o-transition-duration:0.3s, 0.3s; -o-transition-timing-function:linear, ease-in; -transition-property:color, background; -transition-duration:0.3s, 0.3s; -transition-timing-function:linear, ease-in;} /* ##### Header ##### */ noscript p.hideme {position:absolute; z-index:10000; top:-200px; background:#f03510; color:#fff; text-align:center; font-size:1.15em; margin:0 auto; width:100%; padding:25px 5px; animation:slideup 7s; -moz-animation:slideup 7s; -webkit-animation:slideup 7s; -o-animation:slideup 7s;} noscript p.hideme i.icon {font-size:130%; color:#fff; margin:0 15px 0 0;} header {position:fixed; z-index:10; top:0; display:block; width:100%; height:60px; padding:0;} body header {background-color:rgba(72,72,71,0.0); box-shadow:0 5px 5px -5px transparent;} body.scroll header {background-color:rgba(60,70,74,0.95); box-shadow:0 5px 5px -5px #333;} #logo {position:relative; margin:0 auto; padding:5px 0;} #logo img {position:relative; left:3%; display:block; max-width:150px; height:auto; margin-top:20px;} .home #logo img {max-width:200px;} body.scroll #logo img {left:3%; max-width:90px; height:auto; margin-top:0px; border:none;} #topbar {position:relative; top:0; width:100%; padding-right:70px;} #topbar strong {font-weight:600;} body.scroll #topbar {position:absolute; top:-50px;} #topbar .flex-child {padding:0 1vw; line-height:2.0; font-size:0.85em; font-weight:600;} body.scroll #headerimage h2 {opacity:0;} /* Der Seitentitel zentriert über dem Headerimage */ #headerimage .vh-align img {width:75vmin; max-width:1000px; height:auto;} #headerimage h2 {font-size:calc(1em + 3vmin); width:100%; padding:20px; background-color:rgba(255,255,255,0.55); border-radius:10px;} #bodybg {position:fixed; top:0; z-index:0; width:100vw; height:100vh;} #font-resizer {position:absolute; top:-100px;} body.scroll #font-resizer {top:30%;} /* Scroll Down - Bouncing Arrow */ i.bazinga {position:absolute; bottom:1vh; width:100%; color:#fdc613; font-size:9.0vmin; opacity:0.7;} body.scroll i.bazinga {opacity:0;} /* ##### Content ##### */ .content {position:relative; display:block; width:100%; padding:5vmin 0;} .two-col p {-moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:3.0em; -webkit-column-gap:3.0em; column-gap:3.0em;} .claim {margin:0 0 30px;} .claim h1 {line-height:1.1; text-transform:none;} .claim .alpha {font-size:calc(1em + 2vmin); color:#fdc613;} .claim .beta {font-size:calc(1em - 0.8vmin); color:#fff; margin-top:10px;} .claim .beta:after {content:""; display:block; width:50px; margin:25px auto 0; border-bottom:4px solid #fdc613; } .claim h2 {font-size:1.1em; color:#b5b5b5; margin:30px 0 0;} .title {margin:0 0 50px;} .post-border {border-left:3vmin solid #fdc613; padding:0;} section.kiddie-rides .page-post {border:0; padding:0 5vmin;} .post {padding:8vmin;} .post ul {display:table; margin:10px 0 10px 20px;} /*.post ul li {position:relative; list-style:none; margin:12px 0; border-left:6px solid #768191; padding-left:7px;}*/ .box {padding:30px;} .center {display:block; margin:0 auto; text-align:center;} .textcenter, .textcenter > p {text-align:center;} .textleft {text-align:left;} .textright {text-align:right;} .textwhite {color:#fff;} .textyellow {color:#fdc613;} .textblack {color:#252525;} .textgradient {background-image:radial-gradient(circle at -1% 0%,#2d2d2d,70%,#db020f); -webkit-text-fill-color:transparent; -webkit-background-clip:text;} .left {float:left;} .right {float:right;} .white {background-color:#fff;} .yellow {background-color:#fdc613; color:#252525;} .yellowgradient {background:linear-gradient(90deg, rgba(253,198,19,1) 37%, rgba(60,70,74,1) 94%); color:#252525;} .gray {background-color:#484847;} .anthrazit {background-color:#3c464a; color:#fff;} .black {background-color:#252525; color:#fff;} .black address a {color:#fff;} .inline {display:inline;} .block {display:block;} .inline-block {display:inline-block;} .absolute {position:absolute;} .relative {position:relative;} .fixed {position:fixed;} .zindex1 {z-index:1;} .zindex2 {z-index:2;} .zindex3 {z-index:3;} .objectfit {object-fit:cover; width:100%; height:100%;} /*.page article h1, .page article h2, .page article h3 {text-align:center;}*/ .page-template-page section.content {margin:0; padding:0 0 5vw;} #disclaimer p {font-size:0.85em; padding-left:10px; border-left:10px solid #768191;} #page-parent-container {padding:5vmin; background-color:#f0f0f0; border:1px solid #e5e5e5;} .skew {transform:skewX(-10deg);} .deskew {transform:skewX(10deg);} /* ##### Product Category Navigation ##### */ ul#menu-product-category-navigation {margin:0; font-weight:600;} ul#menu-product-category-navigation a {padding:18px; font-size:1.0em; color:#252525; text-transform:uppercase; border:1px solid #252525;} ul#menu-product-category-navigation a:hover {color:#fdc613; background:#3c464a;} ul#menu-product-category-navigation li:before {content:"";} /* ##### Page Standard ##### */ .page-template-page-standard .text {padding:30px 0 30px 30px;} .page-template-page-standard .text p:first-of-type {margin:0 0 14px;} .page-template-page-standard .text p:last-of-type {margin:14px 0 0;} .page-template-page-standard .contentheadline h1 {padding:10px 0 10px 20px;} .page-template-page-standard .text .contentheadline {color:#fdc613;} /* ##### Page Kiddie Rides ##### */ body.kiddie-rides {background:#3c464a; background-image:url('http://operco.pannasch.net/wp-content/themes/Neutrum-Business-Operco/images/layout/kids/kid-4-rotate.svg'); background-repeat:no-repeat; background-position:right -20px top -118px; background-size:260px;} .content.kiddie-rides .text {padding:50px;} .content.kiddie-rides.yellow ol li:before {color:#544206;} .content.kiddie-rides ul li, .content.kiddie-rides ol li {font-weight:600;} .content.kiddie-rides#block2 {margin:0 0 8vmin;} .content.kiddie-rides .video-container video {border:10px solid #fdc613;} .kiddieheadline {margin:15vmin 0 4vmin;} .kiddieheadline h1 {margin:0; padding:0;} .kiddieheadline .dude {font-family:'Pizza Dude'; font-size:3.5em; letter-spacing:2px; padding:15px 0 2px !important; -webkit-box-decoration-break:clone; box-decoration-break:clone;} .content.kiddie-rides p a {border-bottom:0;} .kiddie-rides .products .flex-child.product {background-color:#fdc613;} .kiddie-rides .products .flex-child.product h1 a {color:#252525;} /* ##### Numbered List-Style ##### */ .content ol {counter-reset:numbered-list; list-style:none; margin:20px 0 20px 20px;} .content ol li {counter-increment:numbered-list; display:flex; align-items:center; padding:10px 0; line-height:1.3em;} .content ol li:before {content: "0" counter(numbered-list); color:#fdc613; font-size:2.2em; font-weight:800; font-style:normal; text-decoration:inherit; margin:0 10px 0 0px;} /* ##### General List-Style ##### */ .content ul {list-style:none; margin:20px 0 20px 20px;} .content ul li {display:flex; align-items:center; padding:5px 0; line-height:1.3em;} .content ul li:before {content:"\e801"; font-family:fontello; color:#544206; font-size:0.8em; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;} /* ##### Ramps ##### */ .ramps {padding:0;} .ramps > svg {display:block; position:relative; width:110%; left:-5%;} .ramps > svg.top {top:-2px;} .ramps > svg.bottom {bottom:-2px;} .ramps > .wrapper {padding:8vmin 2em;} .ramps svg.rotate {transform:rotate(180deg);} #headerimage > svg.bottom {position:absolute;} /* ##### Overlay ##### */ .overlay, .overlay a {color:#fff;} .overlay:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:100vw; height:calc(100% + 10vw); background-color:#000; opacity:0.45;} /* Artikel - Single */ .single img.postthumbnail {width:100%;} .single .quarter {top:0; left:0; width:100px; height:150px; margin:-75px 0 0 -50px; transform:rotate(45deg); transform-origin:center;} .single .post {width:100%; margin:0 0 3vw; padding:0;} .single .post .wrapper.small {margin-top:-50px; padding:30px 40px; background-color:#252525;} .single .post p:first-of-type {font-weight:bold;} /* Page m. Postthumb */ /*body.has-postthumb .post {padding:2vmin 2vmin 2vmin 0;} .post .flex-child {padding:0 5%;}*/ section.has-thumb div.flex-parent div:nth-of-type(1) {flex:0 1 45%;} section.has-thumb div.flex-parent div:nth-of-type(2) {flex:0 1 50%;} /* #### Tags ##### */ /* Single */ .post-tags:before {content:''; display:block; width:50%; margin:60px auto; border-top:0px solid #f0f0f0;} .post-tags h5 {margin:0;} .post-tags ul.tags {width:60%; margin:2vw auto;} .post-tags ul.tags span {font-weight:bold;} .post-tags ul.tags li {position:relative; display:inline-flex; list-style:none; margin:5px 15px; padding:0; border-left:none;} .post-tags ul.tags li:before {display:none;} .post-tags ul.tags li a {margin:0 3px; padding:2px 5px;} .post-tags ul.tags li a:before {position:absolute; left:-15px; top:50%; transform:translateY(-10%) scale(-1, 1); content:"\e80c"; font-family:fontello; font-size:1.2em; color:#fdc613; font-style:normal; font-weight:normal; text-decoration:inherit;} /* Page */ .page-tags {background-color:#fdc613; color:#fff; width:50%;} .page-tags ul.tags {padding:10px;} .page-tags ul.tags li {list-style:none; padding:0 4px;} .page-tags ul.tags li a {color:#fff;} /* ##### Quick Contact ##### */ /*.qc.content {padding:8vmin 0 0;}*/ .qc .flex-parent span, .faq address span.email {display:block; line-height:1.5; margin:0;} .flex-parent span.cont-pers strong {display:block; margin:0 8px 0 0;} .qc .flex-parent span.place {margin:0 0 10px;} .qc .flex-child {padding:0;} /* ##### Services ##### .services .flex-parent {align-items:center; margin:0 0 8vmin;} .services .flex-child {position:relative; margin:1vmin 2vmin;} .services .flex-child .inner {padding:1.2em; border:1px solid #f0f0f0; background-color:#fcfcfc; border-radius:0px;} .services .flex-child i.icon {top:-0.85em; padding:0.2em; font-size:1.7em; color:#fdc613; background-color:#fff; border-radius:50%; border:0px solid #e4e3e3;} .services .flex-child h5 {padding:5px 0 0;} .services .flex-child p {font-size:0.85em; color:#a4a4a4; margin:-0.1em 0 0; text-align:center;} .services .flex-child img {max-width:350px; margin:10px 0 0;} */ /* ##### Produkte ##### */ .content.products .flex-child.product {flex:1; align-items:center; margin:2vmin; padding:2vmin; max-width:400px;} .home .products h1 {padding:5px 0 30px;} .home .products .flex-child.product {background-color:#3c464a;} .archive .products .flex-child.product {background-color:#fdc613;} .home .products .flex-child .title a {color:#fff;} .archive .products .flex-child .title a {color:#252525;} .prodtype {font-size:0.9em; font-weight:800; padding:10px 0 0;} .home .products .prodtype {color:#fdc613;} .archive .products .prodtype {color:#fff;} .proddata {line-height:1.3;} .proddata span:first-of-type {font-weight:600; margin-right:5px;} .products .flex-child .proddata {align-items:center; color:#fff; } .home .products .flex-child a.more-link, .archive .products .flex-child a.more-link {background:transparent; font-size:0.9em; margin:30px 0; padding:18px; text-transform:uppercase;} .home .products .flex-child a.more-link {color:#fff; border:1px solid #fff;} .archive .products .flex-child a.more-link {color:#252525; border:1px solid #252525;} .home .products .flex-child a.more-link:hover {color:#252525; background:#fdc613; border:1px solid transparent;} .archive .products .flex-child a.more-link:hover {color:#fdc613; background:#252525; border:1px solid transparent;} /* Single-Produkte */ .single-produkte article .flex-parent:nth-of-type(1) .flex-child {flex-basis:50%;} .single-produkte article .flex-parent:nth-of-type(1) .flex-child.text {padding:30px;} .single-produkte article .flex-parent:nth-of-type(1) .flex-child.image h6 {position:absolute; top:0; right:0; padding:20px; border-right:5px solid #252525;} .single-produkte article .image {background-color:#2d3538;} .single-produkte .gridgallery {margin:50px 0 50px;} .single-produkte .gridgallery .grid-item {border:4px solid #343d41;} .table div:nth-of-type(odd) {background-color:#2d3538;} .table div:nth-of-type(even) {background-color:#3c464a;} .single-produkte #standards {margin:20px 0; padding:20px; background-color:#343d41;} .single-produkte #standards h3 {padding:10px 0;} .single-produkte .content #standards ul {margin:20px; border:6px solid #2d3538;} .single-produkte .content #standards ul li:before {content:"\e801"; font-family:fontello; color:#fdc613; font-size:0.8em; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;} .single-produkte .content #standards ul li {font-weight:600; padding:7px 10px;} .single-produkte .content #standards ul li:nth-child(odd) {background-color:#252525;} .single-produkte .content #standards ul li:nth-child(even) {background-color:#2d3538;} /* ##### Aktuelles ##### */ .home .news article {align-items:center; margin:4vmin 0; padding:4vmin 2vmin; background-color:#343d41;} .home .news .flex-child, .blog .news .flex-child {flex:1; margin:0 20px;} .home .news .innerexcerpt, .blog .news .innerexcerpt {margin-top:-15px;} .blog .news article {align-items:center; margin:4vmin 0; padding:4vmin 2vmin; background-color:#fdc613;} .blog section {margin:0; padding:0;} .blog article h2.subheadline, .blog article h1 a, .blog article .innerexcerpt {color:#252525;} .blog article a.more-link {color:#252525; border:1px solid #252525;} .blog a.more-link:hover {color:#fdc613; background:#252525;} /* .blog article.flex-child.post, .blog.paged article.flex-child.post, .home .news article {flex:50%;} .blog article.first.post {flex:100%;} */ /* ##### Vermietung ##### */ #rentingbody {margin:8vmin 0; padding:5vmin 0;} #rentingbody .wrapper {max-width:900px;} #rentingbody h2 {margin:0 0 15px;} #rentingbody p {font-weight:700;} #rentingbody.overlay:before {background-color:#3c464a;} #rentingbody .flex-child:nth-of-type(1) {flex:0 1 45%; background-color:rgba(253,198,19,0.95); padding:3vmin;} #rentingbody .flex-child:nth-of-type(2) {flex:0 1 55%;} #rentingbody a.more-link {color:#fdc613; font-weight:800; border:3px solid #fdc613;} #rentingbody a.more-link:hover {color:#252525;} /* ##### Archiv ##### */ .archivinfo {padding:3vmin 0 0 10%;} .archivinfo h1 {line-height:1.6em;} .archivinfo h2 {font-size:1.3rem;} .archivinfo span {display:inline-block; background:#fdc613; color:#252525; margin:5px; padding:8px 12px; vertical-align:sub; font-family:'Open Sans', Helvetica, Tahoma, sans-serif; font-weight:400; font-style:normal;} .archive article {align-items:center; margin:4vmin 0; padding:4vmin 2vmin; background-color:#343d41;} .archive article.produkte {justify-content:space-between;} .archive article .flex-child:nth-of-type(1) {flex:0 1 40%; margin:0 10px;} .archive article .flex-child:nth-of-type(2) {flex:0 1 60%; margin:0 10px;} .archive article.produkte .flex-child:nth-of-type(1) {flex:0 1 30%; margin:0 10px;} .archive article.produkte .flex-child:nth-of-type(2) {flex:0 1 60%; margin:0 10px;} .archive .kind, .news .kind {top:15px; left:-5px; margin:0; padding:8px 14px; box-shadow:4px 4px 10px 1px rgba(0,0,0,0.61);} /* ##### Galerie-Template ##### */ .gallery dd.gallery-caption {display:none;} /* ##### Table-Style ##### */ .table {display:table; width:100%; border-collapse:collapse;} .table-row {display:table-row;} .table-cell {display:table-cell;} /* ##### Table-Style ##### */ .table {display:table; width:100%; border-collapse:collapse; border:6px solid #2d3538;} .table dl {display:table-row; width:100%; border-bottom:1px solid #d9d9d9;} /*.table dt, .table dd {display:flex; align-items:center;}*/ .table dt {padding:8px; width:50%; font-weight:bold;} .table dd {padding:8px; width:50%; text-align:right;} .table dl:last-of-type {border-bottom:none;} /* ##### Table-Style ##### */ .table-grid {display:grid; grid-template-columns:auto 1fr; grid-gap:1rem;} .table-grid dt {padding:3px; font-weight:bold; background-color:#f2f1f2;} .table-grid dd {padding:3px; text-align:right; background-color:#f2f1f2;} /* ##### AGB ##### */ .agb .entry strong {margin-right:5px;} .agb .entry strong:last-of-type {margin-right:0px;} .agb #download {margin:40px 0; padding:15px 0;} .agb #download h5 {margin:0; padding:0;} .agb #download p {font-size:0.9em; margin:0; padding:0;} .agb #download a {width:auto; height:5em;} .agb i.icon-download {z-index:2; font-size:2.5em; color:#ef7f01;} .agb i.icon-circle {z-index:1; font-size:5.0em; color:#fff;} /* ##### Impressum ##### */ .impressum div.quelle {margin:50px 0 0;} .impressum div.quelle li {list-style:none; margin:5px 0 5px 20px;} .impressum div.quelle li:before {content:"\f1f9"; font-family:fontello; font-size:1.0em; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;} .impressum address.address {display:block; width:100%; margin:20px 0 70px; float:none; text-align:left;} .impressum #legal div.sec {margin:20px 0 0px;} .impressum #legal p {margin:0; padding-left:10px;} .impressum #legal p:first-of-type {padding-left:0px;} /* ##### Datenschutz & AGB ##### */ #legal p {text-align:left; margin:10px 0 0 20px;} #legal h5 {font-weight:900;} #legal span.nr {padding:0 5px 0 0;} #legal ul {margin:20px 0 20px 20px;} #legal li {list-style:none; padding:2px 0 2px 10px;} #legal ul li:before {content:"\f111"; font-family:fontello; color:#fdc613; font-size:0.3em; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;} #legal #index {display:inline-block; margin:40px 0 20px; padding:15px; color:#252525; background-color:#fdc613; border:1px solid #fdc613; border-radius:3px;} #legal #index #h {margin:0 0 10px; padding:0;} #legal #index a {color:#252525;} #legal ol {margin:10px 0 20px 55px;} #legal ol li {list-style:decimal; margin:0; padding:4px 0 4px 0;} #legal #index ol {margin:0 0 0 40px;} #legal #index ol li {line-height:1.1em;} #legal #index ol li:before {content:""; margin:0;} .datenschutz #trust {display:inline-block; margin:50px 0; padding:20px; background-color:#343d41; color:#fdc613; font-weight:600; border-radius:3px;} .datenschutz #currentstatus, .agb #currentstatus {font-size:0.8em; margin:40px 0 0;} /* ##### AGB ##### */ .agb p.textcenter strong {padding:0 2px;} .agb #download {margin:60px 0; color:#fdc613; background-color:#353d40;} .agb #download .icon-download {font-size:3.0em; color:#fdc613;} .agb #download .icon-circle {font-size:5.0em; color:#252525;} /* ##### Postjump ##### */ #postjump {clear:both; display:inline-block; width:100%; margin:80px 0;} #postjump a {display:block; width:70%;} #postjump div.post-prev, #postjump div.post-next {position:relative; display:inline-block; width:45%; padding:10px; background:#252525;} #postjump div.post-prev {float:left;} #postjump div.post-next {float:right;} #postjump div.post-prev a {float:right; margin:0 20% 0 10%; text-align:right;} #postjump div.post-next a {float:left; margin:0 10% 0 20%;} #postjump div.post-prev:hover a, #postjump div.post-next:hover a {color:#fff;} #postjump div.post-prev:hover, #postjump div.post-next:hover {cursor:pointer; background:#343232; transition:0.5s ease;} #postjump img {width:20%; height:auto; border:5px solid #fdc613;} #postjump div.post-prev img {right:-5%;} #postjump div.post-next img {left:-5%;} #postjump div.post-prev a:before {position:absolute; top:50%; left:10px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:"\e817"; font-family:fontello; font-size:5vmin; font-style:normal; font-weight:normal; text-decoration:inherit;} #postjump div.post-next a:after {position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:"\e818"; font-family:fontello; font-size:5vmin; font-style:normal; font-weight:normal; text-decoration:inherit;} #postjump div.post-prev:hover a:before, #postjump div.post-next:hover a:after {color:#fff;} /* ##### Pagination ##### */ ul.pagination {display:block; margin:80px 0 50px; text-align:center;} ul.pagination li {display:inline; list-style:none;} ul.pagination li:before {content:""; margin:0;} ul.pagination .page-numbers {margin:0; padding:6px; min-width:36px; line-height:30px; text-align:center; font-size:1.2em; display:inline-block; border-radius:0px; background-color:#252525; border:1px solid #252525;} ul.pagination .page-numbers:hover {color:#fff; background:#fdc613; border:1px solid #fdc613; cursor:pointer;} ul.pagination span.current {color:#fff; background:#fdc613; border:1px solid #fdc613;} ul.pagination a.prev.page-numbers, .pagination a.next.page-numbers {display:none;} /* ##### Kontakt ##### */ .contact a.ds {display:block; clear:both;} address {width:100%; display:inline-block; margin:20px 0; font-style:normal;} address .flex-child {width:100%; margin:2vmin 0 6vmin;} address span {display:block; line-height:1.2;} address span.place {margin:0 0 15px;} address span.email {margin:15px 0;} address span.name {font-size:1.15rem; font-weight:bold;} address .flex-child span:first-of-type {margin:15px 0 0;} address i.icon {color:#fdc613; font-size:2em;} address span.icn:before, span.icn:before {font-family:fontello; font-size:1.05em; line-height:1.0em; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px; color:#fdc613;} span.icn.email:before {content:"\f0e0";} span.icn.phone:before {content:"\e813";} span.icn.fax:before {content:"\e814";} span.icn.times:before {content:"\e81e";} address.profile {margin:20px; padding:10px; background-color:#343d41;} address.profile .flex-child span.cont-pers:first-of-type {margin:0 0 5px;} /* ####### Public Sitemap ####### */ #toggle-view {list-style:none; margin:10vmin 0; padding:0;} #toggle-view h2 {position:relative; margin:30px 0 0;} #toggle-view h2:hover {cursor:pointer;} #toggle-view h2:hover span {color:#fdc613;} #toggle-view .panel li {position:relative; line-height:2.0em; border-bottom:1px solid #363535; cursor:pointer; list-style-type:none; padding-left:20px;} #toggle-view .panel li:last-of-type {border-bottom:none;} #toggle-view span {position:absolute; top:-0.1em; left:-0.7em; color:#bdbdbd; font-size:2.0rem; font-weight:bold;} #toggle-view .panel {margin:5px 0; display:block; /*display:none;*/} #toggle-view time {display:none; padding-left:20px; font-size:0.7em; color:#c1c1c1;} .content.public-sitemap ul li:before {content:"";} .content.public-sitemap ul li {display:block; margin:0;} /* ##### Image classes ##### */ img, .wp-caption {max-width:100%; height:auto; /*Fluid Images */} .alignleft {float:left; margin:10px 20px 10px 0;} .alignright {float:right; margin:10px 0 10px 20px;} .aligncenter {display:block; margin:20px auto 20px;} .wp-caption {background:#f0f0f0; padding:5px;} .wp-caption img {margin:0;} .wp-caption .wp-caption-text {display:block; clear:both; margin:0; padding:6px 5px 4px; text-align:center; font-size:0.8rem;} figure.wp-caption {background:#f0f0f0; padding:5px;} figure.wp-caption img {margin:0;} figcaption {display:block; clear:both; padding:6px 5px 4px; text-align:center; font-size:0.8rem;} article img {border-radius:1px;} article img.wp-post-image {width:100%;} article img.standardpostthumb {border:none; margin:50px auto 50px; max-width:88%;} .galerie div.gallery {background-color:#f0f0f0; border:1px solid #e5e5e5; padding:2vw;} .gallery {margin:40px auto !important;} .gallery img {border:none !important;} .gallery li {list-style:none;} .gallery .gallery-caption {color:#bcbcbc;} .gallery .gallery-caption:before {display:block; font-family:'fontello'; content:"\e823"; font-size:100%; text-align:center; vertical-align:middle; font-weight:normal; line-height:1em; width:100%; padding:0; -webkit-border-radius:100%; border-radius:100%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; color:#bcbcbc;} /* ##### Various classes and id´s ##### */ .none {display:none !important;} .hidden {visibility:hidden !important;} .postcredits {height:0;} .search-highlight {background:#e94c16; color:#fff; padding:2px 6px;} sub, sup {font-size:0.8em;} em {line-height:1.5em;} hr {width:50%; margin:30px auto; margin-left:auto; margin-right:auto; height:1px; background-color:#d1d1d1; color:#d1d1d1; border:0 none;} #dp_footer {display:none;} #dp {margin:100px 0 30px; padding:0;} #dp h5 {font-size:1.0em; font-weight:400; line-height:1.5em; margin:15px 0 5px; background:none;} #dp-logo {display:block; background:url('https://www.pannasch.net/images/pannasch-logo.svg') no-repeat left center; width:100%; height:75px;} #dp a {color:#bebebe; font-size:0.8em; text-decoration:none; border:none;} #not-found {padding:15vmin;} #not-found p {padding:10px 12px; font-weight:700;} .no-entries .icn {margin:0 0 0 10px;} /* Fluid YouTube Videos - ALT */ iframe {width:100%; margin:0 0 20px 0;} /* Fluid YouTube Videos - NEU */ .video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; margin:1.5rem auto;} .video-container.yt iframe, .video-container object, .video-container embed, .video-container video {position:absolute; top:0; left:0; right:0; width:100%; height:100%;} .marked {display:inline-block; background-color:#2c2f33; color:#fff; padding:2px 8px; font-weight:normal;} .marked {display:inline-block; background-color:#768191; color:#fff; padding:2px 8px; font-weight:normal;} /* Text Marker */ ::-moz-selection {background-color:#fdc613; color:#fff;} ::selection {background-color:#fdc613; color:#fff;} /* Placeholder */ ::-webkit-input-placeholder {font-size:18px;} ::-moz-placeholder {font-size:18px;} :-ms-input-placeholder {font-size:18px;} ::-ms-input-placeholder {font-size:18px;} ::placeholder {font-size:18px;} /* ##### Animation ##### */ .trans {transition:0.5s ease-in-out;} /* No-JS SlideUp */ @keyframes slideup {0% {top:0px;} 75% {top:0px;} 100% {top:-200px;}} @-moz-keyframes slideup {0% {top:0px;} 75% {top:0px;} 100% {top:-200px;}} @-webkit-keyframes slideup {0% {top:0px;} 75% {top:0px;} 100% {top:-200px;}} @-o-keyframes slideup {0% {top:0px;} 75% {top:0px;} 100% {top:-200px;}} /* ##### FadeIn ##### */ .fadein {opacity:0; opacity:1 \9; /*just in case ie*/ -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;} @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } /* ##### Animation Delays ##### */ .delay0.5 {-webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; animation-delay:0.5s;} .zoomIn {animation-duration:3s; animation-delay:2s;} /* ##### Style-Resets ##### */ /* iOS Style-Reset */ textarea, input.text, input[type="search"], input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {-webkit-appearance:none; border-radius:0;} /* Resettet Standard-Styles f. select */ select {-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; color:#; border-radius:0; width:100%;} /* Eigene Styles */ select {background-image:url('../images/select-icon.svg'); background-position:center right 10px; background-size:20px; background-repeat:no-repeat;} select:hover {box-shadow:none;} /* Button */ button {border:none; margin:0; padding:0; width:auto; overflow:visible; text-align:inherit; background:transparent; color:inherit; font:inherit; line-height:normal; -webkit-font-smoothing:inherit; -moz-osx-font-smoothing:inherit; -webkit-appearance:none;} button::-moz-focus-inner {border:0; padding:0;} button:focus, :focus {outline:0;} /* Verhindert den fiesen Rand bei :focus */ button {cursor:pointer;} /* ################################################################################ */ /* --------------------------------------------------------------------- His Responsiveness --------------------------------------------------------------- */ /* ############################################################################### */ body {text-size-adjust:120%;} a[href^="tel"] {color:inherit; text-decoration:none;} /*input {-webkit-appearance:none;}*/ @media screen and (min-width:1801px) { html, body {font-size:110%;} }/* Ende @media screen */ @media screen and (max-width:880px) { html, body {font-size:105%;} h1 {font-size:1.4em;} #logo img {max-width:100px;} body.scroll #logo img {max-width:100px;} p {line-height:1.5;} .claim h1 {font-size:calc(1em + 1.5vmin);} #menuinfo span {font-size:0.9em;} .teaser .two-col p, .about .two-col p {-moz-column-count:1; -webkit-column-count:1; column-count:1;} #back-to-top {display:block;} .flex-parent {flex-wrap:wrap;} #menutext {display:none;} #tagcloud a {line-height:1.6;} .single-post .tags.all-align {justify-content:left;} .blog .grid-child.first, .blog .grid-child.last {grid-column-end:1;} .qc .flex-child .icn.email {padding-left:0;} .single-produkte article .flex-parent:nth-of-type(1) .flex-child {flex-basis:100%;} section.has-thumb div.flex-parent div:nth-of-type(1), section.has-thumb div.flex-parent div:nth-of-type(2) {flex:0 1 100%;} #skyscraper {height:100vmin;} .archive article.produkte .flex-child:nth-of-type(2) {flex:0 1 80%;} address.profile .flex-child.textleft {text-align:center;} }/* Ende @media screen */ @media screen and (max-width:670px) { #topbar .icn.fax {display:none;} }/* Ende @media screen */ @media screen and (max-width:450px) { #topbar .icn.email, #topbar .icn.fax {display:none;} body.kiddie-rides {background-position:right -20px top -20px; background-size:150px;} }/* Ende @media screen */ @media screen and (max-width:350px) { i.bazinga {font-size:20.0vmin; bottom:80px;} .alpha {font-size:1.6em;} }/* Ende @media screen */ /* ### Grid-Layout - General ### */ @media screen and (min-width:881px) { .grid-parent {grid-template-columns:repeat(2, 1fr);} }/* Ende @media screen */ @media screen and (min-width:320px) and (max-width:880px) { .grid-parent {grid-template-columns:1fr;} .single .post .wrapper.small {margin-top:10px;} }/* Ende @media screen */ /* Abstand */