/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

* {
   border: 0;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   }

/* -------------- Responsive Dropdown ------------------- */

input#responsive-nav, label.responsive-nav-label {
   display: none;
   }
   
/* ------------------------------------------------------ */

body {
   background: #fff;
   margin-top: 40px;
   font-family: Roboto,Arial,Geneva,Helvetica,sans-serif;
   }

div#inhalt {
   display: table;
   width: 100%;
   max-width: /* 1100px; */ 1120px;
   margin-left: auto;
   margin-right: auto;
   border-top: 1px solid #999;
   border-bottom: 1px solid #999;
   border-left: 1px solid #999;
   }
   
ul.rex-breadcrumb, ul.rex-breadcrumb li {
   display: inline-block;
   list-style: none;
   padding:0;
   }   

#navigation {
   display: table-cell;
   border-right: 1px solid #999;
   background: #800000;
   width: /* 232px; */ 252px;
   text-align: left;
   vertical-align: top;
   line-height: 0;
   padding-bottom: 10px;
   }

#navigation ul {
   border-top: 1px solid #999;
   list-style-image: none;
   list-style-type: none;
   list-style-position:outside;
   width: /* 230px; */ 250px;
   max-width: /* 230px; */ 250px;
   margin-top: 1px;
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 0px;
   font-size: 1em;
   line-height: 1.2em;
   }
#navigation ul li, #navigation2 ul li {
   border-bottom: 1px solid #999;
/*   font-family:Verdana,Helvetica,Arial,Geneva,sans-serif;  */
   font-weight: bold;
   }
#navigation ul li.rex-article-19, #navigation2 ul li.rex-article-19 {
   display: none; /* Archiv */
   }
#navigation ul li.rex-article-31, #navigation2 ul li.rex-article-31 {
   /* display: none; /* Login */
   }
#navigation ul li ul, #navigation2 ul li ul {
   border-top: 0;
   list-style-image: none;
   list-style-type: none;
   list-style-position:outside;
   }
#navigation ul ul li, #navigation2 ul ul li {
   border-top: 1px solid #999;
   border-left: 12px solid #999;
   /* font-size: 13px; */
   font-size: 1em;
   font-weight: normal;
   border-bottom: none;
   }
#navigation li a, #navigation2 li a {
   display: inline-block;
   margin: 3px 6px;
   }

#logo {
   width: 100%;
   height: auto;   
   }
#inhalt {
   display: table-cell;
   }
#text {
   padding: 40px;
   }

#text img {
   margin-bottom: 0.5em;
   }

.magnific-popup-gallery img {
   margin-bottom: 0 !important;
   }

hr {
   border: solid #ccc 1px;
   height: 1px;
   margin-top: 20px;
   margin-bottom: 15px;
   clear: both;
}

p.bildunterschrift {
   font-size: 0.7em;
   text-align: center;
   }

p#footer {
   text-align: center;
   color: #800000;
   font-size: 12px;
   }

/* - - - - - - - - - */

.facebookbadge, .youtubebadge {
   width: 160px;
   height: 90px;
   padding-top: 12px;
   margin: 15px 10px 1px;
   text-align: center;
   }

.facebookbadge {
   background-image:url(/_img/video/facebook.jpg);
   }
.videoeins {
   background-image:url(/_img/video/video1.jpg);
   }
.videozwei {
   background-image:url(/_img/video/video2.jpg);
   }
.videodrei {
   background-image:url(/_img/video/video3.jpg);
   }
.videovier {
   background-image:url(/_img/video/video4.jpg);
   }
.videofuenf {
   background-image:url(/_img/video/video5.jpg);
   }

.fa-youtube, .fa-facebook-square, .fa-instagram {
   font-size:64px !important;
   width: 160px;
   height: 90px;
   }
   
p.badge {
	margin: 0px 10px;
	line-height: 1em;
	font-size: 11px;
    }

strong {
   color: #444;
   }

h1 {
   color: #A64A11;
   /* font-size:24px; */
   font-size: 1.8em;
   font-weight: normal;
   text-align: left;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   }

h2 {
   color: #cb6b2e;
   or: #A64A11;
   /* font-size:18px; */
   font-size: 1.4.em;
   font-weight: bold;
   text-align: left;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   }

h2 strong {
   /* font-size:17px; */
   font-size: 0.95em;
   display: block;
   background: #800000;
   padding: 3px 6px;
   color: #fff;
   font-weight: bold;
   }

h2 em {
   /* font-size:17px; */
   font-size: 0.95em;
   background: #87a462;
   padding: 3px 6px;
   font-style: normal;
   color: #fff;
   font-weight: bold;
   }

