/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then. Version: 1.0 Author: Tillmann Lange Author URI: http://www.grafikstudios.com Template: enfold */ /* Global Font Definitions ======================================================================================== */ /* yellow = #f8d604 or rgba(247,214,0,1) */ /** * @license * MyFonts Webfont Build ID 3866227, 2020-02-12T04:07:35-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: FuturaBT-Light by Bitstream * URL: https://www.myfonts.com/fonts/bitstream/futura/pro-light-193053/ * * Webfont: FuturaBT-Medium by Bitstream * URL: https://www.myfonts.com/fonts/bitstream/futura/pro-medium-193053/ * * Webfont: FuturaBT-Bold by Bitstream * URL: https://www.myfonts.com/fonts/bitstream/futura/pro-bold-193053/ * * * Licensed pageviews: 10,000 * Webfonts copyright: Copyright © 2017 Monotype Imaging Inc. All rights reserved. * * © 2020 MyFonts Inc */ /* Import FuturaBT */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/3afe73"); @font-face {font-family: 'FuturaBT-Light';src: url('webfonts/3AFE73_0_0.eot');src: url('webfonts/3AFE73_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3AFE73_0_0.woff2') format('woff2'),url('webfonts/3AFE73_0_0.woff') format('woff'),url('webfonts/3AFE73_0_0.ttf') format('truetype');} @font-face {font-family: 'FuturaBT-Medium';src: url('webfonts/3AFE73_1_0.eot');src: url('webfonts/3AFE73_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3AFE73_1_0.woff2') format('woff2'),url('webfonts/3AFE73_1_0.woff') format('woff'),url('webfonts/3AFE73_1_0.ttf') format('truetype');} @font-face {font-family: 'FuturaBT-Bold';src: url('webfonts/3AFE73_2_0.eot');src: url('webfonts/3AFE73_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3AFE73_2_0.woff2') format('woff2'),url('webfonts/3AFE73_2_0.woff') format('woff'),url('webfonts/3AFE73_2_0.ttf') format('truetype');} /* Flyout Menue, Item Font */ .avia-menu-text {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:25px; line-height:1.4em; text-transform:uppercase; letter-spacing:0.2em;} .sub-menu .avia-menu-text {font-size:16px;} /* Flyout Menue, Item Font (ergänzenden Seiten .. FAQ usw) */ .menu-item-162 .avia-menu-text, .menu-item-163 .avia-menu-text,.menu-item-164 .avia-menu-text,.menu-item-165 .avia-menu-text {font-size:12px;} .menu-item-163 {margin-top:50px!important;} /* Flyout Menue Submenue Indicator */ .html_av-submenu-hidden .av-submenu-indicator {font-size:20px; color:black; font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; opacity:1;} /* Flyout Menue aktiv */ .current-menu-item > a > .avia-menu-text {color:#f8d604;} .current_page_parent > a > .avia-menu-text {color:#f8d604;} a .avia-menu-text:hover {color:#f8d604!important;} /* Burger Icon Size + Positon*/ #top .av-small-burger-icon {transform:scale(0.7); margin-top:20px;} /* lose Icon */ .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {background-color:black;} /* grauen hover Balken ausblenden */ .av-burger-overlay li a:hover {background-color:transparent!important;} /* Topslider */ h2.avia-caption-title {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:150px; line-height:1.3em; letter-spacing:0.15em; color:#f8d604; text-transform:uppercase; } .tl_project_preview h2.avia-caption-title {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:30px; line-height:1.3em; letter-spacing:0.05em; color:white; text-transform:none; } .tl_project_topslider_test1 h2.avia-caption-title {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:200px; line-height:1.3em; letter-spacing:0.1em; color:white; text-transform:none; } /* Headlines */ h1 {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:52px; line-height:60px; padding-bottom:50px;} .template-page .entry-content-wrapper .tl_headline_test1 h1.av-special-heading-tag {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:90px; line-height:1.5em; text-transform:uppercase;} .template-page .entry-content-wrapper h1 {text-transform:none;} /* .main_color h3.av-special-heading-tag {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:20px; line-height:1.5em; letter-spacing:0.15em; background-color:#f8d604; text-transform:uppercase; color:white; display:inline; padding: 30px 30px 25px 30px;} */ .template-page .entry-content-wrapper h2.av-special-heading-tag {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:45px; line-height:1.3em; letter-spacing:0.1em; text-transform:uppercase; } .template-page .entry-content-wrapper h4.av-special-heading-tag {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:35px; line-height:1.3em; letter-spacing:0.1em; text-transform:uppercase; } .tl_headline_projekt h1.av-special-heading-tag {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:150px; line-height:1.3em; letter-spacing:0.15em; color:#f8d604; text-transform:uppercase; padding-bottom:50px;} .tl_headline_projekt2 h1.av-special-heading-tag {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:60px; line-height:1.3em; letter-spacing:0.15em; color:#f8d604; text-transform:uppercase; padding-bottom:50px;} .tl_headline_projekt3 h1.av-special-heading-tag {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:150px; line-height:1.3em; letter-spacing:0.15em; color:white; text-transform:uppercase; padding-bottom:50px;} .tl_headline_projekt4 h2 {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:180px; line-height:1.3em; letter-spacing:0.15em; text-transform:uppercase; } .tl_text_shadow h1.av-special-heading-tag {text-shadow:0px 0px 2px rgba(0,0,0,0.2);} /* Subheadlines */ .av-subheading.av-subheading_above p {font-family: FuturaBT-Light; font-weight: normal; font-style: normal; font-size:22px; line-height:30px; margin-bottom:20px;} /* Copy Text */ .avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:17px; line-height:2em; letter-spacing:0.03em;} .tl_small_copy_text.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:17px; line-height:2em; letter-spacing:0.03em;} .tl_medium_copy_text.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:20px; line-height:1.5em; letter-spacing:0.03em;} .tl_big_copy_text.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:30px; line-height:1.5em; letter-spacing:0.03em;} .tl_bigger_copy_text.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:45px; line-height:1.5em; letter-spacing:0.03em;} .tl_superbig_copy_text.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:60px; line-height:1.5em; letter-spacing:0.03em;} .tl_megabig_copy_text.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:100px; line-height:1.5em; letter-spacing:0.03em;} .tl_ultrabig_copy_text.avia_textblock p {font-family: FuturaBT-bold; font-weight: normal; font-style: normal; font-size:170px; line-height:1.5em; letter-spacing:0.05em;} .tl_uppercase {text-transform:uppercase;} /* Projektseite */ .tl_text_projekteinleitung.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:45px; line-height:60px; letter-spacing:0.03em;} .tl_text_projekteinleitung2.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:40px; line-height:60px; letter-spacing:0.03em;} .tl_text_projektdetails.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:15px; line-height:30px; letter-spacing:0.03em; padding-top:23px;} .tl_text_testimonial.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:45px; line-height:60px; letter-spacing:0.03em; } .tl_text_testimonial_person.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:15px; line-height:2em; letter-spacing:0.03em; } /* Consulting */ h3.av-special-heading-tag {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:24px; line-height:2em; letter-spacing:0.03em;} .tl_big_text.avia_textblock p {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:45px; line-height:60px; letter-spacing:0.03em;} /* remove special & */ .special_amp {font-family: inherit; font-size: inherit!important; font-style: inherit; font-weight: inherit; color: inherit!important;} /* remove default p margin */ p {margin:0;} /* Text Links */ .avia_textblock a {color:black; border-bottom: 3px solid #f8d604;} .avia_textblock a:hover {color:black; border: none; text-decoration:none;} /* Text Links auf gelbem HG*/ .alternate_color .avia_textblock a {color:white; border-bottom: 3px solid #f8d604;} .alternate_color .avia_textblock a:hover {color:white; border: none; text-decoration:none;} /* Footer */ #footer {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:18px; line-height:2em; letter-spacing:0.03em;} .footer_color {color:black;} #footer a {color:black;} #footer a:hover {color:black; border-bottom: 3px solid #f8d604; text-decoration:none;} /* Socket */ .socket_color .social_bookmarks a {color:black;} .copyright {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:11px; line-height:14px; letter-spacing:0.03em; color:black;} /* Masonry Title */ #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:20px; line-height:1.5em; letter-spacing:0.05em; text-transform:uppercase;} /* Global Site Mods ======================================================================================== */ .tl_img_width40 {width:40%;} .tl_img_width50 {width:50%;} .tl_img_width60 {width:60%;} .tl_img_width70 {width:70%;} .tl_img_width80 {width:80%;} .tl_yellow {color:#f8d604;} /* Fade-In langsamer */ .avia_transform .avia_start_delayed_animation.fade-in {animation:avia-fadein 4s 1 ease-out;} /* body {margin-left:30px; margin-right:30px;} */ /* remove default column top margin */ body .column-top-margin {margin-top:0px;} /* remove default column top margin */ .content {padding-top:0px; padding-bottom:0px;} #top .flex_column_table {margin-top:0;} /* remove default column top margin */ .container_wrap {border:none;} /* remove IMG border radius */ .avia_image {border-radius:0px;} /* remove Slider IMG border radius */ .avia-slideshow li img{border-radius:0px;} /* Button border radius weg */ body div .avia-button {border-radius:0px;} /* Scroll Down Arrow /build-in Version) */ #top .scroll-down-link {color:#f8d604 ; font-size:70px; text-shadow:none; bottom:40px !important; } #top .tl_scroll_arrow_white .scroll-down-link {color:white;} #top .tl_scroll_arrow_black .scroll-down-link {color:black;} /* Prev Next Project Buttons v2 */ .avia-post-nav { border-radius:0 !important; background:rgba(0,0,0,0.4) !important;} .avia-post-nav .entry-info {height:170px;} #top .avia-post-nav {height:200px;} /* Prev Next Project fix, square Thumbs entfernt */ .avia-post-nav .entry-image img {border-radius:5px;} /* fullwidth Color Section */ .tl_fullwidth .container {padding:0; margin:0; max-width:100%;} /* yellow BG Color */ .tl_yellow_bg {background-color:#f8d604;} /* Padding in yellow Box */ .tl_yellow_padding {padding:60px 40px 40px 40px;} /* Padding Fullwidth Text Section */ .tl_fullwidth_text_padding {padding-left:5%; padding-right:5%;} /* Buttons ======================================================================================== */ body div .avia-button {border:none; margin:0;} /* v1 yellow Button */ .avia-button.avia-size-large {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:20px; line-height:1.5em; letter-spacing:0.15em; background-color:#f8d604; text-transform:uppercase; padding:25px 30px 25px 30px; margin-right:10px;} /* v2 yellow Frame Button */ #top .avia-button.avia-color-dark {border: 3px solid #f8d604; color:#f8d604;} /* Blog ======================================================================================== */ /* Startseite */ .tl_startseite_blog .text-sep {display:none;} .tl_startseite_blog .blog-author {display:none;} .tl_startseite_blog .blog-categories {display:none;} .tl_startseite_blog .comment-container {display:none;} .tl_startseite_blog .read-more-link {display:none;} .tl_startseite_blog .post_delimiter {display:none;} .main_color .tl_startseite_blog .minor-meta {color:black;} #top h2.post-title a {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:50px; line-height:1.5em; letter-spacing:0.03em; border-bottom:3px solid #f8d604;} #top .fullsize .tl_startseite_blog.template-blog .post-title {max-width:none;} #top .fullsize .template-blog .post .entry-content-wrapper > * {max-width:none;} #top .fullsize .template-blog .post .entry-content-wrapper {max-width:none;} .tl_startseite_blog .bloglist-simple .entry-content-header {padding:0;} /* Scroll Top ======================================================================================== */ /* Scroll Top v1, yellow Box */ /* #scroll-top-link {bottom:130px; right:50px;} #scroll-top-link {background-color: #f8d604; border:none; border-radius:0; color:white;} #scroll-top-link:hover { background-color:#f8d604; border:none; border-radius:0; color:white;} #scroll-top-link.avia_pop_class {opacity:1;} #scroll-top-link {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:20px;} a#scroll-top-link:hover {font-size:30px;} */ /* Scroll Top v2, white Box */ #scroll-top-link {bottom:100px; right:0px;} #scroll-top-link {background-color: white; border:none; border-radius:0; color:#f8d604;} #scroll-top-link:hover { background-color:white; border:none; border-radius:0; color:#f8d604;} #scroll-top-link.avia_pop_class {opacity:1;} #scroll-top-link {font-family: FuturaBT-Bold; font-weight: normal; font-style: normal; font-size:20px; color:f8d604} a#scroll-top-link:hover {font-size:30px; color:#f8d604;} /* Fixed Contact Button ======================================================================================== */ /* .tl_fixed_containe_container {position:absolute;} .tl_fixed_contact {position:fixed; right:0px; bottom:300px; background-color:red; z-index:999999!important;} */ /* Contact Top v1, yellow Box */ .tl_fixed_contact {position:fixed; right:0px; bottom:50px; z-index:999999999!important;} .tl_fixed_contact .avia-button.avia-size-large {margin-right:0px; font-size:30px; width:50px; height:50px; } .tl_fixed_contact .avia-button.avia-size-large:hover {background-color:black; } .tl_fixed_contact .avia-button.avia-size-large:hover .avia_button_icon {color:green!important; opacity:1!important;} .tl_fixed_contact .avia_button_icon {top:4px; padding-left:3px;} /* Contact Top v2, white Box */ /* .tl_fixed_contact {position:fixed; right:50px; bottom:50px; z-index:999999999!important;} .tl_fixed_contact .avia-button.avia-size-large {margin-right:0px; font-size:30px; width:50px; height:50px; } .tl_fixed_contact .avia-button.avia-size-large {background-color:white!important; } .tl_fixed_contact .avia-button.avia-size-large:hover {background-color:white; } .tl_fixed_contact .avia-button.avia-size-large .avia_button_icon {color:#f8d604!important; opacity:1!important;} .tl_fixed_contact .avia_button_icon {top:4px; padding-left:3px; color:white;} */ /* wenn Contact Button ganz unten sein soll */ #socket {z-index: 0 !important;} /* fix. Topslider z-index, sonst liegt es am Anfang drunter*/ #fullscreen_slider_1.avia-fullscreen-slider {z-index: 0 !important;} /* Projektseite ======================================================================================== */ /* Projektdetails yellow Box */ .main_color div .tl_projektdetails_yellow_box {border:3px solid #f8d604; padding:30px;} .tl_projektdetails_yellow_box.avia_textblock p {padding-top:0px;} .main_color div .tl_projektdetails_yellow_line {border-left :3px solid #f8d604; padding-left:30px; margin-top:22px;} .alternate_color div .tl_projektdetails_yellow_line {border-left :3px solid #f8d604; padding-left:30px; margin-top:22px;} .tl_projektdetails_yellow_line.avia_textblock p {padding-top:0px;} /* Testimonial ======================================================================================== */ /* Testimonial Icon Size */ .tl_quotation {max-width:100px;} /* Testimonial Slider */ #top .av-large-testimonial-slider {text-align:left;} .avia-testimonial-markup-entry-content {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:30px; line-height:2em; letter-spacing:0.03em;} #top .av-large-testimonial-slider .avia-testimonial-name {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:17px; line-height:2em; letter-spacing:0.03em;} .main_color .avia-testimonial-subtitle {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:17px; line-height:2em; letter-spacing:0.03em; color:black;} /* Testimonial Slider2 (bigtext) */ .tl_testimonial_slider2 .avia-testimonial-markup-entry-content {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:45px; line-height:2em; letter-spacing:0.03em;} /* Testimonial Slider3 (smalltext) */ .tl_testimonial_slider3 .avia-testimonial-markup-entry-content {font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:30px; line-height:2em; letter-spacing:0.03em;} .tl_testimonial_slider3 {height:400px;} /* Header ======================================================================================== */ /* Header transparenter machen */ .header_color .header_bg { background-color:rgba(255,255,255,0)!important;} .logo {top:20px; margin-left:0px;} /* Top Slider ======================================================================================== */ .caption_framed .slideshow_caption .avia-caption-title {background-color:rgba(247,214,0,1); padding:20px 20px 15px 20px; margin-bottom:50px;} .tl_slider_maxheight .avia-slideshow {max-height:700px;} /* Fullscreen Slider ======================================================================================== */ .avia-slideshow-dots {display:none;} /* Footer ======================================================================================== */ /* Footer Logo */ .wp-image-146 {max-width:100px!important;} /* z-index auf auto, sonst liegt fixed contact dahinter */ #footer {z-index:auto;} /* Socket ======================================================================================== */ /* Image ======================================================================================== */ /* IMG Link Overlay Pfeil Grafik ausblenden */ /* .image-overlay {display:none!important;} */ /* TEST IMG Link Overlay schwarz ohne Pfeil */ /* .image-overlay .image-overlay-inside:before {display:none!important;} .avia_transform .image-overlay {background:#000;} .avia_transform a:hover .image-overlay {opacity: 0.6 !important;} */ /* TEST IMG Link Overlay yellow Border, bei test33 */ /* .avia_transform .page-id-678 a:hover .image-overlay {opacity: 0 !important;} .page-id-678 .avia-image-overlay-wrap a .avia_image {border:7px solid white;} .page-id-678 .avia-image-overlay-wrap a:hover .avia_image {border:7px solid #f8d604;} .page-id-678 .avia-image-container {left:-7px;} */ /* TEST IMG Link Overlay aus, dafür Zoom */ /* .avia_transform .page-id-680 a:hover .image-overlay {opacity: 0 !important;} */ /* FINAL IMG Link Overlay yellow Border */ .image-overlay .image-overlay-inside:before {display:none!important;} .avia_transform a:hover .image-overlay {opacity: 0 !important;} .avia-image-overlay-wrap a {border:3px solid white;} .avia-image-overlay-wrap a:hover {border:3px solid #f8d604;} .avia-image-container {left:-3px;} /* Columns ======================================================================================== */ /* custom columns space dazu übergeordneter color section die Klasse tl_small_column_spaceegeben und bei erster Spalte einstellen, kein Bastand zwischen den Spalten */ /* .tl_reduce_column_space .av_one_half {width: 47%!important; margin-left: 2%!important;} */ /* so klappt das nicht */ .tl_small_column_space .av_one_half {padding-left:15px;} .tl_small_column_space .av_one_half.first {padding-right:15px; padding-left:0px;} /* Masonry ======================================================================================== */ /* Flyin Transition langsamer */ /*.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {animation:avia_msonry_show 1.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);} */ /* Overlay Color */ #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {background:rgba(0,0,0,0.35);} /* Overlay yellow frame */ .tl_yellow_masonry_frame {position:relative; left:-3px;} .tl_yellow_masonry_frame .av-inner-masonry {border:3px solid transparent;} .tl_yellow_masonry_frame .av-inner-masonry:hover {border:3px solid #f8d604;} .avia_desktop .tl_yellow_masonry_frame .av-masonry-entry:hover .av-masonry-image-container {-webkit-transform: none; transform: none;} #top .av-caption-style-overlay.tl_yellow_masonry_frame .av-masonry-item-with-image .av-inner-masonry-content {background:rgba(0,0,0,0.4);} #top .av-caption-style-overlay.tl_yellow_masonry_frame .av-masonry-entry .av-masonry-entry-title {color: white; font-family: FuturaBT-Medium; font-weight: normal; font-style: normal; font-size:25px; line-height:1.5em; letter-spacing:0.08em; text-transform:uppercase;} .tl_yellow_masonry_frame.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {margin-right:30px; margin-bottom:30px;} /* großer Masonry Abstand auf Projektseite */ .tl_masonry_large_gap.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {right: 87px;bottom: 87px;} /* fix. Masonry rechts nicht Bündig mit anderen Bildern */ #top .container .tl_masonry_large_gap.av-masonry.av-large-gap {width:calc(100% + 87px);} /* kleiner Masonry Abstand auf Projektseite */ .tl_masonry_small_gap.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {right: 35px;bottom: 35px;} /* fix. Masonry rechts nicht Bündig mit anderen Bildern */ #top .container .tl_masonry_small_gap.av-masonry.av-large-gap {width:calc(100% + 32px);} /* Desktop Styles ================================================== ================================================== ================================================== */ @media only screen and (min-width: 768px) { } /* small Resolution Display ================================================== ================================================== ================================================== */ @media only screen and (max-width: 1400px) { } /* iPad (hochkant) iPad 768x1024 iPad Pro 1024x1366 ================================================== ================================================== ================================================== */ @media only screen and (min-width: 767px) and (max-width: 1023px) { } /* iPhone allgemein ================================================== ================================================== ================================================== */ @media only screen and (max-width: 767px) { } /* iPhone hochformat ================================================== ================================================== ================================================== */ @media only screen and (max-width: 375px) { }