/* ======================================================================================================= */
/* ============================================================================================= ALL PORTS */
/* ======================================================================================================= */
/* EBENE 0. RESET ============================ */
/* 0-1 Elements und Container ================ */
html { overflow-y: scroll !important;
 background:#ededdc url(https://physiotherapie-seifert-weimar.de/wp-content/uploads/pattern1.png) fixed; } 

body { 
	font-family:'opensans'; 
	color:#3e3d40; 
	font-size:0.98rem; }
		
body a, body a:hover { 
	color:#e9d2be; 
	text-decoration:none }	

.offcanvas-body a:hover { color:white }
	
html {
	  	background:#ededdc url(https://physiotherapie-seifert-weimar.de/wp-content/uploads/pattern1.png) fixed; } 

body { background: url("/wp-content/uploads/verlauf-beige5.png") no-repeat;
       background-size: cover; } 

/* 0-2 Fonts  ================================ */
@font-face { font-family: 'opensanscondensed'; src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot');	src: local (''); src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'opensans'; src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensans.eot'); src: local (''); src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensans.eot?#iefix') format('embedded-opentype'), url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensans.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'opensanscondensed'; src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot');	src: local ( '' ); src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'opensanscondensed'; src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot'); src: local (''); src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'opensanscondensed'; src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot'); src: local (''); src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'opensanscondensed'; src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot'); src: local (''); src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'opensanscondensed'; src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot');	src: local (''); src: url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.eot?#iefix') format('embedded-opentype'), url('https://physiotherapie-seifert-weimar.de/wp-content/themes/mistral/fonts/opensanscondensed.woff') format('woff'); font-weight: normal; font-style: normal;}
h1, .h1 { font-family:'opensanscondensed'; color:#3e3d40; font-size:2.6rem; line-height:4.18rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.53rem; }	
h2, .h2 { font-family:'opensanscondensed'; color:#3e3d40; font-size:2.1rem; line-height:2.6rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.5rem; }	
h3, .h3 { font-family:'opensanscondensed'; color:#3e3d40; font-size:1.9rem; line-height:2.4rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.5rem; }
h4, .h4 { font-family:'opensanscondensed'; color:#3e3d40; font-size:1.6rem; line-height:2.4rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }
h5, .h5 { font-family:'opensanscondensed'; color:#3e3d40; font-size:1.4rem; line-height:2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.5rem; }
h6, .h6 { font-family:'opensanscondensed'; color:#3e3d40; font-size:1.3rem; line-height:2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }

/* 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:#79221c; transition: background 500ms ease-in-out } 	
.navbar-head .container ul.menu-top-sticky li.menu-item:hover { background:#e9d2be }
.navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item { background:#e9d2be }
.navbar-head .container ul.menu-top-sticky li.menu-item a.nav-link { padding: .1rem .6rem; font-size:1rem;	color: #e9d2be }
.navbar-head .container ul.menu-top-sticky li.menu-item a.nav-link:hover { color: #6e1d0e }
.navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item a { color:#6e1d0e }
.navbar-head .container ul.menu-top-sticky li.menu-item.current-menu-item a:hover { color:#6e1d0e; cursor:default } 
.navbar-head li { transition: .3s; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; }
.offcanvas { background: #79221c; }
.offcanvas, .offcanvas-header .offcanvas-title, .offcanvas-body :is(h2, h5) { color:#e9d2be }
.offcanvas-body a { color:#e9d2be }

/* 1-2 Main-navigation ======================= */
.navbar-main { background: rgba(137,0,0,0.79) }
	
.navbar-main :is(ul li .nav-link, ul li .dropdown-item) { 	
	color:#e9d2be;	
	font-family:opensanscondensed;	
	border-radius:.2rem; margin: 0 .2rem 0rem 0; padding:.3rem .9rem !important;	transition: all .2s ease-in-out; }		
	
.navbar-main ul li.current-menu-item .nav-link, 
.navbar-main ul li.current-menu-parent .nav-link { 
	background:#79221c }

.navbar-main ul li .nav-link:hover,
.navbar-main ul li .nav-link:active,
.navbar-main ul li .show { 	
	color:#ffffff; 
	background:#79221c }
	
.navbar-main ul li.current-menu-item .nav-link, 
.navbar-main ul li.current-menu-parent .nav-link { 
	color:#ffffff }
	
.navbar-main ul li.current-menu-item .nav-link:hover { 
	color:#ffffff; }



.navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu { 
	background:#79b51c; border:0 }	
.navbar-main ul.navbar-nav li.dropdown ul.megamenu li a { 
	color:#ffffff; 
	background:; 
	padding:.5rem 1rem !important; margin-top:.5rem; border-radius: 0px; }	
.navbar-main ul.navbar-nav li.dropdown ul.megamenu li.current-menu-item a { 
	background:#595959; 
	color:#ffffff }	
.navbar-main ul.navbar-nav li.dropdown ul.megamenu li a:hover { 
	background:#595959;	
	color:#ffffff }
.dropdown-menu[data-bs-popper] { 
	margin-top: 12px }	
.navbar-main .megamenu { 
	padding: 0 0 .5rem 0; 
	box-shadow: 0px 1px 2px 0px #000000; 
	border-radius:0 0.375rem 8px 4px; }
.navbar-main .megamenu li { padding: 0rem; margin:0 }
.navbar-main .megamenu a { 
	font-size:1.55rem; 
	line-height:1.5rem; }


	

/* 1-3 Big-Image-Container =================== */
.wrap-post-thumbnail, .mapcanvasimage, aside .big-slider, aside.footer { background-color:rgba(137,0,0,0.79); box-shadow:0px 0px 3px 1px #2d2d2d;}  
.wrap-post-thumbnail:hover, aside .big-slider:hover { box-shadow:none}  
.wrap-post-thumbnail, .mapcanvasimage, aside .big-slider { margin: 0px 0 30px 0; position: relative; }
aside .container.post-thumbnail {height: 170px; position: relative; }
aside .container.post-thumbnail .post-thumbnail-title { 
	font-family:'opensanscondensed'; 
	background: rgba(255,255,255,0.81); 
	color: #890000;	
	font-size: 2.6rem; 
	padding: 1rem 1rem 1rem 1rem; 
	position: absolute; 
	bottom: 18px; 
	border-radius: 4px 4px 4px 4px; 
	line-height: 2rem; 
	margin-left: 1rem; }  




/* 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:rgba(137,0,0,0.79); box-shadow: 0px 4px 4px -4px #2b2b2b; }
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: #e9d2be; }
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: #79221c; }
.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: #e9d2be; }
.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:#79221c;
	border-top-left-radius: 2px;
  border-top-right-radius: 7px;
  font-size:1.4rem;
  line-height:2rem;
  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:rgba(137,0,0,0.79) }	
div.container.tabscontainer .nav.nav-tabs .nav-link.active { 
	color: #79221c;
	background:#ffffff }	
div.container.tabscontainer .nav.nav-tabs .nav-link.active:hover, 
div.container.tabscontainer .nav.nav-tabs .nav-link.active:focus {
	color: #79221c;
	background:#ffffff }
div.container.tabscontainer .tab-content, div.container.tabscontainer .tab-content .tab-pane { 
	color: #79221c;
	background:#ffffff;
	border-radius: 0 7px 14px 2px; }
div.container.tabscontainer .tab-content .tab-pane { padding: 1.5rem 1rem; }
div.container.tabscontainer .tab-content div.tab-pane.active {transition: box-shadow 0.2s ease-in-out; box-shadow: 0px 4px 4px -4px #2b2b2b }
div.container.tabscontainer .tab-content div.tab-pane.active:hover { box-shadow:none }

/* 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: rgba(137,0,0,0.99);
	box-shadow: 0px 4px 4px -4px #2b2b2b; }
.accordion-item h2 .accordion-button {
	font-size:1.4rem;
	line-height:1.4rem;
	text-decoration:none;
	padding:.5rem .5rem }
a.accordion-button:not(.collapsed)  { 
	background: #3e3d40;
	color:#ffffff !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px; }
.accordion-button.collapsed { 
	background: rgba(137,0,0,0.99);
	color:#ffffff;
	border-radius:5px; }	
.accordion-button.collapsed:hover { 
	background: #3e3d40;
	color:#ffffff !important;
	box-shadow:none }
.accordion .accordion-item .accordion-collapse .accordion-body {
	background: #efefef;
	color: #3e3d40;	
	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;  }
div.accordion-item:hover { box-shadow:none }
.accordion-button:after  { display: flex; align-items: center; }
.accordion img { width:100% }

/* 2-4 Big-Slider	============================ */
.big-slider :is(.carousel-control-prev, .carousel-control-next ) { height:90% }
.big-slider :is(.carousel-control-prev-icon, .carousel-control-next-icon) { filter: invert(0) grayscale(100); width: 3.5rem; height: 3.5rem; }

.big-slider .carousel-caption { height: 6.5vw; left: 20%; bottom: 12%; padding-top: 0rem; padding-bottom: 0rem; }

.big-slider .carousel-caption h5 { 
	position: absolute; font-size:4vw; line-height: 4vw; 
	/*font-size: max(5vw, 15px); line-height: max(5vw, 15px); */
	margin-bottom:0; padding: 0.7vw 1.2vw;	
	font-family:'opensanscondensed'; 
	background: rgba(255,255,255,0.81); 
	color: #890000; 
	border-radius: 0.4rem;}  

.big-slider .carousel-caption h5 a { color:#890000; text-decoration:none; }
.big-slider .carousel-caption h5 a:hover { color:#494949;}

.big-slider .carousel-indicators [data-bs-target] { 
	width: 38px; height: 15px; margin-right: 8px; 
	opacity: 1; border-radius: .2rem; border:0px solid #000;
	background-color:#e9d2be;}
.big-slider .carousel-indicators .active { opacity: 1; background-color:#79221c }




/* 2-5 Image Slider ========================== */
/* 2-6 Content-Slider ======================== */
/* 2-7 Galerie Personal ====================== */
.personal .rowdirection.rechts { flex-direction: row-reverse }
/* 2-8 Modal-Fotogalerie ===================== */
.modal-footer .btn-primary { border:0; background:rgba(137,0,0,0.99) }
/* 2-9 Auto-Overlay ========================== */
/* 2-10 Divider ============================== */
/* 2-11 Initiale ============================= */
/* 2-12 Zeilenumbruch ======================== */
/* 2-13 Absatz =============================== */
p.absatz { margin-bottom: 0rem; line-height: .65rem; font-size: .0rem; }

/* 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 =============================== */
div.d-grid a.small { padding: 0.25rem  0.5rem; font-size: 0.875rem; border-radius: 0.25rem; }
div.d-grid a.normal { /* nicht vergeben */ }
div.d-grid a.large { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.5rem; }
.normal { display: flex !important; justify-content: center; }
.mitte { margin-right: auto !important; margin-left: auto !important; flex: 0 0 auto; width: 16.66666667%; }
@media (min-width: 768px) {
  .rechts { display: flex !important; justify-content: flex-end !important; }
  .komplett { display: flex !important; flex-direction: column; }
}

a.btn { background:rgba(137,0,0,0.99); color:#ffffff; border:none }
a.btn:hover, a.btn:active, a.btn:focus  { background:rgba(137,0,0,0.99); color:#000000; border:none !important }


/* 2-16 Images =============================== */
/* 2-17 Scroll-to-top-Button ================= */
/* BACK-TO-TOP-BUTTON */
.scrollto { padding: 0.1rem 0.5rem; border-radius: 4px; box-shadow: 0px 4px 4px -4px #000000; text-decoration:none; cursor:pointer; background:#79221c; position: fixed;  bottom: 100px;  right: 20px;  display: none; z-index:910;  box-shadow: 0px 4px 4px -4px #2b2b2b; }
.scrollto:hover { box-shadow: none; }
.fa-arrow-up:before { font-family:'theme-icons'; content:'\e906'; color:#e9d2be;  font-size: 3rem; line-height: 4rem; font-style:normal }

/* 2-18 Sidebar Right ======================== */

/* EBENE III - FOOTER ========================= */
aside.footer { background-color:rgba(137,0,0,0.79); 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:#b3071b; color:#e9d2be;	box-shadow: 0px 4px 4px -4px #2b2b2b;
margin: 0px .4rem .4rem 0px; padding: 1px 4px 1px 4px; float: left; border-radius: 3px; text-decoration: none; } 
aside.footer ul.menu li.menu-item a:hover { background:#6e1d0e; color:#ffffff; }	
aside.footer ul.menu li.current-menu-item a {	background:#6e1d0e; color:#e9d2be; box-shadow:none} 
aside.footer ul.menu li.current-menu-item a:hover { background:#6e1d0e); color:#e9d2be; }
.footer-end { padding-bottom:1rem }
aside.footer .footer-end ul li.impress  {	padding: .1rem .6rem;	font-size:0.76rem; color:#4c4c4c; }
aside.footer .footer-end ul li.impress a.nav-link { color:#000000; background:none }
.container.footer-end ul li { list-style:none; margin-right: .5rem }



p.divider { border-color: #f2e3d2; margin: 10px 0 12px 0; }  

body :is(.wrap-post-thumbnail, aside .big-slider, .carousel-caption a, aside.footer ul.menu li.menu-item a, .scrollto)	{transition: all .2s ease-in-out;}



/* ================================================================================================ 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 =================== */
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 ================================== */
div.container.tabscontainer .nav.nav-tabs .nav-link {
	margin:0 0 .1rem 0; 
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	font-size: 1.3rem;
	line-height: 1.9rem;
	padding: 0.1rem 0.5rem 0.1rem 0.5rem;
	width:100%;}
	/* div.container.tabscontainer .nav.nav-tabs { background:#79b51c } */

/* 2-3 Toggle und Akkordeon ================== */
/* 2-4 Big-Slider	============================ */
.big-slider :is(.carousel-control-prev, .carousel-control-next) { display:none }
.big-slider .carousel-indicators { display:none }

/* 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 ========================= */
.footer-end .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	============================ */
.big-slider { padding-bottom:45px }
/* 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 ========================= */

}



@media (max-width: 991.97px) { 

}



/* ======================================================================== 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: 60vw; }   
	aside.navbar-main ul li .nav-link { font-size:1.5rem; line-height:2rem;	margin-bottom:1rem; }
	aside.navbar-main .megamenu	{ margin-bottom:1.5rem; }
	aside.navbar-main ul.navbar-nav li.dropdown ul.megamenu li a { font-size:1.3rem; line-height:1.3rem; }
	aside.navbar-main ul.navbar-nav li.dropdown ul.dropdown-menu { max-width:80vw; box-shadow:none }
	
	
	
	
	 
/* 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 :not(.figure 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 ====================== */
.personal div.col div.card.h-100.column-bg .card-body img { border-radius:0rem !important }

/* 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: 0rem 5rem 0rem 0rem  }	
	aside.navbar-main ul.navbar-nav { margin-top:3rem }
	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 }	
	aside.navbar-main :is(ul li .nav-link, ul li .dropdown-item) { font-size:1.55rem; line-height:1.5rem; }
	
/* 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 ====================== */
.personal div.col div.card.h-100.column-bg { border-radius: 0.375rem}
.personal .rowdirection.links img { border-radius:0.375rem 0 0 0.375rem !important }
.personal .rowdirection.rechts img { border-radius:0 0.375rem 0.375rem 0 !important }
.personal .rowdirection.rechts img { float:right }

/* 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 ================= */
/* 2-18 Sidebar Right ======================== */
.sidebar-right {  padding-left:2rem }

/* 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 ================ */
	.container-xl, 
	.container-lg, 
	.container-md, 
	.container-sm, 
	.container { max-width: 1140px; }
/* 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 ========================= */

}