/* cinzel-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: url('../website-fonts/cinzel-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/cinzel-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/cinzel-v23-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/cinzel-v23-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/cinzel-v23-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/cinzel-v23-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
}
/* cinzel-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  src: url('../website-fonts/cinzel-v23-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/cinzel-v23-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/cinzel-v23-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/cinzel-v23-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/cinzel-v23-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/cinzel-v23-latin-500.svg#Cinzel') format('svg'); /* Legacy iOS */
}
/* cinzel-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  src: url('../website-fonts/cinzel-v23-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/cinzel-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/cinzel-v23-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/cinzel-v23-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/cinzel-v23-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/cinzel-v23-latin-600.svg#Cinzel') format('svg'); /* Legacy iOS */
}



/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../website-fonts/open-sans-v40-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/open-sans-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/open-sans-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/open-sans-v40-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/open-sans-v40-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/open-sans-v40-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../website-fonts/open-sans-v40-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/open-sans-v40-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/open-sans-v40-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/open-sans-v40-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/open-sans-v40-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/open-sans-v40-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../website-fonts/open-sans-v40-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/open-sans-v40-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/open-sans-v40-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/open-sans-v40-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/open-sans-v40-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/open-sans-v40-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../website-fonts/open-sans-v40-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/open-sans-v40-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/open-sans-v40-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/open-sans-v40-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/open-sans-v40-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/open-sans-v40-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../website-fonts/open-sans-v40-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/open-sans-v40-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/open-sans-v40-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/open-sans-v40-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/open-sans-v40-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/open-sans-v40-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../website-fonts/open-sans-v40-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/open-sans-v40-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/open-sans-v40-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/open-sans-v40-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/open-sans-v40-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/open-sans-v40-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}



/** 1a –––––––––––– p / Absatz / mobil ––––––––––––**/

p {
font-family: "Open Sans", sans-serif;
text-decoration: none;
}


p {
font-weight: 400;
font-size: 0.98em;
letter-spacing: 0.05em;
text-align: left;
line-height: 24px;
text-indent: 0px;
margin-top: 0.5em; 		
margin-bottom: 0; 
}


p.headline { 
font-size: 1.15em;
margin-top: 15px; 		
margin-bottom: 0; 
}

p.text-headline {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 1.1em;
text-decoration: none;
padding-top: 10px;
letter-spacing: 0.05em;
}

p.column {
column-width: 500px;
column-gap: 40px;
}

.willkommen { 
font-size: 1.4em;
line-height: 27px;
margin-top: 0.5em; 		
margin-bottom: 0; 
}

p.zentriert {
text-align: center;
}


/** 1-1 –––––––––––– p / Absatz / mobil / Ende  ––––––––––––**/



/** –––––––––––– Auszeichnung im Text bold ––––––––––––**/
b {
font-family: "Open Sans", sans-serif;
font-weight: 600;
letter-spacing: 0.05em;
}





/** 2a –––––––––––– a / Links / mobil  ––––––––––––**/



a:link {
color: #000;
}

a:visited {
color: #000;
}



/** inline-block: Aktiviert den ganzen navigationsbalken als Link (über den Text hinaus), 
Grundlinienversatz: vertical-align **/


a {
display: block; 
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 1.06em;
width: 100%;
height: 37px;
line-height: 30px;
letter-spacing: 0.05em;
text-decoration: none;
letter-spacing: 0.05em;
vertical-align: -6px;
cursor: alias;
background-color+: #F98082;
word-spacing#: 0.4em;
}




a.p {
font-weight: 400;
font-size: 1em;
letter-spacing: 0.1em;
text-align: left;
line-height: 34px;
text-indent: 20px;
vertical-align: 0px;
letter-spacing: 0.07em;
border-color: rgba(0,0,0,1.00);
border-style: solid;
border-width: 1px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 240px;
text-decoration: none;

}


a.p2 {
display:inline;
font-weight: 400;
font-size: 1.0em;
letter-spacing: 0.1em;
text-align: left;
line-height+: 10px;
text-indent: 0px;
vertical-align: 0px;
background-color+: #AFDFE5;

}


