/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	font-family: 'Repo-Regular';
}

.ui-widget {
    font-family: 'Repo-Regular' !important;
}

.ganz {
	width: 100%;
}

.mass {
	width: 1440px;
	margin: 0 auto;
}

.fleft {
	float: left;
}

.reihe ul li {
	display: inline-block;
}

.keinkugel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.oben {
	margin-top: 10px;
}

.unten {
	margin-bottom: 10px;
}



.unten20 {
	margin-bottom: 20px;
}

.oben20 {
	margin-top: 20px;
}

.oben30 {
	margin-top: 30px;
}

.oben40 {
	margin-top: 40px;
}

.oben60 {
	margin-top: 60px;
}

.oben-linie {
	background: url('../img/1_top-hg.png')repeat-x top left;
	min-height: 54px;
	padding: 2px 0;
	z-index: 99;
}

.sf-menu a.haus {
	font-size: 0px;
	display: inline-block;
	width: 45px;
	height: 40px;
	background: url('../img/1_Haus.png')no-repeat top left;
	background: url('../img/1_Haus.svg')no-repeat top left;
	padding-right: 20px;
	line-height: 1px !important;
	padding-top: 10px !important;
}

.sf-menu a.haus:hover {
	background: url('../img/1_Haus-oben.png')no-repeat top left;
	background: url('../img/1_Haus-oben.svg')no-repeat top left;
}

.sf-menu a.kastingi {
	border: 1px solid #72af44;
}


.usermenue {
	margin-top: 15px;
}

.usermenue ul li a, .register a, .kastingmenue ul li a,
.aussicht-aktivitaete a, .mehr-lesen a, a.feed-icon {
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: 0.3s all ease;
	line-height: 2.4em
}

.registration-packungen.vier .register a {
	padding: 7px 10px;
	line-height: 2.4em
}

.usermenue ul li a.register,
.usermenue ul li a.login:hover,
.register a:hover, .kastingmenue ul li a:hover,
.aussicht-aktivitaete a:hover,
.mehr-lesen a:hover,
.kastingmenue ul li a,
a.feed-icon:hover {
	background: #b6bbbb;
	color: #000;
}



.register {
	text-align: center;
	margin-top: 20px;
}

.kunde .register {
	margin-top: 0px;
}

.kastingmenue ul li {
	margin-right: 10px;
}

.kasting-bild {
	width: 48%;
	margin-right: 2%;
}

.kasting-bild-klein {
	width: 250px;
	margin-right: 20px;
}

.kasting-bild img {
	width: 100%;
	height: auto;
}

.kasting-info {
	width: 48%;
}

.kasting-info-klein {
	width: 70%;
}

.inhalt .kasting-info-klein h3 {
	text-align: left;
}

.inhalt .kasting-info h3 {
	text-align: left;
	margin-bottom: 10px;
}

strong, .kasting-info label,
.kasting-info .field__label,
.eigenschaften label,
.artist-info-ganz .field__label {
	font-family: 'Repo-Medium';
}

.kasting-info .field__label,
.artist-info-ganz .field__label {
	float: left;
	margin-right: 5px;
}



#node-comment {
	clear: both;
	float: left;
	/*margin-top: 10px;*/
	width: 100%;
}

.sehen-sie-mehr a, .bewerben-sie-sich a,
.profile-hinweis .taxonomy-term a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	padding: 5px 10px 5px 45px;
	transition: 0.3s all ease;
}

.profile-hinweis {
	width: 38%;
}

.infodata {
	color: red;
	padding: 10px;
	border: 1px solid red;
	display: none;
}

.bewerben-sie-sich h2 {
	display: none;
}

.sehen-sie-mehr a, .bewerben-sie-sich a:hover {
	background-color: #37424a;
	color: #fff;
}

.sehen-sie-mehr a, .profile-hinweis .taxonomy-term a {
	background: url('../img/1_Auge.png')0 3px no-repeat;
	background: url('../img/1_Auge.svg')0 3px no-repeat;
	background-color: #37424a;
	color: #fff;
}

.sehen-sie-mehr.casting a {
	padding: 7px 10px 7px 45px;
	background: url('../img/1_Sprecher.png')0 3px no-repeat;
	background: url('../img/1_Sprecher.svg')0 3px no-repeat;
	background-color: #37424a;
	color: #fff;
}

.profile-hinweis .sehen-sie-mehr a:hover, .sehen-sie-mehr.casting a:hover,
.profile-hinweis .taxonomy-term a:hover {
	background-color: #37424a;
	color: #fff;
}

.profile-hinweis .sehen-sie-mehr a,
.profile-hinweis .taxonomy-term a {
	background-color: #72af44;
	color: #fff;
}

.sehen-sie-mehr a:hover,  .bewerben-sie-sich a {
	background-color: #72af44;
	color: #fff;
} 

.bewerben-sie-sich a {
	background: url('../img/1_Daumen.png')3px 3px no-repeat;
	background: url('../img/1_Daumen.svg')3px 3px no-repeat;
	background-color: #72af44;
	color: #fff;
	padding: 5px 10px 5px 40px;
}

.datum-und-rolle {
	width: 98%;
	padding: 2%;
	background: #e4e5e5;
}

.comments-data {
	width: 100%;
	padding: 1% 2%;
	background: #e0e96e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
}

.kasting-info p {
	margin: 0;
}

.kasting-reihe {
	float: left;
	width: 100%;
	margin: 30px 0;
}

.kastingmenue ul {
	margin-top: 20px;
}

.usermenue ul li {
	margin-right: 10px;
} 

.usermenue ul li:nth-child(3) {
	margin-right: 0px;
} 

.usermenue ul li a.register:hover,
.usermenue ul li a.login, .register a,
.kastingmenue ul li a.is-active, .aussicht-aktivitaete a,
.usermenue ul li a.register.is-active,
.mehr-lesen a, .kastingmenue ul li a:hover,
a.feed-icon {
	background: #72af44;
	color: #fff;
} 

.mehr-lesen {
	float: left;
	margin: 10px 0px 0px 10px;
}

.mehr-lesen a {
	font-size: 0.9em;
	
}

a, .ui-widget-content a {
	text-decoration: none;
	color: #72af44;
}


a:hover, .ui-widget-content a:hover {
	color: #37424a;
}

.comment-info {
	width: 48%;
	float: right;
}

.inhalt .comment-data h3,
.inhalt .comment-info h3 {
	text-align: left;
	margin-bottom: 10px;
}

#node-comment .pager__items {
	display: none;
}

.comment-form em {
	display: none;
}

.fotos-herunterladen li {
	padding: 5px 0px 5px 30px;
	background: url('../img/1_File.png')no-repeat 0 0;
	background: url('../img/1_File.svg')no-repeat 0 0;
}

.fotos-herunterladen li:hover {
	background: url('../img/1_File-oben.png')no-repeat 0 0;
	background: url('../img/1_File-oben.svg')no-repeat 0 0;
}

.fright {
	float: right;
}

.usermenue ul li a.cart {
	font-size: 0;
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url('../img/1_cart.png')no-repeat 0 0;
	background: url('../img/1_cart.svg')no-repeat 0 0;
	line-height: 35px;
}

.usermenue ul li a.cart:hover {
	background: url('../img/1_cart-oben.png')no-repeat 0 0;
	background: url('../img/1_cart-oben.svg')no-repeat 0 0;
} 

.zentrum {
	text-align: center;
}

.rel {
	position: relative;
}

.abs {
	position: absolute;
}

.banner-bild {
	z-index: -1;
}

.fix {
	position: fixed;
}

.logo {
	top: 200px;
	left: 200px;
	/*background: #fff;
	 border-radius: 50%;
	 width: 135px;
	 height: 145px;
	 padding-left: 15px;
	 padding-top: 5px;*/
	 transition: 0.3s all ease;
	 z-index: 99;
}

.natfiz-logo {
 transition: 0.3s all ease;
 z-index: 99;
  top: 200px;
  right: 200px;
}

.empfehlungs-bild {
	float: left;
	margin-right: 20px;
}

/*.logo img {
	width: 100px;
	height: auto;
}*/

.banner.inner .logo {
	top: 130px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0;
}

.slogan {
	font-family: 'Caveat', cursive;
	color: #fff;
	top: 300px;
	text-shadow: 2px 2px #000;
	font-size: 1.2em;
}

.banner.inner .slogan {
	top: 180px;
}

.infoblock {
	width: 45%;
	text-align: center;
	margin-right: 3%;
	color: #37424a;
	display: inline-block;
	transition: 0.3s all ease;
	float: left;
}

.video-reihe {
	width: 30%;
	text-align: center;
	margin-right: 3%;
	display: inline-block;
}

.video-reihe img {
	max-width: 100%;
	height: auto;
}

.video-reihe.inner {
	width: 45%;
}

.video-reihe h3 {
	margin: 10px;
	color: #37424a;
	font-size: 1.2em;
}

.video-reihe.inner iframe {
	width: 100%;
}

.infoblock a {
	color: #37424a;
}

.infoblock:hover {
	box-shadow: 3px 3px 3px #37424a;
}

.front-block  {
	float: left;
	width: 100%;
}

.front-block h2 {
	margin-bottom: 20px;
	font-family: 'Repo-Medium';
	color: #37424a;
	text-align: center;
}

