/* Zunaechst sollten ALLE CSS-Elemente eingestellt werden, damit eine einheitliche Ansicht browserweit gewaehrleistet werden kann. */

*
{
padding:0px;
margin:0px;
}

li:not(.hyperlinks_horizontal)
{
padding:0px;
margin-left:50px;
}

p
{
padding-top:10px;
padding-bottom:10px;
}

body
{
/* site_aus_link = de__Anti-Terror-Apps-Terrorschutz-Katastrophenschutz */
background-color:white;
background-image:url('../../media/images/design/1461095681/');
background-position:top center;
background-attachment:fixed;
background-repeat:repeat-y;
background-size:100% auto;
animation-name:einblenden_body;
animation-duration:1.5s;
animation-iteration-count:1;
}

#logo_landingpage
{
position:fixed;
display:table;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
}

#logo
{
position:absolute;
top:calc(50%);
width:100%;
text-align:center;
}

#banner_1
{
position:fixed;
top:0;
left:0;
padding:10px;
background-color:#C80000;
background-image:url('../../media/images/design/1461095681/hg_banner_1.jpg');
width:calc(100% - 20px);
border:0px solid;
z-index:100;
margin-bottom:0px;
opacity:0.95;
border-bottom:2px solid white;
}

h1
{
margin:0px;
padding:0px;
font-family:'Titillium Web';
font-size:200%;
color:crimson;
}
h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:135%;
color:black;
}
h5
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:black;
}

nav { display:table; height:100%; border:0px solid; margin:0 auto; overflow:hidden; }
nav ul { display:block; height:32px; margin:0px auto; }
nav ul li { float:left; list-style:none; color:black; width:auto; text-align:center; transition:all 800ms; }
nav ul li a:hover { color:white;}
nav ul li a { display:block; height:10%; color:black; text-decoration:none; padding:10px; padding-top:9px; padding-bottom:9px; }
nav ul li:hover { background-color:red; color:white;}

#footer_main
{
clear:both;
position:relative;
display:table;
padding:10px;
margin-top:0px;
background-color:#C80000;
width:calc(100% - 20px);
min-height:50px;
border:0px solid;
background-image:url('../../media/images/design/1461095681/hg_footer_main.jpg');
}

footer
{
max-width:1400px;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:white;
}

.story
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:black;
line-height:1.7;
}

.input_text
{
width:calc(100% - 22px);
padding:10px;
margin:0px;
border:1px solid;
border-radius:5px;
font-size:12pt;
color:#CCCCCC;
}

.input_text:focus
{
width:calc(100% - 22px);
padding:10px;
margin:0px;
border:1px solid;
border-radius:5px;
font-size:12pt;
color:#000000;
}

.li_story_standard
{
margin-left:20px;
}

#box_content_separate_home
{
float:left;
border:0px solid;
}

#hyperlinks_horizontal_001
{
margin:0 auto;
overflow:hidden;
max-width:1400px;
vertical-align:middle;
font-family:'Titillium Web', sans-serif;
font-size:16pt;
clear:both;
background-color:#FFFFFF;
height:50px;
border-radius:5px;
padding:0px;
}

#headline_banner
{
display:table;
width:100%;
max-width:1400px;
margin:180px auto;
margin-bottom:15px;
vertical-align:middle;
text-align:center;
font-family:'Titillium Web', sans-serif;
font-size:16pt;
clear:both; 
max-width:1400px;
background-color:red;
background-image:url('../../media/images/design/1461095681/hg_banner_1.jpg');

height:30px;
color:white;
}

#aside_permanent
{
width:270px;
float:right;
border:0px solid;
margin-right:7px;
}

#aside_not_home
{
width:320px;
float:right;
border:0px solid;
margin-right:7px;
}

#logo_in_banner_fix
{
float:left;
padding-bottom:10px;
}

.logo_in_banner_fix_logo
{
float:left;
width:362px;
padding-bottom:0px;
border:0px solid;
}

#ort_aus_subdomain_banner
{
float:left;
margin-top:7px;
margin-left:30px;
font-family:Verdana, Arial, Helvetica;
font-size:21pt;
color:#FFFFFF;
}

#menu_small_hamburger
{
display:none;
float:left;
height:40px;
width:40px;
}

#menu_small_lupe
{
display:none;
float:right;
height:40px;
width:40px;
}

.article_not_home
{
padding:5px;
margin-left:5px;
margin-right:5px;
margin-bottom:15px;
background-color:#FFFFFF;
box-shadow:5px 5px 5px 0px #CCCCCC;
border:1px solid;
border-color:#AAAAAA;
}

.article_home
{
overflow:hidden;
float:left;
padding:5px;
margin-left:5px;
margin-right:5px;
margin-bottom:15px;
background-color:#FFFFFF;
box-shadow:5px 5px 5px 0px #CCCCCC;
border:1px solid;
border-color:#AAAAAA;
}

.article_home_slider
{
overflow:hidden;
float:left;
padding:5px;
margin-left:5px;
margin-right:5px;
margin-bottom:20px;
background-color:#FFFFFF;
box-shadow:5px 5px 5px 0px #CCCCCC;
border:1px solid;
border-color:#AAAAAA;
}

#suchformular
{
width:320px;
float:right;
margin-left:15px;
margin-top:25px;
height:30px;
}

