/*------ @author: tt-at-immerda.ch -- tt.immerda.ch ---------*/
/* You may adapt elements of this CSS in your projects, but i dont want to see the 'same' css in some comercial usage*/


@font-face {
  font-family: 'BebasNeue';
  src:   url('/fileadmin/dokumente/2020/font/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),  
         url('/fileadmin/dokumente/2020/font/BebasNeue-Regular.otf')  format('opentype'),
  url('/fileadmin/dokumente/2020/font/BebasNeue-Regular.woff') format('woff'),
  url('/fileadmin/dokumente/2020/font/BebasNeue-Regular.ttf')  format('truetype'),
  url('/fileadmin/dokumente/2020/font/BebasNeue-Regular.svg#BebasNeue-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

::selection {
  background: #007edb; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #007edb; /* Gecko Browsers */
}

body
{
  /*background-repeat: repeat-y;*/
  background-attachment:float;
  background-position:0px 0px;
  background-size: 100% 100%;
  background-color: white;
  /* font-family: 'Mali', Verdana, sans-serif; */
  font-family: Arial;
  font-size: 19px;
  line-height: 22px;
  color: #23253e;
  margin: 0px;
  padding: 0px;
  text-align: left;
  height:100%;
}

body.yellow
{
  background-image: url("/fileadmin/dokumente/2020/background_yellow.jpg");
}

body.orange
{
  background-image: url("/fileadmin/dokumente/2020/background_orange.jpg");
}

body.lila
{
  background-image: url("/fileadmin/dokumente/2020/background_lila.jpg");
}

.body-bg {
  border-width: 40px;
  border-color: white;
  border-style: solid;
}

#top{
  position: absolute;
  top: 20px;
  left: -900px;
  z-index: 5;
}

.raumpolitik {
  position: absolute;
  margin-left: 50vw;
  margin-top: -120px;
}

.raumpolitik img {
  width: 140px;
  height: 103px;
}


#top.violett {
  content: url("/fileadmin/dokumente/2020/delfinflugi_freigestellt_blauviolett_midmed.png");
}


#top.blau {
  content: url("/fileadmin/dokumente/2020/delfinflugi_freigestellt_blaugruen_midmed.png");
}


#top.rosa {
  content: url("/fileadmin/dokumente/2020/delfinflugi_freigestellt_rosablau_midmed.png");
}

.frame {
  padding-top: 0;
}

@media (max-width: 1450px) {
  #top{
    width: 1350px;
    left: -690px;
  }
}

@media (max-width: 1200px) {
  #top{
    width: 1200px;
    left: -590px;
  }
  
  .raumpolitik {
    margin-top: -90px;
  }

  .raumpolitik img {
    width: 100px;
    height: 71px;
  }
}

@media (max-width: 992px) {
  #top{
    width: 950px;
    left: -440px;
  }
  .raumpolitik {
    margin-top: -60px;
  }
  .body-bg {
    border-width: 25px;
  }    

  .raumpolitik img {
    width: 80px;
    height: 57px;
  }
}

@media (max-width: 600px) {
  #top{
    width: 650px;
    left: -300px;
  }

  .body-bg {
    border-width: 15px;
  }
}

pre {
  display: block;
  padding: 0;
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.55;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: inherit;
  border: 0px ;
  border-radius: 0px;
}

.body-bg {
  min-height: 100vh;
}

.body-bg > header > div > * {
  z-index: 100;
}

.pagelevel-0 .gallery-row {
  margin-top: 0px;  
}

.pagelevel-0 .caption {
    word-break: inherit;
}