.grau-linie {
	background: #e4e5e5;
	padding: 45px 0;
}

.empfehlugs-reihe {
	width: 40%;
	/*display: inline-block;*/
	float: left;
	
}

.empfehlugs-reihe .content,
.empfehlugs-reihe .block-content  {
	height: 500px;
	overflow: auto;
}

.empfehlugs-reihe.clients {
	float: right;
}

.vertical-handle {
    width: 8px;
    background-color: #72af44;
    position: relative;
    left: 1px;
    top: 5px;
    height: 60px !important;
}

.vertical-track {
    width: 10px;
    background-color: #c8cbca;
    right: -30px;
}

.jspDrag {
    background-color: #72af44;
 
}

.jspTrack {
	background-color: #c8cbca;
    position: relative;
	width: 10px;
}

.jspVerticalBar {
	width: 10px;
}

.ninety {
	width: 96%;
}

.artikel-reihe {
	display: inline-block;
	float: left;
	width: 450px;
	color: #37424a;
	background: #fff;
	margin-right: 28px;
	border: 1px solid #c8cbca;
	padding-bottom: 20px;
}

.inhalt .artikel-reihe {
	margin-bottom: 28px;
}

.artikel-info {
	width: 96%;
	padding: 2%;
	text-align: justify;
}

.schluss {
	padding: 45px 0;
	background: #37424a;
	color: #fff;
}

.schluss a {
	color: #fff;
}

.footer-reihe h2 {
	margin-bottom: 15px;
	font-family: 'Repo-Medium';
	font-size: 1.2em;
}

.footer-reihe  {
	float: left;
	width: 18%;
	margin-right: 2%;
}



.footer-reihe.last {
	float: right;
	margin-right: 0;
}

.footer-reihe ul li a {
	font-size: 1.1em;
	transition: 0.3s all ease;
}
.footer-reihe ul li a:hover, .unteres-menue ul li a:hover,
.footer-reihe ul li a.is-active, .unteres-menue ul li a.is-active {
	color: #b6bbbb;
}

.unteres-menue ul li {
	margin-right: 5px;
	border-right: 1px solid #fff;
	padding: 0 5px 0px 3px;
}

.unteres-menue ul li a {
	padding: 0 5px 0px 3px;
	
}

.unteres-menue ul li a {
	transition: 0.3s all ease;
}

.soziel ul li {
	margin-right: 2px;
}

.soziel ul li a {
	display: inline-block;
	width: 37px;
	height: 37px;
	font-size: 0;
}

.soziel ul li a.fb {
	background: url('../img/1_fb.png')no-repeat 0 0;
	background: url('../img/1_fb.svg')no-repeat 0 0;
}

.soziel ul li a.fb:hover {
	background: url('../img/1_fb-oben.png')no-repeat 0 0;
	background: url('../img/1_fb-oben.svg')no-repeat 0 0;
}

.soziel ul li a.yt {
	background: url('../img/1_yt.png')no-repeat 0 0;
	background: url('../img/1_yt.svg')no-repeat 0 0;
}


.soziel ul li a.yt:hover {
	background: url('../img/1_yt-oben.png')no-repeat 0 0;
	background: url('../img/1_yt-oben.svg')no-repeat 0 0;
}

.soziel ul li a.ld {
	background: url('../img/1_ld.png')no-repeat 0 0;
	background: url('../img/1_ld.svg')no-repeat 0 0;
}

.soziel ul li a.ld:hover {
	background: url('../img/1_ld-oben.png')no-repeat 0 0;
	background: url('../img/1_ld-oben.svg')no-repeat 0 0;
}

.soziel ul li a.in {
	background: url('../img/1_in.png')no-repeat 0 0;
	background: url('../img/1_in.svg')no-repeat 0 0;
}

.soziel ul li a.in:hover {
	background: url('../img/1_in-oben.png')no-repeat 0 0;
	background: url('../img/1_in-oben.svg')no-repeat 0 0;
}

.soziel ul li a.tt {
	background: url('../img/1_tt.png')no-repeat 0 0;
	background: url('../img/1_tt.svg')no-repeat 0 0;
}

.soziel ul li a.tt:hover {
	background: url('../img/1_tt-oben.png')no-repeat 0 0;
	background: url('../img/1_tt-oben.svg')no-repeat 0 0;
}

.banner img {
	/*max-width: 100%;*/
	width: 100%;
	height: auto;
}

.artikel-reihe img {
	max-width: 100%;
	height: auto;
	transition: transform .5s; 
}

.artikel-bild {
	width: 450px;
	height: 250px;
	overflow: hidden;
}

.artikel-reihe img:hover {
	transform: scale(1.5); 
}

.unter-dem-schluss {
	padding-top: 10px;
	border-top: 1px solid #c8cbca;
}

.copyright {
	padding: 10px 0;
	background: #c8cbca;
	color: #808083;
	font-family: 'Repo-Light';
}

.nichtbewegen p {
	margin: 0;
}

#back-top {
	position: fixed;
	bottom: 160px;
	right: 15px;
}

#back-top a {
	display: block;
	font-size: 0px;
	width: 65px;
	height: 65px;
	background: url('../img/1_scroll.png');
	background: url('../img/1_scroll.svg');
}

.inhalt h2, .inhalt h3,  .inhalt h1 {
	text-align: center;
	color: #37424a;
}

 .inhalt h1 {
	 font-size: 1.6em;
 }

.inhalt .artikel-reihe h3 {
	text-align: left;
	color: #72af44;
}

.inhalt .artikel-reihe h3:hover {
	color: #37424a;
}

.inhalt h2 {
	margin-bottom: 10px;
	font-family: 'Repo-Medium';
	font-size: 1.4em;
}

.mass2 {
	width: 800px;
	margin: 0 auto;
}

.mass3 {
	width: 800px;
	margin: 0 auto;
}

.dienst-reihe {
	float: left;
	width: 300px;
	margin-top: 60px;
}

.bx-wrapper .dienst-reihe {
	margin-top: 0px;
	text-align: center;
	padding-bottom: 20px;
}

.dienst-reihe:last-child {
	float: right;
}

.dienst-reihe.klein:last-child {
	float: left;
}	

.form-reihe {
	width: 100%;
	float: left;
	margin: 10px 0;
}



.form-reihe select {
	max-width: 280px;
	clear: left;
}

.form-reihe label, .form-reihe legend {
	display: block;
	margin-bottom: 5px;
}

.form-reihe.labelleft label {
	display: inline-block;
}



.form-halter {
	width: 40%;
}

.registration-packungen .form-halter {
	width: 100%;
}


.dienst-reihe.klein, .schauspieler-reihe  {
	float: left;
	width: 30%;
	margin-right: 3%;
	min-height: 400px;
}

.schauspieler-reihe h3 {
	font-family: 'Repo-Medium';
	font-size: 1.3em;
}

.schauspieler-reihe {
	margin-top: 60px;
}



.dienst-reihe h3 {
	margin-bottom: 20px;
	/*width: 250px;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;*/
}

.link-nach-oben a {
	font-family: 'Repo-Medium';
	padding-top: 20px;
	background: url('../img/1_pfeil-nach-oben.png')top center no-repeat;
	background: url('../img/1_pfeil-nach-oben.svg')top center no-repeat;
}

.link-nach-oben a:hover {
	background: url('../img/1_pfeil-nach-oben-oben.png')top center no-repeat;
	background: url('../img/1_pfeil-nach-oben-oben.svg')top center no-repeat;
}

.dienst-bild {
	margin-bottom: 10px;
	text-align: center;
}

.dienst-bild img {
	border-radius: 50%;
	width: 300px;
	margin-bottom: 10px;
	transition: 0.3s all ease;
	margin: 0 auto;
}

.benutzer-bild img {
	border-radius: 50%;
}

.benutzer-bild {
	margin-top: 8px;
}

.dienst-bild.klein img {
	width: 220px;
}

.dienst-bild img:hover {
	opacity: 0.7;
}

.unter-dem-inhalt {
	border-top: 1px dotted #99a0a3;
	padding-top: 10px;
}

.kunde-reihe {
	float: left;
	margin: 30px 30px 0px 0px;
}

.kunde-reihe img {
	transition: 0.3s all ease;
}

.kunde-reihe img:hover {
	box-shadow: 3px 3px 3px #5e6a71;
}

.dienst-info ul li, .artist-info ul li {
	list-style: none;
	background: url('../img/1_pfeil-nach-links-klein.png')no-repeat 0px 7px;
	background: url('../img/1_pfeil-nach-links-klein.svg')no-repeat 0px 7px;
	padding: 5px 0px 10px 20px;
}

.exposed-widget, .grau-linie form .js-form-item	 {
	display: inline-block;
	margin-right: 15px;
	float: left;
	margin-bottom: 10px;
}


#edit-field-geburtsdatum-value-wrapper--2.js-form-item,
#edit-field-geburtsdatum-value-wrapper--2 .js-form-item-field-geburtsdatum-value-max {
	margin-right: 10px;
}

.suchen-block .exposed-widget {
    margin-right: 13px;
	margin-top: 10px;
}

.exposed-widget label, .grau-linie form .js-form-item label {
	display: block;
	margin-bottom: 10px;
	color: #37424a;
	font-family: 'Repo-Medium';
	font-size: 0.9em;
}

