@font-face {
    font-family: 'loraregular';
    src: url('../fonts/lara-regular-webfont.woff2') format('woff2'),
    url('../fonts/lara-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'loraitalic';
    src: url('../fonts/lara-italic-webfont.woff2') format('woff2'),
    url('../fonts/lara-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lorabold';
    src: url('../fonts/lara-bold-webfont.woff2') format('woff2'),
    url('../fonts/lara-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lorabold_italic';
    src: url('../fonts/lara-bolditalic-webfont.woff2') format('woff2'),
    url('../fonts/lara-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
main{
 font-family: "loraregular",serif ;
 background-color: white;
}
h1, h2, h3, h4, h5, h6 {
    font-family:'loraregular',serif;
}
h3,h4, h5 , h6 {
 background-color: #dddddd;
}
.short{
  width: 20%;
  border-top: 8px solid green;
}
.rdbt{
    background-color: #eeeeee !important;
    box-shadow: rgba(0,0,0,.25) 0 3px 12px 0!important;
    -moz-box-shadow: rgba(0,0,0,.25) 0 3px 12px 0!important;
    -webkit-box-shadow: rgba(0,0,0,.25) 0 3px 12px 0!important;
    border-bottom-style: solid!important;
    border-bottom-color: #a9343c!important;
    border-bottom-width: 4px!important;
    text-align: center;
    justify-content: center;
    align-items: stretch;
}
.nav-link,.pause{
    position: relative;
    float:left;
    color: #41464b;
}
a.navbar-brand{
    color: darkred !important;
}
a.nav-link.active{
    color: #6b3c38;
    text-decoration: underline;
}
a.nav-link{
  text-decoration:none;
  text-outline: 1px #9d1e15;
  font-size:20px;
  text-transform: capitalize;

}
a.nav-link:hover{
    color: #842029;
    transition:  ease-in-out 0.5s linear;

}
a{
  text-decoration: none;
  color: black;
}
.divline{
 padding-bottom: 0 ;
 border-bottom-style: solid ;
 border-bottom-color: #333777;
}
.socialmediabuttons a{color:#939393;}
.socialmediabuttons a:hover{color:#0273ba;}
a.backup{ color: black;}
a.backup:hover{ color: darkblue;}
.slbild{
  width:100%;
}
.dunkeltext{
   text-decoration: none;
   color: black;

}
#toolbox{  position:fixed;    right:26px;    top:70px;    display:none;    width:800px;    min-height:40px;    z-index:81;    border:2px solid green;
    background-color: #E8E8E8; }

#tbhead{	position:absolute;	top:0;	width:100%;	height:25px;	background-color:  #228b22;	color:white;	display:block;}
#tbtitel{   width:400px;	color:white;	font-size:16px;	display:inline-block;	text-align:center;}
#tbcontent{	margin-top:30px;	height: 500px;	overflow-y: scroll;}
#intoolbox{   float:right;  width:25px;  z-index:20;   display:inline-block;  }
#toolbox2{    position:fixed;    right:16px;    top:80px;   display: none; width:700px; height:600px; z-index:82; border:2px solid green; box-shadow: 1px 1px 4px green; background-color: #E8E8E8;}
#intoolbox2{   position:absolute; width:25px;  right:3px;   top:2px;   z-index:85;   display:inline-block;}
#tb2head{width:100%;	background-color: #1e90ff;	color: white;	height: 25px;display:block;}
#tb2titel{text-indent: 20px;	font-weight: bold;}
#tb2content{height:570px;width:100%;display:block;overflow-y:scroll;}

            #editfenster{    position:fixed; right:160px; top:50px; display: none; width:700px; height:400px; z-index:83; border:2px solid black; box-shadow: 1px 1px 4px gray; background-color: #E8E8EF;}
#editbox{   position:absolute; width:25px;  right:3px; top:2px;   z-index:85;   display:inline-block;}
#edithead{width:100%;	background-color: #1eff9f;	color: white;	height: 25px;display:block;}
#edittitel{text-indent: 20px;	font-weight: bold;}
#editcontent{height:770px;width:100%;display:block;overflow-y:scroll;}
@media screen and (max-width: 480px){
    #toolbox{	width:80%;	height:80%;}
    #tbcontent{height: 400px;}
    .main-footer{	max-height: 50px;}
    #toolbox2{	width:80%;	height:80%;}

}
.oben{vertical-align: top;}
thead, .header{	color:white;	background-color: #0576bf;}
tfoot {	color: black;	background-color: #b5dffa;}
.trdhead {	color: black;	background-color: #b5fad0;}
td{	padding: 2px 4px 2px 4px;}
.userimg{	height:40px;}
form{	display: inline;}
.isl{	width:400px;}
.map{	min-height:460px;}
.hw{	background-color:#f5f5f5;	width:49%;}
.teingabe{	min-width: 550px;	background-color:  #e4f6f6;	border: thin solid gray;	padding: 0 0 0 0;}
.beseingabe{	min-width: 550px;	background-color: #ffffe0;	border: thin solid gray;	padding: 0 0 0 0;}
.textcontent{	background-color:white;	border-radius: 6px;	padding: 1px 4px 2px 4px;}
.page_modul{	width:400px;	border: thin solid green;	background-color: #f0f8ff;	display:none;}
.goto{	font-size: 18px;	color: black;	padding-right: 10px;border-right: thin groove #939393 ;}
.goto:hover{	color: blue;}
#bcontent{max-height:480px;overflow-y: scroll}
.nrechts{
    float: right;
}
.links{
    text-align: left;
}
.bg-head{
background-color: #f2f2f2;
}
.headline.h1{ font-size: 50px;}
.headline.h2 {font-size: 35px;}
.headline.h3 {font-size: 20px;}
.headline{
    text-align: center;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.headline h2, .headline h3, .headline h4 {
    margin: 0 0 -1px 0;
    color: darkred;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 3px solid gray;
    text-transform: uppercase;
}
#back-top {
    position: fixed;
    bottom: 40px;
    right: 15px;
    display: block;
    z-index: 5;
}
.sections{
  padding: 30px 10px 30px 10px;
}

.Atitel{
    font-weight: bold;
    background-color: #dddddd;
    margin-bottom: 0;
    padding: 8px 0 8px 0;
    text-align: left;
}
.Apreis{
    width:100%;
    text-align: right;
    display: block;
    background-color: #dddddd;
    font-weight: 400;
    font-size: 26px;
    float: right;
    margin-bottom: 20px;
}
.bottbutt{
    position: relative;
    margin-bottom: 2px;
    background-color: #8a8a8a;
}
.angebot-img{
    width: 100%;
}
.fcontact{
  background-color:rgba(221,221,221,1) !important;
}
.spacer{
  width:100%;
  height:5px;
}
.tme{ min-height: 500px; width:100%;}
.pin{
 min-height: 600px;
}
.imagedisplay{
  width: 122px;
  float: left;
  background-color: #00FF00;
  margin: 2px 4px 4px 4px;

}
.dpimg{
  width: 120px;
  border-radius: 5px;
}
.card{
    height: 100%;
}
.card-body{
   padding-bottom: 30px;
}
.mehr{
   position: absolute;
   bottom: 5px;
   right: 5px;
   border-radius:5px;
   border-color: #666;
}