/*
CSS für ts-krebs.de
erste Version: April 2017

tanzschulorange: #ea731c;

*/

/*--------------------------------------------------------------------------------------*/
/*Webfonts by Adobe
account ts krebs*/

@import url("https://use.typekit.net/gwu4ksa.css");

/*--------------------------------------------------------------------------------------*/

html {
   -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
    margin:0px;
    min-height:100%;
    font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif;
    color:#444;
    font-size:18px;
}

img { border-width:0; }

h1, h2, h3, h4, h5, h6 {
    font-family: "neo-sans", Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#ea731c;
}

h1 {
    font-size:1.3em;
    margin:0;
}

h2 {
    font-size:1.3em;
    margin:0;
}

h3 {
    font-size:1.3em;
    margin:0;
}

h2.monat {
    color:#fff;
    text-align:center;
    background-color:#ea731c;
    padding:0.1em;
    font-size:1.1em;
}

p {
    line-height:1.3em;
    margin-top:0.3em;   
}

p, legend, label, input, textarea, .text, figcaption {  font-size:0.9em; }

select {
    font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif;
    color:#444444;
    font-size:18px;
}
    
p.bold { font-weight:bold; }

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

a.grau { color: #444; }

a:hover {
    color:#ea731c;
    text-decoration:underline;
}

a.standort {
    color:#ea731c;
    font-size:2em;
    font-family: "neo-sans", Arial, Helvetica, sans-serif;
    font-weight:300;
}

fieldset {
    box-sizing:border-box;
    border: 1px solid #ccc;
    background-color:white;
    border-radius:3px;
}


fieldset > fieldset {
    margin-bottom:.5em;
    margin-top:0.5em;
    background-color:#fff;
    border: 1px solid #ccc;
}

fieldset >fieldset > legend {
    color:#444;
    font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif;
}

input {
    box-sizing:border-box;
    font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif;
    color:#444;
    border-radius:3px;
    border: 2px solid #ccc;
    padding:0.3em;
}


.shell {
    position: relative;
    line-height: 1;
}

.shell span {
    position: absolute;
    left: 7px;
    top: 3px;
    color: #ccc;
    pointer-events: none;
    z-index: -1;
}

.shell span i {
    font-style: normal;
    color: transparent;
    opacity: 0;
    visibility: hidden;
}

input.masked, .shell span {
    /*font-size: 16px;
    font-family: monospace;*/
    padding-right: 10px;
    background-color: transparent;
    text-transform: uppercase;
}

input:invalid { outline: 3px solid red; }


textarea {
    box-sizing:border-box;
    font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif;
    color:#444;
    border-radius:3px;
    border: 2px solid #ccc;
    padding:0.3em;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.background_all { 
    background: url(images/background_all.jpg) no-repeat; 
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    height:100%;
    width:100%;
    position:fixed;    
}

.background_ornamente { 
    background: url(images/ornamente.svg) no-repeat center; 
    -webkit-background-size: 50% 400px;
    -moz-background-size: 50% 400px;
    -o-background-size: 50% 400px;
    background-size: 2200px;
    background-position:50% 400px;
    height:100%;
    width:100%;
}

.header_image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height:400px;
    width:100%;
    margin-top:10px;
}

.content_container {
    max-width: 1000px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    z-index:1;
}

.content { float:left; }

.box {
    background-color:#fff;
    background-image:url(images/box_verlauf2.png);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:0.8em;
    box-sizing:border-box;
    width:100%;
}

.box > p {
    padding-bottom:0;
    margin-bottom:0;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.box > ul, .box > fieldset > ul {
    line-height:1.3em;
    margin-top:0.3em;
    font-size:0.9em;
}



.box > p.klein { font-size:0.7em; }
    

img.normal {
    width:50%;
    float:left;
    margin-right:.8em;
    display:flex;
}

img.normalright {
    width:50%;
    float:right;
    margin-left:.8em;
    display:flex;
}

img.banner_left {
    width:48%;
    float:left;
    display:flex;
}

img.banner_right {
    width:48%;
    float:right;
    display:flex;
}


img.veranstaltungen {
    width:25%;
    float:left;
    margin-right:.8em;
    margin-top:0.4em;
    display:flex;
}

img.big {
    width:100%;
    margin-bottom:.4em;
    display:flex;
}

img.detail_image_quer {
    width:100%;
    margin-bottom:.4em;
    margin-top:.4em;
}

img.detail_image_hoch {
    width:50%;
    float:left;
    margin-right:1.2em;
    margin-top:.4em;
    margin-bottom:.2em;
}

div.video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    z-index: 0;
    margin-bottom:0.4em;
}

div.video.kurs { margin-bottom:0; }

.videoextern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*Seitenleiste*/
.row {
    float:right;
    padding:0.8em;
    padding-top:0;
    box-sizing:border-box;
}

.row.kurse {
    padding:0.8em;
    position:absolute;
    bottom:0;
    right:0;
}

.row.kurse > h3 { font-size:0.8em; }

.row.kurse > p {
    font-size:0.8em;
    color: #777;
    margin-bottom:0.4em;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.row.kurse > p.klein { font-size:0.6em; }

.row.kontakt > p { color: #fff; }
.row.kontakt > p > a { color: #fff; }
.row.kontakt > p > a:hover {
    color: #ea731c;
    text-decoration:underline;
}

.row.veranstaltungen > a > img { width:100%; }

.row.veranstaltungen > p > a { color: #888; }
.row.veranstaltungen > p > a:hover {
    color: #ea731c;
    text-decoration:underline;
}

.row.veranstaltungen > p { margin-top:0; }

div.honorarbox > h3 {
    font-size:0.8em;
    margin-top:1.5em;
}

div.honorarbox > p {
    font-size:0.8em;
    color: #777;
    margin-bottom:0.4em;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

div.honorarbox > p.klein { font-size:0.6em; }


.row.admin > p > a { color:#fff; }
.row.admin > p > a:hover { color: #ea731c; }

/*quickfinder*/
div.quickfinder { letter-spacing: 0.02em; }

div.quickfinder > h2 {
    font-weight:bold;
    font-size:1em;
    margin-top:0;
}

div.quickfinder > h3 {
    font-weight:bold;
    font-size:0.75em;
}

div.quickfinder > h3 > a { color:white; }

div.quickfinder > h3 > a:hover {
    color:#ea731c;
    text-decoration:none;
}

div.quickfinder > ul {
    padding-left:1em;
    font-family: "neo-sans", Arial, Helvetica, sans-serif;
    font-size:0.75em;
    margin-top:0;
}

div.quickfinder > ul > li {
    list-style: none;
    padding-top:0.2em;
}

div.quickfinder > ul > li > a { color:white; }

div.quickfinder > ul > li > a:hover {
    color:#ea731c;
    text-decoration:none;
}

.bedingungen > p { margin-top:1em; }

/*Hauptnaigation*/
#menu {
    width:100%;
    position: -webkit-sticky;
    position: sticky;
    top:0;
    z-index:10;
}

#main_menu {
    max-width: 1000px;
    margin-right:auto;
    margin-left:auto;
    height:3.5em;
    position:relative;
}

/*Tanzschullogo im Nav-Balken*/
.logo_menu {
    vertical-align:middle;
    float:left;
}

.logo_menu.com {height:3.5em;}
.logo_menu.small {
    height:2.5em;
    display:none;
}

/*Hamburger-Icon*/
#menu_icon {
    line-height:2.5em;
    display:none;
    margin:0;
    left:2.7em;
    cursor: pointer;
    z-index: 30;
    position:absolute;
    width:60%;
}

#menu_icon_class {
    line-height:2em;
    display:none;
    margin:0;
    left:.5em;
    cursor: pointer;
    z-index: 10;
    position:absolute;
    width:80%;
}

/*und eine kleine Extrawurst für Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #menu_icon {top:0;}
}

/*Menü*/
#main_menu > ul {
    margin:0;
    padding:0;
    font-family: "neo-sans", Helvetica, sans-serif;
    font-weight:300;
    color:#fff;
    display: inline-block;
    position:relative;
    z-index:26;
}

#main_menu > ul > li {
    display: inline-block;
    margin:0;
    padding-top:1.1em;
    padding-left:0.3em;
    list-style: none;
    height:2.4em;
    vertical-align:middle;
}

#main_menu > ul > li > a {
    text-decoration: none;
    color: #fff;
}

#main_menu > ul > li > a:hover {
    color: #ea731c;
    text-decoration:underline;
}