h2 u {
   /* font-size:17px; */
   font-size: 0.95em;
   background: #496722;
   padding: 3px 6px;
   font-style: normal;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
   }

h2 s {
   /* font-size:17px; */
   font-size: 0.95em;
   background: #cb6b2e;
   padding: 3px 6px;
   font-style: normal;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
   }

h3 {
   color: #496722;
   /* font-size:15px; */
   font-size: 1.2em;
   font-weight: bold;
   text-align: left;
   margin-bottom: 0.5em;
   }

h3 strong {
   /* font-size:14px; */
   font-size: 0.95em;
   display: block;
   background: #800000;
   padding: 2px 4px;
   color: #fff;
   font-weight: bold;
   margin-bottom: 0.5em;
   }

h3 em {
   /* font-size:14px; */
   font-size: 0.95em;
   background: /* #96c490 */ #87a462;
   padding: 2px 4px;
   font-style: normal;
   color: #fff;
   font-weight: bold;
   margin-bottom: 0.5em;
   }
h3 u {
   /* font-size:14px; */
   font-size: 0.95em;
   background: #496722;
   padding: 2px 4px;
   font-style: normal;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
   margin-bottom: 0.5em;
   }
h3 s {
   /* font-size:14px; */
   font-size: 0.95em;
   display: block;
   background: #cb6b2e;
   padding: 2px 4px;
   font-style: normal;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
   margin-bottom: 0.5em;
   }

h4,h5,h6 {
   color: #5e9913;
   /* font-size:15px; */
   fomt-size: 1.2em;
   font-weight: bold;
   text-align: left;
   margin-bottom: 0;
   }

h4 {
   margin-top: 1px;	
  }   
  
  
/* -- Hintergrundfarben für CKEditor-Blöcke -- */     
  
.weiss {
   background: #fff;
   padding: 0.5em 1em;
}  
.hellgruen {
   background: #e3e9da;
   padding: 0.5em 1em;
}  
.hellgrau {
   background: #eeeeee;
   padding: 0.5em 1em;
}
.orange {
   background: #ffddbe;
   padding: 0.5em 1em;
} 

/* -- Hintergrundfarben, abwechselnd, für Listenpunkte in CKEditor-Blöcken -- */

.liweiss li:nth-child(odd) {
    background: #fff;
}
.lihellgruen li:nth-child(odd) {
    background: #e3e9da;
}
.lihellgrau li:nth-child(odd) {
    background: #eeeeee;
}
.liorange li:nth-child(odd) {
    background: #ffddbe;
}

/* -- Ende ------------------------------------------------------------------ */     
     

p {
   color: #333;
   font-size: 1em;
   line-height: 1.4em;
   text-align: left;
   margin-bottom: 0.7em;
   }
   
form#formular div {
   margin-bottom: 0.5em !important;
   }
   
label {
   color: #333;
   /* font-size:14px; */
   font-size: 0.95;
   line-height: 1.30em;
   text-align: left;
   }
   
input.checkbox, label.checkbox {
   display: table-cell;
   padding-bottom: 5px;
}   
     
label.control-label {
   float: left;
   width: 180px;   
   }   

input, select {
   display: block;
   background: #fff;
   border: 1px solid #333;
   margin: 5px 0;
   padding: 1px;
   width: 200px;
}
select.form-control {
	margin-left: 180px;
    }
#yform-formular-adresse input, #yform-formular-abowunsch1 input, #yform-formular-abowunsch2 input, #yform-formular-abowunsch3 input {
   width: 400px;
   }

#yform-formular-01, #yform-formular-03, #yform-formular-05, #yform-formular-07, #yform-formular-09, #yform-formular-11, #yform-formular-13, #yform-formular-15, #yform-formular-17, #yform-formular-19 {
   display: block;	
   background: #eee;
   }

input.radio {
   display: inline;
   width: 20px;   
   }
   
p.radio {
   display: inline;
   }

#yform-formular-anderesinfo {
   }
   
#yform-formular-anderesinfo label {  
   }

#yform-formular-anderesinfo input {
   }

#yform-formular-land {
   display: none;	
   }

div.checkbox input {
   display: inline;
   float: left;
   background: #fff;
   border: 1px solid #333;
   margin: 3px .5em 0 0;
   padding: 0;
   width: auto;
}

input:focus {
   background: #eee;
}

#text table {
   /* margin-bottom: 1em; */
   }

#text table td, #text table th {
   vertical-align: top;
   padding-right: 0.5em;
   color: #333;
   font-size: 14px;
   text-align: left;
   }

