@font-face {
  font-family: Raleway;	
  font-style: normal;
  font-weight: 300;
  src: url(/fileadmin/templates/islandart/css/Raleway/Raleway-Light.ttf);
}

@font-face {
  font-family: Raleway;	
  font-style: normal;
  font-weight: 500;
  src: url(/fileadmin/templates/islandart/css/Raleway/Raleway-Medium.ttf);
}

@font-face {
  font-family: Zilla Slab;	
  font-style: normal;
  font-weight: 300;
  src: url(/fileadmin/templates/islandart/css/Zilla/ZillaSlab-Light.ttf);
}

@font-face {
  font-family: Zilla Slab;	
  font-style: normal;
  font-weight: 400;
  src: url(/fileadmin/templates/islandart/css/Zilla/ZillaSlab-Regular.ttf);
}

@font-face {
  font-family: Handlee;	
  font-style: normal;
  src: url(/fileadmin/templates/islandart/css/Handlee/Handlee-Regular.ttf);
}

html, body {
	height: 100%;
}

iframe .video-wrapper {
	height: 1280px;
}

body, input[type=submit], input[type="text"], input[type="email"], .text-item, .price-item .value, #uid-7 .powermail_legend, .beschribe_slider_34  {
	font-style: normal;
	font-family: 'Raleway';	
	font-weight: 300;
	font-size:1rem;
	line-height: 1.45rem;
	width:100%;
	height: 100%;
	//max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
}

.projekt_mit_stiky_footer, .guidelines_uebersicht_and_projekt_mit_stiky_footer  {
	display: table;
}

.projekt_mit_stiky_footer .page-row, .guidelines_uebersicht_and_projekt_mit_stiky_footer .page-row {
	display: table-row;
}

/* Microsoft Edge Browser 12+ (All) - one-liner method */
_:-ms-lang(x), _:-webkit-full-screen, body { background-color: transparent; }

h1, .fancyfooter_titel_gross  {
	font-size: 2rem;
	line-height: 2.4rem;
	font-family: 'Zilla Slab', serif;
}

a {
	color: #000000;
	text-decoration:none;
}

a:hover {
	color: #000000 ;
	text-decoration:none;
}

.content a {
	color: #0A5D74;
}

.content a:hover {
	color: #000000;
}

h2, .news h3, .folge_uns, .powermail_legend, #c1412 h3, #c1415 h3, #c1415 h3 {
	font-size: 1.7rem;
	line-height: 2.4rem;
	font-family: 'Zilla Slab', serif;
}

h3, .text-list 	h2, .titelklein h3, .titelkleinundtext h3 {
	font-family: 'Raleway';	
	font-weight: 500;
	font-size: 1rem;
	line-height:1.75rem;
	margin-bottom: 5px;
	color: #000000;
}

.content h1 a, .content h2 a, .content h3 a {
	color: #000000;
	text-decoration: none;
}

.page-row-expanded { 
	height: 100%; 
}

.grauer-balken-oben {
	width: 100%;
	background-color: #F2F2F2;
}

#grauer-balken-cloud {
	background-color: #E0E0F8;
}

#uid-1 .grauer-balken-oben {
	position: fixed;
}

.head {
	height: 73px;
	max-width: 1280px;
	clear: both;
	padding-left:50px;
	padding-right:50px;
	margin-left: auto;
	margin-right: auto;
}

.logo {
	float:left;
	margin-top:18px;
}

.logo img {
	width: 200px;
	height: 44px;
}


.succeedlogo img {
	width: 200px;
	height: auto;
	margin-top: 5px;
}

.einmitten {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	/* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive-video_cinemascope {
    position: relative;
    padding-bottom: 42.553%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.responsive-video_cinemascope iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* --------- Navigation ------------------------------- */

#uid-2 #news, #uid-67 #news, #uid-3 #arbeiten, #uid-4 #services, #uid-9 #services, #uid-10 #services, #uid-11 #services, 
#uid-12 #services, #uid-5 #portfolio, #uid-18 #portfolio, #uid-20 #portfolio, #uid-21 #portfolio, #uid-22 #portfolio, #uid-23 #portfolio, 
#uid-6 #agentur, #uid-7 #kontakt, #uid-13 #portfolio, #uid-14 #portfolio, #uid-15 #portfolio, #uid-16 #portfolio, #uid-17 #portfolio, #uid-19 #portfolio, #uid-24 #portfolio, #uid-25 #portfolio, #uid-26 #portfolio, #uid-27 #portfolio,
#uid-28 #portfolio, #uid-29 #portfolio, #uid-30 #portfolio, #uid-31 #portfolio, #uid-32 #portfolio, #uid-33 #portfolio, #uid-34 #portfolio, #uid-40 #agentur, 
#uid-70 #agentur, #uid-71 #agentur, #uid-69 #agentur, #uid-78 #agentur, #uid-82 #agentur, #uid-84 #portfolio, #uid-85 #portfolio, #uid-86 #portfolio, #uid-87 #portfolio, #uid-88 #portfolio, 
#uid-36 #portfolio, #uid-38 #portfolio, #uid-39 #agentur, #uid-41 #agentur, #uid-42 #agentur, #uid-91 #portfolio, #uid-91 .film, #uid-93 #portfolio, #uid-93 .experimente, #uid-95 #portfolio, #uid-95 .produktion, #uid-96 #portfolio, #uid-96 #energydrink, 
#uid-99 #portfolio, #uid-100 #portfolio, #uid-101 #portfolio, #uid-102 #portfolio, 
#uid-103 #portfolio, #uid-104 #portfolio, #uid-105 #portfolio, #uid-108 #portfolio, #uid-89 #portfolio, #uid-90 #portfolio, #uid-98 #portfolio, 
#uid-106 #portfolio, #uid-109 #portfolio, #uid-110 #portfolio, #uid-111 #portfolio, 
#uid-112 #portfolio, #uid-113 #portfolio, #uid-114 #portfolio, #uid-115 #portfolio, #uid-116 #portfolio, #uid-117 #portfolio, 
#uid-118 #portfolio, #uid-120 #portfolio, #uid-128 .binayplayer, #uid-129 #portfolio, #uid-130 #portfolio, #uid-131 #portfolio, #uid-132 #portfolio, #uid-133 #portfolio, 
#uid-134 #portfolio, #uid-135 #portfolio, #uid-136 #portfolio, #uid-137 #portfolio, #uid-138 #portfolio,  #uid-142 #portfolio,  #uid-144 #services, 
#uid-40 .uebermich, #uid-70 .filme, #uid-71 .portraits, #uid-69 .weiterearbeiten, #uid-82 .medien, #uid-155 #kontakt, #uid-156 #portfolio, #uid-160 #agentur, #uid-161 #portfolio, #uid-172 #portfolio, #uid-174 .binaplayeranleitung, #uid-175 .binaplayerbestellen, #uid-177 .binaplayerbauen, 
#uid-180 #portfolio, #uid-186 #portfolio, #uid-187 #portfolio, #uid-202 #agentur, #uid-205 #portfolio, #uid-204 #portfolio, #uid-208 #services , #uid-209 #services, #uid-210 #services, #uid-212 #portfolio, #uid-213 #portfolio, #uid-214 #portfolio, #uid-215 #portfolio , #uid-221 #portfolio,
#uid-244 #wiesoislandart, #uid-245 #wiesoislandart, #uid-246 #wiesoislandart, #uid-247 #wiesoislandart, #uid-249 #news, #uid-251 #services, #uid-253 #services, #uid-254 #services, #uid-255 #services, #uid-256 #services, #uid-258 #portfolio, #uid-13 .portraitsdasprojekt, #uid-258 .portraitsfotostrecken, #uid-120 .portraitsfotostrecken, #uid-84 .portraitsfotostrecken, #uid-85 .portraitsfotostrecken, #uid-86 .portraitsfotostrecken, #uid-87 .portraitsfotostrecken, #uid-88 .portraitsanfaenge, #uid-325 .ls-kompetenzen  {
	color: #000000;
}

#uid-2 #news, #uid-67 #news, #uid-3 #arbeiten, #uid-339 #services, #uid-9 #services, #uid-10 #services, #uid-11 #services, 
#uid-12 #services, #uid-5 #referenzen, #uid-18 #portfolio, #uid-20 #referenzen, #uid-21 #referenzen, #uid-22 #referenzen, #uid-23 #referenzen, 
#uid-6 #agentur, #uid-7 #kontakt, #uid-13 #portfolio, #uid-14 #portfolio, #uid-15 #portfolio, #uid-16 #portfolio, #uid-17 #portfolio, #uid-19 #portfolio, #uid-24 #portfolio, #uid-25 #portfolio, #uid-26 #portfolio, #uid-27 #portfolio,
#uid-28 #portfolio, #uid-29 #portfolio, #uid-30 #portfolio, #uid-31 #portfolio, #uid-32 #portfolio, #uid-33 #portfolio, #uid-34 #portfolio, #uid-40 #agentur, 
#uid-70 #agentur, #uid-325 #agentur, #uid-71 #agentur, #uid-69 #agentur, #uid-78 #agentur, #uid-82 #agentur, #uid-84 #portfolio, #uid-85 #portfolio, #uid-86 #portfolio, #uid-87 #portfolio, #uid-88 #portfolio, 
#uid-36 #portfolio, #uid-38 #portfolio, #uid-39 #agentur, #uid-41 #agentur, #uid-91 #portfolio, #uid-91 .film, #uid-93 #portfolio, #uid-93 .experimente, #uid-95 #portfolio, #uid-95 .produktion, #uid-96 #portfolio, #uid-96 #energydrink, 
#uid-99 #portfolio, #uid-100 #portfolio, #uid-101 #portfolio, #uid-102 #portfolio, 
#uid-103 #portfolio, #uid-104 #portfolio, #uid-105 #portfolio, #uid-108 #portfolio, #uid-89 #portfolio, #uid-90 #portfolio, #uid-98 #portfolio, 
#uid-106 #portfolio, #uid-109 #portfolio, #uid-110 #portfolio, #uid-111 #portfolio, 
#uid-112 #portfolio, #uid-113 #portfolio, #uid-114 #portfolio, #uid-115 #portfolio, #uid-116 #portfolio, #uid-117 #portfolio, 
#uid-118 #portfolio, #uid-120 #portfolio, #uid-128 .binayplayer, #uid-129 #portfolio, #uid-130 #portfolio, #uid-131 #portfolio, #uid-132 #portfolio, #uid-133 #portfolio, 
#uid-134 #portfolio, #uid-135 #portfolio, #uid-136 #portfolio, #uid-137 #portfolio, #uid-138 #portfolio,  #uid-142 #portfolio,  #uid-144 #services, #uid-155 #kontakt, #uid-156 #portfolio, #uid-160 #agentur, #uid-161 #portfolio, #uid-172 #portfolio, #uid-174 .binaplayeranleitung, #uid-175 .binaplayerbestellen, #uid-177 .binaplayerbauen, 
#uid-180 #portfolio, #uid-186 #portfolio, #uid-187 #portfolio, #uid-202 #agentur, #uid-205 #portfolio, #uid-204 #portfolio, #uid-208 #services , #uid-209 #services, #uid-210 #services, #uid-212 #portfolio, #uid-213 #portfolio, #uid-214 #portfolio, #uid-215 #portfolio , #uid-221 #portfolio,
#uid-244 #wiesoislandart, #uid-245 #wiesoislandart, #uid-246 #wiesoislandart, #uid-247 #wiesoislandart, #uid-249 #news, #uid-251 #services, #uid-20 #film, #uid-253 #services, #uid-254 #services, #uid-255 #services, #uid-256 #services, #uid-258 #portfolio, #uid-288 #agentur, #uid-289 #agentur, #uid-290 #agentur, #uid-291 #wiesoislandart, #uid-277 #preisrechner, #uid-21 #foto, #uid-22 #web, #uid-23 #grafik, #uid-321 #typo3, #uid-42 #spikythecat, #uid-349 #services   {
	color: #969696;
}

#uid-33 #biografie {
	color: #000000;
}

#uid-33 #arbeiten {
	color: #ffffff;
}

#uid-32 #biografie {
	color: #000000;
}

#uid-32 #arbeiten {
	color: #ffffff;
}


/* --------- Navigation Desktop ------------------------------- */

#navigation {
	padding-top: 0px;
	text-align: right;
	font-family: 'Zilla Slab', serif;
    font-size: 1.95em; 
    line-height:1em;
    letter-spacing: 0.03em;
    text-decoration: none;
    color: #272727;
}

#navigation a, #navigation_mobile a {
	text-align: right;
	text-decoration: none;
	font-family: 'Zilla Slab', serif;
	color: #272727;
	font-weight: 300;
	font-size: 1.2rem;
	line-height:  1rem;
	margin-right: 40px;
}

#navigation_mobile ul {
	text-align: right;
	list-style: none;
}

#navigation a:last-child {
	margin-right: 0px;
}

#navigation a:hover, #navigation_mobile a:hover  {
	color: #969696;
}

#navigation_mobile_wrap {
	display: none;
}


/* --------- Navigation Desktop in Domain------------------------------- */

#navigation_in_domain {
	padding-top: 0px;
	text-align: right;
	font-family: 'Zilla Slab', serif;
    font-size: 1.95em; 
    line-height:1em;
    letter-spacing: 0.03em;
    text-decoration: none;
    color: #272727;
}

#navigation_in_domain a, #navigation_mobile a {
	text-align: right;
	text-decoration: none;
	font-family: 'Zilla Slab', serif;
	color: #272727;
	font-weight: 300;
	font-size: 1.2rem;
	line-height:  1rem;
	margin-right: 40px;
}

#grauer-balken-succeed #navigation_in_domain a {
	color: #000000;
}

#navigation_in_domain a:last-child {
	margin-right: 0px;
}

#navigation_in_domain a:hover, #navigation_mobile a:hover  {
	color: #969696;
}

#navigation_mobile_wrap {
	display: none;
}


/* --------- Domain Nav ------------------------------- */

#domain-nav {
	padding-top: 10px;
	text-align: right;
	font-family: 'Zilla Slab', serif;
    font-size: 1em; 
    line-height:1.2em;
    letter-spacing: 0.03em;
    text-decoration: none;
    color: #272727;
   	display: flex;
   	justify-content: flex-end;
}

#domain-nav-gmbh {
	padding-top: 10px;
	text-align: right;
	font-family: 'Zilla Slab', serif;
    font-size: 1em; 
    line-height:1.2em;
    letter-spacing: 0.03em;
    text-decoration: none;
    color: #272727;
   	display: flex;
   	justify-content: flex-end;
}

#domain-nav a, #navigation_mobile a {
	text-align: right;
	text-decoration: none;
	font-family: 'Zilla Slab', serif;
	color: #272727;
	font-weight: 300;
	font-size: 0.75rem;
	line-height:  1.6rem;
	margin-right: 20px;
}

#domain-nav-gmbh a{
	text-align: right;
	text-decoration: none;
	font-family: 'Zilla Slab', serif;
	color: #272727;
	font-weight: 300;
	font-size: 0.75rem;
	line-height:  1.6rem;
	margin-right: 20px;
}

#grauer-balken-succeed #domain-nav a {
	color: #000000;
}

#domain-nav a:last-child {
	margin-right: 0px;
}

#domain-nav-gmbh a:last-child {
	margin-right: 0px;
}

#domain-nav a:hover, #navigation_mobile a:hover  {
	color: #6b6b6b;
}

#domain-nav-gmbh a:hover {
	color: #969696;
}

#navigation_mobile_wrap {
	display: none;
}


/* --------- Navigation Mobile ------------------------------- */

#navigation_only_mobile {
	display: none;
	z-index:100;
}

