@media screen and (max-width: 1431px){
	.flexcontainer.flexTextBildBox {
    flex-direction: column;
    webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
	
	-webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	}
	.flexcontainer.flexTextBildBox .image_container, .flexcontainer.flexTextBildBox .text {
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto;
	}
	.flexcontainer.flexTextBildBox .image_container img
	{
		width: 100%;
	}
	.flexcontainer.flexTextBildBox .image_container
	{
		order: 2;
	}
	.flexcontainer.flexTextBildBox .text
	{
		order: 1;
		padding-bottom: 20px;
	}

}

@media screen and (max-width: 1350px){
	.footer .tronmedia{
		position: relative;
		top: 0;
		margin: 20px auto 20px auto;
		right: auto;
		bottom:  auto;
	}
}

@media screen and (max-width: 1100px){
	.ce_text  .text {
    background: #dadadc;
	}
 .ce_text, .ce_form {
    padding: 16px 30px;
	}
	
	
	div#kontakt {
    margin: 0px auto 21px auto;
	}
	.leistungenHead, .kontaktHead {
    font-size: 39px;
	}
	.leistungenHead , .kontaktHead{
    margin: 0px 0px;
	}
	iframe {
    height: 30vw;
	}
	.anfrageLink a, .widget-submit button {
    margin: 13px 0 0px 0px;
	}
}

@media screen and (max-width: 858px){
	header input#toggle:checked + label {
    background-position: 0px 11px;
	}
	header input#toggle + label {
    display: block;
    width: 28px;
    height: 39px;
    position: absolute;
    right: 16px;
    bottom: 13px;
    cursor: pointer;
    z-index: 10;
    background: url(../images/responsivicons.png) -31px 8px no-repeat;
	}
	header nav ul {
    list-style: none;
    padding: 0;
    background: #ff0000;
    position: absolute;
    left: 0;
    width: 100%;
    top: 136px;
    z-index: 20;
	bottom: auto;
	}
	
	
	header input#toggle:checked ~ ul {
    left: -1003px;
	}
	header ul li {
    float: none;
    padding: 0;
    margin: 0;
    position: initial;
    background: none;
    border-bottom: 1px solid #d61313;
	}
	header  ul li a, header ul li span {
    color: #fff;
    font-size: 1rem;
    line-height: 37px;
    text-align: center;
	display: block;
	}
	header ul li a:hover, header ul li span.active {
    background-color: #982c2c;
    color: #fff;
	}

}

@media screen and (max-width: 960px){
	#zwischennaviLeistungen, .rslides_tabs
	{
		display: none;
	}
	.flexcontainer.leistungenFlex
	{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	flex-direction: column;
	webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	}
	.flexcontainer.flexTextBildBox .image_container, .flexcontainer.flexTextBildBox .text, .flexcontainer.leistungenFlex .textInner {
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto;
	}
	.flexcontainer.leistungenFlex .textInner p {
    padding-right: 0;
	}
	
	.flexcontainer.leistungenFlex .textInner ul li {
    padding-left: 17px;
	}
}


@media screen and (max-width: 740px){
	.art-head {
    display: block;
	white-space: nowrap;
	}
	iframe {
    height: 39vw;
	}
}

@media screen and (max-width: 610px){
	h1 {
    font-size: 41px;
    line-height: 41px;
	margin-top: 15px;
    margin-bottom: 15px;
	}
	.kontaktWrapper .kontaktBox {
    margin: 0 auto;
	}
	h2, h3, h4, h5 {
    font-size: 24px;
	}
@media screen and (max-width: 433px){
	.rslides .caption {
    font-size: 6vw;
	}
	.rslides .caption span {
    font-size: 4vw;
	}
}
@media screen and (max-width: 433px){
	h1 {
    font-size: 28px;
    line-height: 31px;
	}
	iframe {
    height: 60vw;
	}
	.leistungenHead, .kontaktHead {
    font-size: 30px;
	}
	.ce_text, .ce_form {
    padding: 10px 20px;
	}
	.art-head {
    font-size: 22px;
	}
	.rslides .caption {
    font-size: 7vw;
	}
	.rslides .caption span {
    font-size: 5vw;
	}
	.kontaktWrapper .kontaktBox {
    padding: 18px 28px;
	}
	footer ul {
    float: none;
    margin: 0 0px 0px 0px;
    padding: 0;
	}
	footer a.tron {
    display: block;
    width: 113px;
    height: 27px;
    background: url(../images/tronmedia-internetagentur.png) 0 0 no-repeat;
	background-size: cover;
    text-indent: -5000px;
    margin: 27px auto 0px auto;
	}
	footer ul li {
    float: none;
    padding-right: 0;
    text-align: center;
	}
}