/*
@font-face {font-family: JosefinSans; font-style: normal; font-weight: 100; src:url("fonts/JosefinSans-Thin.ttf") format("truetype");}
@font-face {font-family: JosefinSans; font-style: normal; font-weight: 300; src:url("fonts/JosefinSans-Light.ttf") format("truetype");}

@font-face {font-family: RobotoCondensed; font-style: normal; font-weight: 400; src:url("fonts/RobotoCondensed-Light.ttf") format("truetype");}
*/
@font-face {font-family: Segoeuilight; font-style: normal; src:url("fonts/ufonts.com_segoe-ui-light.woff") format("woff");}
@font-face {font-family: segoeui; font-style: normal; src:url("fonts/segoeui.ttf") format("truetype");}
@font-face {font-family: MinionPro; font-style: normal; src:url("fonts/Minion Pro Regular.ttf") format("truetype");}
@font-face {font-family: 'Ubuntu-LI'; src: url('fonts/Ubuntu-LI.ttf') format('truetype'); }
@font-face {font-family: 'Ubuntu-LI'; src: url('fonts/DubaiW23-Regular.ttf') format('truetype'); }
@font-face {font-family: 'Calibri Light'; font-style: normal; font-weight: normal; src:url('fonts/calibril.woff') format('woff'); }

