/*
CTC Separate Stylesheet
Updated: 2016-11-29 16:12:19
*/

/* Farben: grün: #9FC85C
helles grün: #92BA51
blau: #66CBF1
blau: #18ACE8
türkis hover:  #4AADB6
*/
/* ========================= CSS - Anpassungen Rupprecht ========================= */
/* ========================= CSS - Anpassungen Rupprecht ========================= */
/*
Rubriken:
Allgemein
Navigation
Start-Seite
Folgeseiten/Header
Logo
Titel - Farbliche Hinterlegung bei kleinen Aufloesungen
Kontakt-Formular
*/

/* ========================= Allgemein ========================= */
/* ========================= Allgemein ========================= */

/*  Schriftgroesse im Haupttext bei Monitoren, die hoehere DPI-Werte haben. */
/* @media only screen and (min-width: 720px) and (min-resolution: 110dpi) {
#primary article.hentry {
font-size: 18px;
}
}
*/


/* Anpassung fuer Coockie-Banner: Abstand im Header unten, um Schwarzbereich zu erweitern, damit nichts vom unteren Menue ueberdeckt wird */
/* #colophon {
    padding-bottom: 120px;
}
*/

/* Hoehe von unten fuer den Hochsrollbootom */
.scrollup {
     bottom: 120px;
}



/* Body: generelle Aenderungen, hier gegenüber Original Schriftgroesse von 15px auf 16px geaendert und Schrift-Farbe geaendert von #727272 auf #333 */
body {
    color: #333;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 1.5;
}

/* Silbentrennung im Haupt-Text-Block */ 
#primary article.hentry {
    hyphens: auto;
}

/* Blocksatz und Abstaende vom Text zum Rand im Haupttext, damit wird Bild auf allen Folgeseiten auch kleiner ab 768px*/

@media only screen and (min-width: 768px){
#primary article.hentry {
	text-align: justify;
	padding-left: 15%;
    padding-right: 15%;
}
}

/* === Ueberschriften === */

h3 {
    margin-top: 5px !important;
}
h4 {
  	margin-top: 25px;
}

/* Einzuege der Ueberschriften im Haupttext bei Aufloesungen ab 768px */
@media only screen and (min-width: 1024px) {
#primary h2, #primary h3, #primary h4 {
  margin-left: -56px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#primary h2, #primary h3, #primary h4 {
  margin-left: -28px;
}
}

/* Bei den Seiten mit der Bildergeschichte KEIN Einzug der Ueberschriften, weil sie hier mittig sind */
.page-id-416 #primary h2, .page-id-416 #primary h3, .page-id-416 #primary h4, 
.page-id-24 #primary h2, .page-id-24 #primary h3, .page-id-24 #primary h4, 
.page-id-18 #primary h2, .page-id-18 #primary h3, .page-id-18 #primary h4, 
.page-id-20 #primary h2, .page-id-20 #primary h3, .page-id-20 #primary h4 {
  margin-left: 0px;
}


/* === Seiten-Titel / Seiten-Beschreibung === */

/* Farbverlauf im Seiten-Titel für die verschiedenen Browser, Durscheinen=Opacity */

.site-title {
	background: linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -moz-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -webkit-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -ms-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -o-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88BA31, endColorstr=#40BEEF,GradientType=1);
	opacity: 0.8;
	font-size: 28px;
	margin: 17px 0 0;
	padding: 0 15px;
}


/* Schriftgroesse, Abstaende etc. in dem Seitenbeschreibungs-Untertitel */
@media only screen and (min-width: 901px) {
  .site-description {
    color: #222222;
    font-size: 18px;
    letter-spacing: 1.8px;
    margin-bottom: 0;
    padding-top: 7px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
}
}

@media only screen and (max-width:900px){
  .site-title {
    display: inline-block;
    float: left ;
    margin-top: 7px;
}
  .site-description {
	padding-top: 7px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
}
	#masthead {
    text-align: center;
    background-color: #000 !important;
}
}