a.p3 {
display:inline;
font-weight: 400;
font-size: 1.0em;
letter-spacing: 0.05em;
text-align: left;
line-height+: 10px;
text-indent: 0px;
vertical-align: 0px;
background-color+: #AFDFE5;

}


/** 2a –––––––––––– a / Links / mobil / Ende ––––––––––––**/





/** 3a –––––––––––– h1 bis h4 / mobil  ––––––––––––**/



h1 {
}



h1.leistungen-head {
font-family: "Open Sans", sans-serif;
position: relative;
font-weight: 600;
font-size: 1.0em;
letter-spacing: 0.06em;
text-align: left;
line-height: 24px;
top:3px;
}


h1.logo {
font-family: "Cinzel", serif;
font-size: 2.5em;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 30px;
color: #fff;
opacity:0.9;
background-color#: #D3DFEC;
vertical-align:10px;
}



h1.motto {
font-family: "Cinzel", serif;
font-size: 2.3em;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 35px;
text-align: center;
color: #000;
padding-top: 0.5em;
}



h2 {
}

h2.sub {
font-family: "Cinzel", serif;
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: 0.1em;
text-align: center;
line-height: 35px;
padding-left: 5%;
 padding-right: 5%;
text-align: center;
color: #000; 
}

h2.leistungen-desktop {
font-family: "Cinzel", serif;
position: relative;
font-weight: 500;
font-size: 1.15em;
letter-spacing: 0.12em;
text-align: left;
line-height: 27px;
top:0px;
color: #000;
margin-bottom: 12px;
padding-left: 0%;
left: 0px;
}

h2.leistungen-head {
font-family: "Open Sans", sans-serif;
position: relative;
font-weight: 600;
font-size: 1.11em;
letter-spacing: 0.06em;
text-align: left;
line-height: 27px;
top:0px;
}




h3 {
font-family: "Open Sans", sans-serif;
position: relative;
font-weight: 600;
font-size: 0.95em;
letter-spacing: 0.06em;
text-align: left;
line-height: 22px;
top:0px;
}

h3.impressum {
font-family: "Open Sans", sans-serif;
position: relative;
font-weight: 600;
font-size: 1.0em;
letter-spacing: 0.1em;
text-align: left;
line-height: 30px;
top:0px;
}

h3.leistungen {
font-family: "Open Sans", sans-serif;
position: relative;
font-weight: 400;
font-size: 1.05em;
letter-spacing: 0.1em;
text-align: left;
line-height: 22px;
top:0px;
color: #fff;
}

h3.text-headline {
font-size: 1.25em;
font-weight: 500;
text-indent: 0px;
line-height: 24px;
padding-top: 10px;
letter-spacing: 0.05em;

}

h3.text-sub {
font-weight: 400;
font-size: 1.05em;
text-indent: 0px;
line-height: 25px;
top:-13px;
}



h4 {

}

hr {
    border: 0;               /* Entfernt Standard-Rahmen */
    border-top: 1px solid #666; /* Definiert die dünne Linie */
    margin-bottom: 0px;          /* Optionaler Abstand oben/unten */
}

/** 3a –––––––––––– h1 bis h4 / mobil  / Ende ––––––––––––**/




/** 4a ––––––––––– Textformatierungen / mobil  ––––––––––––**/


.text-headline+ {
font-size: 1.25em;
font-weight: 500;
text-indent: 0px;
line-height: 24px;
padding-top: 10px;
letter-spacing: 0.05em;

}

.texteinzug-3 {
font-weight: 400;
font-size: 1em;
text-indent: 0px;
line-height: 5px;
padding-top#: -28px;

}

.text-rot {
font-size: 1.05em;
font-weight: 600;
text-indent: 0px;
line-height: 18px;
color: #CD2C2C;
padding-top#: 10px;
}
	
.text-rot-sternchen {
font-size: 0.9em;
font-weight: 600;
text-indent: 0px;
line-height: 25px;
color: #CD2C2C;
padding-top#: 10px;
margin-top#: 10px; 
}

