/* EXPERIMENTELLE STYLES ZUM TESTEN =================================================== */

/*
body { background:#fff4d8 }
*/

/* BORDER FUER ALLE HAUPTCONTAINER */
aside.navbar-head .container, aside.navbar-main .container, aside.container-fluid .container.post-thumbnail, section.container, 
section.container-fluid, aside.footer div.container { 	border:0px dashed #000 }

/* BORDER DER UNTERCONTAINER DES HAUPTCONTAINERS (ARTICLE UND SIGHTBAR-RIGHT) */
article, aside.sidebar-right  { border: 0px dotted #000 !important } 


/* KOLUMNEN PLAIN */

div.row div.column-plain:nth-child(2n+1) { border:0px solid #000; /* background: #20ff07; */ } 
div.row div.column-plain:nth-child(2n+0) { border:0px dotted #000; /* background: orange; */} 
div.row div.column-plain { border:0px dotted #000 !important; }


div.card-bg-big .column-plain.px-3 { padding: 1rem 1rem 1rem 1rem !important; --bs-gutter-x: 1rem;}
div.card-bg-big .column-plain:hover { box-shadow:none}

div.card-bg-big .column-plain .tabscontainer .tab-content div.tab-pane.active { box-shadow:none }

.row  > div { border:0px solid #000 }



/* WICHTIGE STYLES ZUR ÜBERNAHME =================================================== */

/* CONTAINER-SPEZIFIKATIONEN MAXIMALE BREITE */
@media (min-width: 1200px) {
	.container-xl, 
	.container-lg, 
	.container-md, 
	.container-sm, 
	.container { max-width: 1140px; }
}
@media (min-width: 1400px) {
	.container-xxl, 
	.container-xl, 
	.container-lg, 
	.container-md, 
	.container-sm, 
	.container { /* max-width: 980px;*/ }
}



/* CONTAINER POST-THUMBNAIL */
aside .container.post-thumbnail {height: 140px; position: relative; }
aside .container.post-thumbnail .post-thumbnail-title {  }
    
/* TEILUNG DES HAUPTCONTAINERS IN ARTICLE UND SIGHTBAR-RIGHT */
@media (min-width: 768px) {	main section article.col-md-7 { width:69%; margin-right:2% }	main section aside.col-md-5 { width:29%; padding:1rem 0 0 2% }}   

/* SIDEBAR-RIGHT SCROLL-STOP-TOP */
aside div.position-sticky { top: 4rem; }




/* TOOLS FUER MODAL FOTOGALERIE */
.automodaloverlay .modal-dialog, .automodaloverlay .modal-dialog-auto { max-width:980px !important }
.fade-in-text { 
	animation: fade linear .7s;  
	-webkit-animation: fade linear .7s;  
	-moz-animation: fade linear .7s;  
	-o-animation: fade linear .7s;  
	-ms-animation: fade linear .7s;}
@keyframes fade {  0% {opacity:0;}  100% {opacity:1;}}
@-moz-keyframes fade {  0% {opacity:0;}  100% {opacity:1;}}
@-webkit-keyframes fade {  0% {opacity:0;}  100% {opacity:1;}}
@-o-keyframes fade {  0% {opacity:0;}  100% {opacity:1;}}
@-ms-keyframes fade {  0% {opacity:0;}  100% {opacity:1;}}