body
{
font-family: 'Fira Sans', sans-serif; }
input,
button,
textarea,
select
{
outline: none !important;
}
p
{
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1
{
font-family: 'Fira Sans', sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 60px;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h2
{
font-family: 'Fira Sans', sans-serif;
font-size: 30px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h3
{
font-family: 'Fira Sans', sans-serif;
font-size: 24px;
font-weight: 700;
color: #1e254a;
text-transform: none;
}
h4
{
font-family: 'Fira Sans', sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
h5
{
font-family: 'Fira Sans', sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
h6
{
font-family: 'Fira Sans', sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
#header_balke
{
font-family: 'Fira Sans', sans-serif;
font-weight: 400;
width: 100%;
height: 30px;
transition: all .3s ease;
background: #00204e;
}
.hidden-header #header_balke
{
margin-top: -30px;
}
.header01
{
padding-top: 0;
}
#top_menu .navbar-nav > li > a
{
font-family: 'Fira Sans', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
letter-spacing: .06em;
text-transform: uppercase;
color: #7e7892;
}
#top_menu .nav > li > a:hover,
.nav > li > a:focus
{
text-decoration: none;
color: #e00a34;
background: none;
}
#top_menu
{
float: left;
}
.header01 a,
.header01 p
{
font-family: 'Fira Sans', sans-serif !important;
font-weight: 400;
}
#menu-top-menu li a
{
padding-right: 20px;
padding-left: 20px;
}
#menu-top-menu li:first-child a
{
padding-left: 0;
}
#menu-top-menu li
{
border-right: 1px solid rgba(255,255,255,.2);
}
#menu-top-menu li:last-child
{
padding-right: 0;
border-right: 0px !important;
}
#top_search
{
float: left;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#footer a
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#h_search_form,
#h_subscribe_form
{
font-family: 'Fira Sans', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 30px;
float: left;
width: 225px;
height: 30px;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
letter-spacing: .06em;
color: #fff;
border: 0;
background: #403e61;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#h_subscribe_form,
#subscribe_submit
{
margin-top: 5px;
}
#h_search_form::-webkit-input-placeholder
{transition: text-indent .3s ease;text-indent: 0;
color: rgba(255,255,255,.8);
}
#h_search_form::-moz-placeholder
{transition: text-indent .3s ease;text-indent: 0;
color: rgba(255,255,255,.8);
}
#h_search_form:-moz-placeholder
{transition: text-indent .3s ease;text-indent: 0;
color: rgba(255,255,255,.8);
}
#h_search_form:-ms-input-placeholder
{transition: text-indent .3s ease;text-indent: 0;
color: rgba(255,255,255,.8);
}
#h_search_form:focus::-webkit-input-placeholder
{transition: text-indent .3s ease;text-indent: 500px;
color: rgba(255,255,255,.8);
}
#h_search_form:focus::-moz-placeholder
{transition: text-indent .3s ease;text-indent: 500px;
color: rgba(255,255,255,.8);
}
#h_search_form:focus:-moz-placeholder
{transition: text-indent .3s ease;text-indent: 500px;
color: rgba(255,255,255,.8);
}
#h_search_form:focus:-ms-input-placeholder
{transition: text-indent .3s ease;text-indent: 500px;
color: rgba(255,255,255,.8);
}
#h_subscribe_form::-webkit-input-placeholder
{transition: text-indent .3s ease;text-indent: 0;
color: rgba(255,255,255,.8);
}
#h_subscribe_form::-moz-placeholder
{transition: text-indent .3s ease;text-indent: 0;
color: rgba(255,255,255,.8);
}
#h_subscribe_form:-moz-placeholder
{transition: text-indent .3s ease;text-indent: 0;
color: rgba(255,255,255,.8);
}
#h_subscribe_form:-ms-input-placeholder
{transition: text-indent .3s ease;text-indent: 0;
color: rgba(255,255,255,.8);
}
#h_subscribe_form:focus::-webkit-input-placeholder
{transition: text-indent .3s ease;text-indent: 500px;
color: rgba(255,255,255,.8);
}
#h_subscribe_form:focus::-moz-placeholder
{transition: text-indent .3s ease;text-indent: 500px;
color: rgba(255,255,255,.8);
}
#h_subscribe_form:focus:-moz-placeholder
{transition: text-indent .3s ease;text-indent: 500px;
color: rgba(255,255,255,.8);
}
#h_subscribe_form:focus:-ms-input-placeholder
{transition: text-indent .3s ease;text-indent: 500px;
color: rgba(255,255,255,.8);
}
#h_subscribe_form
{
width: 375px;
}
#subscribe_form
{
text-align: right;
}
.go_to_archive
{
line-height: 30px;
float: right;
height: 30px;
margin-left: 0;
padding: 0;
padding-right: 25px;
padding-left: 25px;
text-align: center;
border: 0;
background: #00102e;
}
#search_submit
{
line-height: 30px;
width: 54px;
height: 30px;
padding: 0;
text-align: center;
color: #7e7892;
border: 0;
border-right: 1px solid rgba(255,255,255,.2);
background: none;
}
#search_submit:after
{
font-family: FontAwesome;
font-size: inherit;
display: inline-block;
content: '\f002';
transition: all ease-in-out .3s;
transition-delay: initial;
transition-timing-function: ease-in-out;
transition-duration: .3s;
transition-property: all;
color: #7e7892;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#search_submit:hover:after
{
color: #e00a34;
}
#search_submit:active
{
background-color: #e00a34;
}
#top_login
{
font-size: 12px;
line-height: 30px;
float: right;
padding-right: 20px;
padding-left: 20px;
letter-spacing: .06em;
color: #fff;
background: #000;
transition: all ease-in-out .2s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
#top_login:hover{
background: #c70000;
}
.header01
{
padding-top: 0;
}
.header01 .navbar .navbar-nav
{
font-size: 16px;
font-weight: 400;
position: initial;
right: initial;
letter-spacing: .02em;
}
.navbar-collapse
{
width: 75%;
float: left;
margin-top: 43px;
padding-left: 0;
transition: all ease-in-out .2s;
}
.sticky-header .navbar-collapse
{
margin-top: 23px;
}
.navbar-header
{
float: right;
}
.navbar-brand
{
display: block;
}
.header01 .navbar .navbar-brand .logo-header
{
position: relative;
width: 153px;
height: 80px;
}
#menu-main-menu > .current-menu-parent .link_menu_image div
{ }
#menu-main-menu > .current-menu-parent ul > li a.link_menu_image:before
{
z-index: 2;
display: block;
width: 100%;
height: 100%;
content: '';
transition: all .22s ease;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: rgba(224,10,52,.6);
}
#menu-main-menu > .current-menu-parent ul > li.current-menu-item a.link_menu_image:before
{
display: none;
}
#menu-main-menu > .current-menu-parent ul > li:hover a.link_menu_image:before
{
display: none;
}
#menu-main-menu > .current-menu-parent .fullscreen_container:hover ul > li a.link_menu_image:before
{
display: block;
}
#menu-main-menu > .current-menu-parent .fullscreen_container:hover ul > li:hover a.link_menu_image:before
{
display: none;
}
.fullscreen_container
{
position: absolute;
top: 60px;
left: 0;
overflow: hidden;
width: 100%;
max-height: 0;
transition: all ease-in-out .4s;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
opacity: 0;
background-color: #e00a34 !important;
}
.fullscreen_container .fullscreen_container
{
background-color: #bb082b !important;
}
.nav > li > .fullscreen_container
{
top: 66px;
}
.nav > li:hover > .fullscreen_container
{
z-index: 2;
top: 79px;
display: block;
overflow: initial;
max-height: 500px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
opacity: 1;
}
.sticky-header .nav > li:hover > .fullscreen_container
{
top: 59px;
}
.nav > li > .fullscreen_container > .container > ul>li
{
padding-right: 17px;
padding-left: 17px;
text-align: center;
}
.nav > li > .fullscreen_container > .container > ul > li:first-child
{
padding-left: 0;
}
.nav > li > .fullscreen_container > .container > ul > li:last-child
{
padding-right: 0;
}
.nav > li:hover .fullscreen_container li .fullscreen_container
{
position: absolute;
display: none;
}
.nav > li .fullscreen_container li:hover .fullscreen_container
{
top: 190px;
}
.nav > li .fullscreen_container li:hover .fullscreen_container
{
top: 190px;
display: block;
max-height: 300px;
opacity: 1;
}
.nav > li#menu-item-301 .fullscreen_container li:hover .fullscreen_container
{
top: 210px;
top: 210px;
}
.header01 .navbar li.menu-item-has-children ul
{
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu-main-menu .dropdown-menu
{
position: relative;
display: inline-flex;
justify-content: space-around;
}
body.ie-11 #menu-main-menu .dropdown-menu
{
position: relative;
display: block;
}
body.ie-11 .header01 .navbar .navbar-nav {
position: absolute;
left: 0px;
right: 0px;
top: 35px;
}
body.ie-11 #menu-main-menu .menu-item-has-children .dropdown-menu .menu-item {
flex: none;
}
.nav > li
{
position: initial;
}
#header .container
{
position: initial;
}
#menu-main-menu .menu-item-has-children .dropdown-menu .menu-item
{
flex: 0 1 auto;
position: relative;
}
#menu-main-menu .fullscreen_container > .container > .dropdown-menu > li {
width: 159px;
}
#menu-main-menu .fullscreen_container > .container > .dropdown-menu > li > a {
max-width: initial;
}
#menu-main-menu .dropdown-menu li .dropdown-menu
{
min-width: 125px;
display: none;
bottom: 0;
height: 40px;
}
#menu-main-menu .dropdown-menu li:hover .dropdown-menu {
display: inline-flex;
}
#menu-main-menu .dropdown-menu li:hover .menu-lvl1-bg {
display: block;
width: 200vw;
height: 40px;
background-color: #bb082b;
position: absolute;
left: -100vw;
}
#menu-main-menu .menu-item-has-children .dropdown-menu li .dropdown-menu .menu-item
{
z-index: 10000;
}
#menu-main-menu .menu-item-has-children .dropdown-menu > li > .dropdown-menu > li > a {
min-height: 40px!important;
white-space: nowrap;
max-width: none;
}
.header01
{
padding-bottom: 0;
}
.header01 .navbar .navbar-nav > li > a
{
font-family: 'FiraSans-Regular';
font-size: 14px;
font-size: 16px;
font-weight: 400;
letter-spacing: .02em;
border-top: 2px solid #fff;
border-bottom: 0;
}
.header01 .navbar .navbar-nav  .fullscreen_container li a
{
font-family: 'Fira Sans', sans-serif !important;
font-size: 14px;
font-weight: 400;
max-width: 125px;
white-space: initial;
text-transform: none !important;
color: #fff !important;
}
.header01 .navbar .navbar-nav #menu-item-292 .fullscreen_container > .container > ul li a,
.header01 .navbar .navbar-nav #menu-item-301 .fullscreen_container > .container > ul li a
{
min-height: 60px;
}
.sticky-header .navbar .navbar-brand .logo-header
{
top: 0;
}
.header01 .navbar .navbar-nav > .active > a
{
color: #e00a34;
border-top: 2px solid #e00a34;
border-bottom: 0;
}
.header01 .navbar .navbar-nav > li > a:hover
{
color: #e00a34;
border-top: 2px solid #fff;
border-bottom: 0;
}
.header01 .navbar .navbar-nav > li > a:active
{
color: #e00a34;
border-top: 2px solid #e00a34;
border-bottom: 0;
}
.caret
{
display: none;
}
.header01 .navbar .navbar-nav > li > a
{
padding: 10px 0 5px 0;
margin-top: -3px;
text-transform: none;
}
.header01 .navbar .navbar-nav > li
{
padding-right: 15px;
padding-left: 15px;
}
.header01 .navbar .navbar-nav > li:first-child
{
padding-left: 0;
}
.header01 .navbar .dropdown-menu li a:hover
{
background-color: #e00a34 !important;
}
.link_menu_image
{
display: block;
display: -webkit-flex !important; display:         flex !important;
width: 125px;
height: 125px;
margin: auto;
margin-top: 20px;
margin-bottom: 7px;
padding: 0 !important;
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
}
.link_menu_image > div
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 125px;
height: 125px;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.nav > li > .fullscreen_container:hover > .container > ul > li a
{
opacity: .60;
}
.nav > li > .fullscreen_container > .container > ul > li a.link_menu_image:before
{
z-index: 2;
display: block;
width: 100%;
height: 100%;
content: '';
transition: all .22s ease;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: rgba(224,10,52,.0);
}
.nav > li > .fullscreen_container:hover > .container > ul > li a.link_menu_image:before
{
z-index: 2;
display: block;
width: 100%;
height: 100%;
content: '';
transition: all .22s ease;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: rgba(224,10,52,.6);
}
.nav > li > .fullscreen_container:hover > .container > ul > li:hover a.link_menu_image:before
{
width: 100%;
height: 100%;
background: rgba(224,10,52,.0);
}
.nav > li > .fullscreen_container:hover > .container > ul > li:hover a,
.nav > li > .fullscreen_container > .container > ul > li a.link_menu_image
{
position: relative;
opacity: 1;
}
#menu-main-menu > .menu-item-has-children:hover a
{
position: relative;
}
#menu-main-menu > .menu-item-has-children > a:after{
position: absolute;
z-index: 3;
bottom: 0;
left: 50%;
width: 0;
height: 0;
margin-bottom: -10px;
margin-left: -11px;
content: '';
border-width: 11px 11px 0 11px;
border-style: solid;
border-color: #fff transparent transparent transparent;
opacity: 0;
-webkit-transition: 0.2s !important;
-moz-transition: 0.2s !important;
-o-transition: 0.2s !important;
transition: 0.2s !important;
-webkit-transition-delay: 0.1s !important;
-moz-transition-delay: 0.1s !important;
-o-transition-delay: 0.1s !important;
transition-delay: 0.1s !important;
}
#menu-main-menu > .menu-item-has-children:hover > a:after
{
opacity: 1;
-webkit-transition: 0.4s !important;
-moz-transition: 0.4s !important;
-o-transition: 0.4s !important;
transition: 0.4s !important;
-webkit-transition-delay: 0.3s !important;
-moz-transition-delay: 0.3s !important;
-o-transition-delay: 0.3s !important;
transition-delay: 0.3s !important; }
.navbar-brand
{
height: 80px;
}
.sticky-header .navbar-brand
{
height: 60px;
}
#menu-main-menu .menu-item-has-children .menu-item-has-children:hover a
{
position: relative;
}
#menu-main-menu .menu-item-has-children .menu-item-has-children:hover > a:after
{
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
width: 0;
height: 0;
margin-bottom: -8px;
margin-left: -11px;
content: '';
-webkit-transition: 0s !important;
-moz-transition: 0s !important;
-o-transition: 0s !important;
transition: 0s !important;
-webkit-transition-delay: 0s !important;
-moz-transition-delay: 0s !important;
-o-transition-delay: 0s !important;
transition-delay: 0s !important;
border-width: 11px 11px 0 11px;
border-style: solid;
border-color: #e00a34 transparent transparent transparent;
}
#menu-main-menu .menu-item-has-children .menu-item-has-children:hover > a.link_menu_image:after
{
display: none;
}
.header01 .navbar .navbar-brand #logo
{
position: absolute;
top: 0;
right: 0;
width: 148px; height: auto;
margin-top: 14px;
transition: all ease-in-out 200ms;
opacity: 1;
}
.header01 .navbar .navbar-brand #logo2
{
position: absolute;
top: 0;
right: 0;
width: 148px; height: auto;
margin-top: 14px;
transition: all ease-in-out 200ms;
opacity: 0;
}
.sticky-header.header01 .navbar .navbar-brand #logo2,
.sticky-header.header01 .navbar .navbar-brand #logo
{
width: 110px;
height: autopx;
margin-top: 10px;
}
.header01 .navbar .navbar-brand:hover #logo
{
opacity: 0;
}
.header01 .navbar .navbar-brand:hover #logo2
{
opacity: 1;
}
.header01 .navbar .navbar-brand
{
padding-right: 0;
}
#subscribe_balke
{
height: 210px;
padding-top: 25px;
padding-bottom: 10px;
background: #00204e;
}
#subscribe_balke #mc_embed_signup .indicates-required {
font-family: 'Fira Sans', sans-serif !important;
font-size: 13px;
font-weight: 400;
color: #ffffff;
display: block;
width: 100%;
line-height: 22px;
margin: 25px 0 10px 0;
}
#subscribe_balke #mc_embed_signup .mc-field-group {
display: inline-block;
width: 33%;
}
#subscribe_balke #mc_embed_signup .mc-field-group label {
display: inline-block;
width: 33%;
color: #ffffff;
font-weight: 400;
text-align: right;
}
#subscribe_balke #mc_embed_signup .mc-field-group input {
display: inline-block;
width: 63%;
height: 30px;
line-height: 30px;
padding: 0 10px;
color: #fff;
border: 0;
background: #403e61;
}
#subscribe_balke #mc_embed_signup input#mc-embedded-subscribe {
display: block;
width: 250px;
height: 30px;
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
margin-right: 1.4%;
text-align: center;
float: right;
}
#footer
{
padding-top: 0;
padding-bottom: 0;
}
.footer01
{
background: #00204e;
}
#social_media
{
padding: 60px 0;
background: #e00a34;
}
#social_media > .container,
#contact_information > .container
{
padding-right: 0;
padding-left: 0;
}
#printer_news
{
float: left;
width: 40px;
height: 40px;
margin-right: 20px;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/printer_news.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#subscribe_balke p
{
font-family: 'Fira Sans', sans-serif !important;
font-size: 14px;
font-weight: 400;
line-height: 40px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
float: left;
width: 400px;
line-height: 22px;
}
#contact_information,
#contact_information p
{
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#contact_information
{
padding-top: 30px;
padding-bottom: 30px;
}
.social_posts
{
padding-bottom: 25px;
}
.social_footer_image
{
width: 100%;
height: 115px;
margin-top: 5px;
margin-bottom: 5px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.social_footer_content
{
font-family: 'Fira Sans', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #fff;
}
#footer .social_footer_content a
{
color: white;
}
#footer .social_footer_content a:hover {
color: #00204e !important;
transition: all 300ms ease-in-out;
}
.social_type_header_border
{
width: 100%;
padding-top: 25px;
border-top: 1px solid #fff;
}
.social_type_header
{
font-family: 'Fira Sans', sans-serif;
font-size: 10px;
font-weight: 400;
color: #fff;
}
.social_posts_1,
.social_posts_3,
.social_posts_5,
.social_posts_7
{
border-bottom: 1px solid #fff;
}
.contact_information_block
{
padding-top: 25px;
padding-bottom: 25px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#footer_logo
{
width: 100%;
height: 40px;
margin-top: 7px;
margin-bottom: 7px;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/logo_white.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
.contact_information_block
{
font-family: 'Fira Sans', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#copyright
{
line-height: 45px;
width: 100%;
text-align: center;
color: #fff;
background: #000;
}
#copyright p
{
line-height: 60px;
display: inline;
float: left;
color: #fff;
} .footer_navigation .nav > li:last-child
{
padding-bottom: 25px;
border-bottom: 1px solid #fff;
}
.footer_navigation .nav > li
{
float: left;
width: 100%;
margin-bottom: 25px;
}
.footer_navigation .nav li a:hover
{
color: #e00a34 !important;
background: none !important;
}
.footer_navigation .nav > li > a
{
font-family: 'Fira Sans', sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 15px;
padding: 0;
padding-top: 25px;
text-transform: uppercase;
border-top: 1px solid #fff;
}
.footer_navigation .sub-menu
{
padding-left: 0;
list-style: none;
list-style-type: none;
}
.contact_menu li a
{
margin-bottom: 0 !important;
padding-top: 10px !important;
border-top: 0 !important;
border-bottom: 0 !important;
}
.contact_menu li:first-child a
{
padding-top: 25px !important;
border-top: 1px solid #fff !important;
}
.contact_menu li
{
margin-bottom: 0 !important;
}
.footer-social
{
margin-top: 15px;
}
.footer-social a i
{
font-size: 30px;
display: block;
float: left;
margin-right: 10px;
transition: all .2s ease;
color: rgba(255,255,255,.5);
}
.footer-social a:hover i
{
color: #e00a34;
}
#videoplayer
{
position: fixed;
z-index: 1;
top: 60px;
left: 0;
width: 100%;
}
#start_seite_bg
{
position: relative;
z-index: 2;
width: 100%;
height: 3190px;
border: 0 solid #f00; background: -moz-linear-gradient(top,  rgba(173,194,213,0) 0%, rgba(173,194,213,0) 47%, rgba(173,194,213,1) 84%); background: -webkit-linear-gradient(top,  rgba(173,194,213,0) 0%,rgba(173,194,213,0) 47%,rgba(173,194,213,1) 84%); background: linear-gradient(to bottom,  rgba(173,194,213,0) 0%,rgba(173,194,213,0) 47%,rgba(173,194,213,1) 84%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adc2d5', endColorstr='#c9adc2d5',GradientType=0 );  }
#start_seite_bg_png
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat; background-position: center;
background-size: contain;
}
#start_seite_bg_sky
{
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
display: none !important;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/CTAO_home_clowds-1.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
#start_seite_bg_telescope
{
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
width: 100%;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/CTA_PARANAL_2020/2020_CTA_Paranal_Comp_8K_2560x746_trans.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
}
.header01 .navbar .navbar-nav .active a
{
border-bottom: 0;
}
#timeline
{
position: absolute;
z-index: 5;
top: 423px;
left: 50%;
width: 262px;
margin-left: -570px;
}
#first_block
{
width: 100%;
height: 200px;
border-width: 1px 0 1px 1px;
border-style: solid;
-webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(white), to(rgba(255, 255, 255, 0))) 1 100%;
-webkit-border-image: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0)) 1 100%;
-moz-border-image:    -moz-linear-gradient(bottom, white, rgba(255, 255, 255, 0)) 1 100%;
-o-border-image:      -o-linear-gradient(bottom, white, rgba(255, 255, 255, 0)) 1 100%;
border-image:         linear-gradient(to top, white, rgba(255, 255, 255, 0)) 1 100%;
}
#last_block
{
width: 100%;
height: 200px;
border-width: 1px 0 1px 1px;
border-style: solid;
-webkit-border-image: -webkit-gradient(linear,  100% 0, 0 0, from(white), to(rgba(255, 255, 255, 0))) 1 100%;
-webkit-border-image: -webkit-linear-gradient(top, white, rgba(255, 255, 255, 0)) 1 100%;
-moz-border-image:    -moz-linear-gradient(top, white, rgba(255, 255, 255, 0)) 1 100%;
-o-border-image:      -o-linear-gradient(top, white, rgba(255, 255, 255, 0)) 1 100%;
border-image:         linear-gradient(to bottom, white, rgba(255, 255, 255, 0)) 1 100%;
}
.timeline_item
{
position: relative;
height: 135px;
border-left: 1px solid #fff;
}
.st_s_link:before,
.st_s_link:after
{
display: none !important;
}
.st_s_link
{
display: inline !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
text-decoration: underline;
opacity: 1 !important;
color: #fff !important;
}
.timeline_item_active.timeline_item a,
.timeline_item_active_hover.timeline_item a
{
line-height: 30px;
position: relative;
display: block;
height: 65px;
padding-left: 15px; cursor: pointer;
transition: all ease-in-out .2s !important;
color: #fff;
border-top: 3px solid rgba(199,0,0,0);
border-bottom: 2px solid rgba(199,0,0,0);
}
.timeline_item_active.timeline_item a:after,
.timeline_item_active_hover.timeline_item a:after
{
font-family: 'Ionicons';
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 18px;
position: absolute;
bottom: 0;
left: 15px;
display: inline-block;
width: 20px;
height: 20px;
margin-bottom: 7px;
content: '\f3d1';
transition: all ease-in-out .2s !important;
text-align: center;
text-transform: none;
border: 1px solid #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
speak: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.timeline_item_active.timeline_item a.timeline_item_selected,
.timeline_item_active_hover.timeline_item a.timeline_item_selected
{
color: #c70000;
border-top: 3px solid #c70000;
border-bottom: 2px solid #c70000;
}
.timeline_item_active.timeline_item a.timeline_item_selected:after,
.timeline_item_active_hover.timeline_item a.timeline_item_selected:after
{
border-color: #c70000;
}
.red_timeline.timeline_item_active.timeline_item a:after,
.red_timeline.timeline_item_active_hover.timeline_item a:after
{
transition: all ease-in-out .2s !important;
color: #f00;
border-color: #f00;
}
.navbar-brand,
.nav-top
{
transition: all ease-in-out .2s !important;
}
.timeline_item.red_timeline a
{
color: #f00;
}
.timeline_item_active.timeline_item a:before,
.timeline_item_active_hover.timeline_item a:before
{
position: absolute;
top: 10px;
left: 0;
display: block;
width: 10px;
height: 10px;
margin-left: -5px;
content: '';
border-radius: 100%;
background: #fff;
}
.timeline_item a
{
line-height: 30px;
position: relative;
display: block;
height: 30px;
padding-left: 15px;
cursor: default;
color: rgba(255,255,255,.35);;
}
.timeline_item a:before
{
position: absolute;
top: 14px;
left: 0;
display: block;
width: 10px;
height: 1px;
margin-left: -5px;
content: '';
border-top: 1px solid rgba(255,255,255,1);
}
#tooltip_shadow
{
position: fixed;
z-index: 100;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0,0,0,.4);
}
.tooltip_inhalt
{ position: absolute;
z-index: 101;
display: none;
width: 550px;
padding: 10px;
opacity: 0;
background: #e00a34;
}
.tooltip_boottom_hover
{
display: inline-block;
width: 400px;
margin-bottom: 0px;
position: relative;
margin-left: -180px;
padding: 10px;
padding-bottom: 30px !important;
background: #e00a34;
}
.tooltip_boottom_hover_container{
padding-bottom: 50px;
position: absolute;
z-index: 20;
bottom: 0;
left: 0;
}
.tooltip_inhalt_bild,
.tooltip_inhalt_bild
{
float: left;
width: 200px;
height: 150px;
margin-right: 15px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.tooltip_inhalt_close,
.tooltip_inhalt_close
{
font-size: 32px;
position: absolute;
top: 10px;
right: 10px;
display: block;
color: #fff;
}
.tooltip_inhalt_text,
.tooltip_inhalt_text
{
font-size: 12px;
padding-right: 30px;
color: #fff;
}
.tooltip_inhalt_text p,
.tooltip_inhalt_text p
{
font-size: 12px;
color: #fff;
}
.tooltip_inhalt_text a,
.tooltip_inhalt_text a
{
color: #444;
}
.tooltips_left .tooltip_inhalt:before
{
position: absolute;
top: 15px;
left: 0;
width: 0;
height: 0;
margin-left: -10px;
content: '';
border-width: 10px 10px 10px 0;
border-style: solid;
border-color: transparent #e00a35 transparent transparent;
}
.tooltip_boottom_hover:before
{
position: absolute;
bottom: 0;
left: 190px;
width: 0;
height: 0;
margin-bottom: -10px;
content: '';
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #e00a35 transparent transparent transparent;
}
#startseite_content
{
position: absolute;
z-index: 5;
top: 200px;
left: 50%;
width: 555px;
margin-left: -285px;
}
#startseite_widget
{
position: absolute;
z-index: 5;
top: 638px;
left: 50%;
width: 262px;
margin-left: 308px;
}
#startseite_webcam
{
position: absolute;
z-index: 5;
top: 1830px;
left: 50%;
width: 270px;
margin-left: -285px;
}
#startseite_pciture
{
position: absolute;
z-index: 5;
top: 2320px;
top: 1860px;
left: 50%;
width: 570px;
width: 555px;
margin-left: 15px;
}
#startseite_content h1,
#startseite_content h2
{
color: #fff;
}
#startseite_content h1
{
font-family: 'Fira Sans';
font-size: 60px;
font-weight: 700;
line-height: 60px;
display: block;
width: 683px;
height: 180px;
text-transform: none;
}
#startseite_content h2
{
font-family: 'Fira Sans';
font-size: 30px;
font-weight: 800;
display: block;
height: 40px;
}
.start_seite_content_block
{
width: 100%;
margin-top: 130px;
padding: 15px;
border-top: 5px solid #fff;
background: #1e254a;
}
.start_seite_content_block .block_title
{
color: #fff;
}
.start_seite_content_block .block_image
{
width: 100%;
height: 200px;
margin-top: 15px;
margin-bottom: 15px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.start_seite_content_block .block_text,
.start_seite_content_block .block_text p
{
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
line-height: 22px;
color: #fff;
}
.start_seite_content_block .block_link
{
color: #c70000;
}
.start_seite_widget_block
{
width: 100%;
padding: 15px;
margin-bottom: 230px;
border-top: 5px solid #1e254a;
background: #fff;
}
.start_seite_widget_block h2.block_title
{
color: #1e254a !important;
}
.start_seite_content_block .block_title
{
font-size: 16px;
color: #1e254a;
}
.start_seite_content_block .embed-responsive {
margin-top: 15px;
margin-bottom: 15px;
}
.block_news_image
{ height: 120px;
margin-bottom: 7px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.block_news_title
{
font-size: 18px;
color: #1e254a;
line-height: 22px;
}
.block_news_title a{
color: #1e254a;
text-decoration: none !important;
}
.block_news_title a:hover{
color: #7b0000;
}
.block_news_title a:hover, .block_news_title a:active,.block_news_title a:focus{
text-decoration: none !important;
}
.block_news_date
{
font-size: 14px;
color: #1e254a;
}
.block_news
{
padding-top: 20px;
padding-bottom: 20px;
text-transform: uppercase;
border-top: 1px solid #1e254a;
}
.button_news,
.go_to_archive, .block_link_read_more, .btn-primary
{
line-height: 30px;
position: relative;
z-index: 2;
display: inline-block;
width: auto;
margin-top: 5px;
margin-bottom: 15px;
padding-right: 30px;
padding-left: 30px;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
text-align: left;
text-transform: uppercase;
color: #fff;
border: none;
border-radius: 0;
background: #e00a34;
}
.button_news:after,
.go_to_archive:after, .block_link_read_more:after, .btn-primary:after
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
content: '';
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
text-align: right;
background-color: #00204e;
}
.button_news:hover,
.go_to_archive:hover, .block_link_read_more:hover, .btn-primary:hover
{
color: #fff;
}
.button_news:hover:after,
.go_to_archive:hover:after, .block_link_read_more:hover:after, .btn-primary:hover:after
{
min-height: 0;
}
.trenen_bild.fancybox:hover div
{
opacity: 1;
}
#subscribe_submit
{
line-height: 30px;
position: relative;
z-index: 2;
display: inline-block;
width: auto;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 0;
padding-right: 30px;
padding-bottom: 0;
padding-left: 30px;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
text-align: left;
text-transform: uppercase;
color: #fff;
border: none;
border-radius: 0;
background: #e00a34;
}
#subscribe_submit:after
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
content: '';
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
text-align: right;
background-color: #00102e;
}
#subscribe_submit:hover
{
color: #fff;
}
#subscribe_submit:hover:after
{
min-height: 0;
}
.header01 .navbar .navbar-nav li a
{
color: #00204e;
}
.telescope_tooltip
{
font-size: 18px !important;
position: absolute;
display: block;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-width: 70px;
}
.telescope_1
{
bottom: 0;
left: 12%;
width: 4%;
}
.telescope_2
{
bottom: 0;
left: 80%;
width: 4%;
}
.telescope_3
{
bottom: 0;
left: 23%;
width: 4%;
}
.telescope_4
{
bottom: 0;
left: 46.5%;
width: 4%;
}
#content > .container
{
padding-top: 75px;
}
.page_header_block > .col-xs-12
{
color: #fff;
}
.page_header_block > .col-sm-3 .border-top-div
{
width: 100%;
margin-bottom: 20px;
border-top: 3px solid #fff;
}
.page_header_block > .col-sm-9 .border-top-div
{
width: 100%;
margin-bottom: 20px;
border-top: 5px solid #fff;
}
.media_block > div
{
width: 100%;
height: 180px;
cursor: pointer;
background-color: #1e254a;
background-repeat: no-repeat;
background-position: center;
background-size: 30%;;
}
.media_block.media_block_active > div
{
background-color: #e10a36;
}
.media_block
{
position: relative;
}
.media_block.media_block_active:after
{
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
margin-bottom: -18px;
margin-left: -10px;
content: '';
border-width: 20px 20px 0 20px;
border-style: solid;
border-color: #e10a36 transparent transparent transparent;
}
.link_list
{
display: none;
width: 100%;
margin-top: 45px;
margin-left: 0;
padding-left: 0;
list-style: none;
list-style-type: none;
}
.link_list_active
{
display: block;
}
.link_list li
{
position: relative;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 1px solid #aaa;
}
.link_list li i
{
line-height: 18px;
display: block;
float: left;
width: 21px;
height: 21px;
margin-right: 10px;
text-align: center;
color: #02204e;
border: 1px solid #333;
border-radius: 100%;
}
.link_list li a
{
font-weight: bold;
line-height: 21px;
color: #02204e;
}
.link_list li a:hover
{
color: #e10a36;
}
.link_list li:first-child
{
border-top: 1px solid #aaa;
}
.media_block div span
{
display: inline-block;
margin-top: 15px;
margin-left: 15px;
color: #fff;
}
.page_content
{
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.row_content_block
{
margin-top: 100px;
padding-right: 15px;
padding-left: 15px;
border-top: 5px solid #e00a34;
background: #fff;
}
.subpages
{
padding-right: 0;
padding-left: 0;
}
.intro_text_content .col-xs-3
{
padding-left: 0;
}
.intro_text_content .col-xs-9
{
padding-right: 0;
}
.intro_text_title,
.zitaten,
.intro_text_title p
{
font-size: 20px;
line-height: 30px;
}
.intro_text_title
{
margin-bottom: 20px;
}
.intro_text_text,
.zitaten p
{
font-size: 16px;
line-height: 24px;
}
.zitaten
{
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
.intro_text_content
{
display: inline-block;
padding-top: 20px;
padding-bottom: 20px;
}
.intro_text_middle
{
position: absolute;
display: -webkit-flex ; display:         flex;
height: 100%;
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
}
.intro_text .intro_text_middle
{
transition: all .2s ease;
opacity: 0;
}
.intro_text.opened_block .intro_text_middle
{
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
opacity: 1;
}
.white_gradient
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 200px;
transition: all .3s ease;
background: rgba(237,237,237,0);
background:    -moz-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,.07) 7%, rgba(255,255,255,.78) 78%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,0)), color-stop(7%, rgba(246,246,246,.07)), color-stop(78%, rgba(255,255,255,.78)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,.07) 7%, rgba(255,255,255,.78) 78%, rgba(255,255,255,1) 100%);
background:      -o-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,.07) 7%, rgba(255,255,255,.78) 78%, rgba(255,255,255,1) 100%);
background:     -ms-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,.07) 7%, rgba(255,255,255,.78) 78%, rgba(255,255,255,1) 100%);
}
.intro_text.opened_block .white_gradient
{
margin-bottom: -200px;
}
.intro_text_content
{
position: relative;
overflow: hidden;
height: 225px;
}
.link_up_doan
{
font-size: 36px;
position: absolute;
bottom: 0;
left: 50%;
width: 40px;
height: 40px;
margin-bottom: -40px;
margin-left: -20px;
color: #00204e;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/cherenkov-telescope-array_icons-plus-blue.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.link_up_doan:hover
{
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/cherenkov-telescope-array_icons-plus-red.png);
}
.col-xs-12-linkcenter .link_up_doan
{ }
.bg_white
{
background: none;
}
.bg_white .wpb_wrapper
{
background: #fff;
}
.subpages
{
margin-top: 50px;
}
.widget_children
{
position: relative;
height: 300px;
padding: 20px;
border: 2px solid #fff;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/widget.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.widget_children h3
{
font-size: 30px;
position: absolute;
z-index: 2;
color: #fff;
}
.neu_plus
{
display: inline-block;
width: 36px;
height: 36px;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/cherenkov-telescope-array_icons-plus-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.on_hover_widget
{
font-size: 36px;
position: absolute;
top: 0;
left: 0;
display: -webkit-flex !important; display:         flex !important;
width: 100%;
height: 100%;
transition: all .3s ease;
opacity: 0;
color: #fff;
background: rgba(230, 39, 51, .8);
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.on_hover_widget i
{
color: #fff;
}
.intro_text_text ul
{
margin-top: 15px;
padding-left: 0;
}
.intro_text_text ul li
{
font-size: 16px;
padding: 10px 20px 10px 0;
list-style: disc;
list-style-position: inside;
-webkit-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
color: #102335;
border-bottom: solid 1px #102335;
border-bottom: solid 1px #aaa;
padding-left: 2.5em !important;
text-indent: -2.0em !important;
}
.widget_children:hover .on_hover_widget
{
z-index: 1;
opacity: 1;
background: rgba(230, 39, 51, .8);
}
.widget_children ul
{
position: absolute;
z-index: 3;
top: 75px;
left: 20px;
padding-left: 0;
list-style: none;
list-style-type: none;
transition: all .3s ease;
opacity: 0;
}
.dhsv_header_bild .header_slider
{
top: 0;
}
.dhsv_header_bild .overlay
{
display: none;
}
.widget_children:hover ul
{
opacity: 1;
}
.widget_children ul li
{
display: block;
}
.widget_children ul a
{
font-size: 26px;
font-weight: 700;
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 4px 10px;
color: #fff;
background: #00204e;
}
#fancybox-title-over strong
{
font-size: 14px;
}
.trenen_text
{
position: relative;
width: 100%;
height: 200px;
padding-top: 15px;
padding-bottom: 15px;
transition: all .3s ease;
border-top: 5px solid #fff;
border-bottom: 1px solid #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.trenen_text h2
{
transition: all .3s ease;
text-align: left;
color: #fff;
}
.trenen_text .btn-primary
{
position: absolute;
bottom: 0; width: auto;
transition: all .3s ease;
text-transform: uppercase;
background: #00204e;
border-radius: 0px !important;
}
.trenen_bild
{
position: relative;
display: block;
width: 100% !important;
height: 200px;
margin-top: 0 !important;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.trenen_bild div
{
font-size: 36px;
position: absolute;
top: 0;
left: 0;
display: -webkit-flex ; display:         flex;
width: 100%;
height: 100%;
transition: all .3s ease;
opacity: 0;
color: #fff;
background: rgba(230, 39, 51, .8);
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
}
.left_no_padding
{
padding-left: 0;
}
.right_no_padding
{
padding-right: 0;
}
.dhsv_header_bild.with_link .col-sm-12:hover .trenen_bild div
{
opacity: 1;
}
.dhsv_header_bild.with_link .col-sm-12:hover .trenen_text
{
border-top: 5px solid rgb(230, 39, 51);
border-bottom: 1px solid rgb(230, 39, 51);
}
.dhsv_header_bild.with_link .col-sm-12:hover .trenen_text h2
{
color: rgb(230, 39, 51);
}
.dhsv_header_bild.with_link .col-sm-12:hover .btn-primary
{
background: rgb(230, 39, 51);
}
.block_posts_news > .vc_column-inner > .wpb_wrapper,
.block_posts_releases > .vc_column-inner > .wpb_wrapper
{
padding-top: 20px;
border-top: 5px solid #000;
}
.block_posts_news h2,
.block_posts_einzel_news h2,
.block_posts_releases h2
{
color: #000;
}
.block_posts_releases .no_image
{
display: none;
}
.block_posts_releases .col-sm-9
{
width: 100%;
padding-left: 0;
}
.block_posts_releases .col-sm-9
{
width: 100%;
padding-left: 0;
}
.dhsv_vc_posttype .item:hover
{
border-bottom: 2px solid #e00a34;
background: #fff;
}
.dhsv_vc_posttype .item:hover h4,
.dhsv_vc_posttype .item:hover h5
{
color: #e00a34;
}
.dhsv_vc_posttype .item
{
padding-bottom: 0;
border-bottom: 0 !important;
}
.news_borders
{
width: 100%;
margin-top: 15px;
border-bottom: 2px solid #aaa;
}
.dhsv_vc_posttype .item:hover .news_borders
{
border-bottom: 2px solid #e00a34;
}
.dhsv_vc_posttype .item h4
{
font-size: 18px;
}
.dhsv_vc_posttype h5
{
margin-top: 10px;
}
.block_posts_news .item
{
float: left;
width: 33.3333333%;
}
.table_item_block
{
float: left;
width: 33%;
}
.table_item_block_4
{
float: left;
width: 100%;
}
.table_item_block .item
{
float: left;
width: 100%;
}
.table_item_block_4 .item
{
float: left;
width: 25%;
}
.dhsv_vc_posttype .img
{
display: block;
width: 100%;
height: 150px;
padding-top: initial;
background-size: cover;
}
.block_posts_einzel_news .img
{
display: block;
height: 250px;
}
main#content
{
position: relative;
margin-top: 97px;
}
.einfach_border .block_posts_einzel_news > .vc_column-inner > .wpb_wrapper,
.einfach_border .block_posts_news > .vc_column-inner > .wpb_wrapper,
.einfach_border .block_posts_releases > .vc_column-inner > .wpb_wrapper
{
border-width: 2px;
}    .start_seite_content_block_first
{
margin-top: 200px;
}
.navbar
{
min-height: 47px;
}
.telescope_tooltip .ion-android-add
{
line-height: 19px !important;
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
border: 2px solid #fff;
border-radius: 100%;
}
#inner_parallax
{
position: absolute;
z-index: 0;
z-index: 0;
width: 100%;
background-color: transparent;
background-image: inherit;
background-attachment: scroll;
background-position: 50% 100%;
background-size: cover;
} #content > .container
{
position: inherit;
z-index: 3;
}
.owl_stage,
.dhsv_header_bild
{
background-attachment: fixed;
}
.wpb_content_element h3
{
font-family: 'Fira Sans', sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 40px;
margin-bottom: 25px;
text-transform: none;
}
.wpb_content_element h5
{
font-family: 'Fira Sans', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
margin-bottom: 20px;
text-transform: none;
}
.gallery
{
margin-top: 15px;
} .gallery-icon
{
position: relative;
margin-top: 30px;
}
.gallery-icon a
{ }
.gallery-icon a:after
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
transition: all ease-in-out .3s;
background: rgba(255,255,255,.5);
}
.gallery-icon a:before
{
position: absolute;
position: absolute;  z-index: 2;
z-index: 2;
top: 50%;
top: 50%;
left: 50%;
left: 50%;
display: inline-block;
display: block;
width: 42px;
width: 32px;
height: 42px;
height: 32px;
margin-top: -21px;
margin-top: -16px;
margin-left: -21px;
margin-left: -16px;
content: '';
content: '';
cursor: pointer;
transition: all ease-in-out .3s;
transition: all .3s ease;
opacity: 1;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/cherenkov-telescope-array_icons-plus-red.svg);
background-repeat: no-repeat;
background-position: center;
}
.gallery-icon:hover a:after
{
opacity: 0;
}
.gallery-item
{
width: auto !important;
margin-right: 2%;
}
.block_mit_mittel
{
position: relative;
}
.block_mittel_right
{
float: right !important;
min-height: 250px !important;
}
.dhsv_vc_owl_slider
{
padding: 0 15px;
}
.block_mittel_left
{
position: absolute !important;
display: -webkit-flex !important; display:         flex !important;
float: left !important;
width: 25% !important;
height: 100% !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 15px !important;
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
}
.block_mittel_right
{
padding-right: 15px !important;
}
.block_mittel_right .vc_column-inner
{
padding-right: 0 !important;
}
.block_mittel_left .vc_column-inner
{
padding-left: 0 !important;
}
.reading
{
padding: 25px 15px;
color: #fff;
background: #00204e;
}
.header01 .navbar-toggle
{
margin-top: 25px !important;
}
.sticky-header.header01 .navbar-toggle
{
margin-top: 15px !important;
}
.reading h3,
.reading p
{
color: #fff;
}
.reading a
{
color: #7e7892;
}
.reading h3
{
margin-bottom: 10px;
}
.reading a
{
display: inline-block;
margin-top: 10px;
}
.trenne_slider .owl-next,
.trenne_slider .owl-prev
{
line-height: 40px !important;
right: 30px !important;
width: 40px !important;
height: 40px !important;
margin-top: -20px !important;
color: #fff !important;
border: 2px solid #fff  !important;
border-radius: 100% !important;
}
.trenne_slider .owl-prev
{
right: initial !important;
left: 30px !important;
}
.trenne_slider .owl-dot
{
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
margin-left: 5px;
border: 2px solid #000; border-radius: 100%;
}
.trenne_slider .owl-dots
{
text-align: center;
}
.trenne_slider .owl-dot.active span
{
display: inline-block;
width: 8px;
height: 8px;
margin-bottom: 4px;
margin-left: 0;
border-radius: 100%;
background: #000;
}
.tooltips_left #timeline
{
z-index: 1000;
}
.tooltips_left .timeline_item a
{
opacity: .35;
}
.tooltips_left .timeline_item a.timeline_item_selected
{
opacity: 1;
}
.tooltips_left
{ }
.mobile-nav .link_menu_image
{
display: none !important;
}
.mobile-nav ul li:hover a
{
background: none;
}
.mobile-nav .dropdown-menu
{
position: relative;
}
.mobile-nav ul.dropdown-menu li a
{
font-size: 18px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 45px !important;
}
.mobile-nav ul.dropdown-menu li ul li a
{
font-size: 18px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 60px !important;
}
.mobile-nav .caret
{
display: inline-block;
border-top: 6px dashed;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
.mobile-nav
{
padding-top: 98px;
}
.sticky-header_mobile
{
padding-top: 78px;
}
.table_item_block_2
{
display: block;
float: left;
width: 50%;
}
.block_posts_blue .go_to_archive
{
margin-left: 15px;
}
.block_posts_blue .no_image,
.block_posts_blue .news_borders
{
display: none;
}
.block_posts_blue .table_item_block_2 .item .col-sm-12 > div
{
padding: 15px;
background: #00204e;
}
.block_posts_blue .table_item_block_2 .item .col-sm-12 a h4,
.block_posts_blue .table_item_block_2 .item .col-sm-12 a h5,
.einzel_blog h4,
.einzel_blog h5
{
color: #fff;
}
.einzel_blog
{
margin-bottom: 30px;
}
.BlogBlock,
.ReleasesBlock,
.NewsBlock
{
margin-top: 30px;
}
.no_image a
{
position: relative;
}
.no_image a:before,
.block_posts_blue .with_bg_hover:before
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all .3s ease;
background: rgba(225,10,52,.0);
}
.no_image a:hover:before,
.block_posts_blue .with_bg_hover:hover:before
{
background: rgba(225,10,52,.6);
}
.no_image a:after,
.block_posts_blue .with_bg_hover:after
{
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
display: block;
width: 32px;
height: 32px;
margin-top: -16px;
margin-left: -16px;
content: '';
transition: all .3s ease;
opacity: 0;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/cherenkov-telescope-array_icons-plus-white.svg);
background-repeat: no-repeat;
background-position: center; }
.no_image a:hover:after,
.block_posts_blue .with_bg_hover:hover:after
{
opacity: 1;
}
.block_posts_blue .with_bg_hover
{
position: relative;
display: block;
padding: 15px;
background: #00204e;
}
#footer .makanto
{
width: 170px;
height: 39px;
-webkit-transition: all 400ms cubic-bezier(.420, .000, .580, 1.000);
-moz-transition: all 400ms cubic-bezier(.420, .000, .580, 1.000);
-ms-transition: all 400ms cubic-bezier(.420, .000, .580, 1.000);
-o-transition: all 400ms cubic-bezier(.420, .000, .580, 1.000);
transition: all 400ms cubic-bezier(.420, .000, .580, 1.000);
-webkit-transition-timing-function: cubic-bezier(.420, .000, .580, 1.000);
-moz-transition-timing-function: cubic-bezier(.420, .000, .580, 1.000);
-ms-transition-timing-function: cubic-bezier(.420, .000, .580, 1.000);
-o-transition-timing-function: cubic-bezier(.420, .000, .580, 1.000);
transition-timing-function: cubic-bezier(.420, .000, .580, 1.000);
background: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/360vier_footer-logo_light-def.png);
}
#footer .makanto:hover
{
width: 170px;
height: 39px;
background: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/360vier_footer-logo_light-hover.png);
background-color: transparent;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading
{
color: #000 !important;
border-top: 0 solid #000;
border-right: 0 !important;
border-left: 0 !important;
background: #fff !important;
}
.vc_tta-accordion .vc_active .vc_tta-title-text
{
color: #000;
}
.vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body
{
color: #000;
border-color: transparent !important;
background-color: #fff !important;
}
.vc_tta.vc_general .vc_tta-panel
{
border-top: 2px solid #000;
}
.vc_tta-panels .vc_tta-panel:last-child
{
border-bottom: 2px solid #000;
}
.vc_tta.vc_general .vc_tta-panel-body
{
padding-right: 0 !important;
padding-left: 0 !important;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a
{
padding-left: 24px !important;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon,
.vc_tta-accordion .vc_tta-title-text:before
{
left: 5px !important;
}
.header01 .navbar .current-menu-parent .dropdown-menu .current-menu-item a {
color: #fff !important;
background: none !important;
}
.header01 .navbar .current-menu-parent .dropdown-menu .current-menu-item a:hover {
background: #e00a34 !important;
}
.header01 .navbar .current-menu-parent .dropdown-menu .current-menu-item > a
{
color: #fff !important;
background: #e00a34 !important;
}
.reading a
{
text-decoration: underline;
color: #fff;
}
.inner_parallax_gradient
{
position: absolute;
top: 110px;
left: 0;
width: 100%;
background:    -moz-linear-gradient(top, rgba(0,32,78,.9) 0%, rgba(0,32,78,0) 100%); background: -webkit-linear-gradient(top, rgba(0,32,78,.9) 0%,rgba(0,32,78,0) 100%); background:         linear-gradient(to bottom, rgba(0,32,78,.9) 0%,rgba(0,32,78,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a600204e', endColorstr='#0000204e',GradientType=0 ); }
.block_news_image
{
position: relative;
display: block;
}
.block_news_image:after
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
content: '';
background:    -moz-linear-gradient(top, rgba(0,32,78,.65) 0%, rgba(0,32,78,0) 100%); background: -webkit-linear-gradient(top, rgba(0,32,78,.65) 0%,rgba(0,32,78,0) 100%); background:         linear-gradient(to bottom, rgba(0,32,78,.65) 0%,rgba(0,32,78,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a600204e', endColorstr='#0000204e',GradientType=0 ); }
#social_media,
#contact_information,
#copyright
{
position: absolute;
right: 0 !important;
bottom: 0;
left: 0;
margin-left: 0;
}
#copyright
{
z-index: 1;
}
.fixed_footer_balke #social_media,
.fixed_footer_balke #contact_information,
.fixed_footer_balke #copyright
{
position: fixed;
}
.minimal_screen #social_media,
.minimal_screen #contact_information
{
position: relative;
}
#contact_information
{
z-index: 2;
background: #00204e;
}
#social_media
{
z-index: 4;
}
#content
{
z-index: 10;
background: #fff;
}
#footer
{
overflow: hidden; }
.home #footer
{ opacity: 0;
}
#subscribe_balke
{
position: relative;
z-index: 10;
}
.abs_social_media #social_media
{
position: relative;
bottom: inherit;
}
.abs_contact_information #contact_information
{
position: relative;
bottom: inherit;
}
main#content
{
overflow: hidden;
}
#kosmos
{
position: fixed;
z-index: 2;
top: 75px;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/kosmos.png);
background-position: center;
background-size: cover;
}
.home #content
{
background: none;
}
.tabelle td:nth-child(1),
.tabelle th:nth-child(1)
{
width: 25%;
}
.tabelle td:nth-child(2),
.tabelle th:nth-child(2)
{
width: 45%;
}
.tabelle td:nth-child(3),
.tabelle th:nth-child(3)
{
width: 15%;
}
.tabelle td:nth-child(4),
.tabelle th:nth-child(4)
{
width: 15%;
}
.tabelle table tr:nth-child(odd)
{
background: rgba(0,0,0,.09);
}
.tabelle table
{
width: 100%;
}
.tabelle td,
.tabelle th
{
padding: 5px;
}
.wpb_text_column ul li:first-child
{
border-top: solid 1px #aaa;
}
.wpb_text_column ul li
{
border-bottom: solid 1px #aaa;
padding-left: 2.5em !important;
text-indent: -2.0em !important;
}
.header01 button.open-nav-button-close .icon-bar_1
{
-webkit-transform: rotate(45deg) translate(0px, 9px); -ms-transform: rotate(45deg) translate(0px, 9px); transform: rotate(45deg) translate(0px, 9px);
}
.header01 button.open-nav-button-close .icon-bar_2
{
opacity: 0 !important;
}
.header01 button.open-nav-button-close .icon-bar_3
{
-webkit-transform: rotate(-45deg) translate(0px, -9px); -ms-transform: rotate(-45deg) translate(0px, -9px); transform: rotate(-45deg) translate(0px, -9px);
}
#wpseo_sitemap > div
{
display: none;
}
#sitemap_pages,
#sitemap_posts
{
display: block !important;
}
#wpseo_sitemap
{
margin-top: 40px;
margin-bottom: 40px;
}
#menu360
{
position: fixed;
z-index: -1;
top: 0;
right: 0;
width: 100%;
height: 100%;
transition: all ease-in-out .4s;
opacity: 0;
background: rgba(16, 35, 53, .95);
}
#menu360.open-toggle
{
z-index: 1000;
right: 0;
opacity: 1;
}
#menu360.open-toggle ul
{
box-shadow: 0 0 0 rgba(0, 0, 0, .7);
}
#menu360.open-toggle ul li
{
transition: all ease-in-out .4s;
opacity: 1;
}
#menu360 ul
{
position: absolute;
top: 110px;
right: -100%;
overflow-x: hidden;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
transition: all ease-in-out .4s;
background: rgba(16, 35, 53, .95);
box-shadow: 0 0 0 rgba(0, 0, 0, .7);
}
#menu360 ul.sub-menu
{
top: 0;
}
#menu360 ul li
{
position: static;
margin: 0;
padding: 0;
list-style: none;
transition: all ease-in-out .4s;
opacity: 0;
border-right: 0 solid rgba(255, 0, 0, 0);
border-left: 0 solid rgba(255, 0, 0, 0);
}
#menu360 ul li a
{
font-size: 20px !important;
position: relative;
display: block;
width: 100%;
padding: 20px 30px !important;
text-decoration: none;
color: #fff;
border-bottom: 1px rgba(255, 255, 255, .1) solid !important;
}
#menu360 ul li:hover
{
background-color: #fff;
}
#menu360 ul li:hover > a
{
color: #000;
}
.header01 .navbar-toggle:hover .icon-bar,
.header01 .navbar-toggle:active .icon-bar,
.header01 .navbar-toggle:focus .icon-bar
{
background: #e00a34;
}
#menu360 ul li.back-menu a i.icon
{
line-height: 16px;
display: inline-block;
width: 16px;
height: 16px;
margin-top: 4px;
margin-right: 5px;
margin-left: 0;
vertical-align: text-top;
}
#menu360 ul li.menu-parent > a
{
cursor: pointer;
}
#menu360 ul li.menu-parent > a:after
{
font-family: Ionicons;
position: absolute;
top: 20px;
right: 25px;
padding-left: 15px;
content: '\f2c7';
transition: all ease-in-out .4s;
color: #fff;
border-left: 0 solid #0f0;
}
#menu360 ul li.menu-parent:hover > a:after
{
color: #000;
}
#menu360 ul li.open-menu > a:after
{
right: -15px;
}
#menu360 .open-sub-menu ul
{
z-index: 1;
}
#menu360 > ul
{
z-index: 2;
right: 0;
}
#menu360 > ul > li > ul
{
padding-right: 0;
}
#menu360 .open-menu > ul
{
z-index: 3;
right: 0;
}
#menu360 .open-menu,
#menu360 .open-sub-menu
{
border-left: 00px solid rgba(16, 35, 53, .95);
}
#menu360.open-global ul li
{
opacity: 0;
}
#menu360.open-global ul li.open-sub-menu > ul > li
{
opacity: 0;
}
#menu360.open-global ul li.open-sub-menu > ul > li.open-menu
{
opacity: 1;
}
#menu360.open-global ul li.open-sub-menu > ul > li > ul
{
background: rgba(16, 35, 53, .95);
}
#menu360.open-global ul li.open-sub-menu > ul > li > ul > li
{
opacity: 1;
}
#menu360.open-global ul li.open-menu
{
opacity: 1;
}
#menu360.open-global ul li.open-menu ul
{
background: rgba(16, 35, 53, .95);
}
#menu360.open-global ul li.open-menu ul li
{
opacity: 1;
}            .search-results #content
{
position: relative;
margin-top: 75px;
}
.search-results #content h1
{
font-weight: bold;
margin-bottom: 20px;
}
.search-results #content h2 a
{
font-size: 18px;
font-weight: 22px;
color: #000 !important;
}
.search-results #content .search_block_result:hover h2 a
{
color: #c70002 !important;
}
.search-results #content .search_block_result
{
transition: all .3s ease;
}
.search-results #content .search_block_result:hover
{
padding-left: 15px;
}
.search-results .search_block_result
{
padding-top: 8px;
padding-bottom: 8px;
border-top: 1px solid #aaa;
}
.search-results .search_block_result:last-child
{
border-bottom: 1px solid #aaa;
}
#picture_of_the_month
{
max-width: 100%;
height: auto;
}
#go_to_flickr{
position: relative;
display: block;
text-align: center;
margin: 20px 0;
}
#go_to_flickr:after{
position: absolute;
top:0px;
left: 0px;
width: 100%;
height: 100%;
content: "";
z-index: 1;
opacity: 0;
transition: all .3s ease;
background: rgb(255,0,0);
}
#go_to_flickr:hover:after{
opacity: 0.5;
}
#go_to_flickr:hover:before{
opacity: 1;
}
#go_to_flickr:before{
content: "\f48a";
position: absolute;
z-index: 2;
color: #fff;
opacity: 0;
transition: all .3s ease;
font-size: 30px;
font-family: "Ionicons";
left:50%;
top:50%;
margin-left: -15px;
margin-top:-15px;
}
.block_link_read_more{
line-height: 30px;
position: relative;
z-index: 2;
display: inline-block;
width: auto;
margin-top: 15px;
margin-bottom: 15px;
padding-right: 30px;
padding-left: 30px;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
text-align: left;
text-transform: uppercase;
color: #fff ;
border: none;
border-radius: 0;
background: #e00a34;
}
.block_link_read_more:hover{
color:#00102e;
}
.readmore_teaser{
color:#fff !important;
font-weight: bold;
}
.btn-primary {
border-radius: 0px !important;
}
.vc_tta-accordion .vc_tta-panel-heading {
background-color: white !important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
border-color: white !important;
border-radius: 0px !important;
}
#footer .social_footer_content a {
color: white !important;
text-decoration: underline !important;
}
#footer #contact_information a:hover {
color: #e00a34 !important;
transition: all 300ms ease-in-out !important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-radius: 0px !important;
color: #ffffff !important;
background-color: white !important;
border-color: white !important;
}
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-title-text:before {
content: '\f106' !important;
font-family: FontAwesome;
position: absolute;
left: 20px;
}
.intro_text_text ul li {
padding-left: 2.5em !important;
text-indent: -2.0em !important;
}
.wpb_text_column ul li {
padding-left: 2.5em !important;
text-indent: -2.0em !important;
}
.block_link_read_more
{
line-height: 30px;
position: relative;
z-index: 2;
display: inline-block;
width: auto;
margin-top: 15px;
margin-bottom: 15px;
padding-right: 30px;
padding-left: 30px;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
text-align: left;
text-transform: uppercase;
color: #fff;
border: none;
border-radius: 0;
background-color: #00204e;
}
.block_link_read_more:after
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
content: '';
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
text-align: right;
background: #e00a34;
}
.block_link_read_more:hover
{
color: #fff;
}
.block_link_read_more:hover:after
{
min-height: 0;
}
.tribe-events-view {
position: relative;
background-color: #fff;
z-index: 10;
}
.tribe-events .tribe-events-l-container {
padding-bottom: 80px;
padding-top: 118px;
min-height: 600px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
padding-bottom: 160px;
padding-top: 150px;
min-height: 700px;
}
body.single-tribe_events {
overflow: hidden;
}
#tribe-events,
#tribe-events-pg-template,
.tribe-events-pg-template {
padding: 130px 20px 20px;
position: relative;
background-color: #fff;
z-index: 10;
}
#tribe-events:after,
#tribe-events-pg-template:after,
.tribe-events-pg-template:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -100vw;
width: 100vw;
background-color: #fff;
z-index: 9;
}
#tribe-events:before,
#tribe-events-pg-template:before,
.tribe-events-pg-template:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -100vw;
width: 100vw;
background-color: #fff;
z-index: 9;
}
.tribe-events-event-image img {
display: block;
width: 100%;
height: auto;
}
.tribe-mini-calendar .tribe-events-present,
.tribe-mini-calendar .tribe-mini-calendar-today {
background-color: #e00a34 !important;
}
.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img {
transform: translate(-50%,-50%) scale(1);
}@media (min-width: 2560px){
#timeline {
top: 804px;
}
#startseite_content {
top: 360px;
}
#startseite_widget {
top: 1018px;
}
.start_seite_content_block_first {
margin-top: 360px;
}
#startseite_content h2 {
font-size: 45px;
height: 60px;
}
#startseite_content h1 {
font-size: 90px;
line-height: 90px;
font-weight: 700;
height: 360px;
}
#startseite_pciture {
top: 2260px;
}
#startseite_webcam {
top: 2230px;
}
#start_seite_bg {
height: 3800px;
}
}
@media (max-width: 1920px){
#timeline {
top: 247px;
}
#startseite_content {
top: 110px;
}
#startseite_widget {
top: 462px;
}
.start_seite_content_block_first {
margin-top: 110px;
}
#startseite_pciture {
top: 1790px;
}
#startseite_webcam {
top: 1650px;
}
#start_seite_bg {
height: 2908px;
}
}
@media (max-width: 1440px){
#timeline {
top: 456px;
}
#startseite_content {
top: 130px;
}
#startseite_widget {
top: 484px;
}
.start_seite_content_block_first {
margin-top: 130px;
}
#startseite_pciture {
top: 1790px;
}
#startseite_webcam {
top: 1650px;
}
#start_seite_bg {
height: 2908px;
}
}
@media (max-width: 1200px){
#timeline {
top: 456px;
}
#startseite_content {
top: 130px;
}
#startseite_widget {
top: 484px;
}
.start_seite_content_block_first {
margin-top: 130px;
}
#startseite_pciture {
top: 1790px;
}
#startseite_webcam {
top: 1650px;
}
#start_seite_bg {
height: 2750px;
}
#timeline{
width: 212px;
margin-left: -470px;
}
#startseite_content{
width: 455px;
margin-left: -227px;
}
#startseite_widget{
width: 212px;
margin-left: 258px;
}
#startseite_webcam {
width: 212px;
left: 50%;
margin-left: -227px;
}
#startseite_pciture{
width: 455px;
}
.widget_children{
height: 225px;
}
.gallery-columns-3 img{
max-width: 200px;
}
.gallery-item {
margin-right: 5px;
}
.reading a {
font-size: 10px;
}
.reading{
overflow: hidden;
}
#startseite_content h1 {
font-size: 45px;
}
#startseite_content h2{
font-size: 24px;
}
.block_news_title {
font-size: 14px;
}
.start_seite_content_block .block_text, .start_seite_content_block .block_text p {
font-size: 14px;
line-height: 18px;
}
#h_subscribe_form {
width: 295px;
}
#subscribe_balke p{
width: 340px;
}
}
@media (max-width: 992px){
#timeline {
top: 456px;
}
.footer-social a i {
font-size: 24px;
}
.navbar-toggle{
display: block !important;
}
#startseite_content {
top: 130px;
}
#startseite_widget {
top: 484px;
}
.start_seite_content_block_first {
margin-top: 130px;
}
#startseite_pciture {
top: 2040px;
}
#startseite_webcam {
top: 1850px;
}
#start_seite_bg {
height: 2750px;
}
#timeline {
width: 157px;
margin-left: -360px;
}
#startseite_content {
width: 345px;
margin-left: -172px;
}
#startseite_widget{
width: 157px;
margin-left: 203px;
}
#startseite_webcam {
width: 157px;
margin-left: -172px;
}
#startseite_pciture{
width: 345px;
}
.button_news {
width: 125px;
font-size: 13px;
}
.timeline_item a {
font-size: 12px;
}
#h_subscribe_form {
width: 160px;
}
#printer_news{
display: none;
}
#subscribe_balke p {
line-height: 18px;
}
.social_posts_1, .social_posts_3, .social_posts_5, .social_posts_7{
display: none;
}
#h_search_form{
width: 175px;
}
#top_login{
display: none;
}
.container > .navbar-header{
width: 100%;
margin-left: 0px !important;
margin-right: 0px !important;
}
.header01 .navbar .navbar-brand {
float: right;
}
.header01 button.navbar-toggle {
float: left !important;
position: initial;
right: 0;
margin-right: 0px !important;
}
.backtotop{
display: none;
}
#startseite_content h1{
width: auto;
font-size: 36px;
line-height: 40px;
}
}
@media (max-width: 768px){
#timeline {
top: 456px;
}
#startseite_content {
top: 130px;
}
#startseite_widget {
top: 484px;
}
.start_seite_content_block_first {
margin-top: 130px;
}
.media_block{
padding-left: 0px !important;
padding-right: 0px !important;
margin-bottom: 10px;
}
.media_block.media_block_active:after{
display: none;
}
.media_block>div{
height: 120px;
}
#startseite_pciture {
top: 1690px;
}
#startseite_webcam {
top: 1650px;
}
#start_seite_bg {
height: 2350px;
}
#timeline{
display: none !important;
}
#startseite_content {
width: 66%;
margin-left: 0px;
padding-left: 15px;
padding-right: 15px;
left: 0px;
}
#startseite_widget{
left: 66%;
width: 33%;
margin-left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.navbar-nav > li {
float: left;
}
#top_menu .navbar-nav > li > a{
font-size: 10px;
}
#menu-top-menu li a {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav {
margin: 0 !important;
}
#h_search_form {
width: 150px;
font-size: 10px;
}
.block_mittel_left {
float: none !important;
position: relative !important;
height: auto !important;
width: 100% !important;
padding-left: 0px !important
}
.block_mittel_right {
padding-right: 0px !important;
}
.block_mittel_right .vc_column-inner, .block_mittel_left .vc_column-inner{
padding-right: 15px !important;
padding-left: 15px !important;
}
h1 {     
font-size: 40px;
line-height: 54px;
font-weight: 700;        
}
.block_posts_news .item {
float: left;
width: 100%;
}
.tabelle  {
overflow: scroll;        
padding-right: 10px !important;
}
.tabelle .vc_column-inner {        
min-width: 680px !important;        
}
#page_wrap{
width: 100%;
height: 100%;
background-attachment: fixed;
overflow: hidden;
background-color: black;
}
body.home {
background-color: black;
}
.page_header_block h2 {
padding-bottom: 15px;
}
.header01 .navbar .navbar-brand #logo{
margin-top: 11px !important; 
}
.widget_children h3 {
top: 30px;
left: 20px;
}
#background-page{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
width: 100%;
height: 100vh;
background-image: url(//www.cta-observatory.org/wp-content/themes/ctao/assets/img/kosmos.png);
position: fixed;
z-index: 2;
top: 0;
left: 0;
overflow: hidden;
background-attachment: scroll;
box-sizing: content-box;
-webkit-backface-visibility: hidden;
}
#start_seite_bg_sky{
display: none !important;
}
.fixed_footer_balke #social_media, .fixed_footer_balke #contact_information, .fixed_footer_balke #copyright{
position: initial;
}
#startseite_pciture{
display: none;
}
.button_news {
width: 160px;
font-size: 13px;
}
.right_no_padding{
display: none;
}
#subscribe_balke p{
width: 100%;
}
}
@media (max-width: 600px) {
#startseite_content, #startseite_widget, #startseite_webcam, #startseite_pciture {
position: initial;
width: 100%;
top:0px !important;
}
#startseite_content_scroll{
transform: none !important;
}
#start_seite_content_block_first{
margin-top: 10px;
}
#start_seite_content_block_middel, #start_seite_content_block_last{
margin-top: 30px;
}
#startseite_content h1{
margin-bottom: 25px;
}
#start_seite_bg_telescope{
display: none;
}
#startseite_widget{
margin-top: 30px;
}
#start_seite_bg{
height: auto;
margin-top: 50px;
}
#top_search{
display: none;
}
#startseite_content h1, #startseite_content h2{
height: auto;
}
.row_content .col-xs-12{
padding-left: 0px;
padding-right: 0px;
}
.gallery-item{
float: none !important;
margin: 10px auto !important;
}
#subscribe_balke{
height: auto;
}
#subscribe_submit{
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 992px){      }