/*Global Body
------------------------------------*/
body {
	padding-top: 0px;
	font-size: 16px;
	font-family: 'Tinos', serif;
}

/*Center responsive images*/
.img-responsive.img-center {
  margin: 0 auto;
}


/*Global Link Color
------------------------------------*/
a {
   color: #333;
   text-decoration: none;
   	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  
}
a,
a:focus, 
a:hover, 
a:active {
   color: #333;
   outline: 0 !important;
}
a:focus {
  text-decoration: none;
}
a:hover {
   color: #a29061;
   text-decoration: none;
}


/* Link Colors
   -------------------------------------------------- */
 
/*---Links 1 start---*/
a.link1 {
	color: #6e6e6e;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.link1:hover,
a.link1:focus {
	text-decoration: none;
	color: #a29061;
}
/*---Links 2 start---*/
a.link2 {
	color: #a29061;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.link2:hover,
a.link2:focus {
	text-decoration: none;
	color: #333;
} 



/*MAIN-MENU Breadcrumbs
------------------------------------*/

/*change breadcrumb background color*/
.breadcrumb {
	text-align: center;
	padding: 0px 0px;
	margin-bottom: 20px;
	background-color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-style: italic;
}
/*change breadcrumb links color*/
.breadcrumb a {
     color: #666;
}
.breadcrumb a:hover {
	color: #a29061;
	text-decoration: none;
}
/*active color link*/
.breadcrumb .active > a {
     color: #a29061;
}
/*change breadcrumb separator*/
.breadcrumb > li + li:before {
     color: #aaa;
}
.headline {
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 30px;
}
.subline-nospace {
	margin-top: 0px;
	/*margin-bottom: 30px;*/
}
@media (max-width: 992px) {
  .subline-nospace {
	margin-top: 20px;
	/*margin-bottom: 30px;*/
}
   .breadcrumb {
	margin-bottom: 0px;
}
}
.subline {
	margin-top: 20px;
	/*margin-bottom: 30px;*/
}



/*SOCIAL MEDIA Bar left
------------------------------------*/
.socialmedia-bar {
	text-align: left;
}
.socialmedia-bar > a {
	margin-left: 2px;
	margin-right: 2px;
}
@media (max-width: 992px) {
  .socialmedia-bar {
	text-align: center;
	margin-top: 0px; /*war 20px*/
	margin-bottom: 20px;
}
}



/*SUBMENU left
------------------------------------*/
/*<ul id="firstLink" class="collapse in"> to open the categories on pageload*/
.submenu-wrapper {
	text-align: right;
	margin-top: 26px;
	line-height: 28px;
}
.head2zeilig {
	margin-top: 50px;
}
@media (max-width: 992px) {
  .submenu-wrapper {
	text-align: center;
	margin-bottom: 30px;
}
  .submenu-headline li {
	margin-right: 42px;
}
  .head2zeilig {
	margin-top: 26px;
}
}
.submenu {
	font-style: italic;
}
.submenu-headline {
	text-transform: uppercase;	
}
.submenu-headline li {
	text-transform: none;
}
.submenu-headline ul,
.submenu-headline ol {
  list-style: none;
}
#accordion1 li.panel {
  margin-bottom: 0px;
  background-color: #fff;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.submenu-headline.active > a {		/*active link submenu left*/
    color: #a29061;
}
.active-headline {					/*Headline*/
	color: #a29061;
}
.wappen {
	margin-top: 20px;
}




/*LANGUAGE BUTTONS rechts
------------------------------------*/
.language-bar {
	text-align: right;
}
.language-bar > a {
	margin-left: 2px;
	margin-right: 2px;
}
@media (max-width: 992px) {
  .language-bar {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}
}
.btn-sq-xs {
	width: 22px !important;
	height: 22px !important;
	padding: 2px;
	color: #999;
	font-size: 12px;
}
.btn.sharp {
  border-radius:0;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #a29061;
  border-color: #adadad;
}



/*Spaces
------------------------------------*/
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0;
}
.no-top-space {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.no-bottom-space {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.content-xs {
  padding-top: 20px;
  padding-bottom: 20px;
}
.content {
  padding-top: 40px;
  padding-bottom: 40px;
}
.content-sm {
  padding-top: 60px;
  padding-bottom: 60px;
}



.content-md {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-lg {
  padding-top: 100px;
  padding-bottom: 100px;
}

.space-lg-hor {
  padding-left: 60px;
  padding-right: 60px;
}

.space-xlg-hor {
  padding-left: 100px;
  padding-right: 100px;
}

.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-15, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-30, 
.margin-bottom-35, 
.margin-bottom-40, 
.margin-bottom-45, 
.margin-bottom-50, 
.margin-bottom-55, 
.margin-bottom-60,
.margin-bottom-100 { 
   clear:both;
}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;} 
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-100 { margin-bottom:100px;}



@media (max-width: 768px) {
  .sm-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .sm-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .sm-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .sm-margin-bottom-40 {
    margin-bottom: 40px;
  }
  .sm-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .sm-margin-bottom-60 {
    margin-bottom: 60px;
  }
}

@media (max-width: 992px) {
  .md-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .md-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .md-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .md-margin-bottom-40 {
    margin-bottom: 40px;
  }
  .md-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .md-margin-bottom-60 {
    margin-bottom: 60px;
  }
}

/*Other Spaces*/
.margin-top-20 { margin-top: 20px;}
.margin-left-5 { margin-left: 5px;}
.margin-left-10 { margin-left: 10px;}
.margin-right-5 { margin-right: 5px;}
.margin-right-10 { margin-right: 10px;}

.padding-top-5 { padding-top: 5px;}
.padding-left-5 { padding-left: 5px;}







/*Absätze, Text*/
/*p {
    margin: 0 0 25px;
    font-size: 10px;
    line-height: 1.5;
}*/
/*@media(min-width:767px) {
    p {
        margin: 0 0 35px;
        font-size: 20px;
        line-height: 1.6;
    }
}*/



/*TABLES*/
/*no Border at the top*/
.table.table-noborder > thead > tr:first-child > td, 
.table.table-noborder > tbody > tr:first-child > td {
    border: none;
}


/*CONTACT FORM*/
#contact .form-group .text-danger {
    color: #a29061;
}
#contact .form-control:focus {
    border-color: #a29061;
    box-shadow: none;
}



