@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Labil Grotesk';
    src: url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium.eot);
    src: url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium.eot?#iefix) format('embedded-opentype'),
        url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium.woff2) format('woff2'),
        url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium.woff) format('woff'),
        url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium.ttf) format('truetype'),
        url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium.svg#LabilGrotesk-Medium) format('svg');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Labil Grotesk';
    src: url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium_1.eot);
    src: url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium_1.eot?#iefix) format('embedded-opentype'),
        url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium_1.woff2) format('woff2'),
        url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium_1.woff) format('woff'),
        url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium_1.ttf) format('truetype'),
        url(https://www.gutbewehrt.de/fonts/LabilGrotesk-Medium_1.svg#LabilGrotesk-Medium) format('svg');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}


		body,
		#bodyTable,
		#bodyCell {
			background-color: #f1eee5;
			height: 100%;
			margin: 0;
			padding: 0;
			width: 100%;
			color: #6b3324;
			font-size: 16px;
			text-align: left;
			line-height: 150%;
			font-family: 'Labil Grotesk','Helvetica Neue', Helvetica, Arial, 'sans-serif';
			font-weight: 500;
		}
		

		p {
			margin: 0 0 15px 0;
			padding: 0;
		}

		table {
			background-color: #f1eee5;
			width: 100%;
			border-collapse: collapse;
			text-align: left;
			border: 0;
			margin: 0 auto;
			padding-bottom: 40px;
		}

		h1,
		h2,
		h3 {
			color: #6b3324;
			display: block;
			font-weight: 500;
			font-family: 'Labil Grotesk','Helvetica Neue', Helvetica, Arial, 'sans-serif';
			margin: 0;
			padding: 0;
			border-bottom: none;
			text-decoration: none;


		}

		h1 a,
		h2 a,
		h3 a {
			color: #6b3324;
			font-family: 'Labil Grotesk','Helvetica Neue', Helvetica, Arial, 'sans-serif';
			border-bottom: none;
			text-decoration: none;
		}
		
		
		h2 a:hover {
			color: #6b3324;
			border-bottom: 1px solid currentColor;
			text-decoration: none;

		}

		h1 a:hover {
			color: #6b3324;
			border-bottom: 1px solid currentColor;
			text-decoration: none;

		}
		
		a {
			color: currentColor;
			text-decoration: none;
		}
		


		/* large headlines + menu */
		h1 {
			font-size: 21px;
			line-height: 150%;
			padding-bottom: 15px;
		}

		/* smaller headlines + footer */
		h2 {
			font-size: 11px;
			line-height: 150%;
			letter-spacing: 1px;
			text-transform: uppercase;
			padding-bottom: 3px;

		}

		/* button */
		h3,
		.button {
			font-size: 13px;
			line-height: 150%;
			letter-spacing: 1px;
			text-transform: uppercase;
		}

		img,
		a img {
			border: 0;
			height: auto;
			outline: none;
			text-decoration: none;
		}

		#outlook a {
			padding: 0;
		}

		img {
			-ms-interpolation-mode: bicubic;
		}


		a[href^=tel],
		a[href^=sms] {
			color: inherit;
			cursor: default;
			text-decoration: none;
		}

		p,
		a,
		li,
		td,
		body,
		table,
		blockquote {
			-ms-text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%;
		}

		a[x-apple-data-detectors] {
			color: inherit !important;
			text-decoration: none !important;
			font-size: inherit !important;
			font-family: inherit !important;
			font-weight: inherit !important;
			line-height: inherit !important;
		}

		
		.underline-on-hover:hover {
    text-decoration: underline;
		}
		
		.align-left {
			text-align: left;
		}

		.align-center {
			text-align: center;
		}


		tr,
		td,
		table {
			padding-left: 0;
			padding-right: 0;
			padding: 0;
		}

		#bodyCell {
			padding: 0px;
			border: 0;
			text-align: left;
		}

		#Header td.logo {
			padding: 10px;
			padding-top: 40px;
			padding-bottom: 40px;
		}


		.templateContainer {
			max-width: 600px;
			background-color: #f1eee5;
			border: 0;
		}

		.border-top {
			border-top: 1px solid #6b3324;
			padding: 10px 0;
		}

		.border-bottom {
			border-bottom: 1px solid #6b3324;
			padding: 10px 0;
		}


		tr.divider td {
			border-bottom: 1px solid #6b3324;
		}

		table.oneCol,
		table.twoCol {
			margin-bottom: 40px;
		}

		.imageContent {
			padding: 0 10px;
			max-width: 600px;
		}

		table.twoCol .imageContent:first-of-type {
			padding: 0 0px 0 9px;
		}

		table.twoCol .imageContent:last-of-type {
			padding: 0 10px 0 0px;
		}

		.logos .imageContent {
			padding: 0px 0 0 0;
		}

		.imageContent img {
			width: 100%;
			vertical-align: bottom;
		}

		.blnk {
			padding: 15px 0;
		}

		.logo img {
			max-width: 300px;
			height: auto;
		}

		.textContent {
			padding: 10px 10px;
			word-break: break-word;
		}

		.ordinal {
			vertical-align: super;
		}

		.larger {
			letter-spacing: 1px;
		}

		.textContent p:first-child {
			margin-top: 0;
		}

		.textContent p a {
			color: #6b3324;
			border-bottom: 1px solid #6b3324;
			text-decoration: none;
		}

		.textContent.title h1 {
			padding: 30px 0 0px 0;
		}

		.textContent h1 {
			padding: 18px 0 16px 0;
		}

		.textContent p a:hover {
			border-bottom-color: transparent;
		}

		.button {
			font-family: 'Labil Grotesk','Helvetica Neue', Helvetica, Arial, 'sans-serif';
			padding: 10px;
			line-height: 100%;
			border: 1px solid #6b3324;
			border-radius: 0px;
		}

		.button:hover {
			background-color: #6b3324;
			color: #f1eee5;
		}

		.buttonContent {
			padding: 15px 0;
		}


		.buttonContent a {
			color: #6b3324;
			text-decoration: none !important;
		}

		#templateColumns {
			border-top: 0;
			border-bottom: 0;
			padding-top: 0;
			padding-bottom: 0;
		}

		#Footer .textContent p {
			font-family: 'Labil Grotesk', 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
			font-size: 10px;
			line-height: 150%;
			text-transform: uppercase;
		}
		
		
		/* Responsivness */

		@media only screen and (min-width:768px) {
			.templateContainer {
				width: 600px !important;
			}

		}

		@media only screen and (max-width: 480px) {

			body,
			table,
			td,
			p,
			a,
			li,
			blockquote {
				-webkit-text-size-adjust: none !important;
			}

		}

		@media only screen and (max-width: 480px) {
			body {
				width: 100% !important;
				min-width: 100% !important;
			}

		}

		@media only screen and (max-width: 480px) {
			#bodyCell {
				padding-top: 10px !important;
			}

		}

		@media only screen and (max-width: 480px) {
			.columnWrapper {
				max-width: 100% !important;
				width: 100% !important;
			}

		}

		@media only screen and (max-width: 480px) {
			.mcnImage {
				width: 100% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			.mcnCartContainer,
			.mcnCaptionTopContent,
			.mcnRecContentContainer,
			.mcnCaptionBottomContent,
			.mcnTextContentContainer,
			.mcnBoxedTextContentContainer,
			.mcnImageGroupContentContainer,
			.mcnCaptionLeftTextContentContainer,
			.mcnCaptionRightTextContentContainer,
			.mcnCaptionLeftImageContentContainer,
			.mcnCaptionRightImageContentContainer,
			.mcnImageCardLeftTextContentContainer,
			.mcnImageCardRightTextContentContainer {
				max-width: 100% !important;
				width: 100% !important;
			}

		}

		@media only screen and (max-width: 480px) {
			.mcnBoxedTextContentContainer {
				min-width: 100% !important;
			}

		}

		@media only screen and (max-width: 480px) {
			.mcnImageGroupContent {
				padding: 10px !important;
			}

		}

		@media only screen and (max-width: 480px) {

			.mcnCaptionLeftContentOuter .mcnTextContent,
			.mcnCaptionRightContentOuter .mcnTextContent {
				padding-top: 10px !important;
			}

		}

		@media only screen and (max-width: 480px) {

			.mcnImageCardTopImageContent,
			.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent {
				padding-top: 18px !important;
			}

		}

		@media only screen and (max-width: 480px) {
			.mcnImageCardBottomImageContent {
				padding-bottom: 10px !important;
			}

		}

		@media only screen and (max-width: 480px) {
			.mcnImageGroupBlockInner {
				padding-top: 0 !important;
				padding-bottom: 0 !important;
			}

		}

		@media only screen and (max-width: 480px) {
			.mcnImageGroupBlockOuter {
				padding-top: 9px !important;
				padding-bottom: 9px !important;
			}

		}

		@media only screen and (max-width: 480px) {

			.mcnTextContent,
			.mcnBoxedTextContentColumn {
				padding-right: 18px !important;
				padding-left: 18px !important;
			}

		}

		@media only screen and (max-width: 480px) {

			.mcnImageCardLeftImageContent,
			.mcnImageCardRightImageContent {
				padding-right: 18px !important;
				padding-bottom: 0 !important;
				padding-left: 0px !important;
			}

		}

		@media only screen and (max-width: 480px) {
			.mcpreview-image-uploader {
				display: none !important;
				width: 100% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			h1 {
				font-size: 21px !important;
				line-height: 150% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			h2 {
				font-size: 11px !important;
				line-height: 200% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			h3 {
				font-size: 21px !important;
				line-height: 150% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			.mcnBoxedTextContentContainer .mcnTextContent,
			.mcnBoxedTextContentContainer .mcnTextContent p {
				font-size: 14px !important;
				line-height: 170% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			#templatePreheader {
				display: block !important;
			}

		}

		@media only screen and (max-width: 480px) {

			#templatePreheader .mcnTextContent,
			#templatePreheader .mcnTextContent p {
				font-size: 14px !important;
				line-height: 170% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			#templateHeader .mcnTextContent,
			#templateHeader .mcnTextContent p {
				font-size: 16px !important;
				line-height: 170% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			#templateUpperBody .mcnTextContent,
			#templateUpperBody .mcnTextContent p {
				font-size: 16px !important;
				line-height: 170% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			#templateColumns .columnContainer .mcnTextContent,
			#templateColumns .columnContainer .mcnTextContent p {
				font-size: 16px !important;
				line-height: 170% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			#templateLowerBody .mcnTextContent,
			#templateLowerBody .mcnTextContent p {
				font-size: 16px !important;
				line-height: 170% !important;
			}

		}

		@media only screen and (max-width: 480px) {

			#emailFooteremail .mcnTextContent,
			#emailFooteremail .mcnTextContent p {
				font-size: 14px !important;
				line-height: 150% !important;
			}

		}