@CHARSET "UTF-8";

/**
    Text              		#000000             (0,0,0)
    tepe-dark-blue-100		#060732				(6,7,50)

    font-family:'JoannaSansNova-Light', sans-serif;
*/
@media (min-width: 1200px) {
	#section-start h1 {
		min-height:141px;
	}
	#section-start .logoContainer {
		padding-bottom: 100px;
	}
}

@media (max-width: 1199px) {
	h1 {
		padding-right:0;
		padding-left:0;
	}
	body {
		font-size:24px;
	}
	section {
		padding:30px 0 90px 0;
	}
	.logoContainer {
		padding-left:30px
	}
	.logoContainer img {
		width:36px;
		height:36px
	}
	section div.mainContent {
    	/*top: calc(50% - 80px);*/
	}
	#section-start,
	#section-impressum {
		padding:40px 0 100px 0;
	}
	#section-start .logoContainer,
	#section-impressum .logoContainer {
		padding:40px 0 100px 0;
	}
}  

@media (max-width: 991px) {   
	h1 {
		min-height:204px;
	}
	body {
		font-size:24px;
	}
	.custom-checkbox .custom-control-label::before,
	.custom-checkbox .custom-control-label::after {
		top:6px;
	}
	.custom-radio label span:before,
	.custom-radio label span:after {
		top:6px;
	}
}

@media (max-width: 767px) {
	h1 {
		min-height:0;
	}
	body {
		font-size:18px;
	}
	section {
		padding:40px 0 100px 0;
	}
	.logoContainer {
		padding-left:20px
	}
	.logoContainer img {
		width:30px;
		height:30px
	}
	section div.mainContent {
    	/*top: calc(50% - 70px);*/
	}
	h1 {
		font-size:32px;
	}
	h2#startSubMessage {
		font-size:20px;
	}
	a.social-media-icon {
		width:30px;
		height:30px;
		line-height:30px;
		font-size:16px;
		margin-right:5px;
	}
	
	.text-gross {
		font-size:36px; 
		line-height:40px;
	}
	
	#section-start,
	#section-impressum {
		padding:40px 0 100px 0;
	}
	#section-start .logoContainer,
	#section-impressum .logoContainer {
		padding-left:0;
	}
	#section-impressum .mainContent {
		font-size:16px;
		line-height:1.25em;
	}
	
	/* Startseite */
	#pageID-1 section#section-start {
		height:auto;
		padding-bottom:100px;
	}
	#pageID-1 section#section-start div.mainContent {
		top:0;
		transform:none;
	}
	#pageID-1 #section-impressum .pagerContainer {
		height:auto;
	}
	#pageID-1 #section-impressum .pagerContainer .pager {
		padding-bottom:10px;
	}
	
	ul.footerNavigation {
		width:100%;
		margin:0;
		padding:0 0 20px 0;
		position:static;
		font-size:12px;
		text-align:center;
	}
	
	form {margin-bottom:60px;}
	.form-group,
	.form-group.form-group-customer {margin-bottom:20px;}
	
	.custom-checkbox .custom-control-label::before,
	.custom-checkbox .custom-control-label::after {
		top:2px;
	}
	.custom-radio label span:before,
	.custom-radio label span:after {
		top:2px;
	}
}