/* Fonts sind in fonts.css Open Sans und Roboto Condensed */

@import url("prettyPhoto.css") screen;
@import url("hoverex-all.css") screen;

/********** SLIDERS **********/
* {
margin: 0;
padding: 0px;
}

body {
background: #ffffff;
margin: 0;
height: 100%;
color: #625b53;
font-family: 'Frank Ruhl Libre', sans-serif;
font-weight: 400;	
background-image:url(../../media/bg-page.jpg);
background-repeat: repeat repeat;
background-position: center top;
-webkit-background-position: center top;
}

@media (min-width: 768px) and (max-width: 991px) {
body {

}
}

@media (min-width: 1px) and (max-width: 767px) {
body {

}
}

button:focus {
outline: none;
}

a:focus {
outline: none;
}


/* unter Navi, vor .mtb - Abstand Navi zum Contentcontainer main */
.box-shadow-wrapper {
/* border-bottom:1px dotted #cbcbcb; */
margin-bottom:40px;
}


.wrapper-page {
margin-bottom: 50px;
}

@media (min-width: 1px) and (max-width: 992px) {
.wrapper-page {
margin-bottom: 20px!important;
}	
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Prata', sans-serif;
font-weight: 500;
margin-top:0px!important;
/* letter-spacing:-1px; */
word-wrap:break-word!important;
vertical-align: baseline;
/* text-transform:uppercase; */
letter-spacing:0px!important;
}


h1,h2,h3 { 
font-size:40px!important; 
}


h1 { 
font-weight: 500!important;
color:#625b53!important; 
margin-bottom:30px!important;
/* letter-spacing:-1px!important; */
}

/*
h1::after {
content: "";
background-color: #ffdf44;
width: 200px;
height: 3px;
position: absolute;
left: 0%;
transform: translate(15px,50px);
}
*/

h2 { 
font-weight: 400!important;
color:#cba76b!important; 
/* letter-spacing:-1px!important; */
margin-bottom:30px;
font-size:30px!important; 
}

h3 {  /* u.a. Kontakt Box Übersicht */
color:#625b53!important; 
line-height:26px;
font-size:22px!important; 
font-weight: 500!important;
margin-bottom:23px!important;
/* letter-spacing:-1px!important; */
}

h4 {  /* Text für Download Bezeichnung */
font-weight: 500!important;
font-size:23px!important;
color:#cba76b!important; 
line-height:32px;
margin-top: 20px;
letter-spacing:0px!important;
margin-bottom:20px;
}

h5 {  /* Text für kleinere h4 */
font-weight: 300!important;
font-size:25px!important;
color:#cba76b!important; 
line-height:32px;
margin-top: 20px;
letter-spacing:0px!important;
margin-bottom:20px;
}

@media (max-width: 991px){ 

h1 { 
font-weight: 500!important;
}

h1,h2 { 
line-height:30px;
font-size:24px!important; 
}

h3 { 
line-height:26px;
font-size:20px!important; 
/* font-weight: 400!important; */
}

h4 { 
line-height:26px;
font-size:22px!important;
/* font-weight: 400!important;  */
}

h5 { 
line-height:28px;
font-size:22px!important;
letter-spacing:-1px!important;
font-weight: 300!important; 
}
}

p {
padding: 0;
margin-bottom: 20px;
font-family: 'Frank Ruhl Libre', sans-serif;
font-weight:300;
font-size: 19px!important;
line-height: 28px;
color: #625b53;
letter-spacing:0px;
word-spacing:3px;
-moz-hyphens: none!important;
-webkit-hyphens: none!important;
-ms-hyphens: none!important;
-o-hyphens: none!important;
hyphens: none!important;
/* margin-top: 10px; */
/* text-transform:uppercase */
}

strong {
font-weight:500!important;
}

em {
font-style:italic!important;
}

/* lange zusammenhaengende Worter umbrechen */
@media (min-width: 1px) and (max-width: 767px) {
p {
word-wrap:break-word!important;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
}

.wrapper-page ol, 
.wrapper-page ul {
padding-left: 20px; 
}
.wrapper-page ol li,
.wrapper-page ul li { 
line-height: 32px; font-size: 19px; 
}

/* ########################### Header PC / Mobile #############  */

.header-wrapper {
/* background: linear-gradient(to bottom, #817971, #625b53); */
background-image:url(../../media/header-wrapper-bg.jpg);
background-repeat:no-repeat;
background-position: center top;
-webkit-background-position: center top;
background-color:#625b53!important;
padding-top:40px; 
padding-bottom:30px;
}

@media (min-width: 0px) and (max-width: 1170px) {
.header-wrapper {
/*
background-image:url(../../media/bg_wbv.png);
background-size: 1420px!important;
height:138px!important;
margin-top:0px;
*/
/* background-image:none!important; */
}
}

/* Logo transparent anpassen an BG */
@media (min-width: 1px) and (max-width: 991px) {
.header-wrapper {
/* background-image:url(../../media/claim-header-mobile.png); */
background-repeat:no-repeat;
background-position: center top;
-webkit-background-position: center top;
}
}

@media (min-width: 481px) and (max-width: 768px) {
.header-wrapper {
/* 
background-image:url(../../media/bg_wbv_mobile.png); 
background-size: 600px!important;
height:97px!important;
background-position: left top;
-webkit-background-position: left top;
*/
padding-top:40px;
padding-bottom:20px;
}
}


@media (min-width: 0px) and (max-width: 480px) {
.header-wrapper {
/* background: linear-gradient(to bottom, #817971, #625b53); */
background-image:url(../../media/header-wrapper-bg-mobile.jpg);
background-repeat:no-repeat;
background-position: center top;
-webkit-background-position: center top;
padding-top:25px; 
padding-bottom:25px;
}
}


.logo-bild {
/* wenn overlay und zentriert 
position:absolute;
z-index:500;
top:120px;
left:50%;
transform: translate(-50%,-50%);
*/
text-align:center;
}

.flex {
display: flex;
justify-content: center;
align-items: center;
}

.logo-bild:hover {
opacity:0.95;
}


.logo-bild {
width:450px;
height:auto;
}


@media (min-width: 1px) and (max-width: 991px) {
.logo-bild {
width:450px;
height:auto;
padding-left:0px;
padding-right:0px;
}
}

.my-sub-nav {
list-style: none;
position:absolute;
right:10px;
top:25px;
text-align:center;
}

.my-sub-nav li {
display: inline-block;
margin-right:20px;
}

.my-sub-nav .my-sub-text {
clear:both!important;
font-size: 12px;
white-space: nowrap;
color:#968e85!important;
font-family:'Frank Ruhl Libre', sans-serif;
text-transform:uppercase;
padding:2px 11px 0px 11px;
}

.my-sub-nav .my-sub-text:hover {
color:#faf8f5!important;	
}

.my-sub-nav .my-sub-icon {
color:#0070b2!important;
position: relative;
display: block;
margin: 0 auto;
margin-bottom:0px;
font-size: 18px;
}

.my-sub-nav .my-sub-icon:hover {
color:#0070b2!important;	
}


/* Spacer vom oben für Seiten mit Meta Eigenschaft ohne Slider */

.spacer {
margin-top: 90px!important; 
}

@media (min-width: 1px) and (max-width: 767px) {
.spacer {
margin-top: 40px!important; 
}
}

@media (min-width: 1px) and (max-width: 480px) {
.spacer {
margin-top: 40px!important; 
}
}

/* /////////////////////// Navigation ////////////////////////// */
/* /////////////// javascript in my_javascript.js ////////////// */

#navigation {
background-color:#cba76b;
-webkit-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.36);
box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.36);
font-family: 'Frank Ruhl Libre', sans-serif;
}

.mobile-brand {
padding: 10px 15px 10px 15px!important;
}

.mobile-brand .brand {
font-family: 'Prata', sans-serif!important;
font-size:20px;
font-weight:500;
line-height:30px;
color:#625b53;
}

@media(max-width: 480px) {
.mobile-brand .brand {
font-size:16px!important;
line-height:28px!important;
}	
}

.hamburger-menue {
float:right;
color:#eee8de!important;
font-size:27px!important;
font-weight:200!important;

}

nav {
z-index:997;
position:relative;
text-align:center;
}

#navigation  li,
#navigation  ol,
#navigation  ul { 
list-style:none!important;
margin:0px!important;
padding:0px!important;
margin-bottom:0px!important;
font-size:0px!important;
}

/* /// 1. Level /// */

#navigation ul li {
  display: inline-block;
  background-color:#e8e3dc;
  border-left: 3px solid #faf8f5;
  line-height: 25px;
  cursor:pointer;
}

#navigation ul li:last-child {
  border-right: 3px solid #faf8f5;
}

#navigation ul li a {
  color: #625b53;
  text-decoration: none;
  padding: 10px 12px 8px 12px; /* padding: 10px 8px 8px 9px; mit Shop Schalter */
  display: block;
  font-weight: 300 !important;	  
  font-size: 17px!important;
}

#navigation  ul li a:hover {
color:#faf8f5!important;
background-color:#cba76b;
}

#navigation li.active a {
  color: #faf8f5!important;
  background-color:#625b53!important;
}

#navigation  ul ul {
position: absolute;
width:auto!important;
background:#faf8f5;
display: none;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.27);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.27);
}

/* /// 2. Level /// */

#navigation  li ul li {
  display: block;
  color:#cba76b;
  background:#faf8f5!important;
  border-bottom:1px solid #625b53;
  border-left: 0px solid #faf8f5!important;
}

#navigation  ul ul li:last-child {
  border:none!important; 
}

#navigation  ul li ul li a {
  padding: 7px 25px 7px 25px!important;
  border: none!important;
}

#navigation  ul li:hover ul {
  display: block;
}

#navigation li.active li a,
#navigation li li a {
  color: #625b53!important;
  background-color:#faf8f5!important;
  text-align:left!important;
}

#navigation ul li ul li a:hover {
  color: #faf8f5!important;
  background-color:#cba76b!important;
  border-bottom:1px solid #cba76b;
}