/* FONTS
   -------------------------------------------------- */   
   .quote-sm {
	font-size: 22px;
	font-style: italic;
   }
   .lead {
	color: #f1e27d;
	}
   .footer-font {
	font-size: 14px;
	color: #6e6e6e;
	}
	.header-text {
	font-size: 50px;
	line-height: 100%;
	} 
  	h1 {
	color: #a29061;
	/*text-transform: uppercase;*/
	font-size: 21px;
  	}
  	h2 {
	/*color: #a29061;*/
    font-size: 20px;  
  	}
    h3 {
    font-size: 18px;  
  	}
  
 
/* Eigene Abstände
   -------------------------------------------------- */ 
.content-logo {
  padding-top: 60px;
  padding-bottom: 40px;
}
.margin-bottom-40-mobile {
	margin-bottom:40px;
}
.headline-graphic {
	text-transform: uppercase;
	margin-top: 14px;
	margin-bottom: 10px;
}
.nojustify {
	text-align: left;
}
  
 
 
 
  
  
/* FIX Abstand Ipad
   -------------------------------------------------- */  
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
.content-logo {
  padding-top: 30px;
  padding-bottom: 20px;
}
.margin-bottom-40-mobile {
	margin-bottom:20px;
}	
  
}



/* FIXED Sidebar
   -------------------------------------------------- */
@media (min-width: 992px) {
  #sidebar.affix-top {
    position: static;
  	/*margin-top:26px;*/
  	/*width:100%*/
	/*margin-left: -62px;*/
	/*text-align: right;*/
  }
  #sidebar.affix {
    position: fixed;
    top:40px;
    width:228px;
	margin-left: -63px;
	padding-left: 63px; /*war vorher 40px*/
  }
}
.affix,.affix-top {
   position:static;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #sidebar.affix {
    position: fixed;
    top:40px;
    width:228px;
	margin-left: -96px;
	padding-left: 96px; /*war vorher 88px*/
  }
}



/* MOBILE navbar
   -------------------------------------------------- */

@media only screen and (min-width : 480px) {
    .navbar-collapse.custom-menu {
        display: none!important;
    }
	.navbar-toggle {
    display: none;
  }	
  .navbar-default {
  display: none; /*navbar verschwindet ganz, Bereich ist wieder anklickbar*/  
  background-color: transparent;
  border-color: transparent;
}  
}

@media only screen and (max-width : 480px) {
	.submenu-wrapper {
	 display: none;	
	}
	.breadcrumb {
	display: none;	
	}	
	.socialmedia-bar {
	margin-top: 0px;
}	
	.margin-bottom-40-mobile {
	margin-bottom: 10px;
}	
.navbar-default {
  /*background-color: #f9f9f9;*/
  background-color: #fafafa;
  border-color: #fafafa;
}
.offset1:before { 
	display: block; 	/*Anker verschieben bei fixed Top-Navigation*/
 	content: " "; 
  	height: 40px;      /* Give height of your fixed element */
    margin-top: -40px; /* Give negative margin of your fixed element */  	
    visibility: hidden;
}
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 0px;
}
.navbar-header {
	background-color: #fff;
}

/* Mobile Navbar COLORS */
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #a29061;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #a29061;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #a29061;
    }

/*Customize Icon-Bar Button*/ 
 .navbar-default .navbar-toggle {
  border-color: transparent; /* Removes border color */
  background-color: #fff;
}
 .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #a29061;
}
 .navbar-default .navbar-toggle:hover {
  background-color: #fff;
}
 .navbar-default .navbar-toggle:focus {
  background-color: #fff;
}



.img-tab {
	width:100%;
	height:auto;
	min-width: 100px;
}


.upload-button {
	font-size: 14px;
	color: #999999;
}