/* --------- COOKIE
================================================== */
#cookiedingsbums a {
	color:#fff; 
	text-decoration:none; 
	font-weight: bold
}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums {
    z-index:10000000 !important; 
   background: url(../images/dot40.png);
   position:fixed;
   bottom:0; 
   font-size:12px; 
   line-height:1.2em;
   color: #fff;
   width: 100%;
   padding: 1em 0;
   margin-left: auto;
   margin-right: auto;
   left: 0
   }
#cookiedingsbums div {
	padding: 0 10%;
	max-width: 850px;
	margin: 0 auto
	}
#cookiedingsbums .info {
	width: 85%;
	float: left;
	text-align: left
	}	
#cookiedingsbumsCloser {
  float: right;
  width: auto;
  text-align: center;
  color: #777;
  position: relative;
  text-decoration: none;
  cursor:pointer;
  border-radius: 3px;
  padding:.4em .7em .3em .7em;
  font-size: 13px;
  text-shadow: 0 1px 0 #fff;
  text-transform: uppercase;
  
  border: 1px solid #ccc;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
 }
#cookiedingsbumsCloser:hover {
  background-color: #e0e0e0;
  background-position: 0 -15px;
   } 
/* --------- end COOKIE -------- */




body,
html {
  position: relative;
  width: 100%;
  height: 100%; }

/* --------- AUFBAU
================================================== */
body {
   font-family: 'Raleway';
   font-weight: 300;
   font-size: medium;
   line-height: 2em;
   color: #545454;
   padding: 0px;
   margin: 0px;
   background-image: url(../images/start/start_d.jpg);
   background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: center top;
   background-color: rgba(0, 0, 0, 0.5);
  }
@media (max-width: 768px) {
	body { line-height: 1.6em !important }
	}

.overlay {
	background: rgba(0, 0, 0, 0.5);
	}
	
.wrapper {
	background: rgba(255, 255, 255, 0.93);
	padding: 0;
	box-shadow: 0 0 1.3em rgba(0, 0, 0, 0.3);
}

.wrapper,
footer,
nav,
nav.affix {
	margin: 0 auto !important;
	width: 100% !important
}
@media (min-width: 480px) {
	.wrapper,
	footer,
	nav,
	nav.affix  { width: 85% !important }
	}	
@media (min-width: 768px) {
	.wrapper, 
	footer,
	nav,
	nav.affix  { width: 75% !important }
	}
@media (min-width: 992px) {
	.wrapper,
	footer,
	nav,
	nav.affix  { width: 700px !important }
	}

	
	
	
	
section {
	padding: 6em 0 0 0;
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
	}
@media (max-width: 768px) {
	section { padding: 3.5em 0 0 0 }
	}	
@media (max-width: 480px) {
	section { padding: 3em 0 0 0 }
	}	

.container {
  	margin: 0 10%;
  	width: 80% !important;
  	padding: 0 0 3em 0 !important;
  	text-align: center;
  	}
  	@media (max-width: 992px) {
		.container	{ margin: 0 7%; width: 86% !important; }
	}
/* --------- end AUFBAU -------- */	





/* --------- START
================================================== */
#start 		{  }
#start h5 	{ margin: 0 !important }
#start h1 	{ margin: 1em 0 1em 0 !important; line-height: 1.3em }

.header-pic {
	width: 100%;
	height: 400px;
	background-size: 100%;
	background-position-y: -100px;
	margin: 0;
	padding-top: 19em;
	text-align: center
	}
	
@media (max-width: 767px) {
	#start h1 	{ margin: .7em 0 0 0 !important; }
	.header-pic { height: 300px; background-position-y: -40px; padding-top: 8.5em; }	
	}			
/* --------- end START -------- */	




/* --------- PAGESCROLL
================================================== */
.pagedown-scroll {
	opacity: .2;
	margin: 0 auto;
	background: #000;
   	color: #fff !important;
	border-radius: 100%;
	padding: 1.8em 2em;
}
.pagedown-scroll:hover {
	opacity: .6;
}
@media (max-width: 992px) {
	.pagedown-scroll {
		padding: 1.5em 1.7em;
	}
}
@media (max-width: 768px) {
	.pagedown-scroll {
	}
}



