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

}

html,
body{
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 320px;
    color: #111;
    font-size: 20px;
    font-family: Arial;
    line-height: 1.2;
}


*{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: inherit;
    color: inherit;
    outline: 0;
}

a{
    text-decoration: none;
}

h1,h2,h3,h4,h5{
    padding: 0;
    margin: 0;
    font-family: amaticbold;
    letter-spacing: 2px;
    font-weight: 200;
}

b, strong{
    font-weight: bold;
}

ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

p{
    line-height: 1.4;
}

.clear{
    clear: both;
}

.trans{
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.trans_logo{
    transition: all 0.9s;
    -moz-transition: all 0.9s; /* Firefox 4 */
	-webkit-transition: all 0.9s; /* Safari and Chrome */
	-o-transition: all 0.9s; /* Opera */
}
.trans_s{
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

.onefourth{
    width: 25%;
    width: calc(25% - 10px);
}

.threefourth{
    width: 75%;
    width: calc(75% - 10px);
}

.onethird{
    width: 33.3333%;
    width: calc(33.3333% - 10px);
}

.twothird{
    width: 66.6666%;
    width: calc(66.6666% - 10px);
}

.half{
    width: 50%;
    width: calc(50% - 10px);

}

.left{
    float: left;
}
.right{
    float: right;
}

.center{
    display: block;
    left: 0;
    right: 0;
    margin: auto;
}

.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.blur {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    /* FF doesn't support blur filter, but SVG */
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur");
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '10');
    filter: blur(10px);
}

hr{
    width: 100%;
    height: 50px;
    background-image: url(pix/line2.png);
    background-position: center center;
    background-repeat: no-repeat;
    border: 0;
    margin: 30px 0;
    display: inline-block;
}

.other_hr{
    background-image: url(pix/line.png);
}

.tagbox a,
.custombox1,
.photobox_overlay{
    border: 0;
    background-image: url(pix/box1.png), url(pix/box2.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
}

.photobox img:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ff5500;
}

.tagbox a,
.button{
    padding: 15px;
    text-align: center;
    font-family: amaticbold;
    font-size: 30px;
    border: 0;
    cursor: pointer;
}

.button{
    margin-top: 30px;
}

.tagbox a{
    padding: 10px 15px;
}

.tagbox a:HOVER,
.button:HOVER{
    background-color: #ccc!important;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

#maincontainer{
    position: absolute;
    width: 100%;
    top: 70%;
    background-color: rgba(255,255,255,1);
    -webkit-box-shadow: 0px 0px 22px 10px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 22px 10px rgba(0,0,0,0.3);
    padding-top: 50px;
    z-index: 2;
    min-height: 70%;
}

#untenauf{
    position: absolute;
    width: 1px;
    height: 1px;
    bottom: -300px;
    left: 0;
}

.maincontainer_line{
    position: absolute;
    top: -50px;
    width: 100%;
    height: 50px;
    background-image: url(pix/line.png);
    background-color: transparent;
}

.maincontainer_line2{
    position: absolute;
    bottom: -50px;
    width: 100%;
    height: 50px;
    background-image: url(pix/line5.png);
    background-color: transparent;
}

.contentbox{
    width: 1000px;
    left: 0;
    right: 0;
    margin: auto;
    margin-bottom: 50px;
}

.contentbox ul{
}

.contentbox ul li{
    margin-bottom: 15px;
    list-style-image: url('pix/list_bullet.png');
    margin-left: 35px;
}

.contentbox ul li:NTH-CHILD(2n){
    list-style-image: url('pix/list_bullet2.png');
}

.contentbox ul li:NTH-CHILD(3n){
    list-style-image: url('pix/list_bullet3.png');
}

.contentbox ul li a,
.contentbox p a{
    color: #F76945;
}

.contentbox ul li a:HOVER,
.contentbox p a:HOVER{
    text-decoration: underline;
}

.taglist_link{
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px 15px;
    white-space: nowrap;
    display: inline-block;
}