#navigation_mobile {
	display: none;
	padding-left:30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-top: 20px;
	line-height:  2.5rem;
}

#burger{
	float:right;
	display: none;
	cursor: pointer;
	width: 35px;
	margin-top: 25px;
	margin-bottom: 5px;
}

#cross{
	float:right;
	display: none;
	cursor: pointer;
	width: 30px;
	margin-top: 25px;
	margin-bottom: 5px;
}

#navigation_mobile_links {
	display: none;
	margin-left:20px;
	margin-top: 10px;
	margin-right: 10px;
}

#navigation_mobile_links li a {
	text-align: right;
	text-decoration: none;
	font-family: 'Raleway';	
	color: #A5A5A5;
	font-weight: 300;
	font-size: 1.4rem;
	line-height:  2.4rem;
}

#navigation_mobile_links li a:hover {
	color: #969696;
}


/* --------- Multilanguage ------------------------------- */

.langmenu {
	display: none;
	width: 100%;
	margin-right: 5px;
}

#uid-128 .langmenu, #uid-174 .langmenu, #uid-175 .langmenu, #uid-177 .langmenu    {
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
	margin-bottom: -50px;
}

.language {
	display: flex;
	flex-directon: row;
}

.language li {
	margin-left: 10px;
}

.language .active a {
	color: #000000;
}

#grauer-balken-binaplayer #domain-nav .language .active a {
	color: #ffffff;
}

/* --------- Multilanguage 2 ------------------------------- */

.langmenu_2 {
	display: block;
	margin-right: 5px;
}

#uid-128 .langmenu_2, #uid-174 .langmenu_2, #uid-175 .langmenu_2, #uid-177 .langmenu_2    {
	display: block;
	justify-content: flex-end;
}

.language_2 {
	display: flex;
	flex-directon: row;
}

.language_2 li {
	margin-left: 10px;
}

.language_2 .active a {
	color: #000000;
}

#grauer-balken-succeed #domain-nav .language .active a {
	color: #ffffff;
}


/*------ Insel --------------------------------- */


.island_video iframe {
	position: absolute;
	top: 00;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.island_video {
	width: 100%;
	height:0px;
	clear:both;
	position: relative;
	padding-bottom: 60%; /* Default for 1600x900 videos 16:9 ratio */
	overflow: hidden;
	background-color: #58ACFA;
	z-index: -100;
}


#inseloverlay  {
    z-index:300000; 
    position: absolute; 
    max-width: 1920px;  
    padding-right: 0rem; 
    margin-left: auto; 
    margin-right: auto;
}

.insel_video {
    margin-left: auto; 
    margin-right: auto;
    display: block;
}

.insel_bild {
    display: none;
}

/*------ DCE --------------------------------- */

.listemittitelklein {
	margin-bottom: 40px;
}

.seitentitelundlead {
	text-align: center;
	margin-top:70px;
	margin-bottom: 70px;
}

.titelundtext {
	margin-top: 0px;
	margin-bottom: 50px;
	width: 100%;
}

.titelundtext h2 {
	line-height: 2.1rem;
}

.titelundtext_html {
	word-wrap: break-word;
}

.titel {
	margin-top: 30px;
	margin-bottom: 50px;
}

#uid-144 .titel {
	margin-bottom: 0px;
}

.titelundtext h2 {
	margin-bottom: 10px;
}

.titelkleinundtext {
	margin-top: 30px;
	margin-bottom: 20px;
}

.titelkleinundtext h3 {
	margin-bottom: 10px;
}

.bild_wrap {
	display: flex;
	justify-content: space-between;
}

.bild_wrap .bild{
	width: 50%;
}

.bild_wrap .bild:first-child {
	margin-right: 12px;
}

#uid-42 .bild, #uid-202 .bild {
	margin-bottom: 5px;
}

.bild {
	margin-bottom: 35px;
}

.bild img {
	width: 100%;
}

.bild_beschrieb {
	text-align: left;
	margin-bottom: 0px;
}

.zwei_bilder_nebeneinander_box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width:100%;
}

.zwei_bilder_nebeneinander_left {
	width:50%;
	padding-right:6px;
	margin-bottom: 6px;
}

.zwei_bilder_nebeneinander_right {
	width:50%;
	padding-left:6px;
	margin-bottom: 6px;
}

.zwei_bilder_nebeneinander img {
	width:100%;
}

.DCE_list {
	margin-top: 20px;
}

.DCE_list_row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.webreferenztext {
	display: flex;
 	justify-content: space-between;
	margin-bottom:40px;
}

.webreferenztext div{
	width:48%;
}

.webreferenztext div:first-child{
	margin-right: 4px;
}

.slider {
	margin-bottom: 60px;
}

.slider h2{
	margin-bottom: 10px;
}

.vimdeovideobeschriebung {
	text-align: left;
    margin-top: 10px;
}

.liste {
	margin-top: -30px;
	margin-bottom: 50px;
}


/*------ Titelseite Neu --------------------------------- */


#uid-242 .news_ueberschrift {
	font-size: 2.7rem;
	line-height: 3.7rem;
}

#uid-242 .bekannt_aus {
	display: none;
}

.herz_svg {
	width: 15px;
}

#uid-242 .content img {
	width: 100%;
}

#uid-242 .landingpage_angebot_img img, #uid-298 .landingpage_wrap_angebote .titelundtext img, #uid-298 .ladingpage_titelseite_referenzen img {
	width: 35%;
	height: 35%;
	margin-top: 40px;
	margin-bottom: 20px;
	transform: translateZ(0px);
}

#uid-298 .ladingpage_titelseite_referenzen2 .landingpage_wrap_angebote .titelundtext img {
	width: 100%;
	height: 100%;
}

#uid-242 .chrome img {
	transform: none;
}

.titelseite_einmitten {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
}

.inspiration_wrap a:hover {
	color: #ffffff;
}

.listeangebot_liste_call_to_action {
	line-height: 1.45rem;
}

#uid-242 .news_wrap {
	background-color: rgba(242, 245, 169, 0.56);
	padding-top: 10px;
	padding-bottom: 30px;
}

#uid-242 .services_call_to_action_bottom_box {
	margin-top: 40px;
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#uid-242 .listeangebot_liste_call_to_action {
	position: relative;
	margin-top: 0px;
}

#uid-242 .news_wrap .services_call_to_action_bottom_box a .listeangebot_liste_call_to_action {
    width: 250px;
}

#uid-242 .news_wrap .listeangebot_liste_call_to_action {
    background-color: #FEFBDC;
}

#uid-242 .news_wrap .listeangebot_liste_call_to_action:hover {
    background-color: #FFE074;
}

#uid-242 .inspiration_wrap .listeangebot_liste_call_to_action {
    background-color: #D7D7ED;
}

#uid-242 .inspiration_wrap .listeangebot_liste_call_to_action:hover {
    background-color: #4E2C9B;
}

#uid-242 .news-list-item {
	width: 31%;
	margin-bottom: 3px;
}

.news_ueberschrift {
	padding-top: 70px;
	padding-bottom: 40px;
	margin-bottom: 20px;
	font-size: 2rem;
	line-height: 2.4rem;
}

#uid-242 .inspiration_wrap {
	background-color: #8181F7;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-bottom: 0px;
}

.inspiration_wrap_exaples {
	display: flex;
	flex-wrap:	wrap;
	justify-content: space-between;
	margin-bottom: 80px;
	margin-top: 20px;
}

.inspiration_example {
	width: 31%;
	margin-bottom: 30px;
	color: #2E2E2E;
}

.inspiration_wrap_exaples a {
	color: #000000;
}

.inspiration_example:hover h3 {
	color: #ffffff;
}

.inspiration_example img {
	width: 100%;
}

.team_wrap .portfolio_slider {
	margin-top: 0px;
	padding-bottom: 30px;
}

.team_wrap, #uid-242 .slick-slide, #uid-242  .slick-slide p  {
	background-color: #8181F7;
}

.team_wrap {
	padding-bottom: 30px;
}

.team_wrap .dreiBilder div {
	margin-right: 30px;
}

#uid-242 .team_wrap .listeangebot_liste_call_to_action {
    background-color: #D9FCFF;
    margin-bottom: 0px;
}

#uid-242 .team_wrap .listeangebot_liste_call_to_action:hover {
    background-color: #39A3AD;
}

#uid-242 .warum_wrap {
	background-color: #8181F7;
	padding-top: 80px;
}

.warum_wrap_titel {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.wiesoislandart_titelseite_bild_mobile {
	display: none;
}

.wiesoislandart_titelseite_bild {
	display: block;
}

#uid-242 .warum_wrap .services_call_to_action_bottom_box {
	justify-content: flex-end;
}

.warum_wrap_titel h2 {
	max-width: 700px;
}

#uid-242 .warum_wrap .listeangebot_liste_call_to_action {
    background-color: #62B471;
    margin-bottom: 0px;
}

#uid-242 .warum_wrap .listeangebot_liste_call_to_action:hover {
    background-color: #458A52;
}

#uid-242 .ads_wrap {
	background-color: #F7BE81;
	padding-top: 80px;
	padding-bottom: 30px;
}

#uid-242 .ads_wrap .inspiration_example {
	width: 48%;
}

.fancyfooter {
	background-color: #F78181;
	margin-bottom: 0px;
	padding-top: 4%;
}

.fancyfooter img {
	padding-top: 85px;
	margin-bottom: -6px;
	width: 100%;
}

.fancyfootercontent_wrap {
	display: flex;
	justify-content: center;
}

.fancyfootercontent {
	max-width: 670px;
	padding-top: 4%;
	text-align: center;
	margin-bottom: -260px;
}

#uid-242 .fancyfootercontent .services_call_to_action_bottom_box {
	margin-bottom: 0px;
}

.fancyfooter_titel {
	max-width: 550px;
}

#uid-242 .fancyfootercontent_wrap .services_call_to_action_bottom_box {
	justify-content: center;
}

#uid-242 .fancyfootercontent_wrap .listeangebot_liste_call_to_action {
	margin-top: 20px;
    background-color: #FFB3B3;
    margin-bottom: 0px;
}

#uid-242 .fancyfootercontent_wrap .listeangebot_liste_call_to_action:hover {
    background-color: #C23E3E;
}

.liste_col_two {
	padding-bottom: 10px;
}


/*------ Bekannt aus --------------------------------- */

.bekannt_aus {
	background-color: #6c8181;
	padding-top: 20px;
	padding-bottom: 5px;
}

.bekannt_aus h2 {
	padding-bottom: 20px;
}

.bekannt_aus a, .bekannt_aus span {
	width: 17%;
	height: 17%;
	padding-left: 4%;
	padding-right: 4%;
	margin-bottom: 20px;
}

@media (max-width: 550px) {
	.bekannt_aus a, .bekannt_aus span {
		width: 40%;
		height: 40%;
		padding-left: 1%;
		padding-right: 1%;
		margin-bottom: 20px;
	}
}

.bekannt_aus img {
	width: 100%;
}

.bekannt_aus_logos {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media (max-width: 480px) {
	.bekannt_aus img {
		width: 100%;
		height: 100%;
	}
}	

/*------ Titelseite --------------------------------- */

.text_in_insel {
	margin-top: -22%;
	margin-bottom: -8%;
	width: 100%;
	z-index: 100;
}

.leitsatz {
	text-align: center;
}

.leitsatz h1 {
	line-height: 2.4rem;
}

.leitsatz_untertitel {
	margin-top: 0.9rem;
	text-align: center;	
	line-height: 1.7rem;
	margin-bottom: 20%;
}

.leitsatz_call_to_action_box {
	margin-top: -12%;
	margin-bottom: 12%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.leitsatz_call_to_action{	
	background-color: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	opacity: 0.75;
}

.leitsatz_call_to_action_box a:hover {
	color: #000000 ;
	text-decoration:none;
}

.leitsatz_call_to_action:hover{
	opacity: 0.9;
}

/*------ Portraits --------------------------------- */

#uid-13 .projekt_lead {
	width: 75%;
}

/*------ Agentur --------------------------------- */

#uid-6 .content_wrap, #uid-288 .content_wrap, #uid-289 .content_wrap, #uid-290 .content_wrap, #uid-291 .content_wrap {
	background-color: #85F7FF;
}

.agentur_insel {
	display: flex;
  	margin-top: 130px;
  	margin-bottom:70px;
  	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	width:80%;
}

.agentur_insel img{
	width: 100%;
	height: 100%;
}

.agentur h1 {
	text-align: center;
}

.agentur h2 {
	text-align: center;
	margin-bottom: 70px;	
}

.wir_sind_islandart {
	margin-bottom:70px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.wir_sind_islandart_left {
	margin-right:8px;
	width:46%;
}

.wir_sind_islandart_right {
	width:46%;
}

.wir_sind_islandart_left h2, .wir_sind_islandart_right h2{
	margin-top: 40px;
}

.wrap_team {
	display: flex;
	flex-wrap: wrap;
	margin-left: -6px;
	margin-right: 6px;
	width: 102%;
	margin-left: -1%;
	margin-bottom: 120px;
}

.wrap_team .titel {
	text-align: center;
}

.wrap_team div:first-of-type {
	width: 100%;
}

.wrap_team div:last-of-type {
	width: 100%;
}

.wrap_team a {
	align-self: center;
}

.team h1 {
	text-align: center;
}

.frame-type-dce_dceuid67 {
	width:31%;
	margin: 1.16%;
}

.teammitglied {
	width:100%;
	margin-bottom: 60px;
	color: #2E2E2E;
}

.teammitglied img {
	width:100%;
}

#uid-6 .seitentitelundlead h1, #uid-6 .seitentitelundlead h2 {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#uid-6 .listeangebot_liste_call_to_action {
    background-color: #D9FCFF;
    margin-bottom: 0px;
}

#uid-6 .services_call_to_action_bottom_box {
	padding-bottom: 60px;
	display: flex;
	justify-content: center;
}	

#uid-6 .listeangebot_liste_call_to_action:hover {
    background-color: #39A3AD;
}


/*------ Referenzenvorschau --------------------------------- */


#uid-20 .titel_gross h1 , #uid-21 .titel_gross h1 , #uid-22 .titel_gross h1 , #uid-23 .titel_gross h1 {
	margin-top: 120px;
	margin-bottom: 100px;
	text-align: center;
}


/*------ Impressum --------------------------------- */

#uid-8 .content_wrap, #uid-206 .content_wrap, #uid-207 .content_wrap, #uid-287 .content_wrap {
	background-color: #ceffe9;
}

#uid-8 .content a, #uid-206 .content a, #uid-207 .content a,  #uid-287 .content a {
	color: #000000;
	text-decoration: underline;
}

#uid-8 .content a:hover, #uid-206 .content a:hover, #uid-207 .content a:hover,  #uid-287 .content a:hover {
	color: #00791b;
}

#uid-8 .content .projekte_navigation a, #uid-206 .content .projekte_navigation a, #uid-207 .content .projekte_navigation a,  #uid-287 .content .projekte_navigation a {
	text-decoration: none;
}

#uid-8 .content .impressum, #uid-206 .content .agb, #uid-207 .content .haftungsausschluss , #uid-287 .content .datenschutz {
	color: #00791b;
}


/*------ Kontakt --------------------------------- */

#uid-7 .content_wrap, #uid-155 .page-row-expanded {
	background-color: #F78181;
}

#uid-7 .einmitten  img {
	width: 100%;
}

#uid-7 .einmitten {
	padding-top:40px;
	margin-bottom: 70px;
}

.kontakt_spalten_box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.kontakt_links {
	width:46%;
}

.kontakt_rechts {
	width:46%;
}

.powermail_form h3 {
	display:none;
}

.powermail_legend {
	margin-bottom:20px;
}