.pagetop-scroll {
    position: fixed;
    bottom: 10%;
    right: 0;
    display:none;
    z-index: 10;
    text-align: center;
    border-radius: 0;
    width: 70px;
    height: 70px;
    padding-top: 1.2em;
    border: 1px solid #bbbfc4;
    background: rgba(255, 255, 255, 0.95);
   	color: #bbbfc4;
}
.pagetop-scroll:hover {
   	background: #bbbfc4;
    color: #fff;
}

@media (max-width: 768px) {
	.pagetop-scroll {
	    bottom: 7%;
	    display:none;
	    width: 50px;
	    height: 50px;
	    padding-top: .6em;
	    background: rgba(255, 255, 255, 0.85);
   	
	}
}
/* --------- end PAGESCROLL -------- */	







/* --------- NAVIGATION
================================================== */
nav {
	z-index: 100;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	line-height: 1em;
	position: relative !important;
	text-align: center;
	background: none;
	padding: 4em 0 0 0 !important;
	margin: 0 0 -2em 0 !important;
	width: 100% !important;
	height: auto !important;
	}
	nav ul	{ 
	  	width: 100%;
	  	padding: 0 !important;
	  	margin: 0 !important;
	  	}
	nav .nav li	{ 
	  	float: none;
	  	display: inline-block;
	  	}
	nav a.nav-link {
		font-size: 95%;
		letter-spacing: .05em;
	    padding: .5em 1em;
	    margin: 0 .05em .2em .05em;
	    font-weight: 400;
	    color: #fff;
	    background: #bbbfc4;
	    text-transform: lowercase;
	    float: left
		}
	nav a.nav-link:focus,
	nav a.nav-link:hover,
	nav a.nav-link:focus:hover {
      	color: #fff;
      	background: #545454 !important
      	}
	nav a.nav-link.active,
	nav a.nav-link:focus.active {
	    color: #fff;
      	background: #545454 !important
	    }
		           	     

  	nav.affix {
		position: fixed !important;
		background: #f3f3f3;
		padding-top: .5em !important;
		margin-bottom: 0 !important
	    }
	nav.affix ul	{ 
	  	padding: 1em 0
	  	}    
	
	
	nav a.nav-link.top 						{ display: none}   	  	
	nav.affix a.nav-link.top 				{ display: inline-block; }
	nav.affix a.nav-link.active.top 		{ background: #bbbfc4 !important; }
	nav.affix a.nav-link.active.top:hover 	{ background: #545454 !important; }        

@media (max-width: 767px) {
	nav .navbar-collapse.collapse	{
		padding: 0 !important
		}
	nav .collapse {
		display: inline
		}
		
	nav	{ 
		padding-top: 1.5em !important;
		margin-bottom: -20px !important
		}
	nav.affix {
		padding-top: .65em !important;
		}
	    	
	nav a.nav-link {
		font-size: 85% !important;
	    padding: .3em .7em !important;
	    } 	
 }
 @media (max-width: 480px) {
	nav.affix {
		padding-top: .85em !important;
		}
	nav a.nav-link {
		font-size: 80% !important;
	    padding: .1em .5em !important;
	    margin: 0 0 .1em 0;
	    }  
	    nav li:first-child 	{ margin-left: .3em } 
	    nav li:last-child 	{ margin-right: .3em }  
 }
 
 
 	nav a.link {
		padding-top: .15em;
		padding-bottom: .2em
	    } 
	nav a.link:hover {
	    background: #27a22d !important;
		}  
/* --------- end NAVIGATION -------- */	


	






/* --------- FOOTER
================================================== */
footer {
	background: #212529;
	color: #777;
	text-align: center;
	line-height: 1.2em;
	font-size: 80%;
	padding: 2em 0 1em 0;
	width: 100% !important
  }
footer a {
	color: #777;
}
footer a:hover {
	color: #fff;
	text-decoration: none
}
/* --------- end FOOETR -------- */	





/* --------- OHNE RAND
================================================== */
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
/* --------- end OHNE RAND -------- */


.popup-gallery {
	margin: 0 !important
}



/* --------- HEDALINES
================================================== */
h1, h2, h3, h4, h5 {
	color: #545454;
	letter-spacing: .05em;
	font-weight: 300
}

h1 				{ font-size: 280%; margin-bottom: .5em; text-transform: uppercase;  font-weight: 200;  }
h2 				{ font-size: 250%; margin-top: .3em; margin-bottom: 1em;   }
h3 				{ font-size: 180%; margin-top: 1.5em; margin-bottom: .5em;  }
h4 				{ font-size: 130%; margin-top: 2em; margin-bottom: 1em; font-weight: 500 }
h5 				{ font-size: 110%; font-weight: bold; margin-top: .5em; margin-bottom: 1em; letter-spacing: .1em  }

@media (max-width: 992px) {
h1 				{ font-size: 220% }
h2 				{ font-size: 190% }
h3 				{ font-size: 150% }
h4 				{ font-size: 125% }
h5 				{ font-size: 110% }
}
@media (max-width: 768px) {
h2, h3, h4 {
	font-weight: 500
}
h1 				{ font-size: 190% }
h2 				{ font-size: 190% }
h3 				{ font-size: 140% }
h4 				{ font-size: 120% }
h5 				{ font-size: 105% }
}
@media (max-width: 480px) {
h1, h2, h3, h4, h5 {
	letter-spacing: .02em
}
h1 				{ font-size: 180%; letter-spacing: 0 }
h2 				{ font-size: 180% }
h3 				{ font-size: 140% }
h4 				{ font-size: 120% }
h5 				{ font-size: 105% }
}


/* --------- end HEDALINES -------- */	



.lowercase { text-transform: lowercase !important }
.uppercase { text-transform: uppercase !important }




/* --------- ICON
================================================== */
.icon	{ 
	padding-left: 40px;
	margin: 0 auto;
	padding-bottom: .6em;
	width: 55%;
	}	
	@media (max-width: 992px) {
		.icon	{ width: 75%}
	}
	@media (max-width: 768px) {
		.icon	{ width: 100%}
	}
.icon:last-child	{ 
	border-bottom: none;
	padding-bottom: 0
	}		
.icon,
.icon a {
	text-decoration: none;
	color: #545454
}
.icon a:hover {
	color: #000
}
.icon i 	{ 
	margin-left: -40px; 
	width: 25px;
	text-align: center;
	border-radius: 2px;
	font-size: 150%;
	float: left;
	margin-top: 7px;
	color: #bbbfc4;
	}

.icon .row {
	margin: 0;
}
.icon .row > [class*="col-"] {
	padding-left: 0;
	padding-right: .3em;
	margin-bottom: .4em
}		
/* --------- end ICON -------- */





/* --------- GALERIE
================================================== */
.popup-gallery {
	margin-top: 5em;
	clear: both
}
.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto;
  }


.mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.47);
	padding: .5em;
	margin: 0 2px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.mfp-title {
	padding-left: 1em;
	padding-right: 1em;
	color: #fff !important;
	font-weight: 500
}