.gallery-row {
  margin-top: 100px;  
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-nav {
  background-color: transparent;
  font-size: 22px;
  text-align: right;
}

.navbar-default .navbar-nav li {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .navbar-main > li > .navbar-text, .navbar-main > li > a {
    line-height: 100px;
  }
}

.navbar-brand.navbar-brand-image {
  margin-top: 45px !important;
}

.navbar-brand.navbar-brand-image > img {
  max-height: 400%;
  left: -1100px;
  top: 250px;
  z-index: -300;
}

.navbar-brand.navbar-brand-image:hover:after {
  content : url(/fileadmin/dokumente/2020/mafalda_small.png);
  display: block;
  position: absolute;
  left: 430px;
  top: -20px;
}

.navbar-main {
  background-image: url("/fileadmin/dokumente/2019/banner_menu__.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  font-family: 'BebasNeue', cursive;
  padding-top: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.navbar-nav {
    margin: 0;
}

.navbar-default .navbar-toggle {
  background-image: url("/fileadmin/dokumente/2019/banner_xs__.svg");
  background-size: 100% 100%;
  border: 0;
}

.breadcrumb-section {
  display: none;
}

.navbar-main > li > a {
  text-transform: none;
  padding: 0px 12px;
}

.navbar-default .navbar-nav > li > a {
  color: #010101;
  letter-spacing: 1px;
}

.navbar-default .navbar-nav > .active > a {
  color: #b8614d;
}

.navbar-main > li > a .bar {
  background-color: transparent;
}

.navbar-default .navbar-collapse {
  border: 0;
}

.navbar-main .open .dropdown-menu {
  border-left: 0;
  font-family: Arial;
}

.navbar-header-main .navbar-header-border-bottom {
  background-color: transparent;
}

header .container {
  padding-right: 0px;
}

.leftarea {
  padding: 0;
  font-size: 15px;
}

.leftcontent {
  padding: 0px 0px 0px 0px;
}

.rightarea {
  /*padding: 440px 0px 0px 0px;*/
  max-width: 400px;
}

.rightcontent {
  padding: 8px 4px 0px 4px;
  min-width: 385px;
  /*border-bottom: 70px solid #fff;*/
  /*border-top: 0px solid #fff;*/
  /*background-color: red;*/
  min-height: 350px;
}

.centercontent {
  /*padding: 399px 0px 0px 0px;*/
  padding: 15px 20px 10px 20px;    
  /*background-color: rgba(0, 0, 0, 0.6);*/
  /*background-image: url("/fileadmin/dokumente/bonobo/web/transblack.png");*/
  background-repeat: repeat;
  min-height:500px;
}

.centercontent a{
  /*background: white;*/
  padding: 2px;
  text-decoration: underline;
}

fieldset {
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
}

.toolbar {
  padding: 5px 0px 5px 0px;
}

.subcontent-unit-border, .leftcontent, .menu_nav {
  border-bottom: solid 0px;
  border-bottom-color: #ffffff;
}

.menu_nav {
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 15px;
  text-align: right;
  /*background-color: #ffffff;*/
  /*border-bottom: solid 70px;*/
  /*border-top: solid 70px;*/
  /*border-bottom-color: #ff0000;*/
  /*border-top-color: white;*/
}

.subcontent-unit-border  h1, .leftcontent h1 {
  padding: 8px 0px 0px 0px;
  border-top: solid 5px;
  border-top-color: #ffffff;
}

img {
  border: 0px;
}

h1
{
  font-size: 65px;
  margin-top: 3px;
  margin-bottom: 7px;
  padding-bottom: 3px;
  font-family: 'BebasNeue', cursive;
}

#content h1 {
  text-align: left;
  letter-spacing: 0.05em;
  /*background-color: #aaaaaa;*/
}

.rightcontent h2, .rightcontent h1, .leftcontent h1
{
  font-size: 18px;
  margin-top: 9px;
  margin-bottom: 2px;
  color: white;
  line-height: 21px;
  border-top: 1px solid;
  font-family: BebasNeue,Arial,sans-serif;
  letter-spacing:0.03em;
  font-weight: bolder;
  clear: both;
}

.rightcontent h1:first-child {
  border-top: 0px solid;
}

#content h2 {
  text-align: left;
  letter-spacing: 0.04em;
  font-family: 'BebasNeue', cursive;
  font-size: 33px;
  line-height: 37px;
  margin-top: 18px;
  margin-bottom: 10px;
}


h3
{
  font-size: 22px;
  margin-top: 5px;
  margin-bottom: 12px;
  /*color: #ffffff;*/
  /*line-height: 11px;*/
  font-family: 'BebasNeue', cursive;
  letter-spacing:0.13em;
  line-height: 130%;
}

#content h3 {
 font-family: 'BebasNeue', cursive;
}


