/*
* Wird auch in Texte.html gebraucht!!
* */

@import "/templates/definitions";

.Standard {

	&--breit{
			padding-left: @gutter;
			padding-right: @gutter;
	}

	&__breakpointDummy{
		display: none;
	}

	&__layout{
		&--1{
			.responsive-xl({
				display: flex;

				.Standard__title{
					width: 50%;
				}

				.Standard__content{
					width: 50%;
					padding-left: 2rem;

					&--withTitle{
						padding-top: 218px;
					}
				}

			});
		}
		&--2{
			.responsive-xl({
				display: flex;
				justify-content: space-between;
				transition: padding-top .1s;

				.Standard__breakpointDummy{
					display: block;
				}

				.Standard__title{
					width: 26%;
				}

				.Standard__content{
					position: relative;
					width: 69%;
					margin-top: 218px;
					padding-right: 15%;
				}

				h2.Standard__subtitle{
					position: absolute;
					bottom: 100%;
					width: 35%;
					margin-bottom: 1em;
				}
			});
		}
		&--3{
			.Standard__content{
				.responsive-lg({
					width: 68%;
				});
			}
		}

		&--4 {
			.responsive-lg({
				width: 50%;
				margin-left: 35%;
			});

			.Standard__content{
				.entryBackground .Standard:first-child &--withoutTitle{
					.standardPaddingTop();
				}
			}
		}

		&--7{
			.responsive-lg({
				width: 80%;
				margin-left: auto;
				margin-right: auto;

				.Standard__content{
					display: flex;
				}

				.Standard__fpmainWrapper{
					padding-right: 15%;
				}
			});

		}

		&--8{
			width: 60%;
			margin: auto;

			.responsive-sm({
				width: 40%;
			});

			.responsive-md({
				width: 35%;
			});


			.responsive-lg({
				width: 30%;
			});

			.responsive-xl({
				width: 25%;
			});

		}
		&--9{
			.responsive-xl({
				display: flex;

				.Standard__title{
					width: 31%;
				}

				.Standard__content{
					width: 69%;
					padding-left: 13%;

					&--withTitle{
						padding-top: 218px;
					}
				}

			});
		}
	}

	&__fpmainWrapper {
		&--twocol {
			.responsive-md({
				column-count: 2;
				column-gap: @gutter;
			});
		}
		> div{
			font-size: 1.25em;
		}
	}
    &__links {
		margin-top: 2rem;
    }
	&__button {
        .button {
            white-space: pre;

        }

		+ .Standard__button{
			margin-top: 2rem;
		}
	}
}