.text-sternchen-links {
font-family: "Open Sans", sans-serif;
font-size: 0.75em;
text-align: left;
vertical-align:8px;
line-height: 4px; 
float: left;
color: #000;
margin-top: 2px;
margin-bottom: 10px;
}

.text-sternchen-rechts {
font-family: "Open Sans", sans-serif;
font-size: 0.75em;
text-align: left;
vertical-align:8px;
line-height: 4px; 
float: left;
color: #000;
margin-top: 2px;
margin-bottom: 10px;
}

.text-sub+ {
font-weight: 400;
font-size: 1.05em;
text-indent: 0px;
line-height: 25px;	
}



/** 4a ––––––––––– Textformatierungen / mobil  / Ende ––––––––––––**/



.bu-links {
font-weight: 400;
font-size: 0.8em;
letter-spacing: 0.05em;
text-align: left;
line-height: 0px;
text-indent: 0px;
padding-left: 0%;
vertical-align: text-top;
}

.bu-rechts {
font-weight: 400;
font-size: 0.8em;
letter-spacing: 0.05em;
text-align: left;
line-height: 0px;
text-indent: 0px;
padding-left: 0%;

}

.bu-links-wappen {
position: relative;
width: 90%;
hight: auto;
font-weight: 400;
font-size: 0.8em;
letter-spacing: 0.05em;
text-align#: left;
line-height: 17px;
text-indent: 0px;
padding-left: 0%;
vertical-align: text-top;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0%;
float: none;
background-color: #BEBFC0;
}


.bildunterschrift {
font-family: "Open Sans", sans-serif;
font-size: 0.9em;
color: #000;
font-style: italic;
padding-left: 5%;
float: none;
}

.website {
font-weight: 600;
font-size: 1em;
letter-spacing: 0.05em;
text-align: left;
line-height: 26px;
padding-right#: 10px;
padding-left#: 40px;
text-indent: 0px;
}





.impressum-1 {
font-weight: 400;
font-size: 0.75em;
letter-spacing: 0.1em;
text-align: left;
line-height: 18px;
padding-right#: 10px;
padding-left#: 40px;
text-indent: 0px;
}

.impressum-2 {
font-weight: 400;
font-size: 0.7em;
letter-spacing: 0.1em;
text-align: left;
line-height: 18px;
padding-right#: 10px;
padding-left#: 40px;
text-indent: 0px;

}




.nummer {
font-family+: "Cinzel", serif;
font-family+: "Open Sans", sans-serif;
font-size: 1.75em;
text-align: center;
top: -20px;
line-height: 0px;
color: #000;
}



.leistungen-desktop+ {
font-family: "Cinzel", serif;
position: relative;
font-weight: 500;
font-size: 1.15em;
letter-spacing: 0.12em;
text-align: left;
line-height: 27px;
top:0px;
color: #000;
margin-bottom: 12px;
padding-left: 0%;
left: 0px;
}



.leistungen-headline-desktop {
font-family: "Open Sans", sans-serif;
position: relative;
font-weight: 400;
font-size: 0.9em;
letter-spacing: 0.05em;
text-align: left;
line-height: 22px;
top:0px;
color: #000;
margin-bottom: 12px;
padding-left: 0%;
left: 0px;
}

.leistungen-headline {
font-family: "Open Sans", sans-serif;
position: relative;
font-weight: 400;
font-size: 1em;
letter-spacing: 0.05em;
text-align: left;
line-height: 22px;
top:0px;
color: #FFFFFF;
margin-bottom: 12px;
padding-left: 0%;
left: 0px;
}

.leistungen {
font-family: "Cinzel", serif;
position: relative;
font-weight: 500;
font-size: 1.05em;
letter-spacing: 0.05em;
text-align: left;
line-height: 23px;
top:0px;
color: #FFFFFF;
margin-bottom: 12px;
padding-left: 0%;
left: 0px;
}