.grau-linie form .js-form-item legend  {
	color: #37424a;
	font-family: 'Repo-Medium';
	font-size: 0.9em;
}

.exposed-widget input[type="text"],
.exposed-widget input[type="search"],
.exposed-widget select, 
.grau-linie select, 
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
textarea, 
.chosen-search-input,
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #808083;
	background: #fff;
}

input.error {
	border: 1px solid red;
}

.description {
	font-size: 0.9em;
}

.views-exposed-form #edit-field-nomer-obuvki-value--2,
.views-exposed-form #edit-field-visochina-value-1--2,
.views-exposed-form #edit-field-visochina-value-1,
.views-exposed-form #edit-field-visochina-value,
.views-exposed-form #edit-field-visochina-value--2,
.views-exposed-form #edit-field-godini-value--2,
.views-exposed-form #edit-field-godini-value,
.views-exposed-form #edit-field-godini-value-1--2,
.views-exposed-form #edit-field-godini-value-1,
.views-exposed-form  #edit-field-nomer-obuvki-value {
	max-width: 40px;
}





.exposed-widget input[type="submit"],
.exposed-widget input[type="button"],
.grau-linie .form-actions input[type="button"],
.grau-linie .form-actions input[type="submit"] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px;
	background: url('../img/1_Lupe.png')0 0 no-repeat;
	background: url('../img/1_Lupe.svg')0 0 no-repeat;
	font-size: 0;
	background-color: #72af44;
	color: #fff;
	border: none;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: 25px;
	transition: 0.3s all ease;
}


.exposed-widget input[type="submit"]:hover,
.exposed-widget input[type="button"]:hover {
	background: url('../img/1_Lupe.png')0 0 no-repeat;
	background: url('../img/1_Lupe.svg')0 0 no-repeat;
	background-color: #5e6a71;
	cursor: pointer;
}

input[type="submit"],
input[type="button"],
a.link--previous {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px;
	background-color: #72af44;
	color: #fff;
	border: none;

}	

.single-comment-content ul li {
	list-style: none;
}

.comments input[type="submit"],
.comments input[type="button"] {
	clear: both;
	float: left;
	margin-top: 20px;
}

input[type="submit"]:hover,
input[type="button"]:hover,
a.link--previous:hover {
	background-color: #5e6a71;
	cursor: pointer;
}

.artikel-datum {
	color: #37424a;
	font-family: 'Repo-Light';
}

.datum-und-bild {
	width: 46%;
}

.artikel-bild-ganz img {
	max-width: 100%;
	height: auto;
}

.faehigkeiten .field {
	color: #000;
	margin: 0px 0;
	padding: 13px 0px 13px 55px;
}

.bildung {
	background: url('../img/Bildung.svg') 5px 0 no-repeat;
}

.geshlechter {
	background: url('../img/Geschlechter.svg') 0px 0 no-repeat;
}

.die-hohe {
	background: url('../img/Linie.svg') 0px 0 no-repeat;
}

.geburtsdatum {
	background: url('../img/Sanduhr.svg') 5px 0 no-repeat;
}

.exposed-filters .augenfarbe {
	background: none;
}

.augenfarbe {
	background: url('../img/kleines-Auge.svg') 5px 0 no-repeat;
}

.haarenfarbe {
	background: url('../img/Schere.svg') 5px 0 no-repeat;
}

.schuenummer {
	background: url('../img/Abdruck.svg') 5px 0 no-repeat;
}

.kleidungsnummer {
	background: url('../img/Das_Etikett.svg') 5px 0 no-repeat;
}

.artikel-info-ganz {
    margin-top: 20px;
    width: 52%;
    text-align: justify;
}

.tags .field-reihe {
	display: inline-block;
	margin-right: 10px;
}

.tags .field-reihe a, .tags ul li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	background-color: #72af44;
	padding: 5px 10px;
	font-size: 0.9em;
	transition: 0.3s all ease;
}

.tags ul li {
	margin: 0px 5px 20px 0px;
}

.tags .field-reihe a:hover, .tags ul li a:hover {
	background-color: #5e6a71;
}

.bx-wrapper .artikel-reihe {
    width: 30%;
	margin-right: 0%;
}

.textright {
	text-align: right;
}

/*.dienst-info, .artist-info {
	height: 450px;
}*/

.zurueck a {
	padding: 3px 0px 3px 25px;
	background: url('../img/1_Pfeil-nach-links-gruen-klein.png')no-repeat 0 5px;
	background: url('../img/1_Pfeil-nach-links-gruen-klein.svg')no-repeat 0 5px;
}

.zurueck a:hover {
	background: url('../img/1_Pfeil-nach-links-grau-klein.png')no-repeat 0 5px;
	background: url('../img/1_Pfeil-nach-links-grau-klein.svg')no-repeat 0 5px;
}

.artist-reihe {
	width: 470px;
	float: left;
	/*margin: 0px 15px 20px 15px;*/
	margin: 0px 20px 20px 20px;
}

.artist-bild {
	border: 1px solid #c8cbca;
	height: 680px;
	overflow: hidden;
}

.artist-bild img {
	width: 100%;
	height: auto;
	 transition: transform .5s; /* Animation */
}

.artist-bild img:hover {
	transform: scale(1.5);
}

.inhalt .mass2 h3 {
	margin-bottom: 10px;
}


