/* 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: 1px 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:1px 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:1px 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: 980px; }}
@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: 180px; position: relative; }
aside .container.post-thumbnail .post-thumbnail-title {
    background: rgba(255,255,255,0.78); color: #604a41; font-family: 'gentium'; font-size: 2em; padding: 1rem 1rem 1rem 1rem; 
    position: absolute; bottom: 18px; border-radius: 10px 10px 10px 0px; line-height: 0.8em; margin-left: 1rem; }
    
/* 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; }


/* BACK-TO-TOP-BUTTON */
#btn-back-to-top { position: fixed;  bottom: 100px;  right: 20px;  display: none; }

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