/* Seitenbeschreibung auch bei kleineren Aufloesungen einblenden */
@media only screen and (max-width:640px) {
  .site-title {
    display: inline-block;
    float: none;
    margin-top: 22px;
}
  .site-description {
	display: block;    
    color: #222222;
    padding-top: 7px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 5px;
    }
}
@media only screen and (max-width:359px) {
.site-description {
    font-size: 80%;
    }
}




/* === Raender und Weiten === */


/* Bei kleiner Aufloesung OHNE Raender und kleiner Zeichenabstand in der Seitenbeschreibung */
@media only screen and (max-width: 528px) {
.container {
    width: 100%;
}
.content-area {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
#mobile-trigger {
    padding: 34px 10px 5px 5px;
}
.scrollup {
    right: 10px;
}
.site-description {
    letter-spacing: 0.5px;
    }
}

/* Korrektur des oberen Randes aufgrund des ausgelblendeten Menue-Zeichens */
@media only screen and (max-width: 900px) {
body {
    margin-top: -40px;
}
}

/* Ganze Seite in der Weite begrenzen und Schatten hinterlegen */
.site {
    box-shadow: 0 0 15px #888;
    max-width: 1024px;
}
@media only screen and (min-width: 1301px) {
.site {
    box-shadow: 0 0 15px #888;
    max-width: 1186px;
}
}

/* === Fixierter Header === */

/* Untertitel oben auch anzeigen, wenn auf den Seiten gescrollt wird */
.site-header.fixed .site-description {
    display: inherit;
}

/* Den fixierten Header in Weite und Position anpassen nur ab 901/1301, darunter wird der Header nicht fixiert.  "left: auto !important;" und "right: auto !important;" zentriert den Block/Header */
@media only screen and (min-width: 901px) and (max-width: 1023px) {
.site-header.fixed {
  max-width: 1023px;
  position: absolute;  
  left: auto !important;  
  right: auto !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
.site-header.fixed {
  max-width: 1024px;
  position: fixed;
  left: auto !important;  
  right: auto !important;
}
}
@media only screen and (min-width: 1301px) {
.site-header.fixed {
  max-width: 1186px;
  position: fixed;
  left: auto !important;  
  right: auto !important;
}
}

/* Fixierten Header bei Bedarf für bestimmte Aufloesungen (z.Z. bis 1023 px) gar nicht nutzen, weder fixed noch absolute, das ueberschreibt dann den vorherigen Eintrag */

@media only screen and (max-width: 1023px) {
.site-header.fixed {
  display:none;
}
}

/* === Nur Seite Psychotherapie === */

/* Damit Anker trotz Fixed Header auf der Psychotherapie-Seite korrekt angezeigt wird und nicht die Ankerstelle oben vom  Header verdeckt ist. */
@media only screen and (min-width: 700px) and (max-width: 1023px) {
.page-id-1493 h4[id] {
 margin-top: -110px;
 padding-top: 110px;
}
}
@media only screen and (min-width: 1024px) {
.page-id-1493 h4[id] {
 margin-top: -210px;
 padding-top: 210px;
}
}
/*
@media only screen and (max-width: 699px) {
.page-id-1493 h4[id] {
 margin-top: -40px;
 padding-top: 40px;
}
}
*/
/* Fuer Seite Psychotherapie - Heiteres und Ernstes den fixierten Header generell nicht anzeigen (auch nicht bei hoeheren Aufloesungen, damit die Anker korrekt angesteuert werden koennen */
/*
@media only screen and (min-width: 1024px) {
.page-id-1493 .site-header.fixed {
	display:none;
}
}
*/

/* === Sonstiges === */

/* Formatierung des Banners auf den Folgeseiten, damit das Foto nicht verzerrt angezeigt wird */
#custom-header {
    background-size: 100% 100% !important;
}

/* Seiten-Info ganz unten mit Werbelink ausblenden */
.site-info {
 	display: none;
}

/* Farbe der Bullets in Listen und Rechteck statt Kreis, zusäztlich muss dann der Fliesstext nach den Bullts manuel im Text wieder auf die gewuenschte Farbe, z.B. #333 gebracht werden, sonst ist auch der Text nach den Bullets in gleicher Farbe wie diese */
ul {
    color: #4AADB6;
    list-style-type: square;
}