.bottomline{
    background-image: url(pix/line4.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 70px;
}

.contentbox h2{
    font-size: 40px;
    text-align: center;
    margin-bottom: 40px;
}

.contentbox h3{
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.contentbox h3 span{
    padding-bottom: 5px;
    background-image: url(pix/line4.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.start_hl{
    font-size: 58px;
    text-align: center;
    margin-bottom: 40px;
}

.img_overlay{
    width: 400px;
    height: 250px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#start_bg{
    position: fixed;
    width: 100%;
    height: 100%;
}

#start_bg_img{
    position: absolute;
    width: 105%;
    height: 105%;
    top: -2.5%;
    left: -2.5%;
    z-index: 1;
    background-size: cover;
    background-position: center center;
}

#start_bg_logo{
    position: absolute;
    height: 70%;
    width: 100%;
    top: 0;
    text-align: center;
    color: #fff;
    z-index: 2;
}

#start_bg_logo h1{
    font-size: 80px;
}
#start_bg_logo h3{
    font-size: 40px;
}

#gww_name,
#gww_slogan{
    display: none;
}

#gww_logo{
    position: absolute;
    top: 25%;
    height: 50%;
    width: auto;
    opacity: .8;
    left: 0;
    right: 0;
    margin: auto;
}

#the_logo{
    display: inline-block;
    width: 100px;
    height: 100px;
    background-position: center center;
    background-size: contain;
    background-image: url(pix/logo.png);
    margin-right: 20px;
    margin-bottom: -20px;
}

#start_bg span{
    color: rgba(0,0,0,0.7);
}

#logostay{
    position: fixed;
    top: -15px;
    right: -400px;
    z-index: 9800;
    font-family: amaticbold;
    font-size: 30px;
    padding: 20px 25px 9px 25px;
    background-color: rgba(255,255,255,0.8);
    cursor: pointer;
}

#up_arrow{
    position: absolute;
    bottom: 12px;
    left: 10px;
    opacity: 0;
}

.logostay_in{
    right: -3px!important;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

#logostay:HOVER{
    padding-right: 50px;
    padding-top: 30px;
    padding-left: 35px;
}

#logostay:HOVER #up_arrow{
    opacity: .8;
}

#call2action{
    position: fixed;
    bottom: -70px;
    right: -5px;
    z-index: 9999;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    font-family: amaticbold;
    font-size: 30px;
    -webkit-transition: all 300ms cubic-bezier(0.355, 0.170, 0.490, 1); /* older webkit */
    -webkit-transition: all 300ms cubic-bezier(0.355, 0.170, 0.490, 1.650);
       -moz-transition: all 300ms cubic-bezier(0.355, 0.170, 0.490, 1.650);
         -o-transition: all 300ms cubic-bezier(0.355, 0.170, 0.490, 1.650);
            transition: all 300ms cubic-bezier(0.355, 0.170, 0.490, 1.650); /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.355, 0.170, 0.490, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.355, 0.170, 0.490, 1.650);
       -moz-transition-timing-function: cubic-bezier(0.355, 0.170, 0.490, 1.650);
         -o-transition-timing-function: cubic-bezier(0.355, 0.170, 0.490, 1.650);
            transition-timing-function: cubic-bezier(0.355, 0.170, 0.490, 1.650); /* custom */
}

.call2action_show{
    bottom: 10px!important;
}

#call2action ul li{
    float: left;
}

#call2action ul li a{
    padding: 10px 20px 20px 20px;
    background-color: #F76945;
    background-image: url(pix/box1.png);
    background-position: top left;
    background-repeat: no-repeat;
    color: white;
}

#call2action ul li a:HOVER{
    color: black;
}

#mitmachen_nl_box{
    position: relative;
    margin-top: 60px;
    min-height: 150px;
}

#spendenbox{
    padding: 20px;
    padding-bottom: 0;
    background-image: url(pix/box1.png), url(pix/box2.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
}

#spendenbox iframe{
    min-width: 370px!important;
}

nav{
    position: fixed;
    top: 0;
    left: -315px;
    width: 370px;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 9900;
    font-family: amaticbold;
    font-size: 30px;
    color: #fff;
}

.navopen{
    background-color: rgba(0,0,0,0.7);
    left: 0;
}

#menubutton{
    z-index: 5;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 56px;
    overflow: hidden;
    cursor: pointer;
}