#slideshow > div > img
{
width:100%;
}

.footer_box_einzeln
{
float:left;
width:calc(25% - 20px);
margin-left:10px;
margin-right:10px;
}

#button_kontaktformular
{
width:calc(100%);
padding:15px;
background-color:#BB0000;
font-size:16pt;
color:white;
font-weight:bold;
border:1px solid;
border-radius:10px;
cursor:pointer;
}

#button_anrufen
{
width:calc(100%);
padding:15px;
background-color:#00BB00;
font-size:16pt;
color:white;
font-weight:bold;
border:1px solid;
border-radius:10px;
cursor:pointer;
}

.button_posten
{
width:calc(100%);
padding:15px;
background-color:blue;
font-size:16pt;
color:white;
font-weight:bold;
border:1px solid;
border-radius:10px;
cursor:pointer;
}


#footer_anrufen
{
visibility:hidden;
position:fixed;
width:100%;
bottom:0px;
margin-top:25px;
}
/* gms_slider ANFANG */
.gms_sliderbox { position:relative; }
#gms_slider_nav { z-index:2; position:absolute; left:5px; top:5px; margin:0 auto; padding: 0; list-style-type: none; font-weight: normal;  line-height: 1.0em;  -moz-opacity: 0.7; opacity: 0.7; overflow:hidden;display:none;}
#gms_slider_nav li { margin:0; padding:0; float: left; text-align:center; line-height: 1.0em; }
#gms_slider_nav li a { background:#444; display: block; font-size:12px; font-weight:normal; padding: 2px 6px; text-decoration: none; color: #fff; transition: all 0.3s;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s; margin-right: 4px; border-radius:8px;-moz-border-radius:8px; border-radius:8px;}
#gms_slider_nav li.current a { background-color:white; }
#gms_slider_nav li a:hover { background-color:red; transition: all 0.3s;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s; }
.gms_slider_offstage { visibility:hidden;display:none; }
.gms_slider_default { visibility:visible; }
img.gms_sliderimg { width:100%; }
.p_in_slider { position:absolute; width:calc(100% - 10px); background-color: silver; opacity:0.8; bottom:0px; margin:0px; padding:5px; text-align:left; font-family:'Titillium Web'; font-weight:500; font-size:120%; }
/* gms_slider ENDE */
@keyframes pulse
{
0% { opacity:0.2; transform:scale(0.7); }
50% { opacity:1; transform:scale(1.0); }
100% { transform:scale(1.0); }
}

@keyframes einblenden_body
{
0% { opacity:0.5; }
100% { opacity:1; }
}

@media screen and (max-width:1350px)
{
#ort_aus_subdomain_banner { margin-top:14px; font-size:18pt; }
}

@media screen and (max-width:1260px)
{
#ort_aus_subdomain_banner { margin-top:18px; font-size:16pt; }
}

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

@media screen and (max-width:1100px)
{
#box_content_separate_home { width:calc(100% - 330px) !important; }
.article_home { width:calc(100% - 43px) !important; max-width:calc(100% - 43px) !important; height:auto !important; }
}

@media screen and (max-width:1100px)
{
#aside_permanent { display:none; }
#box_content_separate_home { width:calc(100% - 330px) !important; }
}

@media screen and (max-width:770px)
{
#banner_1 { width:calc(100% - 10px); padding:5px; padding-top:0px; padding-bottom:2px; }
#logo_in_banner_fix { height:45px; padding:5px; padding-bottom:0px; }
.logo_in_banner_fix_logo { position:absolute; margin-left:calc(50% - 92px); width:180px !important; }
nav ul li { clear:both; width:100%; }
#aside_permanent { display:none; }
#aside_not_home { width:calc(100% - 15px); }
#box_content_separate_home { width:calc(100%) !important; }
#hyperlinks_horizontal_001 { display:none; width:100%; height:100%; border-top:1px solid #C80000; margin-top:60px; margin-bottom:0px; }
#menu_small_lupe { position:absolute; display:block; margin-top:5px; right:0px; }
#menu_small_hamburger { position:absolute; display:block; margin-top:5px; }
#headline_banner { margin-top:55px; }
#suchformular { width:100%; display:none; margin-top:10px; margin-bottom:10px; }
footer { margin-bottom:50px; }
.footer_box_einzeln { float:none; width:calc(100% - 20px); margin-top:40px; text-align:center; }
#footer_anrufen { visibility:visible; }
}
@media screen and (max-height:555px)
{
#banner_1 { width:calc(100% - 10px); padding:5px; padding-top:0px; padding-bottom:2px; }
#logo_in_banner_fix { height:45px; padding:5px; padding-bottom:0px; }
.logo_in_banner_fix_logo { position:absolute; margin-left:calc(50% - 92px); width:180px !important; }
#hyperlinks_horizontal_001 { display:none; width:100%; height:100%; border-top:1px solid #C80000; }
#menu_small_lupe { position:absolute; display:block; margin-top:5px; right:0px; }
#menu_small_hamburger { position:absolute; display:block; margin-top:5px; }
#headline_banner { margin-top:55px; }
#ort_aus_subdomain_banner { display:none; }
#suchformular { width:100%; display:none; margin-top:10px; margin-bottom:10px; }
}