#uid-155 .projekt_abstand_zur_navigation, #uid-156.projekt_abstand_zur_navigation, #uid-297.projekt_abstand_zur_navigation,  #uid-342 .projekt_abstand_zur_navigation  {
	height: 80px;
}

.powermail_input, .powermail_submit, .newsletter_input, .button, .email, .powermail_select, #user, #pass, input[type=submit] {
	margin-bottom: 20px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border-color: #ccc;
	width: 100%;
	margin: 0px;
	padding: 6px;
	margin-top:5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0.2%;
	margin-right: 0.2%;
	margin-bottom: 15px;
	border: 1px solid #585858;
	font-family: 'Raleway';
	font-size: 0.90em;
	line-height: 1.45em;
	color: #000000;
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff;
	height: 2.4rem;
	opacity: 0.7;
	outline: 0 none;
}

.powermail_field input[type=submit]:hover, .button:hover {
	color: #000000 ;
	text-decoration:none;
	opacity: 0.9;
	cursor:pointer;
}

.powermail_field textarea, .powermail_select {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	border-color: #ccc;
	width: 99.6%;
	font-family: 'Raleway';
	margin: 0px;
	padding: 10px;
	padding-top: 5px;
	margin-top:5px;
	margin-right: 0.2%;
	margin-bottom: 25px;
	font-size: 1em;
	line-height: 1.45em;
	color: #000;
	border: 1px solid #585858;
	-webkit-text-size-adjust: 100%;
	opacity: 0.7;
	outline: 0 none;
	font-weight: 300;
}

.powermail_select {
 	background: url(dropdown.png) no-repeat right center;
 }

.powermail_field .powermail_submit, .clear input {
	float:right;
	width: 40%;
	margin-top: 00px;
	margin-bottom: 40px;
}

.powermail_textarea {
	width: 100%;
	height: 350px;
}

#uid-7 .powermail_input, #uid-7 .powermail_submit, #uid-7 .powermail_field textarea,  #uid-67 .newsletter_input, #uid-67 .email, #uid-67 .button, #uid-7 .powermail_select  {
	border: 0px;
	background-color: #ffffff;
	margin: 0px;
	padding: 6px;
	padding-top: 7px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0.2%;
	margin-right: 0.2%;
	margin-bottom: 15px;
}

#uid-7 .powermail_field input[type=submit]:hover {
	color: #000000 ;
	text-decoration:none;
	opacity: 1;
	cursor:pointer;
	background-color: #C23E3E;
}

.powermail_field textarea {
	padding-top: 7px;
}

.powermail_fieldwrap_type_text {
	margin-bottom: 40px;
}

.powermail_fieldwrap_type_check  {
	margin-bottom: 20px;
}

#uid-7 .seitentitelundlead, #uid-6 .agentur {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}

#uid-155 .projektseite_einmitten, #uid-194 .projektseite_einmitten, #uid-195 .projektseite_einmitten {
	text-align: center;
}

.parsley-required {
	color: #FF0000;
	margin-bottom: 25px;
}

#uid .seitentitelundlead {
	margin-bottom: 40px;
}

#uid-7 .seitentitelundlead h2 {
	margin-top: 10px;
}


/*------ News --------------------------------- */

#uid-2 .content_wrap, #uid-67 .page-row, #uid-249 .content_wrap, #uid-351 .content_wrap, #uid-353 .content_wrap, #uid-354 .content_wrap, #uid-355 .content_wrap, #uid-356 .content_wrap {
	background-color: #F2F5A9;
	background-color: rgba(242, 245, 169, 0.56);
}

#uid-351 .kundenarbeiten, #uid-353 .eigenproduktionen, #uid-354 .agentur, #uid-355 .entdeckt, #uid-356 .presse {
	color: #000000;
}

.newsseite, .howto {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 70px;
}

.news-list-view h3 {
	font-weight: 300;
}

.news_drache {
	display: flex;
	 justify-content: flex-start;
}

.news_drache a {
	margin-top:100px;
	margin-bottom:50px;
	width: 20%;
}

.news_drache img {
	width: 100%;
}

.news_spalten_box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 70px;
}

.news_links {
	width:75%;
}

.news_rechts {
	width:25%;
}

.news ul li {
	line-height: 2.5rem;
	margin-right: 30px;
}

.news ul li a {
	color: #848484;
}

.news ul li a:hover, #c32 .news ul li .active {
	color: #000000;
	text-decoration: none;
}

#c14 {
	width: 100%;
	clear:both;
}

.img-responsive {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.img-responsive-news {
	width: 100%;
	height: 100%;
}

.news-list-item {
	margin-bottom: 40px;
}

.news h3 {
	margin-top: 20px;
	line-height: 2rem;
}

.extra{
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

.news-list-view {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news-list-item {
	width:47%;
}

.article .lead {
	margin-bottom:40px;
}

#c58 h2, #c35 h2{
	line-height: 1.5rem;
	margin-bottom:20px;
}

.page-navigation {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	margin-top: 100px;
	padding-top: 20px;
	float:left;
	width: 100%;
	display: flex;
	flex-wrap: nowrap ;
	justify-content: flex-start;
}

.page-navigation  p{
	margin-right:40px;
	float:left;
}

.page-navigation ul {
	margin-right:40px;
}

.page-navigation ul li{
	margin-right:20px;
	float:left;
}

.news [title~="Alles"] {
    color: #000000  !important;
}

.projekt_links .folge_uns {
	padding-top: 70px;
}

#uid-67 .newsseite .projekt_links, #uid-249 .newsseite .projekt_links, #uid-2 .projekt_links, #uid-351 .projekt_links, #uid-353 .projekt_links, #uid-354 .projekt_links, #uid-355 .projekt_links, #uid-356 .projekt_links {
	width:20%;
}

#uid-67 .newsseite .projekt_rechts, #uid-249 .newsseite .projekt_rechts, #uid-2 .projekt_rechts, #uid-351 .projekt_rechts, #uid-353 .projekt_rechts, #uid-354 .projekt_rechts, #uid-355 .projekt_rechts, #uid-356 .projekt_rechts {
	width:25%;
	margin-left: 5%;
}

#uid-2 .newsseite .projekt_links, #uid-2 .projekt_links, #uid-351 .projekt_links, #uid-353 .projekt_links, #uid-354 .projekt_links, #uid-355 .projekt_links, #uid-356 .projekt_links {
	width:20%;
}

#uid-67 .newsseite .wrap_mitte_rechts .projekt_mitte, #uid-249 .newsseite .wrap_mitte_rechts .projekt_mitte, #uid-2 .projekt_mitte, #uid-351 .projekt_mitte, #uid-353 .projekt_mitte, #uid-354 .projekt_mitte, #uid-355 .projekt_mitte, #uid-356 .projekt_mitte {
	width:100%;
}

#uid-2 .newsseite .projekt_rechts, #uid-2 .projekt_rechts, #uid-351 .projekt_rechts, #uid-353 .projekt_rechts, #uid-354 .projekt_rechts, #uid-355 .projekt_rechts, #uid-356 .projekt_rechts {
	width: 0%;
	margin-left: 0%;
} 

.news_kategorietitel {
	line-height: 2.5rem;
}

.wrap_mitte_rechts {
	width: 80%;
	display: flex;
}

.newsseite .projekt_rechts .news-list-item {
	width: 100%;
}

.newsseite .projekt_rechts h2 {
	margin-bottom: 5px;
}

.newsseite .projekt_rechts .extra, .newsseite .projekt_rechts .lead, .newsseite .projekt_rechts .btn-read-more {
	display: none;
}

.newsseite .projekt_rechts h3 {
	font-style: normal;
	font-family: 'Raleway';
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.45rem;
	margin-top: 5px;
}

#uid-249 .newsseite .projekt_mitte .article {
	max-width: 700px;
} 

#newsletter_text {
	padding-bottom: 50px;
}

#uid-67 .newsletter a {
	color: #000000;
}

.page-navigation ul li {
	font-size:1rem;
	line-height:1.45rem;
}

.btn-read-more {
    line-height: 4rem;
}

.thumbnail {
	display: none;
}

#uid-67 .projekt_links {
	width: 20%;
}

#uid-67 .projekt_rechts {
	width: 75%;
}

.newsseite .titelkleinundtext h3 {
	margin-bottom: 0px;
}

.newsseite .bild {
	margin-bottom: 25px;
}

.f3-widget-paginator {
	display: flex;
}


.f3-widget-paginator .previous {
	display: none;
}

.news-list-view .current a {
	color: #000000;
}

.projekt_rechts .f3-widget-paginator {
	display: none;
}

/*------ Portfolio --------------------------------- */

#uid-5 .content_wrap {
	background-color: #8181F7;
}

#uid-20 .content_wrap {
	background-color:  #f7c3c3;
}

#uid-21 .content_wrap {
	background-color:  #c4bbcc;
}

#uid-22 .content_wrap {
	background-color:  #a7b9e4;
}

#uid-23 .content_wrap {
	background-color:  #b5d2b7;
}

#uid-5 .slick-slide {
	background-color: #8181F7;
}

.portoflio_uebersicht img {
	width: 100%;
}

.portfolio_neueste_projekte h1{
	margin-top: 120px; 
	margin-bottom: 50px;
}

.portfolio_neueste_projekte h2 {
	margin-bottom: 50px;
}

.portfolio_slider {
	margin-top:100px;
}

.zweiBilder a, .dreiBilder a, .dreiBilderNoSlider a, .vierBilder a, .vierBilderNoSlider a, .portfolio_kategorie_titel a {
	color: #000000;
	text-decoration: none;
}

.zweiBilder a:hover, .dreiBilder a:hover, .dreiBilderNoSlider a:hover, .vierBilder a:hover, .vierBilderNoSlider a:hover, .portfolio_kategorie_titel a:hover {
	color: #ffffff;
}

.zweiBilder p, .vierBilder p {
	margin-top:10px;
}

.zweiBilder div, .dreiBilder div, .vierBilder div {
	margin-right: 10px;
}

.saebelzahntiger {
	width: 100%;
	margin-top: 200px;
	margin-bottom: -39px;
	display: flex;
	justify-content: flex-end;
}

.saebelzahntiger_mobile {
	display: none;
}

.saebelzahntiger div:first-child {
	width: 770px;
}

.text_saebelzahntieger {
	width: 290px;
}

.saebelzahntiger h2 {
	text-align: center;
	margin-top: -210px;
	margin-bottom: 138px;
	margin-left: 0px;
	font-size: 1.3rem;
	line-height: 2.2rem;
	width: 100%;
}

.portfolio_kategorie_titel {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 10px;
}

.portfolio_kategorie_titel a {
	margin-right: 0px;
}

.vierBilderNoSlider {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 101%;
	margin-right: 2%;
}

.vierBilderNoSlider div {
	width: 24%;
	margin-bottom: 70px;
	margin-right: 1%;
}

#uid-156 .projektseite_einmitten, #uid-169 .projektseite_einmitten, #uid-225 .projektseite_einmitten, #uid-250 .projektseite_einmitten, #uid-297 .projektseite_einmitten, #uid-342 .projektseite_einmitten {
	text-align: center;
}

#uid-155 .titelundtext, #uid-156 .titelundtext, #uid-169 .titelundtext, #uid-194 .titelundtext, #uid-195 .titelundtext, #uid-225 .titelundtext, #uid-250 .titelundtext, #uid-297 .titelundtext, #uid-342 .titelundtext {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}


/*------ Wieso Islandart --------------------------------- */

#uid-243 .content_wrap, #uid-244 .content_wrap, #uid-245 .content_wrap, #uid-246 .content_wrap, #uid-247 .content_wrap, #uid-291 .page-row {
	background-color: #85F7FF;
	background-color: #C9FFE4;
}

.warumislandart_page {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
}

.warumislandart_page .services_links {
	width:25%;
}

.warumislandart_page .services_rechts {
	width:75%;
	margin-bottom: 120px;
	margin-top: 100px;
}

.warumislandart_navigation {
	margin-top: 100px;
}

.warumislandart_navigation a {
	color: #000000;
}

.warumislandart_navigation h1 a:hover {
	text-decoration: none;
	color:#000000;
}

.warumislandart_navigation ul li:first-child{
	line-height: 2.5rem;
	margin-right: 30px;
	margin-top: 15px;
}

.warumislandart_navigation ul li{
	line-height: 2.5rem;
	margin-right: 30px;
}

.warumislandart_navigation ul li a{
	color: #605f5f;
}

.warumislandart_navigation ul li a:hover{
	color: #000000;
	text-decoration: none;
}

#uid-244 .derislandartvorteil, #uid-245 .sicherundfair, #uid-246 .wiesoislandart_philosophie, #uid-247 .interdisziplinaer  {
	color: #000000;
}

.warumislandart_page .services_foto_links, .warumislandart_page .services_foto_rechts {
	border-top: 0px #000000 solid;
	margin-bottom: 30px;
	padding-top: 30px;
}

.warumislandart_page .services_rechts {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.warumislandart_page .frame-type-dce_dceuid9 {
	width: 100%;
}

.warumislandart_page .projekt_lead {
	width: 100%;
	text-align: left;
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 50px;
	margin-bottom: 0px;
}

.warumislandart_page .frame-type-dce_dceuid30  {
	width: 48%;
}

.warumislandart_page .listeangebot_liste_call_to_action {
	background-color: #49AE71;
}

.warumislandart_page .listeangebot_liste_call_to_action:hover {
	background-color: #80CC9E;
}

.warumislandart_page .services_call_to_action {
	border-top: 0px #000000;
} 

#c2791, #c2788, #c2789, #c2790 {
	width: 100%;
}

.warumislandart_page .services_call_to_action_box {
	text-align: center;
	margin-top: 40px;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.warumislandart_page .services_call_to_action_bottom_box {
	justify-content: flex-end;
	margin-top: 80px;
}

.warum_islandart_links h2, .warum_islandart_rechts h2 {
	margin-top: 4px;
    margin-bottom: 4px;
}

#c2857, #c2859, #c2859 #c2857, #c2858, #c2858 #c2857, #c2860, #c2860 #c2857 {
	display: flex;
	justify-content: center;
	width: 100%;
}

.wiesoislandart_footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;	
}

.wiesoislandart_footer_content {
	max-width: 550px;
	text-align: center;
}

.warumislandart_page .wiesoislandart_footer_content .services_call_to_action_bottom_box {
	justify-content: center;
	margin-top: 0px;
}

.warumislandart_page .bild {
	margin-top: 40px;
	margin-bottom: 0px;
	transform: translateZ(0px);
	padding-bottom: 60px;
	border-bottom: 1px black solid;
}

.warumislandart_page .bild img {
	transform: translateZ(0px);
}

#uid-244 .chrome img, #uid-245 .chrome img, #uid-246 .chrome img {
	transform: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome,  .warumislandart_page .bild img {
		transform: translateZ(0px);
	}
}

#uid-291 .landingpage, #uid-339 .landingpage {
	margin-bottom: 0px;
}

#uid-291 .wrap_landingpage_text, #uid-339 .wrap_landingpage_text {
	display: none;
}

#uid-291 .bild, #uid-339 .bild, #uid-7 .bild {
	margin-top: 140px;
	margin-bottom: 20px;
    display: flex;
    width: 100%;
	height: 100%;
    justify-content: center;
}

#uid-291 .bild img, #uid-339 .bild img,  #uid-7 .bild img  {
	width: 70%;
	height: 70%;
}

#uid-7 .bild img  {
	margin-top: -60px;
}

#uid-291 .landingpage .listeangebot_liste_call_to_action, #uid-291 .listeangebot_liste_call_to_action, #uid-339 .landingpage .listeangebot_liste_call_to_action {
	background-color: #49AE71;
}