h4
{
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 9px;
  /*color: #ffffff;*/
  line-height: 22px;
  font-family: BebasNeue,Arial,sans-serif;
  letter-spacing:0.08em;
  border-top: 1px solid black;
}

h5 + h4 {
  border-top: 0px;
}

h5
{
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 15px;
  /*color: #ffffff;*/
  line-height: 35px;
  font-family: BebasNeue,Arial,sans-serif;
  letter-spacing:0.08em;
}

h6
{
  font-size: 85px;
  line-height: 85px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  /*color: #ffffff;*/
  font-family: BebasNeue,Arial,sans-serif;
  letter-spacing:0.08em;
  text-shadow: 4px 7px 2px rgba(0, 0, 0, 0.91);
}

p {
  padding: 0px 0px 5px 0px;
  margin-top: 0px;
  /* font-family: 'Mali', Verdana, sans-serif; */
  font-family: Arial;
  font-size: 19px;
  line-height: 130%;
  /*color: #ffffff;*/
  hyphens: auto;
}

.mainTable {
  /*border-top: 7px black solid;*/
  border-spacing: 0px;
  border-collapse: separate;
  max-width: 1500px;
}

table {
  border:0px;
  padding-top:0px;
  margin: 0 auto;
  text-align: left;
}
td {
  padding: 0px;
  margin-top: 0px;
}

hr
{
  color: #ffffff;
  border-bottom: #900;
  border-width: 0 0 2px 0;
  border-style: none none solid none;
}

hr.sup
{
  color: #ffffff;
  border-bottom: #900;
  border-width: 0 0 1px 0;
  border-style: none none solid none;
}

.section {
  padding-bottom: 0;
}

.backendlayout-default .footer-section {
  background-color: transparent;
  display: none;
 }


footer{
  position: absolute;
  bottom: 45px;
  left: 45px;
  content: url("/fileadmin/dokumente/2020/by2020weriseup_logo.png");
  z-index: 200;
  width: 15vw;
  max-width: 130px;
  cursor: pointer;
}

#footerText {
 min-height: 22px;
 color: black;
}
/* ---------------- some defined stuff (navigation) ------------------*/

.links {
}

linksH
{
  margin-top: 0px;
  font-family: Arial, Verdana, Geneva, Lucida, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}


/*------ da usual links ---------*/
a:link {
  color: #0a86c3;
  text-decoration:none;
  font-weight: bold;
}

a:visited {
  color: #0a86c3;
  text-decoration:none;
}
a:hover {
  color: #ffffff;
  background-color: #0a86c3;
}
a:active {
  /*text-shadow: 0px 0px 2px #f00;*/
  /*-moz-text-shadow: 0 0 2px #f00;*/
  /*-webkit-text-shadow: 0 0 2px #f00;*/
  color: #ffffff;
}

/*------ free classed links ---------*/

/*------ nav_1 inaktiv ---------*/
.naviak_1, .navak_1 {
  font-weight:bold;
  /*padding-left: 5px;*/
  /*padding-right: 5px;*/
  /*padding-top: 2px;*/
  /*padding-bottom: 2px;*/
  margin-bottom: 20px;
  font-family: BebasNeue,Arial,sans-serif;
  letter-spacing:0.08em;
  font-size: 21px;
  line-height: 1.3;
}

.navak_1:hover, .naviak_1:hover {
 background-color: #d2adca;
 color: #002642;
}

.navak_1 a:link, .naviak_1 a:link {
  background-color: inherit;
}


.naviak_1 {
  border-top:1.5px solid;
  margin-top: 35px;
}

.naviak_1 a:link {
}

.naviak_1 a:visited {
  color: white;
  text-decoration:none;
}
.naviak_1:hover a {
  color: #002642;
  background-color: inherit;
}
.naviak_1 a:active
{
  color: white;
  font-weight:bold;
}

/*------ nav_1 aktiv ---------*/
.navak_1 {
  color: white;
  font-size: 34px;
}
  
.navak_1 a:link {
  /*color: #ffffff; */
  color: white;
  text-decoration:none;
}

.navak_1 a:visited {
  /*color: #ffffff; */
  color: white;
  text-decoration:none;
}
.navak_1:hover {
  -webkit-box-shadow: 13px 18px 0px 0px #6a346c;
  -moz-box-shadow: 13px 18px 0px 0px #6a346c;
  box-shadow: 13px 18px 0px 0px #6a346c;
}

.navak_1:hover a {
  color: #002642;
  background-color: inherit;
}
.navak_1 a:active
{
  color: #002642;
}

/*------ nav_2 inaktiv ---------*/
.naviak_2, .navak_2 {
  margin: 4px 0px 0px 0px;
  padding: 2px 5px;
}

.navak_2:hover, .naviak_2:hover {
 background-color: #d2adca;
}

.naviak_2 a:link {
  color: #002642;
  text-decoration:none;
}

.naviak_2 a:visited {
  color: #002642;
  text-decoration:none;
}
.naviak_2 a:hover {
  color: #002642;
  background-color: inherit;
}

.naviak_2:hover a {
 color: 002642;
}

.naviak_2 a:active
{
  color: #002642;
}

/*------ nav_2 aktiv ---------*/
.navak_2 {
  background-color: #edd71c;
  color: #002642;
}

.navak_2 a:link {
  /*color: #ffffff; */
  color: #002642;  
  text-decoration:none;
}

.navak_2 a:visited {
  /*color: #ffffff; */
  color: #002642;  
  text-decoration:none;
}
.navak_2 a:hover {
  color: #002642;
  background-color: inherit;
}

.navak_2:hover a {
  color: #002642;  
}

.navak_2 a:active
{
  color: #002642;
}


/*------ nav_3 inaktiv ---------*/
.naviak_3, .navak_3 {
  padding: 2px 12px;
  line-height: 1.3;
  font-weight: normal;
}

.navak_3:hover, .naviak_3:hover {
 background-color: #d2adca;
}

.naviak_3 a:link {
  font-size: 90%;
  color: #002642;
  text-decoration:none;
  font-weight: normal;
}

.naviak_3 a:visited {
  font-size: 90%;
  color: #002642;
  text-decoration:none;
}
.naviak_3 a:hover {
  font-size: 90%;
  color: #002642;
  background-color: inherit;
}

.naviak_3:hover a {
 color: #002642;
}

.naviak_3 a:active
{
  font-size: 90%;
  color: #002642;
}

/*------ nav_3 aktiv ---------*/
.navak_3 {
  
}

.navak_3 a:link {
  font-size: 90%;
  /*color: #ffffff; */
  color: #002642;  
  text-decoration:none;
  font-weight: normal;
}

.navak_3 a:visited {
  font-size: 90%;
  /*color: #ffffff; */
  color: #002642;  
  text-decoration:none;
}
.navak_3 a:hover {
  font-size: 90%;
  color: #002642;
  background-color: inherit;
}

.navak_3:hover a {
 color: #002642;
}

.navak_3 a:active
{
  font-size: 90%;
  color: #002642;
}

#spacertext {
  font-weight: bold;
  font-size: 120%;
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-family: BebasNeue,Arial,sans-serif;
  letter-spacing:0.08em;
  line-height:120%
}

input[type=text]
{
  color: #ffffff;
  height: 20px;
  padding-left: 3px;
  text-decoration: none;
  border-color: rgba(0, 190, 255, 0.5);
  border-style: solid;
  border-width: 3px;
  background-color: rgba(0, 190, 255, 0.3);
  color: rgb(200, 200, 200);
}


#fancybox-outer {
    background-color: #6a346c !important;
}

#fancy-bg-n, #fancy-bg-ne, #fancy-bg-e, #fancy-bg-se, #fancy-bg-s, #fancy-bg-sw, #fancy-bg-w, #fancy-bg-nw {
 background-image: none !important;
}

.twitterbox {
  padding-top: 18px;
  padding-right: 4px;
  padding-left: 4px;
  width: 210px;
  /*background-color: white;*/
  min-height: 52px;
  text-align: center;
}

