@media all and (max-width: 1322px) {
div.max_content {
	margin:2rem 0 0 0;
}
}

@media all and (max-width: 1300px) {
figure.image_info {
    width:33%;
}
}

@media all and (max-width: 1275px) {
div.planung ul {
  width:50%;
}
}

@media all and (max-width: 1100px) {
header nav.header {
	margin:-2.7rem 0 0 0;
	padding:0 0 1rem 1rem;
}

header nav.header ul li {
	padding:0 .5rem;
}

aside {
	width:22%;
}

figure.aside img {
	width:85%;
	cursor:pointer;
}

ul.aside li a {
	font-size:1.25rem;
}

article figure figcaption {
	font-size:1.1rem;
}

footer hr {
    width:75%;
}

figure.mascot {
	width:9%;
}

div.text figure.planung {
  width:33%;
}

div.planung ul {
  width:60%;
}

div.text_complete figure.exkursion {
    width:80%;
}

div.text_complete ul.radius {
  width:80%;
}
}

@media all and (max-width: 1000px) {
article h2 {
	line-height:.6;
	margin:1rem 0 .5rem 0;
}

div.planung ul {
  width:60%;
}
}

@media all and (max-width: 962px) {
html {
    font-size:15px;	
}

header nav.header {
	margin:-4.2rem 0 0 0;
	padding:0 0 0 .5rem;
}
	
header nav.header ul {
    font-size:1.4rem;
	font-weight:bold;
}

header nav.header ul li {
	padding:0 .3rem;
}
/* Main */
main {

}
/* Ende Main */

ul.aside li a {
	font-size:1.20rem;
}

figure.aside img {
	width:95%;
	cursor:pointer;
}

article figure.projekte {
	width:33%;
}

figure.mascot {
	width:11%;
}

article.generationen figure {
	width:75%;
}

div.max_content {
	margin:1.5rem 0 0 0;
}

div.text_complete figure.exkursion {
    width:90%;
}
}

@media all and (max-width: 900px) {
	
}

@media all and (max-width: 880px) {
/*Hamburger */
#nav_head {
	display:block;
}

ul.first li.meannav {
	display:none;
}

#nav_head:after {
	visibility:visible;
}

header nav.header ul li:not(ul.subnavi_kontakte li ) {
	padding:0 .35rem;
}

aside {
	width:25%;
}

ul.aside {
	display:none;
}

div.planung ul {
  width:70%;
}

div.text_capture_half {
  width:100%;
}

figure.image_info {
    width:40%;
}

figure.image_info figcaption {
    font-size:1.1rem;
}

figure.image_info figcaption span:before{
	font-size:2.2rem;
	line-height:.8;
}

figure.image_info_haus {
    width:46%;
}

div.text_complete ul.radius {
  width:95%;
}

footer hr {
    width:95%;
}
}

@media all and (max-width: 840px) {
header nav.header {
	display:none;
}

.overlay-content {
    width: 100%;
}

.overlay .closebtn {
  right: 1.5rem;
  font-size: 4.5rem;
}

ul.first li.meannav {
	display:block;
}
/* Ende Hamburger */

main {
    border-top:0;
	margin:-3rem 0 0 0;
}

article {
	justify-content:center;
	-webkit-justify-content:center;
}

article h2 {
	line-height:.6;
	margin:1rem 0 .5rem 0;
	text-shadow: #fff 0.3rem -.3rem;
	text-align:center;
	z-index:500;
}

article h3 {
	text-align:center;
}

article p.leftalign {
	text-align-last:center;
}

article.datenschutz h4 {
    text-align:center;
}

article.datenschutz p {
    text-align-last:center;
}

article figure {
	width:75%;
	margin:0 0 .5rem 0;
	order:0;
}

article figure.spezial {
	display:block;
	width:33%;
}

article figure.projekte_sub {
	display:block;
}

article figure.small_hide {
	display:none;
}

article figure.projekte, article figure.projekte_sub {
	width:38%;
}

article div.inside {
    width:100%;
	order:1
}

div.text_complete figure.exkursion img {
    padding:0 1rem;
}

table.preise caption {
	text-align:center;
}
}