.portfolio-box .portfolio-box-caption {
    position: absolute;
    bottom: 0;
    padding: 2.5em 1em 1em 1em;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    line-height: 1.15em
     }
.portfolio-box:hover .portfolio-box-caption {
    opacity: 1; }
    
    
.portfolio-box:focus {
    outline: none; }
    
.leerbox {
	background: #bbbfc4;
	display: inline-block;
	float: left;
	width: 100%;
	height: 100%;
	}
	 @media (min-width: 768px) {    
		 .leerbox { display: none }
	}
/* --------- end GALERIE -------- */	    
    
    
    
    

/* --------- HEADER / HIGHLIGHT
================================================== */
header.masthead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-image: url("../images/start2.jpg");
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  }

  @media (min-width: 992px) {
    header.masthead {
      height: 100vh;
      min-height: 350px;
      padding-top: 0;
      padding-bottom: 0;
      }
    header.masthead h1 {
        font-size: 3rem; }
   	}


.carousel-item {
  height: 50vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.caption-all {
	position: absolute;
	z-index: 1000;
	text-align: center;
	width: 70%;
	margin: 0 15%;

	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.caption-all .logo {
	width: 100%;
	height: auto;
	padding: 0;
}
.caption-all .btn {
	clear: both;
	border-radius: 80px;
    width: 80px;
    height: 80px;
    padding-top: 1em;
    font-size: 22px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #ddd;
}
.caption-all .btn:hover {
	background: rgba(41, 74, 113, 0.5);
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.8);
	color: #fff
}

@media (max-width: 768px) {
	.caption-all {
		width: 90%;
		margin: 0 5%;
	}
	.caption-all .btn {
		border-radius: 60px;
	    width: 60px;
	    height: 60px;
	    padding-top: .9em;
	    font-size: 18px;
	}

}
/* --------- end HEADER / HIGHLIGHT -------- */	















/* --------- BUTTON
================================================== */
.btn {
	background: #fff;
	color: #545454;
	border-radius: 0
}
.btn:hover {
	background: #bbbfc4;
	color: #fff
}

/* --------- end BUTTON -------- */	





/* --------- SONSTIGES
================================================== */
section a 		{ color: #f5a600; text-decoration: none }
section a:hover { color: #cd7500; text-decoration: none }

hr {
  max-width: 100px;
  border-width: 1px;
  border-color: #ccc;
  margin-top: 0;
  margin-bottom: 5em;
  }

.rot { color: #ff4949 !important }


.text-primary 			{ color: #f5a600 !important } 
.text-hausfarbe 		{ color: #27a22d !important } 
.text-light 			{ color: #bbbfc4 !important }

a.text-primary:hover 	{ color: #cd7500 !important } 
a.text-hausfarbe:hover 	{ color: #17661b !important } 
a.text-muted:hover 		{ color: #5d6d73 !important }  

.bg-primary {
  background-color: #f5a600 !important;
  }
.bg-hausfarbe {
  background-color: #27a22d !important;
  }  
.bg-light {
  background-color: #bbbfc4 !important;
  }  
  section.bg-light,
  section.bg-dark {
	  border-bottom: none
  }  
.bg-dark {
  background-color: #545454 !important;
  }
  .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5 {
  color: #bbbfc4 !important
  }
  .bg-dark .icon,
  .bg-dark .icon a {
  color: #fff !important
  }
  .bg-dark .icon a:hover {
  color: #fff !important;
  text-decoration: underline !important;
  }
  
  
  
  
.txt_xxxs 				{ font-size: 50%; line-height: 1.1em !important; }
.txt_xxs 				{ font-size: 60%; line-height: 1.1em !important; }
.txt_xs 				{ font-size: 80%; line-height: 1.2em !important; }
.txt_s 					{ font-size: 90%; line-height: 1.3em !important; }
.txt_m 					{ font-size: 100% }
.txt_l 					{ font-size: 115%; line-height: 1.4em !important; }
.txt_xl 				{ font-size: 125%; line-height: 1.5em !important; }
.txt_xxl 				{ font-size: 160%; line-height: 1.5em !important; }
.txt_xxxl 				{ font-size: 200%; line-height: 1.6em !important; }
  
/* --------- end SONSTIGES -------- */	





/* --------- FORMULAR
================================================== */
form {
}

form .btn {
	margin-top: 1em
}

.pflichtfeld {
	text-align: right !important;
	right: 0 !important;
	color: #ff4949;
	font-size: 80%
}

.form-group {
	text-align: left;
	line-height: 1.2em;
	color: #bbbfc4
}
.form-control { background: #bbbfc4 }

/* --------- end FORMULAR -------- */	












/* --------- FORMULAR
================================================== */

form {
	margin: 2em 5% 0 5%;
}
form .form-control {
	background: #eee;
	border: none;
	font-weight: 300;
}
form .form-control:focus {
	background: #eee;
}

#message {
	min-height: 9em
}

.form_error {
	background: #ffbaba;
	color: #ff0000;
	padding: .1em .3em .2em .3em;
	line-height: 1.2em;
	border-radius: 3px;	
}
.form_error:before {
	color: #ff0000;
	content: '\f06a';
	font-family: 'Font Awesome 5 Free';
    display: inline-block;
	margin-right: .3em;
	}
/* --------- end FORMULAR -------- */	
	







/* --------- LISTE
================================================== */

section ul {
	list-style: none;
	margin: 1.5em 0 1.5em 0;
	padding: 0
}
section ul li {
	list-style: none;
	margin: 0 0 .3em 0;
	padding: 0
}

section ul li:before {
	content: '\F061';
	font-family: 'Font Awesome 5 Free';
    color: #bbbfc4;
	display: inline-block;
	margin-left: -15px;
	width: 15px;
	font-size: 80%;
	margin-right: .5em
	}
/* --------- end LISTE -------- */	
		




/* --------- ABSTAND
================================================== */
.margin-oben-0 		{ margin-top: 0 !important }	
.margin-oben-xs 	{ margin-top: .2em !important }
.margin-oben-s 		{ margin-top: .4em !important }
.margin-oben-m 		{ margin-top: 1em !important }
.margin-oben-l 		{ margin-top: 1.5em !important }
.margin-oben-xl 	{ margin-top: 2.5em !important }		
	
.margin-unten-0 	{ margin-bottom: 0 !important }
.margin-unten-xs 	{ margin-bottom: .2em !important }
.margin-unten-s 	{ margin-bottom: .4em !important }
.margin-unten-m 	{ margin-bottom: 1em !important }
.margin-unten-l 	{ margin-bottom: 1.5em !important }	
.margin-unten-xl 	{ margin-bottom: 2.5em !important }	

.margin-0 			{ margin-top: 0 !important; margin-bottom: 0 !important }
.margin-xs 			{ margin-top: .4em !important; margin-bottom: .4em !important }
.margin-s 			{ margin-top: .4em !important; margin-bottom: .4em !important }
.margin-m 			{ margin-top: 1em !important; margin-bottom: 1em !important }
.margin-l 			{ margin-top: 1.5em !important; margin-bottom: 1.5em !important }
.margin-xl 			{ margin-top: 2.5em !important; margin-bottom: 2.5em !important }	

.margin-left-xs 		{ margin-left: .25em !important }
.margin-left-s 		{ margin-left: .5em !important }
.margin-left-m 		{ margin-left: 1em !important }
.margin-left-l 		{ margin-left: 1.5em !important }
.margin-left-xl 		{ margin-left: 2em !important }

.margin-right-xs 	{ margin-right: .25em !important }
.margin-right-s 		{ margin-right: .5em !important }
.margin-right-m 		{ margin-right: 1em !important }
.margin-right-l 		{ margin-right: 1.5em !important }
.margin-right-xl 	{ margin-right: 2em !important }

.margin-side-0 		{ margin-right: 0 !important; margin-left: 0 !important }
.margin-side-xs 		{ margin-right: .25em !important; margin-left: .25em !important }
.margin-side-s 		{ margin-right: .5em !important; margin-left: .5em !important }
.margin-side-m 		{ margin-right: 1em !important; margin-left: 1em !important }
.margin-side-l 		{ margin-right: 1.5em !important; margin-left: 1.5em !important }
.margin-side-xl 		{ margin-right: 2em !important; margin-left: 2em !important }

.nomargin 			{ margin: 0 !important }		

	
.padding-oben-0 		{ padding-top: 0 !important }	
.padding-oben-xs 	{ padding-top: .2em !important }
.padding-oben-s 		{ padding-top: .4em !important }
.padding-oben-m 		{ padding-top: 1em !important }
.padding-oben-l 		{ padding-top: 1.5em !important }
.padding-oben-xl 	{ padding-top: 2.5em !important }		
	
.padding-unten-0 	{ padding-bottom: 0 !important }
.padding-unten-xs 	{ padding-bottom: .2em !important }
.padding-unten-s 	{ padding-bottom: .4em !important }
.padding-unten-m 	{ padding-bottom: 1em !important }
.padding-unten-l 	{ padding-bottom: 1.5em !important }	
.padding-unten-xl 	{ padding-bottom: 2.5em !important }	

.padding-0 			{ padding-top: 0 !important; padding-bottom: 0 !important }
.padding-s 			{ padding-top: .2em !important; padding-bottom: .2em !important }
.padding-s 			{ padding-top: .4em !important; padding-bottom: .4em !important }
.padding-m 			{ padding-top: 1em !important; padding-bottom: 1em !important }
.padding-l 			{ padding-top: 1.5em !important; padding-bottom: 1.5em !important }
.padding-xl 			{ padding-top: 2.5em !important; padding-bottom: 2.5em !important }	

.padding-left-xs 	{ padding-left: .25em !important }
.padding-left-s 		{ padding-left: .5em !important }
.padding-left-m 		{ padding-left: 1em !important }
.padding-left-l 		{ padding-left: 1.5em !important }
.padding-left-xl 	{ padding-left: 2em !important }

.padding-right-xs 	{ padding-right: .25em !important }
.padding-right-s 	{ padding-right: .5em !important }
.padding-right-m 	{ padding-right: 1em !important }
.padding-right-l 	{ padding-right: 1.5em !important }
.padding-right-xl 	{ padding-right: 2em !important }

.padding-side-0 		{ padding-right: 0 !important; padding-left: 0 !important }
.padding-side-xs 	{ padding-right: .25em !important; padding-left: .25em !important }
.padding-side-s 		{ padding-right: .5em !important; padding-left: .5em !important }
.padding-side-m 		{ padding-right: 1em !important; padding-left: 1em !important }
.padding-side-l 		{ padding-right: 1.5em !important; padding-left: 1.5em !important }
.padding-side-xl 	{ padding-right: 2em !important; padding-left: 2em !important }

.nopadding-right 	{ padding-right: 0 }
.nopadding-left 	{ padding-left: 0 }
.nopadding 			{ padding: 0 !important }	
	
	
.negativ-oben-xs 	{ margin-top: -.25em !important }
.negativ-oben-s 	{ margin-top: -.5em !important }
.negativ-oben-m 	{ margin-top: -1em !important }
.negativ-oben-l 	{ margin-top: -2.5em !important }
.negativ-oben-xl 	{ margin-top: -6em !important }
.negativ-unten-xs 	{ margin-bottom: -.25em !important }
.negativ-unten-s 	{ margin-bottom: -.5em !important }
.negativ-unten-m 	{ margin-bottom: -1em !important }
.negativ-unten-l 	{ margin-bottom: -2.5em !important }
.negativ-unten-xl 	{ margin-bottom: -6em !important }

.negativ-oben .well {
	box-shadow: 0 .5em .9em 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
	.negativ-oben,
	.container.content.negativ-oben {
		margin-top: 20px !important;
	}	
}	

@media (max-width: 767px) {
	.margin-768-oben,
	.equalheight.margin-768-oben {
		margin-top: 20px !important;
		}
		.margin-768-oben-s 		{ margin-top: .5em !important; }
		.margin-768-oben-m 		{ margin-top: 1em !important; }
		.margin-768-oben-l 		{ margin-top: 1.5em !important; }
		.margin-768-oben-xl 	{ margin-top: 2.5em !important; }
		
	.margin-768-unten,
	.equalheight.margin-768-unten {
		margin-bottom: 20px !important;
		}
		.margin-768-unten-s 	{ margin-bottom: .5em !important; }
		.margin-768-unten-m 	{ margin-bottom: 1em !important; }
		.margin-768-unten-l 	{ margin-bottom: 1.5em !important; }
		.margin-768-unten-xl 	{ margin-bottom: 2.5em !important; }

	
	.nomargin-768-oben {
		margin-top: 0 !important }
	.nomargin-768-unten {
		margin-bottom: 0 !important }	
}


.hide-480,
.hide-768 {
	}
.show-480,
.show-768 {
	display: none !important
	}				
@media (max-width: 767px) {
	.hide-768 {
		display: none !important;
		}	
	.show-768 {
		display:inherit !important;
		}
	}
@media (max-width: 480px) {
	.hide-480 {
		display: none !important;
		}
	.show-480 {
		display:inherit !important;
		}		
	}
			
/* --------- end ABSTAND -------- */