/* -------- Back to Top, Seite---Zeile-65------------ */
/* -------- Header---Zeile--82------------ */
/* -------- Navigationsleiste---Zeile--167------------ */
/* -------- Breadcrumbs---Zeile--214------------ */
/* -------- Modulnavigation---Zeile--239------------ */
/* -------- Verlinkungen---Zeile--269------------ */
/* -------- Slider---Zeile--284------------ */
/* -------- Fonts Alle Seiten---Zeile--424------------ */
/* -------- Flexboxen Alle Seiten---Zeile--496------------ */
/* -------- Inhalt Section,PDF---Zeile--573------------ */
/* -------- Inhalt Mobilität---Zeile--664------------ */
/* -------- Fotos und Videos---Zeile--728------------ */
/* -------- Sprache---Zeile--912------------ */
/* -------- Google---Zeile--1011------------ */
/* -------- Tabellen, Listen, Cards---Zeile--1017------------ */
/* -------- Formular---Zeile--1040------------ */
/* -------- Footer---Zeile--1051------------ */

/* ------------------------- Schriftarten------------------------- */

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto-Regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* raleway-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v34-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v34-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* raleway-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v34-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v34-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* raleway-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v34-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v34-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ------------------------- Back to Top------------------------- */

.back-to-top-link.visible {
  position: fixed;
  bottom: 20px;
  right: 30px;
}

.back-to-top-link:focus, .back-to-top-link:hover {
	color:#fff;
}

body.site {
	max-width: 90em;
    margin: 0 auto;
}

/* ------------------------- Header------------------------- */

.container-header { /* Headercontainer */
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
}

.container-header .grid-child {	
	padding: 0 !important;
}

.container-topbar { /* Logoleiste Text */
	padding-left: 0;
  	height: 55px;
    font-size: 0.8rem;
	letter-spacing: 0.1em !important; 
    background: rgba(0,0,0,0.2);
}

.container-topbar {
    position: sticky;
    top: 0;
    z-index: 100;  
}

.flex-topbar, .flex-slider { /* Header Inhalt - Logo,Seitenname */
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;	
    -webkit-box-orient: hotizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
	flex-direction: row;	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;   
}

.topbar-left, .topbar-middle, .topbar-right  {
	-webkit-box-flex: 1;
	-ms-flex:0 1 auto;
	flex:0 1 auto;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	padding: 0.2em;
    height: 45px;
    line-height: 45px;
}

.topbar-right, .topbar-middle {	
	margin-left: 0.5em;
}

@media (max-width: 64em) {   
    .container-header {
        padding-left: 0px;
        padding-right: 0px;
    }
      
    .topbar-middle-left {
        font-size: 1.0rem !important;       
    } 
    
    .topbar-middle-left p {
        margin-bottom: 0; !important;
        margin-left: 0.5rem;
    }     
}

@media screen and (min-width: 64em)/* 1024px */ {
    .container-topbar { /* Logoleiste Text */
        padding-left: 0;
        border-bottom: 1px solid #fff;
    }
    
    .topbar-middle-left {
        display: none;
    }
}

/* ------------------------- Navigationsleiste------------------------- */

.navbar-toggler:focus {
  box-shadow: none !important;
}

.metismenu.mod-menu .metismenu-item {
	font-size: 1.0rem;
	letter-spacing: 0.1em !important;
}

.metismenu.mod-menu .parent > ul {
  color: #fff;
}

@media (max-width: 63.98em) {
    .metismenu.mod-menu .metismenu-item, .metismenu-item .level-2 {
        background: rgba(0,0,0,0.7);
    }    
}    

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-expand-md .navbar-collapse:not(.show) { /* navbar Breakpoint */
		display: none !important;
	}
}

@media (max-width: 991px) {
	.navbar-expand-md .navbar-toggler {
		display: block !important;
	}
}