.sub-schwarz {
font-size: 1.56em;
font-weight: 400;
font-style: normal;
letter-spacing: 0.1em;
text-align: center;
line-height: 35px;
padding-left: 5%;
 padding-right: 5%;
text-align: center;
color: #000000; 
}






	
#leistungen {
display: none;
}


.footer-link+ {
display: flex; 
font-weight: 400;
font-size: 0.8em;
letter-spacing: 0.1em;
text-align: left;
line-height: 26px;
padding-right#: 10px;
padding-left#: 40px;
text-indent: 0px;
float: left;
}



nav {
position: relative;
opacity#:0.9;
transition: all 0.4s ease-in-out;
position: relative;
left: 0px;
width: 100%;
padding-left: 0px;
height: auto;
z-index: 600;
text-align: left;
top: 120px;
margin-bottom: 140px;
 cursor: alias;
}

ul {
   list-style: none;
	  cursor: alias;
}

nav ul {
position: relative;
left: 0px;
width: 100%;
padding-left: 0px;
	  cursor: alias;
}

nav ul li {
position: relative;
display: block;
background-color: #E0E0E0; /** --- Balkenfarbe --- **/
bottom: 0;
left: 0;
width: 73%;
max-height:0px;
opacity+:0.3;
height: 0px;
-webkit-transition: 0.5s;
transition: 0.3s;

margin-bottom: 3px;
overflow: hidden;
cursor: pointer;
padding-left: 0%;
padding-top: 0px;
margin-left: auto;
margin-right: auto; 
text-align: center;
	  cursor: alias;
}

nav ul li:hover {
background-color: #ECD07E;

-webkit-transition: 0.3s;
transition#: 0.3s;
	  cursor: alias;
}



#border-radius-link-left {
border-radius: 0px 0px 0px 0px;
border-width: 0px 0px 0px;
border-top-style: solid;
border-top-color: #fff;
opacity+: 0.70;
}


/** --------- Checkbox ---------- **/

.menu-open {
position: absolute;
width: 140px;
height: 120px;
	right: 0px;
z-index: 800;
cursor: pointer;
top: 0px;
opacity: 0;

	margin-top: 0px;
	
}


/** –––––– X  B U T T O N –––––– **/

/** Größe und Stärke der X Balken und Erzeugung der X Form**/
.menu-open:checked + label:before, .menu-open:checked + label:after {
top: 0;
width: 44px;
height: 3px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
border-radius: 1.7px;
	
}

/**Hamburgerbalken 1 oben wird X-Balken von links oben nach rechts unten**/
.menu-open:checked + label:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #fff;
border-radius: 1.7px;
	
}

/**Hamburgerbalken 2 oben wird transparent**/
.menu-open:checked + label {
background: transparent;
	
}


/** Hamburgerbalken 3 oben wird X-Balken von links unten nach rechts oben**/
.menu-open:checked + label:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #fff;
border-radius: 1.7px;
}


/** E N D E  X  B U T T O N **/




/** Navigation einblenden **/

.menu-open:checked ~ nav ul li {
max-height:35px;
height:35px;
opacity: 0.84; /** --- Balkenfarbe --- **/
}



.menu-open:checked ~ ul .a {
pointer-events: auto;
}

.li-1-activ {
background-color: #D1B256; /** --- Balkenfarbe --- **/
}

.li-2-activ {
background-color: #D1B256; /** --- Balkenfarbe --- **/
}

.li-3-activ {
background-color: #D1B256; /** --- Balkenfarbe --- **/
}

.li-4-activ {
background-color: #D1B256; /** --- Balkenfarbe --- **/
}

.li-5-activ {
background-color: #D1B256; /** --- Balkenfarbe --- **/
}

.li-6-activ {
background-color: #D1B256; /** --- Balkenfarbe --- **/
}



/** –––––– H A M B U R G E R B U T T O N ––––––**/


/** Hamburgerbalken 2 mitte (weiß),horizontal**/
.menu-open + label {
position: absolute;
display: block;
top:25px; /** Hamburgerbalken Platzierung**/
right: 6%; /** Abstand nach rechts **/
width: 44px;
height: 3px;
border-radius: 1.7px;
-webkit-transition: top 0.5s, -webkit-transform 0.5s;
transition: top 0.5s, -webkit-transform 0.5s;
transition: transform 0.5s, top 0.5s;
transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
background-color: #fff;
opacity:0.5;
z-index: 600;

}