#main_menu #current a { color: #ea731c; }

/*Socialmedia Icons*/
.socialmedia {
    float:right;
    width:9em;
}

.socialmedia > a > img {
    height:1em;
    margin-right:0.5em;
    margin-top: 1.3em;
}

/*bilder hover leicht vergrößern*/
.scale {transition: transform 0.3s;}
.scale:hover {transform: scale(1.3, 1.3);}


/*suche*/
#search_icon {
    width:1.3em;
    height:1.3em;
    margin-top:.5em;
    background-color:#ea731c;
    padding:.6em;
    float:right;
    cursor: pointer;
    margin-left:0.5em;
}

#search {
    width:100%;
    height:3.5em;
    background-color:#ea731c;
    position:absolute;
    display:none;
    top:3.5em;
    z-index:20;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#query_t { width:70%; }

td.search {
    font-size:0.9em;
    padding-right:1em;
}
h2.resultheader {
    background-color: #ea731c;
    color:white;
    font-size:0.9em;
    text-align:center;
    padding:0.2em;
}

div.resultlist { margin-top:1em; }

a.resulttitle {
    color:#ea731c;
    font-weight:bold;
    font-size:0.9em;
}

div.description {
    font-size:0.8em;
    margin:0;
    margin-top:0.2em;
    padding-left:0;
}


