h1 {
font-family: FlamanteSansLight, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 3em;
color: #b79823;
line-height: 1.3em;
letter-spacing:.26em;
padding-top: 10px;
padding-bottom:0px;
margin-bottom:0;
text-transform:uppercase;
}

.strich:after {
content:" ";
width:55px;
height:4px;
background-color:#b79823;
display:block;
margin:auto;
margin-top:25px;
}

.kat45 h1 {
color: #E8E7E5;
}

.kat45 strong{
color: #E8E7E5;
}


.kat45 .btn {
    background-color: #80918B;
    color: #fff;
    width: auto;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding: 12px 24px; /* rechts/links hinzugefügt */
    letter-spacing: .2em;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border: 0;
    text-transform: uppercase; /* ⬅️ macht den Button-Text ALL CAPS */
}

@media (max-width: 1000px) {
    .kat45 .btn {
        padding: 10px 18px;   /* kleineres Padding */
        font-size: 0.85em;    /* kleinere Schrift */
        letter-spacing: .18em; /* leicht kompakter */
    }
}

.footer strong{
color: #b79823;
}

.kat45 .strich:after {
background-color: #E8E7E5;
}

h2 {
color: #000;
background-color: transparent;
height: 55px;
width: auto;
font-size:1.0em;
letter-spacing:.16em;
margin-bottom: 10px;
margin-top: 50px;
font-weight: normal;
line-height: 2.0em;
display:block;
padding:0 15px;
margin-bottom:25px;
margin-top:5px;
letter-spacing:.22em;
text-transform: uppercase;
}

.kat45 h2 {
color: #E8E7E5;
}

.inhalt2spalten h1 {
margin-top: 80px;
}
.content h2:after {
content:" ";
width:55px;
height:4px;
background-color:#b79823;
display:block;
margin:auto;
margin-top:25px;
}

.kat45 .content h2:after {
background-color:#E8E7E5;
}

.content h2.naeher:after {
content:" ";
width:55px;
height:4px;
background-color:#b79823;
display:block;
margin:auto;
margin-top:10px;
}
h3 {
color: #b79823;
background-color: transparent;
height: 70px;
width: auto;
font-size:1.0em;
letter-spacing:.16em;
margin-bottom: 10px;
margin-top: 50px;
font-weight: normal;
line-height: 2.0em;
display:block;
padding:0 15px;
margin-bottom:25px;
margin-top:5px;
text-transform: uppercase;
}

h4 {
color: #000;
background-color: #c4ab94;
height: 60px;
width: auto;
line-height: 3.2em;
display:inline-block;
padding:0 15px;
margin-bottom:10px;
margin-top:0;
font-size: 1.0em;
letter-spacing: .25em;
font-weight: 200;
}

textarea {
font-family: 'FlamanteSansLight', sans-serif;
width:100%;
height:auto;
display:block;
text-align:center;
font-weight: 300;
font-style: normal;
margin:0px;
padding:0px;
letter-spacing:.03em;
font-size:1.0em;
color: #000;
line-height: 2.1em;
background-color: rgba(111,111,111,0.0);
border: 1px solid #b79823;
-webkit-appearance:none;
appearence:none;
outline:0;
border-radius:0;
}


@media screen and (min-width:1000px) {
h4:last-of-type {
margin-bottom:40px;
}
}
h5 {
color: #000;
background-color: #c4ab94;
height: 50px;
width: auto;
font-size:0.8em;
letter-spacing:.18em;
font-weight: normal;
line-height: 3.6em;
display:inline-block;
padding:0 15px;
margin-bottom:7px;
margin-top:0;
}

a strong {
color: #b79823;
font-weight: normal;
}

strong a {
color: #b79823;
font-weight: normal;
}

.textRahmen strong {
font-weight:normal;
text-transform: uppercase;
color:#b79823;
font-weight: normal;
font-size: 1em;
letter-spacing: .18em;
}

p.infom {
display:none;
}
p.nurm {
display:none;
}
p.img {
margin:0;
}

