/* Global */
body {background-color: #efefef; max-width: 1680px; margin: 0 auto; position: relative !important; min-width: 350px; word-wrap: break-word;}
#tab-description > .desc h1 {margin: 15px 0px 5px 0px; color: #ff0000; font-size: 48px;}
#tab-description > .desc h2, 
#tab-description > .desc h3, 
#tab-description > .desc h4, 
#tab-description > .desc h5 {margin: 15px 0px 5px 0px; color: #9c7556; font-size: 16px;}
.max-width-1568px-container {max-width: 1568px; margin: 0px auto;}
.max-width-1600px-container {max-width: 1600px; margin: 0px auto;}
.max-width-1500px-container {max-width: 1500px; margin: 0px auto;}
.max-width-1400px-container {max-width: 1400px; margin: 0px auto;}
.max-width-1300px-container {max-width: 1300px; margin: 0px auto;}
.max-width-1200px-container {max-width: 1200px; margin: 0px auto;}
.max-width-1100px-container {max-width: 1100px; margin: 0px auto;}
.max-width-1000px-container {max-width: 1000px; margin: 0px auto;}
.max-width-1568px-container-l {max-width: 1568px;}
.max-width-1600px-container-l {max-width: 1600px;}
.max-width-1500px-container-l {max-width: 1500px;}
.max-width-1400px-container-l {max-width: 1400px;}
.max-width-1300px-container-l {max-width: 1300px;}
.max-width-1200px-container-l {max-width: 1200px;}
.max-width-1100px-container-l {max-width: 1100px;}
.max-width-1000px-container-l {max-width: 1000px; }
.opc-Accordion-head {width: 100%; font-size: 17px; font-weight: 500; padding: 5px;}
.accordion > .card > .card-header {margin-bottom: 5px; padding: 5px 10px; background: #f7f7f7; border-bottom: 2px solid #9c7556;}
.opc-Accordion-group {border: none;}
.opc-Accordion-group .opc-Accordion-head:focus {box-shadow: none;}
.opc-Accordion-group .btn:not(:disabled):not(.disabled):active {box-shadow: none;}
.blog-details > article > h1, .blog-details > article > .author-meta {text-align: left;}
#content-wrapper > #content > .index-news-wrapper {padding:0px;}




/* Nav */





/* Footer */
#footer{ background-image: url("/media/image/storage/opc/sonstiges/sonstige-grafiken/footer-bg-1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}
#footer hr {border-top: 2px solid #888888;}
#copyright {background-color: #444444;}



/* Special */
.fis-vertikal-center {height: 100%;}
.fis-vertikal-center > .card-body {display: flex; flex-direction: column; justify-content: center; height: 100%; }
.video-outer {display:block; z-index:10; margin: 0 auto; padding: 0px; position:relative; text-align:center;}
.video-text {padding: 5px; 15px; width: 100%; z-index:30; position: absolute; top: 50%; color: #ffffff; font-size: 18px; 
-webkit-transform: translate(0%, -50%); /* android, safari, chrome */
-moz-transform: translate(0%, -50%); /* old firefox */
-o-transform: translate(0%, -50%); /* old opera */
-ms-transform: translate(0%, -50%); /* old IE */
transform: translate(0%, -50%) /* Basic */}
.video-text h1 {text-transform:uppercase; font-size: 60px; color: #ffffff;}
.video-text h2 {font-size: 40px; color: #ffffff;}
.video {margin: 0 auto; width:100%; height:auto; z-index:20; display:block;}
.video-thumb {margin: 0 auto; width:100%; height:auto; z-index:20; display:none;}
.video-text-inner-border-bottom {line-height: 26px; border-bottom: 3px solid rgba(255, 255, 255, 0.15); margin-bottom: 5px; padding-bottom: 5px;}
.video-text-inner {color: #FFFFFF; -ms-word-wrap: break-word; word-wrap: break-word;}
.video-text-inner-beschreibung {text-transform: none; margin-bottom: 20px;}
.video-text-inner-buttons-1 {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  color: #ffffff; font-size: 16px; display: inline-block; padding: 10px 25px; border: 1px solid rgba(255, 255, 255, 0.15); margin: 15px 5px; text-decoration: none;}
.video-text-inner-buttons-1:hover {color: #FFFFFF; background: rgba(255, 255, 255, 0.15); text-decoration: none;}
.video-text-inner-buttons-2 {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  background: #b98446; color: #ffffff; font-size: 14px; display: inline-block; padding: 10px 25px; margin: 15px 25px; text-decoration: none; border-radius: 5px;}
.video-text-inner-buttons-2:hover {color: #FFFFFF; background: #8A5E2B; border: none; text-decoration: none;}
.fis-groove-hinweis { background: #F5F7FA; max-width: 600px; padding: 15px; margin: 15px 0px;}


/* Ab hier Responsive */
@media (min-width: 1300px) {
.container {max-width: 1600px;}
}

@media (max-width: 1200px) { 
.video-text {font-size: 14px;}
.video-text h1 {font-size: 40px;}
.video-text h2 {font-size: 20px;}
}

@media (min-width: 992px) {
.container {max-width: 1600px;}
}

@media (max-width: 768px) { 
.video-text-inner {margin: 10px 0px 5px 0px;}
.video-text-inner-beschreibung {margin-bottom: 5px;}
.video-text-inner-buttons-1 {padding: 5px 8px; margin: 5px 5px;}
.video-text-inner-buttons-2 {padding: 5px 8px; margin: 5px 5px;}
.home-bottom-1-outer {padding: 25px 0px;}
.home-bottom-2-inner-tabelle {height: 300px;}
.home-bottom-2-outer {padding: 40px 25px;}

@media (max-width: 600px) {
.video {display:none;}
.video-thumb {display:block;}
.video-text {font-size: 14px;}
.video-text h1 {font-size: 30px;}
.video-text h2 {font-size: 18px;}	
}

@media (max-width: 480px) {
.video-text h1 {font-size: 22px;}
.video-text h2 {font-size: 16px;}	
.video-text-inner-beschreibung {display:none;}
}