@media screen and (min-width: 64em)/* 1024px */   {
	.navbar .mod-menu .nav-item {
		margin-top: 0 !important;
	}
    
    .metismenu.mod-menu .parent > ul {
        background: rgba(0,0,0,0.7);
    }
			
	.navbar-expand-lg .navbar-toggler {
		display: none !important;
	}
}

/* ------------------------- Breadcrumbs------------------------- */

.float-start { 
	padding-left: 0rem !important;
}

.breadcrumb {
	background-color: transparent !important;
	text-transform: uppercase;
	letter-spacing: 0.1em !important;
}

.breadcrumb a {
	text-decoration: none !important;
}

@media screen and (max-width: 45.98em)/* 735px */   {
	.breadcrumb { 
		font-size: 0.8rem !important;
	}
}

@media screen and (min-width: 46em)/* 736px */   {
	.float-start { 
		padding-left: 2rem !important;
	}
}

/* ------------------------- Modulnavigation------------------------- */

.inhalt-blog { /* Aussenrahmen Inhaltnavigation */
	width: 100%;
}

.inhalt-blog-list { /* NEU Liste */
    list-style-type:none;
    letter-spacing: 0.05em !important;
    padding-left: 0 !important;
}

.inhalt-blog a {
	text-decoration: none !important;
}

@media screen and (min-width: 64em)/* 1024px */   {

    .inhalt-blog {
		width: 40em;
	}
    
    .mobilnav {
		display: none;
	}
}

/* ------------------------- Verlinkungen------------------------- */

.teaser-articles a, .osmap-items a, .flex-bildbox-start-text a {
	text-decoration: none !important;
}

.flex-blog-content-right a, .flex-start-nav a {
	text-decoration: none;	
}

#flex-bildboxen-start a {
	text-decoration: none;
    font-weight: bold;
}

/* ------------------------- Slider------------------------- */

.header .mod-custom {	
    width: 100%;
}

.header-content h1, .header-content h2 {  /* ---- Banner---- */
	font-family: 'Raleway' !important;	
	font-weight: 400;
	text-shadow: 4px 5px 5px rgba(13,35,152,0.25);	
	letter-spacing: 0.2em;
}

.header-content h2 {  /* ---- Banner---- */	
	letter-spacing: 0.1em;
}

.flex-slider {
	background-color: rgba(0,0,0,0.6);
	
	background-position: top center;
	background-size: cover; /* Hintergrundbild über die volle Fläche des Viewport */
	background-repeat: no-repeat;
	color: #fff;
	height: 100vh; /* 100% der Viewporthöhe */
    max-height: 750px;
	padding: 2rem 2%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}

/* Vertikale Positionierung des Textes */

.header-content {
	display: -webkit-box;  /* Syntax Old IOS, Safari */	
	display: -moz-box;     /* Syntax Old Firefox */				
	display: -ms-flexbox;  /* Syntax IE10 */	
	display: -webkit-flex; /* Chrome */
	display: flex;
	
	-webkit-flex-direction: column; /* Chrome */
	-ms-flex-direction: column; /* Syntax IE10 */	
	flex-direction: column;
	
	-webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;    
}

.startseite {
    background-image: url("../../../../../images/slider-startseite.jpg");   
}

.gebirge {
    background-image: url("../../../../../images/blog/gebirge/slider-gebirge.jpg");   
}

.gebirge-rhodopen {
    background-image: url("../../../../../images/blog/gebirge/slider-rhodopen.jpg");   
}

.gebirge-balkan {
    background-image: url("../../../../../images/blog/gebirge/slider-balkan.jpg");   
}

.gebirge-pirin {
    background-image: url("../../../../../images/blog/gebirge/slider-pirin.jpg");   
}

.gebirge-belasitza {
    background-image: url("../../../../../images/blog/gebirge/slider-belasitza.jpg");   
}

.gebirge-rila {
    background-image: url("../../../../../images/blog/gebirge/slider-rila.jpg");   
}

.gebirge-ostrhodopen {
    background-image: url("../../../../../images/blog/gebirge/slider-ostrhodopen.jpg");   
}

