@media only screen and (max-width: 1300px) {
	#header .mainmenu {
		display: none;
	}
	
	#header_small {
		display: none;
	}
	
	#hero .smallhero .maxwidth {
		margin-top: 30px;
	}
	
	.mobile_menu_icon {
		top: 25px !important;
	}
	
	#header {
		position: fixed;
		width: 100vw;
		top: 30px;
		height: 50px;
	}
	
	#header .logo a {
		width: 300px !important;
		height: 50px !important;
	}

	#header .logo {
		width: 300px;
		height: 50px;
		top: 0px;
		margin-top: 2px;
	}
	
	.smallhero #hero {
		margin-top: -30px;
	}
	.nohero #container {
		margin-top: 90px;
	}
}


@media only screen and (max-width: 1260px) {
	
	
	h1,
	.mod_newsreader h1	{
		font-size: 31px;
		line-height: 41px;
	}
	h2 {
		font-size: 26px;
		line-height: 35px;
	}
	.card h2 {
		font-size: 17px;
		line-height: 22px;
	}
	.mod_newslist .card {
		font-size: 15px;
	}

}


@media only screen and (max-width: 1100px) {
	#header .inside {
			padding-left: 25px;
		padding-right: 25px;	
	}
	
	#container .mod_article .maxwidth {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media only screen and (max-width: 1024px) {
	
	.padding_tb_80,
	.padding_tb_50	{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	
	.padding_bottom_80 {
		padding-bottom: 25px;
	}
	
	.padding_top_50 {
		padding-top: 25px;
	}
	
	.mobile_menu {
		top: 70px !important;
	}
	#hero .smallhero .ce_text {
		width: auto;
		padding-bottom: 20px;
		padding-right: 20px;
	}
	
	#hero .smallhero .maxwidth {
		flex-direction: column;
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 30px;
		align-items: flex-start !important;
	}
	
	.ce_textimageblock {
		flex-direction: column;
	}
	
	.ce_textimageblock .textblock,
	.image_20_prozent .ce_textimageblock .textblock,
	.image_30_prozent .ce_textimageblock .textblock	{
		width: auto;
		order: 2;
	} 
	.ce_textimageblock .imageblock	{
		width: auto;
		height: auto;
		order: 1;
	} 
	
	.ce_textimageblock .textblock .inside {
		max-width: 100% !important;
	}
	
	#hero .smallhero .image_container {
		padding-bottom: 20px !important;
		display: none;
	}
	
	.ce_textimageblock .textblock .inside {
		max-width: auto;
		padding: 0px !important;
	}
	
	.ce_textimageblock .textblock {
		padding-bottom: 0px;
	}
	
	.ce_textimageblock .imageblock.desktop_content {
		display: none;
	}
	.ce_textimageblock .imageblock.mobile_content {
		display: block;
	}
	
	.ce_textimageblock .textblock.right {
		padding-left: 0px;
	}
	
	.ce_textimageblock.v2 .imageblock {
		height: auto;
		padding-top: 50px;
		width: initial;
	}
	
	.bloglist.card {
		flex-direction: column
	}
	
	.bloglist.card .image_container {
		width: 100%;
	}
	
	.bloglist.card .text_container {
		margin-left: 0px;
	}
	
	ul.liste {
		max-width: 100% !important;
	}
	
	#footer .inside {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	#footer .rs-column.-medium-first-row {
		margin-top: 0px;
	}
	
	
	#footer .rs-column.-large-col-4-1:nth-child(1),
	#footer .rs-column.-large-col-4-1:nth-child(2),
	#footer .rs-column.-large-col-4-1:nth-child(3),
	#footer .rs-column.-large-col-4-1:nth-child(4){
		width: 100% !important;
	}
	
	.socials {
		padding-bottom: 20px;
	}
	
	.max_width_840px {
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 767px) {
	.portraits .card {
		width: 45%;
	}
	.mod_newslist .card {
		width: 100%;
	}
	.ce_survey td.answer {
		width: auto;
	}
	
	.ce_text.maxwidth_800 p {
		max-width: 100%;
		min-width: auto;
	}
}

@media only screen and (max-width: 440px) {
	body {
		font-size: 16px;
		line-height: 25px;
	}
	#hero .inside .maxwidth {
		padding-top: 40px;
	}
	
	.ce_comments .comment_default .info {
		font-weight: normal;
		font-size: 18px;
		}
	
	h1, .mod_newsreader h1 {
		font-size: 27px;
		line-height: 33px;
	}
	.mod_newsreader h2 {
		font-family: "Roboto";
		font-size: 20px;
		font-weight: 500;
	}
	.mod_newsreader h2:after {
		position: absolute;
		margin-top: 12px;
		margin-left: 10px;
		content: "";
		width: 150px;
		height: 10px;
		background: url(../assets/2-Punkte-schwarz.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left;
		}
		h3 {
			font-size: 20px;
			line-height: 27px;
		}
	.bigline_sansserif {
		font-size: 25px !important;
		line-height: 32px !important;
	}
	div.link_button {
		margin-bottom: 0px !important;
	}
	.mobile_menu_icon {
		right: 20px;
	}
	
	#header .logo a {
		width: 230px !important;
		height: 40px !important;
	}

	#header .logo {
		width: 230px;
		height: 40px;
		top: 3px;
		margin-top: 3px;
	}
	
	.portraits .card {
		width: 100%;
	}
	
	.link_button, p.back,
	form button, input[type=submit]	{
		font-size: 15px;
	}
}