@charset "UTF-8";
        
     a, a:active, a:focus{
        outline: none; /* Works in Firefox, Chrome, IE8 and above */ 
    }
        

	header, section, footer {
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	body {
		margin:10%;
		font-size: 17pt;
		font-family: 'Source Sans Pro', sans-serif;
		color: #3b3b3a;
		line-height: 24pt;
		font-weight: 300;
	}

	h1, h2, a {
		color:#007ac3;
		font-weight: 300;
	}
	h1 {
		font-size:1.6em;
		line-height: 1.2em;
		
	}
	h2 {
		font-size: 1.3em;
		line-height: 1em;
	}
	strong {
		font-weight: 600;
	}
	ul{ list-style: none; padding-left: 2em; text-indent:-1em; margin:0;   }
	li:before { content: "•"; padding-right:0.8em; color:#007ac3;  }
	img { width:30%; min-width:150px;max-width:300px;}
	div {width:100%;clear:both;text-align: right;}
	span.trenner { letter-spacing: -1em;}

.button {text-align: center;
    display:inline-block;
    border: 1px solid #999;
            width: 14rem;
            height: 2.5rem;
            border-radius: 1.25rem;
            margin: 1rem;
            background-color: #EEE;
            font-weight:400;
         transition: 0.5s;
text-decoration: none;
    color:#555;
    line-height:2.3rem;
}
.button:hover {
    background-color:#007ac3;
    border-color:#007ac3;
    color:#FFF;
     transition: 0.5s;
}
	/* kleinere Displays */
	@media only screen and (max-width: 700px) {
		body {font-size: 15pt; line-height: 18pt; margin-left:5%; margin-right:5%;}
		h1 {
		font-size:1.4em;
		line-height: 1.2em;
		
	}
		h2 {
		font-size: 1.2em;
		line-height: 1em;
	}
		ul{ padding-left: 1em; text-indent:-0.75em; margin:0;   }
	li:before { content: "•"; padding-right:0.45em; color:#007ac3;  }
	}