/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}



body, html 
{	

	background: #fff;
	color: #000000;
}

h3
{
	font-size: 24px;
}

a:visited, a:active, a:focus {
 	outline: none;  
} 

b
{
	font-weight: 700;
}

.display-none
{
	display: none;
}

.container
{
	background: #ffffff;
	margin-top: 20px;
	padding: 20px 0px 0px 0px;
}

.container-fluid
{
	background: #ffffff;
	margin-top: 30px;
	padding: 20px 0px 0px 0px;
	width: 90%;
}

/*
* Neue Navbar
*/
.th-logo
{
	margin-right: 10px;
}


@media (max-width: 420px) {
	.th-brand
	{
		max-width:280px;
	}
}

.th-brand-lg
{
	width: 320px;
}

.th-brand-xs
{
	display: none;
}

@media (max-width: 600px) {
	.th-brand-lg
	{
		display: none;
	}
	
	.th-brand-xs
	{
		display: block;
	}	
}

.navbar
{
	background: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19);
	padding: 10px 15px 10px 15px;
}

.navbar-icons
{
	font-size: 30px;
	position: absolute;
	top: 10px;
	right: 0px;
}

.navbar-icons >a, .navbar-icons >a:active, .navbar-icons >a:visited, .navbar-icons >a:focus
{
	color: #222;
	margin-right: 20px;
}

.navbar-icons >a:hover
{
	color: #000;
}
 


.navbar-toggler, .navbar-toggler:active, .navbar-toggler:visited, .navbar-toggler:focus
{
	color: #222;
	outline: none;
	border: 1px solid #222;
}

.navbar-toggler:hover
{
	color: #000;
	outline: none;
}

