/** unrastered **/
@media(max-width:767px)
{
	section.topmenue>div.container
	{
	width:100%;	
	}
}
/** @@mobile first **/
div#topline
{
width:100%;	
}
div.not-rastered
{
position:fixed;
top:0;
z-index:10;	
}
/** @@page-header **/
div.content-page-header-0,
div.content-page-header-1
{
margin-top:15px;
width:100%;
overflow:hidden;
}
@media(min-width:768px)
{
div.content-page-header-1
{
margin-top:40px;
margin-bottom: 0px;	
}	
}
@media(min-width:1280px)
{
div.content-page-header-1
{
margin-top:20px;
}	
}
div.page-header-headline,
div.page-header-rootpath
{
display:flex;
justify-content:flex-start;
align-items:center;	
}
div.content-page-header-1>div.page-header-headline,
div.content-page-header-1>div.page-header-headline-0
{
border-bottom:1px solid #808080;
padding:0 0 5px 5px;	
margin: 0 -15px 10px -15px;
}
@media(min-width:1280px)
{
div.content-page-header-1>div.page-header-headline,
div.content-page-header-1>div.page-header-headline-0
{
border-bottom:1px solid #808080;
padding:0 0 5px 0;	
margin: 0 0 10px 0;
}	
}	
/** @@page-subheader **/
div.container-page-subheader
{
	padding:0;	
}
div.content-page-image
{
	padding:0;	
}
div.page-desc-addon
{
padding:5px 15px;
background-color:#FFF;
opacity:0.9;
width:100%;	
}
@media(min-width: 768px)
{
	div.page-desc-addon
	{
	width:80%;	
	}
}
@media(min-width: 1280px)
{
	div.page-desc-addon
	{
	width:60%;	
	}
}		
div.content-page-cat-desc
{
	width:100%;	
	display:flex;
	position:relative;	
	margin-top:0px;	
	display:block;	
	padding:30px 15px;
}
@media(min-width:768px)
{
div.content-page-cat-desc
{
padding:30px;	
}
div.content-page-cat-desc>div.cat-desc-jumbo
{
padding:15px;	
}	
div.not-rastered
{
	top:0;
	left:15px;
	display:flex;
	justify-content:flex-start;
	z-index:99;
	position:fixed;
	overflow:visible;
	
}
}
@media(min-width:996px)
{
div.content-page-cat-desc
{
padding:50px 30px;	
}
}	
@media(min-width:1024px)
{
div.container-page-subheader
{
padding:0 15px 0 15px;	
}	
	
}

div.container-brand
	{	
	margin-top:10px;
	display:block;
	float:right;
	}
div.usercontainer
	{
	position:fixed;
	top:55px;
	left:85px;
	z-index:100;
	display:flex;
	align-items:flex-end;
	margin-left:10px;
	overflow:visible;
	padding-bottom:15px;
	}
div.userinfo
	{
	position:relative;
	z-index:100;
	overflow:visible;
	}	

div#topline,
div#topmenue
{
z-index:101;
position:relative;
display:flex;
justify-content:center;
align-items:flex-end;
width:100%;	
}
div.brand-inline
{
position:relative;
_margin-left:15px;
}
div#topmenue_small
{
position:relative;
z-index:101;
display:flex;
justify-content:flex-end;
align-items:center;
width:100%;	
}
div.dropdown-container
{
flex-direction:column;
align-items:center;
justify-content:center;
margin-right:2px;	
/height:40px;
/width:40px;
}
button.symbol
{
border:0;	
width:100%;
height:100%;
display:flex;
color:#fff;
background-color:transparent;
padding:0;

}
div.dropdown-c_ontainer:after
{
display:flex;
justify-content:center;	
font-family:'Glyphicons Halfings';
content:"\e114";
color:#808080;	
}
button.symbol span.btn-icon:before
{
display:flex;
justify-content:center;
align-items:center;		
width:40px;
height:40px;
border-radius:50%;
background-color:#404040;
opacity:0.6;
}
span.btn-accordion:before
{
display:flex;
justify-content:center;
align-items:center;		
width:30px;
height:30px;
margin-right:10px;
color:#fff;
background-color:#404040;
}


button.symbol span.btn-label
{
display:none;	
}
a.btn-details,
button.btn-details
{
display:flex;
justify-content:center;
align-items:center;
color:#404040;
padding:0;
}
a.btn-details:after,
button.btn-details:after
{
display:flex;
justify-content:center;
align-items:center;
text-align:center;
font-family:'Font Awesome 5 Free';
font-weight: 900;
content:"\f061";
width:40px;
height:40px;
font-size:18px;
background-color:#808080;
margin-left:5px;
color:#FFF;		
}

div.targets_container
{	
padding:0 10px 0 10px;	
}

div.full-width-button a,
div.full-width-button button
	{
	
	}
div.buttons_topmenue
{
display:flex;
justify-content:flex-end;
align-items:center;
width:100%;	
}


