/* ======================================================================================================= */ /* ============================================================================================= ALL PORTS */ /* ======================================================================================================= */ /* EBENE 0. RESET ============================ */ /* 0-1 Elements und Container ================ */ html { background:#ff5281 url(/wp-content/uploads/raute10.png) fixed; } body { font-family:'droidsans'; color:#ffffff; font-size:0.98rem; } body { background: url(/wp-content/uploads/verlauf-50.png) no-repeat center center fixed; background-size: cover;} body a, body a:hover { color:#6d202f; text-decoration:none } /* 0-2 Fonts ================================ */ @font-face { font-family: 'opensanscondensed'; src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot'); src: local (''); src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droidsans'; src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/droidsans.eot'); src: local (''); src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/droidsans.eot?#iefix') format('embedded-opentype'), url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/droidsans.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'opensanscondensed'; src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot'); src: local ( '' ); src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'opensanscondensed'; src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot'); src: local (''); src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'opensanscondensed'; src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot'); src: local (''); src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'opensanscondensed'; src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot'); src: local (''); src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'opensanscondensed'; src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot'); src: local (''); src: url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://06.backstagepraxisfritz.de/wp-content/themes/mistral-reset/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;} h1, .h1 { font-family:'opensanscondensed'; color:#ffffff; font-size:2.7rem; line-height:3rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.7rem; } h2, .h2 { font-family:'opensanscondensed'; color:#ffffff; font-size:1.8rem; line-height:2.1rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.7rem; } h3, .h3 { font-family:'opensanscondensed'; color:#ffffff; font-size:1.9rem; line-height:2.2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.7rem; } h4, .h4 { font-family:'opensanscondensed'; color:#ffffff; font-size:1.5rem; line-height:1.8rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.7rem; } h5, .h5 { font-family:'opensanscondensed'; color:#ffffff; font-size:1.5rem; line-height:1.8rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.7rem; } h6, .h6 { font-family:'opensanscondensed'; color:#ffffff; font-size:1.5rem; line-height:1.8rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.7rem; } /* 0-5b Definition :before-Elemente ========== */ [class^="tti-"], [class*=" tti-"], [class^="ti-"], [class*=" ti-"] { font-family:'theme-icons' !important; line-height:1; display:inline-block; font-style:normal; font-weight:normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: never; } /* e900 e901 e902 e903 e904 e905 e906 e907 e908 e909 e90a e942 e947 f00c f00d f055 f056 f057 f067 f068 f081 f082 f098 f0c9 f0d3 f0fe f146 f166 f169 f16d f199 f1e1 f2d3 */ /* EBENE I - HEAD ============================ */ /* 1-1 Top-Navigation ======================== */ .navbar-head ul.menu-top-sticky li.menu-item { list-style: none; } .navbar-head { background:#cc4267; transition: background 500ms ease-in-out } .navbar-head .container ul.menu-top-sticky li.menu-item:hover { background:#ffffff } .navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item { background:#ffffff } .navbar-head .container ul.menu-top-sticky li.menu-item a.nav-link { padding: .1rem .6rem;font-size:1rem; color: #ffffff } .navbar-head .container ul.menu-top-sticky li.menu-item a.nav-link:hover { color: #000000 } .navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item a { color:#000000 } .navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item a:hover { color:#000000; cursor:default } .navbar-head li { transition: .3s; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; } .offcanvas {background: #ff5281;} .offcanvas, .offcanvas-body :is(h2, h5) { color:#ffffff } .offcanvas-body a { color:#6d202f } /* 1-2 Main-navigation ======================= */ .navbar-main { background: #ff5281 } .navbar-main ul li a.nav-link { color:#6d202f; } .navbar-main ul li a.nav-link:hover { color:#ffffff } .navbar-main ul li.current-menu-item a.nav-link, .navbar-main ul li.current-menu-parent a.nav-link { color:#ffffff } .navbar-main ul li.current-menu-item a.nav-link:hover { color:#ffffff; } .navbar-main ul li:hover { background:none } .navbar-main ul li.current-menu-item, .navbar-main ul li.current-menu-parent { background:none } .navbar-main li { border-radius: 3px; margin: 0 0.5rem 0rem 0; padding: 0rem; transition: .3s; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; } .navbar-main .megamenu{ padding: 1rem; } .navbar-main .dropdown-menu a { font-size:1.4rem; line-height:1.4rem; } .navbar-main a.nav-link { font-size:1.4rem; line-height:1.4rem; text-transform: uppercase } .navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu { background:#ff5281} .navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu li a { color:#ffffff; background:; padding:.5rem; margin-top:.5rem; border-radius: 4px; } .navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu li.current-menu-item a { background:#ffffff; color:#cc4267 } .navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu li a:hover { background:#ffffff; color:#cc4267 } .navbar-main :is(a.nav-link, a.dropdown-item) { font-family:opensanscondensed; } @media all and (min-width: 992px) {.navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu { background:#ff5281 url(/wp-content/uploads/solo-kolibri.png) no-repeat 26px 154px; } } @media all and (min-width: 992px) { .dropdown-menu.megamenu { column-count:2; column-fill: balance; } .dropdown-menu.megamenu li:first-child:before { content:'Physiotherapie'; font-size:1.3rem; font-family:opensanscondensed} .dropdown-menu.megamenu li:nth-child(3):before { content:'... und mehr'; font-size:1.3rem; font-family:opensanscondensed} .blockout { margin-bottom:9rem !important } } @media(max-width: 991px) { .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { overflow-y: auto; max-height: 90vh; margin-top:10px; } } /* 1-3 Big-Image-Container =================== */ .wrap-post-thumbnail, .mapcanvasimage, aside .big-slider, aside.footer { background-color:#ff5281; box-shadow:0px 0px 2px 1px #5b5b5b;} .wrap-post-thumbnail, .mapcanvasimage, aside .big-slider { margin: 0px 0 30px 0; position: relative; } aside .container.post-thumbnail .post-thumbnail-title, .big-slider .carousel-caption h5 { font-family:'opensanscondensed'; background: rgba(109,32,47,0.8); color: #ffffff; font-size: 2.7rem; padding: 1rem 1rem 1rem 1rem; } aside .container.post-thumbnail .post-thumbnail-title { position: absolute; bottom: 18px; border-radius: 16px 16px 16px 0px; line-height: 2rem; margin-left: 1rem; } .big-slider .carousel-caption h5 { position: absolute; bottom: 18px; border-radius: 4px; line-height: 2rem; margin-left: 6rem; } .big-slider .carousel-caption h5 a { color:#ffffff; text-decoration:none; font-size:2.2rem } .big-slider .carousel-caption h5 a:hover { color:#ff5281;} .big-slider .carousel-indicators { display:none } /* EBENE II ================================= */ /* 2-1 Cards ================================= */ div.col div.card.h-100.column-bg, div.container.card-bg-big { border:none; border-radius:4px 4px 4px 5px; -webkit-border-radius:4px 4px 4px 5px; -moz-border-radius:4px 4px 4px 5px; background:rgba(204,66,103,0.85); box-shadow: 1px 1px 2px -1px #373737; } div.col div.card.h-100.column-bg:hover { box-shadow:none } div.col div.card.h-100.column-bg, .column-plain:hover {transition: box-shadow 0.2s ease-in-out;} div.col div.card.h-100.column-bg .card-body, .table { color: #ffffff; } div.col div.card.h-100.column-bg .card-body img { border-radius:4px; margin: 0 1rem .5rem 0rem; max-width:100% } section.main div.col div.card.h-100.column-bg .card-body a { color: #ffffff; } .column-bg .card-body h1, .column-bg .card-body h2, .column-bg .card-body h3, .column-bg .card-body h4, .column-bg .card-body h5, .column-bg .card-body h6 { color: #ffffff; } .column-plain:hover { cursor: default; } /* 2-2 Tabs ================================== */ div.container.tabscontainer { padding-right:0; padding-left:0; } div.container.tabscontainer .nav.nav-tabs { --bs-nav-tabs-border-width: 0px;} div.container.tabscontainer .nav-tabs .nav-link { font-family:'opensanscondensed'; } .tab-pane img { float: left; margin: 0 1rem .5rem 0; border-radius:4px } div.container.tabscontainer .nav.nav-tabs .nav-link { margin-right: 4px; color: #ffffff; background:#6d202f; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size:1.3rem; line-height:1.3rem; padding: 0.6rem 0.5rem 0.6rem 0.5rem } div.container.tabscontainer .nav.nav-tabs .nav-link:hover, div.container.tabscontainer .nav.nav-tabs .nav-link:focus { color: #ffffff; background:#cc4267 } div.container.tabscontainer .nav.nav-tabs .nav-link.active { color: #ffffff; background:#cc4267 } div.container.tabscontainer .nav.nav-tabs .nav-link.active:hover, div.container.tabscontainer .nav.nav-tabs .nav-link.active:focus { color: #ffffff; background:#cc4267 } div.container.tabscontainer .tab-content, div.container.tabscontainer .tab-content .tab-pane { color: #ffffff; background:#cc4267; border-radius: 0 px px 4px; } div.container.tabscontainer .tab-content .tab-pane { padding: 1.5rem 1rem; } div.container.tabscontainer .tab-content div.tab-pane.active { box-shadow: 1px 1px 2px -1px #373737 } /* 2-3 Toggle und Akkordeon ================== */ .accordion { background:none; --bs-accordion-border-width: 0px; border:0px solid #000; padding:0px } div.accordion-item { border:0px solid #000; border-radius:3px; margin-bottom: 8px; background: #cc4267; box-shadow: 1px 1px 2px -1px #373737; } .accordion-item h2 .accordion-button { font-size:1.3rem; line-height:1.3rem; text-decoration:none; } .accordion-button:not(.collapsed) { background: #cc4267; color:#ffffff; border-top-left-radius:3px; border-top-right-radius:3px; } .accordion-button.collapsed { background: #cc4267; color:#ffffff; border-radius:3px; } .accordion-button.collapsed:hover { background: #6d202f; color:#ffffff; box-shadow:none } .accordion .accordion-item .accordion-collapse .accordion-body { background: #cc4267; color: #ffffff; border-bottom-right-radius:3px; border-bottom-left-radius:3px; padding-left:.5rem; padding-right:.5rem; } .accordion-item { border:0; background:none } .accordion-button { padding-left:.5rem; padding-right:.5rem; display:flex; width: auto; background:none; box-shadow:none } .accordion-button.collapsed { background:none; box-shadow:none } .accordion-button:not(.collapsed):after { font-family:'theme-icons'; content: "\e904"; transform:rotate(-180deg); transition: transform 0.6s ease-in-out; background-image: none; } .accordion-button.collapsed:after { font-family:"theme-icons"; content: "\e904"; transition: transform 0.6s ease-in-out; background-image: none; } /* 2-4 Big-Slider ============================ */ /* 2-5 Image Slider ========================== */ /* 2-6 Content-Slider ======================== */ /* 2-7 Galerie Personal ====================== */ /* 2-8 Modal-Fotogalerie ===================== */ /* 2-9 Auto-Overlay ========================== */ /* 2-10 Divider ============================== */ /* 2-11 Initiale ============================= */ /* 2-12 Zeilenumbruch ======================== */ /* 2-13 Absatz =============================== */ /* 2-14 Liste ================================ */ article ul { padding-inline-start: 24px; margin:.4rem 0 .3rem 0;} article ul:after { clear:both;} article ul.circle {list-style-type: circle;} article ul.square {list-style-type: square;} article ul.decimal {list-style-type: decimal;} article ul.normal {list-style-type: inherit;} article ul.check, article ul.pfeil { list-style: none; } article ul.check li:before, article ul.pfeil li:before { font-family:'theme-icons'; display:inline-block; margin-left:-1.3rem; width: 1.3rem; } article ul.check li:before { content:'\f00c'; font-size:.8rem; } article ul.pfeil li:before { content:'\e902'; } /* 2-15 Button =============================== */ /* 2-16 Images =============================== */ /* 2-17 Scroll-to-top-Button ================= */ /* BACK-TO-TOP-BUTTON */ .scrollto { padding: 0.1rem 0.5rem; border-radius: 4px; text-decoration:none; cursor:pointer; background:#ff5281; position: fixed; bottom: 100px; right: 20px; display: none; z-index:910 } .scrollto:hover { border:0; } .fa-arrow-up:before { font-family:'theme-icons'; content:'\e906'; color:#ffffff; font-size: 3rem; line-height: 4rem; font-style:normal } /* EBENE III - FOOTER ========================= */ aside.footer { background-color:#ff5281; padding:18px 0 10px 0; margin:30px 0 0 0 } aside.footer ul li { list-style:none } aside.footer ul.menu { margin-top: 0; margin-bottom: 10px; margin-left: 0px; padding: 0;} aside.footer ul.menu li.menu-item a:hover { text-decoration:none; box-shadow:none } aside.footer ul.menu li.current-menu-item a, aside.footer ul.menu li.current-menu-item a:hover { cursor:default } aside.footer .form_textfeld, aside.footer .form_textarea { width:180px; height:auto } aside.footer .form_textfeld_quiz { width:130px } aside.footer .column-bg .divider { border-color: #f2e3d2; margin: 10px 0 12px 0; } aside.footer ul.menu li.menu-item a { background:#ff5281; color:#ffffff; box-shadow: 1px 1px 2px -1px #373737; margin: 0px 1rem 1rem 0px; padding: 1px 4px 1px 4px; float: left; border-radius: 3px; text-decoration: none; } aside.footer ul.menu li.menu-item a:hover { background:#ffffff; color:#ff5281; } aside.footer ul.menu li.current-menu-item a { background:#ffffff; color:#ff5281; } aside.footer ul.menu li.current-menu-item a:hover { background:#ffffff); color:#ff5281; } .footer-end { padding-bottom:1rem } aside.footer .footer-end ul li.impress { padding: .1rem .6rem; font-size:0.98rem; color:#4c4c4c; } aside.footer .footer-end ul li.impress a.nav-link { color:#e70c21; background:none } .container.footer-end ul li { list-style:none; margin-right: .5rem } /* ================================================================================================ max576 */ /* == max576 === Maximal 575.97px breit Small devices (landscape phones, 575.97px and up) ================ */ @media (max-width: 575.97px) { /* EBENE 0. RESET ============================ */ /* 0-1 Elements und Container ================ */ /* 0-2 Fonts ================================ */ h1, .h1 { font-size: 1.7rem; line-height: 2rem; } h2, .h2 { font-size: 1.4rem; line-height: 1.7rem; } h3, .h3 { font-size: 1.2rem; line-height: 1.5rem; } h4, .h4 { font-size: 1.2rem; line-height: 1.5rem; } h5, .h5 { font-size: 1.2rem; line-height: 1.5rem; } h6, .h6 { font-size: 1.2rem; line-height: 1.5rem; } /* EBENE I - HEAD ============================ */ /* 1-1 Top-Navigation ======================== */ /* 1-2 Main-navigation ======================= */ /* 1-3 Big-Image-Container =================== */ .big-slider :is(.carousel-control-prev, .carousel-control-next) { display:none } .big-slider .carousel-caption { right: 5%; bottom: 0rem; left: 1%; padding-top: 0rem; padding-bottom: 0rem; } .big-slider .carousel-caption :is(h5, h5 a) { font-size: 1.3rem; line-height: 1.3rem; padding: .2rem .1rem .2rem .1rem; } .big-slider .carousel-caption h5 { position: absolute; bottom: 0px; margin-left: 1rem; } aside .container.post-thumbnail .post-thumbnail-title { bottom: 9px; border-radius: .3rem; line-height: 1.5rem; margin-left: 1rem; font-size: 1.5rem; padding: .5rem .5rem .5rem .5rem; } /* EBENE II ================================= */ /* 2-1 Cards ================================= */ div.col div.card.h-100.column-bg .card-body img { max-width:100% !important; } /* 2-2 Tabs ================================== */ /* 2-3 Toggle und Akkordeon ================== */ /* 2-4 Big-Slider ============================ */ /* 2-5 Image Slider ========================== */ /* 2-6 Content-Slider ======================== */ /* 2-7 Galerie Personal ====================== */ /* 2-8 Modal-Fotogalerie ===================== */ /* 2-9 Auto-Overlay ========================== */ /* 2-10 Divider ============================== */ /* 2-11 Initiale ============================= */ /* 2-12 Zeilenumbruch ======================== */ /* 2-13 Absatz =============================== */ /* 2-14 Liste ================================ */ /* 2-15 Button =============================== */ /* 2-16 Images =============================== */ /* 2-17 Scroll-to-top-Button ================= */ /* EBENE III - FOOTER ========================= */ .list-group-horizontal {flex-direction: column;} } /* ================================================================================================ min576 */ /* == min576 === Mindestens 575.98px breit Small devices (landscape phones, 575.98px and up) ============= */ @media (min-width: 575.98px) { /* EBENE 0. RESET ============================ */ /* 0-1 Elements und Container ================ */ /* 0-2 Fonts ================================ */ /* EBENE I - HEAD ============================ */ /* 1-1 Top-Navigation ======================== */ /* 1-2 Main-navigation ======================= */ /* 1-3 Big-Image-Container =================== */ /* EBENE II ================================= */ /* 2-1 Cards ================================= */ div.col div.card.h-100.column-bg .card-body img { } /* 2-2 Tabs ================================== */ /* 2-3 Toggle und Akkordeon ================== */ /* 2-4 Big-Slider ============================ */ /* 2-5 Image Slider ========================== */ /* 2-6 Content-Slider ======================== */ /* 2-7 Galerie Personal ====================== */ /* 2-8 Modal-Fotogalerie ===================== */ /* 2-9 Auto-Overlay ========================== */ /* 2-10 Divider ============================== */ /* 2-11 Initiale ============================= */ /* 2-12 Zeilenumbruch ======================== */ /* 2-13 Absatz =============================== */ /* 2-14 Liste ================================ */ /* 2-15 Button =============================== */ /* 2-16 Images =============================== */ /* 2-17 Scroll-to-top-Button ================= */ /* EBENE III - FOOTER ========================= */ } /* ================================================================================================ max768 */ /* == max768 === Maximal 767.97px breit // Medium devices (tablets, 767.98px and up) ===================== */ @media (max-width: 767.97px) { /* EBENE 0. RESET ============================ */ /* 0-1 Elements und Container ================ */ /* 0-2 Fonts ================================ */ /* EBENE I - HEAD ============================ */ /* 1-1 Top-Navigation ======================== */ /* 1-2 Main-navigation ======================= */ /* 1-3 Big-Image-Container =================== */ /* EBENE II ================================= */ /* 2-1 Cards ================================= */ /* 2-2 Tabs ================================== */ /* 2-3 Toggle und Akkordeon ================== */ /* 2-4 Big-Slider ============================ */ /* 2-5 Image Slider ========================== */ /* 2-6 Content-Slider ======================== */ /* 2-7 Galerie Personal ====================== */ /* 2-8 Modal-Fotogalerie ===================== */ /* 2-9 Auto-Overlay ========================== */ /* 2-10 Divider ============================== */ /* 2-11 Initiale ============================= */ /* 2-12 Zeilenumbruch ======================== */ /* 2-13 Absatz =============================== */ /* 2-14 Liste ================================ */ /* 2-15 Button =============================== */ /* 2-16 Images =============================== */ /* 2-17 Scroll-to-top-Button ================= */ /* EBENE III - FOOTER ========================= */ } /* ================================================================================================ min768 */ /* == min768 === Mindestens 767.98px breit // Medium devices (tablets, 767.98px and up) ================== */ @media (min-width: 767.98px) { /* EBENE 0. RESET ============================ */ /* 0-1 Elements und Container ================ */ /* 0-2 Fonts ================================ */ /* EBENE I - HEAD ============================ */ /* 1-1 Top-Navigation ======================== */ /* 1-2 Main-navigation ======================= */ /* 1-3 Big-Image-Container =================== */ /* EBENE II ================================= */ /* 2-1 Cards ================================= */ div.col div.card.h-100.column-bg .card-body img { } /* 2-2 Tabs ================================== */ /* 2-3 Toggle und Akkordeon ================== */ /* 2-4 Big-Slider ============================ */ /* 2-5 Image Slider ========================== */ /* 2-6 Content-Slider ======================== */ /* 2-7 Galerie Personal ====================== */ /* 2-8 Modal-Fotogalerie ===================== */ /* 2-9 Auto-Overlay ========================== */ /* 2-10 Divider ============================== */ /* 2-11 Initiale ============================= */ /* 2-12 Zeilenumbruch ======================== */ /* 2-13 Absatz =============================== */ /* 2-14 Liste ================================ */ /* 2-15 Button =============================== */ /* 2-16 Images =============================== */ /* 2-17 Scroll-to-top-Button ================= */ /* EBENE III - FOOTER ========================= */ } /* ======================================================================== Umschaltpunkt Navi ==== max992 */ /* == max992 === Maximal 991.97px breit // Medium devices (tablets, 991.97px and up); ==================== */ @media (max-width: 991.97px) { /* EBENE 0. RESET ============================ */ /* 0-1 Elements und Container ================ */ .col-lg-3, .col-lg-4 { margin-bottom:1rem } /* 0-2 Fonts ================================ */ /* EBENE I - HEAD ============================ */ /* 1-1 Top-Navigation ======================== */ /* 1-2 Main-navigation ======================= */ aside.navbar-main a.navbar-brand img { max-width: 40vw; } /* 1-3 Big-Image-Container =================== */ /* EBENE II ================================= */ /* 2-1 Cards ================================= */ .row > * { padding-right: 0; padding-left: 0; } div.col div.card.h-100.column-bg .card-body img { max-width:45%; float:left } /* 2-2 Tabs ================================== */ /* 2-3 Toggle und Akkordeon ================== */ /* 2-4 Big-Slider ============================ */ /* 2-5 Image Slider ========================== */ /* 2-6 Content-Slider ======================== */ /* 2-7 Galerie Personal ====================== */ /* 2-8 Modal-Fotogalerie ===================== */ /* 2-9 Auto-Overlay ========================== */ /* 2-10 Divider ============================== */ /* 2-11 Initiale ============================= */ /* 2-12 Zeilenumbruch ======================== */ /* 2-13 Absatz =============================== */ /* 2-14 Liste ================================ */ /* 2-15 Button =============================== */ /* 2-16 Images =============================== */ /* 2-17 Scroll-to-top-Button ================= */ /* EBENE III - FOOTER ========================= */ } /* ================================================================================================ min992 */ /* == min992 === Mindestens 991.98px breit // Extra large devices (large desktops, 991.98px and up) ====== */ @media (min-width: 991.98px) { /* EBENE 0. RESET ============================ */ /* 0-1 Elements und Container ================ */ /* 0-2 Fonts ================================ */ /* EBENE I - HEAD ============================ */ /* 1-1 Top-Navigation ======================== */ aside.navbar-head { box-shadow: 0px 0px 6px 0px #cc4267; } aside.navbar-head .head-offcanvas.offcanvas-top, aside.navbar-head .head-offcanvas.offcanvas-bottom { right: 10vw; left: 10vw; } /* 1-2 Main-navigation ======================= */ aside.navbar-main a.navbar-brand { margin: 0rem 3rem 1rem 0rem } aside.navbar-main ul.navbar-nav { margin-top:5rem } aside.navbar-main ul li a.nav-link { padding: 0.2rem 0.4rem; } aside.navbar-main ul li.current-menu-item a.nav-link:hover { cursor:default } /* 1-3 Big-Image-Container =================== */ /* EBENE II ================================= */ /* 2-1 Cards ================================= */ /* 2-2 Tabs ================================== */ /* 2-3 Toggle und Akkordeon ================== */ /* 2-4 Big-Slider ============================ */ /* 2-5 Image Slider ========================== */ /* 2-6 Content-Slider ======================== */ /* 2-7 Galerie Personal ====================== */ /* 2-8 Modal-Fotogalerie ===================== */ /* 2-9 Auto-Overlay ========================== */ /* 2-10 Divider ============================== */ /* 2-11 Initiale ============================= */ /* 2-12 Zeilenumbruch ======================== */ /* 2-13 Absatz =============================== */ /* 2-14 Liste ================================ */ /* 2-15 Button =============================== */ /* 2-16 Images =============================== */ /* 2-17 Scroll-to-top-Button ================= */ /* EBENE III - FOOTER ========================= */ } /* =============================================================================================== min1200 */ /* == min1200 === Mindestens 1199.98px breit // Extra large devices (large desktops, 1199.98px and up) === */ @media (min-width: 1199.98px) { /* EBENE 0. RESET ============================ */ /* 0-1 Elements und Container ================ */ /* 0-2 Fonts ================================ */ /* EBENE I - HEAD ============================ */ /* 1-1 Top-Navigation ======================== */ /* 1-2 Main-navigation ======================= */ /* 1-3 Big-Image-Container =================== */ /* EBENE II ================================= */ /* 2-1 Cards ================================= */ /* 2-2 Tabs ================================== */ /* 2-3 Toggle und Akkordeon ================== */ /* 2-4 Big-Slider ============================ */ /* 2-5 Image Slider ========================== */ /* 2-6 Content-Slider ======================== */ /* 2-7 Galerie Personal ====================== */ /* 2-8 Modal-Fotogalerie ===================== */ /* 2-9 Auto-Overlay ========================== */ /* 2-10 Divider ============================== */ /* 2-11 Initiale ============================= */ /* 2-12 Zeilenumbruch ======================== */ /* 2-13 Absatz =============================== */ /* 2-14 Liste ================================ */ /* 2-15 Button =============================== */ /* 2-16 Images =============================== */ /* 2-17 Scroll-to-top-Button ================= */ /* EBENE III - FOOTER ========================= */ }