/* Abstaende zwischen den einzelnen Listenpunkten */
#primary li {
  padding-bottom: 6px;
}

/* Farben fuer Links im Haupttext */
#primary article.hentry a {
    color: #88BA30;
    text-decoration: inherit; 
}
#primary article.hentry a:visited {
    color: #88BA30;
}
#primary article.hentry a:hover,
#primary article.hentry a:focus,
#primary article.hentry a:active {
    color: #4AADB6;
}

/* Footer Farben und Opacity */
/*
#footer-widgets::before {
	background: #fff none repeat scroll 0 0;
	background: linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%); background: -moz-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -webkit-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -ms-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -o-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88BA31, endColorstr=#40BEEF,GradientType=1);
	opacity: 0.9;
}
*/
#footer-widgets::before {
	background-color: #fff;
	opacity: 10.0;
	background-image: url(https://www.wayrakuna.de/wp-content/themes/onefold/images/body-bg.png);
	
}

/* Farbe der Footerschrift "Leitgedanke" */
#footer-widgets, #footer-widgets a{
color: #2F4F4F;
} 

/* Abstände, Schriftgröße und Farbe des Footer-Titels im Footer */
#footer-widgets .widget-title{
color: #2F4F4F;
font-size:30px;
margin-bottom:20px;
padding-bottom:15px;
}

/* Abstände Footer-Widget */
#footer-widgets{
padding-bottom:50px;
padding-top:0px;
} 
 


/* Farbe in Suchfeld */
.search-form .search-submit {
  	background: #9FC85C none repeat scroll 0 0;   
}
.search-form .search-submit:hover {
  background: #4AADB6 none repeat scroll 0 0;     
}

/* Hochsroll-Buttom am uneteren rechten Rand */
.scrollup i{
  	color: #222;    
}
.scrollup {
  	/* background-color: #fff; */
  	background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid #fffffe;
    box-shadow: 0 1px 2px #001837;
  	right: 24px;	
}
.scrollup:hover {
    background-color: #9FC85C;
}

/* ========================= Allgemein - Ende ========================= */


/* ========================= Navigation ========================= */
/* ========================= Navigation ========================= */


/* === Haupt-Menue rechts - Erste Seite === */

/* Textfarbe im Navigationsbereich des Headers */
.page-id-2 .main-navigation ul li a {
    color: #ffffff;
}
.page-id-2 .site-header.fixed .main-navigation ul li a {
   /* color: #222222; */
}

/* Textfarbe im oberen Unter-Menue rechts */
.page-id-2 .site-header.fixed .main-navigation ul ul li > a {
    color: #ffffff;
}

/* Mindest-Weite Unter-Menues vorher 210px, Hintergrundfarbe im Navigationsbereich des Headers */
.page-id-2 .main-navigation ul ul {
    background-color: #8AB143;
    min-width: 120px;
}

/* Farbe des Unterstrichs als Hervorhebung der aktuellen Seite oben im Menue */
	.page-id-2 .main-navigation ul li > a:hover,
	.page-id-2 .main-navigation ul li.current-menu-item > a,
	.page-id-2 .main-navigation ul li.current_page_item > a,
	.page-id-2 .main-navigation ul li:hover > a {
    border-bottom: 2px solid #4AADB6;
}


/* === Haupt-Menue rechts - Folge-Seiten === */

/* Textfarbe im Navigationsbereich des Headers */
.main-navigation ul li a {
    /* color: #222222; */
	color: #fffff;
}

/* Textfarbe im oberen Unter-Menue rechts */
.main-navigation ul ul li > a {
    color: #ffffff;
}

/* Mindest-Weite vorher 210px, Hintergrundfarbe im Navigationsbereich des Headers */
.main-navigation ul ul {
    background-color: #8AB143;
    min-width: 180px;
}

/* Farbe des Unterstrichs als Hervorhebung der aktuellen Seite oben im Menue */
	.main-navigation ul li > a:hover,
	.main-navigation ul li.current-menu-item > a,
	.main-navigation ul li.current_page_item > a,
	.main-navigation ul li:hover > a {
	border-bottom: 2px solid #92BA51;
}

