html { -webkit-text-size-adjust: 100%; }

@media only screen and (max-width: 1230px) {
	h1 { width: 75%; }
}

@media only screen and (max-width: 1100px) {
	.wrap { width: 98%; padding: 0 1%; }
}

@media only screen and (max-width: 1100px) {
	section.circle h2 { font-size: 120%; }
	section.circle img { left: 18%; }
}

@media only screen and (max-width: 1000px) {
	section.circle img { left: 15%; }
}

@media only screen and (max-width: 960px) {
	header { padding-top: 60px; overflow: hidden; }
	#circles { height: auto !important; overflow: hidden; position: relative; }
    #circles section { height: auto !important; overflow: hidden; min-height: 90px; cursor: pointer; }
    section.circle {  -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; width: 96%; margin: 4% 0; position: relative; }
    section#punkt1, section#klinger, section#olk, section#agenturxl { height: auto !important; left: inherit; top: inherit; }
    section.circle h2 { display: inline-block; float: right; font-size: 120%; width: 60%; padding: 10px 0; text-align: left; }
    section.circle p.center { display: inline-block; float: left; text-align: center; width: 40%; }
    section.circle img { position: relative; left: inherit;  bottom: inherit;}
    section#olk h2 { padding: 10px 0; }
    section.circle.large h2, section#olk.large h2 { padding: 10px 0; }
    section.circle.large img { padding-top: 0px; }
    section .content { width: 100%; }

	section.circle:hover .info { opacity: 0; }
	section.circle .close { top: 5px; right: 5px; }
	
    #sidebar { position: absolute; width: 98%; top: 0; right: 0; padding: 1%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; text-align: right; }
    
	section#mainText { 	
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; }
}

@media only screen and (max-width: 900px) {
	h1 { width: 85%; }	
}

@media only screen and (max-width: 800px) {
	h1 { width: 95%; }	
}

@media only screen and (max-width: 700px) {
	h1 { font-size: 300%; }	
}

@media only screen and (max-width: 650px) { 
	section.circle img { width: 80%; height: auto; margin-top: 5px; }
}

@media only screen and (max-width: 600px) {
	h1 { font-size: 250%; }	
	section.circle img { margin-top: 10px; }
	section#mainText { 	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; }
    
    #disclaimerContent .col2 { width: 100%; margin: 0 !important; }
}


@media only screen and (max-width: 500px) {
	h1 { font-size: 200%; }	
	section.circle img { margin-top: 15px; }
	#circles section { min-height: 120px; }
}

@media only screen and (max-width: 400px) {
	h1 { font-size: 150%; }	
}