@import url(https://fonts.googleapis.com/css?family=Courgette|PT+Sans:400,700);

/* 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;  }  
.left_menu > li   { list-style:none; padding:0 3px; margin:0; }
.left_menu > li a { display: block; padding: 5px; color: #323232;}

.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 { border-bottom:1px solid #ddd  }



/** 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 { padding:10px 0; }
.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: #77519c; color: #fff!important; padding: 15px; }
.left_menu          { display:none; }
#left_menu.open .left_menu { display:block; } 
.titleleft { color:#fff!important; }
.grey-bottom { border-bottom:transparent!important; }
ul.nav.navbar-nav { border-top:2px solid #77519c; border-bottom:2px solid #77519c; margin:0; margin-top:12px; }
ul.nav.navbar-nav li { border-bottom:1px solid #f0f0f0; }
.margin-top-xs-0 { margin-top:0; }
}
@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; }
#logo { max-width:190px; } 
}
#logo { max-width:190px; }

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

@media screen and (max-width: 767px) {
.c-tab__content table { display:none; }
}

.bold { font-weight:700 }
.fs30 { font-size:30px!important; }
.img-lh { line-height: 60px; height: 60px; }
.whitebox { background-color: #fff; padding: 15px; height:165px; box-shadow: 0 0 3px #AFAFAF; }


.thumbimage { text-align: center;  border: solid 1px #f1f1f1; display: inline-block; margin-right: 8px; margin-bottom: 8px;  }  

.left_menu > li a,
.left_menu > li label { 
position: relative;
padding: 13px 0px!important;
cursor: auto;
display: block;
font-size: 14px;
font-weight: 400;
}
.left_menu ul   { background: #f6f6f6; display: none; }
.left_menu > li { position:relative; }

.left_menu ul    { padding:0; }
.left_menu ul, 
.left_menu ul li { list-style:none; } 
.left_menu ul li { padding-left:15px; }

.left_menu > li > ul a { padding: 7px 0px!important }

@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; }
.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-containe3r .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) {
.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; }
.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:100%; padding-left:40px; }
.boxes-container .big   	 { width:230px; font-size:100%; 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 { width:100%; }
.c-tab__content  { overflow:hidden }

@media screen and (max-width: 767px) {
.c-tab__content table { display:none; }
}


.bold { font-weight:700 }
.fs30 { font-size:30px!important; }
.img-lh { line-height: 60px; height: 60px; }
.whitebox { background-color: #fff; padding: 15px; height:205px; box-shadow: 0 0 3px #AFAFAF; }



@media (max-width: 992px) {
.menu-button {
background: none;
border: none;
display: block;
height: 40px;
width: 40px;
padding-top: 10px;
padding-right: 10px; }
.navbar-red .navbar-nav > li:last-child {
border-bottom: none; }
.titleleft{ padding-bottom: 0px; }
}

#left_menu_checkbox:checked + #left_menu .left_menu { display:block; }
.mainTabs {max-width: 100%;}
.content  {background: #fff; color: #373737; border-top:1px solid #9e9e9e}
.content > div {display: none; padding: 20px;}

input {display: none;}
.mainTabs label {
display: inline-block;
padding: 15px 20px;
text-align: center;
background-color: #f6f6f6;
margin-bottom: -1px;
text-transform: uppercase;
font-weight: 400;
color: #8f8f8f;
font-size: 18px;
}
.mainTabs label:hover {color: #77519c; cursor: pointer;}
input:checked + label {background: #fff; color: #77519c; border-bottom:1px solid #fff}


.children-arrow:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 10px; font-size: 20px; color: #ABABAB; top: 12px; }

.left_menu label { margin-bottom:0; cursor:pointer!important; }
.left_menu input:checked + ul { display:block; }

.center { text-align:center; }


@media (max-width: 768px) {
.margin-top-xs-2 { margin-top:24px; }
}
.check-list,
.check-list li { list-style:none; margin:0; padding:0; }

.check-list li   { position:relative; padding: 10px 0 10px 40px; border-bottom:1px solid #f0f0f0; }
.check-list li:last-child { border-bottom:none; }
.check-list li i { position: absolute;
left: 0px;
top: 18px;
background-color: #493c8a;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
color: #fff;
}
.main-image-box { border:1px solid #eee;  }
.main-image-box hr { margin:0 15px; }

.content 	  { font-size:14px; }
#content1 img { max-width:100%!important; height:auto!important; }

h1,.h1 { font-size:22px; }
h2,.h2 { font-size:18px; }

.header-nav { background-color:#f6f6f6; line-height:30px; }
.grey-bottom { border-bottom:1px solid #ddd; }


.titleleft { color:#77519c; text-transform:uppercase; font-weight:400; }

body { font-family: 'PT Sans', Helvetica, Arial, sans-serif; }
.thumbs-inner { height:150px; overflow:hidden; border:1px solid #f6f6f6; text-align:center; }
.thumbs-inner img { max-height:150px; }

.navbar-nav { margin-top:9px; }
.navbar-nav > li   { margin-left:6px; }
.navbar-nav > li a { color:#555;  }

.mainTabs { background-color:#f6f6f6; border-top:1px solid #9e9e9e; }

.nav>li>a:focus, 
.nav>li>a:hover { background:none; color:#77519c; }

@media(min-width:993px){

.navbar-nav>li>a:after {
	content: ' ';
	position: absolute;
	left: 50%;
	height: 3px;
	background-color: #77519c;
	width: 0%;
	bottom: -2px;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.navbar-nav>li:hover>a:after
{
	left: 0;
	width: 100%;
}
}
.purple { color:#77519c; }
@media(max-width:992px){
.mainTabs label { display:block; }
.thumbs-inner   { max-height:80px; }
}