/* Hauptmenue rechts bei hoeheren Aufloesungen im linken Rand negativ einziehen, damit um die Weite von 905px das Menue nicht nacht unten verschoben wird, da es sonst mit dem Titel der Seite zusammenstossen wuerde */
#main-nav {
    margin-left: -25px;
}

/* === Menue-Symbol === */

/*Ausrichtung vom mobilen Menue-Symbol rechts und die Weite des anklickbaren Bereichs festlegen, margin-left und width zusammen muessen 100 % ergeben */
#mobile-trigger {
   margin-left: 80%;
   width: 20%;
  
}
/* Bei Ausklappen des Menues das Menue-Symbol wieder links ausrichten */
.sidr-open #mobile-trigger {
  margin-left: 0px;
}

/* Farbe und sonstiges beim Menue-Symbol */
#mobile-trigger i {
  	background-color: rgba(255, 255, 255, 0.9);
    color: #222;
	padding: 6px 8px;
}
#mobile-trigger i:hover {
    background-color: #4AADB6;
}

/* Formatierung, Abstaende und Aursrichtung Menue-Symbol, wenn es aktiviert ist */
@media only screen and (max-width: 900px) {
#mobile-trigger {
    background: none;
	padding: 34px 24px 5px 5px;
	text-align: right;
}
}
@media only screen and (min-width: 730px) and (max-width: 900px) {
#mobile-trigger {
    padding: 29px 24px 5px 5px;
}
}
*
@media only screen and (min-width: 690px) and (max-width: 729px) {
#mobile-trigger {
    padding: 29px 3px 5px 5px;
}
}

/* === Aufklapp-Menue === */

/* Farbe der aufgeklappten Menue-Seitenleiste am linken Rand bei kleineren Aufloesungen */
.sidr {
	background: #FFFAF0;
	background-image: url(https://www.wayrakuna.de/wp-content/themes/onefold/images/body-bg.png);
	/*background: #333 none repeat scroll 0 0;
	background: #fff none repeat scroll 0 0;
	background: linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -moz-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -webkit-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -ms-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	background: -o-linear-gradient(left, #88BA31 0%, #40BEEF 100%, #40BEEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88BA31, endColorstr=#40BEEF,GradientType=1); 
	Opacity: 1.0;   */ 
	color: #2F4F4F;
	font-size: 16px;
	top: 0;
	width: 260px;
}

.sidr ul li a, .sidr ul li span{
color: #2F4F4F;
} 

.sidr ul li ul li a, .sidr ul li ul li span{
color: #2F4F4F;
} 

.sidr label, .sidr p, .sidr ul li ul li {
    font-size: 16px;
    font-weight: 400;
}

/* === Slider === */

/* Slider: Weiterlesen-Button Hintergrund-Farbe bei Hover */
.custom-button:hover {
	background: #4AADB6;
	border-color: #4AADB6;
}

/* Slider: Links-Rechts-Buttons rechts im Slider bei Hover */
#main-slider .cycle-prev:hover, 
#main-slider .cycle-next:hover {
	background-color:#4AADB6;
  	border-color: #4AADB6;
}

/* === Suche === */

/* Nach der Suche unten auf Suchergebnissen die Farbe der Seitennummern */
.navigation .nav-links a {
    background: #9FC85C none repeat scroll 0 0;
}
.navigation .nav-links .page-numbers.current,
.navigation .nav-links a:hover {
    background: #4AADB6 none repeat scroll 0 0;
}

/* === Sidebar und Footer === */

/* Zeichen vor Menue in Sidebar und Footer */
.sidebar ul li::before {
	content: ">";
}

/* Zeichen vor Menue im Footer */
#footer-widgets ul li::before {
	content: ">";
}

/* ========================= Navigation - Ende ========================= */


/* ========================= Start-Seite  ========================= */
/* ========================= Start-Seite  ========================= */

/* Abstaende vom Text zum Rand im Haupttext*/
@media only screen and (min-width: 768px){
.page-id-2 #primary article.hentry {
    padding-left: 15%;
    padding-right: 15%;
}
}

