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

	.box33 ul li {
		line-height: 32px;
		border: none;
	}

	.box33 ul li:last-child {
		border-bottom: none;
	}

	.category-desc img {
		margin-left: -6%;
		width: 112%;
		height: auto;
	}

	.container,
	.category_description,
	.content-category,
	.com-content-article__body,
	#system-message-container,
	.article-info,
	.com-content-category-blog,
	.mod-breadcrumbs__wrapper,
	.mod-articlesnews.newsflash,
	.pagenavigation,
	.com-users-reset,
	.com-users-profile__edit.profile-edit,
	.com-users-remind,
	.page-header {
		width: 96%;
		margin: 0 auto;
	}

	footer {
		height: auto;
		line-height: 77px;
	}

	footer .container {
		display: block;
	}

	footer .copyright {
		text-align: center;
	}

	footer .links,
	footer .copyright {
		padding: 0 44px;
	}

	h4.newsflash-title {
		margin-top: 330px;
		min-height: 230px;
	}

	header {
		height: 80px;
	}

	header ul li {
		padding: 0 6px;
	}

	html,
	body {
		overflow-x: hidden;
	}

	.item-image img {
		max-width: 100%;
		height: auto;
	}

	.mod-articlesnews.newsflash,
	.container {
		width: 100%;
	}

	.mod-visforms {
		white-space: nowrap;
	}

	.newsflash-image {
		height: auto;
		max-width: 100%;
		overflow: hidden;
	}

	.newsflash-image img {
		width: 100%;
		height: auto;
	}

	p {
		line-height: 24px;
		font-size: 16px;
		margin-bottom: 21px;
	}

	.reiss .wrap {
		width: 56%;
	}

	.showroom {
		background-size: 210%;
		height: 650px;
	}

	.showroom .wrap {
		width: 50%;
		padding-top: 70px;
	}

	.showroom .wrap p {
		font-size: 18px;
		margin: 230px 0 18px;
	}

	.showroom small,
	.showroom h3 br,
	header ul li:first-child a,
	.showroom h3:first-child {
		display: none;
	}

	.text h1 {
		font-size: 32px;
		line-height: 44px;
	}

	.text h2 {
		font-size: 24px;
		line-height: 32px;
	}

	.tutorial .wrap {
		width: 62%;
	}

}

@media (max-width: 980px) {
	.navlinks { display: none }
	.heroGrid { grid-template-columns: 1fr }
	.grid3    { grid-template-columns: 1fr }
	.twoCols  { grid-template-columns: 1fr }
	.program  { grid-template-columns: 1fr }
}

@media (max-width: 768px) {

	.aboutme h3,
	.blog .page-header h2,
	.blog .category-desc h2,
	.com-content-article__body h3,
	.com-content-article__body h2,
	.text h2,
	.text h3 h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		text-align: center;
	}

	.box33 p,
	.box33 h2 {
		min-height: auto;
	}

	.box33,
	.mod-articlesnews__item {
		width: 100%;
		padding: 0 6% 8% 6%;
		margin-top: 44px;
		box-sizing: border-box;
	}

	.category_description,
	.content-category,
	.com-content-article__body,
	#system-message-container,
	.article-info,
	.aboutme,
	header .container,
	.mod-breadcrumbs__wrapper,
	.com-content-category-blog,
	.page-header {
		width: 94%;
	}

    .changing, 
    .com-content-category-blog__navigation, 
    .newsletter .acym_module_form, 
    .newsletter .acym_form, 
    .box-wrap, 
    .rating-wrap, 
    header ul, 
    .mod-articlesnews.newsflash, 
    footer ul, 
    footer .container, 
    .sylt .wowrap, 
    .coaching .wrap, 
    .blog .wrap {
		display: block;
    }

	.ebook {
		height: auto;
		background: none;
	}

	.ebook .btn {
		position: static;
		margin-top: 24px;
	}

	.ebook .wrap {
		padding: 18px;
		width: 100%;
		box-sizing: border-box;
	}

	header {
		height: auto;
	}

	header .container {
		height: 86px;
	}

	header .logo,
	header .logo img {
		height: 56px;
	}

	header ul li {
		display: block;
	}

	.menu {
		display: none;
		width: 100%;
	}

	.menu-mobile {
		font-size: 32px;
		color: #0077bd;
	}

	.menu-mobile,
	.close-button {
		display: block;
	}

	.menu.active {
		display: block;
	}

	nav {
		flex-direction: column;
		align-items: flex-start;
	}

    .newsletter .acym_form {
        display: block;
    }

    .newsletter .acyfield_text {
        width: 100%;
    }

    .newsletter .acym_module_form .onefield {
        margin-right: 0 !important;
    }

    .newsletter .btn {
        margin-top: 0;
        width: 100%;
    }

	p {
		line-height: 32px;
		font-size: 24px;
		margin-bottom: 24px;
	}

    .reiss {
        background: none;
        min-height: auto;
        margin: 44px 0 77px;
    }

	.reiss .wrap {
		width: 100%;
		padding: 18px;
		box-sizing: border-box;
	}

	.section h2 {
		margin: 24px 0;
		line-height: 32px;
	}

	.showroom {
		background-size: 210%;
		height: 500px;
	}

	.showroom .btn {
		margin-top: 144px;
	}

	.showroom .wrap {
		margin-left: 45%;
		width: 55%;
	}

	.showroom .wrap {
		width: 100%;
		margin-left: 0;
		padding-top: 44px;
	}

	.showroom .wrap h3 {
		font-size: 24px;
		line-height: 32px;
	}

	.showroom .wrap p,
	.showroom .wrap small {
		display: none;
	}

    .text h2 {
        margin: 12px 0 24px;
        font-family: "Source Sans 3", sans-serif;
        font-weight: 400;
    }

	.wowrap h2 {
		font-size: 24px;
		line-height: 44px;
	}

}