#menubutton:HOVER{
    background-color: rgba(0,0,0,0.5);
}

.menu_balken{
    position: absolute;
    display: block;
    width: 32px;
    height: 5px;
    left: 12px;
    margin-bottom: 7px;
}

.menu_balken img{
    width: 100%;
    height: auto;
    display: block;
}

.spendenbutton {
  z-index: 6;
  background-color: #F76945;
  display: inline-block;
  position: absolute;
  top: 53px;
  right: 56px;
  height: 56px;
  width: 130px;
  text-align: center;
  transform: rotate(270deg);
  transform-origin: right top;
  cursor: pointer;
  transition: all .3s ease-out;
  clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
}

.spendenbutton .spendenaufruf {
  display: block;
  padding-top: 8px;
  transition: all .3s ease-out;
  /*transition-delay: .1s;*/
}

.spendenbutton:hover {
  height: 70px;
  clip-path: polygon(2.5% 0%, 100% 0%, 97.5% 100%, 0% 100%);
  width: 131px;
}

.spendenbutton:hover .spendenaufruf {
  padding-top: 16px;
  padding-right: 1px;
}

nav.navopen .spendenbutton {
  opacity: 0;
  z-index: 0;
}

.nav_spendenbutton {
  margin-top: 10px;
  opacity: 0;
  transition: all .1s;
  transition-delay: 0s;
  cursor: pointer;
}

.nav_spendenbutton .spendenaufruf {
  display: block;
  background-color: #F76945;
  clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 95%);
  text-align: center;
  height: 60px;
  padding-top: 10px;
  transition: all .3s ease-out;
  transition-delay: 0s;
}

nav.navopen .nav_spendenbutton:hover .spendenaufruf {
  height: 80px;
  transition: all .3s ease-out;
  transition-delay: 0s;
  padding-top: 20px;
}

nav.navopen .nav_spendenbutton {
  opacity: 100%;
  transition: all .3s;
  transition-delay: .2s;
}

#mb1{
    top: 17px;
}

#mb2{
    top: 27px;
}

#mb3{
    top: 37px;
}

.mb1_trans{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin:top left;
    -ms-transform-origin:top left;
    -webkit-transform-origin:top left;
    -moz-transform-origin:top left;
    -o-transform-origin:top left;
    width: 35px;
    height: auto;
    left: 15px!important;
}

.mb2_trans{
    left: 60px!important;
}

.mb3_trans{
    -webkit-transform: rotate(-45deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(-45deg);  /* IE 9 */
    transform: rotate(-45deg);  /* Firefox 16+, IE 10+, Opera */
    transform-origin:top left;
    -ms-transform-origin:bottom left; /* IE 9 */
    -webkit-transform-origin:bottom left; /* Safari and Chrome */
    -moz-transform-origin:bottom left; /* Firefox */
    -o-transform-origin:bottom left; /* Opera */
    width: 35px;
    height: auto;
    left: 15px!important;
}

.main_navi{
    height: 0;
    overflow: hidden;
}

.main_navi li a{
    position: relative;
    text-align: center;
    padding: 10px;
    background-color: transparent;
    font-size: 30px;
    display: block;
}

.main_navi li:FIRST-CHILD {
    width: 100%;
    width: calc(100% - 56px);
    padding-left: 56px;
}

.main_navi li:HOVER {
    background-color: rgba(0,0,0,0.5);
    background-image: url(pix/circle.png);
    background-position: top 22px left;
    background-repeat: no-repeat;
}

.main_navi li.menu-item-has-children {
    position: relative;
    height: 56px;
    overflow: hidden;
    transition: .3s ease-out;
}

.main_navi li.menu-item-has-children.active {
    background-color: rgba(0,0,0,0.5);
}

.main_navi li.menu-item-has-children::before {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    top: 12px;
    right: 10px;
    background-image: url(pix/submenu.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: .3s;
}

.main_navi li.menu-item-has-children:HOVER {
    height: 112px;
}

.main_navi li ul.sub-menu li:FIRST-CHILD {
    width: 100%;
    padding-left: 0;
}

.main_navi li ul.sub-menu li:LAST-CHILD:HOVER {
    background-image: url(pix/circle.png);
}

.main_navi li.menu-item-has-children.active::before {
    transform: rotate(90deg);
}

.main_navi li:LAST-CHILD:HOVER{
    background-color: rgba(0,0,0,0.5);
    background-image: url(pix/freunde_werden.png);
    background-position: center left;
    background-repeat: no-repeat;
}

.main_navi li div.close-submenu {
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 56px;
    cursor: pointer;
}

.menu-footer-menu-container,
#menu-footer-menu,
#menu-footer-menu li{
    display: inline;
}

#menu-footer-menu li{
    margin-left: 5px;
}

