:root {
--color-background-01: #54baff;
--color-background-button: rgba(255,255,255,0.5);
--color-background-button-hover: rgba(255,255,255,1);
--color-pure-black: #000000;
--color-pure-white: #ffffff;
--color-link-content-normal:#023062;
--color-link-content-hover:#000000;
--color-nav-footer: #ffffff;
--color-nav-footer-hover: #000000;
--color-nav-main-normal:#023062;
--color-nav-main-active:#ffffff;
--color-nav-main-hover:#ffffff;
--color-table-border: #023062;
--color-table-header-background:#023062;
--font-color-standard: #ffffff;
--font-color-header: #023062;
--font-color-headline: #023062;
--font-standard: "poppins", Helvetica, sans-serif;
--font-handwriting: "caveat", Helvetica, sans-serif;
--font-size-normal: 1rem;
--font-size-m: 1.1rem;
--font-size-l: 1.5rem;
--font-size-xl: 2rem;
--font-size-xxl: 2.5rem;
--font-size-s: 0.9rem;
--font-size-xs: 0.8rem;
--font-weight-normal: 300;
--font-weight-thin: 100;
--font-weight-bold: 900;
--margin-normal: 1rem;
--margin-narrow: 0.5rem;
--margin-wide: 2rem;
--margin-extra-wide: 3rem;
--padding-narrow: 0.5rem;
--padding-normal: 1rem;
--padding-wide: 1.5rem;
--padding-extra-wide: 2rem;
--radius-normal: 1rem;
--radius-narrow: 0.5rem;
--transition-time-normal: 0.5s;
--transition-time-long: 1s;
--transition-time-short: 0.2s;
}

@viewport {
width: device-width;
zoom:1;
}
@font-face {
font-family: 'poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(''),
    url('poppins-v20-latin-regular.woff2') format('woff2'),
    url('poppins-v20-latin-regular.woff') format('woff');
}
@font-face {
font-family: 'caveat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(''),
    url('caveat-brush-v11-latin-regular.woff2') format('woff2'),
    url('caveat-brush-v11-latin-regular.woff') format('woff');
}



/*+++++ general begin +++++*/
.no_br {
white-space: nowrap;
}
.only_desktop {
display: block;
}
.only_mobile {
display: none;
}
body {
background-color: var(--color-background-01);
font-family: var(--font-standard);
margin: 0;
color: var(--font-color-standard);
}

div.box_main_left {
height: 100%;
background-image: url('../media/layout/background-box-main-left.png');
background-position: bottom right;
background-size: cover;
background-repeat: no-repeat;
position: fixed;
top: 0px;
width: 15%;
}

div.box_main {
width: 68%;
margin-left: auto;
margin-right: auto;
min-height: 100%;
overflow: hidden;
padding-bottom: 4em;
}

div.box_main_right {
height: 100%;
background-image: url('../media/layout/background-box-main-right.png');
background-position: bottom left;
background-size: cover;
background-repeat: no-repeat;
position: fixed;
top: 0px;
right: 0px;
width: 15%;
}

div.box_header {
overflow: hidden;
padding-top: 1rem;
padding-bottom: 1rem;
padding-bottom: 2rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
border-bottom: 2px solid var(--color-pure-white);
}
div.box_header_left {
text-align: left;
width: 25%;
float: left;
}
div.box_header_left img {
height: 10rem;
width: auto;
}
div.box_header_right {
color: var(--font-color-header);
font-size: var(--font-size-xxl);
font-weight: var(--font-weight-bold);
width: 75%;
height: 10rem;
float: right;
display: table;
}
div.box_header_right span {
display: table-cell;
vertical-align: middle;
}

div.box_content {
}
div.box_content_left {
width: 30%;
float: left;
padding-bottom: 5rem;
}
div.box_content_right {
width: 68%;
float: right;
padding-bottom: 5rem;
font-size: var(--font-size-m);
}

div.box_footer {
z-index: 1000;
position: fixed;
bottom: 0px;
width: 78%;
margin-left: 11%;
background-image: url('../media/layout/background-footer.png');
background-position: top center;
background-size: 100%;
background-repeat: no-repeat;
padding-top: var(--padding-normal);
height: 3rem;
line-height: 2rem;
text-align: center;
}
div.box_footer a,
div.box_footer a.placeholder {
text-decoration: none;
color: var(--color-nav-footer);
transition: var(--transition-time-normal);
cursor: pointer;
}
div.box_footer a:hover,
div.box_footer a.placeholder:hover {
color: var(--color-nav-footer-hover);
transition: var(--transition-time-normal);
}
/*+++++ general end +++++*/