#uid-291 .listeangebot_liste_call_to_action:hover, #uid-291 .listeangebot_liste_call_to_action_mobile:hover, #uid-291 .landingpage .listeangebot_liste_call_to_action:hover, #uid-339 .listeangebot_liste_call_to_action:hover, #uid-339 .listeangebot_liste_call_to_action_mobile:hover, #uid-339 .landingpage .listeangebot_liste_call_to_action:hover {
	background-color: #80CC9E;
}

/*------ The visual meditation --------------------------------- */

#uid-341 .powermail_legend {
	margin-bottom: 10px;
	line-height: 2.1rem;
}

#uid-341 .powermail_fieldwrap_type_text {
	margin-bottom: 20px;
}

#uid-341  .titelundtext {
	margin-bottom: 20px;
}

#uid-341 .bild {
	margin-bottom: 65px;
}

/*------ Landingpages--------------------------------- */

#uid-252 .page-row  {
	background-color: #f7c3c3;
}

_:-ms-fullscreen, :root #uid-252 { background-color: #f7c3c3; }

#uid-349 .page-row  {
	background-color: #f7c3c3;
}

_:-ms-fullscreen, :root #uid-349 { background-color: #f7c3c3; }

#uid-293 .page-row {
	background-color: #c4bbcc;
}

_:-ms-fullscreen, :root #uid-293 { background-color: #c4bbcc; }

#uid-294 .page-row {
	background-color: #a7b9e4;
}

_:-ms-fullscreen, :root #uid-294 { background-color: #a7b9e4; }

#uid-295 .page-row {
	background-color: #b5d2b7;
}

_:-ms-fullscreen, :root #uid-295 { background-color: #b5d2b7; }


#uid-296 .page-row, #uid-339 .page-row {
	background-color: #fff3b3;
}

_:-ms-fullscreen, :root #uid-296 { background-color: #fff3b3; }

#uid-321 .page-row {
	background-color: rgba(199, 220, 255, 0.72);
}

.landingpage {
 	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	margin-bottom: 80px;
}

#uid-252 .landingpage {
	background-image: url("/fileadmin/user_upload/images/projekte/landingpages/filmproduktion.jpg");
}

#uid-349 .landingpage {
	background-image: url("/fileadmin/user_upload/images/projekte/landingpages/filmproduktion.jpg");
}



#uid-293 .landingpage {
	background-image: url("/fileadmin/user_upload/images/projekte/landingpages/fotografie_und_bildbearbeitung.jpg");
}

#uid-294 .landingpage {
	background-image: url("/fileadmin/user_upload/images/projekte/landingpages/website_und_webdesign.jpg");
}

#uid-295 .landingpage {
	background-image: url("/fileadmin/user_upload/images/projekte/landingpages/grafik-design.jpg");
}

#uid-296 .landingpage {
	background-image: url("/fileadmin/user_upload/images/projekte/landingpages/websitepflegeservice.jpg");
}

#uid-308 .landingpage {
	background-image: url("/fileadmin/user_upload/images/projekte/landingpages/bg_wunschwebsite.jpg");
}

#uid-321 .landingpage {
	background-image: url("/fileadmin/user_upload/images/projekte/landingpages/newyork_typo3.jpg");
}

#uid-308 .grauer-balken-oben {
	background-color: transparent;
}

.landingpage .projektseite_einmitten {
		display: flex;
		justify-content: flex-start;
}

.ladingpage_page .content:last-of-type .projektseite_einmitten {
	margin-bottom: 0px;
	padding-bottom: 60px;
}

.landingpage .wrap_landingpage_text {
	margin-top: 70px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #ffffff;
	max-width: 300px;
	padding-left: 35px;
	padding-right: 35px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin-right: 10%;
	display: flex;
	flex-direction: column;
	margin-bottom: 80px;
	width: 100%;
}

#uid-252 .landingpage .listeangebot_liste_call_to_action, #uid-252 .listeangebot_liste_call_to_action {
	background-color: #ff8c91;
}

#uid-252 .listeangebot_liste_call_to_action:hover, #uid-252 .listeangebot_liste_call_to_action_mobile:hover, #uid-252 .landingpage .listeangebot_liste_call_to_action:hover {
	background-color: #C23E3E;
}

#uid-293 .landingpage .listeangebot_liste_call_to_action, #uid-293 .listeangebot_liste_call_to_action {
	background-color: #a99cf5;
}

#uid-293 .listeangebot_liste_call_to_action:hover, #uid-293 .listeangebot_liste_call_to_action_mobile:hover, #uid-293 .landingpage .listeangebot_liste_call_to_action:hover {
	background-color: #7950cd;
}

#uid-294 .landingpage .listeangebot_liste_call_to_action, #uid-294 .listeangebot_liste_call_to_action {
	background-color: #cddcf5;
}

#uid-294 .listeangebot_liste_call_to_action:hover, #uid-294 .listeangebot_liste_call_to_action_mobile:hover, #uid-294 .landingpage .listeangebot_liste_call_to_action:hover {
	background-color: #1b7fd7;
}

#uid-295 .landingpage .listeangebot_liste_call_to_action, #uid-295 .listeangebot_liste_call_to_action {
	background-color: #e1f5c4;
}

#uid-295 .listeangebot_liste_call_to_action:hover, #uid-295 .listeangebot_liste_call_to_action_mobile:hover, #uid-295 .landingpage .listeangebot_liste_call_to_action:hover {
	background-color: #4b844a;
}

#uid-296 .landingpage .listeangebot_liste_call_to_action, #uid-296 .listeangebot_liste_call_to_action, #uid-339 .landingpage .listeangebot_liste_call_to_action, #uid-296 .listeangebot_liste_call_to_action, #uid-339 .listeangebot_liste_call_to_action {
	background-color: #f5d06e;
}

#uid-296 .listeangebot_liste_call_to_action:hover, #uid-296 .listeangebot_liste_call_to_action_mobile:hover, #uid-2965 .landingpage .listeangebot_liste_call_to_action:hover,  #uid-339 .listeangebot_liste_call_to_action:hover {
	background-color: #e9aa24;
}

.landingpage .services_call_to_action_bottom_box a .listeangebot_liste_call_to_action {
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.services_call_to_action_bottom_box:first-of-type {
	margin-right: 20px;
}

.landingpage .services_call_to_action_bottom_box a {
	width: 100%;
	display: flex;
	justify-content: center;
}

.wrap_buttons_head_landingpage { 
	display: flex;
}

.landingpage_wrap_links_rechts {
	display: flex;
	justify-content: space-between;
}

.landingpage_wrap_links_rechts .landingpage_links_rechts {
	width: 45%;
}

.landingpage_wrap_angebote {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4%;
	text-align: center;
}

.landingpage_wrap_angebote_galerie {
	margin-left: 0%;
}

.landingpage_wrap_angebote .tx-dce-pi1, .landingpage_wrap_angebote .frame {
	width: 29.33%;
	padding-left: 4%;
}

.landingpage_wrap_abschluss .titel {
	text-align: center;
}

.landingpage_wrap_abschluss .services_call_to_action_bottom_box a .listeangebot_liste_call_to_action {
	width: 200px;
}

.landingpage_wrap_abschluss .services_call_to_action_bottom_box:first-of-type {
	margin-right: 40px;
}


#uid-321 .landingpage_wrap_abschluss .services_call_to_action_bottom_box:first-of-type, #uid-339 .landingpage_wrap_abschluss .services_call_to_action_bottom_box {
	margin-right: 0px;
}

.landingpage_wrap_abschluss .frame {
	display: flex;
	justify-content: center;
}

.wrap_landingpage_text .titel_gross {
	margin-bottom: 15px;
}

.fancy_titel_landginpages_angebote {
	text-align: center;	
	font-size: 2rem;
    line-height: 2.4rem;
	margin-bottom: 5px;
}

#uid-321 .fancy_titel_landginpages_angebote, #uid-339 .fancy_titel_landginpages_angebote {
	margin-top: 100px;
}

.fancy_titel_landginpages_angebote_comment {
	text-align: center;
	margin-bottom: 40px;
}

.landingpage_wrap_angebote .titelundtext img {
	width: 35%;
	height: 35%;
	margin-top: 40px;
	margin-bottom: 20px;
	transform: translateZ(0px);
}

#uid-252 .chrome img, #uid-291 .chrome img,  #uid-339 .chrome img, #uid-293 .chrome img, #uid-294 .chrome img, #uid-295 .chrome img, #uid-296 .chrome img, #uid-321 .chrome img {
	transform: none;
}

.landingpage_wrap_angebote .titelundtext {
	width: 100%;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}

.landingpage_wrap_angebote .titelundtext h2 {
	width: 100%;
}

.landingpage_wrap_links_rechts .wrapper, .landingpage_wrap_links_rechts .sliderbild_div p, .landingpage_wrap_links_rechts .slick-slide {
	background-color: transparent;
}


/*------ Landingpages Titelseite--------------------------------- */

2#uid-298 .page-row {
	background-color: #A9F5A9;
}

.ladingpage_titelseite_wieso {
	background-color: #C9FFE4;
	padding-bottom: 80px;
}

.ladingpage_titelseite_makingof {
	background-color: #85F7FF;
	padding-bottom: 80px;
}
.ladingpage_titelseite_referenzen {
	background-color: #8181F7;
	padding-bottom: 80px;
}

_:-ms-fullscreen, :root #uid-298 { background-color: #A9F5A9; }

#uid-298 .content {
	padding-top: 80px;
}

#uid-298 .services_call_to_action_bottom_box {
	margin-top:80px;
}

#uid-298 .wrap_buttons_facey_footer {
	display: flex;
}

2#uid-298 .fancyfooter {
	background-color: #81F3A2;
}

2#uid-298 .listeangebot_liste_call_to_action {
	background-color: #53CF46;
}

#uid-298 .leitsatz_call_to_action {
	margin-left: 20px;
	margin-right: 20px;
}

#uid-298 .wrapper, #uid-298 .sliderbild_div p, #uid-298 .slick-slide {
	background-color: transparent;
}

#uid-298  .landingpage_wrap_abschluss .frame {
	display: block;
}


/*------ Services --------------------------------- */

#uid-4 .content_wrap, #uid-9 .content_wrap, #uid-10 .content_wrap, #uid-11 .content_wrap, #uid-12 .content_wrap,  #uid-144 .content_wrap, #uid-208 .content_wrap, #uid-209 .content_wrap, #uid-210 .content_wrap, #uid-279 .content_wrap {
	background-color: #F7BE81;
}

.services {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
}

.services img{
	width: 100%;
}

.services_spalten_box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.services .services_links {
	width:25%;
}

.services .services_rechts {
	width:75%;
	margin-bottom: 120px;
}

.servcies_navigation {
	margin-top: 100px;
}


.servcies_navigation h1 a:hover {
	text-decoration: none;
	color:#000000;
}

.servcies_navigation ul li:first-child{
	line-height: 2.5rem;
	margin-right: 30px;
	margin-top: 15px;
}

.servcies_navigation ul li{
	line-height: 2.5rem;
	margin-right: 30px;
}

.servcies_navigation ul li a{
	color: #000000;
}

.servcies_navigation ul li a:hover{
	color: #8A0808;
	text-decoration: none;
}

#uid-9 .services_film, #uid-10 .services_foto, #uid-11 .services_web, #uid-12 .services_grafik, #uid-208 .services_preise  {
	color: #8A0808;
}

.listeangebot, .beispiele_bilder {
	margin-top:20px;
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-bottom: 80px;
}

.listeangebot:first-child {
	margin-bottom: 00px;
}

.listeangebot_liste {
	width: 23%;
	margin-right: 2%;
}

.listeangebot_liste h2 {
	text-align: left;
	margin-bottom:20px;
}

.listeangebot_liste img {
	margin-top: 80px;
	padding-left: 10px;
	padding-right: 10px;
	width: 80%;
}

.services_bottom {
	border-top: #000000 1px solid;
	margin-top:70px;
	width:100%;
}

.helfendes_einhorn {
	float:right;
	display: flex;
	flex-direction: column;
}

.helfendes_einhorn img{
	width: 500px;
	margin-top: 100px;
}

.helfendes_einhorn h2{
	margin-top: -512px;
	margin-bottom: 512px;
	text-align: center;
	float:left;
	transform: rotate(0deg);
}

.servces_kontaktangaben {
	max-width: 50%;
}

.servces_kontaktangaben h2{
	text-align: left;
	margin-top: 50%;
	margin-bottom: 40px;
}

.services_call_to_action_bottom_box {
	margin-bottom: 40px;
}

.listeangebot_liste_call_to_action_box_mobile {
	display: none;
}

.listeangebot_liste_call_to_action_box, .listeangebot_liste_call_to_action_box_mobile {
	width: 100%;
	display: flex;
}

.listeangebot_liste_call_to_action_box_mobile {
	display: none;
}

.listeangebot_liste_call_to_action {
	text-align: center;
	width: 10%;
	background-color: #F5D0A9;
	padding-top: 9px;
	padding-bottom: 11px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
  	position: absolute; 
	margin-top: -10px;
	height: 20px;
}

#uid-321 .listeangebot_liste_call_to_action {
	background-color: #F89A3F;
}

#uid-321 .listeangebot_liste_call_to_action:hover {
	background-color: #FBBF85;
}

.wrap_buttons_head_landingpage .listeangebot_liste_call_to_action  {
	position: relative;
}

.listeangebot_liste_call_to_action_mobile {
	text-align: center;
	width: 20%;
	background-color: #F5D0A9;
	padding-top: 9px;
	padding-bottom: 11px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
  	position: absolute; 
	margin-top: 10px;
	height: 20px;
}

.listeangebot_liste_call_to_action_box a {
	width: 85%;
	color: #000000;
}

.listeangebot_liste_call_to_action_box_mobile a {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	color: #000000;
}

.listeangebot_liste_call_to_action_box a:hover, .listeangebot_liste_call_to_action_box_mobile a:hover {
	color: #000000 ;
	text-decoration:none;
}

.listeangebot_liste_call_to_action:hover, .listeangebot_liste_call_to_action_mobile:hover{
	background-color: #F6E3CE;
}

.services_film_rechts {
	margin-top: 160px;
	margin-bottom: 80px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	border-top:1px #000000 solid;
	padding-top: 80px;
}

.services_film_rechts:first-child {
	margin-top: 100px;
}

.services_film_links {
	margin-top: 160px;
	margin-bottom: 80px;
	display: flex;
	flex-direction:  row;
	justify-content: space-between;
	border-top:1px #000000 solid;
	padding-top: 80px;
}

.services_film_links:first-child {
	margin-top: 100px;
}

.services_foto_rechts {
	margin-top: 160px;
	margin-bottom: 80px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	border-top:1px #000000 solid;
	padding-top: 80px;
}

.services_foto_rechts:first-child {
	margin-top: 100px;
}

.services_foto_links {
	margin-top: 160px;
	margin-bottom: 80px;
	display: flex;
	flex-direction:  row;
	justify-content: space-between;
	border-top:1px #000000 solid;
	padding-top: 80px;
}

.services_foto_links:first-child {
	margin-top: 100px;
}

.services_titel_und_text {
	width: 48%;
	display: flex;
	flex-direction:  column;
}

.services_titel_und_text p {
	margin-bottom: 2px;
}

.services_film_rechts .services_titel_und_text, .services_foto_rechts .services_titel_und_text {
	display: flex;
	flex-direction:  column;
}

.services_video, .services_foto {
	width: 48%;
}

.services_foto img {
	width: 100%;
}

.projekt_footer_call_to_action {
	text-align: center;
	margin-top: 100px;
	margin-bottom: 150px;
}

.services .projetk_titel {
	text-align: left;
	margin-bottom:0px;	
}