div.description > br { display:none; }

div.resulturl {
    font-size:0.8em;
    margin-top:0.3em;
    word-break:break-all;
}

span.mak_1 { font-weight:bold; }

#more_results {
    border-top: 1px solid #ea731c;
    border-bottom: 1px solid #ea731c;
    text-align:center;
    font-size:0.9em;
    margin-top:1em;
    padding:0.2em;
}

/*toggle search*/
.show_search {display:block !important;}

.formfield {
    border-radius:3px;
    border-width:0;
    /*font-size:1em;*/
    float:right;
    margin-right:2em;
    margin-top:.9em;
    width:20em;
    padding:.2em;
}

/*Kursnaigation*/

#class_menu {
    max-width: 1000px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    height:3em;
    position:relative;
    background-color:#ea731c;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#class_menu > ul {
    margin:0;
    padding:0;
    font-family: "neo-sans", Helvetica, sans-serif;
    font-weight:300;
    position:relative;
    z-index:4;
}

#class_menu > ul > li {
    display: inline-block;
    margin:0;
    padding:0;
    list-style: none;
    height:3em; 
}

#class_menu > ul > li > a {
    text-decoration: none;
    color: #fff;
    height:3em;
    display:table-cell;
    padding-left:0.8em;
    padding-right:0.8em;
    vertical-align:middle;
    margin:0;
}

#class_menu > ul > li > a:hover {
    color: #ea731c;
    background-color:#feeadb;
}

#class_menu #current_class a {
    color: #ea731c;
    background-color:#feeadb;
}

/*Kurstabelle*/
div.classcontainer {
    background-color:white;
    box-sizing:border-box;
    position:relative;
}

div.kursetabelle {
    width:100%;
    display: table; 
    border-collapse:separate;
    border-spacing: 0 0.3em;
    font-size:0.9em;
    color:white;
    margin-top:0.3em;
}

div.kursetabelle.abstand { margin-top:0.1em; }

div.kurserow {
    display:table-row;
    background-color:#ea731c;
}

div.kursecell, div.kursecelldaytime, div.kursecellregister, div.kursecellloc {
    display:table-cell;
    vertical-align:middle;
    padding:0.3em;
}

div.kursecelldaytime { width: 25% }
div.kursecellloc { width: 25% }
div.kursecellregister { width: 20% }
div.kursecell { width: 30% }


div.kursecelltime { white-space:nowrap; }

div.kursecellregister > a { color:white; }

span.anmeldung_icon { display:none; }

.anchor {
    padding-top: 6em;
    margin-top: -6em;
}

