 


/* ======================================================================================================= */
/* ============================================================================================= ALL PORTS */
/* ======================================================================================================= */
/* EBENE 0. RESET ============================ */
/* 0-1 Elements und Container ================ */
html {
 } 

body { font-family:'opensans'; color:#3e3d40;  font-size:1rem; }
body { background: #95aa9a url(/wp-content/uploads/verlauf.png) no-repeat center center fixed; background-size: cover;}
body a, body a:hover { color:#8d3a41; text-decoration:none }

/* 0-2 Fonts  ================================ */
@font-face { font-family: 'opensanscondensed'; src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot');	src: local (''); src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'opensans'; src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensans.eot'); src: local (''); src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensans.eot?#iefix') format('embedded-opentype'), url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensans.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'opensanscondensed'; src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot');	src: local ( '' ); src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'opensanscondensed'; src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot'); src: local (''); src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'opensanscondensed'; src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot'); src: local (''); src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'opensans'; src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensans.eot'); src: local (''); src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensans.eot?#iefix') format('embedded-opentype'), url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensans.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'opensanscondensed'; src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot');	src: local (''); src: url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physio-kuehnrich.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;}
h1, .h1 { font-family:'opensanscondensed'; color:#8d3a41; 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:#8d3a41; font-size:2rem; line-height:2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.7rem; }	
h3, .h3 { font-family:'opensanscondensed'; color:#8d3a41; 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:#8d3a41; 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:#8d3a41; 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:#8d3a41; 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:#8d3a41; transition: background 500ms ease-in-out } 	
.navbar-head .container ul.menu-top-sticky li.menu-item:hover { background:#95aa9a }
.navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item { background:#95aa9a }
.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: #5e5e5e }
.navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item a { color:#ffffff }
.navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item a:hover { color:#ffffff; 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:#95aa9a }
.offcanvas {background: #95aa9a;}
.offcanvas-body :is(h2, h5, a, .insert-page) { color:#fff }
/* 1-2 Main-navigation ======================= */
.navbar-main { background: #95aa9a }
.navbar-main ul li a.nav-link { color:#ffffff; }
.navbar-main ul li a.nav-link:hover { color:#5e5e5e }
.navbar-main ul li.current-menu-item a.nav-link, 
.navbar-main ul li.current-menu-parent a.nav-link { color:#8d3a41 }
.navbar-main ul li.current-menu-item a.nav-link:hover { color:#8d3a41; }
.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.3rem; }
.navbar-main a.nav-link { font-size:1.4rem; line-height:1.3rem;  }
.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:opensans; }

@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:opensans} .dropdown-menu.megamenu li:nth-child(3):before { content:'... und mehr'; font-size:1.3rem;  font-family:opensans} .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:#95aa9a; box-shadow:0px 0px 3px 1px #2d2d2d;}  
.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(255,255,255,0.9); color: #8d3a41;	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:#8d3a41; text-decoration:none; font-size:3.2rem }
.big-slider .carousel-caption h5 a:hover { color:#000000;}
.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:2px 5px 5px 5px; -webkit-border-radius:2px 5px 5px 5px; -moz-border-radius:2px 5px 5px 5px;	background:#ffffff; box-shadow: 0px 4px 4px -4px #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: #444444; }
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: #8d3a41; }
.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: #444444; }
.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:#8d3a41;
	border-top-left-radius: 2px;
  border-top-right-radius: 7px;
  font-size:1.35rem;
  line-height:1.6rem;
  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:#5e5e5e }	
div.container.tabscontainer .nav.nav-tabs .nav-link.active { 
	color: #595959;
	background:rgba(255,255,255,0.86) }	
div.container.tabscontainer .nav.nav-tabs .nav-link.active:hover, 
div.container.tabscontainer .nav.nav-tabs .nav-link.active:focus {
	color: #595959;
	background:rgba(255,255,255,0.86) }
div.container.tabscontainer .tab-content, div.container.tabscontainer .tab-content .tab-pane { 
	color: #3e3d40;
	background:rgba(255,255,255,0.86);
	border-radius: 0 2px px 2px; }
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 #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:5px; 
	margin-bottom: 8px;
	background: #95aa9a;
	box-shadow: 0px 4px 4px -4px #373737; }
.accordion-item h2 .accordion-button {
	font-size:1.35rem;
	line-height:1.35rem;
	text-decoration:none;
	padding:.5rem .5rem }
a.accordion-button:not(.collapsed)  { 
	background: #ffffff;
	color:#595959 !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px; }
.accordion-button.collapsed { 
	background: #95aa9a;
	color:#ffffff;
	border-radius:5px; }	
.accordion-button.collapsed:hover { 
	background: #8d3a41;
	color:#ffffff !important;
	box-shadow:none }
.accordion .accordion-item .accordion-collapse .accordion-body {
	background: #ffffff;
	color: #595959;	
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	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 ===================== */
.modal-footer .btn-primary { border:0; background:#95aa9a }
/* 2-9 Auto-Overlay ========================== */
/* 2-10 Divider ============================== */
/* 2-11 Initiale ============================= */
/* 2-12 Zeilenumbruch ======================== */
/* 2-13 Absatz =============================== */
p.absatz { margin-bottom: 0.5rem; line-height: .1rem; font-size: .1rem; }

/* 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:#ffffff; 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'; font-size: 3rem; line-height: 4rem; font-style:normal }

/* EBENE III - FOOTER ========================= */
aside.footer { background-color:#95aa9a; 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:#95aa9a; color:#ffffff;	box-shadow: 0px 4px 4px -4px #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:#5e5e5e; color:#ffffff; }	
aside.footer ul.menu li.current-menu-item a {	background:#8d3a41; color:#ffffff; } 
aside.footer ul.menu li.current-menu-item a:hover { background:#8d3a41); color:#ffffff; }
.footer-end { padding-bottom:1rem }
aside.footer .footer-end ul li.impress  {	padding: .1rem .6rem;	font-size:1.05rem; color:#5e5e5e; }
aside.footer .footer-end ul li.impress a.nav-link { color:#8d3a41; 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 1px 1px #262626; } 
  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: 1rem 3rem 1rem 3rem  }	
	aside.navbar-main ul.navbar-nav { margin-top:4rem }
	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 ========================= */

}