/*@@pagination*/
div.page-pagination
{
width:100%;
display:flex;
justify-content:center;
}
div.page-pagination ul
{
display:flex;
padding:0;
margin:0;
border-top:1px solid #808080;
border-bottom:1px solid #808080;
}
div.page-pagination ul>li
{
list-style-type:none;
display:flex;
align-items:center;	
}

div.page-pagination li.pagination-prev
{
margin-right:30px;	
}

div.page-pagination li.pagination-next
{
margin-left:30px;	
}
li.pagination-start>a,
li.pagination-prev>a,
li.pagination-next>a,
li.pagination-end>a,
li.pagination-start>span,
li.pagination-prev>span,
li.pagination-next>span,
li.pagination-end>span
{
display:flex;
flex-direction:column;	
border:0;
background-color:transparent;
font-size:0.8em;	
}
span.pagenav
{
display:flex;
justify-content:center;
align-items:center;
background-color:#7ba428;
color:#FFF;	
min-height:30px;
min-width:30px;
}
a.pagenav
{
display:flex;
justify-content:center;
align-items:center;	
min-height:30px;
min-width:30px;	
}
li.pagination-start>span,
li.pagination-prev>span,
li.pagination-next>span,
li.pagination-end>span
{
color:#808080;	
}
div.page-pagination li>a:before
{
font-size:2em;
color:#7ba428;	
}
div.page-pagination li>span:before
{
font-size:2em;

}

li.pagination-start>a:before,
li.pagination-start>span:before
{
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f100';
width:100%;
text-align:center;	
}
li.pagination-prev>a:before,
li.pagination-prev>span:before
{
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f104';
width:100%;
text-align:center;	
}

li.pagination-next>a:before,
li.pagination-next>span:before
{
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f105';
width:100%;
text-align:center;
}
li.pagination-end>a:before,
li.pagination-end>span:before
{
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f101';
width:100%;
text-align:center;	
}


div#footerline_left div
{
display:flex;	
justify-content:flex-start;	
}
div#footerline_right div
{
display:flex;
justify-content:flex-end;	
}
div.overlayed-content
{
position:absolute;
top:0;
width:60%;
height:90%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
margin-top:10%;
margin-left:5%;
	
}
div.white-to-trasparent-bottom-30
{
position: absolute;
height:30%;
width:100%;
bottom:0;
background-color:#fff;
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);	
}
div.ext-links
{
margin-bottom:15px;	
}
div.address-panel-inversed,
div.address-panel-inversed a
{
color:#FFF;	
}
div.address-panel-inversed div.list-marker
{
color:#FFF;	
}
div.addr-details div.list-entry
{
border:0;	
}

div.link-bar
{
display:flex;
flex-direction:column;	
}
div.link-bar a.social-media-buttons
{
font-size:1.811em;	
}
div.link-bar-centered>div
{
display:flex;	
justify-content:center;	
}
div.link-bar-right>div
{
display:flex;	
justify-content:flex-end;	
}
div.author
{
margin-bottom:15px; 
padding: 10px 0 10px 0; 
border-top: 1px dotted #c4c4c4; 
border-bottom: 1px dotted #c4c4c4;	
}
div.author_details
{
display:flex;
justify-content:space-between;
align-items:center;	
}
div.author_details i
{
margin-right:10px;

}
/** forms **/

button.btn-primary,
a.btn-primary
{
display:flex;
justify-content:center;
align-items:center;
color:#FFF;
box-shadow:5px 5px 5px #c4c4c4;
border-color:#c4c4c4;
}
button.btn-primary:hover,
a.btn-primary:hover
{
color:#FFF;
box-shadow:none;
border-color:#c4c4c4;
}
button.btn-primary:focus,
button.btn-primary:active,
a.btn-primary:focus,
a.btn-primary:active
{
color:#FFF;
border-color:#c4c4c4;
}
div.controls,
div.controls>input,
div.controls>textarea
{
width:100%;	
}
div.login-description,
div.logout-description
{
margin:15px 0 15px 0;
}
div.contact-person,
div.contact-address,
div.contact-links
{
padding:0 20px 10px 20px;	
}
div.custom
{
max-width:100%;	
}

div.img-half-width,
div.img-full-width
{
width:100%;	
}
div.img-full-width img
{
width:100%;
	
}
div.img-half-width img
{
width:90%;
margin-left:10%;	
}
div.list-entry
{
display:flex;
width:100%;
padding-bottom:5px;
border-bottom: 1px dotted #c4c4c4;
margin-bottom: 10px;
}
div.list-item
{
display:flex;
flex-direction:column;	

}
div.list-marker
{
margin-right:20px;
font-size:1.2em;	
}
div.controls>input
{
border:1px solid #c4c4c4;
padding: 5px;
border-radius:4px;
box-shadow:none;
}