#navigation ul li ul li.active a {
  color: #faf8f5!important;
  background-color:#cba76b!important;
  border-bottom:1px solid #cba76b;
}

/* mobile Vereinbarungen */

@media (min-width: 992px) and (max-width: 4000px) {
#navigation  .my_2_level {
display:none;
}
}
#navigation  ul li i {
  color: #cba76b;
  float: right;
  padding-right: 8px;
}


nav div {
  cursor: pointer;
  display: none;
}

@media(max-width: 991px) {
  nav {
  text-align:left!important;
  }

  #navigation .container {
  padding-right: 0px!important;
  padding-left: 0px!important;
  margin-right: auto!important;
  margin-left: auto!important;
  }
  
  nav div {
		display: block;
  }

  #navigation ul {
		display: none;
		position: static;
		background: #e3e3e3;
  }

  #navigation ul li {
		display: block;
		border-left: 0px solid #faf8f5!important;
		background-color:#faf8f5!important;
		border-bottom:1px solid #cba76b!important;
  }
  
  #navigation li li {
		border-bottom:1px solid #cba76b!important;
  }
  
  #navigation ul li a {
  padding: 10px 15px 10px 35px;
  font-size: 16px!important;
  }

  #navigation ul ul {
  position: static;
  background: #faf8f5;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  }
  
  #navigation  ul li ul li a {
  padding: 10px 15px 10px 50px!important;
  font-size: 16px!important;
  }
  
  #navigation ul li:last-child {
  border-right: 0px solid #faf8f5!important;
}
}

/* /////////////////////// Ende Navigation ////////////////////////// */

/* ########################### customer listing #############  */

.wrapper-page ul  li{
margin:0 0 30px 5px; /* margin:0 0 20px 10px; */
list-style-type:none!important; 
list-style-image:url(../../media/listenpunkt.png);
}

.wrapper-page ul {
margin:0 0 30px 0px; /* margin:0 0 30px 10px; */
}

.wrapper-page li {
padding: 5px 0px 5px 0px!important;
font-weight:300;
margin-bottom:0px!important;
color: #625b53!important;
font-size: 19px;
line-height: 28px!important;
border-bottom: 1px dotted #c9c9c9;
}

.wrapper-page li  a,
.wrapper-page li  a:link,
.wrapper-page li  a:visited {
color:#0070b2!important;
font-weight:300!important;
}

.wrapper-page li  a:hover {
color:#0070b2!important;
}

/* ############### Text und folgende Telefonnummern #########  */

p span.trennung_nummern {
float: left;
font-size: 17px!important;
}

p span.trennung_nummern_mobile {

}

@media (min-width: 1px) and (max-width: 554px) {
.wrapper-page span.trennung_nummern {
font-weight:400!important;
font-size: 17px!important;
}	
}

@media (min-width: 1px) and (max-width: 554px) {
.wrapper-page  span.trennung_nummern_mobile {
clear:both!important;	
display:block;
width:100%;
border-bottom: 1px dotted #999999;
line-height:30px!important;
}
}

/* ########################################  */

img {
height: auto;
max-width: 100%;
}
.label {
font-size: 85%;
font-weight: normal;
}

.wrapper-page a {
color: #cba76b;
padding: 0;
margin: 0;
text-decoration: underline;
-webkit-transition: background-color .4s linear, color .4s linear;
-moz-transition: background-color .4s linear, color .4s linear;
-o-transition: background-color .4s linear, color .4s linear;
-ms-transition: background-color .4s linear, color .4s linear;
transition: background-color .4s linear, color .4s linear;
text-decoration-thickness: 0.7px !important;
text-underline-offset: 5px;
}

a:hover, a:focus {
text-decoration: none !important;
color: #625b53;
}

@media (min-width: 1px) and (max-width: 767px) {
.a,
.a:link {
word-wrap:break-word!important;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
}

::-moz-selection {
color: #fff;
text-shadow: none;
background: #2B2E31;
}

::selection {
color: #fff;
text-shadow: none;
background: #2B2E31;
}

.centered {
text-align: center;
}
.grey {
background-color: rgba(0, 0, 0, 0.03)!important;
}

/* /////////////////// dunkles Gold Box ///////////////// */

.dunkles_gold {
margin-top:30px;
margin-bottom:85px;
position:relative;
background-color:#625b53;
}

.dunkles_gold::before {
content: "";
background-color:#625b53;
border: 0px solid #999999;
width: 120px;
height: 120px;
position: absolute;
top: -5px; /* Abstand unter Box -> Groesse */
left: 50%;
margin-left: -60px;
transform: rotate(45deg);
z-index: -1;
}

.dunkles_gold::after {
content: "";
background-color:#625b53;
border: 0px solid #999999;
width: 120px;
height: 120px;
position: absolute;
top: 100%;
left: 50%;
margin-top:-115px; /* Abstand unter Box -> Groesse */
margin-left: -60px;
transform: rotate(45deg);
z-index: -1;
}

@media (min-width: 1px) and (max-width: 991px) {
.dunkles_gold::before {
top:0px!important; /* Abstand unter Box -> Groesse */
}
.dunkles_gold::after {
margin-top:-120px!important; /* Abstand unter Box -> Groesse */
}
}

.dunkles_gold h1,
.dunkles_gold h2,
.dunkles_gold h3,
.dunkles_gold h4 {
color: #cba76b!important;
}

.dunkles_gold p,
.dunkles_gold li {
color:#faf8f5!important;
}


.wrapper-page .dunkles_gold a.schalter_mehr_infos, 
.wrapper-page .dunkles_gold a.schalter_mehr_infos:link,
.wrapper-page .dunkles_gold a.schalter_mehr_infos:visited {
font-family: 'Frank Ruhl Libre', sans-serif;
display: inline-block;
color: #cba76b;
padding: 7px 15px 7px 15px;
margin-top: 10px;
margin-bottom: 15px!important;
font-size: 19px!important;
font-weight: 400!important;
letter-spacing: 0px;
border: 2px solid #cba76b;
}

.wrapper-page .dunkles_gold a.schalter_mehr_infos:hover {
border: 2px solid #faf8f5!important;
}

/* /////////////////// helles Gold Box ///////////////// */

.helles_gold {
margin-top:30px;
margin-bottom:85px;
position:relative;
background-color:#cba76b;
}

.helles_gold::before {
content: "";
background-color:#cba76b;
border: 0px solid #999999;
width: 120px;
height: 120px;
position: absolute;
top: -5px; /* Abstand unter Box -> Groesse */
left: 50%;
margin-left: -60px;
transform: rotate(45deg);
z-index: -1;
}

.helles_gold::after {
content: "";
background-color:#cba76b;
border: 0px solid #999999;
width: 120px;
height: 120px;
position: absolute;
top: 100%;
left: 50%;
margin-top:-115px; /* Abstand unter Box -> Groesse */
margin-left: -60px;
transform: rotate(45deg);
z-index: -1;
}

@media (min-width: 1px) and (max-width: 991px) {
.helles_gold::before {
top:0px!important; /* Abstand unter Box -> Groesse */
}
.helles_gold::after {
margin-top:-120px!important; /* Abstand unter Box -> Groesse */
}
}

.helles_gold h1,
.helles_gold h2,
.helles_gold h3,
.helles_gold h4 {
color: #625b53!important;
}

.helles_gold p,
.helles_gold li {
color:#faf8f5!important;
}

.helles_gold a,
.helles_gold a:link,
.helles_gold a:visited {
color: #625b53!important;
}

.helles_gold li {
border-bottom: 1px dotted #faf8f5!important;
}

.helles_gold ul li {
list-style-image: url(../../media/listenpunkt_weiss.png)!important;
}


.wrapper-page .helles_gold a.schalter_mehr_infos, 
.wrapper-page .helles_gold a.schalter_mehr_infos:link,
.wrapper-page .helles_gold a.schalter_mehr_infos:visited {
font-family: 'Frank Ruhl Libre', sans-serif;
display: inline-block;
color: #625b53;
padding: 7px 15px 7px 15px;
margin-top: 10px;
margin-bottom: 15px!important;
font-size: 19px!important;
font-weight: 400!important;
letter-spacing: 0px;
border: 2px solid #625b53;
}

.wrapper-page .helles_gold a.schalter_mehr_infos:hover {
border: 2px solid #625b53!important;
}


.dreispalter_rahmen {
/* background-color: rgba(0, 112, 178, 0.05); */
background-color: rgba(0,0,0, 0.02);
padding:30px 30px 15px 30px;
border-radius: 2px !important;
}

@media (min-width: 1px) and (max-width: 767px) {
.dreispalter_rahmen {
padding:20px!important;
}	
}

.dreispalter-inner-wrapper {
padding: 0px 40px 0px 40px;	
}

@media (min-width: 1px) and (max-width: 767px) {
.dreispalter-inner-wrapper {
padding: 0px 20px 0px 20px!important;	
}	
}

.rahmenbilder img {
/*
border-radius: 1px !important;
-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.17);
box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.17);
padding: 2px 2px 2px 2px;
*/
}

.rot { /* Infobox */
background: #ffd9e8;
}


/* //////////////// kategorieliste / interner Link /////////////////// */

.wrapper-page a.interner_link, 
.wrapper-page a.interner_link:link,
.wrapper-page .kategorieliste a.kategorieliste_link, 
.wrapper-page .kategorieliste a.kategorieliste_link:link ,
.wrapper-page .kategorieliste a.kategorieliste_link:visited {
font-family: 'Frank Ruhl Libre', sans-serif;
display: inline-block;
background-color:inherit;
color: #625b53;
padding: 7px 15px 7px 15px;
margin: 10px 10px 10px 10px;
font-size: 19px;
font-weight: 400 !important;
letter-spacing: 0px;
border: 2px solid #625b53;
text-decoration:none!important;
}

.wrapper-page .kategorieliste a.kategorieliste_link:hover {
border: 2px solid #625b53!important;
background-color: #625b53!important;
color: #faf8f5!important;
}

.wrapper-page .kategorieliste a.my_kat_active {
border: 2px solid #cba76b!important;
background-color: #cba76b!important;
color: #faf8f5!important;
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page a.interner_link, 
.wrapper-page a.interner_link:link,
.wrapper-page .kategorieliste a.kategorieliste_link, 
.wrapper-page .kategorieliste a.kategorieliste_link:link ,
.wrapper-page .kategorieliste a.kategorieliste_link:visited {
border: 1px solid #625b53!important;
}	
}

/* //////////////// ende /////////////////// */

pre {
margin: 20px 0;
}
code {
padding: 5px 10px;
margin: 10px 0;
display: block;
}

blockquote {
border-left: 3px dotted #646b69!important; 
}

blockquote p {
margin-top: 0;
}

/*
blockquote {
padding-left: 30px;
padding-right: 30px;
margin: 20px;
margin-bottom: 30px;
border-left: 0px solid #eee; 
}

blockquote:after {
content: '„';
display: block;
float: left;
font-size: 700%;
margin-right: 10px;
margin-left: -50px;
margin-top: -140px;
color: #c00;
}

blockquote:before {
content: '“';
display: block;
float: right;
font-size: 700%;
margin-top: -40px;
margin-right: -50px;
color: black;
}

*/


.my_icon_plus {
cursor:pointer;
}


@media (min-width: 1px) and (max-width: 991px) {
.my_icon_plus:after {
content: "\f067";
font-family: 'FontAwesome';
font-weight: 300;
line-height: 1;
font-size: 12px;
float:right!important;
padding-top:5px;
}

.my_icon_minus {
content: "\f068";
font-family: 'FontAwesome';
font-weight: 300;
line-height: 1;
font-size: 12px;
float:right!important;
padding-top:5px;
}
}

.dropdown-menu {
background: #FFFFFF;
border: none!important;
padding-top: 10px!important;
padding-bottom: 0;
}
.navbar-default .lang {
margin-left: 5px;
}
.navbar-default .lang a {
margin-left: 5px;
padding-left: 10px;
}
.navbar-default .lang ul a {
margin-left: 0;
}
.navbar-default .lang:before {
content: '';
height: 14px;
width: 1px;
float: left;
position: relative;
top: 18px;
border-left: 1px solid #fff;
}
.navbar-default .lang .dropdown-menu {
min-width: 40px;
text-transform: uppercase;
}

@media (max-width: 991px){
.lang-title {
color: #fff;
margin-top: 30px;
padding: 10px;
background: #5e6772;
}
.navbar-default .lang {
margin-bottom: 20px;
}
.navbar-default .lang:before {
content: none;
}
.navbar-default .lang,
.navbar-default .lang a {
margin-left: 0;
}
}

.navbar-right .dropdown-menu { left: 0; }
.dropdown-menu > li > a {
color: #5e5e5e;
font-weight: 400;
font-size: 16px!important;
padding: 8px 20px;
border-top: 1px solid #0070b2;
font-family:'Open Sans', sans-serif;
}

.dropdown-menu > li:first-child > a {
border-top: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a.active,
.dropdown-menu > .active > a {
color: #FFFFFF;
background: #0070b2 !important;
}

.xform input[type=submit], .btn-theme {
color: #000000;
background-color: #ffdf44;
border-color: #ffdf44;
margin: 15px 0px 25px 0px;
}

.xform input[type=submit],
.xform input[type=submit]:focus,
.xform input[type=submit]:active,
.xform input[type=submit].active,
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
color: #fff;
background-color: #0070b2;
border-color: #0070b2;
}

.dmbutton:hover,
.dmbutton:active, .dmbutton:focus {
color: #ffffff;
background-color: #b2c85f;
border-color: #ffffff;
}

.dmbutton {
background: rgba(0,0,0,0);
border: 1px solid #ffffff;
color: #ffffff;
-webkit-border-radius: 2px;
border-radius: 2px;
padding-top: 1.025rem;
padding-right: 2.25rem;
letter-spacing: 0.85px;
padding-bottom: 1.0875rem;
padding-left: 2.25rem;
font-size: 1.55rem;
cursor: pointer;
line-height: normal;
margin: 0 0 1.25rem;
text-decoration: none;
text-align: center;
display: inline-block;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
-webkit-appearance: none;
font-weight:normal!important;
}

.mtb {
margin-top: 60px; /* Abstand Content zum Banner und bei Modulen oberhalb, unten */
margin-bottom: 50px; /* Abstand Content zum Footer */
}

.mb { margin-bottom: 55px; }
.mt { margin-top: 55px; }

.hline {
border-bottom: 1px dotted #888c8b;
margin: 30px 0 30px;
}

.hline_small {
border-bottom: 1px dotted #888c8b;
margin: 5px 0 10px;
}


@media (min-width: 1px) and (max-width: 480px) {
.hline {
margin: 20px 0 20px;
}
}


.hline-w {
border-bottom: 1px solid #dbe1df;
margin-bottom: 25px;
}

#headerwrap {
background-color: #b2c85f;
min-height: 550px;
padding-top: 100px;
padding-bottom: 0px;
text-align: center;
}