.packung-reihe {
	float: left;
	margin-right: 20px;
	width: 280px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.registration-packungen.kleine .packung-reihe {
	width: 21%;
	margin-left: 1%;
	margin-bottom: 2%;
}

.registration-packungen {
	width: 42%;
	margin-left: 2%;
	margin-top: 0%;
	padding-top: 5%;
}

.registration-packungen.kleinmargin {
	margin-top: 20px;
	padding-top: 10px;
}

.hilfs-dateien {
    width: 45%;
    margin-right: 3%;
}

.hilfs-video iframe {
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 100%;
	padding-top: 20px;
}

.inhalt .faq-dateien h3 {
	text-align: left;
	padding: 7px 0px 7px 35px;
	font-size: 1.3em;
}

.ui-accordion-header {
	background: #e4e5e5;
	border-bottom: 1px solid #fff;
	position: inherit !important;
}

.inhalt .faq-dateien h3.ui-accordion-header-collapsed  {
	background: url('../img/1_gruener-pfeil-nach-rechts.png')5px center no-repeat;
	background: url('../img/1_gruener-pfeil-nach-rechts.svg')5px center no-repeat;
	background-color: #e4e5e5;
}

.ui-accordion-header-active {
	background: url('../img/1_grauer-pfeil-nach-unten.png')5px center no-repeat;
	background: url('../img/1_grauer-pfeil-nach-unten.svg')5px center no-repeat;
	background-color: #e4e5e5;
}

.zentered {
	margin: 0 auto;
	display: block;
}

.infoblock.zentered {
	float: none;
	display: block;
}


.packungs-haupt {
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	/*min-height: 100px;*/
	text-align: center;
	color: #fff;
	padding-bottom: 20px;
	min-height: 90px;
}

.packungs-info h3 {
	padding-bottom: 5px;
	border-bottom: 1px solid #c8cbca;
	width: 90%;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 1em;
	line-height: 1.6em;
}

.packungs-info h4 {
	margin-top: 5px;
	font-size: 0.9em;
	font-family: 'Repo-Medium';
}

.packungs-haupt h4, .packungs-haupt h5  {
	font-family: 'Repo-Medium';
	line-height: 0.5em;
}

.packungs-haupt h4 {
	font-size: 1.3em;
}

.packungs-haupt h5 {
	font-size: 1.1em;
}

.inhalt .packungs-haupt h3  {
	font-family: 'Repo-Medium';
	font-family: 'Repo-Bold';
	font-size: 1.6em;
	color: #fff;
	line-height: 1em;
	padding: 10px 0px 0px 0px;
}

.inhalt .packungs-haupt h3 ul li {
	font-family: 'Repo-Bold';
}

.inhalt .packungs-haupt h3 ul li:first-child {
	font-family: 'Repo-Medium';
}

.inhalt .packungs-haupt h3 ul li:first-child:after {
	content: ' / ';
	margin-right: 10px;
}

.groesser {
	font-size: 1.2em;
}

.hidefirst ul li:first-child:before {
	content: '(';
}
.hidefirst ul li:first-child:after {
	content: ')';
}

.hidefirst ul li:last-child {
	display: none;
}

.packungs-haupt.gruen, .packung-reihe.first .packungs-haupt {
	/*background: url('../img/1_Artisti-bg.png')center 5px no-repeat;
	background: url('../img/1_Artisti-bg.svg')center 5px no-repeat;*/
	background-color: #72af44;
	
}

.registration-packungen.vier  .packung-reihe.even .packungs-haupt {
	background-color: #eea340;
}


.registration-packungen.vier  .packung-reihe.odd .packungs-haupt {
	background-color: #e24136;
}

.registration-packungen.vier  .packung-reihe.first .packungs-haupt {
	background-color: #72af44
}

.registration-packungen.vier  .packung-reihe.last .packungs-haupt {
	background-color: #63b1e5;
}

.inhalt .registration-packungen.vier .packung-reihe.last  .packungs-haupt h3 {
	color: #63b1e5;
}

.packungs-haupt.klienti.gruen {
	background: url('../img/1_Klienti-bg.png')center 5px no-repeat;
	background: url('../img/1_Klienti-bg.svg')center 5px no-repeat;
	background-color: #72af44;
}

.packungs-haupt.orange, .packung-reihe.even .packungs-haupt {
	/*background: url('../img/1_Artisti-bg.png')center 5px no-repeat;
	background: url('../img/1_Artisti-bg.svg')center 5px no-repeat;*/
	background-color: #eea340;
}

.registration-packungen.vier .packung-reihe {
	  float: left;
	  margin-right: 15px;
	  width: 230px;
	  margin-left: 15px;
	  margin-bottom: 20px;
}

.packungs-haupt.klienti.orange {
	background: url('../img/1_Klienti-bg.png')center 5px no-repeat;
	background: url('../img/1_Klienti-bg.svg')center 5px no-repeat;
	background-color: #eea340;
}


.packungs-haupt.rot, .packung-reihe.last .packungs-haupt  {
	/*background: url('../img/1_Artisti-bg.png')center 5px no-repeat;
	background: url('../img/1_Artisti-bg.svg')center 5px no-repeat;*/
	background-color: #e24136;
}

.packungs-haupt.marone {
	background: url('../img/1_Artisti-bg.png')center 5px no-repeat;
	background: url('../img/1_Artisti-bg.svg')center 5px no-repeat;
	background-color: #b2541a;
}

.packungs-info {
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border: 1px dotted #c8cbca;
	padding: 0 0 10px 0;
}

.packungs-preis {
	font-family: 'Repo-Bold';
	font-size: 2em;
}

.kastingmenue ul {
	text-align: center;
}

.bewerbers-name {
	margin-top: 5px;
}

.bewerbers-reihe {
	float: left;
	width: 13%;
	text-align: center;
	margin: 1% 1% 1% 0;
	/*margin-right: 1%;
	margin-bottom: 2%;*/
	min-height: 250px;
}

.bewerbers-bild img, .empfehlungs-bild img {
	border-radius: 50%;
	border: 1px solid #c8cbca;
	transition: 0.3s all ease;
	max-width: 100%;
	height: auto;
}

.empfehlungs-info {
	text-align: justify;
	width: 98%;
}

.empfehlungs-reihe {
	float: left;
	width: 100%;
	margin: 10px 0;
}

.bewerbers-info {
	margin-left: 30px;
	padding-top: 10px;
	width: 30%;
}

.fotos-herunterladen ol li {
	margin: 10px 0;
}

.fotos-herunterladen ol {
	padding: 0;
	margin: 0;
}

/*.bewerbers-bild img {
    border-radius: 50%;
    border: 1px solid #c8cbca;
    transition: 0.3s all ease;
}*/

.bewerbers-bild img:hover {
	opacity: 0.7;
	cursor: pointer;
}

.bewerbers-reihe h3 {
	font-size: 1em;
	width: 133px;
	display: block;
	margin: 0 auto;
}

.bewerbers-reihe a {
    color: #37424a;
}

.bewerbers-reihe a:hover {
    color: #5e6a71;
}

.kandidat-reihe, .dokument-reihe, .kasting-reihe-klein {
	padding-bottom: 10px;
	border-bottom: 1px dotted #99a0a3;
	float: left;
	width: 100%;
	margin: 20px 0;
}

.hinweise {
	padding-top: 10px;
}

.hinweise a {
	padding: 5px 0px 5px 45px;
	font-size: 1.1em;
}

.hinweise div {
	margin-bottom: 13px;
}

.bewerbers-info p {
	margin: 15px 0;
}

.aussicht-aktivitaete div {
	margin: 10px 10px 10px 0px;
}

.mright10 {
	margin-right: 10px;
}

.video-herunterladen a {
	background: url('../img/1_Camera.png')left 5px no-repeat;
	background: url('../img/1_Camera.svg')left 5px no-repeat;
}

.video-herunterladen a:hover {
	background: url('../img/1_Camera-oben.png')left 5px no-repeat;
	background: url('../img/1_Camera-oben.svg')left 5px no-repeat;
}

.telephone a {
	background: url('../img/1_Tel.png')left 5px no-repeat;
	background: url('../img/1_Tel.svg')left 5px no-repeat;
}

.telephone a:hover {
	background: url('../img/1_Tel-oben.png')left 5px no-repeat;
	background: url('../img/1_Tel-oben.svg')left 5px no-repeat;
}

div.telephone {
	background: url('../img/1_Tel.png')left 5px no-repeat;
	background: url('../img/1_Tel.svg')left 5px no-repeat;
	padding: 10px 0px 10px 45px;
}

.brief a {
	background: url('../img/1_Brief.png')left 5px no-repeat;
	background: url('../img/1_Brief.svg')left 5px no-repeat;
	padding: 10px 0px 10px 45px;

}

/*div.brief  {
	background: url('../img/1_Brief.png')left 5px no-repeat;
	background: url('../img/1_Brief.svg')left 5px no-repeat;
	padding: 10px 0px 10px 45px;
}*/	

.brief a:hover {
	background: url('../img/1_Brief-oben.png')left 5px no-repeat;
	background: url('../img/1_Brief-oben.svg')left 5px no-repeat;

}

.comment-data {
	width: 30%;
}

.comment-data input {
	max-width: 100%;
}

.tabs-menue ul  {
	text-align: left;
	
}

.tabs-menue {
	padding-bottom: 6px;
	border-bottom: 1px solid #c8cbca;
}


.tabs-menue ul li  {
	float: left;
	margin-right: 10px;
}

.inhalt .tabs-menue ul li a {
	font-size: 1.1em;
	color: #000;
	padding: 5px 20px;
	background: #e4e5e5;
	transition: 0.3s all ease;
}

.inhalt .tabs-menue ul li a:hover,
.inhalt .tabs-menue ul li a.active  {
	background: #37424a;
	color: #fff;
}

.user-photo {
	width: 195px;
	margin-right: 30px;
}

.hinweise .register a, .mehr-lesen a {
	padding: 5px 20px;
}

.photo-und-daten {
	width: 60%;
}

.artikel-datum label {
	display: inline-block;
	font-family: 'Repo-Medium';
}

.faehigkeiten {
	font-family: 'Repo-Medium';
}

.ueber-dem-inhalt h1 {
	color: #37424a;
	font-size: 1.3em;
}

.heading-taxonomy, .artist-bild-gross {
	margin-left: 1%;
}

.abbo-info, .artists-videos {
	margin-right: 1%;
}

.abbo .views-label {
	float: left;
	display: inline-block;
	margin-right: 5px;
}

.audio-reihe {
	float: left;
	text-align: center;
	margin: 0px 10px 10px 0px;
}

.artists-videos {
	margin-right: 2%;
	width: 780px;
}

ul.js-pager__items {
	clear: both;
	width: 100%;
	float: left;
	margin-top: 10px;
	text-align: center;
}

ul.js-pager__items li {
	display: inline-block;
	list-style: none;
	/*padding: 5px;
	border: 1px solid #000;*/
}

li.pager__item a {
	padding: 3px 5px;
}

li.pager__item.is-active a {
	background: #72af44;
	color: #fff;
}

.abbo-info div.abbo, .abbo-info div.register {
	display: inline-block;
	margin-right: 10px;
}

.taxonomy-reihe div.field-item {
	display: inline-block;
}

.eigenschaften div.field-item {
	display: block;
	margin: 5px 0;
}

.abbo {
	padding: 8px;
	background: #e4e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.artist-bild-gross {
	margin-right: 2%;
}

.artist-info-ganz {
	width: 40%;
}

.foto-reihe {
	float: left;
	margin: 10px;
	width: 160px;
}

.foto-reihe img {
	width: 100%;
	height: auto;
	transition: 0.3s all ease
}

.foto-reihe img:hover {
	opacity: 0.7;
}

.danni-videos {
	width: 78%;
}

.artists-videos iframe {
	/*max-width: 100%;*/
	width: 100%;
	height: 500px;
}

.sprachen ul li a {
	font-size: 1.1em;
	color: #fff;
	transition: 0.3s all ease;
}

.sprachen {
	margin-top: 18px;
	margin-right: 10px;
}

.sprachen ul li a:hover {
	color: #72af44;
}

.sprachen ul li {
	padding: 0 5px;
}

.sprachen ul li:first-child {
	border-right: 1px solid #fff;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

.order-total-line-label, .order-total-line-label {
	margin-right: 5px;
}

/*#views-form-commerce-cart-form-default-1 table {
	text-align: center;
}*/

#views-form-commerce-cart-form-default-1 table ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#views-form-commerce-cart-form-default-1 table td {
	padding: 5px 0;
}

#views-form-commerce-cart-form-default-1 #edit-checkout,
#edit-checkout {
	float: right;
}

#views-form-commerce-cart-form-default-1 #edit-actions,
.commerce-checkout-flow #edit-actions
/*#edit-actions*/ {
	width: 100%;
	float: left;
	margin-top: 10px;
}

.layout-region-checkout-footer {
    width: 100%;
    clear: both;
    padding-right: 0;
}

.address-container-inline > .form-item {
	margin: 10px 0;
	display: inline-block;
}

.link--previous {
    float: right;
}


#payment-information-billing-information-address-0-address-ajax-wrapper div.js-form-item,
.checkout-pane-contact-information div.js-form-item {
	margin: 10px 0;
}

