/*------- media queries -------*/

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 
.container {
    max-width: 1250px !important;
} 
}

@include media-breakpoint-up(sm) { ... }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { 
.container {
    max-width: 1250px !important;
} 

}

/*------- /.media queries -------*/


.main-body {
  padding-top: 107px;
}

.main-jumbo-top {
  padding-top: 57px;
}

/* Typo */


.mapnumbers{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	line-height: 1.5;
    color: #212529;
    text-align: left;
	}


body{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	line-height: 1.5;
    color: #212529;
    text-align: left;
	}

h1{
	font-size: 3.25rem;
    font-weight: 300;
    line-height: 1.2;
	}

h2{
	font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.0;
	}

h3{
	font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.0;
	}

p{
	font-size: 1.25rem;
    font-weight: 300;
	}
	
/* /.Typo */

a{
	color: #369;
	}
	
a:hover{
	color: #0E8688;
	}
	
/* jumbotron */
	
.jumbotron{
	background-color: #fff !important;
	}
	
.display-4 {
    font-size: 3.25rem;
    font-weight: 300;
    line-height: 1.2;
}

/* /.jumbotron */	

/* read more */


#summary p.collapse:not(.show) {
    height: 116px !important;
    overflow: hidden;
  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#summary p.collapsing {
    min-height: 116px !important;
}

#summary a.collapsed:after  {
    content: '+ mehr lesen';
}

#summary a:not(.collapsed):after {
    content: '- Text verbergen';
}

/*-----*/

#programm_summary p.collapse:not(.show) {
    height: 779px !important;
    overflow: hidden;
  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#programm_summary p.collapsing {
    min-height: 779px !important;
}

#programm_summary a.collapsed:after  {
    content: '+ mehr lesen';
}

#programm_summary a:not(.collapsed):after {
    content: '- Text verbergen';
}

/* /.read more */

/* arrows carousel */

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 55px;
  width: 55px;
  outline: #099;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid #099;
  background-image: none;
  background-color:#099;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 30px;
  font-weight:bold;
  color: #FFF;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 30px;
  font-weight:bold;
  color: #FFF;
}

/* /.arrows carousel */
	


.container{
	max-width: 1400px;
	}