.separator,
.separator:HOVER {
    background-color: transparent!important;
    background-position: center center!important;
    background-image: url(pix/line3.png)!important;
    height: 25px;
}

#nav_share {
    margin-top: 110px;
    width: 100%;
}

#nav_share a {
    display: block;
}

.navopen .smallscreen li{
    width: 33.333%;
    float: left;
    height: 56px;
}

.navopen .smallscreen .share_box{
    height: 56px;
}

.navopen .smallscreen .share_icon{
    left: 0;
    margin: auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

nav h4{
    color: rgba(255,255,255,0.5);
    text-align: center;
    margin-bottom: 18px;
    font-size: 30px;
}

.share_box{
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: transparent;
    font-size: 30px;
    margin-bottom: -20px;
}

.share_icon{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 55px;
    height: 55px;
    background-position: center center;
    background-repeat: no-repeat;
}

#updated{
    text-align: center;
    margin-bottom: 30px;
}

#intern_box{
    margin-bottom: 20px;
}

#intern_box div div{
    background-image: url(pix/icn/icn_user2.png);
}
#share_mail div div{
    background-image: url(pix/icn/icn_mail2.png);
}
#share_facebook div div{
    background-image: url(pix/icn/icn_facebook2.png);
}
#share_twitter div div{
    background-image: url(pix/icn/icn_twitter2.png);
}

#intern_sidebar,
#intern_sidebar li{
    margin: 0;
    list-style: none;
}

/*
#nav_share_ul li:HOVER{
    width: 200%;
}
*/

#nav_share_ul li:HOVER .share_box{
    background-color: rgba(0,0,0,0.5);
    margin-left: 290px;
}

.navopen #nav_share_ul li:HOVER .share_box{
    margin-left: 0px;
}

#newsletter_meta{
    position: relative;
    width: 100%;
    height: 700px;
    background-color: #ccc;
    overflow: hidden;
}

#newsletter_line1{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-image: url(pix/line.png);
    z-index: 10;
}
#newsletter_line2{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-image: url(pix/line5.png);
    z-index: 10;
}

#newsletter_bg{
    position: absolute;
    top: -800px;
    left: 0px;
    width: 100%;
    height: 1500px;
    background-position: center center;
    background-size: cover;
}

#nlhl{
    color: #fff;
    margin-bottom: 20px;
    margin-top: -40px;
}

#newsletter_meta .contentbox{
    position: absolute;
    height: 70px;
    top: 0;
    bottom: 0;
    margin: auto!important;
    z-index: 10;
}

#newsletter_box{
    height: 70px;
}
#newsletter_box2{
    height: 70px;
}

#newsletter_submit,
#newsletter{
    padding: 15px;
    text-align: center;
    font-family: amaticbold;
    font-size: 30px;
    background-color: rgba(255,255,255,0.5);
}

#newsletter:FOCUS{
    background-color: #fff;
}

#newsletter_submit{
    position: relative;
    overflow: hidden;
    margin-top: 0px;
}

#newsletter_submit:HOVER{
    background-color: #ccc;
    cursor: pointer;
}

#newsletter_submit_icon{
    position: absolute;
    width: 56px;
    height: 100%;
    top: 0;
    left: 0px;
    background-image: url(pix/icn/newsletter2.png);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
}

#newsletter_submit:HOVER #newsletter_submit_icon{
    opacity: 1;
}

#newsletter_success{
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    background-color: rgba(255,255,255,0.5);
    padding: 12px 20px;
    overflow: hidden;
    font-family: amaticbold;
    font-size: 35px;
    text-align: center;
    display: none;
}
#newsletter_success2{
    font-size: 24px;
    opacity: .7;
}