/*+++++ startpage begin +++++*/
div.startpage_introbox {
border-bottom: 2px solid var(--color-pure-white);
overflow: hidden;
padding-top: 3rem;
padding-bottom: 3rem;
margin-bottom: 3rem;
}
div.startpage_introbox h1 {
font-size: var(--font-size-xxl);
color: var(--color-pure-white);
}
div a.startpage_link_button {
line-height: 4rem;
white-space: nowrap;
border: 1px solid var(--color-pure-black);
text-decoration: none;
padding: var(--padding-narrow);
margin-right: var(--margin-normal);
border-radius: var(--radius-narrow);
color: var(--color-link-content-normal);
background-color: var(--color-background-button);
transition: var(--transition-time-normal);
}
div a.startpage_link_button:hover {
border: 1px solid var(--color-pure-white);
color: var(--color-pure-black);
background-color: var(--color-background-button-hover);
transition: var(--transition-time-normal);
}
/*+++++ startpage end +++++*/





/*+++++ box navigation begin +++++*/
div.box_navigation_main {
position: relative;
padding-top: 2rem;
}
div.navigation_main_show_hide {
display: none;
cursor: pointer;
color: var(--color-nav-main-normal);
text-align: right;
font-size: var(--font-size-xxl);
transition: var(--transition-time-normal);
}
div.navigation_main_show_hide:hover {
color: var(--color-nav-main-hover);
transition: var(--transition-time-normal);
}
/*+++++ box navigation end +++++*/





/*+++++ navigation_vertical - begin +++++*/
ul.nav_level_shown {
}
ul.nav_level_hidden {
display: non;
}
ul.nav_level_1 {
margin-top: 0rem;
padding-left: 0rem;
}
ul.nav_level_2,
ul.nav_level_3,
ul.nav_level_4 {
padding-left: var(--padding-normal);
}
ul.nav_level_1 li {
list-style-type: none;
text-align: left;
font-size: var(--font-size-l);
}
ul.nav_level_2 li {
font-size: var(--font-size-m);
}

div.navigation_vertical {
}

div.navigation_vertical .active {
color: var(--color-nav-main-active);
font-weight: var(--font-weight-bold);
}
div.navigation_vertical a {
color: var(--color-nav-main-normal);
font-weight: var(--font-weight-normal);
text-decoration: none;
margin-left: 0rem;
margin-right: var(--margin-normal);
transition: var(--transition-time-normal);
}
div.navigation_vertical a:hover {
color: var(--color-nav-main-hover);
margin-left: 0.3rem;
margin-right: 0.7rem;
transition: var(--transition-time-normal);
}
span.navigation_vertical_show_more {
color: var(--color-nav-main-normal);
transition: var(--transition-time-normal);
}
span.navigation_vertical_show_more:hover {
cursor: pointer;
color: var(--color-nav-main-hover);
transition: var(--transition-time-normal);
}
/*+++++ navigation_vertical - end +++++*/





/*+++++ navigation_info - begin +++++*/
div.box_navigation_info {
display: block;
}
div.post_it {
margin-top: 3em;
margin-bottom: 3em;
background: #f0f9ff; /* Old browsers */
/* top, #f0f9ff 0%, #cbebff 13%, #fff2f2 13%, #a1dbff 100% */
background: -moz-linear-gradient(top, #e5ee54 0%, #dae16d 13%, #f4f7cc 13%, #f3f98f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5ee54 0%,#dae16d 13%,#f4f7cc 13%,#f3f98f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5ee54 0%,#dae16d 13%,#f4f7cc 13%,#f3f98f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ee54', endColorstr='#f3f98f',GradientType=0 ); /* IE6-9 */
padding:0.5rem; 
width:70%;
margin-left: 5%;

-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);

box-shadow: 0px 4px 6px #333;
-moz-box-shadow: 0px 4px 6px #333;
-webkit-box-shadow: 0px 4px 6px #333;

font-family: var(--font-handwriting);
font-style: normal;
font-weight: 100;
color: #1818b8;
font-size: 1.5rem;
line-height: 2.5rem;
}
/*+++++ navigation_info - end +++++*/