/** Hamburgerbalken 1 und 3horizontal**/

/** Siehe Hinweis zu CONTENT!!! > www.mediaevent.de/css/generated.html**/
.menu-open + label:before, .menu-open + label:after {
position: absolute;
display: block;
width: 44px;
height: 3px;
border-radius: 1.7px;
-webkit-transition: top 0.5s, -webkit-transform 0.5s;
transition: top 0.5s, -webkit-transform 0.5s;
transition: transform 0.5s, top 0.5s;
transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
background-color: #fff;
z-index: 600;
content: "";
}


/** Hamburgerbalken 1 oben, nach oben versetzt, horizontal**/
.menu-open+ label:after {
top: -10px;
background-color: #fff;
}

/** Hamburgerbalken 3 unten (orange), nach unten versetzt, horizontal**/
.menu-open + label:before {
top: 10px;
background-color: #fff;
}








/** ––––––E N D E  H A M B U R G E R B U T T O N ––––––**/






/** –––––– Ab hier größer als 600px in der Breite ––––––**/

@media only screen and (min-width: 600px) {
	


/** 3b –––––––––––– h1 bis h4 / mobil  ––––––––––––**/
	
h1.logo {
font-size: 4.2em;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 30px;
color: #FFFFFF;
opacity:0.9;
background-color#: #D3DFEC;
}
	
	
#leistungen {
display: none;
}

	
h3+ {
}	
	
	
h3 {
position: relative;
font-weight: 600;
font-size: 1.1em;
letter-spacing: 0.07em;
text-align: left;
line-height: 27px;

vertical-align#: left; 
top:0px;
}	
	
	
/** 3b –––––––––––– h1 bis h4 / mobil  / Ende ––––––––––––**/
	
	
.nummer {
font-family+: "Cinzel", serif;
font-family+: "Open Sans", sans-serif;
font-size: 1.75em;
text-align: center;
top: -20px;
line-height: 5px;
color: #000;
}	
		

.bildunterschrift {
font-family: "Open Sans", sans-serif;
font-size: 0.9em;
color: #000;
font-style: italic;
padding-left: 5%;
float: none;
}

	
	
	
.bu-links-wappen {
position: relative;
width: 70%;
height: 10px;
font-weight: 400;
font-size: 0.8em;
letter-spacing: 0.05em;
text-align: left;
line-height: 0px;
text-indent: 0px;
padding-left: 0%;
vertical-align: text-top;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 5%;
float: none;
background-color: #F3D1C2;
}
	
	
	
}	
	




	


/** –––––––––––––––– B R E A K / ab hier: Desktop –––––––––––––––––––––– **/




@media only screen and (min-width: 1070px) {


	
	
	
	
/** 1c –––––––––––– p / Absatz / Desktop ––––––––––––**/
	

p { 
margin-top: 0.5em; 		
margin-bottom: 0; 
text-decoration: none;
}
	
p {
font-size: 1em;
line-height: 25px;
text-decoration: none;
}
	
p.texteinzug#{
text-indent: 80px;
font-weight: 600;
}

/** 1c –––––––––––– p / Absatz / Desktop / Ende  ––––––––––––**/
	
	
	
	
/** 2c –––––––––––– a / Links / Desktop  ––––––––––––**/

	
	
a {
font-weight: 500;
font-size: 0.9em;
vertical-align: -6px;
}

a:link {
color: #000;
}

	
a.p2 {
display:inline;
font-weight: 400;
font-size: 1.0em;
letter-spacing: 0.1em;
text-align: left;
line-height+: 10px;
text-indent: 0px;
vertical-align: 0px;
}

		
/** 2c –––––––––––– a / Links / Desktop / Ende ––––––––––––**/
	
	
	

	
	
	
/** 3c –––––––––––– h1 bis h4 / Desktop  ––––––––––––**/

	
		