#newsletter_error {
    position: absolute;
    top: 108px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 64px;
    background-color: rgba(255,255,255,0.5);
    padding: 12px 20px;
    overflow: hidden;
    font-family: amaticbold;
    font-size: 35px;
    text-align: center;
    display: none;
}

#loginform{
    width: 50%;
    left: 0;
    right: 0;
    margin: auto;
}

label[for=user_login],
label[for=user_pass]{
    display: none;
}

#user_pass,
#user_login{
    width: 100%;
}

#user_pass,
#user_login,
#wp-submit,
#who_submit,
#nl_list_submit{
    background-color: transparent;
    color: #111;
    border: 0;
    background-image: url(pix/box1.png), url(pix/box2.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    padding: 10px 20px;
    font-family: amaticbold;
    font-size: 30px;
}

#wp-submit{
    cursor: pointer;
}

.login-remember input{
    display: none;
}

.login-remember{
    position: relative;
}


.login-remember label{
    display: inline-block;
    min-height: 32px;
    padding-left: 40px;
    background-image: url(pix/cb.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.remember_clicked{
    background-image: url(pix/cbc.png)!important;
}

#logout_true,
#login_fail{
    text-align: center;
    margin-bottom: 40px;
}

#updated span,
#logout_true span,
#login_fail span{
    background-color: #ff0000;
    padding: 10px 20px;
    color: #fff;
}

#logout_true span b,
#login_fail span b{
    color: rgba(0,0,0,0.5);
}

#updated span,
#logout_true span{
    background-color: #007808;
}
#newsbox{
    position: relative;
    width: 100%;
    height: 800px;
    background-color: #ccc;
    margin-bottom: 30px;
}

.newsbox_date{
    position: absolute;
    margin-top: 20px;
    margin-left: 20px;
    color: #fff;
    font-family: amaticbold;
    z-index: 100;
}

.newsbox_excerpt{
    color: #fff;
    padding: 0 20px;
    opacity: 0;
}

#newsbox .maincontainer_line{
    top: auto;
    bottom: 0px;
    z-index: 100;
}
#newsbox .maincontainer_line2{
    bottom: auto;
    top: 0;
    z-index: 100;
}

.newsbox_box{
    position: relative;
    float: left;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

.newsbox_box:HOVER .newsbox_excerpt{
    opacity: 1;
}

.newsbox_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    padding: 20%;
    z-index: 10;
}

.newsbox_content{
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.newsboxline1{
    position: absolute;
    left: 50%;
    left: calc(50% - 2px);
    height: 100%;
    width: 5px;
    background-image: url(pix/newsline2.png);
}

.newsboxline2{
    position: absolute;
    top: 50%;
    top: calc(50% - 2px);
    height: 5px;
    width: 50%;
    left: 50%;
    background-image: url(pix/newsline1.png);
}

.newsboxline3{
    position: absolute;
    left: 75%;
    left: calc(75% - 2px);
    height: 50%;
    top: 50%;
    width: 5px;
    background-image: url(pix/newsline2.png);
}

.newsbox_box h2{
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-top: 70px;
}

.newsbox_box:HOVER .newsbox_overlay{
    opacity: 1;
}

#newsbox .newsbox_box:FIRST-CHILD{
    width: 50%;
    height: 100%;
    background-color: #ff5500;
}


#newsbox .newsbox_box:FIRST-CHILD .newsbox_date{
    margin-top: 50px;
    margin-left: 70px;
}

#newsbox .newsbox_box:NTH-CHILD(2){
    width: 50%;
    height: 50%;
    background-color: #ff0055;
    float: right;
}

#newsbox .newsbox_box:NTH-CHILD(2) .newsbox_date{
    margin-top: 50px;
}

#newsbox .newsbox_box:NTH-CHILD(3),
#newsbox .newsbox_box:NTH-CHILD(4){
    width: 25%;
    height: 50%;
    background-color: #00ff55;
    float: right;
}

#newsbox .newsbox_box:NTH-CHILD(4){
    background-color: #5500ff;
}