.services .projekt_lead {
	text-align: left;
	width: 80%;
	padding-left: 00%;
	margin-bottom: 00px;
}

.services .projekt_lead h2 {
	margin-bottom: 10px;
}

.services .seitentitelundlead {
	text-align: left;
}

.services .bild {
	margin-bottom:70px;
}

.services .titelundtext {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

#uid-144 .services .titelundtext {
	flex-direction: column;
}

.services_call_to_action {
	width: 100%; 
	text-align: center; 
	margin-top:20px; 
	margin-bottom:40px; 
	border-top: 1px #000000 solid; 
	padding-top: 40px;
}

.services_call_to_action_bottom_box {
	display:flex;
	justify-content: center; 
	width: 100%;
}

.wrap_buttons_head_landingpage .services_call_to_action_bottom_box {
	display: block;
	width: auto;
}

.services_call_to_action_bottom_box a {
	color: #000000;
	width: 250px;
}

.services_call_to_action_bottom_box a .listeangebot_liste_call_to_action {
	width: 250px;
}

#uid-4 .services_call_to_action_box {
	display: none;
}

#uid-4 .services_call_to_action_bottom_box {
	display: block;
	width: 50%;
}

#uid-4 .services_call_to_action_bottom_box a .listeangebot_liste_call_to_action {
	position: relative;
}

#uid-208 .titelundtext {
	width: 47%;
	text-align: left;
}


/*------ FAQ --------------------------------- */

/*

#uid-150 .content_wrap, #uid-81 .content_wrap, #uid-77 .content_wrap {
	background-color: #c3f5ee;
}

#uid-81 .news-list-item, #uid-150 .news-list-item {
	border-bottom: 1px solid gray;
	width: 100%;
}

#uid-81 .news h3, #uid-150 .news h3 {
	margin-top: 0px;
}

#uid-150 .articletype-0, #uid-81 .articletype-0 {
	max-width: 700px;
}

#uid-81 .news-list-item .btn, #uid-150 .news-list-item .btn {
	margin-left: 0px;
}

#uid-77 .news_drache img, #uid-81 .news_drache img, #uid-150 .news_drache img {
	margin-bottom: -32px;
	width: 25%;
	height: 25%;
	margin-top: 40px;
}

#uid-77 .form-group label, #uid-81 .form-group label, #uid-150 .form-group label, #uid-279 .form-group label, #uid-77 #news-minimumDate, #uid-81 #news-minimumDate, #uid-150 #news-minimumDate, #uid-77 #news-maximumDate, #uid-81 #news-maximumDate, #uid-150 #news-maximumDate, #uid-279 #news-maximumDate {
	display: none;
}

#uid-77 .news-search-form, #uid-81 .news-search-form, #uid-150 .news-search-form, #uid-279 .news-search-form {
	display: flex;
}

#uid-77 #news-subject, #uid-81 #news-subject, #uid-150 #news-subject, #uid-279 #news-subject {
	width: 400px;
}

#uid-77 .btn, #uid-81 .btn, #uid-150 .btn {
	margin-left: 30px;
}

#uid-77 .news_drache, #uid-81 .news_drache, #uid-150 .news_drache {
	display: flex;
	justify-content: space-between;
}

#uid-77 input[type="text"], #uid-81 input[type="text"], #uid-150 input[type="text"] {
	height: 25px;
	border: 0px;
	background-color: #ffffff;
	margin: 0px;
	padding: 6px;
	padding-top: 7px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0.2%;
	margin-right: 0.2%;
	margin-bottom: 15px;
	border-radius: 12px;
	border-color: #ccc;
	outline: 0 none;
}

#uid-77 input[type=submit], #uid-81 input[type=submit], #uid-150 input[type=submit] {
	margin-top: 10px;
	opacity: 1;
	border: 0px;
}

.faq_suche {
	padding-top: 100px;
}

#uid-67 .newsseite .projekt_links, #uid-77 .newsseite .projekt_links, #uid-81 .projekt_links, #uid-150 .projekt_links {
	width:20%;
}

#uid-67 .newsseite .projekt_rechts, #uid-77 .newsseite .projekt_rechts, #uid-81 .projekt_rechts, #uid-150 .projekt_rechts {
	width:25%;
	margin-left: 5%;
}

#uid-150 .newsseite .projekt_links, #uid-81 .projekt_links, #uid-150 .projekt_links {
	width:20%;
}

#uid-67 .newsseite .wrap_mitte_rechts .projekt_mitte, #uid-77 .newsseite .wrap_mitte_rechts .projekt_mitte, #uid-81 .projekt_mitte, #uid-150 .projekt_mitte, #uid-279 .projekt_mitte {
	width:100%;
}

#uid-150 .newsseite .projekt_rechts, #uid-81 .projekt_rechts, #uid-150 .projekt_rechts {
	width: 0%;
	margin-left: 0%;
} 

#uid-81 .img-responsive-news, #uid-150 .img-responsive-news {
	display: none;
}

*/

/*------ SUCCEED --------------------------------- */


.succeedhead {
	margin-top: 80px;
}

.succeedhead h1 {
	text-align: center;
	margin-top: 60px;
}

.succeedhead h2 {
	margin-top: 20px;
	text-align: center;
	margin-bottom: 70px;
}

#grauer-balken-succeed #navigation_in_domain a:hover {
	color: #ffffff;
}

#grauer-balken-succeed #domain-nav a:hover {
	color: #ffffff;
}

#uid-91 #grauer-balken-succeed #navigation_in_domain #film, #uid-93 #grauer-balken-succeed #navigation_in_domain #experimente, #uid-95 #grauer-balken-succeed #navigation_in_domain #produktion, #uid-96 #grauer-balken-succeed #navigation_in_domain #energydrink {
	color: #ffffff;
}

#uid-91 #grauer-balken-succeed #navigation_in_domain_mobile #film, #uid-93 #grauer-balken-succeed #navigation_in_domain_mobile #experimente, #uid-95 #grauer-balken-succeed #navigation_in_domain_mobile #produktion, #uid-96 #grauer-balken-succeed #navigation_in_domain_mobile #fanshop {
	color: #ffffff;
}

#grauer-balken-succeed {
	background-color: #a28d5c;
}

#succeed-footer .footer-grauer-balken {
	background-color: #a28d5c;
}

#succeed-footer .footer-grauer-balken  a:hover {
	color: #ffffff;
}

#services_bottom_succeed {
	margin-bottom: 280px;
	align-items: flex-start;
}

#services_bottom_succeed .servces_kontaktangaben h2 {
	margin-top: 18%;
	margin-bottom: 80px;
}

#services_bottom_succeed .listeangebot_liste_call_to_action {
	background-color: #e3e2df;
}

#services_bottom_succeed .services_call_to_action_bottom_box {
	justify-content: flex-start;
}

#services_bottom_succeed .listeangebot_liste_call_to_action:hover {
	background-color: #9e9e9e;
}

#uid-96 .powermail_textarea, #uid-175 .powermail_textarea {
	height: 250px;
}

.powermail_fieldwrap_preis {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
}

.wrap_succeed_fanshop_kosten {
	display: none;
	width: 100%;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 5px;
}

.powermail_fieldwrap_preis .wrap_succeed_fanshop_kosten {
	display: flex;
}

.succeed_fanshop_kosten {
	text-align: right;
	width: 300px;
	float: right;
}

.powermail_fieldwrap_ichkommediedoseimbuerovonislandartinwinterthurabholen {
	margin-bottom: 20px;
}

#uid-196 .titelundtext, #uid-198  .tx-powermail, #uid-199 .titelundtext, #uid-201 .titelundtext  {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}

#uid-196 .titelundtext, #uid-199 .titelundtext, #uid-201 .titelundtext {
	text-align: center;
}

#uid-198 .powermail_textarea {
	height: 200px;
}

#uid-198 .powermail_fieldwrap {
	margin-top: 40px;
}

#uid-198 .tx-powermail .powermail_legend {
	display: none;
}

#uid-91 .slider {
	margin-bottom: 280px;
}

#uid-91 .sliderbild_div p {
	padding-top: 10px;
}

.subtitleinfo-pfeil {
	width: 100%; 
	display: flex;
	visibility: hidden;
	justify-content: flex-end;
}

.subtitleinfo-pfeil img {
	margin-top:10px;
	width: 50px;
	height: 50px;
	margin-right: 140px; 
}

.subtitleinfo {
	margin-right: 80px;
	visibility: hidden;
	text-align:right;
}


/*------ Kurzgeschichten aus Winterthur --------------------------------- */

.kurzgeschichtenauswinterthurlogo {
	margin-top: 15px;
}

.kurzgeschichtenauswinterthurlogo img {
	margin-top: 0px;
	width: 230px;
	height: auto;
}

.kurzgeschichtenvorschau {
	transform: rotate(0deg);
	opacity: 0;
    transition:opacity 600ms;
}

.kurzgeschichtenplayer:hover .kurzgeschichtenvorschau {
	opacity:1;
    transition:opacity 600ms;
}

.kurzgeschichtenvorschaubild {
	margin-bottom: -58.1%;
	opacity: 1;
	transition:opacity 600ms;
}

.kurzgeschichtenvorschaubild_neue_Folge .bild img:last-of-type {
	visibility: hidden;
}

.kurzgeschichtenplayer:hover .kurzgeschichtenvorschaubild {
	opacity:0.3;
}

.kurzgeschichtenplayer:hover .kurzgeschichtenvorschautext {
	color: #000000;
}

.kurzgeschichten_vorschauslider {
	margin-bottom: 80px;
}

.kurzgeschichtenplayer iframe {
	background-color: #000000;
}

.kurzgeschichtenplayer .vimdeovideobeschriebung h2 {
	font-size: 2rem;
}

#uid-330 #kurzgeschichten, #uid-335 #kurzgeschichten, #uid-336 #kurzgeschichten, #uid-337 #kurzgeschichten, #uid-338 #kurzgeschichten, #uid-340 #kurzgeschichten, #uid-343 #kurzgeschichten, #uid-347 #kurzgeschichten {
	color: #c2c2c2;
}

#uid-333 #ueber-die-serie {
	color: #c2c2c2;
}

#uid-334 #making-of {
	color: #c2c2c2;
}

#uid-348 #finanzierung  {
	color: #c2c2c2;
}

#grauer-balken-kurzgeschichtenauswinterthur {
	background-color: #97033a;
}

#grauer-balken-kurzgeschichtenauswinterthur a {
	color: #ffffff;
}

#grauer-balken-kurzgeschichtenauswinterthur #domain-nav a {
	color: #ffffff;
}

#grauer-balken-kurzgeschichtenauswinterthur #domain-nav .frame a:last-child {
	margin-right: 20px;
}

#grauer-balken-kurzgeschichtenauswinterthur #domain-nav a:hover {
	color: #c2c2c2;
}

#grauer-balken-kurzgeschichtenauswinterthur a:hover {
	color: #c2c2c2;
}

#kurzgeschichtenauswinterthur-footer .footer-grauer-balken {
	background-color: #97033a;
}

#kurzgeschichtenauswinterthur-footer .footer-grauer-balken .footer-flex-item {
	color: #ffffff;
}

#kurzgeschichtenauswinterthur-footer .footer-grauer-balken h3 {
	color: #ffffff;
}

#kurzgeschichtenauswinterthur-footer .footer-grauer-balken  a {
	color: #ffffff;
}

#kurzgeschichtenauswinterthur-footer .footer-grauer-balken  a:hover {
	color: #c2c2c2;
	text-decoration: none;
}

.kurzgeschichtenauswinterthur_wrap_content {
	margin-top: 50px;
}

.kurzgeschichtenauswinterthur_wrap_content .bild, .kurzgeschichtenauswinterthur_wrap_content .titelundtext:last-of-type  {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#uid-161 .projekt_links .bild {
	margin-bottom: 10px;
}

#uid-161 .projekt_links .titelundtext {
	margin-bottom: 80px;
}

#services_bottom_kurzgeschichten {
	margin-bottom: 280px;
	align-items: flex-start;
}

#services_bottom_kurzgeschichten .servces_kontaktangaben h2 {
	margin-top: 18%;
	margin-bottom: 80px;
}

#services_bottom_kurzgeschichten .listeangebot_liste_call_to_action {
	background-color: #e3e2df;
}

#services_bottom_kurzgeschichten .services_call_to_action_bottom_box {
	justify-content: flex-start;
}

#services_bottom_kurzgeschichten .listeangebot_liste_call_to_action:hover {
	background-color: #9e9e9e;
}

#uid-330 .projekt_spalten_box {
	flex-direction: column;
}

.kurzgeschichtenauswinterthur .projekt_links {
	width: 0px;
}

#uid-330 .projekt_links {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-left: -1.5%;
	width: calc(100% + 3%)
}

#uid-330 .projekt_links .tx-dce-pi1, #uid-330 .projekt_links .frame {
	width: 30.333%;
	margin-left: 1.5%;
	margin-right: 1.5%;
}

#uid-330 .projekt_links .tx-dce-container {
	margin-left: calc(1.5% - 1%);
	margin-right: 2.5%;
	width: 30.333%;
}

#uid-330 .dce-container {
	border: solid rgb(163, 165, 161) 1px;
	margin-bottom: 30px;
	width: 99.6%;
	padding-left: 4.2%;
	padding-right: 4.2%;
}

#uid-330 .projekt_links .dce-container .vimeoplayer_preview {
	margin-bottom: 20px;
}

#uid-330 .projekt_links .dce-container .tx-dce-pi1 {
	margin-left: 0%;
	margin-right: 0%;
}

#uid-330 .projekt_links .dce-container .vimeoplayer_preview {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
}

#uid-330 .projekt_links .dce-container .tx-dce-pi1 {
	width: 100%;
}


.kurzgeschichten_socialmedia {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}

.kurzgeschichten_socialmedia .tx-dce-pi1 {
	width: 66.66%;
}

.kurzgeschichten_socialmedia .socialmedia_anmeldung {
	width: 33.33%;
}

.kurzgeschichten_socialmedia_icon {
	width: 30px;
	height: 30px;
	margin-top: 10px;
}

.kurzgeschichten_socialmedia_icon_hover {
	width: 30px;
	height: 30px;
	margin-top: 10px;
	margin-left: -50%;
	opacity: 0;
}

.wrap_kurzgeschichten_socialmedia_icon_hover:hover .kurzgeschichten_socialmedia_icon{
	opacity: 0;
	transition: opacity 600ms;
}

.wrap_kurzgeschichten_socialmedia_icon_hover:hover .kurzgeschichten_socialmedia_icon_hover {
	opacity: 1;
	transition: opacity 600ms;
}

.kurzgeschichtenauswinterthur .kurzgeschichtenplayer {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.kurzgeschichten_socialmedia .bild {
	margin-bottom: 0px;
}

.kurzgeschichtenplayer .vimdeovideobeschriebung_vorschau {
	color: #000000;
	max-width: 700px;
}

.kurzgeschichten_zurueckbutton {
	color: #717171 !important; 
	font-size: 1em; 
	margin-top: 50px; 
	display: block; 
}

@media (min-width: 880px) {
	.kurzgeschichten_zurueckbutton {
		margin-bottom: -70px;
	}
}

.kurzgeschichtenauswinterthur .slick-initialized .slick-slide {
	margin-right: 10px;
}

#uid-334 .kurzgeschichten_zurueckbutton {
	display: none;
}

#uid-334 .kurzgeschichtenauswinterthur_wrap_content .bild, #uid-334 .kurzgeschichtenauswinterthur_wrap_content .titelundtext:last-of-type {
	width: 100%;
}

#uid-330 .kurzgeschichten_zurueckbutton {
	display: none;
}

