@media screen and (min-width: 400px) {
				.masonry {
					-webkit-column-count: 1;
					-moz-column-count: 1;
					column-count: 1;
				}
			}
			
			@media screen and (min-width: 600px) {
				.masonry {
					-webkit-column-count: 1;
					-moz-column-count: 1;
					column-count: 1;
				}
			}
			
			@media screen and (min-width: 800px) {
				.masonry {
					-webkit-column-count: 2;
					-moz-column-count: 2;
					column-count: 2;
				}
			}
			
			@media screen and (min-width: 1100px) {
				.masonry {
					-webkit-column-count: 3;
					-moz-column-count: 3;
					column-count: 3;
				}
			}
			@media only screen and (min-width: 768px) {
				.gesendet__body {
					max-width: 980px;
					margin: auto;
					padding: 20px;
					background: #fff;
					border-radius: 5px;
					-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
							box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
					top: -110px;
					position: relative;
				}
				.scroll {
					width: calc(100% - 30px);
					position: relative;
					overflow: initial;
					margin-left: 30px;
				}
				.scroll-container {
					position: relative;
					overflow: auto;
				}
				.gesendet {
					max-width: 980px;
					height: auto;
					margin: auto;
					margin-top: 50px;
					margin-bottom: 40px;
					border-radius: 10px;
					background: none;
					margin-top: 0px;
					padding-top: 60px;
					padding-left: 310px;
				}
				svg.checkmark__back path {
					fill: #fff;
				}
				.gesendet h1 {
					font: 600 71px/1 'sofia-pro', sans-serif;
					left: -130px;
					position: relative;
					color: #fff;
				}
				.scroll:after {
					position: absolute;
					right: 210px;
					display: none;
				}
				.info__block:nth-child(5) {
					margin-left: 150px;
				}
				.info__block:nth-child(3) {
					margin-left: 10px;
				}
				.info__text {
					float: left;
				}
				.info__block {
					float: left;
					position: RELATIVE;
					display: block;
					background: #f5f5f5;
				}
				.gesendet__body .info__block:nth-child(2) {
					margin-left: 150px;
				}
				.success {
					position: RELATIVE;
					top: auto;
					display: block;
					background-image: -o-linear-gradient(top, #FAD961 0%, #F76B1C 100%);
					background-image: -webkit-gradient(linear, left top, left bottom, from(#FAD961), to(#F76B1C));
					background-image: linear-gradient(-180deg, #FAD961 0%, #F76B1C 100%);
				}
				body.submitted .success {
					display: block;
				}
				.info__icon {
					float: left;
					width: 30px;
					height: 30px;
					display: inline-block;
					position: relative;
				}
				.brand {
					display: none;
				}
				#user-hub .info__icon {
					margin-right: 10px;
					position: absolute;
					right: 10px;
				}
				
				.info__block {
					margin-left: 10px;
					height: 170px;
				}
				.gesendet__body .info__block:nth-child(1) {
		position: relative;
				height: -webkit-fit-content;
				height: -moz-fit-content;
				height: fit-content;
				left: 0;
				width: 220px !important;
				}
				
				
				
				.gesendet__body .info__block:nth-child(1)::after {
					content: '';
					background: url(/brand/Illustrationen/arrow.png);
					width: 100%;
					height: 130px;
					display: block;
					position: absolute;
					bottom: -140px;
					left: 0;
					background-size: 100%;
					background-repeat: no-repeat;
				}
				.gesendet__body {
		max-width: 1320px;
				margin: auto;
				padding: 0px;
				background: none;
				border-radius: 5px;
				-webkit-box-shadow: none;
				box-shadow: none;
				top: -110px;
				position: relative;
				max-width: 1200px;
				margin: auto;
				position: relative;
				}
				.gesendet__body .info__block:nth-child(2) {
					margin-left: 10px;
				}
				@-webkit-keyframes img-shift {
					0% {
						-webkit-transform: translateY( 400px);
						transform: translateY( 400px);
						opacity: 0;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					}
					40% {
						-webkit-transform: translateY(0);
						transform: translateY(0);
					}
					100% {
						-webkit-transform: translateY(-370px);
						transform: translateY(-370px);
						opacity: 1;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					}
				}
			}
			
			@media(max-width:1000px) {
				.owl-carousel.fancy .item {
					margin: 0;
					-webkit-transform: scale(.9);
					-ms-transform: scale(.9);
						transform: scale(.9)
				}
			}
			@media only screen and (max-width: 767px) {
				.news .artikel a.les-mehr {
					opacity: 1;
				}
				
				.ion-help-circled:before {
					margin-left: -20px;
				}
			}
			@media only screen and (min-width: 768px) {
				article.artikel:hover a.les-mehr {
					-webkit-transform: translateY(0) translateZ(0);
					transform: translateY(0) translateZ(0);
					opacity: 1;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					-webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1) .15s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1) .15s;
					transition: opacity .5s cubic-bezier(.19, 1, .22, 1) .15s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1) .15s;
					-o-transition: transform .5s cubic-bezier(.19, 1, .22, 1) .15s, opacity .5s cubic-bezier(.19, 1, .22, 1) .15s;
					transition: transform .5s cubic-bezier(.19, 1, .22, 1) .15s, opacity .5s cubic-bezier(.19, 1, .22, 1) .15s;
					transition: transform .5s cubic-bezier(.19, 1, .22, 1) .15s, opacity .5s cubic-bezier(.19, 1, .22, 1) .15s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1) .15s;
				}
			}
			@media (max-width: 768px) {
				.waves {
					height: 40px;
					min-height: 40px;
				}
				body.wiki .textAbschnitt {
					width: -webkit-fill-available;
				}
				
			}
			@media (max-width: 480px) {
			#preHeader {
			display: none;
			}
		}
@media only screen and (min-width:960px) {
	/* styles for browsers larger than 960px; */
}

@media only screen and (min-width:1440px) {
	/* styles for browsers larger than 1440px; */
	.demo__container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	.highlight__demos .demo__container {
		display: block !important;
	}
	.highlight__demos .demo__container .player-demo {
		margin: 10px !important;	
	}
	.demo__container .player-demo {
		margin: auto;
	}
	body.premiumPage .gradient>div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: baseline;
		-ms-flex-pack: baseline;
		justify-content: baseline;
		height: calc(100% - 240px);
		padding-bottom: 90px;
		padding-right: 50px;
		padding-left: 150px;
	}
	body.premiumPage .gradient:before {
		display: none;
	}
	body.premiumPage .gradient {
		-webkit-clip-path: ppolygon(5% 0%, 100% 0, 100% 100%, 0% 100%, 10% 50%);
		clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%, 10% 50%);
		right: -1px;
	}
	.spidercontainer {
		
		float: left;
		position: absolute;
		left: 85px;
		bottom: -237px;
		height: 340px;
		width: 320px;
		-webkit-transform: scale(0.4);
		-ms-transform: scale(0.4);
			transform: scale(0.4);
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.spidercontainer:hover .spider {
		top: -400px;
		-webkit-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: 1s ease-in-out;
	}
	.spider {
		display: inline-block;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
			transform: translateY(0%);
		-webkit-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: 1s ease-in-out;
		-webkit-animation: swing 2s infinite;
		animation: swing 2s infinite;
		-webkit-transform-origin: top;
		-ms-transform-origin: top;
			transform-origin: top;
		margin: auto;
		right: 0;
		top: 0;
		margin: auto;
		position: relative;
	}
	.spiderweb {
		width: 3px;
		height: 230px;
		margin-left: 49px;
		background-color: rgba(0, 0, 0, 0.7);
		top: -30px;
		position: relative;
		margin-bottom: -30px;
	}
	.spiderbody {
		width: 100px;
		height: 80px;
		position: relative;
		border-radius: 50%;
		background-color: black;
	}
	.eye {
		width: 33.3333333333px;
		height: 33.3333333333px;
		position: absolute;
		bottom: 20px;
		background-color: white;
		border-radius: 50%;
	}
	.eye:after {
		width: 6.6666666667px;
		height: 6.6666666667px;
		content: "";
		display: block;
		margin: 55%;
		background-color: black;
		border-radius: 50px;
		-webkit-animation: look 8s infinite;
		animation: look 8s infinite;
	}
	.eye.left {
		left: 14.2857142857px;
	}
	.eye.right {
		right: 14.2857142857px;
	}
	.legs {
		position: absolute;
		bottom: -10%;
		z-index: -1;
	}
	.legs.left {
		left: -70%;
	}
	.legs.right {
		right: -60%;
	}
	.leg {
		width: 80px;
		height: 40px;
		margin-top: -20px;
		border: 5px solid transparent;
		border-top-color: black;
		border-radius: 50%/40px 40px 0 0;
	}
	.legs.left .leg:nth-child(1) {
		-webkit-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
			transform: rotate(10deg);
		margin-left: 10px;
	}
	.legs.right .leg:nth-child(1) {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
			transform: rotate(-10deg);
		margin-left: -10px;
	}
	.legs.left .leg:nth-child(2) {
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		margin-left: 20px;
	}
	.legs.right .leg:nth-child(2) {
		-webkit-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
			transform: rotate(20deg);
		margin-left: -20px;
	}
	.legs.left .leg:nth-child(3) {
		-webkit-transform: rotate(-50deg);
		-ms-transform: rotate(-50deg);
			transform: rotate(-50deg);
		margin-left: 30px;
	}
	.legs.right .leg:nth-child(3) {
		-webkit-transform: rotate(50deg);
		-ms-transform: rotate(50deg);
			transform: rotate(50deg);
		margin-left: -30px;
	}
	@-webkit-keyframes swing {
		0% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		50% {
			-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
		}
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
	@keyframes swing {
		0% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		50% {
			-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
		}
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
	@-webkit-keyframes look {
		0% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		40% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		45% {
			-webkit-transform: translateX(-110%);
			transform: translateX(-110%);
		}
		95% {
			-webkit-transform: translateX(-110%);
			transform: translateX(-110%);
		}
		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
	}
	@keyframes look {
		0% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		40% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		45% {
			-webkit-transform: translateX(-110%);
			transform: translateX(-110%);
		}
		95% {
			-webkit-transform: translateX(-110%);
			transform: translateX(-110%);
		}
		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
	}
	.ansagen__stil .player-demo.mini {
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: start;
		vertical-align: middle;
	}
	
	body.premiumPage .ansagen__stil .player-demo span:nth-child(2) {
		background: rgb(255 255 255 / 53%);
		border-radius: 20px;
		font-size: 1.4rem;
		text-align: left;
		padding: 20px;
		font-weight: bold;
		width: 100%;
	}
	
}

@media only screen and (min-width:2000px) {
	/* for sumo sized (mac) screens */
}

@media only screen and (max-device-width:360px) {
	.cd-headline.zoom .cd-words-wrapper {
		display: none;
	}
	.individuell p {
		padding: 10px;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	.max {
		max-width: 90vw;
	}
	nav {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	.navigation #logo {
		width: 80px;
	}
	nav li {
		padding: 0;
	}
	.cd-morph-dropdown .main-nav>ul>li>a {
		padding: 10px;
		padding-top: 7px;
		padding-right: 12px;
	}
	.header .inner {
		max-width: 90vw;
	}
	.kunden__snippet {
		width: calc(100% - 40px);
	}
	#end__cta {
		width: 100%;
	}
	.cd-morph-dropdown .morph-dropdown-wrapper {
		margin-left: 0;
	}
	.demos__home {
		position: relative;
		bottom: 0;
		left: 0;
		width: 90vw;
		top: -30px;
	}
	#home .demos__home .player-demo {
		width: 150px;
		height: 80px;
	}
	#home .gimmick {
		top: -107px;
	}
	#intro {
		max-width: 100vw;
		height: 600px;
		border-radius: 0;
		-webkit-box-shadow: none;
				box-shadow: none;
	}
	.col-33 {
		width: 50%;
	}
	.intro__wrapper>svg {
		width: 100vw;
		-webkit-transform: scale(1.4);
		-ms-transform: scale(1.4);
			transform: scale(1.4);
		top: 20px;
		position: relative;
	}
	.navigation .logo {
		width: 80px;
	}
	.synchronsprecher .player-demo.big {
		width: 120px;
	}
	.fancy__kachel {
		margin-bottom: 30px;
	}
	.fancy__kachel.info.merkbar.klein {
		min-height: 480px;
	}
	section.flex.synchon-small {
		padding-bottom: 120px;
	}
	#sprecher.synchronsprecher main .content {
		width: 100%;
	}
	.link.bestellung a:after {
		bottom: -78px;
		top: inherit;
		border-radius: 0 0 4px 4px;
	}
	.col-33.special__rocket {
		width: calc(100% + 40px);
		margin-top: 70px;
		padding-left: 50px;
		padding-top: 40px;
		left: -40px;
		position: relative;
		height: 200px;
		background: #f9b24b;
		background-image: -o-linear-gradient(top, #FAD961 0%, #F76B1C 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FAD961), to(#F76B1C));
		background-image: linear-gradient(-180deg, #FAD961 0%, #F76B1C 100%);
	}
	#intro .symbol {
		width: 190px;
		float: left;
	}
	.col-33.special__rocket>* {
		float: left;
		width: calc(100% - 230px);
	}
	.rocketcontainer {
		width: 170px;
	}
	.special__rocket h3,
	#intro .special__rocket p {
		color: #fff;
	}
	.intro__wrapper {
		margin-bottom: 0;
	}
	section.bg {
		height: 510px;
	}
	text {
		font-family: inherit;
	}
	.bg svg {
		left: -150px;
	}
	.bg .col-66 {
		margin-top: 230px;
		float: left;
		width: 100%;
	}
	section.bg h2 {
		margin-left: 30px;
	}
	section.bg p {
		width: 500px;
		margin-left: 60px;
		font-weight: 300;
	}
	#intro .col-100 {
		margin-bottom: 0px;
	}
	.textblock {
		border-radius: 0;
		margin-top: 0;
	}
	.dark {
		max-width: 100vw;
		border-radius: 0;
	}
	.premium {
		width: 90%;
	}
	.premium .col-33 {
		width: calc(100% / 3);
	}
	.premium .inner {
		height: 120px;
	}
	#home .news-snippet {
		width: calc(100% - 40px);
		border-radius: 0;
	}
	#home .news-snippet>h3 {
		margin-bottom: 40px;
	}
	.slides .slide {
		max-width: 340px;
	}
	.slides .txt {
		max-width: 90%;
		padding: 20px;
	}
	section#slider {
		max-width: 96%;
	}
	.slide h3 {
		font-size: 17px;
		line-height: 1.2;
	}
	.slides p {
		font-size: 14px;
	}
	body.main .demos__home,
	#sprecher .demos__home {
		top: -237px;
		margin-bottom: -130px;
	}
	body.main .demos__home .gimmick {
		top: -97px;
		z-index: 1;
	}
	#sprecher .content__block .content {
		width: 94vw;
	}
	.link {
		width: 280px;
	}
	.col-30 .intro.info:nth-child(1) {
		width: calc(60% - 110px);
		margin-right: 20px;
		height: 300px;
	}
	.col-30.vert {
		width: 100%;
		margin-bottom: 30px;
		margin-top: -130px;
	}
	.col-30 {
		width: 100%;
		margin-bottom: 30px;
	}
	.col-30 .intro.info:nth-child(2) {
		width: calc(40% - 70px);
		margin-right: 0;
		height: 300px;
	}
	.intro.info img {
		width: 100px;
	}
	.col-70 {
		width: 100%;
	}
	.demo__body .player-demo {
		width: 190px;
	}
	body#sprecher .demo__body .player-demo h3 {
		left: 50px;
	}
	.demo__filter .geschlecht li {
		margin-bottom: -7px;
	}
	#musik main .content {
		width: 90vw;
	}
	body.main .demos__4 {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		scroll-behavior: smooth;
		overflow: scroll;
		position: relative;
		margin-top: 0;
	}
	.gimmick {
		display: none;
	}
	#sprecher .demos__home:after,
	#musik .demos__home:after {
		content: '';
		height: 102px;
		width: 80px;
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		background-color: #fff;
		position: absolute;
		border-radius: 5px;
		right: -20px;
		top: 0;
		z-index: 222;
		background-image: url(/ui/swipe-geste.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 60px;
		-webkit-animation: fadeOutRight 2s forwards;
		animation: fadeOutRight 2s forwards;
		-webkit-animation-delay: 3s;
		animation-delay: 3s;
	}
	#sprecher .demos__home,
	#musik .demos__home,
	#referenzen .demos__home {
		height: 200px;
		top: -120px;
		margin-bottom: 30px;
		position: relative;
	}
	#agentur main .content {
		width: 90vw;
	}
	#kontakt main .content {
		width: 90vw;
	}
	.featureDemoTitel {
		position: absolute;
		top: -27px;
		right: -0;
		left: initial;
		float: none;
		font-size: 20px;
		font-weight: 400;
	}
	.featureDemoTitel h2 {
		right: 20px;
		left: inherit;
		font-weight: bold;
	}
	h2.anwendungen {
		width: calc(90% - 100px);
		left: 0px;
		max-width: none;
		margin: auto;
		border-radius: 5px 5px 0 0;
	}
	.corporate-tabs {
		max-height: 780px;
		padding-bottom: 50px;
	}
	#text main .content {
		width: 90vw;
	}
	#text main {
		margin-top: -170px;
	}
	body#text .demos__home {
		display: none;
	}
	#referenzen main .content {
		width: 90vw;
	}
	#anfrage form {
		width: 100%;
		margin-top: 0;
		-webkit-box-shadow: none;
				box-shadow: none;
	}
	.formular.anfrage>div.form__end {
		margin-bottom: 140px;
	}
	#anfrage main {
		top: -65px;
		position: relative;
	}
	.notizen__card {
		padding: 15px;
		width: calc(100% - 220px);
		margin-top: 30px;
	}
	section.allgemein {
		height: 540px;
	}
	.check__style .form__row>div>div {
		width: 100%;
	}
	.textauswahl {
		width: calc(50% - 70px);
	}
	.textdatei span {
		position: relative;
		float: left;
		display: block;
		width: 100%;
	}
	#anfrage form {
		width: calc(100% - 0px);
		margin-top: 0;
		padding: 0;
		padding-top: 130px;
	}
	#anfrage main {
		top: -65px;
		position: relative;
	}
	.notizen__card {
		padding: 15px;
		width: calc(100% - 120px);
		margin: auto;
		margin-top: 30px;
		left: 0;
		right: 0;
	}
	section.allgemein {
		height: 540px;
	}
	.check__style .form__row>div>div {
		width: 100%;
	}
	.textauswahl {
		width: calc(50% - 70px);
	}
	.textdatei span {
		position: relative;
		float: left;
		display: block;
		width: 100%;
	}
	.split {
		max-width: 96vw;
	}
	.check__style {
		padding-left: 0px;
	}
	.check__style.audiodateien {
		padding-left: 20px;
	}
	form section h2 {
		padding-left: 20px;
	}
	#anfrage form .check__style.aufMobilboxAufspielen {
		width: calc(50% - 62px);
	}
	.check__style.musik-wahl {
		left: 0;
	}
	.musik-wahl .col-20 {
		width: 30%;
	}
	.musik__mirror {
		height: 300px;
		width: 470px;
		background: #eff0ef;
		display: none;
	}
	section.daten>div.eingabe {
		width: 60vw;
	}
	section.daten>div.formular__hinweis {
		position: absolute;
		left: inherit;
		width: 80%;
		height: 180px;
		margin: AUTO;
		margin-bottom: 110px;
	}
	#sprecher.synchronsprecher main .content {
		width: 90%;
	}
	.synchron img {
		max-width: 170px;
	}
	.synchron .col-30 {
		width: 30%;
	}
	.synchron img {
		display: block;
		margin: auto;
	}
	.synchron .col-70 {
		width: calc(70% - 80px);
		padding: 40px;
		height: calc(100% - 80px);
	}
	body.imagefilm .player-demo {
		width: 260px;
		height: 130px;
		margin-bottom: 10px;
	}
	body.imagefilm .demos__4 {
		width: auto;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 560px;
	}
	.headline h2 {
		font-size: 21px;
		width: 100%;
	}
	main.cd-main-content {
		position: relative;
	}
	body#musik .demo__body .player-demo h3 {
		left: 50px;
		line-break: auto;
		white-space: pre-line;
		width: 130px;
	}
	.cd-morph-dropdown .nav-trigger {
		display: block;
		z-index: 99;
		background: #fff;
		top: 10px;
		position: fixed;
		right: 10px;
		-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
				box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
		border-radius: 5px;
	}
	.cd-morph-dropdown .main-nav {
		display: none;
		position: fixed;
		height: 60vh;
		background: -o-linear-gradient(#f9bb4e, #f76c1d);
		background: -webkit-gradient(linear, left top, left bottom, from(#f9bb4e), to(#f76c1d));
		background: linear-gradient(#f9bb4e, #f76c1d);
		left: initial;
		top: 70px;
		width: 100vw;
		margin: auto;
		color: #333;
		-webkit-box-shadow: -2px 13px 15px #56565661;
				box-shadow: -2px 13px 15px #56565661;
	}
	.cd-morph-dropdown .main-nav>ul>li>a {
		color: #fff;
		/* font-weight: bold !important; */
		font-size: 32px !important;
		text-align: left;
	}
	.cd-morph-dropdown .main-nav>ul>li {
		width: 100%;
		height: 70px;
		padding-left: 59px;
	}
	.cd-morph-dropdown.nav-open .main-nav {
		display: block;
	}
	.navigation .logo {
		width: 250px;
	}
	.cd-morph-dropdown .gallery .content {
		width: 50vw;
	}
	.cd-morph-dropdown .dropdown-list {
		right: -20px;
		left: initial;
		-webkit-transform: translateX(0) !important;
		-ms-transform: translateX(0) !important;
			transform: translateX(0) !important;
		width: 60vw !important;
		background: #fff;
	}
	.cd-morph-dropdown .dropdown-list:before {
		border-right-color: #fff;
		left: -8px;
		top: 0;
		bottom: 0;
		border-bottom-color: transparent;
		display: none;
	}
	.nav__header {
		display: block;
		position: absolute;
		height: 70px;
		background: -o-linear-gradient(#f9cf5a, #f9ba4d);
		background: -webkit-gradient(linear, left top, left bottom, from(#f9cf5a), to(#f9ba4d));
		background: linear-gradient(#f9cf5a, #f9ba4d);
		width: 100%;
		top: -70px;
	}
	.navigation .nav__header .logo {
		left: 15px !important;
		position: absolute;
	}
	.highlight__demos .player-demo {
		width: 320px;
		height: 120px;
	}
	#sprecher .highlight__demos .player-demo {
		/* height: 150px; */
		padding-bottom: 30px;
	}
	.highlight__demos .plyr__controls>.plyr__control:first-child {
		left: 0;
		right: 0;
		margin: auto;
	}
	.highlight__demos .plyr--audio .plyr__controls {
		width: 100%;
		/* top: 0px; */
	}
	.highlight__demos {
		width: 50%;
	}
	.highlight__demos .plyr {
		min-width: 0;
	}
	.highlight__demos .player-demo .merk__titel {
		width: calc(50% - 40px);
		padding: 20px;
		left: 0;
	}
	.highlight__demos .plyr__controls .plyr__progress {
		margin-top: -4px;
	}
	.highlight__demos .player-demo>span.kat {
		height: -webkit-fit-content !important;
		height: -moz-fit-content !important;
		height: fit-content !important;
		max-width: 100% !important;
		width: 100% !important;
		background: #54e867 !important;		
		left: -10px !important;
		border-radius: 10px !important;
	}	
	.player-demo span.merk__titel {
		font-size: 16px !important;
	}
	.highlight__demos .player-demo {
		height: 140px !important;
	}
	.highlight__demos .player-demo>span.kat {
		width: 130px;
		height: AUTO;
		border-radius: 3px;
		left: initial;
		color: #333;
		background: #ffffff;
		position: absolute;
		bottom: 30px;
		text-align: center;
		width: 125px;
		max-width: 125px;
		border: solid 1px #bbb;
		right: 10px;
	}
	#sprecher .highlight__demos .player-demo {
		margin-top: 20px;
	}
	.link__kacheln {
		width: 50%;
	}
	.intro__wrapper {
		overflow: visible;
	}
	.col-100.special__rocket {
		left: -30px !important;
		width: calc(100% + 60px);
		height: 230px !important;
	}
	.rocketcontainer {
		background: black;
		height: 250px !important;
	}
	.nav__footer {
		position: absolute;
		height: 60px;
		width: 100%;
		float: left;
		bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.nav__footer>a {
		font-weight: bold;
		color: #fff;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		padding: 20px;
		font-size: 20px;
		line-height: 17px;
		text-decoration: none;
	}
	.main-nav ul {
		padding-top: 40px;
	}
	.sticky.z-bg {
		z-index: -1;
	}
	.nav__footer>a>i {
		width: 20px;
		height: 20px;
		display: inline-block;
		float: left;
		background-size: contain;
		margin-right: 12px;
	}
	.nav__footer>a:nth-child(1)>i {
		background-image: url(/ui/telefon-simple.svg);
	}
	.nav__footer>a:nth-child(2)>i {
		background-image: url(/ui/anfrage-simple.svg);
	}
	div#site-footer {
		position: relative;
	}
	#site-content {
		margin-bottom: 0 !important;
	}
	.page__cta {
		width: 94%;
	}
	footer .col-25 {
		width: 50%;
	}
	footer .content {
		height: auto;
	}
	span.footer__info {
		margin-top: 30px;
		position: relative;
		display: block;
		float: left;
	}
	.social {
		margin-top: 20px;
		max-width: 100%;
	}
	.brand__footer {
		margin-top: 30px;
	}
	.sticky {
		bottom: inherit;
		top: 100px;
		right: 10px;
	}
	.telefonnummer__small.stage-1 .modal {
		top: 0px;
	}
	body.sprecherDE .header .headline>h1 {
		font-size: 40px;
	}
	#musik .dach.musik__genre li {
		width: 90px;
		height: 120px;
	}
	.col-30.vert.mehr-info {
		height: 450px;
	}
	.paket-preview .individuell .price_content li {
		margin-left: 0;
		width: 99%
	}
	#sprecher .col-30 .intro.info:nth-child(n) {
		height: auto;
	}
	.mehr__trigger {
		position: absolute;
		top: 405px;
		right: 40px;
		font-size: 31px;
		/* font-weight: bold; */
		border-bottom: solid 4px;
		border: solid 2px #777;
		padding-bottom: 4px;
		z-index: 9;
		background: #fff;
		border-radius: 5px;
		padding: 10px;
		display: block;
	}
	.col-30.vert.mehr-info:after {
		content: '';
		position: absolute;
		height: 120px;
		width: 100%;
		background: -o-linear-gradient(#ffffff05, #edeff0fa);
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff05), to(#edeff0fa));
		background: linear-gradient(#ffffff05, #edeff0fa);
		top: 360px;
	}
	.cd-morph-dropdown .nav-trigger:active,
	.cd-morph-dropdown .nav-trigger:focus {
		-webkit-tap-highlight-color: transparent;
	}
	.headline h1 {
		width: 100%;
		margin-right: 0;
	}
	.beispiele {
		width: 94vw;
		margin: auto;
		margin-left: 2vw;
	}
	.beispiele .demos__home {
		width: calc(100% - 40px);
	}
	.beispiele .player-demo {
		width: calc(50% - 40px);
		margin-bottom: 25px;
	}
	.beispiele .player-demo .merk__titel {
		margin-left: 60px;
		text-align: left;
	}
	.beispiele article {
		width: 200px;
		margin-bottom: 20px;
	}
	.ansagen__stil .col-50 {
		width: 100%;
		margin-bottom: 30px;
	}
	.demos__stil {
		width: 100%;
	}
	section.ansagen__stil {
		max-width: 90vw;
		-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
				box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
		border-radius: 5px;
	}
	.feature__shadow {
		border-radius: 0;
		top: -33px;
		left: -20px;
		border-radius: 0;
	}
	.feature__circle {
		border-radius: 0;
		right: -5px;
		bottom: 15px;
		-webkit-box-shadow: none;
				box-shadow: none;
		overflow: visible;
		border-radius: 5px;
	}
	figure.feature__figure img {
		border-radius: 5px;
	}
	.feature__circle:after {
		border-radius: 0;
		width: 110%;
		height: 110%;
	}
	.zusammenfassung {
		width: calc(90% - 40px);
		top: -20px;
	}
	.zusammenfassung .merk__item {
		width: 100%;
		margin-bottom: 10px;
	}
	#anfrage .sticky .anfrage__small {
		display: none;
	}
	.textauswahl.check__style {
		width: 45%;
	}
	.textdatei {
		margin-left: 20px;
	}
	.formular__wrapper {
		padding: 20px;
	}
	#anfrage .headline {
		padding-top: 90px;
	}
	.header .inner {
		max-width: 100vw;
		padding-left: 20px;
	}
	.gesendet .checkmark {
		left: -200px;
		top: -20px;
	}
	.gesendet h1 {
		top: -20px;
	}
	.gesendet {
		padding-top: 110px;
		padding-bottom: 70px;
	}
	.gesendet__body {
		max-width: 90vw;
	}
	.scroll {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: FIT-CONTENT;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-line-pack: left;
		align-content: left;
	}
	.info__block {
		width: 180px !important;
	}
	.gesendet__body .info__block:nth-child(1) {
		width: 100% !important;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 40px;
		position: relative;
		z-index: 1;
	}
	.gesendet__body .info__block:nth-child(2) {
		margin-left: -10px;
	}
	.info__block:nth-child(5) {
		margin-left: -10px;
	}
}


/* MOBILE END */


/* 768px */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1444px) {
	#sprecher .content__block .content {
		width: 97vw;
	}
	body .content__block .content {
		width: 97vw !important;
	}
	.headline {
		margin-left: 30px;
	}
	.navigation #logo {
		margin-left: 30px;
	}
	.content__block article .content {
		width: 85% !important;
	}
}


/* different techniques for iPad screening */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	.cd-morph-dropdown .main-nav>ul>li>a {
		font-size: 19px;
		font-weight: normal;
		text-shadow: none;
	}
	#sprecher .demos__home {
		top: 120px;
	}
	.cd-morph-dropdown .main-nav {
		right: 0px;
	}
	.ansagenpaket .form__field div:first-child label {
		width: 80%;
		top: -4px;
	}
	.textauswahl.check__style label {
		top: -3px;
	}
	.max {
		max-width: 96vw;
		top: 10px;
	}
	.smooth__intro {
		max-width: 100vw;
		margin: auto;
		float: none;
	}
	.col-66 {
		width: 100%;
	}
	.fullsize {
		width: calc(100% - 50px);
		padding: 20px;
	}
	div#intro {
		height: auto;
		margin-bottom: 20px;
	}
	.home__reinhoeren {
		height: auto;
	}
	.home__demos .col-33 {
		width: 100%;
	}
	.col-100.special__rocket {
		left: -20px;
		margin-top: 40px;
		height: 190px;
	}
	.rocketcontainer {
		left: -55px;
		top: 0px;
	}
	#intro .special__rocket p {
		top: 50px;
		left: 220px;
		width: 380px;
		position: absolute;
	}
	#intro .special__rocket span {
		color: #fff;
		margin-top: 60px;
		position: relative;
		display: block;
	}
	.dark {
		margin-top: 30px;
	}
	.big__head {
		max-width: calc(100% - 100px);
		font-size: 30px;
	}
	div#kundenfeedback {
		max-width: 100%;
	}
	section.testimonials {
		height: auto;
		padding-bottom: 110px;
	}
	#home .news-snippet {
		height: auto;
	}
	.newsletter__cta {
		width: 80%;
		margin: auto;
		margin-bottom: 160px;
		margin-left: 7%;
	}
	.newsletter__cta .col-30 {
		width: 30%;
	}
	.newsletter__cta .col-70 {
		width: 70%;
	}
	footer .content {
		padding: 20px;
		margin-top: 60px;
		max-width: 89vw;
	}
	div#site-footer {
		min-height: 860px;
	}
	div#end__cta {
		bottom: 80px;
	}
	.site-wrap {
		padding-bottom: 110px;
	}
	main:after {
		width: 170px;
		height: 170px;
		bottom: -140px;
	}
	#home .demos__4 {
		width: 35%;
		float: left;
		margin-top: 50px;
	}
	.absolute {
		float: left;
		width: 62%;
	}
	.home-intro .col-33 {
		width: 100%;
	}
	.kunden__snippet .owl-item.cloned {
		display: none;
	}
	.sprecher__highlight {
		top: 30px;
	}
	#sprecher .demos__4 {
		margin-top: 0;
	}
	.col-30.vert {
		margin-top: 0;
	}
	#intro .symbol {
		height: 190px;
	}
	#intro .col-100 {
		margin-top: 20px;
	}
	#sprecher main.cd-main-content:after {
		display: none;
	}
	#beispiel main .content {
		left: 0;
		right: 0;
		margin: auto;
		float: none;
	}
	figure.news {
		position: relative;
		width: 94vw;
		top: -360px;
	}
	.single-head {
		position: relative;
		top: 0px;
		height: auto;
	}
	img.in-artikel {
		position: relative;
		width: 100%;
		height: auto;
	}
	figure.news h1 {
		width: 90%;
	}
	#beispiel .microsite h2 {
		font-size: 34px;
		width: 100%;
	}
	.micro__bild {}
	.micro__bild {
		width: 100%;
	}
	.micro__head {
		max-height: 400px;
	}
	.micro__demos {
		position: absolute;
		width: 100%;
		bottom: 30px;
	}
	.player-demo {}
	.microsite p {
		width: 100%;
	}
	.col-30 {
		width: 50%;
	}
	.preise__intro {
		width: 90%;
		margin: auto;
	}
	.preis__kachel.individuell {
		padding-bottom: 80px;
	}
	.slogan {
		top: -200px;
		right: 60px;
	}
	.preise__body .col-25 {
		width: 50%;
	}
	.preis__kachel {
		margin: auto;
		margin-bottom: 30px;
		width: calc(100% - 120px);
	}
	#end__cta>a,
	a.konfigurator {
		width: 190px;
		font-size: 14px;
	}
	.zusammenfassung .col-40 {
		width: 50%;
	}
	body#anfrage .preis__kachel {
		height: auto;
		min-height: 0;
		width: 240px;
	}
	.paket-preview .preis__kachel.individuell h3 {}
	.cd-headline.zoom .cd-words-wrapper {
		display: NONE;
	}
	.zusammenfassung .col-60 {
		width: 50%;
	}
	.notizen__card {
		width: 100%;
	}
	body#anfrage .preis__hinweise {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-align: self-end;
		-ms-flex-align: self-end;
		-ms-grid-row-align: self-end;
		align-items: self-end;
		display: none;
	}
	#anfrage form {
		width: 100%;
		padding-top: 0;
	}
	.artDerAnsagen {
		margin-left: 0;
	}
	.spracheDerAnsagen {
		right: -30px;
	}
	.ansagenpaket>div:nth-child(2) {
		width: 100%;
	}
	.check__style .form__row>div>div {
		width: 50%;
	}
	section.allgemein {
		min-height: 540px;
		height: auto;
	}
	.ansagenauswahl {
		margin-left: 0;
	}
	.weitereAnsagen {
		margin-left: 20px;
	}
	.check__style label {
		width: auto;
		top: 4px;
	}
	.textauswahl input[type=checkbox] {
		height: auto;
		margin-bottom: 20px;
	}
	.textauswahl.check__style .form__row>div>div {
		margin-bottom: 25px;
	}
	.textdatei span {
		right: 0;
	}
	.check__style.musik-wahl {
		left: -40px;
		width: calc(100% + 80px);
	}
	section.daten>div.eingabe {
		width: 90%;
	}
	section.daten {
		margin-bottom: 0px;
	}
	.form__referenzen {
		margin-top: 0px;
		top: -30px;
		position: RELATIVE;
	}
	.eingabe>div.form__referenzen {
		left: 0;
	}
	#anfrage .dsgvo {
		width: 80%;
		margin-bottom: 50px;
	}
	#anfrage form input[type="submit"] {
		bottom: 110px;
	}
	.col-40.vert {
		width: 60%;
	}
	body#text .col-60 {
		width: 40%;
	}
	.text__demos {
		width: 90%;
	}
	.demo__container {
		margin-top: 0px;
	}
	.kachel.klein {
		width: -webkit-fill-available;
		margin-left: 20px;
	}
	.kacheln__small {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.uebersetzung .col-100.vert {
		margin-top: 20px;
	}
	.text__body {
		width: 90%;
	}
	.uebersetzung figure.feature__figure {
		width: 30%;
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
			transform: scale(0.7);
		Z-INDEX: 9;
		TOP: -60px;
	}
	.fancy__text {
		width: 100%;
	}
	.fancy__grafik {
		margin-top: -90px;
	}
	.fancy__kachel {
		width: 90%;
		margin: 10px;
	}
	.synchron .col-70 {
		width: calc(100% - 80px);
		padding: 0;
		padding-left: 50px;
		padding-top: 20px;
	}
	.schauspieler__slider {
		position: absolute;
		float: left;
		top: inherit;
		right: inherit;
		display: none;
	}
	.fancy__kachel.info.merkbar.klein {
		width: calc(50% - 50px);
	}
	.fancy__widget {
		width: 100%;
		height: auto;
		top: 0;
	}
	.fancy__widget h3 {
		width: 50%;
		float: left;
	}
	.fancy__widget .fancy__inhalt {
		width: 40%;
		float: left;
	}
	body.imagefilm .col-60 {
		width: 100%;
	}
	.video {
		width: calc(100% - 20px);
	}
	body.imagefilm .demos__4 {
		width: 100%;
	}
	#sprecher.imagefilm .player-demo {
		width: 330px;
	}
	body.imagefilm .demos__float {
		width: 100%;
		margin: 10px;
	}
	body.imagefilm .intro.info {
		width: calc(50% - 80px);
		padding: 30px;
		margin: 10px;
	}
	.imagefilm .col-40.vert {
		width: 100%;
	}
	.preise__intro {
		width: 100%;
	}
	.preise__intro {
		width: 100%;
	}
	.preise__intro .cd-intro {
		display: none;
	}
	.cd-headline.zoom .cd-words-wrapper {
		display: block;
		right: 0;
		position: relative;
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
			transform: scale(0.8);
		margin-bottom: 90px;
	}
	.preis__infos ul {
		height: auto;
		width: calc(90% - 10px);
	}
	.preis__infos ul {
		height: auto;
	}
	.preis__infos ul {
		width: calc(90% - 10px);
	}
	.preis__hinweise {
		width: 90%;
		margin: auto;
		margin-left: 5%;
	}
	.preis__hinweis {
		padding-top: 20px;
		line-height: 1.4;
	}
	.preis__hinweis i {
		display: inline-block;
		margin-bottom: 10px;
		float: left;
	}
	li.player-demo.empfehlung__demo.mix {
		width: 650px;
	}
	li.player-demo.empfehlung__demo.mix {
		width: 650px;
	}
	.demo__body .player-demo {
		height: 115px;
	}
	.demo__body .player-demo>div.tags li {
		margin-bottom: 4px;
	}
	@-webkit-keyframes smoothRight {
		0% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
		}
		3.5% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -62.809, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -62.809, 0, 0, 1);
		}
		6.91% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.927, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.927, 0, 0, 1);
		}
		10.31% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.645, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.645, 0, 0, 1);
		}
		13.71% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.918, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.918, 0, 0, 1);
		}
		20.52% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.336, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.336, 0, 0, 1);
		}
		27.33% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.951, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.951, 0, 0, 1);
		}
		47.35% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.262, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.262, 0, 0, 1);
		}
		67.37% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0, 0, 1);
		}
		100% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		}
	}
	@keyframes smoothRight {
		0% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
		}
		3.5% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -62.809, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -62.809, 0, 0, 1);
		}
		6.91% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.927, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.927, 0, 0, 1);
		}
		10.31% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.645, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.645, 0, 0, 1);
		}
		13.71% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.918, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.918, 0, 0, 1);
		}
		20.52% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.336, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.336, 0, 0, 1);
		}
		27.33% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.951, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.951, 0, 0, 1);
		}
		47.35% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.262, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.262, 0, 0, 1);
		}
		67.37% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0, 0, 1);
		}
		100% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		}
	}
	.cd-morph-dropdown .main-nav>ul>li {
		-webkit-animation: smoothRight 0.5s;
		animation: smoothRight 0.5s;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
			transform: translateX(-300px);
	}
	.cd-morph-dropdown .main-nav>ul>li:nth-child(1) {
		-webkit-animation-delay: .25s;
		animation-delay: .25s;
	}
	.cd-morph-dropdown .main-nav>ul>li:nth-child(2) {
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
	}
	.cd-morph-dropdown .main-nav>ul>li:nth-child(3) {
		-webkit-animation-delay: .35s;
		animation-delay: .35s;
	}
	.cd-morph-dropdown .main-nav>ul>li:nth-child(4) {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
	}
	.cd-morph-dropdown .main-nav>ul>li:nth-child(5) {
		-webkit-animation-delay: .45s;
		animation-delay: .45s;
	}
	.cd-morph-dropdown .main-nav>ul>li:nth-child(6) {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
	}
	.cd-morph-dropdown.nav-open .main-nav>ul>li {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.nav-open .main-nav {
		-webkit-animation: smoothDown 1800ms linear infinite both;
		animation: smoothDown 1800ms linear infinite both;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
	/* Generated with Bounce.js. Edit at https://goo.gl/poS4T2 */
	@-webkit-keyframes smoothDown {
		0% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
		}
		3.5% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -62.809, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -62.809, 0, 1);
		}
		6.91% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.927, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.927, 0, 1);
		}
		10.31% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.645, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.645, 0, 1);
		}
		13.71% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.918, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.918, 0, 1);
		}
		20.52% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.336, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.336, 0, 1);
		}
		27.33% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.951, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.951, 0, 1);
		}
		47.35% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.262, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.262, 0, 1);
		}
		67.37% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.015, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.015, 0, 1);
		}
		100% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		}
	}
	@keyframes smoothDown {
		0% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
		}
		3.5% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -62.809, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -62.809, 0, 1);
		}
		6.91% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.927, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.927, 0, 1);
		}
		10.31% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.645, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.645, 0, 1);
		}
		13.71% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.918, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.918, 0, 1);
		}
		20.52% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.336, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.336, 0, 1);
		}
		27.33% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.951, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.951, 0, 1);
		}
		47.35% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.262, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.262, 0, 1);
		}
		67.37% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.015, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.015, 0, 1);
		}
		100% {
			-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
			transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		}
	}
	#agentur .news-snippet.small {
		width: 30%;
		top: -10px;
	}
	.news-snippet.small>h3 {
		right: -59px;
		position: absolute;
		text-align: right;
		top: -30px;
		width: 150px;
		font-weight: bold;
	}
	.cd-morph-dropdown .gallery#musik-menu .content {
		width: inherit;
	}
	.kunden__demos .col-30 {
		width: 100%;
	}
	.col-30 .intro.info:nth-child(2) {
		height: 330px;
		width: 40%;
		width: calc(46% - 40px);
	}
	.col-30 .intro.info:nth-child(1) {
		width: calc(54% - 100px);
		height: 330px;
	}
	#agentur main .content {
		width: 96vw;
	}
	#agentur .kundenlogos .kundenlogo {
		width: 205px;
	}
	.cd-morph-dropdown .morph-dropdown-wrapper {
		top: 90px !important;
		position: fixed;
		display: none;
		z-index: -1;
	}
	.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
		display: block;
		z-index: 11;
	}
	.nav-open .nav__overlay {
		height: 40vh;
		background: #0000005c;
		-webkit-transition: .2s ease-in-out;
		-o-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		-webkit-transform: translateY(40vh);
		-ms-transform: translateY(40vh);
			transform: translateY(40vh);
		will-change: height;
	}
	.nav__overlay {
		height: 40vh;
		position: fixed;
		width: 100vw;
		background: #00000021;
		-webkit-transition: .2s ease-in-out;
		-o-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		bottom: 0;
		z-index: -1;
		-webkit-transform: translateY(50vh);
		-ms-transform: translateY(50vh);
			transform: translateY(50vh);
		will-change: height;
	}
	.com {
		width: 90%;
		height: 800px;
	}
	.com__section--text h2 {
		font-size: 30px;
		margin-top: 80px;
	}
	.com__section-half {
		display: block;
		width: 100%;
		float: left;
	}
	.com__section--text p {
		max-width: 900px;
		width: 450px;
	}
	a.com__nav-link>span {
		height: 25px;
		line-height: 25px;
		font-size: 18px;
		position: relative;
		right: -60px;
	}
	.com__nav-link {
		width: 200px;
	}
	.com__section {
		width: 100%;
		padding: 0;
		padding-left: 20px;
	}
	.com__section--text img {
		position: absolute;
		left: 20px;
		bottom: 20px;
		max-width: 160px;
	}
}


/* IPAD PORTRAIT */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	body .content__block .content {
		width: 96% !important;
	}
	#sprecher main.cd-main-content:after {
		display: none;
	}
	.demos__home {
		width: 510px;
		top: 100px !important;
	}
	body .demos__home {
		top: 93px !important;
	}
	.headline {
		margin-left: 30px;
	}
	body.main .demos__home .gimmick {
		display: none;
	}
	div#end__cta {
		width: 100vw;
	}
	.featureDemoTitel h2 {
		margin-top: -190px;
		font-size: 22px;
		text-align: right;
		margin-right: 20px;
	}
	.link__kacheln {
		width: 77%;
	}
	.highlight__demos {
		width: 20%;
		position: RELATIVE;
	}
	.gimmick {
		display: none;
	}
	.featureDemoTitel {
		top: 0;
		width: 80%;
		text-align: left;
	}
	.featureDemoTitel h2 {
		margin-top: -15px;
		text-align: left;
	}
	.demo__body .player-demo {
		width: 180px;
		height: 110px;
	}
	.demo__body .player-demo>div.tags {
		bottom: -18px;
	}
	.cd-morph-dropdown .main-nav>ul>li>a {
		padding: 0px 10px;
	}
	nav.main-nav {
		width: 650px;
	}
	.navigation .logo {
		width: 250px;
	}
	.home-intro .feature__shadow {
		height: 220px;
		width: 230px;
	}
	.home-intro .feature__circle {
		height: 200px;
		width: 200px;
	}
	.home-intro .fullsize {
		padding-left: 20px;
	}
	.home-intro .col-33 {
		margin-left: -60px;
	}
	.home-intro .player-demo {
		width: 170px;
	}
	.home-intro .plyr--full-ui input[type=range] {
		width: 80%;
	}
	#beispiel main .content {
		left: 0;
		right: 0;
		margin: auto;
		float: none;
	}
	img {}
	#beispiel .microsite h2 {
		font-size: 34px;
		width: 100%;
	}
	.micro__bild {}
	.micro__bild {
		width: 100%;
	}
	.micro__head {
		max-height: 400px;
	}
	.micro__demos {
		position: absolute;
		width: 100%;
		bottom: 30px;
	}
	.player-demo {}
	.microsite p {
		width: 100%;
	}
	.cd-morph-dropdown .morph-dropdown-wrapper {
		margin-left: 0;
		top: 75px;
	}
	.navigation #logo {
		margin-left: 20px;
	}
	#site-footer {
		position: relative;
	}
	#site-content {
		margin-bottom: 0 !important;
	}
	footer .content {
		max-width: 85vw;
	}
	.fancy__widget {
		width: 100%;
	}
	.synchron .fancy__widget img {
		max-width: 140px;
		right: -100px;
		position: relative;
		bottom: 27px;
	}
	.fancy__inhalt {
		float: left;
		width: 40%;
	}
	.fancy__widget h3 {
		width: calc(60% - 40px);
		float: left;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		display: block;
		padding-left: 40px;
		padding-bottom: 10px;
	}
	.fancy__kachel {
		width: 92%;
	}
	.synchron .herz__tooltip {
		left: 26px;
		/* right: -176px; */
	}
	.herz__tooltip:before {
		border-left-color: transparent;
		border-right-color: #f89435;
		left: -6px;
	}
	.synchronsprecher__player .plyr__controls>.plyr__control:focus {
		background: #ffffff2b;
	}
	body.sprecherDE .header .headline>h1 {
		font-size: 47px;
	}
	.slogan {
		right: 70px;
		top: -120px;
	}
	.telefon__preise {
		margin-top: 20px;
	}
	.preis__kachel {
		width: 190px;
		min-height: 420px;
		padding-bottom: 80px;
		padding: 10px;
	}
	.preis__kachel img {
		left: 50px;
		width: 90px;
		height: 90px;
	}
	.artDerAnsagen {
		margin-left: 20px;
	}
	.ansagenpaket>div:nth-child(2) {
		width: 100%;
	}
	.textauswahl.check__style {
		width: 46%;
	}
	.textauswahl.check__style label {
		top: -1px;
	}
	#anfrage form {
		width: 90%;
	}
	.formular__hinweis {
		right: 200px;
	}
	body#anfrage .preis__kachel {
		width: 250px;
	}
}


/* 1024px */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1340px) and (orientation:landscape) {
	.highlight__demos {
		width: 35%;
	}
	.link__kacheln {
		width: 65%;
	}
	.dark {
		max-width: inherit;
	}
	.link__kacheln {
		width: 740px;
	}
	.highlight__demos {
		width: 240px;
		margin-top: -30px;
	}
	.featureDemoTitel h2 {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		white-space: nowrap;
		margin-top: 10px;
		font-size: 19px;
	}
	.cd-morph-dropdown .dropdown-list:before {
		right: 30px;
		left: initial;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
			transform: translateX(0);
	}
	.cd-morph-dropdown .morph-dropdown-wrapper {
		margin-left: -150px;
	}
	.demo__body .player-demo .merk__titel {
		width: 120px;
		top: 10px;
	}
	.herz__tooltip {
		right: -170px;
		bottom: -7px;
	}
	li.player-demo.empfehlung__demo.mix {
		width: 450px;
	}
}

@media (min-width: 1240px) {
	.brand {
		width: 20%;
	}
	.noch-fragen>.ctas div,
	.noch-fragen>.ctas #XuserlikeCustomTab {
		width: calc(33% - 7px);
		cursor: pointer;
	}
	.ta_de:after {
		content: '';
	}
	.ansagen__stil .inner>.col-50:nth-child(2) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 20px;
		background: red;
		background-image: -o-linear-gradient(top, #fad961 0, #f76b1c 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fad961), to(#f76b1c));
		background-image: linear-gradient(-180deg, #fad961 0, #f76b1c 100%);
		height: 100%;
		position: absolute;
		right: 0;
		top: -20px;
	}
	.ansagen__stil .player-demo {
		margin-right: 50px;
		margin-left: 40px;
	}
	#site-content {
		min-height: 1200px;
	}
	#site-content {
		min-height: 3000px;
	}
	main {}
	.noch-fragen>.ctas div,
	.noch-fragen>.ctas #XuserlikeCustomTab {
		background: var(--blau);
		position: relative;
		left: 0;
		height: 40px;
		max-height: 40px;
		max-width: none;
		color: #fff;
		border-radius: 5px;
		margin-left: 10px;
		margin-top: 10px;
		float: left;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
	}
	.noch-fragen h2 {
		width: 100%;
		margin-bottom: 20px;
	}
	#XuserlikeCustomTab:after {
		display: none;
	}
}

@media all and (max-width:480px) {
	
	.navigation {
		width: 100%;
		/* overflow: hidden;
		 */
	}
	.nav__trigger {
		display: block;
	}
	#site-content {
		padding-top: 0;
	}
	.dark {
		max-width: 100%;
		border-radius: 0;
	}
	.rank.rank-premium {
		width: 100%;
		height: 120px;
	}
	.head {
		padding: 0;
		height: 225px;
	}
	.rank span {
		font-size: 28px;
		width: 80%;
	}
	.premium .col-33 {
		width: 50%;
		margin-bottom: 0;
	}
	.premium .inner {
		height: 120px;
	}
	.synchronWidget > div > img {
		width: 90px !important;
	}
	.max {
		top: 0;
	}
	.kunden__snippet section#demos {
		height: auto;
	}
	.navigation #logo {
		left: 10px;
		top: 10px;
		width: 80px;
	}
	.site-wrap {
		background: whitesmoke;
		/* overflow: auto; */
		padding-bottom: 230px;
	}
	.premium {
		width: 100%;
		overflow: auto;
		height: auto;
		PADDING: 0;
		height: auto;
		padding-bottom: 80px;
	}
	.cd-morph-dropdown .main-nav {
		width: calc(100% - 80px);
		height: 80px;
		top: 10px;
		position: relative;
		right: 0;
	}
	.cd-morph-dropdown .main-nav>ul>li {
		line-height: 80px;
		height: 80px;
		width: 50%;
		/* background: #fff; */
		margin: 0;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		width: calc(100% - 0px);
		float: left;
		display: block;
		border-radius: 3px;
		/* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
		 */
		/* -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
		/* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
		color: red;
		border-bottom: solid 2px #333;
		float: none;
		border-radius: 0;
	}
	.header .inner {
		max-width: 100vw;
	}
	.header {
		height: 420px;
	}
	.demos__home {
		width: 90vw;
		left: 5vw;
	}
	.player-demo {
		width: 138px;
		margin: auto;
		margin-bottom: 20px;
	}
	figure.news {
		max-width: 100%;
		top: -410px;
		overflow: auto;
		padding-bottom: 70px;
		border-radius: 0;
	}
	img.in-artikel {
		height: auto;
	}
	.news__artikel {
		height: auto;
		overflow: auto;
		margin-top: -40px;
	}
	figure.news h1 {
		padding: 0;
		margin: 0;
		font-size: 30px;
		width: calc(100% - 35px);
		margin-left: 10px;
		margin-top: 80px;
		padding-left: 0px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		border: none;
	}
	figure.news .news__artikel p {
		padding: 10px;
		color: #333;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		padding-left: 20px;
		line-height: 1.6em;
		margin-left: 0px;
		width: calc(100% - 40px);
		font-size: 16px;
	}
	.back {
		float: none;
		margin-left: 0;
		margin: AUTO;
		margin-top: 40px;
	}
	.news__artikel p a {
		-webkit-transition-property: border-bottom-color, color;
		-o-transition-property: border-bottom-color, color;
		transition-property: border-bottom-color, color;
		-webkit-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		   transition-duration: 0.2s;
		border-bottom: 1px solid #6067f1;
		color: #6067f1;
		text-decoration: none;
		position: relative;
	}
	.gimmick h2 {
		left: -250px;
		font-size: 31px;
		top: 50px;
		width: 200px;
	}
	.gimmick {
		background-size: 150px;
		top: -124px;
		right: -110px;
		width: 120px;
		right: 0;
	}
	.headline {
		text-align: center;
		width: 90%;
		left: 0;
		padding-top: 60px;
		right: 0;
		margin: auto;
	}
	.header .headline>* {
		text-align: center;
	}
	.kunden__snippet .referenzen {
		position: relative;
		top: 0;
		margin-bottom: 15px;
	}
	.kunden__snippet {
		width: 80vw;
		left: 0;
		position: relative;
		top: 0;
		margin-top: 270px;
		margin: auto;
		margin-left: -11px;
		border: none;
		position: relative;
		display: block;
		float: none;
		height: 420px;
		margin-bottom: 0;
		margin: auto;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		border-radius: 4px;
	}
	.intro__wrapper {
		float: left;
	}
	#intro {
		margin-top: 0;
		height: auto;
		float: left;
	}
	.col-33 {
		width: 60%;
		float: left;
		margin-bottom: 30px;
	}
	main {
		margin-top: 120px;
	}
	.owl-carousel.two .owl-stage {
		height: 600px !important;
		/* transform: none !important;
		 */
	}
	.owl-carousel.owl-drag .owl-item {
		/* float: left; */
		/* height: 80px; */
		/* position: relative; */
		/* width: calc(50% - 10px) !important; */
		/* margin-right: 0 !important; */
	}
	section#demos {
		height: auto;
	}
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		height: 300px;
	}
	.owl-stage-outer {
		height: 320px;
		overflow: hidden;
	}
	.item {
		background-size: 120px;
	}
	.owl-carousel.owl-drag .owl-item:first-child {
		height: 80px;
	}
	.owl-dots {
		display: none;
	}
	.bg svg {
		width: 150%;
		top: -88px;
		left: -185px;
	}
	section.bg {
		height: 420px;
	}
	.col-66 {
		width: 100%;
	}
	section.bg h2 {
		margin: 0;
		margin-top: 160px;
		margin-left: 20px;
		font-size: 29px;
	}
	section.bg p {
		margin: 0;
		font-size: 15px;
		margin: 20px;
		color: #666;
		width: 80%;
	}
	section.one.textblock {
		padding-top: 30px;
	}
	section.textblock p {
		font: 300 17px/1.3 'sofia-pro', sans-serif;
		color: #86879a;
	}
	.textblock .col-50 {
		width: 100%;
	}
	#end__cta {
		width: 100vw;
		background: #fff;
		height: auto;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-top: 40px;
		bottom: 0;
	}
	#end__cta>a {
		margin: auto;
		margin-bottom: 30px;
		height: 40px;
		float: none;
	}
	main:after {
		width: 170px;
		height: 170px;
		bottom: -141px;
		right: 0;
	}
	#site-footer {
		min-height: 100vh;
		max-width: 100vw;
		padding: 0;
		overflow: hidden;
	}
	footer {
		width: 100vw;
		overflow: hidden;
		margin: auto;
		height: 100vh;
		height: auto;
	}
	#site-content {
		width: 100vw;
	}
	.headline h1 {
		font-size: 27px;
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.connection-line {
		display: none;
	}
	.header .headline>h2 {
		font-size: 18px;
		max-width: 80%;
		left: 10%;
		position: relative;
	}
	footer .content {
		height: 700px;
		max-width: 90vw;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		margin-top: 0;
		background: #f6f5f6;
		padding-top: 0px;
	}
	footer .col-25 {
		width: 100%;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		min-height: -webkit-fit-content;
		min-height: -moz-fit-content;
		min-height: fit-content;
	}
	.social {
		width: 100%;
		height: 340px;
		overflow: HIDDEN;
		margin-top: 20px;
	}
	footer a.footer_link {
		font: 300 14px/1.5 'sofia-pro', sans-serif;
	}
	footer h6 {
		font: 900 17px/1.5 'sofia-pro', sans-serif;
		margin-bottom: 10px;
		height: 3.4em;
	}
	.spacer {
		/* display: none;
		 */
		height: 120px;
	}
	.social>a {
		line-height: 40px;
		width: 70%;
		background: #fff;
		margin-bottom: 0;
		border: solid 3px #11192a;
		text-align: right;
		padding-right: 20px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.facebook .icon {
		position: absolute;
		line-height: 40px;
	}
	.vv .icon {
		position: absolute;
		line-height: 40px;
	}
	nav.main-nav ul {
		display: none !important;
	}
	.nav__trigger {
		position: fixed;
		right: 10px;
		top: 20px;
		font-size: 33px;
		color: #fff;
		width: 40px;
		z-index: 99;
		height: 40px;
		background: #fabd50;
		border-radius: 20%;
	}
	nav.main-nav.open ul {
		display: block !important;
		margin-top: 140px;
		padding: 10px;
		background: white;
		margin: 30px;
		position: relative;
		-webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
				box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
		border-radius: 10px;
		margin-top: 100px;
		float: left;
	}
	.cd-morph-dropdown .main-nav.open {
		width: 100vw;
		top: -70px;
		position: fixed;
		left: 0;
		top: -10px;
		z-index: 9;
	}
	.cd-morph-dropdown .main-nav>ul>li>a {
		color: #444;
		font-weight: 400;
		font-size: 20px;
		color: #333;
		text-align: center;
		padding: 0;
	}
	.cd-morph-dropdown .main-nav>ul>li>a {
		height: 30px !important;
		line-height: 30px;
	}
	.cd-morph-dropdown.is-dropdown-visible .dropdown-list {
		-webkit-transform: none !important;
		-ms-transform: none !important;
			transform: none !important;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		width: 92% !important;
		border-radius: 4px;
		overflow: hidden;
	}
	.cd-morph-dropdown .morph-dropdown-wrapper {
		margin: 0;
		margin-left: 10px;
		top: 340px;
		display: none;
	}
	.cd-morph-dropdown .bg-layer {
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
		width: 100%;
		height: 100%;
		background: #ffffffa1;
		-webkit-backdrop-filter: blur(11px);
				backdrop-filter: blur(11px);
	}
	.ion-close-round {
		display: none;
	}
	.open .ion-close-round {
		display: block;
	}
	.ion-navicon-round {
		display: block;
	}
	.open .ion-navicon-round {
		display: none;
	}
	.cd-morph-dropdown .morph-dropdown-wrapper.open {
		display: block;
	}
	body.main .demos__home {
		top: -590px;
		width: 80vw;
		left: calc(5vw - 40px);
		margin: auto;
	}
	body.main main .content {
		width: 90% !important;
	}
	body.main .demos__home .gimmick {
		top: 5px;
		z-index: 1;
		right: 80px;
	}
	.cd-words-wrapper b {
		top: -30px;
		right: 0;
		left: inherit;
		height: 100px !important;
		width: 100px !important;
	}
	body#home .cd-words-wrapper b {
		top: 0px;
		right: 0;
		left: inherit;
		height: 100px !important;
		width: 100% !important;
	}
	.preis__kachel .cd-words-wrapper>b:nth-child(n) {
		background-size: 60px;
	}
	.preis__kachel .textline {
		bottom: -10px;
		left: -8px;
	}
	.notizen__card {
		top: 20px;
		height: 190px;
		width: calc(100% - 40px);
		left: 0;
		position: RELATIVE;
	}
	.notizen {
		width: 100%;
	}
	.notizen__card textarea {
		font-size: 15px;
	}
	#anfrage form {
		width: calc(100% - 0px);
		margin-top: -230px;
		padding: 0;
		height: auto;
		-webkit-box-shadow: none;
				box-shadow: none;
		overflow: hidden;
		border-radius: 0;
		display: block;
	}
	.artDerAnsagen {
		width: 100%;
		height: 280px;
		margin-left: 0;
	}
	section.allgemein {
		height: auto;
	}
	.check__style.ansagenpaket {
		width: 100%;
		height: auto;
	}
	.check__style .form__row>div>div {
		width: 100%;
	}
	.textauswahl.check__style {
		width: 100%;
		height: 240px;
		-webkit-box-shadow: none;
				box-shadow: none;
		border-radius: 0;
	}
	.textdatei span {
		position: relative;
		bottom: -10px;
		float: left;
		left: 80px;
		width: 60%;
	}
	body.txt .form-group.file-area {
		position: absolute;
		height: 50px;
		width: 100%;
		top: 40px;
		margin-top: 20px;
	}
	.file-area .file-dummy {
		width: 100%;
		height: 40px;
	}
	.file-area .default {
		width: 220px;
		margin: auto;
		height: 40px;
		left: 0;
		right: 0;
		position: RELATIVE;
	}
	#anfrage form .details .file-area .check__style .form__row {}
	.file-area .default span {
		left: 26px;
		/* height: 40px; */
		top: -4px;
	}
	#anfrage form .details .check__style .form__row {
		height: 50px;
	}
	#anfrage form .check__style.textoptimierung {
		width: 100%;
		margin-top: 0px;
		padding-left: 20px;
		height: 240px;
		margin-bottom: 10px;
	}
	#anfrage form .check__style.aufMobilboxAufspielen {
		width: 100%;
		height: auto;
		padding-left: 20px;
	}
	.col-20 {
		width: 100%;
	}
	.musik-wahl .col-20 {
		background: url(/i/kopfhoerer.svg);
		height: 220px;
		background-size: 200px;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #f5f5f5;
		margin-right: 0;
		width: calc(100%);
		border: none;
	}
	.kategorie {
		border: none;
		background-color: white;
	}
	.check__style.musik-wahl.blue {
		height: auto;
		width: calc(100% + 0px);
		left: 0;
	}
	.col-40 {
		width: calc(100% - 50px);
		padding-left: 70px;
	}
	#anfrage form .details .check__style .col-40 .form__row {
		height: auto;
		width: calc(100% - 40px);
	}
	.check__style.blue label {
		width: 70%;
		top: -1px;
	}
	section.daten>div.firma .form__row {
		width: 100%;
	}
	section.daten>div.adresse {
		height: 400px;
		left: 25px;
		position: relative;
	}
	section.daten>div.adresse>div {
		width: 100%;
		height: 80px;
	}
	section.daten>div.kontaktdaten {
		left: 25px;
		width: calc(100% - 90px);
		padding: 20px;
	}
	section.daten>div.kontaktdaten>div {
		width: 90%;
	}
	section.daten>div.kontaktdaten>div.funktion {
		width: 90%;
	}
	section.daten>div.kontaktdaten>div.eMailAdresse {
		width: 90%;
	}
	section.daten>div.kontaktdaten>div.website {
		width: 90%;
		margin-top: 0;
	}
	.kontakt input[type="submit"] {
		width: 230px;
		display: block;
		bottom: 140px;
		background: #f89637;
		padding: 10px;
		margin: auto;
		left: 0;
		right: 0;
		background-image: -o-linear-gradient(top, #FAD961 0%, #F76B1C 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FAD961), to(#F76B1C));
		background-image: linear-gradient(-180deg, #FAD961 0%, #F76B1C 100%);
		color: #fff;
		font-weight: bold;
		border: solid 3px #11192a;
		border-radius: 4px;
		cursor: pointer;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		position: relative;
		width: 100%;
		top: -460px;
		background: #717ec9;
		width: 60vw;
		margin: auto;
		position: relative;
		display: block;
		padding: 10px;
		color: #fff;
		font-size: 23px;
	}
	.content {
		max-width: 100%;
	}
	section h2 {
		padding-left: 20px;
		font-size: 28px;
		width: calc(100% - 20px);
	}
	.artDerAnsagen>div>div>div {
		width: 110px;
		background-size: 70px;
		height: 110px;
	}
	.daten select {
		width: 100%;
	}
	section.daten>div.firma {
		left: 25px;
		position: relative;
	}
	section.daten h3 {
		padding-left: 20px;
		text-align: left;
		padding-left: 0;
	}
	.note.open {
		width: calc(100vw - 40px);
		left: 0;
		margin: 0;
		top: 0;
		height: 410px;
		z-index: 999;
		height: calc(100vh - 40px);
	}
	body.main .demos__home {
		top: 0px !important;
		position: relative;
		bottom: inherit;
		left: -3vw;
	}
	.featureDemoTitel {
		color: #fff;
		font-size: 22px;
		top: -140px;
	}
	.player-demo {
		width: 170px;
		/* background: #f5f5f5; */
		margin-bottom: 15px;
	}
	body.main .demos__home .gimmick {
		right: -295px;
		top: -234px;
		z-index: 1;
		width: 100px;
		background-size: 120px;
	}
	.header .headline>* {
		z-index: 2;
		max-width: 100%;
	}
	.link {
		width: initial;
	}
	#home .featureDemoTitel h2 {
		color: #fff;
		top: -10px;
	}
	#home .gimmick {
		display: none;
	}
	#intro {
		width: calc(100vw - 40px);
		border-radius: 0;
		-webkit-box-shadow: none;
				box-shadow: none;
		padding: 20px;
		top: -110px;
	}
	.intro__wrapper {
		margin-bottom: 60px;
	}
	section.bg h2 {
		font-size: 24px;
		top: 30px;
	}
	section.bg p {
		top: 50px;
		position: relative;
		left: 20px;
	}
	.textblock .col-100,
	.textblock .col-50 {
		margin: 0;
		width: calc(100% - 60px);
		background: #fff;
		padding: 30px;
		margin-top: 30px;
	}
	section.one.textblock {
		background: none;
		-webkit-box-shadow: none;
				box-shadow: none;
		height: 2120px;
	}
	.dark {
		margin-top: 120px;
	}
	.owl-carousel.two .owl-stage-outer {
		/* overflow: inherit;
		 */
		height: 630px;
	}
	.owl-carousel.owl-theme.owl-loaded.owl-drag.two {
		height: 500px;
	}
	.owl-carousel.two .owl-stage {
		height: 600px !important;
		/* transform: inherit !important;
		 */
	}
	.owl-carousel.one .owl-stage {
		/* height: 300px !important; */
		width: 89vw !important;
		/* position: absolute; */
		/* left: 0; */
		right: 0;
		-webkit-transform: none !important;
		-ms-transform: none !important;
			transform: none !important;
		overflow: hidden;
	}
	.owl-carousel.owl-drag.two .owl-item:first-child {
		height: auto;
	}
	.owl-carousel.owl-drag.two .owl-item {
		width: 329px !important;
		margin-right: 10px !important;
	}
	section#slider {
		height: 1200px;
	}
	.col-25 {
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
	.preise {
		height: auto;
		padding-bottom: 30px;
		position: relative;
		display: block;
	}
	.preis__kachel {
		height: 390px;
		WIDTH: calc(100% - 80px);
		left: 20px;
	}
	#preise main {
		min-height: 3000px;
	}
	.text__body .kachel {}
	.text__body {
		float: left;
		padding: 0;
		margin: 20px;
		width: calc(100% - 50px);
	}
	.notification {
		bottom: inherit;
		top: 30px;
		width: 70vw;
		z-index: 9999;
	}
	#preise main .content {
		min-height: 3300px;
	}
	.preis__hinweise {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		margin-bottom: 180px;
	}
	#site-content {
		background: #f5f5f5;
		margin-bottom: 0 !important;
	}
	#preise .site-wrap {
		min-height: 3400px;
	}
	.preis__hinweis {
		width: 100%;
		margin-bottom: 10px;
	}
	.preis__infos {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.preis__infos ul {
		width: calc(100% - 82px);
		height: auto;
	}
	.preis__hinweise {
		margin-bottom: 0;
	}
	.musik__preise .col-33 {
		width: 100%;
		margin-bottom: 90px;
	}
	#preise main {
		top: -300px;
	}
	main .preise {
		top: -310px;
	}
	.opennote:hover span {
		display: none;
	}
	.opennote:hover {
		-webkit-tap-highlight-color: transparent;
	}
	input[type="reset"],
	.options input[type="submit"] {
		background-color: transparent;
	}
	#site-footer {
		position: relative;
	}
	footer {
		padding-bottom: 120px;
	}
	#preise #site-content {
		margin-bottom: 140px !important;
	}
	.preis__kachel img {
		left: 60px;
	}
	body.main .demos__home {
		width: 100vw;
		left: 0;
		right: 0;
		margin: auto;
		left: 0vw;
		height: auto;
	}
	.demos__4 .player-demo {
		margin-bottom: 30px;
	}
	.featureDemoTitel h2 {
		color: #fff;
		font-size: 18px;
		top: 17px;
		margin: auto;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	body.main main .content {
		width: 100% !important;
	}
	main .link.preise {
		top: initial;
	}
	/* !Sprecher */
	.intro.info {
		height: auto;
		float: left;
		margin-bottom: 30px;
		display: block;
		margin-top: 0;
		width: calc(94vw - 60px);
		margin-left: 3vw;
	}
	#sprecher .content__block .content {
		width: 94vw;
	}
	/* !Filter */
	.demo__filter {
		width: calc(94vw - 20px);
		margin-top: 10px;
		padding: 10px;
	}
	.sprache input {
		left: -180px;
	}
	.sprache>li input:before {
		left: 189px;
	}
	.filter-head a {
		font-size: 9px;
		margin-bottom: -2px;
	}
	.cd-filter-block:nth-child(2) {
		height: 180px;
	}
	.demo__filter .stil li {
		width: 50%;
		padding: 0;
		margin-bottom: 15px;
	}
	.geschlecht li {
		margin-bottom: -6px;
	}
	ul.cd-filter-content.cd-filters.list.stil {
		width: 90%;
		margin: auto;
		float: none;
		margin-top: 20px;
		height: auto;
		height: 90px;
	}
	/* !Agentur */
	#agentur main .content {
		width: 100%;
		float: left;
		height: auto;
	}
	.about {
		float: left;
		width: 100%;
		top: -170px;
	}
	.about__kachel {
		height: auto;
		width: 94%;
		left: 3%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.about .inner p {
		width: 95%;
		padding-bottom: 60px;
	}
	.about .inner {
		padding: 20px;
	}
	.about__kachel.wer {
		height: auto;
	}
	.team-row {
		float: left;
	}
	.about__kachel.wer .inner h2 {
		font-size: 34px;
		padding-left: 70px;
	}
	.wer .col-25 {
		height: 260px;
		margin: 0;
	}
	.about__kachel.wer img {
		max-width: 100px;
	}
	.wer .col-25 {
		width: 50%;
	}
	.about .wer .inner:after {
		left: 0;
		top: 20px;
	}
	.col-70 {
		width: 100%;
	}
	.col-30 {
		width: 100%;
	}
	.intro.info.klein {
		width: calc(100% - 60px);
		margin-left: 0;
		height: 100px;
	}
	#musik main .content {
		width: 94vw;
	}
	.intro.info {
		margin-left: 0;
		width: calc(100% - 60px);
		min-width: 240px;
	}
	.scrolly {
		width: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: scroll;
	}
	#home .demos__home {
		display: none;
	}
	main .content {
		width: 100vw;
		left: 0px;
	}
	main {
		margin-top: 0px;
	}
	.fullsize {
		padding: 10px;
		width: calc(100% - 20px);
		background: none;
		-webkit-box-shadow: none;
				box-shadow: none;
	}
	.feature__figure {
		width: 100%;
	}
	.feature__shadow {
		height: 160px;
		width: 175px;
		left: 0;
	}
	.feature__circle {
		height: 150px;
		width: 150px;
		left: 30px;
	}
	.feature__text h2 {
		right: 0;
		height: auto;
		font-size: 28px;
		padding-left: 0;
		margin-right: 20px;
		text-align: center;
		margin: auto;
		width: 100%;
		margin-bottom: 10px;
		padding-top: 30px;
	}
	.feature__text {
		position: relative;
		width: 100%;
		padding: 14px;
		padding-left: 0;
		padding-right: 0;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	a.feature__link {
		height: 40px;
		line-height: 40px;
	}
	.feature {
		background: #FFF;
		border-radius: 5px;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		overflow: hidden;
		padding: 15px;
		padding-top: 0px;
	}
	.feature-sprecher .feature__figure {
		/* width: 100%; */
		/* left: 0px; */
		/* top: 20px; */
	}
	.feature-sprecher a.feature__link {
		/* right: 0; */
		/* top: -90px; */
		/* left: 0; */
		/* margin: auto; */
		/* position: relative; */
		/* margin-top: 40px; */
		/* display: block; */
	}
	.feature-musik .feature__figure {
		width: 100%;
		left: -20px;
		top: 30px;
	}
	.feature-musik a.feature__link {
		/* right: -160px; */
		/* top: 30px; */
	}
	.feature-text .feature__figure {
		/* width: 180px; */
		/* right: -190px; */
		/* top: -30px; */
	}
	.feature-text a.feature__link {
		/* right: -40px; */
		/* top: 50px; */
	}
	.feature-text .feature__text {
		/* margin-top: -70px; */
	}
	#home .demos__4 {
		width: 100%;
		left: -10px;
	}
	.smooth__intro .col-33 {
		width: 100%;
	}
	.absolute {
		width: 100%;
		margin-left: -5px;
		margin-top: 0;
		height: auto;
		margin-bottom: 50px;
	}
	.kunden__snippet {
		padding: 10px;
		width: calc(100% - 20px);
	}
	.item {
		background-size: 90%;
		background-position: center;
	}
	.kunden__snippet .owl-item {
		margin: 5px;
	}
	.owl-carousel.owl-drag .owl-item {
		/* width: calc(50% - 13px) !important; */
	}
	.sprecher__highlight {
		left: 0;
		top: 0;
	}
	.home__reinhoeren .col-50 {
		width: 100%;
	}
	.home__reinhoeren {
		height: auto;
		left: 0;
	}
	div#intro {
		width: calc(100% - 50px);
		left: -12px;
		margin-top: 70px;
	}
	.col-100.special__rocket {
		width: 100%;
		left: -20px;
		border-radius: 0px 0px 10px 0px;
	}
	.rocketcontainer {
		left: -50px;
		top: 130px;
		overflow: hidden;
	}
	#intro .special__rocket p {
		background: black;
		z-index: 9;
	}
	#home .dark {
		margin-top: 50px;
		max-width: 100vw;
		left: -17px;
		position: relative;
		width: 100vw;
	}
	.content__block .dark .content {
		margin-top: 0 !important;
	}
	.premium__body>div {
		width: calc(100% - 40px);
		left: -20px;
		margin-top: -60px;
	}
	#home .news-snippet {
		width: calc(100% - 60px);
		height: auto;
	}
	.newsletter__cta {
		width: 80%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 320px;
		margin-left: 5%;
		height: auto;
	}
	.newsletter__cta img {
		position: absolute;
		margin: auto;
		top: -80px;
		left: 0;
		right: 0;
	}
	.newsletter__cta .col-70 {
		padding-top: 50px;
	}
	.newsletter__cta button.button {
		float: none;
		margin: auto;
	}
	.newsletter__cta .buttons {
		width: 100%;
		float: left;
		padding-left: 20px;
		margin-top: 20px;
	}
	.newsletter__cta input {
		left: 30px;
	}
	.angebot__home h2 {
		font-size: 29px;
	}
	.angebot__home {
		position: relative;
		left: -10px;
	}
	.demo__body {
		width: calc(100% + 20px);
		left: -10px;
		position: relative;
		border-radius: 0;
	}
	section.cd-gallery {
		width: 100%;
		float: left;
	}
	.col-60 {
		width: 100%;
	}
	.video {
		padding: 0;
		margin: 0;
	}
	.demos__float {
		position: relative;
		top: 30px;
	}
	body.imagefilm .player-demo {
		height: 90px;
	}
	.imagefilm .col-40.vert {
		padding-left: 0;
		margin-top: 60px;
	}
	.page__cta {
		height: 330px;
		margin-bottom: 190px;
		width: 90%;
	}
	.page__cta p {
		font-size: 20px;
		width: 90%;
	}
	.page__cta span {
		font-size: 32px;
		margin-top: 20px;
		position: relative;
		display: block;
	}
	.cta__link {
		width: 100%;
		padding-top: 0;

	 }
	.page__cta a {
		float: left;
	}
	.preis__kachel.individuell {
		left: 0;
		width: calc(100% - 40px);
		border-radius: 5px;
		min-height: 460px;
		height: auto;
		padding-bottom: 70px;
	}
	.preise__intro {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: block;
	}
	.unser__service {
		left: 0;
	}
	.preis__pakete {
		margin-top: 90px;
	}
	.preis__kachel.individuell h3 {
		margin-top: 0px;
	}
	.preis__hinweise {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: 210px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 70px !important;
	}
	h2.anwendungen {
		font-size: 30px;
		padding: 20px;
		width: 80vw;
	}
	h2.anwendungen:after {
		left: inherit;
		right: -30px;
	}

	h2.corporate__infos {
		font-size: 30px;
		padding: 20px;
		width: 80vw;
	}
	h2.corporate__infos:after {
		left: inherit;
		right: 0;
	}
	.masonry strong {
		white-space: pre-wrap;
		word-wrap: break-word;
		font-weight: bold;
		display: inline-block;
	}
	strong {
		font-weight: bold;
	}
	.page__cta a:first-child {
		margin-right: 50px;
	}
	body#text .demos__home {
		position: relative;
		width: 100%;
		top: 30px !important;
		height: auto;
	}
	.col-40.vert {
		padding-left: 0;
		width: 100%;
	}
	#text main .content {
		width: 94vw;
	}
	.kachel.white.klein {
		margin: 10px;
		width: calc(50% - 80px);
		height: auto;
	}
	.kacheln__small {
		height: auto;
	}
	.kachel.white.klein:last-child {
		width: -webkit-fill-available;
	}
	.uebersetzung .feature__circle {
		height: 290px;
		width: 300px;
		left: -10px;
		top: -90px;
	}
	.uebersetzung .feature__shadow {
		height: 260px;
		width: 505px;
		left: 0;
		top: -40px;
	}
	figure.feature__figure {
		width: 100%;
		left: -20px;
		top: 20px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.fancy__arrow {
		display: NONE;
	}
	.feature.feature__fancy {
		width: 100%;
	}
	.uebersetzung .fullsize {
		width: 100%;
	}
	.uebersetzung .feature__text {
		-webkit-box-shadow: none;
				box-shadow: none;
	}
	.col-40 {
		width: 100%;
		padding-left: 0;
	}
	.notizen__card {}
	.zusammenfassung {
		height: auto;
		padding-bottom: 100px;
		margin-bottom: 360px;
	}
	.preis__hinweise {}
	.arrow {
		bottom: -90px;
		width: 100%;
		display: none;
		background-size: 29px;
		background-position: left bottom;
	}
	.arrow>span {
		font-size: 20px;
		position: relative;
		word-wrap: break-word;
		display: block;
		width: 100%;
	}
	body#anfrage .preis__hinweis {
		height: auto;
		margin-bottom: 5px;
		width: 210px;
	}
	.formular__wrapper {
		padding: 0;
	}
	.ansagenpaket>div:nth-child(2) {
		margin: auto;
		width: 80%;
		position: relative;
		left: 20px;
		margin-top: 10px;
	}
	.check__style {
		height: auto;
	}
	.file-area .default:before {
		left: 7px;
		top: 0px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	section .blue h3 {
		padding-left: 20px;
	}
	.eingabe>div {
		width: 100%;
	}
	.adresse>div {
		width: 100%;
		padding-right: 0;
	}
	.kontaktdaten div.funktion {
		width: 100%;
	}
	.kontaktdaten>div>div>div {
		width: 100% !important;
	}
	.kontaktdaten>div>div {
		width: 100%;
	}
	.kontaktdaten>div {
		width: 100% !important;
	}
	#anfrage form input[type="submit"] {
		position: relative;
		top: 0;
		left: 0;
		margin: auto;
		height: AUTO;
		margin-bottom: 20px;
		float: none;
	}
	section.daten>div.eingabe {
		padding-bottom: 80px;
		width: calc(100% - 30px);
		padding-left: 30px;
	}
	.projekt-weiter>div {
		width: calc(50% - 20px);
	}
	.projekt-weiter {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.projekt-weiter>div>a {
		padding: 15px;
	}
	.notification i.ion-close-round {
		display: block;
	}
	.headline b {
		font-size: 18px;
		right: 0;
		text-align: right;
	}
	.headline .cd-intro {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		top: 30px;
		left: 0;
		margin: auto;
		right: 0;
		float: none;
	}
	.sticky {
		width: 100vw;
		left: 0;
		bottom: 0;
	}
	.telefonnummer__small {
		right: 0;
		margin-left: 10px;
		bottom: 5px;
		float: left;
		width: 50px;
		height: 50px;
	}
	a.anfrage__small {
		right: 0;
		margin-left: 20px;
		bottom: 5px;
		float: left;
		width: 50px;
		height: 50px;
		-webkit-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.trigger {
		background-size: 26px;
	}
	.opennote {
		right: 10px;
		margin-left: 20px;
		bottom: 7px;
		float: left;
		height: 30px;
		line-height: 30px;
		width: 120px;
	}
	.opennote .trigger {
		line-height: 30px;
		font-size: 17px;
	}
	.note .merk__item {
		border: none;
		margin-top: 6px;
		font-weight: bold;
		font-size: 20px;
	}
	.note div#output {
		max-height: 100%;
		height: 100%;
	}
	.hinweis {
		height: 100px;
		border-radius: 0;
	}
	.hinweis p {
		margin-top: 20px;
		font-size: 17px;
	}
	.merkzettel_links {
		position: relative;
		bottom: 0;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		display: block;
	}
	a.cta__anfrage {
		position: relative;
		bottom: 0;
	}
	.note span.big {
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 30px;
		font-weight: bold;
		font-size: 29px;
	}
	.note span.small {
		float: left;
	}
	.note div#output {
		background: #f5f5f5;
		padding: 10px;
		float: left;
	}
	.note .merk__item {
		margin-bottom: 11px;
	}
	.player-demo .merk__titel {
		top: 0;
		width: 120px;
	}
	.arrow>div>i:nth-child(1) {
		left: 0;
		right: 0;
		margin: auto;
		margin-top: 20px;
	}
	.arrow>div>span {
		left: 0;
		font-size: 21px;
	}
	.musik-wahl .col-40 {
		height: auto;
	}
	section.daten .formular__hinweis {
		position: relative;
		left: 0;
		margin: auto;
		right: 0;
		height: auto;
		top: -190px;
	}
	.zeig-papagei {
		left: 0px;
		height: 170px;
		top: 0;
	}
	.hinweis__tile {
		left: 118px;
		width: 210px;
	}
	.eingabe>div.form__referenzen {
		position: RELATIVE;
		position: RELATIVE;
		max-width: 100vw;
		overflow: scroll;
		margin-bottom: 0px;
		left: 0;
		bottom: inherit;
	}
	.form__referenzen .kundenlogo:nth-child(4) {
		display: none;
	}
	.sprecher__highlight .player-demo .merk__titel {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	.reinhoer__demos .player-demo .merk__titel {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		font-size: 20px;
	}
	.reinhoer__demos {
		width: 90%;
		margin: auto;
		margin-top: 20px;
	}
	.reinhoer__demos .player-demo {
		height: 70px;
	}
	.telefonnummer__small .modal {
		left: 0;
		top: -150px;
	}
	.telefonnummer__small.stage-1 .modal {
		top: -580px;
		width: 80vw;
	}
	.merkzettel__anfrage {
		position: relative;
		float: left;
		margin: auto;
		margin-bottom: 40px;
		margin-top: 10px;
		margin-left: 20px;
	}
	.merkzettel__anfrage b {
		margin-left: 0;
		margin-top: 20px;
	}
	.note .merk__item {
		font-size: 17px;
		font-weight: normal;
	}
	.demo__body {}
	li.player-demo.empfehlung__demo.mix {
		width: auto;
	}
	.link.bestellung:after {
		display: none;
	}
	body#anfrage .preis__hinweis i {
		display: inline-block;
		float: left;
	}
	body#anfrage .preis__hinweis>div {
		margin-top: 10px;
		margin-left: 10px;
	}
	.artDerAnsagen h2 {
		padding-left: 0;
		font-size: 22px;
		margin-bottom: 20px;
	}
	.spracheDerAnsagen {
		position: RELATIVE;
		width: 100%;
		height: 230px;
		overflow: scroll;
		background: whitesmoke;
	}
	.projekt__details h2,
	.details .text h2,
	.ansagenpaket h2 {
		margin-left: 20px;
	}
	.ansagenauswahl {
		margin-left: 0;
	}
	.weitereAnsagen {
		margin-left: 0;
		width: calc(100% - 0px);
	}
	body.musik-form .musikauswahl-trigger {
		width: calc(100% - 40px);
		padding-top: 0;
	}
	.details .musiktitel {
		position: relative;
		margin-left: 60px;
		right: initial;
		bottom: inherit;
		margin-top: 0;
		margin-bottom: 60px;
	}
	.details .col-100.text {
		margin-top: 0;
		margin-bottom: 0px;
	}
	.textdatei {
		position: relative;
		display: none;
	}
	.aufMobilboxAufspielen>img {
		float: left;
		max-width: 60%;
		margin-right: 40%;
	}
	h3 {}
	#anfrage form .check__style.aufMobilboxAufspielen h3 {}
	#anfrage form .details .check__style .form__row {
		width: 80%;
	}
	.check__style.audiodateien {
		width: calc(100% - 20px);
		margin-top: -10px;
	}
	.check__style.audiodateien>div {
		padding-left: 20px;
	}
	section.daten {
		display: block;
		max-width: 100%;
	}
	section.daten .eingabe h3 {
		margin-bottom: 30px;
		border-bottom: solid 2px #f89d3c;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		padding: 4px;
		font-size: 28px !important;
	}
	.artDerAnsagen>div>div>div:nth-child(1) {
		margin-right: 50px;
	}
	.merkzettel__hinweis {
		margin-bottom: 40px;
	}
	#intro span {
		top: 0;
		color: #333;
	}
	.premium span {
		font-size: 24px;
	}
	div#kundenfeedback {
		max-width: 100%;
		top: 50px;
		position: relative;
		margin-bottom: 130px;
	}
	section.testimonials {
		min-height: 350px;
	}
	#kundenfeedback .owl-stage-outer {
		height: auto;
	}
	.big__head {
		max-width: 100%;
		width: calc(100% - 60px);
		padding: 30px;
		font-size: 29px;
		margin-top: -40px;
	}
	.big-slider .item {
		margin-left: 20px;
		width: calc(100% - 40px);
	}
	section.testimonials {
		height: auto;
		max-width: 100vw;
	}
	#home section#slider {
		margin-bottom: 50px;
	}
	.news-snippet {
		top: 0;
	}
	.featureDemoTitel {
		top: -20px;
	}
	body.main .demos__home,
	#sprecher .demos__home,
	#musik .demos__home,
	#text .demos__home,
	#referenzen .demos__home,
	#agentur .demos__home {
		height: auto;
	}
	.synchron {
		max-width: 100vw;
		width: 100%;
		top: -10px;
	}
	#sprecher.synchronsprecher main .content {
		width: 100vw;
	}
	.fancy__kachel {
		width: 100%;
		max-width: 88vw;
		right: 0px;
		padding-bottom: 140px;
	}
	.schauspieler__slider {
		position: relative;
		float: left;
		width: 100%;
		left: 30px;
		left: 0;
	}
	.synchron h2 {
		font-size: 22px;
		font-weight: bold;
	}
	.fancy__kachel .col-70 {
		width: 80%;
	}
	.sprecher__text p {
		padding: 5px;
	}
	.synchronsprecherSchauspieler {
		width: calc(100% - 40px);
		border-radius: 0;
		margin-top: 60px;
	}
	.synchronsprecher__player {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.synchronsprecher .player-demo.big {
		width: 360px;
		left: 90px;
	}
	body.synchronsprecher .player-demo>span {
		width: auto;
		top: 14px;
		left: 0;
	}
	.fancy__kachel .player-demo .plyr--playing .plyr__progress {
		display: none;
	}
	.fancy__text {
		margin-left: 40px;
		border-radius: 0;
		margin-top: 0;
		padding: 10px;
		width: calc(100% - 40px);
		padding-bottom: 90px;
		border-radius: 8px;
	}
	.fancy__grafik {
		margin-top: -140px;
	}
	.synchron .fancy__grafik img {
		max-width: 50vw;
		margin-left: 50vw;
		border-radius: 50%;
	}
	.fancy__widget {
		width: 100vw;
	}
	.fancy__widget img {
		max-width: 160px;
		position: relative;
		top: -40px;
		right: -120px;
	}
	.fancy__kachel.info.merkbar.klein {
		width: 100%;
		margin: auto;
	}
	.fancy__kachel.klein .synchronsprecherSchauspieler {
		width: calc(100% - 40px);
		height: 30px;
	}
	.fancy__kachel.klein .schauspieler__bild {
		width: 80px;
		float: right;
		top: -30px;
		right: -20px;
		left: inherit;
	}
	.schauspieler__slider>div:nth-child(2) .synchronsprecherSchauspieler {
		width: 40%;
		margin-bottom: 3px;
	}
	.fancy__kachel.klein .synchronsprecherSchauspieler {
		height: 18px;
	}
	body#beispiele .demos__home {
		background: none;
		-webkit-box-shadow: none;
				box-shadow: none;
		width: 90%;
		margin: auto;
		float: none;
		left: 10px;
		height: auto;
		top: 0 !important;
	}
	body#beispiele .player-demo {
		-webkit-box-shadow: 0 0 35px rgba(48, 95, 129, 0.1);
				box-shadow: 0 0 35px rgba(48, 95, 129, 0.1);
		height: 100px;
	}
	#beispiele main .content {
		width: 100vw;
	}
	body#beispiele .player-demo>span {
		top: 30px;
		font-size: 14px;
	}
	.beispiele {
		padding-left: 0;
	}
	.beispiele article {
		width: calc(100% - 40px);
		margin-bottom: 10px;
	}
	#beispiel .microsite {
		width: 100%;
		max-width: 100vw;
		/* padding: 20px; */
		padding-top: 0;
		height: auto;
		margin: auto;
		right: 0;
		left: 0;
		border-radius: 0;
	}
	.microsite>img {
		width: 100%;
		left: 0;
		border-radius: 0;
	}

	#beispiel .demos__float {
		position: RELATIVE;
		width: 100%;
		top: 0;
	}
	body#beispiel .demos__4 {
		padding-left: 0px;
	}
	#beispiel .plyr--audio .plyr__controls {
		margin-left: 10px;
	}
	.microsite p {
		width: 80%;
		margin-top: 80px;
	}
	.testimonial {
		position: relative;
		right: inherit;
		left: 10px;
		border-radius: 0;
		width: calc(100% - 60px);
		-webkit-box-shadow: none;
				box-shadow: none;
		margin-top: 40px;
		float: left;
		top: 20px;
	}
	.microsite__content>img {
		display: none;
	}
	.paket-preview>span {
		top: 21px;
	}
	.notizen__card {
		width: calc(100% - 0px);
		padding: 0;
		height: auto;
	}
	.zusammenfassung .merk__item {
		width: 100%;
	}
	.zusammenfassung {
		height: auto;
		padding-bottom: 100px;
		margin-bottom: 280px;
		width: calc(100% - 60px);
		padding: 20px;
	}
	.zusammenfassung #output {
		height: auto;
	}
	.preis__hinweise {
		padding: 10px;
		height: auto;
	}
	body#anfrage .preis__hinweise h3 {
		left: 20px;
	}
	#anfrage main .content {
		max-width: 100vw;
		width: 100vw;
	}
	.success {
		background-image: -o-linear-gradient(top, #fad961 0, #f76b1c 100%);
		top: -100px;
		position: relative;
	}
	.success .brand {
		display: none;
	}
	.success .checkmark__back>path {
		fill: #fff;
	}
	.success h1 {
		color: #fff;
	}
	.success .gesendet .checkmark {
		left: 10px;
	}
	.success .scroll {
		width: 100vw;
		height: auto;
	}
	.success .gesendet__body .info__block:nth-child(1) {
		position: relative;
		width: 80% !important;
		margin: auto;
		height: 30px;
		float: none;
		left: 0;
	}
	.success .gesendet__body .info__block:nth-child(2) {
		margin-left: 70px;
		margin-top: 30px;
	}
	.success .info__block {
		margin-left: 70px;
	}
	.success .scroll:after {
		display: none;
	}
	.success .info__icon img {
		top: inherit;
		left: inherit;
		right: 10px;
		bottom: 10px;
	}
	nav.main-nav.open ul {
		width: calc(100vw - 40px);
		margin: 0;
		height: calc(100vh - 30px);
		left: 10px;
		top: 20px;
		border-radius: 3px;
	}
	.cd-morph-dropdown .main-nav>ul>li>a {
		text-shadow: none;
	}
	.cd-morph-dropdown .gallery .content {
		top: 0;
	}
	.cd-morph-dropdown .morph-dropdown-wrapper {
		top: 260px;
	}
	.cd-morph-dropdown.is-dropdown-visible .dropdown-list {
		width: calc(100% - 20px) !important;
	}
	nav.main-nav.open ul {
		width: calc(100vw - 20px);
		margin: 0;
		height: auto;
		left: 0px;
		top: 20px;
		border-radius: 3px;
	}
	.cd-morph-dropdown .main-nav>ul>li>a {
		text-shadow: none;
	}
	.cd-morph-dropdown .gallery .content {
	width: calc(100% - 20px);
	padding: 10px;
	}
	.cd-morph-dropdown .morph-dropdown-wrapper {
		top: 260px;
	}
	.cd-morph-dropdown.is-dropdown-visible .dropdown-list {
		width: calc(100% - 140px) !important;
		-webkit-transform: translateX(30px);
			-ms-transform: translateX(30px);
				transform: translateX(30px);
	}
	.cd-morph-dropdown .main-nav.open .nav__trigger {
		-webkit-box-shadow: none;
				box-shadow: none;
	}
	.nav__trigger {
		background: #ffffff;
		color: #5f5f5f;
		-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
				box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
		font-size: 28px;
		right: 12px;
		top: 18px;
	}
	.nav__trigger a {
		display: block;
		margin-top: 4px;
	}
	.nav__trigger .ion-navicon-round {
		top: 4px;
		position: relative;
	}
	.cd-morph-dropdown.is-dropdown-visible .main-nav>ul>li.active>a {
		border-left: none;
		color: var(--blau);
	}
	.cd-morph-dropdown .morph-dropdown-wrapper.open {
		display: block;
		position: fixed;
		margin-top: 0;
		top: 90px;
		z-index: 2222;
		left: 130px;
	}
	span.select2.select2-container {
		width: 100% !important;
	}
	.musiktitel h4 {
		text-align: center;
		font-weight: 300;
		font-size: 22px;
	}
	.musiktitel {
		width: 89%;
	}
	section.musikkauf {
		border-radius: 5px 5px 0px 0px;
	}
	.kundenlogo .plyr--full-ui {
		display: block;
		overflow: hidden;
		max-width: -webkit-fit-content;
		max-width: -moz-fit-content;
		max-width: fit-content;
		float: left;
		position: absolute;
		min-width: 30px !important;
		left: -140px;
	}

	#agentur .kundenlogos {
		margin-top: 0px;
	}
	#agentur .kundenlogos .kundenlogo {
		width: calc(50% - 20px);
		float: none;
		margin: auto;
		margin-bottom: 30px;
		float: left;
		background-size: 140px;
		margin-right: 2px;
		margin-left: 14px;
	}
	.kundenlogo .plyr__controls>.plyr__control:first-child {
		width: 30px;
		height: 30px;
		top: 0;
		
	}
	li.player-demo.empfehlung__demo.mix {
		
		padding-bottom: 10px;
		width: calc(100% - 20px);
		margin-bottom: 30px;
	}
	#preise .slogan {
		top: 70px;
		right: 20px;
		height: 230px;
		margin-top: 30px;
	}
	.feature.feature-text.feature__normal h2 {
		/* padding-top: 60px; */
	}
	.feature.feature-musik.feature__normal h2 {
		padding-top: 30px;
	}
	.feature.feature-sprecher .feature__text {
		padding-bottom: 50px;
	}
	.feature.feature-text .feature__text {
		padding-bottom: 60px;
	}
	a.bestellung__cta {
		display: none;
	}
	.headline b {
		font-size: 21px;
		font-weight: bold;
	}
	.headline .cd-intro {
		float: left;
		margin-top: -30px;
		width: 100%;
		left: 0;
	}
	#home .headline h2 {
		margin-top: 20px;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		width: 100%;
		display: block;
		position: relative;
		float: left;
		max-width: 100%;
		margin-top: 20px;
		margin-bottom: 0;
	}
	.headline b {
		text-align: center !important;
		width: 100%;
		display: block;
	}
	.cd-headline {
		float: left;
		margin-top: 0;
		width: 100%;
		display: block;
	}
	span.cd-words-wrapper {

		width: 100% !important;
		text-align: center;
	}
	#home .header {
		height: 450px;
	}
	.link__kacheln {
		width: 100%;
		margin-left: 10px;
	}
	.gimmick {
		top: -150px;
		right: -20px;
	}
	#sprecher main.cd-main-content:after {
		display: none;
	}
	body#text .plyr--audio .plyr__controls {
		margin-left: 20px;
	}
	body#text .demo__container {
		margin-left: 30px;
	}
	#text.ansagetexte .gimmick {
		top: -160px;
		right: -20px;
	}
	body#beispiele .demos__4 .player-demo>span {
		top: 0;
	}
	body#beispiele .demos__4 .player-demo {
		width: calc(100% + 60px) !important;
		left: -10px;
		height: 131px;
		margin: 10px;
		float: left;
		max-width: none;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	#text .slogan {
		display: none;
	}
	.bestellung .adresse>div.col-50 {
		width: 90%;
	}
	form.bestellung {
		height: auto;
		float: left;
		padding-bottom: 140px;
	}
	.kontaktdaten div.telefonnummer {
		width: 100%;
	}
	.bestellung .kontaktdaten div.eMailAdresse {
		width: 100%;
	}
	.bestellung .kontaktdaten>div>div.col-40 {
		width: 60%;
	}
	.com {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: block;
		margin-top: 30px;
		position: relative;
		max-width: 100%;
	}
	.com__content {
		width: 100%;
		margin-top: 120px;
		height: 1000px;
		float: left;
	}
	nav.com__nav {
		width: 100%;
		float: left;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		zop: -80;
		position: absolute;
		top: 110px;
	}
	.com__nav-item {
		width: 50%;
		float: left;
		height: 60px;
	}
	.com__nav-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: unset;
		flex-flow: unset;
		display: block;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
	.com__nav-link {
		left: 0;
		width: 100%;
		padding: 0;
	}
	a.com__nav-link>span {
		height: 100%;
		padding: 4px;
		text-align: center;
	}
	.com__section {
		padding: 0;
		display: block;
	}
	.com__section--text h2 {
		font-size: 40px;
		margin-bottom: 10px;
	}
	.com__section--text p {
		padding: 20px;
	}
	#beispiel main .content {
		left: 0;
		right: 0;
		margin: auto;
		float: none;
	}
	img {}
	#beispiel .microsite h2 {
		font-size: 34px;
		width: 100%;
	}
	.micro__bild {}
	.micro__bild {
		width: 100%;
	}
	.micro__head {
		max-height: 400px;
	}
	.micro__demos {
		position: absolute;
		width: 100%;
		bottom: 30px;
	}
	.player-demo {}
	.microsite p {
		width: 100%;
	}
	.microsite .zitat p {
		margin-top: 30px;
	}
	.inhalt figure.news {
		max-width: 100vw;
		top: -350px;
		height: auto;
		width: 95%;
	}
	a.bb {
		float: left;
		margin-left: 40px;
	}
	img.in-artikel {
		position: relative;
		height: 270px;
		margin-top: 40px;
		border-radius: 5px;
		max-width: 100%;
		height: auto;
	}
	.news__artikel {
		float: left;
		margin-top: 30px;
		width: 100%;
	}
	.single-head {
		height: auto;
	}
	.demos__branche {
		width: calc(100% - 0px);
	}
	.header.cluster {
		padding-left: 0;
		border-radius: 0;
	}
	#anfrage .cd-words-wrapper b {
		left: inherit;
		right: 40px;
		top: -10px;
	}
	.beispiele .intro__text {
		width: calc(100% - 40px);
		margin-top: -20px;
		border-radius: 4px;
	}
	.beispiele .demos__home {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.beispiele .player-demo>span.kat {
		display: none;
	}
	.beispiele .player-demo .plyr--audio .plyr__controls {
		top: 17px;
	}
	.beispiele .demos__4 {
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		width: 100%;
	}
	.speech {
		width: 100%;
		right: 0;
		position: RELATIVE;
	}
	.waiter {
		width: 100%;
		max-width: 100vw;
		width: calc(100% - 80px);
		margin-left: 20px;
	}
	.demos__stil h2 {
		left: 0;
	}
	.ansagen__stil .empfehlung {
		position: absolute;
		bottom: -10px;
		height: 40px;
		text-align: CENTER;
		left: 0;
	}
	.ansagen__stil span {
		background-color: #fff;
		margin-top: 20px;
		position: relative;
		top: 14px;
	}
	#anfrage .dsgvo {
		width: 80%;
		float: left;
		text-align: center;
		height: 100px;
		bottom: 100px;
	}
	body#anfrage div#end__cta {
		display: none;
	}
	body:not(#home) .header .headline>* {
		text-align: CENTER;
	}
	a#Xuserlike-tab {
		display: none;
	}
	#anfrage form .daten .funktion .form__row {
		width: 80%;
	}
	.kontaktdaten div.telefonnummer input {
		width: 80%;
	}
	.kontaktdaten div.eMailAdresse {
		width: 80%;
	}
	.kontaktdaten div.website {
		width: 80%;
	}
	.form__referenzen {}
	form .ssl-info {
		bottom: 40px;
	}
	.formular.anfrage>div.form__end {
		height: 440px;
	}
	section.daten .formular__hinweis {
		top: -80px;
	}
	.papagei-tipp {
		display: none;
	}
	.sprecher__highlight {
		margin-top: 10px;
	}
	body.sprecherDE .header .headline>h1 {
		text-align: center;
		font-size: 36px;
		margin-top: -15px;
		margin-bottom: 10px;
	}
	body.sprecherDE .header .headline>h2 {
		text-align: center;
	}
	.col-30.vert.mehr-info {
		height: 450px;
		overflow: hidden;
	}
	.mehr__trigger {
		position: absolute;
		top: 455px;
		right: 0px;
		font-size: 21px;
		border-bottom: solid 4px;
		border: solid 2px #777;
		padding-bottom: 4px;
		z-index: 9;
		background: #fff;
		border-radius: 5px;
		padding: 10px;
		display: block;
	}
	#sprecher .col-30.vert:after {
		content: '';
		position: absolute;
		height: 120px;
		width: 100%;
		background: -o-linear-gradient(#ffffff05, #f1f2f3);
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff05), to(#f1f2f3));
		background: linear-gradient(#ffffff05, #f1f2f3);
		top: 400px;
	}
	.ansagen__stil .col-50 {
		width: 100%;
	}
	.ansagen__stil .player-demo {
		width: calc(50% - 30px);
	}
	.player-demo .merk__titel {
		bottom: 0;
		top: inherit;
	}
	.ansagen__stil .empfehlung {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		line-height: 2.2;
		bottom: 20px;
	}
	.ansagen__stil {
		padding-bottom: 140px;
	}
	.ansagen__stil span {
		white-space: nowrap;
	}
	.brand__footer {
		width: 100%;
		margin-top: 50px;
	}
	footer .brand__footer a {
		float: none;
		top: 10px;
		border-radius: 5px;
	}
	.cd-tab-filter.geschlecht {
		width: 100%;
		height: auto;
	}
	.international .cd-filter-block.dach {
		width: 100%;
	}
	.demo__filter {
		margin-top: 60px;
	}
	section.home-branche {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.home-branche a.bb {
		float: none;
		margin: auto;
		margin-bottom: 20px;
	}
	section.home__hilfe>div {
		width: calc(100% - 60px);
		margin-top: 120px;
	}
	.hilfe__nav .left {
		width: 100%;
		margin-bottom: 40px;
	}
	.hilfe__nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 90%;
		margin: auto;
	}
	.hilfe__nav .left span {
		margin-top: 10px;
		font-size: 26px;
		text-align: center;
	}
	.hilfe__nav p {
		text-align: center;
	}
	li.flex__item {
		width: 230px;
		height: 60px;
	}
	li.flex__item img {
		float: left;
		margin-top: 10px;
		margin-left: 5px;
	}
	section .flex__item h2 {
		width: 65%;
		float: left;
	}
	ul.accordion {}
	.accordion>div:nth-child(even) {
		width: 100%;
	}
	#suche main .content ul li.spacer {
		height: 100px;
	}
	.accordion>div:nth-child(odd) {
		width: 100%;
	}
	body#suche.hilfe main .content {
		width: 100vw;
	}
	.accordion span {
		text-indent: 0;
		line-height: 1.6;
	}
	body.hilfe .headline {
		padding-top: 50px;
	}
	.hilfe .header .inner {
		height: 200px;
	}
	body.hilfe .header {
		height: 470px;
	}
	body.leistungen .block.noborder {
		margin-top: 60px;
	}
	body.leistungen .split {
		height: AUTO;
		position: relative;
		display: block;
		top: 20px;
	}
	body.leistungen .split .right {
		margin-left: 0;
	}
	body.leistungen .leistungen__grid .leistungen__overview {
		width: 100%;
		margin: 0px;
		border-radius: 0;
		margin-bottom: 30px;
		height: auto;
		overflow: hidden;
		padding-bottom: 50px;
	}
	body.leistungen section#slider {
		max-width: 90vw;
	}
	body.leistungen .leistungen__grid .logo {
		display: none;
	}
	body.leistungen .split .left {
		position: relative;
		top: 100px;
	}
	.link.bestellung {
		margin-top: 120px;
	}
	body#anfrage .header .headline h1 {
		font-size: 36px;
	}
	body#agentur .header .headline h1 {
		font-size: 40px;
	}
	.news .inner {
		width: 100%;
	}
	figure.news .datum {
		top: -7px;
		left: initial;
		right: 0;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		position: ABSOLUTE;
		font-weight: bold;
	}
	.news span.kategorie {
		top: -3px;
		left: 0;
		right: inherit;
		margin-left: 0;
		padding-left: 0;
		color: #fff;
	}
	.news .meta {
		height: 30px;
		bottom: -30px;
		position: relative;
		margin-bottom: 10px;
		border-bottom: solid 1px #fff;
		padding-bottom: 9px;
	}
	.news .demo__container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-flow: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				flex-flow: column;
	}
	.demo__container .player-demo {
		margin-top: 20px;
		width: 230px;
	}
	.news .demo__container>span {
		margin-right: 0;
	}
	.news__links {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		top: -400px;
		width: 90%;
	}
	.news__link {
		width: 100%;
		max-width: 90%;
		margin-bottom: 0;
	}
	.news__link a {
		font-size: 20px;
	}
	section .news__artikel h3 {
		margin-left: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 90%;
		border-bottom: none;
		text-align: center;
		white-space: pre-wrap;
		overflow-wrap: break-word;
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		hyphens: manual;
		word-break: normal;
	}
	section .news__artikel h4 {
		margin-bottom: 20px;
		font-size: 20px;
	}
	section .news__artikel h4,
	section .news__artikel h3 {
		margin-left: 10px;
		max-width: calc(100% - 30px);
	}
	figure.news .news__artikel p img {
		max-width: 100%;
	}
	.news__artikel p a {
		border: none;
	}
	.preis__kachel aside {
		background-position: center -80px;
	}
	.preise__body .preise__DE .col-25:nth-child(n) .preis__kachel {
		-webkit-animation-delay: .1s;
		animation-delay: .1s;
	}
	.home__reinhoeren .innen {
		width: calc(100% - 60px);
		padding: 20px;
	}
	.reinhoer__demos .player-demo .merk__titel {
		margin-right: 30px;
		bottom: inherit;
	}
	.reinhoer__demos .herz-knopf {
		bottom: 18px;
	}
	.reinhoer__demos .player-demo {
		padding-top: 20px;
		height: 60px;
	}
	.news__link a {
		font-size: 20px;
	}
	footer .col-50 {
		width: 100%;
	}
	footer .content {
		max-width: 96vw;
		padding: 10px;
	}
	.pe-richsnippets {
		margin-top: -40px;
	}
	.social {
		height: 330px;
		display: block;
	}
	body#anfrage .preis__kachel {
		left: -20px;
		width: 100%;
		top: -50px;
	}
	.check__style.ansagenpaket {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.ansagenpaket>div:nth-child(2) {
		left: -20px;
	}
	.ansagenpaket .form__field div label {
		top: -4px !important;
	}
	.check__style.ansagenpaket {
		background-size: 200px;
		background-position: right;
	}
	.musik-wahl .kategorie {
		background-size: 300px;
		padding-top: 30px;
		padding-bottom: 20px;
		height: calc(100% - 50px);
		background-position: center;
	}
	.musik-wahl .col-20 {
		height: 260px;
	}
	.musik-wahl .col-40 {
		width: 100%;
	}
	.form__referenzen {
		padding-left: 20px;
		margin-bottom: 30px;
	}
	.tooltip__container {
		position: relative;
	}
	.tooltip__container span {
		position: fixed;
		left: 0 !important;
		top: 0 !important;
		width: calc(100% - 24px);
		-webkit-transform: translateX(0px) translateY(0px);
		-ms-transform: translateX(0px) translateY(0px);
			transform: translateX(0px) translateY(0px);
	}
	.news__artikel ul {
		margin-left: 20px;
	}

	.ansagen__stil.halb {
		padding: 20px;
	}
	.ansagen__stil.halb .inner {
		margin-top: 0;
	}
	.player-demo.multi {
		width: 100%;
	}
	div#userlike {
		display: none !important;
	}
	body.premiumPage .gradient:before {
		display: none;
	}
	.padding50px {
		padding: 25px;
	}
	.ansagen__stil .player-demo .plyr {
		max-width: 100%;
		min-width: auto;
	}
	.ansagen__stil .mini span {
		color: #fff !important;
		padding: 0px 5px;
		background: none;
	}
	.player-demo.multi .plyr__controls .plyr__controls__item:first-child {
		left: 0;
	}
	.player-demo.multi>div.herz-knopf {
		right: -30px;
	}
	.reinhoer__demos .player-demo.multi .plyr__controls .plyr__controls__item:first-child {

	}
	.reinhoer__demos .player-demo.multi span.merk__titel {
		margin-top: 24px;
	}
	.premiumPage .headline {
		padding-top: 5vh;
	}
	.mixer__btns button {
		margin-bottom: 12px;
	}
	.about__kachel#partner img {
		max-width: 310px !important;
		-webkit-hyphens: auto;
			-ms-hyphens: auto;
				hyphens: auto;
	}
	.premiumPage .card-y .cd-headline {
		font-size: 5.5vw;
	}
	.miniSlider {
		display: none !important;
	}
	.cta__link {
		width: 300px;
		padding-top: 30px;
		margin: auto;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

/*** !!! ***/
	#preise .preis__kachel .col-70 {
		padding-top: 100px;
		padding-left: 20px;
		padding-bottom: 30px;
	}
	
	.preis__kachel .textline {
		left: 0;
		right: 0;
		margin: auto;
	}
	
	
	body.premiumPage .player-demo.multi span.kat.details {
		position: relative;
		display: block;
		left: 10px;
		top: 0;
		max-width: 80%;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		-webkit-hyphens: auto;
			-ms-hyphens: auto;
				hyphens: auto;
		margin: auto;
		text-align: center;
	}
	
	body.premiumPage .player-demo.multi .plyr {
		position: relative !important;
		width: 100%;
		margin: auto;
	}
	
	body.premiumPage .player-demo.multi.details {display: -webkit-box;display: -ms-flexbox;display: flex;}
	
	body.premiumPage .player-demo.multi.details span.merk__titel {
		margin-top: 30px;
		font-weight: bold !important;
		width: 100%;
		margin: auto;
		margin-top: 20px;
	}
	
	body.premiumPage .player-demo.multi .plyr__controls .plyr__controls__item:first-child {
		left: auto !important;
	}
	
	body.premiumPage .player-demo.multi>div.herz-knopf {
		top: 20px;
		right: 20px;
	}
	body#home .premium .inner {
		font-size: 18px;
	}
	
	body#home .premium .col-33 {
		width: 100%;
	}
	
	body#home .dark {
		padding-top: 90px;
	}
	
	body#home #ganzeBandbreite .big__head {
		float: none;
		max-width: calc(100% - 40px);
		margin-top: 110px;
		font-size: 30px;
		padding: 20px;
		white-space: pre-wrap;
		-webkit-hyphens: auto;
			-ms-hyphens: auto;
				hyphens: auto;
	}
	
	body#home #ganzeBandbreite .owl-carousel.owl-theme.owl-loaded.owl-drag {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
	
	body#home .owl-carousel.owl-drag .owl-item {
		background: #f0f2fe;
		padding-bottom: 40px;
	}
	
	body#home .big-slider .item {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		display: block;
	}
	
	body#home a.to__news {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		padding-bottom: 20px;
	}
	
	body#home .to__news i.ion-ios-paper {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	
	
	body#home .news-snippet article.artikel {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		margin: auto;
		/* float: none; */
		margin-bottom: 20px;
	}
	
	body#home article.artikel .datum {
		background: #fff;
	}
	
	body#home article.artikel p {
		width: 90%;
		padding-bottom: 40px;
	}
	
	body#home .premium__body {
		width: 90%;
	}
	
	body#home .premium__body>div {
		left: 0;
	}
	
	body#home section.home__hilfe>div:after {
		right: 0;
	}
	
body#home .intro__wrapper {
		width: calc(100% - 20px);
	}
	
	body#home div#intro {
		left: 0;
		width: calc(100% - 45px);
	}
	.demos__branche .buttonPrimary {
		margin: auto;
		position: relative;
		display: block;
		margin-bottom: 20px;
		padding: 20px;
		text-align: center;
	}
	
	.demos__branche .beispiele .player-demo>span.kat {
		display: block;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		position: RELATIVE;
		top: 0;
		max-width: calc(100% - 110px);
	}
	
	.demos__branche .player-demo.multi.details span.merk__titel {
		margin-top: 20px;
	}
.synchron-text .text__block {
		max-width: calc(100% - 80px);
		display: block;
		position: relative;
		padding: 30px;
		margin: auto;
	}
	
	body.synchronsprecher section .synchron-text  h2 {
		font-size: 30px !important;
	}
	
	
	body.synchronsprecher h2.blue:after {
		display: none;
	}
	
	.synchron-text p {
		font-size: 19px;
	}
body.leistungen .split .left {
		width: calc(100% - 40px);
		left: auto;
		right: auto;
		margin: 20px;
		padding-bottom: 5px;
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
		top: 0;
	}
	
	.col-50.scaleVideo.scaleTwo {
		position: relative;
		margin: auto;
		margin-top: 0 !important;
		padding: 10px;
		height: 230px;
		float: none;
	}
	
	.col-50.scaleVideo.scaleTwo iframe {
		width: 100%;
		height: auto;
	}
	.preis__pakete .preis__hinweise {
		width: calc(100% - 20px);
	}
	
	.preis__pakete .preis__hinweis {
		margin: auto;
		margin-bottom: 20px;
	}
	.feature .feature__text {
			padding-bottom: 50px;
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
		-webkit-hyphens: auto;
			-ms-hyphens: auto;
				hyphens: auto;
	}
	#home .headline h1 {
		font-size: 36px !important;
	}
	.demos__branche .player-demo.multi .plyr {
		position: relative;
	}
	
	.ansagen__stil .player-demo {
		width: 100%;
	}
	.pe-pro-seal.pe-pro-seal-ready {
		display: none;
	}
	.zahlungsweise > div > label {
		width: calc(100% - 24px) !important;
		height: 60px !important;
	}
	
	.step-2 form.bestellung .formular>section.daten {
		padding: 10px;
	}
	
	.zahlungsweise > div > label:before {
		left: 0;
		-webkit-transform: scale(0.7);
			-ms-transform: scale(0.7);
				transform: scale(0.7);
	}
	
	div[data-freeform-hcaptcha-container], div[data-freeform-recaptcha-container] {
		height: 0 !important;
	}
	section.musikkauf {
		width: calc(100% - 0px);
	}
	
	.formular.paypal .musiktitel {
		width: calc(100% - 40px);
	}
	
	.formular.paypal .kauf__hinweis {
		width: calc(100% - 60px);
	}
	
	.tooltip__container span b {
	}
	
	body:not(.musik-buy) form.bestellung .formular>section .bestell__step {
		display: none;
	}
	
	section.daten>div.eingabe {
		width: 100%;
	}
	.link {
		margin: 10px;
	}
	
	.link__kacheln.wide {
		width: calc(100% - 0px);
		margin: 0;
	}
	#beispiel .grid {
		width: 100%;
	}
	
	#demoIndividuel .player-demo.multi.details {
		margin: 0;
		margin-bottom: 10px;
	}
	
	#demoIndividuel .player-demo.multi .plyr {
		min-width: 0;
	}
	
	#beispiel .player-demo.multi.details span.merk__titel {
		text-align: left;
	}
	
	.largeP h2 {
		padding-left: 0;
	}
	.link__kacheln {
		margin: 0;
	}
	.content .scrolly {
		overflow: hidden;
	}
	.demos__stil {
		width: 100%;
	}
	
	.ansagen__stil {
		margin: 10px;
	}
	
	#ansagenStil .padding50px {
		padding: 10px;
	}
	
	.ansagen__stil .mini span {
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		max-width: 180px;
		display: block;
		overflow: hidden;
	}
	.demo__body {
		width: calc(100% - 0px);
		left: 0px;
	}
	
	.ansagen__stil h3 {
		font-size: 2rem;
	}
.gesendet {
	margin-top: 0;
-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding-top: 60px;
	padding-bottom: 50px;
}
		.gesendet h1 {
								font: 600 51px/1 'sofia-pro', sans-serif;
								left: 0;
								position: relative;
								color: #fff;
								text-align: left;
							}
			
							svg.checkmark__back path {
								fill: #fff;
							}
	
	.scroll {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		max-width: 100%;
	}
	
	.scroll:after {
		position: absolute;
		display: none;
	}
	
	.gesendet__body .info__block:nth-child(1) {
		width: calc(100% - 40px) !important;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		position: relative;
		left: inherit;
	}
	
	.gesendet__body .info__block:nth-child(2) {
		margin-left: auto;
	}
	
	.info__block {
		width: 170px !important;
		height: 230px;
	}
	.gesendet h1 {
		text-align: center;
	}
	
	.gesendet .checkmark {left: inherit;}
	.badges {
		margin-top: -50px !important;
		margin-bottom: 20px;
	}


	.wolkano .icon {
		width: 100px !important;
	height: 100px !important;
	top: -10px !important;
	right: 0 !important;
	-webkit-filter: none !important;
			filter: none !important;
	}
	
	.card-y.noch-fragen {
		margin-top: 30px;
		margin-bottom: 110px;
	}
	.ansagen__stil .player-demo.mini {
		height: 110px;
		margin-bottom: 70px;
		
	}
	body.premiumPage .ansagen__stil .gradient .player-demo:has(.plyr--playing) span:nth-child(1):before {
		display: none;
	}
	img.sitting {
		display: none;
	}
	.accordion span {
		font-weight: bold;
	}
	
	li.flex__item {
		width: calc(100% - 30px);
	}
	
	.hilfe__nav a {
		width: 100%;
	}
	
	li.flex__item i {
		margin-top: 1px;
	}
	
	#suche main .content ul li.spacer {
		width: calc(100% - 40px);
		margin: auto;
		margin-top: 190px;
		float: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		background: none;
		margin-bottom: -200px;
	}
	
	#suche.hilfe main .content section h2 {
		color: #333;
	}
	
	
	
	.accordion h2:before {
		content: '';
		background: var(--gradient);
		height: 5px;
		width: 230px;
		display: block;
		margin: auto;
		margin-bottom: 20px;
	}
	
	#suche main .content ul li.faqli {
		margin: auto;
		margin-bottom: 20px;
		width: calc(100% - 40px);
		float: none;
	}
	
	.accordion li.faqli ul>li a {
		color: var(--blau);
		text-decoration: none;
		font-weight: bold;
	}
	
	.faqli.active>div ul {
		margin-top: 22px;
		margin-bottom: 22px;
		line-height: 1.2;
	}
	
	ul {}
	
	.accordion>div:nth-child(odd) {
		width: calc(100% - 0px);
		padding: 0;
	}
	
	.accordion>div:nth-child(even) {
		width: calc(100% - 0px);
		padding: 0;
	}
	.ansagen__stil h3 {
		font-size: 2.2rem;
	}
	.preis__kachel.individuell>div>h3 {
		-webkit-hyphens: auto;
			-ms-hyphens: auto;
				hyphens: auto;
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	#preise .preis__kachel .col-70 {
		width: calc(100% - 0px);
		padding: 0;
		margin-top: 120px;
		float: none;
	}
	
	.preis__kachel.individuell>div>h3 {
		text-align: center;
		color: #333;
		font-size: 2rem;
		line-height: 1.2;
		font-weight: 900;
		border: none;
		margin-bottom: 20px;
		padding-left: 0;
	}
	
	.individuell p {
		padding: 0;
		font-size: 17px;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.individuell .price_content {
		margin-bottom: 30px;
	}
	
	.unser__service {
		margin: auto;
		max-width: calc(100% - 40px);
		border-radius: 4px;
	}
	
	.telefon__preise {
		background: var(--blau);
		width: calc(100% - 40px);
		margin-top: 40px;
		border-radius: 4px;
	}
	
	.paket__head h2 {
		background: #fff;
		color: #333;
		font-weight: 900;
		font-size: 2.4rem;
		text-align: center;
		width: calc(100% - 40px);
		margin: 10px;
	}
	
	.paket__head h2 span {
		display: block;
		position: absolute;
		margin-top: 20px;
		text-align: center;
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -40px;
	}
	
	.preis__pakete .preis__toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: left;
		margin-top: 50px;
		position: relative;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	
	a.schweizer__preise {width: calc(100% - 134px);left: 0;right: 0;padding-left: 40px;line-height: 1;max-height: 40px;line-height: 2.2em;font-size: 17px;margin-top: 10px;}
	
	a.premium__preise {
		width: calc(100% - 130px);
		float: left;
		max-height: 40px;
		line-height: 2.2em;
		font-size: 17px;
		margin-top: 10px;
		top: -80px;
	}
	
	a.deutsche__preise {
	
	}
		
		.preis__kachel.individuell>
		div>h3 {
		-webkit-hyphens: auto;
			-ms-hyphens: auto;
				hyphens: auto;
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	#preise .preis__kachel .col-70 {
		width: calc(100% - 0px);
		padding: 0;
		margin-top: 120px;
		float: none;
	}
	
	.preis__kachel.individuell>
		div>h3 {
		text-align: center;
		color: #333;
		font-size: 2rem;
		line-height: 1.2;
		font-weight: 900;
		border: none;
		margin-bottom: 20px;
		padding-left: 0;
	}
	
	.individuell
		p {
		padding: 0;
		font-size: 17px;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.individuell .price_content {
		margin-bottom: 30px;
	}
	
	.unser__service {
		margin: auto;
		max-width: calc(100% - 40px);
		border-radius: 4px;
	}
	
	.telefon__preise {
		background: var(--blau);
		width: calc(100% - 40px);
		margin-top: 40px;
		border-radius: 4px;
	}
	
	.paket__head
		h2 {
		background: #fff;
		color: #333;
		font-weight: 900;
		font-size: 2.4rem;
		text-align: center;
		width: calc(100% - 40px);
		margin: 10px;
	}
	
	.paket__head
		h2 span {
		display: block;
		position: absolute;
		margin-top: 20px;
		text-align: center;
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -40px;
	}
	
	.preis__pakete .preis__toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: left;
		margin-top: 100px;
		position: relative;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	a.deutsche__preise {
		width: calc(100% - 134px);
		left: 0;
		right: 0;
		padding-left: 40px;
	}
	
	
	
	img {}
	
	.preis__pakete .preis__toggle > a img {
		background-color: #fff;
		border-radius: 50%;
		padding: 7px;
		left: -31px;
		top: -3px;
		border: solid 2px black;
	}
	
	.preis__kachel aside {
		width: calc(100% - 0px);
	}
	
	.preise__body .preise__DE .col-25:nth-child(n) .preis__kachel {
		width: calc(100% - 105px);
		min-height: -webkit-fit-content;
		min-height: -moz-fit-content;
		min-height: fit-content;
	}
	
	.preis__pakete .preis__hinweis {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		line-height: 1;
		-webkit-box-align: baseline;
			-ms-flex-align: baseline;
				align-items: baseline;
		background: #fff;
		border: none;
		max-width: calc(100% - 100px);
		float: none;
	}
	
	.preis__pakete .preis__hinweise {
		margin-top: 10px !important;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	.musik__preise .preis__kachel {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		min-height: -webkit-fit-content;
		min-height: -moz-fit-content;
		min-height: fit-content;
		padding-bottom: 70px;
		background: none;
	}
	
	.preis__kachel.wow.animated {}
	
	.musik__preise .price_content li {
		color: #333;
		text-align: left;
	}
	
	.musik__preise span.preis {
		color: #333;
		font-size: 34px;
		right: 10px;
		bottom: 10px;
		font-weight: 900;
	}
	#news__uebersicht article.artikel {
		width: calc(100% - 20px);
	}
	.single-head {
		margin: auto;
		left: 0;
		right: 0;
		width: calc(100%  - 80px);
		float: none;
		margin-top: 0px;
		z-index: 2;
	}
	.feature-sprecher a.feature__link {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		right: 50px;
	}
	
	a.feature__link {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		right: 50px;
	}
	
	.sprecher__highlight .player-demo.multi .plyr {
		w: 100px;
		width: 90px;
		min-width: -webkit-fit-content;
		min-width: -moz-fit-content;
		min-width: fit-content;
	}
	
	.sprecher__highlight {width: 100%;padding: 0;margin: auto;border-radius: 4px;-webkit-box-shadow: none;box-shadow: none;margin-top: 130px;padding-top: 60px;}
	
	.sprecher__highlight>div>span {
		left: 0px;
		margin-top: 10px;
	}
	
	.player-demo.multi {
		left: 0;
	}
	
	.sprecher__highlight>div[class*="highlight"] {
		padding: 10px;
		margin-bottom: 0px;
	}
	
	.sprecher__highlight>span {
		height: 40px;
		font-weight: 900;
		font-size: 28px;
		border-top: solid 4px #333;
		border-radius: 0;
		padding-top: 30px;
		top: -40px;
		background: var(--gruen);
	}
	
	.reinhoer__demos .player-demo.multi span.merk__titel {
		margin-top: -30px;
	}
	
	.player-demo.multi>div.show__item {
		bottom: 40px;
		right: 0;
	}
	
	.note.open {
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.note.open {
		width: calc(94vw - 40px);
		margin: auto;
		margin-top: 20px;
		-webkit-transition: .3s ease-in;
		-o-transition: .3s ease-in;
		transition: .3s ease-in;
		right: 0;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
	
	.note {
		background: #ffffff1a;
		-webkit-backdrop-filter: blur(11px);
				backdrop-filter: blur(11px);
		right: 0;
		left: 0;
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
		width: calc(90vw - 40px) !important;
		border: solid 3px #333;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.note span.big {
		width: calc(100% - 50px);
		background: no-repeat;
	}
	
	.hinweis {
		background: none;
		margin-top: 60px;
		width: 290px;
	}
	
	.hinweis span.herz {
		left: 0;
		height: 30px;
		width: 30px;
		top: 20px;
	}
	
	a.merkzettel__link {
		padding: 12px 6px;
		background: #ffffff5c;
		-webkit-backdrop-filter: invert(1) blur(3px);
				backdrop-filter: invert(1) blur(3px);
		font-weight: 900;
		color: #333;
	}
	
	.opennote.active .trigger {
		background-size: 50px;
	}
	
	.opennote {
		
		width: 130px;
	}
	
	.merkzettel__anfrage {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	

	nav.main-nav.open ul {
		-webkit-backdrop-filter: blur(11px) brightness(1.05);
				backdrop-filter: blur(11px) brightness(1.05);
		background: #ffffff98;
		margin-top: -15px;
		border-radius: 4px;
		padding-bottom: 40px;
		-webkit-box-shadow: none;
				box-shadow: none;
		padding-top: 80px;
		margin: 0;
		top: 0;
		}
	
	.cd-morph-dropdown .main-nav.open .nav__trigger {
		width: 60px;
		height: 60px;
	}
	
	.nav__trigger {
		width: 60px;
		height: 60px;
	}
	
	.cd-morph-dropdown .main-nav .nav__trigger a {
		font-size: 40px;
		margin-top: 0px;
		width: 100%;
		height: 100%;
	}
	
	i.fa-solid.fa-bars {
		margin-top: 10px;
	}
	
	.cd-morph-dropdown.is-dropdown-visible .main-nav>ul>li>a {
		text-align: left;
		font-weight: bold;
		opacity: 1;
		/* text-transform: uppercase; */
		font-weight: 900;
		font-size: 22px;
	}
	
	
	
	.cd-morph-dropdown.is-dropdown-visible .main-nav>ul>li>a {
		padding-left: 10px;
		border: none;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		position: relative;
		display: block;
		padding: 10px 20px;
		font-weight: 500;
		padding-left: 0;
		font-size: 21px;
	}
	
	
	
	.main-nav.open i.fa-solid.fa-bars:before {
		content: '\f00d'
	}
.big__head {max-width: calc(100% - 80px);margin: auto;float: none;}
	
	section.testimonials {
		margin-top: -100px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
	
	section.testimonials .item__content>div:nth-of-type(1) {
		height: 40px;
		margin-left: 0;
		margin-bottom: 20px;
	}
	
	.premium span {
		width: 100%;
	}
	
	.premium b {
		width: 100%;
	}
	
	.head {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin: auto;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		padding-bottom: 40px;
		border-width: 6px;
	}
	
	#newsSnippet a.bb.fancy-border {
		margin-left: 0;
		margin-bottom: 30px;
	}
	
	body#home #ganzeBandbreite .big__head {
		margin-top: -30px;
		border-radius: 4px;
		margin-bottom: 30px;
	}
	
	.slides .icon {
		background: #fff;
		margin-top: 30px;
		border-radius: 8px;
	}
	
	.slides .txt {
		width: calc(100% - 0px);
		padding: 0;
	}
	
	.slides p {
		width: 100%;
		display: block;
	}
	

	
	#site-content {
		-webkit-box-shadow: none;
				box-shadow: none;
	}
	#suche main .content ul li.spacer {
		margin-top: 20px !important;
		margin-bottom: 30px !important;
	}
	#agentur.wir h1 {
		margin-top: 140px;
		color: #333;
		font-weight: 900;
		font-size: 2rem;
	}
	
	.about__kachel#partner .inner h2:nth-child(1) {
		font-size: 2rem;
	}

	.cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a::after {
		content: '\f054';
		position: absolute;
		display: block;
		top: 12px;
		bottom: 0;
		margin: auto;
		left: 110px;
		font-family: "Font Awesome 6 Pro";
	}
.cd-morph-dropdown .gallery .content a i {
		height: 42px;
	}
	
	.cd-morph-dropdown .gallery .content li {
		width: calc(100% - 40px) !important;
		margin-bottom: 10px;
	}
	
	.cd-morph-dropdown .gallery .content a span {
		float: left;
	}
	
	.cd-morph-dropdown .dropdown-list>ul>li {
		margin-bottom: 30px;
	}
}
	@media screen and (min-width: 400px) {
					.masonry {
						-webkit-column-count: 1;
						-moz-column-count: 1;
						column-count: 1;
					}
				}
				
				@media screen and (min-width: 600px) {
					.masonry {
						-webkit-column-count: 1;
						-moz-column-count: 1;
						column-count: 1;
					}
				}
				
				@media screen and (min-width: 800px) {
					.masonry {
						-webkit-column-count: 2;
						-moz-column-count: 2;
						column-count: 2;
					}
				}
				
				@media screen and (min-width: 1100px) {
					.masonry {
						-webkit-column-count: 3;
						-moz-column-count: 3;
						column-count: 3;
					}
				}
				@media only screen and (min-width: 768px) {
					.gesendet__body {
						max-width: 980px;
						margin: auto;
						padding: 20px;
						background: #fff;
						border-radius: 5px;
						-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
								box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
						top: -110px;
						position: relative;
					}
					.scroll {
						width: calc(100% - 30px);
						position: relative;
						overflow: initial;
						margin-left: 30px;
					}
					.scroll-container {
						position: relative;
						overflow: auto;
					}
					.gesendet {
						max-width: 980px;
						height: auto;
						margin: auto;
						margin-top: 50px;
						margin-bottom: 40px;
						border-radius: 10px;
						background: none;
						margin-top: 0px;
						padding-top: 60px;
						padding-left: 310px;
					}
					svg.checkmark__back path {
						fill: #fff;
					}
					.gesendet h1 {
						font: 600 71px/1 'sofia-pro', sans-serif;
						left: -130px;
						position: relative;
						color: #fff;
					}
					.scroll:after {
						position: absolute;
						right: 210px;
						display: none;
					}
					.info__block:nth-child(5) {
						margin-left: 150px;
					}
					.info__block:nth-child(3) {
						margin-left: 10px;
					}
					.info__text {
						float: left;
					}
					.info__block {
						float: left;
						position: RELATIVE;
						display: block;
						background: #f5f5f5;
					}
					.gesendet__body .info__block:nth-child(2) {
						margin-left: 150px;
					}
					.success {
						position: RELATIVE;
						top: auto;
						display: block;
						background-image: -o-linear-gradient(top, #FAD961 0%, #F76B1C 100%);
						background-image: -webkit-gradient(linear, left top, left bottom, from(#FAD961), to(#F76B1C));
						background-image: linear-gradient(-180deg, #FAD961 0%, #F76B1C 100%);
					}
					body.submitted .success {
						display: block;
					}
					.info__icon {
						float: left;
						width: 30px;
						height: 30px;
						display: inline-block;
						position: relative;
					}
					.brand {
						display: none;
					}
					#user-hub .info__icon {
						margin-right: 10px;
						position: absolute;
						right: 10px;
					}
					
					.info__block {
						margin-left: 10px;
						height: 170px;
					}
					.gesendet__body .info__block:nth-child(1) {
			position: relative;
					height: -webkit-fit-content;
					height: -moz-fit-content;
					height: fit-content;
					left: 0;
					width: 220px !important;
					}
					
					
					
					.gesendet__body .info__block:nth-child(1)::after {
						content: '';
						background: url(/brand/Illustrationen/arrow.png);
						width: 100%;
						height: 130px;
						display: block;
						position: absolute;
						bottom: -140px;
						left: 0;
						background-size: 100%;
						background-repeat: no-repeat;
					}
					.gesendet__body {
			max-width: 1320px;
					margin: auto;
					padding: 0px;
					background: none;
					border-radius: 5px;
					-webkit-box-shadow: none;
					box-shadow: none;
					top: -110px;
					position: relative;
					max-width: 1200px;
					margin: auto;
					position: relative;
					}
					.gesendet__body .info__block:nth-child(2) {
						margin-left: 10px;
					}
					@-webkit-keyframes img-shift {
						0% {
							-webkit-transform: translateY( 400px);
							transform: translateY( 400px);
							opacity: 0;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						}
						40% {
							-webkit-transform: translateY(0);
							transform: translateY(0);
						}
						100% {
							-webkit-transform: translateY(-370px);
							transform: translateY(-370px);
							opacity: 1;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						}
					}
				}
				
				@media(max-width:1000px) {
					.owl-carousel.fancy .item {
						margin: 0;
						-webkit-transform: scale(.9);
						-ms-transform: scale(.9);
							transform: scale(.9)
					}
				}
				@media only screen and (max-width: 767px) {
					.news .artikel a.les-mehr {
						opacity: 1;
					}
					
					.ion-help-circled:before {
						margin-left: -20px;
					}
				}
				@media only screen and (min-width: 768px) {
					article.artikel:hover a.les-mehr {
						-webkit-transform: translateY(0) translateZ(0);
						transform: translateY(0) translateZ(0);
						opacity: 1;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						-webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1) .15s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1) .15s;
						transition: opacity .5s cubic-bezier(.19, 1, .22, 1) .15s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1) .15s;
						-o-transition: transform .5s cubic-bezier(.19, 1, .22, 1) .15s, opacity .5s cubic-bezier(.19, 1, .22, 1) .15s;
						transition: transform .5s cubic-bezier(.19, 1, .22, 1) .15s, opacity .5s cubic-bezier(.19, 1, .22, 1) .15s;
						transition: transform .5s cubic-bezier(.19, 1, .22, 1) .15s, opacity .5s cubic-bezier(.19, 1, .22, 1) .15s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1) .15s;
					}
				}
				@media (max-width: 768px) {
					.waves {
						height: 40px;
						min-height: 40px;
					}
					body.wiki .textAbschnitt {
						width: -webkit-fill-available;
					}
					
				}
				@media (max-width: 480px) {
				#preHeader {
				display: none;
				}
			}
	@media only screen and (min-width:960px) {
		/* styles for browsers larger than 960px; */
	}
	
	@media only screen and (min-width:1440px) {
		/* styles for browsers larger than 1440px; */
		.demo__container {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		}
		.highlight__demos .demo__container {
			display: block !important;
		}
		.highlight__demos .demo__container .player-demo {
			margin: 10px !important;	
		}
		.demo__container .player-demo {
			margin: auto;
		}
		body.premiumPage .gradient>div {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: baseline;
			-ms-flex-pack: baseline;
			justify-content: baseline;
			height: calc(100% - 240px);
			padding-bottom: 90px;
			padding-right: 50px;
			padding-left: 150px;
		}
		body.premiumPage .gradient:before {
			display: none;
		}
		body.premiumPage .gradient {
			-webkit-clip-path: ppolygon(5% 0%, 100% 0, 100% 100%, 0% 100%, 10% 50%);
			clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%, 10% 50%);
			right: -1px;
		}
		.spidercontainer {
			overflow: hidden;
			float: left;
			position: absolute;
			left: 85px;
			bottom: -237px;
			height: 340px;
			width: 320px;
			-webkit-transform: scale(0.4);
			-ms-transform: scale(0.4);
				transform: scale(0.4);
			display: -webkit-box !important;
			display: -ms-flexbox !important;
			display: flex !important;
		}
		.spidercontainer:hover .spider {
			top: -400px;
			-webkit-transition: 1s ease-in-out;
			-o-transition: 1s ease-in-out;
			transition: 1s ease-in-out;
		}
		.spider {
			display: inline-block;
			-webkit-transform: translateY(0%);
			-ms-transform: translateY(0%);
				transform: translateY(0%);
			-webkit-transition: 1s ease-in-out;
			-o-transition: 1s ease-in-out;
			transition: 1s ease-in-out;
			-webkit-animation: swing 2s infinite;
			animation: swing 2s infinite;
			-webkit-transform-origin: top;
			-ms-transform-origin: top;
				transform-origin: top;
			margin: auto;
			right: 0;
			top: 0;
			margin: auto;
			position: relative;
		}
		.spiderweb {
			width: 3px;
			height: 230px;
			margin-left: 49px;
			background-color: rgba(0, 0, 0, 0.7);
			top: -30px;
			position: relative;
			margin-bottom: -30px;
		}
		.spiderbody {
			width: 100px;
			height: 80px;
			position: relative;
			border-radius: 50%;
			background-color: black;
		}
		.eye {
			width: 33.3333333333px;
			height: 33.3333333333px;
			position: absolute;
			bottom: 20px;
			background-color: white;
			border-radius: 50%;
		}
		.eye:after {
			width: 6.6666666667px;
			height: 6.6666666667px;
			content: "";
			display: block;
			margin: 55%;
			background-color: black;
			border-radius: 50px;
			-webkit-animation: look 8s infinite;
			animation: look 8s infinite;
		}
		.eye.left {
			left: 14.2857142857px;
		}
		.eye.right {
			right: 14.2857142857px;
		}
		.legs {
			position: absolute;
			bottom: -10%;
			z-index: -1;
		}
		.legs.left {
			left: -70%;
		}
		.legs.right {
			right: -60%;
		}
		.leg {
			width: 80px;
			height: 40px;
			margin-top: -20px;
			border: 5px solid transparent;
			border-top-color: black;
			border-radius: 50%/40px 40px 0 0;
		}
		.legs.left .leg:nth-child(1) {
			-webkit-transform: rotate(10deg);
			-ms-transform: rotate(10deg);
				transform: rotate(10deg);
			margin-left: 10px;
		}
		.legs.right .leg:nth-child(1) {
			-webkit-transform: rotate(-10deg);
			-ms-transform: rotate(-10deg);
				transform: rotate(-10deg);
			margin-left: -10px;
		}
		.legs.left .leg:nth-child(2) {
			-webkit-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
				transform: rotate(-20deg);
			margin-left: 20px;
		}
		.legs.right .leg:nth-child(2) {
			-webkit-transform: rotate(20deg);
			-ms-transform: rotate(20deg);
				transform: rotate(20deg);
			margin-left: -20px;
		}
		.legs.left .leg:nth-child(3) {
			-webkit-transform: rotate(-50deg);
			-ms-transform: rotate(-50deg);
				transform: rotate(-50deg);
			margin-left: 30px;
		}
		.legs.right .leg:nth-child(3) {
			-webkit-transform: rotate(50deg);
			-ms-transform: rotate(50deg);
				transform: rotate(50deg);
			margin-left: -30px;
		}
		@-webkit-keyframes swing {
			0% {
				-webkit-transform: translateY(0);
				transform: translateY(0);
			}
			50% {
				-webkit-transform: translateY(-20px);
				transform: translateY(-20px);
			}
			100% {
				-webkit-transform: translateY(0);
				transform: translateY(0);
			}
		}
		@keyframes swing {
			0% {
				-webkit-transform: translateY(0);
				transform: translateY(0);
			}
			50% {
				-webkit-transform: translateY(-20px);
				transform: translateY(-20px);
			}
			100% {
				-webkit-transform: translateY(0);
				transform: translateY(0);
			}
		}
		@-webkit-keyframes look {
			0% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
			}
			40% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
			}
			45% {
				-webkit-transform: translateX(-110%);
				transform: translateX(-110%);
			}
			95% {
				-webkit-transform: translateX(-110%);
				transform: translateX(-110%);
			}
			100% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
			}
		}
		@keyframes look {
			0% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
			}
			40% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
			}
			45% {
				-webkit-transform: translateX(-110%);
				transform: translateX(-110%);
			}
			95% {
				-webkit-transform: translateX(-110%);
				transform: translateX(-110%);
			}
			100% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
			}
		}
		.ansagen__stil .player-demo.mini {
			max-width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: start;
				-ms-flex-pack: start;
					justify-content: start;
			vertical-align: middle;
		}
		
		body.premiumPage .ansagen__stil .player-demo span:nth-child(2) {
			background: rgb(255 255 255 / 53%);
			border-radius: 20px;
			font-size: 1.4rem;
			text-align: left;
			padding: 20px;
			font-weight: bold;
			width: 100%;
		}
		
	}
	
	@media only screen and (min-width:2000px) {
		/* for sumo sized (mac) screens */
	}
	
	@media only screen and (max-device-width:360px) {
		.cd-headline.zoom .cd-words-wrapper {
			display: none;
		}
		.individuell p {
			padding: 10px;
		}
	}
	
	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
		.max {
			max-width: 90vw;
		}
		nav {
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
		}
		.navigation #logo {
			width: 80px;
		}
		nav li {
			padding: 0;
		}
		.cd-morph-dropdown .main-nav>ul>li>a {
			padding: 10px;
			padding-top: 7px;
			padding-right: 12px;
		}
		.header .inner {
			max-width: 90vw;
		}
		.kunden__snippet {
			width: calc(100% - 40px);
		}
		#end__cta {
			width: 100%;
		}
		.cd-morph-dropdown .morph-dropdown-wrapper {
			margin-left: 0;
		}
		.demos__home {
			position: relative;
			bottom: 0;
			left: 0;
			width: 90vw;
			top: -30px;
		}
		#home .demos__home .player-demo {
			width: 150px;
			height: 80px;
		}
		#home .gimmick {
			top: -107px;
		}
		#intro {
			max-width: 100vw;
			height: 600px;
			border-radius: 0;
			-webkit-box-shadow: none;
					box-shadow: none;
		}
		.col-33 {
			width: 50%;
		}
		.intro__wrapper>svg {
			width: 100vw;
			-webkit-transform: scale(1.4);
			-ms-transform: scale(1.4);
				transform: scale(1.4);
			top: 20px;
			position: relative;
		}
		.navigation .logo {
			width: 80px;
		}
		.synchronsprecher .player-demo.big {
			width: 120px;
		}
		.fancy__kachel {
			margin-bottom: 30px;
		}
		.fancy__kachel.info.merkbar.klein {
			min-height: 480px;
		}
		section.flex.synchon-small {
			padding-bottom: 120px;
		}
		#sprecher.synchronsprecher main .content {
			width: 100%;
		}
		.link.bestellung a:after {
			bottom: -78px;
			top: inherit;
			border-radius: 0 0 4px 4px;
		}
		.col-33.special__rocket {
			width: calc(100% + 40px);
			margin-top: 70px;
			padding-left: 50px;
			padding-top: 40px;
			left: -40px;
			position: relative;
			height: 200px;
			background: #f9b24b;
			background-image: -o-linear-gradient(top, #FAD961 0%, #F76B1C 100%);
			background-image: -webkit-gradient(linear, left top, left bottom, from(#FAD961), to(#F76B1C));
			background-image: linear-gradient(-180deg, #FAD961 0%, #F76B1C 100%);
		}
		#intro .symbol {
			width: 190px;
			float: left;
		}
		.col-33.special__rocket>* {
			float: left;
			width: calc(100% - 230px);
		}
		.rocketcontainer {
			width: 170px;
		}
		.special__rocket h3,
		#intro .special__rocket p {
			color: #fff;
		}
		.intro__wrapper {
			margin-bottom: 0;
		}
		section.bg {
			height: 510px;
		}
		text {
			font-family: inherit;
		}
		.bg svg {
			left: -150px;
		}
		.bg .col-66 {
			margin-top: 230px;
			float: left;
			width: 100%;
		}
		section.bg h2 {
			margin-left: 30px;
		}
		section.bg p {
			width: 500px;
			margin-left: 60px;
			font-weight: 300;
		}
		#intro .col-100 {
			margin-bottom: 0px;
		}
		.textblock {
			border-radius: 0;
			margin-top: 0;
		}
		.dark {
			max-width: 100vw;
			border-radius: 0;
		}
		.premium {
			width: 90%;
		}
		.premium .col-33 {
			width: calc(100% / 3);
		}
		.premium .inner {
			height: 120px;
		}
		#home .news-snippet {
			width: calc(100% - 40px);
			border-radius: 0;
		}
		#home .news-snippet>h3 {
			margin-bottom: 40px;
		}
		.slides .slide {
			max-width: 340px;
		}
		.slides .txt {
			max-width: 90%;
			padding: 20px;
		}
		section#slider {
			max-width: 96%;
		}
		.slide h3 {
			font-size: 17px;
			line-height: 1.2;
		}
		.slides p {
			font-size: 14px;
		}
		body.main .demos__home,
		#sprecher .demos__home {
			top: -237px;
			margin-bottom: -130px;
		}
		body.main .demos__home .gimmick {
			top: -97px;
			z-index: 1;
		}
		#sprecher .content__block .content {
			width: 94vw;
		}
		.link {
			width: 280px;
		}
		.col-30 .intro.info:nth-child(1) {
			width: calc(60% - 110px);
			margin-right: 20px;
			height: 300px;
		}
		.col-30.vert {
			width: 100%;
			margin-bottom: 30px;
			margin-top: -130px;
		}
		.col-30 {
			width: 100%;
			margin-bottom: 30px;
		}
		.col-30 .intro.info:nth-child(2) {
			width: calc(40% - 70px);
			margin-right: 0;
			height: 300px;
		}
		.intro.info img {
			width: 100px;
		}
		.col-70 {
			width: 100%;
		}
		.demo__body .player-demo {
			width: 190px;
		}
		body#sprecher .demo__body .player-demo h3 {
			left: 50px;
		}
		.demo__filter .geschlecht li {
			margin-bottom: -7px;
		}
		#musik main .content {
			width: 90vw;
		}
		body.main .demos__4 {
			-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
			scroll-behavior: smooth;
			overflow: scroll;
			position: relative;
			margin-top: 0;
		}
		.gimmick {
			display: none;
		}
		#sprecher .demos__home:after,
		#musik .demos__home:after {
			content: '';
			height: 102px;
			width: 80px;
			opacity: 0.9;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			background-color: #fff;
			position: absolute;
			border-radius: 5px;
			right: -20px;
			top: 0;
			z-index: 222;
			background-image: url(/ui/swipe-geste.svg);
			background-repeat: no-repeat;
			background-position: center;
			background-size: 60px;
			-webkit-animation: fadeOutRight 2s forwards;
			animation: fadeOutRight 2s forwards;
			-webkit-animation-delay: 3s;
			animation-delay: 3s;
		}
		#sprecher .demos__home,
		#musik .demos__home,
		#referenzen .demos__home {
			height: 200px;
			top: -120px;
			margin-bottom: 30px;
			position: relative;
		}
		#agentur main .content {
			width: 90vw;
		}
		#kontakt main .content {
			width: 90vw;
		}
		.featureDemoTitel {
			position: absolute;
			top: -27px;
			right: -0;
			left: initial;
			float: none;
			font-size: 20px;
			font-weight: 400;
		}
		.featureDemoTitel h2 {
			right: 20px;
			left: inherit;
			font-weight: bold;
		}
		h2.anwendungen {
			width: calc(90% - 100px);
			left: 0px;
			max-width: none;
			margin: auto;
			border-radius: 5px 5px 0 0;
		}
		.corporate-tabs {
			max-height: 780px;
			padding-bottom: 50px;
		}
		#text main .content {
			width: 90vw;
		}
		#text main {
			margin-top: -170px;
		}
		body#text .demos__home {
			display: none;
		}
		#referenzen main .content {
			width: 90vw;
		}
		.formular.anfrage>div.form__end {
			margin-bottom: 140px;
		}
		#anfrage main {
			top: -65px;
			position: relative;
		}
		.notizen__card {
			padding: 15px;
			width: calc(100% - 220px);
			margin-top: 30px;
		}
		section.allgemein {
			height: 540px;
		}
		.check__style .form__row>div>div {
			width: 100%;
		}
		.textauswahl {
			width: calc(50% - 70px);
		}
		.textdatei span {
			position: relative;
			float: left;
			display: block;
			width: 100%;
		}
		/* #anfrage form {
			width: 100%;
			margin-top: 0;
			-webkit-box-shadow: none;
					box-shadow: none;
		} */
		#anfrage form {
			width: calc(100% - 0px);
			margin-top: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
			padding: 0;
			padding-top: 130px;
		}
		#anfrage main {
			top: -65px;
			position: relative;
		}
		.notizen__card {
			padding: 15px;
			width: calc(100% - 120px);
			margin: auto;
			margin-top: 30px;
			left: 0;
			right: 0;
		}
		section.allgemein {
			height: 540px;
		}
		.check__style .form__row>div>div {
			width: 100%;
		}
		.textauswahl {
			width: calc(50% - 70px);
		}
		.textdatei span {
			position: relative;
			float: left;
			display: block;
			width: 100%;
		}
		.split {
			max-width: 96vw;
		}
		.check__style {
			padding-left: 0px;
		}
		.check__style.audiodateien {
			padding-left: 20px;
		}
		form section h2 {
			padding-left: 20px;
		}
		#anfrage form .check__style.aufMobilboxAufspielen {
			width: calc(50% - 62px);
		}
		.check__style.musik-wahl {
			left: 0;
		}
		.musik-wahl .col-20 {
			width: 30%;
		}
		.musik__mirror {
			height: 300px;
			width: 470px;
			background: #eff0ef;
			display: none;
		}
		section.daten>div.eingabe {
			width: 60vw;
		}
		section.daten>div.formular__hinweis {
			position: absolute;
			left: inherit;
			width: 80%;
			height: 180px;
			margin: AUTO;
			margin-bottom: 110px;
		}
		#sprecher.synchronsprecher main .content {
			width: 90%;
		}
		.synchron img {
			max-width: 170px;
		}
		.synchron .col-30 {
			width: 30%;
		}
		.synchron img {
			display: block;
			margin: auto;
		}
		.synchron .col-70 {
			width: calc(70% - 80px);
			padding: 40px;
			height: calc(100% - 80px);
		}
		body.imagefilm .player-demo {
			width: 260px;
			height: 130px;
			margin-bottom: 10px;
		}
		body.imagefilm .demos__4 {
			width: auto;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
			width: 560px;
		}
		.headline h2 {
			font-size: 21px;
			width: 100%;
		}
		main.cd-main-content {
			position: relative;
		}
		body#musik .demo__body .player-demo h3 {
			left: 50px;
			line-break: auto;
			white-space: pre-line;
			width: 130px;
		}
		.cd-morph-dropdown .nav-trigger {
			display: block;
			z-index: 99;
			background: #fff;
			top: 10px;
			position: fixed;
			right: 10px;
			-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
					box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
			border-radius: 5px;
		}
		.cd-morph-dropdown .main-nav {
			display: none;
			position: fixed;
			height: 60vh;
			background: -o-linear-gradient(#f9bb4e, #f76c1d);
			background: -webkit-gradient(linear, left top, left bottom, from(#f9bb4e), to(#f76c1d));
			background: linear-gradient(#f9bb4e, #f76c1d);
			left: initial;
			top: 70px;
			width: 100vw;
			margin: auto;
			color: #333;
			-webkit-box-shadow: -2px 13px 15px #56565661;
					box-shadow: -2px 13px 15px #56565661;
		}
		.cd-morph-dropdown .main-nav>ul>li>a {
			color: #fff;
			/* font-weight: bold !important; */
			font-size: 32px !important;
			text-align: left;
		}
		.cd-morph-dropdown .main-nav>ul>li {
			width: 100%;
			height: 70px;
			padding-left: 59px;
		}
		.cd-morph-dropdown.nav-open .main-nav {
			display: block;
		}
		.navigation .logo {
			width: 250px;
		}
		.cd-morph-dropdown .gallery .content {
			width: 50vw;
		}
		.cd-morph-dropdown .dropdown-list {
			right: -20px;
			left: initial;
			-webkit-transform: translateX(0) !important;
			-ms-transform: translateX(0) !important;
				transform: translateX(0) !important;
			width: 60vw !important;
			background: #fff;
		}
		.cd-morph-dropdown .dropdown-list:before {
			border-right-color: #fff;
			left: -8px;
			top: 0;
			bottom: 0;
			border-bottom-color: transparent;
			display: none;
		}
		.nav__header {
			display: block;
			position: absolute;
			height: 70px;
			background: -o-linear-gradient(#f9cf5a, #f9ba4d);
			background: -webkit-gradient(linear, left top, left bottom, from(#f9cf5a), to(#f9ba4d));
			background: linear-gradient(#f9cf5a, #f9ba4d);
			width: 100%;
			top: -70px;
		}
		.navigation .nav__header .logo {
			left: 15px !important;
			position: absolute;
		}
		.highlight__demos .player-demo {
			width: 320px;
			height: 120px;
		}
		#sprecher .highlight__demos .player-demo {
			/* height: 150px; */
			padding-bottom: 30px;
		}
		.highlight__demos .plyr__controls>.plyr__control:first-child {
			left: 0;
			right: 0;
			margin: auto;
		}
		.highlight__demos .plyr--audio .plyr__controls {
			width: 100%;
			/* top: 0px; */
		}
		.highlight__demos {
			width: 50%;
		}
		.highlight__demos .plyr {
			min-width: 0;
		}
		.highlight__demos .player-demo .merk__titel {
			width: calc(50% - 40px);
			padding: 20px;
			left: 0;
		}
		.highlight__demos .plyr__controls .plyr__progress {
			margin-top: -4px;
		}
		.highlight__demos .player-demo>span.kat {
			height: -webkit-fit-content !important;
			height: -moz-fit-content !important;
			height: fit-content !important;
			max-width: 100% !important;
			width: 100% !important;
			background: #54e867 !important;		
			left: -10px !important;
			border-radius: 10px !important;
		}	
		.player-demo span.merk__titel {
			font-size: 16px !important;
		}
		.highlight__demos .player-demo {
			height: 140px !important;
		}
		.highlight__demos .player-demo>span.kat {
			width: 130px;
			height: AUTO;
			border-radius: 3px;
			left: initial;
			color: #333;
			background: #ffffff;
			position: absolute;
			bottom: 30px;
			text-align: center;
			width: 125px;
			max-width: 125px;
			border: solid 1px #bbb;
			right: 10px;
		}
		#sprecher .highlight__demos .player-demo {
			margin-top: 20px;
		}
		.link__kacheln {
			width: 50%;
		}
		.intro__wrapper {
			overflow: visible;
		}
		.col-100.special__rocket {
			left: -30px !important;
			width: calc(100% + 60px);
			height: 230px !important;
		}
		.rocketcontainer {
			background: black;
			height: 250px !important;
		}
		.nav__footer {
			position: absolute;
			height: 60px;
			width: 100%;
			float: left;
			bottom: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
		.nav__footer>a {
			font-weight: bold;
			color: #fff;
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
			padding: 20px;
			font-size: 20px;
			line-height: 17px;
			text-decoration: none;
		}
		.main-nav ul {
			padding-top: 40px;
		}
		.sticky.z-bg {
			z-index: -1;
		}
		.nav__footer>a>i {
			width: 20px;
			height: 20px;
			display: inline-block;
			float: left;
			background-size: contain;
			margin-right: 12px;
		}
		.nav__footer>a:nth-child(1)>i {
			background-image: url(/ui/telefon-simple.svg);
		}
		.nav__footer>a:nth-child(2)>i {
			background-image: url(/ui/anfrage-simple.svg);
		}
		div#site-footer {
			position: relative;
		}
		#site-content {
			margin-bottom: 0 !important;
		}
		.page__cta {
			width: 94%;
		}
		footer .col-25 {
			width: 50%;
		}
		footer .content {
			height: auto;
		}
		span.footer__info {
			margin-top: 30px;
			position: relative;
			display: block;
			float: left;
		}
		.social {
			margin-top: 20px;
			max-width: 100%;
		}
		.brand__footer {
			margin-top: 30px;
		}
		.sticky {
			bottom: inherit;
			top: 100px;
			right: 10px;
		}
		.telefonnummer__small.stage-1 .modal {
			top: 0px;
		}
		body.sprecherDE .header .headline>h1 {
			font-size: 40px;
		}
		#musik .dach.musik__genre li {
			width: 90px;
			height: 120px;
		}
		.col-30.vert.mehr-info {
			height: 450px;
		}
		.paket-preview .individuell .price_content li {
			margin-left: 0;
			width: 99%
		}
		#sprecher .col-30 .intro.info:nth-child(n) {
			height: auto;
		}
		.mehr__trigger {
			position: absolute;
			top: 405px;
			right: 40px;
			font-size: 31px;
			/* font-weight: bold; */
			border-bottom: solid 4px;
			border: solid 2px #777;
			padding-bottom: 4px;
			z-index: 9;
			background: #fff;
			border-radius: 5px;
			padding: 10px;
			display: block;
		}
		.col-30.vert.mehr-info:after {
			content: '';
			position: absolute;
			height: 120px;
			width: 100%;
			background: -o-linear-gradient(#ffffff05, #edeff0fa);
			background: -webkit-gradient(linear, left top, left bottom, from(#ffffff05), to(#edeff0fa));
			background: linear-gradient(#ffffff05, #edeff0fa);
			top: 360px;
		}
		.cd-morph-dropdown .nav-trigger:active,
		.cd-morph-dropdown .nav-trigger:focus {
			-webkit-tap-highlight-color: transparent;
		}
		.headline h1 {
			width: 100%;
			margin-right: 0;
		}
		.beispiele {
			width: 94vw;
			margin: auto;
			margin-left: 2vw;
		}
		.beispiele .demos__home {
			width: calc(100% - 40px);
		}
		.beispiele .player-demo {
			width: calc(50% - 40px);
			margin-bottom: 25px;
		}
		.beispiele .player-demo .merk__titel {
			margin-left: 60px;
			text-align: left;
		}
		.beispiele article {
			width: 200px;
			margin-bottom: 20px;
		}
		.ansagen__stil .col-50 {
			width: 100%;
			margin-bottom: 30px;
		}
		.demos__stil {
			width: 100%;
		}
		section.ansagen__stil {
			max-width: 90vw;
			-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
					box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
			border-radius: 5px;
		}
		.feature__shadow {
			border-radius: 0;
			top: -33px;
			left: -20px;
			border-radius: 0;
		}
		.feature__circle {
			border-radius: 0;
			right: -5px;
			bottom: 15px;
			-webkit-box-shadow: none;
					box-shadow: none;
			overflow: visible;
			border-radius: 5px;
		}
		figure.feature__figure img {
			border-radius: 5px;
		}
		.feature__circle:after {
			border-radius: 0;
			width: 110%;
			height: 110%;
		}
		.zusammenfassung {
			width: calc(90% - 40px);
			top: -20px;
		}
		.zusammenfassung .merk__item {
			width: 100%;
			margin-bottom: 10px;
		}
		#anfrage .sticky .anfrage__small {
			display: none;
		}
		.textauswahl.check__style {
			width: 45%;
		}
		.textdatei {
			margin-left: 20px;
		}
		.formular__wrapper {
			padding: 20px;
		}
		#anfrage .headline {
			padding-top: 90px;
		}
		.header .inner {
			max-width: 100vw;
			padding-left: 20px;
		}
		.gesendet .checkmark {
			left: -200px;
			top: -20px;
		}
		.gesendet h1 {
			top: -20px;
		}
		.gesendet {
			padding-top: 110px;
			padding-bottom: 70px;
		}
		.gesendet__body {
			max-width: 90vw;
		}
		.scroll {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			height: FIT-CONTENT;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-ms-flex-line-pack: left;
			align-content: left;
		}
		.info__block {
			width: 180px !important;
		}
		.gesendet__body .info__block:nth-child(1) {
			width: 100% !important;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			text-align: center;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			margin-bottom: 40px;
			position: relative;
			z-index: 1;
		}
		.gesendet__body .info__block:nth-child(2) {
			margin-left: -10px;
		}
		.info__block:nth-child(5) {
			margin-left: -10px;
		}
	}
	
	
	/* MOBILE END */
	
	
	/* 768px */
	
	@media only screen and (min-device-width: 1024px) and (max-device-width: 1444px) {
		#sprecher .content__block .content {
			width: 97vw;
		}
		body .content__block .content {
			width: 97vw !important;
		}
		.headline {
			margin-left: 30px;
		}
		.navigation #logo {
			margin-left: 30px;
		}
		.content__block article .content {
			width: 85% !important;
		}
	}
	
	
	/* different techniques for iPad screening */
	
	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
		.cd-morph-dropdown .main-nav>ul>li>a {
			font-size: 19px;
			font-weight: normal;
			text-shadow: none;
		}
		#sprecher .demos__home {
			top: 120px;
		}
		.cd-morph-dropdown .main-nav {
			right: 0px;
		}
		.ansagenpaket .form__field div:first-child label {
			width: 80%;
			top: -4px;
		}
		.textauswahl.check__style label {
			top: -3px;
		}
		.max {
			max-width: 96vw;
			top: 10px;
		}
		.smooth__intro {
			max-width: 100vw;
			margin: auto;
			float: none;
		}
		.col-66 {
			width: 100%;
		}
		.fullsize {
			width: calc(100% - 50px);
			padding: 20px;
		}
		div#intro {
			height: auto;
			margin-bottom: 20px;
		}
		.home__reinhoeren {
			height: auto;
		}
		.home__demos .col-33 {
			width: 100%;
		}
		.col-100.special__rocket {
			left: -20px;
			margin-top: 40px;
			height: 190px;
		}
		.rocketcontainer {
			left: -55px;
			top: 0px;
		}
		#intro .special__rocket p {
			top: 50px;
			left: 220px;
			width: 380px;
			position: absolute;
		}
		#intro .special__rocket span {
			color: #fff;
			margin-top: 60px;
			position: relative;
			display: block;
		}
		.dark {
			margin-top: 30px;
		}
		.big__head {
			max-width: calc(100% - 100px);
			font-size: 30px;
		}
		div#kundenfeedback {
			max-width: 100%;
		}
		section.testimonials {
			height: auto;
			padding-bottom: 110px;
		}
		#home .news-snippet {
			height: auto;
		}
		.newsletter__cta {
			width: 80%;
			margin: auto;
			margin-bottom: 160px;
			margin-left: 7%;
		}
		.newsletter__cta .col-30 {
			width: 30%;
		}
		.newsletter__cta .col-70 {
			width: 70%;
		}
		footer .content {
			padding: 20px;
			margin-top: 60px;
			max-width: 89vw;
		}
		div#site-footer {
			min-height: 860px;
		}
		div#end__cta {
			bottom: 80px;
		}
		.site-wrap {
			padding-bottom: 110px;
		}
		main:after {
			width: 170px;
			height: 170px;
			bottom: -140px;
		}
		#home .demos__4 {
			width: 35%;
			float: left;
			margin-top: 50px;
		}
		.absolute {
			float: left;
			width: 62%;
		}
		.home-intro .col-33 {
			width: 100%;
		}
		.kunden__snippet .owl-item.cloned {
			display: none;
		}
		.sprecher__highlight {
			top: 30px;
		}
		#sprecher .demos__4 {
			margin-top: 0;
		}
		.col-30.vert {
			margin-top: 0;
		}
		#intro .symbol {
			height: 190px;
		}
		#intro .col-100 {
			margin-top: 20px;
		}
		#sprecher main.cd-main-content:after {
			display: none;
		}
		#beispiel main .content {
			left: 0;
			right: 0;
			margin: auto;
			float: none;
		}
		figure.news {
			position: relative;
			width: 94vw;
			top: -360px;
		}
		.single-head {
			position: relative;
			top: 0px;
			height: auto;
		}
		img.in-artikel {
			position: relative;
			width: 100%;
			height: auto;
		}
		figure.news h1 {
			width: 90%;
		}
		#beispiel .microsite h2 {
			font-size: 34px;
			width: 100%;
		}
		.micro__bild {}
		.micro__bild {
			width: 100%;
		}
		.micro__head {
			max-height: 400px;
		}
		.micro__demos {
			position: absolute;
			width: 100%;
			bottom: 30px;
		}
		.player-demo {}
		.microsite p {
			width: 100%;
		}
		.col-30 {
			width: 50%;
		}
		.preise__intro {
			width: 90%;
			margin: auto;
		}
		.preis__kachel.individuell {
			padding-bottom: 80px;
		}
		.slogan {
			top: -200px;
			right: 60px;
		}
		.preise__body .col-25 {
			width: 50%;
		}
		.preis__kachel {
			margin: auto;
			margin-bottom: 30px;
			width: calc(100% - 120px);
		}
		#end__cta>a,
		a.konfigurator {
			width: 190px;
			font-size: 14px;
		}
		.zusammenfassung .col-40 {
			width: 50%;
		}
		body#anfrage .preis__kachel {
			height: auto;
			min-height: 0;
			width: 240px;
		}
		.paket-preview .preis__kachel.individuell h3 {}
		.cd-headline.zoom .cd-words-wrapper {
			display: NONE;
		}
		.zusammenfassung .col-60 {
			width: 50%;
		}
		.notizen__card {
			width: 100%;
		}
		body#anfrage .preis__hinweise {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-flex-pack: distribute;
			justify-content: space-around;
			-webkit-box-align: self-end;
			-ms-flex-align: self-end;
			-ms-grid-row-align: self-end;
			align-items: self-end;
			display: none;
		}
		#anfrage form {
			width: 100%;
			padding-top: 0;
		}
		.artDerAnsagen {
			margin-left: 0;
		}
		.spracheDerAnsagen {
			right: -30px;
		}
		.ansagenpaket>div:nth-child(2) {
			width: 100%;
		}
		.check__style .form__row>div>div {
			width: 50%;
		}
		section.allgemein {
			min-height: 540px;
			height: auto;
		}
		.ansagenauswahl {
			margin-left: 0;
		}
		.weitereAnsagen {
			margin-left: 20px;
		}
		.check__style label {
			width: auto;
			top: 4px;
		}
		.textauswahl input[type=checkbox] {
			height: auto;
			margin-bottom: 20px;
		}
		.textauswahl.check__style .form__row>div>div {
			margin-bottom: 25px;
		}
		.textdatei span {
			right: 0;
		}
		.check__style.musik-wahl {
			left: -40px;
			width: calc(100% + 80px);
		}
		section.daten>div.eingabe {
			width: 90%;
		}
		section.daten {
			margin-bottom: 0px;
		}
		.form__referenzen {
			margin-top: 0px;
			top: -30px;
			position: RELATIVE;
		}
		.eingabe>div.form__referenzen {
			left: 0;
		}
		#anfrage .dsgvo {
			width: 80%;
			margin-bottom: 50px;
		}
		#anfrage form input[type="submit"] {
			bottom: 110px;
		}
		.col-40.vert {
			width: 60%;
		}
		body#text .col-60 {
			width: 40%;
		}
		.text__demos {
			width: 90%;
		}
		.demo__container {
			margin-top: 0px;
		}
		.kachel.klein {
			width: -webkit-fill-available;
			margin-left: 20px;
		}
		.kacheln__small {
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
		.uebersetzung .col-100.vert {
			margin-top: 20px;
		}
		.text__body {
			width: 90%;
		}
		.uebersetzung figure.feature__figure {
			width: 30%;
			-webkit-transform: scale(0.7);
			-ms-transform: scale(0.7);
				transform: scale(0.7);
			Z-INDEX: 9;
			TOP: -60px;
		}
		.fancy__text {
			width: 100%;
		}
		.fancy__grafik {
			margin-top: -90px;
		}
		.fancy__kachel {
			width: 90%;
			margin: 10px;
		}
		.synchron .col-70 {
			width: calc(100% - 80px);
			padding: 0;
			padding-left: 50px;
			padding-top: 20px;
		}
		.schauspieler__slider {
			position: absolute;
			float: left;
			top: inherit;
			right: inherit;
			display: none;
		}
		.fancy__kachel.info.merkbar.klein {
			width: calc(50% - 50px);
		}
		.fancy__widget {
			width: 100%;
			height: auto;
			top: 0;
		}
		.fancy__widget h3 {
			width: 50%;
			float: left;
		}
		.fancy__widget .fancy__inhalt {
			width: 40%;
			float: left;
		}
		body.imagefilm .col-60 {
			width: 100%;
		}
		.video {
			width: calc(100% - 20px);
		}
		body.imagefilm .demos__4 {
			width: 100%;
		}
		#sprecher.imagefilm .player-demo {
			width: 330px;
		}
		body.imagefilm .demos__float {
			width: 100%;
			margin: 10px;
		}
		body.imagefilm .intro.info {
			width: calc(50% - 80px);
			padding: 30px;
			margin: 10px;
		}
		.imagefilm .col-40.vert {
			width: 100%;
		}
		.preise__intro {
			width: 100%;
		}
		.preise__intro {
			width: 100%;
		}
		.preise__intro .cd-intro {
			display: none;
		}
		.cd-headline.zoom .cd-words-wrapper {
			display: block;
			right: 0;
			position: relative;
			-webkit-transform: scale(0.8);
			-ms-transform: scale(0.8);
				transform: scale(0.8);
			margin-bottom: 90px;
		}
		.preis__infos ul {
			height: auto;
			width: calc(90% - 10px);
		}
		.preis__infos ul {
			height: auto;
		}
		.preis__infos ul {
			width: calc(90% - 10px);
		}
		.preis__hinweise {
			width: 90%;
			margin: auto;
			margin-left: 5%;
		}
		.preis__hinweis {
			padding-top: 20px;
			line-height: 1.4;
		}
		.preis__hinweis i {
			display: inline-block;
			margin-bottom: 10px;
			float: left;
		}
		li.player-demo.empfehlung__demo.mix {
			width: 650px;
		}
		li.player-demo.empfehlung__demo.mix {
			width: 650px;
		}
		.demo__body .player-demo {
			height: 115px;
		}
		.demo__body .player-demo>div.tags li {
			margin-bottom: 4px;
		}
		@-webkit-keyframes smoothRight {
			0% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
			}
			3.5% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -62.809, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -62.809, 0, 0, 1);
			}
			6.91% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.927, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.927, 0, 0, 1);
			}
			10.31% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.645, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.645, 0, 0, 1);
			}
			13.71% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.918, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.918, 0, 0, 1);
			}
			20.52% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.336, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.336, 0, 0, 1);
			}
			27.33% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.951, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.951, 0, 0, 1);
			}
			47.35% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.262, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.262, 0, 0, 1);
			}
			67.37% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0, 0, 1);
			}
			100% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
			}
		}
		@keyframes smoothRight {
			0% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
			}
			3.5% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -62.809, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -62.809, 0, 0, 1);
			}
			6.91% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.927, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.927, 0, 0, 1);
			}
			10.31% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.645, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.645, 0, 0, 1);
			}
			13.71% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.918, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.918, 0, 0, 1);
			}
			20.52% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.336, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.336, 0, 0, 1);
			}
			27.33% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.951, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.951, 0, 0, 1);
			}
			47.35% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.262, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.262, 0, 0, 1);
			}
			67.37% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0, 0, 1);
			}
			100% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
			}
		}
		.cd-morph-dropdown .main-nav>ul>li {
			-webkit-animation: smoothRight 0.5s;
			animation: smoothRight 0.5s;
			opacity: 0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-transform: translateX(-300px);
			-ms-transform: translateX(-300px);
				transform: translateX(-300px);
		}
		.cd-morph-dropdown .main-nav>ul>li:nth-child(1) {
			-webkit-animation-delay: .25s;
			animation-delay: .25s;
		}
		.cd-morph-dropdown .main-nav>ul>li:nth-child(2) {
			-webkit-animation-delay: .3s;
			animation-delay: .3s;
		}
		.cd-morph-dropdown .main-nav>ul>li:nth-child(3) {
			-webkit-animation-delay: .35s;
			animation-delay: .35s;
		}
		.cd-morph-dropdown .main-nav>ul>li:nth-child(4) {
			-webkit-animation-delay: .4s;
			animation-delay: .4s;
		}
		.cd-morph-dropdown .main-nav>ul>li:nth-child(5) {
			-webkit-animation-delay: .45s;
			animation-delay: .45s;
		}
		.cd-morph-dropdown .main-nav>ul>li:nth-child(6) {
			-webkit-animation-delay: .5s;
			animation-delay: .5s;
		}
		.cd-morph-dropdown.nav-open .main-nav>ul>li {
			opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}
		.nav-open .main-nav {
			-webkit-animation: smoothDown 1800ms linear infinite both;
			animation: smoothDown 1800ms linear infinite both;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
		/* Generated with Bounce.js. Edit at https://goo.gl/poS4T2 */
		@-webkit-keyframes smoothDown {
			0% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
			}
			3.5% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -62.809, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -62.809, 0, 1);
			}
			6.91% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.927, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.927, 0, 1);
			}
			10.31% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.645, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.645, 0, 1);
			}
			13.71% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.918, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.918, 0, 1);
			}
			20.52% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.336, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.336, 0, 1);
			}
			27.33% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.951, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.951, 0, 1);
			}
			47.35% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.262, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.262, 0, 1);
			}
			67.37% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.015, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.015, 0, 1);
			}
			100% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
			}
		}
		@keyframes smoothDown {
			0% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
			}
			3.5% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -62.809, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -62.809, 0, 1);
			}
			6.91% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.927, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.927, 0, 1);
			}
			10.31% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.645, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.645, 0, 1);
			}
			13.71% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.918, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.918, 0, 1);
			}
			20.52% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.336, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.336, 0, 1);
			}
			27.33% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.951, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.951, 0, 1);
			}
			47.35% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.262, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.262, 0, 1);
			}
			67.37% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.015, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.015, 0, 1);
			}
			100% {
				-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
				transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
			}
		}
		#agentur .news-snippet.small {
			width: 30%;
			top: -10px;
		}
		.news-snippet.small>h3 {
			right: -59px;
			position: absolute;
			text-align: right;
			top: -30px;
			width: 150px;
			font-weight: bold;
		}
		.cd-morph-dropdown .gallery#musik-menu .content {
			width: inherit;
		}
		.kunden__demos .col-30 {
			width: 100%;
		}
		.col-30 .intro.info:nth-child(2) {
			height: 330px;
			width: 40%;
			width: calc(46% - 40px);
		}
		.col-30 .intro.info:nth-child(1) {
			width: calc(54% - 100px);
			height: 330px;
		}
		#agentur main .content {
			width: 96vw;
		}
		#agentur .kundenlogos .kundenlogo {
			width: 205px;
		}
		.cd-morph-dropdown .morph-dropdown-wrapper {
			top: 90px !important;
			position: fixed;
			display: none;
			z-index: -1;
		}
		.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
			display: block;
			z-index: 11;
		}
		.nav-open .nav__overlay {
			height: 40vh;
			background: #0000005c;
			-webkit-transition: .2s ease-in-out;
			-o-transition: .2s ease-in-out;
			transition: .2s ease-in-out;
			-webkit-transform: translateY(40vh);
			-ms-transform: translateY(40vh);
				transform: translateY(40vh);
			will-change: height;
		}
		.nav__overlay {
			height: 40vh;
			position: fixed;
			width: 100vw;
			background: #00000021;
			-webkit-transition: .2s ease-in-out;
			-o-transition: .2s ease-in-out;
			transition: .2s ease-in-out;
			bottom: 0;
			z-index: -1;
			-webkit-transform: translateY(50vh);
			-ms-transform: translateY(50vh);
				transform: translateY(50vh);
			will-change: height;
		}
		.com {
			width: 90%;
			height: 800px;
		}
		.com__section--text h2 {
			font-size: 30px;
			margin-top: 80px;
		}
		.com__section-half {
			display: block;
			width: 100%;
			float: left;
		}
		.com__section--text p {
			max-width: 900px;
			width: 450px;
		}
		a.com__nav-link>span {
			height: 25px;
			line-height: 25px;
			font-size: 18px;
			position: relative;
			right: -60px;
		}
		.com__nav-link {
			width: 200px;
		}
		.com__section {
			width: 100%;
			padding: 0;
			padding-left: 20px;
		}
		.com__section--text img {
			position: absolute;
			left: 20px;
			bottom: 20px;
			max-width: 160px;
		}
	}
	
	
	/* IPAD PORTRAIT */
	
	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
		body .content__block .content {
			width: 96% !important;
		}
		#sprecher main.cd-main-content:after {
			display: none;
		}
		.demos__home {
			width: 510px;
			top: 100px !important;
		}
		body .demos__home {
			top: 93px !important;
		}
		.headline {
			margin-left: 30px;
		}
		body.main .demos__home .gimmick {
			display: none;
		}
		div#end__cta {
			width: 100vw;
		}
		.featureDemoTitel h2 {
			margin-top: -190px;
			font-size: 22px;
			text-align: right;
			margin-right: 20px;
		}
		.link__kacheln {
			width: 77%;
		}
		.highlight__demos {
			width: 20%;
			position: RELATIVE;
		}
		.gimmick {
			display: none;
		}
		.featureDemoTitel {
			top: 0;
			width: 80%;
			text-align: left;
		}
		.featureDemoTitel h2 {
			margin-top: -15px;
			text-align: left;
		}
		.demo__body .player-demo {
			width: 180px;
			height: 110px;
		}
		.demo__body .player-demo>div.tags {
			bottom: -18px;
		}
		.cd-morph-dropdown .main-nav>ul>li>a {
			padding: 0px 10px;
		}
		nav.main-nav {
			width: 650px;
		}
		.navigation .logo {
			width: 250px;
		}
		.home-intro .feature__shadow {
			height: 220px;
			width: 230px;
		}
		.home-intro .feature__circle {
			height: 200px;
			width: 200px;
		}
		.home-intro .fullsize {
			padding-left: 20px;
		}
		.home-intro .col-33 {
			margin-left: -60px;
		}
		.home-intro .player-demo {
			width: 170px;
		}
		.home-intro .plyr--full-ui input[type=range] {
			width: 80%;
		}
		#beispiel main .content {
			left: 0;
			right: 0;
			margin: auto;
			float: none;
		}
		img {}
		#beispiel .microsite h2 {
			font-size: 34px;
			width: 100%;
		}
		.micro__bild {}
		.micro__bild {
			width: 100%;
		}
		.micro__head {
			max-height: 400px;
		}
		.micro__demos {
			position: absolute;
			width: 100%;
			bottom: 30px;
		}
		.player-demo {}
		.microsite p {
			width: 100%;
		}
		.cd-morph-dropdown .morph-dropdown-wrapper {
			margin-left: 0;
			top: 75px;
		}
		.navigation #logo {
			margin-left: 20px;
		}
		#site-footer {
			position: relative;
		}
		#site-content {
			margin-bottom: 0 !important;
		}
		footer .content {
			max-width: 85vw;
		}
		.fancy__widget {
			width: 100%;
		}
		.synchron .fancy__widget img {
			max-width: 140px;
			right: -100px;
			position: relative;
			bottom: 27px;
		}
		.fancy__inhalt {
			float: left;
			width: 40%;
		}
		.fancy__widget h3 {
			width: calc(60% - 40px);
			float: left;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			display: block;
			padding-left: 40px;
			padding-bottom: 10px;
		}
		.fancy__kachel {
			width: 92%;
		}
		.synchron .herz__tooltip {
			left: 26px;
			/* right: -176px; */
		}
		.herz__tooltip:before {
			border-left-color: transparent;
			border-right-color: #f89435;
			left: -6px;
		}
		.synchronsprecher__player .plyr__controls>.plyr__control:focus {
			background: #ffffff2b;
		}
		body.sprecherDE .header .headline>h1 {
			font-size: 47px;
		}
		.slogan {
			right: 70px;
			top: -120px;
		}
		.telefon__preise {
			margin-top: 20px;
		}
		.preis__kachel {
			width: 190px;
			min-height: 420px;
			padding-bottom: 80px;
			padding: 10px;
		}
		.preis__kachel img {
			left: 50px;
			width: 90px;
			height: 90px;
		}
		.artDerAnsagen {
			margin-left: 20px;
		}
		.ansagenpaket>div:nth-child(2) {
			width: 100%;
		}
		.textauswahl.check__style {
			width: 46%;
		}
		.textauswahl.check__style label {
			top: -1px;
		}
		#anfrage form {
			width: 90%;
		}
		.formular__hinweis {
			right: 200px;
		}
		body#anfrage .preis__kachel {
			width: 250px;
		}
	}
	
	
	/* 1024px */
	
	@media only screen and (min-device-width: 1024px) and (max-device-width: 1340px) and (orientation:landscape) {
		.highlight__demos {
			width: 35%;
		}
		.link__kacheln {
			width: 65%;
		}
		.dark {
			max-width: inherit;
		}
		.link__kacheln {
			width: 740px;
		}
		.highlight__demos {
			width: 240px;
			margin-top: -30px;
		}
		.featureDemoTitel h2 {
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
			white-space: nowrap;
			margin-top: 10px;
			font-size: 19px;
		}
		.cd-morph-dropdown .dropdown-list:before {
			right: 30px;
			left: initial;
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
				transform: translateX(0);
		}
		.cd-morph-dropdown .morph-dropdown-wrapper {
			margin-left: -150px;
		}
		.demo__body .player-demo .merk__titel {
			width: 120px;
			top: 10px;
		}
		.herz__tooltip {
			right: -170px;
			bottom: -7px;
		}
		li.player-demo.empfehlung__demo.mix {
			width: 450px;
		}
	}
	
	@media (min-width: 1240px) {
		.brand {
			width: 20%;
		}
		.noch-fragen>.ctas div,
		.noch-fragen>.ctas #XuserlikeCustomTab {
			width: calc(33% - 7px);
			cursor: pointer;
		}
		.ta_de:after {
			content: '';
		}
		.ansagen__stil .inner>.col-50:nth-child(2) {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-top: 20px;
			background: red;
			background-image: -o-linear-gradient(top, #fad961 0, #f76b1c 100%);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fad961), to(#f76b1c));
			background-image: linear-gradient(-180deg, #fad961 0, #f76b1c 100%);
			height: 100%;
			position: absolute;
			right: 0;
			top: -20px;
		}
		.ansagen__stil .player-demo {
			margin-right: 50px;
			margin-left: 40px;
		}
		#site-content {
			min-height: 1200px;
		}
		#site-content {
			min-height: 3000px;
		}
		main {}
		.noch-fragen>.ctas div,
		.noch-fragen>.ctas #XuserlikeCustomTab {
			background: var(--blau);
			position: relative;
			left: 0;
			height: 40px;
			max-height: 40px;
			max-width: none;
			color: #fff;
			border-radius: 5px;
			margin-left: 10px;
			margin-top: 10px;
			float: left;
			text-align: center;
			line-height: 40px;
			font-size: 16px;
		}
		.noch-fragen h2 {
			width: 100%;
			margin-bottom: 20px;
		}
		#XuserlikeCustomTab:after {
			display: none;
		}
	}
	
	@media (max-width: 480px) {
		
		.navigation {
			width: 100%;
			/* overflow: hidden;
			 */
		}
		.nav__trigger {
			display: block;
		}
		#site-content {
			padding-top: 0;
		}
		.dark {
			max-width: 100%;
			border-radius: 0;
		}
		.rank.rank-premium {
			width: 100%;
			height: 120px;
		}
		.head {
			padding: 0;
			height: 225px;
		}
		.rank span {
			font-size: 28px;
			width: 80%;
		}
		.premium .col-33 {
			width: 50%;
			margin-bottom: 0;
		}
		.premium .inner {
			height: 120px;
		}
		.synchronWidget > div > img {
			width: 90px !important;
		}
		.max {
			top: 0;
		}
		.kunden__snippet section#demos {
			height: auto;
		}
		.navigation #logo {
			left: 10px;
			top: 10px;
			width: 80px;
		}
		.site-wrap {
			background: whitesmoke;
			/* overflow: auto; */
			padding-bottom: 230px;
		}
		.premium {
			width: 100%;
			overflow: auto;
			height: auto;
			PADDING: 0;
			height: auto;
			padding-bottom: 80px;
		}
		.cd-morph-dropdown .main-nav {
			width: calc(100% - 80px);
			height: 80px;
			top: 10px;
			position: relative;
			right: 0;
		}
		.cd-morph-dropdown .main-nav>ul>li {
			line-height: 80px;
			height: 80px;
			width: 50%;
			/* background: #fff; */
			margin: 0;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			width: calc(100% - 0px);
			float: left;
			display: block;
			border-radius: 3px;
			/* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
			 */
			/* -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
			/* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
			color: red;
			border-bottom: solid 1px #3333333d;
			float: none;
			border-radius: 0;
		}
		.header .inner {
			max-width: 100vw;
		}
		.header {
			height: 420px;
		}
		.demos__home {
			width: 90vw;
			left: 5vw;
		}
		.player-demo {
			width: 138px;
			margin: auto;
			margin-bottom: 20px;
		}
		figure.news {
			max-width: 100%;
			top: -410px;
			overflow: auto;
			padding-bottom: 70px;
			border-radius: 0;
		}
		img.in-artikel {
			height: auto;
		}
		.news__artikel {
			height: auto;
			overflow: auto;
			margin-top: -40px;
		}
		figure.news h1 {
			padding: 0;
			margin: 0;
			font-size: 30px;
			width: calc(100% - 35px);
			margin-left: 10px;
			margin-top: 80px;
			padding-left: 0px;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			border: none;
		}
		figure.news .news__artikel p {
			padding: 10px;
			color: #333;
			opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			padding-left: 20px;
			line-height: 1.6em;
			margin-left: 0px;
			width: calc(100% - 40px);
			font-size: 16px;
		}
		.back {
			float: none;
			margin-left: 0;
			margin: AUTO;
			margin-top: 40px;
		}
		.news__artikel p a {
			-webkit-transition-property: border-bottom-color, color;
			-o-transition-property: border-bottom-color, color;
			transition-property: border-bottom-color, color;
			-webkit-transition-duration: 0.2s;
			-o-transition-duration: 0.2s;
			   transition-duration: 0.2s;
			border-bottom: 1px solid #6067f1;
			color: #6067f1;
			text-decoration: none;
			position: relative;
		}
		.gimmick h2 {
			left: -250px;
			font-size: 31px;
			top: 50px;
			width: 200px;
		}
		.gimmick {
			background-size: 150px;
			top: -124px;
			right: -110px;
			width: 120px;
			right: 0;
		}
		.headline {
			text-align: center;
			width: 90%;
			left: 0;
			padding-top: 60px;
			right: 0;
			margin: auto;
		}
		.header .headline>* {
			text-align: center;
		}
		.kunden__snippet .referenzen {
			position: relative;
			top: 0;
			margin-bottom: 15px;
		}
		.kunden__snippet {
			width: 80vw;
			left: 0;
			position: relative;
			top: 0;
			margin-top: 270px;
			margin: auto;
			margin-left: -11px;
			border: none;
			position: relative;
			display: block;
			float: none;
			height: 420px;
			margin-bottom: 0;
			margin: auto;
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
			border-radius: 4px;
		}
		.intro__wrapper {
			float: left;
		}
		#intro {
			margin-top: 0;
			height: auto;
			float: left;
		}
		.col-33 {
			width: 60%;
			float: left;
			margin-bottom: 30px;
		}
		main {
			margin-top: 270px;
		}
		#musik main,
		#preise main {
			margin-top: 110px;
		}
		.owl-carousel.two .owl-stage {
			height: 600px !important;
			/* transform: none !important;
			 */
		}
		.owl-carousel.owl-drag .owl-item {
			/* float: left; */
			/* height: 80px; */
			/* position: relative; */
			/* width: calc(50% - 10px) !important; */
			/* margin-right: 0 !important; */
		}
		section#demos {
			height: auto;
		}
		.owl-carousel.owl-theme.owl-loaded.owl-drag {
			height: 300px;
		}
		.owl-stage-outer {
			height: 320px;
			overflow: hidden;
		}
		.item {
			background-size: 120px;
		}
		.owl-carousel.owl-drag .owl-item:first-child {
			height: 80px;
		}
		.owl-dots {
			display: none;
		}
		.bg svg {
			width: 150%;
			top: -88px;
			left: -185px;
		}
		section.bg {
			height: 420px;
		}
		.col-66 {
			width: 100%;
		}
		section.bg h2 {
			margin: 0;
			margin-top: 160px;
			margin-left: 20px;
			font-size: 29px;
		}
		section.bg p {
			margin: 0;
			font-size: 15px;
			margin: 20px;
			color: #666;
			width: 80%;
		}
		section.one.textblock {
			padding-top: 30px;
		}
		section.textblock p {
			font: 300 17px/1.3 'sofia-pro', sans-serif;
			color: #86879a;
		}
		.textblock .col-50 {
			width: 100%;
		}
		#end__cta {
			width: 100vw;
			background: #fff;
			height: auto;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding-top: 40px;
			bottom: 0;
		}
		#end__cta>a {
			margin: auto;
			margin-bottom: 30px;
			height: 40px;
			float: none;
		}
		main:after {
			width: 170px;
			height: 170px;
			bottom: -141px;
			right: 0;
		}
		#site-footer {
			min-height: 100vh;
			max-width: 100vw;
			padding: 0;
			overflow: hidden;
		}
		footer {
			width: 100vw;
			overflow: hidden;
			margin: auto;
			height: 100vh;
			height: auto;
		}
		#site-content {
			width: 100vw;
		}
		.headline h1 {
			font-size: 27px;
			margin-top: 20px;
			padding-bottom: 20px;
		}
		.connection-line {
			display: none;
		}
		.header .headline>h2 {
			font-size: 18px;
			max-width: 80%;
			left: 10%;
			position: relative;
		}
		footer .content {
			height: 700px;
			max-width: 90vw;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			margin-top: 0;
			background: #f6f5f6;
			padding-top: 0px;
		}
		footer .col-25 {
			width: 100%;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			min-height: -webkit-fit-content;
			min-height: -moz-fit-content;
			min-height: fit-content;
		}
		.social {
			width: 100%;
			height: 340px;
			overflow: HIDDEN;
			margin-top: 20px;
		}
		footer a.footer_link {
			font: 300 14px/1.5 'sofia-pro', sans-serif;
		}
		footer h6 {
			font: 900 17px/1.5 'sofia-pro', sans-serif;
			margin-bottom: 10px;
			height: 3.4em;
		}
		.spacer {
			/* display: none;
			 */
			height: 120px;
		}
		.social>a {
			line-height: 40px;
			width: 70%;
			background: #fff;
			margin-bottom: 0;
			border: solid 3px #11192a;
			text-align: right;
			padding-right: 20px;
			margin-left: auto;
			margin-right: auto;
			float: none;
		}
		.facebook .icon {
			position: absolute;
			line-height: 40px;
		}
		.vv .icon {
			position: absolute;
			line-height: 40px;
		}
		nav.main-nav ul {
			display: none !important;
		}
		.nav__trigger {
			position: fixed;
			right: 10px;
			top: 20px;
			font-size: 33px;
			color: #fff;
			width: 40px;
			z-index: 99;
			height: 40px;
			background: #fabd50;
			border-radius: 20%;
		}
		nav.main-nav.open ul {
			display: block !important;
			margin-top: 140px;
			padding: 10px;
			background: transparent;
			margin: 30px;
			position: relative;
			-webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
			box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
			border-radius: 10px;
			margin-top: 100px;
			float: left;
			/* backdrop-filter: blur(11px); */
		}
		.cd-morph-dropdown .main-nav.open {
			width: 100vw;
			top: -70px;
			position: fixed;
			left: 0;
			top: -10px;
			height: 940px;
			/* background: red; */
			/* background: #ffffff8f; */
			-webkit-backdrop-filter: );
					backdrop-filter: );
			/* background: gray; */
			/* backdrop-filter: blur(21px); */
		}
		.cd-morph-dropdown .main-nav>ul>li>a {
			color: #444;
			font-weight: 400;
			font-size: 20px;
			color: #333;
			text-align: center;
			padding: 0;
		}
		.cd-morph-dropdown .main-nav>ul>li>a {
			height: 30px !important;
			line-height: 30px;
		}
		.cd-morph-dropdown.is-dropdown-visible .dropdown-list {
			-webkit-transform: none !important;
			-ms-transform: none !important;
			transform: none !important;
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
			width: 92% !important;
			border-radius: 4px;
			overflow: hidden;
			-webkit-box-shadow: none;
					box-shadow: none;
			height: 100% !important;
		}
		.cd-morph-dropdown .morph-dropdown-wrapper {
			margin: 0;
			margin-left: 10px;
			top: 340px;
			display: none;
		}
		.cd-morph-dropdown .bg-layer {
			-webkit-transform: none !important;
			-ms-transform: none !important;
			transform: none !important;
			width: 100%;
			height: 100%;
			background: #ffffffbf;
			-webkit-backdrop-filter: blur(11px);
					backdrop-filter: blur(11px);
		}
		.ion-close-round {
			display: none;
		}
		.open .ion-close-round {
			display: block;
		}
		.ion-navicon-round {
			display: block;
		}
		.open .ion-navicon-round {
			display: none;
		}
		.cd-morph-dropdown .morph-dropdown-wrapper.open {
			display: block;
		}
		body.main .demos__home {
			top: -590px;
			width: 80vw;
			left: calc(5vw - 40px);
			margin: auto;
		}
		body.main main .content {
			width: 90% !important;
		}
		body.main .demos__home .gimmick {
			top: 5px;
			z-index: 1;
			right: 80px;
		}
		.cd-words-wrapper b {
			top: -30px;
			right: 0;
			left: inherit;
			height: 100px !important;
			width: 100px !important;
		}
		body#home .cd-words-wrapper b {
			top: 0px;
			right: 0;
			left: inherit;
			height: 100px !important;
			width: 100% !important;
		}
		.preis__kachel .cd-words-wrapper>b:nth-child(n) {
			background-size: 60px;
		}
		.preis__kachel .textline {
			bottom: -10px;
			left: -8px;
		}
		.notizen__card {
			top: 20px;
			height: 190px;
			width: calc(100% - 40px);
			left: 0;
			position: RELATIVE;
		}
		.notizen {
			width: 100%;
		}
		.notizen__card textarea {
			font-size: 15px;
		}
		#anfrage form {
			width: calc(100% - 0px);
			margin-top: -230px;
			padding: 0;
			height: auto;
			-webkit-box-shadow: none;
					box-shadow: none;
			overflow: hidden;
			border-radius: 0;
			display: block;
		}
		.artDerAnsagen {
			width: 100%;
			height: 280px;
			margin-left: 0;
		}
		section.allgemein {
			height: auto;
		}
		.check__style.ansagenpaket {
			width: 100%;
			height: auto;
		}
		.check__style .form__row>div>div {
			width: 100%;
		}
		.textauswahl.check__style {
			width: 100%;
			height: 240px;
			-webkit-box-shadow: none;
					box-shadow: none;
			border-radius: 0;
		}
		.textdatei span {
			position: relative;
			bottom: -10px;
			float: left;
			left: 80px;
			width: 60%;
		}
		body.txt .form-group.file-area {
			position: absolute;
			height: 50px;
			width: 100%;
			top: 40px;
			margin-top: 20px;
		}
		.file-area .file-dummy {
			width: 100%;
			height: 40px;
		}
		.file-area .default {
			width: 220px;
			margin: auto;
			height: 40px;
			left: 0;
			right: 0;
			position: RELATIVE;
		}
		#anfrage form .details .file-area .check__style .form__row {}
		.file-area .default span {
			left: 26px;
			/* height: 40px; */
			top: -4px;
		}
		#anfrage form .details .check__style .form__row {
			height: 50px;
		}
		#anfrage form .check__style.textoptimierung {
			width: 100%;
			margin-top: 0px;
			padding-left: 20px;
			height: 240px;
			margin-bottom: 10px;
		}
		#anfrage form .check__style.aufMobilboxAufspielen {
			width: 100%;
			height: auto;
			padding-left: 20px;
		}
		.col-20 {
			width: 100%;
		}
		.musik-wahl .col-20 {
			background: url(/i/kopfhoerer.svg);
			height: 220px;
			background-size: 200px;
			background-repeat: no-repeat;
			background-position: center;
			background-color: #f5f5f5;
			margin-right: 0;
			width: calc(100%);
			border: none;
		}
		.kategorie {
			border: none;
			background-color: white;
		}
		.check__style.musik-wahl.blue {
			height: auto;
			width: calc(100% + 0px);
			left: 0;
		}
		.col-40 {
			width: calc(100% - 50px);
			padding-left: 70px;
		}
		#anfrage form .details .check__style .col-40 .form__row {
			height: auto;
			width: calc(100% - 40px);
		}
		.check__style.blue label {
			width: 70%;
			top: -1px;
		}
		section.daten>div.firma .form__row {
			width: 100%;
		}
		section.daten>div.adresse {
			height: 400px;
			left: 25px;
			position: relative;
		}
		section.daten>div.adresse>div {
			width: 100%;
			height: 80px;
		}
		section.daten>div.kontaktdaten {
			left: 25px;
			width: calc(100% - 90px);
			padding: 20px;
		}
		section.daten>div.kontaktdaten>div {
			width: 90%;
		}
		section.daten>div.kontaktdaten>div.funktion {
			width: 90%;
		}
		section.daten>div.kontaktdaten>div.eMailAdresse {
			width: 90%;
		}
		section.daten>div.kontaktdaten>div.website {
			width: 90%;
			margin-top: 0;
		}
		.kontakt input[type="submit"] {
			width: 230px;
			display: block;
			bottom: 140px;
			background: #f89637;
			padding: 10px;
			margin: auto;
			left: 0;
			right: 0;
			background-image: -o-linear-gradient(top, #FAD961 0%, #F76B1C 100%);
			background-image: -webkit-gradient(linear, left top, left bottom, from(#FAD961), to(#F76B1C));
			background-image: linear-gradient(-180deg, #FAD961 0%, #F76B1C 100%);
			color: #fff;
			font-weight: bold;
			border: solid 3px #11192a;
			border-radius: 4px;
			cursor: pointer;
			-webkit-transition: .2s;
			-o-transition: .2s;
			transition: .2s;
			position: relative;
			width: 100%;
			top: -460px;
			background: #717ec9;
			width: 60vw;
			margin: auto;
			position: relative;
			display: block;
			padding: 10px;
			color: #fff;
			font-size: 23px;
		}
		.content {
			max-width: 100%;
		}
		section h2 {
			padding-left: 20px;
			font-size: 28px;
			width: calc(100% - 20px);
		}
		.artDerAnsagen>div>div>div {
			width: 110px;
			background-size: 70px;
			height: 110px;
		}
		.daten select {
			width: 100%;
		}
		section.daten>div.firma {
			left: 25px;
			position: relative;
		}
		section.daten h3 {
			padding-left: 20px;
			text-align: left;
			padding-left: 0;
		}
		.note.open {
			width: calc(100vw - 40px);
			left: 0;
			margin: 0;
			top: 0;
			height: 410px;
			z-index: 999;
			height: calc(100vh - 40px);
		}
		body.main .demos__home {
			top: 0px !important;
			position: relative;
			bottom: inherit;
			left: -3vw;
		}
		.featureDemoTitel {
			color: #fff;
			font-size: 22px;
			top: -140px;
		}
		.player-demo {
			width: 170px;
			/* background: #f5f5f5; */
			margin-bottom: 15px;
		}
		body.main .demos__home .gimmick {
			right: -295px;
			top: -234px;
			z-index: 1;
			width: 100px;
			background-size: 120px;
		}
		.header .headline>* {
			z-index: 2;
			max-width: 100%;
		}
		.link {
			width: initial;
		}
		#home .featureDemoTitel h2 {
			color: #fff;
			top: -10px;
		}
		#home .gimmick {
			display: none;
		}
		#intro {
			width: calc(100vw - 40px);
			border-radius: 0;
			-webkit-box-shadow: none;
					box-shadow: none;
			padding: 20px;
			top: -110px;
		}
		.intro__wrapper {
			margin-bottom: 60px;
		}
		section.bg h2 {
			font-size: 24px;
			top: 30px;
		}
		section.bg p {
			top: 50px;
			position: relative;
			left: 20px;
		}
		.textblock .col-100,
		.textblock .col-50 {
			margin: 0;
			width: calc(100% - 60px);
			background: #fff;
			padding: 30px;
			margin-top: 30px;
		}
		section.one.textblock {
			background: none;
			-webkit-box-shadow: none;
					box-shadow: none;
			height: 2120px;
		}
		.dark {
			margin-top: 120px;
		}
		.owl-carousel.two .owl-stage-outer {
			/* overflow: inherit;
			 */
			height: 630px;
		}
		.owl-carousel.owl-theme.owl-loaded.owl-drag.two {
			height: 500px;
		}
		.owl-carousel.two .owl-stage {
			height: 600px !important;
			/* transform: inherit !important;
			 */
		}
		.owl-carousel.one .owl-stage {
			/* height: 300px !important; */
			width: 89vw !important;
			/* position: absolute; */
			/* left: 0; */
			right: 0;
			-webkit-transform: none !important;
			-ms-transform: none !important;
				transform: none !important;
			overflow: hidden;
		}
		.owl-carousel.owl-drag.two .owl-item:first-child {
			height: auto;
		}
		.owl-carousel.owl-drag.two .owl-item {
			width: 329px !important;
			margin-right: 10px !important;
		}
		section#slider {
			height: 1200px;
		}
		.col-25 {
			width: 100%;
			height: auto;
			margin-bottom: 30px;
		}
		.preise {
			height: auto;
			padding-bottom: 30px;
			position: relative;
			display: block;
		}
		.preis__kachel {
			height: 390px;
			WIDTH: calc(100% - 80px);
			left: 20px;
		}
		#preise main {
			min-height: 3000px;
		}
		.text__body .kachel {}
		.text__body {
			float: left;
			padding: 0;
			margin: 20px;
			width: calc(100% - 50px);
		}
		.notification {
			bottom: inherit;
			top: 30px;
			width: 70vw;
			z-index: 9999;
		}
		#preise main .content {
			min-height: 3300px;
		}
		.preis__hinweise {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			margin-bottom: 180px;
		}
		#site-content {
			background: #f5f5f5;
			margin-bottom: 0 !important;
		}
		#preise .site-wrap {
			min-height: 3400px;
		}
		.preis__hinweis {
			width: 100%;
			margin-bottom: 10px;
		}
		.preis__infos {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.preis__infos ul {
			width: calc(100% - 82px);
			height: auto;
		}
		.preis__hinweise {
			margin-bottom: 0;
		}
		.musik__preise .col-33 {
			width: 100%;
			margin-bottom: 90px;
		}
		#preise main {
			top: -300px;
		}
		main .preise {
			top: -310px;
		}
		.opennote:hover span {
			display: none;
		}
		.opennote:hover {
			-webkit-tap-highlight-color: transparent;
		}
		input[type="reset"],
		.options input[type="submit"] {
			background-color: transparent;
		}
		#site-footer {
			position: relative;
		}
		footer {
			padding-bottom: 120px;
		}
		#preise #site-content {
			margin-bottom: 140px !important;
		}
		.preis__kachel img {
			left: 60px;
		}
		body.main .demos__home {
			width: 100vw;
			left: 0;
			right: 0;
			margin: auto;
			left: 0vw;
			height: auto;
		}
		.demos__4 .player-demo {
			margin-bottom: 30px;
		}
		.featureDemoTitel h2 {
			color: #fff;
			font-size: 18px;
			top: 17px;
			margin: auto;
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
		}
		body.main main .content {
			width: 100% !important;
		}
		main .link.preise {
			top: initial;
		}
		/* !Sprecher */
		.intro.info {
			height: auto;
			float: left;
			margin-bottom: 30px;
			display: block;
			margin-top: 0;
			width: calc(94vw - 60px);
			margin-left: 3vw;
		}
		#sprecher .content__block .content {
			width: 94vw;
		}
		/* !Filter */
		.demo__filter {
			width: calc(94vw - 20px);
			margin-top: 10px;
			padding: 10px;
		}
		.sprache input {
			left: -180px;
		}
		.sprache>li input:before {
			left: 189px;
		}
		.filter-head a {
			font-size: 9px;
			margin-bottom: -2px;
		}
		.cd-filter-block:nth-child(2) {
			height: 180px;
		}
		.demo__filter .stil li {
			width: 50%;
			padding: 0;
			margin-bottom: 15px;
		}
		.geschlecht li {
			margin-bottom: -6px;
		}
		ul.cd-filter-content.cd-filters.list.stil {
			width: 90%;
			margin: auto;
			float: none;
			margin-top: 20px;
			height: auto;
			height: 90px;
		}
		/* !Agentur */
		#agentur main .content {
			width: 100%;
			float: left;
			height: auto;
		}
		.about {
			float: left;
			width: 100%;
			top: -170px;
		}
		.about__kachel {
			height: auto;
			width: 94%;
			left: 3%;
			margin-bottom: 20px;
			margin-top: 20px;
		}
		.about .inner p {
			width: 95%;
			padding-bottom: 60px;
		}
		.about .inner {
			padding: 20px;
		}
		.about__kachel.wer {
			height: auto;
		}
		.team-row {
			float: left;
		}
		.about__kachel.wer .inner h2 {
			font-size: 34px;
			padding-left: 70px;
		}
		.wer .col-25 {
			height: 260px;
			margin: 0;
		}
		.about__kachel.wer img {
			max-width: 100px;
		}
		.wer .col-25 {
			width: 50%;
		}
		.about .wer .inner:after {
			left: 0;
			top: 20px;
		}
		.col-70 {
			width: 100%;
		}
		.col-30 {
			width: 100%;
		}
		.intro.info.klein {
			width: calc(100% - 60px);
			margin-left: 0;
			height: 100px;
		}
		#musik main .content {
			width: 94vw;
		}
		.intro.info {
			margin-left: 0;
			width: calc(100% - 60px);
			min-width: 240px;
		}
		.intro.info {
			padding-top: 20px;
			font-size: 14px;
		}
		
		.intro.info h2 {
			font-size: 16px;
		}
		.intro.info img {
			width: calc(20% + 30px);
			right: 0px;
			position: absolute;
			top: -50px;
			border-radius: 5px 5px;
			left: inherit;
		}
		.scrolly {
			width: auto;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			overflow: scroll;
		}
		#home .demos__home {
			display: none;
		}
		main .content {
			width: 100vw;
			left: 0px;
		}
		main {
			margin-top: 0px;
		}
		.fullsize {
			padding: 10px;
			width: calc(100% - 20px);
			background: none;
			-webkit-box-shadow: none;
					box-shadow: none;
		}
		.feature {
			padding: 10px;
			float: none;
			margin: AUTO;
			margin-top: 20px;
		}
		
		.fullsize {
			width: 100%;
		}
		.feature__figure {
			width: 100%;
		}
		.feature__shadow {
			height: 160px;
			width: 175px;
			left: 0;
		}
		.feature__circle {
			height: 150px;
			width: 150px;
			left: 30px;
		}
		.feature__text h2 {
			right: 0;
			height: auto;
			font-size: 28px;
			padding-left: 0;
			margin-right: 20px;
			text-align: center;
			margin: auto;
			width: 100%;
			margin-bottom: 10px;
			padding-top: 30px;
		}
		.feature__text {
			position: relative;
			width: 100%;
			padding: 14px;
			padding-left: 0;
			padding-right: 0;
			-webkit-box-ordinal-group: 3;
			-ms-flex-order: 2;
			order: 2;
		}
		a.feature__link {
			height: 40px;
			line-height: 40px;
		}
		.feature {
			background: #FFF;
			border-radius: 5px;
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
			overflow: hidden;
			padding: 15px;
			padding-top: 0px;
		}
		.feature-sprecher .feature__figure {
			/* width: 100%; */
			/* left: 0px; */
			/* top: 20px; */
		}
		.feature-sprecher a.feature__link {
			/* right: 0; */
			/* top: -90px; */
			/* left: 0; */
			/* margin: auto; */
			/* position: relative; */
			/* margin-top: 40px; */
			/* display: block; */
		}
		.feature-musik .feature__figure {
			width: 100%;
			left: -20px;
			top: 30px;
		}
		.feature-musik a.feature__link {
			/* right: -160px; */
			/* top: 30px; */
		}
		.feature-text .feature__figure {
			/* width: 180px; */
			/* right: -190px; */
			/* top: -30px; */
		}
		.feature-text a.feature__link {
			/* right: -40px; */
			/* top: 50px; */
		}
		.feature-text .feature__text {
			/* margin-top: -70px; */
		}
		#home .demos__4 {
			width: 100%;
			left: -10px;
		}
		.smooth__intro .col-33 {
			width: 100%;
		}
		.absolute {
			width: 100%;
			margin-left: -5px;
			margin-top: 0;
			height: auto;
			margin-bottom: 50px;
		}
		.kunden__snippet {
			padding: 10px;
			width: calc(100% - 20px);
		}
		.item {
			background-size: 90%;
			background-position: center;
		}
		.kunden__snippet .owl-item {
			margin: 5px;
		}
		.owl-carousel.owl-drag .owl-item {
			/* width: calc(50% - 13px) !important; */
		}
		.sprecher__highlight {
			left: 0;
			top: 0;
		}
		.home__reinhoeren .col-50 {
			width: 100%;
		}
		.home__reinhoeren {
			height: auto;
			left: 0;
		}
		div#intro {
			width: calc(100% - 50px);
			left: -12px;
			margin-top: 70px;
		}
		.col-100.special__rocket {
			width: 100%;
			left: -20px;
			border-radius: 0px 0px 10px 0px;
		}
		.rocketcontainer {
			left: -50px;
			top: 130px;
			overflow: hidden;
		}
		#intro .special__rocket p {
			background: black;
			z-index: 9;
		}
		#home .dark {
			margin-top: 50px;
			max-width: 100vw;
			left: -17px;
			position: relative;
			width: 100vw;
		}
		.content__block .dark .content {
			margin-top: 0 !important;
		}
		.premium__body>div {
			width: calc(100% - 40px);
			left: -20px;
			margin-top: -60px;
		}
		#home .news-snippet {
			width: calc(100% - 60px);
			height: auto;
		}
		.newsletter__cta {
			width: 80%;
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 320px;
			margin-left: 5%;
			height: auto;
		}
		.newsletter__cta img {
			position: absolute;
			margin: auto;
			top: -80px;
			left: 0;
			right: 0;
		}
		.newsletter__cta .col-70 {
			padding-top: 50px;
		}
		.newsletter__cta button.button {
			float: none;
			margin: auto;
		}
		.newsletter__cta .buttons {
			width: 100%;
			float: left;
			padding-left: 20px;
			margin-top: 20px;
		}
		.newsletter__cta input {
			left: 30px;
		}
		.angebot__home h2 {
			font-size: 29px;
		}
		.angebot__home {
			position: relative;
			left: -10px;
		}
		.demo__body {
			width: calc(100% + 20px);
			left: -10px;
			position: relative;
			border-radius: 0;
		}
		section.cd-gallery {
			width: 100%;
			float: left;
		}
		.col-60 {
			width: 100%;
		}
		.video {
			padding: 0;
			margin: 0;
		}
		.demos__float {
			position: relative;
			top: 30px;
		}
		body.imagefilm .player-demo {
			height: 90px;
		}
		.imagefilm .col-40.vert {
			padding-left: 0;
			margin-top: 60px;
		}
		.page__cta {
			height: 330px;
			margin-bottom: 190px;
			width: 90%;
		}
		.page__cta p {
			font-size: 20px;
			width: 90%;
		}
		.page__cta span {
			font-size: 32px;
			margin-top: 20px;
			position: relative;
			display: block;
		}
		.cta__link {
			width: 100%;
			padding-top: 0;
	
		 }
		.page__cta a {
			float: left;
		}
		.preis__kachel.individuell {
			left: 0;
			width: calc(100% - 40px);
			border-radius: 5px;
			min-height: 460px;
			height: auto;
			padding-bottom: 70px;
		}
		.preise__intro {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			display: block;
		}
		.unser__service {
			left: 0;
		}
		.preis__pakete {
			margin-top: 90px;
		}
		.preis__kachel.individuell h3 {
			margin-top: 0px;
		}
		.preis__hinweise {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			height: 210px;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			margin-top: 70px !important;
		}
		h2.anwendungen {
			font-size: 30px;
			padding: 20px;
			width: 80vw;
		}
		h2.anwendungen:after {
			left: inherit;
			right: -30px;
		}
	
		h2.corporate__infos {
			font-size: 30px;
			padding: 20px;
			width: 80vw;
		}
		h2.corporate__infos:after {
			left: inherit;
			right: 0;
		}
		.masonry strong {
			white-space: pre-wrap;
			word-wrap: break-word;
			font-weight: bold;
			display: inline-block;
		}
		strong {
			font-weight: bold;
		}
		.page__cta a:first-child {
			margin-right: 50px;
		}
		body#text .demos__home {
			position: relative;
			width: 100%;
			top: 30px !important;
			height: auto;
		}
		.col-40.vert {
			padding-left: 0;
			width: 100%;
		}
		#text main .content {
			width: 94vw;
		}
		.kachel.white.klein {
			margin: 10px;
			width: calc(50% - 80px);
			height: auto;
		}
		.kacheln__small {
			height: auto;
		}
		.kachel.white.klein:last-child {
			width: -webkit-fill-available;
		}
		.uebersetzung .feature__circle {
			height: 290px;
			width: 300px;
			left: -10px;
			top: -90px;
		}
		.uebersetzung .feature__shadow {
			height: 260px;
			width: 505px;
			left: 0;
			top: -40px;
		}
		figure.feature__figure {
			width: 100%;
			left: -20px;
			top: 20px;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			-webkit-box-ordinal-group: 2;
			-ms-flex-order: 1;
			order: 1;
		}
		.fancy__arrow {
			display: NONE;
		}
		.feature.feature__fancy {
			width: 100%;
		}
		.uebersetzung .fullsize {
			width: 100%;
		}
		.uebersetzung .feature__text {
			-webkit-box-shadow: none;
					box-shadow: none;
		}
		.col-40 {
			width: 100%;
			padding-left: 0;
		}
		.notizen__card {}
		.zusammenfassung {
			height: auto;
			padding-bottom: 100px;
			margin-bottom: 360px;
		}
		.preis__hinweise {}
		.arrow {
			bottom: -90px;
			width: 100%;
			display: none;
			background-size: 29px;
			background-position: left bottom;
		}
		.arrow>span {
			font-size: 20px;
			position: relative;
			word-wrap: break-word;
			display: block;
			width: 100%;
		}
		body#anfrage .preis__hinweis {
			height: auto;
			margin-bottom: 5px;
			width: 210px;
		}
		.formular__wrapper {
			padding: 0;
		}
		.ansagenpaket>div:nth-child(2) {
			margin: auto;
			width: 80%;
			position: relative;
			left: 20px;
			margin-top: 10px;
		}
		.check__style {
			height: auto;
		}
		.file-area .default:before {
			left: 7px;
			top: 0px;
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
		}
		section .blue h3 {
			padding-left: 20px;
		}
		.eingabe>div {
			width: 100%;
		}
		.adresse>div {
			width: 100%;
			padding-right: 0;
		}
		.kontaktdaten div.funktion {
			width: 100%;
		}
		.kontaktdaten>div>div>div {
			width: 100% !important;
		}
		.kontaktdaten>div>div {
			width: 100%;
		}
		.kontaktdaten>div {
			width: 100% !important;
		}
		#anfrage form input[type="submit"] {
			position: relative;
			top: 0;
			left: 0;
			margin: auto;
			height: AUTO;
			margin-bottom: 20px;
			float: none;
		}
		section.daten>div.eingabe {
			padding-bottom: 80px;
			width: calc(100% - 30px);
			padding-left: 30px;
		}
		.projekt-weiter>div {
			width: calc(50% - 20px);
		}
		.projekt-weiter {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.projekt-weiter>div>a {
			padding: 15px;
		}
		.notification i.ion-close-round {
			display: block;
		}
		.headline b {
			font-size: 18px;
			right: 0;
			text-align: right;
		}
		.headline .cd-intro {
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
			top: 30px;
			left: 0;
			margin: auto;
			right: 0;
			float: none;
		}
		.sticky {
			width: 100vw;
			left: 0;
			bottom: 0;
		}
		.telefonnummer__small {
			right: 0;
			margin-left: 10px;
			bottom: 5px;
			float: left;
			width: 50px;
			height: 50px;
		}
		a.anfrage__small {
			right: 0;
			margin-left: 20px;
			bottom: 5px;
			float: left;
			width: 50px;
			height: 50px;
			-webkit-transition: .3s ease-in-out;
			-o-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
		}
		.trigger {
			background-size: 26px;
		}
		.opennote {
			right: 10px;
			margin-left: 20px;
			bottom: 7px;
			float: left;
			height: 30px;
			line-height: 30px;
			width: 120px;
		}
		.opennote .trigger {
			line-height: 30px;
			font-size: 17px;
		}
		.note .merk__item {
			border: none;
			margin-top: 6px;
			font-weight: bold;
			font-size: 20px;
		}
		.note div#output {
			max-height: 100%;
			height: 100%;
		}
		.hinweis {
			height: 100px;
			border-radius: 0;
		}
		.hinweis p {
			margin-top: 20px;
			font-size: 17px;
		}
		.merkzettel_links {
			position: relative;
			bottom: 0;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			display: block;
		}
		a.cta__anfrage {
			position: relative;
			bottom: 0;
		}
		.note span.big {
			width: 100%;
			float: left;
			text-align: center;
			margin-top: 30px;
			font-weight: bold;
			font-size: 29px;
		}
		.note span.small {
			float: left;
		}
		.note div#output {
			background: #f5f5f5;
			padding: 10px;
			float: left;
		}
		.note .merk__item {
			margin-bottom: 11px;
		}
		.player-demo .merk__titel {
			top: 0;
			width: 120px;
		}
		.arrow>div>i:nth-child(1) {
			left: 0;
			right: 0;
			margin: auto;
			margin-top: 20px;
		}
		.arrow>div>span {
			left: 0;
			font-size: 21px;
		}
		.musik-wahl .col-40 {
			height: auto;
		}
		section.daten .formular__hinweis {
			position: relative;
			left: 0;
			margin: auto;
			right: 0;
			height: auto;
			top: -190px;
		}
		.zeig-papagei {
			left: 0px;
			height: 170px;
			top: 0;
		}
		.hinweis__tile {
			left: 118px;
			width: 210px;
		}
		.eingabe>div.form__referenzen {
			position: RELATIVE;
			position: RELATIVE;
			max-width: 100vw;
			overflow: scroll;
			margin-bottom: 0px;
			left: 0;
			bottom: inherit;
		}
		.form__referenzen .kundenlogo:nth-child(4) {
			display: none;
		}
		.sprecher__highlight .player-demo .merk__titel {
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
		}
		.reinhoer__demos .player-demo .merk__titel {
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
			font-size: 20px;
		}
		.reinhoer__demos {
			width: 90%;
			margin: auto;
			margin-top: 20px;
		}
		.reinhoer__demos .player-demo {
			height: 70px;
		}
		.telefonnummer__small .modal {
			left: 0;
			top: -150px;
		}
		.telefonnummer__small.stage-1 .modal {
			top: -580px;
			width: 80vw;
		}
		.merkzettel__anfrage {
			position: relative;
			float: left;
			margin: auto;
			margin-bottom: 40px;
			margin-top: 10px;
			margin-left: 20px;
		}
		.merkzettel__anfrage b {
			margin-left: 0;
			margin-top: 20px;
		}
		.note .merk__item {
			font-size: 17px;
			font-weight: normal;
		}
		.demo__body {}
		li.player-demo.empfehlung__demo.mix {
			width: auto;
		}
		.link.bestellung:after {
			display: none;
		}
		body#anfrage .preis__hinweis i {
			display: inline-block;
			float: left;
		}
		body#anfrage .preis__hinweis>div {
			margin-top: 10px;
			margin-left: 10px;
		}
		.artDerAnsagen h2 {
			padding-left: 0;
			font-size: 22px;
			margin-bottom: 20px;
		}
		.spracheDerAnsagen {
			position: RELATIVE;
			width: 100%;
			height: 230px;
			overflow: scroll;
			background: whitesmoke;
		}
		.projekt__details h2,
		.details .text h2,
		.ansagenpaket h2 {
			margin-left: 20px;
		}
		.ansagenauswahl {
			margin-left: 0;
		}
		.weitereAnsagen {
			margin-left: 0;
			width: calc(100% - 0px);
		}
		body.musik-form .musikauswahl-trigger {
			width: calc(100% - 40px);
			padding-top: 0;
		}
		.details .musiktitel {
			position: relative;
			margin-left: 60px;
			right: initial;
			bottom: inherit;
			margin-top: 0;
			margin-bottom: 60px;
		}
		.details .col-100.text {
			margin-top: 0;
			margin-bottom: 0px;
		}
		.textdatei {
			position: relative;
			display: none;
		}
		.aufMobilboxAufspielen>img {
			float: left;
			max-width: 60%;
			margin-right: 40%;
		}
		h3 {}
		#anfrage form .check__style.aufMobilboxAufspielen h3 {}
		#anfrage form .details .check__style .form__row {
			width: 80%;
		}
		.check__style.audiodateien {
			width: calc(100% - 20px);
			margin-top: -10px;
		}
		.check__style.audiodateien>div {
			padding-left: 20px;
		}
		section.daten {
			display: block;
			max-width: 100%;
		}
		section.daten .eingabe h3 {
			margin-bottom: 30px;
			border-bottom: solid 2px #f89d3c;
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
			padding: 4px;
			font-size: 28px !important;
		}
		.artDerAnsagen>div>div>div:nth-child(1) {
			margin-right: 50px;
		}
		.merkzettel__hinweis {
			margin-bottom: 40px;
		}
		#intro span {
			top: 0;
			color: #333;
		}
		.premium span {
			font-size: 24px;
		}
		div#kundenfeedback {
			max-width: 100%;
			top: 50px;
			position: relative;
			margin-bottom: 130px;
		}
		section.testimonials {
			min-height: 350px;
		}
		#kundenfeedback .owl-stage-outer {
			height: auto;
		}
		.big__head {
			max-width: 100%;
			width: calc(100% - 60px);
			padding: 30px;
			font-size: 29px;
			margin-top: -40px;
		}
		.big-slider .item {
			margin-left: 20px;
			width: calc(100% - 40px);
		}
		section.testimonials {
			height: auto;
			max-width: 100vw;
		}
		#home section#slider {
			margin-bottom: 50px;
		}
		.news-snippet {
			top: 0;
		}
		.featureDemoTitel {
			top: -20px;
		}
		body.main .demos__home,
		#sprecher .demos__home,
		#musik .demos__home,
		#text .demos__home,
		#referenzen .demos__home,
		#agentur .demos__home {
			height: auto;
		}
		.synchron {
			max-width: 100vw;
			width: 100%;
			top: -10px;
		}
		#sprecher.synchronsprecher main .content {
			width: 100vw;
		}
		.fancy__kachel {
			width: 100%;
			max-width: 88vw;
			right: 0px;
			padding-bottom: 140px;
		}
		.schauspieler__slider {
			position: relative;
			float: left;
			width: 100%;
			left: 30px;
			left: 0;
		}
		.synchron h2 {
			font-size: 22px;
			font-weight: bold;
		}
		.fancy__kachel .col-70 {
			width: 80%;
		}
		.sprecher__text p {
			padding: 5px;
		}
		.synchronsprecherSchauspieler {
			width: calc(100% - 40px);
			border-radius: 0;
			margin-top: 60px;
		}
		.synchronsprecher__player {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.synchronsprecher .player-demo.big {
			width: 360px;
			left: 90px;
		}
		body.synchronsprecher .player-demo>span {
			width: auto;
			top: 14px;
			left: 0;
		}
		.fancy__kachel .player-demo .plyr--playing .plyr__progress {
			display: none;
		}
		.fancy__text {
			margin-left: 40px;
			border-radius: 0;
			margin-top: 0;
			padding: 10px;
			width: calc(100% - 40px);
			padding-bottom: 90px;
			border-radius: 8px;
		}
		.fancy__grafik {
			margin-top: -140px;
		}
		.synchron .fancy__grafik img {
			max-width: 50vw;
			margin-left: 50vw;
			border-radius: 50%;
		}
		.fancy__widget {
			width: 100vw;
		}
		.fancy__widget img {
			max-width: 160px;
			position: relative;
			top: -40px;
			right: -120px;
		}
		.fancy__kachel.info.merkbar.klein {
			width: 100%;
			margin: auto;
		}
		.fancy__kachel.klein .synchronsprecherSchauspieler {
			width: calc(100% - 40px);
			height: 30px;
		}
		.fancy__kachel.klein .schauspieler__bild {
			width: 80px;
			float: right;
			top: -30px;
			right: -20px;
			left: inherit;
		}
		.schauspieler__slider>div:nth-child(2) .synchronsprecherSchauspieler {
			width: 40%;
			margin-bottom: 3px;
		}
		.fancy__kachel.klein .synchronsprecherSchauspieler {
			height: 18px;
		}
		body#beispiele .demos__home {
			background: none;
			-webkit-box-shadow: none;
					box-shadow: none;
			width: 90%;
			margin: auto;
			float: none;
			left: 10px;
			height: auto;
			top: 0 !important;
		}
		body#beispiele .player-demo {
			-webkit-box-shadow: 0 0 35px rgba(48, 95, 129, 0.1);
					box-shadow: 0 0 35px rgba(48, 95, 129, 0.1);
			height: 100px;
		}
		#beispiele main .content {
			width: 100vw;
		}
		body#beispiele .player-demo>span {
			top: 30px;
			font-size: 14px;
		}
		.beispiele {
			padding-left: 0;
		}
		.beispiele article {
			width: calc(100% - 40px);
			margin-bottom: 10px;
		}
		#beispiel .microsite {
			width: 100%;
			max-width: 100vw;
			/* padding: 20px; */
			padding-top: 0;
			height: auto;
			margin: auto;
			right: 0;
			left: 0;
			border-radius: 0;
		}
		.microsite>img {
			width: 100%;
			left: 0;
			border-radius: 0;
		}
	
		#beispiel .demos__float {
			position: RELATIVE;
			width: 100%;
			top: 0;
		}
		body#beispiel .demos__4 {
			padding-left: 0px;
		}
		#beispiel .plyr--audio .plyr__controls {
			margin-left: 10px;
		}
		.microsite p {
			width: 80%;
			margin-top: 80px;
		}
		.testimonial {
			position: relative;
			right: inherit;
			left: 10px;
			border-radius: 0;
			width: calc(100% - 60px);
			-webkit-box-shadow: none;
					box-shadow: none;
			margin-top: 40px;
			float: left;
			top: 20px;
		}
		.microsite__content>img {
			display: none;
		}
		.paket-preview>span {
			top: 21px;
		}
		.notizen__card {
			width: calc(100% - 0px);
			padding: 0;
			height: auto;
		}
		.zusammenfassung .merk__item {
			width: 100%;
		}
		.zusammenfassung {
			height: auto;
			padding-bottom: 100px;
			margin-bottom: 280px;
			width: calc(100% - 60px);
			padding: 20px;
		}
		.zusammenfassung #output {
			height: auto;
		}
		.preis__hinweise {
			padding: 10px;
			height: auto;
		}
		body#anfrage .preis__hinweise h3 {
			left: 20px;
		}
		#anfrage main .content {
			max-width: 100vw;
			width: 100vw;
		}
		.success {
			background-image: -o-linear-gradient(top, #fad961 0, #f76b1c 100%);
			top: -100px;
			position: relative;
		}
		.success .brand {
			display: none;
		}
		.success .checkmark__back>path {
			fill: #fff;
		}
		.success h1 {
			color: #fff;
		}
		.success .gesendet .checkmark {
			left: 10px;
		}
		.success .scroll {
			width: 100vw;
			height: auto;
		}
		.success .gesendet__body .info__block:nth-child(1) {
			position: relative;
			width: 80% !important;
			margin: auto;
			height: 30px;
			float: none;
			left: 0;
		}
		.success .gesendet__body .info__block:nth-child(2) {
			margin-left: 70px;
			margin-top: 30px;
		}
		.success .info__block {
			margin-left: 70px;
		}
		.success .scroll:after {
			display: none;
		}
		.success .info__icon img {
			top: inherit;
			left: inherit;
			right: 10px;
			bottom: 10px;
		}
		nav.main-nav.open ul {
			width: calc(100vw - 40px);
			margin: 0;
			height: calc(100vh - 30px);
			left: 10px;
			top: 20px;
			border-radius: 3px;
		}
		.cd-morph-dropdown .main-nav>ul>li>a {
			text-shadow: none;
		}
		.cd-morph-dropdown .gallery .content {
			top: 0;
		}
		.cd-morph-dropdown .morph-dropdown-wrapper {
			top: 260px;
		}
		.cd-morph-dropdown.is-dropdown-visible .dropdown-list {
			width: calc(100% - 20px) !important;
		}
		nav.main-nav.open ul {
			width: calc(100vw - 0px);
			margin: 0;
			height: auto;
			left: 0px;
			top: 20px;
			border-radius: 3px;
		}
		.cd-morph-dropdown .main-nav>ul>li>a {
			text-shadow: none;
		}
		.cd-morph-dropdown .gallery .content {
		width: calc(100% - 20px);
		padding: 10px;
		top: 0px;
		padding-top: 0;
		}
		.cd-morph-dropdown .morph-dropdown-wrapper {
			top: 260px;
		}
		.cd-morph-dropdown.is-dropdown-visible .dropdown-list {
			width: calc(100% - 140px) !important;
			-webkit-transform: translateX(30px);
				-ms-transform: translateX(30px);
					transform: translateX(30px);
		}
		.cd-morph-dropdown .main-nav.open .nav__trigger {
			-webkit-box-shadow: none;
					box-shadow: none;
		}
		.nav__trigger {
			background: none;
			color: #000;
			/* -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
			-webkit-box-shadow: none;
					box-shadow: none;
			font-size: 28px;
			right: 12px;
			top: 8px;
		}
		.nav__trigger a {
			display: block;
			margin-top: 4px;
		}
		.nav__trigger .ion-navicon-round {
			top: 4px;
			position: relative;
		}
		.cd-morph-dropdown.is-dropdown-visible .main-nav>ul>li.active>a {
			border-left: none;
			color: var(--blau);
		}
		.cd-morph-dropdown .morph-dropdown-wrapper.open {
			/* display: block; */
			/* position: fixed; */
			margin-top: 0;
			top: 71px;
			z-index: 2222;
			left: 130px;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			/* background: gray; */
			height: calc(100% - 90px);
		}
		span.select2.select2-container {
			width: 100% !important;
		}
		.musiktitel h4 {
			text-align: center;
			font-weight: 300;
			font-size: 22px;
		}
		.musiktitel {
			width: 89%;
		}
		section.musikkauf {
			border-radius: 5px 5px 0px 0px;
		}
		.kundenlogo .plyr--full-ui {
			display: block;
			overflow: hidden;
			max-width: -webkit-fit-content;
			max-width: -moz-fit-content;
			max-width: fit-content;
			float: left;
			position: absolute;
			min-width: 30px !important;
			left: -140px;
		}
	
		#agentur .kundenlogos {
			margin-top: 0px;
		}
		#agentur .kundenlogos .kundenlogo {
			width: calc(50% - 20px);
			float: none;
			margin: auto;
			margin-bottom: 30px;
			float: left;
			background-size: 140px;
			margin-right: 2px;
			margin-left: 14px;
		}
		.kundenlogo .plyr__controls>.plyr__control:first-child {
			width: 30px;
			height: 30px;
			top: 0;
			
		}
		li.player-demo.empfehlung__demo.mix {
			
			padding-bottom: 10px;
			width: calc(100% - 20px);
			margin-bottom: 30px;
		}
		#preise .slogan {
			top: 70px;
			right: 20px;
			height: 230px;
			margin-top: 30px;
		}
		.feature.feature-text.feature__normal h2 {
			/* padding-top: 60px; */
		}
		.feature.feature-musik.feature__normal h2 {
			padding-top: 30px;
		}
		.feature.feature-sprecher .feature__text {
			padding-bottom: 50px;
		}
		.feature.feature-text .feature__text {
			padding-bottom: 60px;
		}
		a.bestellung__cta {
			display: none;
		}
		.headline b {
			font-size: 21px;
			font-weight: bold;
		}
		.headline .cd-intro {
			float: left;
			margin-top: -30px;
			width: 100%;
			left: 0;
		}
		#home .headline h2 {
			margin-top: 20px;
			left: 0;
			right: 0;
			margin: auto;
			text-align: center;
			width: 100%;
			display: block;
			position: relative;
			float: left;
			max-width: 100%;
			margin-top: 20px;
			margin-bottom: 0;
		}
		.headline b {
			text-align: center !important;
			width: 100%;
			display: block;
		}
		.cd-headline {
			float: left;
			margin-top: 0;
			width: 100%;
			display: block;
		}
		span.cd-words-wrapper {
		
			width: 100% !important;
			text-align: center;
		}
		#home .header {
			height: 450px;
		}
		.link__kacheln {
			width: 100%;
			margin-left: 10px;
		}
		.gimmick {
			top: -150px;
			right: -20px;
		}
		#sprecher main.cd-main-content:after {
			display: none;
		}
		body#text .plyr--audio .plyr__controls {
			margin-left: 20px;
		}
		body#text .demo__container {
			margin-left: 30px;
		}
		#text.ansagetexte .gimmick {
			top: -160px;
			right: -20px;
		}
		body#beispiele .demos__4 .player-demo>span {
			top: 0;
		}
		body#beispiele .demos__4 .player-demo {
			width: calc(100% + 60px) !important;
			left: -10px;
			height: 131px;
			margin: 10px;
			float: left;
			max-width: none;
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		}
		#text .slogan {
			display: none;
		}
		.bestellung .adresse>div.col-50 {
			width: 90%;
		}
		form.bestellung {
			height: auto;
			float: left;
			padding-bottom: 140px;
		}
		.kontaktdaten div.telefonnummer {
			width: 100%;
		}
		.bestellung .kontaktdaten div.eMailAdresse {
			width: 100%;
		}
		.bestellung .kontaktdaten>div>div.col-40 {
			width: 60%;
		}
		.com {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			display: block;
			margin-top: 30px;
			position: relative;
			max-width: 100%;
		}
		.com__content {
			width: 100%;
			margin-top: 120px;
			height: 1000px;
			float: left;
		}
		nav.com__nav {
			width: 100%;
			float: left;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			zop: -80;
			position: absolute;
			top: 110px;
		}
		.com__nav-item {
			width: 50%;
			float: left;
			height: 60px;
		}
		.com__nav-list {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-flow: unset;
			flex-flow: unset;
			display: block;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
		}
		.com__nav-link {
			left: 0;
			width: 100%;
			padding: 0;
		}
		a.com__nav-link>span {
			height: 100%;
			padding: 4px;
			text-align: center;
		}
		.com__section {
			padding: 0;
			display: block;
		}
		.com__section--text h2 {
			font-size: 40px;
			margin-bottom: 10px;
		}
		.com__section--text p {
			padding: 20px;
		}
		#beispiel main .content {
			left: 0;
			right: 0;
			margin: auto;
			float: none;
		}
		img {}
		#beispiel .microsite h2 {
			font-size: 34px;
			width: 100%;
		}
		.micro__bild {}
		.micro__bild {
			width: 100%;
		}
		.micro__head {
			max-height: 400px;
		}
		.micro__demos {
			position: absolute;
			width: 100%;
			bottom: 30px;
		}
		.player-demo {}
		.microsite p {
			width: 100%;
		}
		.microsite .zitat p {
			margin-top: 30px;
		}
		.inhalt figure.news {
			max-width: 100vw;
			top: -350px;
			height: auto;
			width: 95%;
		}
		a.bb {
			float: left;
			margin-left: 40px;
		}
		img.in-artikel {
			position: relative;
			height: 270px;
			margin-top: 40px;
			border-radius: 5px;
			max-width: 100%;
			height: auto;
		}
		.news__artikel {
			float: left;
			margin-top: 30px;
			width: 100%;
		}
		.single-head {
			height: auto;
		}
		.demos__branche {
			width: calc(100% - 0px);
		}
		.header.cluster {
			padding-left: 0;
			border-radius: 0;
		}
		#anfrage .cd-words-wrapper b {
			left: inherit;
			right: 40px;
			top: -10px;
		}
		.beispiele .intro__text {
			width: calc(100% - 40px);
			margin-top: -20px;
			border-radius: 4px;
		}
		.beispiele .demos__home {
			width: 100%;
			padding: 0;
			margin: 0;
		}
		.beispiele .player-demo>span.kat {
			display: none;
		}
		.beispiele .player-demo .plyr--audio .plyr__controls {
			top: 17px;
		}
		.beispiele .demos__4 {
			-webkit-box-pack: space-evenly;
			-ms-flex-pack: space-evenly;
			justify-content: space-evenly;
			width: 100%;
		}
		.speech {
			width: 100%;
			right: 0;
			position: RELATIVE;
		}
		.waiter {
			width: 100%;
			max-width: 100vw;
			width: calc(100% - 80px);
			margin-left: 20px;
		}
		.demos__stil h2 {
			left: 0;
		}
		.ansagen__stil .empfehlung {
			position: absolute;
			bottom: -10px;
			height: 40px;
			text-align: CENTER;
			left: 0;
		}
		.ansagen__stil span {
			background-color: #fff;
			margin-top: 20px;
			position: relative;
			top: 14px;
		}
		#anfrage .dsgvo {
			width: 80%;
			float: left;
			text-align: center;
			height: 100px;
			bottom: 100px;
		}
		body#anfrage div#end__cta {
			display: none;
		}
		body:not(#home) .header .headline>* {
			text-align: CENTER;
		}
		a#Xuserlike-tab {
			display: none;
		}
		#anfrage form .daten .funktion .form__row {
			width: 80%;
		}
		.kontaktdaten div.telefonnummer input {
			width: 80%;
		}
		.kontaktdaten div.eMailAdresse {
			width: 80%;
		}
		.kontaktdaten div.website {
			width: 80%;
		}
		.form__referenzen {}
		form .ssl-info {
			bottom: 40px;
		}
		.formular.anfrage>div.form__end {
			height: 440px;
		}
		section.daten .formular__hinweis {
			top: -80px;
		}
		.papagei-tipp {
			display: none;
		}
		.sprecher__highlight {
			margin-top: 10px;
		}
		body.sprecherDE .header .headline>h1 {
			text-align: center;
			font-size: 36px;
			margin-top: -15px;
			margin-bottom: 10px;
		}
		body.sprecherDE .header .headline>h2 {
			text-align: center;
		}
		.col-30.vert.mehr-info {
			height: 450px;
			overflow: hidden;
		}
		.mehr__trigger {
			position: absolute;
			top: 455px;
			right: 0px;
			font-size: 21px;
			border-bottom: solid 4px;
			border: solid 2px #777;
			padding-bottom: 4px;
			z-index: 9;
			background: #fff;
			border-radius: 5px;
			padding: 10px;
			display: block;
		}
		#sprecher .col-30.vert:after {
			content: '';
			position: absolute;
			height: 120px;
			width: 100%;
			background: -o-linear-gradient(#ffffff05, #f1f2f3);
			background: -webkit-gradient(linear, left top, left bottom, from(#ffffff05), to(#f1f2f3));
			background: linear-gradient(#ffffff05, #f1f2f3);
			top: 400px;
		}
		.ansagen__stil .col-50 {
			width: 100%;
		}
		.ansagen__stil .player-demo {
			width: calc(50% - 30px);
		}
		.player-demo .merk__titel {
			bottom: 0;
			top: inherit;
		}
		.ansagen__stil .empfehlung {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			line-height: 2.2;
			bottom: 20px;
		}
		.ansagen__stil {
			padding-bottom: 140px;
		}
		.ansagen__stil span {
			white-space: nowrap;
		}
		.brand__footer {
			width: 100%;
			margin-top: 50px;
		}
		footer .brand__footer a {
			float: none;
			top: 10px;
			border-radius: 5px;
		}
		.cd-tab-filter.geschlecht {
			width: 100%;
			height: auto;
		}
		.international .cd-filter-block.dach {
			width: 100%;
		}
		.demo__filter {
			margin-top: 60px;
		}
		section.home-branche {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			text-align: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
		.home-branche a.bb {
			float: none;
			margin: auto;
			margin-bottom: 20px;
		}
		section.home__hilfe>div {
			width: calc(100% - 60px);
			margin-top: 120px;
		}
		.hilfe__nav .left {
			width: 100%;
			margin-bottom: 40px;
		}
		.hilfe__nav {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			width: 90%;
			margin: auto;
		}
		.hilfe__nav .left span {
			margin-top: 10px;
			font-size: 26px;
			text-align: center;
		}
		.hilfe__nav p {
			text-align: center;
		}
		li.flex__item {
			width: 230px;
			height: 60px;
		}
		li.flex__item img {
			float: left;
			margin-top: 10px;
			margin-left: 5px;
		}
		section .flex__item h2 {
			width: 65%;
			float: left;
		}
		ul.accordion {}
		.accordion>div:nth-child(even) {
			width: 100%;
		}
		#suche main .content ul li.spacer {
			height: 100px;
		}
		.accordion>div:nth-child(odd) {
			width: 100%;
		}
		body#suche.hilfe main .content {
			width: 100vw;
		}
		.accordion span {
			text-indent: 0;
			line-height: 1.6;
		}
		body.hilfe .headline {
			padding-top: 50px;
		}
		.hilfe .header .inner {
			height: 200px;
		}
		body.hilfe .header {
			height: 470px;
		}
		body.leistungen .block.noborder {
			margin-top: 60px;
		}
		body.leistungen .split {
			height: AUTO;
			position: relative;
			display: block;
			top: 20px;
		}
		body.leistungen .split .right {
			margin-left: 0;
		}
		body.leistungen .leistungen__grid .leistungen__overview {
			width: 100%;
			margin: 0px;
			border-radius: 0;
			margin-bottom: 30px;
			height: auto;
			overflow: hidden;
			padding-bottom: 50px;
		}
		body.leistungen section#slider {
			max-width: 90vw;
		}
		body.leistungen .leistungen__grid .logo {
			display: none;
		}
		body.leistungen .split .left {
			position: relative;
			top: 100px;
		}
		.link.bestellung {
			margin-top: 120px;
		}
		body#anfrage .header .headline h1 {
			font-size: 36px;
		}
		body#agentur .header .headline h1 {
			font-size: 40px;
		}
		.news .inner {
			width: 100%;
		}
		figure.news .datum {
			top: -7px;
			left: initial;
			right: 0;
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
			position: ABSOLUTE;
			font-weight: bold;
		}
		.news span.kategorie {
			top: -3px;
			left: 0;
			right: inherit;
			margin-left: 0;
			padding-left: 0;
			color: #fff;
		}
		.news .meta {
			height: 30px;
			bottom: -30px;
			position: relative;
			margin-bottom: 10px;
			border-bottom: solid 1px #fff;
			padding-bottom: 9px;
		}
		.news .demo__container {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-flex-flow: column;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
					flex-flow: column;
		}
		.demo__container .player-demo {
			margin-top: 20px;
			width: 230px;
		}
		.news .demo__container>span {
			margin-right: 0;
		}
		.news__links {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			top: -400px;
			width: 90%;
		}
		.news__link {
			width: 100%;
			max-width: 90%;
			margin-bottom: 0;
		}
		.news__link a {
			font-size: 20px;
		}
		section .news__artikel h3 {
			margin-left: 10px;
			margin-top: 20px;
			margin-bottom: 20px;
			width: 90%;
			border-bottom: none;
			text-align: center;
			white-space: pre-wrap;
			overflow-wrap: break-word;
			-webkit-hyphens: manual;
			-ms-hyphens: manual;
			hyphens: manual;
			word-break: normal;
		}
		section .news__artikel h4 {
			margin-bottom: 20px;
			font-size: 20px;
		}
		section .news__artikel h4,
		section .news__artikel h3 {
			margin-left: 10px;
			max-width: calc(100% - 30px);
		}
		figure.news .news__artikel p img {
			max-width: 100%;
		}
		.news__artikel p a {
			border: none;
		}
		.preis__kachel aside {
			background-position: center -80px;
		}
		.preise__body .preise__DE .col-25:nth-child(n) .preis__kachel {
			-webkit-animation-delay: .1s;
			animation-delay: .1s;
		}
		.home__reinhoeren .innen {
			width: calc(100% - 60px);
			padding: 20px;
		}
		.reinhoer__demos .player-demo .merk__titel {
			margin-right: 30px;
			bottom: inherit;
		}
		.reinhoer__demos .herz-knopf {
			bottom: 18px;
		}
		.reinhoer__demos .player-demo {
			padding-top: 20px;
			height: 60px;
		}
		.news__link a {
			font-size: 20px;
		}
		footer .col-50 {
			width: 100%;
		}
		footer .content {
			max-width: 96vw;
			padding: 10px;
		}
		.pe-richsnippets {
			margin-top: -40px;
		}
		.social {
			height: 330px;
			display: block;
		}
		body#anfrage .preis__kachel {
			left: -20px;
			width: 100%;
			top: -50px;
		}
		.check__style.ansagenpaket {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.ansagenpaket>div:nth-child(2) {
			left: -20px;
		}
		.ansagenpaket .form__field div label {
			top: -4px !important;
		}
		.check__style.ansagenpaket {
			background-size: 200px;
			background-position: right;
		}
		.musik-wahl .kategorie {
			background-size: 300px;
			padding-top: 30px;
			padding-bottom: 20px;
			height: calc(100% - 50px);
			background-position: center;
		}
		.musik-wahl .col-20 {
			height: 260px;
		}
		.musik-wahl .col-40 {
			width: 100%;
		}
		.form__referenzen {
			padding-left: 20px;
			margin-bottom: 30px;
		}
		.tooltip__container {
			position: relative;
		}
		.tooltip__container span {
			position: fixed;
			left: 0 !important;
			top: 0 !important;
			width: calc(100% - 24px);
			-webkit-transform: translateX(0px) translateY(0px);
			-ms-transform: translateX(0px) translateY(0px);
				transform: translateX(0px) translateY(0px);
		}
		.news__artikel ul {
			margin-left: 20px;
		}
	
		.ansagen__stil.halb {
			padding: 20px;
		}
		.ansagen__stil.halb .inner {
			margin-top: 0;
		}
		.player-demo.multi {
			width: 100%;
		}
		div#userlike {
			display: none !important;
		}
		body.premiumPage .gradient:before {
			display: none;
		}
		.padding50px {
			padding: 25px;
		}
		.ansagen__stil .player-demo .plyr {
			max-width: 100%;
			min-width: auto;
		}
		.ansagen__stil .mini span {
			color: #fff !important;
			padding: 0px 5px;
			background: none;
		}
		.player-demo.multi .plyr__controls .plyr__controls__item:first-child {
			left: 0;
		}
		.player-demo.multi>div.herz-knopf {
			right: -30px;
		}

		.reinhoer__demos .player-demo.multi span.merk__titel {
			margin-top: 24px;
		}
		.premiumPage .headline {
			padding-top: 5vh;
		}
		.mixer__btns button {
			margin-bottom: 12px;
		}
		.about__kachel#partner img {
			max-width: 310px !important;
			-webkit-hyphens: auto;
				-ms-hyphens: auto;
					hyphens: auto;
		}
		.premiumPage .card-y .cd-headline {
			font-size: 5.5vw;
		}
		.miniSlider {
			display: none !important;
		}
		.cta__link {
			width: 300px;
			padding-top: 30px;
			margin: auto;
			text-align: center;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		}
	
	/*** !!! ***/
		#preise .preis__kachel .col-70 {
			padding-top: 100px;
			padding-left: 20px;
			padding-bottom: 30px;
		}
		
		.preis__kachel .textline {
			left: 0;
			right: 0;
			margin: auto;
		}
		
		
		body.premiumPage .player-demo.multi span.kat.details {
			position: relative;
			display: block;
			left: 10px;
			top: 0;
			max-width: 80%;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			-webkit-hyphens: auto;
				-ms-hyphens: auto;
					hyphens: auto;
			margin: auto;
			text-align: center;
		}
		
		body.premiumPage .player-demo.multi .plyr {
			position: relative !important;
			width: 100%;
			margin: auto;
		}
		
		body.premiumPage .player-demo.multi.details {display: -webkit-box;display: -ms-flexbox;display: flex;}
		
		body.premiumPage .player-demo.multi.details span.merk__titel {
			margin-top: 30px;
			font-weight: bold !important;
			width: 100%;
			margin: auto;
			margin-top: 20px;
		}
		
		body.premiumPage .player-demo.multi .plyr__controls .plyr__controls__item:first-child {
			left: auto !important;
		}
		
		body.premiumPage .player-demo.multi>div.herz-knopf {
			top: 20px;
			right: 20px;
		}
		body#home .premium .inner {
			font-size: 18px;
		}
		
		body#home .premium .col-33 {
			width: 100%;
		}
		
		body#home .dark {
			padding-top: 90px;
		}
		
		body#home #ganzeBandbreite .big__head {
			float: none;
			max-width: calc(100% - 40px);
			margin-top: 110px;
			font-size: 30px;
			padding: 20px;
			white-space: pre-wrap;
			-webkit-hyphens: auto;
				-ms-hyphens: auto;
					hyphens: auto;
		}
		
		body#home #ganzeBandbreite .owl-carousel.owl-theme.owl-loaded.owl-drag {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
		}
		
		body#home .owl-carousel.owl-drag .owl-item {
			background: #f0f2fe;
			padding-bottom: 40px;
		}
		
		body#home .big-slider .item {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			display: block;
		}
		
		body#home a.to__news {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			padding-bottom: 20px;
		}
		
		body#home .to__news i.ion-ios-paper {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			margin-top: 30px;
			margin-bottom: 20px;
		}
		
		
		
		body#home .news-snippet article.artikel {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			margin: auto;
			/* float: none; */
			margin-bottom: 20px;
		}
		
		body#home article.artikel .datum {
			background: #fff;
		}
		
		body#home article.artikel p {
			width: 90%;
			padding-bottom: 40px;
		}
		
		body#home .premium__body {
			width: 90%;
		}
		
		body#home .premium__body>div {
			left: 0;
		}
		
		body#home section.home__hilfe>div:after {
			right: 0;
		}
		
	body#home .intro__wrapper {
			width: calc(100% - 20px);
		}
		
		body#home div#intro {
			left: 0;
			width: calc(100% - 45px);
		}
		.demos__branche .buttonPrimary {
			margin: auto;
			position: relative;
			display: block;
			margin-bottom: 20px;
			padding: 20px;
			text-align: center;
		}
		
		.demos__branche .beispiele .player-demo>span.kat {
			display: block;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			position: RELATIVE;
			top: 0;
			max-width: calc(100% - 110px);
		}
		
		.demos__branche .player-demo.multi.details span.merk__titel {
			margin-top: 20px;
		}
	.synchron-text .text__block {
			max-width: calc(100% - 80px);
			display: block;
			position: relative;
			padding: 30px;
			margin: auto;
		}
		
		body.synchronsprecher section .synchron-text  h2 {
			font-size: 30px !important;
		}
		
		
		body.synchronsprecher h2.blue:after {
			display: none;
		}
		
		.synchron-text p {
			font-size: 19px;
		}
	body.leistungen .split .left {
			width: calc(100% - 40px);
			left: auto;
			right: auto;
			margin: 20px;
			padding-bottom: 5px;
			-webkit-transform: none;
				-ms-transform: none;
					transform: none;
			top: 0;
		}
		
		.col-50.scaleVideo.scaleTwo {
			position: relative;
			margin: auto;
			margin-top: 0 !important;
			padding: 10px;
			height: 230px;
			float: none;
		}
		
		.col-50.scaleVideo.scaleTwo iframe {
			width: 100%;
			height: auto;
		}
		.preis__pakete .preis__hinweise {
			width: calc(100% - 20px);
		}
		
		.preis__pakete .preis__hinweis {
			margin: auto;
			margin-bottom: 20px;
		}
		.feature .feature__text {
				padding-bottom: 50px;
			width: calc(100% - 40px);
			padding-left: 20px;
			padding-right: 20px;
			-webkit-hyphens: auto;
				-ms-hyphens: auto;
					hyphens: auto;
		}
		#home .headline h1 {
			font-size: 36px !important;
		}
		.demos__branche .player-demo.multi .plyr {
			position: relative;
		}
		
		.ansagen__stil .player-demo {
			width: 100%;
		}
		.pe-pro-seal.pe-pro-seal-ready {
			display: none;
		}
		.zahlungsweise > div > label {
			width: calc(100% - 24px) !important;
			height: 60px !important;
		}
		
		.step-2 form.bestellung .formular>section.daten {
			padding: 10px;
		}
		
		.zahlungsweise > div > label:before {
			left: 0;
			-webkit-transform: scale(0.7);
				-ms-transform: scale(0.7);
					transform: scale(0.7);
		}
		
		div[data-freeform-hcaptcha-container], div[data-freeform-recaptcha-container] {
			height: 0 !important;
		}
		section.musikkauf {
			width: calc(100% - 0px);
		}
		
		.formular.paypal .musiktitel {
			width: calc(100% - 40px);
		}
		
		.formular.paypal .kauf__hinweis {
			width: calc(100% - 60px);
		}
		
		.tooltip__container span b {
		}
		
		body:not(.musik-buy) form.bestellung .formular>section .bestell__step {
			display: none;
		}
		
		section.daten>div.eingabe {
			width: 100%;
		}
		.link {
			margin: 10px;
		}
		
		.link__kacheln.wide {
			width: calc(100% - 0px);
			margin: 0;
		}
		#beispiel .grid {
			width: 100%;
		}
		
		#demoIndividuel .player-demo.multi.details {
			margin: 0;
			margin-bottom: 10px;
		}
		
		#demoIndividuel .player-demo.multi .plyr {
			min-width: 0;
		}
		
		#beispiel .player-demo.multi.details span.merk__titel {
			text-align: left;
		}
		
		.largeP h2 {
			padding-left: 0;
		}
		.link__kacheln {
			margin: 0;
		}
		.content .scrolly {
			overflow: hidden;
		}
		.demos__stil {
			width: 100%;
		}
		
		.ansagen__stil {
			margin: 10px;
		}
		
		#ansagenStil .padding50px {
			padding: 10px;
		}
		
		.ansagen__stil .mini span {
			-o-text-overflow: ellipsis;
			   text-overflow: ellipsis;
			max-width: 180px;
			display: block;
			overflow: hidden;
		}
		.demo__body {
			width: calc(100% - 0px);
			left: 0px;
		}
		
		.ansagen__stil h3 {
			font-size: 2rem;
		}
	.gesendet {
		margin-top: 0;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		padding-top: 60px;
		padding-bottom: 50px;
	}
			.gesendet h1 {
									font: 600 51px/1 'sofia-pro', sans-serif;
									left: 0;
									position: relative;
									color: #fff;
									text-align: left;
								}
				
								svg.checkmark__back path {
									fill: #fff;
								}
		
		.scroll {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			position: relative;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			max-width: 100%;
		}
		
		.scroll:after {
			position: absolute;
			display: none;
		}
		
		.gesendet__body .info__block:nth-child(1) {
			width: calc(100% - 40px) !important;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			position: relative;
			left: inherit;
		}
		
		.gesendet__body .info__block:nth-child(2) {
			margin-left: auto;
		}
		
		.info__block {
			width: 170px !important;
			height: 230px;
		}
		.gesendet h1 {
			text-align: center;
		}
		
		.gesendet .checkmark {left: inherit;}
		.badges {
			margin-top: -50px !important;
			margin-bottom: 20px;
		}
	
	
		.wolkano .icon {
			width: 100px !important;
		height: 100px !important;
		top: -10px !important;
		right: 0 !important;
		-webkit-filter: none !important;
				filter: none !important;
		}
		
		.card-y.noch-fragen {
			margin-top: 30px;
			margin-bottom: 110px;
		}
		.ansagen__stil .player-demo.mini {
			height: 110px;
		}
		body.premiumPage .ansagen__stil .gradient .player-demo:has(.plyr--playing) span:nth-child(1):before {
			display: none;
		}
		img.sitting {
			display: none;
		}
		.accordion span {
			font-weight: bold;
		}
		
		li.flex__item {
			width: calc(100% - 30px);
		}
		
		.hilfe__nav a {
			width: 100%;
		}
		
		li.flex__item i {
			margin-top: 1px;
		}
		
		#suche main .content ul li.spacer {
			width: calc(100% - 40px);
			margin: auto;
			margin-top: 190px;
			float: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			background: none;
			margin-bottom: -200px;
		}
		
		#suche.hilfe main .content section h2 {
			color: #333;
		}
		
		
		
		.accordion h2:before {
			content: '';
			background: var(--gradient);
			height: 5px;
			width: 230px;
			display: block;
			margin: auto;
			margin-bottom: 20px;
		}
		
		#suche main .content ul li.faqli {
			margin: auto;
			margin-bottom: 20px;
			width: calc(100% - 40px);
			float: none;
		}
		
		.accordion li.faqli ul>li a {
			color: var(--blau);
			text-decoration: none;
			font-weight: bold;
		}
		
		.faqli.active>div ul {
			margin-top: 22px;
			margin-bottom: 22px;
			line-height: 1.2;
		}
		

		
		.accordion>div:nth-child(odd) {
			width: calc(100% - 0px);
			padding: 0;
		}
		
		.accordion>div:nth-child(even) {
			width: calc(100% - 0px);
			padding: 0;
		}
		.ansagen__stil h3 {
			font-size: 2.2rem;
		}
		.preis__kachel.individuell>div>h3 {
			-webkit-hyphens: auto;
				-ms-hyphens: auto;
					hyphens: auto;
			max-width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
		
		#preise .preis__kachel .col-70 {
			width: calc(100% - 0px);
			padding: 0;
			margin-top: 120px;
			float: none;
		}
		
		.preis__kachel.individuell>div>h3 {
			text-align: center;
			color: #333;
			font-size: 2rem;
			line-height: 1.2;
			font-weight: 900;
			border: none;
			margin-bottom: 20px;
			padding-left: 0;
		}
		
		.individuell p {
			padding: 0;
			font-size: 17px;
			text-align: center;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		.individuell .price_content {
			margin-bottom: 30px;
		}
		
		.unser__service {
			margin: auto;
			max-width: calc(100% - 40px);
			border-radius: 4px;
		}
		
		.telefon__preise {
			background: var(--blau);
			width: calc(100% - 40px);
			margin-top: 40px;
			border-radius: 4px;
		}
		
		.paket__head h2 {
			background: #fff;
			color: #333;
			font-weight: 900;
			font-size: 2.4rem;
			text-align: center;
			width: calc(100% - 40px);
			margin: 10px;
		}
		
		.paket__head h2 span {
			display: block;
			position: absolute;
			margin-top: 20px;
			text-align: center;
			width: 100%;
			left: 0;
			right: 0;
			margin: auto;
			bottom: -40px;
		}
		
		.preis__pakete .preis__toggle {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			float: left;
			margin-top: 50px;
			position: relative;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
		}
		
		a.schweizer__preise {width: calc(100% - 134px);left: 0;right: 0;padding-left: 40px;line-height: 1;max-height: 40px;line-height: 2.2em;font-size: 17px;margin-top: 10px;}
		
		a.premium__preise {
			width: calc(100% - 130px);
			float: left;
			max-height: 40px;
			line-height: 2.2em;
			font-size: 17px;
			margin-top: 10px;
			top: -80px;
		}
		
			.preis__kachel.individuell>
			div>h3 {
			-webkit-hyphens: auto;
				-ms-hyphens: auto;
					hyphens: auto;
			max-width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
		
		#preise .preis__kachel .col-70 {
			width: calc(100% - 0px);
			padding: 0;
			margin-top: 120px;
			float: none;
		}
		
		.preis__kachel.individuell>
			div>h3 {
			text-align: center;
			color: #333;
			font-size: 2rem;
			line-height: 1.2;
			font-weight: 900;
			border: none;
			margin-bottom: 20px;
			padding-left: 0;
		}
		
		.individuell
			p {
			padding: 0;
			font-size: 17px;
			text-align: center;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		.individuell .price_content {
			margin-bottom: 30px;
		}
		
		.unser__service {
			margin: auto;
			max-width: calc(100% - 40px);
			border-radius: 4px;
		}
		
		.telefon__preise {
			background: var(--blau);
			width: calc(100% - 40px);
			margin-top: 40px;
			border-radius: 4px;
		}
		
		.paket__head
			h2 {
			background: #fff;
			color: #333;
			font-weight: 900;
			font-size: 2.4rem;
			text-align: center;
			width: calc(100% - 40px);
			margin: 10px;
		}
		
		.paket__head
			h2 span {
			display: block;
			position: absolute;
			margin-top: 20px;
			text-align: center;
			width: 100%;
			left: 0;
			right: 0;
			margin: auto;
			bottom: -40px;
		}
		
		.preis__pakete .preis__toggle {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			float: left;
			margin-top: 100px;
			position: relative;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
		}
		a.deutsche__preise {
			width: calc(100% - 134px);
			left: 0;
			right: 0;
			padding-left: 40px;
		}
		
		
		
		img {}
		
		.preis__pakete .preis__toggle > a img {
			background-color: #fff;
			border-radius: 50%;
			padding: 7px;
			left: -31px;
			top: -3px;
			border: solid 2px black;
		}
		
		.preis__kachel aside {
			width: calc(100% - 0px);
		}
		
		.preise__body .preise__DE .col-25:nth-child(n) .preis__kachel {
			width: calc(100% - 105px);
			min-height: -webkit-fit-content;
			min-height: -moz-fit-content;
			min-height: fit-content;
		}
		
		.preis__pakete .preis__hinweis {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			line-height: 1;
			-webkit-box-align: baseline;
				-ms-flex-align: baseline;
					align-items: baseline;
			background: #fff;
			border: none;
			max-width: calc(100% - 100px);
			float: none;
		}
		
		.preis__pakete .preis__hinweise {
			margin-top: 10px !important;
			position: relative;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
		
		.musik__preise .preis__kachel {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			min-height: -webkit-fit-content;
			min-height: -moz-fit-content;
			min-height: fit-content;
			padding-bottom: 70px;
			background: none;
		}
		
		.preis__kachel.wow.animated {}
		
		.musik__preise .price_content li {
			color: #333;
			text-align: left;
		}
		
		.musik__preise span.preis {
			color: #333;
			font-size: 34px;
			right: 10px;
			bottom: 10px;
			font-weight: 900;
		}
		#news__uebersicht article.artikel {
			width: calc(100% - 20px);
		}
		.single-head {
			margin: auto;
			left: 0;
			right: 0;
			width: calc(100%  - 80px);
			float: none;
			margin-top: 0px;
			z-index: 2;
		}
		.feature-sprecher a.feature__link {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			right: 50px;
		}
		
		a.feature__link {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			right: 50px;
		}
		
		.sprecher__highlight .player-demo.multi .plyr {
			w: 100px;
			width: 90px;
			min-width: -webkit-fit-content;
			min-width: -moz-fit-content;
			min-width: fit-content;
		}
		
		.sprecher__highlight {width: 100%;padding: 0;margin: auto;border-radius: 4px;-webkit-box-shadow: none;box-shadow: none;margin-top: 130px;padding-top: 60px;}
		
		.sprecher__highlight>div>span {
			left: 0px;
			margin-top: 10px;
		}
		
		.player-demo.multi {
			left: 0;
		}
		
		.sprecher__highlight>div[class*="highlight"] {
			padding: 10px;
			margin-bottom: 0px;
		}
		
		.sprecher__highlight>span {
			height: 40px;
			font-weight: 900;
			font-size: 28px;
			border-top: solid 4px #333;
			border-radius: 0;
			padding-top: 30px;
			top: -40px;
			background: var(--gruen);
		}
		
		.reinhoer__demos .player-demo.multi span.merk__titel {
			margin-top: -30px;
		}
		
		.player-demo.multi>div.show__item {
			bottom: 40px;
			right: 0;
		}
		
		.note.open {
			-webkit-transform: none;
				-ms-transform: none;
					transform: none;
			-webkit-transition: none;
			-o-transition: none;
			transition: none;
		}
		
		.note.open {
			width: calc(94vw - 40px);
			margin: auto;
			margin-top: 20px;
			-webkit-transition: .3s ease-in;
			-o-transition: .3s ease-in;
			transition: .3s ease-in;
			right: 0;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
		}
		
		.note {
			background: #ffffff1a;
			-webkit-backdrop-filter: blur(11px);
					backdrop-filter: blur(11px);
			right: 0;
			left: 0;
			-webkit-transform: none;
				-ms-transform: none;
					transform: none;
			width: calc(90vw - 40px) !important;
			border: solid 3px #333;
			-webkit-transition: none;
			-o-transition: none;
			transition: none;
		}
		
		.note span.big {
			width: calc(100% - 50px);
			background: no-repeat;
		}
		
		.hinweis {
			background: none;
			margin-top: 60px;
			width: 290px;
		}
		
		.hinweis span.herz {
			left: 0;
			height: 30px;
			width: 30px;
			top: 20px;
		}
		
		a.merkzettel__link {
			padding: 12px 6px;
			background: #ffffff5c;
			-webkit-backdrop-filter: invert(1) blur(3px);
					backdrop-filter: invert(1) blur(3px);
			font-weight: 900;
			color: #333;
		}
		
		.opennote.active .trigger {
			background-size: 22px;
		}
		
		.opennote {
			
			width: 130px;
		}
		
		.merkzettel__anfrage {
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
		}

		nav.main-nav.open ul {
			margin-top: -15px;
			border-radius: 4px;
			padding-bottom: 40px;
			-webkit-box-shadow: none;
					box-shadow: none;
			padding-top: 80px;
			margin: 0;
			top: 0;
			/* background: #ffffff8f; */
			/* backdrop-filter: blur(11px); */
			margin-left: 0;
			padding-left: 0;
			}
		
		.cd-morph-dropdown .main-nav.open .nav__trigger {
			width: 60px;
			height: 60px;
		}
		
		.nav__trigger {
			width: 60px;
			height: 60px;
		}
		
		.cd-morph-dropdown .main-nav .nav__trigger a {
			font-size: 30px;
			margin-top: 0px;
			width: 100%;
			height: 100%;
		}
		
		i.fa-solid.fa-bars {
			margin-top: 15px;
		}
		
		.cd-morph-dropdown.is-dropdown-visible .main-nav>ul>li>a {
			text-align: left;
			font-weight: bold;
			opacity: 1;
			/* text-transform: uppercase; */
			font-weight: 900;
			font-size: 22px;
		}
		
		
		
		.cd-morph-dropdown.is-dropdown-visible .main-nav>ul>li>a {
			padding-left: 10px;
			border: none;
			padding: 0;
			margin: 0;
			width: 100%;
			height: 100%;
			position: relative;
			display: block;
			padding: 10px 20px;
			font-weight: 500;
			padding-left: 20px;
			font-size: 20px;
		}
		
		
		
		.main-nav.open i.fa-solid.fa-bars:before {
			content: '\f00d'
		}
	.big__head {max-width: calc(100% - 80px);margin: auto;float: none;}
		
		section.testimonials {
			margin-top: -100px;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
		}
		
		section.testimonials .item__content>div:nth-of-type(1) {
			height: 40px;
			margin-left: 0;
			margin-bottom: 20px;
		}
		
		.premium span {
			width: 100%;
		}
		
		.premium b {
			width: 100%;
		}
		
		.head {
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
			margin: auto;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			padding-bottom: 40px;
			border-width: 6px;
		}
		
		#newsSnippet a.bb.fancy-border {
			margin-left: 0;
			margin-bottom: 30px;
		}
		
		body#home #ganzeBandbreite .big__head {
			margin-top: -30px;
			border-radius: 4px;
			margin-bottom: 30px;
		}
		
		.slides .icon {
			background: #fff;
			margin-top: 30px;
			border-radius: 8px;
		}
		
		.slides .txt {
			width: calc(100% - 0px);
			padding: 0;
		}
		
		.slides p {
			width: 100%;
			display: block;
		}
		
		body#home section.home__hilfe>div:after {
			background-image: url(/brand/Illustrationen/Neu/Redone/ori-papagei1.png);
			background-size: 220px;
		}
		
		#site-content {
			-webkit-box-shadow: none;
					box-shadow: none;
		}
		#suche main .content ul li.spacer {
			margin-top: 20px !important;
			margin-bottom: 30px !important;
		}
		#agentur.wir h1 {
			margin-top: 140px;
			color: #333;
			font-weight: 900;
			font-size: 2rem;
		}
		
		.about__kachel#partner .inner h2:nth-child(1) {
			font-size: 2rem;
		}
	
		.cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a::after {
			content: '\f054';
			position: absolute;
			display: block;
			top: 12px;
			bottom: 0;
			margin: auto;
			left: 110px;
			font-family: "Font Awesome 6 Pro";
		}
	.cd-morph-dropdown .gallery .content a i {
			height: 42px;
			margin-top: 25px;
		}
		
		.cd-morph-dropdown .gallery .content li {
			width: calc(100% - 6px) !important;
			margin-bottom: 0px;
			height: 71px;
			padding: 0;
		}
		
		.cd-morph-dropdown .gallery .content a span {
			float: left;
			display: none;
		}
		
		.cd-morph-dropdown .dropdown-list>ul>li {
			margin-bottom: 30px;
		}
		.cd-morph-dropdown .main-nav {
			position: fixed;
		}
		
		.cd-morph-dropdown {
			position: fixed;
			background: #ffffff7d;
			padding-bottom: 20px;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			-webkit-backdrop-filter: blur(11px);
					backdrop-filter: blur(11px);
			z-index: 2122231;
			/* background: red; */
		}
		
		.cd-morph-dropdown {
			--border-bottom-width: 2px;
			--border-color: rgb(255 255 255 / 81%);
			--border-left-width: 0px;
			--border-right-width: 0px;
			--border-style: solid;
			--border-top-width: 0px;
			-webkit-backdrop-filter: blur(32px);
					backdrop-filter: blur(32px);
			/* background-color: rgba(4, 6, 21, 0.5); */
			width: calc(100% - 20px);
			-webkit-transform: none;
				-ms-transform: none;
					transform: none;
			-webkit-transform-origin: 50% 50% 0px;
				-ms-transform-origin: 50% 50% 0px;
					transform-origin: 50% 50% 0px;
			padding: 10px 10px;
			
		}
		.cd-morph-dropdown.is-dropdown-visible {
			-webkit-backdrop-filter: blur(32px);
			backdrop-filter: blur(32px);
			/* background-color: rgba(4, 6, 21, 0.5); */
			width: calc(100% - 20px);
			min-height: 540px;
			-webkit-box-shadow: var(--schatten);
			box-shadow: var(--schatten);
		}
		.navigation .logo span {
			-webkit-filter: invert(1);
					filter: invert(1);
		}
		
		.navigation .logo {
			background-image: url(/brand/telefonansagen-de-logo-2.png);
			margin-top: 0;
			width: 200px;
			background-size: 150px;
		}
		
		.logo__wrapper {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
		}
		
		.navigation #logo {
			height: 60px;
			left: 0;
			top: 15px;
			z-index: 22;
		}
		
		.logo__wrapper>.logo svg {
			height: 30px;
		}
		.cd-morph-dropdown .gallery .content a {
			height: 100%;
			padding-top: 0px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: start;
				-ms-flex-pack: start;
					justify-content: start;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
		}
		.cd-morph-dropdown.is-dropdown-visible .bg-layer {
			display: none;
		}
		
		.cd-morph-dropdown .gallery#kontakt-menu li:nth-of-type(3) {
			background: var(--blau);
			padding-left: 20px;
			padding-top: 0px;
			padding-bottom: 0px;
			margin-left: -10px;
			height: 72px;
			margin-top: -2px;
		}
		.cd-morph-dropdown.is-dropdown-visible .bg-layer {
			display: none;
		}
		
		.cd-morph-dropdown .gallery#kontakt-menu li:nth-of-type(3) {
			background: var(--blau);
			padding-left: 20px;
			padding-top: 0px;
			padding-bottom: 0px;
			margin-left: -10px;
			height: 72px;
			margin-top: -2px;
		}
		
		.cd-morph-dropdown.is-dropdown-visible {}
		
.cd-morph-dropdown .main-nav>ul>li.active {
			background: #fff;
		}
		
ul.cd-filter-content.cd-filters.list.stil {
			width: 100%;
		}
		
		.cd-filter-block:nth-child(2) {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			width: 100%;
			margin-bottom: 0;
		}
		
		.filter-head a {
			display: block;
			width: 100%;
			margin: 0;
			margin-top: 20px;
		}
		
		#mix-wrapper .player-demo {
			width: 138px;

		}
.sprach__expand {
			background: #ffffff6b;
			left: 0;
			width: calc(100% - 37px);
			-webkit-backdrop-filter: blur(11px);
					backdrop-filter: blur(11px);
		}
		
		.international .cd-filter-block.dach {
			height: 210px;
		}
		ul.cd-filter-content.cd-filters.list.stil {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
			padding-bottom: 0px;
			float: left;
			margin-bottom: 50px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		}
		
		.zuDenPreisen {
			position: relative;
			text-align: center;
			float: left;
		}
		.international .cd-gallery>ul>li.player-demo {
			height: 180px;
			width: 310px;
		}
		.international .cd-gallery>ul>li.player-demo.empfehlung__demo {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
		}
		
		.international .cd-gallery>ul>li.player-demo.empfehlung__demo.mzInternationaleStimmeempfehlenlassen {
			padding-bottom: 30px;
		}
		
		.cd-gallery>ul>li[class*="empfehlen"] .herz__tooltip {
			bottom: -40px;
			right: 40px;
		}
		.formularNeu .daten .formBlock {
			margin-bottom: -10px;
			padding: 0;
		}
		
		.formularNeu .daten .formBlock {
			padding: 10px 0;
			margin: 0 15px;
		}
		.formularNeu .daten .formBlock {
			padding-bottom: 0px;
			margin-bottom: -30px;
		}
		h2.blue {
			font-size: 2rem;
		}
		.ansagen__stil h3 {
			font-size: 2rem !important;
		}
		.cd-morph-dropdown .gallery .content li {
			margin-top: 0;
		}
		.col-30.vert.mehr-info.infoSwiper.swiper-vertical {
			margin-top: -130px;
		max-height: fit-content !important;
		height: 220px !important;
		background: #ffffff;
		border-radius: 10px;
		display: none;
		}
		#musik main {
			margin-top: 50px;
			
		}
a.formCTA.merk__element.seen {
	display: none !important;
}
		.intro.info img {
			display: none;
		}
		.demo__filter {
			margin-top: 10px;
		}
		#mix-wrapper .player-demo {
			width: 310px;
		}
			.masonry {
    width: 100%;
}

body.wiki .textAbschnitt {
    width: 100%;
}
.preis__pakete .preis__kachel img {
	left: 0;
}
a.premium__preise {
	display: none !important;
}
}
	@media(max-width: 767px){
		.scaleVideo{
			margin-top: -250px;
			margin-bottom: 50px;
			width: 100% !important;
			margin-left: 2px;
		}
		.scaleIFrame {
			width: calc(100% - 4px) !important;
			height: 242px;
		}
		.scaleTwo{
			margin-top: -130px;
		}
		body.leistungen .split .left {
			margin-bottom: 150px;
		}
		#vipSticker{
			position: absolute;
			top: 25px !important;
			right: 10px !important;
			left: auto !important;
		}
		#vipSticker img{
			height: 80px !important;
		}
	}
	@media(min-width: 768px) and (max-width: 1023px){
		.scaleVideo{
			margin-top: -500px;
		}
		#vipSticker{
			position: absolute;
			top: 25px !important;
			right: 10px !important;
			left: auto !important;
		}
		#vipSticker img{
			height: 80px !important;
		}
	}
	
	
	@media(max-width: 767px){ /* oder @media(max-width: 480px){ */
		#end__cta {
			position: relative;
		}
		#protected i {
			text-align: center;
			margin: 30px;
		}
		#protected img {
			margin-top: 60px;
		}
		ul#akkordion {
			margin-right: 20px !important;
		}
		.glossar h3{
			max-width: 95%;
		}
		.glossar h1{
			font-size: 35px;
		}
		.news-snippet article.artikel{
			height: 500px
		}
		.rank.rank-premium {
			margin-left: 10px;
		}
		img[src*="oekostromv1.jpeg"] {
			margin-left: 90px !important;
			display: block !important; 
		}
		.player-demo.kachel.slim {
			margin: auto;	
			margin-bottom: 10px;
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
		}
		.player-demo{
			max-width: 90vw;
		}
		.player-demo.multi span.merk__titel {
			font-size: 16px !important;
		}
		.rocketcontainer {
			margin: auto;
			width: 70vw;	
			overflow: visible;
			top: 160px;
		}
		.intro a.bb{
			float: none;
			margin: auto;
			margin-top: 200px;
		}
		div#intro {
			margin-bottom: 0px;	
		}
		.intro__wrapper{
			margin-bottom: 0px;
		}
		.premium span {
			font-size: 21px;
			margin-right: 10px;
		}
		#home .dark {
			left: 0px;	
		}
		.dark {
			padding-bottom: 0px;
			margin-bottom: 0px;
		}
		.home__demos .margin__top {
			margin-top: 0px;	
		}
		.home__demos .margin__top {
			float: none;	
		}
		.owl-stage-outer {
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content;
		}
		.slides .txt{
			height: 100%;
		}
		.slides .slide {
			height: 100%;
		}
		#home .news-snippet{
			display: block;
		}
		article.artikel {
			width: 100%;
		}
		article.artikel p{
			max-height: 140px;
		}
		.brand__footer {
			margin-top: 30px;	
		}
		#site-footer .spacer {
			height: 0px;	
		}
		section.testimonials {
			height: 200px;
			min-height: 450px;
		}
		.absolute {
			margin-left: 0px;
			margin-right: 0px;	
		}
		.kunden__snippet section#demos .item {
			width: calc(50% - 32px);
		}
		.filter-head a {
			font-size: 14px;
			margin-bottom: 10px;
			margin-top: 0px;
		}
		select.soflow, select#soflow-color {
			margin-bottom: 35px;
		}
		.cd-gallery>ul>li[class*="empfehlen"] .herz__tooltip {
			bottom: -60px;
			right: 55px;
		}
		.cd-gallery .player-demo.kachel.small.option3 {
			width: 100%; 
		}
		.cd-gallery>ul>li[class*="empfehlen"] .herz-knopf {
			bottom: -20px;
		} 
		.dach.expanded li {
			width: calc(100vw - 100px);
		}
		.dach.expanded .sprache input {
			left: 90px;
		}
		.dach.expanded label.radio-label {
			padding-left: 70px;
		}
		.cd-filter-block:nth-child(2) {
			margin-bottom: 20px;
		}
		.tags span {
			padding: 0px 20px 2px 20px;
			line-height: 25px;
		}
		body:not(#home) .header .headline h1 {
			font-size: 40px;
		}
		.synchron-text img {
			position: relative;
			margin: auto;
		}
		.synchron-text .text__block .inner .col-70{
			padding-bottom: 20px;
		}
		.synchron-text .text__block{
			padding-bottom: 20px;
			margin-bottom: 80px;
		}
		#sprecher .demos__4 .player-demo {
			width: calc(100vw - 100px);
			padding-bottom: 50px;
		}
		main .content .video {
			position: relative;
			margin: auto;
			margin-top: 65px;
		}
		a.premium__preise {
			margin-top: 50px;
		}
		.preis__pakete .paket__head {
			padding-bottom: 50px;	
		}
		.preis-tabs ul {
			width: 100%
		}
		.preis-tabs .browser {
			margin-top: 750px;
			width: 100%;
		}
		.preis-tabs{
			height: 1600px;
			max-height: 1600px;
		}
		.wave-surface {
			bottom: -100px;
		}
		.waves {
			top: -400px !important;
		}
		.preis-tabs .browser ul {
			font-size: 18px;
			max-width: 50%;
		}
		.preis-tabs #tabs-1, .preis-tabs #tabs-2, .preis-tabs #tabs-3 {
			height: 50%;
		}
		.addon span {
			font-size: 16px;
		}
		.preis-tabs .addon {
			width: 70%;   
		}
		.preis-tabs .active .title:after {
			right: 20px;
			top: 12px;
		}
		.preis-tabs .title:after {
			right: 20px;
			top: 12px;
		}
		.preis-tabs .title {
			font-size: 16px;
		}
		.musik__preise .preis__kachel {
			margin-bottom: 30px;
		}
		.ansagetexte .header {
			height: 420px;
			margin-bottom: 120px;
		}
		.uebersetzung .kachel.white.klein {
			width: calc(50% - 30px);
			font-size: 16px;
			padding: 5px;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.uebersetzung .feature {
			margin-left: 0px;
		}
		.text__body .page__cta {
			margin-top: 0px;
			margin-bottom: 0px;
		}
		.pe-richsnippets {
			margin-top: -20px;
		}
		@-webkit-keyframes img-shift {
			0% {
				-webkit-transform: translateY( 400px);
						transform: translateY( 400px);
						opacity: 0;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		
			}
			40% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				
			}
		
			100% {
				-webkit-transform: translateY(-350px);
						transform: translateY(-350px);
						opacity: 1;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}
		}
		@keyframes img-shift {
			0% {
				-webkit-transform: translateY( 400px);
						transform: translateY( 400px);
						opacity: 0;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		
			}
			40% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				
			}
		
			100% {
				-webkit-transform: translateY(-350px);
						transform: translateY(-350px);
						opacity: 1;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}
		}
		.content .proven>a {
			margin: 25px !important;
		}
		#site-content .site-wrap {
			padding-bottom: 0px;
			overflow: unset;
		}
		#site-content .site-wrap .news__links {
			top: -200px;
		}
		.content__block .page__cta {
			margin-bottom: 300px;
		}
		.content .scrolly {
			display: block;
		}
		#musik .dach.musik__genre li {
			width: 34%;
			margin-left: 5%;
			margin-right: 5%;
		}
		.corporate .com__nav-item {
			width: 46%;
			margin-left: 2%;
			margin-right: 2%;
			margin-bottom: 15px;
		}
		.corporate a.com__nav-link>span {
			font-size: 18px;
		}
		.corporate .com__section--text h2 {
			font-size: 34px;
		}
		.corporate .com{
			height: auto;
			margin-bottom: 0px;
		}
		.corporate .com__content {
			height: 600px;
		}
		.corporate .com__section:nth-child(0){
			padding-top: 80px;
		}
		.corporate .com__section:nth-child(1){
			padding-top: 0px;
		}
		.corporate .com__section:nth-child(2){
			padding-top: 0px;
		}
		.corporate .com__section:nth-child(3){
			padding-top: 80px;
		}
		.beispiele .card-y h2 {
			font-size: 30px;
		}
		.beispiele .cd-intro {
			margin-top: 10px;
		}
		.cd-words-wrapper b{
			margin-right: 200px;
		}
		.preise__body .cd-words-wrapper b {
			margin-right: 0px;	
		}
		.demos__branche .buttonPrimary{
			margin-bottom: 20px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
		}
		#demoIndividuel{
			padding-left: 20px;
			width: calc(100% - 60px);
		}
		#beispiel .youtube_bett{
			width: calc(100vw - 40px);
		}
		#beispieleBox{
			margin-top: 250px;
		}
		#beispiel #qualiBox, #beispiel #feedbackKunde, #beispiel #hoerenRein{
			margin-left: 20px;
		}
		#beispiel .page__cta {
			margin-bottom: 280px;
		}	
		#beispiel .headline {
			padding-top: 50px;
		}	
		#beispiel .content .card-y {
			padding-left: 10px;
		}
		.demos__stil .gradient {
			padding-bottom: 200px;
		}
		.ansagen__stil .empfehlung {
			margin-left: 20px;
		}
		.ansagen__stil .player-demo.multi .plyr__controls .plyr__controls__item:first-child {
			left: -20px;
		}	
		.ansagen__stil .player-demo.multi>div.herz-knopf {
			right: -10px;
		}
		.kunden .headline {
			padding-top: 20px;
		}
		.kundenlogo .plyr--full-ui {
			left: auto;
		}
		.formularNeu button[type="submit"] {
			margin-bottom: 25px;
		}
		.bestellung.formularNeu.formularNeu{
			height: auto;
			width: 100%;
		}
		form.bestellung .formular {
			display: block;
		}
		.formular.paypal .kauf__hinweis {
			width: auto;
			float: none;
			margin-top: 100px;
		}
		.formular.paypal .musiktitel {
			padding: 20px;
			width: calc(100vw - 40px);
			margin-top: 0px;
		}
		.formular.paypal span.bestell__step {
			top: 15px; 
			left: 20px;
		}
		.formular.paypal .musikkauf span.bestell__step {
			top: 40px;
		}
		.formular.paypal section.daten .eingabe h3 {
			margin-bottom: 0px;
		}
		.bestellung section.daten input[type="submit"] {
			width: 100%;
			font-size: 18px;
		}
		.formular.paypal .bezahlung .paypal__checkout {
			display: block;
		}
		.formular.paypal .paypal__checkout>div.illustration {
			margin-right: 0;
			width: 100%;
			padding-right: 0;
			margin-bottom: 25px;
			border-right: none;
		}
		.formular.paypal .paypal__checkout>div.illustration span {
			width: calc(100% - 20px);
			text-align: center;
		}
		.formular.paypal .paypal__checkout>div {
			width: 100%;
		}
		.formular.paypal .bestellung .dsgvo {
			width: calc(100% - 20px);
		}
		.ssl-info {
			position: absolute;
			top: 70px;
			left: 10px;
		}
		.checklist .formIll.ansagenArten {
			border-right: none;
			margin-right: 0px;
		}
		.checklist .formIll.ansagenArten img {
			position: unset;
			display: block;
			margin-top: 0px;
			margin: auto;
			padding-top: 20px;
		}
		.checklist #ansageVorMelden{
			width: 90vw;
			margin: auto;
		}
		.checklist #ansageVorMelden label:nthChild(0) {
			width: 90vw;
			margin: auto;
		}
		.checklist label {
			width: 100%;
			height: 40px;
			line-height: 20px;
			font-size: 12px;
			margin-bottom: 10px;
		}
		#formText i[class*="fa"], #formDetails i[class*="fa"] {
			margin-right: 10px;
		}
		.formIll.musik img {
			margin-left: 0px;
			max-width: 100%;
		}
		.formMusik {
			width: 100%;
			left: 0px;
			padding-left: 0px;
			padding-top: 0px;
			margin-top: 0px;
		}
		.formIll.musik {
			top: 0px;
			padding-right: 0px;
			left: 0px;
			height: 90%;
			max-width: 90%;
			margin-right: 10%;
			margin-top: 5%;
			margin-bottom: 5%;
		}
		#musikEmpfehlen{
			margin-top: 5%;
			margin-bottom: 5%;
			height: 90%;
		}
		.ausblendDetails {
			display: none !important;
		}	
		#formText label {
			margin-left: 5%;
			width: 90%;
			margin-right: 5%;
		}
		#formText i[class*="fa"], #formDetails i[class*="fa"] {
			margin-bottom: 0px;
			float: unset;
			width: calc(100% - 40px);
			padding: 20px;
			top: 0px;
			border-right: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
		}
		.formatCenter{
			margin-left: 5%;
			margin-right: 5%;
		}
		.formatCenter h3{
			font-size: 16px;
			text-align: center;
		}
		.formatCenter #form-input-telefonanlage, .formatCenter #form-input-audioformat{
			width: 75%;
			font-size: 14px;
		}
		.ende .kundenlogo{
			width: 90%;
			margin: 0px;
			margin-top: 10px;
			padding-top: 10px;
			padding-bottom: 10px;
			margin-left: 5%;
			margin-right: 5%;
		}
		.ende button[type="submit"]{
			width: 90%;
			left: 0px;
			float: none;
			margin-left: 5%;
			margin-right: 5%;
		}
		.ende .form__referenzen{
			padding-left: 0px;
			margin-bottom: 0px;
		}
		#anfrage .dsgvo{
			position: unset;
			float: none;
		}
		#suche .accordion{
			display: block;
			max-width: 100%;
		}
		#kontakt .link__kacheln .link {
			width: -webkit-fill-available;
		}
		#kontakt .link__kacheln .link.bestellung {
			margin-top: 0px;
		}
		#kontakt .link__kacheln .link.telnr {
			margin-bottom: 200px
		}
		.headline .cd-intro {
			left: 200px;
		}
		.highlight__demos .featureDemoTitel h2 {
			color: #000;
			font-size: 22px;
			top: 0;
		}
		.highlight__demos{
			width: 100%;
		}
		.highlight__demos .player-demo{
			width: 100%;
			max-width: calc(100% - 80px);
		}
		#musik .content__text p {
			padding-bottom: 200px;	
		}
		#agentur #pewl{
			margin-top: 150px;
		}
		#impressum .impressum__body{
			margin-top: -80px;
			padding: 0px;
			padding-top: 30px;
			padding-bottom: 30px;
			width: 100%;
		}
		#impressum .text__block {
			padding-left: 20px;
		}
		.Datenschutz .text__block{
			margin-top: 100px;
		}
		#impressum .text a {
			word-break: break-all;
		}
		.link__kacheln .uebersetzung{
			margin-bottom: 200px;
		} 
		#referenzen.main #site-content .site-wrap {
			padding-bottom: 180px;
		}
		.content__block .page__cta {
			text-align: center;
		}
		form.bestellung section.daten>div.submit__holder {
			padding-top: 40px!important;
			padding-bottom: 20px;
		}
		.big-slider button.owl-prev {
			left: 10px;
			z-index: 10;
		}
		.big-slider button.owl-next {
			right: 10px;
			z-index: 10;
		}
		.big-slider button.owl-prev i, button.owl-next i {
			font-size: 70px;
		}
		.tooltip__container {
			z-index: 25;
		}
		#home section#slider {
			padding: 0px;
			height: 550px;
		}
		
		
		/*** AUGUST 2020 ***/
	.selectMultiple {
		max-width: 90%;
	}
	
	.checklist label {
		font-size: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-left: 80px;
		width: calc(100% - 110px);
		border-bottom: solid 2px #f6f9fc;
		padding-bottom: 10px;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		top: 0px;
		-webkit-tap-highlight-color: transparent;
	}
	.checklist .deutschFremd label {
		padding-left: 0;
	}
	.formularNeu .checky {
		position: absolute;
		left: 0;
		top: 7px;
	}
	
	.checklist #ansageVorMelden {
		margin-top: 20px;
	}
	
	.tooltip__container {
		margin-left: 20px;
		position: absolute;
		right: -20px;
		top: 7px;
	}
	.tooltip__container span b:hover {
		background: #f8f8f8;
	}
	.formMusik .checklist label {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		border-bottom-color: white;
		min-height: 40px;
	}
	
	.formIll.musik {
		max-width: 60%;
		margin: auto;
		margin-bottom: 20px;
		border: none;
	}
	
	#musikEmpfehlen {
		max-width: 80%;
		
		margin-bottom: 40px;
	}
	
	.formIll.musik:before {
		content: 'Musik';
		text-align: center;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		display: block;
		padding-top: 12px;
		font-size: 33px;
		font-weight: bold;
		position: absolute;
		left: -40px;
		bottom: 50px;
	}
	#anfrage form .ansagenArten h2 {
		padding: 0;
		width: 100%;
		padding-bottom: 20px;
	}
	
	.tooltip__container span {
		background: dodgerblue;
		width: calc(100% - 84px);
		margin: auto;
		padding: 25px;
		margin-top: 50px;
		text-indent: 0;
		text-align: left;
		padding-top: 30px;
			-webkit-transform: translateX(0) translateY(-100vh);
					-ms-transform: translateX(0) translateY(-100vh);
				transform: translateX(0) translateY(-100vh);
			-webkit-transition-duration: 0s;
					-o-transition-duration: 0s;
			   transition-duration: 0s;
			transition-duration: 0s;
	}
	.tooltip__container:hover span {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	
	
	.tooltip__container span b {
		position: absolute;
		width: 35px;
		height: 35px;
		background: white;
		left: 0;
		top: -15px;
		content: '\f00d';
		right: 0;
		margin: auto;
		border-radius: 50%;
		-webkit-box-shadow: 0 0 5px #5e5e5e;
				box-shadow: 0 0 5px #5e5e5e;
	}
	
	.tooltip__container span b:before {
		content: '\f00d';
		position: absolute;
		left: 0;
		right: 0;
		text-indent: 0;
		font-family: 'FontAwesome';
		top: 0;
		bottom: 0;
		text-align: center;
		line-height: 35px;
		font-size: 23px;
		color: #5e5e5e;
	}
	.tooltip__container.open span {
		opacity: 1 !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			-webkit-transform: translateX(0) translateY(0);
					-ms-transform: translateX(0) translateY(0);
				transform: translateX(0) translateY(0);
	}
	
	.tooltip__container.open i.ion-help-circled:before {
		content: "\f057";
		font-family: "FontAwesome"
	
	}
	
	.tooltip__container i {
		padding: 3px;
	
		width: 20px;
		display: block;
		height: 20px;
		
	}
	
	.tooltip__container.open i {
		color: red;
	}
	.tooltip__container i {
		color: #bcc1c8;
		font-size: 24px;
		position: relative;
		top: -1px;
	}
	.formularNeu .daten input {
		border: solid 1px #f6f9fc;
	}
	
	.zusammenfassung #output {
		padding-bottom: 40px;
	}
	
	div#output:empty:after {
		font-size: 15px;
		text-align: left !important;
		max-width: 90%;
		margin-top: 20px;
	}
	.homePE {
			height: 140px;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			margin-top: -30px;
			position: relative;
		}
		
		.homePE a {
			max-width: 55px!important;
			max-height: 55px!important;
			margin-right: 50px;
		}
		
		.homePE a img,.homePE a span {
			max-width: 85px!important;
			max-height: 85px!important;
		}
	.reinhoer__demos .player-demo.multi span.merk__titel {
			text-align: left;
		}
		
	}
	
	@media(min-width: 768px) and (max-width: 1023px){ 
		#home .feature__text {
			width: 60%;
		}
		#home .player-demo.kachel.slim {
			margin: auto;
			margin-bottom: 20px;
		}
		#home .home-intro .absolute {
			float: unset;
			width: 100%;
			margin-left: 0px;
		}
		#home .home-branche div span{
			margin: 10px 10px;
		}
		#suche.hilfe .accordion>div {
			width: calc(50% - 10px) !important;
			margin: 0 !important;
			padding-right: 5px !important;
			padding-left: 5px !important;
		}
		#suche.hilfe main .content section h2 {
			margin-top: 0;
		}
		.cd-morph-dropdown .nav-trigger {
			top: 50px;
		}
		.sticky {
			top: 140px;
		}
		.headline {
			width: 90%;
		}
		#sprecher .demo__body .player-demo {
			width: 100%;
			height: auto;
		}
		#sprecher .demos__float .player-demo {
			max-width: calc(50% - 84px);
		}
		#sprecher .player-demo {
			max-width: calc(50% - 84px);
		}
		#sprecher:not(.imagefilm) .player-demo:nth-child(1) {
			max-width: calc(100% - 80px);
		}
		#musik .player-demo {
			max-width: calc(50% - 80px);
		}
		#musik:not(.corporate, .main) .player-demo:nth-child(1) {
			max-width: calc(100% - 80px);
		}
		#musik .demo__body .player-demo {
			width: 100%;
			height: auto;
		}
		#preise.preise .preis-tabs .browser ul {
			font-size: 16px;	
		}
		#preise.preise .preis-tabs .browser h2 {
			right: -90px;
		}
		#preise.preise .waves {
			top: -80px;
		}
		.text .text__body .feature__text {
			width: 100%;
		}
		.player-demo.multi {
			max-width: 100%;
			width: 100%;
		}
		#demoIndividuel {
			margin-top: 15px;
		}
		#anfrage #ansageVorMelden{
			margin-left: 20px;
		}
		#formDetails i[class*="fa"] {
			margin-bottom: 0px;
			float: unset;
			width: calc(100% - 40px);
			padding: 20px;
			top: 0px;
			border-right: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
		}
		#formDetails i[class*="fa"] {
			margin-right: 10px;
		}
		.formatCenter{
			margin-left: 5%;
			margin-right: 5%;
		}
		.formatCenter h3{
			font-size: 20px;
			text-align: center;
		}
		.formatCenter #form-input-telefonanlage, .formatCenter #form-input-audioformat{
			width: 75%;
			font-size: 16px;
			display: block;
			margin: auto;
		}
		#ausblendRow{
			display: none;
		}
		.content.con form.bestellung {
			width: 95%;
		}
		.formular.paypal .kauf__hinweis {
			width: 35%;
		}
		.formular.paypal .musiktitel {
			padding-left: 5px;
			width: 40%;
		}
		.link__kacheln .telnr .innen h2 {
			font: 700 24px/1 'sofia-pro',sans-serif;
		}
		#musik.main .highlight__demos .player-demo {
			width: 100%;
			max-width: calc(100% - 80px);
		}
		#impressum .text a {
			word-break: break-all;
		}
		.nav-open .logo__wrapper {
			top: 35px;
		}
		.big-slider button.owl-prev {
			left: 10px;
			z-index: 10;
		}
		.big-slider button.owl-next {
			left: calc(100vw - 80px);
			z-index: 10;
		}
		.big-slider button.owl-prev i, button.owl-next i {
			font-size: 70px;
		}
		.synchronWidget > div > img {
			width: 90px;
		}	
	}
	@media(max-height: 735px) and (orientation: portrait){ /* Navigation auf nicht so hohen Geräten kleiner machen */
		.cd-morph-dropdown .content {
			padding: 0px;
			padding-top: 5px;
			text-align: center;
			margin-left: 10px;
			margin-right: 10px;
			width: calc(100% - 20px) !important;
		}
		.cd-morph-dropdown .gallery .content a span {
			font-size: 12px;
		}
		.cd-morph-dropdown .main-nav>ul>li {
			margin: 5px 10px;
			height: 20px;
		}
		.cd-morph-dropdown .main-nav>ul>li {
			margin: 5px 10px;
			height: 20px;
		}
		.cd-morph-dropdown .morph-dropdown-wrapper {
			top: 200px;
		}
		.cd-morph-dropdown .gallery .content li {
			margin-bottom: 5px;
		}
	}
	@media(max-width: 374px){
		.brand__footer {
			margin-top: 5px;
		}
		footer .brand__footer a {
			top: -10px;
		}
		.cd-tab-filter.geschlecht .filter{
			display: -ms-grid;
			display: grid;
			width: 118px;
			padding-left: 10px;
		}
		.cd-tab-filter.geschlecht>ul>li:nth-child(2) {
			margin-top: 10px;
		}
		#sprecher .cd-tab-filter-wrapper .cd-filter-block .select.soflow{
			width: 88vw;
		}
		li.player-demo.empfehlung__demo.mix {
			height: 220px;
		}
		li.player-demo.empfehlung__demo.mix:nth-child(2) {
			height: 160px;
		}
		#musik .dach.musik__genre li {
			height: 110px;
			width: 33%;
		}
		#musik .cd-filter-block .filter.soflow{
			width: 88vw;
		}
		#musik.corporate h2.anwendungen {
			margin-top: -180px;
		}
		#musik.corporate .com__content {
			margin-top: 180px;
		}
		#musik.corporate a.com__nav-link>span {
			font-size: 16px;
		}
		#musik.corporate .demo__container .player-demo {
			width: calc(100% - 40px);
			margin: 0px;
			margin-top: 20px;
		}
		#text.ansagetexte .demo__container .player-demo {
			width: calc(100% - 40px);
			margin: 0px;
			margin-top: 20px;
			margin-left: -15px;
		}
		.demos__branche .card-y .cd-words-wrapper b {
			margin-right: 120px;
			font-size: 28px;
		}
		.content__block .content .demos__stil h2 {
			width: 100vw;
			text-align: center;
		}
		.formular.paypal .kauf__hinweis {
			width: calc(100vw - 50px);
		}
		.bestellung section.daten input[type="submit"] {
			font-size: 16px;
		}
		#anfrage .checklist #ansageVorMelden {
			width: calc(100% - 10px);
			margin: 0px;
			margin-right: 5px;
			margin-left: 5px;
		}
		#anfrage .checklist label {
			font-size: 10px;
		}
	}
	@media(min-width: 1024px) and (max-width: 1440px) and (orientation: landscape){ 
		@media(min-width: 1100px) and (max-width: 1440px){
			nav.main-nav {
				width: 800px;
				right: 0px !important;
			}	
		}
		@media(min-width: 1024px) and (max-width: 1100px){
			nav.main-nav {
				width: 750px;
				right: 0px !important;
			}	
			.cd-morph-dropdown .main-nav>ul>li>a{
				padding: 0 1em;
			}	
		}
		.cd-morph-dropdown .main-nav>ul>li {
			float: unset;
		}
		.big-slider button.owl-prev {
			left: 10px;
			z-index: 10;
		}
		.big-slider button.owl-next {
			left: calc(100vw - 90px);
			z-index: 10;
		}
		.big-slider button.owl-prev i, button.owl-next i {
			font-size: 70px;
		}	
		.fullsize .feature figure.feature__figure {
			left: 0px;
			-webkit-transform: scale(0.8);
					-ms-transform: scale(0.8);
				transform: scale(0.8);
		}
		.fullsize .feature figure.feature__figure {
			left: -50px !important;
		}
		.fullsize .feature-sprecher  figure.feature__figure {
			left: 0px !important;
		}
		.fullsize .feature-text  figure.feature__figure {
			left: 0px !important;
		}
		.home-intro .player-demo {
			width: auto;
		}
		.player-demo.multi span.merk__titel {
			font-size: 20px !important;
		}
		.reinhoer__demos .player-demo.multi span.merk__titel {
			margin-left: 70px;
			width: calc(100% - 90px);
			text-align: left;
		}
		.player-demo.multi span.merk__titel {
	
			width: calc(100% - 110px);
			text-align: left;
		}
		.home-premium .premium .inner {
			padding-bottom: 60px;
		}
		li.player-demo.mzDeutscheStimmeempfehlenlassen.empfehlung__demo.mix {
			width: 100%;
			height: auto;
		}
		#sprecher .demo__body .player-demo {
			height: 180px;
		}
		#text .slogan {
			top: -80px;
		}
		.demo__body .player-demo {
			width: 50%;
		}
		#sprecher.imagefilm .demos__4 {
			width: 85%;
			margin-left: 0px;
		}
		#sprecher.imagefilm .player-demo {
			width: 35%;
		}
		#preise.preise .preis__infos ul {
			height: 300px;
		}
		#preise.preise .preis__kachel.individuell {
			min-height: 500px;
		}
		#preise.preise .preis__pakete .preis__hinweis {
			font-size: 14px;
		}
		#preise.preise .browser .price_content {
			font-size: 19px;
		}
		#preise.preise .musik__preise .preis__kachel h3 {
			width: 100%;
			font-size: 18px;
		}
		#preise.preise .musik__preise .preis__kachel {
			height: 500px;
		}
		#preise.preise .musik__preise a.anfragen {
			margin-bottom: 40px;
		}	
		#musik .scrolly .intro.info {
			padding-bottom: 130px;
		}
		#musik .musik__cta a {
			bottom: -100px;
		}
		#musik .demo__body .player-demo.mzMusikempfehlenlassen {
			height: 170px;
		}    
		#musik.corporate h2.anwendungen:after {
			left: -5px;
			bottom: -5px;    
		}
		#musik.corporate .com__section--text h2 {
			font-size: 70px;
			margin-left: 20px;
		}
		#musik.corporate .com__section--text p {
			margin-left: 20px;
		}
		#musik.corporate .demo__container .player-demo.big {
			height: 150px;
		}
		#musik.corporate h2.corporate__infos:after {
			left: -5px;
			bottom: -5px;
		}
		#preise .preis__pakete .preis__kachel {
			min-height: 500px;
		}
		#preise .preis__kachel aside {
			min-height: 120px;
		}
		#preise .musik__preise .price_content {
			margin-top: -10px;
		}
		
		
		
		
		
	
	
	
	}    
		
		
		
		
	@media all and (max-width:480px) {
		#pLink{
			margin-bottom: 20px;
		}
		.ansagen__stil p {
		font-size: 17px;
			max-width: 100%;
	   
	}
	.col-33{
		width: 100%;
	}
	
	body.premiumPage .header {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		padding-bottom: 110px;
	}
	
	.cd-words-wrapper b {
		top: 10px;
		margin: auto !important;
		width: 100% !important;
	}
	
	.card-y .cd-headline {
		margin-top: 0;
	}
	
	.card-y p {
		margin-top: 50px;
		max-width: 95%;
		font-size: 17px;
	}
	
	.card-y {
		padding: 20px;
	}
	
	.card-y img.cover {
		width: 170px !important;
	}
	
	.card-y h2 {
		font-size: 25px;
	}
	
	body.premiumPage #demoIndividuel h2 {
		color: #333;
		text-align: center;
		margin-bottom: 40px;
	}
	
	#demoIndividuel {
		padding-left: 0;
	}
	#demoIndividuel {
		padding: 0;
		width: 100%;
	}
	
	/* body.premiumPage .player-demo.multi.details {
		min-height: 110px;
	}
	
	.player-demo.multi.details span.merk__titel {
		margin-top: 25px;
	} */
	.UIdna {
		display: none;
	}
	.ansagen__stil h3 {
		font-size: 30px;
	}
	.headline .cd-intro {
		left: 0;
		top: 0;
	}
	
	body#home .cd-words-wrapper b {
		height: -webkit-fit-content !important;
		height: -moz-fit-content !important;
		height: fit-content !important;
	}
	
	
	
	
	
	
	figure.news .news__artikel mark {
		font-size: 19px;
		margin-top: 20px;
	}
	#site-content .site-wrap .news__links {
		top: -400px;
		margin-bottom: -70px;
	}
	figure.news .news__artikel mark {
		font-size: 19px;
		margin-top: 20px;
			margin-bottom: 30px;
	}
	
	
	#site-content .site-wrap .news__links {
		top: -400px;
		margin-bottom: -70px;
	}
	
	.news span.kategorie {
		font-size: 17px;
		font-weight: 600;
		position: relative;
		width: 100%;
	}
	
	.news span.kategorie i {
		margin-right: 3px;
	}
	
	figure.news .datum {
		position: relative;
		font-size: 16px;
		padding-top: 8px;
		padding-bottom: 3px;
		margin-right: 12px;
	}
	
	.news .meta {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		height: 60px;
	}
	
	.largeP {
		font-size: 19px;
	}
		#beispiel main .content {
			width: 96vw;
			left: 0;
		}
		
	.player-demo.multi>div.herz-knopf {
		right: 0;
	}
	#beispiel .player-demo.multi.details span.merk__titel {
			margin-top: 23px;
	}
	.player-demo.multi>div.herz-knopf {
		top: 29px;
	}
	.singleTesti {
		background: #fff;
		width: calc(100% - 80px);
	}
	
	#beispiel #feedbackKunde {
		margin-top: 60px !important;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	
	#beispiel .page__cta {
		text-align: center;
		padding-bottom: 30px;
		background: #fff;
		border-radius: 4px;
	}
	
	#beispiel .cta__link a {
		margin-left: 0;
		margin-right: 0;
		float: none;
	}
	
	#beispiel .cta__link {
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	
	.page__cta p {
		margin: auto;
		margin-bottom: 20px;
	}
	
	#beispiel .youtube_bett {
		width: calc(100% - 40px);
	}
	
	footer .proven {
		width: 100%;
		float: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	
	.brand__footer span {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	
		-ms-flex-wrap: wrap;
	
			flex-wrap: wrap;
		position: relative;
	}
	
	footer .brand__footer a {
		position: absolute;
		bottom: -59px;
		top: initial;
		background: #fff;
		color: #222;
	}
	
	.brand__footer {
		position: relative;
		margin-bottom: 80px;
	}
	
	footer {
		padding-bottom: 0px;
	}
	
	footer .content {
		padding-bottom: 60px;
	}
	
	.social {
		height: 400px;
	}
	
	#beispiel .page__cta {
		margin-bottom: 360px;
	}
	body:not(#home) .header .headline h1 {
		font-size: 30px;
	}
	.sideHeading {
		font-size: 34px;
	}
	
	span.sideIcon {
		font-size: 64px;
	}
	.anfrage__small span {
		left: 0;
		top: -40px;
		line-height: 2em;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		width: 120px;
		font-size: 18px;
		padding-left: 0;
		text-align: center;
	}
	div#waverform {
		display: none;
	}
	.eingabe section {
		font-size: large;
		display: flex;
		justify-content: CENTER;
		width: 100%;
		flex-wrap: wrap;
	}
	
	.eingabe section > .grid {
		width: 100%;
		display: flex;
		float: left;
	}
	body:not(.musik-buy) form.bestellung .formular>section.musikkauf {
		padding-bottom: 60px;
	}
	.zahlungsweise>div>label input {
		width: 100% !important;
		height: 100% !important;
		z-index: 2 !important;
	}
	}    
		
	@media(min-width: 800px) AND (max-width: 1550px){
		.proven img {
			width: 100%;
			height: auto;
		}
		footer a {
			font-size: 12px !important;
		}
		.footer_adam h1 {
			font-size: 18px;
		}
	}
	@media(max-width: 799px){
		.proven img {
			width: 100%;
			height: auto;
		}
	}
		
	/*** 31.05.2024 XX24 ***/
}
@media(max-width: 767px){
	.scaleVideo{
		margin-top: -250px;
		margin-bottom: 50px;
		width: 100% !important;
		margin-left: 2px;
	}
	.scaleIFrame {
		width: calc(100% - 4px) !important;
		height: 242px;
	}
	.scaleTwo{
		margin-top: -130px;
	}
	body.leistungen .split .left {
		margin-bottom: 150px;
	}
	#vipSticker{
		position: absolute;
		top: 25px !important;
		right: 10px !important;
		left: auto !important;
	}
	#vipSticker img{
		height: 80px !important;
	}
}
@media(min-width: 768px) and (max-width: 1023px){
	.scaleVideo{
		margin-top: -500px;
	}
	#vipSticker{
		position: absolute;
		top: 25px !important;
		right: 10px !important;
		left: auto !important;
	}
	#vipSticker img{
		height: 80px !important;
	}
}


@media(max-width: 767px){ /* oder @media(max-width: 480px){ */
	#end__cta {
		position: relative;
	}
	#protected i {
		text-align: center;
		margin: 30px;
	}
	#protected img {
		margin-top: 60px;
	}
	ul#akkordion {
		margin-right: 20px !important;
	}
	.glossar h3{
		max-width: 95%;
	}
	.glossar h1{
		font-size: 35px;
	}
	.news-snippet article.artikel{
		height: 500px
	}
	.rank.rank-premium {
		margin-left: 10px;
	}
	img[src*="oekostromv1.jpeg"] {
		margin-left: 90px !important;
		display: block !important; 
	}
	.player-demo.kachel.slim {
		margin: auto;	
		margin-bottom: 10px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	.player-demo{
		max-width: 90vw;
	}
	.player-demo.multi span.merk__titel {
		font-size: 16px !important;
	}
	.rocketcontainer {
		margin: auto;
		width: 70vw;	
		overflow: visible;
		top: 160px;
	}
	.intro a.bb{
		float: none;
		margin: auto;
		margin-top: 200px;
	}
	div#intro {
		margin-bottom: 0px;	
	}
	.intro__wrapper{
		margin-bottom: 0px;
	}
	.premium span {
		font-size: 21px;
		margin-right: 10px;
	}
	#home .dark {
		left: 0px;	
	}
	.dark {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.home__demos .margin__top {
		margin-top: 0px;	
	}
	.home__demos .margin__top {
		float: none;	
	}
	.owl-stage-outer {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
	.slides .txt{
		height: 100%;
	}
	.slides .slide {
		height: 100%;
	}
	#home .news-snippet{
		display: block;
	}
	article.artikel {
		width: 100%;
	}
	article.artikel p{
		max-height: 140px;
	}
	.brand__footer {
		margin-top: 30px;	
	}
	#site-footer .spacer {
		height: 0px;	
	}
	section.testimonials {
		height: 200px;
		min-height: 450px;
	}
	.absolute {
		margin-left: 0px;
		margin-right: 0px;	
	}
	.kunden__snippet section#demos .item {
		width: calc(50% - 32px);
	}
	.filter-head a {
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
	select.soflow, select#soflow-color {
		margin-bottom: 35px;
	}
	.cd-gallery>ul>li[class*="empfehlen"] .herz__tooltip {
		bottom: -60px;
		right: 55px;
	}
	.cd-gallery .player-demo.kachel.small.option3 {
		width: 100%; 
	}
	.cd-gallery>ul>li[class*="empfehlen"] .herz-knopf {
		bottom: -20px;
	} 
	.dach.expanded li {
		width: calc(100vw - 100px);
	}
	.dach.expanded .sprache input {
		left: 90px;
	}
	.dach.expanded label.radio-label {
		padding-left: 70px;
	}
	.cd-filter-block:nth-child(2) {
		margin-bottom: 20px;
	}
	.tags span {
		padding: 0px 20px 2px 20px;
		line-height: 25px;
	}
	body:not(#home) .header .headline h1 {
		font-size: 40px;
	}
	.synchron-text img {
		position: relative;
		margin: auto;
	}
	.synchron-text .text__block .inner .col-70{
		padding-bottom: 20px;
	}
	.synchron-text .text__block{
		padding-bottom: 20px;
		margin-bottom: 80px;
	}
	#sprecher .demos__4 .player-demo {
		width: calc(100vw - 100px);
		padding-bottom: 50px;
	}
	main .content .video {
		position: relative;
		margin: auto;
		margin-top: 65px;
	}
	a.premium__preise {
		margin-top: 50px;
	}
	.preis__pakete .paket__head {
		padding-bottom: 50px;	
	}
	.preis-tabs ul {
		width: 100%
	}
	.preis-tabs .browser {
		margin-top: 750px;
		width: 100%;
	}
	.preis-tabs{
		height: 1600px;
		max-height: 1600px;
	}
	.wave-surface {
		bottom: -100px;
	}
	.waves {
		top: -400px !important;
	}
	.preis-tabs .browser ul {
		font-size: 18px;
		max-width: 50%;
	}
	.preis-tabs #tabs-1, .preis-tabs #tabs-2, .preis-tabs #tabs-3 {
		height: 50%;
	}
	.addon span {
		font-size: 16px;
	}
	.preis-tabs .addon {
		width: 70%;   
	}
	.preis-tabs .active .title:after {
		right: 20px;
		top: 12px;
	}
	.preis-tabs .title:after {
		right: 20px;
		top: 12px;
	}
	.preis-tabs .title {
		font-size: 16px;
	}
	.musik__preise .preis__kachel {
		margin-bottom: 30px;
	}
	.ansagetexte .header {
		height: 420px;
		margin-bottom: 120px;
	}
	.uebersetzung .kachel.white.klein {
		width: calc(50% - 30px);
		font-size: 16px;
		padding: 5px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.uebersetzung .feature {
		margin-left: 0px;
	}
	.text__body .page__cta {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.pe-richsnippets {
		margin-top: -20px;
	}
	@-webkit-keyframes img-shift {
		0% {
			-webkit-transform: translateY( 400px);
					transform: translateY( 400px);
					opacity: 0;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
		}
		40% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			
		}
	
		100% {
			-webkit-transform: translateY(-350px);
					transform: translateY(-350px);
					opacity: 1;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}
	}
	@keyframes img-shift {
		0% {
			-webkit-transform: translateY( 400px);
					transform: translateY( 400px);
					opacity: 0;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
		}
		40% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			
		}
	
		100% {
			-webkit-transform: translateY(-350px);
					transform: translateY(-350px);
					opacity: 1;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}
	}
	.content .proven>a {
		margin: 25px !important;
	}
	#site-content .site-wrap {
		padding-bottom: 0px;
		overflow: unset;
	}
	#site-content .site-wrap .news__links {
		top: -200px;
	}
	.content__block .page__cta {
		/*margin-bottom: 300px;*/
		margin-bottom: 50px;
	}
	.content .scrolly {
		display: block;
	}
	#musik .dach.musik__genre li {
		width: 34%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.corporate .com__nav-item {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 15px;
	}
	.corporate a.com__nav-link>span {
		font-size: 18px;
	}
	.corporate .com__section--text h2 {
		font-size: 34px;
	}
	.corporate .com{
		height: auto;
		margin-bottom: 0px;
	}
	.corporate .com__content {
		height: 600px;
	}
	.corporate .com__section:nth-child(0){
		padding-top: 80px;
	}
	.corporate .com__section:nth-child(1){
		padding-top: 0px;
	}
	.corporate .com__section:nth-child(2){
		padding-top: 0px;
	}
	.corporate .com__section:nth-child(3){
		padding-top: 80px;
	}
	.beispiele .card-y h2 {
		font-size: 30px;
	}
	.beispiele .cd-intro {
		margin-top: 10px;
	}
	.cd-words-wrapper b{
		margin-right: 200px;
	}
	.preise__body .cd-words-wrapper b {
		margin-right: 0px;	
	}
	.demos__branche .buttonPrimary{
		margin-bottom: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	#demoIndividuel{
		padding-left: 20px;
		width: calc(100% - 60px);
	}
	#beispiel .youtube_bett{
		width: calc(100vw - 40px);
	}
	#beispieleBox{
		margin-top: 250px;
	}
	#beispiel #qualiBox, #beispiel #feedbackKunde, #beispiel #hoerenRein{
		margin-left: 20px;
	}
	#beispiel .page__cta {
		margin-bottom: 280px;
	}	
	#beispiel .headline {
		padding-top: 50px;
	}	
	#beispiel .content .card-y {
		padding-left: 10px;
	}
	.demos__stil .gradient {
		padding-bottom: 200px;
	}
	.ansagen__stil .empfehlung {
		margin-left: 20px;
	}
	.ansagen__stil .player-demo.multi .plyr__controls .plyr__controls__item:first-child {
		left: -20px;
	}	
	.ansagen__stil .player-demo.multi>div.herz-knopf {
		right: -10px;
	}
	.kunden .headline {
		padding-top: 20px;
	}
	.kundenlogo .plyr--full-ui {
		left: auto;
	}
	.formularNeu button[type="submit"] {
		margin-bottom: 25px;
	}
	.bestellung.formularNeu.formularNeu{
		height: auto;
		width: 100%;
	}
	form.bestellung .formular {
		display: block;
	}
	.formular.paypal .kauf__hinweis {
		width: auto;
		float: none;
		margin-top: 100px;
	}
	.formular.paypal .musiktitel {
		padding: 20px;
		width: calc(100vw - 40px);
		margin-top: 0px;
	}
	.formular.paypal span.bestell__step {
		top: 15px; 
		left: 20px;
	}
	.formular.paypal .musikkauf span.bestell__step {
		top: 40px;
	}
	.formular.paypal section.daten .eingabe h3 {
		margin-bottom: 0px;
	}
	.bestellung section.daten input[type="submit"] {
		width: 100%;
		font-size: 18px;
	}
	.formular.paypal .bezahlung .paypal__checkout {
		display: block;
	}
	.formular.paypal .paypal__checkout>div.illustration {
		margin-right: 0;
		width: 100%;
		padding-right: 0;
		margin-bottom: 25px;
		border-right: none;
	}
	.formular.paypal .paypal__checkout>div.illustration span {
		width: calc(100% - 20px);
		text-align: center;
	}
	.formular.paypal .paypal__checkout>div {
		width: 100%;
	}
	.formular.paypal .bestellung .dsgvo {
		width: calc(100% - 20px);
	}
	.ssl-info {
		position: absolute;
		top: 70px;
		left: 10px;
	}
	.checklist .formIll.ansagenArten {
		border-right: none;
		margin-right: 0px;
	}
	.checklist .formIll.ansagenArten img {
		position: unset;
		display: block;
		margin-top: 0px;
		margin: auto;
		padding-top: 20px;
	}
	.checklist #ansageVorMelden{
		width: 90vw;
		margin: auto;
	}
	.checklist #ansageVorMelden label:nthChild(0) {
		width: 90vw;
		margin: auto;
	}
	.checklist label {
		width: 100%;
		height: 40px;
		line-height: 20px;
		font-size: 12px;
		margin-bottom: 10px;
	}
	#formText i[class*="fa"], #formDetails i[class*="fa"] {
		margin-right: 10px;
	}
	.formIll.musik img {
		margin-left: 0px;
		max-width: 100%;
	}
	.formMusik {
		width: 100%;
		left: 0px;
		padding-left: 0px;
		padding-top: 0px;
		margin-top: 0px;
	}
	.formIll.musik {
		top: 0px;
		padding-right: 0px;
		left: 0px;
		height: 90%;
		max-width: 90%;
		margin-right: 10%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	#musikEmpfehlen{
		margin-top: 5%;
		margin-bottom: 5%;
		height: 90%;
	}
	.ausblendDetails {
		display: none !important;
	}	
	#formText label {
		margin-left: 5%;
		width: 90%;
		margin-right: 5%;
	}
	#formText i[class*="fa"], #formDetails i[class*="fa"] {
		margin-bottom: 0px;
		float: unset;
		width: calc(100% - 40px);
		padding: 20px;
		top: 0px;
		border-right: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	.formatCenter{
		margin-left: 5%;
		margin-right: 5%;
	}
	.formatCenter h3{
		font-size: 16px;
		text-align: center;
	}
	.formatCenter #form-input-telefonanlage, .formatCenter #form-input-audioformat{
		width: 75%;
		font-size: 14px;
	}
	.ende .kundenlogo{
		width: 90%;
		margin: 0px;
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 5%;
		margin-right: 5%;
	}
	.ende button[type="submit"]{
		width: 90%;
		left: 0px;
		float: none;
		margin-left: 5%;
		margin-right: 5%;
	}
	.ende .form__referenzen{
		padding-left: 0px;
		margin-bottom: 0px;
	}
	#anfrage .dsgvo{
		position: unset;
		float: none;
	}
	#suche .accordion{
		display: block;
		max-width: 100%;
	}
	#kontakt .link__kacheln .link {
		width: -webkit-fill-available;
	}
	#kontakt .link__kacheln .link.bestellung {
		margin-top: 0px;
	}
	#kontakt .link__kacheln .link.telnr {
		margin-bottom: 200px
	}
	.headline .cd-intro {
		left: 200px;
	}
	.highlight__demos .featureDemoTitel h2 {
		color: #000;
		font-size: 22px;
		top: 0;
	}
	.highlight__demos{
		width: 100%;
	}
	.highlight__demos .player-demo{
		width: 100%;
		max-width: calc(100% - 80px);
	}
	#musik .content__text p {
		padding-bottom: 200px;	
	}
	#agentur #pewl{
		margin-top: 150px;
	}
	#impressum .impressum__body{
		margin-top: -80px;
		padding: 0px;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 100%;
	}
	#impressum .text__block {
		padding-left: 20px;
	}
	.Datenschutz .text__block{
		margin-top: 100px;
	}
	#impressum .text a {
		word-break: break-all;
	}
	.link__kacheln .uebersetzung{
		margin-bottom: 200px;
	} 
	#referenzen.main #site-content .site-wrap {
		padding-bottom: 180px;
	}
	.content__block .page__cta {
		text-align: center;
	}
	form.bestellung section.daten>div.submit__holder {
		padding-top: 40px!important;
		padding-bottom: 20px;
	}
	.big-slider button.owl-prev {
		left: 10px;
		z-index: 10;
	}
	.big-slider button.owl-next {
		right: 10px;
		z-index: 10;
	}
	.big-slider button.owl-prev i, button.owl-next i {
		font-size: 70px;
	}
	.tooltip__container {
		z-index: 25;
	}
	#home section#slider {
		padding: 0px;
		height: 550px;
	}
	
	
	/*** AUGUST 2020 ***/
.selectMultiple {
	max-width: 90%;
}

.checklist label {
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 80px;
	width: calc(100% - 110px);
	border-bottom: solid 2px #f6f9fc;
	padding-bottom: 10px;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	top: 0px;
	-webkit-tap-highlight-color: transparent;
}

.checklist .deutschFremd label {
	padding-left: 0;
}
.formularNeu .checky {
	position: absolute;
	left: 0;
	top: 7px;
}

.checklist #ansageVorMelden {
	margin-top: 20px;
}

.tooltip__container {
	margin-left: 20px;
	position: absolute;
	right: -20px;
	top: 7px;
}
.tooltip__container span b:hover {
	background: #f8f8f8;
}
.formMusik .checklist label {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border-bottom-color: white;
	min-height: 40px;
}

.formIll.musik {
	max-width: 60%;
	margin: auto;
	margin-bottom: 20px;
	border: none;
}

#musikEmpfehlen {
	max-width: 80%;
	
	margin-bottom: 40px;
}

.formIll.musik:before {
	content: 'Musik';
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: block;
	padding-top: 12px;
	font-size: 33px;
	font-weight: bold;
	position: absolute;
	left: -40px;
	bottom: 50px;
}
#anfrage form .ansagenArten h2 {
	padding: 0;
	width: 100%;
	padding-bottom: 20px;
}

.tooltip__container span {
	background: dodgerblue;
	width: calc(100% - 84px);
	margin: auto;
	padding: 25px;
	margin-top: 50px;
	text-indent: 0;
	text-align: left;
	padding-top: 30px;
		-webkit-transform: translateX(0) translateY(-100vh);
				-ms-transform: translateX(0) translateY(-100vh);
			transform: translateX(0) translateY(-100vh);
		-webkit-transition-duration: 0s;
				-o-transition-duration: 0s;
		   transition-duration: 0s;
		transition-duration: 0s;
}
.tooltip__container:hover span {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}



.tooltip__container span b {
	position: absolute;
	width: 35px;
	height: 35px;
	background: white;
	left: 0;
	top: -15px;
	content: '\f00d';
	right: 0;
	margin: auto;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px #5e5e5e;
			box-shadow: 0 0 5px #5e5e5e;
}

.tooltip__container span b:before {
	content: '\f00d';
	position: absolute;
	left: 0;
	right: 0;
	text-indent: 0;
	font-family: 'FontAwesome';
	top: 0;
	bottom: 0;
	text-align: center;
	line-height: 35px;
	font-size: 23px;
	color: #5e5e5e;
}
.tooltip__container.open span {
	opacity: 1 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translateX(0) translateY(0);
				-ms-transform: translateX(0) translateY(0);
			transform: translateX(0) translateY(0);
}

.tooltip__container.open i.ion-help-circled:before {
	content: "\f057";
	font-family: "FontAwesome"

}

.tooltip__container i {
	padding: 3px;

	width: 20px;
	display: block;
	height: 20px;
	
}

.tooltip__container.open i {
	color: red;
}
.tooltip__container i {
	color: #bcc1c8;
	font-size: 24px;
	position: relative;
	top: -1px;
}
.formularNeu .daten input {
	border: solid 1px #f6f9fc;
}

.zusammenfassung #output {
	padding-bottom: 40px;
}

div#output:empty:after {
	font-size: 15px;
	text-align: left !important;
	max-width: 90%;
	margin-top: 20px;
}
.homePE {
		height: 140px;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		margin-top: -30px;
		position: relative;
	}
	
	.homePE a {
		max-width: 55px!important;
		max-height: 55px!important;
		margin-right: 50px;
	}
	
	.homePE a img,.homePE a span {
		max-width: 85px!important;
		max-height: 85px!important;
	}
.reinhoer__demos .player-demo.multi span.merk__titel {
		text-align: left;
	}
	
}

@media(min-width: 768px) and (max-width: 1023px){ 
	#home .feature__text {
		width: 60%;
	}
	#home .player-demo.kachel.slim {
		margin: auto;
		margin-bottom: 20px;
	}
	#home .home-intro .absolute {
		float: unset;
		width: 100%;
		margin-left: 0px;
	}
	#home .home-branche div span{
		margin: 10px 10px;
	}
	#suche.hilfe .accordion>div {
		width: calc(50% - 10px) !important;
		margin: 0 !important;
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
	#suche.hilfe main .content section h2 {
		margin-top: 0;
	}
	.cd-morph-dropdown .nav-trigger {
		top: 50px;
	}
	.sticky {
		top: 140px;
	}
	.headline {
		width: 90%;
	}
	#sprecher .demo__body .player-demo {
		width: 100%;
		height: auto;
	}
	#sprecher .demos__float .player-demo {
		max-width: calc(50% - 84px);
	}
	#sprecher .player-demo {
		max-width: calc(50% - 84px);
	}
	#sprecher:not(.imagefilm) .player-demo:nth-child(1) {
		max-width: calc(100% - 80px);
	}
	#musik .player-demo {
		max-width: calc(50% - 80px);
	}
	#musik:not(.corporate, .main) .player-demo:nth-child(1) {
		max-width: calc(100% - 80px);
	}
	#musik .demo__body .player-demo {
		width: 100%;
		height: auto;
	}
	#preise.preise .preis-tabs .browser ul {
		font-size: 16px;	
	}
	#preise.preise .preis-tabs .browser h2 {
		right: -90px;
	}
	#preise.preise .waves {
		top: -80px;
	}
	.text .text__body .feature__text {
		width: 100%;
	}
	.player-demo.multi {
		max-width: 100%;
		width: 100%;
	}
	#demoIndividuel {
		margin-top: 15px;
	}
	#anfrage #ansageVorMelden{
		margin-left: 20px;
	}
	#formDetails i[class*="fa"] {
		margin-bottom: 0px;
		float: unset;
		width: calc(100% - 40px);
		padding: 20px;
		top: 0px;
		border-right: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	#formDetails i[class*="fa"] {
		margin-right: 10px;
	}
	.formatCenter{
		margin-left: 5%;
		margin-right: 5%;
	}
	.formatCenter h3{
		font-size: 20px;
		text-align: center;
	}
	.formatCenter #form-input-telefonanlage, .formatCenter #form-input-audioformat{
		width: 75%;
		font-size: 16px;
		display: block;
		margin: auto;
	}
	#ausblendRow{
		display: none;
	}
	.content.con form.bestellung {
		width: 95%;
	}
	.formular.paypal .kauf__hinweis {
		width: 35%;
	}
	.formular.paypal .musiktitel {
		padding-left: 5px;
		width: 40%;
	}
	.link__kacheln .telnr .innen h2 {
		font: 700 24px/1 'sofia-pro',sans-serif;
	}
	#musik.main .highlight__demos .player-demo {
		width: 100%;
		max-width: calc(100% - 80px);
	}
	#impressum .text a {
		word-break: break-all;
	}
	.nav-open .logo__wrapper {
		top: 35px;
	}
	.big-slider button.owl-prev {
		left: 10px;
		z-index: 10;
	}
	.big-slider button.owl-next {
		left: calc(100vw - 80px);
		z-index: 10;
	}
	.big-slider button.owl-prev i, button.owl-next i {
		font-size: 70px;
	}
	.synchronWidget > div > img {
		width: 90px;
	}	
}
@media(max-height: 735px) and (orientation: portrait){ /* Navigation auf nicht so hohen Geräten kleiner machen */
	.cd-morph-dropdown .content {
		padding: 0px;
		padding-top: 5px;
		text-align: center;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px) !important;
	}
	.cd-morph-dropdown .gallery .content a span {
		font-size: 12px;
	}
	.cd-morph-dropdown .main-nav>ul>li {
		margin: 5px 10px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
	.cd-morph-dropdown .main-nav>ul>li {
		margin: 5px 10px;
	min-height: 20px;
	margin-top: -7px;
	margin-left: 0;
	}
	.cd-morph-dropdown .morph-dropdown-wrapper {
		top: 200px;
	}
	.cd-morph-dropdown .gallery .content li {
		margin-bottom: 5px;
	}
}
@media(max-width: 374px){
	.brand__footer {
		margin-top: 5px;
	}
	footer .brand__footer a {
		top: -10px;
	}
	.cd-tab-filter.geschlecht .filter{
		display: -ms-grid;
		display: grid;
		width: 118px;
		padding-left: 10px;
	}
	.cd-tab-filter.geschlecht>ul>li:nth-child(2) {
		margin-top: 10px;
	}
	#sprecher .cd-tab-filter-wrapper .cd-filter-block .select.soflow{
		width: 88vw;
	}
	li.player-demo.empfehlung__demo.mix {
		height: 220px;
	}
	li.player-demo.empfehlung__demo.mix:nth-child(2) {
		height: 160px;
	}
	#musik .dach.musik__genre li {
		height: 110px;
		width: 33%;
	}
	#musik .cd-filter-block .filter.soflow{
		width: 88vw;
	}
	#musik.corporate h2.anwendungen {
		margin-top: -180px;
	}
	#musik.corporate .com__content {
		margin-top: 180px;
	}
	#musik.corporate a.com__nav-link>span {
		font-size: 16px;
	}
	#musik.corporate .demo__container .player-demo {
		width: calc(100% - 40px);
		margin: 0px;
		margin-top: 20px;
	}
	#text.ansagetexte .demo__container .player-demo {
		width: calc(100% - 40px);
		margin: 0px;
		margin-top: 20px;
		margin-left: -15px;
	}
	.demos__branche .card-y .cd-words-wrapper b {
		margin-right: 120px;
		font-size: 28px;
	}
	.content__block .content .demos__stil h2 {
		width: 100vw;
		text-align: center;
	}
	.formular.paypal .kauf__hinweis {
		width: calc(100vw - 50px);
	}
	.bestellung section.daten input[type="submit"] {
		font-size: 16px;
	}
	#anfrage .checklist #ansageVorMelden {
		width: calc(100% - 10px);
		margin: 0px;
		margin-right: 5px;
		margin-left: 5px;
	}
	#anfrage .checklist label {
		font-size: 10px;
	}
}
@media(min-width: 1024px) and (max-width: 1440px) and (orientation: landscape){ 
	@media(min-width: 1100px) and (max-width: 1440px){
		nav.main-nav {
			width: 800px;
			right: 0px !important;
		}	
	}
	@media(min-width: 1024px) and (max-width: 1100px){
		nav.main-nav {
			width: 750px;
			right: 0px !important;
		}	
		.cd-morph-dropdown .main-nav>ul>li>a{
			padding: 0 1em;
		}	
	}
	.cd-morph-dropdown .main-nav>ul>li {
		float: unset;
	}
	.big-slider button.owl-prev {
		left: 10px;
		z-index: 10;
	}
	.big-slider button.owl-next {
		left: calc(100vw - 90px);
		z-index: 10;
	}
	.big-slider button.owl-prev i, button.owl-next i {
		font-size: 70px;
	}	
	.fullsize .feature figure.feature__figure {
		left: 0px;
		-webkit-transform: scale(0.8);
				-ms-transform: scale(0.8);
			transform: scale(0.8);
	}
	.fullsize .feature figure.feature__figure {
		left: -50px !important;
	}
	.fullsize .feature-sprecher  figure.feature__figure {
		left: 0px !important;
	}
	.fullsize .feature-text  figure.feature__figure {
		left: 0px !important;
	}
	.home-intro .player-demo {
		width: auto;
	}
	.player-demo.multi span.merk__titel {
		font-size: 20px !important;
	}
	.reinhoer__demos .player-demo.multi span.merk__titel {
		margin-left: 70px;
		width: calc(100% - 90px);
		text-align: left;
	}
	.player-demo.multi span.merk__titel {

		width: calc(100% - 110px);
		text-align: left;
	}
	.home-premium .premium .inner {
		padding-bottom: 60px;
	}
	li.player-demo.mzDeutscheStimmeempfehlenlassen.empfehlung__demo.mix {
		width: 100%;
		height: auto;
	}
	#sprecher .demo__body .player-demo {
		height: 180px;
	}
	#text .slogan {
		top: -80px;
	}
	.demo__body .player-demo {
		width: 50%;
	}
	#sprecher.imagefilm .demos__4 {
		width: 85%;
		margin-left: 0px;
	}
	#sprecher.imagefilm .player-demo {
		width: 35%;
	}
	#preise.preise .preis__infos ul {
		height: 300px;
	}
	#preise.preise .preis__kachel.individuell {
		min-height: 500px;
	}
	#preise.preise .preis__pakete .preis__hinweis {
		font-size: 14px;
	}
	#preise.preise .browser .price_content {
		font-size: 19px;
	}
	#preise.preise .musik__preise .preis__kachel h3 {
		width: 100%;
		font-size: 18px;
	}
	#preise.preise .musik__preise .preis__kachel {
		height: 500px;
	}
	#preise.preise .musik__preise a.anfragen {
		margin-bottom: 40px;
	}	
	#musik .scrolly .intro.info {
		padding-bottom: 130px;
	}
	#musik .musik__cta a {
		bottom: -100px;
	}
	#musik .demo__body .player-demo.mzMusikempfehlenlassen {
		height: 170px;
	}    
	#musik.corporate h2.anwendungen:after {
		left: -5px;
		bottom: -5px;    
	}
	#musik.corporate .com__section--text h2 {
		font-size: 70px;
		margin-left: 20px;
	}
	#musik.corporate .com__section--text p {
		margin-left: 20px;
	}
	#musik.corporate .demo__container .player-demo.big {
		height: 150px;
	}
	#musik.corporate h2.corporate__infos:after {
		left: -5px;
		bottom: -5px;
	}
	#preise .preis__pakete .preis__kachel {
		min-height: 600px;
	}
	#preise .preis__kachel aside {
		min-height: 120px;
	}
	#preise .musik__preise .price_content {
		margin-top: -10px;
	}
	
	
	
	
	



}    
	
	
	
	
@media all and (max-width:480px) {
	#pLink{
		margin-bottom: 20px;
	}
	.ansagen__stil p {
	font-size: 17px;
		max-width: 100%;
   
}
.col-33{
	width: 100%;
}

body.premiumPage .header {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding-bottom: 110px;
}

.cd-words-wrapper b {
	top: 10px;
	margin: auto !important;
	width: 100% !important;
}

.card-y .cd-headline {
	margin-top: 0;
}

.card-y p {
	margin-top: 50px;
	max-width: 95%;
	font-size: 17px;
}

.card-y {
	padding: 20px;
}

.card-y img.cover {
	width: 170px !important;
}

.card-y h2 {
	font-size: 25px;
}

body.premiumPage #demoIndividuel h2 {
	color: #333;
	text-align: center;
	margin-bottom: 40px;
}

#demoIndividuel {
	padding-left: 0;
}
#demoIndividuel {
	padding: 0;
	width: 100%;
}

/* body.premiumPage .player-demo.multi.details {
	min-height: 110px;
}

.player-demo.multi.details span.merk__titel {
	margin-top: 25px;
} */
.UIdna {
	display: none;
}
.ansagen__stil h3 {
	font-size: 30px;
}
.headline .cd-intro {
	left: 0;
	top: 0;
}

body#home .cd-words-wrapper b {
	height: -webkit-fit-content !important;
	height: -moz-fit-content !important;
	height: fit-content !important;
}






figure.news .news__artikel mark {
	font-size: 19px;
	margin-top: 20px;
}
#site-content .site-wrap .news__links {
	top: -400px;
	margin-bottom: -70px;
}
figure.news .news__artikel mark {
	font-size: 19px;
	margin-top: 20px;
		margin-bottom: 30px;
}


#site-content .site-wrap .news__links {
	top: -400px;
	margin-bottom: -70px;
}

.news span.kategorie {
	font-size: 17px;
	font-weight: 600;
	position: relative;
	width: 100%;
}

.news span.kategorie i {
	margin-right: 3px;
}

figure.news .datum {
	position: relative;
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 3px;
	margin-right: 12px;
}

.news .meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	height: 60px;
}

.largeP {
	font-size: 19px;
}
	#beispiel main .content {
		width: 96vw;
		left: 0;
	}
	
.player-demo.multi>div.herz-knopf {
	right: 0;
}
#beispiel .player-demo.multi.details span.merk__titel {
		margin-top: 23px;
}
.player-demo.multi>div.herz-knopf {
	top: 29px;
}
.singleTesti {
	background: #fff;
	width: calc(100% - 80px);
}

#beispiel #feedbackKunde {
	margin-top: 60px !important;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
}

#beispiel .page__cta {
	text-align: center;
	padding-bottom: 30px;
	background: #fff;
	border-radius: 4px;
}

#beispiel .cta__link a {
	margin-left: 0;
	margin-right: 0;
	float: none;
}

#beispiel .cta__link {
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

.page__cta p {
	margin: auto;
	margin-bottom: 20px;
}

#beispiel .youtube_bett {
	width: calc(100% - 40px);
}

footer .proven {
	width: 100%;
	float: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
}

.brand__footer span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;

	-ms-flex-wrap: wrap;

		flex-wrap: wrap;
	position: relative;
}

footer .brand__footer a {
	position: absolute;
	bottom: -59px;
	top: initial;
	background: #fff;
	color: #222;
}

.brand__footer {
	position: relative;
	margin-bottom: 80px;
}

footer {
	padding-bottom: 0px;
}

footer .content {
	padding-bottom: 60px;
}

.social {
	height: 400px;
}

#beispiel .page__cta {
	margin-bottom: 360px;
}
body:not(#home) .header .headline h1 {
	font-size: 30px;
}
.sideHeading {
	font-size: 34px;
}

span.sideIcon {
	font-size: 64px;
}
.anfrage__small span {
	left: 0;
	top: -40px;
	line-height: 2em;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: 120px;
	font-size: 18px;
	padding-left: 0;
	text-align: center;
}
.zahlungsweise > div > label {
	font-size: 15px;
}
.big__head {
	float: left;
}
.ansagen__stil h3 {
	font-size: 2rem;
}

.ansagen__stil .empfehlung {
	position: absolute;
	bottom: 20px;
	line-height: 1.5;
	z-index: 2;
}

.ansagen__stil .empfehlung span {
	top: 0;
	margin-bottom: 0;
	margin-top: 10px;
}

.ansagen__stil .padding50px {
	padding-bottom: 40px;
}
.cd-morph-dropdown .gallery .content li {
	margin-top: 0px;
}
.col-30.vert.mehr-info.infoSwiper {
	max-height: 50vh !important;
	overflow: hidden !important;
}
.daten label {
	/* padding: 0; */
	/* margin: 0; */
	padding-left: 0;
	margin-bottom: -10px;
	margin-top: 20px;
	padding-bottom: 0;
	width: calc(100% - 10px);
}
.col-30.vert.mehr-info.infoSwiper {
	z-index: 1;
}
.col-30.vert.mehr-info.infoSwiper {
	z-index: 1;
}

main.cd-main-content {
	z-index: 22222;
	position: relative;
}

}    
	
@media(max-width: 799px){
	.proven img {
		width: 100%;
		height: auto;
	}
	footer a {
		font-size: 12px !important;
	}
	.footer_adam h1 {
		font-size: 18px;
	}
	img.gifCLoudy {
		display: none !important;
	}
}
@media(max-width: 799px){
	.proven img {
		width: 100%;
		height: auto;
	}
}
	
	
	
	
	
	
	
	
	
	
	
	
	
/*** IPAD PRO 2024 ***/

@media(min-width: 1300px) and (max-width: 1400px) { 


.feature__text {
	width: 65%;
}

.fullsize .feature figure.feature__figure {
	width: 28%;
	left: -30px !important;
}

.fullsize .feature:nth-child(even) figure.feature__figure {
	width: 22%;
}

a.feature__link {
	right: -60px;
	left: 50px;
	display: block;
	float: right;
	width: 100%;
}

div#angebot-slider {
	margin-top: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: CENTER;
		-ms-flex-pack: CENTER;
			justify-content: CENTER;
}

#home section#slider {
	max-width: 100%;
	margin: auto;
}
div[data-field-container="ihreTexte"] {
	max-width: calc(100% - 40px);
	margin-top: 40px;
}
.padding50px {
	padding: 30px;
}
#musik .dach.musik__genre li {
	width: 109px;
}

#musik .demo__body .player-demo.mzMusikempfehlenlassen {
	width: 220px;
}

.cd-gallery>ul>li[class*="empfehlen"] img {
	max-width: 70px;
}

.cd-gallery>ul>li[class*="empfehlen"] .herz-knopf {
	bottom: 0;
	left: 0;
	float: none;
}

.player-demo>div.herz-knopf, .herz-knopf {
	right: 10px;
	bottom: 0;
	top: 0;
	margin: auto;
}

.cd-gallery .player-demo.kachel.small.option3 {
	width: 220px;
}

.player-demo>div.show__item {
	right: 10px;
}

#musik .scrolly .intro.info {
	padding-bottom: 30px;
}
#sprecher .demo__body .player-demo {
	height: 140px;
	width: 229px;
}
#sprecher .demo__body .player-demo {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-width: 220px;
}

li.player-demo.small.empfehlung__demo.mix.radio1.radio2.radio3.color-1.color-2.mzDeutscheStimmeempfehlenlassen.merkbar {
	width: 220px;
}

.cd-gallery>ul>li[class*="empfehlen"] img {
	max-width: 26px;
}

.cd-gallery>ul>li[class*="empfehlen"] .herz-knopf {
	top: -26px;
	right: -7px !important;
	right: initial;
	bottom: 100px !important;
}

.cd-gallery > ul > li[class*="empfehlen"].player-demo>div {
	width: 100%;
}

.cd-gallery>ul>li[class*="empfehlen"].player-demo span.merk__titel {
	margin-bottom: 6px;
}

.cd-gallery>ul>li[class*="empfehlen"] .herz__tooltip {
	top: -26px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	right: 35px;
}

.tags span {
	line-height: 2em;
}
body#musik .cd-gallery .player-demo.kachel.small {
	height: 120px;
}
body#musik .cd-gallery .player-demo.kachel.small {
	height: 120px;
	width: 221px;
}


body#musik .cd-gallery>ul>li[class*="empfehlen"] .herz-knopf {
	left: inherit;
	top: -14px;
}

body#musik .cd-gallery > ul > li[class*="empfehlen"].player-demo>div .show__item {
	top: 10px;
	right: 0;
	position: absolute;
	bottom: initial;
}

body#musik .cd-gallery .player-demo.kachel.small.option3 {
	height: 116px;
}
#musik .musik__cta a {
	bottom: 0;
}

#musik .demo__body .player-demo.mzMusikempfehlenlassen {
	height: 120px;
}
/* .beispielSide .inner {
	width: 140%;
} */

body .content__block .beispielSide .content {
	width: 100% !important;
}
.ansagen__stil .player-demo.mini {
	width: 230px;
	padding-top: 10px;
}

.ansagen__stil .grid.padding50px > div[class*=column-] {
	width: 280px !important;
	max-width: 260px;
	margin-bottom: 0px;
}

.padding50px {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: start;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.musik-shop .musiktitel {
	padding: 0 !important;
}
body .content__block > main > .content {
	width: 100% !important;
	max-width: 100% !IMPORTANT;
}
#pbc .content {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: inherit ! IMPORTANT;
	padding-top: 40px;
	padding-bottom: 9px;
	max-width: calc(100% - 80px) !important;
}
body#body-public.AN_open #content {
	-webkit-filter: blur(11px);
			filter: blur(11px);
}
body#bestaetigen .formular form {
	width: calc(100% - 40px);
	margin: auto;
}

body#bestaetigen .formular {
	max-width: 1260px;
	margin: AUTO;
}
.kundenlogo .plyr__control svg {
	top: 5px;
	width: 20px;
	height: 20px;
}
body.micro.loaded .logo svg .kreis {opacity: 1;}

body.micro .headline {
	margin-left: 0;
}

body.micro.loaded .logo svg path {
	opacity: 1;
}

body.micro.loaded .logo svg path {
	opacity: 1 !important;
}
body.micro.loaded .logo svg path {
	opacity: 1 !important;
}

body.micro.loaded .logo svg .kreis {
	opacity: 1;
}

body.micro .headline {
	margin: auto;
}
.about .wer .inner {
	max-width: 1240px;
	margin: auto;
}

.team-row {
	max-width: 1240px;
	margin: auto;
	padding-top: 20px;
}

.wer .col-25 {
	padding-top: 90px;
}

div#partner {
	margin-top: 190px;
}
/* .technischeBeratung {
	width: 320px;
	float: left;
	line-height: 17px;
	padding-bottom: 10px;
} */
.home-branche article {
	height: 320px;
}

section.home-branche {
	height: 383px;
}

.home-branche .buttonPrimary {
	bottom: -40px;
	right: -10px;
}
.highlight__demos {
	width: 500px;
}

.link__kacheln {
	margin-left: 30px;
}
.pe-pro-seal.pe-pro-seal-position-left.pe-pro-seal-ready {
	bottom: 130px !important;
	right: 0;
	bottom: inherit;
	position: fixed;
	width: fit-content;
	height: fit-content;
	left: inherit;
}
div#waverform {
	display: none !important;
}

}