/* Box Typen XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.talk-text .title {
    border-bottom: 1px solid #003366;
}
.box-outer {
    margin: 0 auto;
    padding: 30px;
    box-sizing: border-box;
}
.box-inner {
    margin: 0 auto 20px;
    padding: 15px;
    width: 96%;

    background-color: #000000;
    color: #ffffff;
    border: 3px solid #ffffff;
    border-radius: 3px;
    box-sizing: border-box;
}
.box-inner:last-child,
.box-inner > :last-child,
.box-inner > :last-child > :last-child {
    margin-bottom: 0;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Seiten-Nummerierung XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.nummerierung {
	margin: 0 auto;
    padding: 4px;
    background-color: #FEAEF7;
    border: 0px solid #491654;
    width: 100%;
    box-sizing: border-box;
}
.inhalt-l {
	margin: 0 auto;
    padding: 4px;
    height: 30px;
    width: 50%;
    display: inline-block;
   
    background-color: #FCA5D7;
    color: #632142;
    text-align: center;
    font-weight: bold;
    border: 1px solid #FF48A4;
    border-radius: 3px;
    float: left;
}
.inhalt-r {
	margin: 0 auto;
    padding: 4px;
    height: 30px;
    width: 50%;
    display: inline-block;
   
    background-color: #FCA5D7;
    color: #632142;
    text-align: center;
    font-weight: bold;
    border: 1px solid #FF48A4;
    border-radius: 3px;
    float: right;
}
.seite {
	margin: 0 0 0 -6px;
    padding: 3px;
    height: 30px;
    width: 30px;
    display: inline-block;
   
    background-color: #FDD9F9;
    color: #315806;
    text-align: center;
    border: 1px solid #F880FC;
    border-radius: 3px;
}
.seite-v-n {
	margin: 0 0 0 -6px;
    padding: 3px;
    height: 30px;
    width: 38px;
    display: inline-block;
   
    background-color: #FFC19B;
    color: #AD4F06;
    text-align: center;
    border: 1px solid #FF9756;
    border-radius: 3px;
}

/* Boxen innen mit Border allgemein XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.box-white {
    background-color: #FFFFFF;
    color: #003366;
}
.box-pink {
    background-color: #6D0132;
}
.box-pink-hell1 {
    background-color: #AE0023;
}
.box-pink-satt {
    background-color: #CC0066;
}
.box-pink-hell2 {
    background-color: #DD002D;
}
.box-red {
    background-color: rgba(196, 0, 39, 0.45);
    border: 2px solid #C40027;
}
.box-flieder {
    background-color: #4D3A69;
}
.box-flieder-hell {
    background-color: #8961C0;
}
.box-blau-hell-spi {
	background-color: #13FFE1;
	background-image: url(/images/hintergruende/spi-blau-hell01.jpg);
}
.box-blau-marine {
	background-color: #003366;
}
.box-blau-ozean {
	background-color: #0B0EAE;
}
.box-lila {
    background-color: #2C0145;
}
.box-purpur {
    background-color: #481338;
}
.box-purpur-hell {
    background-color: #5E005E;
}
.box-tuerkis {
    background-color: #004A25;
}
.box-tuerkis-hell {
    background-color: #006A35;
}
.box-green {
    background-color: #004600;
}
.box-green-helld {
    background-color: #AED06D;
    color: #193A03;
}
.box-green-hell {
    background-color: #D9FF90;
    color: #193A03;
}
.box-green-mai {
    background-color: #2D5500;
}
.box-green-blue {
    background-color: #4CF384;
    background-image: url(/images/hintergruende/spi-gruen-hell02.jpg);
}
.box-green-petrol1 {
    background-color: #2D5500;
    background-image: url(/images/hintergruende/w1-gruen-petrol02.jpg);
}
.box-green-olive {
    background-color: #80FF80;
}
.box-green-olive-hell1 {
    background-color: #283300;
}
.box-green-olive-hell2 {
    background-color: #313E00;
}
.box-grau {
    background-color: #333333;
}
.box-grau-hell1 {
    background-color: #454545;
}
.box-grau-hell2 {
    background-color: #656565;
}
.box-taupe {
    background-color: #383965;
}
.box-taupe-hell1 {
    background-color: #424668;
}
.box-taupe-hell2 {
    background-color: #63689C;
}
/* Body's XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* gaestebuch XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.gaestebuch {
	background-color: #FF9900;
	background-image: url(/images/hintergruende/w1-gold01.jpg);
	line-height: 1.2; 
}
/* fasten XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.fasten {
	background-color: #1F6800;
	background-image: url(/images/hintergruende/spi-gruen-d01.jpg);
	line-height: 1.2; 
}
.licht {
	background-color: #F7A9FA;
	background-image: url(/images/hintergruende/spi-rosak03.jpg);
	line-height: 1.2; 
}
.heilung {
	background-color: #F7A9FA;
	background-image: url(/images/hintergruende/spi-rosak03.jpg);
	line-height: 1.2; 
}
/*rohkost XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.rohkost {
	background-color: #66CD1A;
	background-image: url(/images/hintergruende/spi-gruen-gras01.jpg);
	line-height: 1.2; 
}
/*industriekost XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.industriekost {
	background-color: #949F56;
	background-image: url(/images/hintergruende/w1-grau-oliv01.jpg);
	line-height: 1.2; 
}
/* Wille-des-Menschen XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.wille-des-menschen {
	background-color: #FFFF66;
	background-image: url(/images/hintergruende/spi-gelbdk01.jpg);
	line-height: 1.2; 
}
/* aufklaerung XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.aufklaerung {
	background-color: #E28CC0;
	background-image: url(/images/hintergruende/wheel-of-chariot-konark_apric.jpg);
	line-height: 1.2; 
}
/* Susman XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Susman Boxen aussen mit Border XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.box-aussen-flieder01 {
    margin: 0 auto 40px;
    padding: 50px 45px;
    width: 96%;
    background-color: #FFCCCC;
    background-image: url(/images/hintergruende/sand-rosa04-flieder.jpg);
    border: 4px ridge #CBC5C9;
}
/* Susman Boxen innen  mit Border XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.box-apricot01 {
	padding: 15px;
    background-color: #FFFF99;
    background-image: url(/images/hintergruende/w1-gelb-hell02.jpg);
	color: #003366;
	border : 4px ridge #FFFF99;
}
    /* .box-innen-flieder01 {                                           */
    /* margin: 0 auto;                                                  */
    /* padding: 25px 15px;                                              */
    /* width: 96%;                                                      */
    /*                                                                  */
    /* background-color: #FFCCCC;                                       */
    /* background-image: url(/images/hintergruende/sand-rosa04-flieder.jpg); */
    /* border: 3px groove #FFFFFF;                                      */
    /* }                                                                */
