/*
MAST Template
creation Date: 2020-04-20
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

.responsive-only{
	display: none;
}
.not-responsive-only{
	display: initial;
	display: inherit;
}

@media (max-width: 1740px){
	.main-container.wider{
		width: 1520px;
	}
	.flexbox._s2{
		width: 470px;
	}
	.floater._s1{
		width: 1000px;
	}
	.floater._s2{
		width: 470px;
	}
	.floater._s2 .flexbox._s2{
		height: 450px;
	}
	.flexbox._s3{
		width: 730px;
		height: 400px;
	}
}

@media (max-width: 1540px){
	.main-container,
	.main-container.wider{
		width: 1260px;
	}
	.flexbox._s2{
		width: 400px;
	}
	.floater._s1{
		width: 870px;
	}
	.floater._s2{
		width: 340px;
	}
	.floater._s2 .flexbox._s2{
		height: 400px;
	}
	.flexbox._s3{
		width: 600px;
	}
	h1{
		font-size: 22px;
		letter-spacing: 2px;
	}
}

@media (max-width: 1260px){
	.main-container{
		width: 95% !important;
		text-align: center;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.responsive-only{
		display: initial;
		display: inherit;
	}
	.not-responsive-only{
		display: none;
	}
	.content-tworow > tbody > tr > td,
	.content-threerow > tbody > tr > td{
		display: block !important;
		width: 100% !important;
	}
	.right, .left{
		text-align: center;
	}
	#form-row-datenschutz{
		text-align: center;
	}
	.chronoform label.larger_1{
		display: block;
		width: auto;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#fin-datenschutz{
		float: none;
		display: inline-block;
		margin-bottom: 20px;
	}
	.g-recaptcha > div,
	.chronoform input.contentbutton{
		margin-left: auto;
		margin-right: auto;
	}
	p.klausel{
		text-align: center;
	}
	label.larger_1{
		text-align: center;
	}
	.chronoform input.contentbutton{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	input.halfsize{
		float: none !important;
		width: 100% !important;
		display: block;
	}
	
	.contentbutton{
		float: none;
		display: block;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.contentbutton.abscent a{
		width: auto;
	}
	.bubblelink.v2{
		position: relative;
		transform: none;
		bottom: auto;
		left: auto;
	}
	.bubblelink.left{
		margin-left: auto;
	}
	
	.fixedh_1,
	.fixedh_2,
	.fixedh_3{
		height: auto !important;
		min-height: 300px;
	}
	.fixedh_2{
		min-height: 200px;
	}
	
	.absbox{
		position: relative;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		min-height: 300px;
		width: 100% !important;
		height: auto;
	}
	.absbox_pad{
		position: relative;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		max-width: 500px;
	}
	
	.cont-block.fullpage{
		height: auto !important;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.flexwrap.respblock{
		display: block;
	}
	.flexbox{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.flexbox._s2,
	.floater._s2 .flexbox._s2{
		height: auto;
		width: 400px;
		max-width: 100%;
	}
	.floater._s2 .flexbox._s2,
	.floater._s2 .flexbox._s2:last-child{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.flexbox._third{
		width: 100%;
		display: block;
		margin-bottom: 1px;
	}
	.flexbox._s2 .flexpad{
		padding-top: 20px;
	}
	.flexbox._s3{
		height: auto;
		max-width: 100%;
	}
	
	.floater{
		width: 100% !important;
		display: block;
		float: none;
	}
	.floater_pad{
		padding: 20px;
	}
	#contbg{
		width: 100%;
		padding: 0px;
		padding-top: 100px;
	}
	
	.section_bg._hc._special{
		width: 100%;
		height: auto;
	}
	
	.chronoform input, .chronoform textarea, .chronoform select{
		text-align: center;
	}
}

@media (max-width: 840px){
	h1{
		font-size: 20px;
		letter-spacing: 1.5px;
	}
	h2{
		font-size: 18px;
	}
	h3{
		font-size: 16px;
	}
	.bubble_padder span{
		font-size: 16px;
	}
	.flexbox._s2{
		width: 300px;
		max-width: 100%;
	}
	
	.sige{
		display: block;
	}
	.sige > li{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.section_bg._hc._special{
		height: 100%;
		width: auto;
	}
}

@media (max-width: 600px){
	h1{
		font-size: 19px;
		letter-spacing: 0.5px;
	}
}