.textRahmen {
position: relative;
width: 100%;
height: auto;
margin: 0px 0 0px 0;
padding:0;
clear:both;
display:block;
margin:0 auto;
}

.bild {
position: relative;
width: 60%;
height: auto;
margin-right: 10%;
margin-left: 10%;
background-repeat: no-repeat;
display:inline-block;
margin-bottom: 0;
padding-bottom: 0;
}

.bild img {
width: 100%;
height: auto;
position: relative;
}
@media screen and (min-width:1000px) {
.inhalt2spalten {
width: 100%;
height: auto;
position: relative;
clear: both;
display: flex;
vertical-align: top;
justify-content: space-between;
margin-top: 100px;
margin-bottom: 50px;
text-align:left;
}

.inhalt2spalten:first-of-type {
margin-top: 0px;
}

.inhalt2spalten .spalte1 {
vertical-align: top;
width: 45%;
padding-right: 0%;
padding-left: 0%;
margin:0;
height: auto;
position: relative;
display: inline-block;
text-align:left;
}

.inhalt2spalten .spalte1 img:last-child  {
position: relative;
padding-top: 15px;
}

.inhalt2spalten .spalte2 img:last-child {
position: relative;
padding-top: 15px;
}

.inhalt2spalten .spalte2 {
vertical-align: top;
width: 45%;
padding-left: 0%;
padding-right: 0%;
height: auto;
position: relative;
display: inline-block;
margin:0;
text-align:left;
}


.inhalt2spalten.vierzigsechzig {
width: 100%;
height: auto;
position: relative;
clear: both;
display: flex;
vertical-align: top;

justify-content: space-between;
margin-top: 60px;
margin-bottom: 60px;
text-align:left;
}

.inhalt2spalten.vierzigsechzig .spalte1 {
vertical-align: top;
width: 35%;
padding-right: 0%;
padding-left: 0%;
margin:0;
height: auto;
position: relative;
display: inline-block;
text-align:left;
}

.inhalt2spalten.vierzigsechzig .spalte2 {
vertical-align: top;
width: 65%;
padding-left: 0%;
padding-right: 0%;
height: auto;
position: relative;
display: inline-block;
margin:0;
text-align:center;
}
.inhalt2spalten.vierzigsechzig .spalte2 p:not(.img) {
width:100%;
display: inline-block;
}
.inhalt2spalten.sechzigvierzig {
width: 100%;
height: auto;
position: relative;
clear: both;
display: flex;
vertical-align: top;

justify-content: space-between;
margin-top: 60px;
margin-bottom: 60px;
text-align:left;
}

.inhalt2spalten.sechzigvierzig .spalte1 {
vertical-align: top;
width: 65%;
padding-right: 0%;
padding-left: 0%;
margin:0;
height: auto;
position: relative;
display: inline-block;
text-align:center;
}
.inhalt2spalten.sechzigvierzig .spalte1 p:not(.img) {
width:100%;
display: inline-block;
}
.inhalt2spalten.sechzigvierzig .spalte2 {
vertical-align: top;
width: 35%;
padding-left: 0%;
padding-right: 0%;
height: auto;
position: relative;
display: inline-block;
margin:0;
text-align:right;
}


}


div p button {
color: #000;
background-color: #c4ab94;
box-shadow: 0px 0px 0px transparent;
border: 0px solid transparent;
text-shadow: 0px 0px 0px transparent;
height: 55px;
width: 200px;
font-size:1.0em;
letter-spacing:.25em;
margin-top: 0px;
cursor: pointer;
font-weight: 430;
text-transform: uppercase;
}

.inhalt2spalten .spalte1 img {
width: 100%;
height: auto;
padding-left: 0%;
position: relative;
}

.inhalt2spalten .spalte2 img {
width: 100%;
height: auto;
padding-right: 0%;
position: relative;
}

.inhalt2spalten.vierzigsechzig .spalte2 img {
width: 75%;
height: auto;
padding-right: 0%;
position: relative;
}

.inhalt2spalten.sechzigvierzig .spalte1 img {
width: 75%;
height: auto;
padding-right: 0%;
position: relative;
}