.box-flieder-r {
	padding: 15px;
	background-color: #EC79BB;
    background-image: url(/images/hintergruende/w1-flieder01.jpg);
	color: #003366;
	border: 4px ridge #EC79BB;
}
.box-flieder {
	padding: 15px;
	background-color: #EC79BB;
    background-image: url(/images/hintergruende/w1-flieder01.jpg);
	color: #003366;
}
.box-white-r {
	padding: 15px;
	background-color: #FFFFFF;
	color: #003366;
	border: 4px ridge #FCF68C;
}
/* Allgemein XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* Innen-Boxen ohne Border XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Hintergründe XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.background-white {
    background-color: #ffffff;
    color: #003366;
}
.hintergruende-verl-gelb02k {
    background-image: url(/images/hintergruende/verl-gelb02k.jpg);
    background-color: #FF9900;
}
.background-sun {
	background-image: url(images/hintergruende/verl-gelb02k.jpg);
	background-color: #FF9900;
}
.background-purple {
	background-color: #660099;
}
.background-lila {
	background-color: #2C0145;
}
/* Text-Schriftfarben XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.margin-left {
	margin-left: 50px;
}
.text-weiss {
	color: #FFFFFF;
}
.text-gelb-hell {
	color: #FFFF66;
}
.text-gelb-zitrone {
	color: #FFFF00;
}
.text-gelb {
	color: #FCE01F;
}
.text-rosa {
	color: #FF99CC;
}
.text-rot {
	color: #FF0000;
}
.text-orange-hell {
	color: #FCE01F;
}
.text-orange {
	color: #FF6600;
}
.text-pink {
	color: #FF0033;
}
.text-purple {
	color: #990066;
}
.text-blau-hell {
	color: #003366;
}
.text-blau {
	color: #003366;
}
.text-tuerkis-hell {
	color: #66FFCC;
}
.text-tuerkis {
	color: #006633;
}
.text-gruen-mai {
	color: #A5F202;   
}
.text-gruen {
	color: #006600;
}
.text-gruen-olive {
	color: #3C5E0C;
}
.text-gruen-olive-hell {
	color: #55810F;
}
.text-gruen-gelb {
	color: #CCFF00;
}
.text-gruen-tuerkis {
	color: #009933;
}
.text-braun {
	color: #5A1D06;
}
.text-schwarz {
	color: #4D4D4D;
}
/* Text FROHKOSTGIPFEL xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/    
.frohkost-text1 {
    font-weight: 800;
    font-size: 30px;
    font-style: italic;
}
.frohkost-text2 {
    font-size: 20px;
    font-style: italic;
}
.text-lila {
    color: #C134FE;
}
.text-pink {
    color: #FF20A6;
}
.text-rot {
    color: #FF3333;
}
.text-orange {
    color: #FF9900;
}
.text-gelb {
    color: #FFCC00;
}
.text-zitrone {
    color: #FFFF00;
}
.text-weiss {
    color: #FFFFFF;
}
.text-gruen-satt {
    color: #00CC00;
}
.text-gruen-hell {
    color: #99FF33;
}
.text-gruen-mai {
    color: #87E100;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Listen XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* Buttons XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.menu-button-gelb {
	text-align: center;
	padding: 12px 0;
}
.menu-button-gelb a {
	margin-right: 50px;
}
.menu-button-gelb a:last-child {
	margin-right: 0;
}
.button {
    background: #EEFF00;
    background-image: -webkit-linear-gradient(top, #EEFF00, #FCA800);
    background-image: -moz-linear-gradient(top, #EEFF00, #FCA800);
    background-image: -ms-linear-gradient(top, #EEFF00, #FCA800);
    background-image: -o-linear-gradient(top, #EEFF00, #FCA800);
    background-image: linear-gradient(to bottom, #EEFF00, #FCA800);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #613C04;
    font-weight: 600;
    padding: 8px;
    box-shadow: 1px 1px 3px 0 #000000;
    -webkit-box-shadow: 1px 1px 3px 0 #000000;
    -moz-box-shadow: 1px 1px 3px 0 #000000;
    text-shadow: 1px 1px 20px #000000;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.button:hover {
    color: #1F3D01;
    background: #B6FF0A;
    background-image: -webkit-linear-gradient(top, #B6FF0A, #3DA800);
    background-image: -moz-linear-gradient(top, #B6FF0A, #3DA800);
    background-image: -ms-linear-gradient(top, #B6FF0A, #3DA800);
    background-image: -o-linear-gradient(top, #B6FF0A, #3DA800);
    background-image: linear-gradient(to bottom, #B6FF0A, #3DA800);
    text-decoration: none;
}

/* Hintergründe XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/******************************************************************************
 * Altes unten                                                                *
 * @todo Deprecated CSS                                                       *
 ******************************************************************************/