#nl_list_list li{
    list-style: none;
    margin: 0;
    margin-bottom: 25px;
    font-family: amaticbold;
    font-size: 24px;
    margin-left: 50px;
}

#nl_list_list li p{
    font-family: Arial;
    font-size: 18px;
    margin: 5px 0 0 0;
    color: #555;
}

#nl_list_list li input{
    display: none;
}

#nl_list_list li label{
    cursor: pointer;
}

#nl_list_list li label:before{
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    margin-left: -40px;
    background-image: url(pix/cb.png);
    background-position: center center;
}

#nl_list_list li input:checked + label {
    opacity: 0.5;
}

#nl_list_list li input:checked + label:before {
    background-image: url(pix/cbc.png);
    opacity: 0.5;
}

#nl_feedback_box{
    position: relative;
    height: 120px;
}

.nl_feedback{
    position: absolute;
    top: 30px;
    padding: 20px;
    color: #fff;
    display: none;
    text-align: center;
}

#nl_feedback_okay{
    background-color: #046b12;
}

#nl_feedback_error{
    background-color: #800000;
}

#edit_profile{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    padding: 20px;
    overflow-y: scroll;
    display: none;
}

#edit_profile object{
    width: 100%;
    height: 100%;
}

#intern_start{
    margin-bottom: 50px;
}

#intern_sidebar li{
    margin-bottom: 20px;
}

#intern_sidebar li span{
    display: block;
    font-size: 16px;
    color: #555;
}

.intern_button{
    background-color: #ccc;
    display: block;
    padding: 10px 20px;
    font-family: amaticbold;
    font-size: 25px;
}

.intern_button:HOVER{
    background-color: #111;
    color: #fff;
}

.intern_news_link{
    padding: 2px 5px;
}

.intern_news_link:HOVER{
    background-color: #ddd;
}

.intern_seperator{
    height: 40px;
    background-image: url(pix/line4.png);
    background-position: center center;
    background-repeat: no-repeat;
}


.intern_box{
    margin-bottom: 30px;
}

#intern_content .button{
    margin-top: 40px;
}

#intern_content .bottomline:LAST-CHILD{
    background-image: none;
}

.pagination_box{
    width: 1000px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: right;
    height: 100px;
}

#weiter{
    float: right;
}

.whoiscoming{
    position: relative;
    width: 70%;
    padding: 20px;
    margin: 40px auto;
    text-align: center;
    background-image: url(pix/box1.png), url(pix/box2.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    overflow: hidden;
}

.who_container{
    position: relative;
    z-index: 1;
}

.whoiscoming h2{
    margin-bottom: 20px;
}

.whoiscoming p{
    margin: 0;
}

.whotext{
    margin-bottom: 20px!important;
    text-align: left;
}

#who_name{
    position: relative;
    background-color: transparent;
    padding: 10px;
    width: 70%;
    border: 0;
    font-family: amaticbold;
    font-size: 24px;
    margin: auto;
    display: block;
    background-image: url(pix/box1.png), url(pix/box2.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
}

.who_feedback{
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: rgba(255,255,255,0.3);
    top: 105%;
    left: 10px;
    z-index: 100;
    padding: 20px;
    opacity: 0;
}

.who_feedback.show{
    top: 10px;
    opacity: 1;
}

.shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

footer{
    width: 100%;
    height: 300px;
    background-color: #2b2b2b;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: none;
    padding-top: 50px;
    text-align: center;
}

.footer_logo{
    height: 50px;
    width: auto;
    margin-right: 20px;
    margin-bottom: 20px;
    opacity: .5;
}

.footer_logo:HOVER{
    opacity: 1;
}

#footer_hl{
    margin-bottom: 20px;
}

#footerbox{
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    width: 1000px;
    margin: auto;
    color: #fff;
}

#footercopy{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: #000;
    color: #fff;
    font-family: amaticbold;
    text-align: center;
}

.galleryh{
    margin-bottom: 20px;
    font-family: amaticbold;
    font-size: 30px;
}