.content .textRahmen {
position: relative;
width: 65%;
height: auto;
display:block;
position: relative;
margin:0 auto;
}
.content .textRahmen.rechts {
position: relative;
width: 70%;
height: auto;
padding-top: 80px;
padding-bottom: 50px;
display:block;
position: relative;
margin:0 auto 0 30%;
}
.content .textRahmen.links {
position: relative;
width: 70%;
height: auto;
display:block;
position: relative;
margin:0 30% 0 auto;
padding-bottom: 60px;
padding-top: 50px;
}
.content div.textRahmen.rechts div.bildwechsel.rechts div {
position:relative;
}

.content div.textRahmen.rechts div.bildwechsel.rechts span {
transform: rotate(180deg);
display: block;
position: absolute;
left: -4%;
bottom: 36px;
font-size: .7em;
text-align: left;
width: 20px;
margin: 0;
padding: 0;
z-index: 10;
writing-mode: vertical-rl;
letter-spacing:.1em;
}
.content div.textRahmen.rechts div.bildwechsel.links div {
position:relative;
}
.content div.textRahmen.links div.bildwechsel.links span {
transform: rotate(180deg);
display: block;
position: absolute;
left: 101%;
bottom: 36px;
font-size: .7em;
text-align: left;
width: 20px;
margin: 0;
padding: 0;
z-index: 10;
writing-mode: vertical-rl;
letter-spacing:.1em;
}

.content div.textRahmen.zentriert div.bildwechsel.zentriert span {
transform: rotate(180deg);
display: block;
position: absolute;
left: 101%;
bottom: 36px;
font-size: .7em;
text-align: left;
width: 20px;
margin: 0;
padding: 0;
z-index: 10;
writing-mode: vertical-rl;
letter-spacing:.1em;
}
.content div.textRahmen.zentriert div.bildwechsel.zentriert div {
position:relative;
}

.bildwechsel div {
width:100%;
height:auto;
position: relative;
display:none;
cursor:pointer;
}
.bildwechsel div img {
width:100%;
height:auto;
position: relative;
display:none;
cursor:pointer;
}
.bildwechsel div:nth-child(2) {
display:block;
}
.bildwechsel div:nth-child(2) img {
display:block;
}
.deckblatt {
width:100%;
height:100%;
display:block;
position:absolute;

z-index:10;
cursor:pointer;
top:0;
left:0;
}
.aufklapp {
cursor:pointer;
}
.aufzuklappen {
overflow:hidden;
height:0;


}

.aufzuklappen.aufgeklappt {
overflow:show;
height:auto;
margin:0;
padding:0;

}

.bildwechsel.zentriert .deckblatt {
background-color: rgba(123,119,112,0.15);
z-index:1;
}

.kat45 .bildwechsel.zentriert .deckblatt {
background-color: #80918B;
z-index:1;
}

.bildwechsel div img{
z-index:2;
}

.zusatztext{
position: relative;
width: 100%;
padding-bottom: 80px;
z-index:3;
}

.zusatztext strong{
font-weight: normal;
line-height: 2.0em;
letter-spacing: .16em;
font-size: 1.0em;
color: #b79823;
}

.kat45 .zusatztext strong{
color: #E8E7E5;
}



.gold :after  {
content: " ";
width: 30%;
height: 1px;
background-color: #b79823;
display: block;
margin: 0 auto;
position: relative;
margin-top: 25px;
margin-bottom: 30px;
}

#aufklapp.gold{
  position: relative;
  text-align: center;
}


/* Pfeil unter der Linie */
#aufklapp.gold::before{
  content: "";
  position: absolute;
  left: 50%;

  /* mehr Abstand NACH der Linie */
  bottom: -30px;   /* vorher -18px */

  /* Pfeil größer */
  width: 20px;     /* vorher 12px */
  height: 20px;    /* vorher 12px */

  transform: translateX(-50%) rotate(45deg);

  background: transparent;
  border-right: 2px solid #b79823;
  border-bottom: 2px solid #b79823;
}

.kat45 .gold :after  {
background-color: #E8E7E5
}