.commerce-checkout-flow-multistep-default .js-form-item {
	margin: 10px 0;
}

/*.commerce-checkout-flow-multistep-default .js-form-item label {
	display: inline-block;
	margin-bottom: 10px;
}*/

.commerce-checkout-flow-multistep-default .js-form-item .form-reihe.labelblock {
	display: block;
}

.zentrum {
	text-align: center;
} 

.hidedes .js-filter-wrapper,
.field--name-field-kratka-tvorcheska-biografi .js-filter-wrapper {
	display: none;
}

/*.layout-region-checkout-main input {
	width: 450px;
}*/

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */


/*.danni-za-profila p {
	margin: 0;
}*/

.ui-tabs .ui-tabs-nav li {
	width: 24%;
	margin: 1px 1px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  display: inline-block;
  float: none;
}

.ui-tabs .ui-tabs-nav {
	text-align: center;
}


.sprachen li.es {
	display: none;
}

.kasting-info .views-label {
	float: left;
	margin-right: 5px;
}

.bewerben-sie-sich .register a {
	padding: 5px 10px;
}

.inhalt img {
	max-width: 100%;
	height: auto;
}

.danni-za-profila h3.term-title {
	text-align: left;
	margin-top: 10px;
	font-family: 'Repo-Medium';
}

.danni-za-profila .field__label {
	float: left;
	margin-right: 5px;
	font-family: 'Repo-Medium';
}

.danni-za-profila .field__label:after,
.foto-halter .field__label:after {
	content: ':';
}

.foto-halter .field-item {
	float: left;
	margin: 10px;
}

.foto-halter .field__label {
	font-family: 'Repo-Medium';
	margin-bottom: 10px;
}

.cart-form .dienst-bild {
	text-align: left;
}

.cart-form .packung-reihe .dienst-bild {
	text-align: center;
}

.inhalt .cart-form h2 {
	text-align: left;
}

.derpreis h4 {
	font-family: 'Repo-Medium';
	font-size: 1.3em;
}

.inhalt-block {
	margin: 20px 0;
}

.inhalt-block h2 {
	margin-bottom: 20px;
}

.inhalt .dopprodukti h2 {
	text-align: left;
}

.inhalt .cart-form .packung-reihe h3, 
.inhalt .cart-form .packung-reihe h4 {
	text-align: center;
} 

.inhalt .cart-form h3, 
.inhalt .cart-form h4 {
	text-align: left;
} 

.cart-form td {
	padding: 10px 0;
}

.ueberzetzung h2 {
	margin-bottom: 10px;
	font-size: 1.1em;
	font-family: 'Repo-Medium';
	color: #72af44;
}

.ui-widget.ui-widget-content {
  max-width: 400px;
}

.artists-videos .ui-widget.ui-widget-content {
	width: 100%;
	max-width: 100%;
}

#views-exposed-form-potrebiteli-km-kasting-block-2 .js-form-item {
	float: left;
	margin-right: 10px;
}

.captcha {
	float: left;
	clear: left;
	width: 100%;
}

.captcha summary {
	display: none;
}

.captcha .details-description {
	margin-bottom: 10px;
}

.kasting-datum  {
  font-size: 0.9em;
  color: #808083;
  font-family: 'Repo-Light';
}

.required.error,
input.error,
textarea.error,
/*select.required*/ {
	border: 1px solid red;
}

label.error {
	color: red;
}

label.form-required:before,
input.required placeholder:before,
h4.form-required:before {
    content:"* ";
    color: red;
  }

.clear {
	clear: both;
}

.inhalt .profile-hinweis h3.term-title {
	float: left;
	width: 100%;
	clear: both;
	margin: 15px 0;
	text-align: left;
	font-size: 1.1em;
}

.profile-hinweis ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


.layout-region-checkout-secondary h3 {
	text-align: left;
	margin-bottom: 10px;
}

.order-total-line {
	padding: 0;
	
}

.field--name-total-price {
	padding-top: 5px;
	border-top: 1px solid #c8cbca;
	margin-top: 5px;
}

.xls-feed {
	float: right;
}

.csv-feed .feed-icon {
  background-image: none;
}

.views-data-export-feed .feed-icon {
  overflow: hidden;
  text-indent: 0px;
  width: auto;
  float: left;
  background: #72af44;
}

.agree-button {
	cursor: pointer;
	    margin-right: 5px;
	    margin-top: 1em;
	    vertical-align: middle;
	    overflow: visible;
	    width: auto;
	    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
	    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
	    box-shadow: inset 0 1px 0 0 #ffffff;
	    background-color: #ededed;
	    background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
	    background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	    background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	    background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	    background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    border: 1px solid #dcdcdc;
	    color: #000;
	    font-family: 'Repo-Regular' !important;
	    font-weight: bold;
	    padding: 4px 8px;
	    text-decoration: none;
	    text-shadow: 1px 1px 0 #ffffff;
}

.decline-button {
	background: none;
	border: none;
	text-shadow: none;
	font-family: 'Repo-Regular' !important;
	color: #fff;
	box-shadow: none;
}

.decline-button:hover {
	color: #000;
}

h2.add-comment-title {
	display: none;
}

.field--name-field-dobavete-artistite-izbrani {
	margin-bottom: 10px;
}

ul.sf-menu a, ul.sf-menu span.nolink {
    padding: 1em 1.1em;
}

.form-item-field-geburtsdatum-value-min label,
.form-item-field-geburtsdatum-value-max label {
	display: none !important;
}

#edit-title--2 {
	max-width: 200px;
}

.form-item-field-geburtsdatum-value-min input,
.form-item-field-geburtsdatum-value-max input {
	max-width: 160px;
}

.cleft {
	clear: left;
}

.user-login-form {
	width: 40%;
}

.user-login-form .js-form-item {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.user-login-form label {
	margin-bottom: 10px;
	display: block;
}

.message-status, .cart-empty-page, .messages {
	text-align: center;
	background: #f2f2f2;
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.messages ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


.sf-accordion-toggle a {
	display: block;
	width: 50px;
	height: 40px;
	background: url('../img/1_Menu.svg')center center no-repeat;
	font-size: 0;
}

.sf-accordion-toggle a:hover {
	background: url('../img/1_Menu-oben.svg')center center no-repeat;
}	

.views-element-container table {
	width: 100%;
}

.views-element-container th {
	text-align: left;
}

#views-exposed-form-potrebiteli-v-sayta-page-1 .js-form-item  {
	float: left;
	margin-right: 30px;
}

#block-blocktabsvideakmprofil h2 {
	display: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #72af44;;
	background: #72af44;;
}

.ui-tabs .ui-tabs-panel {
    padding: 0px;
    margin-top: 3px;
}

.ui-widget-content {
    float: left;
	width: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 2%;
    width: 96%;
}

.horizontal-tabs .horizontal-tabs-list {
    background-color: none;
	background: none;
	margin-bottom: 10px;
}

ul.horizontal-tabs-list {
	border-bottom: 1px solid #c8cbca;
}

.horizontal-tabs .horizontal-tab-button {
    background-color: #e4e5e5;
    border-right: none;
	margin-right: 10px !important;
}

.horizontal-tabs .horizontal-tab-button:hover {
	background-color: #37424a;
} 

.horizontal-tab-button.selected {
	background-color: #37424a;
	color: #fff;
    border-bottom: none;
    margin-bottom: -1px;
}

ul.horizontal-tabs-list li:hover,
ul.horizontal-tabs-list li.selected:hover {
	background-color: #37424a;
	background: #37424a;
	color: #fff;
}

ul.horizontal-tabs-list li a {
	color: #000;
}

ul.horizontal-tabs-list li.selected a,
ul.horizontal-tabs-list li:hover a,
ul.horizontal-tabs-list li.selected a:hover {
	color: #fff;
	background: #37424a;
}

.horizontal-tabs .horizontal-tab-button a:hover {
  outline: none;
  background-color: #37424a;
}

.horizontal-tabs .horizontal-tab-button li:hover,
.horizontal-tabs .horizontal-tab-button li:focus {
  background-color: #37424a;
}



.horizontal-tabs {
    border: none;
}

.pager {
	width: 100%;
	clear: both;
}

.jspHorizontalBar {
    background: #fff;
    display: none;
}

a.feed-icon {
	display: none;
}

ul.pager__items {
	text-align: center;
        margin: 0;
        padding: 0;
}

ul.pager__items li {
	display: inline-block;
	margin-right: 10px;
}

li.comment-forbidden {
	display: none;
}

ul.page-tabs {
	width: 100%;
	clear: both;
	padding: 0;
}

.inhalt span, .inhalt ul, .inhalt ol, .inhalt p a {
	font-family: 'Repo-Regular' !important;
	font-size: 1em !important;
}	

.inhalt .video-reihe-rutschen span.views-label {
	text-align: center;
	margin-bottom: 10px;
	font-family: 'Repo-Medium' !important;
	display: block;
}

ul.page-tabs li {
	display: inline-block;
	margin-right: 5px;
}

ul.page-tabs li a {
	padding: 5px 10px;
	background: #c8cbca;
	color: #000;
}

ul.page-tabs li a.is-active {
	color: #fff;
	background: #37424a;
}

li.active-page-tab {
background: #37424a;
}
 

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

