/* Start Barrierefreiheit */
input.i_text {width:100%; }
textarea.i_textarea {width:100%; }
select.i_select {width:100%; }
input.i_text_h {Font-family: arial; font-size: 5px; height: 5px; width: 5px; visibility: hidden;}
label {display: block;}
.text-right {
    text-align: right;
}
input.form-control::placeholder 				{ color:#808080; } 
input.form-control::-webkit-input-placeholder 	{ color:#808080; } 
input.form-control::-moz-placeholder  			{ color:#808080; } 
input.form-control::-ms-placeholder 			{ color:#808080; } 

@media (min-width: 768px) { 
/* Dropdown-Menü (Menütiefe 2): Anzeigen, wenn der Benutzer auf den Dropdown fokussiert */
.navbar .dropdown:focus-within > .dropdown-menu {
    display: block; /* Zeige Menütiefe 2, wenn der Benutzer auf den Hauptpunkt fokussiert */
}

/* Menütiefe 3 (innerhalb von dropdown-submenu): Standardmäßig ausgeblendet */
.navbar .dropdown-submenu .dropdown-menu {
    display: none; /* Menütiefe 3 (Untermenü) bleibt standardmäßig unsichtbar */
}

/* Menütiefe 3 wird sichtbar, wenn der Benutzer auf den Unterpunkt fokussiert */
.navbar .dropdown-submenu:focus-within > .dropdown-menu {
    display: block; /* Zeige Menütiefe 3, wenn der Benutzer das Submenu fokussiert */
}
}
a:focus-visible, 
.button-toggle:focus-visible,
div.dropdown-toggle:focus-visible { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: 5px; }
/* Ende Barrierefreiheit */

/* Nicht ausgefüllte CHECKBOX Formular */
.r_checkbox { display: -webkit-flex; display: flex; align-items: center; background-color: #cccccc; float: left; padding: 6px 10px; border: 1px solid #ff0101; margin-right: 5px; margin-bottom: 5px; }
div.r_checkbox:after { font-family: 'FontAwesome'; content: '\f12a'; font-size: 22px; color: #ff0101; margin-left: 5px; }
.r_div { display: -webkit-flex; display: flex; align-items: center; background-color: #cccccc; float: left; padding: 1px 1px; border: 1px solid #ff0101; margin-right: 5px; margin-bottom: 5px; }

/* Squarepic */
.squarepic { position: absolute; height: 100%; display: block; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }

.bugfix-fullscreen.animated { animation-fill-mode: backwards; }
.table-responsive::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 10px; }
.table-responsive::-webkit-scrollbar-thumb { border-radius: 6px; border: 1px solid #FFFFFF; background-color: rgba(0, 0, 0, .3); }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { z-index: 1; }

.table-fade { position: absolute; right: 0; top: 0; width: 40px; height: 100%; 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(221,221,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(221,221,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(221,221,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 */ z-index: 2; display: show; }

.hyphen { hyphens: auto; hyphenate-limit-chars: 10 4 4; -webkit-hyphens: auto; -ms-hyphens: auto; }

.linkbox {/* width: 100%; */background-color: #FFFFFF;text-align: left;position: relative;padding: 0px;border: 1px solid #e4efdd;-webkit-box-shadow: 0px 15px 12px -12px rgba(204,204,204,1);-moz-box-shadow: 0px 15px 12px -12px rgba(204,204,204,1);box-shadow: 0px 15px 12px -12px rgba(204,204,204,1);}

.labelcheck { vertical-align: super; }

.i_data 				{ border: 1px solid #cccccc;}
.i_data:after 			{ border: 1px solid #cccccc;}
.p_data 				{ border: 1px solid #ff0000;}
.r_data 				{ border: 1px solid #ff0000;}
.r_data:after 			{ border: 1px solid #ff0000;}

.breadcrumbhide { 
	display: none; 
}

@media (min-width: 768px) { 
	.breadcrumbhide { 
		display: inline; 
	}

}

tr {page-break-inside: avoid;}
td {page-break-inside: avoid;}

ul.listing 					{ list-style-type: none; padding: 0px; margin: 0px 0px; }
ul.listing li 				{ page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
ul.listing li:first-of-type 	{ border-top: 0px dashed #bbbbbb; }
ul.listing.firstline li:first-of-type { border-top: 0px dashed #bbbbbb; }
@media (min-width: 768px) { 
ul.listing.firstline li:first-of-type { border-top: 1px dashed #bbbbbb; }
}
ul.listing li 				{ border-top: 1px dashed #bbbbbb; padding-top: 10px; padding-bottom: 10px; }

ul.arrow 					{ list-style-type: none; padding: 0px; margin: 0px 0px; }
ul.arrow li 				{ padding-left: 1.3em; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
ul.arrow li:before 			{ font-family: 'FontAwesome'; content: '\f00c'; margin-left: -1.3em; display: inline-block; width: 1.3em; color:var(--primary); }

ul.arrow.firstline li:first-of-type { border-top: 0px dashed #bbbbbb; }
@media (min-width: 768px) { 
ul.arrow.firstline li:first-of-type { border-top: 1px dashed #bbbbbb; }
}
ul.arrow li 				{ border-top: 1px dashed #bbbbbb; padding-top: 10px; padding-bottom: 10px; }


.column-xs-2 ul.arrow.firstline, .column-xs-3 ul.arrow.firstline, .column-xs-4 ul.arrow.firstline, 
.column-sm-2 ul.arrow.firstline, .column-sm-3 ul.arrow.firstline, .column-sm-4 ul.arrow.firstline, 
.column-md-2 ul.arrow.firstline, .column-md-3 ul.arrow.firstline, .column-md-4 ul.arrow.firstline,
.column-lg-2 ul.arrow.firstline, .column-lg-3 ul.arrow.firstline, .column-lg-4 ul.arrow.firstline {  margin: 0px; }


.formcheck input[type="checkbox"]{
    border: 0px solid ;
    -webkit-appearance: none;
}

span.r_data 				{ border: 0px; color:#ff0000;}

input.checked, input.checkedradio { height: 30px; width: 30px; position: relative; margin: 9px 7.5px 9px 0px; vertical-align: middle; }
input.checked:after, input.checkedradio:after { 
content: ''; 
display: block; 
background: white; 
pointer-events: none; 
position: absolute; 
top: 0; 
left: 0; 
height: 30px; 
width: 30px; 
color: transparent; 
 }
input.checkedradio:after { border-radius: 15px; }

input.checked:checked:after, input.checkedradio:checked:after { 
background-color: #666666; 
background-image: url(../../checked.png); 
background-repeat: no-repeat; 
background-position: 3px 5px; 
border: 1px solid #666666; }

input.checkedred:checked:after { 
background-color: #ff0000; 
background-position: 3px 5px; 
border: 1px solid #ff0000; }

input.checkedgreen:checked:after { 
background-color: #00ff00; 
background-position: 3px 5px; 
border: 1px solid #00ff00; }

input.checkgreen:after { 
background-color: #00ff00; 
background-position: 3px 5px; 
border: 1px solid #00ff00; }

input.xed:checked:after { 
background-image: url(../../xed.png); 
}


input.button { text-align: center;}

@media (min-width: 768px) { 
.table-fade { display: none; }
}

.table { margin-bottom: 0px; }
.table-responsive { position: relative; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td { white-space: normal; }

/* Cookiehinweis */
.cookieinfo { display: block; position: fixed; bottom: 0px; left: 0px; right: 0px; background: rgba(0, 0, 0, 0.7); padding: 11px 0px; z-index: 9999999; font-family: 'PT Sans',tahoma,arial; }
span.cookie 		{ font-size: 12px; line-height: 12px; color: #FFFFFF; font-weight: 400; }
a.cookie 			{ font-size: 12px; line-height: 12px; color: #FFFFFF; font-weight: 400; text-decoration: underline; }
a.cookie:hover 		{ color: #FFFFFF; text-decoration: none; }
a.buttoncook > .btn { font-size: 12px; line-height: 12px; color: #333333; font-weight: 400; text-decoration:none; text-transform: uppercase; background-color: #FFFFFF; border-radius: 0px; border: 0px solid #000000; white-space: normal; padding: 5px; }
a.buttoncook:hover > .btn { filter: alpha(opacity = 90); -ms-filter: "alpha(opacity = 90)"; opacity: .90; }
input.i_cookiecheck { margin: 4px 4px; display: inline-block; vertical-align: -3px; }

ul.arrow 			{ list-style-type: none; padding: 0px 0px 20px 0px; }
ul.arrow li 		{ padding-left: 1.3em; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
ul.arrow li:before 	{ font-family: 'FontAwesome'; content: '\f00c'; margin-left: -1.3em; display: inline-block; width: 1.3em; }

ul.arrowfast 			{ list-style-type: none; padding: 0px;}
ul.arrowfast li 		{ padding-left: 1.3em; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
ul.arrowfast li:before 	{ font-family: 'FontAwesome'; content: '\f00c'; margin-left: -1.3em; display: inline-block; width: 1.3em; }

.title_animated_color { color: #FFFFFF; padding: 10px; background-color: #333333; font-style: normal; filter: alpha(opacity = 80); -ms-filter: "alpha(opacity = 80)"; opacity: .80; }

.col-cook-l { text-align: left; }
.col-cook-m { padding-left: 15px; padding-right: 0px; }
.col-cook-r { text-align: right; padding-left: 5px; }
.cookbreak { display: block; }
.abstandcook { margin-bottom: 6px; }
a.buttoncook > .btn { margin: 10px 0px 0px 0px; }
@media (min-width: 768px) { 
.col-cook-l { text-align: right; }
.col-cook-m { padding-left: 0px; padding-right: 0px; }
.abstandcook { margin-bottom: 0px; }
a.buttoncook > .btn { margin: 5px 0px 0px 0px; }
}
@media (min-width: 1200px) { 
a.buttoncook > .btn { margin: -3px 0px 0px 10px; }
.cookbreak { display: none; }
}
/* Cookiehinweis */
.rot {color: #FF0000;}

.r_box-sicherheit { width: 100%; background-color: #FFFFFF; text-align: left; position: relative; padding: 10px; border: 1px solid #FF0000; }
.r_box-sicherheit:hover { border: 1px solid #FF0000; }

/* Text:hover Flex-Bild-Box / YouTube */
.fullholder	{ z-index: 1; background-position: center center; width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } 
.colorjustify { color: #FFFFFF; font-size: 14px; }
.aligner { align-items: center; justify-content: center; }
.alignerbottom { position: absolute; width: 100%; background-image: linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,0.8) 100%); text-align: center; padding: 50px 5px 10px 5px; bottom: 0; }
.text-aligner { width:100%; height:100%; position: absolute; top: 0; left: 0; display: flex; text-align: center; }
.text-aligner-img { width:100%; height:100%; position: absolute; top: 0; left: 0; display: none; text-align: center; padding: 0 50px; }
.text-aligner-tube { width:100%; height:100%; position: absolute; top: 0; left: 0; display: flex; text-align: center; background-image: linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 100%); padding: 0 20px; }
.alignerhalter { position: relative; overflow: hidden; align-self: flex-start; }
.alignerhalter:hover .aligner.text-aligner-img { display: flex; background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.6) 100%); }

i.player { color: #FFFFFF; font-size: 10vw; text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.65); }
.fullmap:hover i.player { color: #ff0000; }
@media (min-width: 768px) { 
i.player { font-size: 4vw; }
}
/* Text:hover Flex-Bild-Box / YouTube */

/* Impressum TitleTag */
.imprint_back  { text-shadow: 1px 1px 2px #666, -1px 1px 2px #666, 1px -1px 2px #666, -1px -1px 2px #666; bottom: 1px; right: 5px; }
.imprint_font  { font-size: 12px; line-height: 12px; color:#FFFFFF; }
/* Impressum TitleTag */

.lbottom { height: 55px; } /* Bottom LINK > Link-Button Höhe mal 1,3 */
.pagebreakavoid { page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
.pointer { cursor:pointer; }
.scrolloff { pointer-events: none; } /* Google Karten Scroll onMouse over */

.row.row-flex:after, .row.row-flex:before{
  display: none;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

.img-fullresponsive {   display: block;
  width: 100%;
  /* width: 100% \9; */
  max-width: 100%;
  height: auto; }

/* YOUTUBE 3by2 */

.embed-responsive.embed-responsive-headernavi {
	  padding-bottom: 100%;
	}

@media (min-width: 768px) { 
	.embed-responsive.embed-responsive-headernavi {
	  padding-bottom: 30%;
	}
}

.embed-responsive.embed-responsive-2by1 {
  padding-bottom: 50%;
}
.embed-responsive.embed-responsive-short {
  padding-bottom: 180%;
}
.embed-responsive.embed-responsive-4by1 {
  padding-bottom: 25%;
}
.embed-responsive.embed-responsive-3by2 {
  padding-bottom: 66.66666666%;
}
.embed-responsive.embed-responsive-3by1 {
  padding-bottom: 33.33333333%;
}
.embed-responsive.embed-responsive-1by1 {
  padding-bottom: 100%;
}
.embed-responsive.embed-responsive-2by3 {
  padding-bottom: 150%;
}
.embed-responsive.embed-responsive-20by13 {
  padding-bottom: 65%;
}
.embed-responsive.embed-responsive-3by4 {
  padding-bottom: 133.33333333%;
}
.embed-responsive.embed-responsive-1by2 {
  padding-bottom: 200%;
}

.einzeilig {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}

.abstand { margin-bottom: 30px; }
.abstandhalf { margin-bottom: 15px; }
.abstandhalb { margin-bottom: 15px; }
.abstandthird { margin-bottom: 10px; }
.abstandtop { margin-top: 30px; }
.abstand20 { margin-bottom: 20px; }
.abstanddouble { margin-bottom: 60px; }

.nullpadding { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }

.row-flex, .row-flex > div[class*='col-'], .row-flex > div[class*='lg-'], .row-flex > div[class*='md-'], .row-flex > div[class*='sm-'], .row-flex > div[class*='xs-'] { 
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ 
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ 
display: -ms-flexbox;      /* TWEENER - IE 10 */ 
display: -webkit-flex;     /* NEW - Chrome */ 
display: flex; 
-webkit-flex-direction: row; /* Standard */ 
flex-direction: row; /* Standard */ 
-webkit-flex-wrap: wrap; 
flex-wrap: wrap; 
}

.flex-row-wide, .flex-row-wide > div[class*='col-'], .flex-row-wide > div[class*='lg-'], .flex-row-wide > div[class*='md-'], .flex-row-wide > div[class*='sm-'], .flex-row-wide > div[class*='xs-'] { 
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ 
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ 
display: -ms-flexbox;      /* TWEENER - IE 10 */ 
display: -webkit-flex;     /* NEW - Chrome */ 
display: flex; 
-webkit-flex-direction: row; /* Standard */ 
flex-direction: row; /* Standard */ 
-webkit-flex-wrap: wrap; 
flex-wrap: wrap; 
margin-right: auto; 
margin-left: auto;
}

.box-pack {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.box-pack-middle {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
	justify-content: center;
    align-items: center;
}

/* GoogleMAP Cookie*/
.rower-flex  { 
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ 
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ 
display: -ms-flexbox;      /* TWEENER - IE 10 */ 
display: -webkit-flex;     /* NEW - Chrome */ 
display: flex; 
-webkit-flex-direction: row; /* Standard */ 
flex-direction: row; /* Standard */ 
-webkit-flex-wrap: wrap; 
flex-wrap: wrap; 
}
.btnwidthmaps		{ margin: 0px 2.5px 5px 2.5px; width: auto; }
.googlemaps-auto 	{ height: 100%; min-height: 300px; }

.texthover 			{ align-self: center; width: 75%; margin: 0 auto; text-align: center; padding: 30px 10px 30px 10px; z-index: 2; }
.texthovernoflex 	{ align-self: center; width: 85%; margin: 0 auto; text-align: center; padding: 5px; z-index: 2; }
.fullmap	 		{ z-index: 1; background-position: center center; width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: rgba(0, 0, 0, 0.08); } 
/* GoogleMAP Cookie*/

/* START BLENDEFFEKT BEI CAROUSEL */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 20;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.carousel-control.left, .carousel-control.right { 
background: none !important; 
filter: progid:none !important; }
/* ENDE BLENDEFFEKT BEI CAROUSEL */

/* bootmenu Menüpunkte aktiv/inaktiv/keinbootmenu */
li.men-show { display: none; }
.men-show { display: none; }




/* Extra-kleine Geräte (Smartphones, weniger als 768px (col-xs-)) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */

/* pad-Boxen als moreDIV > parent nullpadding */
.p30l, .p30r, .p25l, .p25r, .p20l, .p20r, .p15l, .p15r, .p10, .p10r, .p5l, .p5r	{ padding-left: 15px; padding-right: 15px; }
.nobreaker { display: none; }

.no { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht */
.yes { display: block; } /* Nur RESPONSIVE sichtbar */
.notablet { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht */
.nosmall { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht, 17 Zoll nicht */

/* .float Klasse NIE ändern!! > dient zur Ausrichtung navbar-right */
.float { float: none; }

li.no { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht */
li.yes { display: block; } /* Nur RESPONSIVE sichtbar */
li.notablet { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht */
li.nosmall { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht, 17 Zoll nicht */

.lefttocenter, .righttocenter { display: block; margin-right: auto; margin-left: auto; float: none; }

.padleft 	{ padding: 0px 0px 0px 15px; }
.padright 	{ padding: 0px 15px 0px 0px; }

.padnoxs	{ padding: 0px 0px 0px 0px; }
.padleftxs 	{ padding: 0px 0px 0px 15px; }
.padrightxs 	{ padding: 0px 15px 0px 0px; }

span.osm-headline		{ font-size: 14px; line-height: 16px; color: #333333; font-weight: 700; text-transform: uppercase; }
span.osm				{ font-size: 12px; line-height: 14px; color: #333333; font-weight: 400; text-transform: none; }

a.googlemaps-font 			{ font-size: 12px; color: #333333; font-weight: 400; text-transform: none; text-decoration: underline; }
a.googlemaps-font:hover 	{ color: #333333; text-decoration: none; }
a.button-maps-font > .btn 	{ font-size: 12px; color: #FFFFFF; font-weight: 400; text-transform: none; text-decoration: none; background-color: #333333; border-radius: 0px; border: 0px solid #000000; white-space: normal; }
a.button-maps-font:hover > .btn 	{ filter: alpha(opacity = 80); -ms-filter: "alpha(opacity = 80)"; opacity: .80; }
span.googlemaps-font		{ font-size: 12px; line-height: 14px; color: #333333; font-weight: 400; text-transform: none; }
.googlemaps-wide			{ min-height: 300px; }

.ausrichten { text-align: center; }
.ausrichten2 { text-align: center; }

/* GRID 5er BOXEN Modell */
.col-xs-15 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
/* GRID 5er BOXEN Modell */
.col-xs-5t 	{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-5t 	{ float: left; }
.col-xs-5t 	{ width: 100%; }
/* GRID 7er BOXEN Modell */
.col-xs-7t 	{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-7t 	{ float: left; }
.col-xs-7t 	{ width: 100%; }
/* GRID 8er BOXEN Modell */
.col-xs-8t 	{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-8t 	{ float: left; }
.col-xs-8t 	{ width: 100%; }
/* GRID 9er BOXEN Modell */
.col-xs-8t 	{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-9t 	{ float: left; }
.col-xs-9t 	{ width: 100%; }

/* CONTAINER Eigenschaften bei COL-XS */
.container-gofluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* CONTAINER-FLUID Eigenschaften bei COL-XS */
.container-nofluid { 
  width: 100%; 
  padding-right: 0px; 
  padding-left: 0px; }
  
.dottop { border-top: 1px solid #CCCCCC; padding-top: 5px; width: 100%; }
.dotbottom { border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; width: 100%; }
.dotleft { border-left: 1px solid #CCCCCC; padding-left: 5px; width: 100%; }
.dotright { border-right: 1px solid #CCCCCC; padding-right: 5px; width: 100%; }
.dotall { border: 1px solid #CCCCCC; padding: 5px; width: 100%; }

/* Generelle Schalte links / rechts MENU */
.men-left { float: none; }
.men-right { float: none; }




/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 

/* pad-Boxen als moreDIV > parent nullpadding */
.p30l 	{ padding-left: 30%; }
.p30r 	{ padding-right: 30%; }
.p25l 	{ padding-left: 25%; }
.p25r 	{ padding-right: 25%; }
.p20l 	{ padding-left: 20%; }
.p20r 	{ padding-right: 20%; }
.p15l 	{ padding-left: 15%; }
.p15r 	{ padding-right: 15%; }
.p10l 	{ padding-left: 10%; }
.p10r 	{ padding-right: 10%; }
.p5l 	{ padding-left: 5%; }
.p5r 	{ padding-right: 5%; }
.nobreaker { display: block; }

.no { display: block; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht */
.yes { display: none; } /* Nur RESPONSIVE sichtbar */
.notablet { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht*/
.nosmall { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht, 17 Zoll nicht */

/* .float Klasse NIE ändern!! > dient zur Ausrichtung navbar-right */
.float { float: left !important; }
.navbar-right { margin-right: 0px; }

li.no { display: block; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht */
li.yes { display: none; } /* Nur RESPONSIVE sichtbar */
li.notablet { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht*/
li.nosmall { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht, 17 Zoll nicht */

.lefttocenter { float: left !important; }
.righttocenter { float: right !important; }

.padnosm	{ padding: 0px 0px 0px 0px; }
.padleftsm 	{ padding: 0px 0px 0px 15px; }
.padrightsm 	{ padding: 0px 15px 0px 0px; }

span.osm-headline 	{ font-size: 15px; line-height: 17px; }
span.osm 			{ font-size: 13px; line-height: 15px; }

a.googlemaps-font 			{ font-size: 13px; }
a.button-maps-font > .btn 	{ font-size: 13px; }
span.googlemaps-font		{ font-size: 13px; line-height: 15px; }
.googlemaps-wide			{ min-height: 300px; }

.ausrichten { text-align: left; }
.ausrichten2 { text-align: right; }

/* GRID 5er BOXEN Modell */
.col-sm-15 { width: 20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
/* GRID 5er BOXEN Modell */
.col-sm-5t 	{ float: left; }
.col-sm-5t 	{ width: 20%; }
/* GRID 7er BOXEN Modell */
.col-sm-7t 	{ float: left; }
.col-sm-7t 	{ width: 14.285%; }
/* GRID 8er BOXEN Modell */
.col-sm-8t 	{ float: left; }
.col-sm-8t 	{ width: 12.5%; }
/* GRID 9er BOXEN Modell */
.col-sm-9t 	{ float: left; }
.col-sm-9t 	{ width: 11.11111111%; }

/* CONTAINER-FLUID Eigenschaften ab COL-SM */
.container-gofluid { 
  width: 100%; 
  padding-right: 0px; 
  padding-left: 0px; }

/* CONTAINER Eigenschaften ab COL-SM */
.container-nofluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  
/* Generelle Schalte links / rechts MENU */
.men-left { float: left !important; }
.men-right { float: right !important; }
  
}






/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) { 
.notablet { display: block; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht*/
.nosmall { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht, 17 Zoll nicht */

li.notablet { display: block; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht*/
li.nosmall { display: none; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht, 17 Zoll nicht */

.padnomd	{ padding: 0px 0px 0px 0px; }
.padleftmd 	{ padding: 0px 0px 0px 15px; }
.padrightmd 	{ padding: 0px 15px 0px 0px; }

span.osm-headline 	{ font-size: 16px; line-height: 18px; }
span.osm 			{ font-size: 14px; line-height: 16px; }

a.googlemaps-font 			{ font-size: 14px; }
a.button-maps-font > .btn 	{ font-size: 14px; }
span.googlemaps-font		{ font-size: 14px; line-height: 16px; }
.googlemaps-wide			{ min-height: 350px; }

/* GRID 5er BOXEN Modell */
.col-md-15 { width: 20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
/* GRID 5er BOXEN Modell */
.col-md-5t 	{ float: left; }
.col-md-5t 	{ width: 20%; }
/* GRID 7er BOXEN Modell */
.col-md-7t 	{ float: left; }
.col-md-7t 	{ width: 14.285%; }
/* GRID 8er BOXEN Modell */
.col-md-8t 	{ float: left; }
.col-md-8t 	{ width: 12.5%; }
/* GRID 9er BOXEN Modell */
.col-md-9t 	{ float: left; }
.col-md-9t 	{ width: 11.11111111%; }
}





/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
.notablet { display: block; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht*/
.nosmall { display: block; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht, 17 Zoll nicht */

li.notablet { display: block; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht*/
li.nosmall { display: block; } /* Nur auf Desktop sichtbar, RESPONSIVE nicht, Tablet nicht, 17 Zoll nicht */

.padnolg	{ padding: 0px 0px 0px 0px; }
.padleftlg 	{ padding: 0px 0px 0px 15px; }
.padrightlg	{ padding: 0px 15px 0px 0px; }

span.osm-headline 	{ font-size: 17px; line-height: 19px; }
span.osm 			{ font-size: 15px; line-height: 17px; }

a.googlemaps-font 			{ font-size: 15px; }
a.button-maps-font > .btn 	{ font-size: 15px; }
span.googlemaps-font		{ font-size: 15px; line-height: 17px; }
.googlemaps-wide			{ min-height: 400px; }

/* GRID 5er BOXEN Modell */
.col-lg-15 { width: 20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
/* GRID 5er BOXEN Modell */
.col-lg-5t 	{ float: left; }
.col-lg-5t 	{ width: 20%; }
/* GRID 7er BOXEN Modell */
.col-lg-7t 	{ float: left; }
.col-lg-7t 	{ width: 14.285%; }
/* GRID 8er BOXEN Modell */
.col-lg-8t 	{ float: left; }
.col-lg-8t 	{ width: 12.5%; }
/* GRID 9er BOXEN Modell */
.col-lg-9t 	{ float: left; }
.col-lg-9t 	{ width: 11.11111111%; }
}