@import url('cssreset.css');
/*	Design and coding by Jens G.R. Benthien 2025-07-02 */
/* *{border:0px solid #eee;margin:0;padding:0;} */
html,body,#bg,#bg2,#bg3,#bg4,#cont,#video{width:100%;height:100%;overflow:hidden;}
body{font-family:'Raleway';font-weight:300;font-size:12pt;letter-spacing:0.03em;cursor:default;background:#f8f8f8;color:#5e5e5e;} /*black & white*/ /*old background #efefef */
.large,.left{font-family:'Raleway';font-weight:600;font-size:16pt;letter-spacing:0.03em;color:#5e5e5e;}

/* prevent copying of images and text --- */

body,img {
 user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

ul{list-style-type:square;padding-left:5%;}

/* link colors -------------------------- */
a{text-decoration:none;color:orange;}
a:hover{color:red;}
/* a:active{background-color:orange;} */

p{padding-bottom:18pt} /*changed from 10px for equal line spacing*/

hr {width:30%;height:1px;background:orange;border:0;margin: 15px auto 25px auto;padding-top:0px;}

/* section stuff ------------------------ */
section {min-height:100%;z-index: 5;}	

/* important so that images will scale according to screen */

/*img {
    max-width: 100%;
    height: auto;
    width: auto\9;*/ /* ie8 */
/*}*/

/* start page images in background ------ */


.container {
  position: relative;
  text-align: center;
  color: white;
  padding-bottom:10px;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align:center;
  opacity: 0.2;
  font-size:26pt;
  line-height: 30pt;
/*  font-size:14pt; */
  transform: translate(-50%, -50%);
}
/* font size for moments images */
.centered2 {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align:center;
  opacity: 0.2;
  font-size:26pt;
  transform: translate(-50%, -50%);
}

/* trolley animation */
#slideshow {
  margin: auto;
  position: relative;
  width:60%;
  height:20px;
  padding-bottom:37%;
/*  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);*/
}

#slideshow > div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/* blog --------------------------------- */

.tab { text-indent:14px }/*Absatz normal*/
.titletab { text-indent:14px;font-weight:600;font-size:14pt; }
.itab { text-indent:14px;font-family:'Raleway';font-weight:300;letter-spacing:0.03em;font-style:italic; }/*Absatz kursiv*/
.atitle{letter-spacing:0.03em;font-size:38pt;line-height:46pt;text-align:center;overflow:auto;padding-top:10px;} /*Artikelüberschrift*/
.itabred {text-indent:14px;font-family:'Raleway';font-weight:300;font-style:italic;letter-spacing:0.03em;padding:8px;border:1px solid red;} /* red line around italic text */
.tabgreen {padding:0px 20px 0px 20px;border-left: 5px solid turquoise;border-right: 5px solid turquoise;} /* turquoise lines left and right 

/* startpage scale */
#startscale{position:absolute;top:96%;left:0%;width:100%;right:0%;}
.contentscale{position:relative;margin-left:2%;width:96%;margin-right:2%;top:0%;font-size:9pt;line-height:9pt;color:#5e5e5e;letter-spacing:0.03em;text-align:center;background-color:transparent;overflow:hidden;}
.contentscale a{font-family:'Raleway';font-weight:600;font-size:11pt;color:orange;}
.contentscale a:hover{color:red}


/* blog thin frame around image --------- */
.img-frame {
    background:transparent;
    padding:4px;
    border:1px solid #5e5e5e; } 
    
/* estructuras thin frame around image --------- */
.structure-frame {
    background:transparent;
    padding:15px;
    border:1px solid #5e5e5e; } 
    
/* H2 header */
h2{font-size:18pt;line-height:22pt;color:grey;padding-bottom:10px;letter-spacing:0.03em;text-align:center;background-color:transparent;padding-top:0px;overflow:hidden;}

/* text box This section disabled 2020-09-08 */

#textbox{position:absolute;left:0%;right:0%;top:5%;height:90%;overflow-y:scroll;overflow-x:hidden;z-index:5;}
.content{font-size:12pt;line-height:18pt;color:#5e5e5e;padding-bottom:10px;padding-right:20px;letter-spacing:0.03em;text-align:left;background-color:transparent;position:relative;left:30%;width:40%;right:30%;top:0%;overflow:hidden;}
.contentimp{font-size:8pt;line-height:9pt;color:#5e5e5e;padding-bottom:0px;padding-right:20px;letter-spacing:0.03em;text-align:left;background-color:transparent;position:relative;left:30%;width:40%;right:30%;top:0%;overflow:hidden;}
.content img{width:100%;height:auto;min-height:5%;}
.content a{font-family:'Raleway';font-weight:600;font-size:12pt;letter-spacing:0.03em;color:#5e5e5e;}
.content a:hover{color:red}
.contentimp a{font-family:'Raleway';font-weight:600;font-size:8pt;letter-spacing:0.03em;color:#5e5e5e;}
.contentimp a:hover{color:red}

/* mehrspaltig -------------------------- */

.mehrspaltig {
    -webkit-column-count:      	2;
    column-count:              	2;
    -webkit-column-gap:       	3em;
    column-gap:                	3em;
    -webkit-column-rule: 1px solid grey;   
  	column-rule:  1px solid grey;  
/*    -webkit-column-rule-width: 	thin; */
/*    column-rule-width:         	thin; */
/*    -webkit-column-rule-style: 	solid; */
/*    column-rule-style:         	solid; */
    column-fill:				balance; /*auto;*/
  	-ms-hyphens: 				auto; 
	-webkit-hyphens: 			auto; 
  	hyphens: 					auto; 
/*	align:						center;*/ /* geändert am 2020-09-08 */

	-webkit-column-break-inside: avoid;
/*	column-break-inside: avoid; */
/*    page-break-inside: avoid;
    break-inside: avoid;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera, Brave 
/*    page-break-inside: avoid; /* Firefox */ 
/*    break-inside: avoid; /* IE 10+ */ 
    }

/* copyright ---------------------------- */

#copy{position:absolute;left:0%;right:0%;top:93%;width:auto;}
.copy{position:relative;top:0%;left:100%;width:auto;color:white;padding:0px 0px 0px 20px;letter-spacing:0.04em;font-size:8pt;overflow:auto;
	-ms-transform: rotate(-90deg);transform-origin: left 70%;
	-webkit-transform: rotate(-90deg);transform-origin: left 70%;
	transform: rotate(-90deg);transform-origin: left 70%;
}

/* css for print ------------------------ */

@media print { #textbox {position:absolute;left:0%;right:0%;top:10%;height:auto;overflow-y:scroll;overflow-x:hidden;z-index:5;}}
@media print { .content {font-size:10pt;line-height:14pt;color:#6b6b6b;padding-bottom:10px;padding-right:20px;letter-spacing:0.03em;text-align:left;background-color:transparent;position:relative;left:0%;width:70%;right:20%;top:0%;overflow:hidden;}}
@media print { #textboxnew {position:absolute;left:0%;right:0%;top:10%;height:auto;overflow-y:scroll;overflow-x:hidden;z-index:5;}}
@media print { .contentnew {font-size:10pt;line-height:14pt;color:#6b6b6b;padding-bottom:10px;padding-right:20px;letter-spacing:0.03em;text-align:left;background-color:transparent;position:relative;left:0%;width:70%;right:20%;top:0%;overflow:hidden;}}
@media print { #newsbox {position:absolute;left:0%;right:0%;top:10%;height:auto;overflow-y:scroll;overflow-x:hidden;z-index:5;}}
@media print { .newscontent {font-size:10pt;line-height:14pt;color:#6b6b6b;padding-bottom:10px;padding-right:20px;letter-spacing:0.03em;text-align:left;background-color:transparent;position:relative;left:0%;width:70%;right:20%;top:0%;overflow:hidden;}}
@media print { #articlebox {position:absolute;left:0%;right:0%;top:10%;height:auto;overflow-y:scroll;overflow-x:hidden;z-index:5;}}
@media print { .articlecontent {font-size:10pt;line-height:14pt;color:#6b6b6b;padding-bottom:10px;padding-right:20px;letter-spacing:0.03em;text-align:left;background-color:transparent;position:relative;left:0%;width:70%;right:20%;top:0%;overflow:hidden;}}
@media print { #textbox2info {position:absolute;left:0%;right:0%;top:10%;height:auto;overflow-y:scroll;overflow-x:hidden;z-index:5;}}
@media print { .content2info {font-size:10pt;line-height:14pt;color:#6b6b6b;padding-bottom:10px;padding-right:20px;letter-spacing:0.03em;text-align:left;background-color:transparent;position:relative;left:0%;width:70%;right:20%;top:0%;overflow:hidden;}}
@media print { #textboxlight {position:absolute;left:0%;right:0%;top:10%;height:auto;overflow-y:scroll;overflow-x:hidden;z-index:5;}}
@media print { .contentlight {font-size:10pt;line-height:14pt;color:#6b6b6b;padding-bottom:10px;padding-right:20px;letter-spacing:0.03em;text-align:left;background-color:transparent;position:relative;left:0%;width:70%;right:20%;top:0%;overflow:hidden;}}
@media print { #logo {position:absolute;top:10%;left:75%;width:20%;z-index:4;}}
@media print { .one{color:#5e5e5e;font-size:10pt;line-height:14pt;letter-spacing: 0.0em;text-align:left;background-color:transparent;overflow:hidden;}} /*black & white*/
@media print { #blogcontent{position:absolute;top:40%;left:75%;width:25%;z-index:10;}}
@media print { .content img {page-break-after:avoid;}}
@media print { .isub {page-break-inside:avoid;}}
@media print { .date {page-break-after:always;}}
@page        { margin: 2.0cm; }
@media print{@page {size: landscape}}