.gebirge-devet {
    background-image: url("../../../../../images/blog/gebirge/slider-devetashko-plato.jpg");   
}

.gebirge-schumen {
    background-image: url("../../../../../images/blog/gebirge/slider-schumen-plato.jpg");   
}

.staedte {
    background-image: url("../../../../../images/blog/staedte/slider-staedte.jpg"); 
}  

.staedte-sofia {
    background-image: url("../../../../../images/blog/staedte/slider-sofia.jpg"); 
} 

.staedte-plovdiv {
    background-image: url("../../../../../images/blog/staedte/slider-plovdiv.jpg");    
} 

.staedte-varna {
    background-image: url("../../../../../images/blog/staedte/slider-varna.jpg");    
} 

.staedte-burgas {
    background-image: url("../../../../../images/blog/staedte/slider-burgas.jpg");    
} 

.staedte-veliko {
    background-image: url("../../../../../images/blog/staedte/slider-veliko.jpg");    
} 

.staedte-russe {
    background-image: url("../../../../../images/blog/staedte/slider-russe.jpg");   
} 

.meer {
    background-image: url("../../../../../images/blog/meer/slider-meer.jpg");   
} 

.meer-nord {
    background-image: url("../../../../../images/blog/meer/slider-meer-nord.jpg");   
}

.meer-sued {
    background-image: url("../../../../../images/blog/meer/slider-meer-sued.jpg");   
} 

.leben {
    background-image: url("../../../../../images/blog/leben/slider-leben.jpg");   
} 

.speisen {
    background-image: url("../../../../../images/blog/speisen/slider-speisen.jpg");   
} 

.sprache {
    background-image: url("../../../../../images/blog/sprache/slider-sprache.jpg");   
} 

/* ------------------------- Fonts Alle Seiten------------------------- */

#flex-container h2, #flex-container h3, #flex-container h4, #flex-container h5, #flex-container h6, #flexbox-mob h6, #footer-bulgaria h2 {  /* ---- Hauptüberschriften---- */	
	font-family: 'Raleway' !important;	
	letter-spacing: 0.1em;
}

#flex-container h2 {  /* ---- Hauptüberschriften---- */		
	font-size: 2.0rem !important;
	font-weight: 700;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);	
}

#flex-container h3 { /* ---- Unterüberschriften---- */	
	margin: 1.0em 0em 1.0em !important;	
	border-bottom: solid 2px #000000;
	margin-bottom: 15px !important;
	padding-bottom: 10px;	
}

#flex-container h4, #flex-container h5 {  
	font-weight: 700;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);	
}

#flex-container h4 { /* ---- Section---- */
	font-size: 1.4rem !important;
}

#flex-container h5 { /* ---- Cards---- */	 
    font-size: 1.2rem !important;	
}

.flex-blog-content-right p {
	margin-bottom: 0.5rem;
	line-height: 1.3em;
}

.card-footer, .lizenz { 
	font-size: 0.8rem !important;
	font-weight: 700 !important;
}

.accordion-fett { 
	font-weight: 700 !important;
    line-height: 1.2em;
    letter-spacing: 0.1em;
}

.section-fett { 
	font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
}

.section-footer { 
	background-color: #F2F2F2;
	margin-top: 0.5em;
    padding: 0.5em 1.5em;
    border-radius: 2px;
    font-size: 0.8rem !important;
	font-weight: 500 !important;
}

@media screen and (max-width: 35em)/* 560px */   {
	#flex-container h3 { /* ---- Hauptseite, Unterseiten---- */
		letter-spacing: 0.2em !important;
		font-size: 1.3rem !important;
		text-shadow: 2px 3px 3px rgba(13,35,152,0.25) !important;
	}
}

/* ------------------------- Flexboxen Alle Seiten------------------------- */

#flex-container  { /* ---- Flexbox---- */
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;	
   	-webkit-flex-direction: column; /* Ausrichtung Inhalt untereinander */
    	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; /* Items brechen um mehrere Spalten/Reihen */
	
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch; /* Items so hoch wie Container */

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; /* Items zentriert */
 
	background: #fff;
    padding: 0.2em;

	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
    	transition: all 1.5s ease; /* Animierter Layoutwechsel */
}