#headerwrap h3, #headerwrap h5 { color: white; }
#headerwrap h1 {
color: white;
margin-bottom: 25px;
}

#headerwrap .img-responsive { margin: 0 auto; }
#service {
margin-top: 100px;
margin-bottom: 80px;
}

/* Iconsize */
.service .size2 .fa {
font-size: 20px;
}
.service .size3 .fa {
font-size: 26px;
}

.breadcrumb-wrapper {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb-wrapper .home_link {
padding-left: 10px;
}
.rex-breadcrumb {
display: inline-block;
padding-left: 0px;
margin-bottom: 0;
}
.rex-breadcrumb>li,
.breadcrumb-wrapper .home_link{
display: inline-block;
}
.rex-breadcrumb>li+li:before,
.breadcrumb-wrapper .home_link:after {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb-wrapper .home_link:after {
padding-left: 10px;
}

#service i {
color: #b2c85f;
font-size: 60px;
padding: 15px;
}

#portfoliowrap {
display: block;
text-align: center;
}
#portfoliowrap h2,
#portfoliowrap h3 {
padding-bottom: 30px;
}

#portfoliowrap.full.framed {
padding-left: 30px;
padding-right: 30px;
}
#portfoliowrap.normal.frameless .row {
margin-left: 0;
margin-right: 0;
}
.portfolio {
display: block;
}
#portfoliowrap.framed .portfolio-item {
padding-top: 15px;
padding-bottom: 15px;
}
#portfoliowrap.frameless .portfolio-item {
padding-left: 0;
padding-right: 0;
}

.portfolio-item .title:before {
border-radius: 0;
display: none;
}

.portfolio-item p { margin: 0px 0 30px; }
.portfolio-item h3 {
margin: -10px 0 10px;
font-size: 16px;
text-transform: uppercase;
}

.portfolio-item h3 {
color: #fff;
margin: 0;
padding: 40px 5px 0;
font-size: 16px;
text-transform: uppercase;
}

.portfolio-item .dmbutton {
display: inline-block;
margin: 40px 5px 20px 5px;
font-size: 13px;
}

.portfolio-item .bg {
height: 100%;
width: 100%;
background-color: #b2c85f;
background-color: rgba(56,68,82,0.9);
text-align: center;
}


/* /////////////// Parallax ///////////////////// */

.fullpicture {
position: relative;
background-color: #FFFFFF;
margin-top: 0px;
padding-top: 15%;
text-align: center;
min-height: 100vh;
width: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
z-index: 1;
}

.fullpicture_parallax {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
overflow: hidden !important;
background-repeat: no-repeat !important;
background-position: center top;
background-position-x: 50%;
background-position-y: 0%;
background-attachment: fixed;  /* nur für PC Ansicht */
position:relative;
}

.fullpicture_parallax_ios {
background-attachment: scroll!important;  /* IOS diese wird via jquery detect für IOS Systeme anstelle background-attachment: fixed;  aufgerufen*/ 
}


.fullpicture .layer {
background-color: #5b6d68;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 1;
}

/* ////////////////////// schwarze Box auf Bild mit Content /////////////////////// */

/*
.fullpicture .layer_bg_images_mit_text {
background-color: #f2f8fb;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
*/

.fullpicture .bg_soft {
background-color: rgba(255,255,255, 0.00);
padding:0px 40px 0px 40px;
/*
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
*/
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:60%;
}

.fullpicture .linien {
padding:25px 40px 10px 40px!important;
border-top:1px solid #d5d5d5;
border-bottom:1px solid #d5d5d5;
}

.fullpicture .bg_soft h1,
.fullpicture .bg_soft h2,
.fullpicture .bg_soft h3 {
opacity:0.9;
font-size:55px!important;
color:#FFFFFF!important;
font-weight:600!important;
}

.fullpicture .bg_soft p {
opacity:0.9;
color:#FFFFFF!important;
font-weight:600!important;
}

.fullpicture .bg_soft a.interner_link {
color:#FFFFFF!important;
display:inline-block;
background-color:inherit!important;
padding:10px;
border:1px solid #FFFFFF;
font-size:20px;
letter-spacing:1px;
margin:20px;
text-decoration:none!important;
}

.fullpicture .bg_soft a:hover.interner_link {
border:1px solid #b4b4b4;
}


@media (min-width: 1px) and (max-width: 991px) {
.fullpicture .bg_soft h1,
.fullpicture .bg_soft h2,
.fullpicture .bg_soft h3 {
font-size:30px!important;
}

.fullpicture .bg_soft {
margin-top:30px;
padding:20px 20px 10px 20px!important;
width:80%!important;
}
}

/* /////////////////////////////////////////////////////////////////// */

.fullpicture .container {
position: relative;
z-index: 3;
}
.fullpicture .centered {
position: relative;
z-index: 2;
}
.fullpicture i {
font-size: 50px;
color: white;
margin-bottom: 25px;
}

.fullpicture p {
color: white;
font-size: 18px;
line-height: 30px;
}