.kurzgeschichten_zurueckbutton:hover {
	color: #000000 !important; 
}

.vimeoplayer_preview {
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
}

.kurzgeschichtenplayer_vorschau .bild, #uid-330 .kurzgeschichtenvorschaubild_neue_Folge .bild {
	margin-bottom: 5px !important;
}

.kurzgeschichtenplayer .vimdeovideobeschriebung {
	color: #000000;
	max-width: 700px;
	margin-bottom: 100px;
	margin-top: 20px;
}

.wintiserie_jetzt_anmelden {
	margin-left: -50px; 
	font-family: 'Handlee', cursive;
	font-size: 1.4em;
	margin-top: 20px;
}

.wintiserien_pfeil {
	width: 30px; 
	height: 30px; 
}

.naechste_folge {
	font-family: 'Handlee', cursive;
	font-size: 1.4em;
	margin-left: 60px;
}

.wintiserien_pfeil_naechste_folge {
	width: 30px;
	height: 30px;
	margin-left: 110px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.arrow_social_media {
	width: 30px; 
	height: 30px; 
	transform: rotate(-30deg);
	margin-left: 40px;
	margin-right: 20px;
}

.arrow_subtitles {
	width: 30px; 
	height: 30px; 
	transform: rotate(-30deg);
	transform: scaleX(-1) rotate(-70deg);
	margin-left: 40px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.wrap_untertitelhinweis {
	display: flex;
	justify-content: flex-end;
	margin-right: 3%;
}

.untertitelhinweis {
	display: flex;
	align-items: flex-end;
	margin-top: 15px;
	font-family: 'Handlee', cursive;
	font-size: 1.4em;
}

@media (max-width: 500px) {
	.untertitelhinweis {
		font-size: 1.2em;
	}
}

#grauer-balken-kurzgeschichtenauswinterthur #domain-nav_mobile .linie_2 {
	background-color: #ffffff;
}

.kurzgeschichtenauswinterthur .portfolio_slider {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.kurzgeschichtenauswinterthur .slick-slide {
	background-color: #ffffff;
}

.kurzgeschichtenauswinterthur .projektseite_einmitten .slick-next {
	right: 10px;
}

.kurzgeschichtenauswinterthur .slick-slide img {
	width: 100%;
}

.kurzgeschichtenauswinterthur .slick-prev, .kurzgeschichtenauswinterthur .slick-next {
	top: 45%;
}

@media (min-width: 780px) {
	.kurzgeschichtenauswinterthur .slick-prev, .kurzgeschichtenauswinterthur .slick-next {
		top: 41%;
	}
}

@media (min-width: 780px) {
	.kurzgeschichtenauswinterthur .projektseite_einmitten .slick-next {
	  right: -40px;
	}
}


.kurzgeschichtenauswinterthur .slick-next:before, .kurzgeschichtenauswinterthur .slick-prev:before {
text-shadow: -3px 0 black, 0 3px black, 3px 0 black, 0 -3px black;
}

.kurzgeschichtenauswinterthur .slick-prev:before, .kurzgeschichtenauswinterthur .slick-next:before {
	font-size: 30px;
}

.kurzgeschichtenauswinterthur .projektseite_einmitten .slick-next {
	width: 70px !important;
}


#uid-330 #mce-EMAIL {
	margin-bottom: 5px;
}

#mergeRow-gdpr {
	margin-top: 10px;
}

#uid-330 #mc_embed_signup div.mce_inline_error {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-weight: 300;
	color: #FF0000;
	margin-bottom: 5px;
}

#uid-330 #mc_embed_signup input.mce_inline_error{
	border-color: #FF0000;
} 

#uid-330 .av-checkbox {
	margin-left: 0px;
}

#uid-330 #mc-embedded-subscribe {
	margin-top: 20px;
}

#uid-330 #mce-error-response {
	margin-top: 10px;
	color: #FF0000;
}

#uid-330 #mce-success-response {
	margin-top: 30px;
	color: #088A29;
	text-align: right;
	margin-bottom: 10px;
	font-weight: 500;
}

@media (max-width: 1300px) {
		
	.naechste_folge {
		margin-left: 20px;
	}

	.wintiserien_pfeil_naechste_folge {
		margin-left: 70px;
		margin-top: 5px;
	}
	
	.kurzgeschichten_socialmedia .tx-dce-pi1 {
		width: 50%;
	}

	.kurzgeschichten_socialmedia .socialmedia_anmeldung {
		width: 50%;
	}
	
	.wintiserie_jetzt_anmelden {
		margin-left: 0px;
	}
	
	.wintiserien_pfeil {
		margin-left: 50px;
	}
}


@media (max-width: 780px) {
	
	#uid-330 .projekt_links {
		margin-left: 0px;
		width: 100%;
	}
	
	#uid-330 .projekt_links .tx-dce-pi1 {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}
	
	.kurzgeschichten_socialmedia {
		flex-direction: column;
	}
	
	.wintiserie_jetzt_anmelden {
		margin-left: 0px; 
		font-family: 'Handlee', cursive;
		font-size: 1.4em;
		margin-top: 0px;
	}
	
	.kurzgeschichten_zurueckbutton {
		margin-bottom: -20px;
	}
	
	.kurzgeschichtenauswinterthur .kurzgeschichtenplayer {
		width: 100%;
	}
	
	.kurzgeschichtenauswinterthur .portfolio_slider {
		width: 100%;
	}
	
	.kurzgeschichten_socialmedia .tx-dce-pi1 {
	width: 100%;
	}

	.kurzgeschichten_socialmedia .socialmedia_anmeldung {
		width: 100%;
	}
	
	
	#uid-330 .projekt_links .tx-dce-container {
		width: 100%;
	}
	
	
	#uid-330 .projekt_links .dce-container .tx-dce-pi1 {
		padding-left: 1.5%;
		padding-right: 1.5%;
		width: 97%;
	}
	
	
	#uid-330 .dce-container {
		padding-left: 1.2%;
		padding-right: 1.2%;
	}
}
	
#uid-348 .kurzgeschichten_zurueckbutton {
	display: none;
}

@media (max-width: 1000px) {
	.kurzgeschichtenauswinterthur #navigation_in_domain a {
		margin-right: 10px;
		font-size: 1.1rem;
	}
	
	.kurzgeschichtenauswinterthur #navigation_in_domain a:last-child {
	  margin-right: 0px;
	}
}	

.socialmediahinweis { 
	margin-left: -50px;
	font-family: 'Handlee', cursive;
	font-size: 1.4em;
	width: 100%;
	margin-left: 10px;
}

@media (max-width: 500px) {
	.naechste_folge {
		font-size: 1.2em;
	}
}	

@media (max-width: 500px) {
	.socialmediahinweis {
		font-size: 1.2em;
	}
}

@media (max-width: 900px) {
	.kurzgeschichtenauswinterthur #navigation_in_domain a {
		margin-right: 10px;
		font-size: 0.9rem;
	}
}

@media (max-width: 500px) {
	.wintiserie_jetzt_anmelden {
		font-size: 1.2em;
	}
}

#c4380 .bild img {
	width: 111.4%;
	margin-left: -5.7%;
}

/*------ Binapalyer --------------------------------- */

#grauer-balken-binaplayer #navigation_in_domain a, #domain-nav a {
	color: #000000;
}

#grauer-balken-binaplayer #navigation_in_domain a:hover {
	color: #ffffff;
}

#grauer-balken-binaplayer #domain-nav a:hover {
	color: #ffffff;
}

#uid-128 #grauer-balken-binaplayer #navigation_in_domain #about, #uid-174 #grauer-balken-binaplayer #navigation_in_domain #manual, #uid-175 #grauer-balken-binaplayer #navigation_in_domain #order, #uid-191 #grauer-balken-binaplayer #navigation_in_domain #pdf2mp4 {
	color: #ffffff;
}

#uid-128 #grauer-balken-binaplayer #navigation_in_domain_mobile #about, #uid-174 #grauer-balken-binaplayer #navigation_in_domain_mobile #manual, #uid-175 #grauer-balken-binaplayer #navigation_in_domain_mobile #order, #uid-191 #grauer-balken-binaplayer #navigation_in_domain_mobile #pdf2mp4 {
	color: #ffffff;
}

#grauer-balken-binaplayer {
	background-color: #838282;
}

#binaplayer-footer .footer-grauer-balken {
	background-color: #838282;
}

#binaplayer-footer .footer-grauer-balken a:hover {
	color: #ffffff;
}

.wrap_binaplayer_help_offer {
	display: flex;
	justify-content: space-between;
	margin-top: -40px;
	margin-bottom: 40px;
}

.wrap_binaplayer_help_offer img {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -20px;
}

.binaplayer_help_offer a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #000000;
}

.binaplayer_help_offer {
	width: 23%;
}

.powermail_fieldwrap_preis {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
}

.powermail_fieldwrap_kostencalculator {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
}

.wrap_binaplayer_kosten {
	display: none;
	width: 100%;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 5px;
}

.powermail_fieldwrap_kostencalculator .wrap_binaplayer_kosten {
	display: flex;
}

.wrap_binaplayer_kosten {
	text-align: right;
	width: 300px;
	float: right;
}

.powermail_fieldwrap_versand {
	margin-bottom: 20px;
}

#services_bottom_binaplayer {
	margin-bottom: 360px;
}

#services_bottom_binaplayer .servces_kontaktangaben h2 {
	margin-top: 33%;
	margin-bottom: 80px;
}

#services_bottom_binaplayer .listeangebot_liste_call_to_action {
	background-color: #dadada;
}

#services_bottom_binaplayer .listeangebot_liste_call_to_action:hover {
	background-color: #9e9e9e;
}

#services_bottom_binaplayer .services_call_to_action_bottom_box {
	justify-content: flex-start;
}


/*------ Umfrage --------------------------------- */

#uid-219 .btn-group {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: #000000;
}

#uid-219 .btn-group {
	text-align: center;
}

#uid-219  .btn-group  .btn-default {
	align-items: flex-start;
	text-align: center;
	cursor: default;
	color: buttontext;
	padding-top: 4px;
	padding-right: 24px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #ffffff;
	font-style: normal;
	font-family: 'Raleway';
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.45rem;
	color: #848484;
}

#uid-219  .btn-group .btn-default:hover {
	cursor: pointer;
	color: #000000;
}

#uid-219 .btn-group  .powermail_fieldset  {
	max-width: 70%;
}

#uid-219 .btn-group  .powermail_fieldwrap_type_radio {
	margin-bottom: 20px;
}

#uid-219 .powermail_fieldwrap {
	margin-bottom: 20px;
}

#uid-219 .btn-group .powermail_select {
	border: 0px;
	background-color: #ffffff;
	margin: 0px;
	padding: 6px;
	padding-top: 7px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0.2%;
	margin-right: 0.2%;
	margin-bottom: 15px;
}

#uid-219 .content {
	margin-left: auto;
	margin-right: auto;
	max-width: 680px;
}

#uid-219 .powermail_legend {
	padding-top: 60px;
}

#uid-219 .powermail_textarea {
	height: 200px;
}


/*------ Preisrechner  --------------------------------- */

#uid-277 .content_wrap {
	min-width: 1200px;
}

#c321300 .titelundtext {
	margin-top: 80px;
	padding-bottom: 40px;
	border-bottom: 1px solid #000000;
}

#uid-279000 .extra {
	visibility: hidden;
	padding-top: 0px;
	padding-bottom: 0px;
}

#uid-297 .page-row-expanded  {
	background-color: #F7BE81;
}

/* --------- Liste ------------------------------- */

.liste_row {
  clear:both;
}

.liste_col_one {
  width: 15px;
  float: left;
}

.liste_col_two {
  width: 80%;
  float: left;
}

/*------ Slider --------------------------------- */

.slider_bild {
	width: 100%;
}

.projektseite_einmitten .slick-prev:before, .projektseite_einmitten .slick-next:before {
	opacity: 0.75;
	color: #ffffff;
}

.projektseite_einmitten .slick-next {
	width: 50px;
	height: 50px;
	right: 0px;
}

.projektseite_einmitten .slick-prev {
	width: 50px;
	height: 50px; 
	left: 0px;
	z-index: 10000;
}

.wrapper {
	max-width: 100%;
	background-color: #ffffff;
	position:relative;
}

.adi-slider-img img {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.slick-slide {
	background-color: #F2F2F2;
}

.slick-slide p {
	background-color: #ffffff;
	line-height: 1.45rem;
}

#uid-5 .slick-slide p {
	background-color: #8181F7;
	height: 40px;
}

#uid-5 .slick-prev, #uid-5 .slick-next {
	top: 41%;
}

.slick-prev:before, .slick-next:before {
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

#uid-5 .slick-prev:before, #uid-5 .slick-next:before {
	text-shadow: none;
}


.projektseite_einmitten .slick-next, .projektseite_einmitten .slick-prev {
	opacity: 0.8;
}

.slick-slide a {
	outline: 0 none;
} 

.sliderbild_div p {
	background-color: #ffffff;
}

/*------ Projektseiten --------------------------------- */

.projetk_titel {
	margin-top: 100px;
	text-align: center;
	margin-bottom: 70px;
}

.projetk_titel p {
	margin-top: 7px;
}

.projektseite_einmitten {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 70px;
}

.projektseite_einmitten .zwei_bilder_nebeneinander_box img {
	width: 100%;
}

.projekt_spalten_box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.projekt_links {
	width:55%;
}

.projekt_rechts {
	width:35%;
}

.projekt_links .vimeovideo, .projekt_rechts .vimeovideo {
	margin-bottom: 70px;
}

.vimeovideo {
	margin-bottom: 40px;
}

.youtubevideobeschriebung {
	margin-bottom: 15px;
}

.projekt_lead {
	width: 70%;
	text-align: center;
	margin-top:50px;
	margin-bottom: 70px;
	padding-left: 15%;
	padding-right: 15%;
	display: block;
}

.projekte_navigation, .ce-menu {
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	padding:10px;
	margin-bottom: 30px;
	margin-top: 40px;	
	display: flex;
	align-items: center;
	justify-content: center;
}

.projekte_navigation ul li, .ce-menu ul li{
	float:left;
}

.projekte_navigation ul li a, .ce-menu li a {
	margin-right: 20px;
	margin-left: 20px;
	float:left;
	color: #848484;
}

@media (max-width: 824px) {
	.projekte_navigation ul li a {
		margin-right: 18px;
		margin-left: 18px;
	}
}

.projekte_navigation ul li a:hover, .ce-menu li a:hover {
	color: #000000;
}

.projekt_abstand_zur_navigation {
	width: 100%;
	height: 60px;
}

/*------ Instagram Plugin --------------------------------- */

.nsinstagram-v1apiview .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    grid-gap: 2rem;
}

.nsinstagram-v1apiview .gallery-item-type {
	filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(334deg) brightness(107%) contrast(103%);
}

/*------ Footer --------------------------------- */

.footer-grauer-balken {
	width: 100%;
	background-color: #F2F2F2;
	padding-top: 40px;
	padding-bottom: 15px;
	padding-bottom: 50px;
}

#footer-grauer-balken-binaplayer {
	background-color: #F2F2F2;
}

 #uid-1 .footer-grauer-balken {
	position: fixed;
	margin-top: -50px;
}

.footer-flex-item {
    margin: 10px;
}

.footer {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left:50px;
	padding-right:50px;
	display: -webkit-flex;
    display: flex;
    justify-content: space-between ;
} 

.footer a {
	color: #000000;
	text-decoration: none;
}

.footer a:hover{
	color: #777777;
}

.footer span {
	color: #ffffff;
	float:left;
	margin-right: 25px;
}


.footer span:last-child {
	float:right;
	margin-right: 00px;
}