.flex-blog-content-left, .flex-blog-content-right { /* Flexboxen Spalten */
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;	
	background: #fff;
	margin: 0.5em;
	padding: 0.5em;
	max-width: 100% !important;
}

@media screen and (min-width: 46em)/* 736px */   {
	#flex-container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row; /* Ausrichtung Inhalt nebeneinander */
		-webkit-flex-direction: row; 
		-ms-flex-direction: row;
		margin: 0 2rem;
	}
}

@media screen and (min-width: 64em)/* 1024px */   {
	.flex-blog-content-left {
		width: 65%;
	}

	.flex-blog-content-right {
		width: 25%;
	}

	.flex-blog-content-right{ /* Unterseiten */
		border-left: 1px solid #B8B8B8;
		padding-left: 10px:
	}
}

@media screen and (min-width: 80em)/* 1280px */   {	
	#flex-container {
		margin: 0 auto;
		max-width: 80em !important;
	}	
}

/* ------------------------- Inhalt Section,PDF------------------------- */

.section {   	
	margin: 2.5em 0;	
}

.section-footer { 
	background-color: #F2F2F2;
	margin-top: 0.5em;
    padding: 0.5em 1.5em;
    border-radius: 4px;
}

.teaser-articles {   	
	margin-bottom: 0.5em;
}

.accordion-button {   	
	font-size: 1.2rem !important;
	font-weight: 700 !important;
}

.pdf-box {
    margin: 0;
}

.pdf-box-inner {
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.pdf-box-inner a {
    outline: none !important;
}

.pdf-box-inner-text {
    margin: 0;
}

.pdf-abstand {
    margin: 0.5rem 1.5rem 1.5rem 0.5rem;
    float: left !important;
}

small {
    font-size: 80%;
    font-weight: 400;
}

@media screen and (min-width: 25em) {
	.box-inner {
		line-height: 1.2;
	}
	
	.teaser-box-reihe-li, .teaser-box-reihe-re {
		height: auto;
	}

	.teaser-box-reihe img {
		width: 100%;
		float: none;
		
	}
	.teaser-box-reihe {
		float: left;
		padding-right: 0.5em;
		overflow: auto;
		width: 50%;
	}

	.teaser-box-reihe-li {
		float: left;	
		width: 50%;
	}

	.teaser-box-reihe-re {
		float: right;
		width: 50%;
	}
	.teaser-box:nth-of-type(even) {
		margin-right: 0;
	}
}

@media screen and (min-width: 64em)/* 1024px */   {
 	.teaser-articles { 
		width: 90%;
	}     
}    

/* ------------------------- Inhalt Mobilität------------------------- */

#flexbox-mob { 
    display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;	
   	-webkit-flex-direction: column; /* Ausrichtung Inhalt untereinander */
    	-ms-flex-direction: column;
	flex-direction: column;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    list-style: none;
}

.mob-1 { 
    order: 1;  
}

.mob-2 {  
    order: 2;  
}

.mob-3 {
    order: 3;  
}

.mob-textblock {
    padding-left: 0;
    margin-top: 1em;
}

.mob-1, .mob-2, .mob-3 {
    background: #fff;
    border: 0px solid #B8B8B8;
    padding: 3px;
}

#flexbox-mob h6 {  /* ---- Überschriften---- */	
	font-size: 1.2rem !important;
	font-weight: 700;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.icon-background {
	color:#8B7E66;
}

@media screen and (min-width: 46em)/* 736px */   {
    #flexbox-mob {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row; /* Ausrichtung Inhalt nebeneinander */
		-webkit-flex-direction: row; 
		-ms-flex-direction: row;
		margin: 1rem 0;
	}
    .mob-1, .mob-2, .mob-3 {
        width: 33%; 
    }  
}  

/* ------------------------- Fotos und Videos------------------------- */

