body { font-family: brandon-grotesque, Verdana, sans-serif; margin: 0; padding: 0; }


/*** BILDER - GALERIE NEBENEINANDER MOBILE START + RAHMEN IN TYPO3 ***/
@media screen and (max-width: 1200px) {
	.frame-GALERIEMOBILE .ce-gallery .ce-column { margin: 0; width: 100%; box-sizing: border-box; }
	.frame-GALERIEMOBILE .ce-gallery img, .frame-GALERIEMOBILE .ce-gallery picture, .frame-GALERIEMOBILE .ce-gallery figure { width: 100%; height: auto; padding: 5px; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="2"] .ce-column { width: 50%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="3"] .ce-column { width: 33%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="4"] .ce-column { width: 25%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="5"] .ce-column { width: 20%; }
	}
@media screen and (max-width: 640px) {
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="2"] .ce-column { width: 100%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="3"] .ce-column { width: 100%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="4"] .ce-column { width: 100%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="5"] .ce-column { width: 100%; }
	}
/*** BILDER - GALERIE NEBENEINANDER MOBILE ENDE + RAHMEN IN TYPO3 ***/





/*** FONT PATH  ***/
@font-face {
font-family: "Font Awesome 5 Free";
font-weight: normal;
font-style : normal;
       src : url(https://www.kamalfinancial.de/fileadmin/INTERNET/fontawesome/fa-solid-900.eot);
       src : url(https://www.kamalfinancial.de/fileadmin/INTERNET/fontawesome/fa-solid-900.eot) format("embedded-opentype"),
             url(https://www.kamalfinancial.de/fileadmin/INTERNET/fontawesome/fa-solid-900.woff2) format("woff2"),
             url(https://www.kamalfinancial.de/fileadmin/INTERNET/fontawesome/fa-solid-900.woff) format("woff"),
             url(https://www.kamalfinancial.de/fileadmin/INTERNET/fontawesome/fa-solid-900.ttf) format("truetype"),
             url(https://www.kamalfinancial.de/fileadmin/INTERNET/fontawesome/fa-solid-900.svg) format("svg");
}





/*** GRIDELEMNTS BASIS-BREITE UEBERSCHREIBEN max-width:1140px ***/
@media (min-width: 1200px) {
  .container { 
	max-width: 1200px;
    padding-right: 0px;
    padding-left: 0px; }
}
  

  
/*** MAXIMALE BREITE WEBSEITE ***/
#MAXWEBSITEBGFARBE { overflow: hidden; background-color: #e2e7eb; width: 100%; clear: both; height: auto; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 0; }
#MAXWEBSITEMITTE  { position: relative; }
.MAXWEBSITEINHALT { background-color: #fff; max-width: 1980px !important; margin-right: auto; margin-left: auto; }
#INHALTOBENSTARTLINE, #INHALTOBENBG { max-width: 1980px; }



/*** HINTERGRUNDBILDER DESKTOP ***/
#HINTERGRUNDBILDERDESKTOP { position: relative; top: 0; z-index: 2; width: 100%; clear: both; display: inline-block; height: auto; min-height: 98px; margin-right: auto; margin-left: auto; }

/*** INHALTOBEN ***/
#INHALTOBENBG { background-color: #fff; position: fixed; top: 0; z-index: 500; width: 100%; clear: both; display: inline-block; height: auto; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 0; border-top: 3px solid #cab7a6; -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); -moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); }
#INHALTOBEN { background-color: #fff; max-width: 1400px; height: auto; margin-right: auto; margin-left: auto; }
.LOGOLI { z-index: 525; position: relative; float: left; margin-top: 8px; margin-bottom: 12px; display: block; }
.LOGORE { z-index: 525; position: relative; float: right; margin-top: 15px; margin-bottom: 10px; display: block; }

/*** NAVIGATION ***/
.NAVIGATIONINHALT { max-width: 1400px; margin-right: auto; margin-left: auto; }
#NAVIGATION { font-size: 0.6em; position: relative; z-index: 550; float: right; max-width: 1400px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 35px; }

/*** HEADER ***/
#HEADERINH { z-index: 25; position: relative; width: 100%; clear: both; height: auto; margin: 0 auto 20px; padding-top: 0; padding-bottom: 0; display: inline-block; }
.HEADER { margin: 0 auto 25px; }
.HEADER img {  }


/*** INHALT-CONTENT ***/
.INHALTCONTENT { z-index: 30; position: relative; margin-top: 0; margin-right: auto; margin-left: auto; }
.MAXWIDTHCONTENT { overflow:hidden; max-width: 1200px; margin-right: auto; margin-left: auto; }


/*** IMPORT POS 0 ***/
.CONTENIMPLEFT { width: 65%; display: inline-block; }
/*** IMPORT POS 2 ***/
.CONTENIMPRIGHT { width: 30%; float: right; display: inline-block; }
/*** IMPORT POS 3 ***/
.CONTENIMPPOSDREI { color: #959595; font-size: 0.8em; text-align: center; overflow:hidden; margin-right: auto; margin-left: auto; }
/*** IMPORT POS 1 ***/
.CONTENIMPPOSEINS { overflow:hidden; margin-right: auto; margin-left: auto; }



/*** MEHRSPALTER INHALT+ ***/
.MSPEINSPALTER { position: relative; margin-top: 0; margin-right: auto; margin-left: auto; }


/*** 50% 50% - MEHRSPALTER XXL - FORMATIERUNG BILDER + TEXT ***/
.MSPFUENFZIGXXL .ce-gallery { margin-bottom: 0px !important; }
.MSPFUENFZIGXXL p, .MSPFUENFZIGXXL h1, .MSPFUENFZIGXXL h2, .MSPFUENFZIGXXL h3 {  }



/*** TEXTE CONTENT ***/
.CONTENT { color: #6f6f6f; font-size: 1.15em; font-family: brandon-grotesque, sans-serif;  line-height: 1.6em; }
.CONTENT p {  }
.CONTENT a:link, .CONTENT a:visited { color: #a0814b; text-decoration: none; }
.CONTENT a:hover { color: #4b4b4b; text-decoration: none; }
.CONTENT li a:link, .CONTENT li a:visited  {
	color: #a0814b;
	text-decoration: none; }
.CONTENT li a:hover {
	color: #b6b6b6;
	text-decoration: none; }
.CONTENT li { background-image: url(../../../Bilder/LI-ICON-TF.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left 13px; margin-top: 4px; padding-left: 14px; border-width: 0; }
.CONTENT ul   { padding-left: 0; border-width: 0; list-style: none; display: block; }
.CONTENT a img {
    opacity: 1.0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
.CONTENT a img:hover {
    opacity: 0.5;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}​

/*** TEXTE CONTENT SILBENTRENNUNG ***/

.CONTENT {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}



/*** TEXTE CONTENT CENTER ***/
.text-center { text-align: center !important; }

/*** RTE FIRSTLETTER ***/
.FIRSTLETTER:first-letter { font-family: brandon-grotesque, sans-serif;  font-weight: 400; font-style: normal; float:left; margin:0 2px 0 0; padding:7px 1px 0 0; font-size:3.5em; color:#820044;}




/*** RTE ANFRAGEBUTTON ***/
.ANFRAGEBUTTON { font-size: 1.2em; padding-top: 7px; padding-bottom: 7px; }
.ANFRAGEBUTTON a:link, .ANFRAGEBUTTON a:visited { color: #fff !important; }
.ANFRAGEBUTTON {
	background-color:#e2b969;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:1.2em;
	padding:12px 25px;
	text-decoration:none;
}
.ANFRAGEBUTTON:hover a:link { color: #fff !important; }
.ANFRAGEBUTTON:hover { background-color:#caa356; }
.ANFRAGEBUTTON:active { position:relative; top:1px; }
.ANFRAGEBUTTON { 
-webkit-transition: background 1s 0s ease;
-moz-transition: background 1s 0s ease;
-o-transition: background 1s 0s ease;
transition: background 1s 0s ease;
}
.ANFRAGEBUTTON a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f061'; padding-left: 10px; }


/*** RTE ACTION-BUTTON ***/
.ACTIONBUTTON { font-size: 1em; margin-top: 10px; padding-top: 7px; padding-bottom: 7px; border: solid 1px #a0814b; }
.ACTIONBUTTON a:link, .ACTIONBUTTON a:visited { color: #A0814B !important; }
.ACTIONBUTTON {
	background-color:#f6f2ec;
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#A0814B;
	font-size:1em;
	padding:12px 35px;
	text-decoration:none;
}
.ACTIONBUTTON:hover a:link { color: #A0814B !important; }
.ACTIONBUTTON:hover { background-color:#f3eada; }
.ACTIONBUTTON:active { position:relative; top:1px; }
.ACTIONBUTTON { 
-webkit-transition: background 1s 0s ease;
-moz-transition: background 1s 0s ease;
-o-transition: background 1s 0s ease;
transition: background 1s 0s ease;
}



/*** RTE TEASER-BUTTON - WEISS ***/
.TEASERBUTTON { font-size: 1em; padding-top: 7px; padding-bottom: 7px; }
.TEASERBUTTON a:link, .TEASERBUTTON a:visited { color: #fff !important; }
.TEASERBUTTON { 
	background-color:transparent; 
	border-radius:8px; 
	display:inline-block; 
	cursor:pointer; 
	color:#fff; 
	font-size:1em; 
	padding:12px 25px; 
	text-decoration:none; 
	border: solid 1px; }
.TEASERBUTTON:hover a:link { color: #fff !important; }
.TEASERBUTTON:hover { background-color:#173f78; }
.TEASERBUTTON:active { position:relative; top:1px; }
.TEASERBUTTON { 
-webkit-transition: background 1s 0s ease;
-moz-transition: background 1s 0s ease;
-o-transition: background 1s 0s ease;
transition: background 1s 0s ease;
}
.TEASERBUTTON a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f061'; padding-left: 10px; }



/* *** CSC-TEXTPIC-CAPTION *** */
figcaption.csc-textpic-caption   { font-size: 0.8em; color: #bfbfbf; line-height: 1.8em; text-align: center; position: relative; width: 100%; padding-top: 1px; padding-bottom: 1px; }
figcaption.csc-textpic-caption a:link, figcaption.csc-textpic-caption a:visited  { color: #757575; text-decoration: none; }
figcaption.csc-textpic-caption a:hover  { color: #d9d9d9; text-decoration: none; }


/*** RAHMEN - DOPPELRAHMEN + NACH OBEN ***/
.frame-DEKORAHMENOBEN { background-color: #fff; position: relative; top: -90px; width: 80%; z-index: 1500; margin-right: 10%; margin-bottom: 0; margin-left: 10%; padding-top: 2em; padding-bottom: 2em; border: solid 1px #acacac; }
.frame-DEKORAHMENOBEN { outline: solid 15px #fff; }
.frame-DEKORAHMENOBEN { margin-bottom: -40px; }
@media screen and (max-width: 1200px) {
.frame-DEKORAHMENOBEN { position: relative; top: 10px; width: 96%; margin-left: 3%; margin-bottom: 10px; }
 }


/*** RAHMEN FUER SIEGEL PROVEN EXPERT ***/
.frame-RAHMENSIEGELPROVEN { position: absolute; top: 130px; left: 220px; z-index: 1444; max-width: 300px; padding-top: 15px; }

/*** RAHMEN BOX WEISS ***/
.frame-BOXWEISSSCHATTEN { background-color: #fff; margin-bottom: 10px; padding-bottom: 5px; border: solid 1px #d3d3d3; }
.frame-BOXWEISSSCHATTEN p { font-size: 1em; padding-right: 20px; padding-left: 20px; }


/*** RAHMEN BOX TS INFOS  ***/
.frame-BOXINFOS { background-color: #fff; min-height: 300px; margin-top: 20px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-left: 1px dotted #474747; }
.frame-BOXINFOS p { font-size: 1em; }

/*** RAHMEN BOXEN RECHTS ***/
.frame-BOXENRECHTS { color: #5c5c5c; background-color: #f3f3f3; width: 97%; margin-top: 30px; margin-bottom: 20px; padding: 15px; border: solid 5px #fff; }
.frame-BOXENRECHTS p { color: #5c5c5c; }
.frame-BOXENRECHTS { 
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

/*** RAHMEN BILDER RUND ***/
.frame-BILDERRUND img { border-radius: 50%; }

/*** RAHMEN SCHATTEN SLIDER  ***/
.frame-SCHATTENUNTEN { margin-bottom: 15px; -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); -moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); }


/*** RAHMEN SCHATTEN CONTENT ***/
.frame-CONTENTSCHATTEN { background-color: #f6f4f2; margin-bottom: 15px; padding: 10px 10px 5px 15px; border-top: 1px solid #e9e1d9; border-right: 5px solid #c3b09f; border-bottom: 1px solid #e9e1d9; }


/*** RAHMEN BOX TXT WEISS ***/
.frame-BOXTEXTWEISS { color: #fff !important; }
.frame-BOXTEXTWEISS a:link, .frame-BOXTEXTWEISS a:visited { color: #fff; }
.frame-BOXTEXTWEISS p, .frame-BOXTEXTWEISS p .fa { color: #fff !important; }
.frame-BOXTEXTWEISS h1, .frame-BOXTEXTWEISS h2, .frame-BOXTEXTWEISS h3, .frame-BOXTEXTWEISS h4, .frame-BOXTEXTWEISS h5 { color: #fff !important; }


/*** RAHMEN BOX TXT MIT EINZUG-ABSTAND WEISS ***/
.frame-BOXTEXTWEISSABSTAND { color: #fff !important; padding: 2% 6%; }
.frame-BOXTEXTWEISSABSTAND a:link, .frame-BOXTEXTWEISSABSTAND a:visited { color: #fff; }
.frame-BOXTEXTWEISSABSTAND p, .frame-BOXTEXTWEISSABSTAND p .fa { color: #fff !important; }
.frame-BOXTEXTWEISSABSTAND h1, .frame-BOXTEXTWEISSABSTAND h2, .frame-BOXTEXTWEISSABSTAND h3, .frame-BOXTEXTWEISSABSTAND h4, .frame-BOXTEXTWEISSABSTAND h5 { color: #fff !important; }



/*** RAHMEN BOX LINIE LINKS BR ***/
.frame-BOXLINIELINKS { padding-top: 15px; padding-bottom: 15px; padding-left: 30px; border-left: 3px solid #cab7a6; }
@media screen and (max-width: 1200px) {
.frame-BOXLINIELINKS { background-color: #fff; }
}

/*** RAHMEN BOX LINIE UNTEN ***/
.frame-BOXLINIEUNTEN { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 2px dotted #ae9962; }


/*** RAHMEN BOX LINIE LINKS PBC ***/
.frame-TRENNERINHALTE { border-top: 2px dotted #c3b09f; }

/*** RAHMEN VIDEOFRAME ***/
.frame-VIDEOFRAME { text-align: center; position: relative; }
.frame-VIDEOFRAME iframe {box-sizing: border-box; text-align: center; position: relative; width: 100%; max-width: 560px; border: solid 2px #fff; }


/*** RAHMEN MAXIMALE BREITE 640px PBC ***/
.frame-MAXA { max-width: 640px; }
.frame-MAXALEFT { float: left; max-width: 640px; }
.frame-MAXARIGHT { float: right; max-width: 640px; }


/*** BREADCRUMP ***/
#BREADCRUMPINH { background-color: #626262; text-align: center; z-index: 45; position: relative; height: auto; margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; order-top-style: solid; }
.BREADCRUMP { color: #cecece; font-size: 0.9em; font-family: brandon-grotesque, sans-serif; font-weight: 400; text-align: center; letter-spacing: 1px; max-width: 1200px; margin: 0 auto; }
.BREADCRUMP a:link, .BREADCRUMP a:visited { color: #b4b4b4; text-decoration: none; }


/*** FOOTER ***/
#FOOTER { background-color: #333; z-index: 55; position: relative; overflow: hidden; margin-bottom: 0; padding-top: 60px; padding-bottom: 60px; }
.footer-inner { max-width: 1200px; margin-right: auto; margin-left: auto; }
.footer-inner p { color: #a8a8a8; font-size: 1.2em; line-height: 1.5em; margin-top: 0; padding-top: 0; }
.footer-inner a:link, .footer-inner a:visited { color: #a8a8a8; text-decoration: none; }
.footer-inner a:hover { color: #e5e5e5; }
.footer-inner hr {
  clear: both;
  margin: 15px 0;
  padding: 0;
  border-bottom: 1px dotted #a8a8a8;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  display: block; }




/***SUBNAVIGATION RENDERING SITEMAP ***/
.SUBMENUESITEMAP { font-size: 1em; position: relative; width: 100%; float: left; margin-bottom: 20px; display: block; }
.SUBMENUESITEMAP ul    {
	font-family: brandon-grotesque, sans-serif; 
	line-height: 1.2em;
	text-decoration: none;
	list-style-type: none;
	display: block;
	padding: 0;
	clear: both        ;
	margin: 0; }
.SUBMENUESITEMAP li    {
	font-family: brandon-grotesque, sans-serif; 
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	clear: both      }
.SUBMENUESITEMAP ul li a:link, .SUBMENUESITEMAP ul li a:visited { color: #787878; font-weight: normal; background: #fff url(../../../Bilder/ML-NORM.png) no-repeat left center; text-decoration: none; display: block; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; }
.SUBMENUESITEMAP ul li a:hover { color: #bd0006; font-weight: normal; background: #fff url(../../../Bilder/ML-HOV.png) no-repeat left center; text-decoration: none; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; display: block; }
.SUBMENUESITEMAP .active a:link { color: #37546c !important; font-weight: bold; background: #fff url(../../../Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; display: block; }



/**** UEBERSCHRIFTEN ********/
h1   /* CK SERIF VERSAL GRAU   */ { color: #4c4c4c; font-size: 1.9em; font-family: essonnes-display, serif; font-weight: 400; letter-spacing: 8px; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
h2   /* CK SERIF NORMAL GRAU  */ { color: #4c4c4c; font-size: 1.9em; font-family: essonnes-display, serif; font-weight: 400; font-style: normal; line-height: 1.2em; letter-spacing: 2px; margin-top: 0; margin-bottom: 25px; padding-top: 2px; padding-bottom: 0; }
h3   /* CK SERIFENLOS GOLD */ { color: #ae9962; font-size: 1.1em; font-family: brandon-grotesque, sans-serif; font-weight: 400; font-style: normal; line-height: 1.4em; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; margin-bottom: 2px; padding-top: 0; padding-bottom: 0; }
h4   /* ---- */ { color: #ae9962; font-size: 1.1em; font-family: brandon-grotesque, sans-serif;  font-weight: 400; font-style: normal; line-height: 1.2em; text-transform: uppercase; letter-spacing: 3px; margin-top: 0; margin-bottom: 20px; padding-top: 10px; padding-bottom: 0; }
h5   /* CK SERIF ITALIC GRAU   */ { color: #373737; font-size: 1.4em; font-family: essonnes-display, serif; font-weight: 500; font-style: italic; line-height: 1.3em; text-decoration: none; margin-top: 0; padding-bottom: 0; }
.UBFARBE  /* FARBIG */ { font-family: brandon-grotesque, sans-serif; font-weight: 400; color: #fff; font-size: 1.1em; line-height: 1.1em; background-color: #777; margin-bottom: 5px; padding: 7px 10px 7px 15px; }
.UBFARBE .fa { color: #fff; }
.UBFOOTER /*  FOOTER LINIE LINKS */ { font-family: brandon-grotesque, sans-serif; font-weight: 300; color: #fff; font-size: 1.1em; line-height: 1em; text-transform: uppercase; letter-spacing: 3px; margin-top: 0; margin-bottom: 25px; padding-top: 0; padding-bottom: 0; padding-left: 15px; border-left: 1px solid #fff; }
.UBSUBMENUE /*  PBC - KONTAKT  */ { color: #4c4c4c; font-size: 2.3em; font-family: essonnes-display, serif;  font-weight: 400; letter-spacing: 8px; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: uppercase; text-align: center; margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }


/**** LINIE DANACH *****/
.divider hr, hr {
  clear: both;
  margin: 10px 0;
  padding: 0;
  border-bottom: 1px dotted #989898;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  display: block; }


/* *** PRELOADER 2020 ****/
#PRELOADER { background-image: url(../../../Bilder/loader.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center; position: absolute; z-index: 120001; width: 100%; height: 100%; } 
#PRELOADER { background-color: rgba(255, 255, 255, 0.8);  }


/* *** POWERMAIL 2020 + BOOSTRAP ****/
.CONTACTFORM { background-color: #fff; }
.powermail_legend  /* Pflichtfelder */ { font-size: 0; display: none; }
.powermail_fieldwrap .control-label { font-size: 0.95em; color: #616161; }
.powermail_fieldwrap .checkbox { font-size: 0.9em; line-height: 1.3em; }
.powermail_fieldwrap .col-sm-2 { max-width: initial; }
.powermail_label  /* Schrift Style */ { color: #767676 !important; font-family: brandon-grotesque, sans-serif; font-weight: 400;  }
.powermail_input { font-family: brandon-grotesque, sans-serif; font-weight: 400; color: #000; background-color: #f3eee8;  }
.powermail_textarea { font-family: brandon-grotesque, sans-serif; color: #000; background-color: #f3eee8; height: 130px; }
.powermail_select { font-family: brandon-grotesque, sans-serif; font-weight: 400; color: #000; background-color: #f3eee8; }
.btn-primary  /* Absende Button */ { color: #fff; font-size: 1em; font-family: brandon-grotesque, sans-serif; font-weight: 400; background-color: #b19c77; text-align: center; width: 100%; margin-top: 15px; padding-top: 13px; padding-bottom: 13px; border: solid 1px #9d7a3c; cursor: pointer; display: block; }
.btn-primary:hover  { color: #fff; background-color: #787878; text-align: center; border: solid 1px #393939; }
.tx-powermail h3 { display: none; visibility: hidden; }
.mandatory { color: #de0000; }
.powermail_input, .powermail_textarea, .powermail_select, .powermail_submit { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
/*** SCROLL TO TOP ***/
.scrollToTop { width:50px; height:50px; text-align:center; background-image: url(../../../Bilder/SCROLL-TO-TOP.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; position:fixed; right:0; bottom: 50px; z-index: 100; padding: 0; display:none; }
.scrollToTop:hover {
	text-decoration:none;
}


/*** EINKLINKER RECHTS ***/
#EINKLINKERRECHTS { width:50px; height:50px; text-align:center; text-decoration: none; position:fixed; top: 300px; right:0; z-index: 999; visibility: visible; }
#EINKLINKERRECHTS a img { -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; }
#EINKLINKERRECHTS a:hover img { opacity: .6; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; }


/*** EXT: WS-SLIDER - Flexslider ***/
.flexslider { border-style: none; border-width: 0; }
.flexslider li { background-image: none; margin: 0; padding: 0; list-style-image: none; }
.flexslider li a { margin-right: 5px; margin-left: 5px; }
.flexslider .flex-prev, .flexslider .flex-next { width: 26px; height: 48px; padding-top: 3px; padding-bottom: 3px; }
.flexslider .caption-text, .flexslider .caption-title { display: none; overflow: hidden; }


/*** EXT: NITSAN Ultimate FAQ ***/
.ns-faq-solid .ns-faq-icon-wrap { background-color: #ae9962; left: 25px; top: 8px; }

.ns-faq-title-text h4 { font-size: 1.1em; text-transform: none; word-spacing: normal; letter-spacing: normal; margin: 0; padding: 0 0 0 25px; }



/*** START HINWEISE ZU COOKIES ***/
#cookie { color: #6e6e6e; text-align:left; position:fixed; bottom:70px; z-index:12000; font-family: arial; background-color: #fff; text-decoration: none; min-width: 180px; max-width: 220px; margin-bottom: 0; margin-left: 20px; padding: 20px; border-left: 6px solid #a0814b; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); opacity: 0.95; filter: alpha(opacity =95); }
.cookieTitle { font-size: 14px; font-weight: bold; padding-bottom: 10px; display: block; }
.cookieHinweis { font-size: 11px; font-weight: normal; padding-bottom: 10px; display: block; }
.cookieButton { font-size: 11px; background-color: #f6f6f6; text-align: center; margin-bottom: 3px; padding: 5px; border: solid 1px #c4c4c4; cursor:pointer; display: block; }
.cookieButton a:link, .cookieButton a:visited { color: #5d5d5d; text-decoration: none; }
.cookieButton:hover  { background-color: #e5e5e5; text-align: center; }
.cookieCloseButton { color: #fff; font-size: 11px; font-weight: bold; background-color: #7f7f7f !important; text-align: center; margin-bottom: 3px; padding: 5px; border: solid 1px #8b8b8b; cursor:pointer; display: block; }
.cookieCloseButton a:link, .cookieCloseButton a:visited { color: #fff; text-decoration: none; }
.cookieCloseButton:hover { background-color: #007f20 !important; text-align: center; }
.cookieCloseButton .fa { color: #fff; font-size: 15px; }
@media screen and (max-width: 768px) {
#cookie { min-width: 180px; max-width: 180px; bottom:50px; margin-left: 0; padding: 15px 5px 15px 10px;  }
}
/*** ENDE HINWEISE ZU COOKIES ***/





/*** VIDEO SLIDER MOBILE ***/
.responsive-video {
max-width: 100%;  
height: auto;  
}




/* media querie handhelds less than 1024px */
@media screen and (max-width: 1024px) {
/*** EINKLINKER RECHTS ***/
#EINKLINKERRECHTS { display: none; overflow: hidden; }
}



/* media querie handhelds less than MAX-WIDTH 1200px */
@media screen and (max-width: 1200px) {
	
	body { background-image: none; }
	
	
	/* *** CSC-TEXTPIC-CAPTION *** */
	figcaption.csc-textpic-caption   { font-size: 0.9em; color: #a3a3a3; line-height: 1.8em; background-color: #fff; text-align: left; position: relative; width: 100%; margin-top: 2px; margin-bottom: 2px; padding-top: 1px; padding-bottom: 1px; }
	figcaption.csc-textpic-caption a:link, figcaption.csc-textpic-caption a:visited  { color: #a3a3a3; background-color: #fff; text-decoration: none; }
	figcaption.csc-textpic-caption a:hover  { color: #a3a3a3; background-color: #fff; text-decoration: none; }

	/*** HINTERGRUNDBILDER DESKTOP ***/
	#HINTERGRUNDBILDERDESKTOP { min-height: 1px; }
	
	/*** INHALTOBEN INFO-LEISTE ***/
	#INHALTOBENSTARTLINE { overflow: hidden; position: relative; }
	.INHALTOBENLINKS { text-align: center; position: relative; float: none; clear: both; }
	.INHALTOBENRECHTS { text-align: center; position: relative; float: none; clear: both; }

	/*** INHALTOBEN ***/
	#INHALTOBENBG { position: relative; top: 0; z-index: 500; }
	
	/***SUBNAVIGATION RENDERING SITEMAP ***/
    .SUBMENUESITEMAP { width: 100%; }

	/*** UEBERSCHRIFTEN ***/
	h1  { font-size: 1.4em; letter-spacing: 3px; }
	h2  { font-size: 1.2em; letter-spacing: 0px; }
	h3  { font-size: 1.1em; clear: both; }
	h4  { font-size: 1em; }

	/*** Navigation - LOGO ***/
	#NAVIGATION { position: absolut; top: 10; z-index: 510; font-size: 0.7em; width: 100%; height: auto; float: left; min-height: 35px; max-width: 1200px; margin: 0; padding: 0; display: block; }
	.NAVIGATIONINHALT { margin-top: 0px; padding-top: 5px; }
	.LOGOLI { width: 100%; float: none; clear: both; margin-top: 10px; margin-bottom: 10px; padding-right: 0%; padding-left: 0%;  }
	.LOGORE { text-align: center; width: 90%; float: none; clear: both; margin-top: 5px; margin-bottom: 5px; padding-right: 5%; padding-left: 5%; }
	.LOGORE p, .LOGORE h1, .LOGORE h2, .LOGORE h3 { text-align: center !important; }

	/*** HEADER ***/
	#HEADERINH { background-image: none; width: 100%; height: auto; min-height: 100%; margin-top: 0; margin-bottom: 0; }
	.HEADER img { width: 100%; padding-top: 5px; }

	/*** BREADCRUMP ***/
	#BREADCRUMPINH { width: 100%; float: none; margin: 10px auto 0; padding-top: 5px; padding-right: 0%; padding-left: 0%; }
	.BREADCRUMP { font-size: 0.8em; font-family: brandon-grotesque, sans-serif;  text-align: center; min-height: 20px; max-width: 1200px; padding: 2%; }

	/*** CONTENT MOBILE ***/
	.MAXWIDTHCONTENT { width: 100%; float: none; margin-right: auto; margin-left: auto; }

	/*** FOOTER ***/
	#FOOTER { color: #fff; width: 100%; float: none; margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 0%; padding-left: 0%; border-top: 0 none transparent; }
	.footer-inner { width: 96%; padding-right: 2%; padding-left: 2%; color: #fff; float: none; padding-top: 40px; }
	
	/*** MOBILDE HIDDEN ***/
	.MOBILEHIDDEN {display: none !important; overflow: hidden !important; }

}