@font-face {
    font-family: 'sf_arch_rivalregular';
    src: url('fonts/SF_Arch_Rival-webfont.eot');
    src: url('fonts/SF_Arch_Rival-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Arch_Rival-webfont.woff') format('woff'),
         url('fonts/SF_Arch_Rival-webfont.ttf') format('truetype'),
         url('fonts/SF_Arch_Rival-webfont.svg#sf_arch_rivalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* RESET BROWSERSTYLE */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0;}


/* ONEPAGE CLASSES */
.h2onepage_container {padding: 46px 0px 0px 0px; margin: 0px auto;}
/* weiter geht es in den CSS-Dateien die über pagedata_var bestimmt werden */

/* SlimMenu CLASSES */

.tplge_slimmenu {}

/* SlimMenu Anpassung für Trenner im Horizontal-Menu von tobso */

#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 4px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 1px;
}


/* GLOBAL */

/*h1,h2,h3,h4 {font-family: Kalam, Frutiger, RobotoCondensed, georgia, serif; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 24px 0;}*/

/* h1,h2,h3,h4 {font-family: Frutiger, Kalam, Frutiger, ARIAL; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 24px 0;} */

h1  {font-family: Segoeuilight, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h2  {font-family: Segoeuilight, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h3  {font-family: Segoeuilight, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h4  {font-family: helvetica, arial, sans-serif; color: #ab8000; font-size: 28px; font-weight: 100; line-height: 1.0em; letter-spacing: 2px; padding: 0; margin: 2px 0 10px 0;}
/* H5 für Überschrift im Realblog */
h5  {font-family: helvetica, arial, sans-serif; color: #ab8000; font-size: 22px; font-weight: 100; line-height: 1.0em; letter-spacing: 2px; padding: 0; margin: 2px 0 10px 0;}
h6  {font-family: RobotoCondensed, georgia, serif; color: #356; font-size: 22px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}

h11 {font-family: Segoeuilight, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 600; padding: 0; margin: 24px 0 10px 0;}
h14 {font-family: Segoeuilight; color: #111111; font-size: 22px; font-weight: 100; line-height: 0.0em; letter-spacing: 2px; padding: 0; margin: 2px 0px 10px 0px;}
/* Backup: h14  {font-family: Segoeuilight; color: #111111; font-size: 24px; font-weight: 100; line-height: 0.1em; letter-spacing: 2px; padding: 0; margin: 24px 0 10px 0;} */
/*h4 {font-family: Segoeuilight, verdana; color: #356; font-size: 28px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}*/

p {margin: 10px 0;}
ol {margin: 6px 0;}
ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 2px 0 2px 22px;}
ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0 2px 17px;}
hr {height: 1px; clear: both; color: #aaa; background-color: #aaa; border: 0; margin: 16px 0;}
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;}


/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/

/* Bilder / Images */
img {max-width: 100%; opacity: 1}

img.tplge_left {max-width: 46%; float: left; margin: 0 20px 10px 0;}
img.tplge_right {max-width: 46%; float: right; margin: 0 0 10px 20px;}
img.tplge_centered {max-width: 98%; display: block; margin: 16px auto;}
img.tplge_border {border: 5px solid #689;}
img.tplge_border_white {border: 1px solid #fff;}
img.tplge_border_sepia {border: 5px solid #776;}
img.tplge_noborder {border: 0;}

.tplge_box01 {clear: both; background: #e0e6e9; border: 3px solid #abc; padding: 16px 24px; margin: 16px 0;}
.tplge_code {max-height: 310px; background: #eee; color: #333; font-family: 'courier new', monospace; font-size: 15px; border: 3px solid #a0a6a9; padding: 16px 24px; margin: 24px 0; overflow: scroll;}

.tplge_clearLeft {clear: left;}
.tplge_clearRight {clear: right;}
.tplge_clearBoth {clear: both;}


/* 
##############################
           B O D Y
##############################
*/

/* BODY UND SEITE / BODY AND PAGE */
body {background: #ffffff; color: #111111; font-family: 'Calibri Light', MinionPro; font-size: 21px; font-weight: 400; line-height: 1.4em;}
#body {min-width: 300px; text-align: left;}
#top {font-size: 10px; line-height: 10px;}

/* PD_TABS, verwendet im Editor, wir hier mit 40PX Abstand von oben eingestellt, damit der Navigator bei einem Umbruch durch zu viele Menüpunkte nach dem Login nicht die Seiteneinstellungen überlappt. */
#pd_tabs {padding: 40px 0px 0px 0px; margin: 0px 0px 0px 0px;}

/* KOPFBEREICH / HEADERS */

/* top header */
.tplge_topheader    {border: 0px solid #0000ff; background: #30434c; color: #666; padding: 0px 0px 0px 0px; margin: 0;}
#tplge_topheader h1 {color: #999; font-family: JosefinSans, georgia, serif; font-size: 72px; line-height: 72px; font-weight: 100; letter-spacing: 0; padding: 0 16px; margin: 0;}

/* languagemenu */
div.langmenu_container {background: #30434c; text-align: right; padding: 6px 20px 10px 0; margin: 0;}
.langmenu_container img {border: 3px solid #998; padding: 0; margin: 0 0 0 24px;}

/* searchbox */
.tplge_searchboxContainer {width: 260px; float: right; background: #fff url('images/lupe1.jpg') right top no-repeat; border: 1px solid #aaa; border-radius: 5px; color: #620; padding: 0; margin: 30px 16px 24px 0; overflow: hidden;}
#searchbox {text-align: left; padding: 0; margin: 0;}
#searchbox input.submit {background: none; color: transparent; font-family: courier new; font-size: 24px; line-height: 24px; font-weight: 700; border: 0px solid #999; padding: 3px 0 0 0; margin: 0;}
#searchbox input.submit:hover {cursor: pointer;}
#searchbox input.text {width: 196px; background: #fff; float: left; font-size: 14px; border: 0; border-right: 1px solid #999; border-radius: 15px 0 0 15px; padding: 6px 12px; margin: 0;}

/* onePageToc */
.tplge_onePageToc    {border: 0px solid #0000ff; width: 100%; position: fixed; background: #000000; text-align: left; height:62px; z-index: 1;}
.tplge_onePageTocIn  {border: 0px solid #ff0ff0; float: left; font-family: RobotoCondensed, arial, sans-serif; font-size: 20px; font-weight: 400; padding: 12px 0px 0px 0px; margin: 0; border-radius: 0px 0px 0px 0px;} 
.tplge_onePageTocIn1 {border: 0px solid #3f0300; background: #000000; max-width: 1200px; margin: auto; /*margin:10px auto 10px auto;*/}

/* image header */
.tplge_imageHeader     {border: 0px solid #ff0000; background: #ffffff; padding: 62px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.tplge_imageHeader img {max-width: 100%; display: block; padding: 0; margin: 0 auto;}


/* INHALT / CONTENT */

#Start1 {background: #444;}
.Text1 {border: 0px solid #000f00; background: none; min-height: 120px; float: left; width: 670px; margin-right: 40px; margin-bottom: 20px}
.News0 {border: 0px solid #ff0000; background: none;}
.News1 {border: 1px solid #333333; background: #EBEBEB; max-width: 450px; min-width: 450px; min-height: 100%; float: left; padding: 10px; margin-bottom: 10px; text-align:left;}
div.News1 a img {padding: 4px; margin: 2px;}
.News2 {border: 1px solid #333333; background: #EBEBEB; max-width: 450px; min-width: 450px; min-height: 100%; float: left; padding: 10px;}


.tplge_content      {border: 0px solid #ff0000; background: #fff; min-height: 120px; border-top: 100px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.tplge_contentin    {border: 0px solid #ffff00; }
#tplge_contentin li {background: none;}

#tplge_contentin input    {background: #fff; color: #344; border: 1px solid #b0b9bf; padding: 3px 6px;}
#tplge_contentin textarea {width: 90%; background: #fff; color: #344; font-family: arial, sans-serif; font-size: 15px; border: 1px solid #b0b9bf; padding: 6px;}

#tplge_contentin input.submit, #tplge_contentin input#submit {background: url(images/button.jpg) repeat-x; float: left; color: #333; font-size: 14px; line-height: 18px; border: 1px solid #666; border-radius: 3px; padding: 2px 6px; margin: 0 6px 16px 0; box-shadow: 0 0 0}
div.submitButton       {min-height: 24px;}
div.submitButton input {float: left; background: url(images/button.jpg) repeat-x!important; border: 1px solid #999!important;}
#cmsimple_mailform     {max-width: 900px; padding: 20px; margin: 0 auto;}
#cmsimple_mailform h1  {font-size: 32px; line-height: 30px; font-weight: 400; padding: 0; margin: 0 0 24px 0;}

.tplge_button {background: url(images/button.jpg) repeat-x; float: right; color: #333; line-height: 24px; border: 1px solid #666; border-radius: 3px; padding: 3px 9px; margin: 6px 16px 0 9px;}
.tplge_homepageLink {padding: 16px 16px 9px 16px;}

/* login */
div.cmsimple_loginform {max-width: 900px; padding: 36px 16px 96px 16px; margin: 0 auto;}

.login1           {font-size: 10px; color:#ff0000; padding: 0; margin: 0;}
#login1 a:link    {color: #000; text-decoration: none;}        
#login1 a:visited {color: #000; text-decoration: none;}        
#login1 a:hover   {color: #000; text-decoration: none;}
#login1 a:active  {color: #000; text-decoration: none;}
#login1 a:focus   {color: #000; text-decoration: none;}

/* FUSSLINKS / FOOTER LINKS */

.tplge_footersContainer {background: #000000 url(images/bgdark.jpg)top right no-repeat; min-height: 250px; font-family: Segoeuilight, arial; color: #dddddd; font-size: 20px; font-weight: 100; letter-spacing: 2px; text-align: center; line-height:2; padding: 6px 20px; margin: 0;}
.tplge_footersContainer span {padding: 6px; white-space: nowrap;}

/* CMSimple MENU */
#tplge_footersContainer ul.menulevel2 {font-size: 16px; padding-left: 16px;}
#tplge_footersContainer ul li span {padding: 0;}
#tplge_footersContainer ul li a {padding: 0;}

/* scroll-to-top-button */
#tplge_up {position: fixed; bottom: 32px; right: 10px; display: block; opacity: 0.75; transition: 2s;}

#tplge_shop      {width:48px;  border: 0px solid #ff0333; position: fixed; right:192px;         top: 11px;     display: block; opacity: 1; transition: 2s; z-index: 1;}
#tplge_facebook  {width:48px;  border: 0px solid #ff0333; position: fixed; right:128px;         top: 8px;      display: block; opacity: 1; transition: 2s; z-index: 1;}
#tplge_instagram {width:48px;  border: 0px solid #ff0333; position: fixed; right:68px;          top: 8px;      display: block; opacity: 1; transition: 2s; z-index: 1;}
#tplge_language  {width:48px;  border: 0px solid #00ff00; position: fixed; right:10px;          top: 8px;      display: block; opacity: 1; transition: 2s;  z-index: 1;}

/* footer links */
.tplge_footersContainer a:link    {color: #bbb; text-decoration: none;}
.tplge_footersContainer a:visited {color: #bbb; text-decoration: none;}
.tplge_footersContainer a:hover   {color: #C1A44B; text-decoration: underline;}
.tplge_footersContainer a:active  {color: #C1A44B; text-decoration: underline;}
.tplge_footersContainer a:focus   {color: #C1A44B; text-decoration: underline;}


/* LINKFORMATIERUNG / LINKS */
a:link    {color: #650000; text-decoration: none;}
a:visited {color: #650000; text-decoration: none;}
a:hover   {color: #650000; text-decoration: underline;}
a:active  {color: #650000; text-decoration: underline;}
a:focus   {color: #650000; text-decoration: underline;}

/* 
##############################
 S O N S T I G E S / R E S T
############################## 
*/

/* 
############################## 
   R E S P O N S I V E  CSS
############################## 
*/

/* Hier wird eingestellt ob das Desktop-Menü aufklappen soll oder nicht */
/*
@media (min-width: 960px) {
ul.slimmenu li ul {display:none!important;}
ul.slimmenu li .sub-toggle {display: none!important;}
}
*/

@media (min-width: 1025px) and (max-width: 1280px) {
#body {background-image: none!important; background: #000000;}
.h2onepage_area {background-image: none!important;}
#tplge_topheader h1 {font-size: 48px; line-height: 48px; font-weight: 300;}
#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px;
}
.Text1 {border: 0px solid #000f00; background: none; min-height: 120px; max-width: 100%;}
/*.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 120px; width: 100%;}*/
.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px; text-align:center;}
.News2 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px;}
.tplge_imageHeader     {border: 0px solid #ff0000; /*background: #ff0000;*/ padding: 46px 0px 0px 0px; margin: 0;}
.tplge_imageHeader img {max-width: 100%; display: block; padding: 0; margin: 0 auto;}
}

@media (min-width: 1430px) and (max-width: 9280px) {
/* language */
/*#tplge_language {width:57px; border: 0px solid #00ff00; position: fixed; right: 70px;       top: 09px;     display: block; opacity: 0.75; transition: 2s;  z-index: 1;}*/
}
@media (min-width: 1330px) and (max-width: 9280px) {
/* shopping */
/*#tplge_shop    {width:40px;  border: 0px solid #ff0333; position: fixed; right:30px;         top: 0px;      display: block; opacity: 0.75; transition: 2s; z-index: 1;}*/
/*#tplge_shop {position: fixed; bottom: 32px; left: 10px; display: block; opacity: 0.75; transition: 2s;}*/
}

@media (min-width: 200px) and (max-width: 1280px) {
/* shopping */
#tplge_shop      {width:48px;  border: 0px solid #ff0333; position: fixed; right:192px;         top: 11px;     display: block; opacity: 1; transition: 2s; z-index: 1;}
#tplge_facebook  {width:48px;  border: 0px solid #ff0333; position: fixed; right:128px;         top: 8px;      display: block; opacity: 1; transition: 2s; z-index: 1;}
#tplge_instagram {width:48px;  border: 0px solid #ff0333; position: fixed; right:68px;          top: 8px;      display: block; opacity: 1; transition: 2s; z-index: 1;}
#tplge_language  {width:48px;  border: 0px solid #00ff00; position: fixed; right:10px;          top: 8px;      display: block; opacity: 1; transition: 2s;  z-index: 1;}
.tplge_content   {border: 0px solid #ff0000; background: #fff; min-height: 120px; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.h2onepage_container {padding: 40px 0px 0px 0px; margin: 0px auto;}
.tplge_onePageTocIn1 {border: 0px solid #3f0300; background: none; float: left; max-width: 1200px; margin: auto; /*margin:10px auto 10px auto;*/}
}

@media (min-width: 720px) and (max-width: 1024px) {
.h2onepage_container_inner {max-width: 640px; margin: 0 auto;}
#tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300;}

#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px;
}
.Text1 {border: 0px solid #000f00; background: none; min-height: 120px; max-width: 100%;}
/*.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 120px; width: 100%;}*/
.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px; text-align:center;}
.News2 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px;}

}


@media (max-width: 719px) {
#body {background-image: none!important;background: #000000;}
.h2onepage_area {background-image: none!important;}
h4  {font-family: helvetica, arial, sans-serif; color: #ab8000; font-size: 24px; font-weight: 100; line-height: 1.0em; letter-spacing: 2px; padding: 0; margin: 2px 0 10px 0;}
.h2onepage_container_inner {max-width: 360px; padding: 20px; margin: 0 auto;}
#tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300; text-align: left;}
/* language */

#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px;

}

.Text1 {border: 0px solid #00ff00; background: none; min-height: 120px; max-width: 100%;}
.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 300px; max-width: 300px;  padding: 10px; margin-bottom: 10px;}
.News2 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 300px; max-width: 300px;}

}

@media (max-width: 1280px) {
#body {background-image: none!important;background: #ffffff;}
.tplge_slimmenu {max-width: 360px; margin: 0 0 0 auto;}
.tplge_onePageToc      {background: #000000;padding: 0; margin: 0;}
.tplge_onePageTocIn    {float: left; padding: 0px 0px 0px 0px; }
.tplge_imageHeader     {border: 0px solid #ff0000; /*background: #ff0000;*/ padding: 62px 0px 0px 0px; margin: 0;}
.tplge_imageHeader img {max-width: 100%; display: block; padding: 0; margin: 0 auto;}
}

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
}
#sticky-social a       {text-decoration: none;}
#sticky-social ul      {list-style: none; margin: 0; padding: 0;}
#sticky-social ul li a {list-style: none; margin: 0; padding: 0;}

.container {
   margin: 0 auto;
   padding: 20px 50px;
   background: white;
}
#sticky-social {
   left: 0;
   position: fixed;
   top: 150px;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
}
#sticky-social a span {
   line-height: 35px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   left: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }  

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }  

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }  

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }  

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }  

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }  

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }