/* I. BODY ALL ------------------------------------------------------------------------------------------------------------all Ports*/ body { background: #fff7d8; } /* Elements und Container -------------------------------------------------------------------------------------------------all Ports*/ body { font-family:'dosis'; color:#6e1d0e; } body a { color:#b3071b; } /* Input-Fields -----------------------------------------------------------------------------------------------------------all Ports*/ /* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------all Ports*/ /* Site-Icons -------------------------------------------------------------------------------------------------------------all Ports*/ /* optional Colors --------------------------------------------------------------------------------------------------------all Ports*/ /* COMPLIANZ-WINDOW ------------------------------------------------------------------------------------------------------all Ports*/ /* Blog-Styles ----------------------------------------------------------------------------------------------------------- all Ports*/ /* Pagination --- */ /* II. NAVIGATION ---------------------------------------------------------------------------------------------------------all Ports*/ /* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------all Ports*/ /* Ebene 1: Topnavi-Container f?r Farbe, Schatten etc*/ .navbar-head ul.menu-top-sticky li.menu-item { list-style: none; } .navbar-head { background:#dd3333; transition: background 500ms ease-in-out } .navbar-head .container ul.menu-top-sticky li.menu-item:hover { background:#6e1c0e } .navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item { background:#6e1c0e } .navbar-head .container ul.menu-top-sticky li.menu-item a.nav-link { padding: .1rem .6rem;font-size:1rem; color: #b3071b } .navbar-head .container ul.menu-top-sticky li.menu-item a.nav-link:hover { color: #fff4d8 } .navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item a { color:#fff4d8 } .navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item a:hover { color:#fff4d8; cursor:default } .navbar-head li { transition: .3s; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; } .navbar-head .head-offcanvas { background:orange } /* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------all Ports*/ .navbar-main { background: #fffbf4 } .navbar-main ul li a.nav-link { color:#b3071b; } .navbar-main ul li a.nav-link:hover { color:#fff4d8 } .navbar-main ul li.current-menu-item a.nav-link, .navbar-main ul li.current-menu-parent a.nav-link { color:#fff4d8 } .navbar-main ul li.current-menu-item a.nav-link:hover { color:#fff4d8; } .navbar-main ul li:hover { background:#6e1c0e } .navbar-main ul li.current-menu-item, .navbar-main ul li.current-menu-parent { background:#6e1c0e } .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 ul.navbar-nav li.dropdown ul.dropdown-menu li.current-menu-item { background:#f39d43 } .navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu li.current-menu-item a.dropdown-item { color:#ffffff } .navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item { color:#ae3538 } .navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu li :hover { background:#ae3538 } .navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item:hover { color:#ffffff } .navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu { background:#ffffff } /* Link im Dropdown inaktiv */ /* Link im Dropdown aktiv */ /* Toggler */ /* Icons */ /* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------all Ports*/ .wrap-post-thumbnail, .mapcanvasimage, aside .big-slider { background-color:#ffffff; box-shadow:0px 0px 2px 0px #969696;} .wrap-post-thumbnail, .mapcanvasimage, aside .big-slider { margin: 0px 0 30px 0; position: relative; } /* IV. SECTION ARTICLE ----------------------------------------------------------------------------------------------------all Ports*/ /* 1 Kolumnen -------------------------------------------------------------------------------------------------------------all Ports*/ div.col div.card.h-100.column-bg, div.container.card-bg-big { border:none; border-radius:0px 5px 8px 5px; -webkit-border-radius:0px 5px 8px 5px; -moz-border-radius:0px 5px 8px 5px; background:#25a4ed; box-shadow: 0px 4px 4px -4px #515151; } 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 { color: #ffffff; } div.col div.card.h-100.column-bg .card-body a { color: #0a0a0a; } .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: #595959; } .column-plain:hover { cursor: default; } /* 2 Jumbotron ------------------------------------------------------------------------------------------------------------all Ports*/ /* 3 Blockquote -----------------------------------------------------------------------------------------------------------all Ports*/ /* 4 Tabs -----------------------------------------------------------------------------------------------------------------all Ports*/ div.container.tabscontainer .nav.nav-tabs { --bs-nav-tabs-border-width: 0px;} div.container.tabscontainer .nav.nav-tabs .nav-link { margin-right: 4px; color: #eaa521; background:#ffffff; border-top-left-radius: 3px; border-top-right-radius: 7px; font-size:1.18rem; line-height:1.72rem; } div.container.tabscontainer .nav.nav-tabs .nav-link:hover, div.container.tabscontainer .nav.nav-tabs .nav-link:focus { color: #ffffff; background:#000000 } div.container.tabscontainer .nav.nav-tabs .nav-link.active { color: #0a0a0a; background:#eaa521 } div.container.tabscontainer .nav.nav-tabs .nav-link.active:hover, div.container.tabscontainer .nav.nav-tabs .nav-link.active:focus { color: #0a0a0a; background:#eaa521 } div.container.tabscontainer .tab-content, div.container.tabscontainer .tab-content .tab-pane { color: #0a0a0a; background:#eaa521; border-radius: 0 8px 3px 8px; } div.container.tabscontainer .tab-content .tab-pane { padding: 1.5rem 1rem; } div.container.tabscontainer .tab-content div.tab-pane.active { box-shadow: 0px 4px 4px -4px #515151 } /* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------all Ports*/ .accordion { background:none; --bs-accordion-border-width: 0px; border:0px solid #000; padding:0px } div.accordion-item { border:0px solid #000; border-radius:4px; margin-bottom: 8px; background: #ff8b00 } .accordion-item h2 .accordion-button { font-size:1rem; line-height:1rem; text-decoration:none; } .accordion-button:not(.collapsed) { background: #ff8b00; color:#ffffff; border-top-left-radius:4px; border-top-right-radius:4px; } .accordion-button.collapsed { background: #dd3333; color:#4f4f4f; border-radius:4px; } .accordion-button.collapsed:hover { background: #ff8b00; color:#ffffff } .accordion .accordion-item .accordion-collapse .accordion-body { background: #ff8b00; color: #000000; border-bottom-right-radius:4px; border-bottom-left-radius:4px; } /* 6 Galerie Personal -----------------------------------------------------------------------------------------------------all Ports*/ /* 7 Big-Slider Bootstrap -------------------------------------------------------------------------------------------------all Ports*/ /* 8 Content-Slider -------------------------------------------------------------------------------------------------------all Ports*/ /* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------all Ports*/ /* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------all Ports*/ /* == global == */ /* == Galery == */ /* == Modal == */ /* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------all Ports*/ /* 12 Google-Map ----------------------------------------------------------------------------------------------------------all Ports*/ /* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------all Ports*/ /* 14 Absatz --------------------------------------------------------------------------------------------------------------all Ports*/ /* 15 ?berschriften -------------------------------------------------------------------------------------------------------all Ports*/ @font-face { font-family: 'abril'; src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/abril.eot'); src: local (''); src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/abril.eot?#iefix') format('embedded-opentype'), url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/abril.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dosis'; src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/dosis.eot'); src: local (''); src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/dosis.eot?#iefix') format('embedded-opentype'), url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/dosis.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lobster'; src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/lobster.eot'); src: local ( '' ); src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/lobster.eot?#iefix') format('embedded-opentype'), url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/lobster.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'opensanscondensed'; src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot'); src: local (''); src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'opensanscondensed'; src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot'); src: local (''); src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'segoe'; src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/segoe.eot'); src: local (''); src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/segoe.eot?#iefix') format('embedded-opentype'), url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/segoe.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'opensanscondensed'; src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot'); src: local (''); src: url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://mistral-bs.sendeplatz.eu/wp-content/themes/mistral-reset/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;} h1, .h1 { font-family:'abril'; color:#6e1d0e; font-size:1.8rem; line-height:2.1rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; } h2, .h2 { font-family:'lobster'; color:#6e1d0e; font-size:1.7rem; line-height:2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; } h3, .h3 { font-family:'opensanscondensed'; color:#6e1d0e; font-size:1.6rem; line-height:1.9rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; } h4, .h4 { font-family:'opensanscondensed'; color:#6e1d0e; font-size:1.5rem; line-height:1.8rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; } h5, .h5 { font-family:'opensanscondensed'; color:#6e1d0e; font-size:1.4rem; line-height:1.7rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; } h6, .h6 { font-family:'opensanscondensed'; color:#6e1d0e; font-size:1.3rem; line-height:1.6rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; } /* 16 Liste ---------------------------------------------------------------------------------------------------------------all Ports*/ /* 17 Button --------------------------------------------------------------------------------------------------------------all Ports*/ /* 18 Divider -------------------------------------------------------------------------------------------------------------all Ports*/ /* 19 Initiale ------------------------------------------------------------------------------------------------------------all Ports*/ /* V. CONTAINER FOOTER + ENDPAGE ------------------------------------------------------------------------------------------all Ports*/ aside.footer { background-color:#ffffff; padding:18px 0 10px 0; margin:30px 0 180px 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 { width: auto; height: auto; margin: 0px 4px 4px 0px; border-radius: 3px; border: 0px solid rgba(255,255,255,1); padding: 1px 4px 1px 4px; float: left; text-decoration: none;-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; background:#dd3333; color:#eeee22; box-shadow: 0px 4px 4px -4px #515151 } aside.footer ul.menu li.menu-item a:hover { background:orange; color:#1e73be; } aside.footer ul.menu li.current-menu-item a { background:#ffffff; color:#000000; } aside.footer ul.menu li.current-menu-item a:hover { background:#ffffff); color:#000000; } aside.footer .footer-end ul li.impress { padding: .1rem .6rem; font-size:1rem; color:#000000; } aside.footer .footer-end ul li.impress a.nav-link { color:#dd3333; background:none } /* ===------------------------------------------------------------------------------------------------------------------ */ /* === START DER CUSTOM STYLES F?R ANGEPASSTE VIEWPORTS!!!!!! /* ===------------------------------------------------------------------------------------------------------------------ */ /* === Maximal 575.97px breit Small devices (landscape phones, 575.97px and up) */ @media (max-width: 575.97px) { /* I. BODY ALL ------------------------------------------------------------------------------------------------------------max576*/ /* Elements und Container -------------------------------------------------------------------------------------------------max576*/ /* Input-Fields -----------------------------------------------------------------------------------------------------------max576*/ /* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------max576*/ /* Site-Icons -------------------------------------------------------------------------------------------------------------max576*/ /* optional Colors --------------------------------------------------------------------------------------------------------max576*/ /* II. NAVIGATION ---------------------------------------------------------------------------------------------------------max576*/ /* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------max576*/ /* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------max576*/ /* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------max576*/ /* IV. SECTION ARTICLE ---------------------------------------------------------------------------------------------------.max576*/ /* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max576*/ /* 2 Jumbotron ------------------------------------------------------------------------------------------------------------max576*/ /* 3 Blockquote -----------------------------------------------------------------------------------------------------------max576*/ /* 4 Tabs -----------------------------------------------------------------------------------------------------------------max576*/ /* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------max576*/ /* 6 Galerie Personal -----------------------------------------------------------------------------------------------------max576*/ /* 7 Big-Slider Bootstrap -------------------------------------------------------------------------------------------------max576*/ /* 8 Content-Slider -------------------------------------------------------------------------------------------------------max576*/ /* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------max576*/ /* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------max576*/ /* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------max576*/ /* 12 Google-Map ----------------------------------------------------------------------------------------------------------max576*/ /* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------max576*/ /* 14 Absatz --------------------------------------------------------------------------------------------------------------max576*/ /* 15 ?berschriften -------------------------------------------------------------------------------------------------------max576*/ /* 16 Liste ---------------------------------------------------------------------------------------------------------------max576*/ /* 17 Button --------------------------------------------------------------------------------------------------------------max576*/ /* 18 Divider -------------------------------------------------------------------------------------------------------------max576*/ /* 19 Initiale ------------------------------------------------------------------------------------------------------------max576*/ /* V. CONTAINER FOOTER + ENDPAGE ------------------------------------------------------------------------------------------max576*/ } /* === Mindestens 575.98px breit Small devices (landscape phones, 575.98px and up) */ @media (min-width: 575.98px) { /* I. BODY ALL ------------------------------------------------------------------------------------------------------------min576*/ /* Elements und Container -------------------------------------------------------------------------------------------------min576*/ /* Input-Fields -----------------------------------------------------------------------------------------------------------min576*/ /* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------min576*/ /* Site-Icons -------------------------------------------------------------------------------------------------------------min576*/ /* optional Colors --------------------------------------------------------------------------------------------------------min576*/ /* II. NAVIGATION ---------------------------------------------------------------------------------------------------------min576*/ /* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------min576*/ /* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------min576*/ /* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------min576*/ /* IV. SECTION ARTICLE ----------------------------------------------------------------------------------------------------min576*/ /* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min576*/ /* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min576*/ /* 3 Blockquote -----------------------------------------------------------------------------------------------------------min576*/ /* 4 Tabs -----------------------------------------------------------------------------------------------------------------min576*/ /* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min576*/ /* 6 Galerie Personal -----------------------------------------------------------------------------------------------------min576*/ /* 7 Big-Slider Bootstrap -------------------------------------------------------------------------------------------------min576*/ /* 8 Content-Slider -------------------------------------------------------------------------------------------------------min576*/ /* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min576*/ /* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min576*/ /* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min576*/ /* 12 Google-Map ----------------------------------------------------------------------------------------------------------min576*/ /* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------min576*/ /* 14 Absatz --------------------------------------------------------------------------------------------------------------min576*/ /* 15 ?berschriften -------------------------------------------------------------------------------------------------------min576*/ /* 16 Liste ---------------------------------------------------------------------------------------------------------------min576*/ /* 17 Button --------------------------------------------------------------------------------------------------------------min576*/ /* 18 Divider -------------------------------------------------------------------------------------------------------------min576*/ /* 19 Initiale ------------------------------------------------------------------------------------------------------------min576*/ /* V. CONTAINER FOOTER + ENDPAGE ------------------------------------------------------------------------------------------min576*/ } /* === Maximal 767.97px breit // Medium devices (tablets, 767.98px and up) */ @media (max-width: 767.97px) { /* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max768*/ } /* === Mindestens 767.98px breit // Medium devices (tablets, 767.98px and up) */ @media (min-width: 767.98px) { /* I. BODY ALL ------------------------------------------------------------------------------------------------------------min768*/ /* Elements und Container -------------------------------------------------------------------------------------------------min768*/ /* Input-Fields -----------------------------------------------------------------------------------------------------------min768*/ /* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------min768*/ /* Site-Icons -------------------------------------------------------------------------------------------------------------min768*/ /* optional Colors --------------------------------------------------------------------------------------------------------min768*/ /* II. NAVIGATION ---------------------------------------------------------------------------------------------------------min768*/ /* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------min768*/ /* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------min768*/ /* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------min768*/ /* IV. SECTION ARTICLE ----------------------------------------------------------------------------------------------------min768*/ /* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min768*/ /* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min768*/ /* 3 Blockquote -----------------------------------------------------------------------------------------------------------min768*/ /* 4 Tabs -----------------------------------------------------------------------------------------------------------------min768*/ /* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min768*/ /* 6 Galerie Personal -----------------------------------------------------------------------------------------------------min768*/ /* 7 Big-Slider Bootstrap -------------------------------------------------------------------------------------------------min768*/ /* 8 Content-Slider -------------------------------------------------------------------------------------------------------min768*/ /* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min768*/ /* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min768*/ /* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min768*/ /* 12 Google-Map ----------------------------------------------------------------------------------------------------------min768*/ /* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------min768*/ /* 14 Absatz --------------------------------------------------------------------------------------------------------------min768*/ /* 15 Überschriften -------------------------------------------------------------------------------------------------------min768*/ /* 16 Liste ---------------------------------------------------------------------------------------------------------------min768*/ /* 17 Button --------------------------------------------------------------------------------------------------------------min768*/ /* 18 Divider -------------------------------------------------------------------------------------------------------------min768*/ /* 19 Initiale ------------------------------------------------------------------------------------------------------------min768*/ /* V. CONTAINER FOOTER + ENDPAGE ------------------------------------------------------------------------------------------min768*/ } /* === Maximal 991.97px breit // Medium devices (tablets, 991.97px and up); Umschaltpunkt der Collapesed-Navigation */ @media (max-width: 991.97px) { /* I. BODY ALL ------------------------------------------------------------------------------------------------------------max992*/ /* Elements und Container -------------------------------------------------------------------------------------------------max992*/ /* Input-Fields -----------------------------------------------------------------------------------------------------------max992*/ /* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------max992*/ /* Site-Icons -------------------------------------------------------------------------------------------------------------max992*/ /* optional Colors --------------------------------------------------------------------------------------------------------max992*/ /* II. NAVIGATION ---------------------------------------------------------------------------------------------------------max992*/ /* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------max992*/ /* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------max992*/ aside.navbar-main a.navbar-brand img { max-width: 25vw; } /* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------max992*/ /* IV. SECTION ARTICLE ----------------------------------------------------------------------------------------------------max992*/ /* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max992*/ /* 2 Jumbotron ------------------------------------------------------------------------------------------------------------max992*/ /* 3 Blockquote -----------------------------------------------------------------------------------------------------------max992*/ /* 4 Tabs -----------------------------------------------------------------------------------------------------------------max992*/ /* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------max992*/ /* 6 Galerie Personal -----------------------------------------------------------------------------------------------------max992*/ /* 7 Big-Slider Bootstrap -------------------------------------------------------------------------------------------------max992*/ /* 8 Content-Slider -------------------------------------------------------------------------------------------------------max992*/ /* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------max992*/ /* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------max992*/ /* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------max992*/ /* 12 Google-Map ----------------------------------------------------------------------------------------------------------max992*/ /* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------max992*/ /* 14 Absatz --------------------------------------------------------------------------------------------------------------max992*/ /* 15 Überschriften -------------------------------------------------------------------------------------------------------max992*/ /* 16 Liste ---------------------------------------------------------------------------------------------------------------max992*/ /* 17 Button --------------------------------------------------------------------------------------------------------------max992*/ /* 18 Divider -------------------------------------------------------------------------------------------------------------max992*/ /* 19 Initiale ------------------------------------------------------------------------------------------------------------max992*/ /* V. CONTAINER FOOTER + ENDPAGE ------------------------------------------------------------------------------------------max992*/ } /* === Mindestens 991.98px breit // Medium devices (tablets, 991.98px and up) */ @media (min-width: 991.98px) { /* I. BODY ALL ------------------------------------------------------------------------------------------------------------min992*/ /* Elements und Container -------------------------------------------------------------------------------------------------min992*/ /* Input-Fields -----------------------------------------------------------------------------------------------------------min992*/ /* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------min992*/ /* Site-Icons -------------------------------------------------------------------------------------------------------------min992*/ /* optional Colors --------------------------------------------------------------------------------------------------------min992*/ /* II. NAVIGATION ---------------------------------------------------------------------------------------------------------min992*/ /* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------min992*/ aside.navbar-head { box-shadow: 0px 0px 2px 0px #969696; } aside.navbar-head .head-offcanvas.offcanvas-top, aside.navbar-head .head-offcanvas.offcanvas-bottom { right: 10vw; left: 10vw; } /* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------min992*/ aside.navbar-main a.navbar-brand { margin: 1.7rem 3.5rem 1.7rem 2rem } aside.navbar-main ul.navbar-nav { margin-top:3.7rem } 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 } /* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------min992*/ /* IV. SECTION ARTICLE ----------------------------------------------------------------------------------------------------min992*/ /* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min992*/ /* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min992*/ /* 3 Blockquote -----------------------------------------------------------------------------------------------------------min992*/ /* 4 Tabs -----------------------------------------------------------------------------------------------------------------min992*/ /* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min992*/ /* 6 Galerie Personal -----------------------------------------------------------------------------------------------------min992*/ /* 7 Big-Slider Bootstrap -------------------------------------------------------------------------------------------------min992*/ /* 8 Content-Slider -------------------------------------------------------------------------------------------------------min992*/ /* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min992*/ /* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min992*/ /* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min992*/ /* 12 Google-Map ----------------------------------------------------------------------------------------------------------min992*/ /* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------min992*/ /* 14 Absatz --------------------------------------------------------------------------------------------------------------min992*/ /* 15 Überschriften -------------------------------------------------------------------------------------------------------min992*/ /* 16 Liste ---------------------------------------------------------------------------------------------------------------min992*/ /* 17 Button --------------------------------------------------------------------------------------------------------------min992*/ /* 18 Divider -------------------------------------------------------------------------------------------------------------min992*/ /* 19 Initiale ------------------------------------------------------------------------------------------------------------min992*/ /* V. CONTAINER FOOTER + ENDPAGE ------------------------------------------------------------------------------------------min992*/ } /* === Mindestens 1199.98px breit // Extra large devices (large desktops, 1199.98px and up) */ @media (min-width: 1199.98px) { /* I. BODY ALL ------------------------------------------------------------------------------------------------------------min1200*/ /* Elements und Container -------------------------------------------------------------------------------------------------min1200*/ /* Input-Fields -----------------------------------------------------------------------------------------------------------min1200*/ /* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------min1200*/ /* Site-Icons -------------------------------------------------------------------------------------------------------------min1200*/ /* optional Colors --------------------------------------------------------------------------------------------------------min1200*/ /* II. NAVIGATION ---------------------------------------------------------------------------------------------------------min1200*/ /* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------min1200*/ /* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------min1200*/ /* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------min1200*/ /* IV. SECTION ARTICLE ----------------------------------------------------------------------------------------------------min1200*/ /* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min1200*/ /* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min1200*/ /* 3 Blockquote -----------------------------------------------------------------------------------------------------------min1200*/ /* 4 Tabs -----------------------------------------------------------------------------------------------------------------min1200*/ /* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min1200*/ /* 6 Galerie Personal -----------------------------------------------------------------------------------------------------min1200*/ /* 7 Big-Slider Bootstrap -------------------------------------------------------------------------------------------------min1200*/ /* 8 Content-Slider -------------------------------------------------------------------------------------------------------min1200*/ /* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min1200*/ /* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min1200*/ /* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min1200*/ /* 12 Google-Map ----------------------------------------------------------------------------------------------------------min1200*/ /* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------min1200*/ /* 14 Absatz --------------------------------------------------------------------------------------------------------------min1200*/ /* 15 Überschriften -------------------------------------------------------------------------------------------------------min1200*/ /* 16 Liste ---------------------------------------------------------------------------------------------------------------min1200*/ /* 17 Button --------------------------------------------------------------------------------------------------------------min1200*/ /* 18 Divider -------------------------------------------------------------------------------------------------------------min1200*/ /* 19 Initiale ------------------------------------------------------------------------------------------------------------min1200*/ /* V. CONTAINER FOOTER + ENDPAGE ------------------------------------------------------------------------------------------min1200*/ } // Extra small devices (portrait phones, less than 576px) // No media query for `xs` since this is the default in Bootstrap // Small devices (landscape phones, 576px and up) @media (min-width: 576px) { } // Medium devices (tablets, 768px and up) @media (min-width: 768px) { } // Large devices (desktops, 992px and up) @media (min-width: 992px) { } // Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { } // Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { } // Small devices (landscape phones, less than 768px) @media (max-width: 767.98px) { } // Medium devices (tablets, less than 992px) @media (max-width: 991.98px) { } // Large devices (desktops, less than 1200px) @media (max-width: 1199.98px) { } /* Ablage */ /* https://getbootstrap.com/docs/4.0/components/navs/#horizontal-alignment */