/* Template Struktur */

.margin-top-0 { margin-top: 0; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-top-025 { margin-top: 3px; }
.margin-top-05 { margin-top: 6px; }
.margin-top-1 { margin-top: 12px; }
.margin-top-15 { margin-top: 18px; }
.margin-top-2 { margin-top: 24px; }
.margin-top-3 { margin-top: 36px; }
.margin-top-4 { margin-top: 48px; }
.margin-top-8 { margin-top: 96px; }
.margin-bottom-025 { margin-bottom: 3px; }
.margin-bottom-05 { margin-bottom: 6px; }
.margin-bottom-1 { margin-bottom: 12px; }
.margin-bottom-15 { margin-bottom: 18px; }
.margin-bottom-2 { margin-bottom: 24px; }
.margin-bottom-3 { margin-bottom: 36px; }
.margin-bottom-4 { margin-bottom: 48px; }
.margin-bottom-8 { margin-bottom: 96px; }
.margin-right-025 { margin-right: 3px; }
.margin-right-05 { margin-right: 6px; }
.margin-right-1 { margin-right: 12px; }
.margin-right-15 { margin-right: 18px; }
.margin-right-2 { margin-right: 24px; }
.margin-left-025 { margin-left: 3px; }
.margin-left-05 { margin-left: 6px; }
.margin-left-1 { margin-left: 12px; }
.margin-left-15 { margin-left: 18px; }
.margin-left-2 { margin-left: 24px; }
.padding-top-1 { padding-top: 12px; }
.padding-top-15 { padding-top: 18px; }
.padding-top-2 { padding-top: 24px; }
.padding-top-3 { padding-top: 36px; }
.padding-top-4 { padding-top: 48px; }
.padding-bottom-1 { padding-bottom: 12px; }
.padding-bottom-15 { padding-bottom: 18px; }
.padding-bottom-2 { padding-bottom: 24px; }
.padding-bottom-3 { padding-bottom: 36px; }
.padding-bottom-4 { padding-bottom: 48px; }
.padding-right-025 { padding-right: 3px; }
.padding-right-05 { padding-right: 6px; }
.padding-right-1 { padding-right: 12px; }
.padding-left-025 { padding-left: 3px; }
.padding-left-05 { padding-left: 6px; }
.padding-left-1 { padding-left: 12px; }
.no-padding { padding: 0 !important; }
.padding-all-1 { padding:12px; }
.padding-all-2 { padding:24px; }

#wrapper { font-size:14px; }

/** ZOOM **/

.relative { position: relative; }
.close-overlay { position:absolute; top:10px; right:10px; }
#zoom { display:none; padding-top:50px; }
#mainimage { cursor:pointer; }
#zoom { position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(255, 255, 255, 0.9); z-index: 3; }

/** LEFT MENU **/
.left_menu        { padding:0; border:2px solid #dadada; } 
.left_menu > li   { list-style:none; padding:0 3px; background-color: #f0f0f0; margin:0; }
.left_menu > li a { display: block; padding: 5px; color: #323232; border-bottom: 1px solid #dadada; }

.c-tab img { max-width:100%; height:auto; } 

/* Template Color */

/** FOOTER **/

.footer    { background-color:#f0f0f0; }
.footer hr { border-top:1px solid #ccc; }

/** TABS **/

.nav-pills > li     { width:18%; text-align:center; background-color:#f0f0f0; font-size:125%; margin:0 1%; }
.nav-pills > li > a { color:#565656; }

/** NAVIGATION **/

.navbar-red                      { background-color:#c12232; border-radius:0; }
.navbar-red .navbar-nav > li > a { color:#fff; text-transform: uppercase; }
.navbar-red .container-fluid,
.navbar-red .navbar-collapse     { padding-left:0; padding-right:5px; }
.navbar-red .nav > li > a:hover,
.navbar-red .nav > li > a:focus  { background-color:#c12232; text-decoration: underline; }


/** ÃœBERALL AUSSER HANDY **/
@media (min-width: 768px) {
	.navbar-red .navbar-nav > li > a:before 
	{
	    width: 1px;
	    content: '';
	    height: 20px;
	    background-color: rgba(255, 255, 255, 0.4);
	    display: block;
	    position: absolute;
	    right: 0;
	}
}

/** TABS **/

.c-tabs-nav 	  			 { display: flex; list-style: none; margin: 0; padding: 0; }
.c-tabs-nav__link 			 { flex: 1; margin-right: 4px; padding: 12px; color: #fff; background-color: #b3b3b3; text-align: center; transition: color 0.3s; }
.c-tabs-nav__link:last-child { margin-right: 0; }
.c-tabs-nav__link:hover 	 { color: #6d6d6d; }
.c-tabs-nav__link.is-active  { color: #dc446e; background-color: #e7e7e7; }
.c-tabs-nav__link i,
.c-tabs-nav__link span 		 { margin: 0; padding: 0; line-height: 1; }
.c-tabs-nav__link i 		 { font-size: 18px; }
.c-tabs-nav__link span 		 { display: none; font-size: 18px; }

@media all and (min-width: 720px) {
  .c-tabs-nav__link i    { margin-bottom: 12px; font-size: 22px; }
  .c-tabs-nav__link span { display: block; }
}

/**
 * Tab
 */
.c-tab { display: none; background-color: #e7e7e7; }
.c-tab.is-active { display: block; }
.c-tab__content  { padding: 1.5rem; }

/**
 * Tabs no-js fallback
 */
.c-tabs.no-js .c-tabs-nav { display: none; }
.c-tabs.no-js .c-tab      { display: block; margin-bottom: 1.5rem; }
.c-tabs.no-js .c-tab:last-child { margin-bottom: 0; }

.thumbs img { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7; 
	cursor: pointer;
}
.thumbs img:hover { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1; 
}

.transition { 	
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

.boxes-container .small,
.boxes-container .big   { position:relative; }
.boxes-container i,
.boxes-container i  { position:absolute; left:0; top:7px; }

.icon-bar {
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}
.open .top-bar {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -o-transform-origin: 10% 10%;
    -moz-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}
.open .middle-bar {
  opacity:0;
}
.open .bottom-bar {
    -webkit-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
    
    -webkit-transform-origin: 12% 90%;
    -o-transform-origin: 12% 90%;
    -moz-transform-origin: 12% 90%;
    transform-origin: 12% 90%;
    
}
.top-bar {
  -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.middle-bar {
    opacity: 1;
}
.bottom-bar {
-webkit-transform: rotate(0);
    -ms-transform: rotate(0);
        transform: rotate(0);
}


@media (max-width: 400px) {
	.c-tabs-nav { display:none; }
	.c-tab      { display:block; margin-top:24px; }
}

@media (max-width: 767px) {
	.boxes-container i { font-size:26px; }
	#navbar { padding: 0; margin: 0 10px; }
	.navbar-red   { border-top:3px solid #c12232; background-color:#fff; border-bottom:3px solid #c12232; }
	.navbar-red .navbar-nav > li     { border-bottom:1px solid #c12232;  }
	.navbar-red .navbar-nav > li > a { color:#323232; text-align:center; }
	.mini-center { float:none!important; text-align:center; display:block }
}
@media (min-width: 768px) and (max-width: 991px) {

	.boxes-container i { font-size:26px; }
	.boxes-container .h5 		     { font-size:11px; }
	.boxes-container .small 	     { width:162px; font-size:70%; padding-left:40px; }
	.boxes-container .big   	     { width:175px; font-size:70%; padding-left:40px; }
	.boxes-container .margin-left-2  { margin-left:6px; }
	.boxes-container .margin-right-2 { margin-right:6px; }

}
@media (max-width: 992px) {
	#logo { max-width:180px; }
	.menu-container     { position: absolute; right: 20px; top: 3px;  }
	.menu-button        { background: none; border: none; display: block; height: 40px; width: 40px; }
	.menu-button > span { display: block; height: 3px; background-color: #FFFFFF; width: 100%; margin-top: 4px; }
	.mobil-menu-head    { background-color: #C12232; color: #fff; padding: 15px; }
	.left_menu          { display:none; }
	#left_menu.open .left_menu { display:block; } 
}
@media (min-width: 992px) {
	.boxes-container i      	 { font-size:26px; }
	.boxes-container .small 	 { width:175px; font-size:80%; padding-left:40px; }
	.boxes-container .big   	 { width:230px; font-size:80%; padding-left:40px; }
	.boxes-container .no-padding { text-align:center; }
	.boxes-container .h5 		 { font-size:12px; }
	.boxes-container .margin-left-2 { margin-left:6px; }
}

@media (min-width: 1200px) {
	.boxes-container .no-padding { text-align:right; }
	.boxes-container i 			 { font-size:30px; }
	.boxes-container .small 	 { width:175px; padding-left:40px; }
	.boxes-container .big   	 { width:230px; padding-left:40px; }
}

.c-tab__content table { max-width:100%; }