@media all and (max-width: 775px) {
header nav.header {
	margin:-4rem 0 0 0;
	padding:0 0 0 .4rem;
}

main {
    border-top:0;
	margin:-2.8rem 0 0 0;
}

article figure.projekte, article figure.projekte_sub {
	width:40%;
	margin:0 1rem -.5rem 1rem;
}

figure.mascot {
	width:13%;
}

div.planung ul {
  width:80%;
}

table.preise caption {
	margin:1rem 0;
	line-height:.7;
}

table.preise caption.low {
	margin:1rem 0 
}
}

@media all and (max-width: 700px) {
main {
    border-top:.32rem solid #32c80f;
	margin:0;
}
/* Aside */
aside {
	display:flex;
	flex-flow: row wrap;
	flex: 1 100%;
	order:1;
	justify-content:center;
	align-items: center;
}

hr.aside {
	display:none;
}

aside a {
    width:30%;
	margin:0 .7rem;
}

aside a.bigsmall {
    width:20%;
	margin:.5rem .5rem 0 .5rem;
}

aside a figure.aside {
	width:100%;
	margin:0;
}

aside a figure.aside img {
	width:100%;
	cursor:pointer;
}

/* Section */
section.outside {
    border:0;
}

section.outside hr {
	border: none;
    border-top: .15rem solid #c12636;
    color: #c12636;
    overflow: visible;
    text-align: center;
    height: .15rem;
	margin:3rem auto 1.6rem auto;
	width:75%;
}

section.outside hr::after {
  font-family: 'Uni-Icons';
  font-size:6.5rem;
  line-height:.30%;
  background:#fff;
  content: 'G';
  padding: 0 1.8rem;
  position: relative;
  top: -.5rem;
}

article:last-of-type {
	margin:0 0 1rem 0;
}

article h2 {
    width:100%;
	text-align:center;
	line-height:.6;
	margin:1rem 0 .5rem 0;
}

h3 {
	line-height:70%;
	text-align:center;
}

article div.inside p.left-hand {
	text-align:justify;
	text-align-last:center;
}

article figure {
    width:65%;
}

article figure.spezial {
	margin:0 0 1.5rem 0;
	width:33%
}

div.planung ul {
  width:60%;
}

div.text_complete figure.exkursion img {
    padding:0 3rem;
}

div.text_complete ul.radius {
  width:100%;
}

address div {
	text-align:center;
}

ul.impdata li, ul.impdata li h4.impdata {
    text-align:center;
}
}

@media all and (max-width: 666px) {
figure.mascot {
	width:15%;
}
}

@media all and (max-width: 644px) {
div.planung ul {
  width:70%;
}

h3.img-galerie {
	font-size: 4.5rem;
	line-height:.6;
}
}

@media all and (max-width: 600px) {
html {
	padding:0;
}

h3 {
	line-height:120%;
}

article figure {
    width:75%;
}

/*Hamburger */
figure.nav_head {
	width:60%;
	margin:-1rem auto 0 auto;
	padding:0.6rem 0 0 0;
}

#nav_head:after {
    top: .4rem;
    right: 1.5rem;
}
/* Ende Hamburger */

header {
    margin:0rem 0 0 0;
}

header picture {
    margin:0rem 0 0 0;
}

aside a.bigsmall:nth-of-type(6) {
	margin:0 .5rem 0 0;
}

aside a.bigsmall:nth-of-type(7) {
	margin:0 0 0 .5rem;
}

section.outside hr {
	margin:3rem auto 1.3rem auto;
	width:85%;
}

article figure figcaption:not(figure.image_info figcaption, figure.image_info_haus figcaption, div.text_complete figure.exkursion figcaption) {
	display:none;	
}

div.max_content {
	margin:1rem 0 0 0;
}

figure.image_info {
    width:45%;
}

figure.image_info figcaption {
    font-size:1.1rem;
}

figure.image_info figcaption span:before{
	font-size:2.2rem;
	line-height:.8;
}

footer nav.footer {
	margin:.3rem 0;
    line-height:1.6;
}

footer nav.footer ul:first-of-type li:nth-of-type(2n) {
	display:none;
}

footer nav.footer ul:first-of-type li {
	padding:0 .8rem;
}

footer nav.footer ul:first-of-type li a {
    color:#c12636;
}

footer nav.footer ul li a.aktiv, footer nav.footer ul li a:hover {
    color:#c12636;
	text-decoration-line:underline;
	text-decoration-color:#000;	
}
}

