body {font: 15px/1.45 'Fira Sans','Noto Serif', Georgia, serif;
   background-color: #004d48; color: #d1d1d1;}

h1, h2, h3 {color: #b4b4b4; }
h1 {font-size:32px; letter-spacing: -0.5px;}


b, strong {/*font-weight: 500;*/ font-weight:600;}
    
p b, p strong, li b {letter-spacing: 0.4px;}	
	
a {    color: #fff;
    border-bottom: 1px dotted #fff;}
sup {font-size: 19px; }
sup a {margin: 0 3px;
    font-weight: bold;     
	color: #5ab3ff;
    border-bottom: 1px dotted #5ab3ff; }	

    
blockquote {background-color: #4b4b4b; background-color:#575757;
    color: white;
    border-left-color: #444;
    border-left: 0;
    letter-spacing: 0.5px;}
blockquote:before {color: #757575;}
blockquote p b {letter-spacing: 0.7px; }

blockquote.s {width: 83%; /* _.css überschreiben! */
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.1px;}
	
	
.center {padding:0 20px }

.header p:hover,
.header:hover {color:orange}	
	
.header {
	width: 100%;
    float: left;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 3px;
	margin: 40px 0 40px;}
.header p {
    font-family: 'Noto Serif', Montserrat;
	font-size:46px;
    line-height: 1.3; 
	margin: 10px 0 0 0;
    display: flex;}

.header p.untertitel {font-family: Montserrat;
    font-weight:600;
	font-size:17px;  
	padding: 0 0 0 3px;
    margin:0}

    
/* Square Dance, GLR-Praesenz */    
.header_farbkasten {
    width: 100%;
    float: left;
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 50px 0 40px;}    
.header_farbkasten .titel {
    line-height: 1.15;
    font-size: 37px;
    margin: 0;}
.header_farbkasten .untertitel {
    font-size: 16px;
    margin: 35px 0 0;}

a .header_farbkasten {color: #fff;}    
a .header_farbkasten:hover {color: orange;}
   
    
.logo {margin: 0px 27px 0px 0;
    float: left;}
.logo img { max-height: 110px}


.uebersicht li {padding:4px 0px;}	      
      
.start, .tage {float: left; width: 100%;}      
.start ul, ul.tage, .start .eins ul, .start .zwei ul {padding-left:17px;}
.start li {padding: 5px 0;}	

/* Für Inhaltsliste mit Datum: angewählt oder neu */
.start li a:visited, .tage li a:visited, .uebersicht li a:visited 
       {color: #c9c9c9; border-bottom: 1px dotted #999;}
.start li a:hover, .tage li a:hover, .uebersicht li a:hover {color:orange}


.date {margin-left: 10px}
	
	
.box, .box0 {background-color: #2525257d;}
.box0 a {letter-spacing: 0.4px; 
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;}
.box0 a:visited {color:#ccc }

.box {}
.box sup, .footnotes sup {font-size: 15px;}

    
.s, .bildunterschrift, .ende, .footnotes, .menue, .box0 {letter-spacing: 0;}    

.anwahl a, .videotab a {color:#fff; border-bottom: 1px dotted #fff; font-weight: 600;}


.footnotes {border-top: 1px dashed #9b9b9b;
    margin-top:60px;}

.ende {
    font-family: Montserrat;
    font-weight:500;
    font-size: 12px;
	letter-spacing: 0.3px;
	width: 100%;
    float: left;    }
.ende .siegel {width: 31px;}    /*  style="width: 30px; float:right; margin: 4px 0 0 15px;"*/


/* Smartphone */
.eins, .eins2, .zwei, .zwei2, .drei2 {float: left; width: 100%;}

.eins2, .zwei2, .drei2 {/*margin-bottom: 25px;*/}


/* Desktop */
@media only screen and (min-width: 800px) {

.eins {width: 51%; /*padding-right: 4%;*/ margin-right:3%}
.zwei {width:46%}

.eins2, .zwei2 {width: 30%; margin-right:3%}
.drei2 { width: 33%;}

}