/*___od-facila-0.5___*/


/*-----------------------Texte---------------------------------*/

.tx1 {font-size: 110%;}
.tx2 {font-size: 120%;}
.tx3 {font-size: 130%;}
.tx4 {font-size: 140%;}
.tx5 {font-size: 150%;}
.tx6 {font-size: 160%;}
.tx7 {font-size: 170%;}
.tx8 {font-size: 180%;}
.tx9 {font-size: 190%;}
.tx10 {font-size: 200%;}
.tx20 {font-size: 300%;}
.tx30 {font-size: 400%;}
.tx40 {font-size: 500%;}
.tx50 {font-size: 600%;}
.tx01 {font-size: 90%;}
.tx02 {font-size: 80%;}
.tx03 {font-size: 70%;}
.tx04 {font-size: 60%;}
.tx05 {font-size: 50%;}

.fett {font-weight: 700;}
.fett1 {font-weight: 800;}
.fett2 {font-weight: 900;}
.fett01 {font-weight: 600;}
.fett02 {font-weight: 500;}
.fett03 {font-weight: 400;}
.fett04 {font-weight: 300;}
.fett05 {font-weight: 200;}
.fett06 {font-weight: 100;}

.zeile1 {line-height: 1.1;}
.zeile2 {line-height: 1.2;}
.zeile3 {line-height: 1.3;}
.zeile4 {line-height: 1.4;}
.zeile5 {line-height: 1.5;}
.zeile10 {line-height: 2;}
.zeile15 {line-height: 2,5;}
.zeile01 {line-height: 0.9;}
.zeile02 {line-height: 0.8;}
.zeile03 {line-height: 0.7;}
.zeile04 {line-height: 0.6;}
.zeile05 {line-height: 0.5;}
.zeile06 {line-height: 0.4;}
.zeile07 {line-height: 0.3;}

.zeichenabstand1 {letter-spacing: 0.03em;}
.zeichenabstand2 {letter-spacing: 0.05em;}
.zeichenabstand3 {letter-spacing: 0.07em;}
.zeichenabstand4 {letter-spacing: 0.10em;}
.zeichenabstand5 {letter-spacing: 0.12em;}
.zeichenabstand6 {letter-spacing: 0.15em;}
.zeichenabstand7 {letter-spacing: 0.20em;}
.zeichenabstand8 {letter-spacing: 0.25em;}
.zeichenabstand9 {letter-spacing: 0.35em;}
.zeichenabstand10 {letter-spacing: 0.5em;}
.zeichenabstand01 {letter-spacing: -0.05em;}
.zeichenabstand02 {letter-spacing: -0.06em;}
.zeichenabstand03 {letter-spacing: -0.07em;}
.zeichenabstand04 {letter-spacing: -0.08em;}
.zeichenabstand05 {letter-spacing: -0.09em;}

.leerzeichen1 {word-spacing: 0.1em;}
.leerzeichen2 {word-spacing: 0.2em;}
.leerzeichen3 {word-spacing: 0.3em;}
.leerzeichen4 {word-spacing: 0.4em;}
.leerzeichen5 {word-spacing: 0.5em;}
.leerzeichen6 {word-spacing: 0.6em;}
.leerzeichen01 {word-spacing: -0.1em;}
.leerzeichen02 {word-spacing: -0.2em;}
.leerzeichen03 {word-spacing: -0.3em;}
.leerzeichen04 {word-spacing: -0.4em;}



/*-----------------------Anweisungen---------------------------------*/


.links { text-align: left;}
.zentriert { text-align: center;}
.rechts { text-align: right;}
.unterstrichen { text-decoration: underline;}
.kursiv {font-style: italic;}

.unsichtbar { visibility: hidden;}

.weg {visibility: hidden;
    height: 0px;
}


/*-----------------------farben---------------------------------*/

.schwarz {color: black}
.weiss {color: white;}


