﻿@charset "utf-8";

	img {
    max-width: 100%;
	}

/* Small */

@media screen and (max-width:600px) {
	
	.small-1 {
		width:100%;	
	}
	.frame {
	padding: 0 20px;
	}
	h1 {
    font-size: 1.6em;
	}
	h3.circle {
    font-size: 1.2em;
	}
	#header-first.fixed {
	position: absolute;
	background-color: transparent;
	}	
	#tooth img {
	width: 160px;	
	}
	#header_info_container {	
	display: none;
	}
	#header_info_v2 {
	padding: 40px 20px 40px 20px;
	}
	#round {
	display: none;
	}	
	.flexed {
    justify-content: center;
	}
	img#kreis {
		display: none;
	}
 	#fly_1 {
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px;
	}
	#fly_2 {
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px;
	}
	#fly_3 {
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px;
	}
	#fly_4 {
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px;
	}
	#sc {
	float: right;
	}
	#top {
	top: -100;
	}
	#team_banner {
	display: none;
	}
	#crnic_vitae {
	margin-left: 0;
	margin-top: 30px;
	}
	#vitae {
	padding: 20px;
	}
	#vitae_inner {
    padding: 50px 30px 50px 30px;
    vertical-align: middle;
    height: calc(100vh - 80px);
    overflow-y: scroll;
	}
	#atoz1 {
    min-height: auto;
	}
	.circle:before {
	margin-left: -40px;
	}
	.indent {
	padding-left: 15px;
	}
	.content-image-left {
    padding-right: 0;
	}
	.content-image-right {
    padding-left: 0;
	}
}

/* Medium */

@media screen and (min-width:600px) and (max-width:1000px) {
	.medium-1 {
		width:12.5%;	
	}
	.medium-2 {
		width:25%;	
	}
	.medium-3 {
		width:37.5%;	
	}
	.medium-4 {
		width:50%;	
	}
	.medium-5 {
		width:62.5%;	
	}
	.medium-6 {
		width:75%;	
	}
	.medium-7 {
		width:87.5%;	
	}
	.medium-8 {
		width:100%;	
	}
	.medium-offset-1 {
		margin-left:6.25%;	
	}
	h3.circle {
    font-size: 1.2em;
	}
	#header_info_container {	
	display: none;
	}
	.flexed {
    justify-content: center;
	}
	img#kreis {
		display: none;
	}
	#sc {
	float: right;
	}
	#top {
	top: -100;
	}
	.vier_cl {
		margin-right: 0;
	}
	.zwei_cl {
		padding-right: 2.5%;
	}
	.zwei_cr {
		padding-left: 2.5%;
	}
	#crnic_vitae {
	margin-left: 50px;
	}
	#vitae {
	padding: 50px 100px 50px 50px;
	}
	#vitae_inner {
    padding: 50px 200px 50px 45px;
    vertical-align: middle;
    height: calc(100vh - 100px);
    overflow-y: scroll;
	}
}

/* Large */

@media screen and (min-width:1000px) {
	
	.large-1 {
		width:6.25%;	
	}	
	.large-2 {
		width:12.5%;	
	}
	.large-3 {
		width:18.75%;	
	}
	.large-4 {
		width:25%;	
	}
	.large-5 {
		width:31.25%;	
	}
	.large-6 {
		width:37.5%;	
	}
	.large-7 {
		width:43.75%;	
	}
	.large-8 {
		width:50%;	
	}
	.large-9 {
		width:56.25%;	
	}
	.large-10 {
		width:62.5%;	
	}
	.large-11 {
		width:68.75%;	
	}
	.large-12 {
		width:75%;	
	}	
	.large-13 {
		width:81.25%;	
	}
	.large-14 {
		width:87.5%;	
	}
	.large-15 {
		width:93.75%;	
	}
	.large-16 {
		width:100%;	
	}
	.large-offset-1 {
		margin-left:6.25%;	
	}
	.large-offset-2 {
		margin-left:12.5%;	
	}
	.large-offset-3 {
		margin-left:18.75%;	
	}	
	.large-offset-4 {
		margin-left:25%;	
	}
	.large-offset-5 {
		margin-left:31.25%;	
	}
	.large-offset-6 {
		margin-left:37.5%;	
	}
	.large-offset-7 {
		margin-left:43.75%;	
	}
	.large-offset-8 {
		margin-left:50%;	
	}
	.large-offset-9 {
		margin-left:56.25%;	
	}
	.large-offset-10 {
		margin-left:62.5%;	
	}
	.large-offset-11 {
		margin-left:68.75%;	
	}
	.large-offset-12 {
		margin-left:75%;	
	}
	.large-offset-13 {
		margin-left:81.25%;	
	}
	.large-offset-14 {
		margin-left:87.5%;	
	}
	.large-offset-15 {
		margin-left:93.75%;	
	}	
	.moduletable_spreichzeit {
		display: none;
	}
}