.cart #edit-actions {
	margin-top: 10px;
	float: left;
	width: 100%;
}

.infologo {
	height: 90px;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media only screen and (max-width: 2560px) {
  /* Style adjustments for viewports that meet the condition */
  
  .artist-reihe {
  	margin: 0px 15px 20px 15px;
  }
}

@media only screen and (max-width: 1920px) {
  /* Style adjustments for viewports that meet the condition */
  
  .artist-reihe {
  width: 450px;
  margin: 0px 10px 20px 10px;
  }
  
  .artist-bild {
  height: 665px;
}
  
  .registration-packungen {
  	padding-top: 8%;
  }
  
  .registration-packungen {
  	width: 55%;
  }
  
  .hilfs-dateien {
      margin-right: 2%;
	  width: 35%;
  }
  
  .packung-reihe {
      width: 230px;
  }
  
	 .banner.inner .logo {
		 top: 90px;
	} 
	
	.banner.inner .slogan {
	    top: 150px;
	}
	
	/*.banner.inner .slogan h1 {
	   font-size: 1.6em;
	}*/
		
	.banner.inner h1 {
		font-size: 1.6em;
	}
	
    .artists-videos {
  	  width: 680px;
    }
  
    .danni-videos {
        width: 70%;
    }
	
    .artists-videos iframe {
  	  height: 330px;
    }
		

@media only screen and (max-width: 1660px) {
  /* Style adjustments for viewports that meet the condition */
  
  .artists-videos {
	  width: 480px;
  }

  .danni-videos {
      width: 68%;
  }

  .artists-videos iframe {
	  height: 300px;
  }
  
  .artist-bild-gross {
	  width: 400px;
  }
  
 /* .artist-info-ganz {
      width: 35%;
  }*/
  
  .artist-info-ganz {
      width: 50%;
  }
  
  .artists-videos {
      margin-right: 3%;
	  min-height: 300px;
  }
  
  
  
  .artist-bild-gross img {
	  max-width: 100%;
	  height: auto;
  }
  
  .logo {
      top: 150px;
      left: 150px;
	  
	}  
	
	.natfiz-logo  {
        top: 150px;
        right: 150px;
	}
	
	.slogan {
	    top: 230px;
	}
	
	.banner.inner h1 {
		font-size: 1.5em;
	}
	
	.banner.inner .slogan {
	    top: 120px;
	}
	
	.banner.inner .logo {
	    top: 100px;
		left: 100px;
	}
	
	.banner.inner .logo {
		width: 95px;
		height: 100px;
	}
	
	.banner.inner .logo img {
		width: 80px;
		height: auto;
	}
	
	.hilfs-video iframe {
		height: 470px;
	}
	
	.packung-reihe {
	    width: 210px;
	}
	
	.hilfs-dateien {
	    width: 32%;
	}
	
	.hilfs-dateien .infoblock {
		width: 50%;
	}
	
	.registration-packungen {
	    width: 63%;
		padding-top: 10%;
	}
}

@media only screen and (max-width: 1600px) {
  /* Style adjustments for viewports that meet the condition */
  
	.hilfs-dateien {
	    width: 25%;
	}
	
	.registration-packungen {
	    width: 70%;
		padding-top: 8%;
	}
  
} 

@media only screen and (max-width: 1440px) {
  /* Style adjustments for viewports that meet the condition */
  
  .artists-videos {
	  width: 480px;
  }

  .danni-videos {
      width: 74%;
  }

  .artists-videos iframe {
	  height: 250px;
  }
  
  .artist-bild-gross {
	  width: 300px;
  }
  
  .artist-info-ganz {
      width: 50%;
  }
  
  .inhalt .tabs-menue ul li a {
  	font-size: 1em;
  }
  
  .artists-videos {
	  width: 43%;
  }
  

  .artist-reihe {
      width: 450px;
	  margin: 0px 10px 20px 10px;
  }
  
  .artist-bild {
      height: 670px;
  }
  
  .news .bx-wrapper {
	  max-width: 97% !important;
	  margin-left: 1%;
  }
  
	.banner.inner .logo {
	    top: 85px;
		left: 80px;
	}
	
	.banner.inner .logo {
		width: 75px;
		height: 80px;
	}
	
	.banner.inner .logo img {
		width: 60px;
		height: auto;
	}
	
	.sf-menu a.haus {
	    padding-right: 0px;
	}
  
  .mass {
	  width: 1400px;
  }
  
  .artikel-reihe {
	  width: 430px;
  }
  
  .empfehlugs-reihe {
	  margin-left: 2%;
  }
  
  .empfehlugs-reihe.clients {
	margin-right: 4%;
	} 	
	
    .suchen-block .exposed-widget {
        margin-right: 10px;
    }
	
	
	.packung-reihe {
	    margin-right: 10px;
	    margin-left: 10px;
	    margin-bottom: 20px;
		width: 190px;
	}
	
	.registration-packungen {
	    padding-top: 13%;
	}
	
	.hilfs-video iframe {
		height: 450px;
	}
	
	ul.sf-menu a, ul.sf-menu span.nolink {
	    padding: 1em 1.2em;
	}
}

@media only screen and (max-width: 1366px) {
  /* Style adjustments for viewports that meet the condition */
  
  
  
  
  ul.sf-menu li:hover > ul,
  ul.sf-menu li.sfHover > ul {
    top: 55px !important;
  }
  
  .artists-videos {
	  width: 42%;
  }
  
  .artist-bild-gross {
      width: 300px;
  }
  
  .artist-info-ganz {
      width: 50%;
  }
  
  .artists-videos iframe {
	  height: 245px;
  }
  
  .registration-packungen {
      width: 51%;
  }
  
  .registration-packungen.kleine .packung-reihe {
  width: 22%;
}
  
  .registration-packungen.kleine .packung-reihe .packungs-preis {
  	font-size: 1.2em;
  }
  
  .hilfs-dateien {
      width: 45%;
  }
  
  .profile-hinweis {
	  margin-right: 2%;
  }
  
  .photo-und-daten, .kasting-bild-klein {
  	margin-left: 2%;
  }
  
 .hilfs-dateien .infoblock {
	  width: 50%;
  }
 
  
  .artist-reihe {
      width: 430px;
	  margin: 0px 10px 20px 10px;
  }
  
  .suchen-block .exposed-widget {
      margin-right: 15px;
	  margin-left: 15px;
      margin-top: 10px;
  }
  
  .artist-bild {
      height: 620px;
  }
  
  .artikel-bild {
      width: 100%;
      height: 230px;
      overflow: hidden;
  }
  
  .bx-wrapper .dienst-reihe.klein {
	  margin-right: 0 !important;
	  width: 430px !important;
  }
  
  
  
  .banner.inner .slogan {
      top: 100px;
  }
  
  .video-reihe.inner {
	  width: 45%;
	  margin: 0 2%;
  }
  
  .footer-reihe.benutzer {
  	margin-right: 0%;
  }
  
  .inhalt h2 {
      font-size: 1.3em;
  }
  
  .mass {
	  width: 98%;
	  margin-left: 1%;
  }
  
  .logo {
      top: 130px;
      left: 130px;
	  
	}  
	
	.slogan {
	    top: 180px;
	}
	
	.slogan h1 {
		font-size: 1.6em;
	}
	
	.sf-menu a {
	    padding: .75em 1em !important;
	}
	
	ul.sf-menu a, ul.sf-menu span.nolink {
	    padding: 1em 1.2em;
	}
	
	
	
	.sf-menu a {
	    color: #fff;
	    font-size: 1.1em !important;
	}
	
	.sf-menu a.haus {
		margin-left: 0px;
		font-size: 0px !important;
	}
	
	.sf-menu li li a {
	    padding: .3em 1.75em !important;
	}
	
	.artikel-reihe {
	    width: 30%;
		margin-right: 3%;
	}
	
	.hauptmenue {
		margin-top: 3px;
	}
	
	.artikel-reihe {
	    width: 30%;
	    margin-right: 1.5%;
		margin-left: 1.5%;
	}
	
	ul.sf-menu .sf-sub-indicator {
		right: 5px !important;
	}
	
	
    .news .bx-wrapper {
  	  max-width: 93% !important;
	  margin-left: 3%;
    }
	
	.datum-und-bild {
		margin-left: 2%;
	}
	
	.artikel-info-ganz {
		width: 48%;
	}
	
	
/*    .empfehlugs-reihe.clients {
  	margin-right: 10%;
  	}*/
	
	.bx-wrapper .artikel-reihe {
		margin: 0;
	}
	
	
	.footer-reihe:first-child {
	    margin-left: 2%;
	}
	
	.logo {
	    top: 145px;
	    left: 100px;
	}
	
	.natfiz-logo  {
	    top: 145px;
	    right: 100px;
	}
	
	
	.logo, .natfiz-logo {
		width: 95px;
		height: 100px;
	}
	
	.logo img, .natfiz-logo img {
		width: 80px;
		height: auto;
	}
	
	.message-status, .cart-empty-page {
	    width: 96%;
		padding: 2%;
	}
}

@media only screen and (max-width: 1280px) {
	
    .artists-videos iframe {
  	  height: 230px;
    }
	
	.artist-bild-gross {
	    width: 250px;
	}
	
	.artist-info-ganz {
	    width: 55%;
	}
	
	.artists-videos {
	    width: 38%;
	}
	
    .artist-reihe {
      width: 400px;
  	  margin: 0px 10px 20px 10px;
    }
	
	.footer-reihe {
	    width: 16%;
	}
	
	.footer-reihe.last {
	    float: left;
	    margin-left: 6%;
	}
	
	.sf-menu a {
	    padding: .75em 1.5em !important;
	}
	
	.video-reihe iframe {
		max-width: 100% !important;
		height: 250px;
	}
	
	.video-reihe {
		margin-left: 1.5%;
	    margin-right: 1.5%;
	}
	
	.sf-menu a {
	    font-size: 1.1em !important;
	}
	
	.sf-menu li li a {
	    font-size: 1em !important;
		padding: 0.75em 1em !important;
	}
	
	.sf-menu a.haus {
		font-size: 0px !important;
	}
	
	.sf-arrows .sf-with-ul::after {
	    right: 10px !important;
	}
	
	.logo {
	    top: 120px;
	    left: 100px;
	}
	
	.natfiz-logo { 
	    top: 120px;
	    right: 100px;
	}
	
    .artist-bild {
        height: 580px;
    }
	
	.datum-und-bild {
	    width: 43%;
	}
	
	.artikel-info-ganz {
	    width: 48%;
	    float: left;
	    margin-left: 2%;
	}
	
	.banner.inner h1 {
	    font-size: 1.2em;
	}
	
	.banner.inner .slogan {
	    top: 85px;
	}
	
	.banner.inner .logo {
	    top: 75px;
	}
	
	.hauptmenue {
	    margin-top: 5px;
	}
	
	ul.sf-menu li:hover > ul,
	ul.sf-menu li.sfHover > ul {
	  top: 53px;
	}
	
	ul.sf-hidden {
		padding-bottom: 10px;
	}
	
}

@media only screen and (max-width: 1112px) { 
	
	.hauptmenue {
		position: absolute;
		top: 55px;
		width: 100%;
		z-index: 9999;
	}
	
	#superfish-main-accordion {
		background: url('../img/1_hg-menue.png') top left repeat-y;
		right: 11px;
	}
	
	.sf-accordion-toggle {
		position: absolute;
		top: -50px;
		left: 10px;
	}
	
	.banner.inner .logo {
	top: 75px;
	}
	
	.logo {
	z-index: 1;
	}
	
	.banner.inner .logo {
	width: 55px;
	height: 60px;
	z-index: 1;
	}
	
	.banner.inner .logo img {
	width: 45px;
	height: auto;
	}
	
	.sf-menu li li, .sf-menu li li:hover {
	background: none !important;
	}
	
	.sf-menu li li {
		padding-left: 20px !important;
	}
	
	.sf-menu a.haus {
	background: none;
	}
	
	.sf-menu a.haus {
	font-size: 0px;
	display: inline-block;
	width: auto;
	height: auto;
	background: none;
	padding-right: 0px;
	line-height: auto !important;
	padding-top: 0px !important;
	font-size: 1.1em !important;
	margin-left: 0;
	}
	
	.sf-menu a.haus:hover {
		background: none;
	}	
	
	.sf-menu li a {
	    display: block;
	}
	
	.sf-menu li li a {
	    font-size: 1.1em !important;
		padding: 0.75em !important;
	}
	
	.footer-reihe {
	width: 18%;
	}
	
	.footer-reihe.last {
	float: left;
	margin-left: 10px;
	clear: both;
	}
	
	.artist-reihe {
	width: 340px;
	margin: 0px 10px 20px 10px;
	}
	
	.artist-bild {
	height: 480px;
	}
	
	.inhalt h1 {
	font-size: 1.3em;
	}
	
	.inhalt h3 {
		font-size: 1.1em;
	}
	
	.ui-tabs .ui-tabs-nav li {
	width: 100%;
	}
	
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: none;
	display: block;
	text-align: center;
	}
	
	.audio-reihe {
	text-align: center;
	margin: 10px 0px;
	display: block;
	width: 100%;
	}
	
	.front-block h2 {
		font-size: 1.2em;
	}
	
	.artikel-bild {
	height: 180px;
	}
	
	.slogan {
	top: 130px;
	}
	
	.packung-reihe {
	width: 150px;
	}
	
	.form-halter .form-reihe input {
		max-width: 98%;
	}
	
	.kunde-reihe {
	margin: 10px 10px 0px 0px;
	width: 200px;
	}
	
	.kunde-reihe img {
		width: 100%;
		height: auto;
	}
	
	.artikel-info-ganz img {
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 1024px) { 
	
	.banner.inner .logo {
	top: 75px;
	left: 20px;
	}
	
	.usermenue {
	margin-top: 10px;
	}
	
	.banner.inner .logo {
	width: 45px;
	height: 50px;
	z-index: 1;
	}
	
	.banner.inner .logo img {
	width: 38px;
	height: auto;
	position: relative;
	right: 3px;
	}
	
	.banner.inner .slogan {
	top: 75px;
	}
	
	.user-login-form {
	width: 98%;
	}
	
	.inhalt h2 {
	font-size: 1.2em;
	}
	
	.kunde-reihe {
	width: 190px;
	}
	
	.artikel-bild {
	height: 160px;
	}
	
	.datum-und-bild {
		margin-top: 20px;
	}
	
	.artist-reihe {
	width: 315px;
	margin: 0px 10px 20px 10px;
	}
	
	.artist-bild {
	height: 455px;
	}
	
	.form-item-field-nomer-obuvki-value {
		clear: left;
	}
	
	.artist-bild-gross {
	width: 220px;
	}
	
	.foto-reihe {
	width: 150px;
	}
	
}	


@media only screen and (max-width: 834px) { 
	
	.footer-reihe.last {
	width: 30%;
	}
	
	.footer-reihe {
	  width: 22%;
	}
	
	.slogan {
	  top: 80px;
	}
	
	.logo {
	  top: 80px;
	  left: 30px;
	}
	
	.natfiz-logo {
	top: 80px;
	right: 30px;
	}
	
	.empfehlugs-reihe {
	width: 98%;
	margin-left: 1%;
	}
	
	/*.empfehlugs-reihe .block-content {
		overflow: visible !important;
		height: auto !important;
	}
	
	.jspVerticalBar, .jspHorizontalBar {
	display: none !important;
	}
	
	.jspPane {
		margin: 0 !important;
		padding: 0 !important;
	}*/
	
	.video-reihe, .artikel-reihe,
	.video-reihe.inner {
	width: 98%;
	margin-right: 0%;
	margin-bottom: 30px;
	}
	
	.artikel-bild {
	height: auto;
	width: 100%;
	}
	
	.artikel-bild img {
		height: auto;
		width: 100%;
	}
	
	.mass2 {
		width: 650px;
	}
	
	.video-reihe iframe {
		width: 100%;
		min-height: 460px;
	}
	
	.empfehlugs-reihe.clients {
	margin-right: 0%;
	margin-top: 20px;
	}
	
	
	.registration-packungen {
	width: 98%;
	padding-top: 0;
	}
	
	.grau-linie {
	padding: 15px 0;
	}
	
	.artikel-info-ganz {
	width: 98%;
	margin-left: 1%;
	}
	
	.dienst-info {
		overflow: visible !important;
		height: auto !important;
	}
	
	/*.ninety {
	width: 100%;
	}*/
	
	
	.banner.inner .slogan {
	top: 30px;
	}
	
	.oben-linie {
		position: inherit;
		float: left;
	}
	
	.oben-linie {
	 padding: 0;
	}
	
	.banner.inner .logo {
	  top: 40px;
	  left: 20px;
	}
	
	.kasting-bild, .kasting-info {
	width: 98%;
	margin-right: 0%;
	margin-left: 1%;
	}
	
	.kasting-info {
		margin-top: 20px;
		float: left;
	}
	
	.bewerbers-info {
	  width: 30%;
	}
	
	.csv-feed {
		float: left;
		width: 100%;
		clear: left;
	}
	
	.packung-reihe {
	width: 30%;
	}
	
	.registration-packungen.vier .packung-reihe {
		width: 20%;
	}
	
	.hilfs-dateien {
	width: 98%;
	}
	
	.artist-reihe {
	width: 47%;
	margin: 0px 10px 20px 10px;
	}
	
	ul.page-tabs li {
	margin-right: 0px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	text-align: center;
	}
	
	ul.page-tabs li a {
	display: block;
	padding: 10px 0;
	}
	
	.horizontal-tabs .horizontal-tab-button {
	display: block;
	float: none;
	width: 100%;
	}
	
	.artist-bild-gross {
	width: 35%;
	}
	
	.artist-info-ganz {
	width: 100%;
	}
	
	.danni-videos {
	width: 58%;
	}
	
	.artists-videos {
	width: 98%;
	clear: left;
	}
	
	.foto-reihe {
	  width: 145px;
	}
	
	.ueber-dem-inhalt {
	margin-top: 20px;
	}
	
	.artist-bild {
	  height: 530px;
	}
	
	
	.kasting-info-klein {
	width: 50%;
	}
	
	.datum-und-rolle {
	  width: 96%;
	}
}	

@media only screen and (max-width: 768px) { 
	
	.bewerbers-reihe {
	  width: 18%;
	  margin: 1% 2% 2% 0;
	  min-height: 200px;
	}
	
	.artist-bild {
	  height: 520px;
	}
	
	#superfish-main-accordion {
	right: 7px;
	padding: 10px 0;
	}
	
	
	.mass2 {
		width: 630px;
	}
	
	.mass3 {
	width: 98%;
	}
	
	
	.grau-linie .views-exposed-form {
		margin-top: 10px;
	}
	
	
	
	.hilfs-dateien .infoblock {
	width: 90%;
	}
	
	
	
	.slogan {
	top: 60px;
	}

	
	
	.banner.inner .slogan {
	top: 55px;
	}
	
	.footer-reihe {
	width: 46%;
	}
	
	.fb-kasten {
		clear: left;
		margin-left: 2%;
		margin-top: 20px;
	}
	
	.footer-reihe.last {
		clear: none;
		margin-top: 20px;
		margin-left: 0px;
	}
	
	
	
	.banner.inner .logo {
	width: 30px;
	height: 35px;
	z-index: 1;
	}
	
	
	
	.banner.inner .logo {
	top: 40px;
	left: 40px;
	}
	
	.logo {
	top: 80px;
	left: 40px;
	}
	
	.natfiz-logo { 
	    top: 80px;
	    right: 40px;
	}
	
	.banner.inner .logo img {
		right: 7px;
	}
	
	.dienst-reihe.klein, .schauspieler-reihe {
	width: 45%;
	margin-left: 2%;
	}
	
	.datum-und-bild {
	width: 98%;
	}
	
	.datum-und-bild img {
		width: 100%;
		height: auto;
		margin-top: 0px;
		margin-left: 1%;
	}


	.kunde-reihe {
	width: 32%;
	}

	.banner.inner h1 {
	font-size: 1em;
	display: none;
	}
	
	.form-item-field-ochi-value {
		clear: left;
	}
	
	.form-item-field-nomer-obuvki-value {
	clear: none;
	}

	
	.foto-reihe {
		width: 130px;
	}
	
	.sf-accordion-toggle {
	left: 10px;
	}
	
	.hauptmenue {
	top: 50px;
	}
}	