/*+++++ box-social-share - begin +++++*/
div.box_social_share {
position: fixed;
right: 0em;
text-align: right;
bottom: 50%;
z-index: 4000;
}
div.box_social_share img {
width: 2.5em;
height: auto;
transition: var(--transition-time-normal);
}
div.box_social_share img:hover {
width: 3em;
transition: var(--transition-time-normal);
}
/*+++++ box-social-share - end +++++*/




/*+++++ content styling - begin +++++*/
div.box_content_right a,
a.link_startpage {
text-decoration: none;
color: var(--color-link-content-normal);
border-bottom: 1px solid transparent;
transition: var(--transition-time-normal);
}
div.box_content_right a:hover,
a.link_startpage:hover {
color: var(--color-link-content-hover);
transition: var(--transition-time-normal);
border-bottom: 1px solid var(--color-link-content-hover);
}
div.box_content_right a::after,
a.link_startpage::after {
content: " \27A4";//\2799";//\293B";//\2197";
}

div.box_content_right a.link_button {
white-space: nowrap;
border: 1px solid var(--color-pure-black);
text-decoration: none;
padding: var(--padding-narrow);
border-radius: var(--radius-narrow);
color: var(--color-link-content-normal);
background-color: var(--color-background-button);
transition: var(--transition-time-normal);
}
div.box_content_right a.link_button:hover {
border: 1px solid var(--color-pure-white);
color: var(--color-pure-black);
background-color: var(--color-background-button-hover);
transition: var(--transition-time-normal);
}
div.box_content_right a.link_button::after {
content: '';
}

div.box_content_right a.link_download::after {
content: ' \2935';//\21E9';
}
div.box_content_right a.link_image::after {
content: '';
}
div.box_content_right a.link_mail::after {
content: ' \2710';
}
div.box_content_right a.link_phone::after {
content: ' \260E';
}


h1 {
font-size: var(--font-size-xl);
color: var(--font-color-headline);
}
h2 {
font-size: var(--font-size-l);
color: var(--font-color-headline);
margin-top: var(--margin-wide);
}
h3	 {
font-size: var(--font-size-m);
color: var(--font-color-headline);
margin-top: var(--margin-wide);
}

div.box_content_right img {
max-width: 100%;
height: auto;
}
img.width_30p {
width: 30%;
height: auto;
}
img.width_30p_float_left {
width: 30%;
height: auto;
margin-right: 2%;
margin-bottom: var(--margin-normal);
float: left;
}
img.width_30p_float_right {
width: 30%;
height: auto;
margin-left: 2%;
margin-bottom: var(--margin-normal);
float: right;
}
img.width_50p {
width: 50%;
height: auto;
}
img.width_50p_float_left {
width: 48%;
height: auto;
margin-right: 2%;
margin-bottom: var(--margin-normal);
float: left;
}
img.width_50p_float_right {
width: 48%;
height: auto;
margin-left: 2%;
margin-bottom: var(--margin-normal);
float: right;
}
table.tabelle_text_neutral {
border: none;
}
table.tabelle_text {
border: 1px solid var(--color-table-border);
border-spacing: 0px;
}
table.tabelle_text td,
table.tabelle_text_neutral td {
padding: 0.4em;
vertical-align: top;
}
td.tabellenzelle_text_s1_z1,
td.tabellenzelle_text_s1_z1_ueb {
border-bottom: 1px solid var(--color-table-border);
border-right: 1px solid var(--color-table-border);
padding: 0.4em;
}
td.tabellenzelle_text_s1_zx,
td.tabellenzelle_text_s1_zx_ueb {
border-bottom: 1px solid var(--color-table-border);
border-right: 1px solid var(--color-table-border);
padding: 0.4em;
}
td.tabellenzelle_text_s1_zende,
td.tabellenzelle_text_s1_zende_ueb{
border-right: 1px solid var(--color-table-border);
padding: 0.4em;
}
td.tabellenzelle_text_sx_z1,
td.tabellenzelle_text_sx_z1_ueb {
border-bottom: 1px solid var(--color-table-border);
border-right: 1px solid var(--color-table-border);
padding: 0.4em;
}
td.tabellenzelle_text_sx_zx,
td.tabellenzelle_text_sx_zx_ueb {
border-bottom: 1px solid var(--color-table-border);
border-right: 1px solid var(--color-table-border);
padding: 0.4em;
}
td.tabellenzelle_text_sx_zende,
td.tabellenzelle_text_sx_zende_ueb {
border-right: 1px solid var(--color-table-border);
padding: 0.4em;
}
td.tabellenzelle_text_sende_z1,
td.tabellenzelle_text_sende_z1_ueb {
border-bottom: 1px solid var(--color-table-border);
padding: 0.4em;
}
td.tabellenzelle_text_sende_zx,
td.tabellenzelle_text_sende_zx_ueb {
border-bottom: 1px solid var(--color-table-border);
padding: 0.4em;
}
td.tabellenzelle_text_sende_zende,
td.tabellenzelle_text_sende_zende_ueb {
padding: 0.4em;
}
td.tabellenzelle_text_s1_z1_bis_sende_z1,
td.tabellenzelle_text_s1_z1_bis_sende_z1_ueb {
border-bottom: 1px solid var(--color-table-border);
padding: 0.4em;
}
td.tabellenzelle_text_s1_z1_ueb,
td.tabellenzelle_text_s1_zx_ueb,
td.tabellenzelle_text_s1_zende_ueb,
td.tabellenzelle_text_sx_z1_ueb,
td.tabellenzelle_text_sx_zx_ueb,
td.tabellenzelle_text_sx_zende_ueb,
td.tabellenzelle_text_sende_z1_ueb,
td.tabellenzelle_text_sende_zx_ueb,
td.tabellenzelle_text_sende_zende_ueb,
td.tabellenzelle_text_s1_z1_bis_sende_z1_ueb,
td.tabellenzelle_text_trenner_hor {
background-color: var(--color-table-header-background);
font-weight: 900;
padding: 0.4em;
}
/*+++++ content styling - end +++++*/