.typo3_member_logo {
	margin-top: 40px;
	min-width: 160px;
	max-width: 200px;
}

/*------ Fenstergrösse min width 1400 --------------------------------- */


@media (max-width: 1400px) {

	.supportdrache {
		float: left;
		height: 80%;
		padding-top: 80px;
		padding-bottom: 80px;
		background-color: #F5F6CE;
	}

	.supportdrache h1 {
		padding-bottom:50px;
	}

	.supportdrache_bild img {
		margin-right:7%;
		margin-left: 8%;
		margin-top:-297px;
		width:500px;
	}

	.supportdrache_rosabalken {
		margin-top: -56px;
	}

	 #c1412, #c1415 {
	 	padding-top: 180px;
	 	height: 605px;
		background-size: 1400px;
	}

	#c1412 .tx-felogin-pi1, #c1415 .tx-felogin-pi1  {
		margin-right: 5%;
		width: 350px;
	}
}

/*------ Fenstergrösse max width 1280 --------------------------------- */


@media (max-width: 1280px) {

.fancyfooter img {
	margin-bottom: -6px;
	padding-top: 25px;
}

.fancyfootercontent {
	margin-top: 45px;
	padding-top: 2%;
	margin-bottom: 0px;
}
    .island_video { 
        padding-bottom: 87%; /* Default for 1600x900 videos 16:9 ratio */
        overflow: hidden;
    }

    .island_video iframe {
    	width:140%;
    	margin-left: -20%;
	}

	.text_in_insel {
		margin-top: -31%;
		margin-bottom: -5%;
	}

	.supportdrache h1 {
		padding-bottom:50px;
	}

	.supportdrache_bild img {
		margin-right:7%;
		margin-left: 8%;
		margin-top:-232px;
		width: 390px;
	}

	.supportdrache_rosabalken {
		margin-top: -56px;
		height:100px;
	}

	.kaffeeeinhorn img {
		margin-top: 200px;
	}

	.services_bottom {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: flex-end;
	}

	#services_bottom_succeed {
		align-items: center;
		margin-bottom: 200px;
	}	

	#services_bottom_succeed .servces_kontaktangaben h2 {
		margin-top: 40px;
	}

	#services_bottom_succeed .helfendes_einhorn {
		float:right;
		display: flex;
		flex-direction: column;
	}

	#services_bottom_succeed .helfendes_einhorn img {
		width: 500px;
		margin-top: 100px;
	}

	#services_bottom_succeed .helfendes_einhorn h2 {
		font-size: 1.5rem;
		line-height: 2.4rem;
		margin-top: -512px;
		margin-bottom: 512px;
		text-align: center;
		float:left;
		transform: rotate(0deg);
	}

	#services_bottom_kurzgeschichten {
		align-items: center;
		margin-bottom: 200px;
	}	

	#services_bottom_kurzgeschichten .servces_kontaktangaben h2 {
		margin-top: 40px;
	}

	#services_bottom_kurzgeschichten .helfendes_einhorn {
		float:right;
		display: flex;
		flex-direction: column;
	}

	#services_bottom_kurzgeschichten .helfendes_einhorn img {
		width: 500px;
		margin-top: 100px;
	}

	#services_bottom_kurzgeschichten .helfendes_einhorn h2 {
		font-size: 1.5rem;
		line-height: 2.4rem;
		margin-top: -512px;
		margin-bottom: 512px;
		text-align: center;
		float:left;
		transform: rotate(0deg);
	}

	.helfendes_einhorn {
		float: none;
		width: 100%;
	}

	.helfendes_einhorn img{
		width: 340px;
		margin-top: 100px;
		margin-bottom: -4px;
		margin-left: auto;
		margin-right: auto;
	}

	.helfendes_einhorn h2{
		font-size: 1.2rem;
		line-height: 2.2rem;
		margin-top: -349px;
		margin-bottom: 309px;
	}

	.listeangebot {
		flex-wrap: wrap;
		margin-top: 60px;
		margin-bottom: 70px;
	}

	.listeangebot_liste {
		width: 48%;
	}

	.listeangebot_liste img {
		width: 30%;
		float: left;
		margin-top: 0px;
		margin-bottom: 115px;
	}

	.listeangebot_liste  h2{
		margin-left: 7%;
	}

	.listeangebot_liste p {
		margin-left: 7%;
	}

	.listeangebot_liste_call_to_action_box {
		display: none;
	}

	.listeangebot_liste_call_to_action_mobile {
		width: 166px;
	}

	.listeangebot_liste_call_to_action_box_mobile {
		display: flex;
	}

	.listeangebot_liste_call_to_action_box_mobile  a {
		margin-top: 0px;
		margin-bottom: 80px;
		margin-left: 17%;
		width: 50%;
	}

	#listeangebot_liste_call_to_action_mobile_row_one {
		margin-bottom: 60px;
	}

	.servces_kontaktangaben h2 {
		margin-top: 20px;
		text-align: left;
	}

	.vierBilderNoSlider div {
		width: 32%;
		margin-bottom: 70px;
		margin-right: 1%;
	}

	.projekt_lead {
		width: 90%;
		text-align: center;
		margin-top:50px;
		margin-bottom: 70px;
		padding-left: 5%;
		padding-right: 5%;
		display: block;
	}

	#services_bottom_binaplayer {
		margin-bottom: 200px;
	}

	#services_bottom_binaplayer .servces_kontaktangaben h2 {
		margin-top: 20%;
	}

	#services_bottom_binaplayer {
		align-items: center;
	}
}


/*------ Fenstergrösse max 1170 --------------------------------- */

@media (max-width: 1170px) { 

	#services_bottom_succeed .helfendes_einhorn {
		float: right;
		width: 100%;
		margin-right: 15%;
	}	

	#services_bottom_binaplayer .helfendes_einhorn {
		float: right;
		width: 100%;
		margin-right: 15%;
	}

	#services_bottom_succeed .helfendes_einhorn img{
		width: 300px;
		margin-top: 0px;
		margin-bottom: -4px;
		margin-left: auto;
		margin-right: auto;
	}

	#services_bottom_succeed .helfendes_einhorn h2{
		font-size: 1.2rem;
		line-height: 2.2rem;
		margin-top: -309px;
		margin-bottom: 309px;
	}

	#services_bottom_succeed .servces_kontaktangaben h2 {
		margin-top: 18%;
	}

	#services_bottom_kurzgeschichten .helfendes_einhorn {
		float: right;
		width: 100%;
		margin-right: 15%;
	}	

	#services_bottom_kurzgeschichten .helfendes_einhorn img{
		width: 300px;
		margin-top: 0px;
		margin-bottom: -4px;
		margin-left: auto;
		margin-right: auto;
	}

	#services_bottom_kurzgeschichten .helfendes_einhorn h2{
		font-size: 1.2rem;
		line-height: 2.2rem;
		margin-top: -309px;
		margin-bottom: 309px;
	}

	#services_bottom_kurzgeschichten .servces_kontaktangaben h2 {
		margin-top: 18%;
	}


	.fancyfootercontent {
		margin-bottom: -40px;
	}
}


/*------ Fenstergrösse max 1000px --------------------------------- */

@media (max-width: 1000px) { 

	#uid-67 .newsseite .projekt_links, #uid-249 .newsseite .projekt_links, #uid-2 .projekt_links, #uid-150 .projekt_links  {
		width:25%;
	}

	#uid-67 .newsseite .wrap_mitte_rechts, #uid-249 .newsseite .wrap_mitte_rechts, #uid-2 .wrap_mitte_rechts, #uid-351 .wrap_mitte_rechts, #uid-353 .wrap_mitte_rechts, #uid-354 .wrap_mitte_rechts, #uid-355 .wrap_mitte_rechts, #uid-356 .wrap_mitte_rechts, #uid-150 .wrap_mitte_rechts {
		width:75%;
		display: block;
	}

	#uid-67 .newsseite .projekt_rechts, #uid-249 .newsseite .projekt_rechts,  #uid-2 .projekt_rechts, #uid-150 .projekt_rechts {
		width: 100%;
		margin-left: 0%;
		border-top: 1px #585858 solid;
		padding-top: 20px; 
		margin-top: 5px;
	}

	#uid-67 .newsseite .projekt_mitte, #uid-249 .newsseite .projekt_mitte, #uid-2 .projekt_mitte, #uid-351 .projekt_mitte, #uid-353 .projekt_mitte, #uid-354 .projekt_mitte, #uid-355 .projekt_mitte, #uid-356 .projekt_mitte, #uid-150 .projekt_mitte {
		width: 100%;
	}

	#uid-2 .newsseite .projekt_links, #uid-2 .projekt_links, #uid-351 .newsseite .projekt_links, #uid-351 .projekt_links, #uid-353 .newsseite .projekt_links, #uid-353 .projekt_links, #uid-354 .newsseite .projekt_links, #uid-354 .projekt_links, #uid-355 .newsseite .projekt_links, #uid-355 .projekt_links, #uid-356 .newsseite .projekt_links, #uid-356 .projekt_links, #uid-150 .projekt_links {
		width:25%;
	}

	#uid-67 .newsseite .projekt_mitte {
		margin-bottom: 40px;
	}


	#navigation a, #navigation_mobile a {
		margin-right: 15px;
	}

	#c1412, #c1415 {
	 	padding-top: 120px;
	 	height: 444px;
		background-size: 1000px;
	}

	#c1412 .tx-felogin-pi1, #c1415 .tx-felogin-pi1 {
		margin-right: 5%;
		width: 230px;
	}


	#services_bottom_succeed .helfendes_einhorn {
		float: right;
		width: 100%;
		margin-right: 5%;
	}	

	#services_bottom_kurzgeschichten .helfendes_einhorn {
		float: right;
		width: 100%;
		margin-right: 5%;
	}

	#services_bottom_binaplayer .helfendes_einhorn {
		float: right;
		width: 100%;
		margin-right: 5%;
	}

	.wrap_services_preislisten {
		flex-direction: column;
	}

	.services_preisliste_col_one, .services_preisliste_col_two {
		width: 100%;
	}

	#uid-208 .titelundtext {
		flex-direction: column;
		width: 100%;
	}

	.fancyfootercontent {
		margin-bottom: -20px;
	}

	.frame-type-dce_dceuid67 {
		width: 48%;
		margin: 1%;
	}

}

/*------ Fenstergrösse max 900px --------------------------------- */


@media (max-width: 900px) { 

	.supportdrache h1 {
		padding-bottom:50px;
	}

	.supportdrache_bild img {
		margin-right:7%;
		margin-left: 8%;
		margin-top:-196px;
		width: 330px;
	}

	.supportdrache_rosabalken {
		margin-top: -56px;
	}

	.services_bottom {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.servces_kontaktangaben h2 {
		padding-top: 50px;
		text-align: center;
	}

	.saebelzahntiger div:first-child {
		width: 650px;
	}

	.text_saebelzahntieger {
		width: 240px;
	}

	.saebelzahntiger h2 {
		margin-top: -180px;
		margin-bottom: 118px;
		font-size: 1.15rem;
		line-height: 2.05rem;
	}

	#uid-4 .services_call_to_action_bottom_box {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	#uid-4 .listeangebot_liste_call_to_action {
		max-width: none;
	}

	.footer span {
		display: block;
		width: 100%;
	}

	.footer span:last-child {
		float:left;
		margin-top: 15px;
		margin-right: 00px;
	}

	#services_bottom_succeed .servces_kontaktangaben h2 {
		margin-top: 2%;
	}

	#services_bottom_binaplayer .servces_kontaktangaben h2 {
		margin-top: 2%;
	}

	#navigation_in_domain a, #navigation_mobile a {
		margin-right: 30px;
	}

	#services_bottom_succeed .helfendes_einhorn {
		margin-top: 80px;
	}

	#services_bottom_succeed .servces_kontaktangaben {
		max-width: 80%;
	}

	#services_bottom_kurzgeschichten .helfendes_einhorn {
		margin-top: 80px;
	}

	#services_bottom_kurzgeschichten .servces_kontaktangaben {
		max-width: 80%;
	}

	#services_bottom_binaplayer .servces_kontaktangaben {
		max-width: 80%;
	}

	#services_bottom_succeed .services_call_to_action_bottom_box {
		justify-content: center;
	}

	#services_bottom_kurzgeschichten .services_call_to_action_bottom_box {
		justify-content: center;
	}

	#services_bottom_binaplayer .services_call_to_action_bottom_box {
		justify-content: center;
	}
}

/*------ Fenstergrösse max 850px --------------------------------- */

@media (max-width: 850px) { 

	#navigation a, #navigation_mobile a {
		margin-right: 7px;
	}
}

/*------ Fenstergrösse max 780px --------------------------------- */

