/*
* Neutrum-Masonry-GIRLS
* hellgrau #f0f0f0 | dunkelgrau #696969 | rot #bd111f | weiß #ffffff 
*/ 


/* ########## Body ########## */
* {margin:0; padding:0;}
*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body {background:#fff;}
.wrapper {max-width:; margin:0 auto;} 


/* ########## Header ########## */
noscript p.hideme {position:absolute; z-index:10000; top:-200px; background:#f03510; color:#fff; text-align:center; font-size:1.15em; margin:0 auto; width:100%; padding:25px 5px;
animation:slideup 7s; -moz-animation:slideup 7s; -webkit-animation:slideup 7s; -o-animation:slideup 7s;}
noscript p.hideme i.icon {font-size:130%; color:#fff; margin:0 15px 0 0;} 
header {}


/* ########## Content ########## */
/* Masonry grid */
.masonry {transition:all .5s ease-in-out; column-gap:30px; column-fill:initial;}

/* Masonry item */
.masonry .brick {margin-bottom:30px; display:inline-block; /* Fix the misalignment of items */ vertical-align:top; /* Keep the item on the very top */}

/* Masonry image effects */
.masonry .brick img {transition:all .5s ease-in-out; backface-visibility:hidden; /* Remove Image flickering on hover */}

/* Bordered masonry */
.masonry.bordered {column-rule:1px solid #eee; column-gap:50px;}
.masonry.bordered .brick {padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #eee;}

/* Gutterless masonry */
.masonry.gutterless {column-gap:0;}
.masonry.gutterless .brick {margin-bottom:0;}


img {vertical-align:middle;}
img {max-width:100%; height:auto; /*Fluid Images */}



/* ########## Footer ########## */
footer {position:relative; margin:0 auto;}


/* ########## Animation ########## */
/* No-JS SlideUp */
@keyframes slideup {0% {top:0px;} 75%  {top:0px;} 100% {top:-200px;}}
@-moz-keyframes slideup {0% {top:0px;} 75%  {top:0px;} 100% {top:-200px;}}
@-webkit-keyframes slideup {0% {top:0px;} 75%  {top:0px;} 100% {top:-200px;}}
@-o-keyframes slideup {0% {top:0px;} 75%  {top:0px;} 100% {top:-200px;}}


/* ########## Various classes and id´s ########## */
#back-to-top {position:relative; height:5em; margin:20px 0; padding:0; text-align:center; display:none;}
#back-to-top i {font-size:4.0em; line-height:1;}
#back-to-top i.icon-angle-circled-up {z-index:2; color:#414141;}
#back-to-top i.icon-circle {z-index:1; color:#fff;}
#back-to-top i:before {margin:0;}
#back-to-top i:hover {color:#bd111f;}
#dp_footer {display:none;}



/* ###################################################################################################### */
/*  --------------------------------------------------------------------------------------- His  Responsiveness ------------------------------------------------------------------------------------------- */
/* ###################################################################################################### */




@media only screen and (max-width:449px) {
  .masonry {column-count:1;}
}/* Ende @media screen */


@media only screen and (min-width:450px) and (max-width:899px) {
  .masonry {column-count:2;}
}/* Ende @media screen */


@media only screen and (min-width:900px) and (max-width:1349px) {
  .masonry {column-count:3;}
}/* Ende @media screen */


@media only screen and (min-width:1350px) and (max-width:1799px) {
  .masonry {column-count:4;}
}/* Ende @media screen */


@media only screen and (min-width:1800px) and (max-width:2249px) {
  .masonry {column-count:5;}
}/* Ende @media screen */


@media only screen and (min-width:2250px) and (max-width:2699px) {
  .masonry {column-count:6;}
}/* Ende @media screen */







/* Abstand */