.intro_text_p {
  padding: 10px
}

.intro_start_section {
  background-color: white;
  opacity: 0.8;
}

#accordion {
	padding-bottom: 20px;
}

blockquote {
	margin-right: 0;
	margin-left: auto;
	background-color: white;
	width: 80%
}

.interpretation_text {
	margin-top:  5px;
	padding-bottom: 20px;
}


#erkenntnisse{
	max-height: 70%;

}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  height: 70%;
}

.eintrag {
    overflow: hidden;
}

.eintrag_divider {
    margin: 20px 0;
}

.divider {
	margin: 3px;
}


/* Style ################### Map Slider ################### */
.slider-span {
  padding-right:10px;
  padding-left: 10px;
  font-size: 11px

}

#Jahr_ausgewählt {
	font-weight: bold; 
}

.ticks {
  font: 10px sans-serif;
}

.track,
.track-inset,
.track-overlay {
  stroke-linecap: round;
}

.track {
  stroke: #000;
  stroke-opacity: 0.3;
  stroke-width: 10px;
}

.track-inset {
  stroke: #ddd;
  stroke-width: 8px;
}

.track-overlay {
  pointer-events: stroke;
  stroke-width: 50px;
  cursor: crosshair;
}

.knopf {
  fill: #fff;
  stroke: #000;
  stroke-opacity: 0.5;
  stroke-width: 1.25px;
}



/* Style ################### generische Inhalte ################### */
body {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: scroll
  
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
  .navbar {
  padding: 10px 0;}}

.section_titel {
	padding-top:  1%;
	padding-bottom: 1%;
	margin: 1%;}

/* Style ###################sticky Navigationsleiste ################### */
.navbar_header {
	width: 100%;
}

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;}

#mynavbar {
	background-color: #C15442;
	width: 100%; }

.mynavbar {
	background-color: black;
	width: 100%; }

.nav-item {
	color: black}


/* Style ################### Start Bereich ###################*/
#start_section {
    min-height: 100%;
    padding-top: 2%;
    padding-bottom: 1%;
    text-align: center;
    background: url(hintergrund.jpg);
    background-position: center center;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  color: black;
  }


}
.beschreibung_intro {
	padding-top: 10px;
	padding-bottom: 20px;
	margin: 10px;
}

.flüchtlingsbild {
max-height: 600px;
float: none;}


/* Style ################### App Bereich ###################*/
#app_section {
    min-height: 100%;
    padding-top: 80px;
    text-align: center;
    background: #eee;}

.app_einleitung {
  padding-bottom: 2%;
  
}
#app_wrapper{
	width: 100%;
	margin: 0px
}

.chart{

	margin:2px;}

.jumbotron {
	background-color: #fff;
	padding: 30px;
}

.map_slider {
	margin-top: 20px;
	margin-bottom: 10px}

.linechart_header{
padding: 12px;}

.eu_button {
	margin-top: 5px
}

#zoomgrafik {
	position: relative;
	bottom: : 200px;}

#hintergrund { fill: transparent;} 
#hintergrund_linechart {fill: #f5f5f5 ;} 
.nonEUbn { fill: none; stroke: white; stroke-width: 2px; stroke-linecap:round; stroke-linejoin:round } /* EU Aussengrenzen */
.bn { fill: none; stroke: white; stroke-width: 2px; stroke-linecap:round; stroke-linejoin:round} /* EU Grenzen */
.bn_oth { fill: none; stroke: white; stroke-width: 2px; stroke-linecap:round; stroke-linejoin:round} /* EU Aussengrenzen */
.nonEU {fill: darkgrey;} /* keine EU Länder */
.nonEU:hover {  fill: lightgrey; } /* keine EU Länder */
.EU:hover { fill: #318F4D; }   /* EU Länder */

div.tooltip {
      position: absolute;
      text-align: center;
      padding: 4px;
      background: #eee;
      border: 0px;
      pointer-events: none;
      }

span.tooltip {
  font-weight: bold;;
  font: #680B0D;
}


#tooltip_linechart {
      position: relative;
      text-align: center;
      padding: 4px;
      opacity: 0;
      width: 490px;
      font-size: 30px
    }


.legend text {
	size: 5px
}


/* Style für das linechart*/
#linechart_graph {
	position: relative;
  margin: 0px
	padding: 50;}

#Landname{
  font-weight: bold}



.line {
  fill: none;
  stroke: black;
  stroke-width: 2px;}

.xachse path {
  stroke: black;
  stroke-width: 1px;}

.xachse line {
  stroke: black;
  stroke-width: 1px;
  shape-rendering: crispEdges;}

.xachse text {
  stroke: black;
  stroke-width: 1px;}

.yachse {
  stroke: black
  stroke-width: 2px;}

.tick {
        font-family: sans-serif;
        font-size: 11px;}


/* Style ################### Dokumentations-Bereich ###################*/
#app_dokumentation_section {
    min-height: 100%;
    padding-top: 80px;
    text-align: center;
    background: #fff;}

.dokumentation_row {
  padding-bottom: 40px;}


/* Style ################### Interpretation Bereich ################### */
#interpretation_section {
    min-height: 100%;

    padding-top: 80px;
    text-align: center;
    background: #eee;}



/* Style ################### Erfahrungsbericht-Section ################### */
#erfahrungsbericht_section {
    min-height: 100%;
    padding-top: 80px;
    text-align: center;
    background: #fff;}

/* Style ################### About Bereich ################### */
#about_section {
    min-height: 100%;
    padding-top: 80px;
    text-align: center;
    background: #eee;}

.verwendete_daten {
	padding-top:  1%;
	padding-bottom: 1%;}

.verwendete_daten h2 {
  padding-bottom: 2%
}

.über_mich {
padding-bottom:  2%;
padding-top: 1%;}


.profilfoto {
	height: auto;
	max-width: 160px;}

.align_v_center{
	display: flex;
 	justify-content: center;
 	flex-direction: column;}

  hr {
    width: 100%
  }

.table {
  margin: 0 auto;
  width: 100%;
}


th {
	background-color: #F6B295;
	color: white }


/* Style ################### Footer ################### */

#footer_section {
	background: #fff;
}

.footer {
	padding-top: 1.5%
}

#logobern {
max-height: 60px;
  max-width: 90px;
	padding-right: 0px}

.col-1 logobern_col" {
	padding: 0px
	margin:0px;
}