div.timeline {
  background-color: rgba(255,255,255,0);
}

/*
classes used in the WYSIWYG-Editor of Typo3
*/
.align-center {
 text-align: center !important;
}

.indent {
 margin-left: 20px;
}

.mobileHeader {
 height: 45px;
 background-color: #002642;
 color: #d4d8e1;
 text-align: left;
 padding-left: 5px;
 padding-top: 2px;
 font-size: 18px;
 font-family: BebasNeue,Arial,sans-serif;
}

.mobileHeader .headerText {
 padding-top: 5px;
 display: inline
}

.mobileHeader .glyphicon {
 margin-top: 9px;
 padding-right: 15px;
}

.mobileNav.sb-slidebar {
 background-color: #d2adca;
}

.main-section {
  padding-bottom: 15vw;  
  position: relative;
  z-index: 100;
}

.main-section .section-default .container  {
 min-height: 1000px;
 padding-left: 120px;
 padding-right: 120px;
 padding-top: 40px;
}

.leftContentTD {
  min-width: 200px;
  max-width: 320px;
}

.rightcontent #c1036,
.rightcontent #c1058 {
  -webkit-box-shadow: 13px 18px 0px 0px #6a346c;
  -moz-box-shadow: 13px 18px 0px 0px #6a346c;
  box-shadow: 13px 18px 0px 0px #6a346c;
  background-color: #d2adca;
  padding: 5px;
  margin-top: 15px;
}

.rightcontent #c1036 h1 {
  color: #283653;
  font-size: 190%;
  margin-bottom: 15px;
}

.tx-tdleinteilung-pi1 table,
.tx-tdleinteilung-pi1 table td,
.tx-tdleinteilung-pi1 table tr {
  border-style: solid;
  border-width: 1px;
}

.tx-tdleinteilung-pi1 table td {
  padding: 2px;
}

.tx-tdleinteilung-pi1 table img {
  width: 50px;
  height: 37px;
  margin-right: 5px;
}

.tx-tdleinteilung-pi1 .tableHeader {
  font-weight: bold;
}

.navbar-header-main .navbar-brand:hover {
  opacity: 1;
}

@media (max-width: 1200px) {
  .navbar-header-main .navbar-brand.navbar-brand-image > img {
    max-height: 135px;
    width: auto;
  }

  .navbar-brand.navbar-brand-image:hover:after {
    left: 270px;
  }
  
  .navbar-main > li > a {
    padding: 0px 9px;
  }
}

@media (max-width: 991px) {
  .navbar-brand.navbar-brand-image {
    margin-top: 0px !important;
  }

  .navbar-header-main .navbar-brand.navbar-brand-image > img {
    max-height: 95px;
    width: auto;
  }

  .main-section .section-default .container  {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
  }

  .navbar-main {
    background-size: cover;
  }

  .navbar-brand.navbar-brand-image:hover:after {
    display: none;
  }

  header .container {
    padding-right: 20px;
  }

  footer{
    bottom: 35px;
    left: 35px;
  }
}

@media screen and (min-width: 1024px) {
  .noDesktop {
    display: none;
  }

  .centerContentTD {
    max-width: 850px;
  }
}

@media screen and (max-width: 1023px) {
  img {
    max-width: 100%;
  }

  .noMobile {
    display: none;
  }

  .gallery-row {
    margin-top: inherit; 
  }


  .centerContentTD {
    width: inherit;
    max-width: 100vw;
  }

  #menu_1 div {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #menu_1 {
    padding-right: 25px;
  }

  .mobileNav {
    border-right: 5px solid #002642;
  }

  body, p {
    font-size: 16px;
  }

  .naviak_1, .navak_1 {
    font-size: 25px;
  }

  h1 {
    font-size: 45px;
  }

  h2, #content h2 {
    font-size: 28px;
  }
  
}

@media (max-width: 600px) {

  h1 {
    font-size: 35px;
  }

  h2, #content h2 {
    font-size: 24px;
    letter-spacing: inherit;
  }

  h3 {
    font-size: 18px;
  }

  p {
    font-size: 14px;
  } 

  .main-section .section-default .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}