.fullpicture h4 { color: #bfc9d3; }


/* ///////////////////////////////////////////////////////////////// */
/* /////////////////// Parallax alle Devices, ios ////////////////// */


.container-parallax {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 15px;
position: relative;
width: 100%;

}

.container--big {
height: 175vh;
}
.container--full {
height:100vh;
}

@media screen and (max-width: 768px) 
{
.container--full {
min-height: 500px!important;
}
}

.container--small {
height: 45vh;
}

@media screen and (max-width: 767px) 
{
.container--small {
min-height: 400px!important; /* eigentlich 50vh */
}
}

.parallax__container {
clip: rect(0, auto, auto, 0);
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: -100;
background-color:#625b53;
}
.container-parallax .parallax {
/* can be put in a seperate class for better control */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* --------------------------- */
position: fixed;
top: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
width: 100%;
}


@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
40% {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
}
60% {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
}

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
40% {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
}
60% {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
}
@media screen and (max-width: 480px) {
.hide-on-mobile {
	display: none;
}

.show-on-mobile--inline {
	display: inline;
}
}

/* Preloader Parallax */

.image-container-parallax {
visibility: hidden;
position: absolute;
}

.image-container-image-parallax {
visibility: hidden;
position: absolute;
}

/* ///// Content Texte Parallax //// */

.container-parallax .bg_soft {
background-color: rgba(255,255,255, 0.00);
padding:0px 40px 0px 40px;
/*
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
*/
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-65%); /* transform:translate(-50%,-65%); */
width:60%;
}

.container-parallax .linien {
padding:25px 40px 10px 40px!important;
border-top:1px solid #625b53;
border-bottom:1px solid #625b53;
}

@media (min-width: 1px) and (max-width: 480px) {
.container-parallax .linien {
border-top:0px solid #625b53!important;
border-bottom:0px solid #625b53!important;
}	
}

.container-parallax .bg_soft h1,
.container-parallax .bg_soft h2,
.container-parallax .bg_soft h3 {
opacity:1;
font-size:45px!important;
color:#faf8f5!important;
font-weight:500!important;
text-shadow: 1px 1px 2px #625b53, 0 0 1em #625b53, 0 0 0.2em #625b53;
}

.container-parallax .bg_soft h2 {
opacity:1;
font-size:45px!important;
color:#faf8f5!important;
font-weight:500!important;
}

.container-parallax .bg_soft h3 {
font-size:25px!important;
}

.container-parallax .bg_soft p {
opacity:0.95;
color:#e8e3dc!important;
font-weight:400!important;
text-shadow: 1px 1px 2px #625b53, 0 0 1em #625b53, 0 0 0.2em #625b53;
}

.container-parallax .bg_soft a.interner_link {
color:#b79c7d!important;
display:inline-block;
/* background-color:inherit!important; */
background: rgba(0,0,0,0.6);
padding: 10px 23px 10px 23px!important;
border:2px solid #b79c7d;
font-size:20px;
letter-spacing:1px;
margin:20px;
text-decoration:none!important;
}

.container-parallax .bg_soft a:hover.interner_link {
border:2px solid #e8e3dc;
color:#e8e3dc!important;
}


@media (min-width: 1px) and (max-width: 991px) {
.container-parallax .bg_soft h1,
.container-parallax .bg_soft h2 {
font-size:28px!important;
}
.container-parallax .bg_soft h3 {
font-size:20px!important;
}

.container-parallax .bg_soft {
margin-top:30px;
padding:20px 20px 10px 20px!important;
width:80%!important;
}
}

/* //////////////// Ende Content Texte Parallax //////////////// */



#cwrap {
background: #f7f7f7;
margin-top: 0px;
padding-top: 80px;
padding-bottom: 100px;
}

#cwrap h3 { margin-bottom: 60px; }

#sidenav_title {
margin-top: 0;
}
.sidebar li a.rex-current {
font-weight: bold;
}

#sidenav i { margin-right: 10px; }
#sidenav {
padding-left: 0;
list-style-type: none;
padding-top: 20px;
padding-bottom: 20px;
}

#sidenav li {
padding: 2px 0;
}
#sidenav li a {
text-transform: uppercase;
font-weight: 500;
color: #384452;
}

#sidenav li a:hover,
#sidenav li.active a { color: #b2c85f; }
#sidenav li.active li a { color: #384452; }
#sidenav li li a:hover, #sidenav li li.active a { color: #bfc9d3; }
#sidenav ul {
margin-left: 15px;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 15px;
}

#sidenav ul li a {
text-transform: none;
font-weight: 300;
color: #384452;
}

/* Text im Footer  */

.footer-abbinder {
background-color:#625b53;
padding-top:70px;
padding-bottom:70px;
}

.footer-abbinder h2 {
margin-top:50px;
font-family: 'Frank Ruhl Libre', sans-serif;
display:block;
font-weight:200!important;
color:#cba76b!important;
}
.footer-abbinder p,
.footer-abbinder a,
.footer-abbinder a:link  {
font-family: 'Frank Ruhl Libre', sans-serif!important;
font-size:20px!important;
color:#faf8f5!important;
line-height:30px;
letter-spacing:0px;
}


#footerwrap {
/* border-top: 20px solid #e0f0f8; */
padding-top: 220px;
padding-bottom: 140px;
background: #FFFFFF;
/* margin-top:20px!important; */
background-image:url(../../media/goldschmiede-footer.jpg);
background-position: center bottom;
-webkit-background-position: center bottom;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
text-align:center;
}


@media (max-width: 767px){ 
#footerwrap {
background-position: center bottom!important;
-webkit-background-position: center bottom!important;
padding-top: 80px!important;
padding-bottom: 70px!important;
}
}

#footerwrap .inner_cell {
/* background-color: rgba(255,255,255, 0.99); */
border:0px solid #FFFFFF;
margin-bottom:20px;
padding:25px 20px 15px 20px;
}

#footerwrap .row {
margin-right: -15px!important;
margin-left: -15px!important;
}

#footerwrap h4 {
font-weight: 500!important;
font-family: 'Frank Ruhl Libre', sans-serif;
font-size:24px!important;
color:#faf8f5!important; 
line-height:24px;
margin-top: 10px;
margin-bottom: 20px!important;
letter-spacing:0px!important;
}

/*
#footerwrap h4::before {
font-family: FontAwesome;
content: "\f103";
margin-right: 10px;
font-size:25px;
color:#ffdf44;
}
*/

#footerwrap .hline-w {
border-bottom:3px solid #e2e0e0!important;
margin: 5px 0 30px;
max-width:100px;
margin-left:auto;
margin-right:auto;
}

#footerwrap p {
color: #faf8f5;
font-size:16px!important;
}
#footerwrap li {
list-style-type: none;
color: #FFFFFF;
font-size:18px!important;
margin-bottom:10px;
font-family: 'Frank Ruhl Libre', sans-serif;
border-bottom:1px solid #9f8252;
padding:5px!important;
background-color: rgba(0,0,0, 0.2);
}

#footerwrap ol, 
#footerwrap ul {
padding-left:0px!important;
}

#footerwrap li:last-child {
/* border-bottom: none!important; */
}

#footerwrap a { 
color: #faf8f5; 
}
#footerwrap a:hover {
color: #cba76b;
text-decoration: none;
}
#footerwrap li.active a {
color: #faf8f5;
}

#footerwrap .social-links a { margin-right: 20px; }
#footerwrap i {
font-size: 16px;
color: #bfc9d3;
padding-right: 5px;
}

#footerwrap i:hover { color: #008e99; }


.slider { position: relative; }
.slider .slides li { position: relative; }
.slider.small-controls .flex-direction-nav a { margin-top: -20px; }
.slider.small-controls .flex-control-nav { display: none; }
.hero-slider {
padding: 0px;
position: relative;
}

.hero-slider .slides { overflow: hidden; }
.hero-slider .slides li {
height: 650px;
position: relative;
background-size: cover !important;
}

.hero-slider .slides li .row {
position: relative;
z-index: 2;
}

.hero-slider .slides li h3 { font-size: 30px; }
.hero-slider .slides li h2 {
line-height: 1;
margin-bottom: 33px;
padding-bottom: 7px;
}

.hero-slider .slides li h1 {
line-height: 1;
font-size: 60px;
margin-bottom: 33px;
}

.work-slider { margin-top: 28px; }
.work-slider .slides li { height: 400px; }
.slides li .fadeUp { opacity: 0; }
.slides li {
position: relative;
color: #fff;
}

.slides li p, .slides li a { color: #fff; }
.slides li .slide-content {
position: relative;
z-index: 3;
}

.slides li h1, .slides li p {
padding-left: 100px;
padding-right: 100px;
}

.slides li .overlay {
background-color: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.4;
z-index: 2;
}

.slides li .btn-theme {
border: none;
background-color: #b2c85f;
color: #384452;
}


.btn {
border-radius: 0px;
}

.slides li .btn-theme:hover, .slides li .btn-theme:focus, .slides li .btn-theme:active, .slides li .btn-theme.active {
background-color: #384452;
color: #fff;
}

.hero-slider .slides li .slide-content img { max-height: 500px; }
.hero-slider .flex-direction-nav a {
height: 60px;
width: 60px;
font-size: 0;
}

.hero-slider .flex-direction-nav a:before {
position: absolute;
font-size: 40px;
display: block;
top: 15px;
left: 23px !important;
right: auto !important;
}

.hero-slider .flex-direction-nav a.flex-prev:before { left: 20px !important; }
@media all and (max-width: 1100px) {
.hero-slider .slides li .slide-content img { max-height: 300px; }
}

.background-breathe {
-webkit-animation: burnsIn 16s ease infinite alternate;
-moz-animation: burnsIn 16s ease infinite alternate;
animation: burnsIn 16s ease infinite alternate;
}

.background-breathe .slide-content {
-webkit-animation: burnsOut 16s ease infinite alternate;
animation: burnsOut 16s ease infinite alternate;
-moz-animation: burnsOut 16s ease infinite alternate;
position: relative;
top: 30px;
}

@-webkit-keyframes burnsIn {
from {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-ms-transform: scale(1,1);
}

to {
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
}

}

@-webkit-keyframes burnsOut {
from {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-ms-transform: scale(1,1);
}

to {
-webkit-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8);
}

}