p.kurs_anker_liste {
    font-size:1em;
    margin-bottom:0;
}

h3.kursesub {
    font-size: 1em;
    margin-top:1em;
    margin-bottom:0;
}

    
/*Fußbereich*/
.footer {
    clear:both;
    padding-top:10px;
}

.footer > p {
    color:#bbb;
    font-size:0.7em;
    line-height:1.5em;
    float:left;
    margin-right:2em;
}

.footer > p > a {
        color:#bbb;
	text-decoration:none;
}

.footer > p > a:hover {
        color:#ea731c;
	text-decoration:underline;
}

.footer > p > a > img {
    height:1.5em;
    margin-right:0.7em;
    margin-top:0.4em;
}

/*formulare*/
.fehlerform {
    border-width:3px;
    border-color:red;
    border-style:solid;
}

/*Ferienprogramm*/
table.ferienprogramm {
    border-collapse:collapse;
    width:48%;
}

table.ferienprogramm.left {
    float:left;
    margin-right:4%;
}

td.ferienprogramm_head {
    padding:0.2em;
    padding-left:0.4em;
    font-family: "neo-sans", Helvetica, sans-serif;
    background-color:#ea731c;
    color:white;
    font-size:0.9em;
}

td.ferienprogramm_row {
    border-bottom:2px solid #ccc;
    padding:0.2em;
    padding-left:0.4em;
    font-size:0.9em;
}

td.ferienprogramm_row.time { width:40%; }

div.ferienprogramm_spacer {
    height:2em;
    clear:left;
}

/*adminbereich anmeldung*/
.topfield {width:47%;}
.topfield.left {float:left;}
.topfield.right {float:right;}

span.spacer { margin-left:1em; }

input.abstand { margin-bottom:0.3em; }

label.feld_float {
    float:left;
    margin-right:3em;
}

br.feld_float { display:none; }

input.button {
    padding-left:2em;
    padding-right:2em;
    background-color:white;
}

input.button:hover {
    background-color:#ea731c;
    border-color:#fff;
    color:#fff;
    cursor: pointer;
}

ul.admin {
    padding:0;
    display:table;
    border-collapse:collapse;
    width:100%;	
}

ul.admin > li {
    list-style: none;
    display: table-row;
}

li.dragbackground {
    background-color:#eee;
}

ul.admin > li > div {
    display:table-cell;
    vertical-align:middle;
    padding: 0.2em;
    border-top: 2px #ccc solid;
    border-bottom: 2px #ccc solid;
}

ul.admin > li > div > label:hover {
    color: #ea731c;
    cursor: pointer;
}

ul.admin > li > div > a > .icon { text-decoration:none; }

ul.admin > li > div.manipulate { width:8em; }
ul.admin > li > div.date { width:9em; }

a.fakebutton {
    padding-left:2em;
    padding-right:2em;
    box-sizing:border-box;
    color:#444;
    border-radius:3px;
    border: 2px solid #ccc;
    padding:0.3em;
    background-color:#fff;
}

a.fakebutton:hover {
    background-color:#ea731c;
    border-color:#fff;
    color:#fff;
    cursor: pointer;
    text-decoration:none;
}

iframe.googlemaps {
    float:right;
    width:60%;
}

.my-gallery img {
    height: 100%;
    width: auto;
    transition: transform 0.3s;
}

.my-gallery img:hover { transform: scale(1.06, 1.06); }

.my-gallery figure {
    display: inline-block;
    margin: 0 0.3em 0.5em 0;
    height: 100px;
}
.my-gallery figcaption { display: none; }

.my-gallery.rundgang figure {
    display: inline-block;
    margin: 0 0.3em 0.5em 0;
    height: 150px;
}

.spaltenuns {
    float: right;
}

.spaltenuns > figure {
    margin: 0.5em 0em 0 1em;
}

.spaltenuns > figure > img {
    width: 170px;
}

.mitarbeitergross > .left {
    float:left;
    width:50%;
}

.mitarbeitergross > .right {
    width:50%;
    float:right;
    padding-left:1em;
    box-sizing:border-box;
}

.mitarbeitergross > .left > img { width:100%; }