.button {
background-color: rgba(123,119,112,1);
color: #fff;
width: 160px;
height: auto;
position: relative;
margin: 0 auto;
padding-top: 12px;
padding-bottom: 12px;
margin-top: 70px;
letter-spacing: .2em;
}

.button a {
color: #fff;
}

button {
background-color: rgba(123,119,112,1);
color: #fff;
width: 200px;
height: auto;
position: relative;
margin: 0 auto;
margin-top: 70px;
letter-spacing: .2em;
text-decoration: none;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
padding-top: 12px;
padding-bottom: 12px;
}


.textRahmen.zentriert {
margin-bottom: 150px;
}

.aufzuklappen.aufgeklappt {
margin-top:50px;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 0;
font-size: 1em;
width: 100%;
outline: none;
background-image: url(../../media/auswahlpfeil.png);
background-repeat: no-repeat;
background-position: 98% 4px;
background-size: 20px;
} 

select {
width: 100%;
border: 2px solid #c4ab94;
border-radius: 0.25em;
padding: 0.25em 0.5em;
font-size: 1.1rem;
cursor: pointer;
line-height: 1.1;
background-color: #c4ab94;
color:#fff;
-moz-appearance: none;
-webkit-appearance: none;
color: #000;
}
@media screen and (min-width: 1000px) {
br.nurm {
display:none;
}
}

@media screen and (max-width: 1250px) {
.bildwechsel button.prev {
position: relative;
left: -43%;
top: -200px;
}

.bildwechsel button.next {
position: relative;
right: -43%;
top: -200px;
}


}

@media screen and (max-width: 1000px) {
body {
letter-spacing:.03em;
font-size:15px;
line-height: 1.7em;
}
br.mnicht {
display:none;
}

.bildwechsel button.prev {
position: relative;
left: -37%;
top: -120px;
}

.bildwechsel button.next {
position: relative;
right: -37%;
top: -120px;
}

.textRahmen strong {
font-weight: normal;
font-size: 1em;
letter-spacing: .18em;

font-weight:normal;
text-transform: uppercase;
color:#b79823;

}
p.infom {
display:inline-block;
}
p.nurm {
display:inline-block;
}

p.infom br {
display:block
}
p.nurm br {
display:block
}


.inhalt2spalten {
width:85%;
height: auto;
position: relative;
clear: both;
margin-bottom: 0px;
vertical-align: top;
display: inline-block;
}


.inhalt2spalten .spalte1 {
vertical-align: top;
width: 100%;
height: auto;
position: relative;
display: block;
padding:0;
padding-bottom: 0px;
}

.inhalt2spalten .spalte2 {
vertical-align: top;
width: 100%;
height: auto;
position: relative;
display: block;
padding:0;
}

.inhalt2spalten .spalte1 img {
width: 100%;
height: auto;
padding:0;
}

.inhalt2spalten .spalte2 img {
width: 100%;
height: auto;
padding:0;
}
.inhalt2spalten.vierzigsechzig .spalte2 img {
width: 100%;
height: auto;
padding:0;
}

.inhalt2spalten.sechzigvierzig .spalte1 img {
width: 100%;
height: auto;
padding:0;
}

.content .textRahmen {
position: relative;
width: 85%;
height: auto;
display:inline-block;

position: relative;
}

h1 {
font-weight: 200;
font-size: 1.5em;
line-height: 1.3em;
letter-spacing:.16em;
font-weight:normal;
}
#texRahmen5 img {
padding-left: 15px;
padding-right: 15px;
}

button {
height: 50px;
width: 160px;
}

br {
display: none;
}
.footer br {
display: block;
}

.bild {
width: 85%;
margin: 0;
}

h3 {
height: 20px;
font-size:1.0em;
letter-spacing:.18em;
font-weight: normal;
line-height: 1.5em;
display:inline-block;
padding:0 15px;
padding-top:10px;
padding-bottom: 10px;
margin-bottom:14px;
margin-top:0;
}
h4 {
color: #000;
background-color: #c4ab94;
height: auto;
font-size: 1.0em;
letter-spacing: .18em;
font-weight: normal;
line-height: 2.0em;
display: inline-block;
padding: 10px 10px;
margin: 0 0px;
margin-bottom: 10px;
margin-top: 0;
width:auto;

}