h1.logo {
font-size: 5.0em;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 30px;
color: #FFFFFF;
opacity:0.9;
background-color#: #D3DFEC;
}
	
h1.leistungen-head {
font-family: "Open Sans", sans-serif;
position: relative;
font-weight: 600;
font-size: 1.11em;
letter-spacing: 0.06em;
text-align: left;
line-height: 27px;
top:5px;
}
	
h1.motto {
font-family: "Cinzel", serif;
font-size: 2.3em;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 30px;
text-align: center;
color: #000;	
}

h2.thema+ {
font-size: 2.3em;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 15px;
color: #000;
top: 430px;
opacity+:0.9;
background-color+: #fff;
text-align: center;
padding-top: 28px;
padding-bottom#: 0px;
mix-blend-mode+: color-dodge;
z-index: 200;
 
}

h2.sub {
font-family: "Cinzel", serif;
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: 0.1em;
text-align: left;
line-height: 35px;
padding-left+: 35px;
text-align: center;
}
	
	
h3.text-sub {
font-weight: 400;
font-size: 1.05em;
text-indent: 0px;
line-height: 25px;
padding-top#: -28px;
top:-11px;

}	



	
h3.text-headline {
font-family+: "Cinzel", serif;
font-size: 1.25em;
font-weight: 500;
text-indent: 0px;
line-height: 15px;
padding-top: 0px;
}


	
/** 3c –––––––––––– h1 bis h4 / Desktop  / Ende ––––––––––––**/	

	



/** 4c ––––––––––– Textformatierungen / Desktop  ––––––––––––**/
	


.texteinzug# {
text-indent: 90px;
line-height#: 28px;
padding-top#: -28px;

}

.texteinzug-2# {
font-size: 1.05em;
font-weight: 600;
text-indent: 0px;
line-height: 18px;
padding-top: 10px;

}
	

	
.text-sub+ {
font-weight: 400;
font-size: 1.05em;
text-indent: 0px;
line-height: 25px;
padding-top#: -28px;

}
	

.text-headline+ {
font-family+: "Cinzel", serif;
font-size: 1.25em;
font-weight: 500;
text-indent: 0px;
line-height: 15px;
padding-top: 10px;
}
	
.text-rot {
font-size: 1.05em;
font-weight: 600;
text-indent: 0px;
line-height: 18px;
color: #CD2C2C;
padding-top#: 10px;
}
	
.text-rot-sternchen {
font-size: 0.9em;
font-weight: 600;
text-indent: 0px;
line-height: 25px;
color: #CD2C2C;
padding-top#: 10px;
margin-top#: 10px; 
}
	
		
.text-sternchen-links {
font-family: "Open Sans", sans-serif;
font-size: 0.75em;
text-align: left;
vertical-align:8px;
line-height: 4px; 
float: left;
color: #000;
margin-bottom: 8px;
margin-left: 0%;
}		
	
	
.text-sternchen-rechts {
font-family: "Open Sans", sans-serif;
font-size: 0.75em;
text-align: left;
vertical-align:8px;
line-height: 4px; 
float: left;
color: #000;
margin-bottom: 8px;
margin-left: 0%;
}	
	

	
/** 4c ––––––––––– Textformatierungen / Desktop  / Ende ––––––––––––**/
	
	
	

.nummer {
font-family+: "Cinzel", serif;
font-family+: "Open Sans", sans-serif;
font-size: 1.75em;
text-align: center;
text-indent#: 90px;
top: -20px;
line-height: 5px;
color: #000;
}
	
	
.bu-links {
font-size: 0.9em;
top:-30px;
}
	
.bu-rechts {
font-size: 0.9em;
top:-30px;
}
	
.footer-link+ {
position: relative;
font-weight: 400;
font-size: 0.75em;
letter-spacing: 0.1em;
text-align: left;
line-height: 12px;
padding-right#: 10px;
padding-left: 60px;
text-indent: 0px;
float: left;

}




/** –––––––––––– Checkbox / Desktop –––––––––––– **/
	