@media only screen and (max-width: 480px) { 
	
	.bewerbers-reihe {
	  width: 45%;
	  margin: 1% 3% 3% 0;
	  min-height: 220px;
	}
	
	.registration-packungen.kleine .packung-reihe {
		width: 98%;
		margin-left: 0%;
		margin-bottom: 4%;
	}
	
	div.telephone a {
		background: none;
	}
	
	.brief {
		margin-bottom: 20px;
	}
	
	.user-photo {
	  width: 98%;
	  margin-right: 0;
	}
	
	.profile-hinweis {
	  margin-right: 0%;
	  width: 98%;
	  float: left;
	}
	
	.profile-hinweis .register {
		float: left;
	}
	
	.hinweise {
		margin-top: 0px;
	}
	
	.abbo {
		margin-bottom: 10px;
	}
	
	.profile-hinweis .sehen-sie-mehr {
		float: left;
	}
	
	.photo-und-daten {
	  width: 98%;
	  margin-left: 1%;
	}
	
	.register {
		margin-bottom: 15px;
	}
	
	.dienst-reihe {
	width: 98%;
}

	.dienst-reihe.klein, .schauspieler-reihe {
	width: 98%;
	margin-left: 1%;
	}
	
	.empfehlungs-info {
	  text-align: justify;
	  width: 96%;
	}
	
	.bewerbers-info {
	  width: 98%;
	}
	
	.hinweise {
		width: 100%;
		margin-top: 20px;
		float: left;
		text-align: left;
	}
	
	div.telephone a {
		padding: 0;
	}
	
	.footer-reihe.last {
	  width: 98%;
	}
	
	.artist-bild-gross {
	width: 98%;
	margin-right: 0;
	margin-left: 1%;
	}
	
	.artist-info-ganz slot {
		display: none;
	}
	
	.danni-videos {
	width: 98%;
	}
	
	.infoblock {
	width: 98%
	}
	
	.schauspieler-reihe {
	width: 98%;
	margin-left: 1%;
	margin-right: 0;
	}
	
	.footer-reihe {
	width: 98%;
	text-align: center;
	margin-left: 1%;
	}
	
	.packung-reihe, .registration-packungen.vier .packung-reihe {
	width: 98%;
	margin: 0;
	margin-left: 1%;
	margin-bottom: 30px;
	}
	
	.registration-packungen {
	margin-left: 1%;
	margin-top: 1%;
	padding-top: 2%;
	}
	
	.registration-packungen.kleinmargin {
		width: 98%;
		overflow: hidden;
	}
	
	.artist-reihe {
	width: 98%;
	margin: 0px 0px 20px 0;
	}
	
	.artist-info-ganz summary {
		padding: 10px 0;
		text-align: center;
		background-color: #e4e5e5;
		border-bottom: 1px solid #fff;
		}
		
	.kunde-reihe {
	width: 45%;
	margin: 2%;
	}	
	
	.banner.inner .logo {
	  top: 20px;
	  left: 30px;
	}
	
	.mass2 {
	  width: 98%;
	}
	
	.registration-packungen.kleinmargin .form-reihe {
		max-width: 420px;
	}
	
	.registration-packungen textarea {
		max-width: 100%;
	}
	
	/*.sf-accordion-toggle {
	left: 0px;
	}*/
		
		.cart th, .cart tr {
			width: 100%;
			text-align: center;
			display: block;
		}
	
		.cart th {
			display: none;
		}

		.cart td {
			display: inline-block;
			width: 100%;
			padding: 5px 0;
		}
		
		.cart-form .dienst-bild {
		  text-align: center;
		}
		
		.inhalt .cart-form h3, .inhalt .cart-form h4 {
		  text-align: center;
		}
	
}	