.gallery-wrapper ul li{
    position: relative;
    list-style: none;
    list-style-image: none!important;
    height: auto;
	aspect-ratio: 4/3;
    padding: 0;
    margin: 0;
    width: calc(33.333% - 10px);
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.gallery-wrapper ul li div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(pix/box1.png), url(pix/box2.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    z-index: 1000;
}

.gallery-wrapper ul li img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 100;
}


#gallery_big{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 12000;
    background-color: rgba(0,0,0,0.9);
}

#gallery_img_box{
    position: relative;
    width: 100%;
    height: 100%!important;
}

#gallery_big_img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
}

#gallery_nav{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

#gallery_img_box_next,
#gallery_img_box_prev{
    position: absolute;
    height: 100%;
    width: 50%;
    left: 0;
    cursor: pointer;
}

#gallery_img_box_prev:HOVER{
    background-image: url(pix/gallery_prev.png);
    background-position: center left;
    background-repeat: no-repeat;
}

#gallery_img_box_next:HOVER{
    background-image: url(pix/gallery_next.png);
    background-position: center right;
    background-repeat: no-repeat;
}

#gallery_img_box_next{
    left: auto;
    right: 0;
}

#gallery_caption,
#gallery_no{
    position: absolute;
    top: -3px;
    left: -3px;
    padding: 10px;
    background-color: rgba(255,255,255,0.7);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    font-family: amaticbold;
    background-image: url(pix/box2.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

#gallery_caption{
    top: auto;
    bottom: -3px;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    background-image: url(pix/box3.png);
    background-position: right top;
}

#gallery_close{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-image: url(pix/gallery_close.png);
    background-size: contain;
    z-index: 9999;
    cursor: pointer;
}

#gallery_close:HOVER{
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

#kontakt_meta {
  position: relative;
  width: 100%;
  height: 700px;
  /* background-color: #ccc; */
  overflow: hidden;
}

#kontakt_line1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-image: url(pix/line.png);
    z-index: 10;
}

#kontakt_line2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-image: url(pix/line5.png);
    z-index: 10;
}

.kontakt_form {
    padding: 15px;
    margin: 0;
    margin-right: 9px;
    /* background-color: #ccc; */
    font-family: amaticbold;
    font-size: 25px;
}

.kontakt_form.onethird:last-of-type {
    margin-right: 0;
}

.kontakt_form:active,
.kontakt_form:focus {
    background-color: #FFF;
}

#nlhl {
    color: #fff;
    margin-bottom: 20px;
    margin-top: -40px;
}

.checkboxes {
  /*background-color: rgba(255, 255, 255, 0.53);*/
  padding: 15px;
  padding-left: 60px;
  margin-top: 14px;
}

.checkbox {
  position: relative;
  display: block;
  padding: 10px 0;
}

.checkboxes .checkbox input[type="checkbox"] {
  display: none;
}

.checkboxes .checkbox label::before {
  content: '';
  position: absolute;
  top: 8px;
  left: -40px;
  width: 30px;
  height: 30px;
  background-image: url(pix/cb.png);
  background-repeat: no-repeat;
}

.checkboxes .checkbox input[type="checkbox"]:checked ~ label:before{
  background-image: url(pix/cbc.png);
}

.checkboxes a {
  font-weight: bold;
}

#kontakt_submit,
#kontakt {
    padding: 15px;
    text-align: center;
    font-family: amaticbold;
    font-size: 30px;
    /* background-color: rgba(255,255,255,0.5); */
}

#kontakt:FOCUS {
    background-color: #fff;
}

#kontakt_submit {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}

#kontakt_submit:HOVER {
    /* background-color: #ccc; */
    cursor: pointer;
}

#kontakt_submit_icon {
    position: absolute;
    width: 56px;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(pix/icn/newsletter2.png);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
}

#kontakt_submit:HOVER #kontakt_submit_icon {
    opacity: 1;
    left: calc(50% - 100px);
}

#kontakt_success {
    position: absolute;
    top: 83px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    /* background-color: rgba(255,255,255,0.5); */
    padding: 12px 20px;
    overflow: hidden;
    font-family: amaticbold;
    font-size: 35px;
    text-align: center;
    display: none;
}

#kontakt_success2 {
    font-size: 24px;
    opacity: .7;
}