.menu-open {
display:none;
position: relative;
width: 120px;
height: 120px;
z-index: 600;
cursor: arrow;
left: 40px;
top: 40px;
opacity: 0;
}

/** Label wird ausgeblendet **/
.menu-open+ label {
display: none;

}

	
/** –––––––––––– Navigation / Desktop –––––––––––– **/

nav {
position: fixed;
opacity: 0.85;
transition: all 0.4s ease-in-out;
width: 100%;
padding-left: 0px;
height: 60px;
z-index: 600;
text-align: center;
top: 0px;
margin-bottom: 40px;
margin: 0 auto;
background-color#: #F4C154;
}


nav ul {
position: relative;
display:flex;
justify-content: center;
left: 0px;
width: 80%;
padding-left: 0px;
background-color#: #333;
margin: 0 auto;
height: 30px;
}

nav ul li {
position: relative;
height: 35px;
max-height:35px;
padding-top: 2px;
padding-buttom: 0px;
cursor: pointer;
float: left;
margin-left: 3px;
text-align: center;
}

.li-1 {
width: 15%;
}
.li-1-activ {
width: 15%;
background-color: #ECD07E; /** --- Balkenfarbe --- **/
}
	
.li-2 {
width: 30%;
}
.li-2-activ {
width: 30%;
}
		
.li-3 {
width: 28%;
}	
.li-3-activ {
width: 28%;
}
	
.li-4 {
width: 25%;
}	
.li-4-activ {
width: 25%;
}
	
.li-5 {
width: 14%;
}
.li-5-activ {
width: 14%;
}
	
.li-6 {
width: 30%;
}
.li-6-activ {
width: 30%;
}
	
#border-radius-link-left {
border-radius: 0px 0px 0px 8px;
border-width: 0px 0px 0px;
border-top-style: solid;
border-top-color: #fff;
}

	
#border-radius-link-right { 
border-radius: 0px 0px 8px 0px;
}


	
/** –––––––––––––––– Ende Navigation / Desktop –––––––––––––––– **/

	
	
		
#leistungen {
display: none;
}
	
	
.bu-links-wappen {
position: relative;
width: 100%;
hight: 10px;
height: 20px;
font-weight: 400;
font-size: 0.8em;
letter-spacing: 0.05em;
line-height: 15px;
text-indent: 0px;
padding-left: 0%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0%;
float+: left;
background-color: #B1E39D;
}
	




	
	
	
	
	
	
}



/** –––––––––––––––– B R E A K / ab hier: Desktop weit –––––––––––––––––––––– **/


@media only screen and (min-width: 1260px) {


	
	
/** 2d –––––––––––– a / Links / Desktop weit  ––––––––––––**/

a {
font-weight: 500;
font-size: 1em;
vertical-align: 0px;
line-height: 25px;
}	
	
a.p# {
font-weight: 400;
font-size: 1em;
letter-spacing: 0.1em;
text-align: left;
line-height: 16px;
text-indent: 0px;

}

	
/** 2d –––––––––––– a / Links / Desktop weit / Ende ––––––––––––**/
	
	
	
	
	
/** 3d –––––––––––– h1 bis h4 / Desktop weit  ––––––––––––**/
	
	
h1.logo {
font-size: 5.8em;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 30px;
color: #FFFFFF;
opacity:0.9;
background-color#: #D3DFEC;
text-align: center;
}

/** 3d –––––––––––– h1 bis h4 / Desktop weit  / Ende ––––––––––––**/	
	
	
	
	
	
/** 4d ––––––––––– Textformatierungen / Desktop weit  ––––––––––––**/
	
.text-sternchen-links {
font-family: "Open Sans", sans-serif;
font-size: 0.75em;
text-align: left;
vertical-align:8px;
line-height: 4px; 
float: left;
color: #000;
margin-bottom: 8px;
margin-left: 14%;
}		
	
.text-sternchen-rechts {
font-family: "Open Sans", sans-serif;
font-size: 0.75em;
text-align: left;
vertical-align:8px;
line-height: 4px; 
float: left;
color: #000;
margin-bottom: 8px;
margin-left: 0%;
}	
	
