@media only all and (max-width: 715px) {
	
body {
	font-size: 12px;
	line-height: 15px;
}
#wrapper {
	width: 100%;
	min-width: 240px;
}
#content {
	padding: 5%;
}
	
	
/*
################
               Zusätzliche Änderungen/Einstellungen 
################
*/



/*
################
               Ende - Zusätzliche Änderungen/Einstellungen 
################
*/	

	
h1 {
	font-size: 1.3em;
	line-height: 1.4em;
}
h2 {
	font-size: 1.2em;
	line-height: 1.3em;
}
h3 {
	font-size: 1.1em;
	line-height: 1.2em;
}
	
.flex {
	flex-wrap: wrap;
}
	
.logo.text p {
	margin-left: 0;
	margin-top: 20px;
}
	
.col-2 > *, .col-3 > *, .col-golden > *, .fullwidth > *, .col-4 > *, .col-5 > *, .stimmung.col-golden > *  {
	width: 100% !important;
	flex: 100% !important;
	margin-left: 0px !important;
}
.col-2>*:nth-of-type(n+2), .col-3>*:nth-of-type(n+2), .col-golden>*:nth-of-type(n+2) {
	margin-top: 10px;
}
	
.title.fullwidth.col-2 > *:last-child {
	max-width: 100%;
	display: flex;
}	
	
.title.col-2 > *:last-child, .title.col-2 > *:first-child:after, .title.col-2 > *:last-child:before {
		display: none;
}	

.title.col-2 > *:last-child {
    padding-left: 4%;
}


.benefits > div {
    flex-wrap: nowrap;
    min-height: auto !important;
    border: 0;
}

.benefits > div > *{ 
    flex: initial;
    text-align: left;
}

.benefits > div > i {
    font-size: 1.5em;
    margin: 0 10px 0 0;
}    
    
.pre-header.logo > div {
   display: none;
} 
    
section.indented .icon-wrap {
    flex-wrap: wrap;
        justify-content: flex-start;
}    
section.indented .icon-wrap p {
   flex: 100%;
    max-width: inherit;
    margin: 0;
} 
  
    
section.indented .icon-wrap *:nth-of-type(n + 2) {
    margin: 10px 0 0 0;
} 
    
.stimmung.col-golden {
    flex-direction: column-reverse;
    flex-wrap: wrap;
}
    
.stimmung.col-golden > div:first-child {
    min-height: 200px;
}       

.stimmung.col-golden > div:last-child {
    margin: 0;    
}
    
section.fullwidth.col-2 > *, section.fullwidth.col-3 > * {
    margin: 0;
}
    
section.indented {
    width: 100%;
    margin: 0px;
}
    
.logo.text > *:last-child {
    margin-left: 0;
}    
   
}

/*
################
              INTERNET EXPLORER FIXES
################
*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.stimmung.col-golden {
    flex-direction: inherit;
}
    
}