@media only screen and (max-width: 414px) { 
	
	
	.banner.inner .logo {
	top: 15px;
	left: 25px;
	}

	.usermenue ul li a {
		padding: 5px 3px;
	}
	
	/*.commerce-checkout-flow-multistep-default .js-form-item {
		width: 380px;
	}*/
		

	.foto-reihe {
		width: 30%;
		float: left;
		margin: 1%;
		max-height: 175px;
		overflow: hidden;
	}	
		
		
	
	#edit-payment-information-billing-information .js-form-item,
	.commerce-checkout-flow-multistep-default .js-form-item,
	#edit-payment-information-billing-information-address-wrapper .js-form-item   {
		width: 380px;
	}
	
	#edit-payment-information-billing-information .js-form-item input,
	.commerce-checkout-flow-multistep-default .js-form-item input,
	#edit-payment-information-billing-information-address-wrapper .js-form-item input,
		#edit-payment-information-billing-information .js-form-item textarea   {
		max-width: 380px;
	}
	
	
	
	
	
	.logo {
	top: 40px;
	left: 30px;
	width: 30px;
	height: 40px;
	}
	
	.natfiz-logo {
		top: 40px;
		right: 30px;
		width: 30px;
		height: 40px;
	}
	
	.logo img {
	width: 30px;
	position: relative;
	right: 7px;
	}
	
	.natfiz-logo img {
		width: 30px;
	}

	.slogan {
	top: 20px;
	}
	
	
	
	.schauspieler-reihe ul {
		padding: 0;
	}
	
	
	
	.unteres-menue ul li {
		float: none;
		display: block;
		text-align: center;
	}
	
	.unteres-menue ul li a {
		padding: 5px 0;
		display: block;
	}
	
	.fb-kasten {
	clear: none;
	margin-left: 1%;
	}

	.registration-packungen.kleinmargin .form-reihe {
		max-width: 380px;
	}

	.video-reihe iframe {
	min-height: 250px;
	}
	
	/*.kunde-reihe {
	width: 98%;
	}*/
	
	.footer-reihe ul li a {
		padding: 5px 0;
		display: block;
	}

	.artist-bild {
	height: 530px;
	}
	
	.user-login-form {
	width: 98%;
	}
	
	.user-login-form input, .user-pass input {
		max-width: 380px;
	}
	
	.user-pass label {
		margin-bottom: 5px;
		display: block;
	}
	
	
	
	.commerce-checkout-flow .js-form-item {
		margin-bottom: 10px;
	}
	
	.commerce-checkout-flow label {
		display: block;
		margin-bottom: 5px;
	}
	
	.commerce-checkout-flow .form-composite label {
		display: inline-block;
	}
	
	a.ausgang {
		display: none;
	}
	
    .commerce-checkout-flow #edit-actions {
   text-align: center;
	}
	
	.commerce-checkout-flow #edit-actions input,
	.link--previous {
		width: 98%;
		margin: 10px 0;
		display: block;
		float: none;
	}
	
	.link--previous {
		width: 93%;
	}

	
}	

@media only screen and (max-width: 375px) { 
	
	.usermenue {
	margin-right: 0px;
	}
	
	#superfish-main-accordion {
	right: 4px;
	}
	
	.sf-accordion-toggle {
	left: 5px;
	}
	
	.logo {
	/*top: 60px;*/
	width: 20px;
	height: 30px;
	}
	
	.views-exposed-form .form-actions {
		clear: left;
		position: absolute;
		right: 20px;
	}
	
}	

@media only screen and (max-width: 320px) { 
	
	.usermenue ul li {
	margin-right: 0px;
	font-size: 0.9em;
	}
}	


@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}