/*#############################*/
/*
@media only screen and (min-width: 1921px) {
body {
background-color: black;
}
div.box_main {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
}
*/


/*#############################*/
@media only screen and (max-width: 70em) {
body {
ackground-color: green;
}
div.box_main_left {
width: 10%;
}
div.box_main {
width: 78%;
}
div.box_main_right {
width: 10%;
}
div.box_header {
padding-top: 1rem;
padding-bottom: 1rem;
padding-bottom: 2rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
}
div.box_header_left {
width: 25%;
}
div.box_header_left img {
height: 10rem;
}
div.box_header_right {
font-size: var(--font-size-xxl);
width: 75%;
height: 10rem;
}
div.box_header_right span {
}
div.box_content {
}
div.box_content_left {
width: 30%;
padding-bottom: 5rem;
}
div.box_content_right {
width: 68%;
padding-bottom: 5rem;
font-size: var(--font-size-m);
}
div.box_footer {
width: 88%;
margin-left: 6%;
}
ul.nav_level_1 li {
font-size: var(--font-size-l);
}
ul.nav_level_2 li {
font-size: var(--font-size-m);
}
img.width_30p,
img.width_30p_float_right {
wdth: 50%;
}
}




/*#############################*/
@media only screen and (max-width: 60em) {
body {
ackground-color: cyan;
}
div.box_main_left {
width: 7%;
}
div.box_main {
width: 86%;
}
div.box_main_right {
width: 7%;
}
div.box_content {
}
div.box_content_left {
width: 35%;
}
div.box_content_right {
width: 63%;
font-size: var(--font-size-normal);
}
div.box_footer {
padding-top: 0rem;
height: 3rem;
line-height: 1rem;
width: 94%;
margin-left: 3%;
}
h1 {
font-size: var(--font-size-l);
}
h2 {
font-size: var(--font-size-m);
}
h3	 {
font-size: var(--font-size-normal);
}
img.width_30p,
img.width_30p_float_left,
img.width_30p_float_right {
width: 48%;
}
/*+++++ navigation_vertical - begin +++++*/
ul.nav_level_1 {
margin-top: -1rem;
padding-left: 0rem;
}
ul.nav_level_2,
ul.nav_level_3,
ul.nav_level_4 {
padding-left: var(--padding-narrow);
}
ul.nav_level_1 li {
font-size: var(--font-size-m);
}
ul.nav_level_2 li {
font-size: var(--font-size-normal);
}
div.navigation_vertical a {
margin-right: var(--margin-narrow);
}
div.navigation_vertical a:hover {
margin-left: 0.3rem;
}
span.navigation_vertical_show_more {
}
span.navigation_vertical_show_more:hover {
}
/*+++++ navigation_vertical - end +++++*/
}