.rot { color: #FF0000;}
.rot1 { color: #ee1122;}
.rot2 { color: #dd1111;}
.rot3 { color: #bb0000;}
.rot01 { color: #ff3322;}
.rot02 { color: #ff5555;}
.rot03 { color: #ffaaaa;}

.orang { color: #ff8800;}
.orang1 { color: #ee7700;}
.orang2 { color: #ff5500;}
.orang01 { color: #ff9911;}
.orang02 { color: #ffcc44;}

.gruen {color: #00dd00;}
.gruen1 { color: #00cc00;}
.gruen2 { color: #00bb00;}
.gruen3 { color: #007700;}
.gruen01 { color: #33ee33;}
.gruen02 { color: #77ff77;}
.gruen03 { color: #ddff66;}

.grau { color: #C0C0C0;}
.grau1 { color: #b0b0b0;}
.grau2 { color: #909090;}
.grau3 { color: #505050;}
.grau01 { color: #d1d1d1;}
.grau02 { color: #e2e2e2;}
.grau03 { color: #f5f5f5;}


.blau { color: #1e90ff;}
.blau1 { color: #1d80ee;}
.blau2 { color: #0c70dd;}
.blau3 { color: #0b50bc;}
.blau01 { color: #2eb2ff;}
.blau02 { color: #4fd4ff;}
.blau03 { color: #affaff;}

.gold { color: Goldenrod;}
.gold1 { color: DarkGoldenrod;}

.rosa {color: #EE82EE;}
.rosa1 {color: DeepPink;}
.rosa01 {color: #ffddff;}


.gelb {color: #FFFF00;}
.gelb1 {color: #eed833;}
.gelb01 {color: #ffff50;}


.lila {color: #9400D3;}
.lila1 {color: #8B008B;}

.braun {color: #A52A2A;}
.braun1 {color: #8B0000;}

.olive {color: #808000;}
.Zyan {color: #00FFFF;}
.tuerkis {color: #008080;}
.tuk {color: #008080;}

.d90{ opacity: 0.1;}
.d80{ opacity: 0.2;}
.d70{ opacity: 0.3;}
.d60{ opacity: 0.4;}
.d50{ opacity: 0.5;}
.d40{ opacity: 0.6;}
.d30{ opacity: 0.7;}
.d20{ opacity: 0.8;}
.d10{ opacity: 0.9;}

.hinten-weiss{background-color: white;}
.hinten-schwarz{background-color: black;}
.hinten-weissglas {background-color: rgba(255, 255, 255, 0.3);}
.hinten-schwarzglas {background-color: rgba(0, 0, 0, 0.5);}
.hinten-blau{background-color: blue;}
.hinten-rot{background-color: red;}
.hinten-gruen{background-color: green;}

/*-----------------------Abstände---------------------------------*/

.rand5 {margin: 5%;}
.rand10 {margin: 10%;}
.rand15 {margin: 15%;}
.rand20 {margin: 20%;}
.rand02 {margin: -20%;}

.abstand1 {padding: 1%;}
.abstand2 {padding: 2%;}
.abstand3 {padding: 3%;}
.abstand4 {padding: 4%;}
.abstand5 {padding: 5%;}
.abstan10 {padding: 10%;}
.abstan15 {padding: 15%;}
.abstan20 {padding: 20%;}

.links5 {padding-left: 5%;}
.links10 {padding-left: 10%;}
.links15 {padding-left: 15%;}
.links20 {padding-left: 20%;}

.rechts5 {padding-right: 5%;}
.rechts10 {padding-right: 10%;}
.rechts15 {padding-right: 15%;}
.rechts20 {padding-right: 20%;}



.oben1 {position: relative;
    top: 10px;
}
.oben2 {position: relative;
    top: 20px;
}
.oben3 {position: relative;
    top: 30px;
}
.oben4 {position: relative;
    top: 40px;
}
.oben5 {position: relative;
    top: 50px;
}
.oben6 {position: relative;
    top: 60px;
}
.oben01 {position: relative;
    top: -10px;
}
.oben02 {position: relative;
    top: -20px;
}
.oben03 {position: relative;
    top: -30px;
}
.oben04 {position: relative;
    top: -40px;
}
.oben05 {position: relative;
    top: -50px;
}
.oben06 {position: relative;
    top: -60px;
}
.oben07 {position: relative;
    top: -70px;
}
.oben08 {position: relative;
    top: -75px;
}




/*-----------------------Boxen---------------------------------*/


.bigbox {background-image: url(hintergrund.jpg);
  background-repeat: no-repeat;
  background-position: center center;
   background-size: cover;
   width: 100vw;
   height: 100vh;
   display: flex;
   justify-content: center;
}

.innen{
    /* Container horizontal mittig platzieren */
    margin: auto !important;
    padding: 0px 35px 10px 35px !important;
}


.innenbox{
    /* Container horizontal mittig platzieren */
    margin: auto;
    padding: 20px 40px 20px 40px;
}



.innenbox2{
    /* Container horizontal mittig platzieren */
    height: 100vh;
    justify-content: center;
    display: flex;
        background-color: rgba(0, 0, 0, 0.1);
}



.kasten-a {
        display: flex;
        background-color: OrangeRed;
        margin: 10%;
        justify-content: center;
        color: white;
}

.kasten-b {
        justify-content: center;
        text-align: center;
        color: OrangeRed;
}

.boxunten{
	margin: auto;
	position: absolute;
	left: -1px;
	bottom: 0px;
	padding: 20px 40px 0px 40px;
}

/*-----------------------tabellen---------------------------------*/

.zebra::nth-child(even) { background-color: #e4ebf2;  /*jede 2.Zeile andere Farbe*/
  color: #000;
}

.zebra-blau::nth-child(even) { background-color: #E6E6FA;  /*jede 2.Zeile in "Lavendel"*/
  color: #000;
}

.zebra-gruen::nth-child(even) { background-color: #E6E6FA;  /*jede 2.Zeile in "Grün"*/
  color: #000;
}



/*-----------------------design---------------------------------*/

.rahmen0 { border-width: 0px;   /*ohne rahmen*/
border-style: none;}

.rahmen1 { border-width: 1px;   /*ohne rahmen*/
border-style: solid;}

.rahmen2 { border-width: 2px;   /*ohne rahmen*/
border-style: none;}






.zeitung {
  -webkit-column-count: 3;  /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
    column-width: 300px;
  column-gap: 2.5em;
  column-count: 3;
    padding: 0px 0px 0px 0px;
    text-align: justify;
    column-rule: 1px solid lightgray;
    hyphens: auto;
}

.zeitung1 {
  -webkit-column-count: 2;  /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
    column-width: 300px;
  column-gap: 2.5em;
  column-count: 2;
    padding: 0px 0px 0px 0px;
    text-align: justify;
    column-rule: 1px solid lightgray;
    hyphens: auto;
}


/*-----------------------Kontaktform-Design-----------------------------------*/



.wpcf7-form .wpcf7-form-control-wrap {
        width: 80%;
}

.wps-form {
    width: 100%;
    margin: 0 auto;
}

.wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wps-form-row .wpcf7-form-control {
    width: 100%;
}

.wps-form-column {
    flex: 1;
    width: 100%;
}

/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) {
    .wps-form-row {
        flex-direction: row;
    }

}

/*-----------------------Seiten spezifisch---------------------------------*/

.h1 {}
.h2 {}
.h3 {}
.h4 {}
.link {}

.table tr:nth-child(even) {
    background-color: Gainsboro;
}


/*-----------------------Allgemein---------------------------------*/

body {
  font-family: sans-serif, helvetica, Arial;
  font-size: 110%;
    font-weight: 500;
    word-spacing: 0.1em;
  letter-spacing: 0.01em;
}




body1 {padding-left: 20%;
            margin-left: 20%;
}