@media (max-width: 780px) { 
	
	.instagram_gallery {
		display: flex;
		flex-direction: column;
	}
	
	.instagram_gallery a img {
		width: 100% !important;
	}
	
	.landingpage_wrap_angebote .tx-dce-pi1, .landingpage_wrap_angebote .frame {
		width: 100%;
	}
	
	
	#uid-291 .bild img, #uid-331 .bild img {
		width: 100%;
	}

	.ladingpage_page .projektseite_einmitten .projektseite_einmitten {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.landingpage_wrap_abschluss .services_call_to_action_bottom_box:first-of-type {
		margin-right: 0px;
	}
	
	
	.landingpage_wrap_angebote .frame, .landingpage_wrap_links_rechts .landingpage_links_rechts {
		width: 100%;
	}
	
	.wrap_buttons_head_landingpage .services_call_to_action_bottom_box {
		flex-direction: column;
		display: block;
	}
	
	.landingpage_wrap_abschluss .wrap_buttons_head_landingpage {
		flex-direction: column;
		justify-content: center;
		width: auto;
	}

	.landingpage_wrap_links_rechts {
		flex-direction: column;
	}
	
	.wrap_team {
		display: block;
	    margin-left: 0px;
	    margin-right: 0px;
	    width: 100%;
	}

	.frame-type-dce_dceuid67 {
		width: 100%;
		margin 0px;
	}


	#uid-13 .projekt_lead {
		width: 100%;
	}

	#uid-67 .newsseite .wrap_mitte_rechts, #uid-249 .newsseite .wrap_mitte_rechts, #uid-2 .wrap_mitte_rechts, #uid-351 .wrap_mitte_rechts, #uid-353 .wrap_mitte_rechts, #uid-354 .wrap_mitte_rechts, #uid-355 .wrap_mitte_rechts, #uid-356 .wrap_mitte_rechts {
		width: 100%;
	}	

	.titelseite_einmitten, .leitsatz, .leitsatz_untertitel {
		padding-left: 30px;
		padding-right: 30px;
	}

	.wiesoislandart_titelseite_bild {
		display: none;
	}

	.wiesoislandart_titelseite_bild_mobile {
		display: block;
	}

	.warumislandart_navigation {
		margin-top: 0px;
	}

	.warumislandart_navigation ul {
		display: flex;
		flex-wrap: wrap;
	}

	.warumislandart_navigation ul li:first-child {
		margin-top: 0px;
	}

	.warumislandart_page .services_links {
		border-bottom: 1px #585858 solid;
		padding-top: 40px;
		padding-bottom: 10px;
	}

	.warumislandart_page .services_rechts, .warumislandart_page .services_links, .warumislandart_page .frame-type-dce_dceuid30 {
		width: 100%;
	}

	#uid-242 .fancyfootercontent .services_call_to_action_bottom_box {
		margin-bottom: 20px;
	}

	#uid-242 .news-list-item {
		width: 100%;
	}

	.inspiration_example {
		width: 100%;
	}

	.beispiele a {
		width: 100%;
	}

	.einmitten {
	    padding-left: 30px;
	    padding-right: 30px;
	}

	.head {
	    padding-left: 30px;
	    padding-right: 30px;
	}

	.projektseite_einmitten {
		padding-left: 30px;
		padding-right: 30px;
	}

	.projetk_titel {
		margin-top: 70px;
		margin-bottom: 50px;
	}

	.projekt_lead {
		margin-top: 50px;
    	margin-bottom: 50px;
    	text-align: left;
	}

	#navigation {
		display:none;
	}

	#navigation_mobile_wrap {
		display: block;
	}

	#navigation_only_mobile {
		display: block;
	}

	#burger {
		display: block;
	}

	.bild_wrap .bild{
		width: 100%;
	}

	.bild_wrap {
		display: flex;
		flex-direction: column;
	}

	.text_in_insel {
		margin-top: -40%;
		margin-bottom: ;
	}

	.text_in_insel h1 {
		font-size: 1.5rem;
		line-height: 1.2rem;
	}

	#uid-3 h1 {
		font-size: 1.5rem;
		line-height: 2.0rem;
	}

	.island_video {
	    padding-bottom: 95%;
	}

	.leitsatz_call_to_action_box {
		margin-top: -16%;
		margin-bottom: 10%;
	}

	.philosophie {
		flex-direction: column;
	}

	.philosophie img {
		margin-left:10%;
		margin-right: 5%;
		margin-top:20px;
		margin-bottom:40px;
		width:55%;
	}

	.philosophie h1, .wasistdeineidee h1 {
		margin-top:15px;
		margin-bottom:35px;
		margin-right:10%;
		margin-left: 10%;
		width:80%;
	}

	.supportdrache {
		clear:both;
		padding-top: 30px;
		padding-bottom: 60px;
	}

	.supportdrache h1 {
		clear:both;
		padding-bottom:140px;
		width:75%;
	}

	.supportdrache_bild img {
		clear:both;
		margin-top:-148px;
		width:250px;
		margin-left: 3%;
	}

	.supportdrache_rosabalken {
		margin-top: -26px;
		background-color: #F5A9F2;
		width:100%;
		height:140px;
	}

	.kaffeeeinhorn {
	  	flex-direction: column-reverse;
	}

	.kaffeeeinhorn img {
		margin-top: 00px;
		width:85%;
	}

	.kaffeeeinhorn_box {
		margin-top: 0px;
		margin-bottom: 50px;
		width:85%;
	}

	.listeangebot {
		display: none;
		flex-direction: column;
	}

	#uid-4 .projetk_titel {
		margin-bottom: 70px;
	}

	.listeangebot_liste {
		width: 100%;
		margin-right: 0%;
	}

	.listeangebot_liste_call_to_action_box {
		display: none;
	}

	.listeangebot_liste_call_to_action_box_mobile {
		display: flex;
	}

	.zwei_bilder_nebeneinander_box {
		flex-direction: column;
	}

	.zwei_bilder_nebeneinander_left {
		width:100%;
		padding-right:0px;
	}

	.zwei_bilder_nebeneinander_right {
		width:100%;
		padding-left:0px;
	}

	.projekt_spalten_box {
	    flex-direction: column;
	}

	.projekt_lead {
	    width: 100%;
	    padding-left: 00%;
	    padding-right: 00%;
	}

	.services .services_rechts {
		width: 100%;
	}

	.services .projekt_lead {
		width: 100%;
	}

	.guidlines .guidlines_rechts {
		width: 100%;
	}

	.guidlines .guidlines_lead {
		width: 100%;
	}

	.listeangebot_liste img {
		width: 100%;
	}

	.vierBilderNoSlider div {
		width: 49%;
		margin-bottom: 70px;
		margin-right: 1%;
	}

	.projekt_links {
	    width: 100%;
	}

	.projekt_rechts {
	    width: 100%;
	}

	.newsseite .projekt_mitte, #uid-2 .newsseite .projekt_links, #uid-2 .newsseite .projekt_mitte,  #uid-351 .newsseite .projekt_links, #uid-351 .newsseite .projekt_mitte,  #uid-353 .newsseite .projekt_links, #uid-353 .newsseite .projekt_mitte,  #uid-354 .newsseite .projekt_links, #uid-2354 .newsseite .projekt_mitte, #uid-355 .newsseite .projekt_links, #uid-355 .newsseite .projekt_mitte, #uid-356 .newsseite .projekt_links, #uid-356 .newsseite .projekt_mitte,  #uid-150 .newsseite .projekt_links, #uid-150 .newsseite .projekt_mitte, #uid-249 .newsseite .projekt_mitte, #uid-249 .newsseite .projekt_links  {
		width: 100%;
	}

	.newsseite .projekt_rechts, #uid-2 .projekt_rechts {
		display: block;
	}

	.projekte_navigation ul li {
		clear: both;
		padding-top: 4px;
		padding-bottom: 4px;
		text-align: center;
		width: 100%;	
	}

	.projekte_navigation ul li a {
		text-align: center;
		width: 100%;	
		margin-right: 0px;
    	margin-left: 0px;
	}

	.projekte_navigation ul {
		width: 100%;
	}

	.projekt_abstand_zur_navigation {
		height: 25px;
	}

	.services_foto_links, .services_foto_rechts, .services_film_links, .services_film_rechts  {
		flex-direction: column;
		border-top: 0px;
		padding-top: 0px;
	}

	.services_video, .services_foto {
		width: 100%;
	}

	.services_titel_und_text {
		width: 100%;
		margin-top: 10px;
	}

	.services, .warumislandart_page {
		padding-left: 30px;
		padding-right: 30px;
	} 

	.guidlines {
		padding-left: 30px;
		padding-right: 30px;
	}

	.services_spalten_box {
		flex-direction: column;
	}

	.guidlines_spalten_box {
		flex-direction: column;
	}

	.services .services_links {
	    width: 100%;
	    padding-top: 40px;
    	padding-bottom: 10px;
	    border-bottom: 1px #585858 solid;
	}

	.guidlines .guidlines_links {
	    width: 100%;
	    padding-top: 40px;
    	padding-bottom: 10px;
	    border-bottom: 1px #585858 solid;
	}

	.servcies_navigation {
		margin-top: 0px;
	}

	.guidlines_navigation {
		margin-top: 0px;
	}

	.servcies_navigation ul {
		display: flex;
		justify-content: row;
	}

	.guidlines_navigation ul {
		display: flex;
		justify-content: row;
	}

	.servcies_navigation ul li:first-child {
	    margin-top: 0px;
	}

	.guidlines_navigation ul li:first-child {
	    margin-top: 0px;
	}

	.beispiele {
		margin-bottom: 60px;
		flex-direction: column;
	}

	.beispiele .beispiel1_link {
		display: block;
	}

	.beispiele img {
		display: block;
	}

	.beispiele_bilder {
		display: none;
	}

	.beispiel1 {
		margin-bottom: 60px;
		width:100%;
	}

	.beispiel2 {
		margin-bottom: 40px;
		width:100%;
	}

	.devinition_langzeitsupport {
		flex-direction: column;
	}

	.devinition1, .devinition2, .devinition3, .devinition4  {
		margin-top: 50px;
		width: 100%;
		margin-left:0%;
	}

	.agentur_insel {
		width:95%;
		flex-direction: column;
		padding-left: 15px;
	}

	.agentur_insel img {
		width:100%;
	}

	.wir_sind_islandart {
		flex-direction: column;
	}

	.wir_sind_islandart_left, .wir_sind_islandart_right {
		width:100%;
	}

	.teammitglied_box {
		margin-top:40px;
		margin-bottom:70px;
		flex-direction: column;
	}

	.teammitglied {
		width:100%;
		margin-right:2%;
		margin-bottom: 60px;
	}

	.footer {
		flex-direction: column;
  		align-items: flex-start;
	    justify-content:  flex-start;
	} 

	.kontakt_spalten_box {
		flex-direction: column;
	}

	.kontakt_links {
		width:100%;
	}

	.kontakt_rechts {
		width:100%;
	}

	.news_spalten_box {
		display: flex;
		flex-direction: column;
	}

	.news_links {
		width:100%;
	}

	.news_mitte {
		width:100%;
	}

	.news_rechts {
		display: none;
	}

	.newsseite {
		padding-left: 30px;
		padding-right: 30px;
	}

	.newsseite .projekt_links, #uid-2 .projekt_links, #uid-150 .projekt_links {
		width:100%;
		border-bottom: 1px #585858 solid;
		padding-top: 40px;
		padding-bottom: 20px;	
		margin-bottom: 40px;
	}

	.newsseite .projekt_rechts, #uid-2 .projekt_rechts, #uid-150 .projekt_rechts {
		width: 100%;
	}

	.news ul li{
		float: left;
		margin-right: 15px;
	}

	.folge_uns {
		padding-top: 10px;
		width: 100%;
	}

	.news_drache {
		display: none;
	}

	.page-navigation {
		margin-top: 30px;
		padding-bottom:130px;
	}

	.news-list-view {
		flex-direction: column;
	}

	.news-list-item {
		width:100%;
		margin-right: 0%;
	}

	.webreferenztext div {
    	width: 100%;
    }

    .webreferenztext {
       flex-direction: column;
    }

	.saebelzahntiger div:first-child {
		width: 550px;
	}

	.text_saebelzahntieger {
		width: 207px;
	}

	.saebelzahntiger h2 {
		margin-top: -144px;
		margin-bottom: 118px;
		font-size: 1rem;
		line-height: 1.1rem;
	}

	.footer {
		padding-left:30px;
		padding-right:30px;
	} 

	#domain-nav {
		display:none;
	}

	#navigation_in_domain {
		display: none;
	}

	#navigation_in_domain_mobile div {
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}

	#domain-nav_mobile {
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}

	#navigation_mobile a {
		font-size: 1rem;
		line-height: 2.5rem;
	}

	#grauer-balken-binaplayer #navigation_mobile a, #grauer-balken-succeed #navigation_mobile a {
		color: #000000; 
	}

	#grauer-balken-binaplayer #navigation_mobile a:hover, #grauer-balken-succeed #navigation_mobile a:hover {
		color: #ffffff; 
	}

	.linie {
		width: 100%;
		height: 1px;
		background-color: #000000;
		margin-bottom: 10px;
	}	

	.linie_2 {
		width: 100%;
		height: 1px;
		background-color: #000000;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	#linie_islandart_gmbh {
		background-color: #848484;
	}

	.langmenu_2 {
		margin-right: 0px;
	}

	.language {
		display: block;
	}

	.language li {
		display: flex;
		justify-content: flex-end;
		text-align: right;
	}

	#domain-nav-gmbh {
		display: none;
	}
}


/*------ Fenstergrösse max 630px --------------------------------- */

@media (max-width: 630px) { 

	.saebelzahntiger {
		display: none;
	}

	.saebelzahntiger_mobile  {
		display: block;
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.saebelzahntiger_mobile div:first-child {
		display: block;
		width: 400px;
		margin-top: 250px;
		margin-bottom: -30px;
	}

	.text_saebelzahntieger {
		width: 207px;
	}

	.saebelzahntiger_mobile div h2 {
		margin-top: -204px;
		margin-bottom: 164px;
		font-size: 1rem;
		line-height: 1.1rem;
		text-align: center;
		padding-left: 40px;
		width: 160px;
	}
}

/*------ Fenstergrösse max 480px --------------------------------- */


@media (max-width: 480px) { 
	
	.wrap_buttons_head_landingpage {
		flex-direction: column;
	}
	
	.services_call_to_action_bottom_box:first-of-type {
		margin-right: 0px;
	}
	
	.vierBilderNoSlider div {
		width: 100%;
		margin-bottom: 50px;
		margin-right: 0%;
	}

	.landingpage .wrap_landingpage_text {
		margin-top: 70px;
		padding-top: 40px;
		padding-bottom: 40px;
		background-color: #ffffff;
		width: 100%;
		padding-left: 35px;
		padding-right: 35px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		margin-right: 0%;
		display: flex;
		flex-direction: column;
	}

}

/*------ Fenstergrösse max 450px --------------------------------- */

@media (max-width: 450px) { 

	#uid-242 .services_call_to_action_bottom_box, #uid-242 .warum_wrap .services_call_to_action_bottom_box {
		justify-content: center;
	}

	.island_video iframe {
		width: 150%;
		margin-left: -23%;
	}

	.text_in_insel {
		margin-top: -120px;
		padding-top: 40px;
		padding-bottom: 20px;
		background-color: #92e8bd;
		margin-bottom: 0px;
	}

	.text_in_insel h1 {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}

	.helfendes_einhorn img{
		display: block;
		width: 250px;
		margin-top: 100px;
		margin-left: auto;
		margin-right: auto;
	}

	.helfendes_einhorn h2{
		font-size: 1.0em;
		line-height: 2rem;
		margin-top: -260px;
		margin-bottom: 260px;
	}

	.island_video {
	    padding-bottom: 95%;
	}

	.leitsatz_call_to_action_box {
		margin-top: -10%;
		margin-bottom: 10%;
	}

	.saebelzahntiger_mobile {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.saebelzahntiger_mobile div:first-child {
		display: block;
		width: 270px;
		margin-top: 160px;
		margin-bottom: -30px;
	}

	.saebelzahntiger_mobile div h2 {
		margin-top: -148px;
		margin-bottom: 116px;
		font-size: 1rem;
		line-height: 1.1rem;
		text-align: center;
		padding-left: 22px;
		width: 130px;
	}

	#c1412, #c1415 {
	 	padding-top: 40px;
	 	height: 390px;
		background-size: 870px;
		background: no-repeat center;
	}

	#c1412 .tx-felogin-pi1, #c1415 .tx-felogin-pi1 {
		margin-right: 5%;
		width: 200px;
	}

	#services_bottom_succeed .helfendes_einhorn h2 {
		font-size: 1.1rem;
		line-height: 2.1rem;
	}

	#services_bottom_kurzgeschichten .helfendes_einhorn h2 {
		font-size: 1.1rem;
		line-height: 2.1rem;
	}

	#services_bottom_binaplayer .helfendes_einhorn h2 {
		font-size: 1.1rem;
		line-height: 2.1rem;
	}

}

/* -- CSS ns_instagram ---------------------------- */

.nsinstagram-v1apiview .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    grid-gap: 1rem;
}


/* -- Galerie ---------------------------- */


#galerie_spalte1 .galerie_spalte1 {
  display: block;
}

#galerie_spalte1 .galerie_spalte2 {
  display: none;
}

#galerie_spalte1 .galerie_spalte3 {
  display: none;
}

#galerie_spalte2 .galerie_spalte1 {
  display: none;
}

#galerie_spalte2 .galerie_spalte2 {
  display: block;
}

#galerie_spalte2 .galerie_spalte3 {
  display: none;
}

#galerie_spalte3 .galerie_spalte1 {
  display: none;
}

#galerie_spalte3 .galerie_spalte2 {
  display: none;
}

#galerie_spalte3 .galerie_spalte3 {
  display: block;
}


#galerie_spalte1, #galerie_spalte2, #galerie_spalte3 {
  width: 32%;
  float: left;
}

#galerie_spalte1, #galerie_spalte2 {
  margin-right: 10px;
}

.galerie_ueberschrift {
  clear:both;
  width: 100%;
  padding-top: 70px;
  clear:both;
}

.bildgallery {
	cursor: pointer;
}

.content .pswp__caption__center {
	font-style: normal;
	font-family: 'Raleway';	
	font-weight: 300;
	font-size:1rem;
	line-height: 1.45rem;
	color: #000000;
}


/* -- Kameramann mit Equipment ---------------------------- */


#uid-349 .dce h2 {
	text-align: center;
	font-size: 2rem;
	line-height: 2.4rem;
	margin-bottom: 5px;
}