@media (max-width: 768px) {
	/* Header */
	header {
		margin: 0 auto 94px;
		max-width: none;
	}
	
	header .banderole {
		top: 10px;
	}
	
	header .banderole > div {
		height: 91px;
		max-width: none;
	}
	
	header .banderole > div a .logo {
		display: none;
	}
	
	header .banderole > div a .logo.mobile {
		display: inline-block;
	}
	
	header .box {
		bottom: -57px;
		height: 120px;
		line-height: 120px;
		margin: 0 0 0 -150px;
		padding: 0;
		width: 300px;
	}
	
	header .box.big {
		height: 160px;
		line-height: 160px;
	}
	
	header .box.bigger {
		height: 180px;
		line-height: 180px;
	}
	
	header .box p {
		font-size: 22px;
		line-height: 26px;
	}
	
	/* Content */
	.content {
		width: 100%;
	}
	
	.content .introtext,
	.content .outrotext,
	.content .textblock {
		font-size: 18px;
		line-height: 23px;
		margin: 0 0 29px;
		padding: 0 10px;
	}
	
	.content .textblock {
		margin: 0 0 96px;
	}
	
	.content .outrotext {
		margin: 0 0 60px;
	}
	
	.content .outrotext.shortmargin {
		margin: 0 0 69px;
	}
	
	.content .textblock .button {
		font-size: 18px;
		height: auto;
		line-height: 22px;
		margin: 0 auto;
		max-width: 100%;
		padding: 9px 10px 12px;
	}
	
	.content .introtext.formintro {
		margin: 0 0 33px;
	}
	
	.content .introtext.formintro span {
		font-size: 20px;
		line-height: 23px;
		padding: 23px 0 0;
	}
	
	.content ul.list {
		margin: 0 10px 23px;
		padding: 0 0 0 17px;
	}
	
	.content ul.list li {
		font-size: 18px;
		line-height: 23px;
		margin: 0 0 8px;
	}
	
	/* Form */
	form {
		margin: 0 0 60px;
		padding: 0 10px;
	}
	
	form .row {
		min-height: 0;
	}
	
	form .row:last-of-type {
		margin: 0;
	}
	
	form input[type="email"],
	form input[type="text"],
	form select {
		font-size: 18px;
		height: 55px;
		padding: 0 12px;
	}
	
	form select {
		background-image: url('https://newsportal.fermacell.de/img/select_normal_mobile.gif');
		padding: 0 65px 0 12px;
	}
	
	form .button {
		font-size: 18px;
		height: auto;
		line-height: 22px;
		margin: 12px auto 0;
		max-width: 100%;
		padding: 9px 10px 12px;
	}
	
	/* Checkbox-Wrapper */
	form .checkbox-wrapper {
		margin: 23px 0 13px;
	}
	
	form .checkbox-wrapper input[type="checkbox"] {
		top: 6px;
	}
	
	form .checkbox-wrapper label {
		font-size: 14px;
		line-height: 23px;
	}
	
	form .checkbox-wrapper .form-error {
		height: auto;
		left: 0;
		position: absolute;
		top: -35px;
	}
	
	/* Input Wrapper */
	.input-wrapper {
		min-height: 75px;
	}
	
	.input-checkbox-wrapper {
		min-height: 46px;
	}
	
	.input-wrapper.fullwidth,
	.input-wrapper.half,
	.input-wrapper.half:nth-child(1),
	.input-wrapper.half:nth-child(2),
	.input-wrapper.third,
	.input-wrapper.third:nth-child(1),
	.input-wrapper.third:nth-child(2),
	.input-wrapper.third:nth-child(3),
	.input-wrapper.twothirds,
	.input-wrapper.twothirds:nth-child(1),
	.input-wrapper.twothirds:nth-child(2),
	.input-checkbox-wrapper.fullwidth,
	.input-checkbox-wrapper.half,
	.input-checkbox-wrapper.half:nth-child(1),
	.input-checkbox-wrapper.half:nth-child(2),
	.input-checkbox-wrapper.third,
	.input-checkbox-wrapper.third:nth-child(1),
	.input-checkbox-wrapper.third:nth-child(2),
	.input-checkbox-wrapper.third:nth-child(3),
	.input-checkbox-wrapper.twothirds,
	.input-checkbox-wrapper.twothirds:nth-child(1),
	.input-checkbox-wrapper.twothirds:nth-child(2) {
		margin: 0;
		width: 100%;
	}
	
	/* Input-Checkbox-Wrapper */
	.input-checkbox-wrapper {
		padding: 0 0 0 27px;
	}
	
	.input-checkbox-wrapper:nth-child(1) {
		padding: 28px 0 25px 27px;
	}
	
	.input-checkbox-wrapper input[type="checkbox"] {
		top: 6px;
	}
	
	.input-checkbox-wrapper:nth-child(1) input[type="checkbox"] {
		top: 34px;
	}
	
	.input-checkbox-wrapper label {
		font-size: 14px;
		padding: 0;
	}
	
	form .input-checkbox-wrapper .form-error {
		height: auto;
		left: 0;
		position: absolute;
		top: -4px;
		white-space: normal;
	}
	
	/* Floating Label */
	.input-wrapper label,
	.input-wrapper select + label {
		font-size: 18px;
		left: 16px;
		top: 16px;
	}
	
	.input-wrapper select + label {
		left: 13px;
	}
	
	.input-wrapper input:focus + label,
	.input-wrapper input:not(:focus).valid + label,
	.input-wrapper input:not(:focus).error + label,
	.input-wrapper select:focus + label,
	.input-wrapper select.valid + label {
		font-size: 16px;
		left: 14px;
		top: -11px;
	}
	
	.input-wrapper select:focus + label,
	.input-wrapper select.valid + label {
		left: 14px;
	}
	
	.input-wrapper select:focus {
		background-image: url('https://newsportal.fermacell.de/img/select_active_mobile.gif');
	}
	
	.input-wrapper select.error ~ .selecterror {
		width: calc(100% - 54px);
	}
	
	.input-wrapper .selecterror:after {
		top: 53px;
	}
	
	/* Error Message */
	.form-error,
	form .row .input-wrapper:nth-child(1) .form-error,
	form .row .input-wrapper:nth-child(2) .form-error,
	form .row .input-wrapper:nth-child(3) .form-error {
		bottom: auto;
		font-size: 16px;
	    left: -1px;
	    line-height: 19px;
	    padding: 7px 0 17px;
	    position: relative;
	    right: auto;
	    text-align: left;
	    width: 100%;
	}
	
	/* Tooltip */
	.tooltip {
		position: static;
	}
	
	.tooltip .tooltipcontent,
	.tooltip.tooltip-left .tooltipcontent,
	.tooltip.tooltip-right .tooltipcontent {
		bottom: 55px;
		left: 0;
		right: auto;
		transform: none;
		width: 100%;
	}
	
	/* Text Row */
	form .textrow {
		min-height: 0;
	}
	
	form .textrow.first {
		margin: 7px 0 0;
	}
	
	form .textrow.second {
		margin: -5px 0 3px;
	}
	
	/* Footer */
	footer {
		max-width: none;
	}
	
	footer > div {
		max-width: none;
		padding: 15px 0 24px;
	}
	
	footer > div p {
		font-size: 16px;
		line-height: 20px;
		padding: 0 10px;
	}
	
	/* Helper */
	.hom {
		display: none;
	}
	
	.hod {
		display: inline;
	}
}

@media (max-width: 480px) {
	/* Header */
	header .visual {
		display: none;
	}
	
	header .visual.mobile {
		display: block;
	}
}