/* Farbe vom Header */
.page-id-2 .site-header {
    background-color:none;
    background-image: none; 
}


/* Farbe wenn die Seite gescrollt wird und der Header oben fixiert wird */
.page-id-2 .site-header.fixed, .home .site-header.fixed {
    background-color: #d8b010; 
}

/* Schriftfarbe im fixierten Header Seitenbeschreibung */
.page-id-2 .site-header.fixed .site-description {
    color: #222222;
}

/* Schriftfarbe in der Seitenbeschreibung=Untertitel */
@media only screen and (min-width: 901px) {
.page-id-2 .site-description {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1.8px;
    margin-bottom: 0;
    padding: 0 15px 5px;
}
}







/* ===== Slider ===== */

/* Farbverlauf: Gradienten im Slider insgesamt von oben nach unten, der letzte Wert entscheidet über das Durscheinen=Opacity  */
#main-slider::before {
   background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0;
}

/* Weiten und Abstaende im Slider, "max-height" verhindert, dass Text oben in die Ueberschriften rutscht, wenn die Schriftgroesse im Browser auf gross oder groesser gesetzt wird. Durch die Bottom-Angabe wird der Text unten ausgerichtet */
#main-slider .cycle-caption {
  	max-height: 80%;
    left: 15px;
  	bottom: 2%;
}

@media only screen and (min-width: 1301px) {
#main-slider .cycle-caption {
  left: 29px;
}
#main-slider .cycle-caption .caption-wrap {
  max-width: 45%;
}
}

@media only screen and (min-width: 951px) {
#main-slider .cycle-caption {
    max-width: 50%;    
}
}
@media only screen and (min-width: 901px) and (max-width: 950px){
#main-slider .cycle-caption {
    max-width: 50%;
}
}
@media only screen and (max-width: 900px) {
#main-slider .cycle-caption {
  	max-width: 70%;
}
}

/* == Text im Slider == */

/* Formatierung vom H3 im Slider, vor allem Farben und Abstaende, Opacity = letzter Wert in background-color */
#main-slider h3 {
    background-color:rgba(3, 3, 3, 0.2);
	color: #ffffff;
    padding: 10px 15px 1px;
}
@media only screen and (min-width: 601px) and (max-width: 849px) {
#main-slider h3 {
	padding: 20px 15px 20px;
}
}

/* Titel in Slider nach links ruecken, damit er mit WEITERLESEN beginnt */
@media only screen and (max-width: 640px) {
.caption-wrap h3{
  	margin-left: -10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
.caption-wrap h3{
  	margin-left: -15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 849px) {
.caption-wrap h3{
  	margin-left: -6px;
}
}


/* Textgroesse von H3 im Slider in bestimmten Aufloesungen */
@media only screen and (min-width: 600px) and (max-width: 849px) {
#main-slider .cycle-caption h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.5;
}
}
@media only screen and (min-width: 500px) and (max-width: 599px) {
#main-slider .cycle-caption h3 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.5;
}
}
@media only screen and (min-width: 400px) and (max-width: 499px) {
#main-slider .cycle-caption h3 {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.5;
}
}
@media only screen and (min-width: 300px) and (max-width: 399px) {
#main-slider .cycle-caption h3 {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.5;
}
}


/* Formatierung vom Fliess-Text "p" im Slider, vor allem Farben, Opacity = letzter Wert in background-color, Abstaende und Silbentrennung */
#main-slider p {
 	background-color:rgba(3, 3, 3, 0.2); 
	color: #ffffff;
    font-size: 16px;
    text-align: justify;
    margin-bottom: 20px;
    padding: 10px 15px;
    hyphens: auto;
}

/* Hauptext im Slider ausblenden in bestimmten Aufloesungen */

@media only screen and (min-width: 601px) and (max-width: 849px) {
#main-slider p {
	display: none;
}
}


/* Weiterlesen-Buttons im Slider ausblenden ab bestimmter Weite */
@media only screen and (min-width: 850px) {
  .slider-buttons{
     display: none;
  }
}