#kontakt_error {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 15px;
    width: 100%;
    height: 64px;
    /* background-color: rgba(255,255,255,0.5); */
    padding: 12px 20px;
    overflow: hidden;
    font-family: amaticbold;
    font-size: 35px;
    text-align: center;
    display: none;
}

.full {
  width: 100%;
  margin: 0;
  margin-top: 14px;
}

@media screen and (max-width: 800px) {
  input.onethird {
    width: 100%;
    margin-bottom: 15px;
  }

  input.onethird:last-of-type {
    margin-bottom: 0;
  }

  #kontakt_meta {
    height: 900px;
  }

  #kontakt_meta .contentbox {
    height: 800px;
  }

  #kontakt_bg {
    top: 0;
    height: 100%;
  }
}

@media screen and (max-width: 700px) {
  #kontakt_meta {
    height: 1000px;
  }

  #kontakt_meta .contentbox {
    height: 850px;
  }
}

@media screen and (max-width: 530px) {
  #kontakt_meta {
    height: 1100px;
  }

  #kontakt_meta .contentbox {
    height: 900px;
  }
}

@media screen and (max-width: 1000px) {
    #footerbox,
    .contentbox{
         width: 100%;
         padding: 56px;
     }

    #footerbox{
        padding-top: 0;
    }


    #newsletter_success{
        width: 70%;
        margin-top: 50px;
    }

    .pagination_box{
        width: 80%;
    }

    #untenauf {
        bottom: -350px;
    }

    footer {
        height: auto;
    }

    #footerbox {
        position: relative;
        bottom: 50px;
    }

    #footercopy {
        position: relative;
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 774px) {
    #untenauf {
        bottom: -420px;
    }
}

@media screen and (max-width: 700px) {
    #newsletter_submit_icon{
        display: none;
    }

    #newsletter,
    .threefourth,
    .onefourth,
    .button{
        width: 100%;
    }

    .alignright,
/*    .aligncenter,*/
    .alignleft{
        float: none;
        left: 0;
        right: 0;
        margin: auto;
        margin-bottom: 20px;
/*
        width: 100%;
        height: auto;
*/
    }

    #newsbox{
        height: auto;
    }

    .newsbox_box{
        width: 100%!important;
        float: none;
        height: 500px!important;
    }

    .nbl{
        width: 100%!important;
        height: 5px!important;
        left: 0px!important;
        background-image: url(pix/newsline1.png);
    }

    .newsboxline3{
        top: 75%;
        top: calc(75% - 2px);
    }

    .newsbox_overlay{
        opacity: 0.5;
    }

    .newsbox_excerpt{
        opacity: 1;
    }

    .newsbox_date{
        right: 20px;
        top: 20px;
        margin: 0!important;
    }

    #newsletter_submit{
        margin-top: 20px;
    }

    p img{
        width: 100%;
        height: auto;
    }

}

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


    .twothird{
        width: 100%;
    }

    #newsletter_submit{
        margin-top: 20px;
    }

    #loginform{
        width: 100%;
    }

    nav{
        height: auto;
    }
    .navopen{
        height: 100%;
    }

    #footerbox{
        top: 35px;
    }

}

@media screen and (max-width: 540px) {
    #untenauf {
        bottom: -500px;
    }
}

@media screen and (max-width: 457px) {
    #untenauf {
        bottom: -575px;
    }
}

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

    #start_bg_logo{
        top: 20%;
    }

    #maincontainer{
        margin: 0;
        top: 90%;
        padding-top: 0;
    }

    #footerbox,
    .contentbox{
        width: 100%;
        padding: 20px;
    }
    #start_bg_logo h1{
    font-size: 35px;
    }
    #start_bg_logo h3{
        font-size: 30px;
    }

    .navopen{
        width: 100%;
    }

    .img_overlay img,
    .img_overlay{
        width: 100%;
        height: auto;
        display: block;
    }

    #footerbox{
        top: 0;
    }

    .footer_logo{
        margin-bottom: 5px;
    }

    #untenauf {
        bottom: -450px;
    }
}

@media screen and (max-width: 384px) {
    #untenauf {
        bottom: -500px;
    }
}

@media screen and (max-width: 370px) {
    #call2action{
        font-size: 24px;
    }
}