.mitarbeitergross > .right > p {
    margin:0;
    margin-top:0.5em;
}

.mitarbeitergross > .right > p > span.fettgrau {
    font-weight:bold;
    color: #999;
}

.team { text-align:center; }

.team > figure {
    display: inline-block;
    margin:0;
    margin-top:1em;
    margin-right:0.5em;
    margin-left:0.5em;
}

.team > figure > a > img {
    width: 180px;
    transition: transform 0.3s;
}
.team > figure > a > img:hover { transform: scale(1.06, 1.06); }

fieldset.jobfield {
    margin-top: 1em;
    width: 30%;
    hyphens: auto;
    margin-right:20px;
}
fieldset.jobfield.left {float: left;}


table.logos {
    border-collapse:collapse;
    width:100%;
    font-size:0.7em;
}

table.logos.left { float:left; }

table.logos > tbody > tr > td {
    text-align:center;
    vertical-align:middle;
    width:33%;
}

table.logos > tbody > tr > td > a > img {
    width:80px;
    transition: transform 0.3s;
}

table.logos > tbody > tr > td > a > img:hover { transform: scale(1.1, 1.1); }

/*--------------------------------------------------------------------------------------*/
@media (max-width: 1500px) {
    .header_image {height:300px;}
}

@media (max-width: 1300px) {
    .content_container {max-width:900px;}
    #class_menu {max-width:900px;}
    #main_menu {max-width:900px;}
}

@media (max-width: 910px) {
    .content_container {
	margin-right:5px;
	margin-left:5px;
    }

    #class_menu {
	margin-right:5px;
	margin-left:5px;
    }
    
    #main_menu {
	margin-right:5px;
	margin-left:5px;
    }
	
    .socialmedia {width:auto;}
    .socialmedia > a {display:none;}

    /*bilder hover leicht vergrößern abschalten*/
    .scale {transition: none;}
    .scale:hover {transform: none;}

}