@media all and (max-width: 550px) {
header nav.header {
	display:none;
}

main {
	align-items:center;
}

article figure {
    width:80%;
}

article h2 {
	margin:.6rem 0 .5rem 0;
}

article figure.spezial {
	margin:0 0 1rem 0;
}

article.generationen figure {
	width:90%;
}

div.text figure.planung {
  width:80%;
  float:none;
  margin:0 auto !important;
}

div.planung ul {
  width:80%;
}

figure.image_info {
    width:49%;
}

figure.image_info figcaption {
    font-size:1.1rem;
}

figure.image_info figcaption span:before{
	font-size:2.2rem;
	line-height:.8;
}

figure.image_info_haus {
    width:49%;
}
}

@media all and (max-width: 500px) {
#nav_head:after {
	top: .5rem;
    right: 1.2rem;
	font-size:4rem;
}

article figure {
    width:75%;
}

section.outside hr {
	width:90%;
}

article figure.projekte, article figure.projekte_sub {
	width:40%;
	margin:0 1.4rem -.3rem 1.4rem;
}

figure.mascot {
	width:15%;
}

div.planung ul {
  width:99%;
}

div.text_complete figure.exkursion {
    width:95%;
}

div.text_complete figure.exkursion img {
    padding:0;
}

th.leistung, td.leistung {
	width:80%;
}

th.preis, td.preis {
	width:20%;
}
}

@media all and (max-width: 455px) {
/*Hamburger */
figure.nav_head {
	width:75%;
	margin:-1rem auto 0 auto;
	padding:0.6rem 0 0 0;
}

.overlay .closebtn {
  right: 1rem;
  top:.8rem;
  font-size: 4.0rem;
}
/* Ende Hamburger */

aside a {
    width:45%;
	margin:0 .5rem;
}

aside a:nth-of-type(3) {
	margin:0 5rem;
}

aside a.bigsmall {
    width:25%;
}

article figure {
    width:100%;
}

section.outside hr {
	width:95%;
}

section.outside hr::after {
  font-size:6rem;
  content: 'G';
  padding: 0 1.5rem;
  top: -.5rem;
}

figure.image_info, figure.image_info_haus {
    width:75%;
}

figure.image_info_haus {
    width:85%;
}

footer nav.footer ul li {
	padding:0 .2rem;
}


footer nav.footer ul:first-of-type li {
	padding:0;
	width:33%;
	text-align:center;
}

h3 {
	padding:0rem .5rem;
	line-height:110%;
}

h3.spezial {

	line-height:60%;
}

article figure.spezial {
	margin:0 0 .5rem 0;
}

article figure.projekte, article figure.projekte_sub {
	width:45%;
	margin:0 .5rem -.3rem .5rem;
}

th.leistung, td.leistung {
	width:75%;
}

th.preis, td.preis {
	width:25%;
}

article.datenschutz h4 {
    margin:.75rem 0 0 0;
}
}
@media all and (max-width: 403px) {
article figure.spezial {
	width:38%;
}

article figure.spezial:not(:last-of-type) {
	margin:0 .4rem;
}

article figure.spezial:last-of-type {
	padding:0;
}

footer nav.footer ul li a.aktiv, footer nav.footer ul li a:hover {
    color:#c12636;
	text-decoration-line:underline;
}

figure.mascot {
	margin:1rem 0 0 0;
}

figure.image_info {
    width:90%;
}

figure.image_info_haus {
    width:90%;
}
}

@media all and (max-width: 380px) {
/*Hamburger */
#nav_head:after {
	top: .3rem;
    right: .7rem;
	font-size: 3rem;
}

.overlay .closebtn {
  top: .5rem;
  right: 1.5rem;
  font-size: 3rem;
}
/* Ende Hamburger */

aside a {
    width:40%;
}

aside a:nth-of-type(3) {
	margin:0 4rem 1rem 4rem;
}

aside a.bigsmall:nth-of-type(5) {
	margin:0 1rem;
}

h2 {
    font-size:4.5rem;	
}

article figure.spezial {
	width:45%;
}

article.projekte, article figure.projekte_sub {
	justify-content:space-between;
	-webkit-justify-content:space-between;
}

article figure.projekte, article figure.projekte_sub {
	width:45%;
	margin:0 .4rem -.3rem .4rem;

}

address {
	font-size:1.35rem;
}

footer nav.footer ul {
    font-size:1.35rem;
	font-weight:bold;
}


footer nav.footer ul:first-of-type li {
	padding:0;
	width:40%;
	text-align:center;
}

th.leistung, td.leistung {
	width:72%;
}

th.preis, td.preis {
	width:28%;
}
}