/* Border - Umrandung für Content */
div.site-border {
    border-width: 25px;
    border-style: solid;
    border-color: #FF9900;
    /* @todo fix image */
    background-image: url(HG/B_gold.jpg);
    text-align: justify;
}

/* Header - Überschriften */
div.header1 {
    margin-bottom: 5px;
    padding: 15px 0;

    font-size: 24px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;

    color: #FFFFFF;
    background-color: #666666;
}
div.header2 {
    margin-bottom: 5px;
    padding: 15px 0;

    font-size: 20px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;

    color: #FFFFFF;
    background-color: #999999;
}
div.header3 {
    margin-bottom: 5px;
    padding: 15px 0;

    font-size: 20px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    color: #000000;
    background-color: #CCCCCC;
}

/* Textbox */
div.textbox1 {
    margin-bottom: 5px;
    padding: 15px 0;

    font-size: 14px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    color: #999999;
}

/* Impressum */
div.textbox_impressum {
    margin-bottom: 5px;
    padding: 15px 0;

    text-align: left;
    font-size: 14px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    color: #333333;
}

/* Custom */
div.pastel_orange {
    border: 1px solid #FFEEB9;
    background-color: #FFEEB9;
}

div.center div.foto {
    margin: 20px;
    padding: 10px;

    text-align: center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #006666;
    background-color: #FFFFFF;
}

/* Box Orange */
.box-aussen-orange01 {
    margin: 0 auto 40px;
    padding: 50px 45px;
    width: 96%;

    background-color: #FF9900;
    background-image: url(/images/hintergruende/verl-gelb01k.jpg);
    border: 4px ridge #CBC5C9;
}
.box-innen-orange01 {
    margin: 0 auto;
    padding: 25px 15px;
    width: 96%;

    background-color: #FF9900;
    border: 3px groove #FFFFFF;
}
.box-color-grau01 {
    margin: 0 auto;
    padding: 15px 15px;
    width: 96%;

    background-color: #B9ACB9;
    /* @todo fix image */
    background-image: url(/images/hintergruende/grau02-spiegel.jpg);
    border: 3px groove #FFFFFF;
}

/* margin 0 - border 0 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* @todo deprecated: Benutze Bootstrap Spacing
 * https://getbootstrap.com/docs/4.1/utilities/spacing/ */

/* class="mt-0" */
.margin-top-0 {
	margin-top: 0;
}
/* class="mb-0" */
.margin-bottom-0 {
	margin-bottom: 0;
}
.margin-right-0 {
	margin-right: 0;
}
.padding-top-0 {
	padding-top: 0;
}
.padding-bottom-0 {
	padding-bottom: 0;
}
.padding-right-0 {
	padding-right: 0;
}