@-moz-keyframes burnsIn {
from {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-ms-transform: scale(1,1);
}

to {
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
}

}

@-moz-keyframes burnsOut {
from {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-ms-transform: scale(1,1);
}

to {
-webkit-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8);
}

}

@keyframes burnsIn {
from {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-ms-transform: scale(1,1);
}

to {
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
}

}

@keyframes burnsOut {
from {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-ms-transform: scale(1,1);
}

to {
-webkit-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8);
}

}

#headerpic {
position: relative;
background: #b2c85f;
background-repeat: no-repeat;
background-position: center top;
/* background-attachment: relative; */
background-position: center center;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 100px;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 1;

}

#headerpic .layer {
background-color: #b2c85f;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
z-index: 2;
}

#headerpic h3 {
position: relative;
text-transform: uppercase;
z-index: 3;
color: white;
display: inline;
font-weight: 300;
letter-spacing: 0.3em;
border-bottom: 2px solid #fff;
}

.ctitle {
color: #b2c85f;
font-weight: 700;
margin-bottom: 15px;
}

csmall {
font-size: 12px;
color: #b3b3b3;
}

csmall2 {
font-size: 12px;
color: #f39c12;
}

.spacing {
margin-top: 40px;
margin-bottom: 40px;
}

.badge-theme { background: #b2c85f; }

/* Abstand unter h zum Fließtext p im Spaltenmodus */
.pictext h1,
.pictext h2,
.pictext h3,
.pictext h4,
.pictext h5 {
margin-bottom: 20px;
}

.pictext img {
/* border: 1px solid #ccc; */
border: 0px solid #ccc;
/* Abstand unter Bild im Spaltenmodus */
margin-bottom:25px;
}

/* Bilder zoomen bei rollover */
.pictext a img:hover,
.bunte_ausgabe a img:hover {
-webkit-transform:scale(1.05);
transform:scale(1.05);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}

.downloads h3 { margin-bottom: 25px; }
.downloads i.fa {
margin-right: 10px;
font-size: 18px;
position: relative;
top: 2px;
}

downloads a i.fa { color: #5b6d68; }
downloads a:hover i.fa { color: #b2c85f; }
#contactwrap {
margin-top: -60px;
padding-top: 0px;
text-align: center;
/* background-attachment: relative; */
background-position: center center;
min-height: 400px;
width: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

@media (min-width: 1px) and (max-width: 991px) {
.downloads-wrapper  {
padding-left:15px!important;
}
}

.comments {
padding-top: 10px;
margin-top: 50px;
border-top: 2px solid #bfc9d3;
}

.comments h2 {
font-size: 24px;
padding-bottom: 30px;
}

#commentList li {
margin-top: 30px;
margin-bottom: 30px;
}

#commentList li::after {
content: '';
display: block;
background: #bfc9d3;
width: 100%;
height: 1px;
margin-left: -20px;
}

.board h1 { font-size: 24px; }
.board h2 { font-size: 20px; }

.teaser h2 {
margin-top: 0;
}
.teaser .hline {
margin-top: 30px;
margin-bottom: 40px;
}

.teaser .hline_small {
margin-top: 15px;
margin-bottom: 20px;
}


table {
border-top: 1px solid #0070b2!important; 
/* 
margin-top: 50px; 
*/
width: 100%;
}

table tr { border-bottom: 1px solid #ccc; }
table th {
vertical-align: top;
min-width: 200px;
padding: 20px 0;
/*
border-top: 1px solid #5b6d68; 
border-bottom: 1px solid #5b6d68;
*/
text-transform: uppercase;
}

table td {
vertical-align: top;
padding: 20px 0;
}


.wrapper-page .table-scrollable {
width: 100%;
overflow-y: auto;
margin: 0px 0px 0px 0px;
/*
-webkit-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.22);
box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.22);
*/
}

.wrapper-page table {
/* border-top: 1px solid #ccc; */
/* margin-top: 50px; */
width: 100%;
border-radius:1px!important;
background-color: #FFFFFF;
}

.wrapper-page table tr { 
border-bottom: 1px solid #0070b2!important; 
}
.wrapper-page table th {
vertical-align: top;
padding: 10px 0!important;
text-transform: uppercase;
}

.wrapper-page table td {
vertical-align: top;
padding: 8px 5px 8px 0px;
font-size:19px;
font-weight:300!important;
min-width: 23%!important;
border-bottom: 1px solid #0070b2!important; 
}

@media all and (max-width: 767px) {
.wrapper-page table td {
word-wrap: break-word!important;
display:block;
width:100%!important;
text-align:center;
}
}


.wrapper-page table tr:hover {
/*
background: rgba(31, 31, 31, .03);
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
*/
}


.board table h2 {
margin-top: 0;
font-size: 18px;
}

.accordion .title {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.accordion .content {
max-height: 0;
overflow: hidden;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
}

.accordion li.active .content { max-height: 400px; }
.accordion p:last-child { margin-bottom: 0; }
.accordion-1 li { margin-bottom: 10px; display: block !important; }
.accordion-1 li:last-child { margin-bottom: 0; }
.accordion-1 .title {
background: #f5f5f5;
padding: 13px 23px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}

.bg-secondary .accordion-1 .title { background: #2d4f6d; }
.bg-secondary .accordion-1 .title:hover { background: #2d4f6d; }
.accordion-1 .title span {
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
}

.accordion-1 .active .title {
background: #2d4f6d;
color: #fff;
}

.accordion-1 .content {
border: 1px solid #eee;
border-top: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 0;
}

.accordion-1 .content p { padding: 13px; }
.accordion-1 .active .content {
opacity: 1;
transform: translate3d(0,0px,0);
-webkit-transform: translate3d(0,0px,0);
-moz-transform: translate3d(0,0px,0);
}

.accordion-1 .title:hover {
color: #2d4f6d;
background: #dce7f0;
}

.accordion-1 .active .title:hover {
color: #fff;
background: #3c6991;
}

.accordion-2 li {
display: block !important;
}
.accordion-2 .title {
font-size: 16px;
font-weight: 500;
padding: 16px 0;
border-bottom: 1px solid #ccc;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: .7;
}

.accordion-2 .title:before {
content: "\f067";
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 10px;
margin-right: 10px;
}

.accordion-2 .active .title {
opacity: 1;
color: #2d4f6d;
}

.accordion-2 .active .title:before { content: '\f068'; }
.accordion-2 .content p,
.accordion-2 .content ul,
.accordion-2 .content ol { padding: 16px 0; }
.accordion-2 .title:hover {
opacity: 1;
color: #2d4f6d;
}

.tabs {
overflow: hidden;
}
.tabs ul.tabs {
padding-top: 20px;
}
.tabs ul.tabs,
.tabs ul.content {
padding-left: 0;
}
.tabs li {
display: inline-block;
cursor: pointer;
}

.tabs.thirds { width: 100%; }
.tabs.thirds li { width: 33.2626263%; }
.tabs.thirds .tab-title { width: 100%; }
.button-tabs .tabs {
display: inline-block;
overflow: hidden;
}

.button-tabs .tabs > li {
margin-bottom: 8px;
float: left;
}

.button-tabs .tabs > li:last-child { margin-right: 0; }
.button-tabs .tab-title {
padding: 13px;
display: inline-block;
text-align: center;
min-width: 150px;
background: #E0E4E6;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}

.bg-secondary .button-tabs .tab-title { background: #eee; }
.button-tabs .tab-title span {
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
}

.button-tabs .active .tab-title {
background: #2d4f6d;
color: #fff;
}

.button-tabs .tab-title:hover { background: #C7D2D8; }
.button-tabs .active .tab-title:hover { background: #2d4f6d; }
.button-tabs.vertical { overflow: hidden; }
.button-tabs.vertical > .tabs {
width: 30%;
float: left;
}

.button-tabs.vertical > .content {
padding-left: 3%;
width: 70%;
float: right;
}

.button-tabs.vertical > .tabs li, .button-tabs.vertical .tab-title { width: 100%; }
.button-tabs.vertical > .tabs li { margin-bottom: 10px; }
.bg-dark .button-tabs .tab-title span { color: #222; }
@media all and (max-width: 767px) {
.button-tabs .tabs li {
width: 49%;
margin-bottom: 15px;
}

.button-tabs.vertical .tabs, .button-tabs.vertical .content {
max-width: 100%;
width: 100%;
padding-left: 0;
}

}

.tabbed-content .content > li {
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
display: none;
}

.tabbed-content .content .active {
opacity: 1;
visibility: visible;
display: block;
}

.text-tabs .tabs {
padding-bottom: 16px;
border-bottom: 1px solid #ccc;
overflow: visible;
}

.text-tabs.no-border .tabs { border-bottom: none; }
.text-tabs .tab-title {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
padding: 0 24px;
opacity: 0.5;
position: relative;
}

.text-tabs .tab-title span {
font-family: 'OpenSans', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
}

.text-tabs .tab-title:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #91a05c;
bottom: 10px;
opacity: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
bottom: -17px;
left: 0;
}

.text-tabs .active .tab-title {
opacity: 1;
color: #2d4f6d;
}

.bg-primary .text-tabs .tab-title:after {
background: #2d4f6d;
}
.text-tabs .active .tab-title:after {
opacity: 1;
}
.text-tabs .tab-title:hover {
opacity: 1;
}


@media all and (max-width: 767px) {
.text-tabs .tabs { padding-bottom: 0; }
.text-tabs .tabs li {
width: 49%;
margin-bottom: 15px;
}

.text-tabs .tab-title:after { display: none; }
.text-tabs:not(.text-center) .tabs li:first-child .tab-title { padding-left: 24px; }
}

.icon-tabs .tabs li {
width: 24.5%;
margin-bottom: 24px;
}

.icon-tabs .tab-title {
text-align: center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: .5;
}

.icon-tabs .tab-title:hover { opacity: 1; }
.icon-tabs .active .tab-title {
color: #91a05c;
opacity: 1;
}

.icon-tabs .active .tab-title i { color: #91a05c; }
.image-bg .icon-tabs .active .tab-title i { color: #fff; }
.icon-tabs .tab-title i {
display: block;
margin-bottom: 16px;
}

.icon-tabs .tab-title span {
font-family: 'OpenSans', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
}

@media all and (max-width: 991px) {

.dropdown-menu {
box-shadow: none;
position: relative;
/* display: block; */
float: none;
padding-top: 0;
padding-bottom: 20px;
list-style-type: disc;
}
.navbar-default .dropdown-toggle a {
border-bottom: 1px solid #5e6772;
}
.navbar-default .dropdown-menu li a,
.navbar-default .dropdown-toggle:last-child a {
color: #0070b2;
border-bottom: 1px dotted #646b69; /* Linie unter 2 Level mobile */
background-color:#FFFFFF!important;
}

.navbar-default .dropdown-menu li a:hover {
color:#45b4f5;
background-color:#FFFFFF!important;
}

.navbar-default .dropdown-menu  > .active > a {
color:#45b4f5!important;
background-color:#FFFFFF!important;
}

.dropdown-menu {
margin-left: 0;
padding-left: 30px;
}
.dropdown-menu > li {
color: #fff;
list-style-type: disc;
list-style-position: outside;
}
.dropdown-menu > li > a {
border: none;
padding: 6px 0;
}
.dropdown-menu > li > a:hover {
background: none;
}

.icon-tabs .tabs li {
margin-bottom: 16px;
margin-right: 0;
width: 49%;
}
.icon-tabs .tab-title i {
font-size: 32px;
}
.wrapper-page {
clear:both;
}

#footerwrap .row {
margin-left: -15px;
margin-right: -15px;
}
.parallax {
/*	background-attachment: scroll !important; */
}

}

@media (min-width: 1px) and (max-width: 480px) {
.navbar-brand {
margin-left: 0px!important;
}
}


.clearer {
display:block;
clear:both;
line-height:0;
height:1px;
font-size:0;
visibility:hidden;
}

.clear {
clear:both;
}


/* ///////////////// Icons Dreier Modul //////////////////////// */

.icon_dreier {
display: inline-block;
width: 6.25rem;
background-color: #f2f8fb;
border-radius: 50%;
font-size: 2.5rem;
line-height: 6.25rem;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color:#0070b2;
margin-bottom:20px!important;
}

/* ///////////////// Modul Bild Links / Text rechts - volle Breite //////////////////////// */

.bild_text_full {
background-color: #625b53;
position: relative;	
}

/*
.bild_text_full::before {
content: "";
width: 250px;
height: 20px;
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%,-9px);
border-radius: 0px;
background: #FFFFFF;
z-index:10;
}
*/

.left-half {
left: 0;
}

.right-half,
.left-half {
position: absolute;
right: 0;
top: 0;
width: 48%;
height: 100%;
background-position: center center;
background-size: cover;
-moz-border-radius-bottomright: 40px;
border-bottom-right-radius: 40px;
-moz-border-radius-topright: 40px;
border-top-right-radius: 40px;
border-right: 12px solid #cba76b!important;
}

.bild_text_full p, 
.bild_text_full li, 
.bild_text_full strong {
color: #faf8f5!important;
}

.bild_text_full a,
.bild_text_full a:link {
color:#faf8f5!important;
font-weight:400!important;
text-decoration:underline!important;
}

.bild_text_full a:hover {
color:#cba76b!important;
}

.bild_text_full h1,
.bild_text_full h2,
.bild_text_full h3,
.bild_text_full h4,
.bild_text_full h5 {
color: #cba76b!important;
}

.text-section-right {
padding-top:55px;
padding-bottom:45px;
}

@media (max-width: 767px) { 
.wrapper-page .text-section-right h1,
.wrapper-page .text-section-right h2,
.wrapper-page .text-section-right h3,
.wrapper-page .text-section-right h4,
.wrapper-page .text-section-right h5,
.wrapper-page .text-section-right p,
.wrapper-page .text-section-right ul,
.wrapper-page .text-section-right ul li,
.wrapper-page .text-section-right li {
text-align:center;
padding-left:0px!important;
margin-left:0px!important;
}

.wrapper-page .text-section-right ul li {
list-style-image: inherit!important;
}
}

.oeffnungszeiten {
float:left;
width:120px;	
}

@media (max-width: 767px){ 
.oeffnungszeiten {
float:none!important;
width:auto!important;
}
}


/* ///////////////// Video / IFrames //////////////////////// */

.responsive-video {
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
display: block;
height: 0;
}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}


@media (max-width: 991px){ 
.img-responsive {
margin-bottom:0px;
}
}

.spacer-video-text {
display:inline-block;
margin-top:25px!important;
}

/* ///////////////// Veranstaltungen von extern / IFrames //////////////////////// */

.responsive-veranstaltungen {
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
display: block;
min-height: 1000px!important;
}

.responsive-veranstaltungen iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}


@media (max-width: 991px){ 
.responsive-veranstaltungen {
margin-bottom:0px;
height: 1000px!important;
}
}

/* ///////////////// Schalter bei Mehrspalter optional //////////////////////// */

.wrapper-page a.schalter_mehr_infos,
.wrapper-page a.schalter_mehr_infos:link {
font-family:'Frank Ruhl Libre', sans-serif;
display:inline-block;
/* background-color:#ffdf44; */
color:#000000;
padding:7px 15px 7px 15px;
margin-top:10px;
margin-bottom:15px!important;
font-size:17px;
font-weight:400!important;
letter-spacing:0px;
/* font-style:italic!important; */
border: 2px solid #818181;
text-decoration:none!important;
}

.wrapper-page a.schalter_mehr_infos:hover {
color:#63592a;
border: 2px solid #d2d2d2;
}

/* ///////////////// Startslider Banner //////////////////////// */

.startslider_banner {
/* background-color:#eaeeed; */
background-image:url(../../media/bg-startslider.png);
background-repeat:no-repeat;
background-position: center top;
-webkit-background-position: center top;
padding:20px 0px 0px 0px;
margin-bottom:40px;
}

.startslider_banner h1 {
font-size:38px!important;	
font-weight:400;
color:#008e99!important;
letter-spacing:0px!important;
}

.startslider_banner h2 {
top:50%;
font-weight:400;
font-size:30px!important;
letter-spacing:0px!important;
margin-bottom:25px; /* Abstand zum mehr schalter */
}

@media (max-width: 480px){ 
.startslider_banner h1 {
font-size:24px!important;	
}
.startslider_banner h2 {
font-size:20px!important;
}
}

a.startslider,
a.startslider:link {
background-color:#FFFFFF;
color:#000000;
padding: 5px 20px 5px 20px;
margin-top:20px;
}

a.startslider:hover {
color:#999999!important;
}

.startseite_wrapper {
position:relative;
margin-top:17%;
}

@media (max-width: 767px){ 
.startseite_wrapper {
margin-top:0%;
text-align:center;
}
}


/* ///////////////// Footer Bilder Ausgabe //////////////////////// */

.footer-ausgabe {
padding:0px 0px 20px 0px;
margin-bottom:0px;
}

.footer-ausgabe img.desaturate {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
opacity: 0.3;
}

.footer-ausgabe img.desaturate:hover {
filter: none;
opacity: 1;
}

.footer-ausgabe img {
border: 6px solid #FFFFFF;
/* opacity: 0.9; */
}



@media (max-width: 991px){ 
.footer-ausgabe {
display:none;
}
}

/* ///////////////// Footer Firmen //////////////////////// */

.footer-firmen {
margin-top:20px;
margin-bottom:50px;
background-color:#FFFFFF;
}

.footer-firmen img {
opacity: 0.6;
text-align:center;
display:block;
padding:20px;
margin-left:auto;
margin-right:auto;
}

.footer-firmen img:hover {
filter: none;
opacity: 1;
}




/*
@media (max-width: 991px){ 
.footer-firmen {
display:none;
}
}
*/


/* ///////////////// Mitarbeiter //////////////////////// */

.mitarbeiter {
margin-bottom:40px;
}

.mitarbeiter_bild {
border: 4px solid #eaeeed!important;
/* opacity: 0.9; */
}

.mitarbeiter_bild:hover {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}


@media (max-width: 767px){ 
.mitarbeiter {
text-align:center!important;
margin-bottom:0px!important;
}
.mitarbeiter_bild {
margin-top:20px!important;
}
}

.marschler_text {
display:block;
margin-top:15%!important;
}

@media (max-width: 767px){ 
.marschler_text {
margin-top:0px!important;
}
}

.marschler {
margin-top:20px;
}

.marschler_bild {
border: 5px solid #eaeeed!important;
text-align:left!important;
}

.marschler_bild:hover {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

@media (max-width: 767px){ 
.marschler {
margin-top:0px!important;
text-align:center!important;
margin-bottom:0px!important;
}
}

@media (max-width: 767px){ 
.marschler_bild {
margin-left: auto;
margin-right: auto;
margin-bottom:30px!important;
margin-top:20px!important;
}
}

/* //////////////// Galerie - Lightbox /////////////////////// */

.galerie {
}

.mit_bg_galerie {
text-align:center!important;
background-color:#e8e3dc;
/* 
background-image:url(../../media/bg_galerie.jpg); 
background-repeat:repeat;
background-position: center top;
-webkit-background-position: center top;
*/
padding:30px 0px 35px 0px;
/* margin-bottom:65px; */
}


.ohne_bg_galerie {
background-color:inherit;
background-image:none!important;
padding: 0px 0px 0px 0px;
}

.galerie .letter-galerie {  /* u.a. KIKA Übersicht */
display:inline-block;
text-align:center;
font-family: 'Frank Ruhl Libre', sans-serif;
color:#625b53!important; 
line-height:22px;
font-size:24px!important; 
letter-spacing:0px;
font-weight:500;
background-color:inherit;
border-top:1px solid #e8e3dc;
border-bottom:1px solid #e8e3dc;
margin-bottom:25px!important;
padding:5px 11px 5px 11px;
}

@media screen and (max-width:480px) {
.galerie .letter-galerie {
font-size:19px!important;
padding:5px 11px 5px 11px;
}
}


figure {
float:left;
width:33.333333333333333333333%;
height:auto!important;
overflow: hidden;
margin: 0;
padding: 0;
border:none;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

.figure_thumb {
width:33.333333333333333333333vw!important;
height:auto!important;
}

@media (min-width: 1px) and (max-width: 480px) {
figure {
width:50%!important;
height:auto!important;
}
.figure_thumb {
width:50vw!important;
height:auto!important;
}
}

/* width:50%!important und width:50vw!important müssen gleich sein */

@media (min-width: 481px) and (max-width: 991px) {
figure {
width:50%;
height:auto!important;
}
.figure_thumb {
width:50vw!important;
height:auto!important;
}
}

/* Zoom Out #1 */
figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

figure img:hover  {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}

/* Galerie Typ 1200 Pixel 100% der Seite REX5 = 1200pixel */

.galeriebild img {
padding-top:15px;
padding-bottom:15px;
border: 0px solid #e0e4de;
border-radius:1px;
-webkit-border-radius:1px;
-moz-border-radius:1px;
/* background-color:#262626;  */
}

.galeriebild img:hover {
border: 0px solid #e0e4de;
-webkit-transform:scale(1.1);
transform:scale(1.1);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}


@media (min-width: 1px) and (max-width: 553px) {
.col-6 {

}
.galeriebild img {
padding:10px 0px 10px 0px!important;
}
}

/* //////////////////////// Schalter Mobile nach oben ///////////////////////////////// */

#reiter_top {
position:absolute;
z-index:999;
top:97%;
left:100%;
position:fixed;
margin-left:-60px;
margin-top:-58px;
display:none;
}

#reiter_top a,
#reiter_top a:link {
background: url(../../media/mobile_top_schalter.png);
display:block;
width:50px;
height:50px;
font-size: 0.0em;
}

#reiter_top a:hover {
background: url(../../media/mobile_top_schalter.png);
}

/* //////////////////////// News, NewsTeaser, Newsbereich, Pagination ///////////////////////////////// */

.hline_news {
border-bottom: 1px dotted #999999;
margin: 35px 0 20px;
}

a.pagination_news,
a.pagination_news:link {
font-size: 20px;
border-radius: 50%;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 23px;
padding: 9px 10px 1px 10px;
background-color:#cba76b;
margin: 0px 3px 15px 3px;
color:#faf8f5!important;
text-decoration: none !important;
border: 0px solid#FFFFFF !important;
font-weight:400;
}

a.selected_news,
a.selected_news:link {
font-size: 20px;
border-radius: 50%;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 23px;
padding: 9px 10px 1px 10px;
background-color:#f79222;
margin: 0px 3px 15px 3px;
color:#FFFFFF !important;
text-decoration: none !important;
border: 0px solid#FFFFFF !important;
background-color:#625b53;
font-weight:400;
}

a.pagination_news:hover {
background-color:#625b53;
color:#faf8f5!important;
text-decoration:none!important;
}

.news_datum {
float:left;
background-color:#ffdf44;
margin-bottom:30px;
font-family:'Open Sans', sans-serif;
font-size:17px;
padding: 3px 10px 3px 10px;
color:#646b69;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.3);
}

/* //////////////////////// Artikelliste ///////////////////////////////// */

.artikelliste {
margin-bottom:20px;
}

a.artikelliste_link,
a.artikelliste_link:link {
clear:both;
float:left;
border-bottom:1px dotted #dadcdc;
font-size:16px;
line-height:30px;
padding: 0px 10px 0px 10px;
}

a.artikelliste_link:hover {
background-color:#eaeeed;
}

/* //////////////////////// Artikelliste News teaser Links ///////////////////////////////// */

.artikelliste_teaser {
margin-bottom:0px;
background: #faf8f5!important;
padding:15px 0px 22px 0px;
color:#cba76b;
}

.artikelliste_teaser_links {
border-bottom:1px dotted #625b53;
font-size:19px;
line-height:20px;
padding: 5px 0px 0px 10px;
margin-left:0px; /* 20 */
margin-bottom:0px;
color:#cba76b!important;
text-decoration:none!important;
}

.artikelliste_teaser_links p  {
font-weight:500!important;
margin:5px!important;
}

a.artikelliste_my_link  {
margin-left:10px;
font-weight:400!important;
}


.artikelliste_teaser_links:hover {
background-color:#e8e3db;
}

/* //////////////////////// Artikelliste teaser Jobs ///////////////////////////////// */

.artikelliste_teaser_jobs {
margin-bottom:0px;
padding:10px 0px 20px 0px;
}

.artikelliste_teaser_links_jobs,
.artikelliste_teaser_links_jobs:link {
border-bottom:1px dotted #dadcdc;
font-size:16px;
line-height:20px;
padding: 5px 0px 0px 10px;
margin-bottom:0px;
}

.artikelliste_teaser_links_jobs p  {
margin:5px!important;
}

.artikelliste_teaser_links_jobs:hover {
background-color:#FFFFFF;
}


/* //////////////////////// Artikel Tab Schalter, Modul zum Aufklappen übergebenen Artikel ///////////////////////////////// */

a.artikel_tab_schalter_link,
a.artikel_tab_schalter_link:link {
font-family:'Roboto Condensed', sans-serif;
clear:both!important;
max-width:1140px;
display:block;
position:relative;
height:30px;
text-align:left!important;
margin: 0 auto;
/* border-bottom: 1px dotted #999999; */
margin-bottom:20px;
padding:5px 0px 30px 20px;
font-size:19px;
font-weight:400;
color:#323131!important;
background-color:#f4f7f6;
/* border: 1px dotted #999999; */
}

@media (min-width: 1px) and (max-width: 480px) {
a.artikel_tab_schalter_link,
a.artikel_tab_schalter_link:link {
font-size:17px;
}	
}

/* bei Browser crome abstand nicht darstellen */
@media screen and (-webkit-min-device-pixel-ratio:0) {
a.artikel_tab_schalter_link,
a.artikel_tab_schalter_link:link 
{
margin-bottom:0px!important;
}
}

a.artikel_tab_schalter_link:hover {
background-color:#f0f0f0;
color:#0070b2!important;
}

.artikel_tab_abbinder {
display: block;
margin-bottom: 15px;
}

/* //////////////////////// Infobox ///////////////////////////////// */

.infobox {
padding-top:25px;
padding-bottom:20px;
}


/* //////////////////////// my_glyphicon ///////////////////////////////// */

.my_glyphicon_gruen {
color:#0070b2!important;
}

.my_glyphicon_rot {
color:#0070b2!important;
}

.my_glyphicon_schwarz {
color:#313131!important;
}

.my_glyphicon_gelb {
color:#f0d13b!important;
margin-right:13px;
}


.my_glyphicon_blau {
color:#0070b2!important;
margin-right:10px;
}


/* //////////////////////// Kontakt Schalter Box rechts ///////////////////////////////// */

.social_schalter {
border-top-left-radius:10px;
border-bottom-left-radius:10px;
-webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.47);
box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.47);
}

@media (min-width: 1px) and (max-width: 991px) {
.social_schalter {
display:none!important;
}
}

/* ///////////////// Modal Fenster //////////////////////// */

.modal-dialog {
/* max-width:1000px!important; */
/*
margin-left:40%;
margin-right: 40%;
*/
}

.modal-content {
border: 0px solid rgba(0, 0, 0, 0.2)!important;
}

.modal-body {
padding: 0px 0px 0px 0px!important;
}

.modal-body,
.modal-header,
.modal-footer {
background-color:#e8e3dc!important;
}

.modal-header {
border-bottom: 0px solid #dee2e6!important;
}

/* für modal box agb und Widerrufsbelehrung, Artikel mit Modul 011, Container 1173px breit, hier auf Boxenbreite 100% */
.modal-body .container {
max-width:100%!important;
}

.modal-body .container p,
.modal-body .container ul li {
font-size:17px!important;
color:#c5c5c5;
}

.modal-dialog h1 {
color:#c5c5c5;
}

@media (min-width: 1px) and (max-width: 991px) {
.modal-dialog {
/* width:100%; */
max-width:90%!important;
/*
width:90%;
margin-left:5%;
margin-right:5%;
*/
}
}

.modal-dialog img {

}

.modal-title {
/* h4 ist title und wird in der ekko-lightbox.js konfiguriert */
}

@media (min-width: 1px) and (max-width: 480px) {
.modal-title {
line-height:22px!important;
}
}

.modal-backdrop /* background-fade in hintergrund transparenz */
{
opacity:0.90!important;
}

.modal-footer {
display:none!important;
padding: 0px 15px 15px 15px!important;
text-align:center!important;
font-size:18px!important;
color:#8d8b84!important;
}

.modal-header .close {
padding:0px!important;
margin:0px!important;
}

/* Ende Modal */

table img .modal-dialog{
cursor:pointer;
}

/* Icons links - content rechts */

.icon_left_content_right  {
min-height: 50px !important;
}

.icon_left_content_right p {
margin: 5px 0 0 70px;
}

.icon_left_content_right > span {
clear:both;
color: #ffb200;
display: inline-block;
float: left;
font-size: 40px;
left: 0;
height: 100% !important; 
padding: 0 10px 0 0;
text-align: center;
width: 70px;
margin-top: -7px;
}

/* //////////// Referenzen Kunden Logos //////////////// */

.referenzen_kunden {
/*
margin-top:10px;
margin-bottom:50px;
*/
}

.referenzen_bild {
display:inline-block;	
}

.referenzen_bild_1 {
padding:40px;
width:220px;
height:auto;
}

.referenzen_bild_2 {
padding:40px;
width:180px;
height:auto;
}

@media (min-width: 1px) and (max-width: 991px) {
.referenzen_bild_1 {
padding:20px!important;
width:120px;
height:auto;
}
}

/* ------------- Artikelliste Vollansicht und Thumbnailansicht Shop ---------------------------------------------------- */

.artikelliste_teaser_shop {
text-decoration:none!important;
}

.wrapper-page .artikelliste_teaser_shop p {
font-weight:500!important;
}

.wrapper-page a.schalter_weiter_shop,
.wrapper-page a.schalter_weiter_shop:link
.wrapper-page a.schalter_weiter_thumbs,
.wrapper-page a.schalter_weiter_thumbs:link {
text-decoration:none!important;
color:#625b53!important;
}

.wrapper-page a.schalter_weiter_shop:hover,
.wrapper-page a.schalter_weiter_thumbs:visited,
.wrapper-page a.schalter_weiter_thumbs:visited,
.wrapper-page a.schalter_weiter_thumbs:hover {
color:#cba76b!important; 
}

.wrapper-page a.artikelliste_teaser_shop_link,
.wrapper-page a.artikelliste_teaser_shop_link:link {
}

.wrapper-page a.schalter_weiter_shop:before {
font-family: FontAwesome;
font-size:19px;
margin-left:0px;
/* content: "\f067"; */
content: "+";
font-weight:700;
margin-right: 10px;
vertical-align:top;
color:#cba76b!important; 
text-decoration:none!important;	
}



/* Thumbnailbilder */
.thumb_bilder img {
padding: 5px;
border: 0px solid #dbe1df;
border-radius:2px;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.17);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.17);
}


/* Schalter am Ende der Thumbnailausgabe */

a.zurueck,
a.zurueck:link,
a.broschueren,
a.download_daten {
text-align:center;
padding: 10px 20px 10px 20px;
text-decoration:none!important;
font-weight:500;
background-color:#625b53;
color:#faf8f5;
}

a.zurueck:hover,
a.broschueren:hover,
a.download_daten:hover {
background-color:#cba76b;
}

p.zurueck:before {
font-family: FontAwesome;
font-size:18px;
margin-left:0px;
content: "\f18e";
margin-right: 10px;
vertical-align:top;
color:#474747!important; 	
}

p.broschueren:before {
font-family: FontAwesome;
font-size:18px;
margin-left:0px;
content: "\f0f6";
margin-right: 10px;
vertical-align:top;
color:#474747!important; 	
}

p.download_daten:before {
font-family: FontAwesome;
font-size:18px;
margin-left:0px;
content: "\f1c1";
margin-right: 10px;
vertical-align:top;
color:#474747!important; 	
}

/* ///////////////////// Gästebuch  ///////////////////////////// */

.head_body {
display:inline-block;
margin-bottom:30px;
background-color:#f5f3f0;
padding:20px 20px 0px 20px;
border-radius:10px;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.07);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.07);
border-top: 5px solid #cba76b!important;
width:100%;
}

.head_body p {
font-size:18px!important;
}

.bg_dunkel {
background-color:#f5f3f0;
}

.head_body hr {
border-top: 1px solid #625b53!important;
}

.head_book {
display:inline-block;
font-size:19px;
margin-bottom:15px;
top:10px;
position:relative;
margin-left:20px;
}

@media (min-width: 1px) and (max-width: 480px) {
.head_book {
margin-left:0px!important;
}
}

.head_abstand {
margin-left:7px!important;
margin-right:7px!important;
padding:10px 0px 10px 0px; /* padding:10px 10px 10px 10px; */
border-radius:0px;
margin-bottom:10px;
}

.head_book_counter {
display:inline-block;
background-color:#f08533;
color:#fbfbf6;
font-weight:500;
}

/*
.head_book_name {
display:inline-block;
background-color:#cba76b;
color:#faf8f5;
font-weight:500;
}
*/

.head_book_name {
display:inline-block;
border-top: 1px solid #625b53;
border-bottom: 1px solid #625b53;
color: #625b53;
font-weight: 500;
background-color:inherit!important;
}

.head_book_name a ,
.head_book_name a:link{
text-decoration:none!important;
color:#625b53;
font-weight:500;
}

.head_book_datum {
display:inline-block;
border-top: 1px solid #cba76b;
border-bottom: 1px solid #cba76b;
color: #cba76b;
font-weight: 500;
background-color:inherit!important;
}

.head_book_city {
display:inline-block;
border-top: 1px solid #cba76b;
border-bottom: 1px solid #cba76b;
color: #cba76b;
font-weight: 500;
background-color:inherit!important;
}

.head_book p {
line-height:10px!important;
}

.pagination_book {
font-size:20px;
border-radius:50%;
display:inline-block;
width:40px;
height:40px;
text-align:center;
line-height:23px;
padding:6px 10px 3px 10px;	
background-color:#cba76b;
margin:0px 7px 15px 7px;
color:#faf8f5!important;
text-decoration:none!important;
border: 0px solid #FFFFFF!important;
}

.selected_book {
font-size:20px;
border-radius:50%;
display:inline-block;
width:40px;
height:40px;
text-align:center;
line-height:23px;
padding:6px 10px 3px 10px;	
background-color:#625b53;
margin:0px 7px 15px 7px;
color:#faf8f5!important;
text-decoration:none!important;
border: 0px solid #FFFFFF!important;
}

.pagination_book:hover {
background-color:#9a8477;
color:#f4f7f6!important;
}

/* //////////// Bunte Ausgabe //////////////// */

.bunte_ausgabe {
/* wird im Modul geregelt */
/* padding-top:50px; */
padding-bottom:45px;
}

.buntes_bild {
display:inline-block;	
}

.buntes_bild {
padding:20px;
width:auto;
}

		
.bunte_groesse_150 {
height:150px;
}

.bunte_groesse_200 {
height:200px!important;
}

.bunte_groesse_225 {
height:225px;
}

.bunte_groesse_250 {
height:250px;
}

.bunte_groesse_300 {
height:300px;
}

.bunte_groesse_500 {
height:500px;
}

.bunte_groesse_750 {
height:750px;
}



@media (min-width: 481px) and (max-width: 991px) {
.bunte_groesse_150,
.bunte_groesse_200,
.bunte_groesse_225,
.bunte_groesse_250,
.bunte_groesse_300,
.bunte_groesse_500,
.bunte_groesse_750 {
padding:10px!important;
height:125px!important;
width:auto!important;
}
}

@media (min-width: 1px) and (max-width: 480px) {
.bunte_groesse_150,
.bunte_groesse_200,
.bunte_groesse_225,
.bunte_groesse_250,
.bunte_groesse_300,
.bunte_groesse_500,
.bunte_groesse_750 {
padding:7px!important;
height:100px!important;
width:auto!important;
}
}


/* //////////// Features Icons //////////////// */

.icon_cerative {
font-size:50px;
}

.color_creative_blau {
color: #0070b2!important;
}

.color_creative_grau {
color: #bbbbbb!important;
}

.color_creative_schwarz {
color: #625b53!important;
}

.color_creative_gold {
color: #cba76b!important;
}

.color_creative_weiss {
color: #faf8f5!important;
}

.color_creative_gelb {
color: #ffdf44!important;
}

.myrotation {
-webkit-transition: 0.3s;
transition: all 0.4s; 
}
.myrotation:hover {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);	
}