@media (max-width: 520px) {
	.split { 
        grid-template-columns: 1fr
    }

	.aboutme {
		padding: 77px 0 0;
	}

    .acym_module_form label {
		width: 100%;
	}

	.article-id145 table.table td {
		line-height: 18px;
	}

    .box h3 {
        font-size: 21px;
        text-align: left;
        font-weight: bold;
        margin: 0 0 12px;
    }

	.card {
		margin-top: 44px;
	}

	.cardHead {
		display: block;
	}

	.cardHead div,
	.person {
		margin-bottom: 12px;
	}

	.case,
	.box {
		width: 100%;
		max-width: 100%;
        margin-bottom: 8px;
	}

	.caseHead {
		display: block;
	}

	.ctaRow {
		gap: 0;
	}

	.grid3 {
		display: block;
	}

	.grid3,
	.twoCols,
	.card {
		margin-bottom: 12px;
	}

	.h1 {
		line-height: 52px;
		font-size: 38px;
	}

	h2.sub {
		line-height: 44px;
	}

	.heroGrid {
		display: block;
	}

    .newsletter h2, 
    .rating h2, 
    .tutorial-wrap h2, 
    .coaching h2, 
    .blog h2, 
    .sylt h2 {
		margin: 77px 0 0;
	}

	.stat {
		width: 100%;
	}

	.step,
	.tutorial {
		margin-bottom: 12px;
	}

	.step,
	.tutorial:last-child {
		margin-bottom: 0;
	}

	.stickyInner {
		display: inline-block;
	}

    .sylt .wwrap h3 {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 0;
    }

    .tag {
        padding: 0 18px;
        width: 100%;
        margin-bottom: 8px;
    }

	.tags {
		margin: 18px 0;
	}

	.text h1 {
		margin-top: 44px;
	}

	.text h3 {
		text-align: left;
		font-size: 24px;
		margin: 44px 0 24px;
	}

	.twoCols {
		display: flex;
		flex-wrap: wrap;
	}

	#varianten .box {
		margin-top: 32px;
	}

	#wasbrauchstdu,
	#nachderreise,
	#ablauf {
		margin-bottom: 44px;
	}

  .item-image {
    width: 200%;
    max-height: 270px;
}

}

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

	.article-id166 .visforms-form label {
		display: none;
	}

	.article-id166 h1 {
		font-size: 32px;
		line-height: 44px;
	}

	.article-id166 h2 {
		font-size: 24px;
		line-height: 32px;
	}

	.article-id237 .btn {
		white-space: normal;
	}

	.article-id237 h2 {
		line-height: 44px;
		margin-top: 24px;
	}

	.article-id237 h3 {
		text-align: left;
		margin-bottom: 12px;
	}

	.article-id237 li {
		line-height: 32px;
		padding: 12px 0;
	}

	.booking {
		padding: 0;
		display: block;
	}

	.booking .booking-info {
		padding-left: 0;
	}

	.booking .form-group.row {
		display: block;
	}

	.booking input[type=submit] {
		margin-left: 0;
		width: 100%;
	}

	.box-wrap,
	.rating-wrap,
	header ul,
	.mod-articlesnews.newsflash,
	footer ul,
	footer .container,
	.sylt .wowrap,
	.coaching .wrap,
	.blog .wrap {
		display: block;
	}

	.btn {
		margin: 12px 0 0;
		line-height: 56px;
	}

	.btn,
	.sylt .wowrap div {
		width: 100%;
        padding: 0;
	}

	.category_description,
	.content-category,
	.com-content-article__body,
	#system-message-container,
	.article-info,
	header .container,
	.aboutme,
	.mod-breadcrumbs__wrapper,
	.com-content-category-blog,
	.page-header {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}

	.col20 {
		margin-left: 0;
		padding: 24px;
		background: #c7dde5;
		margin-bottom: 32px;
	}

	.col20 #field17_btn {
		width: 18%;
	}

	.col20 .onefield.acyfield_text input,
	.col20 .fieldset-1 select,
	.col20 .fieldset-1 textarea,
	.col20 .fieldset-1 input[type=email],
	.col20 .fieldset-1 input[type=text] {
		min-width: 96%;
		margin: 0 0 12px;
	}

	.col80,
	.col20 {
		width: 100%;
		box-sizing: border-box;
	}

	.colwrapper {
		display: block;
	}

	.cta-box {
		max-width: 100%;
		margin-bottom: 44px;
	}

	#field17_btn {
		width: 33%;
	}

	#field17_btn {
		margin-left: -95px;
	}

	#field18 {
		margin-bottom: 24px;
	}

	#field18 {
		min-width: 100%;
	}

	footer .links,
	footer .copyright {
		padding: 0;
	}

	footer ul li {
		margin-left: 0;
		text-align: center;
		border-top: 1px dotted #ccc;
	}

	footer ul li:last-child {
		border-bottom: 1px dotted #ccc;
	}

	.form-wrap {
		width: 100%;
	}

	h1 {
		text-align: center;
	}

    h3 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
    }

    h4.newsflash-title {
        margin-top: 432px;
        min-height: auto;
    }

	header .logo,
	header .logo img {
		height: 44px;
	}

	header ul li:first-child a {
		display: block;
	}

	header ul.menu {
		padding: 166px 0 0;
		background: #fff;
	}

	header ul.menu .btn {
		line-height: 56px;
		margin-top: 24px;
	}

	header ul.menu li {
		display: block;
		line-height: 56px;
		border-top: 1px dotted #ddd;
		margin: 0 24px;
	}

	header ul.menu li {
		padding: 0;
	}

	header ul.menu li:last-child {
		border-bottom: 1px dotted #ddd;
		color: #999;
	}

    .hero {
        padding: 18px;
        box-shadow: none;
        margin-top: -222px;
    }

	.imground {
		float: none;
	}

	.kicker {
		text-align: center;
	}

	.label {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	main ul {
		margin-left: 0;
	}

	.mod-login input,
	.onefield.acyfield_text input,
	.fieldset-1 select,
	.fieldset-1 textarea,
	.fieldset-1 input[type=email],
	.fieldset-1 input[type=text] {
		margin: 0 0 12px;
        min-width: 100%;
	}

	p {
		line-height: 28px;
		font-size: 18px;
		margin-bottom: 24px;
	}

	.rating h2,
    .newsletter h2,
	.blog h2,
	.tutorial h2,
	.coaching h2,
	.sylt h2 {
		font-size: 32px;
		line-height: 44px;
        margin-top: 77px;
	}

	.reiss h4,
	.tutorial .wwrap h4,
	.ebook h4 {
		margin-top: 77px;
	}

	.showroom {
		background-size: 410%;
		height: 495px;
		background-position: right;
	}

	.showroom .btn {
		margin-top: 18px;
		line-height: 56px;
	}

	.showroom .wrap {
		padding-top: 111px;
	}

	.showroom .wrap h3 {
		font-size: 28px;
		line-height: 38px;
		text-align: center;
	}

	.showroom wrap {
		width: 90%;
		margin: 0 auto;
	}

	.sylt .container {
		padding: 444px 18px 18px;
		margin-top: 44px;
	}

    .sylt h2 {
		margin: 0;
	}

    .sylt h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0;
    }

	textarea#field25 {
		height: 111px;
	}

	.tutorial .wrap {
		padding: 18px;
		width: 100%;
	}

	.tutorial-wrap .wrap {
		padding: 77px 18px 18px;
		box-sizing: border-box;
		width: 100%;
	}

	.tutorial1,
	.tutorial2,
	.tutorial3 {
		background: none;
	}

    .tutorial1 {
		margin: 44px 0;
	}

	.tutorial2 {
		background: none;
		margin-bottom: 44px;
	}

	.wrapper {
		display: block;
	}

	.wrapper .out {
		width: 100%;
	}

	.wrapper .out h3 {
		margin: 44px 0 24px;
		text-align: left;
	}

    .wwrap h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 24px;
    }

}