/** 4d ––––––––––– Textformatierungen / Desktop weit  / Ende ––––––––––––**/
	
	
	
nav {
position: fixed;
transition: all 0.4s ease-in-out;
top: 144px;
width: 13%;
padding-left: 0px;
min-width: 230px;
max-width: 280px;
height: 340px;
z-index: 600;
text-align+: center;

border-top: 2px solid #F5F5F5;
border-right: 2px solid #F5F5F5;
border-bottom: 2px solid #F5F5F5;
border-radius: 0px 18px 18px 0px;
-webkit-border-radius: 0px 18px 18px 0px;
-moz-border-radius: 0px 18px 18px 0px;
background-color+: #D3DFEC;
opacity:0.75;
padding-top: 50px;
padding-bottom: 0px;
padding-right:10px; 
}


nav ul {
position: relative;
display: block;
left: 0px;
padding-left: 0px;
width: auto;
margin: 0 auto;
height: auto;
}

nav ul li {
position: relative;
height: 33px;
max-height:35px;
padding-top: 8px;
padding-left: 13%;
padding-buttom: 10px;
line-height: 12px;
cursor: pointer;
float: none;
margin-left: 0px;
text-align: left;
}

nav ul li:hover {
width: 85%;
}

	
#leistungen {
display: block;
position: fixed;
transition: all 0.4s ease-in-out;
top: 485px;
width: 13%;
padding-top: 15px;
padding-left: 0%;
padding-right:10px; 
padding-bottom: 35px;
min-width: 230px;
max-width: 280px;
height: auto;
z-index: 400;
border-top: 2px solid #948567;
border-right: 2px solid #948567;
border-bottom: 2px solid #948567;
border-radius: 0px 21px 21px 0px;
-webkit-border-radius: 0px 21px 21px 0px;
-moz-border-radius: 0px 21px 21px 0px;
background-color: #948567;
opacity:0.85;
left: 0px;

}

	
ol  {
list-style: none;
margin-left: 0;
padding-left: 13%;	
}


#border-radius-link-left { 
border-radius: 0px 0px 0px 0px;
border-width: 0px 0px 0px;
border-top-style: solid;
border-top-color: #fff;
opacity+:1;
}

#border-radius-link-right { 
border-radius: 0px 0px 0px 0px;
}
	


	

	
.li-1 {
width: 85%;
}
	
.li-1-activ {
width: 85%;
background-color: #FCD974; /** --- Balkenfarbe --- **/
}
	
.li-2 {
width: 85%;
}
.li-2-activ {
width: 85%;
}
	
.li-3 {
width: 85%;
}	
.li-3-activ {
width: 85%;
}
	
.li-4 {
width: 85%;
}
.li-4-activ {
width: 85%;
}
	
.li-5 {
width: 85%;
}
.li-5-activ {
width: 85%;
}
	
.li-6 {
width: 85%;
padding-bottom: 3px;
}
.li-6-activ {
width: 85%;
padding-bottom: 3px;
}
	

.bildunterschrift+ {
position: absolute;
font-family: "Open Sans", sans-serif;
font-size: 25px;
font-style: italic;
color: #fff;
bottom: 40px;
width: 100%;
line-height: 2em;
text-align: center;
letter-spacing:0.1em; 
opacity: 0.5;
}
	
	
.bildunterschrift {
font-family: "Open Sans", sans-serif;
font-size: 0.9em;
color: #000;
font-style: italic;
}
	
.bildunterschrift-zentriert {
font-family: "Open Sans", sans-serif;
font-size: 0.9em;
color: #000;
font-style: italic;
display: flex;
align-items+: center;
justify-content: center;

}
	
.bu-links {
font-size: 0.9em;
line-height: 8px;
text-indent: 5px;
padding-left: 13%;
}
	
.bu-rechts {
font-size: 0.9em;
line-height: 8px;
text-indent: 0px;
padding-left: 0%;
}

	

	
	


}