/*#############################*/
@media only screen and (max-width: 39em) {
.only_desktop {
display: none;
}
.only_mobile {
display: block;
}
body {
ackground-color: gray;
}
div.box_header {
padding-top: 1rem;
padding-bottom: 1rem;
padding-bottom: 1rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
}
div.box_header_left {
width: 20%;
}
div.box_header_left img {
height: 6rem;
}
div.box_header_right {
font-size: var(--font-size-l);
height: 6rem;
width: 69%;
margin-left: 1%;
margin-right: 0%;
float: left;
}
div.box_header_right span {
}
div.box_content_left {
padding-bottom: 0rem;
}
div.box_content_right {
clear: both;
width: 94%;
margin-left: 3%;
margin-right: 3%;
}



#navigation_main_show_hide {
position: fixed;
top: 3%;
right: 3%;
z-index: 10000;
display: block;
}
div.box_navigation_main {
display: none;
backdrop-filter: blur(30px) brightness(1);
width: 94%;
height: 100%;
padding: 3%;
padding-top: 6%;
position: fixed;
right: 0% ;
top: 0;
z-index: 5000;
overflow: auto;
}
ul.nav_level_1 li {
font-size: var(--font-size-xl);
}
ul.nav_level_2 li {
font-size: var(--font-size-l);
}



div.box_navigation_info {
display: none;
}



img.width_30p_float_right,
img.width_50p_float_right {
float: left;
width: 80%;
padding-left: 0;
margin-right: 20%;
margin-bottom: var(--margin-normal);
}

/*+++++ startpage begin +++++*/
div.startpage_introbox {
padding-top: 1rem;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
div a.startpage_link_button {
line-height: 3rem;
white-space: nowrap;
margin-right: var(--margin-narrow);
}
/*+++++ startpage end +++++*/
}





/*
div.box_footer {
clear: both;
width: 100%;
border-top: 1px solid #ffffff;
border-image: linear-gradient(to right, transparent 0%, #ffffff 30%, #ffffff 90%, transparent 100%);
border-image-slice: 1;
text-align: center;
position: fixed;
bottom: 0;
backdrop-filter: blur(10px) brightness(0.75);
}



div.box_content_right p {
font-size: var(--font-size-m);
padding-bottom: var(--padding-normal);
}
div.box_content_right blockquote {
font-size: var(--font-size-l);
padding-left: var(--padding-normal);
}
div.box_content_right blockquote p::before {
content: '\275D\00a0';
}
div.box_content_right blockquote p::after {
content: ' \275E';
}
div.box_content_right .handwriting {
font-family: var(--font-handwriting);
font-size: var(--font-size-l);
}





div.box_content_right ul,
div.box_content_right ol {
padding-left: var(--padding-normal);
}

table {
}
table th {
text-align: left;
}

video {
background-color: var(--color-pure-black);
}
*/










/*+++++ additional feature - table of contents - begin +++++*/
/*
div.box_table_of_contents {
backdrop-filter: blur(10px) brightness(0.75);
padding: var(--padding-normal);
}
div.box_table_of_contents span.table_of_contents_headline {
font-weight: var(--font-weight-bold);
border-bottom: 1px solid #ffffff;
border-image: linear-gradient(to right, #ffffff 0%, #ffffff 80%, transparent 100%);
border-image-slice: 1;
display: block;
}
div.box_table_of_contents ul {
padding-left: 0;
margin-bottom: 0;
}
div.box_table_of_contents li {
list-style-type: none;
padding-bottom: var(--padding-normal);
}
div.box_table_of_contents ul li.H3 {
padding-left: var(--padding-normal);
}
div.box_table_of_contents li span {
text-decoration: none;
font-weight: var(--font-weight-thin);
cursor: pointer;
transition: var(--transition-time-normal);
}
div.box_table_of_contents li span:hover {
color: var(--color-nav-main-hover);
}
*/
/*+++++ additional feature - table of contents - end +++++*/




*/