@media (max-width: 800px) {
    .header_image {height:200px;}
    .background_ornamente {background:none;}

    .content {
	width:100% !important;
	float:none;
    }

    a.standort { font-size:1.2em; }

    input, textarea { font-size:16px; }

    input[type='date'] {
	-webkit-logical-width:calc(100% - 16px) !important;
    }


    input.click-dummy {
	font-size:0.8em;
    }

    img.normal {
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:0.4em;
    }

    img.normalright {
	width:100%;
	float:none;
	margin-left:0;
	margin-bottom:0.4em;
    }

    img.banner_left {
	width:100%;
	float:none;
	margin-bottom:0.4em;
    }

    img.banner_right {
	width:100%;
	float:none;
    }


    img.detail_image_hoch {
	width:100%;
	float:none;
	margin-top:.4em;
	margin-bottom:.4em;
    }

    img.veranstaltungen {
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:0.4em;
    }

    /*Seitenleiste*/
    .row {
	float:none;
	width:100% !important;
	padding-top:0.8em;
    }

    .row.kursestart { display: none; }

    .row.kurse {
	position:relative;
	background-image:url(images/box_verlauf.png);
	background-repeat:repeat-x;
	background-position:bottom;
    }

    /*Main-Menü-Umbauten*/
    /*Leiste schmaler*/
    #main_menu {height:2.5em;}
    
    /*Auf kleines Logo mit Füßen umschalten*/
    .logo_menu.com {display: none;}
    .logo_menu.small {display: block;}
    
    /*Hamburger sichtbar machen*/
    #menu_icon {display:block;}
    
    /*Menü als Dropdown*/
    #main_menu > ul {margin-left:.1em;}
    
    #main_menu > ul > li {
	display: none; /* hide all <li> items */
	margin: 0;
	margin-left:1.8em;
	height: 1.85em;
	padding-left:0.6em;
	padding-right:0.6em;
	padding-top:0.65em;
    }
    
    #main_menu #current { display: block !important; }

    /*Trennstriche unsichtbar*/
    #main_menu > ul > li > span {display:none;}
	
    /*toggle Hamburger Menü*/
    .show_main > ul > li {display: block !important;}
    .show_main > ul {
	background-color:rgba(0, 0, 0, 0.7);
	border-right: 6px solid #ea731c;
    }

    /*suche*/
    #search_icon {margin:0;}
    #search {
	top:2.5em;
	height:2.5em;	
    }
    
    .formfield {
   	float:none;
	margin-top:.44em;
	width:90%;
	margin-right:auto;
	margin-left:4%;
    }

    #query_t { width:50%; }
    
    
    /*class-Menü-Umbauten*/
    /*Leiste schmaler*/
    #class_menu {height:2em;}

    /*Hamburger sichtbar machen*/
    #menu_icon_class {display:block;}

    /*Menü als Dropdown*/
    #class_menu > ul > li {
	display: none; /* hide all <li> items */
	margin: 0;
	margin-left:1.5em;
	height: 1.35em;
	padding-left:0.6em;
	padding-top:0.2em;
    }
    
    #class_menu #current_class {
	display: block !important; /* show only current <li> item */
    }

    #class_menu #current_class > a {
	color:#fff;
	background-color:transparent;
    }
    
    #class_menu > ul > li > a {
	display:inline;	
	padding:0.15em;
    }

    /*Breaks unsichtbar*/
    #class_menu > ul > li > a > br {display:none;}
	
    /*toggle Hamburger Menü*/
    .show_class > ul > li {display: block !important;}
    .show_class > ul {
	background-color:#ea731c;
	padding-bottom:0.5em !important;
    }
    .show_class #current_class > a {
	color:#ea731c !important;
	background-color:#feeadb !important;
    }

    /*Kurstabelle*/
    div.kursecell, div.kursecellloc { display:block; }
    
    div.kursecelldaytime {
	width:35%;
    }

    div.kursecellloc {
	padding-top:0;
	width:80%;	
    }

   
    div.kursecell {
	width:80%;
	padding-bottom:0;
    }

    div.kursecellregister {
	text-align:right;
	width:10%;
    }

    span.anmeldung_icon { display:inline; }
    span.anmeldung_text { display:none; }

    .anchor {
	padding-top: 4.5em;
	margin-top: -4.5em;
    }

    p.kurs_anker_liste { padding-left:0.8em; }

    div.kursspacer { display: none; }
    
    /*footer*/
    .footer > p {
	float:none;
	padding-left:0.8em;
    }

    /*adminbereich*/
    .topfield {width:100%;}
    .topfield.left {float:none;}
    .topfield.right {
	float:none;
	margin-top:1.5em;
    }


    br.feld_float {
	display:inline;
    }

    label.feld_float {
	float:none;
	margin-right:0;
    }

    ul.admin > li > div.manipulate {
	width:auto;
	text-align:right;
    }

    ul.admin > li > div.date {
	width:auto;
    }

    /*Ferienprogramm*/
    table.ferienprogramm {
	width:100%;
	margin-top:2em;
    }

    table.ferienprogramm.left {
	float:none;
	margin-right:0;
    }


    div.ferienprogramm_spacer { display:none; }

    iframe.googlemaps {
	float:none;
	width:100%;
    }

    .my-gallery { text-align:center; }

    .my-gallery img { transition: none; }
    .my-gallery img:hover { transform: none; }
    .my-gallery figure { height: 80px; }

    .my-gallery.rundgang figure { height: 80px; }
    .team > figure {
	margin-top:0.5em;
	margin-right:0.2em;
	margin-left:0.2em;
    }
    .team > figure > a > img {
	width: 120px;
	transition: none;
    }

    .team > figure > a > img:hover { transform: none; }
    .team > figure > figcaption { font-size:0.8em; }

    fieldset.jobfield {
        width: 100%;
	margin-right:0px;
}
fieldset.jobfield.left {float: none;}

    table.logos { width:100%; }
    table.logos.left { float:none; }

    table.logos > tbody > tr > td > a > img { transition: none; }
    table.logos > tbody > tr > td > a > img:hover { transform: none; }

    
}



@media (max-width: 400px) {
    
    .mitarbeitergross > .left {
	float:none;
	width:100%;
    }

    .mitarbeitergross > .right {
	width:100%;
	float:none;
	padding-left:0;
    }

}