.teaser-box img {	
	float: none;	
}

video {
	max-width: 100%;
	height: auto;
}

.rundung { /* Grosse Bilder Bloginhalt */
	border-radius: 4px;
}

@media screen and (min-width: 30em)/* 480px */   {
    .textfluss {	
	   float: left !important;
       margin: 0 10px 10px 0 !important;
    }
}

/* Alle Bildboxen Übersicht*/
#flex-bildboxen-start, .flex-bildbox-li-start, .flex-bildbox-re-start { 
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;	
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; /* Items brechen um mehrere Spalten/Reihen */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#flex-bildboxen-start { /* Alle Bildboxen Übersicht */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	vertical-align: baseline;
	background: transparent;
}

#flex-bildboxen-start img { /* Bildboxen Fotos */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3) !important;
}

.flex-bildbox-li-start, .flex-bildbox-re-start { /* Alle Bildboxen */	
   	-webkit-flex-direction: column; /* Ausrichtung Inhalt untereinander */
    	-ms-flex-direction: column;
	flex-direction: column;	
	
	width: 100%;
	margin-right: 0;
	opacity: 1 !important;
	box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3) !important;
	float: none;
  	padding-bottom: 0;
	position: relative;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	margin-bottom: 35px;
	overflow: hidden;	
}

.flex-bildbox-start-media-container { /* Mediacontainer */
	width: 100%;
	overflow: hidden;
}

.flex-bildbox-start-media-position { /* Mediacontainer Position */
	height: 200px;
	width: 100%;
	overflow: hidden;
	position: relative;	
}

.flex-bildbox-start-media-inhalt { /* Mediacontainer Inhalt */
	position: relative;
	width: 100%;
	height: auto;
	display: block;
}

.flex-bildbox-start-media-inhalt img {
	border-radius: 1px 1px 0 0;
	width: 100%;
	height: auto;	
	display: block;
	max-width: 100%;
}

.flex-bildbox-start-text { /* TextBox */
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 20px;
}

@media screen and (min-width: 46em)/* 736px */   {
	.flex-bildbox-li-start, .flex-bildbox-re-start {
		width: 45%;
	}

	.flex-bildbox-li-start { /* Hauptseite einzelne Bildbox links */
		margin-right: 2em !important;
	}

	.flex-bildbox-start-media-container { /* Mediacontainer */
		height: 200px;
	}

	.flex-bildbox-start-media-inhalt { /* Mediacontainer Inhalt */
		height: 100%;
	}

	.flex-bildbox-start-media-inhalt img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
	}
}

/* Alle Bildboxen Blogseiten*/

.bildcontainer {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;	

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row; 
	-ms-flex-direction: row;
	flex-direction: row; /* Ausrichtung Inhalt nebeneinander */

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; /* Items zentriert */

	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; /* Items brechen um mehrere Spalten/Reihen */

	list-style-type:none;
	padding: 0;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align:center; /* ie 10 */
	align-items: center;

	max-width: 650px !important;
}

.kleines-bild {
	width: 25%;
	height: auto;
	padding: 0 0.5em 0.5em 0;
}

.grosses-bild {
	width: 100%;
	padding: 0 0.5em 0.5em 0;
}

.kleines-bild img, .grosses-bild img {
	border-radius: 0 !important;
}

/* ------------------------- Sprache------------------------- */

.sprachkurs table { /* evtl. löschen */
    border: 1px solid black;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    margin: 0.5em 0 !important;
}

.sprachkurs thead, .sprache-thead { /* Überschrift */
    background: #eee;
    font-weight: bold;
}

.sprache-td, .sprache-tr, .sprache-th { /* Tabellen Links */
	border: 1px solid black;
    border-collapse: collapse;
    text-align: left;
    padding: 0.5em;	
}

.sprachetext {	/* Gespräche ohne Tabelle */ 
	margin-bottom: 0.3rem !important;
}