#text ul {
   list-style-image: none;
   list-style-type: circle;
   list-style-position:outside;
   margin-bottom: 1em;
   }

#text li {
   margin-left: 1em;
   color: #333;
   /* font-size:14px; */
   font-size: 1em;
   line-height: 1.4em;
   text-align: left;
   margin-bottom: 0.7em;
   }

p.title {
   color: #808080;
   text-align: center;
   text-transform: uppercase;
   font-size:12px;
   margin-bottom: 0em;
   }

p#navigation {
   text-align: center;
   text-transform: uppercase;
   font-size:12px;
   }

td#footer  {
   text-align: center;
   color:#800000;
   font-size:12px;
   }
   
a { word-break: break-all; }   

   a:link, a:link strong { text-decoration:none; color:#800000; }
   a:visited, a:visited strong { text-decoration:none; color:#800000; }
   a:hover, a:hover strong { text-decoration:none; color:#CE7E00; }
   a:active, a:active strong { text-decoration:none; color:#CE7E00; }

#navigation a:link, #navigation2 a:link { text-decoration:none; color:#FFC56A; word-break: none; }
#navigation a:visited, #navigation2 a:visited { text-decoration:none; color:#FFC56A; }
#navigation a:hover, #navigation2 a:hover { text-decoration:none; color:#FFFFFF; }
#navigation a:active, #navigation2 a:active { text-decoration:none; color:#FFFFFF; }

.youtubebadge a:link, .youtubebadge a:visited, .facebookbadge a:link, .facebookbadge a:visited { text-decoration:none; opacity: 0.9; color:#fda925 !important; }
.youtubebadge a:hover, .youtubebadge a:active, .facebookbadge a:hover, .facebookbadge a:active { text-decoration:none; opacity: 1; color:#fff !important; }

ul#bezahlarten {
	list-style-type: none !important;
	list-style-image: none;
    }
li.bezahlart {
	padding: 10px;
	border: 2px solid #66ccff;
	list-style-type: none;
	margin-left: 0 !important;
    }
button {
	background-color: #800000;
	width: 200px;
	margin-left: 180px;
	cursor: pointer;
	color: #FFC56A;
	border: 1px solid #333;
    padding: 1px;
	}
button:hover {
	color: #FFFFFF;
    }
.alert-danger ul {
	border: 2px solid red;
	padding: 20px;
	background: #fff;
    position: fixed;
    top: 70px;
   }	
	
.alert-danger ul li {
	color: red !important;
	font-weight: bold;
    }


.rex-current {
   text-decoration: none;
   color: #fff !important;
   }

p#navigation a:link { text-decoration:none; color:#808080; }
p#navigation a:visited { text-decoration:none; color:#999; }
p#navigation a:hover { text-decoration:none; color:#800000; }
p#navigation a:active { text-decoration:none; color:#BE6F6A; }

td.rand {
   background-color: #999;
   }

table#inhalt {
   border-left: 1px solid #999;
   }

td#text {
   border-left: 1px solid #999;
   padding: 40px;
   }

img.full {
   width: 100%;
   height: auto;
   }

img.right {
   float: right;
   margin-left:10px;
   margin-bottom:15px;
   }

img.left {
   float: left;
   margin-right:10px;
   margin-bottom:15px;
   }  

/* zum Modul CKEditor mit Image-Auswahl -- */   
   
div.image.float.left  {
    float: left;
    margin: 3px 15px 1px 5px;
}
div.image.float.left img {
	border: 1px solid #444;
}
div.image.float.right {
    float: right;
    margin: 3px 5px 1px 15px;
}
div.image.float.right img {
	border: 1px solid #444;
}
div.clearer {
    clear: both;
}   

/* ------------------ */

span.code  {
   font-weight:normal;
   color:#BE421C;
   }

/* Tabellen Specials */

#wissen, #praxis {
   margin-bottom: 30px;
   width: 100%;
   border: 2px solid white;
   border-collapse: collapse;
   }
#wissen td, #praxis td {
   border: 2px solid white;
   border-collapse: collapse;
   width: 25%;
   padding: 15px 5px;
   height: 90px;
   font-weight: bold;
   font-size: 16px !important;
   text-align: center !important;
   vertical-align: middle !important;
   }
#wissen td {
   background-color: #b6ddb1;
   color: #999 !important;
   }
/* #wissen a:link {color: #188D12;} doch nicht grün */
#wissen a:hover {color: #fff;}

#praxis td {
   background-color: #f79646;
   color: #777 !important;
   }
#praxis a:hover {color: #fff;}

/* Ende Tabellen Specials */