/* "Vor- und Zurueck-Buttons" im Slider - Abstand nach unten anpassen */
#main-slider .cycle-prev, #main-slider .cycle-next {
    bottom: 9%;
}

/* ========================= Start-Seite - Ende  ========================= */



/* ========================= Folgeseiten/Header ========================= */
/* ========================= Folgeseiten/Header ========================= */

/* Farbe vom Header auf den normalen Seiten */
.site-header {
    background-color: #fffff;
}

@media only screen and (min-width: 901px){
.site-header {
	background-color: #000;
	/* background-image: url(https://www.wayrakuna.de/wp-content/uploads/2024/02/frieden-header-folgeseiten-hintergrund.jpg); */
}
}



/* Farbe bzw. Hintergrundbild vom Header, wenn die Seite gescrollt wird und der Header oben fixiert wird */
.site-header.fixed, .home .site-header.fixed {
  background-color: #000;
  /* background-image: url(https://www.wayrakuna.de/wp-content/uploads/2024/02/frieden-header-folgeseiten-hintergrund.jpg); */
}

/* Hintergrund für Banner auf allen Seiten aussser Startseite */
#custom-header::before {
	background-color:rgba(3, 3, 3, 0.0);
    opacity: 0.9;
}

/* Seiten-Titel/Ueberschrift im Banner ausblenen */
#custom-header .page-title {
    display: none;
}

/* Im Banner rechts das Kurz-Menue (aktuelle Seite und eine Ebene hoeher) ausblenden */
#breadcrumb .breadcrumb-trail li  {
    display: none;
}

/* ========================= Folgeseiten/Header - Ende========================= */


/* ========================= Logo ========================= */
/* ========================= Logo ========================= */

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

/* Breite und/oder Hoehe des Logos steuern */
  .site-branding img {
    height: auto;
    max-width: 500px;    /* Vorher 72px */
}

/* Position des Logos, Abstaende und maximale Weite */
.custom-logo-link {
    float: left;
    margin-right: 15px;
    max-width: 504px;
}
}  

/* Logo auch bei niedrigeren Aufloesungen einblenden */
@media only screen and (max-width: 900px) {
.custom-logo-link {
    float: none;
	margin: 0 auto;
	margin-bottom: 8px;
    max-width: 65px;
    max-height: 65px;
}
.site-branding {
    float: left;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    
}
.site-branding img {
       margin-top: 0;
       vertical-align: middle;
}
#site-identity {
    display: inline-block;
    float: none;
    margin-right: none;
    text-align: center;     /* zuvor: center */
}
.site-title {
    margin-top: 7px;
}
.site-header {
    background-color: inherit;
    padding: 15px 0;
}
.site-description {
    color: #222222;
    display: block;
    padding: 7px 0 0;
}
}


@media only screen and (min-width: 690px) and (max-width: 900px) {
.custom-logo-link {
    display: inline-flex;
    margin-right: 15px;
	max-width: 72px;
    max-height: 72px;
}
.site-branding {
    margin: 0 0;
    text-align: center !important;         /* zuvor: center */
}
}

/* ========================= Logo - Ende ========================= */


/* === Beim Titel bei kleinen Aufloesungen bis 900px keine farbliche Hinterlegung === */
/* === Beim Titel bei kleinen Aufloesungen bis 900px keine farbliche Hinterlegung === */

@media only screen and (max-width: 689px) {
.custom-logo-link {
    margin: 0 auto 0px;
    max-height: 65px;
    max-width: 65px;
}
.site-title > a {
    color: #333;
}
.site-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.site-branding img {
    margin-top: none;
	max-width: 460%;
}
}

@media only screen and (min-width: 690px) and (max-width: 900px){
.custom-logo-link {
    margin: 0 auto 0px;
    max-height: 72px;
    max-width: 72px;
}
.site-title > a {
    color: #333;
}
.site-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.site-branding img {
    margin-top: none;
	max-width: 700%;
}
}

/* === Beim Titel bei kleinen Aufloesungen bis 900px keine farbliche Hinterlegung - Ende === */