/* ------------- Lazy Load  ----------------------------------------------------*/

.lazyload,
.lazyloading {
opacity: 0; 
}

.loading,
.lazyload,
.lazyloaded,
.image {
opacity: 1;
transition: 2s cubic-bezier(0.215, 0.61, 0.355, 1); 
}


/* ------------- Cookiebar ----------------------------------------------------*/

#eu_cookiebox {
/*
-webkit-box-shadow: 0px -9px 11px -6px rgba(189,189,189,0.63);
-moz-box-shadow: 0px -9px 11px -6px rgba(189,189,189,0.63);
box-shadow: 0px -9px 11px -6px rgba(189,189,189,0.63);
*/
display: block;
z-index: 10000;
position: fixed;
bottom: 0px;
min-height: 30px;
padding: 20px;
margin:0px 0px 0px 0px;
color: #000000;
background: rgba(255,255,255, 1);
text-align:center;
width:100%;
font-family:'Frank Ruhl Libre', sans-serif!important;
}

#eu_cookiebox a,
#eu_cookiebox a:link {
color: #cba76b;
text-decoration:underline;
}

#eu_cookiebox a:hover{
}

#eu_cookiebox .infotext {
display: inline-block;
text-align:center;
font-size:15px;
font-weight:400;
}

#eu_cookiebox .schalter {
background-color:#FFFFFF;
border:1px solid #cba76b;
color:#000000;
border-radius:0px;
padding:3px 7px 2px 7px;
margin-left:5px;
}

