@font-face { font-family:"Trading Post"; src:url("https://www.altepost-soegel.de/media/TradingPost.ttf"); }
@font-face { font-family:"Ink"; src:url("https://www.altepost-soegel.de/media/Inkfree.ttf"); }
@font-face { font-family:"Amatic"; src:url("https://www.packhalle-openair.de/templates/OpenAir/AmaticSC-Regular.ttf"); }


/* GRUNDLAYOUT */

body { background:url(https://www.altepost-soegel.de/media/IndianerCamp/himmel.gif) #b2c23b no-repeat top center; background-size:100%; background-attachment:scroll; color:green; }

.content a { color:#432610; }

#logo { max-width:80%; margin: 0px auto 70px auto; }

.container { margin-top:100px; }

.wrapper { background:url(https://www.altepost-soegel.de/media/IndianerCamp/head.png) top center no-repeat; margin-top: -140px }

.contentbox { margin-top:30px; background:none; color:#516100; }

.adressen { width:100%; height:400px; margin:0 auto; }

.adresse-links,
.adresse-rechts { display:none; }

.adresse { width:100%; margin:0 auto; display:inherit; }


/* TABELLEN */

tr td:first-child { color:red; }
tr td:nth-child(2),
tr td:nth-child(4) { color:#516100; }

table,
 th,
 td { padding:5px; color:#516100; }

td { text-align:left; color:#fff; }


/* HAUPTTEMPLATE AUSBLENDEN */

#topparallax { display:none; height:0; }
#topheaderbox { display:none; height:0; }
#topmenubox { display:none; }

#parallax-section-1,
.center,
.parallax-section-2,
.parallax-section-1 { display:none; height:0; }

.parallax-section-1 { max-height:0; }


/* ALLGEMEINER CONTENT */

.content { font-family:Ink; font-size:130%; font-weight:600; color:#51402c; }

.inhalt { color:#51402c; }

.tabelle { color:#516100; }

h1,
 h2,
 h3,
 h4,
 h5,
 h6 { color:#70451f; font-family:"Trading Post"; }

strong { color:#70451f; }

.grouping .captcha-table .full { background:#0071b8; color:#fff; }


/* WILD WEST CAMP – CONTENTFLÄCHE */

.camp-start {
  max-width:900px;
  margin:0 auto 60px auto;
  padding:35px 45px 45px 45px;
  box-sizing:border-box;
  color:#51402c;
  background:rgba(244,235,204,0.90);
  border:1px solid rgba(112,69,31,0.35);
  border-radius:8px;
  box-shadow:0 8px 25px rgba(45,28,12,0.20),
 inset 0 0 30px rgba(255,248,220,0.25);
}

.camp-start section { margin:0 auto 40px auto; }
.camp-start p { margin:0 0 18px 0; color:#51402c; }
.camp-start h1,
.camp-start h2,
.camp-start h3 { color:#70451f; }


/* WILLKOMMEN */

.camp-welcome { text-align:center; padding:5px 25px 15px; }

.camp-welcome h1 { margin:0 0 5px; font-size:2.5em; }

.camp-welcome .welcome-intro { margin-bottom:22px; color:#8a5a27; font-family:"Trading Post"; font-size:1.45em; }

.camp-welcome p { text-align:left; }

.camp-welcome .welcome-highlight { margin-top:22px; color:#70451f; font-family:"Trading Post"; font-size:1.2em; text-align:center; }


/* DATUM */

.camp-date {
  padding:16px 20px 18px;
  text-align:center;
  background:rgba(129,77,0,0.10);
  border-top:2px solid rgba(129,77,0,0.28);
  border-bottom:2px solid rgba(129,77,0,0.28);
  border-radius:4px;
}

.camp-date .date-label { color:#805020; font-family:"Trading Post"; font-size:.88em; letter-spacing:1px; }

.camp-date h1 { margin:4px 0 0; color:#70451f; font-size:2.3em; }


/* NORMALE ABSCHNITTE */

.camp-section { padding:0 25px; }

.camp-section h2 { margin-bottom:14px; }


/* RESPEKT */

.camp-respect {
  padding:25px 30px;
  background:rgba(129,77,0,0.07);
  border-left:4px solid rgba(129,77,0,0.40);
  border-radius:3px;
}

.camp-respect h2 { margin-top:0; }


/* PREIS */

.camp-price {
  max-width:700px;
  padding:25px 30px;
  text-align:center;
  background:linear-gradient(180deg,rgba(129,77,0,0.14),rgba(129,77,0,0.06));
  border:1px solid rgba(129,77,0,0.30);
  border-radius:6px;
  box-shadow:0 3px 10px rgba(60,35,10,0.10);
}

.camp-price .price-label { color:#805020; font-family:"Trading Post"; font-size:.88em; letter-spacing:1px; }

.camp-price h1 { margin:2px 0 0; color:#70451f; font-size:2.8em; }

.camp-price .price-title { margin-top:-4px; color:#805020; font-family:"Trading Post"; font-size:1.25em; }

.price-list { margin-top:22px; text-align:left; }

.price-list p { margin-bottom:10px; padding-bottom:9px; border-bottom:1px solid rgba(129,77,0,0.14); }

.price-list p:last-child { border-bottom:none; }

.price-list small { font-size:.8em; opacity:.8; }


/* ABSCHLUSS */

.camp-ending { padding:10px 30px; text-align:center; }

.camp-ending h2 { font-size:1.8em; }

.camp-ending .ending-highlight { color:#70451f; font-family:"Trading Post"; font-size:1.2em; }

.camp-ending .camp-signature { margin-top:25px; color:#805020; font-family:"Trading Post"; font-size:1.25em; }


/* POSTER */

.camp-poster { margin-top:25px !important; text-align:center; }

.camp-poster img {
  display:block;
  width:80%;
  max-width:700px;
  height:auto;
  margin:0 auto;
  border:4px solid rgba(129,77,0,0.22);
  border-radius:4px;
  box-shadow:0 4px 12px rgba(40,25,10,0.18);
}


/* WILD WEST CAMP – MENÜ */

#campmenu {
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
  box-sizing:border-box;
  padding:0;
  margin-bottom:0px;
  font-weight:400;
  background:linear-gradient(180deg,rgba(111,67,31,.96) 0%,rgba(91,51,22,.96) 50%,rgba(70,38,17,.96) 100%);
  border:1px solid rgba(55,30,12,.9);
  border-radius:4px;
  box-shadow:inset 0 1px 0 rgba(230,195,121,.20),0 2px 5px rgba(40,25,10,.22);
  overflow:visible;
}

#campmenu ul {
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  font-family:"Trading Post";
  white-space:nowrap;
}

#campmenu li {
  float:none !important;
  display:block;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  font-size:.82em;
  line-height:1;
  flex:0 0 auto;
}

#campmenu #federmenu {
  position:relative;
  float:none !important;
  flex:0 0 auto;
  width:35px;
  margin-left:-35px !important;
  margin-right:5px !important;
  margin-top:-22px !important;
  padding:0 !important;
  line-height:0;
}

#campmenu #federmenu img { display:block; width:55px; height:auto; margin:0 !important; padding:0; border:0; }

#campmenu #federmenu a { display:block; padding:0 !important; margin:0 !important; line-height:0; background:none !important; }

#campmenu li:not(#federmenu) a {
  display:block;
  margin:0 !important;
  padding:6px 13px 5px 13px !important;
  color:#e6c379;
  text-decoration:none;
  line-height:1 !important;
  border-radius:3px;
  text-shadow:1px 1px 1px rgba(30,15,5,.7);
  transition:color .2s ease,background-color .2s ease,text-shadow .2s ease;
}

#campmenu li:not(#federmenu) a:hover {
  color:#fff4d5;
  background:linear-gradient(180deg,rgba(164,112,55,.30),rgba(110,67,28,.20));
  text-decoration:none;
  text-shadow:0 0 4px rgba(255,226,161,.3),1px 1px 1px rgba(30,15,5,.8);
}

#campmenu li.active > a,
#campmenu li.current > a,
#campmenu li.selected > a {
  color:#fff1c8;
  background:linear-gradient(180deg,rgba(178,125,61,.35),rgba(105,61,24,.25));
  box-shadow:inset 0 1px 0 rgba(255,224,164,.12);
}


/* WEITERE ELEMENTE */

#termin { margin:20px 0 65px 0; max-width:90%; width:500px; }

#kooperation { max-width:80%; margin-bottom:-180px; }


/* BIS 1500 PX */

@media only screen and (max-width:1500px) {

  body { background-size:170%; }
  .wrapper { background-size:185%; }
  .adresse { width:98%; margin:0 auto; display:inline-block; }
 

  #campmenu #federmenu { margin-left:-30px !important; margin-right:3px !important; margin-top:-18px !important; }
  #campmenu #federmenu img { width:50px; }
  #campmenu li:not(#federmenu) a { padding:6px 10px 5px 10px !important; }

}


/* HANDY / TABLET */

@media only screen and (max-width:768px) {

  body { background-size:250%; }
  .wrapper { background-size:250%; }
  .container { margin-top:100px; }
  #logo { max-width:90%; height:auto; margin:60px auto 5px auto; }
  .adresse { width:98%; margin:0 auto; display:inline-block; }

  #campmenu { padding:1px 2px; margin-bottom:15px; }

  #campmenu ul { flex-wrap:wrap; white-space:normal; }

  #campmenu li { float:none; padding:0; font-size:.88em; }

  #campmenu #federmenu { margin-left:0 !important; margin-right:5px !important; margin-top:-12px !important; }
  #campmenu #federmenu img { width:45px; }

  #campmenu li:not(#federmenu) a { padding:7px 8px 6px 8px !important; }

  #federmenu img { margin-left:0; margin-top:30px; margin-right:-20px; width:70%; }

  #termin { margin:3px 0 10px 0; max-width:40%; }

  #kooperation { max-width:80%; margin-bottom:-450px; }

  .camp-start { width:100%; padding:25px 20px 30px; border-radius:5px; }

  .camp-welcome { padding:5px 5px 15px; }
  .camp-welcome h1 { font-size:2em; }
  .camp-welcome .welcome-intro { font-size:1.25em; }

  .camp-section { padding:0 5px; }

  .camp-respect { padding:20px 18px; }

  .camp-date { padding:14px 8px; }
  .camp-date h1 { font-size:1.9em; }

  .camp-price { padding:20px 18px; }
  .camp-price h1 { font-size:2.4em; }

  .camp-ending { padding:8px 5px; }

  .camp-poster img { width:95%; }

}

.camp-menu-toggle { display:none; }

.camp-menu-wrapper { overflow:visible; }

.camp-menu-inner { overflow:visible; }

@media (max-width:768px) {
    #campmenu .camp-menu-toggle { display:block; width:100%; height:38px; padding:0; margin:0; border:0; border-radius:3px; background:linear-gradient(180deg,#76502d 0%,#5b3316 100%); color:#e6c379; font-family:"Trading Post"; font-size:1.4em; line-height:38px; cursor:pointer; }

    #campmenu .camp-menu-wrapper { max-height:0; opacity:0; overflow:hidden; transition:max-height .7s ease,opacity .3s ease; }

    #campmenu.menu-open .camp-menu-wrapper { max-height:500px; opacity:1; }

    #campmenu .camp-menu-inner { overflow:visible; }

    #campmenu .camp-menu-inner > ul { display:flex; flex-direction:column; width:100%; margin:0 !important; padding:0 !important; }

    #campmenu #federmenu { position:relative; z-index:20; overflow:visible !important; }

    #campmenu #federmenu img { position:relative; z-index:20; }
}

.miniform {
    max-width:900px;
    margin:0 auto 40px auto;
    padding:10px 40px 40px 40px;
    box-sizing:border-box;
    color:#51402c;
    border-top:0;
   
}

.miniform small { display:block; margin-bottom:18px; color:#70451f; font-size:.9em; }

.miniform form { width:100%; }

.miniform .half { float:left; width:48%; margin-right:4%; margin-bottom:15px; box-sizing:border-box; }
.miniform .half:nth-of-type(even) { margin-right:0; }
.miniform .full { width:100%; margin-bottom:15px; box-sizing:border-box; }

.miniform form::after { content:""; display:block; clear:both; }

.miniform label { display:block; color:#70451f; font-weight:600; }

.miniform label > span:first-child { display:block; margin-bottom:5px; }

.miniform input[type="text"],
.miniform input[type="email"],
.miniform textarea { width:100%; box-sizing:border-box; padding:9px 11px; border:1px solid rgba(112,69,31,.45); border-radius:4px; background:rgba(255,250,230,.75); color:#51402c; font-family:Ink; font-size:1em; outline:none; }

.miniform textarea { min-height:120px; resize:vertical; }

.miniform input:focus,
.miniform textarea:focus { border-color:#70451f; background:#fff9e5; box-shadow:0 0 0 2px rgba(112,69,31,.10); }

.miniform input.error,
.miniform textarea.error { border-color:#a33b2f; }

.miniform .submit { padding:10px 24px; border:1px solid #5b3316; border-radius:4px; background:linear-gradient(180deg,#76502d 0%,#5b3316 100%); color:#e6c379; font-family:"Trading Post"; font-size:1.1em; cursor:pointer; box-shadow:0 2px 4px rgba(40,25,10,.20); }

.miniform .submit:hover { background:linear-gradient(180deg,#85603a 0%,#6a3d1b 100%); }

.miniform input[type="checkbox"] { margin-right:8px; }

.miniform .MESSAGE_CLASS { margin-bottom:20px; padding:10px 14px; border-radius:4px; }

@media (max-width:768px) {
    .miniform { padding:20px 15px 25px 15px; }
    .miniform .half { float:none; width:100%; margin-right:0; }
    .miniform input[type="text"],
    .miniform input[type="email"],
    .miniform textarea { font-size:16px; }
    .miniform .submit { width:100%; padding:11px 15px; }
}

.inhalt {
    max-width:900px;
    margin:0 auto;
    padding:30px 40px 10px 40px;
    box-sizing:border-box;
    color:#51402c;
    background:rgba(244,235,204,.90);
    border:1px solid rgba(112,69,31,.35);
    border-bottom:0;
    border-radius:8px 8px 0 0;
    box-shadow:0 8px 25px rgba(45,28,12,.20),inset 0 0 30px rgba(255,248,220,.25);
}