.navbar-nav{
	right: 0px;
	margin: 0px;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	color: #222;
	background: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

.navbar >ul
{
	margin: 0px;
	padding: 0px;
}
.nav-item
{
	padding: 4px 8px;
	margin: 0px 5px;
}


.nav-link, .nav-link:visited, .nav-link:active, .nav-link:focus
{
	color: #222;
}

.nav-link:hover
{
	color: #000;
}

.th-active, .active
{
	color: #000;	
}
.th-active >.nav-link
{
	color: #000;
}

.hfb-navbars{
	font-size: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	color: #222;

}


.titlestart
{
	width: 100%;
	background: #ddd;
	color: #1f1c1c;
	font-style: normal;	
	font-size: 24px;
	text-decoration: none;
	font-weight: 700;
	padding: 10px 0px 10px 60px;
	margin: 0px;
}

.hfb-btn, .hfb-btn:active, .hfb-btn:visited, .hfb-btn:focus
{
	font-style: normal;	
	font-weight: 400;
	font-size: 18px;
	text-decoration: none;	
	color: #1f1c1c;
	line-height: 1.5;
	outline: none;
	cursor: pointer;
}

.hfb-btn:hover
{
	text-decoration: none;
	color: #343338;
	outline: none;	
}

.btn-modal
{
	cursor: pointer;
}

.btn-hfb
{
	background: #326e41;
	outline: none;
	color: #fff;
	font-size: 18px;
	outline: none;
}

.btn-hfb:focus, .btn-hfb:hover
{
	background: #20502c;
	outline: none;
}


.modal-header
{
	background: #004080;
}

.modal-header >h4
{
	color: #fff;
}

.modal-body p
{
 	font-family: 'Open Sans', sans-serif;
 	text-align: left;
	font-style: normal;	
	font-size: 18px;
	font-weight: 300;
	text-decoration: none;	
	color: #1f1c1c;
	line-height: 1.5;
}

.modal-body li
{
 	font-family: 'Open Sans', sans-serif;
 	text-align: left;
	font-style: normal;	
	font-size: 18px;
	font-weight: 300;
	text-decoration: none;	
	color: #1f1c1c;
	line-height: 1.5;	
}

.close
{
	color: #fff;
	outline: none;
}

.close:hover
{
	color: #fff;
	outline: none;
}



.btn-info
{
	background: rgba(52,49,49,0.5);
	border: #1f1c1c;
}

.btn-info:hover
{
	background: rgba(52,49,49,1.0) 
}



.more
{
	display: none;
}

.angebot
{
	color: #008000;
	font-weight: bold;
}

/*
* Pager
*/
.th-pager
{
	margin: 20px 20px 40px 20px;		
}
.th-pager >div
{
	display: inline-block;
}

.th-pager >div >a
{
	color: #1f1c1c;
	font-size: 24px;
	border: 0px;
	background: #d9d9d9;
	padding: 10px 15px 10px 15px;
	text-align: center;
	border-radius: 5px;
}
.th-previous
{
	float: left;
}
.th-next
{
	float: right;
}




.thumb
{
	width: 200px;
}


.btn-lg, .btn-lg:visited, .btn-lg:focus, .btn-lg:active:hover
{
	background: #808080;
	outline: none;
	padding: 5px 10px;
}
.btn-lg:hover
{
	background: #1f1c1c;
}

/* 
*
*   JUMBOTRON START
*
*/

.hfb-start
{
	background: #ffffff;
	font-family: 'Open Sans', sans-serif;
}

.hfb-max-width
{
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}	

.hfb-maxtxt-width
{
	max-width: 1000px;
}

.hfb-fotos
{
	background: #ffffff;
	font-family: 'Open Sans', sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.hfb-fotos >.kachel
{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.hfb-start h1, .hfb-fotos h1
{
	color: #1f1c1c;
	font-style: normal;	
	font-size: 24px;
	text-decoration: none;
	margin-bottom: 20px;
	line-height: 1.5;
}
.big h1
{
	font-size: 28px;
}
 @media (max-width: 767px) {
	.big h1
	{
		font-size: 24px;
	}
	
	.titlestart
	{
		color: #1f1c1c;
		padding: 10px 0px 10px 20px;
	}
}
.hfb-start h2, .hfb-fotos h2
{
	color: #1f1c1c;
	font-style: normal;	
	font-size: 18px;
	text-decoration: none;
	margin-top: 30px;
	line-height: 1.5;
}
.hfb-start p, .hfb-fotos p, .hfb-start li
 {
 	text-align: left;
	font-style: normal;	
	font-size: 18px;
	font-weight: 300;
	text-decoration: none;	
	color: #1f1c1c;
	line-height: 1.5;
 } 
 .hfb-start a, .hfb-fotos a, .modal-body a
 {
	font-style: normal;	
	font-weight: 400;
	font-size: 18px;
	text-decoration: none;	
	color: #1f1c1c;
	line-height: 1.5;
 }
 .hfb-start a:hover, .hfb-fotos a:hover, .modal-bodya:hover
 {
	text-decoration: none;
	color: #343338;	
 } 
 
 @media (max-width: 900px) {
	p, li
	{
 		text-align: left;		
	}	
}

 
/* 
*
*   JUMBOTRON BOX
*
*/

.hfb-box
{
	background: #ffffff;
	font-family: 'Open Sans', sans-serif;
	margin: 30px;
	border: 1px solid rgba(34,31,31,0.3);
	padding-top: 20px;
	padding-bottom: 20px;
}
.hfb-box h1
{
	color: #1f1c1c;
	font-style: normal;	
	font-size: 24px;
	text-decoration: none;
	margin: 20px 0px 20px 0px;
}
.hfb-box h2
{
	color: #1f1c1c;
	font-style: normal;	
	font-size: 18px;
	text-decoration: none;
	margin: 20px 0px 20px 0px;
}
.hfb-box h3
{
	color: #1f1c1c;
	font-style: normal;	
	font-size: 24px;
	text-decoration: none;
	margin: 0px 0px 20px 0px;
}
.hfb-box h4
{
	color: #1f1c1c;
	font-style: normal;	
	font-size: 18px;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
}


.hfb-box p, .hfb-box li
 {
 	text-align: left;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	text-decoration: none;	
	color: #1f1c1c;
	line-height: 1.5;
 } 
.hfb-box li
{
	margin-bottom: 10px;
}

 
 .hfb-box a
 {
	font-style: normal;	
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;	
	color: #343131;
	line-height: 1.5;
 }
 .hfb-box a:hover
 {
	text-decoration: none;
	color: #000;
 }
 



 @media (max-width: 767px) {
	.hfb-box p{
 		text-align: left;
	}	
}
 
 
.navbutt
{
    font-weight: bold;
    color: #d9d9d9;    
    font-size: 40px;
    margin-top:0;   
	position:fixed;
    background-color: rgba(104,98,98,0.3);
    text-align: center;
    border-radius: 5px;
    width: 65px;
    height: 65px; 
}
a.navbutt
{
    color: #d9d9d9;
}
a.navbutt:hover
{
    background-color: rgba(31,28,28,0.5);
    color: #fff;
}

.navbutt.fwd
{
    right:10px;
    top: 300px;
    padding-top: 5px ;  
}
.navbutt.bwd
{
    left:10px;
    top: 300px;
    padding-top: 5px ; 
}

.nav-active, .nav-active:hover, .nav-active:focus, .nav-active:visited, .nav-active:active
{
	text-decoration: underline;
}


/*
*	Footer
*/
footer
{
	width: 90%;
	height: auto;
	text-align: center;
	margin: 20px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

footer a
{
	color: #1f1c1c;
    font-size: 16px;
    text-decoration: none;
}

footer a:hover
{
	color: #000;
    text-decoration: none;
}

footer a:visited, footer a:active, footer a:focus
{
	color: #1f1c1c;
    text-decoration: none;
}

footer p
{
	color: #1f1c1c;
    font-size: 14px;
    text-decoration: none;
    margin-top: 20px;
}

.ft_navi
{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	text-align: left;
	margin: 5px 0px 5px 20px;	
}

/*
*	R�nder und Abst�nde
*/
.mri
{
	margin-right: 20px;
}
.trenn
{
	color: #d9d9d9;
    font-size: 14px;
    margin-right: 30px;
}
.hfb-img
{
      width: 100%;  
}

.hfb-start h3
{
	padding-top: 10px;
}

.hfb-start h4
{
	font-size: 20px;
	padding: 10px 0px 0px 0px;
	margin-bottom: -5px;
}

.keinAbstand-unten
{
	margin-bottom: 0px;
}
.keinAbstand-oben
{
	margin-top: 0px;
}
.keinPadding
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.kachel, .kachelneu
{
	margin-top: 20px;
	margin-bottom: 60px;
	text-align: center;
	width: 100%;
	padding: 0px;
}
.kachel a, .kachel a:hover
{
	text-decoration: none;
	margin: 8px;
	display: inline-block;
}

.kachel img, .kachelneu img
{
	border: 0;
	margin: 0px;
}


.kachelneu a, .kachelneu a:hover, .kachelneu a:visited, .kachelneu a:active, .kachelneu a:focus
{
	text-decoration: none;
	margin: .3rem;
	display: inline-block;
}

.kachel img:hover, .kachelneu img:hover
{
  cursor: pointer;
}

.kacheleffekt img:hover
{
	box-shadow: 0px 0px 2px #222222;
	opacity: .75;
	transition:opacity .5s, visibility 1s;
}

.kachel-text
{
	font-family: 'Open Sans', sans-serif;	
  	font-size: 16px;
}


.th-img-hoch
{
	width: 114px;
}

.th-img-quer
{
	width: 257px;
}

.kachelgal>a>img 
{
	cursor: zoom-in !important;
}

@media (max-width: 991px) {
	.th-img-hoch
	{
		width: 133px;
	}
	
	.th-img-quer
	{
		width: 300px;
	}
}

@media (max-width: 768px) {
	.th-img-hoch
	{
		width: 41.5%;
	}
	
	.th-img-quer
	{
		width: 86%;
	}
}


.th-imgfl-video
{
	width: 500px;
	margin-bottom: 8px !important;
}

.th-imgfl-hoch-xs, .th-imgfl-hoch
{
	width: 8rem;
	margin-bottom: .2rem !important;
}
	

.th-imgfl-quer-xs, .th-imgfl-quer
{
	width: 18rem;
	margin-bottom: .2rem !important;
}

@media (min-width: 1920px) {
	.th-imgfl-hoch-xs, .th-imgfl-hoch
	{
		width: 10.667rem;
		max-width: 600px;
	}
	
	.th-imgfl-quer-xs, .th-imgfl-quer
	{
		width: 24rem;
		max-width: 600px;
	}
	
	.th-imgfl-video
	{
		width: 48rem;
	}	
}

@media (max-width: 768px) {
	.th-imgfl-hoch-xs, .th-imgfl-hoch
	{
		width: 90%;
		max-width: 600px;
	}
	
	.th-imgfl-quer-xs, .th-imgfl-quer, .th-imgfl-video
	{
		width: 90%;
		max-width: 600px;
	}
}



.blueimp-gallery {
    background: rgba(0, 0, 0, 1.0) none repeat 
}



.no-padding
{
	padding-top: 0px;
	padding-bottom: 0px;
}
.no-padding-top
{
	padding-top: 0px;
}
.no-padding-bottom
{
	padding-bottom: 0px;
}


.modal-hfb
{
	text-align: left;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	text-decoration: none;	
	color: #1f1c1c;
	line-height: 1.5;
}
.modal-hfb p
{
	margin: 5px 0 0 0;		
}
.modal-hfb h1
{
	font-size: 24px;	
}

.alert-info
{
	background: #f5f5f5;
	border: #ddd;	
}

.alert-warning
{
	background: #edf4fa;
	border: #ddd;	
}

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

.hrefdiv
{
	padding-top: 50px;
}

.buttonleiste a
{
	background: rgba(52,49,49,0.5);
	border: #1f1c1c;
	outline: none;
	padding: 5px 10px;
	color: #fff;
	margin: 5px 10px 5px 0px;
}
.buttonleiste a:hover, .buttonleiste a:focus, .buttonleiste a:visited, .buttonleiste a:active, 
.buttonleiste .btn-info:hover    
{
	background: rgba(52,49,49,1.0);
	color: #fff;
	outline: none;
}



.th-kasten
{
	background: #fff3cf;
	padding: 10px;
	margin-bottom: 20px;	
}


.kasten
{
	background: #dee7ef;
	padding: 10px;
	margin-bottom: 20px;	
}


/*
*	BUTTONS
*/

.btn {
	border: none; 
	padding: 6px 12px;
	text-align: center; 
	margin-bottom: 5px;
	outline: none;
}

.btn.focus, .btn:focus, .btn:hover {
	color: #fff;
	outline: none;
}




.modal-title
{
	color: #fff;
	font-style: normal;	
	font-size: 24px;
	text-decoration: none;
}


.btn-leiste, .btn-leiste:focus, .btn-leiste:active, .btn-leiste:visited
{
	background: #375282;
	color: #fff;
	font-size: 18px;
	outline: none;
	padding: 5px 8px;
	margin: 8px 10px 8px 0px;
	display: inline-block;
}

.btn-leiste:hover
{
	background: #4769a4;
}

a.btn-leiste, a.btn-leiste:hover
{
	color: #fff;
}

.hfb-kasten
{
	padding: 10px;
	background: #f5f5f5;
	margin: 8px 0px;
}


.blog_seitenlinks
{
	display: inline-block;	
}

.blog_seitenlinks >.blogseite_aktiv, .blog_seitenlinks >a
{
	margin: 8px 10px 0px 0px !important;
	display: inline-block;
	outline: none;
	padding: 2px 6px;	
	font-size: 16px;
	font-weight: 400;
}
 
.blogseite_aktiv
{	
	background: #27425a;
	color: #fff;	
}

.blogseite_link, .href-button, input[type=submit]
{
	background: rgb(222,234,245,1);
	outline: none;

}
.blogseite_link:hover, .href-button:hover, input[type=submit]:hover
{
	background: rgb(198,217,234,.9);
	outline: none;
	transition: 0.3s;
}

.href-button span, a.href-button, .href-button
{
	color: #000 !important;
}

.blogseite_link
{
	color: #fff;
}



button, .modal-footer > button
{
	border: none;
	box-shadow: none;
	outline: none;
	font-size: 18px;	
}





.hfb-btn-bild
{
	position: absolute;
	right: 20px;
	bottom: 5px;
	opacity: .8;
}

.hfb-btn-vorschaubild
{
	position: absolute;
	right: 5px;
	bottom: 32px;
	opacity: .8;
}



a.hfb-galtext, a.hfb-galtext:active, a.hfb-galtext:focus, a.hfb-galtext:visited
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 5px 15px;
	margin: 0px 15px;
	background: rgb(0, 0, 0, 0.75);
	color: #fff;
	font-size: 24px;
	text-decoration: none;
}
a.hfb-galtext-kleiner
{
	font-size: 14px;
}

a.hfb-galtext:hover
{

	background: rgba(20,50,125,0.9);
	color: #fff;
	outline: none;
}	

.th-admin-mblog
{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0px 5px 5px 5px;
	margin: 0px 15px;
	background: rgb(0, 0, 0, 0.3);
	color: #fff;
	font-size: 24px;
	text-decoration: none;
}

.th-admin-mblog2
{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0px 5px 5px 5px;
	margin: 0px 15px;
	color: #d40000;
	font-size: 24px;
	text-decoration: none;
	opacity: 0.6;
}



.th-gal-fluid
{
	margin-bottom: 60px;
}



input[type=submit]
{
	border: none;	
}

input[type=text]
{
	margin-top: 4px;
	margin-right: 10px;
}

.th-preiskasten
{
	margin-bottom: 60px;
	border: 1px solid #000;
	padding: 10px;
}


.margstart
{
	margin-top: 40px;
}

.textseite-max-width
{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.href-button, .href-button a, .href-button >span,
.href-button:visited, .href-button:active, .href-button:focus
{
	padding: 5px;
	outline: none;
	cursor: pointer;
}

.href-butt-margin
{
	margin: 0px 20px 0px 0px !important;
}

.marg-bott
{
	display: inline-block;
	padding: 10px 0px 10px 0px;
}

.buttimbild
{
	position: relative; 
	top: -50px;
}



.abst-top
{
	margin-top: .5rem;
}

.fa-external-link
{
	margin-top: 15px;
}


.display-none
{
	display: none;
}

.mainkachel
{
	display: inline-block; 
	max-width: 400px; 
	position: relative; 
	margin-bottom: .3rem;
}
.mainkachel-img
{
	width: 100%;	
	image-rendering: high-quality;
}



.text-im-bild
{
	position: absolute;
	left: 0px;
	bottom: 5px;
	padding: .4rem;
    /* background: rgb(0, 0, 0, .8); */
    color: #fff !important;
    font-weight:700 !important;
    font-size: 1.3rem !important;
    text-align: left;
}

.hfb-text-bild
{
	position: absolute;
	right: 15px;
	top: 10px;
	background: rgb(0,0,0,.9);
	padding: 3px 6px;	
	color: #fff !important;
}

.hfb-textstoerer
{
	position: absolute;
	right: 5px;
	top: 10px;
	background: rgb(0,0,0,.9);
	padding: 3px 6px;	
	color: #fff !important;
}

.btn-im-bild
{
	right: 5px;
	bottom: 5px;
}

@media (max-width: 1400px) {
	.mainkachel
	{
		max-width: 340px; 
	}
  .text-im-bild
  {

      font-size: 1.15rem !important;
  }  
}



@media (max-width: 800px) {
	.mainkachel
	{
		max-width: 900px; 
	}
  .text-im-bild
  {

      font-size: 1.3rem !important;
  }   
}

.gruen
{
	color: #2e8f23;
	font-weight: 700;
}

.rot
{
	color: #d30000;
	font-weight: 700;
}

.th_mainicon, .th_mainicon:visited, .th_mainicon:focus, .th_mainicon:active
{
	margin-right: 1rem;
	color: #222;
	font-size: 1.7rem;	
}
.th_mainicon:hover
{
	font-size: 1.9rem;
	color: #222;
}