#eu_cookiebox .schalter:hover {
}

@media (min-width: 1px) and (max-width: 480px) {
#eu_cookiebox .schalter {
margin-top:15px;
}
}


/* ///////////////////// Animation ////////////////////////////// */

.animate-down {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, -70px);
-moz-transform: translate(0, -70px);
transform: translate(0, -70px);
}
.animate-down.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 600ms ease-out 100ms;
-moz-transition: all 600ms ease-out 100ms;
transition: all 600ms ease-out 100ms;
}
.animate-up {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, 70px);
-moz-transform: translate(0, 70px);
transform: translate(0, 70px);
}
.animate-up.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
}
.animate-right {
opacity: 0;
visibility: hidden;
transform: translate(-70px, 0);
}
.animate-right.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
}
.animate-left {
opacity: 0;
visibility: hidden;
transform: translate(70px, 0);
}
.animate-left.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
}

.modal-dialog .animate-up,
.modal-dialog .animate-down,
.modal-dialog .animate-right,
.modal-dialog .animate-left {
opacity: 1!important;
visibility: visible!important;
-webkit-transform: none!important; /* Safari and Chrome */
   -moz-transform: none!important; /* Firefox */
	-ms-transform: none!important; /* IE 9 */
	 -o-transform: none!important; /* Opera */
		transform: none!important;
}