@media screen and (max-width: 700px) {
    .sprachkurs table {
        border: none;
        padding: 0;
    }
    
    .sprachkurs thead {
        display: none;
    }

    .sprache-td, .sprache-tr {
        float: left;
        padding: 0;
        width: 100%;
    }

    .sprache-tr {
        margin-bottom: 2em;
    }

    .sprache-td {
        padding: 1em;
        word-wrap: break-word;
    }

    .sprache-td::before {
        content: attr(data-label);
        background: #eee;
        border-right: 1px solid black;
        width: 35%;
        float: left;
        padding: 1em;
        font-weight: bold;
        margin: -1em 1em -1em -1em;
    }
}

/* Flexbox Tabelle */

.table-container {
  display: flex;
  flex-flow: column nowrap;
  background-color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 2px;
  border: 1px solid #DADADA;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .08);
}

.table-row {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  border-bottom: 1px solid #dadada;
}

.heading {
  background-color: #eee;
  font-weight: bold;
}

.row-item {
  display: flex;
  flex: 1;
  font-size: 1.0rem;
  padding: 8px 4px;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.15s ease-in-out;   
  border-right: 1px solid #dadada;  
}

/* ------------------------- Google------------------------- */

iframe { /* Googlemaps */
	max-width: 100% !important;
}

/* ------------------------- Tabellen, Listen, Cards------------------------- */

.leben { /* Tabelle Leben */
    margin: 0.5em !important;
}

.leben-titel { /* Überschrift Tabelle */
    background: #eee;
    font-weight: bold;
}

leben-td, leben-th { /* Tabellen Zellen */
    padding: 0.5em;	
}

ol.number {
	list-style-type: decimal;
}

.rezept { /* Cards Rezept Abstand */
	padding: 0 0.5em;
}

/* ------------------------- Formular------------------------- */

.com-contact { /* Breite */
	max-width: 36em !important; 	
}

.com-contact h2 { /* Überschrift */
    font-family: 'Raleway' !important;	
	letter-spacing: 0.1em;
}

/* ------------------------- Footer------------------------- */

#footer-bulgaria {
	display: -webkit-flex;
	display: -ms-flexbox; /* Syntax IE10 */
	display: flex;
	-webkit-flex-direction: column; /* Ausrichtung Inhalt untereinander */

	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease; /* Animierter Layoutwechsel */
	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    	
	width: 100%;
	background: #8B7E66;	
}

.footer-left, .footer-middle, .footer-right {
    padding: 1.0em;
}

.footer-middle .navbar-collapse {  		
	-ms-flex-pack: center !important;
	justify-content: center !important;		
}

.footer-bottom {
    -ms-flex-pack: center;
	justify-content: center;
	
	text-align: center;	
	background: #8B7E66;
	border-top: 1px solid #fff;
}

/* Textformatierungen */

#footer-bulgaria h2, #footer-bulgaria p, #footer-bulgaria a {	
	color: #fff;	
}

.footer-left a, .footer-right a {
	text-decoration: none !important;	
}

.footer-middle a { 
    font-size: 1.2rem;
	margin-bottom: 1.2em;
    text-decoration: none !important;
}

.footer-bottom p, .footer-bottom a, .footer-bottom hr {	
	color: #fff;	
}

@media screen and (max-width: 48em)/* 768px */   {
    .footer-left, .footer-middle {
        border-bottom: 1px solid #fff;
    }
}    

@media screen and (min-width: 48em)/* 768px */   {
	#footer-bulgaria {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-webkit-flex-direction: row; /* Ausrichtung Inhalt nebeneinander */
		-ms-flex-direction: row;
	}
    
    .footer-left, .footer-middle, .footer-right {
        -webkit-box-flex: 1;  
	   -ms-flex: 1;  
	   flex: 1;
    }
    
    .footer-middle {  	
		text-align: center;				
	}

	.footer-right {  	
		text-align: right;				
	}     
}


/* ------------------------- Module------------------------- */

@media screen and (min-width: 48em)/* 768px */   {
	#mod-custom114 {
		display: none;
	}
}