div.control-group
{
	margin-bottom:15px;
}
div.control-group-inline
{
display:flex;
justify-content:flex-start;
align-items:center;	
}
div.control-label label
{
display:flex;
justify-content:flex-start;
font-weight:normal;
}
div.control-group-inline label
{
margin-right:10px;	
}
a.list-group-item:before
{
font-family:'Glyphicons Halfings';
content:"\e250";
margin-right:10px;	
}
a.custom-link-inversed
{
display:flex;
align-items:center;	
background-color:#000;	
color:#FFF;
}
a.custom-link
{
background-color:#FFF;	
color:#404040;
}
a.custom-link-inversed:before,
a.custom-link:before
{
Font-Family:'Glyphicons Halfings';
content:"\e250";	
}


a.readmore
{
display:flex;
justify-content:flex-end;
align-items:center;	
}
span.contact-link-icon:before,
ul.social-media-buttons a
{
font-family:'Font Awesome 5 Brands';
font-weight: 200;	
}
ul.social-media-buttons
{
display:flex;
_justify-content:center;
padding:0;	
}
ul.social-media-buttons>li
{
list-style-type:none;
margin-right:10px;	
}
.globo
{
box-shadow:none !important;
border-radius:0;
border:1px solid #c4c4c4;
}

a,
a:focus,
a:active,
a:visited,
button,
button:focus,
button:active,
button:visited

{
outline:0;
}
a.Youtube:before,
span.youtube:before
{
content:"\f431";
}
a.Facebook:before,
span.facebook:before
{
content:"\f082";		
}
a.Instagram:before,
span.instagram:before
{
content:"\f16d";		

}
a.Xing:before,
span.xing:before
{
	content:"\f169";	
}
a.Twitter:before
{
content:"\f081";	
}
a.LinkedIn:before,
span.linkedin:before
{
content:"\f08c";	
}
a.Google:before
{
content:"\f0d4";	
}
a.download-vcard,
a.url-link
{
display:flex;
align-items:center;	
justify-content:center;
color:#fff;
padding:5px;
border-radius:4px;
box-shadow:5px 5px 5px #c4c4c4;
}
a.download-vcard:before
{
font-family:'Glyphicons Halfings';
font-size:2em;
margin-right:10px;	
content:"\e197";	
}
a.Kontakt:before
{
font-family:'Glyphicons Halfings';
font-size:2em;
margin-right:10px;	
content:"\2709";	
}
a.url-link:hover,
a.url-link:focus,
a.download-vcard:hover,
a.download-vcard:focus
{
box-shadow:none;
text-decoration:none;	
}
a.url-link:active,
a.download-vcard:active
{
text-decoration:none;	
}
a.title-link
{
color:#000;
display:flex;
width:100%;
justify-content:space-between;
align-items:center;
cursor:pointer;
}
i.title-link
{
margin-right:5px;	
}
div.no-padding
{
padding:0;	
}

div.categories-list
{
width:100%;	
display:flex;
position:relative;	
margin-top:0px;	
}

div.categories-list>div.itempanel-vertical
{
margin-bottom:15px;	
}

div.article-header-headline-0 div.tagpanel,
div.article-header-headline-1 div.tagpanel
{
margin-bottom:15px;	
}
div.article-header-headline-0
{
margin-top:30px;	
}

p.article-details
{
font-size:0.8em;
color:#808080;	
}
div.content-page-subheader
{
display:flex; 
flex-direction:column;
align-items:flex-start;
background-color:#404040;
padding:0;	
}

div.sidebar_item
{
padding:10px; 
border-bottom:1px dotted #c4c4c4;
margin-bottom:5px;	
background-color:#FFF;
}

div.sidebar_item p
{
margin-left:25px;	
}

div.textcontainer
{
background-color:#FFF;	
}
@media (min-width: 480px)
{
 div.usercontainer
	{
	top:2px;
	padding-top:12px;	
	}

span.user
{
color:#FFF;	
	}
@media (min-width: 480px)
{
 div.usercontainer
	{
	left:100px;
	}
span.user:before
{
color:#FFF;	
}	
}
@media (min-width: 768px)
{
	div.usercontainer
	{
	top: 5px;
	left: 110px;	
	}
	div#topline,
	div#topmenue
	{
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;	
	}
	div#topline
	{
	padding:0 15px 0 15px;	
	}
	
	div.overlayed-content
	{
	height:95%;
	margin-top:5%;
	}
}

div.usercontainer
	{
	top: 2px;
	left: 130px;	
	}
div.img-half-width img
{
width:60%;
margin-left:40%;	
}

div.content-page-header-0
{
margin-top:5px;	
margin-bottom: 0px;
}

div.content-page-subheader
{
flex-direction:row;
align-items:center;
}
div.category-page-intro
{
position:absolute;
top:0;
width:50%;
height:500px;
margin-left:45%;
display:flex;
flex-direction:column;
//align-items:center;
justify-content:center;
}

div.category-page-intro p
{
color:#404040;	
}

div.gridheader>div.cat-desc-jumbo
{
margin-bottom:30px;	
}
div.cat-desc-jumbo p
{
font-size:1.5em;	
}


p.article-details
{
font-size:0.9em;
}
}
@media (min-width: 1400px)
{
	div.usercontainer
	{
	left:140px;	
	}
	div.overlayed-content
	{
	margin-left:10%;	
	height:100%;
	margin-top:0;
	}
}