.zusatztext {
text-align: right;
position: relative;

right: 0%;
width: 100%;
height:0;
top:-55px;
z-index: 50;
display:inline-block;
}

.zusatztext h4 {
font-size: 0.9em;
height: 30px;
line-height: 2.5em;
padding:5px 10px;
margin: 7px 25px;
}
.zusatztext h4 a {
display:block;
}
.textRahmen h4 {
margin-bottom: 0px;
}

.textRahmen#texRahmen140 h4 {
line-height:1.7em;
margin-bottom:35px;
}

.textRahmen#texRahmen176 h4 {
line-height:1.7em;

}


.mweg {
display:none;
}
br.nurm {
display:block;
}

.mnicht {
display:inline;

}

}

.nurm {
display:none;
}

@media screen and (max-width: 1000px) {

.content .textRahmen.rechts {
position: relative;
width: 85%;
height: auto;
padding-bottom: 0px;
display:block;
position: relative;
margin:0 auto 0 auto;
}
.content .textRahmen.links {
position: relative;
width: 85%;
height: auto;
padding-bottom: 0px;
display:block;
position: relative;
margin:0 auto 0 auto;
}

.content div.textRahmen.rechts div.bildwechsel.rechts div {
position:relative;
}

.content div.textRahmen.rechts div.bildwechsel.rechts span {
transform: rotate(180deg);
display: block;
position: absolute;
left: -7%;
bottom: 36px;
font-size: .7em;
text-align: left;
width: 20px;
margin: 0;
padding: 0;
z-index: 10;
writing-mode: vertical-rl;
}
.content div.textRahmen.rechts div.bildwechsel.links div {
position:relative;
}
.content div.textRahmen.links div.bildwechsel.links span {
transform: rotate(180deg);
display: block;
position: absolute;
left: 101%;
bottom: 36px;
font-size: .7em;
text-align: left;
width: 20px;
margin: 0;
padding: 0;
z-index: 10;
writing-mode: vertical-rl;
}

.content div.textRahmen.zentriert div.bildwechsel.zentriert span {
transform: rotate(180deg);
display: block;
position: absolute;
left: 98%;
bottom: 24px;
font-size: .7em;
text-align: left;
width: 20px;
margin: 0;
padding: 0;
z-index: 10;
writing-mode: vertical-rl;
}


.deckblatt {
width: 100%;
height: 70%;
display: block;
position: absolute;
z-index: 10;
cursor: pointer;
top: 0;
left: 0;
}

.inhalt2spalten h1 {
margin-top: 10px;
}
h2 {
color: #000;
background-color: transparent;
height: 70px;
width: auto;
font-size:1.0em;
letter-spacing:.16em;
margin-bottom: 10px;
margin-top: 50px;
font-weight: normal;
line-height: 2.0em;
display:block;
padding:0 15px;
margin-bottom:25px;
margin-top:5px;
text-transform: uppercase;
}

.content h2:after {
content: " ";
width: 50px;
height: 4px;
background-color: #b79823;
display: block;
margin: auto;
margin-top: 15px;
}
div#inhalt2spalten2 > div:first-of-type {
padding-bottom:40px;

}

.content .textRahmen.rechts:first-child {
margin-top:0;
padding-top:0;

}

h2 {
margin-top: 45px;
margin-bottom: 10px;
}
.content .textRahmen.rechts {
padding-top:35px;
padding-bottom:50px;
}
.content .textRahmen.links {
padding-top:35px;
padding-bottom:50px;
}
.inhalt2spalten .spalte2 {
padding-top:30px;
}
br.nurm {
display:block !important;
}
.nurm,
.mdoch {
display:block;
}
.mnicht {
display:none !important;

}

#textSpalteRechtsVB3 {
width:90%;
margin-left:5%;
margin-right:5%;


}

}