@charset "ISO-8859-1";
/* 
Theme Name: Gabriela Hasbun 2016
Version: 2.0 
Author: <a href=http://www.mooi-design.com> &copy; 2015 Julian Weidenthaler</a> 
*//*

COLORS
Pink: #e60d7d;
*/


/* --------------------------------------------- Reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video,form{display:block;}
html{-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
:focus{outline:none;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*------------------------------------------------------------------- LAYOUT ----------------------------------------------------------------*/
body{font-family:'Montserrat','Futura',Helvetica,Arial,sans-serif;color:#000;font-size:1em;line-height:1.4em;font-weight:400;text-decoration:none;background-color:#fff;}

.floatleft {float:left;}
.full {width:100%;}

body.page-template-info-php {background-color:#e60d7d;color:black;}

body.page-template-info-php #logo {fill: white}
body.page-template-info-php #logo:hover {fill:black}

#logo {fill: #e60d7d;-webkit-transition:all .5s;-moz-transition:all .5s; transition:all .5s;text-decoration: none; border:none;}
#logo.black {fill:#000;}
#logo:hover {fill:#000;}
#logo.black:hover {fill:#fff;}

#content{width:100%;padding:140px 25px 25px;opacity: 0;}
#container{width:100%; position: relative;}
#container.pagecontent {padding: 0 25%;}
#footer{padding:0px 25px 50px 25px;width:100%;text-align: center;opacity: 0;}
.single h1{width:100%;}
.linksobensingle {z-index:1500;opacity:0;}
.phoneshow {display: none;}

.gutter{width:25%;}
#maincontent {padding:12px;}
.item{padding:10px 10px 0 10px;margin-bottom:12px;position:relative;height:500px;}
.imgH{width:50%;/* Fallback */width:-webkit-calc((100% / 100)*50);width:calc((100% / 100)*50);}
.imgV{width:25%;/* Fallback */width:-webkit-calc((100% / 100)*25);width:calc((100% / 100)*25);}
.textbox{width:50%;/* Fallback */width:-webkit-calc((100% / 100)*50);width:calc((100% / 100)*50);}
.read{position:relative;}
.item iframe{width:100%;}
.item .imagebox {display:none;}


.bigfont p {margin:0;}

.ajax-close{position:fixed;top:35px;right:60px;padding:0;width:40px;height:40px;cursor:pointer;z-index:8040;border:none;background: url(scripts/fancybox_sprite.png) top left no-repeat;}
.ajax-close:hover {-webkit-opacity: .5; -moz-opacity: .5; opacity: .5;background: url(scripts/fancybox_sprite.png) top left no-repeat;}

.hidden {display: none;}
.opacity-hidden {opacity: 0;visibility: hidden;}
#loading{width:100%;top:50%;text-align:center;position:fixed;z-index:9999;-webkit-transition:-webkit-transform 0.3s,all .5s;-moz-transition:-moz-transform 0.3s,all .5s;transition:transform 0.3s,all .5s;}
.spinner{margin:0 auto 0;width:70px;text-align:center;}
.ie .spinner>div {background-color: #e60d7d;}
.spinner>div{width:18px;height:18px;background-color:#e60d7d;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s;}
.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s;}

@-webkit-keyframes bouncedelay {
0%,100%,80%{-webkit-transform:scale(0);}
40%{-webkit-transform:scale(1);}
}

@keyframes bouncedelay {
0%,100%,80%{transform:scale(0);-webkit-transform:scale(0);}
40%{transform:scale(1);-webkit-transform:scale(1);}
}

p img {width:100%;height:auto;}
.gallery-item {padding:10px;}
.gallery img {width:100%;height:auto;}

#mainmenu{position:fixed;top:0;bottom:0;left:0;width:100%!important;overflow-y:hidden;min-height:150px!important;max-height:150px!important;height:150px;z-index:1499;background-color: rgba(230, 15, 126, 0.9);-webkit-transition:all .5s;-moz-transition:all .5s; transition:all .5s;}
#showmenu{width:48px;height:48px; background:none; border:none;cursor: pointer;}
#showmenu .dashicons {margin-top:10px;color:#e60d7d;font-size:2.5em; width:40px;height:40px;line-height: 1em;-webkit-transition:all .5s;-moz-transition:all .5s; transition:all .5s;}
#showmenu.active .dashicons {color:black;}
#showmenu:hover .dashicons {color:black;}
.page-template-info-php.mobile #showmenu .dashicons {color:white;}
.mobile #showmenu:hover .dashicons {color: #e60d7d;}
.page-template-info-php.mobile #showmenu:hover .dashicons {color: white;}
#showmenu.active:hover .dashicons {color:white;}

.lock-position{overflow: hidden;}
#mainmenuwrapper {
	height:100%;
	display: -webkit-box;
  	-webkit-box-orient: horizontal;
  	-webkit-box-pack: center;
  	-webkit-box-align: center;
  	
  	display: -moz-box;
  	-moz-box-orient: horizontal;
  	-moz-box-pack: center;
  	-moz-box-align: center;
  	
  	display: box;
  	box-orient: horizontal;
  	box-pack: center;
  	box-align: center;
}

#singlecontainer{display:none;position:fixed;top:0;bottom:0;left:0;width:100%!important;overflow-y:scroll;min-height:100%!important;height:100%;z-index:1499;background-color: white;}
#singlecontent{height:100%!important;margin:0 auto;}
#singleclose{position:fixed;z-index:15000;margin-top:65px; margin-left:60px;}
#singleclose a{border:none;text-decoration:none;}
#singleclose a .dashicons{color:#7a7a7a;font-size:4em;border:none;display:block;}
#singleclose a:hover .dashicons{color:#e60d7d;}
#singlecontainer #singlecontent #ajaxloadable{}
#singlecontainer #singlecontent #ajaxloadable.threeCol{width:100%;height:100%;}
iframe{width:100%!important;}


#contentpagesite{width:600px;margin-left:350px;position:absolute;margin-top:120px;padding-bottom:50px;}
#contentpage{width:1000px;left:50%;margin-left:-500px;position:absolute;margin-top:120px;padding-bottom:50px;}
#header{position:fixed;z-index:1500;opacity:0;}
.single #header {z-index:1500;}
.rechtsoben{z-index:1500;position:fixed;right:37px;top:50px;}
.mobilerechtsoben{z-index:1500;position:fixed;right:24px;top:25px;}
.linksoben{z-index:1500;position:fixed;left:37px;top:50px;}
.linksobensingle{position:fixed;left:100px;top:60px;z-index:1500;}
.singlepage img{margin-bottom:2em;}
#mobile-header{display:none;line-height:0;}
.float{float:left;}
.clear{clear:both;}
.marginbottom{margin-bottom:24px;}

/*------------------------------------------------------------------- TYPOGRAFIE ----------------------------------------------------------------*/
h1{font:bold 1em/1em 'Montserrat',Futura,Helvetica,Arial,sans-serif;letter-spacing:normal;margin-bottom:1em;text-transform:uppercase}
h2{font:bold 1.5em/1em 'Montserrat',Futura,Helvetica,Arial,sans-serif;font-style:normal;margin-bottom:1em;}
h3{font:bolditalic 1em/1em 'Montserrat',Futura,Helvetica,Arial,sans-serif;font-style:normal;margin-bottom:1em;}
p{font-weight:400;margin-bottom:1em;}
a {color:#e60d7d;border-bottom:2px solid;text-decoration: none;}
a:hover {color:black;border-bottom: none;}
.page-template-info-php a{color:white;}
.page-template-info-php a:hover{color:black;}
#pagecontainer a{border-bottom:2px solid #000;font-weight:700;}
#pagecontainer a:hover{border-bottom:none;}
input,textarea,button{width:578px;padding:10px;font-size:16px;font-family:'Montserrat','Futura',Helvetica,Arial,sans-serif;border:1px solid #000;}
input:hover,textarea:hover,button:hover{background-color:#eee;}
.wpcf7-submit{background-color:#000;color:#fff;}
.wpcf7-submit:hover{background-color:#fff;border:1px solid #000;color:#000;cursor:pointer;}
strong{font-weight:700;}
.backlink{display:inline;}
.bigfont {font-size: 1.5em; line-height:1.4em;}

/*------------------------------------------------------------------- IMAGES ----------------------------------------------------------------*//* Caption Style 4 */
.image-loading {background-color:black;background-image: url('images/loading.gif'); background-position: center 45%;background-repeat: no-repeat;}
.image-loading img {opacity:0;-webkit-opacity: 0;-moz-opacity: 0; -webkit-transition:opacity .4s .2s;-moz-transition:opacity .4s .2s;transition:opacity .4s .2s;}
.cs-style-4 figure{overflow: hidden;width:100%;}
.cs-style-4 figure img, .cs-style-2 figure img{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;transition:transform 2s;}
.cs-style-4 figcaption{opacity:0;height:auto;font-size:.75em;padding:10px 20px;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform 0.4s,opacity .8s .4s;-moz-transition:-moz-transform 0.4s,opacity .8s .4s;transition:transform 0.4s,opacity .8s .4s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.page-template-series .cs-style-4 figcaption{opacity:1;}
.cs-style-4 figure:hover img, .cs-style-2 figure:hover img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02);}
.cs-style-4 .hoverimage:hover figcaption{opacity:1;background:rgba(230, 15, 126, 0.95);}
#container .cs-style-4 figcaption a{color:#fff;border-bottom:2px solid #fff;}
figure{margin:0;position:relative;}
figure img{width:100%;display:block;position:relative;height: auto;}
figcaption{position:absolute;bottom:0;left:0;background:rgba(230, 15, 126, 0.9);color:#fff;}
.video p{margin-bottom:2.3em;}
.centertext{height:100%;width:100%;text-align:left;padding:.5em;}

.cs-style-2 figure{overflow: hidden;width:100%;}
.cs-style-2 figure img {vertical-align: bottom;}
.cs-style-2 figcaption {opacity:0;-webkit-opacity: 0;-moz-opacity: 0; position: absolute;top: 0;bottom: 0;left: 0;right: 0;-webkit-transition:opacity .4s .2s;-moz-transition:opacity .4s .2s;transition:opacity .4s .2s;}
.cs-style-2 figcaption:before {content: ' ';display: inline-block;height: 100%;vertical-align: middle;}
.cs-style-2 figcaption .caption {display: inline-block;vertical-align: middle;text-align:center;color:white;width: 100%;margin-top:-25px;}
.cs-style-2 figure:hover figcaption {opacity:1;-webkit-opacity: 1;-moz-opacity: 1;}
.cs-style-2 .video iframe, .cs-style-2 .video {opacity:1;-webkit-opacity: 1;-moz-opacity: 1;width:100%; height:100%;}

.mobile .cs-style-2 figcaption {opacity:1;-webkit-opacity: 1;-moz-opacity: 1; background: transparent;}
.mobile .cs-style-2 figcaption .caption {vertical-align: bottom;color:#e60d7d;margin-top:0px;font-size:.75em;line-height: 1em;padding:5px; background:rgba(255, 255, 255, 0.8)}
.mobile .cs-style-2 figcaption .caption h2 {margin:0;}


/*------------------------------------------------------------------- TRANSITION MASONRY ----------------------------------------------------------------*/
.transitions-enabled.masonry,.transitions-enabled.masonry .masonry-brick{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;}
.transitions-enabled.masonry{-webkit-transition-property:height,width;-moz-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width;}
.transitions-enabled.masonry .masonry-brick{-webkit-transition-property:left,right,top;-moz-transition-property:left,right,top;-o-transition-property:left,right,top;transition-property:left,right,top;}
/* disable transitions on container */.transitions-enabled.infinite-scroll.masonry{-webkit-transition-property:none;-moz-transition-property:none;-o-transition-property:none;transition-property:none;}


/*------------------------------------------------------------------- SLIDE-IN ----------------------------------------------------------------*/
#header nav {margin-top: 20px;}
#header nav a{color:black;text-decoration:none;border:none;text-transform: lowercase;font-weight: bold;font-size:1.5em;-webkit-transition:all .5s;-moz-transition:all .5s; transition:all .5s;}
#header nav a:hover{color:#e60d7d;}
.mobile #header nav a:hover{color:white;}
#header nav li {display: inline-block; margin-left:1em;}
#header nav li.current_page_item a {pointer-events: none;}
#header nav li.current_page_item a, #header nav li.current_page_parent a {color:#e60d7d;}
.mobile #header nav li.current_page_item a, .mobile #header nav li.current_page_parent a {color:#ffffff;}
.page-template-info #header nav li.current_page_item a {color:white;}

.page-template-info-php #header nav a {color:black;}
.page-template-info-php #header nav a:hover {color:white;}

#socialmenu {margin-top:1em;}
.social {display: inline-block;margin:0 10px;}

/*------------------------------------------------------------------- FLEXSLIDER ----------------------------------------------------------------*//* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none;}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none;}
.flexslider{-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-kthtml-transition:all .5s ease;transition:all .5s ease;}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{width:100%;display:block;}
.flex-pauseplay span{text-transform:capitalize;}
/* Clearfix for the .slides element */
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides{display:block;}
* html .slides{height:1%;}
.no-js .slides > li:first-child{display:block;}
.flexslider{margin:0 0 60px;position:relative;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.loading .flex-viewport{max-height:300px;}
.flexslider .slides{zoom:1;}
.carousel li{margin-right:5px;}
.flex-direction-nav{*height:0;}
.flex-direction-nav a{width:40px;height:80px;margin:-20px 0 0;display:block;background:url(images/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:20px;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:100% 50%;right:-36px;border:none!important;}
.flex-direction-nav .flex-prev{background-position:0 50%;left:-36px;border:none!important;}
.flexslider:hover .flex-next{opacity:.8;right:10px;}
.flexslider:hover .flex-prev{opacity:.8;left:10px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;}
/* Control Nav */.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center;}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7);}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default;}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li{width:25%;float:left;margin:0;}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer;}
.flex-control-thumbs img:hover{opacity:1;}
.flex-control-thumbs .flex-active{opacity:1;cursor:default;}
/*------------------------------------------------------------------- FANCYBOX ----------------------------------------------------------------*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#fff;color:#444;text-shadow:none;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{}
.fancybox-outer,.fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px 'Montserrat',Futura,Helvetica,Arial,sans-serif;margin:0;white-space:nowrap;}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(scripts/fancybox_sprite.png);}
.page-template-contact-php #fancybox-loading, .fancybox-close, .fancybox-prev span,.fancybox-next span{background-image:url(scripts/fancybox_spriteblack.png);}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url(scripts/fancybox_loading.gif) center center no-repeat;}
.fancybox-close{border:none;position:fixed;top:10px;right:10px;width:40px;height:40px;cursor:pointer;z-index:8040;}
.fancybox-close:hover {-webkit-opacity: .5; -moz-opacity: .5; opacity: .5;}
.fancybox-nav{position:fixed;top:50%;width:40px;height:40px;cursor:pointer;text-decoration:none;background:transparent url(scripts/blank.gif);/* helps IE */-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:40px;height:40px;margin-top:-18px;cursor:pointer;z-index:8040;-webkit-opacity: .5; -moz-opacity: .5; opacity: .5;}
.fancybox-prev span{left:5px;background-position:0 -36px;}
.fancybox-next span{right:5px;background-position:0 -72px;}
.fancybox-nav:hover span{-webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}
/* Overlay helper */
.fancybox-lock{overflow:hidden!important;width:auto;}
.fancybox-lock body{overflow:hidden!important;}
.fancybox-lock-test{overflow-y:hidden!important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;background:rgba(255,255,255,1);z-index:1499;}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
/* Title helper */
.fancybox-title{left:0;visibility:hidden;position:absolute;text-shadow:none;z-index:8050;font-size:.75em;text-align: center;width:100%;line-height: 1.2em;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;/* Fallback for web browsers that doesn't support RGBa */background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;color:#000;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(scripts/fancybox_sprite@2x.png);background-size:44px 152px;/*The size of the normal image, half the size of the hi-res image*/}
.page-template-contact-php #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(scripts/fancybox_sprite@2xblack.png)}
#fancybox-loading div{background-image:url(scripts/fancybox_loading@2x.gif);background-size:24px 24px;/*The size of the normal image, half the size of the hi-res image*/}
}
#fancybox-buttons{position:fixed;left:0;width:100%;z-index:8080;background:#fff;padding:1em 0;}
#fancybox-buttons.top{bottom:0;}
#fancybox-buttons.bottom{bottom:10px;}
#fancybox-buttons ul{display:block;width:166px;height:30px;margin:0 auto;padding:0;list-style:none;}
#fancybox-buttons ul li{float:left;margin:0;padding:0;}
#fancybox-buttons a{display:block;height:30px;width:35px;background-color:transparent;outline:none;opacity:.8;color:#000;font-size:1em;text-align:center;text-decoration:none;}
#fancybox-buttons a:hover{opacity:1;color:#e60d7d;}
#fancybox-buttons a.btnDisabled{opacity:.2;cursor:default;}
#fancybox-buttons .btnPrev,#fancybox-buttons .btnNext{}


#tooltip{
	position:absolute;
	background:rgba(230, 15, 126, 0.95);
	padding:2px 5px;
	color:white;
	display:none;
	font-size: 0.75em;
	z-index: 20000;
	max-width:400px;
}

/* --------------------------------------------------------------- RESPONSIVENESS --------------------------------------------------------------- */

@media screen and (max-width: 1920px) {
	.gutter{width:25%;}
.imgH{width:50%;/* Fallback */width:-webkit-calc((100% / 100)*50);width:calc((100% / 100)*50);}
.imgV{width:25%;/* Fallback */width:-webkit-calc((100% / 100)*25);width:calc((100% / 100)*25);}
.textbox{width:50%;/* Fallback */width:-webkit-calc((100% / 100)*50);width:calc((100% / 100)*50);}
}

@media screen and (max-width: 1200px) {
#container.pagecontent {padding: 0 12px;}
#container.pagecontent .imgH{ width:50%;/* Fallback */width:-webkit-calc((100% / 100)*50);width:calc((100% / 100)*50);}
}

/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {
#mainmenu{position:fixed;top:0;bottom:0;left:0;width:100%!important;overflow-y:hidden;min-height:100%!important;height:100%;z-index:1499;background-color: rgba(230, 15, 126, 0.9);-webkit-transition:all .5s;-moz-transition:all .5s; transition:all .5s;}
.menu-main-container {position: fixed;bottom: 50px;width: 100%;text-align: center;}
#container.pagecontent .imgH{ width:50%;/* Fallback */width:-webkit-calc((100% / 100)*50);width:calc((100% / 100)*50);}

.linksobensingle {display:none;}
.textbox{width:100%;/* Fallback */width:-webkit-calc((100% / 100)*100);width:calc((100% / 100)*100);}
.page-template-contact-php .imgS,.page-template-contact-php .imgM,.page-template-contact-php .imgL,.page-template-contact-php .itemS,.page-template-contact-php .itemM,.page-template-contact-php .itemL{width:100%;padding-bottom:60px;}
.page-template-contact-php{padding-bottom:60px;}
#header nav a {font-size:1em;}
}

/* --- iPad Portrait --- */
@media screen and (max-width: 768px) {
.phonehide {display: none;}
.phoneshow {display: block;}
.gutter{width:50%;}
.imgH{width:100%;/* Fallback */width:-webkit-calc((100% / 100)*100);width:calc((100% / 100)*100);}
.imgV{width:50%;/* Fallback */width:-webkit-calc((100% / 100)*50);width:calc((100% / 100)*50);}

.linksoben {top:25px;}
#logo{top:0px;z-index:99999;}
#logo svg {width:180px;}
#logoimg{background-size:100%!important;width:300px;height:65px;}
.page-template-contact-php #logoimg{background:url(images/logo.png) bottom center no-repeat;}
.page-template-contact-php #logoimg:hover{background:url(images/logo.png) top center no-repeat;}
#header nav a{font-size:1em;}
.page-template-contact-php #header nav a{color:#fff;text-decoration:none;border-bottom:transparent 2px solid;}
.page-template-contact-php #header nav a:hover{border-bottom:#000 2px solid;color:#000;}
#container.pagecontent .imgH{ width:100%;/* Fallback */width:-webkit-calc((100% / 100)*100);width:calc((100% / 100)*100);}
#footer {font-size:.75em;}
.mobile .bigfont {font-size:1.2em;}
	
}

/* --- iPhone --- */
@media screen and (max-width: 480px) {
.gutter{width:100%;}
.imgH, .imgV {width:100%;/* Fallback */width:-webkit-calc((100% / 100)*100);width:calc((100% / 100)*100);}
#content {padding-top:100px;}
#logo{z-index:99999;}
.mobile #logo {top:50px;left:37px; margin-left:0px;}
.rechtsoben{position:fixed;top:70px;right:0px;width:100%;text-align:center;}
#logoimg{background-size:100%!important;width:228px;height:50px;}
#header nav li:first-child{margin:0;}
.mobile #header nav {text-align: center;}
.mobile #header nav li {display: block;margin:0;font-size:3em;line-height: 1em;}
.read{margin:10px 0;}
#gallery-1 .gallery-item {width:100%!important;}
}


/* --------------------------------------------------------------- TEXTMARKIERUNGEN --------------------------------------------------------------- */
::-moz-selection{background:#e60d7d;color:#fff;text-shadow:none;}
::selection{background:#e60d7d;color:#fff;text-shadow:none;}


/* --------------------------------------------------------------- FONT ICONS --------------------------------------------------------------- */

@font-face {
  font-family: "gabrielaicons";
  src:url("fonts/gabrielaicons.eot");
  src:url("fonts/gabrielaicons.eot?#iefix") format("embedded-opentype"),
    url("fonts/gabrielaicons.woff") format("woff"),
    url("fonts/gabrielaicons.ttf") format("truetype"),
    url("fonts/gabrielaicons.svg#gabrielaicons") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "gabrielaicons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "gabrielaicons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagrem:before {
  content: "a";
}
.icon-left-open-big:before {
  content: "b";
}
.icon-location:before {
  content: "c";
}
.icon-menu:before {
  content: "d";
}
.icon-right-open-big:before {
  content: "e";
}
.icon-close:before {
  content: "f";
}
.icon-cross-mark:before {
  content: "g";
}
.icon-youtube:before {
  content: "h";
}
.icon-thumbnails:before {
  content: "i";
}
.icon-twitter:before {
  content: "j";
}
.icon-facebook:before {
  content: "k";
}
.icon-behance:before {
  content: "l";
}
.icon-google-plus:before {
  content: "m";
}
.icon-linkedin:before {
  content: "n";
}
.icon-vimeo:before {
  content: "o";
}
.icon-x-alt:before {
  content: "p";
}
.icon-x:before {
  content: "q";
}
.icon-gabriela:before {
  content: "r";
}
.icon-remove:before {
  content: "s";
}
.icon-chevron-left:before {
  content: "t";
}
.icon-chevron-right:before {
  content: "u";
}