/* ========================= Kontakt-Formular ========================= */
/* ========================= Kontakt-Formular ========================= */
/* Damit die Checkboxen selbsts nicht ueber die ganze Weite gehen, die anderen Felder aber sehr wohl */
.wpcf7 input[type="checkbox"] {
	width: auto;
}

/* Das Theme hat Klassen fuer Contact-Form-7 vordefiniert. Bei vorgebenen "display: block" wird leider die Checkbox unten in eigener Zeile angezeigt und nicht links neben dem zugehoerigen Text. Bei "display: inline" wird das zwar korrekt gemacht, aber auch bei allen anderen Feldern werden keine Abstaende mehr zwischen Text und Feld gemacht. Das kann dann ueber die "input-Felder" geregelt werden */
/* Fuer die Auswahlboxen oben */
.wpcf7-list-item {
	display: block;
}

/* Fuer die Checkbox unten */
.wpcf7-form-control-wrap {
	display: inline;
}

/* Mit den "input-Felder" koennen die einzelen Felder-Typen formatiert werden. */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 textarea {
	border: 2px solid #ccc;
	color: #666;
	margin-top: 8px;
	padding: 8px;
}

/* Hintergrundfarbe des Sendes-Feldes */
.wpcf7 input[type="submit"] {
	background: #9FC85C none repeat scroll 0 0;
}

.wpcf7 input[type="submit"]:hover {
	background: #18ACE8 none repeat scroll 0 0;
}

/* Weite des Inputfeldes, im Original war es schmaler: auto */
.wpcf7 input.wpcf7-submit {
	width: 100%;
}

/* Bei Bedaraf Farbe des Errorfeldes formatieren */
/* div.wpcf7-validation-errors {
    border: 2px solid #18ACE8;
} */
/* ========================= Kontakt-Formular - Ende ========================= */


/* ================ Alternative Optionen ================= */
/* ================ Alternative Optionen ================= */

/* Mobiles Menue-Symbol am oberen Rand aublenden */
/*
#mobile-trigger {
  display: none;
  text-align: center;
}
*/

/* Logo ausblenden bei niedrigen Aufloesungen - bis 699 oder bis 900 */
/* 
@media only screen and (max-width: 699px) {
.site-branding img {
    display: none;
}
}
*/

/* Alternativer Gradientenhintergrund in H3 und Text im Slider */
/*
#main-slider h3, #main-slider p {
	background: linear-gradient(left, rgba(3,3,3,0.2) 0%, rgba(3,3,3,0.1) 47%, rgba(3,3,3,0.1) 100%);
	background: -moz-linear-gradient(left, rgba(3,3,3,0.2) 0%, rgba(3,3,3,0.1) 47%, rgba(3,3,3,0.1) 100%);
	background: -webkit-linear-gradient(left, rgba(3,3,3,0.2) 0%, rgba(3,3,3,0.1) 47%, rgba(3,3,3,0.1) 100%);
	background: -ms-linear-gradient(left, rgba(3,3,3,0.2) 0%, rgba(3,3,3,0.1) 47%, rgba(3,3,3,0.1) 100%);
	background: -o-linear-gradient(left, rgba(3,3,3,0.2) 0%, rgba(3,3,3,0.1) 47%, rgba(3,3,3,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff,GradientType=1);
}
*/
/* ======================================================= */
/*
#footer-widgets ul {
  list-style: outside none none;
  margin-left: 30px;
}
*/
/*
.site-header.fixed, #masterhead, .site-branding, .site-branding img {
height: 1px;
}

.custom-logo {
width: 1px;
}

.site-title, .site-description {
 font-size: 1px
}
*/

/* =================== Fonts ================= */
/* =================== Fonts ================= */

/* open-sans-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* oswald-regular - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-300 - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v34-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* Abstaende der beiden Pfeile im Slider für vorheriges und naechstes Sliderbild */
@media only screen and (max-width: 1300px) {
#main-slider .cycle-prev {
    right: 70px;
}
#main-slider .cycle-next {
    right: 30px;
}
}
@media only screen and (min-width: 1301px) {
#main-slider .cycle-prev {
    right: 70px;
}
#main-slider .cycle-next {
    right: 30px;
}
}